Merge branch 'develop' into tailwind-preset-typescript

Author: atanasster

.github/CODEOWNERS

@@ -0,0 +1,62 @@
+# Hi there!
+# If you're using one of Theme UI packages a lot, and you would like to help
+# maintaining it, let us know on our Discord https://discord.gg/U5sQYcuaj2.
+# As you can see below, there are tons of packages here, and they are always
+# looking for maintainers. The more the merrier!
+
+**/types.ts @hasparus
+**/types.tsx @hasparus
+
+# packages/chrome DEPRECATED
+packages/color @hasparus
+packages/color-modes @hasparus
+packages/components @atanasster
+packages/core @hasparus
+packages/css @hasparus
+packages/custom-properties @hasparus
+packages/docs @lachlanjc @hasparus
+# packages/editor looking for maintainers!
+# packages/gatsby-plugin-theme-ui looking for maintainers! 
+# packages/gatsby-theme-code-recipes looking for maintainers!
+# packages/gatsby-theme-style-guide looking for maintainers!
+# packages/gatsby-theme-ui-blog looking for maintainers!
+# packages/gatsby-theme-ui-layout looking for maintainers!
+packages/match-media @hasparus
+packages/mdx @hasparus
+packages/parse-props @hasparus
+packages/preset-base @hasparus
+packages/preset-bootstrap @hasparus
+packages/preset-bulma @hasparus
+packages/preset-dark @hasparus
+packages/preset-deep @hasparus
+packages/preset-funk @hasparus
+packages/preset-future @hasparus
+packages/preset-polaris @hasparus
+packages/preset-roboto @hasparus
+packages/presets @hasparus
+packages/preset-sketchy @hasparus @beerose
+packages/preset-swiss @hasparus
+packages/preset-system @hasparus
+packages/preset-tailwind @hasparus
+packages/preset-tosh @hasparus
+packages/prism @hasparus
+packages/sidenav @hasparus
+packages/style-guide @hasparus
+packages/tachyons @hasparus
+packages/tailwind @hasparus
+packages/test-utils @hasparus
+packages/theme-provider @hasparus
+packages/theme-ui @hasparus
+packages/typography @hasparus
+
+# examples/codesandbox-starter
+# examples/create-react-app
+# examples/custom-pragma
+# examples/dark-mode
+# examples/gatsby
+# examples/gatsby-plugin
+
+examples/next @lachlanjc
+
+# examples/prism 
+# examples/typography

.github/ISSUE_TEMPLATE/bug_report.md

@@ -4,14 +4,14 @@ about: Create a report to help us improve
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Describe the bug**
 A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'

.github/ISSUE_TEMPLATE/feature_request.md

@@ -4,7 +4,6 @@ about: Suggest an idea for this project
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Is your feature request related to a problem? Please describe.**

.github/validate-codeowners.sh

@@ -0,0 +1,12 @@
+# usage
+# bash validate-codeowners.sh <github-token>
+
+if [ "$1" != "" ]; then
+  export GH_TOKEN=$1
+fi
+
+docker run --rm -v $(pwd):/repo -w /repo \
+  -e REPOSITORY_PATH="." \
+  -e GITHUB_ACCESS_TOKEN="$GH_TOKEN" \
+  -e OWNER_CHECKER_REPOSITORY="system-ui/theme-ui" \
+  mszostok/codeowners-validator:v0.5.1

.github/workflows/ci.yml

@@ -1,27 +1,34 @@
 name: CI
 
-on: [push, pull_request]
+on:
+  push:
+  pull_request:
+    branches:
+      # Branches from forks have the form 'user:branch-name' so we only run
+      # this job on pull_request events for branches that look like fork
+      # branches. Without this we would end up running this job twice for non
+      # forked PRs, once for the push and then once for opening the PR.
+      - '**:**'
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v2
-    - uses: actions/setup-node@v1
-      with: 
-        node-version: 12.x
-    - name: Get yarn cache directory path
-      id: yarn-cache-dir 
-      run: echo "::set-output name=dir::$(yarn cache dir)"
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 12.x
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir
+        run: echo "::set-output name=dir::$(yarn cache dir)"
 
