diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000..e69de29 diff --git a/assets/0-index-ByHonuYq.js b/assets/0-index-ByHonuYq.js new file mode 100644 index 0000000..e272cca --- /dev/null +++ b/assets/0-index-ByHonuYq.js @@ -0,0 +1,8 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as d}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function i(t){const n={a:"a",h1:"h1",h2:"h2",li:"li",ul:"ul",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(d,{title:"Elements/wip/Embedding/Index"}),` +`,e.jsx(n.h1,{id:"ebedding",children:"Ebedding"}),` +`,e.jsx(n.h2,{id:"index",children:"Index"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-embedding-media--page",children:"Multimedia Content"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-embedding-containers--page",children:"Embedding Containers"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-embedding-other-ml--page",children:"Embedded Fragments of Other Markup Languages"})}),` +`]})]})}function u(t={}){const{wrapper:n}={...r(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(i,{...t})}):i(t)}export{u as default}; diff --git a/assets/0-index-CZtnhgHp.js b/assets/0-index-CZtnhgHp.js new file mode 100644 index 0000000..420fbd4 --- /dev/null +++ b/assets/0-index-CZtnhgHp.js @@ -0,0 +1,7 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as o}from"./index-BI1Biiay.js";import{ae as r}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function i(n){const t={a:"a",h1:"h1",h2:"h2",li:"li",ul:"ul",...o(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Elements/wip/Text/Index"}),` +`,e.jsx(t.h1,{id:"text-content",children:"Text content"}),` +`,e.jsx(t.h2,{id:"index",children:"Index"}),` +`,e.jsxs(t.ul,{children:[` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"?path=/story/elements-wip-text-block-index--page",children:"Block-level Text Elements"})}),` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"?path=/story/elements-wip-text-inline-index--page",children:"Inline Text Semantics"})}),` +`]})]})}function f(n={}){const{wrapper:t}={...o(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(i,{...n})}):i(n)}export{f as default}; diff --git a/assets/0-index-D5KD1KGL.js b/assets/0-index-D5KD1KGL.js new file mode 100644 index 0000000..534d83f --- /dev/null +++ b/assets/0-index-D5KD1KGL.js @@ -0,0 +1,13 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as s}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function i(n){const t={a:"a",h1:"h1",h2:"h2",li:"li",ul:"ul",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Elements/wip/Text/Block/Index"}),` +`,e.jsx(t.h1,{id:"block-level-text-elements",children:"Block-level text elements"}),` +`,e.jsx(t.h2,{id:"index",children:"Index"}),` +`,e.jsxs(t.ul,{children:[` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"?path=/story/elements-wip-text-block-generic--page",children:"Generic"})}),` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"?path=/story/elements-wip-text-block-paragraphs--page",children:"Paragraphs"})}),` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"?path=/story/elements-wip-text-block-thematic-breaks--page",children:"Thematic Breaks"})}),` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"?path=/story/elements-wip-text-block-lists--page",children:"Lists"})}),` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"?path=/story/elements-wip-text-block-definition-lists--page",children:"Definition Lists"})}),` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"?path=/story/elements-wip-text-block-quotations--page",children:"Quotations"})}),` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"?path=/story/elements-wip-text-block-figures--page",children:"Figures"})}),` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"?path=/story/elements-wip-text-block-preformatted--page",children:"Preformatted"})}),` +`]})]})}function u(n={}){const{wrapper:t}={...r(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(i,{...n})}):i(n)}export{u as default}; diff --git a/assets/0-index-DOhw-bMF.js b/assets/0-index-DOhw-bMF.js new file mode 100644 index 0000000..6ff5a0a --- /dev/null +++ b/assets/0-index-DOhw-bMF.js @@ -0,0 +1,19 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as l}from"./index-BI1Biiay.js";import{ae as s}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(i){const n={a:"a",h1:"h1",h2:"h2",li:"li",ul:"ul",...l(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Elements/wip/Text/Inline/Index"}),` +`,e.jsx(n.h1,{id:"inline-text-semantics",children:"Inline text semantics"}),` +`,e.jsx(n.h2,{id:"index",children:"Index"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-generic--page",children:"Generic"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-line-breaks--page",children:"Line Breaks"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-links--page",children:"Links"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-emphasis--page",children:"Emphasis"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-terminology--page",children:"Terminology"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-quotations--page",children:"Quotations"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-citation--page",children:"Citation"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-altered-baseline--page",children:"Altered Baseline"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-io--page",children:"IO"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-code--page",children:"Code"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-data--page",children:"Data"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-enhanced-semantics--page",children:"Enhanced Semantics"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-directionality--page",children:"Directionality"})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"?path=/story/elements-wip-text-inline-ruby--page",children:"Ruby"})}),` +`]})]})}function f(i={}){const{wrapper:n}={...l(),...i.components};return n?e.jsx(n,{...i,children:e.jsx(t,{...i})}):t(i)}export{f as default}; diff --git a/assets/0-index-Dh4FAvkm.js b/assets/0-index-Dh4FAvkm.js new file mode 100644 index 0000000..27a98aa --- /dev/null +++ b/assets/0-index-Dh4FAvkm.js @@ -0,0 +1,8 @@ +import{j as n}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as o}from"./index-BI1Biiay.js";import{ae as s}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(i){const e={a:"a",h1:"h1",h2:"h2",li:"li",ul:"ul",...o(),...i.components};return n.jsxs(n.Fragment,{children:[n.jsx(s,{title:"Elements/wip/Sectioning/Index"}),` +`,n.jsx(e.h1,{id:"sectioning",children:"Sectioning"}),` +`,n.jsx(e.h2,{id:"index",children:"Index"}),` +`,n.jsxs(e.ul,{children:[` +`,n.jsx(e.li,{children:n.jsx(e.a,{href:"?path=/story/elements-wip-sectioning-sections--page",children:"Sections"})}),` +`,n.jsx(e.li,{children:n.jsx(e.a,{href:"?path=/story/elements-wip-sectioning-heading--page",children:"Heading content"})}),` +`,n.jsx(e.li,{children:n.jsx(e.a,{href:"?path=/story/elements-wip-sectioning-scope--page",children:"Sectioning Scope Specific Elements"})}),` +`]})]})}function u(i={}){const{wrapper:e}={...o(),...i.components};return e?n.jsx(e,{...i,children:n.jsx(t,{...i})}):t(i)}export{u as default}; diff --git a/assets/1-document-CjEFzxbX.js b/assets/1-document-CjEFzxbX.js new file mode 100644 index 0000000..de0d830 --- /dev/null +++ b/assets/1-document-CjEFzxbX.js @@ -0,0 +1,32 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as l}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(o){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...r(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Elements/wip/Document"}),` +`,e.jsx(n.h1,{id:"unique-document-elements",children:"Unique document elements"}),` +`,e.jsx(n.p,{children:`These elements are unique to each document. Some of the selectors are not pure element selectors. +But due to their uniqueness it makes sense to address them without any added class specificity.`}),` +`,e.jsx(n.h2,{id:"document-root",children:"Document root"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsxs(n.li,{children:[e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html",rel:"nofollow",children:e.jsx(n.code,{children:"html"})}),` / +`,e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/:root",rel:"nofollow",children:e.jsx(n.code,{children:":root"})})]}),` +`]}),` +`,e.jsx(n.h2,{id:"sectioning-root",children:"Sectioning root"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body",rel:"nofollow",children:e.jsx(n.code,{children:"body"})})}),` +`]}),` +`,e.jsx(n.h2,{id:"the-documents-main-content",children:"The document’s main content"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsxs(n.li,{children:[e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main",rel:"nofollow",children:e.jsx(n.code,{children:"main:not([hidden])"})}),` +(`,e.jsx(n.a,{href:"https://html.spec.whatwg.org/multipage/grouping-content.html#the-main-element:attr-hidden",rel:"nofollow",children:"There can be only one!"}),")"]}),` +`]}),` +`,e.jsx(n.h2,{id:"the-documents-main-header",children:"The document’s main header"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.code,{children:":where(body, body > div) > header:first-of-type"})}),` +`]}),` +`,e.jsx(n.h2,{id:"the-documents-main-footer",children:"The document’s main footer"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.code,{children:":where(body, body > div) > footer:last-of-type"})}),` +`,e.jsxs(n.li,{children:["Useful technique: ",e.jsx(n.a,{href:"https://css-tricks.com/a-clever-sticky-footer-technique/",rel:"nofollow",children:"Clever sticky footer"})]}),` +`]}),` +`,e.jsx(n.h2,{id:"the-current-target-element",children:"The current target element"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/:target",rel:"nofollow",children:e.jsx(n.code,{children:":target"})})}),` +`,e.jsxs(n.li,{children:["Useful property: ",e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top",rel:"nofollow",children:e.jsx(n.code,{children:"scroll-margin-top"})})]}),` +`]})]})}function f(o={}){const{wrapper:n}={...r(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(t,{...o})}):t(o)}export{f as default}; diff --git a/assets/1-generic-DyqT_I8x.js b/assets/1-generic-DyqT_I8x.js new file mode 100644 index 0000000..ca941a4 --- /dev/null +++ b/assets/1-generic-DyqT_I8x.js @@ -0,0 +1,6 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function o(t){const n={a:"a",code:"code",li:"li",p:"p",ul:"ul",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Text/Inline/Generic"}),` +`,e.jsx(n.p,{children:"Generic range"}),` +`,e.jsx(n.p,{children:"(⛔️ Nothing to style here.)"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span",rel:"nofollow",children:e.jsx(n.code,{children:"span"})})}),` +`]})]})}function f(t={}){const{wrapper:n}={...r(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(o,{...t})}):o(t)}export{f as default}; diff --git a/assets/1-generic-EekXde_4.js b/assets/1-generic-EekXde_4.js new file mode 100644 index 0000000..efe8b3f --- /dev/null +++ b/assets/1-generic-EekXde_4.js @@ -0,0 +1,6 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(o){const n={a:"a",code:"code",h1:"h1",li:"li",p:"p",ul:"ul",...r(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Text/Block/Generic"}),` +`,e.jsx(n.h1,{id:"generic-block",children:"Generic block"}),` +`,e.jsx(n.p,{children:"(⛔️ Nothing to style here.)"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div",rel:"nofollow",children:e.jsx(n.code,{children:"div"})})}),` +`]})]})}function f(o={}){const{wrapper:n}={...r(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(t,{...o})}):t(o)}export{f as default}; diff --git a/assets/1-media-BdpT5Eay.js b/assets/1-media-BdpT5Eay.js new file mode 100644 index 0000000..7970712 --- /dev/null +++ b/assets/1-media-BdpT5Eay.js @@ -0,0 +1,10 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function n(l){const o={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...l.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Embedding/Media"}),` +`,e.jsx(o.h1,{id:"multimedia-content",children:"Multimedia content"}),` +`,e.jsxs(o.ul,{children:[` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img",rel:"nofollow",children:e.jsx(o.code,{children:"img"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map",rel:"nofollow",children:e.jsx(o.code,{children:"map"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/area",rel:"nofollow",children:e.jsx(o.code,{children:"area"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio",rel:"nofollow",children:e.jsx(o.code,{children:"audio"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video",rel:"nofollow",children:e.jsx(o.code,{children:"video"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track",rel:"nofollow",children:e.jsx(o.code,{children:"track"})})}),` +`]})]})}function u(l={}){const{wrapper:o}={...r(),...l.components};return o?e.jsx(o,{...l,children:e.jsx(n,{...l})}):n(l)}export{u as default}; diff --git a/assets/1-sections-DKNrG-v8.js b/assets/1-sections-DKNrG-v8.js new file mode 100644 index 0000000..9d12717 --- /dev/null +++ b/assets/1-sections-DKNrG-v8.js @@ -0,0 +1,9 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as t}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function l(o){const n={a:"a",code:"code",h1:"h1",li:"li",p:"p",ul:"ul",...t(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Sectioning/Sections"}),` +`,e.jsx(n.h1,{id:"sections",children:"Sections"}),` +`,e.jsx(n.p,{children:"(explicit sectioning content)"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article",rel:"nofollow",children:e.jsx(n.code,{children:"article"})})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section",rel:"nofollow",children:e.jsx(n.code,{children:"section"})})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside",rel:"nofollow",children:e.jsx(n.code,{children:"aside"})})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav",rel:"nofollow",children:e.jsx(n.code,{children:"nav"})})}),` +`]})]})}function u(o={}){const{wrapper:n}={...t(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(l,{...o})}):l(o)}export{u as default}; diff --git a/assets/2-containers-C_C-LST7.js b/assets/2-containers-C_C-LST7.js new file mode 100644 index 0000000..9858249 --- /dev/null +++ b/assets/2-containers-C_C-LST7.js @@ -0,0 +1,11 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as t}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function l(n){const o={a:"a",code:"code",h1:"h1",li:"li",p:"p",ul:"ul",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Elements/wip/Embedding/Containers"}),` +`,e.jsx(o.h1,{id:"embedding-containers",children:"Embedding containers"}),` +`,e.jsx(o.p,{children:"(⛔️ Nothing to style here.)"}),` +`,e.jsxs(o.ul,{children:[` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed",rel:"nofollow",children:e.jsx(o.code,{children:"embed"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe",rel:"nofollow",children:e.jsx(o.code,{children:"iframe"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object",rel:"nofollow",children:e.jsx(o.code,{children:"object"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture",rel:"nofollow",children:e.jsx(o.code,{children:"picture"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/portal",rel:"nofollow",children:e.jsx(o.code,{children:"portal"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source",rel:"nofollow",children:e.jsx(o.code,{children:"source"})})}),` +`]})]})}function u(n={}){const{wrapper:o}={...r(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(l,{...n})}):l(n)}export{u as default}; diff --git a/assets/2-heading-CWTydF3n.js b/assets/2-heading-CWTydF3n.js new file mode 100644 index 0000000..d3bed98 --- /dev/null +++ b/assets/2-heading-CWTydF3n.js @@ -0,0 +1,6 @@ +import{j as n}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as i}from"./index-BI1Biiay.js";import{ae as r}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function o(t){const e={a:"a",code:"code",h1:"h1",li:"li",p:"p",ul:"ul",...i(),...t.components};return n.jsxs(n.Fragment,{children:[n.jsx(r,{title:"Elements/wip/Sectioning/Heading"}),` +`,n.jsx(e.h1,{id:"heading-content",children:"Heading content"}),` +`,n.jsx(e.p,{children:"(implicit sectoning content)"}),` +`,n.jsxs(e.ul,{children:[` +`,n.jsx(e.li,{children:n.jsx(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements",rel:"nofollow",children:n.jsx(e.code,{children:"h1–h6"})})}),` +`]})]})}function f(t={}){const{wrapper:e}={...i(),...t.components};return e?n.jsx(e,{...t,children:n.jsx(o,{...t})}):o(t)}export{f as default}; diff --git a/assets/2-line-breaks-DUHElahR.js b/assets/2-line-breaks-DUHElahR.js new file mode 100644 index 0000000..a6c7a88 --- /dev/null +++ b/assets/2-line-breaks-DUHElahR.js @@ -0,0 +1,6 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as t}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function r(o){const n={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...t(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Text/Inline/Line Breaks"}),` +`,e.jsx(n.h1,{id:"line-breaks",children:"Line Breaks"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br",rel:"nofollow",children:e.jsx(n.code,{children:"br"})})}),` +`,e.jsxs(n.li,{children:[e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr",rel:"nofollow",children:e.jsx(n.code,{children:"wbr"})})," (line break opportunity)"]}),` +`]})]})}function f(o={}){const{wrapper:n}={...t(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(r,{...o})}):r(o)}export{f as default}; diff --git a/assets/2-paragraphs-Dzf-JJsL.js b/assets/2-paragraphs-Dzf-JJsL.js new file mode 100644 index 0000000..3280a57 --- /dev/null +++ b/assets/2-paragraphs-Dzf-JJsL.js @@ -0,0 +1,5 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as n}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function r(o){const t={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...n(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Text/Block/Paragraphs"}),` +`,e.jsx(t.h1,{id:"paragraphs",children:"Paragraphs"}),` +`,e.jsxs(t.ul,{children:[` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p",rel:"nofollow",children:e.jsx(t.code,{children:"p"})})}),` +`]})]})}function f(o={}){const{wrapper:t}={...n(),...o.components};return t?e.jsx(t,{...o,children:e.jsx(r,{...o})}):r(o)}export{f as default}; diff --git a/assets/3-links-B40-BmGI.js b/assets/3-links-B40-BmGI.js new file mode 100644 index 0000000..d651e16 --- /dev/null +++ b/assets/3-links-B40-BmGI.js @@ -0,0 +1,6 @@ +import{j as n}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(o){const e={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...o.components};return n.jsxs(n.Fragment,{children:[n.jsx(i,{title:"Elements/wip/Text/Inline/Links"}),` +`,n.jsx(e.h1,{id:"links-and-anchors",children:"Links (and anchors)"}),` +`,n.jsxs(e.ul,{children:[` +`,n.jsxs(e.li,{children:[n.jsx(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a",rel:"nofollow",children:n.jsx(e.code,{children:"a[href]"})})," (links)"]}),` +`,n.jsxs(e.li,{children:[n.jsx(e.code,{children:"a[id]"})," (anchors)"]}),` +`]})]})}function f(o={}){const{wrapper:e}={...r(),...o.components};return e?n.jsx(e,{...o,children:n.jsx(t,{...o})}):t(o)}export{f as default}; diff --git a/assets/3-other-ml-C5_rQhzw.js b/assets/3-other-ml-C5_rQhzw.js new file mode 100644 index 0000000..8e5f66d --- /dev/null +++ b/assets/3-other-ml-C5_rQhzw.js @@ -0,0 +1,6 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as l}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function n(t){const o={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Elements/wip/Embedding/Other ML"}),` +`,e.jsx(o.h1,{id:"embedded-fragments-of-other-markup-languages",children:"Embedded fragments of other markup languages"}),` +`,e.jsxs(o.ul,{children:[` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg",rel:"nofollow",children:e.jsx(o.code,{children:"svg"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/MathML/Element/math",rel:"nofollow",children:e.jsx(o.code,{children:"math"})})}),` +`]})]})}function j(t={}){const{wrapper:o}={...r(),...t.components};return o?e.jsx(o,{...t,children:e.jsx(n,{...t})}):n(t)}export{j as default}; diff --git a/assets/3-scope-CeemGR6P.js b/assets/3-scope-CeemGR6P.js new file mode 100644 index 0000000..64422ee --- /dev/null +++ b/assets/3-scope-CeemGR6P.js @@ -0,0 +1,7 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as t}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Sectioning/Scope"}),` +`,e.jsx(o.h1,{id:"sectioning-scope-specific-elements",children:"Sectioning scope specific elements"}),` +`,e.jsxs(o.ul,{children:[` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header",rel:"nofollow",children:e.jsx(o.code,{children:"header"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer",rel:"nofollow",children:e.jsx(o.code,{children:"footer"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address",rel:"nofollow",children:e.jsx(o.code,{children:"address"})})}),` +`]})]})}function u(n={}){const{wrapper:o}={...t(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(r,{...n})}):r(n)}export{u as default}; diff --git a/assets/3-thematic-breaks-CVIyfv_3.js b/assets/3-thematic-breaks-CVIyfv_3.js new file mode 100644 index 0000000..85ec4f6 --- /dev/null +++ b/assets/3-thematic-breaks-CVIyfv_3.js @@ -0,0 +1,5 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function n(o){const t={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Text/Block/Thematic Breaks"}),` +`,e.jsx(t.h1,{id:"thematic-breaks",children:"Thematic breaks"}),` +`,e.jsxs(t.ul,{children:[` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr",rel:"nofollow",children:e.jsx(t.code,{children:"hr"})})}),` +`]})]})}function f(o={}){const{wrapper:t}={...r(),...o.components};return t?e.jsx(t,{...o,children:e.jsx(n,{...o})}):n(o)}export{f as default}; diff --git a/assets/4-emphasis-CyIgKw3K.js b/assets/4-emphasis-CyIgKw3K.js new file mode 100644 index 0000000..1a4f4a9 --- /dev/null +++ b/assets/4-emphasis-CyIgKw3K.js @@ -0,0 +1,6 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(o){const n={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Text/Inline/Emphasis"}),` +`,e.jsx(n.h1,{id:"emphasis",children:"Emphasis"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em",rel:"nofollow",children:e.jsx(n.code,{children:"em"})})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong",rel:"nofollow",children:e.jsx(n.code,{children:"strong"})})}),` +`]})]})}function f(o={}){const{wrapper:n}={...r(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(t,{...o})}):t(o)}export{f as default}; diff --git a/assets/4-lists--7a8AriB.js b/assets/4-lists--7a8AriB.js new file mode 100644 index 0000000..8462fd1 --- /dev/null +++ b/assets/4-lists--7a8AriB.js @@ -0,0 +1,8 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as t}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function n(l){const o={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...l.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Elements/wip/Text/Block/Lists"}),` +`,e.jsx(o.h1,{id:"lists",children:"Lists"}),` +`,e.jsxs(o.ul,{children:[` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol",rel:"nofollow",children:e.jsx(o.code,{children:"ol"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul",rel:"nofollow",children:e.jsx(o.code,{children:"ul"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu",rel:"nofollow",children:e.jsx(o.code,{children:"menu"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li",rel:"nofollow",children:e.jsx(o.code,{children:"li"})})}),` +`]})]})}function f(l={}){const{wrapper:o}={...r(),...l.components};return o?e.jsx(o,{...l,children:e.jsx(n,{...l})}):n(l)}export{f as default}; diff --git a/assets/5-definition-lists-DjLX-6Nl.js b/assets/5-definition-lists-DjLX-6Nl.js new file mode 100644 index 0000000..bcb9d35 --- /dev/null +++ b/assets/5-definition-lists-DjLX-6Nl.js @@ -0,0 +1,7 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as i}from"./index-BI1Biiay.js";import{ae as l}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(n){const o={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...i(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Elements/wip/Text/Block/Definition Lists"}),` +`,e.jsx(o.h1,{id:"definition-lists",children:"Definition lists"}),` +`,e.jsxs(o.ul,{children:[` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl",rel:"nofollow",children:e.jsx(o.code,{children:"dl"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dt",rel:"nofollow",children:e.jsx(o.code,{children:"dt"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dd",rel:"nofollow",children:e.jsx(o.code,{children:"dd"})})}),` +`]})]})}function u(n={}){const{wrapper:o}={...i(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(t,{...n})}):t(n)}export{u as default}; diff --git a/assets/5-scripting-DLEUxmOD.js b/assets/5-scripting-DLEUxmOD.js new file mode 100644 index 0000000..e5526d6 --- /dev/null +++ b/assets/5-scripting-DLEUxmOD.js @@ -0,0 +1,8 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as t}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function r(o){const n={a:"a",code:"code",h1:"h1",li:"li",p:"p",ul:"ul",...t(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Scripting"}),` +`,e.jsx(n.h1,{id:"scripting",children:"Scripting"}),` +`,e.jsx(n.p,{children:"(⛔️ Nothing to style here.)"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script",rel:"nofollow",children:e.jsx(n.code,{children:"script"})})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript",rel:"nofollow",children:e.jsx(n.code,{children:"noscript"})})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas",rel:"nofollow",children:e.jsx(n.code,{children:"canvas"})})}),` +`]})]})}function u(o={}){const{wrapper:n}={...t(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(r,{...o})}):r(o)}export{u as default}; diff --git a/assets/5-terminology-DcF0gEZ0.js b/assets/5-terminology-DcF0gEZ0.js new file mode 100644 index 0000000..fc2795d --- /dev/null +++ b/assets/5-terminology-DcF0gEZ0.js @@ -0,0 +1,7 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as l}from"./index-BI1Biiay.js";import{ae as t}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...l(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Elements/wip/Text/Inline/Terminology"}),` +`,e.jsx(o.h1,{id:"terminology",children:"Terminology"}),` +`,e.jsxs(o.ul,{children:[` +`,e.jsxs(o.li,{children:[e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr",rel:"nofollow",children:e.jsx(o.code,{children:"abbr"})})," (abbreviations)"]}),` +`,e.jsxs(o.li,{children:[e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn",rel:"nofollow",children:e.jsx(o.code,{children:"dfn"})})," (definitions)"]}),` +`,e.jsxs(o.li,{children:[e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/var",rel:"nofollow",children:e.jsx(o.code,{children:"var"})})," (variables)"]}),` +`]})]})}function u(n={}){const{wrapper:o}={...l(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(r,{...n})}):r(n)}export{u as default}; diff --git a/assets/6-edits-Dtxp0r2u.js b/assets/6-edits-Dtxp0r2u.js new file mode 100644 index 0000000..b0697ae --- /dev/null +++ b/assets/6-edits-Dtxp0r2u.js @@ -0,0 +1,6 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function o(t){const n={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Edits"}),` +`,e.jsx(n.h1,{id:"demarcating-edits",children:"Demarcating edits"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del",rel:"nofollow",children:e.jsx(n.code,{children:"del"})})}),` +`,e.jsx(n.li,{children:e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ins",rel:"nofollow",children:e.jsx(n.code,{children:"ins"})})}),` +`]})]})}function f(t={}){const{wrapper:n}={...r(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(o,{...t})}):o(t)}export{f as default}; diff --git a/assets/6-quotations-BhUrKsn1.js b/assets/6-quotations-BhUrKsn1.js new file mode 100644 index 0000000..5415540 --- /dev/null +++ b/assets/6-quotations-BhUrKsn1.js @@ -0,0 +1,5 @@ +import{j as n}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as i}from"./index-BI1Biiay.js";import{ae as r}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function o(e){const t={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...i(),...e.components};return n.jsxs(n.Fragment,{children:[n.jsx(r,{title:"Elements/wip/Text/Inline/Quotations"}),` +`,n.jsx(t.h1,{id:"inline-quotations",children:"Inline quotations"}),` +`,n.jsxs(t.ul,{children:[` +`,n.jsx(t.li,{children:n.jsx(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q",rel:"nofollow",children:n.jsx(t.code,{children:"q"})})}),` +`]})]})}function f(e={}){const{wrapper:t}={...i(),...e.components};return t?n.jsx(t,{...e,children:n.jsx(o,{...e})}):o(e)}export{f as default}; diff --git a/assets/6-quotations-CwhHlTeP.js b/assets/6-quotations-CwhHlTeP.js new file mode 100644 index 0000000..3abedd1 --- /dev/null +++ b/assets/6-quotations-CwhHlTeP.js @@ -0,0 +1,5 @@ +import{j as t}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function n(e){const o={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...e.components};return t.jsxs(t.Fragment,{children:[t.jsx(i,{title:"Elements/wip/Text/Block/Quotations"}),` +`,t.jsx(o.h1,{id:"extended-quotations",children:"Extended quotations"}),` +`,t.jsxs(o.ul,{children:[` +`,t.jsx(o.li,{children:t.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote",rel:"nofollow",children:t.jsx(o.code,{children:"blockquote"})})}),` +`]})]})}function f(e={}){const{wrapper:o}={...r(),...e.components};return o?t.jsx(o,{...e,children:t.jsx(n,{...e})}):n(e)}export{f as default}; diff --git a/assets/7-citation-wteOPCC7.js b/assets/7-citation-wteOPCC7.js new file mode 100644 index 0000000..d9db1cf --- /dev/null +++ b/assets/7-citation-wteOPCC7.js @@ -0,0 +1,5 @@ +import{j as t}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as i}from"./index-BI1Biiay.js";import{ae as r}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function o(n){const e={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...i(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(r,{title:"Elements/wip/Text/Inline/Citation"}),` +`,t.jsx(e.h1,{id:"citation",children:"Citation"}),` +`,t.jsxs(e.ul,{children:[` +`,t.jsx(e.li,{children:t.jsx(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite",rel:"nofollow",children:t.jsx(e.code,{children:"cite"})})}),` +`]})]})}function f(n={}){const{wrapper:e}={...i(),...n.components};return e?t.jsx(e,{...n,children:t.jsx(o,{...n})}):o(n)}export{f as default}; diff --git a/assets/7-figures-CmS0lxUn.js b/assets/7-figures-CmS0lxUn.js new file mode 100644 index 0000000..c3482b6 --- /dev/null +++ b/assets/7-figures-CmS0lxUn.js @@ -0,0 +1,6 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as i}from"./index-BI1Biiay.js";import{ae as r}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(n){const o={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...i(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Elements/wip/Text/Block/Figures"}),` +`,e.jsx(o.h1,{id:"self-contained-figures",children:"Self-contained figures"}),` +`,e.jsxs(o.ul,{children:[` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure",rel:"nofollow",children:e.jsx(o.code,{children:"figure"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaption",rel:"nofollow",children:e.jsx(o.code,{children:"figcaption"})})}),` +`]})]})}function j(n={}){const{wrapper:o}={...i(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(t,{...n})}):t(n)}export{j as default}; diff --git a/assets/7-tables-BM1_ZPku.js b/assets/7-tables-BM1_ZPku.js new file mode 100644 index 0000000..16cbccc --- /dev/null +++ b/assets/7-tables-BM1_ZPku.js @@ -0,0 +1,14 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as t}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function n(o){const l={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Elements/wip/Tables"}),` +`,e.jsx(l.h1,{id:"tabular-data",children:"Tabular data"}),` +`,e.jsxs(l.ul,{children:[` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table",rel:"nofollow",children:e.jsx(l.code,{children:"table"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption",rel:"nofollow",children:e.jsx(l.code,{children:"caption"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead",rel:"nofollow",children:e.jsx(l.code,{children:"thead"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody",rel:"nofollow",children:e.jsx(l.code,{children:"tbody"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot",rel:"nofollow",children:e.jsx(l.code,{children:"tfoot"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr",rel:"nofollow",children:e.jsx(l.code,{children:"tr"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td",rel:"nofollow",children:e.jsx(l.code,{children:"td"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th",rel:"nofollow",children:e.jsx(l.code,{children:"th"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col",rel:"nofollow",children:e.jsx(l.code,{children:"col"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup",rel:"nofollow",children:e.jsx(l.code,{children:"colgroup"})})}),` +`]})]})}function b(o={}){const{wrapper:l}={...r(),...o.components};return l?e.jsx(l,{...o,children:e.jsx(n,{...o})}):n(o)}export{b as default}; diff --git a/assets/8-altered-baseline-CVfd6hbb.js b/assets/8-altered-baseline-CVfd6hbb.js new file mode 100644 index 0000000..5ae7680 --- /dev/null +++ b/assets/8-altered-baseline-CVfd6hbb.js @@ -0,0 +1,6 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as l}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function o(t){const n={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Elements/wip/Text/Inline/Altered Baseline"}),` +`,e.jsx(n.h1,{id:"altered-baseline",children:"Altered baseline"}),` +`,e.jsxs(n.ul,{children:[` +`,e.jsxs(n.li,{children:[e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sub",rel:"nofollow",children:e.jsx(n.code,{children:"sub"})})," (subscript)"]}),` +`,e.jsxs(n.li,{children:[e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup",rel:"nofollow",children:e.jsx(n.code,{children:"sup"})})," (superscript)"]}),` +`]})]})}function f(t={}){const{wrapper:n}={...r(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(o,{...t})}):o(t)}export{f as default}; diff --git a/assets/8-forms-COLMYuSa.js b/assets/8-forms-COLMYuSa.js new file mode 100644 index 0000000..467687d --- /dev/null +++ b/assets/8-forms-COLMYuSa.js @@ -0,0 +1,33 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as s}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function o(n){const l={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ul:"ul",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Elements/wip/Forms"}),` +`,e.jsx(l.h1,{id:"form-related-elements",children:"Form-related elements"}),` +`,e.jsxs(l.ul,{children:[` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form",rel:"nofollow",children:e.jsx(l.code,{children:"form"})})}),` +`]}),` +`,e.jsx(l.h2,{id:"submission",children:"Submission"}),` +`,e.jsxs(l.ul,{children:[` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button",rel:"nofollow",children:e.jsx(l.code,{children:"button"})})}),` +`]}),` +`,e.jsx(l.h2,{id:"labeling--grouping",children:"Labeling & Grouping"}),` +`,e.jsxs(l.ul,{children:[` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label",rel:"nofollow",children:e.jsx(l.code,{children:"label"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset",rel:"nofollow",children:e.jsx(l.code,{children:"fieldset"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/legend",rel:"nofollow",children:e.jsx(l.code,{children:"legend"})})}),` +`]}),` +`,e.jsx(l.h2,{id:"value-lists",children:"Value lists"}),` +`,e.jsxs(l.ul,{children:[` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist",rel:"nofollow",children:e.jsx(l.code,{children:"datalist"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option",rel:"nofollow",children:e.jsx(l.code,{children:"option"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup",rel:"nofollow",children:e.jsx(l.code,{children:"optgroup"})})}),` +`]}),` +`,e.jsx(l.h2,{id:"inputs",children:"Inputs"}),` +`,e.jsxs(l.ul,{children:[` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input",rel:"nofollow",children:e.jsx(l.code,{children:"input"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea",rel:"nofollow",children:e.jsx(l.code,{children:"textarea"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select",rel:"nofollow",children:e.jsx(l.code,{children:"select"})})}),` +`]}),` +`,e.jsx(l.h2,{id:"outputs",children:"Outputs"}),` +`,e.jsxs(l.ul,{children:[` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter",rel:"nofollow",children:e.jsx(l.code,{children:"meter"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output",rel:"nofollow",children:e.jsx(l.code,{children:"output"})})}),` +`,e.jsx(l.li,{children:e.jsx(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress",rel:"nofollow",children:e.jsx(l.code,{children:"progress"})})}),` +`]})]})}function u(n={}){const{wrapper:l}={...r(),...n.components};return l?e.jsx(l,{...n,children:e.jsx(o,{...n})}):o(n)}export{u as default}; diff --git a/assets/8-preformatted-BGGDDVP-.js b/assets/8-preformatted-BGGDDVP-.js new file mode 100644 index 0000000..066b041 --- /dev/null +++ b/assets/8-preformatted-BGGDDVP-.js @@ -0,0 +1,5 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as n}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function r(o){const t={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...n(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Text/Block/Preformatted"}),` +`,e.jsx(t.h1,{id:"preformatted-text",children:"Preformatted text"}),` +`,e.jsxs(t.ul,{children:[` +`,e.jsx(t.li,{children:e.jsx(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre",rel:"nofollow",children:e.jsx(t.code,{children:"pre"})})}),` +`]})]})}function u(o={}){const{wrapper:t}={...n(),...o.components};return t?e.jsx(t,{...o,children:e.jsx(r,{...o})}):r(o)}export{u as default}; diff --git a/assets/9-interactive-B1YrSz_Z.js b/assets/9-interactive-B1YrSz_Z.js new file mode 100644 index 0000000..d1dac68 --- /dev/null +++ b/assets/9-interactive-B1YrSz_Z.js @@ -0,0 +1,7 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as l}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function n(t){const o={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Elements/wip/Interactive"}),` +`,e.jsx(o.h1,{id:"other-interactive-elements",children:"Other interactive elements"}),` +`,e.jsxs(o.ul,{children:[` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details",rel:"nofollow",children:e.jsx(o.code,{children:"details"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary",rel:"nofollow",children:e.jsx(o.code,{children:"summary"})})}),` +`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog",rel:"nofollow",children:e.jsx(o.code,{children:"dialog"})})}),` +`]})]})}function f(t={}){const{wrapper:o}={...r(),...t.components};return o?e.jsx(o,{...t,children:e.jsx(n,{...t})}):n(t)}export{f as default}; diff --git a/assets/9-io-Hf8txEP0.js b/assets/9-io-Hf8txEP0.js new file mode 100644 index 0000000..a4ccfcc --- /dev/null +++ b/assets/9-io-Hf8txEP0.js @@ -0,0 +1,6 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as i}from"./index-D_lfjnVN.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function n(o){const t={a:"a",code:"code",h1:"h1",li:"li",ul:"ul",...r(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Elements/wip/Text/Inline/IO"}),` +`,e.jsx(t.h1,{id:"inputoutput",children:"Input/output"}),` +`,e.jsxs(t.ul,{children:[` +`,e.jsxs(t.li,{children:[e.jsx(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd",rel:"nofollow",children:e.jsx(t.code,{children:"kbd"})})," (keyboard input)"]}),` +`,e.jsxs(t.li,{children:[e.jsx(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/samp",rel:"nofollow",children:e.jsx(t.code,{children:"samp"})})," (sample output)"]}),` +`]})]})}function f(o={}){const{wrapper:t}={...r(),...o.components};return t?e.jsx(t,{...o,children:e.jsx(n,{...o})}):n(o)}export{f as default}; diff --git a/assets/Alert-DZOLL-4C.css b/assets/Alert-DZOLL-4C.css new file mode 100644 index 0000000..668fddc --- /dev/null +++ b/assets/Alert-DZOLL-4C.css @@ -0,0 +1 @@ +._alert_pa4i2_1{border-radius:var(--betterplace-border-radius-200);box-shadow:var(--betterplace-shadow-floating-medium);padding:var(--betterplace-spacing-300);border:var(--betterplace-border-default);background-color:var(--betterplace-color-bg-neutral);display:flex}._kind-success_pa4i2_10{border-color:var(--betterplace-color-border-success);background-color:var(--betterplace-color-bg-success)}._kind-warning_pa4i2_15{border-color:var(--betterplace-color-border-attention);background-color:var(--betterplace-color-bg-attention)}._kind-error_pa4i2_20{border-color:var(--betterplace-color-border-danger);background-color:var(--betterplace-color-bg-danger)}._icon_pa4i2_25{display:inline-block;vertical-align:middle}._iconContainer_pa4i2_30{flex-shrink:0;margin-inline-end:var(--betterplace-spacing-200)}._icon-success_pa4i2_35{color:var(--betterplace-color-border-success)}._icon-warning_pa4i2_39{color:var(--betterplace-color-border-attention)}._icon-error_pa4i2_43{color:var(--betterplace-color-border-danger)} diff --git a/assets/Alert.stories-Cxf2wOKE.js b/assets/Alert.stories-Cxf2wOKE.js new file mode 100644 index 0000000..c6a6335 --- /dev/null +++ b/assets/Alert.stories-Cxf2wOKE.js @@ -0,0 +1,6 @@ +import{j as s}from"./jsx-runtime-BlAj40OV.js";import{c as t}from"./index-Bl6ORisp.js";import{I as m}from"./Icon-DqLD8bE0.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";const d={id:"3720:3055",url:"https://www.figma.com/file/PJ7OUutWRrSHW6qgaPNW1l/DS-betterplace-GENERAL?node-id=3720%3A3055",themes:[]},u="_alert_pa4i2_1",g="_icon_pa4i2_25",f="_iconContainer_pa4i2_30",r={alert:u,"kind-success":"_kind-success_pa4i2_10","kind-warning":"_kind-warning_pa4i2_15","kind-error":"_kind-error_pa4i2_20",icon:g,iconContainer:f,"icon-success":"_icon-success_pa4i2_35","icon-warning":"_icon-warning_pa4i2_39","icon-error":"_icon-error_pa4i2_43"},O={warning:"alertTriangle",error:"alertCircle",success:"checkCircle"};function A({kind:e,className:a,style:l,children:p}){const _=e==="error"?"alert":"status";return s.jsxs("div",{style:l,className:t(r.alert,a,r[`kind-${e}`]),role:_,children:[s.jsx("div",{className:t(r[`icon-${e}`],r.iconContainer),children:s.jsx(m,{name:O[e],className:r.icon,title:e})}),s.jsx("div",{children:p})]})}var S={BASE_URL:"./",DEV:!1,MODE:"production",PROD:!0,SSR:!1,STORYBOOK:"true",STORYBOOK_BASE_URL:"/betterplace-design-system/"};const h={title:"Components/Alert",component:A,argTypes:{kind:{control:{type:"radio"},options:["success","warning","error"],description:"Applies specific design",table:{type:{summary:"AlertKind"}}},children:{control:{type:"text"}}},parameters:{design:{type:"figspec",accessToken:S.STORYBOOK_FIGMA_ACCESS_TOKEN,url:d.url},vitest:{testFile:"Alert.test.tsx"}}},i={args:{kind:"success",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}};var n,o,c;i.parameters={...i.parameters,docs:{...(n=i.parameters)==null?void 0:n.docs,source:{originalSource:`{ + args: { + kind: 'success', + children: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' + } +}`,...(c=(o=i.parameters)==null?void 0:o.docs)==null?void 0:c.source}}};const k=["Default"];export{i as Default,k as __namedExportsOrder,h as default}; diff --git a/assets/AmountField.stories-CbCR3zoW.js b/assets/AmountField.stories-CbCR3zoW.js new file mode 100644 index 0000000..87b13c1 --- /dev/null +++ b/assets/AmountField.stories-CbCR3zoW.js @@ -0,0 +1,7 @@ +import{A as r}from"./ClientAmountField-Bf3pT-bt.js";import"./jsx-runtime-BlAj40OV.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-Bl6ORisp.js";import"./TextInput-CJQ35zCQ.js";import"./TextInputWrapper-BKbvKmKQ.js";const d={title:"Components/AmountField",component:r,argTypes:{label:{control:{type:"text"},description:"The label of the field."},name:{control:{type:"text"},description:"Internal name of the field"},hideSteps:{control:{type:"boolean"},description:"Option to hide number input steps"},defaultValue:{control:{type:"number"},description:"The default amount."}},parameters:{vitest:{testFile:"AmountField.test.tsx"}}},e={args:{label:"Amount in Euro",name:"amount-in-euro",hideSteps:!1}};var t,o,n;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{ + args: { + label: 'Amount in Euro', + name: 'amount-in-euro', + hideSteps: false + } +}`,...(n=(o=e.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};const c=["Default"];export{e as Default,c as __namedExportsOrder,d as default}; diff --git a/assets/Badge-DRk-qrzS.css b/assets/Badge-DRk-qrzS.css new file mode 100644 index 0000000..cafcb5e --- /dev/null +++ b/assets/Badge-DRk-qrzS.css @@ -0,0 +1 @@ +._container_n16ki_1{inline-size:-moz-max-content;inline-size:max-content;overflow:hidden;border:var(--betterplace-border-default);font:var(--betterplace-typography-functional-text-sm-default);color:var(--betterplace-color-fg-content-primary);border-radius:var(--betterplace-border-radius-200);padding-inline:var(--betterplace-spacing-100);padding-block:var(--betterplace-spacing-50)}._default_n16ki_14{background-color:var(--betterplace-color-blue-dark);border-color:var(--betterplace-color-blue-dark);color:var(--betterplace-color-light)}._neutral_n16ki_20{border-color:var(--betterplace-color-bg-neutral);background-color:var(--betterplace-color-bg-neutral)}._success_n16ki_25{background-color:var(--betterplace-color-bg-success);border-color:var(--betterplace-color-border-success);color:var(--betterplace-color-fg-success)} diff --git a/assets/Badge.stories-CgXuRM2l.js b/assets/Badge.stories-CgXuRM2l.js new file mode 100644 index 0000000..42817be --- /dev/null +++ b/assets/Badge.stories-CgXuRM2l.js @@ -0,0 +1,5 @@ +import{j as c}from"./jsx-runtime-BlAj40OV.js";import{c as i}from"./index-Bl6ORisp.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";const d="_container_n16ki_1",u="_neutral_n16ki_20",l="_success_n16ki_25",t={container:d,default:"_default_n16ki_14",neutral:u,success:l};function p({kind:a="default",children:o}){return c.jsx("div",{className:i(t.container,t[a]),children:o})}const x={title:"Components/Badge",component:p,argTypes:{kind:{options:["default","neutral","success"],control:{type:"radio"},description:"Applies specific design",table:{defaultValue:{summary:"default"},type:{summary:"BadgeKind | undefined"}}},children:{control:{type:"text"},description:"Text content to be rendered"}}},e={args:{children:"Badge content"}};var n,s,r;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{ + args: { + children: 'Badge content' + } +}`,...(r=(s=e.parameters)==null?void 0:s.docs)==null?void 0:r.source}}};const y=["Default"];export{e as Default,y as __namedExportsOrder,x as default}; diff --git a/assets/BoxShadowPreview-Dn55OzGr.js b/assets/BoxShadowPreview-Dn55OzGr.js new file mode 100644 index 0000000..ace7b3b --- /dev/null +++ b/assets/BoxShadowPreview-Dn55OzGr.js @@ -0,0 +1 @@ +import{j as i}from"./jsx-runtime-BlAj40OV.js";const t=({token:e})=>i.jsx("div",{style:{boxShadow:`var(--${e.name})`,blockSize:"var(--betterplace-sizing-600)",inlineSize:"var(--betterplace-sizing-600)"}});export{t as B}; diff --git a/assets/Button-DhY0UdKj.css b/assets/Button-DhY0UdKj.css new file mode 100644 index 0000000..9efefc3 --- /dev/null +++ b/assets/Button-DhY0UdKj.css @@ -0,0 +1 @@ +._button_1b442_1{display:inline-block;-webkit-text-decoration:var(--betterplace-text-decoration-none);text-decoration:var(--betterplace-text-decoration-none);border:var(--betterplace-border-default);padding:var(--betterplace-spacing-200) var(--betterplace-spacing-300);border-radius:var(--betterplace-border-radius-200);cursor:pointer}._button_1b442_1:focus-visible{outline:var(--betterplace-border-focused);outline-offset:var(--betterplace-spacing-50)}@container (max-width: 49ch){._button_1b442_1{inline-size:100%}}._kind-primary_1b442_19{background:var(--betterplace-color-cta-gradient);border-color:var(--betterplace-color-border-cta-primary);text-shadow:var(--betterplace-shadow-text-green);color:var(--betterplace-color-fg-light-primary)}._kind-primary_1b442_19._size-large_1b442_25{font:var(--betterplace-typography-label-lg)}._kind-primary_1b442_19._size-default_1b442_29{font:var(--betterplace-typography-label-md)}._kind-primary_1b442_19._size-small_1b442_33{font:var(--betterplace-typography-label-xs)}._kind-primary_1b442_19:hover{background:var(--betterplace-color-cta-primary-dark)}._kind-primary_1b442_19:active{background:var(--betterplace-color-cta-primary-dark);box-shadow:var(--betterplace-shadow-pressed-green)}._kind-secondary_1b442_47{background:var(--betterplace-color-bg-light);border-color:var(--betterplace-color-border-cta-secondary);color:var(--betterplace-color-cta-secondary)}._kind-secondary_1b442_47._size-large_1b442_25{font:var(--betterplace-typography-label-lg-secondary)}._kind-secondary_1b442_47._size-default_1b442_29{font:var(--betterplace-typography-label-md-secondary)}._kind-secondary_1b442_47._size-small_1b442_33{font:var(--betterplace-typography-label-xs-secondary)}@media (hover: hover){._kind-secondary_1b442_47:hover{background:var(--betterplace-color-cta-secondary);color:var(--betterplace-color-fg-light-primary)}}._kind-secondary_1b442_47:active{background:var(--betterplace-color-cta-secondary);color:var(--betterplace-color-fg-light-primary);box-shadow:var(--betterplace-shadow-pressed-green)}._kind-secondary_1b442_47._ghost_1b442_78{border-color:var(--betterplace-color-border-on-color);background:transparent;color:var(--betterplace-color-fg-light-primary)}@media (hover: hover){._kind-secondary_1b442_47._ghost_1b442_78:hover{background:var(--betterplace-color-bg-light);color:var(--betterplace-color-cta-secondary)}}._kind-secondary_1b442_47._ghost_1b442_78:focus-visible{outline-color:var(--betterplace-color-border-on-color)}._kind-secondary_1b442_47._ghost_1b442_78:active{background:var(--betterplace-color-bg-light);color:var(--betterplace-color-cta-secondary);box-shadow:var(--betterplace-shadow-pressed-gray)}._kind-secondary_1b442_47._ghost_1b442_78[aria-disabled=true]:not(._busy_1b442_100),._kind-secondary_1b442_47._ghost_1b442_78[disabled]{color:var(--betterplace-color-fg-content-secondary);background-color:var(--betterplace-color-bg-on-top-light);border-color:transparent;box-shadow:none;text-shadow:none}._kind-danger_1b442_110{background:var(--betterplace-color-cta-danger);border-color:var(--betterplace-color-border-on-color);color:var(--betterplace-color-fg-light-primary)}._kind-danger_1b442_110._size-large_1b442_25{font:var(--betterplace-typography-label-lg-secondary)}._kind-danger_1b442_110._size-default_1b442_29{font:var(--betterplace-typography-label-md-secondary)}._kind-danger_1b442_110._size-small_1b442_33{font:var(--betterplace-typography-label-xs-secondary)}@media (hover: hover){._kind-danger_1b442_110:hover{background:var(--betterplace-color-cta-danger-hover)}}._kind-danger_1b442_110:focus-visible{background:var(--betterplace-color-cta-danger-hover)}._kind-danger_1b442_110:active{background:var(--betterplace-color-cta-danger-hover);box-shadow:var(--betterplace-shadow-pressed-danger)}._kind-plain_1b442_143{border:none;background:transparent;color:var(--betterplace-color-cta-secondary)}._kind-plain_1b442_143._size-large_1b442_25{font:var(--betterplace-typography-label-lg)}._kind-plain_1b442_143._size-default_1b442_29{font:var(--betterplace-typography-label-md)}._kind-plain_1b442_143._size-small_1b442_33{font:var(--betterplace-typography-label-xs)}._kind-plain_1b442_143:focus-visible{text-decoration:underline;text-underline-offset:.25em;outline-offset:var(--betterplace-spacing-none)}@media (hover: hover){._kind-plain_1b442_143:hover{text-decoration:underline;text-underline-offset:.25em;background-color:var(--betterplace-color-bg-primary);color:var(--betterplace-color-cta-secondary-hover-alt)}}._kind-plain_1b442_143:active{background-color:var(--betterplace-color-bg-neutral);color:var(--betterplace-color-cta-secondary-hover-alt)}:is(._kind-plain_1b442_143[aria-disabled=true]:not(._busy_1b442_100),._kind-plain_1b442_143[disabled]),:is(._kind-plain_1b442_143[aria-disabled=true]:not(._busy_1b442_100),._kind-plain_1b442_143[disabled]):hover,:is(._kind-plain_1b442_143[aria-disabled=true]:not(._busy_1b442_100),._kind-plain_1b442_143[disabled]):focus-visible,:is(._kind-plain_1b442_143[aria-disabled=true]:not(._busy_1b442_100),._kind-plain_1b442_143[disabled]):active{background-color:transparent;text-decoration:none;color:var(--betterplace-color-fg-mute)}._kind-plain_1b442_143._ghost_1b442_78{border:var(--betterplace-border-width-focus) solid transparent;background:transparent;color:var(--betterplace-color-fg-light-primary)}._kind-plain_1b442_143._ghost_1b442_78:focus-visible{outline-offset:var(--betterplace-spacing-none);outline:var(--betterplace-border-on-color-focused);text-decoration:underline}._kind-plain_1b442_143._ghost_1b442_78:active{text-decoration:underline;border:var(--betterplace-border-on-color-focused);border-radius:var(--betterplace-border-radius-200)}@media (hover: hover){._kind-plain_1b442_143._ghost_1b442_78{text-decoration:underline;border:var(--betterplace-border-on-color-focused);border-radius:var(--betterplace-border-radius-200)}}:is(._kind-plain_1b442_143._ghost_1b442_78[aria-disabled=true]:not(._busy_1b442_100),._kind-plain_1b442_143._ghost_1b442_78[disabled]),:is(._kind-plain_1b442_143._ghost_1b442_78[aria-disabled=true]:not(._busy_1b442_100),._kind-plain_1b442_143._ghost_1b442_78[disabled]):hover,:is(._kind-plain_1b442_143._ghost_1b442_78[aria-disabled=true]:not(._busy_1b442_100),._kind-plain_1b442_143._ghost_1b442_78[disabled]):focus-visible,:is(._kind-plain_1b442_143._ghost_1b442_78[aria-disabled=true]:not(._busy_1b442_100),._kind-plain_1b442_143._ghost_1b442_78[disabled]):active{background-color:transparent;color:var(--betterplace-color-fg-mute);border:var(--betterplace-border-width-focus) solid transparent;text-decoration:none;box-shadow:none;text-shadow:none;cursor:default}._size-large_1b442_25{padding:var(--betterplace-spacing-250) var(--betterplace-spacing-400)}._size-small_1b442_33{padding:var(--betterplace-spacing-100) var(--betterplace-spacing-300);position:relative}._size-small_1b442_33:before,._size-small_1b442_33:after{content:"";position:absolute;inset-inline:0;block-size:var(--betterplace-sizing-100)}._size-small_1b442_33:before{inset-block-end:100%}._size-small_1b442_33:after{inset-block-start:100%}:is([aria-disabled=true]:not(._busy_1b442_100),[disabled]),:is([aria-disabled=true]:not(._busy_1b442_100),[disabled]):hover,:is([aria-disabled=true]:not(._busy_1b442_100),[disabled]):focus-visible,:is([aria-disabled=true]:not(._busy_1b442_100),[disabled]):active{background:var(--betterplace-color-bg-disabled);color:var(--betterplace-color-fg-content-secondary);border-color:transparent;box-shadow:none;text-shadow:none;cursor:default}@media (forced-colors: active){[aria-disabled=true]:not(._busy_1b442_100),[aria-disabled=true]:not(._busy_1b442_100):hover{border-color:GrayText;color:GrayText}}._srOnly_1b442_283{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} diff --git a/assets/Button-S5IlNDkG.js b/assets/Button-S5IlNDkG.js new file mode 100644 index 0000000..86b34fd --- /dev/null +++ b/assets/Button-S5IlNDkG.js @@ -0,0 +1 @@ +import{j as n}from"./jsx-runtime-BlAj40OV.js";import{c as O}from"./index-Bl6ORisp.js";import{r as m}from"./index-Cs7sjTYM.js";const D="_button_1b442_1",N="_ghost_1b442_78",I="_busy_1b442_100",S="_srOnly_1b442_283",s={button:D,"kind-primary":"_kind-primary_1b442_19","size-large":"_size-large_1b442_25","size-default":"_size-default_1b442_29","size-small":"_size-small_1b442_33","kind-secondary":"_kind-secondary_1b442_47",ghost:N,busy:I,"kind-danger":"_kind-danger_1b442_110","kind-plain":"_kind-plain_1b442_143",srOnly:S};function E(a,r){return{[s.ghost]:r,[s["kind-primary"]]:a==="primary",[s["kind-secondary"]]:a==="secondary",[s["kind-danger"]]:a==="danger",[s["kind-plain"]]:a==="plain"}}function F(a){return{[s["size-small"]]:a==="small",[s["size-default"]]:a==="default",[s["size-large"]]:a==="large"}}const $=m.forwardRef(function({children:r,kind:g="primary",size:p="default",as:f="button",className:b,ghost:x,busy:e,id:k,"aria-disabled":j,"aria-describedby":z,disabledReason:i,disabled_:d,disabled:h,...c},_){const B=m.useId(),o=k||B,l=h||d||j||e,t=l&&i?`${o}-disabled-reason`:void 0,u=z??t,y=O(s.button,{...F(p),...E(g,x),[b]:b,[s.busy]:e});return f==="a"?n.jsxs(n.Fragment,{children:[t&&n.jsx("span",{id:t,className:s.srOnly,children:i}),n.jsx("a",{...c,className:y,id:o,ref:_,"aria-disabled":l,"aria-describedby":u,disabled:d,children:r})]}):n.jsxs(n.Fragment,{children:[t&&n.jsx("span",{id:t,className:s.srOnly,children:i}),n.jsx("button",{...c,className:y,id:o,ref:_,"aria-disabled":l,"aria-busy":e,"aria-describedby":u,disabled:d,children:r})]})});export{$ as B}; diff --git a/assets/Button.stories-DhFUiOma.js b/assets/Button.stories-DhFUiOma.js new file mode 100644 index 0000000..928785f --- /dev/null +++ b/assets/Button.stories-DhFUiOma.js @@ -0,0 +1,9 @@ +import{j as o}from"./jsx-runtime-BlAj40OV.js";import{B as r}from"./Button-S5IlNDkG.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-Bl6ORisp.js";const i={id:"1703:2814",url:"https://www.figma.com/file/PJ7OUutWRrSHW6qgaPNW1l/DS-betterplace-GENERAL?node-id=1703%3A2814",themes:[]};var d={BASE_URL:"./",DEV:!1,MODE:"production",PROD:!0,SSR:!1,STORYBOOK:"true",STORYBOOK_BASE_URL:"/betterplace-design-system/"};function l(t){return o.jsx("div",{style:{padding:"var(--betterplace-spacing-100)",background:t.ghost?"#4A4A4A":void 0,containerType:"inline-size"},children:o.jsx(r,{...t})})}const b={title:"Components/Button",component:l,argTypes:{children:{control:{type:"text"},description:"The (text) content of the button."},kind:{options:["primary","secondary","danger","plain"],control:{type:"radio"},description:"Applies specific design",table:{defaultValue:{summary:"primary"},type:{summary:"ButtonKind | undefined"}}},size:{options:["large","default","small"],control:{type:"radio"},description:"Size of the button",table:{defaultValue:{summary:"default"},type:{summary:"ButtonSize | undefined"}}},as:{options:["button","a"],control:"radio",description:"HTML tag"},disabled:{control:{type:"boolean"},description:"Toggles aria-disabled. We use aria-disabled instead of disabled to keep focusability and with that the possibility to add a description that reasons the disabled state.",table:{defaultValue:{summary:"false"}}},disabledReason:{control:{type:"text"},description:"Reason for the disabled state. Will be read out by screen readers, if aria-describedby is not provided"},busy:{control:{type:"boolean"},description:"Toggles aria-busy and aria-disabled. Use when you want to preserve the non-disabled style.",table:{defaultValue:{summary:"false"}}},ghost:{description:"Additional styling options for ghost style button, which includes transparent button background and light font color for darker backgrounds.",control:{type:"boolean"}},props:{control:!1,description:"All props (e.g. `href`, `onClick`) are passed on to the root JSX element"}},parameters:{design:{type:"figspec",accessToken:d.STORYBOOK_FIGMA_ACCESS_TOKEN,url:i.url},vitest:{testFile:"Button.test.tsx"}}},e={args:{children:"Donate now",kind:"primary",as:"button",size:"default",ghost:!1}};var a,s,n;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{ + args: { + children: 'Donate now', + kind: 'primary', + as: 'button', + size: 'default', + ghost: false + } +}`,...(n=(s=e.parameters)==null?void 0:s.docs)==null?void 0:n.source}}};const y=["Default"];export{e as Default,y as __namedExportsOrder,b as default}; diff --git a/assets/Card-BttGXdKh.js b/assets/Card-BttGXdKh.js new file mode 100644 index 0000000..9ab80f7 --- /dev/null +++ b/assets/Card-BttGXdKh.js @@ -0,0 +1 @@ +import{j as o}from"./jsx-runtime-BlAj40OV.js";import{c as r}from"./index-Bl6ORisp.js";const c="_container_1yuy9_1",e={container:c},i=({as:s="div",className:t,children:a,...n})=>o.jsx(s,{...n,className:r(e.container,t),children:a}),x=i;export{x as C}; diff --git a/assets/Card-CO6PNG4c.css b/assets/Card-CO6PNG4c.css new file mode 100644 index 0000000..777006a --- /dev/null +++ b/assets/Card-CO6PNG4c.css @@ -0,0 +1 @@ +._container_1yuy9_1{padding:var(--betterplace-spacing-300);background-color:var(--betterplace-color-bg-subtle);border-radius:var(--betterplace-border-radius-300)} diff --git a/assets/Card.stories-BoOPWCHm.js b/assets/Card.stories-BoOPWCHm.js new file mode 100644 index 0000000..042937f --- /dev/null +++ b/assets/Card.stories-BoOPWCHm.js @@ -0,0 +1,5 @@ +import{C as s}from"./Card-BttGXdKh.js";import"./jsx-runtime-BlAj40OV.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-Bl6ORisp.js";const i={title:"Components/Card",component:s,argTypes:{children:{control:!1,description:"(Text) content to be rendered"},props:{control:!1,description:"All props (e.g. style and className) are passed on to the root JSX element"}},parameters:{vitest:{testFile:"Card.test.tsx"}}},e={args:{children:"Card content"}};var r,t,o;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`{ + args: { + children: 'Card content' + } +}`,...(o=(t=e.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};const l=["Default"];export{e as Default,l as __namedExportsOrder,i as default}; diff --git a/assets/Checkbox.stories-TaXIaQfG.js b/assets/Checkbox.stories-TaXIaQfG.js new file mode 100644 index 0000000..8a94829 --- /dev/null +++ b/assets/Checkbox.stories-TaXIaQfG.js @@ -0,0 +1,13 @@ +import{j as o}from"./jsx-runtime-BlAj40OV.js";import{C as l}from"./ClientCheckbox-DQeajEuX.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-Bl6ORisp.js";import"./preventDefault-CIaEEaQs.js";const u={title:"Components/Checkbox",component:l,parameters:{docs:{description:{component:"Checkbox component with custom betterplace styling. Checkboxes should always be grouped within a `Fieldset` component. When you have only one checkbox, but want to have an error state, it is necessary to enclose it in a `Fieldset`"}}},argTypes:{children:{control:{type:"text"},description:"Label text for the checkbox.",table:{type:{summary:"ReactNode"}}},disabled:{control:{type:"boolean"},description:"Toggles aria-disabled. We use aria-disabled instead of disabled to keep focusability and with that the possibility to add a description that reasons the disabled state.",table:{defaultValue:{summary:"false"},type:{summary:"boolean"}}}}},e={args:{children:"Checkbox label",id:"test-checkbox"}},t={args:{children:o.jsxs(o.Fragment,{children:["This is a ",o.jsx("strong",{children:"rich text"})," label"]}),id:"test-checkbox"}};var s,a,r;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`{ + args: { + children: 'Checkbox label', + id: 'test-checkbox' + } +}`,...(r=(a=e.parameters)==null?void 0:a.docs)==null?void 0:r.source}}};var i,c,n;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{ + args: { + children: <> + This is a rich text label + , + id: 'test-checkbox' + } +}`,...(n=(c=t.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};const g=["Default","WithRichTextLabel"];export{e as Default,t as WithRichTextLabel,g as __namedExportsOrder,u as default}; diff --git a/assets/ClientAmountField-Bf3pT-bt.js b/assets/ClientAmountField-Bf3pT-bt.js new file mode 100644 index 0000000..fb3af11 --- /dev/null +++ b/assets/ClientAmountField-Bf3pT-bt.js @@ -0,0 +1 @@ +import{j as J}from"./jsx-runtime-BlAj40OV.js";import{c as O}from"./index-Bl6ORisp.js";import{r as a}from"./index-Cs7sjTYM.js";import{T as Q}from"./TextInput-CJQ35zCQ.js";const X=(r,e)=>Number(r==="en"?String(e).replace(/[^0-9.]/g,""):String(e).replace(/[^0-9,]/g,"").replace(/,/g,".")),k={},Y=(r,e,t,i)=>{const c=`${r}-${e?"currency":"noCurrency"}-${t}-${i}`;let s=k[c];return s||(s=new Intl.NumberFormat(r??"de",{minimumFractionDigits:t,maximumFractionDigits:t,...e?{style:"currency",currency:"EUR"}:{},...i?{}:{useGrouping:!1}}),k[c]=s),s};function P(r,e,t={}){const i=(t==null?void 0:t.precision)===void 0?2:t==null?void 0:t.precision,d=typeof e=="number"?e||0:X(r,e),c=(t==null?void 0:t.thousandSeparator)??!0;return Y(r,!(t!=null&&t.format),i,c).format(d).replace(/\u00A0/," ")}function z(r){if(!r)return 0;const e=r.replace(/,/g,"."),t=parseFloat(e)||0;return Math.round(t*100)}function h(r,e=2){return r.replace(/[^\d.,]/g,"").replace(/^([.,]{1,1})/,"0$1").replace(/^0{2,}/,"0").replace(/^0([\d]+)([\d,.]*)/,"$1$2").replace(/[.,]([^.,]*)(?=[.,])/g,"$1").replace(new RegExp(`([.,]\\d{${e}}).*$`),"$1")}const Z="_hideSteps_fdmq0_1",B={hideSteps:Z};function A(r){if(typeof r>"u")return;let e;if(typeof r!="number"?e=parseFloat(r):e=r,!isNaN(e))return Math.round(e*100)}const j=a.forwardRef(({label:r,locale:e="de",name:t,id:i,min:d=0,onChange:c,onBlur:s,onFocus:f,defaultValue:m,value:g,step:N,children:w,className:D,hideSteps:T,max:R,...K},p)=>{const o=a.useMemo(()=>V(N),[N]),[l,$]=a.useState(h(P(e,g??m??"",{precision:o,format:"%v",thousandSeparator:!1}),o)),b=a.useMemo(()=>A(R),[R]),M=a.useMemo(()=>A(d),[d]),[y,S]=a.useState(null),x=a.useRef(null),L=a.useCallback(n=>{if(x.current=n,!!p){if(typeof p=="function")return p(n);p.current=n}},[p]),U=a.useCallback(n=>{const u=I(n.target.value,e,o),F=z(u);if(typeof b<"u"&&F>b||typeof M<"u"&&F{const u=I(n.target.value,e,o);u!==n.target.value&&(n.target.value=u),S(null),s==null||s(n)},[s,o,e]),W=a.useCallback(n=>{S(n.target.selectionStart),f==null||f(n)},[f]),G=a.useMemo(()=>m?{defaultValue:l}:{value:l},[m,l]);return a.useEffect(()=>{if(typeof m<"u")return;const n=g??m;if(typeof g>"u")return $("");const u=h(P(e,n,{precision:o,format:"%v",thousandSeparator:!1}),o);$(u)},[g,o,m,e]),a.useEffect(()=>{const n=(l==null?void 0:l.length)??0,u=(y??0)>n?n:y;y===null||!x.current||document.activeElement!==x.current||x.current.setSelectionRange(u,u)},[y,l]),J.jsx(Q,{...K,...G,onFocus:W,onBlur:q,onChange:U,step:N,ref:L,id:i||t,name:t,label:r,pattern:"[0-9]*[.,]?[0-9]*",type:"text",inputMode:"decimal",className:O(D,{[B.hideSteps]:T}),children:w})});j.displayName="ClientAmountField";function I(r,e,t=2){if(typeof r>"u"||r===null)return r;const i=String(r),d=h(i,t),c=P(e,d,{precision:t,format:"%v",thousandSeparator:!1}),s=h(c,t);if(!t)return s;const f=s.search(/[.,]/);if(f<0)return s;const m=t-(s.length-1-f);return s.concat("0".repeat(m))}function V(r){var t;return r===void 0?void 0:((t=String(r).split(".")[1])==null?void 0:t.length)??0}const rt=j;export{rt as A}; diff --git a/assets/ClientAmountField-DiXec8Hg.css b/assets/ClientAmountField-DiXec8Hg.css new file mode 100644 index 0000000..41e4e76 --- /dev/null +++ b/assets/ClientAmountField-DiXec8Hg.css @@ -0,0 +1 @@ +._hideSteps_fdmq0_1{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._hideSteps_fdmq0_1::-webkit-outer-spin-button,._hideSteps_fdmq0_1::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0} diff --git a/assets/ClientCheckbox-39Slu_qj.css b/assets/ClientCheckbox-39Slu_qj.css new file mode 100644 index 0000000..9de4fcd --- /dev/null +++ b/assets/ClientCheckbox-39Slu_qj.css @@ -0,0 +1 @@ +._checkmark_ciy57_1{border:var(--betterplace-border-default);background:var(--betterplace-color-bg-light);width:var(--betterplace-sizing-400);height:var(--betterplace-sizing-400);border-radius:var(--betterplace-border-radius-200);flex-shrink:0;vertical-align:middle;display:flex;align-items:center;justify-content:center}._checkmark_ciy57_1:before{content:"";display:inline-block;opacity:0;transition:transform 75ms ease-out;height:100%;width:100%}._checkboxContainer_ciy57_23{display:flex;align-items:center;position:relative;font:var(--betterplace-typography-functional-text-md-default);color:var(--betterplace-color-fg-content-primary);padding-top:var(--betterplace-spacing-200);padding-bottom:var(--betterplace-spacing-200);cursor:pointer;min-height:48px}._checkboxContainer_ciy57_23 ._labelContent_ciy57_39{padding-left:var(--betterplace-spacing-200);padding-top:1px}._checkboxContainer_ciy57_23 input{position:absolute;z-index:-1;opacity:0}._checkboxContainer_ciy57_23 input:checked+._checkmark_ciy57_1{background-color:var(--betterplace-color-fg-selected)}._checkboxContainer_ciy57_23 input:checked+._checkmark_ciy57_1:before{background-image:url("data:image/svg+xml,%3csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20fill='white'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.0404%203.29289C14.4309%203.68342%2014.4309%204.31658%2014.0404%204.70711L6.70707%2012.0404C6.51953%2012.228%206.26518%2012.3333%205.99996%2012.3333C5.73474%2012.3333%205.48039%2012.228%205.29285%2012.0404L1.95952%208.70711C1.56899%208.31658%201.56899%207.68342%201.95952%207.29289C2.35004%206.90237%202.98321%206.90237%203.37373%207.29289L5.99996%209.91912L12.6262%203.29289C13.0167%202.90237%2013.6499%202.90237%2014.0404%203.29289Z'%20/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;opacity:1;transform:scale(1)}._checkboxContainer_ciy57_23 input[aria-disabled=true]:checked+._checkmark_ciy57_1,._checkboxContainer_ciy57_23 input:disabled:checked+._checkmark_ciy57_1{background:var(--betterplace-color-fg-mute)}._checkboxContainer_ciy57_23 input[aria-disabled=true]~*,._checkboxContainer_ciy57_23 input:disabled~*{color:var(--betterplace-color-fg-mute)}._checkboxContainer_ciy57_23:has(:focus-visible){border-radius:var(--betterplace-border-radius-100);outline:var(--betterplace-border-focused);outline-offset:var(--betterplace-spacing-100)}._checkboxContainer_ciy57_23 ._checkboxWrapper_ciy57_79{display:flex}._checkboxContainer_ciy57_23 ._checkboxWrapper_ciy57_79 ._checkbox_ciy57_23{display:flex;flex-direction:column}._disabledLabel_ciy57_89{color:var(--betterplace-color-fg-mute)} diff --git a/assets/ClientCheckbox-DQeajEuX.js b/assets/ClientCheckbox-DQeajEuX.js new file mode 100644 index 0000000..1725ba3 --- /dev/null +++ b/assets/ClientCheckbox-DQeajEuX.js @@ -0,0 +1 @@ +import{j as a}from"./jsx-runtime-BlAj40OV.js";import{c as b}from"./index-Bl6ORisp.js";import{r as d}from"./index-Cs7sjTYM.js";import{p}from"./preventDefault-CIaEEaQs.js";const N="_checkmark_ciy57_1",v="_checkboxContainer_ciy57_23",L="_labelContent_ciy57_39",R="_checkboxWrapper_ciy57_79",W="_checkbox_ciy57_23",g="_disabledLabel_ciy57_89",o={checkmark:N,checkboxContainer:v,labelContent:L,checkboxWrapper:R,checkbox:W,disabledLabel:g},I=d.forwardRef(function({id:n,name:i,error:e=!1,classNames:c,"aria-disabled":s,"aria-required":k,children:r,required:h,checked:l,disabled_:t,disabled:C,...x},f){const u=d.useId(),m=n||i||u,j=s||C||t;return a.jsx("label",{htmlFor:m,className:b(o.checkboxContainer,c==null?void 0:c.label,{[o.disabledLabel]:C}),children:a.jsxs("div",{className:o.checkboxWrapper,children:[a.jsxs("div",{className:o.checkbox,children:[a.jsx("input",{tabIndex:0,...x,type:"checkbox",ref:f,id:m,name:i,required:h,disabled:t,"aria-disabled":j,"aria-required":h,"aria-invalid":e,"aria-checked":l,"aria-describedby":e?`${i}-error`:void 0}),a.jsx("span",{className:b(o.checkmark,c==null?void 0:c.checkmark)})]}),a.jsx("div",{className:b(o.labelContent,c==null?void 0:c.labelContent),children:r})]})})}),q=d.forwardRef(function({onChange:n,onClick:i,...e},c){const{disabled:s}=e,k=s?p:n,r=s?p:i;return a.jsx(I,{...e,onChange:k,onClick:r,ref:c})}),F=q;export{F as C}; diff --git a/assets/ClientDropdown-BuSigeW4.css b/assets/ClientDropdown-BuSigeW4.css new file mode 100644 index 0000000..4cfe3bf --- /dev/null +++ b/assets/ClientDropdown-BuSigeW4.css @@ -0,0 +1 @@ +._selectContainer_c6pfo_1{display:flex;align-items:center}._selectContainer_c6pfo_1 svg{margin-inline-start:-1.625rem;pointer-events:none}._select_c6pfo_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--betterplace-spacing-250) var(--betterplace-spacing-300);background:var(--betterplace-color-bg-light);border:var(--betterplace-border-default);border-radius:var(--betterplace-border-radius-200);color:var(--betterplace-color-fg-content-primary);font:var(--betterplace-typography-functional-text-md-default);inline-size:100%}@media (hover: hover){._select_c6pfo_1:hover{box-shadow:var(--betterplace-shadow-floating-low)}}._select_c6pfo_1:focus-visible{outline:var(--betterplace-border-focused);outline-offset:var(--betterplace-spacing-50)}[disabled]:hover,[disabled]:focus-visible{background:var(--betterplace-color-bg-subtle);color:var(--betterplace-color-fg-mute);box-shadow:none}._label_c6pfo_43{display:inline-block;color:var(--betterplace-color-fg-content-primary);font:var(--betterplace-typography-label-sm);padding-block-end:var(--betterplace-spacing-100)}._hint_c6pfo_50{font:var(--betterplace-typography-functional-text-sm-default-narrow);color:var(--betterplace-color-fg-content-secondary);max-inline-size:var(--betterplace-measure-body-text);margin-block-end:var(--betterplace-spacing-100)} diff --git a/assets/ClientDropdown-Je_ZrmXL.js b/assets/ClientDropdown-Je_ZrmXL.js new file mode 100644 index 0000000..a19c7ca --- /dev/null +++ b/assets/ClientDropdown-Je_ZrmXL.js @@ -0,0 +1 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{c as m}from"./index-Bl6ORisp.js";import{I as _}from"./Icon-DqLD8bE0.js";import{r as d}from"./index-Cs7sjTYM.js";import{p as f}from"./preventDefault-CIaEEaQs.js";const D="_selectContainer_c6pfo_1",w="_select_c6pfo_1",v="_label_c6pfo_43",N="_hint_c6pfo_50",a={selectContainer:D,select:w,label:v,hint:N},I=d.forwardRef(function({id:i,name:n,children:o,label:t,hint:s,required:r,disabled:c,disabled_:p,"aria-disabled":x,...b},j){const u=d.useId(),l=i||n||u,C=x||(p||c);return e.jsxs("div",{children:[e.jsx("div",{children:t?e.jsxs("label",{htmlFor:l,className:m(a.label),id:`${l}-label`,children:[e.jsxs("div",{children:[t,r&&e.jsx("span",{"aria-label":"(required)",children:"*"})]}),s?e.jsx("div",{className:m(a.hint),id:`${l}-hint`,children:s}):null]}):null}),e.jsxs("div",{className:a.selectContainer,children:[e.jsx("select",{...b,ref:j,className:a.select,id:l,name:n,"aria-disabled":C,disabled:p,children:o}),e.jsx(_,{name:"arrowDown"})]})]})}),y=d.forwardRef(function({onChange:i,onClick:n,...o},t){const{disabled:s}=o,r=s?f:i,c=s?f:n;return e.jsx(I,{...o,onChange:r,onClick:c,ref:t})});export{y as C}; diff --git a/assets/ClientRadioButton-CkU7Vt6e.js b/assets/ClientRadioButton-CkU7Vt6e.js new file mode 100644 index 0000000..264d428 --- /dev/null +++ b/assets/ClientRadioButton-CkU7Vt6e.js @@ -0,0 +1 @@ +import{j as i}from"./jsx-runtime-BlAj40OV.js";import{c as p}from"./index-Bl6ORisp.js";import{r}from"./index-Cs7sjTYM.js";import{p as _}from"./preventDefault-CIaEEaQs.js";const g="_radioContainer_p0kaq_1",j="_label_p0kaq_16",v="_radioCircle_p0kaq_26",w="_radioWrapper_p0kaq_54",N="_radio_p0kaq_1",q="_disabledLabel_p0kaq_64",o={radioContainer:g,label:j,radioCircle:v,radioWrapper:w,radio:N,disabledLabel:q},B=e=>r.createElement("svg",{width:27,height:28,viewBox:"0 0 27 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("circle",{cx:13.5,cy:14.21,r:12.9375,fill:"white",stroke:"#919191",strokeWidth:1.125}),r.createElement("circle",{cx:13.4882,cy:14.2689,r:6.75,fill:"#357C00"})),E=r.forwardRef(function({children:t,disabled_:d,checked:c,classNames:a,disabled:s,"aria-disabled":l,...n},C){const{value:u,name:f,id:h}=n,k=r.useId(),m=`${h||f||k}-${String(u)}`,b=d||s,R=l||b;return i.jsx("label",{htmlFor:m,className:p(o.radioContainer,a==null?void 0:a.container,{[o.disabledLabel]:b}),children:i.jsxs("div",{className:o.radioWrapper,children:[i.jsxs("div",{className:o.radio,children:[i.jsx("input",{...n,id:m,type:"radio",ref:C,"aria-disabled":R,"aria-checked":c,disabled:d}),i.jsx(B,{className:p(o.radioCircle,a==null?void 0:a.radioCircle)})]}),i.jsx("div",{className:p(o.label,a==null?void 0:a.label),children:t})]})})}),W=r.forwardRef(function({onChange:t,onClick:d,...c},a){const{disabled:s}=c,l=s?_:t,n=s?_:d;return i.jsx(E,{...c,onChange:l,onClick:n,ref:a})}),F=W;export{F as R}; diff --git a/assets/ClientRadioButton-uGBK3imY.css b/assets/ClientRadioButton-uGBK3imY.css new file mode 100644 index 0000000..5d2696d --- /dev/null +++ b/assets/ClientRadioButton-uGBK3imY.css @@ -0,0 +1 @@ +._radioContainer_p0kaq_1{display:flex;align-items:center;position:relative;font:var(--betterplace-typography-functional-text-md-default);color:var(--betterplace-color-fg-content-primary);padding-block:var(--betterplace-spacing-200) var(--betterplace-spacing-200);cursor:pointer;min-height:3rem}._radioContainer_p0kaq_1 ._label_p0kaq_16{padding-inline-start:var(--betterplace-spacing-200)}._radioContainer_p0kaq_1 input{position:absolute;z-index:-1;opacity:0}._radioContainer_p0kaq_1 ._radioCircle_p0kaq_26 circle:last-of-type{transition:opacity .2s ease-in-out;opacity:0}._radioContainer_p0kaq_1 input:checked+._radioCircle_p0kaq_26 circle:last-of-type{opacity:1}._radioContainer_p0kaq_1 input[aria-disabled=true]:checked+._radioCircle_p0kaq_26 circle:last-of-type,._radioContainer_p0kaq_1 input:disabled:checked+._radioCircle_p0kaq_26 circle:last-of-type{fill:var(--betterplace-color-bg-disabled)}._radioContainer_p0kaq_1:has(:focus-visible),._radioContainer_p0kaq_1:focus-visible{border-radius:var(--betterplace-border-radius-100);outline:var(--betterplace-border-focused);outline-offset:var(--betterplace-spacing-100)}._radioWrapper_p0kaq_54{display:flex;align-items:center}._radio_p0kaq_1{display:flex;flex-direction:column}._disabledLabel_p0kaq_64{color:var(--betterplace-color-fg-mute)} diff --git a/assets/Color-KGDBMAHA-B8a9i_4_.js b/assets/Color-KGDBMAHA-B8a9i_4_.js new file mode 100644 index 0000000..f72f824 --- /dev/null +++ b/assets/Color-KGDBMAHA-B8a9i_4_.js @@ -0,0 +1 @@ +import{aj as Q,ak as x,a2 as A,a0 as Y,b as ee,al as te,am as ne}from"./index-D_lfjnVN.js";import{r as v,R as p}from"./index-Cs7sjTYM.js";import{Z as re,H as se,u as ae}from"./index-B_ZOYESs.js";import{g as D}from"./_commonjsHelpers-BosuxZz1.js";import{_ as oe,i as K}from"./index-nrpnv_Jx.js";import"./iframe-DxUicHqT.js";import"../sb-preview/runtime.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-DrFu-skq.js";var ie={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const O=ie,U={};for(const e of Object.keys(O))U[O[e]]=e;const c={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var Z=c;for(const e of Object.keys(c)){if(!("channels"in c[e]))throw new Error("missing channels property: "+e);if(!("labels"in c[e]))throw new Error("missing channel labels property: "+e);if(c[e].labels.length!==c[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:s}=c[e];delete c[e].channels,delete c[e].labels,Object.defineProperty(c[e],"channels",{value:t}),Object.defineProperty(c[e],"labels",{value:s})}c.rgb.hsl=function(e){const t=e[0]/255,s=e[1]/255,n=e[2]/255,r=Math.min(t,s,n),a=Math.max(t,s,n),o=a-r;let i,l;a===r?i=0:t===a?i=(s-n)/o:s===a?i=2+(n-t)/o:n===a&&(i=4+(t-s)/o),i=Math.min(i*60,360),i<0&&(i+=360);const u=(r+a)/2;return a===r?l=0:u<=.5?l=o/(a+r):l=o/(2-a-r),[i,l*100,u*100]};c.rgb.hsv=function(e){let t,s,n,r,a;const o=e[0]/255,i=e[1]/255,l=e[2]/255,u=Math.max(o,i,l),d=u-Math.min(o,i,l),h=function(f){return(u-f)/6/d+1/2};return d===0?(r=0,a=0):(a=d/u,t=h(o),s=h(i),n=h(l),o===u?r=n-s:i===u?r=1/3+t-n:l===u&&(r=2/3+s-t),r<0?r+=1:r>1&&(r-=1)),[r*360,a*100,u*100]};c.rgb.hwb=function(e){const t=e[0],s=e[1];let n=e[2];const r=c.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(s,n));return n=1-1/255*Math.max(t,Math.max(s,n)),[r,a*100,n*100]};c.rgb.cmyk=function(e){const t=e[0]/255,s=e[1]/255,n=e[2]/255,r=Math.min(1-t,1-s,1-n),a=(1-t-r)/(1-r)||0,o=(1-s-r)/(1-r)||0,i=(1-n-r)/(1-r)||0;return[a*100,o*100,i*100,r*100]};function le(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}c.rgb.keyword=function(e){const t=U[e];if(t)return t;let s=1/0,n;for(const r of Object.keys(O)){const a=O[r],o=le(e,a);o.04045?((t+.055)/1.055)**2.4:t/12.92,s=s>.04045?((s+.055)/1.055)**2.4:s/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92;const r=t*.4124+s*.3576+n*.1805,a=t*.2126+s*.7152+n*.0722,o=t*.0193+s*.1192+n*.9505;return[r*100,a*100,o*100]};c.rgb.lab=function(e){const t=c.rgb.xyz(e);let s=t[0],n=t[1],r=t[2];s/=95.047,n/=100,r/=108.883,s=s>.008856?s**(1/3):7.787*s+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const a=116*n-16,o=500*(s-n),i=200*(n-r);return[a,o,i]};c.hsl.rgb=function(e){const t=e[0]/360,s=e[1]/100,n=e[2]/100;let r,a,o;if(s===0)return o=n*255,[o,o,o];n<.5?r=n*(1+s):r=n+s-n*s;const i=2*n-r,l=[0,0,0];for(let u=0;u<3;u++)a=t+1/3*-(u-1),a<0&&a++,a>1&&a--,6*a<1?o=i+(r-i)*6*a:2*a<1?o=r:3*a<2?o=i+(r-i)*(2/3-a)*6:o=i,l[u]=o*255;return l};c.hsl.hsv=function(e){const t=e[0];let s=e[1]/100,n=e[2]/100,r=s;const a=Math.max(n,.01);n*=2,s*=n<=1?n:2-n,r*=a<=1?a:2-a;const o=(n+s)/2,i=n===0?2*r/(a+r):2*s/(n+s);return[t,i*100,o*100]};c.hsv.rgb=function(e){const t=e[0]/60,s=e[1]/100;let n=e[2]/100;const r=Math.floor(t)%6,a=t-Math.floor(t),o=255*n*(1-s),i=255*n*(1-s*a),l=255*n*(1-s*(1-a));switch(n*=255,r){case 0:return[n,l,o];case 1:return[i,n,o];case 2:return[o,n,l];case 3:return[o,i,n];case 4:return[l,o,n];case 5:return[n,o,i]}};c.hsv.hsl=function(e){const t=e[0],s=e[1]/100,n=e[2]/100,r=Math.max(n,.01);let a,o;o=(2-s)*n;const i=(2-s)*r;return a=s*r,a/=i<=1?i:2-i,a=a||0,o/=2,[t,a*100,o*100]};c.hwb.rgb=function(e){const t=e[0]/360;let s=e[1]/100,n=e[2]/100;const r=s+n;let a;r>1&&(s/=r,n/=r);const o=Math.floor(6*t),i=1-n;a=6*t-o,o&1&&(a=1-a);const l=s+a*(i-s);let u,d,h;switch(o){default:case 6:case 0:u=i,d=l,h=s;break;case 1:u=l,d=i,h=s;break;case 2:u=s,d=i,h=l;break;case 3:u=s,d=l,h=i;break;case 4:u=l,d=s,h=i;break;case 5:u=i,d=s,h=l;break}return[u*255,d*255,h*255]};c.cmyk.rgb=function(e){const t=e[0]/100,s=e[1]/100,n=e[2]/100,r=e[3]/100,a=1-Math.min(1,t*(1-r)+r),o=1-Math.min(1,s*(1-r)+r),i=1-Math.min(1,n*(1-r)+r);return[a*255,o*255,i*255]};c.xyz.rgb=function(e){const t=e[0]/100,s=e[1]/100,n=e[2]/100;let r,a,o;return r=t*3.2406+s*-1.5372+n*-.4986,a=t*-.9689+s*1.8758+n*.0415,o=t*.0557+s*-.204+n*1.057,r=r>.0031308?1.055*r**(1/2.4)-.055:r*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,r=Math.min(Math.max(0,r),1),a=Math.min(Math.max(0,a),1),o=Math.min(Math.max(0,o),1),[r*255,a*255,o*255]};c.xyz.lab=function(e){let t=e[0],s=e[1],n=e[2];t/=95.047,s/=100,n/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,s=s>.008856?s**(1/3):7.787*s+16/116,n=n>.008856?n**(1/3):7.787*n+16/116;const r=116*s-16,a=500*(t-s),o=200*(s-n);return[r,a,o]};c.lab.xyz=function(e){const t=e[0],s=e[1],n=e[2];let r,a,o;a=(t+16)/116,r=s/500+a,o=a-n/200;const i=a**3,l=r**3,u=o**3;return a=i>.008856?i:(a-16/116)/7.787,r=l>.008856?l:(r-16/116)/7.787,o=u>.008856?u:(o-16/116)/7.787,r*=95.047,a*=100,o*=108.883,[r,a,o]};c.lab.lch=function(e){const t=e[0],s=e[1],n=e[2];let r;r=Math.atan2(n,s)*360/2/Math.PI,r<0&&(r+=360);const o=Math.sqrt(s*s+n*n);return[t,o,r]};c.lch.lab=function(e){const t=e[0],s=e[1],r=e[2]/360*2*Math.PI,a=s*Math.cos(r),o=s*Math.sin(r);return[t,a,o]};c.rgb.ansi16=function(e,t=null){const[s,n,r]=e;let a=t===null?c.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let o=30+(Math.round(r/255)<<2|Math.round(n/255)<<1|Math.round(s/255));return a===2&&(o+=60),o};c.hsv.ansi16=function(e){return c.rgb.ansi16(c.hsv.rgb(e),e[2])};c.rgb.ansi256=function(e){const t=e[0],s=e[1],n=e[2];return t===s&&s===n?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(s/255*5)+Math.round(n/255*5)};c.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const s=(~~(e>50)+1)*.5,n=(t&1)*s*255,r=(t>>1&1)*s*255,a=(t>>2&1)*s*255;return[n,r,a]};c.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const s=Math.floor(e/36)/5*255,n=Math.floor((t=e%36)/6)/5*255,r=t%6/5*255;return[s,n,r]};c.rgb.hex=function(e){const s=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(s.length)+s};c.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let s=t[0];t[0].length===3&&(s=s.split("").map(i=>i+i).join(""));const n=parseInt(s,16),r=n>>16&255,a=n>>8&255,o=n&255;return[r,a,o]};c.rgb.hcg=function(e){const t=e[0]/255,s=e[1]/255,n=e[2]/255,r=Math.max(Math.max(t,s),n),a=Math.min(Math.min(t,s),n),o=r-a;let i,l;return o<1?i=a/(1-o):i=0,o<=0?l=0:r===t?l=(s-n)/o%6:r===s?l=2+(n-t)/o:l=4+(t-s)/o,l/=6,l%=1,[l*360,o*100,i*100]};c.hsl.hcg=function(e){const t=e[1]/100,s=e[2]/100,n=s<.5?2*t*s:2*t*(1-s);let r=0;return n<1&&(r=(s-.5*n)/(1-n)),[e[0],n*100,r*100]};c.hsv.hcg=function(e){const t=e[1]/100,s=e[2]/100,n=t*s;let r=0;return n<1&&(r=(s-n)/(1-n)),[e[0],n*100,r*100]};c.hcg.rgb=function(e){const t=e[0]/360,s=e[1]/100,n=e[2]/100;if(s===0)return[n*255,n*255,n*255];const r=[0,0,0],a=t%1*6,o=a%1,i=1-o;let l=0;switch(Math.floor(a)){case 0:r[0]=1,r[1]=o,r[2]=0;break;case 1:r[0]=i,r[1]=1,r[2]=0;break;case 2:r[0]=0,r[1]=1,r[2]=o;break;case 3:r[0]=0,r[1]=i,r[2]=1;break;case 4:r[0]=o,r[1]=0,r[2]=1;break;default:r[0]=1,r[1]=0,r[2]=i}return l=(1-s)*n,[(s*r[0]+l)*255,(s*r[1]+l)*255,(s*r[2]+l)*255]};c.hcg.hsv=function(e){const t=e[1]/100,s=e[2]/100,n=t+s*(1-t);let r=0;return n>0&&(r=t/n),[e[0],r*100,n*100]};c.hcg.hsl=function(e){const t=e[1]/100,n=e[2]/100*(1-t)+.5*t;let r=0;return n>0&&n<.5?r=t/(2*n):n>=.5&&n<1&&(r=t/(2*(1-n))),[e[0],r*100,n*100]};c.hcg.hwb=function(e){const t=e[1]/100,s=e[2]/100,n=t+s*(1-t);return[e[0],(n-t)*100,(1-n)*100]};c.hwb.hcg=function(e){const t=e[1]/100,n=1-e[2]/100,r=n-t;let a=0;return r<1&&(a=(n-r)/(1-r)),[e[0],r*100,a*100]};c.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};c.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};c.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};c.gray.hsl=function(e){return[0,0,e[0]]};c.gray.hsv=c.gray.hsl;c.gray.hwb=function(e){return[0,100,e[0]]};c.gray.cmyk=function(e){return[0,0,0,e[0]]};c.gray.lab=function(e){return[e[0],0,0]};c.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,n=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(n.length)+n};c.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const P=Z;function ce(){const e={},t=Object.keys(P);for(let s=t.length,n=0;n1&&(s=n),e(s))};return"conversion"in e&&(t.conversion=e.conversion),t}function pe(e){const t=function(...s){const n=s[0];if(n==null)return n;n.length>1&&(s=n);const r=e(s);if(typeof r=="object")for(let a=r.length,o=0;o{M[e]={},Object.defineProperty(M[e],"channels",{value:B[e].channels}),Object.defineProperty(M[e],"labels",{value:B[e].labels});const t=ge(e);Object.keys(t).forEach(n=>{const r=t[n];M[e][n]=pe(r),M[e][n].raw=me(r)})});var ye=M;const y=D(ye);var ve=oe,ke=function(){return ve.Date.now()},xe=ke,we=/\s/;function $e(e){for(var t=e.length;t--&&we.test(e.charAt(t)););return t}var Me=$e,Ee=Me,Ce=/^\s+/;function Se(e){return e&&e.slice(0,Ee(e)+1).replace(Ce,"")}var Oe=Se,Ie=Oe,W=K,Fe=Q,N=NaN,_e=/^[-+]0x[0-9a-f]+$/i,je=/^0b[01]+$/i,Re=/^0o[0-7]+$/i,Pe=parseInt;function Te(e){if(typeof e=="number")return e;if(Fe(e))return N;if(W(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=W(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Ie(e);var s=je.test(e);return s||Re.test(e)?Pe(e.slice(2),s?2:8):_e.test(e)?N:+e}var ze=Te,Le=K,L=xe,X=ze,Be="Expected a function",qe=Math.max,He=Math.min;function We(e,t,s){var n,r,a,o,i,l,u=0,d=!1,h=!1,f=!0;if(typeof e!="function")throw new TypeError(Be);t=X(t)||0,Le(s)&&(d=!!s.leading,h="maxWait"in s,a=h?qe(X(s.maxWait)||0,t):a,f="trailing"in s?!!s.trailing:f);function b(g){var k=n,S=r;return n=r=void 0,u=g,o=e.apply(S,k),o}function z(g){return u=g,i=setTimeout(w,t),d?b(g):o}function I(g){var k=g-l,S=g-u,H=t-k;return h?He(H,a-S):H}function F(g){var k=g-l,S=g-u;return l===void 0||k>=t||k<0||h&&S>=a}function w(){var g=L();if(F(g))return $(g);i=setTimeout(w,I(g))}function $(g){return i=void 0,f&&n?b(g):(n=r=void 0,o)}function _(){i!==void 0&&clearTimeout(i),u=0,n=l=r=i=void 0}function m(){return i===void 0?o:$(L())}function C(){var g=L(),k=F(g);if(n=arguments,r=this,l=g,k){if(i===void 0)return z(l);if(h)return clearTimeout(i),i=setTimeout(w,t),b(l)}return i===void 0&&(i=setTimeout(w,t)),o}return C.cancel=_,C.flush=m,C}var Ne=We;const Xe=D(Ne);var Ge=x.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Ve=x(A)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ae=x.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),De=x(Y)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Ke=x.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ue=x.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Ze=`url('data:image/svg+xml;charset=utf-8,')`,G=({value:e,style:t,...s})=>{let n=`linear-gradient(${e}, ${e}), ${Ze}, linear-gradient(#fff, #fff)`;return p.createElement(Ue,{...s,style:{...t,backgroundImage:n}})},Je=x(ee.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Qe=x(te)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),J=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(J||{}),j=Object.values(J),Ye=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,et=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,tt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,q=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,nt=/^\s*#?([0-9a-f]{3})\s*$/i,rt={hex:re,rgb:se,hsl:ae},R={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},V=e=>{let t=e==null?void 0:e.match(Ye);if(!t)return[0,0,0,1];let[,s,n,r,a=1]=t;return[s,n,r,a].map(Number)},E=e=>{if(!e)return;let t=!0;if(et.test(e)){let[o,i,l,u]=V(e),[d,h,f]=y.rgb.hsl([o,i,l])||[0,0,0];return{valid:t,value:e,keyword:y.rgb.keyword([o,i,l]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${h}%, ${f}%, ${u})`,hex:`#${y.rgb.hex([o,i,l]).toLowerCase()}`}}if(tt.test(e)){let[o,i,l,u]=V(e),[d,h,f]=y.hsl.rgb([o,i,l])||[0,0,0];return{valid:t,value:e,keyword:y.hsl.keyword([o,i,l]),colorSpace:"hsl",rgb:`rgba(${d}, ${h}, ${f}, ${u})`,hsl:e,hex:`#${y.hsl.hex([o,i,l]).toLowerCase()}`}}let s=e.replace("#",""),n=y.keyword.rgb(s)||y.hex.rgb(s),r=y.rgb.hsl(n),a=e;if(/[^#a-f0-9]/i.test(e)?a=s:q.test(e)&&(a=`#${s}`),a.startsWith("#"))t=q.test(a);else try{y.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:y.rgb.keyword(n),colorSpace:"hex",rgb:`rgba(${n[0]}, ${n[1]}, ${n[2]}, 1)`,hsl:`hsla(${r[0]}, ${r[1]}%, ${r[2]}%, 1)`,hex:a}},st=(e,t,s)=>{if(!e||!(t!=null&&t.valid))return R[s];if(s!=="hex")return(t==null?void 0:t[s])||R[s];if(!t.hex.startsWith("#"))try{return`#${y.keyword.hex(t.hex)}`}catch{return R.hex}let n=t.hex.match(nt);if(!n)return q.test(t.hex)?t.hex:R.hex;let[r,a,o]=n[1].split("");return`#${r}${r}${a}${a}${o}${o}`},at=(e,t)=>{let[s,n]=v.useState(e||""),[r,a]=v.useState(()=>E(s)),[o,i]=v.useState((r==null?void 0:r.colorSpace)||"hex");v.useEffect(()=>{let h=e||"",f=E(h);n(h),a(f),i((f==null?void 0:f.colorSpace)||"hex")},[e]);let l=v.useMemo(()=>st(s,r,o).toLowerCase(),[s,r,o]),u=v.useCallback(h=>{let f=E(h),b=(f==null?void 0:f.value)||h||"";n(b),b===""&&(a(void 0),t(void 0)),f&&(a(f),i(f.colorSpace),t(f.value))},[t]),d=v.useCallback(()=>{let h=j.indexOf(o)+1;h>=j.length&&(h=0),i(j[h]);let f=(r==null?void 0:r[j[h]])||"";n(f),t(f)},[r,o,t]);return{value:s,realValue:l,updateValue:u,color:r,colorSpace:o,cycleColorSpace:d}},T=e=>e.replace(/\s*/,"").toLowerCase(),ot=(e,t,s)=>{let[n,r]=v.useState(t!=null&&t.valid?[t]:[]);v.useEffect(()=>{t===void 0&&r([])},[t]);let a=v.useMemo(()=>(e||[]).map(i=>typeof i=="string"?E(i):i.title?{...E(i.color),keyword:i.title}:E(i.color)).concat(n).filter(Boolean).slice(-27),[e,n]),o=v.useCallback(i=>{i!=null&&i.valid&&(a.some(l=>T(l[s])===T(i[s]))||r(l=>l.concat(i)))},[s,a]);return{presets:a,addPreset:o}},it=({name:e,value:t,onChange:s,onFocus:n,onBlur:r,presetColors:a,startOpen:o=!1,argType:i})=>{var _;let l=v.useCallback(Xe(s,200),[s]),{value:u,realValue:d,updateValue:h,color:f,colorSpace:b,cycleColorSpace:z}=at(t,l),{presets:I,addPreset:F}=ot(a,f,b),w=rt[b],$=!!((_=i==null?void 0:i.table)!=null&&_.readonly);return p.createElement(Ge,{"aria-readonly":$},p.createElement(Ve,{startOpen:o,trigger:$?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>F(f),tooltip:p.createElement(Ae,null,p.createElement(w,{color:d==="transparent"?"#000000":d,onChange:h,onFocus:n,onBlur:r}),I.length>0&&p.createElement(Ke,null,I.map((m,C)=>p.createElement(A,{key:`${m.value}-${C}`,hasChrome:!1,tooltip:p.createElement(De,{note:m.keyword||m.value})},p.createElement(G,{value:m[b],active:f&&T(m[b])===T(f[b]),onClick:()=>h(m.value)})))))},p.createElement(G,{value:d,style:{margin:4}})),p.createElement(Je,{id:ne(e),value:u,onChange:m=>h(m.target.value),onFocus:m=>m.target.select(),readOnly:$,placeholder:"Choose color..."}),u?p.createElement(Qe,{onClick:z}):null)},yt=it;export{it as ColorControl,yt as default}; diff --git a/assets/ColorInput-BDOleE-T.js b/assets/ColorInput-BDOleE-T.js new file mode 100644 index 0000000..06a2bfc --- /dev/null +++ b/assets/ColorInput-BDOleE-T.js @@ -0,0 +1 @@ +import{j as o}from"./jsx-runtime-BlAj40OV.js";import{c as f}from"./index-Bl6ORisp.js";import{O as v}from"./index-B_ZOYESs.js";import{c as A}from"./core-Drm9bBME.js";import{r as s}from"./index-Cs7sjTYM.js";const w="_picker_cqmcr_1",g="_swatch_cqmcr_6",b="_activeSwatch_cqmcr_21",_="_inactiveSwatch_cqmcr_30",x="_swatchInner_cqmcr_35",S="_activePickerSwatch_cqmcr_42",y="_popover_cqmcr_51",C="_pickerSwatches_cqmcr_73",E="_input_cqmcr_85",u={picker:w,swatch:g,activeSwatch:b,inactiveSwatch:_,swatchInner:x,activePickerSwatch:S,popover:y,pickerSwatches:C,input:E},N=e=>e.substring(1,3)==="00"&&e.length===9?"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEX////Z5exdL3Q7AAAAGklEQVQY02NgAAFGRkaa0gzo4gzo6hgGiTsANBAAYf1ZdsIAAAAASUVORK5CYII=')":e;function i(e){const t=A[e];return typeof t!="object"&&typeof t!="number"?t:"#"}const j=["mousedown","touchstart"],I=(e,t,r=j)=>{const l=s.useCallback(c=>{e.current&&c.target instanceof Element&&!e.current.contains(c.target)&&t()},[t,e]);s.useEffect(()=>{for(const c of r)document.addEventListener(c,l);return()=>{for(const c of r)document.removeEventListener(c,l)}})},q=e=>{const t=s.useCallback(r=>{r.key==="Escape"&&e()},[e]);s.useEffect(()=>(document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}),[t])},P=()=>{const[e,t]=s.useState(!1),r=s.useCallback(a=>{a&&a.preventDefault(),t(!0)},[t]),l=s.useCallback(a=>{a&&a.preventDefault(),t(!1)},[t]),c=s.useCallback(a=>{a&&a.preventDefault(),t(!e)},[t,e]);q(l);const p=s.useMemo(()=>e?o.jsx("div",{"aria-hidden":"true",className:"modal",style:{display:"block",background:"black",opacity:.1},onClick:()=>t(!1)}):null,[t,e]);return{active:e,background:p,hide:l,show:r,toggle:c}},m=s.forwardRef(function({onClick:t,color:r,triggerSwatch:l=!1,className:c},p){return o.jsxs("button",{className:f(u.swatch,c,{[u.activeSwatch]:l}),onClick:t,ref:p,"aria-roledescription":l?"colour well":"button",children:[o.jsx("div",{style:{background:N(r)},className:u.swatchInner}),o.jsx("span",{className:"sr-only",children:r})]})});function R({color:e,presetColors:t,onChange:r,hexInputLabel:l}){const c=s.useRef(null),p=s.useRef(null),a=P(),h=s.useCallback(n=>{n.key==="Enter"&&(n.preventDefault(),a.hide())},[a]),d=s.useCallback(()=>{var n;(n=p.current)==null||n.focus(),a.hide()},[a]);return I(c,d),o.jsxs("div",{className:u.picker,children:[o.jsx(m,{color:e,onClick:n=>{n.preventDefault(),a.toggle()},ref:p,triggerSwatch:!0}),a.active&&o.jsx("div",{className:u.popover,ref:c,children:o.jsxs("div",{className:u.pickerSwatches,children:[t.map(n=>o.jsx(m,{color:n,onClick:k=>{k.preventDefault(),d(),r(n)},className:f({[u.activeSwatch]:n===e,[u.inactiveSwatch]:n!==e})},n)),o.jsx("label",{htmlFor:"hexColorInput",className:"sr-only",children:l}),o.jsx(v,{id:"hexColorInput",color:e,onChange:r,alpha:!0,prefixed:!0,className:u.input,onKeyDown:h})]})})]})}function G({onColorChange:e,transparentOption:t=!1,value:r,hexInputLabel:l}){const c=[i("betterplace-color-green-500"),i("betterplace-color-green-700"),i("betterplace-color-green-900"),i("betterplace-color-yellow-400"),i("betterplace-me-color-orange-500"),i("betterplace-color-red-700"),i("betterplace-color-red-900"),i("betterplace-color-purple-400"),i("betterplace-color-purple-700"),i("betterplace-color-gray-500"),i("betterplace-color-gray-700"),i("betterplace-color-gray-900")].filter(Boolean);return t&&c.push("#00000000"),o.jsx("div",{className:"input-group",children:o.jsx(R,{color:`#${r==="transparent"?"00000000":r}`,presetColors:c,onChange:e,hexInputLabel:l})})}export{G as C}; diff --git a/assets/ColorInput-DEq7YN0b.css b/assets/ColorInput-DEq7YN0b.css new file mode 100644 index 0000000..4a82941 --- /dev/null +++ b/assets/ColorInput-DEq7YN0b.css @@ -0,0 +1 @@ +._picker_cqmcr_1{position:relative;width:-moz-min-content;width:min-content}._swatch_cqmcr_6{width:var(--betterplace-sizing-500);height:var(--betterplace-sizing-500);cursor:pointer;border-radius:var(--betterplace-border-radius-200)}._swatch_cqmcr_6:focus-visible{outline:var(--betterplace-border-focused);outline-offset:var(--betterplace-spacing-50)}._activeSwatch_cqmcr_21{border:var(--betterplace-border-default);padding:2px;background-color:var(--betterplace-color-bg-light)}._inactiveSwatch_cqmcr_30{border:none;padding:0}._swatchInner_cqmcr_35{border:var(--betterplace-border-light);border-radius:var(--betterplace-border-radius-200);width:100%;height:100%}._activePickerSwatch_cqmcr_42{border:3px solid white}._popover_cqmcr_51{position:absolute;left:0;border-radius:var(--betterplace-border-radius-200);filter:drop-shadow(rgb(0 0 0 / 25%) 0 1px 4px);background-color:#fff;z-index:3;margin-block-start:var(--betterplace-spacing-250);transform:translateZ(0)}._popover_cqmcr_51:before{content:"";position:absolute;transform:translateY(calc(-100% + 1px));left:.53125rem;width:1rem;height:.5rem;clip-path:polygon(0% 100%,50% 0%,100% 100%);background-color:#fff}._pickerSwatches_cqmcr_73{display:grid;grid-template-columns:repeat(4,1fr);padding:var(--betterplace-spacing-300);gap:var(--betterplace-spacing-200)}@media screen and (min-width: 451px){._pickerSwatches_cqmcr_73{grid-template-columns:repeat(7,1fr)}}._input_cqmcr_85{max-width:100%;grid-column:span 3;padding:var(--betterplace-spacing-250) var(--betterplace-spacing-300);background:var(--betterplace-color-bg-light);border:var(--betterplace-border-default);border-radius:var(--betterplace-border-radius-200);color:var(--betterplace-color-fg-content-primary);font:var(--betterplace-typography-functional-text-md-default);block-size:70%}@media (hover: hover){._input_cqmcr_85:hover{box-shadow:var(--betterplace-shadow-floating-low)}}._input_cqmcr_85:focus-visible{outline:var(--betterplace-border-focused);outline-offset:var(--betterplace-spacing-50)} diff --git a/assets/ColorInput.stories-CVAIPjLu.js b/assets/ColorInput.stories-CVAIPjLu.js new file mode 100644 index 0000000..cdd3ce4 --- /dev/null +++ b/assets/ColorInput.stories-CVAIPjLu.js @@ -0,0 +1,7 @@ +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{C as m}from"./ColorInput-BDOleE-T.js";import{r as i}from"./index-Cs7sjTYM.js";import"./index-Bl6ORisp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-B_ZOYESs.js";import"./core-Drm9bBME.js";const c=a=>{const[s,p]=i.useState("00000000");return e.jsx("div",{style:{height:"600px"},children:e.jsx(m,{...a,value:s,onColorChange:l=>p(l.replace("#",""))})})},S={title:"Components/ColorInput",component:c,parameters:{onColorChange:{},transparentOption:{table:{}},value:{},label:{}}},o={args:{onColorChange:()=>{},transparentOption:!0,label:"Something"}};var r,t,n;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`{ + args: { + onColorChange: () => {}, + transparentOption: true, + label: 'Something' + } +}`,...(n=(t=o.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};const b=["Default"];export{o as Default,b as __namedExportsOrder,S as default}; diff --git a/assets/ColorPreview-BwjA73zZ.js b/assets/ColorPreview-BwjA73zZ.js new file mode 100644 index 0000000..32eff58 --- /dev/null +++ b/assets/ColorPreview-BwjA73zZ.js @@ -0,0 +1 @@ +import{j as r}from"./jsx-runtime-BlAj40OV.js";const t=({token:e})=>r.jsx("div",{style:{background:`var(--${e.name})`,blockSize:"var(--betterplace-sizing-800)",inlineSize:"var(--betterplace-sizing-800)"}});export{t as C}; diff --git a/assets/CopyText-dqd4Yphb.css b/assets/CopyText-dqd4Yphb.css new file mode 100644 index 0000000..5dca371 --- /dev/null +++ b/assets/CopyText-dqd4Yphb.css @@ -0,0 +1 @@ +._copyTextContainer_t34qr_2 button{align-self:flex-end;height:3.125rem}._copyTextInput_t34qr_7{text-overflow:ellipsis} diff --git a/assets/CopyText-qFoblUQL.js b/assets/CopyText-qFoblUQL.js new file mode 100644 index 0000000..c23e70c --- /dev/null +++ b/assets/CopyText-qFoblUQL.js @@ -0,0 +1 @@ +import{j as r}from"./jsx-runtime-BlAj40OV.js";import"./index-Bl6ORisp.js";import"./Heading-CUEyXumW.js";import"./IconButton-ChTWQYhU.js";import"./index-Cs7sjTYM.js";import{L as l}from"./LayoutCluster-D9Mo5iqk.js";import{T as y}from"./TextInput-CJQ35zCQ.js";async function T(t){if(!t)return!1;await navigator.clipboard.writeText(t)}const f="_copyTextContainer_t34qr_2",d="_copyTextInput_t34qr_7",e={copyTextContainer:f,copyTextInput:d},C=({textToCopy:t,showPreview:a,previewName:s,previewLabel:c,children:i,onTextCopied:n,onError:p})=>{const u=o=>{o&&p(o)},x=o=>{n&&n(o)},m=()=>{t&&T(t).then(()=>x(t)).catch(o=>u(o))};return r.jsxs(l,{className:e.copyTextContainer,children:[a&&r.jsx(y,{className:e.copyTextInput,disabled:!0,label:c,name:s,value:t}),i(m)]})},w=C;export{w as C}; diff --git a/assets/CopyText.stories-7T1FEUGm.js b/assets/CopyText.stories-7T1FEUGm.js new file mode 100644 index 0000000..acd4b3e --- /dev/null +++ b/assets/CopyText.stories-7T1FEUGm.js @@ -0,0 +1,10 @@ +import{j as i}from"./jsx-runtime-BlAj40OV.js";import{C as s}from"./CopyText-qFoblUQL.js";import{C as a}from"./Heading-CUEyXumW.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-Bl6ORisp.js";import"./IconButton-ChTWQYhU.js";import"./Button-S5IlNDkG.js";import"./Icon-DqLD8bE0.js";import"./LayoutCluster-D9Mo5iqk.js";import"./TextInput-CJQ35zCQ.js";import"./TextInputWrapper-BKbvKmKQ.js";import"./preventDefault-CIaEEaQs.js";import"./LayoutStack-D48tTvLz.js";const o={button:n=>i.jsx(a,{onClick:n,children:"Copy URL"})},T={title:"Components/CopyText",component:s,parameters:{docs:{description:{component:"CopyText component."}}},argTypes:{children:{description:"The actual component to be clicked in order to copy to the clipboard.",options:Object.keys(o),mapping:o,control:{type:"select",labels:{button:"button"}}},showPreview:{control:"boolean",description:"Whether or not there should be a readonly text input previewing the text to be copied"}}},e={args:{textToCopy:"https://streambot.example.com/livewidgets",children:o.button,showPreview:!0,previewName:"url",previewLabel:"URL",onError:()=>console.log("copying failed")}};var t,r,p;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{ + args: { + textToCopy: 'https://streambot.example.com/livewidgets', + children: labelMapping.button, + showPreview: true, + previewName: 'url', + previewLabel: 'URL', + onError: () => console.log('copying failed') + } +}`,...(p=(r=e.parameters)==null?void 0:r.docs)==null?void 0:p.source}}};const L=["Default"];export{e as Default,L as __namedExportsOrder,T as default}; diff --git a/assets/DimensionPreview-BC7yfB8E.js b/assets/DimensionPreview-BC7yfB8E.js new file mode 100644 index 0000000..3ef9022 --- /dev/null +++ b/assets/DimensionPreview-BC7yfB8E.js @@ -0,0 +1 @@ +import{j as r}from"./jsx-runtime-BlAj40OV.js";const t=({token:e})=>r.jsx("div",{style:{background:"var(--betterplace-color-purple-400)",blockSize:"var(--betterplace-sizing-400)",inlineSize:`var(--${e.name})`}});export{t as D}; diff --git a/assets/DocsRenderer-PKQXORMH-DIZjDOiK.js b/assets/DocsRenderer-PKQXORMH-DIZjDOiK.js new file mode 100644 index 0000000..5381423 --- /dev/null +++ b/assets/DocsRenderer-PKQXORMH-DIZjDOiK.js @@ -0,0 +1,2 @@ +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BI1Biiay.js","./index-Cs7sjTYM.js","./_commonjsHelpers-BosuxZz1.js"])))=>i.map(i=>d[i]); +import{_ as p}from"./iframe-DxUicHqT.js";import{R as e,r as c}from"./index-Cs7sjTYM.js";import{r as u,u as l}from"./react-18-B8QpLNLP.js";import{af as h,ag as E,ah as d,ai as x}from"./index-D_lfjnVN.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-BU4L-DQy.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";var _={code:h,a:E,...d},D=class extends c.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:e.createElement(e.Fragment,null,r)}},O=class{constructor(){this.render=async(t,r,n)=>{let s={..._,...r==null?void 0:r.components},a=x;return new Promise((i,m)=>{p(async()=>{const{MDXProvider:o}=await import("./index-BI1Biiay.js");return{MDXProvider:o}},__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:o})=>u(e.createElement(D,{showException:m,key:Math.random()},e.createElement(o,{components:s},e.createElement(a,{context:t,docsParameter:r}))),n)).then(()=>i())})},this.unmount=t=>{l(t)}}};export{O as DocsRenderer,_ as defaultComponents}; diff --git a/assets/Dropdown.stories-CqGAQ7bW.js b/assets/Dropdown.stories-CqGAQ7bW.js new file mode 100644 index 0000000..13a8720 --- /dev/null +++ b/assets/Dropdown.stories-CqGAQ7bW.js @@ -0,0 +1,6 @@ +import{j as o}from"./jsx-runtime-BlAj40OV.js";import{C as d}from"./ClientDropdown-Je_ZrmXL.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-Bl6ORisp.js";import"./Icon-DqLD8bE0.js";import"./preventDefault-CIaEEaQs.js";const l=({label:i,hint:s,disabled:a,required:p})=>o.jsxs(d,{label:i,hint:s,disabled:a,required:p,children:[o.jsx("option",{value:"superman",children:"Superman"}),o.jsx("option",{value:"iron-man",children:"Iron Man"}),o.jsx("option",{value:"wonder-woman",children:"Wonder Woman"}),o.jsx("option",{value:"batman",children:"Duh... Batman"})]}),f={title:"Components/Dropdown",component:l,argTypes:{children:{table:{type:{summary:"