deploy: 0b3b54c

assets/button-DRB74fqN.js → assets/button-Da4TppI1.js

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-Du8NFWEI.js";import{M as s,C as n,A as c}from"./index-DF3zfyyC.js";import{S as a,T as l,C as d,O as h,a as x,D as m,P as j,b as p,W as u,c as f,I as b}from"./button.stories-BpigbseH.js";import{B as g}from"./button-DN7WsDQ9.js";import{useMDXComponents as i}from"./index-icA9A9Lr.js";import"./index-Dl6G-zuu.js";import"./iframe-CkjgIj6I.js";import"../sb-preview/runtime.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-L5l4RKBO.js";import"./index-D1_ZHIBm.js";import"./inheritsLoose-B7h9gheN.js";import"./index-B5O4V4BP.js";import"./index-B9pQ14RZ.js";import"./plus_icon-BJbj7At9.js";import"./close_icon-pwUgUdvH.js";import"./emotion-styled.browser.esm-Cx145QRj.js";import"./emotion-element-c39617d8.browser.esm-DM69r4Qw.js";import"./button_base-ruFjRc3L.js";import"./typography-CsxZaBy5.js";function r(t){const e=Object.assign({h1:"h1",p:"p",h2:"h2",code:"code",h4:"h4"},i(),t.components);return o.jsxs(o.Fragment,{children:[o.jsx(s,{of:a}),`
+import{j as o}from"./jsx-runtime-Du8NFWEI.js";import{M as s,C as n,A as c}from"./index-K16J8gkh.js";import{S as a,T as l,C as d,O as h,a as x,D as m,P as j,b as p,W as u,c as f,I as b}from"./button.stories-BpigbseH.js";import{B as g}from"./button-DN7WsDQ9.js";import{useMDXComponents as i}from"./index-icA9A9Lr.js";import"./index-Dl6G-zuu.js";import"./iframe-4cAxhttn.js";import"../sb-preview/runtime.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-L5l4RKBO.js";import"./index-D1_ZHIBm.js";import"./inheritsLoose-B7h9gheN.js";import"./index-B5O4V4BP.js";import"./index-B9pQ14RZ.js";import"./plus_icon-BJbj7At9.js";import"./close_icon-pwUgUdvH.js";import"./emotion-styled.browser.esm-Cx145QRj.js";import"./emotion-element-c39617d8.browser.esm-DM69r4Qw.js";import"./button_base-ruFjRc3L.js";import"./typography-CsxZaBy5.js";function r(t){const e=Object.assign({h1:"h1",p:"p",h2:"h2",code:"code",h4:"h4"},i(),t.components);return o.jsxs(o.Fragment,{children:[o.jsx(s,{of:a}),`
 `,o.jsx(e.h1,{id:"button",children:"Button"}),`
 `,o.jsx(e.p,{children:"Buttons allow users to take actions, and make choices, with a single tap."}),`
 `,o.jsx(e.h2,{id:"variant",children:"Variant"}),`

assets/css_variables-BT7gUXaQ.js → assets/css_variables-BYEvXLDE.js

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-Du8NFWEI.js";import{M as r}from"./index-DF3zfyyC.js";import{useMDXComponents as s}from"./index-icA9A9Lr.js";import"./index-Dl6G-zuu.js";import"./iframe-CkjgIj6I.js";import"../sb-preview/runtime.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-L5l4RKBO.js";import"./index-D1_ZHIBm.js";import"./inheritsLoose-B7h9gheN.js";import"./index-B5O4V4BP.js";import"./index-B9pQ14RZ.js";function t(o){const n=Object.assign({h1:"h1",p:"p",code:"code",ul:"ul",li:"li",a:"a",h2:"h2",pre:"pre"},s(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Customization/CSS Variables"}),`
+import{j as e}from"./jsx-runtime-Du8NFWEI.js";import{M as r}from"./index-K16J8gkh.js";import{useMDXComponents as s}from"./index-icA9A9Lr.js";import"./index-Dl6G-zuu.js";import"./iframe-4cAxhttn.js";import"../sb-preview/runtime.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-L5l4RKBO.js";import"./index-D1_ZHIBm.js";import"./inheritsLoose-B7h9gheN.js";import"./index-B5O4V4BP.js";import"./index-B9pQ14RZ.js";function t(o){const n=Object.assign({h1:"h1",p:"p",code:"code",ul:"ul",li:"li",a:"a",h2:"h2",pre:"pre"},s(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Customization/CSS Variables"}),`
 `,e.jsx(n.h1,{id:"css-variables",children:"CSS Variables"}),`
 `,e.jsxs(n.p,{children:[e.jsx(n.code,{children:"@peculiar/react-components"}),' now converts theme tokens (colors, font sizes, etc) to CSS Custom Properties (also known as "CSS variables").']}),`
 `,e.jsx(n.p,{children:"CSS variables are now supported in all modern browsers, and we think they are useful to:"}),`

assets/dark_mode-BKFzpkqg.js → assets/dark_mode-uLnmLQe1.js

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-Du8NFWEI.js";import{M as a}from"./index-DF3zfyyC.js";import{ColorItemExample as o}from"./palette.stories-DR0wcK_p.js";import{useMDXComponents as s}from"./index-icA9A9Lr.js";import{p as i,s as c,w as m,a as d,b as l,g as p,c as h}from"./utils-DDmc6yYE.js";import"./index-Dl6G-zuu.js";import"./iframe-CkjgIj6I.js";import"../sb-preview/runtime.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-L5l4RKBO.js";import"./index-D1_ZHIBm.js";import"./inheritsLoose-B7h9gheN.js";import"./index-B5O4V4BP.js";import"./index-B9pQ14RZ.js";import"./typography-CsxZaBy5.js";import"./emotion-styled.browser.esm-Cx145QRj.js";import"./emotion-element-c39617d8.browser.esm-DM69r4Qw.js";function n(t){const e=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",h2:"h2"},s(),t.components);return r.jsxs(r.Fragment,{children:[r.jsx(a,{title:"Customization/Dark mode"}),`
+import{j as r}from"./jsx-runtime-Du8NFWEI.js";import{M as a}from"./index-K16J8gkh.js";import{ColorItemExample as o}from"./palette.stories-DR0wcK_p.js";import{useMDXComponents as s}from"./index-icA9A9Lr.js";import{p as i,s as c,w as m,a as d,b as l,g as p,c as h}from"./utils-DDmc6yYE.js";import"./index-Dl6G-zuu.js";import"./iframe-4cAxhttn.js";import"../sb-preview/runtime.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-L5l4RKBO.js";import"./index-D1_ZHIBm.js";import"./inheritsLoose-B7h9gheN.js";import"./index-B5O4V4BP.js";import"./index-B9pQ14RZ.js";import"./typography-CsxZaBy5.js";import"./emotion-styled.browser.esm-Cx145QRj.js";import"./emotion-element-c39617d8.browser.esm-DM69r4Qw.js";function n(t){const e=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",h2:"h2"},s(),t.components);return r.jsxs(r.Fragment,{children:[r.jsx(a,{title:"Customization/Dark mode"}),`
 `,r.jsx(e.h1,{id:"dark-mode",children:"Dark mode"}),`
 `,r.jsxs(e.p,{children:["You can make your application use the dark theme as the default—regardless of the user's preference—by adding mode: 'dark' to the ",r.jsx(e.code,{children:"ThemeProvider"}),":"]}),`
 `,r.jsx(e.pre,{children:r.jsx(e.code,{className:"language-tsx",children:`import { Button, ThemeProvider } from '@peculiar/react-components';