-    - uses: actions/cache@v1
-      with:
-        path: ${{ steps.yarn-cache-dir.outputs.dir }}
-        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-        restore-keys: |
-          ${{ runner.os }}-yarn-
-    - run: yarn
-    - run: yarn test --coverage
-    - run: yarn typecheck
+      - uses: actions/cache@v1
+        with:
+          path: ${{ steps.yarn-cache-dir.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+      - run: yarn
+      - run: yarn test --coverage
+      - run: yarn typecheck

.gitignore

@@ -8,3 +8,4 @@ coverage
 .rts2_cache*
 .idea
 .vscode
+.envrc

.prettierignore

@@ -5,4 +5,5 @@ yarn.lock
 node_modules
 dist
 coverage
+examples/next/.next
 docs/src/pages/index.mdx

CHANGELOG.md

@@ -1,18 +1,190 @@
 # Changelog
 
-## Unreleased
+## UNRELEASED
+
 - Tailwind preset typescript compatibility. Issue #1139
+
+## v0.6.0 UNRELEASED
+
+- Extract objects with nested variant props. Issue #1357
+- Add ability for MDX styling, and fix mdx table align styles. Issue #654
+- Remove recursive default values from CSS custom properties. PR #1327
+- Support a `"default"` key for object in scales. PR #951
+- Render extra Embed props onto `iframe` tag instead of wrapping `div`. Issue #966, PR #1122
+
+## v0.6.0-alpha.1
+
+- Switches from lodash.kebabCase to alternative package ([param-case](/blakeembrey/change-case/tree/master/packages/param-case)) per [official Lodash documentation](https://lodash.com/per-method-packages). PR #1304
+- Rebuilds Prism preset with latest upstream theme changes. PR #1304
+- Fix: Preserve order of variant expansion props. PR #1326
+  _(bug introduced in 0.5.0-alpha.1)_
+
+## v0.6.0-alpha.0
+
+- **BREAKING**: Rename `Styled` component to `Themed`. PR #1323
+- **BREAKING**: Make Text component use `span` instead of `div`
+- **breaking TypeScript**: Renamed and removed types. PR #1308
+  - `SxProps` to `SxProp`.
+  - `SxStyleProp`, an alias for `ThemeUIStyleObject` removed. Use `ThemeUIStyleObject` instead.
+- Fix: Add `sx` props types to all props accepting `className`. PR #1308
+- Fix WithPoorAsProp to work with ComponentProps utility type. PR #1308
+
+## v0.5.0-alpha.2 2020-11-30
+
+- Add Paragraph component. PR #1298
+
+## v0.5.0-alpha.1 2020-11-26
+
+- Bump React peerDependency to `"^16.14.0 || ^17.0.0"`.
+- Support automatic JSX runtime. Issue #1160, PR #1237
+- Bump React peerDependency to `"^16.14.0 || ^17.0.0"`.
+- Apply variant styles _before_ responsive styles. Issues #1030, and #720, PR #1273
+
+## v0.5.0-alpha.0 2020-11-20
+
+- **BREAKING**: Upgrade to Emotion 11, and `csstype` 3. PR #1261
+  - We are now depending on `@emotion/react@11` instead of `@emotion/core@10`
+  - `sx` prop types are still global, and we opt in for Emotion `css` prop types (This will change in the future.)
+  - Refer to [Emotion 11 release notes](https://emotion.sh/docs/emotion-11) for more information.
+
+## v0.4.0-rc.14 2020-11-20
+
+### `@theme-ui/color-modes`
+
+- Fix color CSS Custom Properties recursive reference
+
+## v0.4.0-rc.13 2020-11-20
+
+### `@theme-ui/css`
+
+- Add transitions scale. Issue #1079, PR #1272
+
+## v0.4.0-rc.12 2020-11-18
+
+### `theme-ui`
+
+- Use correct version of @theme-ui/components in theme-ui package.
+  (Locked dependencies on other Theme UI packages)
+
+## v0.4.0-rc.11 2020-11-18
+
+### docs
+
+- Add documentation on CSS keyframes #1269
+
+### `@theme-ui/color-modes`
+
+- Add configuration option for printing color mode. PR #1267, issue #1144.
+
+  ```
+  {
+    initialColorModeName: "dark",
+    printColorModeName: "light"
+  }
+  ```
+
+### `@theme-ui/components`
+
+- Add `arrow` prop to Select to allow passing custom arrow icon. Issues #1177 #1151, PR #1232
+- Fix: Field component uses `id` if passed. PR #1252
+- Fix circular import in Switch.js
+
+## v0.4.0-rc.9 2020-11-17
+
+### `@theme-ui/components`
+
+- Fix Button not respecting hidden prop. Issue #1254
+- Add `minWidth: min-content` on Checkbox and Radio. PR #1256
+
+## v0.4.0-rc.8 2020-11-09
+
+### `@theme-ui/color`
+
+- Fix support for rgb/hsl color values
+
+### `@theme-ui/components`
+
+- Add Switch component #1035
+
+  ```tsx
+  <Label>
+    <Switch /> Enable email alerts?
+  </Label>
+  ```
+
+- Pass `size` prop down to IconButton in Close component. PR #1242
+
+  ```tsx
+  <Close size={24} />
+  ```
+
+### examples
+
+- Convert Gatsby example to TypeScript and stop using removed components. Issue #1227, PR #1229
+
+## v0.4.0-rc.7 2020-11-08
+
+### `@theme-ui/core`
+
 - Make ThemeProvider `theme` prop required
-- Removes overriding property on editor combobox
-- Adjust media query sort logic #600
-- Fixed link to Gatsby Plugin page in `getting-started` page. Issue #602
-- Fixed peer dependencies to keep yarn berry happy. Issue #725
-- Fix broken base-preset link on `theming` page
+
+### `@theme-ui/editor`
+
+- Removes overriding property on editor combobox #687
+
+### `@theme-ui/preset-sketchy`
+
 - Add `@theme-ui/preset-sketchy`
-- `@theme-ui/prism`: add support for highlighting lines #895
-- `@theme-ui/style-guide`: pass `size` prop to ColorRow component #941
+
+### `@theme-ui/prism`
+
+- Add support for highlighting lines #895
+
+### `@theme-ui/sidenav`
+
 - `@theme-ui/sidenav`: move React to peerDependencies #978
 
+### `@theme-ui/style-guide`
+
+- Pass `size` prop to ColorRow component #941
+
+### `@theme-ui/color-modes`
+
+- Accept SetStateAction and generic parameter #1174
+
+### docs
+
+- Fix broken base-preset link on `theming` page
+
+## v0.3.2 2020-11-08
+
+- Fix peer dependencies. Issue #725, PR #836
+
+### `@theme-ui/css`
+
+- Add theme colors support to columnRuleColor and caretColor #1085
+- Support scrollPadding variations in sx props. Issue #1214
+
+### `@theme-ui/core`
+
+- Support Webpack 5. (Uses default export from package.json instead of named export) #1141
+
+### `@theme-ui/components`
+
+- Add `primary` as default variant for `Badge` component #1109
+- Add `primary` as default variant for `Alert` component #1102
+- Add `theme.text.default` variant for `Text` component #870
+
+### docs
+
+- Fix example logo on Avatar & Image component docs #1233
+- Fix theme editor output in docs #1182
+
+## v0.3.1 2020-01-32
+
+- Adjusts media query sort logic #600
+- Fixes link to Gatsby Plugin page in `getting-started` page. Issue #602, PR #603
+
 ## v0.3.0 2020-01-22
 
 - Split theme-ui package into `@theme-ui/core`, `@theme-ui/mdx`, and `@theme-ui/color-modes`

CONTRIBUTING.md

@@ -21,7 +21,7 @@ Install dependencies and link local packages in the root directory:
 yarn
 ```
 
-After yarn has linked packages and installed dependences in the repo you can run the docs or an
+After yarn has linked packages and installed dependencies in the repo you can run the docs or an
 example site in the workspace with this command:
 
 ```sh