diff --git a/assets/Color-KGDBMAHA-CVJDYPJ0.js b/assets/Color-KGDBMAHA-CUOIJnY0.js similarity index 99% rename from assets/Color-KGDBMAHA-CVJDYPJ0.js rename to assets/Color-KGDBMAHA-CUOIJnY0.js index 01606a5d..8f3b25aa 100644 --- a/assets/Color-KGDBMAHA-CVJDYPJ0.js +++ b/assets/Color-KGDBMAHA-CUOIJnY0.js @@ -1,8 +1,8 @@ -import { an as isSymbol_1, ao as Tr, a2 as gB, a0 as FB, w as wL, ap as MarkupIcon, aq as getControlId } from "./index-Dm9k26tp.js"; +import { an as isSymbol_1, ao as Tr, a2 as gB, a0 as FB, w as wL, ap as MarkupIcon, aq as getControlId } from "./index-vExcF883.js"; import { R as React, r as reactExports } from "./index-aC1ZMUrs.js"; import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-CcAunmGO.js"; import { _ as _root, i as isObject_1 } from "./index-DtSuK_9N.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/DocsRenderer-PKQXORMH-BUDG7VlR.js b/assets/DocsRenderer-PKQXORMH--mBa-r-8.js similarity index 95% rename from assets/DocsRenderer-PKQXORMH-BUDG7VlR.js rename to assets/DocsRenderer-PKQXORMH--mBa-r-8.js index c7a4ba7f..1fbf7eab 100644 --- a/assets/DocsRenderer-PKQXORMH-BUDG7VlR.js +++ b/assets/DocsRenderer-PKQXORMH--mBa-r-8.js @@ -1,8 +1,8 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-DXHhUSGJ.js","./index-aC1ZMUrs.js","./_commonjsHelpers-CcAunmGO.js"])))=>i.map(i=>d[i]); -import { _ as __vitePreload } from "./iframe-BKVt7QvW.js"; +import { _ as __vitePreload } from "./iframe-NIvnQ-PN.js"; import { R as React, r as reactExports } from "./index-aC1ZMUrs.js"; import { r as renderElement, u as unmountElement } from "./react-18-BEw2RJX7.js"; -import { aj as CodeOrSourceMdx, ak as AnchorMdx, al as HeadersMdx, am as Docs } from "./index-Dm9k26tp.js"; +import { aj as CodeOrSourceMdx, ak as AnchorMdx, al as HeadersMdx, am as Docs } from "./index-vExcF883.js"; import "../sb-preview/runtime.js"; import "./_commonjsHelpers-CcAunmGO.js"; import "./index-B63kQkss.js"; diff --git a/assets/alert-C6YkquFN.js b/assets/alert-D1x9sSJ0.js similarity index 95% rename from assets/alert-C6YkquFN.js rename to assets/alert-D1x9sSJ0.js index f2f7ff57..f8fe705e 100644 --- a/assets/alert-C6YkquFN.js +++ b/assets/alert-D1x9sSJ0.js @@ -1,18 +1,18 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3 } from "./index-Dm9k26tp.js"; +import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3 } from "./index-vExcF883.js"; import { m as markdown } from "./README-i1AxuvIj.js"; -import { A as AlertStories, P as Playground, I as InfoAlert, S as SuccessAlert, W as WarningAlert, E as ErrorAlert } from "./alert.stories-Bl6IZJFb.js"; +import { A as AlertStories, P as Playground, I as InfoAlert, S as SuccessAlert, W as WarningAlert, E as ErrorAlert } from "./alert.stories-R18BQae3.js"; import { C as CitationDocumentation } from "./CitationDocumentation-B3Shsstx.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; import "./index-DtSuK_9N.js"; import "./index-BdOSk9or.js"; -import "./index-C4izKWdF.js"; +import "./index-CDlQSoJ1.js"; import "./index-BLZ711uc.js"; function _createMdxContent(props) { const _components = { diff --git a/assets/alert-BCIx5Ubv.js b/assets/alert-Df6EtqpT.js similarity index 97% rename from assets/alert-BCIx5Ubv.js rename to assets/alert-Df6EtqpT.js index 0027d904..cf565bdb 100644 --- a/assets/alert-BCIx5Ubv.js +++ b/assets/alert-Df6EtqpT.js @@ -1,12 +1,12 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-Dm9k26tp.js"; +import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-vExcF883.js"; import { m as markdown } from "./README-i1AxuvIj.js"; import { A as AlertStories, P as Playground, I as Info, O as Ok, W as Warning, E as Error, a as AriaRole } from "./alert.stories-DtFtqMG0.js"; import { C as CitationDocumentation } from "./CitationDocumentation-B3Shsstx.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/alert.stories-Bl6IZJFb.js b/assets/alert.stories-R18BQae3.js similarity index 99% rename from assets/alert.stories-Bl6IZJFb.js rename to assets/alert.stories-R18BQae3.js index 47f8d007..90b3d673 100644 --- a/assets/alert.stories-Bl6IZJFb.js +++ b/assets/alert.stories-R18BQae3.js @@ -1,6 +1,6 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o; import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; -import { L as LuxAlert, a as LuxHeading1, b as LuxParagraph } from "./index-C4izKWdF.js"; +import { L as LuxAlert, a as LuxHeading1, b as LuxParagraph } from "./index-CDlQSoJ1.js"; import { t as tokens } from "./index-BLZ711uc.js"; const meta = { title: "React Components/Alert", diff --git a/assets/border-tokens-BP51XxT8.js b/assets/border-tokens-CM701wb_.js similarity index 97% rename from assets/border-tokens-BP51XxT8.js rename to assets/border-tokens-CM701wb_.js index 4f961271..6d834865 100644 --- a/assets/border-tokens-BP51XxT8.js +++ b/assets/border-tokens-CM701wb_.js @@ -1,10 +1,10 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta } from "./index-Dm9k26tp.js"; +import { ae as Meta } from "./index-vExcF883.js"; import { D as DesignTokenOverview, a as DesignTokenBorderPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/border-tokens-DcHGvG_K.js b/assets/border-tokens-Cd-KbFcS.js similarity index 96% rename from assets/border-tokens-DcHGvG_K.js rename to assets/border-tokens-Cd-KbFcS.js index 588330a2..95d12738 100644 --- a/assets/border-tokens-DcHGvG_K.js +++ b/assets/border-tokens-Cd-KbFcS.js @@ -1,10 +1,10 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta } from "./index-Dm9k26tp.js"; +import { ae as Meta } from "./index-vExcF883.js"; import { D as DesignTokenOverview, a as DesignTokenBorderPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/button-CftOLSId.js b/assets/button-Db81ZNrr.js similarity index 98% rename from assets/button-CftOLSId.js rename to assets/button-Db81ZNrr.js index 6aca1f4c..9eaaa224 100644 --- a/assets/button-CftOLSId.js +++ b/assets/button-Db81ZNrr.js @@ -1,12 +1,12 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-Dm9k26tp.js"; +import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-vExcF883.js"; import { m as markdown } from "./README-8lw3oO5y.js"; import { B as ButtonStories, P as Playground, a as Primary, S as Secondary, T as Tertiary, A as Active, H as Hover, F as Focus, b as Busy, c as Toggle, W as WithStartIcon, d as WithEndIcon } from "./button.stories-Cla13ruH.js"; import { C as CitationDocumentation } from "./CitationDocumentation-B3Shsstx.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/button-C9rwoaWH.js b/assets/button-Dp4Uf1Xu.js similarity index 97% rename from assets/button-C9rwoaWH.js rename to assets/button-Dp4Uf1Xu.js index 90434ccd..2913fe86 100644 --- a/assets/button-C9rwoaWH.js +++ b/assets/button-Dp4Uf1Xu.js @@ -1,18 +1,18 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-Dm9k26tp.js"; +import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-vExcF883.js"; import { m as markdown } from "./README-8lw3oO5y.js"; -import { B as ButtonStories, P as Playground, a as Primary, S as Secondary, T as Tertiary, b as SmallButton, A as Active, F as Focus, H as Hover, D as Disabled, c as Busy, d as Toggle, e as ButtonWithIconAtPositionStart, f as ButtonWithIconAtPositionEnd } from "./button.stories-zcuqmVax.js"; +import { B as ButtonStories, P as Playground, a as Primary, S as Secondary, T as Tertiary, b as SmallButton, A as Active, F as Focus, H as Hover, D as Disabled, c as Busy, d as Toggle, e as ButtonWithIconAtPositionStart, f as ButtonWithIconAtPositionEnd } from "./button.stories-BX0mpa2c.js"; import { C as CitationDocumentation } from "./CitationDocumentation-B3Shsstx.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; import "./index-DtSuK_9N.js"; import "./index-BdOSk9or.js"; -import "./index-C4izKWdF.js"; +import "./index-CDlQSoJ1.js"; import "./index-BLZ711uc.js"; import "./createDesignTokensStory-HiB5Jh-Q.js"; import "./createVisualRegressionStory-Ckg-wQz5.js"; diff --git a/assets/button.stories-zcuqmVax.js b/assets/button.stories-BX0mpa2c.js similarity index 99% rename from assets/button.stories-zcuqmVax.js rename to assets/button.stories-BX0mpa2c.js index 01334912..0c572d82 100644 --- a/assets/button.stories-zcuqmVax.js +++ b/assets/button.stories-BX0mpa2c.js @@ -1,6 +1,6 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S; import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; -import { A as LuxButton } from "./index-C4izKWdF.js"; +import { A as LuxButton } from "./index-CDlQSoJ1.js"; import { t as tokens } from "./index-BLZ711uc.js"; import { r as reactExports } from "./index-aC1ZMUrs.js"; import { c as createDesignTokensStory } from "./createDesignTokensStory-HiB5Jh-Q.js"; diff --git a/assets/checkbox-PH15910i.js b/assets/checkbox-CyQCsk0c.js similarity index 98% rename from assets/checkbox-PH15910i.js rename to assets/checkbox-CyQCsk0c.js index df466eee..9e6e9d88 100644 --- a/assets/checkbox-PH15910i.js +++ b/assets/checkbox-CyQCsk0c.js @@ -1,17 +1,17 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3 } from "./index-Dm9k26tp.js"; -import { C as CheckboxStories, P as Playground, D as Default, a as Checked, b as Disabled, c as CheckedAndDisabled, H as Hover, F as Focus, W as WithTarget } from "./checkbox.stories-CWKfYMbh.js"; +import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3 } from "./index-vExcF883.js"; +import { C as CheckboxStories, P as Playground, D as Default, a as Checked, b as Disabled, c as CheckedAndDisabled, H as Hover, F as Focus, W as WithTarget } from "./checkbox.stories-gnewdgl3.js"; import { C as CitationDocumentation } from "./CitationDocumentation-B3Shsstx.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; import "./index-DtSuK_9N.js"; import "./index-BdOSk9or.js"; -import "./index-C4izKWdF.js"; +import "./index-CDlQSoJ1.js"; import "./index-BLZ711uc.js"; const markdown = '\n\n# Checkbox\n\n## Terminologie\n\n- **checkbox**: `type="checkbox"` in HTML, [`role="checkbox"`](https://www.w3.org/TR/wai-aria-1.2/#checkbox) in WAI-ARIA 1.2, "checkbox" in [WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.2/#checkbox).\n- **checked**: `checked` attribuut in HTML, `aria-checked="true"` in [WAI-ARIA](https://www.w3.org/TR/wai-aria-1.2/#aria-checked), `:checked` pseudo-class in CSS.\n\n## Class names\n\n- `utrecht-checkbox`\n\n## Introduction\n\nCheckboxes are usually used to provide a way for users to make a range of selections (zero, one or more). They can also be used to tell users that they agree to specific terms.\n\n## When to use\n\nCheckboxes are used for multiple choices, not for mutually exclusive choices. Each checkbox works independently from other checkboxes in the list, therefore checking an additional box does not affect any other selections.\n\n### Forms\n\nCan be used in forms on a full page or in modals.\n\n### Terms and conditions\n\nTurning the checkbox input on or off can indicate whether you agree to the terms.\n\n## Alternatives and related components\n\nUse radio buttons to display a list of options where users can only make one choice.\n\n## Anatomy\n\nThe checkbox consists of:\n\n1. Label (optional): indicates what should be selected below.\n2. Checkbox input: a checkbox input that indicates the correct status. By default it is not active.\n3. Checkbox label: describes the information you can select or deselect.\n4. Helper text (optional): displays more information about the checkboxes\n\n## (Interactive) states\n\nThe checkbox contains the states normal, hover, disabled, error and focus.\n\n## Accessibility\n\nScreen readers automatically report the status of the check box.\n\n### Labeling\n\n### External links\n\n### Keyboard support\n\n- Move focus to each checkbox using the tab key (or shift + tab when tabbing backwards)\n- Activate or deactivate checkboxes with the space key\n\n## Content guidelines\n\n### Checkbox labels\n\nCheckbox labels must:\n\n- Start with a capital letter\n- Not end in punctuation if it’s a single sentence, word, or a fragment\n- In case the checkbox asks to agree to the terms and conditions, use the first person\n\n## Best practices\n\n### Do\'s\n\nCheckboxes must:\n\n- Work independently of each other: selecting a checkbox may not change the selection status of another checkbox in the list.\n- Be positively boxed: for example “Enable notifications” instead of “Disable notifications”.\n- Always have a label handy when you use it to turn a setting on or off.\n- Use label tags as click targets.\n- Be arranged in a logical order, whether alphabetical, numeric, time-based or some other clear system.\n- Link to more information or have a subtitle for more explanation. Don\'t rely on tooltips to explain a checkbox.\n- If they are too long, run over the second line. This is preferable than truncation.\n- If they are too long, they will be aligned left\n- If they are too long, let the text flow under the checkbox so that the control and label are aligned at the top.\n\n### Don\'ts\n\nCheckboxes must:\n\n- Not cut with an omit task if the label is too long and run over 2 lines.\n\n## Relevante WCAG eisen\n\n- [WCAG eis 1.3.5](https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html):\n - Gebruik `aria-controls` als de checkbox een regio zichtbaar of onzichtbaar maakt.\n- [WCAG eis 2.4.7](https://www.w3.org/TR/WCAG21/#focus-visible): focus moet zichtbaar zijn.\n- [WCAG eis 2.5.5](https://www.w3.org/TR/WCAG21/#target-size): de checkbox moet groot genoeg zijn om aan te klikken, ten minste 44×44px.\n\n## References\n\n- [https://www.nngroup.com/articles/checkboxes-vs-radio-buttons/](https://www.nngroup.com/articles/checkboxes-vs-radio-buttons/)\n- [https://uxplanet.org/checkbox-and-toggle-in-forms-f0de6086ac41](https://uxplanet.org/checkbox-and-toggle-in-forms-f0de6086ac41)\n'; function _createMdxContent(props) { diff --git a/assets/checkbox.stories-CWKfYMbh.js b/assets/checkbox.stories-gnewdgl3.js similarity index 98% rename from assets/checkbox.stories-CWKfYMbh.js rename to assets/checkbox.stories-gnewdgl3.js index 8f1f1f70..6db94dcf 100644 --- a/assets/checkbox.stories-CWKfYMbh.js +++ b/assets/checkbox.stories-gnewdgl3.js @@ -1,6 +1,6 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x; import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; -import { c as LuxCheckbox } from "./index-C4izKWdF.js"; +import { c as LuxCheckbox } from "./index-CDlQSoJ1.js"; import { t as tokens } from "./index-BLZ711uc.js"; const meta = { title: "React Components/Checkbox", diff --git a/assets/color-tokens-BgQ3fiRb.js b/assets/color-tokens-6K2FF3X0.js similarity index 99% rename from assets/color-tokens-BgQ3fiRb.js rename to assets/color-tokens-6K2FF3X0.js index 1a2db8cc..299a4ff8 100644 --- a/assets/color-tokens-BgQ3fiRb.js +++ b/assets/color-tokens-6K2FF3X0.js @@ -1,10 +1,10 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta } from "./index-Dm9k26tp.js"; +import { ae as Meta } from "./index-vExcF883.js"; import { D as DesignTokenOverview, b as DesignTokenColorPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/color-tokens-DA-TYo_b.js b/assets/color-tokens-V8Iq3MBu.js similarity index 99% rename from assets/color-tokens-DA-TYo_b.js rename to assets/color-tokens-V8Iq3MBu.js index 48d761fa..5d3f0438 100644 --- a/assets/color-tokens-DA-TYo_b.js +++ b/assets/color-tokens-V8Iq3MBu.js @@ -1,10 +1,10 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta } from "./index-Dm9k26tp.js"; +import { ae as Meta } from "./index-vExcF883.js"; import { D as DesignTokenOverview, b as DesignTokenColorPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/community-component-aanleveren-Duys2QYZ.js b/assets/community-component-aanleveren-w0S_O-aj.js similarity index 99% rename from assets/community-component-aanleveren-Duys2QYZ.js rename to assets/community-component-aanleveren-w0S_O-aj.js index efe0dd47..71a6025a 100644 --- a/assets/community-component-aanleveren-Duys2QYZ.js +++ b/assets/community-component-aanleveren-w0S_O-aj.js @@ -1,9 +1,9 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta, af as Markdown2 } from "./index-Dm9k26tp.js"; +import { ae as Meta, af as Markdown2 } from "./index-vExcF883.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/community-components-BqIm-fUx.js b/assets/community-components-I5ReAdHC.js similarity index 97% rename from assets/community-components-BqIm-fUx.js rename to assets/community-components-I5ReAdHC.js index 3ad6b62c..31a5a980 100644 --- a/assets/community-components-BqIm-fUx.js +++ b/assets/community-components-I5ReAdHC.js @@ -1,9 +1,9 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta, af as Markdown2 } from "./index-Dm9k26tp.js"; +import { ae as Meta, af as Markdown2 } from "./index-vExcF883.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/design-tokens-C9X8xjvg.js b/assets/design-tokens-BGjVrWb4.js similarity index 98% rename from assets/design-tokens-C9X8xjvg.js rename to assets/design-tokens-BGjVrWb4.js index b2e6cd5d..cb5e4756 100644 --- a/assets/design-tokens-C9X8xjvg.js +++ b/assets/design-tokens-BGjVrWb4.js @@ -1,9 +1,9 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta, af as Markdown2 } from "./index-Dm9k26tp.js"; +import { ae as Meta, af as Markdown2 } from "./index-vExcF883.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/document-BlG3l_oO.js b/assets/document-Bh9bhkk5.js similarity index 94% rename from assets/document-BlG3l_oO.js rename to assets/document-Bh9bhkk5.js index b67a451a..caea5ff1 100644 --- a/assets/document-BlG3l_oO.js +++ b/assets/document-Bh9bhkk5.js @@ -1,16 +1,16 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta, ag as Canvas, ah as Controls3 } from "./index-Dm9k26tp.js"; -import { D as DocumentStories, P as Playground } from "./document.stories-C7uat1DF.js"; +import { ae as Meta, ag as Canvas, ah as Controls3 } from "./index-vExcF883.js"; +import { D as DocumentStories, P as Playground } from "./document.stories-CImf7otc.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; import "./index-DtSuK_9N.js"; import "./index-BdOSk9or.js"; -import "./index-C4izKWdF.js"; +import "./index-CDlQSoJ1.js"; import "./index-BLZ711uc.js"; import "./createDesignTokensStory-HiB5Jh-Q.js"; import "./createVisualRegressionStory-Ckg-wQz5.js"; diff --git a/assets/document.stories-C7uat1DF.js b/assets/document.stories-CImf7otc.js similarity index 98% rename from assets/document.stories-C7uat1DF.js rename to assets/document.stories-CImf7otc.js index 669c97cb..302a0d38 100644 --- a/assets/document.stories-C7uat1DF.js +++ b/assets/document.stories-CImf7otc.js @@ -1,6 +1,6 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i; import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; -import { z as LuxDocument, b as LuxParagraph } from "./index-C4izKWdF.js"; +import { y as LuxDocument, b as LuxParagraph } from "./index-CDlQSoJ1.js"; import { t as tokens } from "./index-BLZ711uc.js"; import { c as createDesignTokensStory } from "./createDesignTokensStory-HiB5Jh-Q.js"; import { c as createVisualRegressionStory, V as VisualRegressionWrapper } from "./createVisualRegressionStory-Ckg-wQz5.js"; diff --git a/assets/focus-tokens-DQgzHdfR.js b/assets/focus-tokens-B1ctbb-x.js similarity index 97% rename from assets/focus-tokens-DQgzHdfR.js rename to assets/focus-tokens-B1ctbb-x.js index 168e9771..8760b2a3 100644 --- a/assets/focus-tokens-DQgzHdfR.js +++ b/assets/focus-tokens-B1ctbb-x.js @@ -1,10 +1,10 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta } from "./index-Dm9k26tp.js"; +import { ae as Meta } from "./index-vExcF883.js"; import { D as DesignTokenOverview, b as DesignTokenColorPreview, a as DesignTokenBorderPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/font-tokens-Deq0OelV.js b/assets/font-tokens-Bbd5XF2U.js similarity index 99% rename from assets/font-tokens-Deq0OelV.js rename to assets/font-tokens-Bbd5XF2U.js index be77d00b..6f33efa1 100644 --- a/assets/font-tokens-Deq0OelV.js +++ b/assets/font-tokens-Bbd5XF2U.js @@ -1,10 +1,10 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta } from "./index-Dm9k26tp.js"; +import { ae as Meta } from "./index-vExcF883.js"; import { D as DesignTokenOverview, c as DesignTokenFontPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/font-tokens-CUF8IKze.js b/assets/font-tokens-C3Dj5p9U.js similarity index 99% rename from assets/font-tokens-CUF8IKze.js rename to assets/font-tokens-C3Dj5p9U.js index 68be72f1..de2334e9 100644 --- a/assets/font-tokens-CUF8IKze.js +++ b/assets/font-tokens-C3Dj5p9U.js @@ -1,10 +1,10 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; -import { ae as Meta } from "./index-Dm9k26tp.js"; +import { ae as Meta } from "./index-vExcF883.js"; import { D as DesignTokenOverview, c as DesignTokenFontPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/form-field-C6mjyHgF.js b/assets/form-field-D0TzE4dt.js similarity index 94% rename from assets/form-field-C6mjyHgF.js rename to assets/form-field-D0TzE4dt.js index a7fde5cf..d1f2487d 100644 --- a/assets/form-field-C6mjyHgF.js +++ b/assets/form-field-D0TzE4dt.js @@ -1,24 +1,24 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { useMDXComponents } from "./index-DXHhUSGJ.js"; import { r as react_default } from "./index-cEa3Pm8r.js"; -import { af as Markdown2, ae as Meta, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-Dm9k26tp.js"; -import { F as FormFieldStories, P as Playground, a as FormFieldTextbox, b as FormFieldDescription, c as FormFieldError } from "./form-field.stories-DC3rzJX1.js"; +import { af as Markdown2, ae as Meta, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-vExcF883.js"; +import { F as FormFieldStories, P as Playground, a as FormFieldTextbox, b as FormFieldDescription, c as FormFieldError } from "./form-field.stories-CQCI-WRp.js"; import { C as CitationDocumentation } from "./CitationDocumentation-B3Shsstx.js"; -import { m as meta } from "./form-field-textbox.stories-xWYU31br.js"; +import { m as meta } from "./form-field-textbox.stories-38M95Ynl.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; import "./index-vKye6HrD.js"; -import "./iframe-BKVt7QvW.js"; +import "./iframe-NIvnQ-PN.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-DtSuK_9N.js"; import "./index-BdOSk9or.js"; -import "./index-C4izKWdF.js"; +import "./index-CDlQSoJ1.js"; import "./index-BLZ711uc.js"; -import "./preview-B916UyCr.js"; -import "./form-field-description.stories-BElHjbMX.js"; -import "./form-field-error-message.stories-DFO5PYca.js"; -import "./textbox.stories-DDHd6Jbc.js"; +import "./preview-Cg2ZxX99.js"; +import "./form-field-description.stories-C6wfGoF_.js"; +import "./form-field-error-message.stories-CGkCxCu5.js"; +import "./textbox.stories-r3fMTEu4.js"; const mdAnatomy = '\n\n# Anatomy\n\nGebruik het _form field_ component om een alle onderdelen van een formulierveld in te verzamelen: het label, de _form control_, eventueel een extra beschrijving of de status en eventueel een validatiemelding of foutmelding.\n\nDe volgende componenten zijn vaak onderdeel van een _form field_:\n\n- _form label_ component\n- _form field description_ component met extra beschrijving\n- _form field description_ component met een validatiemelding\n- een form control component zoals bijvoorbeeld:\n - _textbox_ component\n - _textarea_ component\n - _checkbox_ component\n - _radio button_ component\n - _form select_ component\n - etcetera\n- _form field description_ component met een foutmelding\n- _form field description_ component status van component\n\n## Gebruikte termen\n\n- `form` komt van `
` in HTML en `role="form"` in WAI-ARIA.\n- `field` komt van `
` in HTML.\n- `invalid` komt van `aria-invalid` in WAI-ARIA.\n- `radio` komt van `` in HTML.\n- `checkbox` komt van `` in HTML.\n- `label` komt van `