diff --git a/assets/Color-KGDBMAHA-DmVH0DFX.js b/assets/Color-KGDBMAHA-BY2bYYKF.js similarity index 99% rename from assets/Color-KGDBMAHA-DmVH0DFX.js rename to assets/Color-KGDBMAHA-BY2bYYKF.js index 1a4012cc..5823a4ae 100644 --- a/assets/Color-KGDBMAHA-DmVH0DFX.js +++ b/assets/Color-KGDBMAHA-BY2bYYKF.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-DBiJJaHA.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-DdL8P3W9.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-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/DocsRenderer-PKQXORMH-BqHBdMvQ.js b/assets/DocsRenderer-PKQXORMH-DfOxz2K8.js similarity index 95% rename from assets/DocsRenderer-PKQXORMH-BqHBdMvQ.js rename to assets/DocsRenderer-PKQXORMH-DfOxz2K8.js index c7d5d6b9..efcbdac8 100644 --- a/assets/DocsRenderer-PKQXORMH-BqHBdMvQ.js +++ b/assets/DocsRenderer-PKQXORMH-DfOxz2K8.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-B2qDwUMB.js"; +import { _ as __vitePreload } from "./iframe-Bh4VO9bo.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-DBiJJaHA.js"; +import { aj as CodeOrSourceMdx, ak as AnchorMdx, al as HeadersMdx, am as Docs } from "./index-DdL8P3W9.js"; import "../sb-preview/runtime.js"; import "./_commonjsHelpers-CcAunmGO.js"; import "./index-B63kQkss.js"; diff --git a/assets/alert-CKmq-VRt.js b/assets/alert-BhzsrDo_.js similarity index 95% rename from assets/alert-CKmq-VRt.js rename to assets/alert-BhzsrDo_.js index 05cc20cf..80b95d04 100644 --- a/assets/alert-CKmq-VRt.js +++ b/assets/alert-BhzsrDo_.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 } from "./index-DBiJJaHA.js"; +import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3 } from "./index-DdL8P3W9.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-CpyTf6NF.js"; +import { A as AlertStories, P as Playground, I as InfoAlert, S as SuccessAlert, W as WarningAlert, E as ErrorAlert } from "./alert.stories-BpqBYH9R.js"; import { C as CitationDocumentation } from "./CitationDocumentation-B3Shsstx.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; @@ -14,7 +14,7 @@ import "./index-DtSuK_9N.js"; import "./index-BdOSk9or.js"; import "./index-DzCBCR8w.js"; import "./index-BLZ711uc.js"; -import "./preview-CEiTtpTH.js"; +import "./preview-E1Xw4yHT.js"; import "./createVisualRegressionStory-Ckg-wQz5.js"; function _createMdxContent(props) { const _components = { diff --git a/assets/alert-_S5EJmF8.js b/assets/alert-BxchYN79.js similarity index 97% rename from assets/alert-_S5EJmF8.js rename to assets/alert-BxchYN79.js index 85e02c00..b0775a82 100644 --- a/assets/alert-_S5EJmF8.js +++ b/assets/alert-BxchYN79.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-DBiJJaHA.js"; +import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-DdL8P3W9.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-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/alert.stories-CpyTf6NF.js b/assets/alert.stories-BpqBYH9R.js similarity index 99% rename from assets/alert.stories-CpyTf6NF.js rename to assets/alert.stories-BpqBYH9R.js index a4694e66..0c1d6551 100644 --- a/assets/alert.stories-CpyTf6NF.js +++ b/assets/alert.stories-BpqBYH9R.js @@ -2,7 +2,7 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r; import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { h as LuxAlert, i as LuxParagraph, g as LuxHeading1 } from "./index-DzCBCR8w.js"; import { t as tokens } from "./index-BLZ711uc.js"; -import { B as BADGES } from "./preview-CEiTtpTH.js"; +import { B as BADGES } from "./preview-E1Xw4yHT.js"; import { c as createVisualRegressionStory, V as VisualRegressionWrapper } from "./createVisualRegressionStory-Ckg-wQz5.js"; const VisualAlertTemplate = ({ children, type }) => /* @__PURE__ */ jsxRuntimeExports.jsx(LuxAlert, { type, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LuxParagraph, { children }) }); const VisualTypes = () => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [ diff --git a/assets/border-tokens-fhEw6CXJ.js b/assets/border-tokens-C9DectIS.js similarity index 96% rename from assets/border-tokens-fhEw6CXJ.js rename to assets/border-tokens-C9DectIS.js index c32586fb..712932fc 100644 --- a/assets/border-tokens-fhEw6CXJ.js +++ b/assets/border-tokens-C9DectIS.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-DBiJJaHA.js"; +import { ae as Meta } from "./index-DdL8P3W9.js"; import { D as DesignTokenOverview, a as DesignTokenBorderPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/border-tokens-BRuuEJp4.js b/assets/border-tokens-YgMXC8lK.js similarity index 97% rename from assets/border-tokens-BRuuEJp4.js rename to assets/border-tokens-YgMXC8lK.js index 25106338..1459eec0 100644 --- a/assets/border-tokens-BRuuEJp4.js +++ b/assets/border-tokens-YgMXC8lK.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-DBiJJaHA.js"; +import { ae as Meta } from "./index-DdL8P3W9.js"; import { D as DesignTokenOverview, a as DesignTokenBorderPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/button-BHFzKHuQ.js b/assets/button-P24I8Nwg.js similarity index 97% rename from assets/button-BHFzKHuQ.js rename to assets/button-P24I8Nwg.js index 9ca56097..688f77bd 100644 --- a/assets/button-BHFzKHuQ.js +++ b/assets/button-P24I8Nwg.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-DBiJJaHA.js"; +import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-DdL8P3W9.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-D-TkrL-a.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-D5qm-I3t.js"; import { C as CitationDocumentation } from "./CitationDocumentation-B3Shsstx.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; @@ -14,7 +14,7 @@ import "./index-DtSuK_9N.js"; import "./index-BdOSk9or.js"; import "./index-DzCBCR8w.js"; import "./index-BLZ711uc.js"; -import "./preview-CEiTtpTH.js"; +import "./preview-E1Xw4yHT.js"; import "./createDesignTokensStory-HiB5Jh-Q.js"; import "./createVisualRegressionStory-Ckg-wQz5.js"; function _createMdxContent(props) { diff --git a/assets/button-7rW-2EwM.js b/assets/button-Yp8HmnkC.js similarity index 98% rename from assets/button-7rW-2EwM.js rename to assets/button-Yp8HmnkC.js index 60a4adde..36d3f9d1 100644 --- a/assets/button-7rW-2EwM.js +++ b/assets/button-Yp8HmnkC.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-DBiJJaHA.js"; +import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-DdL8P3W9.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-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/button.stories-D-TkrL-a.js b/assets/button.stories-D5qm-I3t.js similarity index 99% rename from assets/button.stories-D-TkrL-a.js rename to assets/button.stories-D5qm-I3t.js index 5b064d76..d97953d1 100644 --- a/assets/button.stories-D-TkrL-a.js +++ b/assets/button.stories-D5qm-I3t.js @@ -3,7 +3,7 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { A as LuxButton } from "./index-DzCBCR8w.js"; import { t as tokens } from "./index-BLZ711uc.js"; import { r as reactExports } from "./index-aC1ZMUrs.js"; -import { B as BADGES } from "./preview-CEiTtpTH.js"; +import { B as BADGES } from "./preview-E1Xw4yHT.js"; import { c as createDesignTokensStory } from "./createDesignTokensStory-HiB5Jh-Q.js"; import { c as createVisualRegressionStory, V as VisualRegressionWrapper } from "./createVisualRegressionStory-Ckg-wQz5.js"; const utrecht = { diff --git a/assets/checkbox-CJ-0PqLB.js b/assets/checkbox-C_8c6r07.js similarity index 97% rename from assets/checkbox-CJ-0PqLB.js rename to assets/checkbox-C_8c6r07.js index f99ae71b..0cd1d6b2 100644 --- a/assets/checkbox-CJ-0PqLB.js +++ b/assets/checkbox-C_8c6r07.js @@ -1,11 +1,11 @@ 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-DBiJJaHA.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-CAztDIoY.js"; +import { ae as Meta, af as Markdown2, ag as Canvas, ah as Controls3 } from "./index-DdL8P3W9.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-Cux92gfQ.js"; import { C as CitationDocumentation } from "./CitationDocumentation-B3Shsstx.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; @@ -13,7 +13,7 @@ import "./index-DtSuK_9N.js"; import "./index-BdOSk9or.js"; import "./index-DzCBCR8w.js"; import "./index-BLZ711uc.js"; -import "./preview-CEiTtpTH.js"; +import "./preview-E1Xw4yHT.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) { const _components = { diff --git a/assets/checkbox.stories-CAztDIoY.js b/assets/checkbox.stories-Cux92gfQ.js similarity index 99% rename from assets/checkbox.stories-CAztDIoY.js rename to assets/checkbox.stories-Cux92gfQ.js index 9488b906..9b868e24 100644 --- a/assets/checkbox.stories-CAztDIoY.js +++ b/assets/checkbox.stories-Cux92gfQ.js @@ -2,7 +2,7 @@ var _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 { L as LuxCheckbox } from "./index-DzCBCR8w.js"; import { t as tokens } from "./index-BLZ711uc.js"; -import { B as BADGES } from "./preview-CEiTtpTH.js"; +import { B as BADGES } from "./preview-E1Xw4yHT.js"; const meta = { title: "React Components/Checkbox", id: "react-components-checkbox", diff --git a/assets/color-tokens-CB9L7fXD.js b/assets/color-tokens-Bgd2AH_F.js similarity index 99% rename from assets/color-tokens-CB9L7fXD.js rename to assets/color-tokens-Bgd2AH_F.js index d1c6d4cd..aa1a205d 100644 --- a/assets/color-tokens-CB9L7fXD.js +++ b/assets/color-tokens-Bgd2AH_F.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-DBiJJaHA.js"; +import { ae as Meta } from "./index-DdL8P3W9.js"; import { D as DesignTokenOverview, b as DesignTokenColorPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/color-tokens-BMLKIugB.js b/assets/color-tokens-DhINpign.js similarity index 99% rename from assets/color-tokens-BMLKIugB.js rename to assets/color-tokens-DhINpign.js index 254eb6f4..b043c15a 100644 --- a/assets/color-tokens-BMLKIugB.js +++ b/assets/color-tokens-DhINpign.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-DBiJJaHA.js"; +import { ae as Meta } from "./index-DdL8P3W9.js"; import { D as DesignTokenOverview, b as DesignTokenColorPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/community-component-aanleveren-B4ZIM66w.js b/assets/community-component-aanleveren-Dr9F44EK.js similarity index 99% rename from assets/community-component-aanleveren-B4ZIM66w.js rename to assets/community-component-aanleveren-Dr9F44EK.js index bf760fea..55b0575f 100644 --- a/assets/community-component-aanleveren-B4ZIM66w.js +++ b/assets/community-component-aanleveren-Dr9F44EK.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-DBiJJaHA.js"; +import { ae as Meta, af as Markdown2 } from "./index-DdL8P3W9.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/community-components-CSXRNnu4.js b/assets/community-components-Dgmwh5uq.js similarity index 97% rename from assets/community-components-CSXRNnu4.js rename to assets/community-components-Dgmwh5uq.js index caeeb3f9..48328185 100644 --- a/assets/community-components-CSXRNnu4.js +++ b/assets/community-components-Dgmwh5uq.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-DBiJJaHA.js"; +import { ae as Meta, af as Markdown2 } from "./index-DdL8P3W9.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/design-tokens-BPFgnots.js b/assets/design-tokens-DlR1EYru.js similarity index 98% rename from assets/design-tokens-BPFgnots.js rename to assets/design-tokens-DlR1EYru.js index 179c4aa6..6be9799b 100644 --- a/assets/design-tokens-BPFgnots.js +++ b/assets/design-tokens-DlR1EYru.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-DBiJJaHA.js"; +import { ae as Meta, af as Markdown2 } from "./index-DdL8P3W9.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/document-DJv-2GLw.js b/assets/document-BRC-PvDW.js similarity index 94% rename from assets/document-DJv-2GLw.js rename to assets/document-BRC-PvDW.js index 804475d8..41f41ad5 100644 --- a/assets/document-DJv-2GLw.js +++ b/assets/document-BRC-PvDW.js @@ -1,10 +1,10 @@ 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-DBiJJaHA.js"; -import { D as DocumentStories, P as Playground } from "./document.stories-BJfreDTI.js"; +import { ae as Meta, ag as Canvas, ah as Controls3 } from "./index-DdL8P3W9.js"; +import { D as DocumentStories, P as Playground } from "./document.stories-CWISG0gb.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; @@ -12,7 +12,7 @@ import "./index-DtSuK_9N.js"; import "./index-BdOSk9or.js"; import "./index-DzCBCR8w.js"; import "./index-BLZ711uc.js"; -import "./preview-CEiTtpTH.js"; +import "./preview-E1Xw4yHT.js"; import "./createDesignTokensStory-HiB5Jh-Q.js"; import "./createVisualRegressionStory-Ckg-wQz5.js"; function _createMdxContent(props) { diff --git a/assets/document.stories-BJfreDTI.js b/assets/document.stories-CWISG0gb.js similarity index 99% rename from assets/document.stories-BJfreDTI.js rename to assets/document.stories-CWISG0gb.js index 24941301..dbe77111 100644 --- a/assets/document.stories-BJfreDTI.js +++ b/assets/document.stories-CWISG0gb.js @@ -2,7 +2,7 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i; import { j as jsxRuntimeExports } from "./jsx-runtime-DnIIMar6.js"; import { j as LuxDocument, i as LuxParagraph } from "./index-DzCBCR8w.js"; import { t as tokens } from "./index-BLZ711uc.js"; -import { B as BADGES } from "./preview-CEiTtpTH.js"; +import { B as BADGES } from "./preview-E1Xw4yHT.js"; import { c as createDesignTokensStory } from "./createDesignTokensStory-HiB5Jh-Q.js"; import { c as createVisualRegressionStory, V as VisualRegressionWrapper } from "./createVisualRegressionStory-Ckg-wQz5.js"; const utrecht = { diff --git a/assets/focus-tokens-BEcDRn9L.js b/assets/focus-tokens-B9uezjIa.js similarity index 97% rename from assets/focus-tokens-BEcDRn9L.js rename to assets/focus-tokens-B9uezjIa.js index dc5e031b..f63f2148 100644 --- a/assets/focus-tokens-BEcDRn9L.js +++ b/assets/focus-tokens-B9uezjIa.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-DBiJJaHA.js"; +import { ae as Meta } from "./index-DdL8P3W9.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-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/font-tokens-x075crek.js b/assets/font-tokens-Ca_NbocN.js similarity index 99% rename from assets/font-tokens-x075crek.js rename to assets/font-tokens-Ca_NbocN.js index a911f268..a72a3ee8 100644 --- a/assets/font-tokens-x075crek.js +++ b/assets/font-tokens-Ca_NbocN.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-DBiJJaHA.js"; +import { ae as Meta } from "./index-DdL8P3W9.js"; import { D as DesignTokenOverview, c as DesignTokenFontPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/font-tokens-B3AP9mQm.js b/assets/font-tokens-teJ-WOT9.js similarity index 99% rename from assets/font-tokens-B3AP9mQm.js rename to assets/font-tokens-teJ-WOT9.js index ade94bab..7b41b57d 100644 --- a/assets/font-tokens-B3AP9mQm.js +++ b/assets/font-tokens-teJ-WOT9.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-DBiJJaHA.js"; +import { ae as Meta } from "./index-DdL8P3W9.js"; import { D as DesignTokenOverview, c as DesignTokenFontPreview } from "./DesignTokenSpacingPreview-BcGKECY1.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-vKye6HrD.js"; diff --git a/assets/form-field-DMe3x9Ka.js b/assets/form-field-PPADM7RD.js similarity index 95% rename from assets/form-field-DMe3x9Ka.js rename to assets/form-field-PPADM7RD.js index 05f8e706..d6ae1ceb 100644 --- a/assets/form-field-DMe3x9Ka.js +++ b/assets/form-field-PPADM7RD.js @@ -1,26 +1,26 @@ 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-DBiJJaHA.js"; -import { F as FormFieldStories, P as Playground, a as FormFieldTextbox, b as FormFieldDescription, c as FormFieldError } from "./form-field.stories-D6QnBQLM.js"; +import { af as Markdown2, ae as Meta, ag as Canvas, ah as Controls3, ai as DescriptionContainer } from "./index-DdL8P3W9.js"; +import { F as FormFieldStories, P as Playground, a as FormFieldTextbox, b as FormFieldDescription, c as FormFieldError } from "./form-field.stories-BFg_Q2q_.js"; import { C as CitationDocumentation } from "./CitationDocumentation-B3Shsstx.js"; -import { m as meta } from "./form-field-textbox.stories-Bi-3PKIJ.js"; +import { m as meta } from "./form-field-textbox.stories-CQ770tzi.js"; import "./index-aC1ZMUrs.js"; import "./_commonjsHelpers-CcAunmGO.js"; import "./index-vKye6HrD.js"; -import "./iframe-B2qDwUMB.js"; +import "./iframe-Bh4VO9bo.js"; import "../sb-preview/runtime.js"; import "./index-B63kQkss.js"; import "./index-DtSuK_9N.js"; import "./index-BdOSk9or.js"; import "./index-DzCBCR8w.js"; import "./index-BLZ711uc.js"; -import "./preview-CEiTtpTH.js"; +import "./preview-E1Xw4yHT.js"; import "./createDesignTokensStory-HiB5Jh-Q.js"; import "./createVisualRegressionStory-Ckg-wQz5.js"; -import "./form-field-description.stories-BRZYYDx5.js"; -import "./form-field-error-message.stories-Ca-bURQh.js"; -import "./textbox.stories-C-Qpe3R3.js"; +import "./form-field-description.stories-B3HXQGqM.js"; +import "./form-field-error-message.stories-B_pKtN8D.js"; +import "./textbox.stories-BWD-8sm3.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 `