@marigold/components 0.1.0 → 0.3.2

package/CHANGELOG.md

@@ -0,0 +1,180 @@
+# @marigold/components
+
+## 0.3.2
+
+### Patch Changes
+
+- [#1701](https://github.com/marigold-ui/marigold/pull/1701) [`45b05af2`](https://github.com/marigold-ui/marigold/commit/45b05af2d93eb21d50ed21363d7177d9161865be) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): rewrite Divider and add react-aria
+
+## 0.3.1
+
+### Patch Changes
+
+- [#1634](https://github.com/marigold-ui/marigold/pull/1634) [`26ff3618`](https://github.com/marigold-ui/marigold/commit/26ff361822fe31d466bfeae988b0193ac5999f3b) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Radio component rewrite
+
+* [#1676](https://github.com/marigold-ui/marigold/pull/1676) [`379041bc`](https://github.com/marigold-ui/marigold/commit/379041bc7d4502bca98029a95afe43ce693222cd) Thanks [@ti10le](https://github.com/ti10le)! - remove the last mdx stories
+
+* Updated dependencies [[`379041bc`](https://github.com/marigold-ui/marigold/commit/379041bc7d4502bca98029a95afe43ce693222cd)]:
+  - @marigold/icons@0.3.1
+  - @marigold/system@0.3.1
+
+## 0.3.0
+
+### Patch Changes
+
+- [#1269](https://github.com/marigold-ui/marigold/pull/1269) [`ebb704dd`](https://github.com/marigold-ui/marigold/commit/ebb704dd5fe1697482220face07bd4390ab34293) Thanks [@ti10le](https://github.com/ti10le)! - feature: section to select component
+
+* [#1189](https://github.com/marigold-ui/marigold/pull/1189) [`be8dc989`](https://github.com/marigold-ui/marigold/commit/be8dc989a418884fe12b0c772db71d10657a661d) Thanks [@sebald](https://github.com/sebald)! - feat(components): <Stack> correctly uses whitespace and supports usage as list
+
+- [#1378](https://github.com/marigold-ui/marigold/pull/1378) [`b0c967de`](https://github.com/marigold-ui/marigold/commit/b0c967de1097de50ff4de4c3b14a5bd6e236319b) Thanks [@ti10le](https://github.com/ti10le)! - feature: Textarea - make error boolean and add errorMessage
+
+* [#1510](https://github.com/marigold-ui/marigold/pull/1510) [`a9b8b083`](https://github.com/marigold-ui/marigold/commit/a9b8b08316c0e9bf1308e64c78eb1ecc81f8febf) Thanks [@ti10le](https://github.com/ti10le)! - refa(comp): Stack
+
+- [#1515](https://github.com/marigold-ui/marigold/pull/1515) [`8eda245f`](https://github.com/marigold-ui/marigold/commit/8eda245f01a918fcdaa9f0ac211889ed869aa375) Thanks [@sebald](https://github.com/sebald)! - feat: add normalization for body and html & fix emotion leak
+
+* [#1651](https://github.com/marigold-ui/marigold/pull/1651) [`4452b39c`](https://github.com/marigold-ui/marigold/commit/4452b39c822fa82671530e4c475c0cf1df967c60) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Checkbox component rewrite
+
+- [#1316](https://github.com/marigold-ui/marigold/pull/1316) [`edfec8d9`](https://github.com/marigold-ui/marigold/commit/edfec8d9a7a4e4a0e45cc912838789804c0cace1) Thanks [@ti10le](https://github.com/ti10le)! - aria-label for all usages of select component
+  use SSR Provider which is exported from package components/Provider in Gatsby wrapper
+
+* [#1440](https://github.com/marigold-ui/marigold/pull/1440) [`c1da52c0`](https://github.com/marigold-ui/marigold/commit/c1da52c0f035b141608fd606e6ba3bc2b5482dc1) Thanks [@ti10le](https://github.com/ti10le)! - feature: use Element in Box + necessary fix changes
+
+- [#1658](https://github.com/marigold-ui/marigold/pull/1658) [`af485505`](https://github.com/marigold-ui/marigold/commit/af4855058358e75a6ae9f8594f1b4d3d4d383f3c) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): refa + react-aria Hidden component
+
+* [#1228](https://github.com/marigold-ui/marigold/pull/1228) [`ccebc98e`](https://github.com/marigold-ui/marigold/commit/ccebc98e4c27a597557e06ad32521249afd7c401) Thanks [@ti10le](https://github.com/ti10le)! - docs: Use Select component in ThemeSelect
+
+- [#1514](https://github.com/marigold-ui/marigold/pull/1514) [`5107b943`](https://github.com/marigold-ui/marigold/commit/5107b943cb3085eb3137d84e79966acad6173a26) Thanks [@sebald](https://github.com/sebald)! - feat(system): Use emotion's context
+
+* [#1631](https://github.com/marigold-ui/marigold/pull/1631) [`9d0e0b96`](https://github.com/marigold-ui/marigold/commit/9d0e0b961afc21ef7a649e8d4dbf584ece6f0e57) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): improve Label and add color prop
+
+- [#1488](https://github.com/marigold-ui/marigold/pull/1488) [`5ea6ac42`](https://github.com/marigold-ui/marigold/commit/5ea6ac428b67e6802a640ac65ccaf79b07327d45) Thanks [@ti10le](https://github.com/ti10le)! - fix(comp): Select coverage
+
+* [#1235](https://github.com/marigold-ui/marigold/pull/1235) [`657d508b`](https://github.com/marigold-ui/marigold/commit/657d508b00f13df6269228af396fd5ccebe2d0a4) Thanks [@ti10le](https://github.com/ti10le)! - feature: ActionGroup component
+
+- [#1618](https://github.com/marigold-ui/marigold/pull/1618) [`bd51a81b`](https://github.com/marigold-ui/marigold/commit/bd51a81b4d961f3366c28f34732e13840e78b346) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): change Input default variant
+
+* [#1660](https://github.com/marigold-ui/marigold/pull/1660) [`6f9a9d61`](https://github.com/marigold-ui/marigold/commit/6f9a9d61473b715cd492ef765815251c14575768) Thanks [@ti10le](https://github.com/ti10le)! - feat(storybook): rewrite stories from mdx to tsx
+
+- [#1313](https://github.com/marigold-ui/marigold/pull/1313) [`2203155c`](https://github.com/marigold-ui/marigold/commit/2203155c406c91289e36f2a82c24bc6474b687bf) Thanks [@ti10le](https://github.com/ti10le)! - Slider component - design update
+
+* [#1447](https://github.com/marigold-ui/marigold/pull/1447) [`29e4dcc5`](https://github.com/marigold-ui/marigold/commit/29e4dcc589f9bc97db56e554804b4cd78c0d2ec8) Thanks [@ti10le](https://github.com/ti10le)! - feature: Card component
+
+- [#1556](https://github.com/marigold-ui/marigold/pull/1556) [`470f6e8d`](https://github.com/marigold-ui/marigold/commit/470f6e8d9a4c71f504a05f67b3b83d0554d7b480) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove span from button and add some styles to the button element, add space prop to button
+
+* [#1521](https://github.com/marigold-ui/marigold/pull/1521) [`00588fef`](https://github.com/marigold-ui/marigold/commit/00588fef28270bdd0483701ffa8ec1f6bdbc3f01) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp/docs): change Inline component default align + use it in DoAndDont
+
+- [#1616](https://github.com/marigold-ui/marigold/pull/1616) [`ac186e8c`](https://github.com/marigold-ui/marigold/commit/ac186e8c6658bcd6a2892bbe4717c0d60c67e0b4) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove hardcoded variants in <Dialog>
+
+* [#1639](https://github.com/marigold-ui/marigold/pull/1639) [`71551547`](https://github.com/marigold-ui/marigold/commit/71551547e8da4a65ccb69cd785f1be19256aac3c) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove hard coded label from Select
+
+- [#1451](https://github.com/marigold-ui/marigold/pull/1451) [`6f24c585`](https://github.com/marigold-ui/marigold/commit/6f24c585d0f78fac0bf4037e13c53dfdb6138037) Thanks [@ti10le](https://github.com/ti10le)! - bugfix: change Stack that pt has higher priority than base
+
+* [#1374](https://github.com/marigold-ui/marigold/pull/1374) [`90dd906c`](https://github.com/marigold-ui/marigold/commit/90dd906c0ba660ba695efbd39ff52ecc69f9a98f) Thanks [@ti10le](https://github.com/ti10le)! - feature: Field - make error boolean and add errorMessage
+
+- [#1230](https://github.com/marigold-ui/marigold/pull/1230) [`ebd6e26f`](https://github.com/marigold-ui/marigold/commit/ebd6e26f71f675b98b663bc45c6a2d5badddcd47) Thanks [@viktoria-schwarz](https://github.com/viktoria-schwarz)! - feat: add GlobalStyles via theme
+
+* [#1196](https://github.com/marigold-ui/marigold/pull/1196) [`d3a0698f`](https://github.com/marigold-ui/marigold/commit/d3a0698fc6503c208298537c1385a981af93d1d4) Thanks [@ti10le](https://github.com/ti10le)! - Add error and required prop to <Select>
+
+- [#1513](https://github.com/marigold-ui/marigold/pull/1513) [`686c4572`](https://github.com/marigold-ui/marigold/commit/686c4572bc75a3e2016a1ecc49cba9f4307719af) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): inline Component
+
+* [#1493](https://github.com/marigold-ui/marigold/pull/1493) [`45d022dc`](https://github.com/marigold-ui/marigold/commit/45d022dc2459f6e0053e8ba760dc7a6502cd52f1) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove useStyles from Slider
+
+- [#1498](https://github.com/marigold-ui/marigold/pull/1498) [`9e46b437`](https://github.com/marigold-ui/marigold/commit/9e46b4376497b45445aefed138a14e9a82cff705) Thanks [@ti10le](https://github.com/ti10le)! - feat: add GlobalStyles
+
+* [#1563](https://github.com/marigold-ui/marigold/pull/1563) [`6e485f5a`](https://github.com/marigold-ui/marigold/commit/6e485f5a8800094fe54c075a2b21f8abe726b3cd) Thanks [@sebald](https://github.com/sebald)! - feat: Introduce a `Theme` with all available scales
+
+- [#1482](https://github.com/marigold-ui/marigold/pull/1482) [`bf19214e`](https://github.com/marigold-ui/marigold/commit/bf19214e3c1c75d7ba9fbd31bb7e02fb491f2af7) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove useStyles from Card
+
+* [#1448](https://github.com/marigold-ui/marigold/pull/1448) [`ab879e66`](https://github.com/marigold-ui/marigold/commit/ab879e6645ccaf8f9671a8b0231ed4cdf3081753) Thanks [@ti10le](https://github.com/ti10le)! - feature: replace useStyles in Badge, Menu, Message and ValidationMessage
+
+- [#1232](https://github.com/marigold-ui/marigold/pull/1232) [`4c32db13`](https://github.com/marigold-ui/marigold/commit/4c32db13dfc9d76e05e2c015fa99872a49bf920b) Thanks [@ti10le](https://github.com/ti10le)! - Field component redesign
+
+* [#1579](https://github.com/marigold-ui/marigold/pull/1579) [`e13e3cc1`](https://github.com/marigold-ui/marigold/commit/e13e3cc1fc66b261209973b1fc90eb48117076e9) Thanks [@ti10le](https://github.com/ti10le)! - feat: remove Heading from marigold
+
+- [#1234](https://github.com/marigold-ui/marigold/pull/1234) [`cf2a345d`](https://github.com/marigold-ui/marigold/commit/cf2a345d49aedfcea82f8030ba840bbcbf523ee8) Thanks [@ti10le](https://github.com/ti10le)! - fix Dialog component example + styles
+
+* [#1622](https://github.com/marigold-ui/marigold/pull/1622) [`1829cf17`](https://github.com/marigold-ui/marigold/commit/1829cf17e16c574e5577b3e1709c34dc7ed4faaf) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): change Card default variant
+
+- [#1619](https://github.com/marigold-ui/marigold/pull/1619) [`57d955ee`](https://github.com/marigold-ui/marigold/commit/57d955ee7c04350a4cdabc582f7d1a1937cb4802) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): change Textarea default variant
+
+* [#1501](https://github.com/marigold-ui/marigold/pull/1501) [`1c1f8648`](https://github.com/marigold-ui/marigold/commit/1c1f864820a060214406ef711f4ed873746c16c4) Thanks [@ti10le](https://github.com/ti10le)! - feat(storybook): remove use styles stories
+
+- [#1366](https://github.com/marigold-ui/marigold/pull/1366) [`78a8e5c8`](https://github.com/marigold-ui/marigold/commit/78a8e5c879760ba666be4566935dd773996159cf) Thanks [@ti10le](https://github.com/ti10le)! - feature: renew radio component
+
+* [#1483](https://github.com/marigold-ui/marigold/pull/1483) [`f725277b`](https://github.com/marigold-ui/marigold/commit/f725277bf66a6e2d51b69608d1b2ebb55330a46e) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove useStyles from Checkbox + Radio
+
+- [#1365](https://github.com/marigold-ui/marigold/pull/1365) [`6d1e47c1`](https://github.com/marigold-ui/marigold/commit/6d1e47c190c527f3a1ae014f87523c7fcc70c8c8) Thanks [@ti10le](https://github.com/ti10le)! - feature: redesign dialog component
+
+* [#1492](https://github.com/marigold-ui/marigold/pull/1492) [`57a6d470`](https://github.com/marigold-ui/marigold/commit/57a6d47058eb1a5fc46b3ccaa831513b8806e257) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove useStyles from Columns
+
+- [#1264](https://github.com/marigold-ui/marigold/pull/1264) [`c6c8f986`](https://github.com/marigold-ui/marigold/commit/c6c8f9860633570177a978719d5fbe4159415cf0) Thanks [@ti10le](https://github.com/ti10le)! - bugfix/feature: link + menu component
+
+* [#1651](https://github.com/marigold-ui/marigold/pull/1651) [`4452b39c`](https://github.com/marigold-ui/marigold/commit/4452b39c822fa82671530e4c475c0cf1df967c60) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): refa + react-aria Hidden component
+
+- [#1506](https://github.com/marigold-ui/marigold/pull/1506) [`7b2a0374`](https://github.com/marigold-ui/marigold/commit/7b2a0374b2ca4546a7e616d99313028da3ef412e) Thanks [@ti10le](https://github.com/ti10le)! - infra(packages): add icons package as dependency to component package
+
+* [#1367](https://github.com/marigold-ui/marigold/pull/1367) [`902be38c`](https://github.com/marigold-ui/marigold/commit/902be38ca9efb3018a0f6c0cf981229c7ae2bf7f) Thanks [@ti10le](https://github.com/ti10le)! - feature: renew checkbox component
+
+- [#1499](https://github.com/marigold-ui/marigold/pull/1499) [`ec5baf85`](https://github.com/marigold-ui/marigold/commit/ec5baf85a9a0f82a4fca5bbd1e1680316c186593) Thanks [@sebald](https://github.com/sebald)! - feat: Update and simplify normalization
+
+* [#1375](https://github.com/marigold-ui/marigold/pull/1375) [`dd237e6d`](https://github.com/marigold-ui/marigold/commit/dd237e6d904826e8b3701f4a8470f75c88b0bd78) Thanks [@ti10le](https://github.com/ti10le)! - feature: Select - make error boolean and add errorMessage
+
+- [#1221](https://github.com/marigold-ui/marigold/pull/1221) [`3885f64c`](https://github.com/marigold-ui/marigold/commit/3885f64c353a056ccb9a5368ac4f105b4b9efb62) Thanks [@viktoria-schwarz](https://github.com/viktoria-schwarz)! - feat(storybook): add Welcome stories and additional config
+
+* [#1485](https://github.com/marigold-ui/marigold/pull/1485) [`1bb6f32e`](https://github.com/marigold-ui/marigold/commit/1bb6f32e69b5eac37d67357e46c868a87855bd6f) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove useStyles from Label
+
+- [#1466](https://github.com/marigold-ui/marigold/pull/1466) [`80984f41`](https://github.com/marigold-ui/marigold/commit/80984f41391f42cc17928a8127190ea6fd9abe53) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): doAndDont + CodePreview component - e.g. button
+
+* [#1131](https://github.com/marigold-ui/marigold/pull/1131) [`0ccc10de`](https://github.com/marigold-ui/marigold/commit/0ccc10dec290ed3e5ce042277a6c6e51c40ae4c3) Thanks [@sebald](https://github.com/sebald)! - feat(types): Clarify and improve polymorphic types by calling it by its actual name ... polymorphic! We also added types when no `ref` should be passed.
+
+- [#1633](https://github.com/marigold-ui/marigold/pull/1633) [`ab786e92`](https://github.com/marigold-ui/marigold/commit/ab786e927ab1069a83aeed7bb3b223d0c0d1bd50) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove hard coded label variant in radio
+
+* [#1617](https://github.com/marigold-ui/marigold/pull/1617) [`e5aed4bf`](https://github.com/marigold-ui/marigold/commit/e5aed4bffc4cb81ab531bb1ed8b5da871c9b8b00) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): change Slider default variant
+
+- [#1621](https://github.com/marigold-ui/marigold/pull/1621) [`2f7b936f`](https://github.com/marigold-ui/marigold/commit/2f7b936f5b07eade00a51cb138c3c492f1e08c9d) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): change Badge default variant
+
+* [#1589](https://github.com/marigold-ui/marigold/pull/1589) [`8cbcb91a`](https://github.com/marigold-ui/marigold/commit/8cbcb91a7b63ce8f10ee79ed76121e5022cbe07b) Thanks [@sebald](https://github.com/sebald)! - feat: normalize <SVG> and move to system package
+
+  BREAKING: <SVG> moved from `@marigold/icons` to `@marigold/system`
+
+- [#1641](https://github.com/marigold-ui/marigold/pull/1641) [`c49e5049`](https://github.com/marigold-ui/marigold/commit/c49e5049b1cb9621957ad14fa1e8b7bc8df9505d) Thanks [@sebald](https://github.com/sebald)! - chore(config): Update storyboook configuration and used CSF again
+
+* [#1636](https://github.com/marigold-ui/marigold/pull/1636) [`4aeac33f`](https://github.com/marigold-ui/marigold/commit/4aeac33f619e6f9caee36a71223b312cfe1b9401) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Field fix default variant + remove hardcoded variants
+
+- [#1550](https://github.com/marigold-ui/marigold/pull/1550) [`846eb640`](https://github.com/marigold-ui/marigold/commit/846eb640ad035c7f3410b4a8a451f8de56e62339) Thanks [@sebald](https://github.com/sebald)! - feat: Merge <Box> and <Element>
+
+* [#1509](https://github.com/marigold-ui/marigold/pull/1509) [`12b74338`](https://github.com/marigold-ui/marigold/commit/12b7433843c477ab722e464fde3aa1e1f058ee46) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): improve Column + Columns component
+
+- [#1449](https://github.com/marigold-ui/marigold/pull/1449) [`a89bd85c`](https://github.com/marigold-ui/marigold/commit/a89bd85c349ef9d8098ccaeb0261bf09cefd22e1) Thanks [@ti10le](https://github.com/ti10le)! - Replace useStyles in ListBox, Textarea and Field.test
+
+* [#1182](https://github.com/marigold-ui/marigold/pull/1182) [`f3f61456`](https://github.com/marigold-ui/marigold/commit/f3f61456afa65ddeec8c9f1346c439bd91f3aa12) Thanks [@ti10le](https://github.com/ti10le)! - improve Button component with react-aria
+
+- [#1132](https://github.com/marigold-ui/marigold/pull/1132) [`b6614f1f`](https://github.com/marigold-ui/marigold/commit/b6614f1f54165bc295709fa2e7f1c50892163fc3) Thanks [@sebald](https://github.com/sebald)! - feat(compoents): Make `<Text>` and `<Link>` polymorphic
+
+  **`<Text>`**
+
+  - the `as` prop supports arbitrary inputs
+  - supporst ref
+  - supports style props (text-align, color, cursor, user-select)
+
+  **`<Link>`**
+
+  - the `as` prop supports arbitrary inputs
+  - does not support `ref`!
+  - improved accessibility (react-aria)
+
+* [#1572](https://github.com/marigold-ui/marigold/pull/1572) [`4add22cc`](https://github.com/marigold-ui/marigold/commit/4add22ccf06313b79802919205643a859665c7f3) Thanks [@sebald](https://github.com/sebald)! - feat(components): Harden types in theme
+
+- [#1474](https://github.com/marigold-ui/marigold/pull/1474) [`abdde032`](https://github.com/marigold-ui/marigold/commit/abdde0326428a1fa5db340197e71ca0190e7780e) Thanks [@sebald](https://github.com/sebald)! - refa: remove useStyles from <Alert>
+
+* [#1484](https://github.com/marigold-ui/marigold/pull/1484) [`24367e63`](https://github.com/marigold-ui/marigold/commit/24367e63477a2345b856302115bb59d931da1ba4) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove useStyles from Select
+
+- [#1632](https://github.com/marigold-ui/marigold/pull/1632) [`c96d54a2`](https://github.com/marigold-ui/marigold/commit/c96d54a21901a72aeb6af71837c9642ace394c78) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove hard coded label variant in checkbox
+
+* [#1229](https://github.com/marigold-ui/marigold/pull/1229) [`bd00c6da`](https://github.com/marigold-ui/marigold/commit/bd00c6da6515a320c37ee48946f2ac9a505e6d36) Thanks [@ti10le](https://github.com/ti10le)! - Label component redesign
+
+- [#1522](https://github.com/marigold-ui/marigold/pull/1522) [`6a82a490`](https://github.com/marigold-ui/marigold/commit/6a82a490865c709a354141f68d65b9af38184f24) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): use Inline in ActionGroup
+
+- Updated dependencies [[`c030aa85`](https://github.com/marigold-ui/marigold/commit/c030aa85156356c294bafe9831024f6b6f2ce4db), [`8eda245f`](https://github.com/marigold-ui/marigold/commit/8eda245f01a918fcdaa9f0ac211889ed869aa375), [`5a04de11`](https://github.com/marigold-ui/marigold/commit/5a04de110637d004f5824679697ee4d6a90eaf34), [`c1da52c0`](https://github.com/marigold-ui/marigold/commit/c1da52c0f035b141608fd606e6ba3bc2b5482dc1), [`1448ddca`](https://github.com/marigold-ui/marigold/commit/1448ddcaa0f647f48b018fa74a8686af30eccc53), [`5107b943`](https://github.com/marigold-ui/marigold/commit/5107b943cb3085eb3137d84e79966acad6173a26), [`cd3a0d3e`](https://github.com/marigold-ui/marigold/commit/cd3a0d3edb3f2ddc1f561e8007e1c20000f7855a), [`ebd6e26f`](https://github.com/marigold-ui/marigold/commit/ebd6e26f71f675b98b663bc45c6a2d5badddcd47), [`6e485f5a`](https://github.com/marigold-ui/marigold/commit/6e485f5a8800094fe54c075a2b21f8abe726b3cd), [`80a2abe5`](https://github.com/marigold-ui/marigold/commit/80a2abe5804ba2c5a48cc6b05211245c37baf266), [`e13e3cc1`](https://github.com/marigold-ui/marigold/commit/e13e3cc1fc66b261209973b1fc90eb48117076e9), [`1829cf17`](https://github.com/marigold-ui/marigold/commit/1829cf17e16c574e5577b3e1709c34dc7ed4faaf), [`1c1f8648`](https://github.com/marigold-ui/marigold/commit/1c1f864820a060214406ef711f4ed873746c16c4), [`51af6693`](https://github.com/marigold-ui/marigold/commit/51af669330fd52e4e31fe5ad71d2b202ab8d2231), [`a00b7eb9`](https://github.com/marigold-ui/marigold/commit/a00b7eb971131634414d3912d059fb505bb7a370), [`7b2a0374`](https://github.com/marigold-ui/marigold/commit/7b2a0374b2ca4546a7e616d99313028da3ef412e), [`ec5baf85`](https://github.com/marigold-ui/marigold/commit/ec5baf85a9a0f82a4fca5bbd1e1680316c186593), [`0bb8f19e`](https://github.com/marigold-ui/marigold/commit/0bb8f19ebdec0e2f9dc3f6164f4373cac5c10880), [`c4ae5c5c`](https://github.com/marigold-ui/marigold/commit/c4ae5c5ca442f93034ff8f4c70adc295547951d4), [`a1ef2108`](https://github.com/marigold-ui/marigold/commit/a1ef2108dd6c8e6838b517dd58c82d38e71dae2b), [`2f7b936f`](https://github.com/marigold-ui/marigold/commit/2f7b936f5b07eade00a51cb138c3c492f1e08c9d), [`8cbcb91a`](https://github.com/marigold-ui/marigold/commit/8cbcb91a7b63ce8f10ee79ed76121e5022cbe07b), [`846eb640`](https://github.com/marigold-ui/marigold/commit/846eb640ad035c7f3410b4a8a451f8de56e62339), [`5d63cd9c`](https://github.com/marigold-ui/marigold/commit/5d63cd9c14578787083c82c85d93bbd2ff0efac6), [`46aede50`](https://github.com/marigold-ui/marigold/commit/46aede50c43e2dce0cacdc8f4c7da55fa18962b9)]:
+  - @marigold/system@0.3.0
+  - @marigold/icons@0.3.0

package/dist/ActionGroup/ActionGroup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ResponsiveStyleValue } from '@marigold/system';
+import { ComponentProps } from '@marigold/types';
+export declare type ActionGroupProps = {
+    space?: ResponsiveStyleValue<string>;
+    verticalAlignment?: boolean;
+} & ComponentProps<'div'>;
+export declare const ActionGroup: React.FC<ActionGroupProps>;

package/dist/ActionGroup/ActionGroup.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { ActionGroup } from './ActionGroup';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof ActionGroup>;

package/dist/ActionGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './ActionGroup';

package/dist/Alert/Alert.d.ts

@@ -1,6 +1,27 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+declare const ICON_MAP: {
+    readonly success: ({ className, ...props }: {
+        [x: string]: any;
+        className?: string | undefined;
+    }) => JSX.Element;
+    readonly warning: ({ className, ...props }: {
+        [x: string]: any;
+        className?: string | undefined;
+    }) => JSX.Element;
+    readonly error: ({ className, ...props }: {
+        [x: string]: any;
+        className?: string | undefined;
+    }) => JSX.Element;
+};
+export declare type AlertVariants = keyof typeof ICON_MAP;
+export interface AlertThemeExtension<Value> {
+    alert?: {
+        [key in AlertVariants]?: Value;
+    };
+}
 export declare type AlertProps = {
-    variant?: string;
+    variant?: AlertVariants;
 } & ComponentProps<'div'>;
 export declare const Alert: React.FC<AlertProps>;
+export {};

package/dist/Alert/Alert.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Alert } from './Alert';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Alert>;

package/dist/Badge/Badge.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface BadgeThemeExtension<Value> {
+    badge?: {
+        [key: string]: Value;
+    };
+}
 export declare type BadgeProps = {
     variant?: string;
     bgColor?: string;

package/dist/Badge/Badge.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Badge } from './Badge';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Badge>;

package/dist/Box.d.ts

@@ -0,0 +1,2 @@
+export { Box } from '@marigold/system';
+export type { BoxProps, BoxOwnProps, StyleProps } from '@marigold/system';

package/dist/Button/Button.d.ts

@@ -1,6 +1,9 @@
-import React from 'react';
-import { ComponentPropsWithRef } from '@marigold/types';
-export declare type ButtonProps = {
-    variant?: string;
-} & ComponentPropsWithRef<'button'>;
-export declare const Button: React.FC<ButtonProps>;
+import { PolymorphicComponentWithRef, PolymorphicPropsWithRef } from '@marigold/types';
+import { BoxOwnProps } from '../Box';
+export interface ButtonThemeExtension<Value> {
+    button?: {
+        [key: string]: Value;
+    };
+}
+export declare type ButtonProps = PolymorphicPropsWithRef<BoxOwnProps, 'button'>;
+export declare const Button: PolymorphicComponentWithRef<BoxOwnProps, 'button'>;

package/dist/Button/Button.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Button } from './Button';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Button>;

package/dist/Card/Card.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ResponsiveStyleValue } from '@marigold/system';
+import { ComponentProps } from '@marigold/types';
+export interface CardThemeExtension<Value> {
+    card?: {
+        [key: string]: Value;
+    };
+}
+export declare type CardProps = {
+    title?: string;
+    width?: ResponsiveStyleValue<string>;
+    variant?: string;
+} & ComponentProps<'div'>;
+export declare const Card: React.FC<CardProps>;

package/dist/Card/Card.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Card } from './Card';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Card>;

package/dist/Card/index.d.ts

@@ -0,0 +1 @@
+export * from './Card';

package/dist/Checkbox/Checkbox.d.ts

@@ -1,12 +1,20 @@
 import React from 'react';
+import { ToggleProps } from '@react-types/checkbox';
 import { ComponentProps } from '@marigold/types';
-declare type CheckboxInputProps = {
-    variant?: string;
-} & ComponentProps<'input'>;
+import { CheckboxIconProps } from './CheckboxIcons';
+export interface CheckboxThemeExtension<Value> {
+    checkbox?: {
+        [key: string]: Value;
+    };
+}
+declare type CheckboxInputProps = CheckboxIconProps & ToggleProps & ComponentProps<'input'>;
 export declare type CheckboxProps = {
     id: string;
-    label?: string;
+    label: string;
     required?: boolean;
+    labelVariant?: string;
+    error?: boolean;
+    errorMessage?: string;
 } & CheckboxInputProps;
 export declare const Checkbox: React.FC<CheckboxProps>;
 export {};

package/dist/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Checkbox } from './Checkbox';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Checkbox>;

package/dist/Checkbox/CheckboxIcons.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type CheckboxIconProps = {
+    variant?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    children?: never;
+};
+export declare const CheckboxIcon: React.FC<CheckboxIconProps>;

package/dist/Column/Column.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
+declare type WidthValues = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export declare type ColumnProps = {
     className?: string;
-    width?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    width?: WidthValues | WidthValues[];
 };
 export declare const Column: React.FC<ColumnProps>;
+export {};

package/dist/Column/Column.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Column } from './Column';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Column>;

package/dist/Columns/Columns.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
+import { ResponsiveStyleValue } from '@marigold/system';
 declare type ColumnsProps = {
     className?: string;
-    space?: number;
+    space?: ResponsiveStyleValue<string>;
     horizontalAlign?: 'left' | 'right' | 'center';
     verticalAlign?: 'top' | 'bottom' | 'center';
-    title?: string;
 };
 export declare const Columns: React.FC<ColumnsProps>;
 export {};

package/dist/Columns/Columns.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Columns } from '@marigold/components';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Columns>;

package/dist/Container/Container.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Container } from './Container';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Container>;

package/dist/Dialog/Dialog.d.ts

@@ -1,7 +1,17 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
 import { Button } from '../Button';
+import { ModalDialogProps } from './ModalDialog';
 export declare type DialogProps = {
-    onClose?: ComponentProps<typeof Button>['onClick'];
-} & ComponentProps<'div'>;
+    backdropVariant?: string;
+    close: ComponentProps<typeof Button>['onClick'];
+    isOpen: boolean;
+    title?: string;
+    variant?: string;
+} & ModalDialogProps & ComponentProps<'div'>;
 export declare const Dialog: React.FC<DialogProps>;
+export declare const useDialogButtonProps: () => {
+    state: import("@react-stately/overlays").OverlayTriggerState;
+    openButtonProps: React.HTMLAttributes<HTMLSpanElement>;
+    openButtonRef: React.RefObject<HTMLElement>;
+};

package/dist/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Dialog } from './Dialog';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Dialog>;

package/dist/Dialog/ModalDialog.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { OverlayProps } from '@react-aria/overlays';
+import { AriaDialogProps } from '@react-types/dialog';
+export declare type ModalDialogProps = {
+    variant?: string;
+    backdropVariant?: string;
+} & OverlayProps & AriaDialogProps;
+export declare const ModalDialog: React.FC<ModalDialogProps>;

package/dist/Divider/Divider.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
+import { SeparatorProps } from '@react-aria/separator';
+export interface DividerThemeExtension<Value> {
+    divider?: {
+        [key: string]: Value;
+    };
+}
 export declare type DividerProps = {
-    className?: string;
     variant?: string;
-    title?: string;
-};
+} & SeparatorProps;
 export declare const Divider: React.FC<DividerProps>;

package/dist/Divider/Divider.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Divider } from './Divider';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Divider>;

package/dist/Field/Field.d.ts

@@ -2,8 +2,12 @@ import React from 'react';
 import { ComponentProps } from '@marigold/types';
 export declare type FieldProps = {
     variant?: string;
+    labelVariant?: string;
     htmlFor: string;
     label: string;
-    error?: string;
+    required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
 } & ComponentProps<'input'>;
 export declare const Field: React.FC<FieldProps>;

package/dist/Field/Field.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Field } from './Field';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Field>;

package/dist/Image/Image.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface ImageThemeExtension<Value> {
+    image?: {
+        [key: string]: Value;
+    };
+}
 export declare type ImageProps = {
     variant?: string;
     children?: never;

package/dist/Image/Image.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Image } from './Image';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Image>;

package/dist/Inline/Inline.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ResponsiveStyleValue } from '@marigold/system';
+export declare type InlineProps = {
+    space?: ResponsiveStyleValue<string>;
+    align?: 'top' | 'center' | 'bottom';
+};
+export declare const Inline: React.FC<InlineProps>;

package/dist/Inline/Inline.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Inline } from './Inline';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Inline>;

package/dist/Inline/index.d.ts

@@ -0,0 +1 @@
+export * from './Inline';

package/dist/Input/Input.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface InputThemeExtension<Value> {
+    input?: {
+        [key: string]: Value;
+    };
+}
 export declare type InputProps = {
     variant?: string;
 } & ComponentProps<'input'>;

package/dist/Input/Input.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Input } from './Input';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Input>;

package/dist/Label/Label.d.ts

@@ -1,7 +1,19 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
-export declare type LabelProps = {
-    htmlFor: string;
+import { ResponsiveStyleValue } from '@marigold/system';
+export interface LabelThemeExtension<Value> {
+    label?: {
+        [key: string]: Value;
+    };
+}
+export declare type LabelBaseProps = {
+    htmlFor?: string;
     variant?: string;
+    required?: boolean;
+    color?: ResponsiveStyleValue<string>;
 } & ComponentProps<'label'>;
+export declare const LabelBase: React.FC<LabelProps>;
+export declare type LabelProps = {
+    required?: boolean;
+} & LabelBaseProps;
 export declare const Label: React.FC<LabelProps>;

package/dist/Label/Label.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Label } from './Label';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Label>;

package/dist/Link/Link.d.ts

@@ -1,5 +1,8 @@
 import { PolymorphicComponent, PolymorphicProps } from '@marigold/types';
 import { TextOwnProps } from '../Text';
+export interface LinkThemeExtension<Value> {
+    link?: Value;
+}
 export declare type LinkOwnProps = {
     disabled?: boolean;
 } & TextOwnProps;

package/dist/Link/Link.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Link } from './Link';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Link>;