@fpkit/acss 3.5.0 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/libs/{chunk-URBGDUFN.cjs → chunk-75YQDONV.cjs} +3 -3
- package/libs/chunk-AOFQDQVS.cjs +17 -0
- package/libs/chunk-AOFQDQVS.cjs.map +1 -0
- package/libs/{chunk-ZF6Y7W57.js → chunk-G3TFKMWB.js} +2 -2
- package/libs/chunk-Q7OAQLUT.js +10 -0
- package/libs/chunk-Q7OAQLUT.js.map +1 -0
- package/libs/components/alert/alert.css +1 -0
- package/libs/components/alert/alert.css.map +1 -0
- package/libs/components/alert/alert.min.css +3 -0
- package/libs/components/badge/badge.css +1 -0
- package/libs/components/badge/badge.css.map +1 -0
- package/libs/components/badge/badge.min.css +3 -0
- package/libs/components/box/box.css +1 -0
- package/libs/components/box/box.css.map +1 -0
- package/libs/components/box/box.min.css +3 -0
- package/libs/components/breadcrumbs/breadcrumb.css +1 -0
- package/libs/components/breadcrumbs/breadcrumb.css.map +1 -0
- package/libs/components/breadcrumbs/breadcrumb.min.css +3 -0
- package/libs/components/buttons/button.css +1 -0
- package/libs/components/buttons/button.css.map +1 -0
- package/libs/components/buttons/button.min.css +3 -0
- package/libs/components/cards/card-style.css +1 -0
- package/libs/components/cards/card-style.css.map +1 -0
- package/libs/components/cards/card-style.min.css +3 -0
- package/libs/components/cards/card.css +1 -0
- package/libs/components/cards/card.css.map +1 -0
- package/libs/components/cards/card.min.css +3 -0
- package/libs/components/cluster/cluster.css +1 -0
- package/libs/components/cluster/cluster.css.map +1 -0
- package/libs/components/cluster/cluster.min.css +3 -0
- package/libs/components/details/details.css +1 -0
- package/libs/components/details/details.css.map +1 -0
- package/libs/components/details/details.min.css +3 -0
- package/libs/components/dialog/dialog.cjs +4 -4
- package/libs/components/dialog/dialog.css +1 -0
- package/libs/components/dialog/dialog.css.map +1 -0
- package/libs/components/dialog/dialog.js +2 -2
- package/libs/components/dialog/dialog.min.css +3 -0
- package/libs/components/flexbox/flex.css +1 -0
- package/libs/components/flexbox/flex.css.map +1 -0
- package/libs/components/flexbox/flex.min.css +3 -0
- package/libs/components/form/form.css +1 -0
- package/libs/components/form/form.css.map +1 -0
- package/libs/components/form/form.min.css +3 -0
- package/libs/components/grid/grid.css +1 -0
- package/libs/components/grid/grid.css.map +1 -0
- package/libs/components/grid/grid.min.css +3 -0
- package/libs/components/heading/heading.cjs +2 -2
- package/libs/components/heading/heading.d.cts +1 -1
- package/libs/components/heading/heading.d.ts +1 -1
- package/libs/components/heading/heading.js +1 -1
- package/libs/components/icons/icon.css +1 -0
- package/libs/components/icons/icon.css.map +1 -0
- package/libs/components/icons/icon.min.css +3 -0
- package/libs/components/images/img.css +1 -0
- package/libs/components/images/img.css.map +1 -0
- package/libs/components/images/img.min.css +3 -0
- package/libs/components/layout/landmarks.css +1 -0
- package/libs/components/layout/landmarks.css.map +1 -0
- package/libs/components/layout/landmarks.min.css +3 -0
- package/libs/components/link/link.css +1 -0
- package/libs/components/link/link.css.map +1 -0
- package/libs/components/link/link.min.css +3 -0
- package/libs/components/list/list.css +1 -0
- package/libs/components/list/list.css.map +1 -0
- package/libs/components/list/list.min.css +3 -0
- package/libs/components/nav/nav.css +1 -0
- package/libs/components/nav/nav.css.map +1 -0
- package/libs/components/nav/nav.min.css +3 -0
- package/libs/components/progress/progress.css +1 -0
- package/libs/components/progress/progress.css.map +1 -0
- package/libs/components/progress/progress.min.css +3 -0
- package/libs/components/stack/stack.css +1 -0
- package/libs/components/stack/stack.css.map +1 -0
- package/libs/components/stack/stack.min.css +3 -0
- package/libs/components/styles/index.css +1 -0
- package/libs/components/styles/index.css.map +1 -0
- package/libs/components/styles/index.min.css +3 -0
- package/libs/components/tag/tag.css +1 -0
- package/libs/components/tag/tag.css.map +1 -0
- package/libs/components/tag/tag.min.css +3 -0
- package/libs/components/text-to-speech/text-to-speech.css +1 -0
- package/libs/components/text-to-speech/text-to-speech.css.map +1 -0
- package/libs/components/text-to-speech/text-to-speech.min.css +3 -0
- package/libs/components/title/title.css +1 -0
- package/libs/components/title/title.css.map +1 -0
- package/libs/components/title/title.min.css +3 -0
- package/libs/{heading-7446cb46.d.ts → heading-81eef89a.d.ts} +42 -0
- package/libs/index.cjs +10 -10
- package/libs/index.cjs.map +1 -1
- package/libs/index.css +1 -0
- package/libs/index.css.map +1 -0
- package/libs/index.d.cts +25 -8
- package/libs/index.d.ts +25 -8
- package/libs/index.js +6 -6
- package/libs/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/box/box.stories.tsx +1 -1
- package/src/components/cluster/cluster.stories.tsx +1 -1
- package/src/components/col/README.mdx +233 -9
- package/src/components/col/STYLES.mdx +1380 -0
- package/src/components/col/col.stories.tsx +1614 -8
- package/src/components/grid/grid.stories.tsx +130 -35
- package/src/components/row/row.stories.tsx +1 -1
- package/src/components/row/row.tsx +9 -0
- package/src/components/row/row.types.ts +24 -7
- package/src/components/stack/stack.stories.tsx +219 -60
- package/src/components/title/README.mdx +87 -1
- package/src/components/title/STYLES.mdx +501 -0
- package/src/components/title/title.scss +51 -0
- package/src/components/title/title.stories.tsx +158 -0
- package/src/components/title/title.test.tsx +113 -0
- package/src/components/title/title.tsx +53 -1
- package/src/index.scss +1 -0
- package/src/sass/_columns.scss +122 -3
- package/src/sass/columns.stories.tsx +434 -10
- package/src/styles/index.css +533 -3
- package/src/styles/index.css.map +1 -1
- package/src/styles/title/title.css +75 -0
- package/src/styles/title/title.css.map +1 -0
- package/libs/chunk-2C3YLBWP.cjs +0 -17
- package/libs/chunk-2C3YLBWP.cjs.map +0 -1
- package/libs/chunk-KDMX3FAW.js +0 -10
- package/libs/chunk-KDMX3FAW.js.map +0 -1
- /package/libs/{chunk-URBGDUFN.cjs.map → chunk-75YQDONV.cjs.map} +0 -0
- /package/libs/{chunk-ZF6Y7W57.js.map → chunk-G3TFKMWB.js.map} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkAOFQDQVS_cjs = require('./chunk-AOFQDQVS.cjs');
|
|
4
4
|
var chunk5CJPTDK3_cjs = require('./chunk-5CJPTDK3.cjs');
|
|
5
5
|
var chunk5QSNJQVH_cjs = require('./chunk-5QSNJQVH.cjs');
|
|
6
6
|
var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
|
|
@@ -10,9 +10,9 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
10
10
|
|
|
11
11
|
var s__default = /*#__PURE__*/_interopDefault(s);
|
|
12
12
|
|
|
13
|
-
var y=({dialogTitle:t,onClick:o,id:l,type:e="h3"})=>{let a=s.useCallback(()=>{o();},[o]);return s__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",classes:"dialog-header"},s__default.default.createElement(
|
|
13
|
+
var y=({dialogTitle:t,onClick:o,id:l,type:e="h3"})=>{let a=s.useCallback(()=>{o();},[o]);return s__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",classes:"dialog-header"},s__default.default.createElement(chunkAOFQDQVS_cjs.b,{type:e,className:"dialog-title",id:l},t||"Dialog"),s__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:a,className:"dialog-close","aria-label":"Close dialog","data-btn":"icon"},s__default.default.createElement(chunk5CJPTDK3_cjs.b,null,s__default.default.createElement(chunk5CJPTDK3_cjs.b.Remove,{size:16}))))},D=s__default.default.memo(y);y.displayName="DialogHeader";var H=({onClose:t,onConfirm:o,confirmLabel:l,cancelLabel:e})=>{let a=s.useCallback(()=>{t();},[t]),m=s.useCallback(()=>{o&&o();},[o]);return s__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section",className:"dialog-footer"},e&&s__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:a,className:"dialog-button button-secondary","data-btn":"sm"},e),o&&s__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:m,className:"dialog-button button-primary","data-btn":"sm"},l))};H.displayName="DialogFooter";var I=s__default.default.memo(H);var h=(t,o)=>s.useCallback(e=>{let a=t.current?.getBoundingClientRect();a&&(e.clientY<a.top||e.clientY>a.bottom||e.clientX<a.left||e.clientX>a.right)&&o();},[t,o]);var F=({isOpen:t,onOpenChange:o,isAlertDialog:l=!1,onClose:e,dialogTitle:a,dialogLabel:m,children:P,onConfirm:U,confirmLabel:B="Confirm",cancelLabel:E="Cancel",className:M="",hideFooter:v=!1,styles:x})=>{let f=s.useRef(null),u=s.useId();s.useEffect(()=>{let r=f.current;r&&(t?l?r.show():r.showModal():r.close());},[t,l]);let c=s.useCallback(()=>{o(!1),e&&e();},[o,e]),L=h(f,c),b=s.useId();return s__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"dialog",role:l?"alertdialog":"dialog",ref:f,onClose:c,onClick:L,"aria-modal":t&&!l?"true":void 0,"aria-labelledby":u,"aria-describedby":b,"aria-label":m,className:`dialog-modal ${M}`.trim(),style:x},s__default.default.createElement(D,{dialogTitle:a,onClick:c,id:u}),s__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section",id:b,className:"dialog-content",onClick:r=>r.stopPropagation()},P,!v&&s__default.default.createElement(I,{onClose:c,onConfirm:U,confirmLabel:B,cancelLabel:E})))};F.displayName="Dialog";var ao=s__default.default.memo(F);
|
|
14
14
|
|
|
15
15
|
exports.a = F;
|
|
16
16
|
exports.b = ao;
|
|
17
17
|
//# sourceMappingURL=out.js.map
|
|
18
|
-
//# sourceMappingURL=chunk-
|
|
18
|
+
//# sourceMappingURL=chunk-75YQDONV.cjs.map
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
|
|
4
|
+
var o = require('react');
|
|
5
|
+
|
|
6
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var o__default = /*#__PURE__*/_interopDefault(o);
|
|
9
|
+
|
|
10
|
+
var r=o__default.default.memo(o__default.default.forwardRef(({level:e="h2",size:t,color:i,id:s,styles:d,ui:m,children:c,className:f,...h},T)=>{let g=[t,i].filter(Boolean).join(" ")||void 0;return o__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:e,id:s,styles:d,"data-ui":m,"data-title":g,classes:f,ref:T,...h},c)}));r.displayName="Title";var n=r;var p=o__default.default.forwardRef(({type:e="h3",...t},i)=>(process.env.NODE_ENV==="development"&&console.warn(`[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. Please use the Title component instead.
|
|
11
|
+
Migration: <Heading type="${e}"> \u2192 <Title level="${e}">
|
|
12
|
+
See documentation: https://fpkit.dev/components/title`),o__default.default.createElement(n,{level:e,ref:i,...t})));p.displayName="Heading (Deprecated)";var R=p;
|
|
13
|
+
|
|
14
|
+
exports.a = n;
|
|
15
|
+
exports.b = R;
|
|
16
|
+
//# sourceMappingURL=out.js.map
|
|
17
|
+
//# sourceMappingURL=chunk-AOFQDQVS.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/heading/heading.tsx","../src/components/title/title.tsx"],"names":["React","Title","level","size","color","id","styles","ui","children","className","props","ref","dataTitle","ui_default","title_default","Heading","type","heading_default"],"mappings":"yCAAA,OAAOA,MAAW,QCAlB,OAAOA,MAAW,QAuOlB,IAAMC,EAAQD,EAAM,KAClBA,EAAM,WACJ,CACE,CACE,MAAAE,EAAQ,KACR,KAAAC,EACA,MAAAC,EACA,GAAAC,EACA,OAAAC,EACA,GAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,IAAMC,EAAY,CAACT,EAAMC,CAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,OAE7D,OACEJ,EAAA,cAACa,EAAA,CACC,GAAIX,EACJ,GAAIG,EACJ,OAAQC,EACR,UAASC,EACT,aAAYK,EACZ,QAASH,EACT,IAAKE,EACJ,GAAGD,GAEHF,CACH,CAEJ,CACF,CACF,EAEAP,EAAM,YAAc,QAEpB,IAAOa,EAAQb,EDtMf,IAAMc,EAAUf,EAAM,WACpB,CAAC,CAAE,KAAAgB,EAAO,KAAM,GAAGN,CAAM,EAAGC,KAEtB,QAAQ,IAAI,WAAa,eAE3B,QAAQ,KACN;AAAA,4BAE6BK,CAAI,2BAAsBA,CAAI;AAAA,sDAE7D,EAIKhB,EAAA,cAACc,EAAA,CAAM,MAAOE,EAAM,IAAKL,EAAM,GAAGD,EAAO,EAEpD,EAEAK,EAAQ,YAAc,uBAEtB,IAAOE,EAAQF","sourcesContent":["import React from \"react\";\nimport Title from \"#components/title/title\";\n\n/**\n * @deprecated Use `Title` component instead. This component will be removed in v3.0.0.\n *\n * @remarks\n * The `Heading` component has been deprecated in favor of the new `Title` component\n * which offers improved API design and better accessibility features.\n *\n * **Migration Guide:**\n * - Rename `Heading` → `Title`\n * - Rename prop `type` → `level`\n * - Default level changed from `h3` → `h2` (update if you relied on the default)\n *\n * @example\n * // Before (deprecated):\n * <Heading type=\"h2\">Section Title</Heading>\n *\n * // After:\n * <Title level=\"h2\">Section Title</Title>\n *\n * @see {@link Title} for the new component\n */\nexport type TitleProps = {\n /**\n * @deprecated Use `level` prop on the `Title` component instead.\n */\n children: React.ReactNode;\n\n /**\n * @deprecated Use `level` prop on the `Title` component instead.\n */\n type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\n /**\n * @deprecated Use `ui` prop on the `Title` component.\n */\n ui?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof Title>, 'level'>;\n\n/**\n * Heading - Deprecated component wrapper for Title.\n *\n * @deprecated Use {@link Title} component instead. Will be removed in v3.0.0.\n *\n * This component provides backwards compatibility for existing code using\n * the old `Heading` component API. It forwards all props to the new `Title`\n * component with appropriate prop name mapping.\n *\n * **Breaking Changes in v3.0.0:**\n * - This component will be removed\n * - Migrate to `Title` component before upgrading\n *\n * **Migration Steps:**\n * 1. Replace all `<Heading>` imports with `<Title>`\n * 2. Rename `type` prop to `level`\n * 3. Review default behavior (default changed from h3 to h2)\n *\n * @example\n * // Old API (still works but deprecated):\n * import { Heading } from '@fpkit/acss';\n * <Heading type=\"h2\">Section</Heading>\n *\n * @example\n * // New API (recommended):\n * import { Title } from '@fpkit/acss';\n * <Title level=\"h2\">Section</Title>\n *\n * @param {TitleProps} props - Component props (maps old API to new)\n * @returns {React.ReactElement} The rendered Title component\n */\nconst Heading = React.forwardRef<HTMLHeadingElement, TitleProps>(\n ({ type = \"h3\", ...props }, ref) => {\n // Development warning for deprecated usage\n if (process.env.NODE_ENV === \"development\") {\n // eslint-disable-next-line no-console\n console.warn(\n `[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. ` +\n `Please use the Title component instead.\\n` +\n `Migration: <Heading type=\"${type}\"> → <Title level=\"${type}\">\\n` +\n `See documentation: https://fpkit.dev/components/title`\n );\n }\n\n // Map old 'type' prop to new 'level' prop\n return <Title level={type} ref={ref} {...props} />;\n }\n);\n\nHeading.displayName = \"Heading (Deprecated)\";\n\nexport default Heading;\n","import React from \"react\";\nimport UI from \"#components/ui\";\n\n/**\n * Valid HTML heading levels for semantic document structure.\n *\n * @remarks\n * Heading levels establish the document outline and hierarchy for screen readers.\n * Always maintain proper heading order (don't skip levels) for WCAG 2.1 compliance.\n *\n * @example\n * // ✅ GOOD: Proper heading hierarchy\n * <Title level=\"h1\">Main Page Title</Title>\n * <Title level=\"h2\">Section Heading</Title>\n * <Title level=\"h3\">Subsection Heading</Title>\n *\n * @example\n * // ❌ BAD: Skipping heading levels\n * <Title level=\"h1\">Main Title</Title>\n * <Title level=\"h4\">Skipped h2 and h3</Title>\n */\nexport type HeadingLevel = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\n/**\n * Visual size variants for Title component.\n * Independent of semantic heading level for flexible design.\n */\nexport type TitleSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\n/**\n * Color variants for Title component.\n * All variants meet WCAG 2.1 AA contrast requirements (4.5:1 minimum).\n */\nexport type TitleColor = \"primary\" | \"secondary\" | \"accent\" | \"muted\" | \"inherit\";\n\n/**\n * Props for the Title component.\n *\n * @typeParam TLevel - The heading level to render (h1-h6)\n *\n * @property {HeadingLevel} level - The semantic heading level (h1-h6). Defaults to \"h2\".\n * @property {React.ReactNode} children - The text or elements to render inside the heading.\n * @property {string} [id] - Unique identifier for the heading, useful for anchor links.\n * @property {React.CSSProperties} [styles] - Inline styles to apply to the heading.\n * @property {string} [ui] - Data attribute for UI framework styling hooks.\n * @property {string} [className] - CSS class names to apply.\n *\n * @remarks\n * This interface extends the polymorphic UI component props, providing full access\n * to native HTML heading attributes and ARIA properties for accessibility.\n *\n * For AI assistants: This component ensures semantic HTML structure for document\n * outlines, which is critical for screen reader navigation and SEO.\n */\nexport type TitleProps = {\n /**\n * The semantic heading level to render.\n *\n * @default \"h2\"\n *\n * @remarks\n * Choose the appropriate level based on your document structure:\n * - h1: Page title (typically one per page)\n * - h2: Major sections\n * - h3-h6: Subsections and nested content\n *\n * WCAG 2.1 requires proper heading hierarchy for screen reader users.\n */\n level?: HeadingLevel;\n\n /**\n * The content to display in the heading.\n *\n * @remarks\n * Can be text, elements, or a combination. Ensure text content is meaningful\n * and descriptive for users navigating with screen readers.\n */\n children: React.ReactNode;\n\n /**\n * Unique identifier for the heading element.\n *\n * @remarks\n * Useful for:\n * - Creating anchor links to sections\n * - ARIA relationships (aria-labelledby, aria-describedby)\n * - Testing and automation\n */\n id?: string;\n\n /**\n * Data attribute for UI framework styling hooks.\n *\n * @remarks\n * Used by fpkit's CSS system to apply component-specific styles.\n * Automatically prefixed with \"data-ui\" when rendered.\n */\n ui?: string;\n\n /**\n * CSS class names to apply to the heading.\n *\n * @remarks\n * Prefer using the `ui` prop for fpkit styling, and this for\n * utility classes or custom overrides.\n */\n className?: string;\n\n /**\n * Visual size variant (independent of semantic heading level).\n *\n * @default undefined (uses browser default or custom CSS)\n *\n * @remarks\n * Choose the appropriate visual size based on design needs:\n * - xs: 0.75rem (12px) - Very small accent headings\n * - sm: 0.875rem (14px) - Small headings\n * - md: 1rem (16px) - Medium headings\n * - lg: 1.5rem (24px) - Large headings\n * - xl: 2rem (32px) - Extra large headings\n * - 2xl: 2.5rem (40px) - Largest headings\n *\n * Visual size is independent of semantic level, allowing design\n * flexibility while maintaining proper document structure.\n */\n size?: TitleSize;\n\n /**\n * Color variant for the title text.\n *\n * @default undefined (inherits color from parent)\n *\n * @remarks\n * All color variants meet WCAG 2.1 Level AA contrast requirements (4.5:1 minimum):\n * - primary: Dark blue (#1e3a8a) - 8.59:1 contrast\n * - secondary: Gray (#4b5563) - 7.56:1 contrast\n * - accent: Purple (#7c3aed) - 4.62:1 contrast\n * - muted: Light gray (#6b7280) - 5.49:1 contrast\n * - inherit: Inherits color from parent element\n */\n color?: TitleColor;\n} & React.ComponentPropsWithoutRef<typeof UI>;\n\n/**\n * Title - A semantic heading component for document structure and hierarchy.\n *\n * The Title component renders semantic HTML headings (h1-h6) with proper\n * accessibility support. It ensures WCAG 2.1 AA compliance by maintaining\n * semantic document structure for screen readers and assistive technologies.\n *\n * ## Key Features\n *\n * - **Semantic HTML**: Renders actual heading elements (h1-h6) for proper document outline\n * - **Accessibility**: Full ARIA support and keyboard navigation\n * - **Flexible Styling**: Supports fpkit's UI system, custom classes, and inline styles\n * - **Type Safety**: Fully typed with TypeScript for developer experience\n * - **Performance**: Memoized to prevent unnecessary re-renders\n *\n * ## Accessibility Considerations\n *\n * ### WCAG 2.1 AA Compliance\n *\n * - **1.3.1 Info and Relationships (Level A)**: Semantic heading elements preserve\n * document structure for screen readers\n * - **2.4.6 Headings and Labels (Level AA)**: Headings should be descriptive and\n * properly ordered\n * - **2.4.10 Section Headings (Level AAA)**: Use headings to organize content\n *\n * ### Best Practices\n *\n * 1. **Maintain Heading Hierarchy**: Don't skip levels (e.g., h1 → h3)\n * 2. **One h1 Per Page**: Use h1 for the main page title only\n * 3. **Descriptive Text**: Headings should clearly describe the following content\n * 4. **Avoid Empty Headings**: Always provide meaningful text content\n *\n * ## Usage Examples\n *\n * @example\n * // Basic usage with default h2\n * <Title>Section Heading</Title>\n *\n * @example\n * // Page title with explicit h1\n * <Title level=\"h1\">Welcome to Our Application</Title>\n *\n * @example\n * // Subsection with custom styling\n * <Title\n * level=\"h3\"\n * id=\"getting-started\"\n * className=\"text-primary\"\n * >\n * Getting Started\n * </Title>\n *\n * @example\n * // With fpkit UI data attribute\n * <Title level=\"h2\" ui=\"section-title\">\n * Features Overview\n * </Title>\n *\n * @example\n * // Accessible heading with aria-label for context\n * <Title level=\"h2\" aria-label=\"User dashboard overview\">\n * Dashboard\n * </Title>\n *\n * @example\n * // Complex heading with mixed content\n * <Title level=\"h2\" id=\"stats\">\n * <Icon name=\"chart\" aria-hidden=\"true\" />\n * <span>Statistics</span>\n * </Title>\n *\n * @example\n * // ✅ GOOD: Proper heading hierarchy\n * <Title level=\"h1\">Page Title</Title>\n * <Title level=\"h2\">Main Section</Title>\n * <Title level=\"h3\">Subsection</Title>\n *\n * @example\n * // ❌ BAD: Skipping heading levels (accessibility violation)\n * <Title level=\"h1\">Page Title</Title>\n * <Title level=\"h4\">Skipped h2 and h3</Title>\n *\n * @param {TitleProps} props - Component props\n * @returns {React.ReactElement} A semantic heading element\n *\n * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html WCAG 1.3.1}\n * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html WCAG 2.4.6}\n */\nconst Title = React.memo(\n React.forwardRef<HTMLHeadingElement, TitleProps>(\n (\n {\n level = \"h2\",\n size,\n color,\n id,\n styles,\n ui,\n children,\n className,\n ...props\n }: TitleProps,\n ref\n ) => {\n // Construct space-separated data-title attribute\n const dataTitle = [size, color].filter(Boolean).join(\" \") || undefined;\n\n return (\n <UI\n as={level}\n id={id}\n styles={styles}\n data-ui={ui}\n data-title={dataTitle}\n classes={className}\n ref={ref}\n {...props}\n >\n {children}\n </UI>\n );\n }\n )\n);\n\nTitle.displayName = \"Title\";\n\nexport default Title;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { b } from './chunk-
|
|
1
|
+
import { b } from './chunk-Q7OAQLUT.js';
|
|
2
2
|
import { b as b$2 } from './chunk-M7JLT62Q.js';
|
|
3
3
|
import { b as b$1 } from './chunk-TF3GQKOY.js';
|
|
4
4
|
import { a } from './chunk-DDSXKOUB.js';
|
|
@@ -8,4 +8,4 @@ var y=({dialogTitle:t,onClick:o,id:l,type:e="h3"})=>{let a$1=useCallback(()=>{o(
|
|
|
8
8
|
|
|
9
9
|
export { F as a, ao as b };
|
|
10
10
|
//# sourceMappingURL=out.js.map
|
|
11
|
-
//# sourceMappingURL=chunk-
|
|
11
|
+
//# sourceMappingURL=chunk-G3TFKMWB.js.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { a } from './chunk-DDSXKOUB.js';
|
|
2
|
+
import o from 'react';
|
|
3
|
+
|
|
4
|
+
var r=o.memo(o.forwardRef(({level:e="h2",size:t,color:i,id:s,styles:d,ui:m,children:c,className:f,...h},T)=>{let g=[t,i].filter(Boolean).join(" ")||void 0;return o.createElement(a,{as:e,id:s,styles:d,"data-ui":m,"data-title":g,classes:f,ref:T,...h},c)}));r.displayName="Title";var n=r;var p=o.forwardRef(({type:e="h3",...t},i)=>(process.env.NODE_ENV==="development"&&console.warn(`[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. Please use the Title component instead.
|
|
5
|
+
Migration: <Heading type="${e}"> \u2192 <Title level="${e}">
|
|
6
|
+
See documentation: https://fpkit.dev/components/title`),o.createElement(n,{level:e,ref:i,...t})));p.displayName="Heading (Deprecated)";var R=p;
|
|
7
|
+
|
|
8
|
+
export { n as a, R as b };
|
|
9
|
+
//# sourceMappingURL=out.js.map
|
|
10
|
+
//# sourceMappingURL=chunk-Q7OAQLUT.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/heading/heading.tsx","../src/components/title/title.tsx"],"names":["React","Title","level","size","color","id","styles","ui","children","className","props","ref","dataTitle","ui_default","title_default","Heading","type","heading_default"],"mappings":"wCAAA,OAAOA,MAAW,QCAlB,OAAOA,MAAW,QAuOlB,IAAMC,EAAQD,EAAM,KAClBA,EAAM,WACJ,CACE,CACE,MAAAE,EAAQ,KACR,KAAAC,EACA,MAAAC,EACA,GAAAC,EACA,OAAAC,EACA,GAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,IAAMC,EAAY,CAACT,EAAMC,CAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,OAE7D,OACEJ,EAAA,cAACa,EAAA,CACC,GAAIX,EACJ,GAAIG,EACJ,OAAQC,EACR,UAASC,EACT,aAAYK,EACZ,QAASH,EACT,IAAKE,EACJ,GAAGD,GAEHF,CACH,CAEJ,CACF,CACF,EAEAP,EAAM,YAAc,QAEpB,IAAOa,EAAQb,EDtMf,IAAMc,EAAUf,EAAM,WACpB,CAAC,CAAE,KAAAgB,EAAO,KAAM,GAAGN,CAAM,EAAGC,KAEtB,QAAQ,IAAI,WAAa,eAE3B,QAAQ,KACN;AAAA,4BAE6BK,CAAI,2BAAsBA,CAAI;AAAA,sDAE7D,EAIKhB,EAAA,cAACc,EAAA,CAAM,MAAOE,EAAM,IAAKL,EAAM,GAAGD,EAAO,EAEpD,EAEAK,EAAQ,YAAc,uBAEtB,IAAOE,EAAQF","sourcesContent":["import React from \"react\";\nimport Title from \"#components/title/title\";\n\n/**\n * @deprecated Use `Title` component instead. This component will be removed in v3.0.0.\n *\n * @remarks\n * The `Heading` component has been deprecated in favor of the new `Title` component\n * which offers improved API design and better accessibility features.\n *\n * **Migration Guide:**\n * - Rename `Heading` → `Title`\n * - Rename prop `type` → `level`\n * - Default level changed from `h3` → `h2` (update if you relied on the default)\n *\n * @example\n * // Before (deprecated):\n * <Heading type=\"h2\">Section Title</Heading>\n *\n * // After:\n * <Title level=\"h2\">Section Title</Title>\n *\n * @see {@link Title} for the new component\n */\nexport type TitleProps = {\n /**\n * @deprecated Use `level` prop on the `Title` component instead.\n */\n children: React.ReactNode;\n\n /**\n * @deprecated Use `level` prop on the `Title` component instead.\n */\n type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\n /**\n * @deprecated Use `ui` prop on the `Title` component.\n */\n ui?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof Title>, 'level'>;\n\n/**\n * Heading - Deprecated component wrapper for Title.\n *\n * @deprecated Use {@link Title} component instead. Will be removed in v3.0.0.\n *\n * This component provides backwards compatibility for existing code using\n * the old `Heading` component API. It forwards all props to the new `Title`\n * component with appropriate prop name mapping.\n *\n * **Breaking Changes in v3.0.0:**\n * - This component will be removed\n * - Migrate to `Title` component before upgrading\n *\n * **Migration Steps:**\n * 1. Replace all `<Heading>` imports with `<Title>`\n * 2. Rename `type` prop to `level`\n * 3. Review default behavior (default changed from h3 to h2)\n *\n * @example\n * // Old API (still works but deprecated):\n * import { Heading } from '@fpkit/acss';\n * <Heading type=\"h2\">Section</Heading>\n *\n * @example\n * // New API (recommended):\n * import { Title } from '@fpkit/acss';\n * <Title level=\"h2\">Section</Title>\n *\n * @param {TitleProps} props - Component props (maps old API to new)\n * @returns {React.ReactElement} The rendered Title component\n */\nconst Heading = React.forwardRef<HTMLHeadingElement, TitleProps>(\n ({ type = \"h3\", ...props }, ref) => {\n // Development warning for deprecated usage\n if (process.env.NODE_ENV === \"development\") {\n // eslint-disable-next-line no-console\n console.warn(\n `[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. ` +\n `Please use the Title component instead.\\n` +\n `Migration: <Heading type=\"${type}\"> → <Title level=\"${type}\">\\n` +\n `See documentation: https://fpkit.dev/components/title`\n );\n }\n\n // Map old 'type' prop to new 'level' prop\n return <Title level={type} ref={ref} {...props} />;\n }\n);\n\nHeading.displayName = \"Heading (Deprecated)\";\n\nexport default Heading;\n","import React from \"react\";\nimport UI from \"#components/ui\";\n\n/**\n * Valid HTML heading levels for semantic document structure.\n *\n * @remarks\n * Heading levels establish the document outline and hierarchy for screen readers.\n * Always maintain proper heading order (don't skip levels) for WCAG 2.1 compliance.\n *\n * @example\n * // ✅ GOOD: Proper heading hierarchy\n * <Title level=\"h1\">Main Page Title</Title>\n * <Title level=\"h2\">Section Heading</Title>\n * <Title level=\"h3\">Subsection Heading</Title>\n *\n * @example\n * // ❌ BAD: Skipping heading levels\n * <Title level=\"h1\">Main Title</Title>\n * <Title level=\"h4\">Skipped h2 and h3</Title>\n */\nexport type HeadingLevel = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\n/**\n * Visual size variants for Title component.\n * Independent of semantic heading level for flexible design.\n */\nexport type TitleSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\n/**\n * Color variants for Title component.\n * All variants meet WCAG 2.1 AA contrast requirements (4.5:1 minimum).\n */\nexport type TitleColor = \"primary\" | \"secondary\" | \"accent\" | \"muted\" | \"inherit\";\n\n/**\n * Props for the Title component.\n *\n * @typeParam TLevel - The heading level to render (h1-h6)\n *\n * @property {HeadingLevel} level - The semantic heading level (h1-h6). Defaults to \"h2\".\n * @property {React.ReactNode} children - The text or elements to render inside the heading.\n * @property {string} [id] - Unique identifier for the heading, useful for anchor links.\n * @property {React.CSSProperties} [styles] - Inline styles to apply to the heading.\n * @property {string} [ui] - Data attribute for UI framework styling hooks.\n * @property {string} [className] - CSS class names to apply.\n *\n * @remarks\n * This interface extends the polymorphic UI component props, providing full access\n * to native HTML heading attributes and ARIA properties for accessibility.\n *\n * For AI assistants: This component ensures semantic HTML structure for document\n * outlines, which is critical for screen reader navigation and SEO.\n */\nexport type TitleProps = {\n /**\n * The semantic heading level to render.\n *\n * @default \"h2\"\n *\n * @remarks\n * Choose the appropriate level based on your document structure:\n * - h1: Page title (typically one per page)\n * - h2: Major sections\n * - h3-h6: Subsections and nested content\n *\n * WCAG 2.1 requires proper heading hierarchy for screen reader users.\n */\n level?: HeadingLevel;\n\n /**\n * The content to display in the heading.\n *\n * @remarks\n * Can be text, elements, or a combination. Ensure text content is meaningful\n * and descriptive for users navigating with screen readers.\n */\n children: React.ReactNode;\n\n /**\n * Unique identifier for the heading element.\n *\n * @remarks\n * Useful for:\n * - Creating anchor links to sections\n * - ARIA relationships (aria-labelledby, aria-describedby)\n * - Testing and automation\n */\n id?: string;\n\n /**\n * Data attribute for UI framework styling hooks.\n *\n * @remarks\n * Used by fpkit's CSS system to apply component-specific styles.\n * Automatically prefixed with \"data-ui\" when rendered.\n */\n ui?: string;\n\n /**\n * CSS class names to apply to the heading.\n *\n * @remarks\n * Prefer using the `ui` prop for fpkit styling, and this for\n * utility classes or custom overrides.\n */\n className?: string;\n\n /**\n * Visual size variant (independent of semantic heading level).\n *\n * @default undefined (uses browser default or custom CSS)\n *\n * @remarks\n * Choose the appropriate visual size based on design needs:\n * - xs: 0.75rem (12px) - Very small accent headings\n * - sm: 0.875rem (14px) - Small headings\n * - md: 1rem (16px) - Medium headings\n * - lg: 1.5rem (24px) - Large headings\n * - xl: 2rem (32px) - Extra large headings\n * - 2xl: 2.5rem (40px) - Largest headings\n *\n * Visual size is independent of semantic level, allowing design\n * flexibility while maintaining proper document structure.\n */\n size?: TitleSize;\n\n /**\n * Color variant for the title text.\n *\n * @default undefined (inherits color from parent)\n *\n * @remarks\n * All color variants meet WCAG 2.1 Level AA contrast requirements (4.5:1 minimum):\n * - primary: Dark blue (#1e3a8a) - 8.59:1 contrast\n * - secondary: Gray (#4b5563) - 7.56:1 contrast\n * - accent: Purple (#7c3aed) - 4.62:1 contrast\n * - muted: Light gray (#6b7280) - 5.49:1 contrast\n * - inherit: Inherits color from parent element\n */\n color?: TitleColor;\n} & React.ComponentPropsWithoutRef<typeof UI>;\n\n/**\n * Title - A semantic heading component for document structure and hierarchy.\n *\n * The Title component renders semantic HTML headings (h1-h6) with proper\n * accessibility support. It ensures WCAG 2.1 AA compliance by maintaining\n * semantic document structure for screen readers and assistive technologies.\n *\n * ## Key Features\n *\n * - **Semantic HTML**: Renders actual heading elements (h1-h6) for proper document outline\n * - **Accessibility**: Full ARIA support and keyboard navigation\n * - **Flexible Styling**: Supports fpkit's UI system, custom classes, and inline styles\n * - **Type Safety**: Fully typed with TypeScript for developer experience\n * - **Performance**: Memoized to prevent unnecessary re-renders\n *\n * ## Accessibility Considerations\n *\n * ### WCAG 2.1 AA Compliance\n *\n * - **1.3.1 Info and Relationships (Level A)**: Semantic heading elements preserve\n * document structure for screen readers\n * - **2.4.6 Headings and Labels (Level AA)**: Headings should be descriptive and\n * properly ordered\n * - **2.4.10 Section Headings (Level AAA)**: Use headings to organize content\n *\n * ### Best Practices\n *\n * 1. **Maintain Heading Hierarchy**: Don't skip levels (e.g., h1 → h3)\n * 2. **One h1 Per Page**: Use h1 for the main page title only\n * 3. **Descriptive Text**: Headings should clearly describe the following content\n * 4. **Avoid Empty Headings**: Always provide meaningful text content\n *\n * ## Usage Examples\n *\n * @example\n * // Basic usage with default h2\n * <Title>Section Heading</Title>\n *\n * @example\n * // Page title with explicit h1\n * <Title level=\"h1\">Welcome to Our Application</Title>\n *\n * @example\n * // Subsection with custom styling\n * <Title\n * level=\"h3\"\n * id=\"getting-started\"\n * className=\"text-primary\"\n * >\n * Getting Started\n * </Title>\n *\n * @example\n * // With fpkit UI data attribute\n * <Title level=\"h2\" ui=\"section-title\">\n * Features Overview\n * </Title>\n *\n * @example\n * // Accessible heading with aria-label for context\n * <Title level=\"h2\" aria-label=\"User dashboard overview\">\n * Dashboard\n * </Title>\n *\n * @example\n * // Complex heading with mixed content\n * <Title level=\"h2\" id=\"stats\">\n * <Icon name=\"chart\" aria-hidden=\"true\" />\n * <span>Statistics</span>\n * </Title>\n *\n * @example\n * // ✅ GOOD: Proper heading hierarchy\n * <Title level=\"h1\">Page Title</Title>\n * <Title level=\"h2\">Main Section</Title>\n * <Title level=\"h3\">Subsection</Title>\n *\n * @example\n * // ❌ BAD: Skipping heading levels (accessibility violation)\n * <Title level=\"h1\">Page Title</Title>\n * <Title level=\"h4\">Skipped h2 and h3</Title>\n *\n * @param {TitleProps} props - Component props\n * @returns {React.ReactElement} A semantic heading element\n *\n * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html WCAG 1.3.1}\n * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html WCAG 2.4.6}\n */\nconst Title = React.memo(\n React.forwardRef<HTMLHeadingElement, TitleProps>(\n (\n {\n level = \"h2\",\n size,\n color,\n id,\n styles,\n ui,\n children,\n className,\n ...props\n }: TitleProps,\n ref\n ) => {\n // Construct space-separated data-title attribute\n const dataTitle = [size, color].filter(Boolean).join(\" \") || undefined;\n\n return (\n <UI\n as={level}\n id={id}\n styles={styles}\n data-ui={ui}\n data-title={dataTitle}\n classes={className}\n ref={ref}\n {...props}\n >\n {children}\n </UI>\n );\n }\n )\n);\n\nTitle.displayName = \"Title\";\n\nexport default Title;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}[role=alert]{--alert-success-bg: #e6f4ea;--alert-success-border: #34a853;--alert-success-text: #1e4620;--alert-error-bg: #fdeded;--alert-error-border: #d32f2f;--alert-error-text: #5f2120;--alert-warning-bg: #fff4e5;--alert-warning-border: #ff9800;--alert-warning-text: #663c00;--alert-info-bg: #e5f6fd;--alert-info-border: #0288d1;--alert-info-text: #084154;--alert-transition-duration: 0.3s;--alert-border: thin solid currentColor;background-color:var(--alert-bg, whitesmoke);border:var(--alert-border, currentColor);color:var(--alert-color, currentColor);padding:var(--alert-padding, var(--spc-4));margin-block-end:var(--alert-margin-block-end);font-size:var(--fs-0);line-height:1.6;display:flex;flex-direction:row;border-radius:var(--alert-radius, var(--border-radius));gap:var(--alert-gap, var(--spc-4));transition:opacity var(--alert-transition-duration) ease,transform var(--alert-transition-duration) ease;opacity:1;transform:translateY(0)}[role=alert]:not([data-visible=true]){opacity:0;transform:translateY(-0.5rem)}@media(prefers-reduced-motion: reduce){[role=alert]{transition-duration:.01ms}}[role=alert]:focus{outline:2px solid currentColor;outline-offset:2px}[role=alert]:focus:not(:focus-visible){outline:none}[role=alert] .alert-icon{margin-block-start:0;align-items:center}[role=alert] .alert-message{flex:2;margin-block-start:0}[role=alert] .alert-message .alert-title{margin-block-end:var(--spc-1, 0.25rem);margin-block-start:0;font-weight:var(--alert-title-fw, 600);font-size:var(--alert-title-fs, inherit);line-height:1.4}[role=alert] .alert-message h2.alert-title,[role=alert] .alert-message h3.alert-title,[role=alert] .alert-message h4.alert-title,[role=alert] .alert-message h5.alert-title,[role=alert] .alert-message h6.alert-title{margin:0;margin-block-end:var(--spc-1, 0.25rem);font-size:inherit;font-weight:var(--alert-title-fw, 600)}[role=alert][data-alert~=info]{--alert-bg: var(--alert-info-bg);--alert-color: var(--alert-info-text);border-color:var(--alert-info-border)}[role=alert][data-alert~=warning]{--alert-bg: var(--alert-warning-bg);--alert-color: var(--alert-warning-text);border-color:var(--alert-warning-border)}[role=alert][data-alert~=error]{--alert-bg: var(--alert-error-bg);--alert-color: var(--alert-error-text);border-color:var(--alert-error-border)}[role=alert][data-alert~=success]{--alert-bg: var(--alert-success-bg);--alert-color: var(--alert-success-text);border-color:var(--alert-success-border)}[role=alert] button[data-btn~=icon]{--btn-bg: transparent;align-items:flex-start}[role=alert][data-variant=filled]{border:none}[role=alert][data-variant=filled][data-alert~=info]{--alert-bg: var(--alert-info-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=warning]{--alert-bg: var(--alert-warning-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=error]{--alert-bg: var(--alert-error-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=success]{--alert-bg: var(--alert-success-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=default]{--alert-bg: #757575;--alert-color: white}[role=alert][data-variant=soft]{border:none}[role=alert] p{font-size:.875rem}/*# sourceMappingURL=alert.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/alert/alert.scss"],"names":[],"mappings":"AACA,SACE,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,mBACA,eAGF,aAEE,4BACA,gCACA,8BAGA,0BACA,8BACA,4BAGA,4BACA,gCACA,8BAGA,yBACA,6BACA,2BAGA,kCAEA,wCAEA,6CACA,yCACA,uCACA,2CACA,+CACA,sBACA,gBACA,aACA,mBACA,wDACA,mCAGA,WACE,8FAEF,UACA,wBAEA,sCACE,UACA,8BAGF,uCAlDF,aAmDI,2BAIF,mBACE,+BACA,mBAIF,uCACE,aAGF,yBACE,qBACA,mBAGF,4BACE,OACA,qBAGA,yCACE,uCACA,qBACA,uCACA,yCACA,gBAIF,uNAKE,SACA,uCACA,kBACA,uCAIJ,+BACE,iCACA,sCACA,sCAGF,kCACE,oCACA,yCACA,yCAGF,gCACE,kCACA,uCACA,uCAGF,kCACE,oCACA,yCACA,yCAIA,oCACE,sBACA,uBAKJ,kCACE,YAEA,oDACE,qCACA,qBAGF,uDACE,wCACA,qBAGF,qDACE,sCACA,qBAGF,uDACE,wCACA,qBAGF,uDACE,oBACA,qBAKJ,gCACE,YAQF,eACE","file":"alert.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}[role=alert]{--alert-success-bg: #e6f4ea;--alert-success-border: #34a853;--alert-success-text: #1e4620;--alert-error-bg: #fdeded;--alert-error-border: #d32f2f;--alert-error-text: #5f2120;--alert-warning-bg: #fff4e5;--alert-warning-border: #ff9800;--alert-warning-text: #663c00;--alert-info-bg: #e5f6fd;--alert-info-border: #0288d1;--alert-info-text: #084154;--alert-transition-duration: 0.3s;--alert-border: thin solid currentColor;background-color:var(--alert-bg, whitesmoke);border:var(--alert-border, currentColor);color:var(--alert-color, currentColor);padding:var(--alert-padding, var(--spc-4));margin-block-end:var(--alert-margin-block-end);font-size:var(--fs-0);line-height:1.6;display:flex;flex-direction:row;border-radius:var(--alert-radius, var(--border-radius));gap:var(--alert-gap, var(--spc-4));transition:opacity var(--alert-transition-duration) ease,transform var(--alert-transition-duration) ease;opacity:1;transform:translateY(0)}[role=alert]:not([data-visible=true]){opacity:0;transform:translateY(-0.5rem)}@media(prefers-reduced-motion: reduce){[role=alert]{transition-duration:.01ms}}[role=alert]:focus{outline:2px solid currentColor;outline-offset:2px}[role=alert]:focus:not(:focus-visible){outline:none}[role=alert] .alert-icon{margin-block-start:0;align-items:center}[role=alert] .alert-message{flex:2;margin-block-start:0}[role=alert] .alert-message .alert-title{margin-block-end:var(--spc-1, 0.25rem);margin-block-start:0;font-weight:var(--alert-title-fw, 600);font-size:var(--alert-title-fs, inherit);line-height:1.4}[role=alert] .alert-message h2.alert-title,[role=alert] .alert-message h3.alert-title,[role=alert] .alert-message h4.alert-title,[role=alert] .alert-message h5.alert-title,[role=alert] .alert-message h6.alert-title{margin:0;margin-block-end:var(--spc-1, 0.25rem);font-size:inherit;font-weight:var(--alert-title-fw, 600)}[role=alert][data-alert~=info]{--alert-bg: var(--alert-info-bg);--alert-color: var(--alert-info-text);border-color:var(--alert-info-border)}[role=alert][data-alert~=warning]{--alert-bg: var(--alert-warning-bg);--alert-color: var(--alert-warning-text);border-color:var(--alert-warning-border)}[role=alert][data-alert~=error]{--alert-bg: var(--alert-error-bg);--alert-color: var(--alert-error-text);border-color:var(--alert-error-border)}[role=alert][data-alert~=success]{--alert-bg: var(--alert-success-bg);--alert-color: var(--alert-success-text);border-color:var(--alert-success-border)}[role=alert] button[data-btn~=icon]{--btn-bg: transparent;align-items:flex-start}[role=alert][data-variant=filled]{border:none}[role=alert][data-variant=filled][data-alert~=info]{--alert-bg: var(--alert-info-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=warning]{--alert-bg: var(--alert-warning-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=error]{--alert-bg: var(--alert-error-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=success]{--alert-bg: var(--alert-success-border);--alert-color: white}[role=alert][data-variant=filled][data-alert~=default]{--alert-bg: #757575;--alert-color: white}[role=alert][data-variant=soft]{border:none}[role=alert] p{font-size:.875rem}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsU0FDRSxpQkFBQSxDQUNBLFNBQUEsQ0FDQSxVQUFBLENBQ0EsU0FBQSxDQUNBLFdBQUEsQ0FDQSxlQUFBLENBQ0EscUJBQUEsQ0FDQSxrQkFBQSxDQUNBLGNBQUEsQ0FHRixhQUVFLDJCQUFBLENBQ0EsK0JBQUEsQ0FDQSw2QkFBQSxDQUdBLHlCQUFBLENBQ0EsNkJBQUEsQ0FDQSwyQkFBQSxDQUdBLDJCQUFBLENBQ0EsK0JBQUEsQ0FDQSw2QkFBQSxDQUdBLHdCQUFBLENBQ0EsNEJBQUEsQ0FDQSwwQkFBQSxDQUdBLGlDQUFBLENBRUEsdUNBQUEsQ0FFQSw0Q0FBQSxDQUNBLHdDQUFBLENBQ0Esc0NBQUEsQ0FDQSwwQ0FBQSxDQUNBLDhDQUFBLENBQ0EscUJBQUEsQ0FDQSxlQUFBLENBQ0EsWUFBQSxDQUNBLGtCQUFBLENBQ0EsdURBQUEsQ0FDQSxrQ0FBQSxDQUdBLHdHQUNFLENBRUYsU0FBQSxDQUNBLHVCQUFBLENBRUEsc0NBQ0UsU0FBQSxDQUNBLDZCQUFBLENBR0YsdUNBbERGLGFBbURJLHlCQUFBLENBQUEsQ0FJRixtQkFDRSw4QkFBQSxDQUNBLGtCQUFBLENBSUYsdUNBQ0UsWUFBQSxDQUdGLHlCQUNFLG9CQUFBLENBQ0Esa0JBQUEsQ0FHRiw0QkFDRSxNQUFBLENBQ0Esb0JBQUEsQ0FHQSx5Q0FDRSxzQ0FBQSxDQUNBLG9CQUFBLENBQ0Esc0NBQUEsQ0FDQSx3Q0FBQSxDQUNBLGVBQUEsQ0FJRix1TkFLRSxRQUFBLENBQ0Esc0NBQUEsQ0FDQSxpQkFBQSxDQUNBLHNDQUFBLENBSUosK0JBQ0UsZ0NBQUEsQ0FDQSxxQ0FBQSxDQUNBLHFDQUFBLENBR0Ysa0NBQ0UsbUNBQUEsQ0FDQSx3Q0FBQSxDQUNBLHdDQUFBLENBR0YsZ0NBQ0UsaUNBQUEsQ0FDQSxzQ0FBQSxDQUNBLHNDQUFBLENBR0Ysa0NBQ0UsbUNBQUEsQ0FDQSx3Q0FBQSxDQUNBLHdDQUFBLENBSUEsb0NBQ0UscUJBQUEsQ0FDQSxzQkFBQSxDQUtKLGtDQUNFLFdBQUEsQ0FFQSxvREFDRSxvQ0FBQSxDQUNBLG9CQUFBLENBR0YsdURBQ0UsdUNBQUEsQ0FDQSxvQkFBQSxDQUdGLHFEQUNFLHFDQUFBLENBQ0Esb0JBQUEsQ0FHRix1REFDRSx1Q0FBQSxDQUNBLG9CQUFBLENBR0YsdURBQ0UsbUJBQUEsQ0FDQSxvQkFBQSxDQUtKLGdDQUNFLFdBQUEsQ0FRRixlQUNFLGlCQUFBIiwiZmlsZSI6ImFsZXJ0Lm1pbi5jc3MifQ== */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
sup:has(>span){--badge-bg: lightgray;--badge-color: currentColor;--badge-radius: 0.5rem;--badge-padding: 0.3rem;--badge-vertical-align: 0.5rem;--badge-fs: var(--fs-1);background-color:var(--badge-bg);color:var(--badge-color);padding:var(--badge-padding);border-radius:var(--badge-radius);vertical-align:var(--badge-vertical-align);font-size:var(--badge-fs)}sup:has(>span) span{color:inherit}sup:has(>span)[data-badge~=rounded]{--badge-radius: 50%;--badge-padding: 0;--badge-size: 1.5625rem;width:var(--badge-size);height:var(--badge-size);display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:.6875rem;font-weight:700;overflow:hidden;box-sizing:border-box}sup:has(>span)[data-badge~=rounded] span{max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;padding:0 .125rem}/*# sourceMappingURL=badge.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/badge/badge.scss"],"names":[],"mappings":"AAAA,eACE,sBACA,4BACA,uBACA,wBACA,+BACA,wBACA,iCACA,yBACA,6BACA,kCACA,2CACA,0BACA,oBACE,cAEF,oCACE,oBACA,mBACA,wBACA,wBACA,yBACA,oBACA,mBACA,uBACA,cACA,mBACA,gBACA,gBACA,sBACA,yCACE,eACA,gBACA,mBACA,mBACA","file":"badge.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
sup:has(>span){--badge-bg: lightgray;--badge-color: currentColor;--badge-radius: 0.5rem;--badge-padding: 0.3rem;--badge-vertical-align: 0.5rem;--badge-fs: var(--fs-1);background-color:var(--badge-bg);color:var(--badge-color);padding:var(--badge-padding);border-radius:var(--badge-radius);vertical-align:var(--badge-vertical-align);font-size:var(--badge-fs)}sup:has(>span) span{color:inherit}sup:has(>span)[data-badge~=rounded]{--badge-radius: 50%;--badge-padding: 0;--badge-size: 1.5625rem;width:var(--badge-size);height:var(--badge-size);display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:.6875rem;font-weight:700;overflow:hidden;box-sizing:border-box}sup:has(>span)[data-badge~=rounded] span{max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;padding:0 .125rem}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JhZGdlL2JhZGdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZUFDRSxxQkFBQSxDQUNBLDJCQUFBLENBQ0Esc0JBQUEsQ0FDQSx1QkFBQSxDQUNBLDhCQUFBLENBQ0EsdUJBQUEsQ0FDQSxnQ0FBQSxDQUNBLHdCQUFBLENBQ0EsNEJBQUEsQ0FDQSxpQ0FBQSxDQUNBLDBDQUFBLENBQ0EseUJBQUEsQ0FDQSxvQkFDRSxhQUFBLENBRUYsb0NBQ0UsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLHVCQUFBLENBQ0EsdUJBQUEsQ0FDQSx3QkFBQSxDQUNBLG1CQUFBLENBQ0Esa0JBQUEsQ0FDQSxzQkFBQSxDQUNBLGFBQUEsQ0FDQSxrQkFBQSxDQUNBLGVBQUEsQ0FDQSxlQUFBLENBQ0EscUJBQUEsQ0FDQSx5Q0FDRSxjQUFBLENBQ0EsZUFBQSxDQUNBLGtCQUFBLENBQ0Esa0JBQUEsQ0FDQSxpQkFBQSIsImZpbGUiOiJiYWRnZS5taW4uY3NzIn0= */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.box-padding-0{padding:0}.box-padding-xs{padding:var(--spacing-xs)}.box-padding-sm{padding:var(--spacing-sm)}.box-padding-md{padding:var(--spacing-md)}.box-padding-lg{padding:var(--spacing-lg)}.box-padding-xl{padding:var(--spacing-xl)}.box-padding-inline-0{padding-inline:0}.box-padding-inline-xs{padding-inline:var(--spacing-xs)}.box-padding-inline-sm{padding-inline:var(--spacing-sm)}.box-padding-inline-md{padding-inline:var(--spacing-md)}.box-padding-inline-lg{padding-inline:var(--spacing-lg)}.box-padding-inline-xl{padding-inline:var(--spacing-xl)}.box-padding-block-0{padding-block:0}.box-padding-block-xs{padding-block:var(--spacing-xs)}.box-padding-block-sm{padding-block:var(--spacing-sm)}.box-padding-block-md{padding-block:var(--spacing-md)}.box-padding-block-lg{padding-block:var(--spacing-lg)}.box-padding-block-xl{padding-block:var(--spacing-xl)}.box-margin-0{margin:0}.box-margin-xs{margin:var(--spacing-xs)}.box-margin-sm{margin:var(--spacing-sm)}.box-margin-md{margin:var(--spacing-md)}.box-margin-lg{margin:var(--spacing-lg)}.box-margin-xl{margin:var(--spacing-xl)}.box-margin-inline-0{margin-inline:0}.box-margin-inline-xs{margin-inline:var(--spacing-xs)}.box-margin-inline-sm{margin-inline:var(--spacing-sm)}.box-margin-inline-md{margin-inline:var(--spacing-md)}.box-margin-inline-lg{margin-inline:var(--spacing-lg)}.box-margin-inline-xl{margin-inline:var(--spacing-xl)}.box-margin-block-0{margin-block:0}.box-margin-block-xs{margin-block:var(--spacing-xs)}.box-margin-block-sm{margin-block:var(--spacing-sm)}.box-margin-block-md{margin-block:var(--spacing-md)}.box-margin-block-lg{margin-block:var(--spacing-lg)}.box-margin-block-xl{margin-block:var(--spacing-xl)}.box-width-auto{width:auto}.box-width-full{width:100%}.box-width-fit{width:fit-content}.box-width-max{width:max-content}.box-max-width-xs{max-width:var(--box-max-width-xs)}.box-max-width-sm{max-width:var(--box-max-width-sm)}.box-max-width-md{max-width:var(--box-max-width-md)}.box-max-width-lg{max-width:var(--box-max-width-lg)}.box-max-width-xl{max-width:var(--box-max-width-xl)}.box-max-width-container{max-width:var(--box-max-width-container)}.box-radius-0{border-radius:0}.box-radius-xs{border-radius:var(--box-radius-xs)}.box-radius-sm{border-radius:var(--box-radius-sm)}.box-radius-md{border-radius:var(--box-radius-md)}.box-radius-lg{border-radius:var(--box-radius-lg)}.box-radius-xl{border-radius:var(--box-radius-xl)}.box-radius-full{border-radius:var(--box-radius-full)}/*# sourceMappingURL=box.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/box/box.scss"],"names":[],"mappings":"AAaA,eACE,UAGF,gBACE,0BAGF,gBACE,0BAGF,gBACE,0BAGF,gBACE,0BAGF,gBACE,0BAIF,sBACE,iBAGF,uBACE,iCAGF,uBACE,iCAGF,uBACE,iCAGF,uBACE,iCAGF,uBACE,iCAIF,qBACE,gBAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAQF,cACE,SAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAIF,qBACE,gBAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAIF,oBACE,eAGF,qBACE,+BAGF,qBACE,+BAGF,qBACE,+BAGF,qBACE,+BAGF,qBACE,+BAOF,gBACE,WAGF,gBACE,WAGF,eACE,kBAGF,eACE,kBAOF,kBACE,kCAGF,kBACE,kCAGF,kBACE,kCAGF,kBACE,kCAGF,kBACE,kCAGF,yBACE,yCAOF,cACE,gBAGF,eACE,mCAGF,eACE,mCAGF,eACE,mCAGF,eACE,mCAGF,eACE,mCAGF,iBACE","file":"box.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.box-padding-0{padding:0}.box-padding-xs{padding:var(--spacing-xs)}.box-padding-sm{padding:var(--spacing-sm)}.box-padding-md{padding:var(--spacing-md)}.box-padding-lg{padding:var(--spacing-lg)}.box-padding-xl{padding:var(--spacing-xl)}.box-padding-inline-0{padding-inline:0}.box-padding-inline-xs{padding-inline:var(--spacing-xs)}.box-padding-inline-sm{padding-inline:var(--spacing-sm)}.box-padding-inline-md{padding-inline:var(--spacing-md)}.box-padding-inline-lg{padding-inline:var(--spacing-lg)}.box-padding-inline-xl{padding-inline:var(--spacing-xl)}.box-padding-block-0{padding-block:0}.box-padding-block-xs{padding-block:var(--spacing-xs)}.box-padding-block-sm{padding-block:var(--spacing-sm)}.box-padding-block-md{padding-block:var(--spacing-md)}.box-padding-block-lg{padding-block:var(--spacing-lg)}.box-padding-block-xl{padding-block:var(--spacing-xl)}.box-margin-0{margin:0}.box-margin-xs{margin:var(--spacing-xs)}.box-margin-sm{margin:var(--spacing-sm)}.box-margin-md{margin:var(--spacing-md)}.box-margin-lg{margin:var(--spacing-lg)}.box-margin-xl{margin:var(--spacing-xl)}.box-margin-inline-0{margin-inline:0}.box-margin-inline-xs{margin-inline:var(--spacing-xs)}.box-margin-inline-sm{margin-inline:var(--spacing-sm)}.box-margin-inline-md{margin-inline:var(--spacing-md)}.box-margin-inline-lg{margin-inline:var(--spacing-lg)}.box-margin-inline-xl{margin-inline:var(--spacing-xl)}.box-margin-block-0{margin-block:0}.box-margin-block-xs{margin-block:var(--spacing-xs)}.box-margin-block-sm{margin-block:var(--spacing-sm)}.box-margin-block-md{margin-block:var(--spacing-md)}.box-margin-block-lg{margin-block:var(--spacing-lg)}.box-margin-block-xl{margin-block:var(--spacing-xl)}.box-width-auto{width:auto}.box-width-full{width:100%}.box-width-fit{width:-moz-fit-content;width:fit-content}.box-width-max{width:-moz-max-content;width:max-content}.box-max-width-xs{max-width:var(--box-max-width-xs)}.box-max-width-sm{max-width:var(--box-max-width-sm)}.box-max-width-md{max-width:var(--box-max-width-md)}.box-max-width-lg{max-width:var(--box-max-width-lg)}.box-max-width-xl{max-width:var(--box-max-width-xl)}.box-max-width-container{max-width:var(--box-max-width-container)}.box-radius-0{border-radius:0}.box-radius-xs{border-radius:var(--box-radius-xs)}.box-radius-sm{border-radius:var(--box-radius-sm)}.box-radius-md{border-radius:var(--box-radius-md)}.box-radius-lg{border-radius:var(--box-radius-lg)}.box-radius-xl{border-radius:var(--box-radius-xl)}.box-radius-full{border-radius:var(--box-radius-full)}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JveC9ib3guc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhQSxlQUNFLFNBQUEsQ0FHRixnQkFDRSx5QkFBQSxDQUdGLGdCQUNFLHlCQUFBLENBR0YsZ0JBQ0UseUJBQUEsQ0FHRixnQkFDRSx5QkFBQSxDQUdGLGdCQUNFLHlCQUFBLENBSUYsc0JBQ0UsZ0JBQUEsQ0FHRix1QkFDRSxnQ0FBQSxDQUdGLHVCQUNFLGdDQUFBLENBR0YsdUJBQ0UsZ0NBQUEsQ0FHRix1QkFDRSxnQ0FBQSxDQUdGLHVCQUNFLGdDQUFBLENBSUYscUJBQ0UsZUFBQSxDQUdGLHNCQUNFLCtCQUFBLENBR0Ysc0JBQ0UsK0JBQUEsQ0FHRixzQkFDRSwrQkFBQSxDQUdGLHNCQUNFLCtCQUFBLENBR0Ysc0JBQ0UsK0JBQUEsQ0FRRixjQUNFLFFBQUEsQ0FHRixlQUNFLHdCQUFBLENBR0YsZUFDRSx3QkFBQSxDQUdGLGVBQ0Usd0JBQUEsQ0FHRixlQUNFLHdCQUFBLENBR0YsZUFDRSx3QkFBQSxDQUlGLHFCQUNFLGVBQUEsQ0FHRixzQkFDRSwrQkFBQSxDQUdGLHNCQUNFLCtCQUFBLENBR0Ysc0JBQ0UsK0JBQUEsQ0FHRixzQkFDRSwrQkFBQSxDQUdGLHNCQUNFLCtCQUFBLENBSUYsb0JBQ0UsY0FBQSxDQUdGLHFCQUNFLDhCQUFBLENBR0YscUJBQ0UsOEJBQUEsQ0FHRixxQkFDRSw4QkFBQSxDQUdGLHFCQUNFLDhCQUFBLENBR0YscUJBQ0UsOEJBQUEsQ0FPRixnQkFDRSxVQUFBLENBR0YsZ0JBQ0UsVUFBQSxDQUdGLGVBQ0Usc0JBQUEsQ0FBQSxpQkFBQSxDQUdGLGVBQ0Usc0JBQUEsQ0FBQSxpQkFBQSxDQU9GLGtCQUNFLGlDQUFBLENBR0Ysa0JBQ0UsaUNBQUEsQ0FHRixrQkFDRSxpQ0FBQSxDQUdGLGtCQUNFLGlDQUFBLENBR0Ysa0JBQ0UsaUNBQUEsQ0FHRix5QkFDRSx3Q0FBQSxDQU9GLGNBQ0UsZUFBQSxDQUdGLGVBQ0Usa0NBQUEsQ0FHRixlQUNFLGtDQUFBLENBR0YsZUFDRSxrQ0FBQSxDQUdGLGVBQ0Usa0NBQUEsQ0FHRixlQUNFLGtDQUFBLENBR0YsaUJBQ0Usb0NBQUEiLCJmaWxlIjoiYm94Lm1pbi5jc3MifQ== */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
nav:not(body>nav),nav[data-breadcrumb]{--breadcrumb-padding-inline: unset;--breadcrumb-display: flex;--breadcrumb-gap: 0.5rem;--breadcrumb-color: currentColor;--breadcrumb-current-color: rgb(46, 46, 46);--breadcrumb-fs: var(--fs-3);margin-inline:unset;padding-inline:unset}nav:not(body>nav) ol,nav[data-breadcrumb] ol{padding-inline:var(--breadcrumb-padding-inline);display:var(--breadcrumb-display);gap:var(--breadcrumb-gap)}nav:not(body>nav) ol li,nav[data-breadcrumb] ol li{padding-inline:unset;width:var(--breadcrumb-width, fit-content);text-transform:capitalize;display:flex;color:var(--breadcrumb-color);gap:.5rem;font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li span[aria-hidden=true],nav[data-breadcrumb] ol li span[aria-hidden=true]{opacity:.6}nav:not(body>nav) ol li a[href],nav[data-breadcrumb] ol li a[href]{font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li a[href][aria-current],nav[data-breadcrumb] ol li a[href][aria-current]{color:var(--breadcrumb-current-color);text-decoration:none}/*# sourceMappingURL=breadcrumb.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/breadcrumbs/breadcrumb.scss"],"names":[],"mappings":"AAAA,uCAEE,mCACA,2BACA,yBACA,iCACA,4CACA,6BACA,oBACA,qBACA,6CACE,gDACA,kCACA,0BACA,mDACE,qBACA,2CACA,0BACA,aACA,8BACA,UACA,+BACA,iGACE,WAEF,mEACE,+BACA,+FACE,sCACA","file":"breadcrumb.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
nav:not(body>nav),nav[data-breadcrumb]{--breadcrumb-padding-inline: unset;--breadcrumb-display: flex;--breadcrumb-gap: 0.5rem;--breadcrumb-color: currentColor;--breadcrumb-current-color: rgb(46, 46, 46);--breadcrumb-fs: var(--fs-3);margin-inline:unset;padding-inline:unset}nav:not(body>nav) ol,nav[data-breadcrumb] ol{padding-inline:var(--breadcrumb-padding-inline);display:var(--breadcrumb-display);gap:var(--breadcrumb-gap)}nav:not(body>nav) ol li,nav[data-breadcrumb] ol li{padding-inline:unset;width:var(--breadcrumb-width, -moz-fit-content);width:var(--breadcrumb-width, fit-content);text-transform:capitalize;display:flex;color:var(--breadcrumb-color);gap:.5rem;font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li span[aria-hidden=true],nav[data-breadcrumb] ol li span[aria-hidden=true]{opacity:.6}nav:not(body>nav) ol li a[href],nav[data-breadcrumb] ol li a[href]{font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li a[href][aria-current],nav[data-breadcrumb] ol li a[href][aria-current]{color:var(--breadcrumb-current-color);text-decoration:none}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1Q0FFRSxrQ0FBQSxDQUNBLDBCQUFBLENBQ0Esd0JBQUEsQ0FDQSxnQ0FBQSxDQUNBLDJDQUFBLENBQ0EsNEJBQUEsQ0FDQSxtQkFBQSxDQUNBLG9CQUFBLENBQ0EsNkNBQ0UsK0NBQUEsQ0FDQSxpQ0FBQSxDQUNBLHlCQUFBLENBQ0EsbURBQ0Usb0JBQUEsQ0FDQSwrQ0FBQSxDQUFBLDBDQUFBLENBQ0EseUJBQUEsQ0FDQSxZQUFBLENBQ0EsNkJBQUEsQ0FDQSxTQUFBLENBQ0EsOEJBQUEsQ0FDQSxpR0FDRSxVQUFBLENBRUYsbUVBQ0UsOEJBQUEsQ0FDQSwrRkFDRSxxQ0FBQSxDQUNBLG9CQUFBIiwiZmlsZSI6ImJyZWFkY3J1bWIubWluLmNzcyJ9 */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
button{--btn-size-xs: 0.6875rem;--btn-size-sm: 0.8125rem;--btn-size-md: 0.9375rem;--btn-size-lg: 1.125rem;--btn-pill: 100rem;--btn-fs: var(--btn-size-md);--btn-height: calc(var(--btn-fs) * 2.25);--btn-bg: lightgray;--btn-width: max-content;font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height);place-items:var(--btn-place, center);padding-inline:var(--btn-padding-inline, calc(var(--btn-fs) * 1.5));padding-block:var(--btn-padding-block, calc(var(--btn-fs) * 0.5));border:var(--btn-border, none);border-radius:var(--btn-radius, 0.375rem);text-decoration:var(--btn-deco, none);color:var(--btn-color, currentColor);display:var(--btn-display, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-whitespace, inherit);margin:var(--btn-spacing, 0);transition:var(--btn-transition, var(--tran-all, all 0.3s cubic-bezier(0.4, 0, 0.2, 1)));background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width);display:inline-flex;align-items:center;line-height:0cap}button[type]{background-color:var(--btn-bg, var(--neutral-300));--btn-border: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--primary-500, royal-blue);--btn-color: white}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){filter:var(--btn-hover-filter, brightness(0.85));transform:var(--btn-hover-transform, scale(1.03));outline:var(--btn-hover-outline, thin);outline-offset:var(--line-offset, 1px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5);filter:none}button:focus-visible{outline:var(--btn-focus-outline, 2px solid currentColor);outline-offset:var(--btn-focus-outline-offset, 1px)}button[type=reset]{--btn-bg: transparent;--btn-color: gray;--btn-border: gray thin solid}button[type=submit]{--btn-bg: var(--primary-700, blue);--btn-color: #fff;--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill]{border-radius:var(--btn-pill, 100rem)}button[data-btn~=xs],button .btn-xs{--btn-fs: var(--btn-size-xs);text-transform:uppercase}button[data-btn~=sm],button .btn-sm{--btn-fs: var(--btn-size-sm)}button[data-btn~=md],button .btn-md{--btn-fs: var(--btn-size-md)}button[data-btn~=lg],button .btn-lg{--btn-fs: var(--btn-size-lg)}button[data-btn~=icon],button .btn-icon{padding:unset;height:unset;--btn-bg: transparent;min-width:1.5rem;min-height:1.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}button[data-btn~=text],button .btn-text{--btn-bg: transparent;--btn-color: currentColor;--btn-border: none;--btn-height: unset;--btn-width: unset;--btn-padding-block: 0.75rem;--btn-padding-inline: 0.75rem}button[data-btn~=text]:is(:hover,:focus),button .btn-text:is(:hover,:focus){background-color:color-mix(in srgb, var(--btn-color) 10%, transparent);outline:.025rem solid var(--btn-color);outline-offset:0;filter:none}/*# sourceMappingURL=button.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/buttons/button.scss"],"names":[],"mappings":"AAAA,OAEE,yBACA,yBACA,yBACA,wBACA,mBACA,6BACA,yCACA,oBACA,yBAEA,wBACA,+BACA,yBACA,qCACA,oEACA,kEACA,+BACA,0CACA,sCACA,qCACA,wCACA,2BACA,2CACA,6BACA,yFAIA,2CACA,aACA,uBACA,oBACA,mBACA,iBAEA,aACE,mDACA,kCAGF,0CAEE,yCACA,mBAGF,4CAEE,sCAGA,gFACE,eAOJ,yBAEE,iDACA,kDACA,uCACA,uCAGA,6CACE,eACA,gCACA,YAIJ,qBACE,yDACA,oDAGF,mBACE,sBACA,kBACA,8BAGF,oBACE,mCACA,kBACA,mBAGF,0EAGE,sCAGF,oCAEE,6BACA,yBAGF,oCAEE,6BAGF,oCAEE,6BAGF,oCAEE,6BAGF,wCAEE,cACA,aACA,sBACA,iBACA,kBACA,kBACA,oBACA,mBACA,uBAGF,wCAEE,sBACA,0BACA,mBACA,oBACA,mBACA,6BACA,8BACA,4EACE,uEACA,uCACA,iBACA","file":"button.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
button{--btn-size-xs: 0.6875rem;--btn-size-sm: 0.8125rem;--btn-size-md: 0.9375rem;--btn-size-lg: 1.125rem;--btn-pill: 100rem;--btn-fs: var(--btn-size-md);--btn-height: calc(var(--btn-fs) * 2.25);--btn-bg: lightgray;--btn-width: max-content;font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height);place-items:var(--btn-place, center);padding-inline:var(--btn-padding-inline, calc(var(--btn-fs) * 1.5));padding-block:var(--btn-padding-block, calc(var(--btn-fs) * 0.5));border:var(--btn-border, none);border-radius:var(--btn-radius, 0.375rem);-webkit-text-decoration:var(--btn-deco, none);text-decoration:var(--btn-deco, none);color:var(--btn-color, currentColor);display:var(--btn-display, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-whitespace, inherit);margin:var(--btn-spacing, 0);transition:var(--btn-transition, var(--tran-all, all 0.3s cubic-bezier(0.4, 0, 0.2, 1)));background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width);display:inline-flex;align-items:center;line-height:0cap}button[type]{background-color:var(--btn-bg, var(--neutral-300));--btn-border: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--primary-500, royal-blue);--btn-color: white}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){filter:var(--btn-hover-filter, brightness(0.85));transform:var(--btn-hover-transform, scale(1.03));outline:var(--btn-hover-outline, thin);outline-offset:var(--line-offset, 1px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5);filter:none}button:focus-visible{outline:var(--btn-focus-outline, 2px solid currentColor);outline-offset:var(--btn-focus-outline-offset, 1px)}button[type=reset]{--btn-bg: transparent;--btn-color: gray;--btn-border: gray thin solid}button[type=submit]{--btn-bg: var(--primary-700, blue);--btn-color: #fff;--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill]{border-radius:var(--btn-pill, 100rem)}button[data-btn~=xs],button .btn-xs{--btn-fs: var(--btn-size-xs);text-transform:uppercase}button[data-btn~=sm],button .btn-sm{--btn-fs: var(--btn-size-sm)}button[data-btn~=md],button .btn-md{--btn-fs: var(--btn-size-md)}button[data-btn~=lg],button .btn-lg{--btn-fs: var(--btn-size-lg)}button[data-btn~=icon],button .btn-icon{padding:unset;height:unset;--btn-bg: transparent;min-width:1.5rem;min-height:1.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}button[data-btn~=text],button .btn-text{--btn-bg: transparent;--btn-color: currentColor;--btn-border: none;--btn-height: unset;--btn-width: unset;--btn-padding-block: 0.75rem;--btn-padding-inline: 0.75rem}button[data-btn~=text]:is(:hover,:focus),button .btn-text:is(:hover,:focus){background-color:color-mix(in srgb, var(--btn-color) 10%, transparent);outline:.025rem solid var(--btn-color);outline-offset:0;filter:none}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbnMvYnV0dG9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FFRSx3QkFBQSxDQUNBLHdCQUFBLENBQ0Esd0JBQUEsQ0FDQSx1QkFBQSxDQUNBLGtCQUFBLENBQ0EsNEJBQUEsQ0FDQSx3Q0FBQSxDQUNBLG1CQUFBLENBQ0Esd0JBQUEsQ0FFQSx1QkFBQSxDQUNBLDhCQUFBLENBQ0Esd0JBQUEsQ0FDQSxvQ0FBQSxDQUNBLG1FQUFBLENBQ0EsaUVBQUEsQ0FDQSw4QkFBQSxDQUNBLHlDQUFBLENBQ0EsNkNBQUEsQ0FBQSxxQ0FBQSxDQUNBLG9DQUFBLENBQ0EsdUNBQUEsQ0FDQSwwQkFBQSxDQUNBLDBDQUFBLENBQ0EsNEJBQUEsQ0FDQSx3RkFBQSxDQUlBLDBDQUFBLENBQ0EsWUFBQSxDQUNBLHNCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLGdCQUFBLENBRUEsYUFDRSxrREFBQSxDQUNBLGlDQUFBLENBR0YsMENBRUUsd0NBQUEsQ0FDQSxrQkFBQSxDQUdGLDRDQUVFLHFDQUFBLENBR0EsZ0ZBQ0UsY0FBQSxDQU9KLHlCQUVFLGdEQUFBLENBQ0EsaURBQUEsQ0FDQSxzQ0FBQSxDQUNBLHNDQUFBLENBR0EsNkNBQ0UsY0FBQSxDQUNBLCtCQUFBLENBQ0EsV0FBQSxDQUlKLHFCQUNFLHdEQUFBLENBQ0EsbURBQUEsQ0FHRixtQkFDRSxxQkFBQSxDQUNBLGlCQUFBLENBQ0EsNkJBQUEsQ0FHRixvQkFDRSxrQ0FBQSxDQUNBLGlCQUFBLENBQ0Esa0JBQUEsQ0FHRiwwRUFHRSxxQ0FBQSxDQUdGLG9DQUVFLDRCQUFBLENBQ0Esd0JBQUEsQ0FHRixvQ0FFRSw0QkFBQSxDQUdGLG9DQUVFLDRCQUFBLENBR0Ysb0NBRUUsNEJBQUEsQ0FHRix3Q0FFRSxhQUFBLENBQ0EsWUFBQSxDQUNBLHFCQUFBLENBQ0EsZ0JBQUEsQ0FDQSxpQkFBQSxDQUNBLGlCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLHNCQUFBLENBR0Ysd0NBRUUscUJBQUEsQ0FDQSx5QkFBQSxDQUNBLGtCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLDRCQUFBLENBQ0EsNkJBQUEsQ0FDQSw0RUFDRSxzRUFBQSxDQUNBLHNDQUFBLENBQ0EsZ0JBQUEsQ0FDQSxXQUFBIiwiZmlsZSI6ImJ1dHRvbi5taW4uY3NzIn0= */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*# sourceMappingURL=card-style.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"card-style.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--card-padding: 1.5rem;--card-bg: var(--color-surface, #ffffff);--card-radius: calc(var(--card-padding) / 4);--card-gap: 1rem;--card-header-padding: 1rem 1.5rem;--card-header-bg: var(--color-surface-secondary, #f8f9fa);--card-header-border-bottom-width: 0.0625rem;--card-header-border-bottom-style: solid;--card-header-border-bottom-color: var(--color-border, #dee2e6);--card-body-padding: 1.5rem;--card-footer-padding: 1rem 1.5rem;--card-footer-bg: var(--color-surface-secondary, #f8f9fa);--card-footer-border-top-width: 0.0625rem;--card-footer-border-top-style: solid;--card-footer-border-top-color: var(--color-border, #dee2e6)}[data-card],[data-component~=card]{display:flex;flex-direction:column;gap:var(--card-gap);border-radius:var(--card-radius);border:var(--card-border, 0.0625rem solid rgba(0, 0, 0, 0.08));background-color:var(--card-bg);text-align:var(--card-align, left)}[data-card] h3,[data-card] h2,[data-component~=card] h3,[data-component~=card] h2{margin-block-end:0;padding-block-end:0}[data-card]+div,[data-component~=card]+div{margin-block-start:0}[data-card]>article,[data-component~=card]>article{display:flex;flex-direction:column;flex:2}[data-card]>*:not(img),[data-component~=card]>*:not(img){padding-inline:var(--card-padding)}[data-card]>*:last-child:not(img),[data-component~=card]>*:last-child:not(img){padding-block-end:var(--card-padding)}[data-card]>*:first-child:not(img),[data-component~=card]>*:first-child:not(img){padding-block-start:calc(var(--card-padding) - .5rem)}[data-card]>header,[data-card]>[data-card-header],[data-component~=card]>header,[data-component~=card]>[data-card-header]{padding:var(--card-header-padding);background-color:var(--card-header-bg);border-bottom:var(--card-header-border-bottom-width) var(--card-header-border-bottom-style) var(--card-header-border-bottom-color);border-radius:var(--card-radius) var(--card-radius) 0 0}[data-card]>[data-card-body],[data-component~=card]>[data-card-body]{padding:var(--card-body-padding);flex:1}[data-card]>footer,[data-card]>[data-card-footer],[data-component~=card]>footer,[data-component~=card]>[data-card-footer]{padding:var(--card-footer-padding);background-color:var(--card-footer-bg);border-top:var(--card-footer-border-top-width) var(--card-footer-border-top-style) var(--card-footer-border-top-color);border-radius:0 0 var(--card-radius) var(--card-radius)}[data-card=interactive]{--card-transition-duration: 0.2s;--card-transition-timing: ease;--card-hover-lift: -0.125rem;--card-hover-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);cursor:pointer;transition:box-shadow var(--card-transition-duration) var(--card-transition-timing),transform var(--card-transition-duration) var(--card-transition-timing)}[data-card=interactive]:hover{transform:translateY(var(--card-hover-lift));box-shadow:var(--card-hover-shadow)}[data-card=interactive]:focus-visible{outline:.125rem solid var(--color-focus, #0066cc);outline-offset:.125rem}[data-card=interactive]:focus:not(:focus-visible){outline:none}/*# sourceMappingURL=card.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/cards/card.scss"],"names":[],"mappings":"AAAA,MAEE,uBACA,yCACA,6CACA,iBAGA,mCACA,0DACA,6CACA,yCACA,gEAEA,4BAEA,mCACA,0DACA,0CACA,sCACA,6DAGF,mCAEE,aACA,sBACA,oBACA,iCACA,+DACA,gCACA,mCAEA,kFAEE,mBACA,oBAEF,2CACE,qBAEF,mDACE,aACA,sBACA,OAGF,yDACE,mCAEF,+EACE,sCAEF,iFAGE,sDAIF,0HAEE,mCACA,uCACA,mIACA,wDAGF,qEACE,iCACA,OAGF,0HAEE,mCACA,uCACA,uHACA,wDAKJ,wBACE,iCACA,+BACA,6BACA,2DAEA,eACA,WACE,iJAGF,8BACE,6CACA,oCAIF,sCACE,kDACA,uBAIF,kDACE","file":"card.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
:root{--card-padding: 1.5rem;--card-bg: var(--color-surface, #ffffff);--card-radius: calc(var(--card-padding) / 4);--card-gap: 1rem;--card-header-padding: 1rem 1.5rem;--card-header-bg: var(--color-surface-secondary, #f8f9fa);--card-header-border-bottom-width: 0.0625rem;--card-header-border-bottom-style: solid;--card-header-border-bottom-color: var(--color-border, #dee2e6);--card-body-padding: 1.5rem;--card-footer-padding: 1rem 1.5rem;--card-footer-bg: var(--color-surface-secondary, #f8f9fa);--card-footer-border-top-width: 0.0625rem;--card-footer-border-top-style: solid;--card-footer-border-top-color: var(--color-border, #dee2e6)}[data-card],[data-component~=card]{display:flex;flex-direction:column;gap:var(--card-gap);border-radius:var(--card-radius);border:var(--card-border, 0.0625rem solid rgba(0, 0, 0, 0.08));background-color:var(--card-bg);text-align:var(--card-align, left)}[data-card] h3,[data-card] h2,[data-component~=card] h3,[data-component~=card] h2{margin-block-end:0;padding-block-end:0}[data-card]+div,[data-component~=card]+div{margin-block-start:0}[data-card]>article,[data-component~=card]>article{display:flex;flex-direction:column;flex:2}[data-card]>*:not(img),[data-component~=card]>*:not(img){padding-inline:var(--card-padding)}[data-card]>*:last-child:not(img),[data-component~=card]>*:last-child:not(img){padding-block-end:var(--card-padding)}[data-card]>*:first-child:not(img),[data-component~=card]>*:first-child:not(img){padding-block-start:calc(var(--card-padding) - .5rem)}[data-card]>header,[data-card]>[data-card-header],[data-component~=card]>header,[data-component~=card]>[data-card-header]{padding:var(--card-header-padding);background-color:var(--card-header-bg);border-bottom:var(--card-header-border-bottom-width) var(--card-header-border-bottom-style) var(--card-header-border-bottom-color);border-radius:var(--card-radius) var(--card-radius) 0 0}[data-card]>[data-card-body],[data-component~=card]>[data-card-body]{padding:var(--card-body-padding);flex:1}[data-card]>footer,[data-card]>[data-card-footer],[data-component~=card]>footer,[data-component~=card]>[data-card-footer]{padding:var(--card-footer-padding);background-color:var(--card-footer-bg);border-top:var(--card-footer-border-top-width) var(--card-footer-border-top-style) var(--card-footer-border-top-color);border-radius:0 0 var(--card-radius) var(--card-radius)}[data-card=interactive]{--card-transition-duration: 0.2s;--card-transition-timing: ease;--card-hover-lift: -0.125rem;--card-hover-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);cursor:pointer;transition:box-shadow var(--card-transition-duration) var(--card-transition-timing),transform var(--card-transition-duration) var(--card-transition-timing)}[data-card=interactive]:hover{transform:translateY(var(--card-hover-lift));box-shadow:var(--card-hover-shadow)}[data-card=interactive]:focus-visible{outline:.125rem solid var(--color-focus, #0066cc);outline-offset:.125rem}[data-card=interactive]:focus:not(:focus-visible){outline:none}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhcmRzL2NhcmQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUVFLHNCQUFBLENBQ0Esd0NBQUEsQ0FDQSw0Q0FBQSxDQUNBLGdCQUFBLENBR0Esa0NBQUEsQ0FDQSx5REFBQSxDQUNBLDRDQUFBLENBQ0Esd0NBQUEsQ0FDQSwrREFBQSxDQUVBLDJCQUFBLENBRUEsa0NBQUEsQ0FDQSx5REFBQSxDQUNBLHlDQUFBLENBQ0EscUNBQUEsQ0FDQSw0REFBQSxDQUdGLG1DQUVFLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLG1CQUFBLENBQ0EsZ0NBQUEsQ0FDQSw4REFBQSxDQUNBLCtCQUFBLENBQ0Esa0NBQUEsQ0FFQSxrRkFFRSxrQkFBQSxDQUNBLG1CQUFBLENBRUYsMkNBQ0Usb0JBQUEsQ0FFRixtREFDRSxZQUFBLENBQ0EscUJBQUEsQ0FDQSxNQUFBLENBR0YseURBQ0Usa0NBQUEsQ0FFRiwrRUFDRSxxQ0FBQSxDQUVGLGlGQUdFLHFEQUFBLENBSUYsMEhBRUUsa0NBQUEsQ0FDQSxzQ0FBQSxDQUNBLGtJQUFBLENBQ0EsdURBQUEsQ0FHRixxRUFDRSxnQ0FBQSxDQUNBLE1BQUEsQ0FHRiwwSEFFRSxrQ0FBQSxDQUNBLHNDQUFBLENBQ0Esc0hBQUEsQ0FDQSx1REFBQSxDQUtKLHdCQUNFLGdDQUFBLENBQ0EsOEJBQUEsQ0FDQSw0QkFBQSxDQUNBLDBEQUFBLENBRUEsY0FBQSxDQUNBLDJKQUNFLENBR0YsOEJBQ0UsNENBQUEsQ0FDQSxtQ0FBQSxDQUlGLHNDQUNFLGlEQUFBLENBQ0Esc0JBQUEsQ0FJRixrREFDRSxZQUFBIiwiZmlsZSI6ImNhcmQubWluLmNzcyJ9 */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.cluster{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.cluster-gap-0{gap:0}.cluster-gap-xs{gap:var(--spacing-xs)}.cluster-gap-sm{gap:var(--spacing-sm)}.cluster-gap-md{gap:var(--spacing-md)}.cluster-gap-lg{gap:var(--spacing-lg)}.cluster-gap-xl{gap:var(--spacing-xl)}.cluster-justify-start{justify-content:flex-start}.cluster-justify-center{justify-content:center}.cluster-justify-end{justify-content:flex-end}.cluster-justify-between{justify-content:space-between}.cluster-align-start{align-items:flex-start}.cluster-align-center{align-items:center}.cluster-align-end{align-items:flex-end}.cluster-align-baseline{align-items:baseline}/*# sourceMappingURL=cluster.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/cluster/cluster.scss"],"names":[],"mappings":"AAaA,SACE,aACA,eACA,sBAOF,eACE,MAGF,gBACE,sBAGF,gBACE,sBAGF,gBACE,sBAGF,gBACE,sBAGF,gBACE,sBAOF,uBACE,2BAGF,wBACE,uBAGF,qBACE,yBAGF,yBACE,8BAOF,qBACE,uBAGF,sBACE,mBAGF,mBACE,qBAGF,wBACE","file":"cluster.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.cluster{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.cluster-gap-0{gap:0}.cluster-gap-xs{gap:var(--spacing-xs)}.cluster-gap-sm{gap:var(--spacing-sm)}.cluster-gap-md{gap:var(--spacing-md)}.cluster-gap-lg{gap:var(--spacing-lg)}.cluster-gap-xl{gap:var(--spacing-xl)}.cluster-justify-start{justify-content:flex-start}.cluster-justify-center{justify-content:center}.cluster-justify-end{justify-content:flex-end}.cluster-justify-between{justify-content:space-between}.cluster-align-start{align-items:flex-start}.cluster-align-center{align-items:center}.cluster-align-end{align-items:flex-end}.cluster-align-baseline{align-items:baseline}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NsdXN0ZXIvY2x1c3Rlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFBLFNBQ0UsWUFBQSxDQUNBLGNBQUEsQ0FDQSxxQkFBQSxDQU9GLGVBQ0UsS0FBQSxDQUdGLGdCQUNFLHFCQUFBLENBR0YsZ0JBQ0UscUJBQUEsQ0FHRixnQkFDRSxxQkFBQSxDQUdGLGdCQUNFLHFCQUFBLENBR0YsZ0JBQ0UscUJBQUEsQ0FPRix1QkFDRSwwQkFBQSxDQUdGLHdCQUNFLHNCQUFBLENBR0YscUJBQ0Usd0JBQUEsQ0FHRix5QkFDRSw2QkFBQSxDQU9GLHFCQUNFLHNCQUFBLENBR0Ysc0JBQ0Usa0JBQUEsQ0FHRixtQkFDRSxvQkFBQSxDQUdGLHdCQUNFLG9CQUFBIiwiZmlsZSI6ImNsdXN0ZXIubWluLmNzcyJ9 */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
details{--details-border: 0.0625rem solid #dfdfdf;--details-direction: column;--details-display: flex;--details-gap: 0rem;--details-height: max-content;--details-justify: flex-start;--details-padding-inline: 1.5rem;--details-padding-block: 1rem;--details-radius: 0;--details-width: 100%;--details-max-height-closed: 6.25rem;--details-max-height-open: 50rem;--summary-align: center;--summary-cursor: pointer;--summary-display: flex;--summary-gap: 0.5rem;--summary-justify: flex-start;--summary-transitions: all 0.75s ease-in-out;interpolate-size:allow-keywords;display:var(--details-display);flex-direction:var(--details-direction);justify-content:var(--details-justify);gap:var(--details-gap);width:var(--details-width);border:var(--details-border);border-left:none;border-right:none;transition:var(--summary-transitions);max-height:var(--details-max-height-closed);overflow:clip}@starting-style{details{transition:var(--summary-transitions);color:red}}details+details{border-radius:0;border-top:none}details:first-of-type{border-radius:var(--details-radius) var(--details-radius) 0 0}details:last-of-type{border-radius:0 0 var(--details-radius) var(--details-radius)}details:only-of-type{border-radius:var(--details-radius)}details::marker{content:none}details summary{display:var(--summary-display);justify-content:var(--summary-justify);align-items:var(--summary-align);padding-inline:var(--summary-padding-inline, var(--details-padding-inline));padding-block:var(--summary-padding-block, var(--details-padding-block));gap:var(--summary-gap);list-style:none;border-top-left-radius:var(--details-radius);border-top-right-radius:var(--details-radius);transition:var(--summary-transitions)}details summary::-webkit-details-marker{display:none}details summary:focus-within{outline:none;border-bottom:solid 2px currentColor;background-color:#f5f5f5}details summary:hover{cursor:var(--summary-cursor)}details summary>section{width:var(--details-width)}details .list-styles summary{border-left:none;border-right:none}details>section{padding-inline:var(--details-padding-inline);padding-block:var(--details-padding-block);margin-block-start:0;border:1px rgba(0,0,0,0) solid}details[open]{max-height:max-content;transition:var(--summary-transitions)}details[open]>summary{border-bottom:var(--details-border)}details[open]>section{max-height:var(--details-max-height-open)}@starting-style{details[open]>section{max-height:0}}@supports(transition-behavior: allow-discrete){@starting-style{details{max-height:0;transition:var(--summary-transitions)}}}/*# sourceMappingURL=details.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/details/details.scss"],"names":[],"mappings":"AAAA,QACE,0CACA,4BACA,wBACA,oBACA,8BACA,8BACA,iCACA,8BACA,oBACA,sBACA,qCACA,iCACA,wBACA,0BACA,wBACA,sBACA,8BACA,6CAEA,gCACA,+BACA,wCACA,uCACA,uBACA,2BACA,6BACA,iBACA,kBACA,sCACA,4CACA,cAEA,gBAjCF,QAkCI,sCACA,WAGF,gBACE,gBACA,gBAGF,sBACE,8DAGF,qBACE,8DAIF,qBACE,oCAGF,gBACE,aAGF,gBACE,+BACA,uCACA,iCACA,4EACA,yEACA,uBACA,gBACA,6CACA,8CACA,sCAEA,wCACE,aAGF,6BACE,aACA,qCACA,yBAIF,sBACE,6BAEF,wBACE,2BAKF,6BACE,iBACA,kBAIJ,gBACE,6CACA,2CACA,qBACA,+BAGF,cACE,uBACA,sCACA,sBACE,oCAEF,sBACE,0CACA,gBAFF,sBAGI,cAKN,+CACE,gBAxHJ,QAyHM,aACA","file":"details.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
details{--details-border: 0.0625rem solid #dfdfdf;--details-direction: column;--details-display: flex;--details-gap: 0rem;--details-height: max-content;--details-justify: flex-start;--details-padding-inline: 1.5rem;--details-padding-block: 1rem;--details-radius: 0;--details-width: 100%;--details-max-height-closed: 6.25rem;--details-max-height-open: 50rem;--summary-align: center;--summary-cursor: pointer;--summary-display: flex;--summary-gap: 0.5rem;--summary-justify: flex-start;--summary-transitions: all 0.75s ease-in-out;interpolate-size:allow-keywords;display:var(--details-display);flex-direction:var(--details-direction);justify-content:var(--details-justify);gap:var(--details-gap);width:var(--details-width);border:var(--details-border);border-left:none;border-right:none;transition:var(--summary-transitions);max-height:var(--details-max-height-closed);overflow:clip}@starting-style{details{transition:var(--summary-transitions);color:red}}details+details{border-radius:0;border-top:none}details:first-of-type{border-radius:var(--details-radius) var(--details-radius) 0 0}details:last-of-type{border-radius:0 0 var(--details-radius) var(--details-radius)}details:only-of-type{border-radius:var(--details-radius)}details::marker{content:none}details summary{display:var(--summary-display);justify-content:var(--summary-justify);align-items:var(--summary-align);padding-inline:var(--summary-padding-inline, var(--details-padding-inline));padding-block:var(--summary-padding-block, var(--details-padding-block));gap:var(--summary-gap);list-style:none;border-top-left-radius:var(--details-radius);border-top-right-radius:var(--details-radius);transition:var(--summary-transitions)}details summary::-webkit-details-marker{display:none}details summary:focus-within{outline:none;border-bottom:solid 2px currentColor;background-color:#f5f5f5}details summary:hover{cursor:var(--summary-cursor)}details summary>section{width:var(--details-width)}details .list-styles summary{border-left:none;border-right:none}details>section{padding-inline:var(--details-padding-inline);padding-block:var(--details-padding-block);margin-block-start:0;border:1px rgba(0,0,0,0) solid}details[open]{max-height:-moz-max-content;max-height:max-content;transition:var(--summary-transitions)}details[open]>summary{border-bottom:var(--details-border)}details[open]>section{max-height:var(--details-max-height-open)}@starting-style{details[open]>section{max-height:0}}@supports(transition-behavior: allow-discrete){@starting-style{details{max-height:0;transition:var(--summary-transitions)}}}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RldGFpbHMvZGV0YWlscy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFFBQ0UseUNBQUEsQ0FDQSwyQkFBQSxDQUNBLHVCQUFBLENBQ0EsbUJBQUEsQ0FDQSw2QkFBQSxDQUNBLDZCQUFBLENBQ0EsZ0NBQUEsQ0FDQSw2QkFBQSxDQUNBLG1CQUFBLENBQ0EscUJBQUEsQ0FDQSxvQ0FBQSxDQUNBLGdDQUFBLENBQ0EsdUJBQUEsQ0FDQSx5QkFBQSxDQUNBLHVCQUFBLENBQ0EscUJBQUEsQ0FDQSw2QkFBQSxDQUNBLDRDQUFBLENBRUEsK0JBQUEsQ0FDQSw4QkFBQSxDQUNBLHVDQUFBLENBQ0Esc0NBQUEsQ0FDQSxzQkFBQSxDQUNBLDBCQUFBLENBQ0EsNEJBQUEsQ0FDQSxnQkFBQSxDQUNBLGlCQUFBLENBQ0EscUNBQUEsQ0FDQSwyQ0FBQSxDQUNBLGFBQUEsQ0FFQSxnQkFqQ0YsUUFrQ0kscUNBQUEsQ0FDQSxTQUFBLENBQUEsQ0FHRixnQkFDRSxlQUFBLENBQ0EsZUFBQSxDQUdGLHNCQUNFLDZEQUFBLENBR0YscUJBQ0UsNkRBQUEsQ0FJRixxQkFDRSxtQ0FBQSxDQUdGLGdCQUNFLFlBQUEsQ0FHRixnQkFDRSw4QkFBQSxDQUNBLHNDQUFBLENBQ0EsZ0NBQUEsQ0FDQSwyRUFBQSxDQUNBLHdFQUFBLENBQ0Esc0JBQUEsQ0FDQSxlQUFBLENBQ0EsNENBQUEsQ0FDQSw2Q0FBQSxDQUNBLHFDQUFBLENBRUEsd0NBQ0UsWUFBQSxDQUdGLDZCQUNFLFlBQUEsQ0FDQSxvQ0FBQSxDQUNBLHdCQUFBLENBSUYsc0JBQ0UsNEJBQUEsQ0FFRix3QkFDRSwwQkFBQSxDQUtGLDZCQUNFLGdCQUFBLENBQ0EsaUJBQUEsQ0FJSixnQkFDRSw0Q0FBQSxDQUNBLDBDQUFBLENBQ0Esb0JBQUEsQ0FDQSw4QkFBQSxDQUdGLGNBQ0UsMkJBQUEsQ0FBQSxzQkFBQSxDQUNBLHFDQUFBLENBQ0Esc0JBQ0UsbUNBQUEsQ0FFRixzQkFDRSx5Q0FBQSxDQUNBLGdCQUZGLHNCQUdJLFlBQUEsQ0FBQSxDQUtOLCtDQUNFLGdCQXhISixRQXlITSxZQUFBLENBQ0EscUNBQUEsQ0FBQSxDQUFBIiwiZmlsZSI6ImRldGFpbHMubWluLmNzcyJ9 */
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../../chunk-
|
|
5
|
+
var chunk75YQDONV_cjs = require('../../chunk-75YQDONV.cjs');
|
|
6
|
+
require('../../chunk-AOFQDQVS.cjs');
|
|
7
7
|
require('../../chunk-5CJPTDK3.cjs');
|
|
8
8
|
require('../../chunk-5QSNJQVH.cjs');
|
|
9
9
|
require('../../chunk-PNWIRCG3.cjs');
|
|
@@ -14,11 +14,11 @@ require('../../chunk-EJ6KYBFE.cjs');
|
|
|
14
14
|
|
|
15
15
|
Object.defineProperty(exports, 'Dialog', {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
17
|
+
get: function () { return chunk75YQDONV_cjs.a; }
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, 'default', {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
21
|
+
get: function () { return chunk75YQDONV_cjs.b; }
|
|
22
22
|
});
|
|
23
23
|
//# sourceMappingURL=out.js.map
|
|
24
24
|
//# sourceMappingURL=dialog.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--dialog-min-width: max(20rem, 80%);--dialog-gap: 0.625rem;--dialog-border-color: lightgray;--dialog-border-width: thin;--dialog-border-style: solid;--dialog-border-radius: var(--border-radius);--dialog-padding: 1.5rem;--dialog-padding-inline: 1rem;--dialog-close-color: gray;--dialog-button-bg: transparent;--dialog-button-border: transparent thin solid;--dialog-button-hover-bg: whitesmoke;--dialog-display: flex;--dialog-flex-direction: column;--dialog-focus-color: #0066cc;--dialog-focus-width: 0.125rem;--dialog-focus-offset: 0.125rem;--dialog-focus-outline: var(--dialog-focus-width) solid var(--dialog-focus-color)}@media(prefers-contrast: high){:root{--dialog-border-color: currentColor;--dialog-border-width: 0.125rem;--dialog-close-color: currentColor;--dialog-button-border: currentColor 0.125rem solid;--dialog-focus-width: 0.1875rem}}dialog{width:var(--dialog-min-width);min-width:var(--dialog-min-width);gap:var(--dialog-gap);border:var(--dialog-border-color) var(--dialog-border-width) solid;border-radius:var(--dialog-border-radius);padding:var(--dialog-padding);padding-block-start:var(--dialog-padding)}dialog:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}dialog[open]{display:var(--dialog-display);flex-direction:var(--dialog-flex-direction);gap:var(--dialog-gap)}dialog section{width:100%;display:flex;justify-content:start;gap:var(--dialog-gap);flex-direction:var(--dialog-flex-direction);margin-block-start:0;--sect-y: 0}.dialog-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%}.dialog-header h3{margin-block-start:0;margin-block-end:0}.dialog-header .dialog-close{margin-block-end:0}.dialog-header button[type=button]{background-color:var(--dialog-button-bg);border:var(--dialog-button-border);cursor:pointer}.dialog-header button[type=button]:hover{border-color:var(--dialog-close-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset);border-color:var(--dialog-focus-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus:not(:focus-visible){outline:none}.alert-dialog-actions,.dialog-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:var(--dialog-footer-justify, flex-end);gap:var(--dialog-gap);width:100%}.alert-dialog-actions button:focus-visible,.dialog-footer button:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}.alert-dialog-actions button:focus:not(:focus-visible),.dialog-footer button:focus:not(:focus-visible){outline:none}/*# sourceMappingURL=dialog.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/dialog/dialog.scss"],"names":[],"mappings":"AAAA,MACE,oCACA,uBACA,iCACA,4BACA,6BACA,6CACA,yBACA,8BACA,2BACA,gCACA,+CACA,qCACA,uBACA,gCAGA,8BACA,+BACA,gCACA,kFAIF,+BACE,MACE,oCACA,gCACA,mCACA,oDACA,iCAIJ,OACE,8BACA,kCACA,sBACA,mEACA,0CACA,8BACA,0CAGA,qBACE,oCACA,0CAGF,aACE,8BACA,4CACA,sBAGF,eACE,WACA,aACA,sBACA,sBACA,4CACA,qBACA,YAIJ,eACE,aACA,8BACA,mBACA,WACA,eAEA,kBACE,qBACA,mBAGF,6BACE,mBAGF,mCACE,yCACA,mCACA,eAEA,yCACE,uCACA,+CAIF,iDACE,oCACA,0CACA,uCACA,+CAIF,6DACE,aAKN,qCAEE,aACA,mBACA,eACA,uDACA,sBACA,WAGA,+EACE,oCACA,0CAGF,uGACE","file":"dialog.css"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { a as Dialog, b as default } from '../../chunk-
|
|
2
|
-
import '../../chunk-
|
|
1
|
+
export { a as Dialog, b as default } from '../../chunk-G3TFKMWB.js';
|
|
2
|
+
import '../../chunk-Q7OAQLUT.js';
|
|
3
3
|
import '../../chunk-M7JLT62Q.js';
|
|
4
4
|
import '../../chunk-TF3GQKOY.js';
|
|
5
5
|
import '../../chunk-BFK62VX5.js';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
:root{--dialog-min-width: max(20rem, 80%);--dialog-gap: 0.625rem;--dialog-border-color: lightgray;--dialog-border-width: thin;--dialog-border-style: solid;--dialog-border-radius: var(--border-radius);--dialog-padding: 1.5rem;--dialog-padding-inline: 1rem;--dialog-close-color: gray;--dialog-button-bg: transparent;--dialog-button-border: transparent thin solid;--dialog-button-hover-bg: whitesmoke;--dialog-display: flex;--dialog-flex-direction: column;--dialog-focus-color: #0066cc;--dialog-focus-width: 0.125rem;--dialog-focus-offset: 0.125rem;--dialog-focus-outline: var(--dialog-focus-width) solid var(--dialog-focus-color)}@media(prefers-contrast: high){:root{--dialog-border-color: currentColor;--dialog-border-width: 0.125rem;--dialog-close-color: currentColor;--dialog-button-border: currentColor 0.125rem solid;--dialog-focus-width: 0.1875rem}}dialog{width:var(--dialog-min-width);min-width:var(--dialog-min-width);gap:var(--dialog-gap);border:var(--dialog-border-color) var(--dialog-border-width) solid;border-radius:var(--dialog-border-radius);padding:var(--dialog-padding);padding-block-start:var(--dialog-padding)}dialog:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}dialog[open]{display:var(--dialog-display);flex-direction:var(--dialog-flex-direction);gap:var(--dialog-gap)}dialog section{width:100%;display:flex;justify-content:start;gap:var(--dialog-gap);flex-direction:var(--dialog-flex-direction);margin-block-start:0;--sect-y: 0}.dialog-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%}.dialog-header h3{margin-block-start:0;margin-block-end:0}.dialog-header .dialog-close{margin-block-end:0}.dialog-header button[type=button]{background-color:var(--dialog-button-bg);border:var(--dialog-button-border);cursor:pointer}.dialog-header button[type=button]:hover{border-color:var(--dialog-close-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset);border-color:var(--dialog-focus-color);background-color:var(--dialog-button-hover-bg)}.dialog-header button[type=button]:focus:not(:focus-visible){outline:none}.alert-dialog-actions,.dialog-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:var(--dialog-footer-justify, flex-end);gap:var(--dialog-gap);width:100%}.alert-dialog-actions button:focus-visible,.dialog-footer button:focus-visible{outline:var(--dialog-focus-outline);outline-offset:var(--dialog-focus-offset)}.alert-dialog-actions button:focus:not(:focus-visible),.dialog-footer button:focus:not(:focus-visible){outline:none}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLG1DQUFBLENBQ0Esc0JBQUEsQ0FDQSxnQ0FBQSxDQUNBLDJCQUFBLENBQ0EsNEJBQUEsQ0FDQSw0Q0FBQSxDQUNBLHdCQUFBLENBQ0EsNkJBQUEsQ0FDQSwwQkFBQSxDQUNBLCtCQUFBLENBQ0EsOENBQUEsQ0FDQSxvQ0FBQSxDQUNBLHNCQUFBLENBQ0EsK0JBQUEsQ0FHQSw2QkFBQSxDQUNBLDhCQUFBLENBQ0EsK0JBQUEsQ0FDQSxpRkFBQSxDQUlGLCtCQUNFLE1BQ0UsbUNBQUEsQ0FDQSwrQkFBQSxDQUNBLGtDQUFBLENBQ0EsbURBQUEsQ0FDQSwrQkFBQSxDQUFBLENBSUosT0FDRSw2QkFBQSxDQUNBLGlDQUFBLENBQ0EscUJBQUEsQ0FDQSxrRUFBQSxDQUNBLHlDQUFBLENBQ0EsNkJBQUEsQ0FDQSx5Q0FBQSxDQUdBLHFCQUNFLG1DQUFBLENBQ0EseUNBQUEsQ0FHRixhQUNFLDZCQUFBLENBQ0EsMkNBQUEsQ0FDQSxxQkFBQSxDQUdGLGVBQ0UsVUFBQSxDQUNBLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLHFCQUFBLENBQ0EsMkNBQUEsQ0FDQSxvQkFBQSxDQUNBLFdBQUEsQ0FJSixlQUNFLFlBQUEsQ0FDQSw2QkFBQSxDQUNBLGtCQUFBLENBQ0EsVUFBQSxDQUNBLGNBQUEsQ0FFQSxrQkFDRSxvQkFBQSxDQUNBLGtCQUFBLENBR0YsNkJBQ0Usa0JBQUEsQ0FHRixtQ0FDRSx3Q0FBQSxDQUNBLGtDQUFBLENBQ0EsY0FBQSxDQUVBLHlDQUNFLHNDQUFBLENBQ0EsOENBQUEsQ0FJRixpREFDRSxtQ0FBQSxDQUNBLHlDQUFBLENBQ0Esc0NBQUEsQ0FDQSw4Q0FBQSxDQUlGLDZEQUNFLFlBQUEsQ0FLTixxQ0FFRSxZQUFBLENBQ0Esa0JBQUEsQ0FDQSxjQUFBLENBQ0Esc0RBQUEsQ0FDQSxxQkFBQSxDQUNBLFVBQUEsQ0FHQSwrRUFDRSxtQ0FBQSxDQUNBLHlDQUFBLENBR0YsdUdBQ0UsWUFBQSIsImZpbGUiOiJkaWFsb2cubWluLmNzcyJ9 */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--flex-gap-xs: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);--flex-gap-sm: clamp(0.5rem, 0.45rem + 0.35vw, 0.75rem);--flex-gap-md: clamp(0.75rem, 0.65rem + 0.45vw, 1.125rem);--flex-gap-lg: clamp(1rem, 0.85rem + 0.6vw, 1.5rem);--flex-gap-xl: clamp(1.5rem, 1.25rem + 0.75vw, 2rem);--flex-gap: var(--flex-gap-sm)}.flex{display:flex;gap:var(--flex-gap)}.flex-inline{display:inline-flex;gap:var(--flex-gap)}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-stretch{align-content:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-basis-auto{flex-basis:auto}.flex-basis-0{flex-basis:0}.flex-basis-full{flex-basis:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-0{gap:0}.gap-xs{gap:var(--flex-gap-xs)}.gap-sm{gap:var(--flex-gap-sm)}.gap-md{gap:var(--flex-gap-md)}.gap-lg{gap:var(--flex-gap-lg)}.gap-xl{gap:var(--flex-gap-xl)}.row-gap-0{row-gap:0}.row-gap-xs{row-gap:var(--flex-gap-xs)}.row-gap-sm{row-gap:var(--flex-gap-sm)}.row-gap-md{row-gap:var(--flex-gap-md)}.row-gap-lg{row-gap:var(--flex-gap-lg)}.row-gap-xl{row-gap:var(--flex-gap-xl)}.col-gap-0{column-gap:0}.col-gap-xs{column-gap:var(--flex-gap-xs)}.col-gap-sm{column-gap:var(--flex-gap-sm)}.col-gap-md{column-gap:var(--flex-gap-md)}.col-gap-lg{column-gap:var(--flex-gap-lg)}.col-gap-xl{column-gap:var(--flex-gap-xl)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-around{display:flex;justify-content:space-around;align-items:center}.flex-stack{display:flex;flex-direction:column;gap:var(--flex-gap-sm)}.flex-spread>*{flex:1 1 0%}.order-first{order:-1}.order-last{order:999}.order-none{order:0}@media(width >= 30rem){.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:justify-evenly{justify-content:space-evenly}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-baseline{align-items:baseline}.sm\:items-stretch{align-items:stretch}.sm\:gap-0{gap:0}.sm\:gap-xs{gap:var(--flex-gap-xs)}.sm\:gap-sm{gap:var(--flex-gap-sm)}.sm\:gap-md{gap:var(--flex-gap-md)}.sm\:gap-lg{gap:var(--flex-gap-lg)}.sm\:gap-xl{gap:var(--flex-gap-xl)}.sm\:flex-1{flex:1 1 0%}.sm\:flex-auto{flex:1 1 auto}.sm\:flex-none{flex:none}}@media(width >= 48rem){.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-baseline{align-items:baseline}.md\:items-stretch{align-items:stretch}.md\:gap-0{gap:0}.md\:gap-xs{gap:var(--flex-gap-xs)}.md\:gap-sm{gap:var(--flex-gap-sm)}.md\:gap-md{gap:var(--flex-gap-md)}.md\:gap-lg{gap:var(--flex-gap-lg)}.md\:gap-xl{gap:var(--flex-gap-xl)}.md\:flex-1{flex:1 1 0%}.md\:flex-auto{flex:1 1 auto}.md\:flex-none{flex:none}.flex-stack{flex-direction:row;align-items:center;gap:var(--flex-gap-md)}}@media(width >= 62rem){.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:items-stretch{align-items:stretch}.lg\:gap-0{gap:0}.lg\:gap-xs{gap:var(--flex-gap-xs)}.lg\:gap-sm{gap:var(--flex-gap-sm)}.lg\:gap-md{gap:var(--flex-gap-md)}.lg\:gap-lg{gap:var(--flex-gap-lg)}.lg\:gap-xl{gap:var(--flex-gap-xl)}.lg\:flex-1{flex:1 1 0%}.lg\:flex-auto{flex:1 1 auto}.lg\:flex-none{flex:none}.flex,.flex-inline{gap:var(--flex-gap-md)}.flex-stack{gap:var(--flex-gap-lg)}}@media(width >= 80rem){.xl\:flex-row{flex-direction:row}.xl\:flex-row-reverse{flex-direction:row-reverse}.xl\:flex-col{flex-direction:column}.xl\:flex-col-reverse{flex-direction:column-reverse}.xl\:flex-wrap{flex-wrap:wrap}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:justify-start{justify-content:flex-start}.xl\:justify-end{justify-content:flex-end}.xl\:justify-center{justify-content:center}.xl\:justify-between{justify-content:space-between}.xl\:justify-around{justify-content:space-around}.xl\:justify-evenly{justify-content:space-evenly}.xl\:items-start{align-items:flex-start}.xl\:items-end{align-items:flex-end}.xl\:items-center{align-items:center}.xl\:items-baseline{align-items:baseline}.xl\:items-stretch{align-items:stretch}.xl\:gap-0{gap:0}.xl\:gap-xs{gap:var(--flex-gap-xs)}.xl\:gap-sm{gap:var(--flex-gap-sm)}.xl\:gap-md{gap:var(--flex-gap-md)}.xl\:gap-lg{gap:var(--flex-gap-lg)}.xl\:gap-xl{gap:var(--flex-gap-xl)}.xl\:flex-1{flex:1 1 0%}.xl\:flex-auto{flex:1 1 auto}.xl\:flex-none{flex:none}.flex,.flex-inline{gap:var(--flex-gap-lg)}.flex-stack{gap:var(--flex-gap-xl)}}/*# sourceMappingURL=flex.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/flexbox/flex.scss"],"names":[],"mappings":"AAyBA,MAEE,uDACA,wDACA,0DACA,oDACA,qDAGA,+BAOF,MACE,aACA,oBAIF,aACE,oBACA,oBAKF,UACE,mBAGF,kBACE,2BAGF,UACE,sBAGF,kBACE,8BAKF,WACE,eAGF,mBACE,uBAGF,aACE,iBAKF,eACE,2BAGF,aACE,yBAGF,gBACE,uBAGF,iBACE,8BAGF,gBACE,6BAGF,gBACE,6BAKF,aACE,uBAGF,WACE,qBAGF,cACE,mBAGF,gBACE,qBAGF,eACE,oBAKF,eACE,yBAGF,aACE,uBAGF,gBACE,qBAGF,iBACE,4BAGF,gBACE,2BAGF,gBACE,2BAGF,iBACE,sBAKF,WACE,gBAGF,YACE,sBAGF,UACE,oBAGF,aACE,kBAGF,eACE,oBAGF,cACE,mBAOF,aACE,YAGF,aACE,YAIF,eACE,cAGF,eACE,cAIF,iBACE,gBAGF,cACE,aAGF,iBACE,gBAIF,QACE,YAGF,WACE,cAGF,cACE,cAGF,WACE,UAKF,OACE,MAGF,QACE,uBAGF,QACE,uBAGF,QACE,uBAGF,QACE,uBAGF,QACE,uBAIF,WACE,UAGF,YACE,2BAGF,YACE,2BAGF,YACE,2BAGF,YACE,2BAGF,YACE,2BAIF,WACE,aAGF,YACE,8BAGF,YACE,8BAGF,YACE,8BAGF,YACE,8BAGF,YACE,8BAOF,aACE,aACA,mBACA,uBAIF,cACE,aACA,8BACA,mBAIF,aACE,aACA,6BACA,mBAIF,YACE,aACA,sBACA,uBAIF,eACE,YAKF,aACE,SAGF,YACE,UAGF,YACE,QAKF,uBAEE,cACE,mBAGF,sBACE,2BAGF,cACE,sBAGF,sBACE,8BAIF,eACE,eAGF,iBACE,iBAIF,mBACE,2BAGF,iBACE,yBAGF,oBACE,uBAGF,qBACE,8BAGF,oBACE,6BAGF,oBACE,6BAIF,iBACE,uBAGF,eACE,qBAGF,kBACE,mBAGF,oBACE,qBAGF,mBACE,oBAIF,WACE,MAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAIF,YACE,YAGF,eACE,cAGF,eACE,WAMJ,uBAEE,cACE,mBAGF,sBACE,2BAGF,cACE,sBAGF,sBACE,8BAIF,eACE,eAGF,iBACE,iBAIF,mBACE,2BAGF,iBACE,yBAGF,oBACE,uBAGF,qBACE,8BAGF,oBACE,6BAGF,oBACE,6BAIF,iBACE,uBAGF,eACE,qBAGF,kBACE,mBAGF,oBACE,qBAGF,mBACE,oBAIF,WACE,MAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAIF,YACE,YAGF,eACE,cAGF,eACE,UAIF,YACE,mBACA,mBACA,wBAMJ,uBAEE,cACE,mBAGF,sBACE,2BAGF,cACE,sBAGF,sBACE,8BAIF,eACE,eAGF,iBACE,iBAIF,mBACE,2BAGF,iBACE,yBAGF,oBACE,uBAGF,qBACE,8BAGF,oBACE,6BAGF,oBACE,6BAIF,iBACE,uBAGF,eACE,qBAGF,kBACE,mBAGF,oBACE,qBAGF,mBACE,oBAIF,WACE,MAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAIF,YACE,YAGF,eACE,cAGF,eACE,UAIF,mBAEE,uBAGF,YACE,wBAMJ,uBAEE,cACE,mBAGF,sBACE,2BAGF,cACE,sBAGF,sBACE,8BAIF,eACE,eAGF,iBACE,iBAIF,mBACE,2BAGF,iBACE,yBAGF,oBACE,uBAGF,qBACE,8BAGF,oBACE,6BAGF,oBACE,6BAIF,iBACE,uBAGF,eACE,qBAGF,kBACE,mBAGF,oBACE,qBAGF,mBACE,oBAIF,WACE,MAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAGF,YACE,uBAIF,YACE,YAGF,eACE,cAGF,eACE,UAIF,mBAEE,uBAGF,YACE","file":"flex.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
:root{--flex-gap-xs: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);--flex-gap-sm: clamp(0.5rem, 0.45rem + 0.35vw, 0.75rem);--flex-gap-md: clamp(0.75rem, 0.65rem + 0.45vw, 1.125rem);--flex-gap-lg: clamp(1rem, 0.85rem + 0.6vw, 1.5rem);--flex-gap-xl: clamp(1.5rem, 1.25rem + 0.75vw, 2rem);--flex-gap: var(--flex-gap-sm)}.flex{display:flex;gap:var(--flex-gap)}.flex-inline{display:inline-flex;gap:var(--flex-gap)}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-stretch{align-content:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-basis-auto{flex-basis:auto}.flex-basis-0{flex-basis:0}.flex-basis-full{flex-basis:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-0{gap:0}.gap-xs{gap:var(--flex-gap-xs)}.gap-sm{gap:var(--flex-gap-sm)}.gap-md{gap:var(--flex-gap-md)}.gap-lg{gap:var(--flex-gap-lg)}.gap-xl{gap:var(--flex-gap-xl)}.row-gap-0{row-gap:0}.row-gap-xs{row-gap:var(--flex-gap-xs)}.row-gap-sm{row-gap:var(--flex-gap-sm)}.row-gap-md{row-gap:var(--flex-gap-md)}.row-gap-lg{row-gap:var(--flex-gap-lg)}.row-gap-xl{row-gap:var(--flex-gap-xl)}.col-gap-0{-moz-column-gap:0;column-gap:0}.col-gap-xs{-moz-column-gap:var(--flex-gap-xs);column-gap:var(--flex-gap-xs)}.col-gap-sm{-moz-column-gap:var(--flex-gap-sm);column-gap:var(--flex-gap-sm)}.col-gap-md{-moz-column-gap:var(--flex-gap-md);column-gap:var(--flex-gap-md)}.col-gap-lg{-moz-column-gap:var(--flex-gap-lg);column-gap:var(--flex-gap-lg)}.col-gap-xl{-moz-column-gap:var(--flex-gap-xl);column-gap:var(--flex-gap-xl)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-around{display:flex;justify-content:space-around;align-items:center}.flex-stack{display:flex;flex-direction:column;gap:var(--flex-gap-sm)}.flex-spread>*{flex:1 1 0%}.order-first{order:-1}.order-last{order:999}.order-none{order:0}@media(width >= 30rem){.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:justify-evenly{justify-content:space-evenly}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-baseline{align-items:baseline}.sm\:items-stretch{align-items:stretch}.sm\:gap-0{gap:0}.sm\:gap-xs{gap:var(--flex-gap-xs)}.sm\:gap-sm{gap:var(--flex-gap-sm)}.sm\:gap-md{gap:var(--flex-gap-md)}.sm\:gap-lg{gap:var(--flex-gap-lg)}.sm\:gap-xl{gap:var(--flex-gap-xl)}.sm\:flex-1{flex:1 1 0%}.sm\:flex-auto{flex:1 1 auto}.sm\:flex-none{flex:none}}@media(width >= 48rem){.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-baseline{align-items:baseline}.md\:items-stretch{align-items:stretch}.md\:gap-0{gap:0}.md\:gap-xs{gap:var(--flex-gap-xs)}.md\:gap-sm{gap:var(--flex-gap-sm)}.md\:gap-md{gap:var(--flex-gap-md)}.md\:gap-lg{gap:var(--flex-gap-lg)}.md\:gap-xl{gap:var(--flex-gap-xl)}.md\:flex-1{flex:1 1 0%}.md\:flex-auto{flex:1 1 auto}.md\:flex-none{flex:none}.flex-stack{flex-direction:row;align-items:center;gap:var(--flex-gap-md)}}@media(width >= 62rem){.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:items-stretch{align-items:stretch}.lg\:gap-0{gap:0}.lg\:gap-xs{gap:var(--flex-gap-xs)}.lg\:gap-sm{gap:var(--flex-gap-sm)}.lg\:gap-md{gap:var(--flex-gap-md)}.lg\:gap-lg{gap:var(--flex-gap-lg)}.lg\:gap-xl{gap:var(--flex-gap-xl)}.lg\:flex-1{flex:1 1 0%}.lg\:flex-auto{flex:1 1 auto}.lg\:flex-none{flex:none}.flex,.flex-inline{gap:var(--flex-gap-md)}.flex-stack{gap:var(--flex-gap-lg)}}@media(width >= 80rem){.xl\:flex-row{flex-direction:row}.xl\:flex-row-reverse{flex-direction:row-reverse}.xl\:flex-col{flex-direction:column}.xl\:flex-col-reverse{flex-direction:column-reverse}.xl\:flex-wrap{flex-wrap:wrap}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:justify-start{justify-content:flex-start}.xl\:justify-end{justify-content:flex-end}.xl\:justify-center{justify-content:center}.xl\:justify-between{justify-content:space-between}.xl\:justify-around{justify-content:space-around}.xl\:justify-evenly{justify-content:space-evenly}.xl\:items-start{align-items:flex-start}.xl\:items-end{align-items:flex-end}.xl\:items-center{align-items:center}.xl\:items-baseline{align-items:baseline}.xl\:items-stretch{align-items:stretch}.xl\:gap-0{gap:0}.xl\:gap-xs{gap:var(--flex-gap-xs)}.xl\:gap-sm{gap:var(--flex-gap-sm)}.xl\:gap-md{gap:var(--flex-gap-md)}.xl\:gap-lg{gap:var(--flex-gap-lg)}.xl\:gap-xl{gap:var(--flex-gap-xl)}.xl\:flex-1{flex:1 1 0%}.xl\:flex-auto{flex:1 1 auto}.xl\:flex-none{flex:none}.flex,.flex-inline{gap:var(--flex-gap-lg)}.flex-stack{gap:var(--flex-gap-xl)}}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ZsZXhib3gvZmxleC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCQSxNQUVFLHNEQUFBLENBQ0EsdURBQUEsQ0FDQSx5REFBQSxDQUNBLG1EQUFBLENBQ0Esb0RBQUEsQ0FHQSw4QkFBQSxDQU9GLE1BQ0UsWUFBQSxDQUNBLG1CQUFBLENBSUYsYUFDRSxtQkFBQSxDQUNBLG1CQUFBLENBS0YsVUFDRSxrQkFBQSxDQUdGLGtCQUNFLDBCQUFBLENBR0YsVUFDRSxxQkFBQSxDQUdGLGtCQUNFLDZCQUFBLENBS0YsV0FDRSxjQUFBLENBR0YsbUJBQ0Usc0JBQUEsQ0FHRixhQUNFLGdCQUFBLENBS0YsZUFDRSwwQkFBQSxDQUdGLGFBQ0Usd0JBQUEsQ0FHRixnQkFDRSxzQkFBQSxDQUdGLGlCQUNFLDZCQUFBLENBR0YsZ0JBQ0UsNEJBQUEsQ0FHRixnQkFDRSw0QkFBQSxDQUtGLGFBQ0Usc0JBQUEsQ0FHRixXQUNFLG9CQUFBLENBR0YsY0FDRSxrQkFBQSxDQUdGLGdCQUNFLG9CQUFBLENBR0YsZUFDRSxtQkFBQSxDQUtGLGVBQ0Usd0JBQUEsQ0FHRixhQUNFLHNCQUFBLENBR0YsZ0JBQ0Usb0JBQUEsQ0FHRixpQkFDRSwyQkFBQSxDQUdGLGdCQUNFLDBCQUFBLENBR0YsZ0JBQ0UsMEJBQUEsQ0FHRixpQkFDRSxxQkFBQSxDQUtGLFdBQ0UsZUFBQSxDQUdGLFlBQ0UscUJBQUEsQ0FHRixVQUNFLG1CQUFBLENBR0YsYUFDRSxpQkFBQSxDQUdGLGVBQ0UsbUJBQUEsQ0FHRixjQUNFLGtCQUFBLENBT0YsYUFDRSxXQUFBLENBR0YsYUFDRSxXQUFBLENBSUYsZUFDRSxhQUFBLENBR0YsZUFDRSxhQUFBLENBSUYsaUJBQ0UsZUFBQSxDQUdGLGNBQ0UsWUFBQSxDQUdGLGlCQUNFLGVBQUEsQ0FJRixRQUNFLFdBQUEsQ0FHRixXQUNFLGFBQUEsQ0FHRixjQUNFLGFBQUEsQ0FHRixXQUNFLFNBQUEsQ0FLRixPQUNFLEtBQUEsQ0FHRixRQUNFLHNCQUFBLENBR0YsUUFDRSxzQkFBQSxDQUdGLFFBQ0Usc0JBQUEsQ0FHRixRQUNFLHNCQUFBLENBR0YsUUFDRSxzQkFBQSxDQUlGLFdBQ0UsU0FBQSxDQUdGLFlBQ0UsMEJBQUEsQ0FHRixZQUNFLDBCQUFBLENBR0YsWUFDRSwwQkFBQSxDQUdGLFlBQ0UsMEJBQUEsQ0FHRixZQUNFLDBCQUFBLENBSUYsV0FDRSxpQkFBQSxDQUFBLFlBQUEsQ0FHRixZQUNFLGtDQUFBLENBQUEsNkJBQUEsQ0FHRixZQUNFLGtDQUFBLENBQUEsNkJBQUEsQ0FHRixZQUNFLGtDQUFBLENBQUEsNkJBQUEsQ0FHRixZQUNFLGtDQUFBLENBQUEsNkJBQUEsQ0FHRixZQUNFLGtDQUFBLENBQUEsNkJBQUEsQ0FPRixhQUNFLFlBQUEsQ0FDQSxrQkFBQSxDQUNBLHNCQUFBLENBSUYsY0FDRSxZQUFBLENBQ0EsNkJBQUEsQ0FDQSxrQkFBQSxDQUlGLGFBQ0UsWUFBQSxDQUNBLDRCQUFBLENBQ0Esa0JBQUEsQ0FJRixZQUNFLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLHNCQUFBLENBSUYsZUFDRSxXQUFBLENBS0YsYUFDRSxRQUFBLENBR0YsWUFDRSxTQUFBLENBR0YsWUFDRSxPQUFBLENBS0YsdUJBRUUsY0FDRSxrQkFBQSxDQUdGLHNCQUNFLDBCQUFBLENBR0YsY0FDRSxxQkFBQSxDQUdGLHNCQUNFLDZCQUFBLENBSUYsZUFDRSxjQUFBLENBR0YsaUJBQ0UsZ0JBQUEsQ0FJRixtQkFDRSwwQkFBQSxDQUdGLGlCQUNFLHdCQUFBLENBR0Ysb0JBQ0Usc0JBQUEsQ0FHRixxQkFDRSw2QkFBQSxDQUdGLG9CQUNFLDRCQUFBLENBR0Ysb0JBQ0UsNEJBQUEsQ0FJRixpQkFDRSxzQkFBQSxDQUdGLGVBQ0Usb0JBQUEsQ0FHRixrQkFDRSxrQkFBQSxDQUdGLG9CQUNFLG9CQUFBLENBR0YsbUJBQ0UsbUJBQUEsQ0FJRixXQUNFLEtBQUEsQ0FHRixZQUNFLHNCQUFBLENBR0YsWUFDRSxzQkFBQSxDQUdGLFlBQ0Usc0JBQUEsQ0FHRixZQUNFLHNCQUFBLENBR0YsWUFDRSxzQkFBQSxDQUlGLFlBQ0UsV0FBQSxDQUdGLGVBQ0UsYUFBQSxDQUdGLGVBQ0UsU0FBQSxDQUFBLENBTUosdUJBRUUsY0FDRSxrQkFBQSxDQUdGLHNCQUNFLDBCQUFBLENBR0YsY0FDRSxxQkFBQSxDQUdGLHNCQUNFLDZCQUFBLENBSUYsZUFDRSxjQUFBLENBR0YsaUJBQ0UsZ0JBQUEsQ0FJRixtQkFDRSwwQkFBQSxDQUdGLGlCQUNFLHdCQUFBLENBR0Ysb0JBQ0Usc0JBQUEsQ0FHRixxQkFDRSw2QkFBQSxDQUdGLG9CQUNFLDRCQUFBLENBR0Ysb0JBQ0UsNEJBQUEsQ0FJRixpQkFDRSxzQkFBQSxDQUdGLGVBQ0Usb0JBQUEsQ0FHRixrQkFDRSxrQkFBQSxDQUdGLG9CQUNFLG9CQUFBLENBR0YsbUJBQ0UsbUJBQUEsQ0FJRixXQUNFLEtBQUEsQ0FHRixZQUNFLHNCQUFBLENBR0YsWUFDRSxzQkFBQSxDQUdGLFlBQ0Usc0JBQUEsQ0FHRixZQUNFLHNCQUFBLENBR0YsWUFDRSxzQkFBQSxDQUlGLFlBQ0UsV0FBQSxDQUdGLGVBQ0UsYUFBQSxDQUdGLGVBQ0UsU0FBQSxDQUlGLFlBQ0Usa0JBQUEsQ0FDQSxrQkFBQSxDQUNBLHNCQUFBLENBQUEsQ0FNSix1QkFFRSxjQUNFLGtCQUFBLENBR0Ysc0JBQ0UsMEJBQUEsQ0FHRixjQUNFLHFCQUFBLENBR0Ysc0JBQ0UsNkJBQUEsQ0FJRixlQUNFLGNBQUEsQ0FHRixpQkFDRSxnQkFBQSxDQUlGLG1CQUNFLDBCQUFBLENBR0YsaUJBQ0Usd0JBQUEsQ0FHRixvQkFDRSxzQkFBQSxDQUdGLHFCQUNFLDZCQUFBLENBR0Ysb0JBQ0UsNEJBQUEsQ0FHRixvQkFDRSw0QkFBQSxDQUlGLGlCQUNFLHNCQUFBLENBR0YsZUFDRSxvQkFBQSxDQUdGLGtCQUNFLGtCQUFBLENBR0Ysb0JBQ0Usb0JBQUEsQ0FHRixtQkFDRSxtQkFBQSxDQUlGLFdBQ0UsS0FBQSxDQUdGLFlBQ0Usc0JBQUEsQ0FHRixZQUNFLHNCQUFBLENBR0YsWUFDRSxzQkFBQSxDQUdGLFlBQ0Usc0JBQUEsQ0FHRixZQUNFLHNCQUFBLENBSUYsWUFDRSxXQUFBLENBR0YsZUFDRSxhQUFBLENBR0YsZUFDRSxTQUFBLENBSUYsbUJBRUUsc0JBQUEsQ0FHRixZQUNFLHNCQUFBLENBQUEsQ0FNSix1QkFFRSxjQUNFLGtCQUFBLENBR0Ysc0JBQ0UsMEJBQUEsQ0FHRixjQUNFLHFCQUFBLENBR0Ysc0JBQ0UsNkJBQUEsQ0FJRixlQUNFLGNBQUEsQ0FHRixpQkFDRSxnQkFBQSxDQUlGLG1CQUNFLDBCQUFBLENBR0YsaUJBQ0Usd0JBQUEsQ0FHRixvQkFDRSxzQkFBQSxDQUdGLHFCQUNFLDZCQUFBLENBR0Ysb0JBQ0UsNEJBQUEsQ0FHRixvQkFDRSw0QkFBQSxDQUlGLGlCQUNFLHNCQUFBLENBR0YsZUFDRSxvQkFBQSxDQUdGLGtCQUNFLGtCQUFBLENBR0Ysb0JBQ0Usb0JBQUEsQ0FHRixtQkFDRSxtQkFBQSxDQUlGLFdBQ0UsS0FBQSxDQUdGLFlBQ0Usc0JBQUEsQ0FHRixZQUNFLHNCQUFBLENBR0YsWUFDRSxzQkFBQSxDQUdGLFlBQ0Usc0JBQUEsQ0FHRixZQUNFLHNCQUFBLENBSUYsWUFDRSxXQUFBLENBR0YsZUFDRSxhQUFBLENBR0YsZUFDRSxTQUFBLENBSUYsbUJBRUUsc0JBQUEsQ0FHRixZQUNFLHNCQUFBLENBQUEiLCJmaWxlIjoiZmxleC5taW4uY3NzIn0= */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--input-border-color: gray;--input-appearance: none;--input-bg: inherit;--input-border: none;--input-outline: thin solid var(--input-border-color);--input-padding-inline: 0.6rem;--input-padding-block: 0.4rem;--input-radius: --var(--radius);--input-fs: var(--fs);--input-width: clamp(200px, 100%, 500px);--input-focus-outline: medium solid var(--input-border-color);--input-focus-outline-offset: 0;--input-disabled-bg: #f5f5f5;--input-disabled-opacity: 0.6;--input-disabled-cursor: not-allowed;--placeholder-color: gray;--placeholder-style: italic;--placeholder-fs: smaller;--form-direction: column;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><polyline points='6,9 10,13 14,9' stroke='%23000000' stroke-width='1.5' fill='none' /></svg>")}form{display:flex;flex-direction:var(--form-direction);gap:1rem}form>div{display:flex;gap:1rem;flex-direction:var(--form-direction)}form label{display:block}input[type]:not([type=checkbox],[type=radio]),textarea,select{-webkit-appearance:var(--input-appearance);-moz-appearance:var(--input-appearance);appearance:var(--input-appearance);width:var(--input-width);border:var(--input-border);outline:var(--input-outline);padding-inline:var(--input-padding-inline);padding-block:var(--input-padding-block);border-radius:var(--input-radius);background-color:var(--input-bg, #fff)}input[type]:not([type=checkbox],[type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio]):focus-visible,input[type]:not([type=checkbox],[type=radio]):focus,textarea:focus-visible,textarea:focus,select:focus-visible,select:focus{outline:var(--input-focus-outline);outline-offset:var(--input-focus-outline-offset)}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder,textarea[aria-required=true]::placeholder,select[aria-required=true]::placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder::after,textarea[aria-required=true]::placeholder::after,select[aria-required=true]::placeholder::after{content:"* "}input[type]:not([type=checkbox],[type=radio])[aria-disabled=true],input[type]:not([type=checkbox],[type=radio]):disabled,textarea[aria-disabled=true],textarea:disabled,select[aria-disabled=true],select:disabled{--input-border-color: lightgray;background-color:var(--input-disabled-bg);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);text-transform:capitalize;text-decoration:line-through}select{border:var(--input-outline);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--select-arrow) no-repeat;background-position:right .5rem top 50%;padding-inline-end:0}/*# sourceMappingURL=form.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/form/form.scss"],"names":[],"mappings":"AAAA,MACE,2BACA,yBACA,oBACA,qBACA,sDACA,+BACA,8BACA,gCACA,sBACA,yCAGA,8DACA,gCAGA,6BACA,8BACA,qCAGA,0BACA,4BACA,0BAEA,yBACA,2MAGF,KACE,aACA,qCACA,SACA,SACE,aACA,SACA,qCAGF,WACE,cAIJ,8DAGE,2CACA,wCACA,mCACA,yBACA,2BACA,6BACA,2CACA,yCACA,kCACA,uCAEA,qGACE,+BACA,oCACA,gCACA,0BAGF,wLACE,mCACA,iDAKA,iKACE,sDACA,gBACA,sLACE,aAKN,mNAEE,gCACA,0CACA,sCACA,oCACA,0BACA,6BAIJ,OACE,4BACA,aACA,wBACA,qBACA,gBACA,yCACA,wCACA","file":"form.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
:root{--input-border-color: gray;--input-appearance: none;--input-bg: inherit;--input-border: none;--input-outline: thin solid var(--input-border-color);--input-padding-inline: 0.6rem;--input-padding-block: 0.4rem;--input-radius: --var(--radius);--input-fs: var(--fs);--input-width: clamp(200px, 100%, 500px);--input-focus-outline: medium solid var(--input-border-color);--input-focus-outline-offset: 0;--input-disabled-bg: #f5f5f5;--input-disabled-opacity: 0.6;--input-disabled-cursor: not-allowed;--placeholder-color: gray;--placeholder-style: italic;--placeholder-fs: smaller;--form-direction: column;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><polyline points='6,9 10,13 14,9' stroke='%23000000' stroke-width='1.5' fill='none' /></svg>")}form{display:flex;flex-direction:var(--form-direction);gap:1rem}form>div{display:flex;gap:1rem;flex-direction:var(--form-direction)}form label{display:block}input[type]:not([type=checkbox],[type=radio]),textarea,select{-webkit-appearance:var(--input-appearance);-moz-appearance:var(--input-appearance);appearance:var(--input-appearance);width:var(--input-width);border:var(--input-border);outline:var(--input-outline);padding-inline:var(--input-padding-inline);padding-block:var(--input-padding-block);border-radius:var(--input-radius);background-color:var(--input-bg, #fff)}input[type]:not([type=checkbox],[type=radio])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio]):focus-visible,input[type]:not([type=checkbox],[type=radio]):focus,textarea:focus-visible,textarea:focus,select:focus-visible,select:focus{outline:var(--input-focus-outline);outline-offset:var(--input-focus-outline-offset)}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::-moz-placeholder, textarea[aria-required=true]::-moz-placeholder, select[aria-required=true]::-moz-placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder,textarea[aria-required=true]::placeholder,select[aria-required=true]::placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::-moz-placeholder::after, textarea[aria-required=true]::-moz-placeholder::after, select[aria-required=true]::-moz-placeholder::after{content:"* "}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder::after,textarea[aria-required=true]::placeholder::after,select[aria-required=true]::placeholder::after{content:"* "}input[type]:not([type=checkbox],[type=radio])[aria-disabled=true],input[type]:not([type=checkbox],[type=radio]):disabled,textarea[aria-disabled=true],textarea:disabled,select[aria-disabled=true],select:disabled{--input-border-color: lightgray;background-color:var(--input-disabled-bg);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);text-transform:capitalize;text-decoration:line-through}select{border:var(--input-outline);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--select-arrow) no-repeat;background-position:right .5rem top 50%;padding-inline-end:0}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Zvcm0vZm9ybS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQ0UsMEJBQUEsQ0FDQSx3QkFBQSxDQUNBLG1CQUFBLENBQ0Esb0JBQUEsQ0FDQSxxREFBQSxDQUNBLDhCQUFBLENBQ0EsNkJBQUEsQ0FDQSwrQkFBQSxDQUNBLHFCQUFBLENBQ0Esd0NBQUEsQ0FHQSw2REFBQSxDQUNBLCtCQUFBLENBR0EsNEJBQUEsQ0FDQSw2QkFBQSxDQUNBLG9DQUFBLENBR0EseUJBQUEsQ0FDQSwyQkFBQSxDQUNBLHlCQUFBLENBRUEsd0JBQUEsQ0FDQSwwTUFBQSxDQUdGLEtBQ0UsWUFBQSxDQUNBLG9DQUFBLENBQ0EsUUFBQSxDQUNBLFNBQ0UsWUFBQSxDQUNBLFFBQUEsQ0FDQSxvQ0FBQSxDQUdGLFdBQ0UsYUFBQSxDQUlKLDhEQUdFLDBDQUFBLENBQ0EsdUNBQUEsQ0FDQSxrQ0FBQSxDQUNBLHdCQUFBLENBQ0EsMEJBQUEsQ0FDQSw0QkFBQSxDQUNBLDBDQUFBLENBQ0Esd0NBQUEsQ0FDQSxpQ0FBQSxDQUNBLHNDQUFBLENBRUEsc0hBQ0UsOEJBQUEsQ0FDQSxtQ0FBQSxDQUNBLCtCQUFBLENBQ0EseUJBQUEsQ0FKRixxR0FDRSw4QkFBQSxDQUNBLG1DQUFBLENBQ0EsK0JBQUEsQ0FDQSx5QkFBQSxDQUdGLHdMQUNFLGtDQUFBLENBQ0EsZ0RBQUEsQ0FLQSxrTEFDRSxxREFBQSxDQUNBLGVBQUEsQ0FGRixpS0FDRSxxREFBQSxDQUNBLGVBQUEsQ0FDQSx1TUFDRSxZQUFBLENBREYsc0xBQ0UsWUFBQSxDQUtOLG1OQUVFLCtCQUFBLENBQ0EseUNBQUEsQ0FDQSxxQ0FBQSxDQUNBLG1DQUFBLENBQ0EseUJBQUEsQ0FDQSw0QkFBQSxDQUlKLE9BQ0UsMkJBQUEsQ0FDQSxZQUFBLENBQ0EsdUJBQUEsQ0FDQSxvQkFBQSxDQUNBLGVBQUEsQ0FDQSx3Q0FBQSxDQUNBLHVDQUFBLENBQ0Esb0JBQUEiLCJmaWxlIjoiZm9ybS5taW4uY3NzIn0= */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1, 1fr)}.grid-cols-2{grid-template-columns:repeat(2, 1fr)}.grid-cols-3{grid-template-columns:repeat(3, 1fr)}.grid-cols-4{grid-template-columns:repeat(4, 1fr)}.grid-cols-5{grid-template-columns:repeat(5, 1fr)}.grid-cols-6{grid-template-columns:repeat(6, 1fr)}.grid-cols-7{grid-template-columns:repeat(7, 1fr)}.grid-cols-8{grid-template-columns:repeat(8, 1fr)}.grid-cols-9{grid-template-columns:repeat(9, 1fr)}.grid-cols-10{grid-template-columns:repeat(10, 1fr)}.grid-cols-11{grid-template-columns:repeat(11, 1fr)}.grid-cols-12{grid-template-columns:repeat(12, 1fr)}.grid-gap-0{gap:0}.grid-gap-xs{gap:var(--spacing-xs)}.grid-gap-sm{gap:var(--spacing-sm)}.grid-gap-md{gap:var(--spacing-md)}.grid-gap-lg{gap:var(--spacing-lg)}.grid-gap-xl{gap:var(--spacing-xl)}.grid-gap-x-0{column-gap:0}.grid-gap-x-xs{column-gap:var(--spacing-xs)}.grid-gap-x-sm{column-gap:var(--spacing-sm)}.grid-gap-x-md{column-gap:var(--spacing-md)}.grid-gap-x-lg{column-gap:var(--spacing-lg)}.grid-gap-x-xl{column-gap:var(--spacing-xl)}.grid-gap-y-0{row-gap:0}.grid-gap-y-xs{row-gap:var(--spacing-xs)}.grid-gap-y-sm{row-gap:var(--spacing-sm)}.grid-gap-y-md{row-gap:var(--spacing-md)}.grid-gap-y-lg{row-gap:var(--spacing-lg)}.grid-gap-y-xl{row-gap:var(--spacing-xl)}.grid-justify-items-start{justify-items:start}.grid-justify-items-center{justify-items:center}.grid-justify-items-end{justify-items:end}.grid-justify-items-stretch{justify-items:stretch}.grid-align-items-start{align-items:start}.grid-align-items-center{align-items:center}.grid-align-items-end{align-items:end}.grid-align-items-stretch{align-items:stretch}.grid-col-span-1{grid-column:span 1}.grid-col-span-2{grid-column:span 2}.grid-col-span-3{grid-column:span 3}.grid-col-span-4{grid-column:span 4}.grid-col-span-5{grid-column:span 5}.grid-col-span-6{grid-column:span 6}.grid-col-span-7{grid-column:span 7}.grid-col-span-8{grid-column:span 8}.grid-col-span-9{grid-column:span 9}.grid-col-span-10{grid-column:span 10}.grid-col-span-11{grid-column:span 11}.grid-col-span-12{grid-column:span 12}.grid-row-span-1{grid-row:span 1}.grid-row-span-2{grid-row:span 2}.grid-row-span-3{grid-row:span 3}.grid-row-span-4{grid-row:span 4}.grid-row-span-5{grid-row:span 5}.grid-row-span-6{grid-row:span 6}/*# sourceMappingURL=grid.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/grid/grid.scss"],"names":[],"mappings":"AAaA,MACE,aACA,sBAOF,aACE,qCAGF,aACE,qCAGF,aACE,qCAGF,aACE,qCAGF,aACE,qCAGF,aACE,qCAGF,aACE,qCAGF,aACE,qCAGF,aACE,qCAGF,cACE,sCAGF,cACE,sCAGF,cACE,sCAqBF,YACE,MAGF,aACE,sBAGF,aACE,sBAGF,aACE,sBAGF,aACE,sBAGF,aACE,sBAOF,cACE,aAGF,eACE,6BAGF,eACE,6BAGF,eACE,6BAGF,eACE,6BAGF,eACE,6BAOF,cACE,UAGF,eACE,0BAGF,eACE,0BAGF,eACE,0BAGF,eACE,0BAGF,eACE,0BAOF,0BACE,oBAGF,2BACE,qBAGF,wBACE,kBAGF,4BACE,sBAOF,wBACE,kBAGF,yBACE,mBAGF,sBACE,gBAGF,0BACE,oBAOF,iBACE,mBAGF,iBACE,mBAGF,iBACE,mBAGF,iBACE,mBAGF,iBACE,mBAGF,iBACE,mBAGF,iBACE,mBAGF,iBACE,mBAGF,iBACE,mBAGF,kBACE,oBAGF,kBACE,oBAGF,kBACE,oBAOF,iBACE,gBAGF,iBACE,gBAGF,iBACE,gBAGF,iBACE,gBAGF,iBACE,gBAGF,iBACE","file":"grid.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1, 1fr)}.grid-cols-2{grid-template-columns:repeat(2, 1fr)}.grid-cols-3{grid-template-columns:repeat(3, 1fr)}.grid-cols-4{grid-template-columns:repeat(4, 1fr)}.grid-cols-5{grid-template-columns:repeat(5, 1fr)}.grid-cols-6{grid-template-columns:repeat(6, 1fr)}.grid-cols-7{grid-template-columns:repeat(7, 1fr)}.grid-cols-8{grid-template-columns:repeat(8, 1fr)}.grid-cols-9{grid-template-columns:repeat(9, 1fr)}.grid-cols-10{grid-template-columns:repeat(10, 1fr)}.grid-cols-11{grid-template-columns:repeat(11, 1fr)}.grid-cols-12{grid-template-columns:repeat(12, 1fr)}.grid-gap-0{gap:0}.grid-gap-xs{gap:var(--spacing-xs)}.grid-gap-sm{gap:var(--spacing-sm)}.grid-gap-md{gap:var(--spacing-md)}.grid-gap-lg{gap:var(--spacing-lg)}.grid-gap-xl{gap:var(--spacing-xl)}.grid-gap-x-0{-moz-column-gap:0;column-gap:0}.grid-gap-x-xs{-moz-column-gap:var(--spacing-xs);column-gap:var(--spacing-xs)}.grid-gap-x-sm{-moz-column-gap:var(--spacing-sm);column-gap:var(--spacing-sm)}.grid-gap-x-md{-moz-column-gap:var(--spacing-md);column-gap:var(--spacing-md)}.grid-gap-x-lg{-moz-column-gap:var(--spacing-lg);column-gap:var(--spacing-lg)}.grid-gap-x-xl{-moz-column-gap:var(--spacing-xl);column-gap:var(--spacing-xl)}.grid-gap-y-0{row-gap:0}.grid-gap-y-xs{row-gap:var(--spacing-xs)}.grid-gap-y-sm{row-gap:var(--spacing-sm)}.grid-gap-y-md{row-gap:var(--spacing-md)}.grid-gap-y-lg{row-gap:var(--spacing-lg)}.grid-gap-y-xl{row-gap:var(--spacing-xl)}.grid-justify-items-start{justify-items:start}.grid-justify-items-center{justify-items:center}.grid-justify-items-end{justify-items:end}.grid-justify-items-stretch{justify-items:stretch}.grid-align-items-start{align-items:start}.grid-align-items-center{align-items:center}.grid-align-items-end{align-items:end}.grid-align-items-stretch{align-items:stretch}.grid-col-span-1{grid-column:span 1}.grid-col-span-2{grid-column:span 2}.grid-col-span-3{grid-column:span 3}.grid-col-span-4{grid-column:span 4}.grid-col-span-5{grid-column:span 5}.grid-col-span-6{grid-column:span 6}.grid-col-span-7{grid-column:span 7}.grid-col-span-8{grid-column:span 8}.grid-col-span-9{grid-column:span 9}.grid-col-span-10{grid-column:span 10}.grid-col-span-11{grid-column:span 11}.grid-col-span-12{grid-column:span 12}.grid-row-span-1{grid-row:span 1}.grid-row-span-2{grid-row:span 2}.grid-row-span-3{grid-row:span 3}.grid-row-span-4{grid-row:span 4}.grid-row-span-5{grid-row:span 5}.grid-row-span-6{grid-row:span 6}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2dyaWQvZ3JpZC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFBLE1BQ0UsWUFBQSxDQUNBLHFCQUFBLENBT0YsYUFDRSxvQ0FBQSxDQUdGLGFBQ0Usb0NBQUEsQ0FHRixhQUNFLG9DQUFBLENBR0YsYUFDRSxvQ0FBQSxDQUdGLGFBQ0Usb0NBQUEsQ0FHRixhQUNFLG9DQUFBLENBR0YsYUFDRSxvQ0FBQSxDQUdGLGFBQ0Usb0NBQUEsQ0FHRixhQUNFLG9DQUFBLENBR0YsY0FDRSxxQ0FBQSxDQUdGLGNBQ0UscUNBQUEsQ0FHRixjQUNFLHFDQUFBLENBcUJGLFlBQ0UsS0FBQSxDQUdGLGFBQ0UscUJBQUEsQ0FHRixhQUNFLHFCQUFBLENBR0YsYUFDRSxxQkFBQSxDQUdGLGFBQ0UscUJBQUEsQ0FHRixhQUNFLHFCQUFBLENBT0YsY0FDRSxpQkFBQSxDQUFBLFlBQUEsQ0FHRixlQUNFLGlDQUFBLENBQUEsNEJBQUEsQ0FHRixlQUNFLGlDQUFBLENBQUEsNEJBQUEsQ0FHRixlQUNFLGlDQUFBLENBQUEsNEJBQUEsQ0FHRixlQUNFLGlDQUFBLENBQUEsNEJBQUEsQ0FHRixlQUNFLGlDQUFBLENBQUEsNEJBQUEsQ0FPRixjQUNFLFNBQUEsQ0FHRixlQUNFLHlCQUFBLENBR0YsZUFDRSx5QkFBQSxDQUdGLGVBQ0UseUJBQUEsQ0FHRixlQUNFLHlCQUFBLENBR0YsZUFDRSx5QkFBQSxDQU9GLDBCQUNFLG1CQUFBLENBR0YsMkJBQ0Usb0JBQUEsQ0FHRix3QkFDRSxpQkFBQSxDQUdGLDRCQUNFLHFCQUFBLENBT0Ysd0JBQ0UsaUJBQUEsQ0FHRix5QkFDRSxrQkFBQSxDQUdGLHNCQUNFLGVBQUEsQ0FHRiwwQkFDRSxtQkFBQSxDQU9GLGlCQUNFLGtCQUFBLENBR0YsaUJBQ0Usa0JBQUEsQ0FHRixpQkFDRSxrQkFBQSxDQUdGLGlCQUNFLGtCQUFBLENBR0YsaUJBQ0Usa0JBQUEsQ0FHRixpQkFDRSxrQkFBQSxDQUdGLGlCQUNFLGtCQUFBLENBR0YsaUJBQ0Usa0JBQUEsQ0FHRixpQkFDRSxrQkFBQSxDQUdGLGtCQUNFLG1CQUFBLENBR0Ysa0JBQ0UsbUJBQUEsQ0FHRixrQkFDRSxtQkFBQSxDQU9GLGlCQUNFLGVBQUEsQ0FHRixpQkFDRSxlQUFBLENBR0YsaUJBQ0UsZUFBQSxDQUdGLGlCQUNFLGVBQUEsQ0FHRixpQkFDRSxlQUFBLENBR0YsaUJBQ0UsZUFBQSIsImZpbGUiOiJncmlkLm1pbi5jc3MifQ== */
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkAOFQDQVS_cjs = require('../../chunk-AOFQDQVS.cjs');
|
|
4
4
|
require('../../chunk-EJ6KYBFE.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
module.exports =
|
|
8
|
+
module.exports = chunkAOFQDQVS_cjs.b;
|
|
9
9
|
//# sourceMappingURL=out.js.map
|
|
10
10
|
//# sourceMappingURL=heading.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[data-icon]{--icon-display: inline-flex;--icon-direction: row;--icons-placement: center;--icon-width: max-content;--icon-gap: 0.2rem;--icon-height: max-content;display:var(--icon-display);flex-direction:var(--icon-direction);gap:var(--icon-gap);place-items:var(--icons-placement);width:var(--icon-width);height:var(--icon-height)}/*# sourceMappingURL=icon.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/icons/icon.scss"],"names":[],"mappings":"AAAA,YACE,4BACA,sBACA,0BACA,0BACA,mBACA,2BAEA,4BACA,qCACA,oBACA,mCACA,wBACA","file":"icon.css"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
[data-icon]{--icon-display: inline-flex;--icon-direction: row;--icons-placement: center;--icon-width: max-content;--icon-gap: 0.2rem;--icon-height: max-content;display:var(--icon-display);flex-direction:var(--icon-direction);gap:var(--icon-gap);place-items:var(--icons-placement);width:var(--icon-width);height:var(--icon-height)}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ljb25zL2ljb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUNFLDJCQUFBLENBQ0EscUJBQUEsQ0FDQSx5QkFBQSxDQUNBLHlCQUFBLENBQ0Esa0JBQUEsQ0FDQSwwQkFBQSxDQUVBLDJCQUFBLENBQ0Esb0NBQUEsQ0FDQSxtQkFBQSxDQUNBLGtDQUFBLENBQ0EsdUJBQUEsQ0FDQSx5QkFBQSIsImZpbGUiOiJpY29uLm1pbi5jc3MifQ== */
|