@opengovsg/oui-theme 0.0.0-snapshot-20251203100754 → 0.0.0-snapshot-20260126025301
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/dist/chunk-2A6ND2I5.mjs +45 -0
- package/dist/chunk-2A6ND2I5.mjs.map +1 -0
- package/dist/{chunk-K66CIRPP.mjs → chunk-4YDU3Y66.mjs} +2 -2
- package/dist/{chunk-7XIXHTLH.mjs → chunk-57Q4XH23.mjs} +6 -1
- package/dist/chunk-57Q4XH23.mjs.map +1 -0
- package/dist/chunk-5NJVFKDA.js +65 -0
- package/dist/chunk-5NJVFKDA.js.map +1 -0
- package/dist/{chunk-57OCRZXH.js → chunk-5OS5RZWQ.js} +3 -3
- package/dist/{chunk-57OCRZXH.js.map → chunk-5OS5RZWQ.js.map} +1 -1
- package/dist/{chunk-K3WA7SIJ.mjs → chunk-5T7MRJOK.mjs} +10 -2
- package/dist/{chunk-K3WA7SIJ.mjs.map → chunk-5T7MRJOK.mjs.map} +1 -1
- package/dist/chunk-7K3RA7VN.js +100 -0
- package/dist/chunk-7K3RA7VN.js.map +1 -0
- package/dist/{chunk-634UAH2S.js → chunk-7U43MLWU.js} +3 -3
- package/dist/{chunk-634UAH2S.js.map → chunk-7U43MLWU.js.map} +1 -1
- package/dist/{chunk-KANQORAD.js → chunk-7WJ4UBGH.js} +5 -5
- package/dist/{chunk-KANQORAD.js.map → chunk-7WJ4UBGH.js.map} +1 -1
- package/dist/{chunk-5IBV6ZBT.mjs → chunk-AGQVCSOT.mjs} +2 -2
- package/dist/{chunk-EJBX2H7V.js → chunk-AIU753NO.js} +4 -4
- package/dist/{chunk-EJBX2H7V.js.map → chunk-AIU753NO.js.map} +1 -1
- package/dist/chunk-DYEKLDJY.js +70 -0
- package/dist/chunk-DYEKLDJY.js.map +1 -0
- package/dist/{chunk-3B24PIIW.js → chunk-EB32WBTO.js} +3 -3
- package/dist/{chunk-3B24PIIW.js.map → chunk-EB32WBTO.js.map} +1 -1
- package/dist/{chunk-6VTPOAG5.js → chunk-GWOK4F4Q.js} +3 -3
- package/dist/{chunk-6VTPOAG5.js.map → chunk-GWOK4F4Q.js.map} +1 -1
- package/dist/{chunk-B42Z2PBU.mjs → chunk-J2GPNRY3.mjs} +2 -2
- package/dist/chunk-KO7ZN4FG.mjs +100 -0
- package/dist/chunk-KO7ZN4FG.mjs.map +1 -0
- package/dist/chunk-LFWRTLTK.js +45 -0
- package/dist/chunk-LFWRTLTK.js.map +1 -0
- package/dist/{chunk-5HUZBURZ.mjs → chunk-LYDWTTON.mjs} +2 -2
- package/dist/{chunk-5FOX35BG.js → chunk-MIB7NRDQ.js} +22 -8
- package/dist/chunk-MIB7NRDQ.js.map +1 -0
- package/dist/chunk-MM7SNX6S.mjs +70 -0
- package/dist/chunk-MM7SNX6S.mjs.map +1 -0
- package/dist/{chunk-TXUEDK3E.js → chunk-O3YULW5E.js} +3 -3
- package/dist/{chunk-TXUEDK3E.js.map → chunk-O3YULW5E.js.map} +1 -1
- package/dist/{chunk-JZONKSUM.mjs → chunk-OTTXATHZ.mjs} +2 -2
- package/dist/{chunk-2YXJ6PIO.mjs → chunk-PJN27WWI.mjs} +3 -3
- package/dist/{chunk-2YXJ6PIO.mjs.map → chunk-PJN27WWI.mjs.map} +1 -1
- package/dist/{chunk-5DZEJPPY.js → chunk-Q2IC5MPB.js} +10 -2
- package/dist/chunk-Q2IC5MPB.js.map +1 -0
- package/dist/{chunk-5GIWUVUB.js → chunk-Q2U5WYZI.js} +4 -4
- package/dist/{chunk-5GIWUVUB.js.map → chunk-Q2U5WYZI.js.map} +1 -1
- package/dist/chunk-QXZTPCOO.mjs +1 -0
- package/dist/{chunk-LG22OEO3.js → chunk-SFE4ALUT.js} +3 -3
- package/dist/{chunk-LG22OEO3.js.map → chunk-SFE4ALUT.js.map} +1 -1
- package/dist/{chunk-XIP622RV.mjs → chunk-UIQSZVDJ.mjs} +2 -2
- package/dist/{chunk-OG6PNNQ5.mjs → chunk-UKIP7WCV.mjs} +2 -2
- package/dist/{chunk-EPRTXJ7L.mjs → chunk-VGJP435W.mjs} +2 -2
- package/dist/{chunk-OE22BFLE.js → chunk-VS3O4QYR.js} +3 -3
- package/dist/{chunk-OE22BFLE.js.map → chunk-VS3O4QYR.js.map} +1 -1
- package/dist/chunk-VYWGI5GL.mjs +65 -0
- package/dist/chunk-VYWGI5GL.mjs.map +1 -0
- package/dist/{chunk-FLV5K4DI.js → chunk-XJ43QIS4.js} +6 -1
- package/dist/chunk-XJ43QIS4.js.map +1 -0
- package/dist/{chunk-6BKYW7JH.mjs → chunk-XYTEELVP.mjs} +2 -2
- package/dist/chunk-YNKJBS7B.js +1 -0
- package/dist/{chunk-FZLT7D4G.js.map → chunk-YNKJBS7B.js.map} +1 -1
- package/dist/{chunk-H6JUN6QG.mjs → chunk-ZHF7YN5L.mjs} +22 -8
- package/dist/chunk-ZHF7YN5L.mjs.map +1 -0
- package/dist/components/accordion.d.mts +128 -0
- package/dist/components/accordion.d.ts +128 -0
- package/dist/components/accordion.js +15 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/accordion.mjs +15 -0
- package/dist/components/accordion.mjs.map +1 -0
- package/dist/components/avatar.d.mts +204 -0
- package/dist/components/avatar.d.ts +204 -0
- package/dist/components/avatar.js +12 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/avatar.mjs +12 -0
- package/dist/components/avatar.mjs.map +1 -0
- package/dist/components/badge.js +5 -5
- package/dist/components/badge.mjs +4 -4
- package/dist/components/button.js +5 -5
- package/dist/components/button.mjs +4 -4
- package/dist/components/calendar.js +5 -5
- package/dist/components/calendar.mjs +4 -4
- package/dist/components/checkbox.js +5 -5
- package/dist/components/checkbox.mjs +4 -4
- package/dist/components/govt-banner.js +5 -5
- package/dist/components/govt-banner.mjs +4 -4
- package/dist/components/index.d.mts +4 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +51 -29
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +67 -45
- package/dist/components/list-box.js +3 -3
- package/dist/components/list-box.mjs +3 -3
- package/dist/components/menu.js +3 -3
- package/dist/components/menu.mjs +3 -3
- package/dist/components/modal.js +5 -5
- package/dist/components/modal.mjs +4 -4
- package/dist/components/navbar.d.mts +94 -0
- package/dist/components/navbar.d.ts +94 -0
- package/dist/components/navbar.js +13 -0
- package/dist/components/navbar.js.map +1 -0
- package/dist/components/navbar.mjs +13 -0
- package/dist/components/navbar.mjs.map +1 -0
- package/dist/components/pagination.js +3 -3
- package/dist/components/pagination.mjs +2 -2
- package/dist/components/select.d.mts +45 -3
- package/dist/components/select.d.ts +45 -3
- package/dist/components/select.js +8 -2
- package/dist/components/select.js.map +1 -1
- package/dist/components/select.mjs +7 -1
- package/dist/components/spinner.d.mts +15 -0
- package/dist/components/spinner.d.ts +15 -0
- package/dist/components/spinner.js +2 -2
- package/dist/components/spinner.mjs +1 -1
- package/dist/components/tabs.js +3 -3
- package/dist/components/tabs.mjs +2 -2
- package/dist/components/tag-field.js +5 -5
- package/dist/components/tag-field.mjs +4 -4
- package/dist/components/toast.d.mts +92 -0
- package/dist/components/toast.d.ts +92 -0
- package/dist/components/toast.js +9 -0
- package/dist/components/toast.js.map +1 -0
- package/dist/components/toast.mjs +9 -0
- package/dist/components/toast.mjs.map +1 -0
- package/dist/components/toggle.js +5 -5
- package/dist/components/toggle.mjs +4 -4
- package/dist/index.d.mts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +53 -31
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +70 -48
- package/dist/utils/classes.d.mts +5 -1
- package/dist/utils/classes.d.ts +5 -1
- package/dist/utils/classes.js +4 -2
- package/dist/utils/classes.js.map +1 -1
- package/dist/utils/classes.mjs +5 -3
- package/dist/utils/index.d.mts +1 -1
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +6 -6
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/index.mjs +8 -8
- package/dist/utils/types.d.mts +2 -1
- package/dist/utils/types.d.ts +2 -1
- package/package.json +7 -8
- package/dist/chunk-5DZEJPPY.js.map +0 -1
- package/dist/chunk-5FOX35BG.js.map +0 -1
- package/dist/chunk-7XIXHTLH.mjs.map +0 -1
- package/dist/chunk-FLV5K4DI.js.map +0 -1
- package/dist/chunk-FZLT7D4G.js +0 -1
- package/dist/chunk-H6JUN6QG.mjs.map +0 -1
- package/dist/chunk-X6EUINAF.mjs +0 -1
- /package/dist/{chunk-K66CIRPP.mjs.map → chunk-4YDU3Y66.mjs.map} +0 -0
- /package/dist/{chunk-5IBV6ZBT.mjs.map → chunk-AGQVCSOT.mjs.map} +0 -0
- /package/dist/{chunk-B42Z2PBU.mjs.map → chunk-J2GPNRY3.mjs.map} +0 -0
- /package/dist/{chunk-5HUZBURZ.mjs.map → chunk-LYDWTTON.mjs.map} +0 -0
- /package/dist/{chunk-JZONKSUM.mjs.map → chunk-OTTXATHZ.mjs.map} +0 -0
- /package/dist/{chunk-X6EUINAF.mjs.map → chunk-QXZTPCOO.mjs.map} +0 -0
- /package/dist/{chunk-XIP622RV.mjs.map → chunk-UIQSZVDJ.mjs.map} +0 -0
- /package/dist/{chunk-OG6PNNQ5.mjs.map → chunk-UKIP7WCV.mjs.map} +0 -0
- /package/dist/{chunk-EPRTXJ7L.mjs.map → chunk-VGJP435W.mjs.map} +0 -0
- /package/dist/{chunk-6BKYW7JH.mjs.map → chunk-XYTEELVP.mjs.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-EJBX2H7V.js","../src/components/tabs.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-EJBX2H7V.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const tabsStyles = tv({\n base: \"isolate flex gap-4\",\n variants: {\n variant: {\n underlined: \"\",\n bordered: \"\",\n },\n prominence: {\n normal: \"\",\n strong: \"\",\n },\n orientation: {\n horizontal: \"flex-col\",\n vertical: \"w-[800px] flex-row\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n})\nexport type TabsVariantProps = VariantProps<typeof tabsStyles>\n\nexport const tabStyles = tv({\n extend: racFocusRing,\n base: \"group relative flex w-fit shrink-0 cursor-pointer items-center justify-center transition forced-color-adjust-none\",\n variants: {\n variant: {\n underlined:\n \"selected:border-interaction-main-default dark:selected:border-base-divider-inverse\",\n bordered:\n \"border-base-divider-strong not-selected:hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active border\",\n },\n prominence: {\n normal: \"\",\n strong: \"\",\n },\n isSelected: {\n false: \"\",\n true: \"text-interaction-main-default dark:text-base-content-inverse\",\n },\n isDisabled: {\n true: \"forced-colors:selected:text-[HighlightText] text-interaction-support-disabled-content cursor-not-allowed forced-colors:text-[GrayText]\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n orientation: {\n horizontal: \"\",\n vertical: \"w-full justify-start outline-offset-0\",\n },\n },\n compoundVariants: [\n // Underlined variant\n {\n variant: \"underlined\",\n isSelected: false,\n isDisabled: false,\n className:\n \"text-interaction-support-unselected-strong dark:text-interaction-support-unselected\",\n },\n {\n variant: \"underlined\",\n isDisabled: true,\n className:\n \"selected:text-interaction-support-disabled-content dark:selected:text-base-content-inverse selected:border-base-divider-strong text-interaction-support-disabled-content dark:text-interaction-support-unselected\",\n },\n {\n prominence: \"strong\",\n variant: \"underlined\",\n size: \"md\",\n className: \"prose-subhead-3\",\n },\n {\n prominence: \"normal\",\n size: \"md\",\n orientation: \"horizontal\",\n className: \"prose-subhead-2\",\n },\n {\n variant: \"underlined\",\n orientation: \"horizontal\",\n className: \"border-b-2 border-transparent pb-0.5\",\n },\n {\n size: \"md\",\n variant: \"underlined\",\n className: \"gap-4\",\n },\n // Bordered variant\n {\n variant: \"bordered\",\n size: \"xs\",\n className: \"px-4 py-2\",\n },\n {\n variant: \"bordered\",\n size: \"sm\",\n className: \"px-4 py-2\",\n },\n {\n variant: \"bordered\",\n size: \"md\",\n className: \"px-4 py-2.5\",\n },\n {\n variant: \"bordered\",\n size: \"lg\",\n className: \"px-4 py-3\",\n },\n {\n variant: \"bordered\",\n isSelected: true,\n className:\n \"bg-interaction-muted-main-active border-interaction-main-default z-1\",\n },\n {\n variant: \"bordered\",\n isDisabled: true,\n className:\n \"bg-interaction-support-disabled selected:text-interaction-support-disabled-content border-base-divider-strong selected:bg-interaction-muted-main-active active:bg-interaction-support-disabled\",\n },\n {\n variant: \"bordered\",\n orientation: \"horizontal\",\n className: \"not-last:-me-px first:rounded-s-sm last:rounded-e-sm\",\n },\n {\n variant: \"bordered\",\n orientation: \"vertical\",\n className: \"not-last:-mb-px first:rounded-t-sm last:rounded-b-sm\",\n },\n // Vertical orientation\n {\n prominence: \"normal\",\n size: \"md\",\n orientation: \"vertical\",\n className: \"prose-body-1\",\n },\n {\n variant: \"underlined\",\n orientation: \"vertical\",\n className:\n \"hover:text-interaction-main-hover dark:hover:text-base-content-inverse dark:active:text-base-content-inverse active:text-interaction-main-hover dark:hover:bg-interaction-tinted-inverse-hover dark:active:bg-interaction-tinted-inverse-active hover:bg-interaction-muted-main-hover border-base-divider-strong active:bg-interaction-muted-main-active border-l-2 pb-0.5\",\n },\n {\n size: \"md\",\n variant: \"underlined\",\n orientation: \"vertical\",\n className: \"px-6 py-4\",\n },\n ],\n defaultVariants: {\n size: \"md\",\n prominence: \"strong\",\n orientation: \"horizontal\",\n variant: \"underlined\",\n },\n})\n\nexport type TabVariantProps = VariantProps<typeof tabStyles>\n\nexport const tabPanelStyles = tv({\n extend: racFocusRing,\n base: \"text-base-content-default dark:text-base-content-inverse flex-1\",\n})\n\nexport type TabPanelVariantProps = VariantProps<typeof tabPanelStyles>\n\nexport const tabListStyles = tv({\n base: \"flex\",\n variants: {\n variant: {\n underlined: \"\",\n bordered: \"\",\n },\n orientation: {\n horizontal: \"flex-row overflow-x-auto\",\n vertical: \"flex-col items-start overflow-y-auto\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n compoundVariants: [\n {\n size: \"md\",\n orientation: \"horizontal\",\n variant: \"underlined\",\n className: \"gap-8\",\n },\n ],\n defaultVariants: {\n orientation: \"horizontal\",\n variant: \"underlined\",\n size: \"md\",\n },\n})\n\nexport type TabListVariantProps = VariantProps<typeof tabListStyles>\n"]}
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-AIU753NO.js","../src/components/tabs.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-AIU753NO.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const tabsStyles = tv({\n base: \"isolate flex gap-4\",\n variants: {\n variant: {\n underlined: \"\",\n bordered: \"\",\n },\n prominence: {\n normal: \"\",\n strong: \"\",\n },\n orientation: {\n horizontal: \"flex-col\",\n vertical: \"w-[800px] flex-row\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n})\nexport type TabsVariantProps = VariantProps<typeof tabsStyles>\n\nexport const tabStyles = tv({\n extend: racFocusRing,\n base: \"group relative flex w-fit shrink-0 cursor-pointer items-center justify-center transition forced-color-adjust-none\",\n variants: {\n variant: {\n underlined:\n \"selected:border-interaction-main-default dark:selected:border-base-divider-inverse\",\n bordered:\n \"border-base-divider-strong not-selected:hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active border\",\n },\n prominence: {\n normal: \"\",\n strong: \"\",\n },\n isSelected: {\n false: \"\",\n true: \"text-interaction-main-default dark:text-base-content-inverse\",\n },\n isDisabled: {\n true: \"forced-colors:selected:text-[HighlightText] text-interaction-support-disabled-content cursor-not-allowed forced-colors:text-[GrayText]\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n orientation: {\n horizontal: \"\",\n vertical: \"w-full justify-start outline-offset-0\",\n },\n },\n compoundVariants: [\n // Underlined variant\n {\n variant: \"underlined\",\n isSelected: false,\n isDisabled: false,\n className:\n \"text-interaction-support-unselected-strong dark:text-interaction-support-unselected\",\n },\n {\n variant: \"underlined\",\n isDisabled: true,\n className:\n \"selected:text-interaction-support-disabled-content dark:selected:text-base-content-inverse selected:border-base-divider-strong text-interaction-support-disabled-content dark:text-interaction-support-unselected\",\n },\n {\n prominence: \"strong\",\n variant: \"underlined\",\n size: \"md\",\n className: \"prose-subhead-3\",\n },\n {\n prominence: \"normal\",\n size: \"md\",\n orientation: \"horizontal\",\n className: \"prose-subhead-2\",\n },\n {\n variant: \"underlined\",\n orientation: \"horizontal\",\n className: \"border-b-2 border-transparent pb-0.5\",\n },\n {\n size: \"md\",\n variant: \"underlined\",\n className: \"gap-4\",\n },\n // Bordered variant\n {\n variant: \"bordered\",\n size: \"xs\",\n className: \"px-4 py-2\",\n },\n {\n variant: \"bordered\",\n size: \"sm\",\n className: \"px-4 py-2\",\n },\n {\n variant: \"bordered\",\n size: \"md\",\n className: \"px-4 py-2.5\",\n },\n {\n variant: \"bordered\",\n size: \"lg\",\n className: \"px-4 py-3\",\n },\n {\n variant: \"bordered\",\n isSelected: true,\n className:\n \"bg-interaction-muted-main-active border-interaction-main-default z-1\",\n },\n {\n variant: \"bordered\",\n isDisabled: true,\n className:\n \"bg-interaction-support-disabled selected:text-interaction-support-disabled-content border-base-divider-strong selected:bg-interaction-muted-main-active active:bg-interaction-support-disabled\",\n },\n {\n variant: \"bordered\",\n orientation: \"horizontal\",\n className: \"not-last:-me-px first:rounded-s-sm last:rounded-e-sm\",\n },\n {\n variant: \"bordered\",\n orientation: \"vertical\",\n className: \"not-last:-mb-px first:rounded-t-sm last:rounded-b-sm\",\n },\n // Vertical orientation\n {\n prominence: \"normal\",\n size: \"md\",\n orientation: \"vertical\",\n className: \"prose-body-1\",\n },\n {\n variant: \"underlined\",\n orientation: \"vertical\",\n className:\n \"hover:text-interaction-main-hover dark:hover:text-base-content-inverse dark:active:text-base-content-inverse active:text-interaction-main-hover dark:hover:bg-interaction-tinted-inverse-hover dark:active:bg-interaction-tinted-inverse-active hover:bg-interaction-muted-main-hover border-base-divider-strong active:bg-interaction-muted-main-active border-l-2 pb-0.5\",\n },\n {\n size: \"md\",\n variant: \"underlined\",\n orientation: \"vertical\",\n className: \"px-6 py-4\",\n },\n ],\n defaultVariants: {\n size: \"md\",\n prominence: \"strong\",\n orientation: \"horizontal\",\n variant: \"underlined\",\n },\n})\n\nexport type TabVariantProps = VariantProps<typeof tabStyles>\n\nexport const tabPanelStyles = tv({\n extend: racFocusRing,\n base: \"text-base-content-default dark:text-base-content-inverse flex-1\",\n})\n\nexport type TabPanelVariantProps = VariantProps<typeof tabPanelStyles>\n\nexport const tabListStyles = tv({\n base: \"flex\",\n variants: {\n variant: {\n underlined: \"\",\n bordered: \"\",\n },\n orientation: {\n horizontal: \"flex-row overflow-x-auto\",\n vertical: \"flex-col items-start overflow-y-auto\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n compoundVariants: [\n {\n size: \"md\",\n orientation: \"horizontal\",\n variant: \"underlined\",\n className: \"gap-8\",\n },\n ],\n defaultVariants: {\n orientation: \"horizontal\",\n variant: \"underlined\",\n size: \"md\",\n },\n})\n\nexport type TabListVariantProps = VariantProps<typeof tabListStyles>\n"]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
4
|
+
|
|
5
|
+
// src/components/navbar.ts
|
|
6
|
+
var navbarToggleStyles = _chunkUZONBJUXjs.tv.call(void 0, {});
|
|
7
|
+
var navbarMenuItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
8
|
+
variants: {
|
|
9
|
+
isActive: {
|
|
10
|
+
true: ""
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
var navbarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
15
|
+
slots: {
|
|
16
|
+
base: [
|
|
17
|
+
"px-6",
|
|
18
|
+
"flex",
|
|
19
|
+
"z-40",
|
|
20
|
+
"w-full",
|
|
21
|
+
"h-auto",
|
|
22
|
+
"items-center",
|
|
23
|
+
"justify-center",
|
|
24
|
+
"data-[menu-open=true]:border-none",
|
|
25
|
+
"bg-base-canvas-default"
|
|
26
|
+
],
|
|
27
|
+
wrapper: "relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4",
|
|
28
|
+
toggle: "text-base-content-strong group -ml-3.5",
|
|
29
|
+
toggleIcon: [
|
|
30
|
+
"pointer-events-none text-inherit",
|
|
31
|
+
// before - first line
|
|
32
|
+
"before:block before:h-0.5 before:-translate-y-1.5 before:rotate-0 before:rounded-xs before:bg-current before:transition-transform before:duration-150 before:content-[''] group-data-[open=true]:before:translate-y-0 group-data-[open=true]:before:rotate-45",
|
|
33
|
+
// middle line
|
|
34
|
+
"block h-0.5 w-full rounded-xs bg-current transition-opacity duration-150 group-data-[open=true]:bg-transparent",
|
|
35
|
+
// after - third line
|
|
36
|
+
"after:block after:h-0.5 after:translate-y-1 after:rotate-0 after:rounded-xs after:bg-current after:transition-transform after:duration-150 after:content-[''] group-data-[open=true]:after:-translate-y-0.5 group-data-[open=true]:after:-rotate-45"
|
|
37
|
+
],
|
|
38
|
+
brand: "",
|
|
39
|
+
content: "flex h-full flex-row flex-nowrap items-center gap-4 data-[justify=center]:justify-center data-[justify=end]:flex-grow data-[justify=end]:basis-0 data-[justify=end]:justify-end data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=start]:justify-start",
|
|
40
|
+
item: "",
|
|
41
|
+
menu: "bg-base-canvas-default fixed inset-x-0 top-(--menu-offset) bottom-0 z-30 flex w-screen max-w-full flex-col gap-2 overflow-y-auto px-6 pt-2 pb-4",
|
|
42
|
+
menuItem: ""
|
|
43
|
+
},
|
|
44
|
+
variants: {
|
|
45
|
+
position: {
|
|
46
|
+
static: {
|
|
47
|
+
base: "static"
|
|
48
|
+
},
|
|
49
|
+
sticky: {
|
|
50
|
+
base: "sticky inset-x-0 top-0"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
hasBorder: {
|
|
54
|
+
true: {
|
|
55
|
+
base: "border-base-divider-medium border-b"
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
defaultVariants: {
|
|
60
|
+
position: "sticky",
|
|
61
|
+
hasBorder: true
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
exports.navbarToggleStyles = navbarToggleStyles; exports.navbarMenuItemStyles = navbarMenuItemStyles; exports.navbarStyles = navbarStyles;
|
|
70
|
+
//# sourceMappingURL=chunk-DYEKLDJY.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DYEKLDJY.js","../src/components/navbar.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,mBAAA,EAAqB,iCAAA,CAAI,CAAC,CAAA;AAEhC,IAAM,qBAAA,EAAuB,iCAAA;AAAG,EACrC,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC,CAAA;AAEM,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,MAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,gBAAA;AAAA,MACA,mCAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EACE,uGAAA;AAAA,IACF,MAAA,EAAQ,wCAAA;AAAA,IACR,UAAA,EAAY;AAAA,MACV,kCAAA;AAAA;AAAA,MAEA,+PAAA;AAAA;AAAA,MAEA,gHAAA;AAAA;AAAA,MAEA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EACE,gRAAA;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM,iJAAA;AAAA,IACN,QAAA,EAAU;AAAA,EACZ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,QAAA;AAAA,IACV,SAAA,EAAW;AAAA,EACb;AACF,CAAC,CAAA;ADFD;AACA;AACE;AACA;AACA;AACF,0IAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DYEKLDJY.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const navbarToggleStyles = tv({})\n\nexport const navbarMenuItemStyles = tv({\n variants: {\n isActive: {\n true: \"\",\n },\n },\n})\n\nexport const navbarStyles = tv({\n slots: {\n base: [\n \"px-6\",\n \"flex\",\n \"z-40\",\n \"w-full\",\n \"h-auto\",\n \"items-center\",\n \"justify-center\",\n \"data-[menu-open=true]:border-none\",\n \"bg-base-canvas-default\",\n ],\n wrapper:\n \"relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4\",\n toggle: \"text-base-content-strong group -ml-3.5\",\n toggleIcon: [\n \"pointer-events-none text-inherit\",\n // before - first line\n \"before:block before:h-0.5 before:-translate-y-1.5 before:rotate-0 before:rounded-xs before:bg-current before:transition-transform before:duration-150 before:content-[''] group-data-[open=true]:before:translate-y-0 group-data-[open=true]:before:rotate-45\",\n // middle line\n \"block h-0.5 w-full rounded-xs bg-current transition-opacity duration-150 group-data-[open=true]:bg-transparent\",\n // after - third line\n \"after:block after:h-0.5 after:translate-y-1 after:rotate-0 after:rounded-xs after:bg-current after:transition-transform after:duration-150 after:content-[''] group-data-[open=true]:after:-translate-y-0.5 group-data-[open=true]:after:-rotate-45\",\n ],\n brand: \"\",\n content:\n \"flex h-full flex-row flex-nowrap items-center gap-4 data-[justify=center]:justify-center data-[justify=end]:flex-grow data-[justify=end]:basis-0 data-[justify=end]:justify-end data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=start]:justify-start\",\n item: \"\",\n menu: \"bg-base-canvas-default fixed inset-x-0 top-(--menu-offset) bottom-0 z-30 flex w-screen max-w-full flex-col gap-2 overflow-y-auto px-6 pt-2 pb-4\",\n menuItem: \"\",\n },\n variants: {\n position: {\n static: {\n base: \"static\",\n },\n sticky: {\n base: \"sticky inset-x-0 top-0\",\n },\n },\n hasBorder: {\n true: {\n base: \"border-base-divider-medium border-b\",\n },\n },\n },\n defaultVariants: {\n position: \"sticky\",\n hasBorder: true,\n },\n})\n\nexport type NavbarVariantProps = VariantProps<typeof navbarStyles>\nexport type NavbarSlots = keyof ReturnType<typeof navbarStyles>\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
@@ -18,7 +18,7 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
18
18
|
link: "text-[#2f5fd0] underline hover:text-[#4371d6]",
|
|
19
19
|
identifyButton: _chunkZIQLHX3Ujs.cn.call(void 0,
|
|
20
20
|
"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]",
|
|
21
|
-
|
|
21
|
+
_chunkQ2IC5MPBjs.focusVisibleClasses
|
|
22
22
|
),
|
|
23
23
|
panel: "flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11",
|
|
24
24
|
panelGroup: "flex flex-1 gap-2 md:gap-4",
|
|
@@ -33,4 +33,4 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
exports.govtBannerStyles = govtBannerStyles;
|
|
36
|
-
//# sourceMappingURL=chunk-
|
|
36
|
+
//# sourceMappingURL=chunk-EB32WBTO.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-EB32WBTO.js","../src/components/govt-banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACLO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,uDAAA;AAAA,IACR,oBAAA,EAAsB,sCAAA;AAAA,IACtB,KAAA,EACE,oFAAA;AAAA,IACF,WAAA,EAAa,2CAAA;AAAA,IACb,IAAA,EAAM,+CAAA;AAAA,IACN,cAAA,EAAgB,iCAAA;AAAA,MACd,gEAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,iFAAA;AAAA,IACF,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,kCAAA;AAAA,IACd,SAAA,EACE,sEAAA;AAAA,IACF,OAAA,EACE,sEAAA;AAAA,IACF,UAAA,EAAY,+DAAA;AAAA,IACZ,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADGD;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-EB32WBTO.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n slots: {\n banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n crest:\n \"h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n identifyButton: cn(\n \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n focusVisibleClasses,\n ),\n panel:\n \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n panelIcon:\n \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n chevron:\n \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"]}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
@@ -14,7 +14,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
|
14
14
|
|
|
15
15
|
// src/components/badge.ts
|
|
16
16
|
var badgeCloseButtonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
17
|
-
extend:
|
|
17
|
+
extend: _chunkQ2IC5MPBjs.racFocusRing,
|
|
18
18
|
base: _chunkZIQLHX3Ujs.cn.call(void 0,
|
|
19
19
|
_chunk7Y2HFACMjs.colorVariantsWithState.clear.neutral,
|
|
20
20
|
"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition"
|
|
@@ -280,4 +280,4 @@ var badgeStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
280
280
|
|
|
281
281
|
|
|
282
282
|
exports.badgeCloseButtonStyles = badgeCloseButtonStyles; exports.badgeStyles = badgeStyles;
|
|
283
|
-
//# sourceMappingURL=chunk-
|
|
283
|
+
//# sourceMappingURL=chunk-GWOK4F4Q.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-6VTPOAG5.js","../src/components/badge.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-6VTPOAG5.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants, colorVariantsWithState } from \"../utils/variants\"\n\nexport const badgeCloseButtonStyles = tv({\n extend: racFocusRing,\n base: cn(\n colorVariantsWithState.clear.neutral,\n \"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition\",\n ),\n variants: {\n size: {\n xs: \"size-3\",\n sm: \"size-4\",\n md: \"size-4\",\n },\n },\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport const badgeStyles = tv({\n slots: {\n base: \"relative box-border inline-flex max-w-fit min-w-min items-center justify-between whitespace-nowrap\",\n dot: \"\",\n content: \"flex-1 text-inherit\",\n },\n variants: {\n isCloseable: {\n true: \"\",\n },\n isDisabled: {\n true: { base: \"pointer-events-none opacity-60\" },\n },\n variant: {\n solid: {},\n subtle: {},\n outline: {\n base: \"border\",\n },\n dot: {\n base: \"text-base-content-default dark:text-base-content-inverse\",\n dot: \"mr-1 rounded-full\",\n },\n },\n size: {\n xs: {\n base: \"prose-legal h-5 gap-1 px-2 py-1\",\n dot: \"size-1.5\",\n },\n sm: {\n base: \"prose-caption-1 h-6 gap-1 px-2 py-1\",\n dot: \"size-2\",\n },\n md: {\n base: \"prose-body-2 h-7 gap-1 px-2.5 py-1\",\n dot: \"size-2\",\n },\n },\n color: {\n main: \"\",\n sub: \"\",\n success: \"\",\n neutral: \"\",\n warning: \"\",\n critical: \"\",\n },\n radius: {\n none: {\n base: \"rounded-none\",\n },\n sm: {\n base: \"rounded-sm\",\n },\n md: {\n base: \"rounded-md\",\n },\n lg: {\n base: \"rounded-lg\",\n },\n full: {\n base: \"rounded-full\",\n },\n },\n },\n compoundVariants: [\n // solid / color\n {\n variant: \"solid\",\n color: \"main\",\n className: {\n base: colorVariants.solid.main,\n },\n },\n {\n variant: \"solid\",\n color: \"sub\",\n className: {\n base: colorVariants.solid.sub,\n },\n },\n {\n variant: \"solid\",\n color: \"neutral\",\n className: {\n base: colorVariants.solid.neutral,\n },\n },\n {\n variant: \"solid\",\n color: \"critical\",\n className: {\n base: colorVariants.solid.critical,\n },\n },\n {\n variant: \"solid\",\n color: \"warning\",\n className: {\n base: colorVariants.solid.warning,\n },\n },\n {\n variant: \"solid\",\n color: \"success\",\n className: {\n base: colorVariants.solid.success,\n },\n },\n // subtle / color\n {\n variant: \"subtle\",\n color: \"main\",\n className: {\n base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"sub\",\n className: {\n base: \"bg-interaction-sub-subtle-default text-interaction-sub-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"neutral\",\n className: {\n base: \"bg-interaction-neutral-subtle-default text-base-content-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"success\",\n className: {\n base: \"bg-interaction-success-subtle-default text-interaction-success-active\",\n },\n },\n {\n variant: \"subtle\",\n color: \"warning\",\n className: {\n base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong\",\n },\n },\n {\n variant: \"subtle\",\n color: \"critical\",\n className: {\n base: \"bg-interaction-critical-subtle-default text-interaction-critical-default\",\n },\n },\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: {\n base: \"bg-interaction-main-subtle-default text-interaction-main-default border-interaction-main-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: {\n base: \"bg-interaction-sub-subtle-default text-interaction-sub-default border-interaction-sub-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"neutral\",\n className: {\n base: \"bg-interaction-neutral-subtle-default text-base-content-default border-interaction-neutral-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"success\",\n className: {\n base: \"bg-interaction-success-subtle-default text-interaction-success-active border-interaction-success-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"warning\",\n className: {\n base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong border-interaction-warning-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"critical\",\n className: {\n base: \"bg-interaction-critical-subtle-default text-interaction-critical-default border-interaction-critical-subtle-hover\",\n },\n },\n // dot / color\n {\n variant: \"dot\",\n color: \"main\",\n className: {\n dot: \"bg-interaction-main-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"sub\",\n className: {\n dot: \"bg-interaction-sub-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"neutral\",\n className: {\n dot: \"bg-interaction-neutral-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"critical\",\n className: {\n dot: \"bg-interaction-critical-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"warning\",\n className: {\n dot: \"bg-interaction-warning-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"success\",\n className: {\n dot: \"bg-interaction-success-default\",\n },\n },\n ],\n defaultVariants: {\n variant: \"solid\",\n color: \"main\",\n size: \"sm\",\n radius: \"sm\",\n },\n})\n\nexport type BadgeVariantProps = VariantProps<typeof badgeStyles>\nexport type BadgeSlots = keyof typeof badgeStyles.slots\n"]}
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GWOK4F4Q.js","../src/components/badge.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GWOK4F4Q.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants, colorVariantsWithState } from \"../utils/variants\"\n\nexport const badgeCloseButtonStyles = tv({\n extend: racFocusRing,\n base: cn(\n colorVariantsWithState.clear.neutral,\n \"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition\",\n ),\n variants: {\n size: {\n xs: \"size-3\",\n sm: \"size-4\",\n md: \"size-4\",\n },\n },\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport const badgeStyles = tv({\n slots: {\n base: \"relative box-border inline-flex max-w-fit min-w-min items-center justify-between whitespace-nowrap\",\n dot: \"\",\n content: \"flex-1 text-inherit\",\n },\n variants: {\n isCloseable: {\n true: \"\",\n },\n isDisabled: {\n true: { base: \"pointer-events-none opacity-60\" },\n },\n variant: {\n solid: {},\n subtle: {},\n outline: {\n base: \"border\",\n },\n dot: {\n base: \"text-base-content-default dark:text-base-content-inverse\",\n dot: \"mr-1 rounded-full\",\n },\n },\n size: {\n xs: {\n base: \"prose-legal h-5 gap-1 px-2 py-1\",\n dot: \"size-1.5\",\n },\n sm: {\n base: \"prose-caption-1 h-6 gap-1 px-2 py-1\",\n dot: \"size-2\",\n },\n md: {\n base: \"prose-body-2 h-7 gap-1 px-2.5 py-1\",\n dot: \"size-2\",\n },\n },\n color: {\n main: \"\",\n sub: \"\",\n success: \"\",\n neutral: \"\",\n warning: \"\",\n critical: \"\",\n },\n radius: {\n none: {\n base: \"rounded-none\",\n },\n sm: {\n base: \"rounded-sm\",\n },\n md: {\n base: \"rounded-md\",\n },\n lg: {\n base: \"rounded-lg\",\n },\n full: {\n base: \"rounded-full\",\n },\n },\n },\n compoundVariants: [\n // solid / color\n {\n variant: \"solid\",\n color: \"main\",\n className: {\n base: colorVariants.solid.main,\n },\n },\n {\n variant: \"solid\",\n color: \"sub\",\n className: {\n base: colorVariants.solid.sub,\n },\n },\n {\n variant: \"solid\",\n color: \"neutral\",\n className: {\n base: colorVariants.solid.neutral,\n },\n },\n {\n variant: \"solid\",\n color: \"critical\",\n className: {\n base: colorVariants.solid.critical,\n },\n },\n {\n variant: \"solid\",\n color: \"warning\",\n className: {\n base: colorVariants.solid.warning,\n },\n },\n {\n variant: \"solid\",\n color: \"success\",\n className: {\n base: colorVariants.solid.success,\n },\n },\n // subtle / color\n {\n variant: \"subtle\",\n color: \"main\",\n className: {\n base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"sub\",\n className: {\n base: \"bg-interaction-sub-subtle-default text-interaction-sub-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"neutral\",\n className: {\n base: \"bg-interaction-neutral-subtle-default text-base-content-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"success\",\n className: {\n base: \"bg-interaction-success-subtle-default text-interaction-success-active\",\n },\n },\n {\n variant: \"subtle\",\n color: \"warning\",\n className: {\n base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong\",\n },\n },\n {\n variant: \"subtle\",\n color: \"critical\",\n className: {\n base: \"bg-interaction-critical-subtle-default text-interaction-critical-default\",\n },\n },\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: {\n base: \"bg-interaction-main-subtle-default text-interaction-main-default border-interaction-main-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: {\n base: \"bg-interaction-sub-subtle-default text-interaction-sub-default border-interaction-sub-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"neutral\",\n className: {\n base: \"bg-interaction-neutral-subtle-default text-base-content-default border-interaction-neutral-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"success\",\n className: {\n base: \"bg-interaction-success-subtle-default text-interaction-success-active border-interaction-success-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"warning\",\n className: {\n base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong border-interaction-warning-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"critical\",\n className: {\n base: \"bg-interaction-critical-subtle-default text-interaction-critical-default border-interaction-critical-subtle-hover\",\n },\n },\n // dot / color\n {\n variant: \"dot\",\n color: \"main\",\n className: {\n dot: \"bg-interaction-main-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"sub\",\n className: {\n dot: \"bg-interaction-sub-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"neutral\",\n className: {\n dot: \"bg-interaction-neutral-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"critical\",\n className: {\n dot: \"bg-interaction-critical-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"warning\",\n className: {\n dot: \"bg-interaction-warning-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"success\",\n className: {\n dot: \"bg-interaction-success-default\",\n },\n },\n ],\n defaultVariants: {\n variant: \"solid\",\n color: \"main\",\n size: \"sm\",\n radius: \"sm\",\n },\n})\n\nexport type BadgeVariantProps = VariantProps<typeof badgeStyles>\nexport type BadgeSlots = keyof typeof badgeStyles.slots\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
racFocusRing
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
4
4
|
import {
|
|
5
5
|
tv
|
|
6
6
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -204,4 +204,4 @@ export {
|
|
|
204
204
|
tabPanelStyles,
|
|
205
205
|
tabListStyles
|
|
206
206
|
};
|
|
207
|
-
//# sourceMappingURL=chunk-
|
|
207
|
+
//# sourceMappingURL=chunk-J2GPNRY3.mjs.map
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import {
|
|
2
|
+
dataFocusVisibleClasses,
|
|
3
|
+
translateCenterClasses
|
|
4
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
5
|
+
import {
|
|
6
|
+
tv
|
|
7
|
+
} from "./chunk-4JENAMGV.mjs";
|
|
8
|
+
|
|
9
|
+
// src/components/avatar.ts
|
|
10
|
+
var avatarStyles = tv({
|
|
11
|
+
base: [],
|
|
12
|
+
slots: {
|
|
13
|
+
base: [
|
|
14
|
+
"relative z-(--avatar-zindex) box-border flex items-center justify-center overflow-hidden bg-clip-padding align-middle",
|
|
15
|
+
...dataFocusVisibleClasses
|
|
16
|
+
],
|
|
17
|
+
icon: "",
|
|
18
|
+
fallback: [...translateCenterClasses, "flex items-center justify-center"],
|
|
19
|
+
image: "size-full object-cover object-center opacity-0 transition-opacity duration-500 data-[loaded=true]:opacity-100"
|
|
20
|
+
},
|
|
21
|
+
variants: {
|
|
22
|
+
isInGroup: {
|
|
23
|
+
true: {
|
|
24
|
+
base: "border-utility-ui -ms-2 border first-of-type:ms-0"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
prominence: {
|
|
28
|
+
strong: {},
|
|
29
|
+
subtle: {}
|
|
30
|
+
},
|
|
31
|
+
color: {
|
|
32
|
+
primary: {},
|
|
33
|
+
white: {}
|
|
34
|
+
},
|
|
35
|
+
radius: {
|
|
36
|
+
none: {
|
|
37
|
+
base: "rounded-none"
|
|
38
|
+
},
|
|
39
|
+
sm: {
|
|
40
|
+
base: "rounded-sm"
|
|
41
|
+
},
|
|
42
|
+
md: {
|
|
43
|
+
base: "rounded-md"
|
|
44
|
+
},
|
|
45
|
+
lg: {
|
|
46
|
+
base: "rounded-lg"
|
|
47
|
+
},
|
|
48
|
+
full: {
|
|
49
|
+
base: "rounded-full"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
size: {
|
|
53
|
+
md: { base: "prose-subhead-2 size-10", icon: "size-5" },
|
|
54
|
+
sm: { base: "prose-caption-1 size-9", icon: "size-4" },
|
|
55
|
+
xs: { base: "prose-caption-1 size-8", icon: "size-4" },
|
|
56
|
+
"2xs": { base: "prose-legal size-5", icon: "size-2.5" }
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
compoundVariants: [
|
|
60
|
+
{
|
|
61
|
+
prominence: "strong",
|
|
62
|
+
color: "primary",
|
|
63
|
+
className: {
|
|
64
|
+
base: "bg-interaction-main-default text-base-content-inverse"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
prominence: "subtle",
|
|
69
|
+
color: "primary",
|
|
70
|
+
className: {
|
|
71
|
+
base: "bg-interaction-main-subtle-default text-interaction-main-default"
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
prominence: "subtle",
|
|
76
|
+
color: "white",
|
|
77
|
+
className: {
|
|
78
|
+
base: "border-interaction-main-subtle-default text-interaction-main-default border"
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
],
|
|
82
|
+
defaultVariants: {
|
|
83
|
+
size: "md",
|
|
84
|
+
radius: "full",
|
|
85
|
+
prominence: "strong",
|
|
86
|
+
color: "primary"
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
var avatarGroupStyles = tv({
|
|
90
|
+
slots: {
|
|
91
|
+
base: "isolate flex h-auto w-max items-center justify-center",
|
|
92
|
+
counter: ""
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
export {
|
|
97
|
+
avatarStyles,
|
|
98
|
+
avatarGroupStyles
|
|
99
|
+
};
|
|
100
|
+
//# sourceMappingURL=chunk-KO7ZN4FG.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/avatar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport {\n dataFocusVisibleClasses,\n translateCenterClasses,\n} from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const avatarStyles = tv({\n base: [],\n slots: {\n base: [\n \"relative z-(--avatar-zindex) box-border flex items-center justify-center overflow-hidden bg-clip-padding align-middle\",\n ...dataFocusVisibleClasses,\n ],\n icon: \"\",\n fallback: [...translateCenterClasses, \"flex items-center justify-center\"],\n image:\n \"size-full object-cover object-center opacity-0 transition-opacity duration-500 data-[loaded=true]:opacity-100\",\n },\n variants: {\n isInGroup: {\n true: {\n base: \"border-utility-ui -ms-2 border first-of-type:ms-0\",\n },\n },\n prominence: {\n strong: {},\n subtle: {},\n },\n color: {\n primary: {},\n white: {},\n },\n radius: {\n none: {\n base: \"rounded-none\",\n },\n sm: {\n base: \"rounded-sm\",\n },\n md: {\n base: \"rounded-md\",\n },\n lg: {\n base: \"rounded-lg\",\n },\n full: {\n base: \"rounded-full\",\n },\n },\n size: {\n md: { base: \"prose-subhead-2 size-10\", icon: \"size-5\" },\n sm: { base: \"prose-caption-1 size-9\", icon: \"size-4\" },\n xs: { base: \"prose-caption-1 size-8\", icon: \"size-4\" },\n \"2xs\": { base: \"prose-legal size-5\", icon: \"size-2.5\" },\n },\n },\n compoundVariants: [\n {\n prominence: \"strong\",\n color: \"primary\",\n className: {\n base: \"bg-interaction-main-default text-base-content-inverse\",\n },\n },\n {\n prominence: \"subtle\",\n color: \"primary\",\n className: {\n base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n },\n },\n {\n prominence: \"subtle\",\n color: \"white\",\n className: {\n base: \"border-interaction-main-subtle-default text-interaction-main-default border\",\n },\n },\n ],\n defaultVariants: {\n size: \"md\",\n radius: \"full\",\n prominence: \"strong\",\n color: \"primary\",\n },\n})\n\nexport type AvatarVariantProps = VariantProps<typeof avatarStyles>\nexport type AvatarSlots = keyof ReturnType<typeof avatarStyles>\n\nexport const avatarGroupStyles = tv({\n slots: {\n base: \"isolate flex h-auto w-max items-center justify-center\",\n counter: \"\",\n },\n})\n\nexport type AvatarGroupVariantProps = VariantProps<typeof avatarGroupStyles>\nexport type AvatarGroupSlots = keyof ReturnType<typeof avatarGroupStyles>\n"],"mappings":";;;;;;;;;AAQO,IAAM,eAAe,GAAG;AAAA,EAC7B,MAAM,CAAC;AAAA,EACP,OAAO;AAAA,IACL,MAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,UAAU,CAAC,GAAG,wBAAwB,kCAAkC;AAAA,IACxE,OACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,QAAQ,CAAC;AAAA,MACT,QAAQ,CAAC;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,SAAS,CAAC;AAAA,MACV,OAAO,CAAC;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,2BAA2B,MAAM,SAAS;AAAA,MACtD,IAAI,EAAE,MAAM,0BAA0B,MAAM,SAAS;AAAA,MACrD,IAAI,EAAE,MAAM,0BAA0B,MAAM,SAAS;AAAA,MACrD,OAAO,EAAE,MAAM,sBAAsB,MAAM,WAAW;AAAA,IACxD;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AACF,CAAC;AAKM,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
4
|
+
|
|
5
|
+
// src/components/toast.ts
|
|
6
|
+
var toastStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
7
|
+
slots: {
|
|
8
|
+
base: "prose-body-1 lg:[--width:680px]!",
|
|
9
|
+
toast: "group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10 data-[expanded=false]:data-[front=false]:overflow-hidden data-[expanded=false]:data-[front=false]:*:opacity-0",
|
|
10
|
+
title: "[&:has(+[data-description])]:prose-subhead-1",
|
|
11
|
+
description: "",
|
|
12
|
+
loader: "absolute inset-0 size-5 [--size:20px]!",
|
|
13
|
+
closeButton: "absolute top-3.25 right-4 flex size-5 cursor-pointer items-center justify-center rounded-sm p-0",
|
|
14
|
+
cancelButton: "prose-caption-1 group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/10 group-data-[type=info]/toast:bg-utility-feedback-info/10 group-data-[type=success]/toast:bg-utility-feedback-success/10 group-data-[type=error]/toast:bg-utility-feedback-critical/10 hover:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/15 hover:group-data-[type=info]/toast:bg-utility-feedback-info/15 hover:group-data-[type=success]/toast:bg-utility-feedback-success/15 hover:group-data-[type=error]/toast:bg-utility-feedback-critical/15 active:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/20 active:group-data-[type=info]/toast:bg-utility-feedback-info/20 active:group-data-[type=success]/toast:bg-utility-feedback-success/20 active:group-data-[type=error]/toast:bg-utility-feedback-critical/20 bg-interaction-neutral-default/10 hover:bg-interaction-neutral-default/15 active:bg-interaction-neutral-default/20 h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!",
|
|
15
|
+
actionButton: "prose-caption-1 text-base-content-inverse group-data-[type=warning]/toast:text-base-content-default group-data-[type=warning]/toast:bg-interaction-warning-default group-data-[type=info]/toast:bg-interaction-main-default group-data-[type=success]/toast:bg-interaction-success-default group-data-[type=error]/toast:bg-interaction-critical-default hover:group-data-[type=warning]/toast:bg-interaction-warning-hover hover:group-data-[type=info]/toast:bg-interaction-main-hover hover:group-data-[type=success]/toast:bg-interaction-success-hover hover:group-data-[type=error]/toast:bg-interaction-critical-hover active:group-data-[type=warning]/toast:bg-interaction-warning-active active:group-data-[type=info]/toast:bg-interaction-main-active active:group-data-[type=success]/toast:bg-interaction-success-active active:group-data-[type=error]/toast:bg-interaction-critical-active bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!",
|
|
16
|
+
success: "",
|
|
17
|
+
error: "",
|
|
18
|
+
info: "",
|
|
19
|
+
warning: "",
|
|
20
|
+
loading: "",
|
|
21
|
+
default: "",
|
|
22
|
+
content: "flex w-full shrink-0 flex-col gap-0.5 ease-out group-data-[expanded=false]/toast:group-data-[front=false]/toast:opacity-0",
|
|
23
|
+
icon: "group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start"
|
|
24
|
+
},
|
|
25
|
+
variants: {
|
|
26
|
+
variant: {
|
|
27
|
+
bordered: {
|
|
28
|
+
loading: "border bg-white",
|
|
29
|
+
default: "border bg-white",
|
|
30
|
+
success: "border-utility-feedback-success bg-utility-feedback-success-subtle!",
|
|
31
|
+
error: "border-utility-feedback-critical bg-utility-feedback-critical-subtle!",
|
|
32
|
+
info: "border-utility-feedback-info bg-utility-feedback-info-subtle!",
|
|
33
|
+
warning: "border-utility-feedback-warning bg-utility-feedback-warning-subtle!"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
defaultVariants: {
|
|
38
|
+
variant: "bordered"
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
exports.toastStyles = toastStyles;
|
|
45
|
+
//# sourceMappingURL=chunk-LFWRTLTK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LFWRTLTK.js","../src/components/toast.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,kCAAA;AAAA,IACN,KAAA,EACE,gRAAA;AAAA,IACF,KAAA,EAAO,8CAAA;AAAA,IACP,WAAA,EAAa,EAAA;AAAA,IACb,MAAA,EAAQ,wCAAA;AAAA,IACR,WAAA,EACE,iGAAA;AAAA,IACF,YAAA,EACE,o+BAAA;AAAA,IACF,YAAA,EACE,2gCAAA;AAAA,IACF,OAAA,EAAS,EAAA;AAAA,IACT,KAAA,EAAO,EAAA;AAAA,IACP,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EACE,2HAAA;AAAA,IACF,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,QAAA,EAAU;AAAA,QACR,OAAA,EAAS,iBAAA;AAAA,QACT,OAAA,EAAS,iBAAA;AAAA,QACT,OAAA,EACE,qEAAA;AAAA,QACF,KAAA,EACE,uEAAA;AAAA,QACF,IAAA,EAAM,+DAAA;AAAA,QACN,OAAA,EACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;ADND;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LFWRTLTK.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const toastStyles = tv({\n slots: {\n base: \"prose-body-1 lg:[--width:680px]!\",\n toast:\n \"group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10 data-[expanded=false]:data-[front=false]:overflow-hidden data-[expanded=false]:data-[front=false]:*:opacity-0\",\n title: \"[&:has(+[data-description])]:prose-subhead-1\",\n description: \"\",\n loader: \"absolute inset-0 size-5 [--size:20px]!\",\n closeButton:\n \"absolute top-3.25 right-4 flex size-5 cursor-pointer items-center justify-center rounded-sm p-0\",\n cancelButton:\n \"prose-caption-1 group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/10 group-data-[type=info]/toast:bg-utility-feedback-info/10 group-data-[type=success]/toast:bg-utility-feedback-success/10 group-data-[type=error]/toast:bg-utility-feedback-critical/10 hover:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/15 hover:group-data-[type=info]/toast:bg-utility-feedback-info/15 hover:group-data-[type=success]/toast:bg-utility-feedback-success/15 hover:group-data-[type=error]/toast:bg-utility-feedback-critical/15 active:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/20 active:group-data-[type=info]/toast:bg-utility-feedback-info/20 active:group-data-[type=success]/toast:bg-utility-feedback-success/20 active:group-data-[type=error]/toast:bg-utility-feedback-critical/20 bg-interaction-neutral-default/10 hover:bg-interaction-neutral-default/15 active:bg-interaction-neutral-default/20 h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n actionButton:\n \"prose-caption-1 text-base-content-inverse group-data-[type=warning]/toast:text-base-content-default group-data-[type=warning]/toast:bg-interaction-warning-default group-data-[type=info]/toast:bg-interaction-main-default group-data-[type=success]/toast:bg-interaction-success-default group-data-[type=error]/toast:bg-interaction-critical-default hover:group-data-[type=warning]/toast:bg-interaction-warning-hover hover:group-data-[type=info]/toast:bg-interaction-main-hover hover:group-data-[type=success]/toast:bg-interaction-success-hover hover:group-data-[type=error]/toast:bg-interaction-critical-hover active:group-data-[type=warning]/toast:bg-interaction-warning-active active:group-data-[type=info]/toast:bg-interaction-main-active active:group-data-[type=success]/toast:bg-interaction-success-active active:group-data-[type=error]/toast:bg-interaction-critical-active bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n success: \"\",\n error: \"\",\n info: \"\",\n warning: \"\",\n loading: \"\",\n default: \"\",\n content:\n \"flex w-full shrink-0 flex-col gap-0.5 ease-out group-data-[expanded=false]/toast:group-data-[front=false]/toast:opacity-0\",\n icon: \"group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start\",\n },\n variants: {\n variant: {\n bordered: {\n loading: \"border bg-white\",\n default: \"border bg-white\",\n success:\n \"border-utility-feedback-success bg-utility-feedback-success-subtle!\",\n error:\n \"border-utility-feedback-critical bg-utility-feedback-critical-subtle!\",\n info: \"border-utility-feedback-info bg-utility-feedback-info-subtle!\",\n warning:\n \"border-utility-feedback-warning bg-utility-feedback-warning-subtle!\",\n },\n },\n },\n defaultVariants: {\n variant: \"bordered\",\n },\n})\n\nexport type ToastVariantProps = VariantProps<typeof toastStyles>\nexport type ToastSlots = keyof ReturnType<typeof toastStyles>\n"]}
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-C7FUGWVY.mjs";
|
|
4
4
|
import {
|
|
5
5
|
dataFocusVisibleClasses
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
7
7
|
import {
|
|
8
8
|
tv
|
|
9
9
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -329,4 +329,4 @@ var paginationStyles = tv({
|
|
|
329
329
|
export {
|
|
330
330
|
paginationStyles
|
|
331
331
|
};
|
|
332
|
-
//# sourceMappingURL=chunk-
|
|
332
|
+
//# sourceMappingURL=chunk-LYDWTTON.mjs.map
|
|
@@ -35,7 +35,9 @@ var selectItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
isDisabled: {
|
|
38
|
-
true:
|
|
38
|
+
true: {
|
|
39
|
+
base: "bg-interaction-support-disabled text-interaction-support-disabled-content"
|
|
40
|
+
}
|
|
39
41
|
},
|
|
40
42
|
isFocused: {
|
|
41
43
|
true: ""
|
|
@@ -51,14 +53,17 @@ var selectItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
51
53
|
});
|
|
52
54
|
var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
53
55
|
slots: {
|
|
54
|
-
base: "group flex flex-col gap-1",
|
|
56
|
+
base: "group flex w-full flex-col gap-1",
|
|
55
57
|
label: "",
|
|
56
|
-
trigger: "w-
|
|
58
|
+
trigger: "w-full",
|
|
57
59
|
icon: "size-4",
|
|
58
60
|
selectedText: "text-base-content-strong flex-1 truncate text-start",
|
|
59
61
|
popover: "flex w-(--trigger-width) flex-col",
|
|
60
62
|
list: "overflow-y-auto",
|
|
61
|
-
description: ""
|
|
63
|
+
description: "",
|
|
64
|
+
searchField: "group border-base-divider-strong flex items-center gap-2 border-b",
|
|
65
|
+
searchIcon: "text-base-content-subtle shrink-0",
|
|
66
|
+
searchInput: "min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0"
|
|
62
67
|
},
|
|
63
68
|
variants: {
|
|
64
69
|
variant: {
|
|
@@ -82,15 +87,24 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
82
87
|
size: {
|
|
83
88
|
xs: {
|
|
84
89
|
selectedText: "prose-body-2",
|
|
85
|
-
list: "max-h-[264px]"
|
|
90
|
+
list: "max-h-[264px]",
|
|
91
|
+
searchField: "px-3 py-2",
|
|
92
|
+
searchIcon: "size-4",
|
|
93
|
+
searchInput: "prose-body-2"
|
|
86
94
|
},
|
|
87
95
|
sm: {
|
|
88
96
|
selectedText: "prose-body-2",
|
|
89
|
-
list: "max-h-[264px]"
|
|
97
|
+
list: "max-h-[264px]",
|
|
98
|
+
searchField: "px-3 py-2.5",
|
|
99
|
+
searchIcon: "size-4",
|
|
100
|
+
searchInput: "prose-body-2"
|
|
90
101
|
},
|
|
91
102
|
md: {
|
|
92
103
|
selectedText: "prose-body-1",
|
|
93
|
-
list: "max-h-[288px]"
|
|
104
|
+
list: "max-h-[288px]",
|
|
105
|
+
searchField: "px-4 py-2.5",
|
|
106
|
+
searchIcon: "size-5",
|
|
107
|
+
searchInput: "prose-body-1"
|
|
94
108
|
}
|
|
95
109
|
}
|
|
96
110
|
},
|
|
@@ -138,4 +152,4 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
138
152
|
|
|
139
153
|
|
|
140
154
|
exports.selectSearchStyles = selectSearchStyles; exports.selectItemStyles = selectItemStyles; exports.selectStyles = selectStyles;
|
|
141
|
-
//# sourceMappingURL=chunk-
|
|
155
|
+
//# sourceMappingURL=chunk-MIB7NRDQ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MIB7NRDQ.js","../src/components/select.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,mBAAA,EAAqB,iCAAA;AAAG,EACnC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAEM,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uHAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,kEAAA;AAAA,QACN,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,MAAA;AAAA,IACP,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAKM,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,kCAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,QAAA;AAAA,IACT,IAAA,EAAM,QAAA;AAAA,IACN,YAAA,EAAc,qDAAA;AAAA,IACd,OAAA,EAAS,mCAAA;AAAA,IACT,IAAA,EAAM,iBAAA;AAAA,IACN,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EACE,mEAAA;AAAA,IACF,UAAA,EAAY,mCAAA;AAAA,IACZ,WAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,EAAA;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO,EAAA;AAAA,MACP,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,EAAA;AAAA,MACN,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,EAAA;AAAA,MACT,QAAA,EAAU,EAAA;AAAA,MACV,GAAA,EAAK,EAAA;AAAA,MACL,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,YAAA,EAAc,cAAA;AAAA,QACd,IAAA,EAAM,eAAA;AAAA,QACN,WAAA,EAAa,WAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,YAAA,EAAc,cAAA;AAAA,QACd,IAAA,EAAM,eAAA;AAAA,QACN,WAAA,EAAa,aAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,YAAA,EAAc,cAAA;AAAA,QACd,IAAA,EAAM,eAAA;AAAA,QACN,WAAA,EAAa,aAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,WAAA,EAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA;AAAA,IAEA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,KAAA,EAAO,KAAA;AAAA,IACP,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADLD;AACA;AACE;AACA;AACA;AACF,kIAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MIB7NRDQ.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const selectSearchStyles = tv({\n slots: {\n base: \"\",\n icon: \"\",\n input: \"\",\n clear: \"\",\n },\n})\n\nexport const selectItemStyles = tv({\n slots: {\n base: \"text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none\",\n text: \"line-clamp-1 flex-1 text-inherit\",\n },\n variants: {\n color: {\n main: {\n base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active\",\n },\n },\n size: {\n xs: {\n base: \"prose-body-2 px-3 py-3\",\n },\n sm: {\n base: \"prose-body-2 px-3 py-3\",\n },\n md: {\n base: \"prose-body-1 selected:bg-interaction-muted-main-active px-4 py-3\",\n text: \"group-selected:prose-subhead-1\",\n },\n },\n isDisabled: {\n true: {\n base: \"bg-interaction-support-disabled text-interaction-support-disabled-content\",\n },\n },\n isFocused: {\n true: \"\",\n },\n isSelected: {\n true: \"\",\n },\n },\n defaultVariants: {\n color: \"main\",\n size: \"md\",\n },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n slots: {\n base: \"group flex w-full flex-col gap-1\",\n label: \"\",\n trigger: \"w-full\",\n icon: \"size-4\",\n selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n popover: \"flex w-(--trigger-width) flex-col\",\n list: \"overflow-y-auto\",\n description: \"\",\n searchField:\n \"group border-base-divider-strong flex items-center gap-2 border-b\",\n searchIcon: \"text-base-content-subtle shrink-0\",\n searchInput:\n \"min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0\",\n },\n variants: {\n variant: {\n solid: \"\",\n reverse: \"\",\n outline: {\n trigger: \"group-invalid:border-interaction-critical-default\",\n },\n clear: \"\",\n unstyled: \"\",\n },\n color: {\n main: \"\",\n success: \"\",\n warning: \"\",\n critical: \"\",\n sub: \"\",\n neutral: \"\",\n inverse: \"\",\n },\n size: {\n xs: {\n selectedText: \"prose-body-2\",\n list: \"max-h-[264px]\",\n searchField: \"px-3 py-2\",\n searchIcon: \"size-4\",\n searchInput: \"prose-body-2\",\n },\n sm: {\n selectedText: \"prose-body-2\",\n list: \"max-h-[264px]\",\n searchField: \"px-3 py-2.5\",\n searchIcon: \"size-4\",\n searchInput: \"prose-body-2\",\n },\n md: {\n selectedText: \"prose-body-1\",\n list: \"max-h-[288px]\",\n searchField: \"px-4 py-2.5\",\n searchIcon: \"size-5\",\n searchInput: \"prose-body-1\",\n },\n },\n },\n compoundVariants: [\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-main-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n },\n },\n // clear / color\n {\n variant: \"clear\",\n color: \"main\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-main-hover\",\n },\n },\n {\n variant: \"clear\",\n color: \"sub\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n },\n },\n ],\n defaultVariants: {\n variant: \"outline\",\n color: \"sub\",\n size: \"md\",\n },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import {
|
|
2
|
+
tv
|
|
3
|
+
} from "./chunk-4JENAMGV.mjs";
|
|
4
|
+
|
|
5
|
+
// src/components/navbar.ts
|
|
6
|
+
var navbarToggleStyles = tv({});
|
|
7
|
+
var navbarMenuItemStyles = tv({
|
|
8
|
+
variants: {
|
|
9
|
+
isActive: {
|
|
10
|
+
true: ""
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
var navbarStyles = tv({
|
|
15
|
+
slots: {
|
|
16
|
+
base: [
|
|
17
|
+
"px-6",
|
|
18
|
+
"flex",
|
|
19
|
+
"z-40",
|
|
20
|
+
"w-full",
|
|
21
|
+
"h-auto",
|
|
22
|
+
"items-center",
|
|
23
|
+
"justify-center",
|
|
24
|
+
"data-[menu-open=true]:border-none",
|
|
25
|
+
"bg-base-canvas-default"
|
|
26
|
+
],
|
|
27
|
+
wrapper: "relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4",
|
|
28
|
+
toggle: "text-base-content-strong group -ml-3.5",
|
|
29
|
+
toggleIcon: [
|
|
30
|
+
"pointer-events-none text-inherit",
|
|
31
|
+
// before - first line
|
|
32
|
+
"before:block before:h-0.5 before:-translate-y-1.5 before:rotate-0 before:rounded-xs before:bg-current before:transition-transform before:duration-150 before:content-[''] group-data-[open=true]:before:translate-y-0 group-data-[open=true]:before:rotate-45",
|
|
33
|
+
// middle line
|
|
34
|
+
"block h-0.5 w-full rounded-xs bg-current transition-opacity duration-150 group-data-[open=true]:bg-transparent",
|
|
35
|
+
// after - third line
|
|
36
|
+
"after:block after:h-0.5 after:translate-y-1 after:rotate-0 after:rounded-xs after:bg-current after:transition-transform after:duration-150 after:content-[''] group-data-[open=true]:after:-translate-y-0.5 group-data-[open=true]:after:-rotate-45"
|
|
37
|
+
],
|
|
38
|
+
brand: "",
|
|
39
|
+
content: "flex h-full flex-row flex-nowrap items-center gap-4 data-[justify=center]:justify-center data-[justify=end]:flex-grow data-[justify=end]:basis-0 data-[justify=end]:justify-end data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=start]:justify-start",
|
|
40
|
+
item: "",
|
|
41
|
+
menu: "bg-base-canvas-default fixed inset-x-0 top-(--menu-offset) bottom-0 z-30 flex w-screen max-w-full flex-col gap-2 overflow-y-auto px-6 pt-2 pb-4",
|
|
42
|
+
menuItem: ""
|
|
43
|
+
},
|
|
44
|
+
variants: {
|
|
45
|
+
position: {
|
|
46
|
+
static: {
|
|
47
|
+
base: "static"
|
|
48
|
+
},
|
|
49
|
+
sticky: {
|
|
50
|
+
base: "sticky inset-x-0 top-0"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
hasBorder: {
|
|
54
|
+
true: {
|
|
55
|
+
base: "border-base-divider-medium border-b"
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
defaultVariants: {
|
|
60
|
+
position: "sticky",
|
|
61
|
+
hasBorder: true
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
export {
|
|
66
|
+
navbarToggleStyles,
|
|
67
|
+
navbarMenuItemStyles,
|
|
68
|
+
navbarStyles
|
|
69
|
+
};
|
|
70
|
+
//# sourceMappingURL=chunk-MM7SNX6S.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/navbar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const navbarToggleStyles = tv({})\n\nexport const navbarMenuItemStyles = tv({\n variants: {\n isActive: {\n true: \"\",\n },\n },\n})\n\nexport const navbarStyles = tv({\n slots: {\n base: [\n \"px-6\",\n \"flex\",\n \"z-40\",\n \"w-full\",\n \"h-auto\",\n \"items-center\",\n \"justify-center\",\n \"data-[menu-open=true]:border-none\",\n \"bg-base-canvas-default\",\n ],\n wrapper:\n \"relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4\",\n toggle: \"text-base-content-strong group -ml-3.5\",\n toggleIcon: [\n \"pointer-events-none text-inherit\",\n // before - first line\n \"before:block before:h-0.5 before:-translate-y-1.5 before:rotate-0 before:rounded-xs before:bg-current before:transition-transform before:duration-150 before:content-[''] group-data-[open=true]:before:translate-y-0 group-data-[open=true]:before:rotate-45\",\n // middle line\n \"block h-0.5 w-full rounded-xs bg-current transition-opacity duration-150 group-data-[open=true]:bg-transparent\",\n // after - third line\n \"after:block after:h-0.5 after:translate-y-1 after:rotate-0 after:rounded-xs after:bg-current after:transition-transform after:duration-150 after:content-[''] group-data-[open=true]:after:-translate-y-0.5 group-data-[open=true]:after:-rotate-45\",\n ],\n brand: \"\",\n content:\n \"flex h-full flex-row flex-nowrap items-center gap-4 data-[justify=center]:justify-center data-[justify=end]:flex-grow data-[justify=end]:basis-0 data-[justify=end]:justify-end data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=start]:justify-start\",\n item: \"\",\n menu: \"bg-base-canvas-default fixed inset-x-0 top-(--menu-offset) bottom-0 z-30 flex w-screen max-w-full flex-col gap-2 overflow-y-auto px-6 pt-2 pb-4\",\n menuItem: \"\",\n },\n variants: {\n position: {\n static: {\n base: \"static\",\n },\n sticky: {\n base: \"sticky inset-x-0 top-0\",\n },\n },\n hasBorder: {\n true: {\n base: \"border-base-divider-medium border-b\",\n },\n },\n },\n defaultVariants: {\n position: \"sticky\",\n hasBorder: true,\n },\n})\n\nexport type NavbarVariantProps = VariantProps<typeof navbarStyles>\nexport type NavbarSlots = keyof ReturnType<typeof navbarStyles>\n"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG,CAAC,CAAC;AAEhC,IAAM,uBAAuB,GAAG;AAAA,EACrC,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAEM,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SACE;AAAA,IACF,QAAQ;AAAA,IACR,YAAY;AAAA,MACV;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,IACP,SACE;AAAA,IACF,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF,CAAC;","names":[]}
|