fix(docs): Update recommendations in Keyframes doc #2079

lachlanjc · 2022-01-16T16:48:35Z

Closes #1814 by updating documentation for the new peer dependency world & to clarify how to use Emotion’s helper with object syntax.

📦 Published PR as canary version: 0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0

✨ Test out this PR locally via:

npm install @theme-ui/color-modes@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/color@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/components@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/core@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/css@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/custom-properties@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/editor@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install gatsby-plugin-theme-ui@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install gatsby-theme-style-guide@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install gatsby-theme-ui-layout@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/match-media@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/mdx@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/parse-props@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-base@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-bootstrap@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-bulma@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-dark@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-deep@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-funk@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-future@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-polaris@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-roboto@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-sketchy@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-swiss@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-system@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-tailwind@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/preset-tosh@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/presets@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/prism@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/sidenav@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/style-guide@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/tailwind@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/theme-provider@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install theme-ui@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
npm install @theme-ui/typography@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
# or 
yarn add @theme-ui/color-modes@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/color@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/components@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/core@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/css@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/custom-properties@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/editor@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add gatsby-plugin-theme-ui@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add gatsby-theme-style-guide@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add gatsby-theme-ui-layout@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/match-media@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/mdx@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/parse-props@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-base@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-bootstrap@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-bulma@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-dark@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-deep@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-funk@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-future@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-polaris@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-roboto@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-sketchy@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-swiss@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-system@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-tailwind@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/preset-tosh@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/presets@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/prism@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/sidenav@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/style-guide@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/tailwind@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/theme-provider@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add theme-ui@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0
yarn add @theme-ui/typography@0.14.0--canary.2079.2df5654dd24654f0179f24c971be177a4a1b0dec.0

Version

Published prerelease version: v0.14.0-develop.3

Changelog

🎉 This release contains work from a new contributor! 🎉

Thank you, Brage (@braaar), for all your work!

🚀 Enhancement

feat(examples/next): Add new deps, fully use TSX, rebuild #2068 (@lachlanjc)

🐛 Bug Fix

Finish editing note #2079 (@lachlanjc)
fix(docs): Update recommendations in Keyframes doc #2079 (@lachlanjc)
@theme-ui/components
- components: Fix visual collapsing bug with Switch component #2067 (@lachlanjc)

🏠 Internal

docs: add dependencies to "getting started" #2071 (@braaar)
@theme-ui/sidenav
- sidenav: Fix props leaking to DOM on Pagination component #2057 (@lachlanjc)

Authors: 2

Brage (@braaar)
Lachlan Campbell (@lachlanjc)

vercel · 2022-01-16T16:48:54Z

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/systemui/theme-ui/2A4uTKAqesANRayKDkTz2cSkcGUi
✅ Preview: https://theme-ui-git-lachlanjc-keyframes-doc-systemui.vercel.app

hasparus · 2022-01-17T04:01:21Z

🚀 PR was released in v0.14.0-develop.3 🚀

hasparus · 2022-03-21T12:55:01Z

🚀 PR was released in v0.14.0 🚀

lachlanjc added 2 commits January 16, 2022 11:45

fix(docs): Update recommendations in Keyframes doc

0569a31

Finish editing note

4fafe03

lachlanjc added the documentation Changes only affect the documentation label Jan 16, 2022

lachlanjc requested a review from hasparus January 16, 2022 16:48

vercel bot deployed to Preview January 16, 2022 16:48 View deployment

lachlanjc merged commit d75181c into develop Jan 17, 2022

lachlanjc deleted the lachlanjc-keyframes-doc branch January 17, 2022 03:52

hasparus added the prerelease This change is available in a prerelease. label Jan 17, 2022

This was referenced Jan 29, 2022

feat(color-modes): Warn when theme color keys have leading/trailing whitespace #2099

Merged

feat(custom-properties): Warn in development on invalid theme keys #2080

Merged

feat(tailwind): Upgrade Tailwind theme conversion for v3.0 #2082

Merged

This was referenced Feb 13, 2022

chore(deps): bump follow-redirects from 1.14.7 to 1.14.8 #2132

Merged

fix(style-guide): use inherited fontSize for ColorPalette color labels #2135

Merged

This was referenced Feb 20, 2022

chore(deps): bump next from 12.0.9 to 12.1.0 in /examples/next #2136

Merged

fix(gatsby-plugin-theme-ui,docs): Dependency Updates #2138

Merged

chore(deps): bump prismjs from 1.26.0 to 1.27.0 #2141

Merged

This was referenced Mar 1, 2022

chore(deps): bump @emotion/styled from 11.6.0 to 11.8.1 #2155

Merged

chore(deps-dev): bump @babel/register from 7.16.0 to 7.17.0 #2152

Merged

This was referenced Mar 16, 2022

chore(deps): bump lodash-es from 4.17.15 to 4.17.21 #2167

Merged

fix(docs): make layout more consistent #2168

Merged

fix(color-modes): properly use print mode even if its name is initialColorModeName #2090

Merged

hasparus added released This issue/pull request has been released. and removed prerelease This change is available in a prerelease. labels Mar 21, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix(docs): Update recommendations in Keyframes doc #2079

fix(docs): Update recommendations in Keyframes doc #2079

lachlanjc commented Jan 16, 2022 •

edited by hasparus

vercel bot commented Jan 16, 2022 •

edited

hasparus commented Jan 17, 2022

hasparus commented Mar 21, 2022

fix(docs): Update recommendations in Keyframes doc #2079

fix(docs): Update recommendations in Keyframes doc #2079

Conversation

lachlanjc commented Jan 16, 2022 • edited by hasparus

Version

🚀 Enhancement

🐛 Bug Fix

🏠 Internal

Authors: 2

vercel bot commented Jan 16, 2022 • edited

hasparus commented Jan 17, 2022

hasparus commented Mar 21, 2022

lachlanjc commented Jan 16, 2022 •

edited by hasparus

vercel bot commented Jan 16, 2022 •

edited