@opengovsg/oui-theme 0.0.0-snapshot-20250311073924
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/LICENSE.md +13 -0
- package/dist/chunk-2HLZ2TA2.mjs +55 -0
- package/dist/chunk-2HLZ2TA2.mjs.map +1 -0
- package/dist/chunk-2LTV7VB5.js +1 -0
- package/dist/chunk-2LTV7VB5.js.map +1 -0
- package/dist/chunk-2YKM6BLP.mjs +57 -0
- package/dist/chunk-2YKM6BLP.mjs.map +1 -0
- package/dist/chunk-4JENAMGV.mjs +14 -0
- package/dist/chunk-4JENAMGV.mjs.map +1 -0
- package/dist/chunk-5VYQMWMZ.js +204 -0
- package/dist/chunk-5VYQMWMZ.js.map +1 -0
- package/dist/chunk-6I5HW6G2.mjs +204 -0
- package/dist/chunk-6I5HW6G2.mjs.map +1 -0
- package/dist/chunk-7SYUA43A.js +55 -0
- package/dist/chunk-7SYUA43A.js.map +1 -0
- package/dist/chunk-7XIXHTLH.mjs +74 -0
- package/dist/chunk-7XIXHTLH.mjs.map +1 -0
- package/dist/chunk-AVNHKMOD.js +13 -0
- package/dist/chunk-AVNHKMOD.js.map +1 -0
- package/dist/chunk-BGCTGU25.js +26 -0
- package/dist/chunk-BGCTGU25.js.map +1 -0
- package/dist/chunk-DBQIIY6U.js +40 -0
- package/dist/chunk-DBQIIY6U.js.map +1 -0
- package/dist/chunk-FLV5K4DI.js +74 -0
- package/dist/chunk-FLV5K4DI.js.map +1 -0
- package/dist/chunk-FWC3DOGE.mjs +13 -0
- package/dist/chunk-FWC3DOGE.mjs.map +1 -0
- package/dist/chunk-GK7MVUI2.mjs +41 -0
- package/dist/chunk-GK7MVUI2.mjs.map +1 -0
- package/dist/chunk-GQ3JHZUT.js +41 -0
- package/dist/chunk-GQ3JHZUT.js.map +1 -0
- package/dist/chunk-GUV5RZUP.mjs +101 -0
- package/dist/chunk-GUV5RZUP.mjs.map +1 -0
- package/dist/chunk-HAUMMW6T.mjs +12 -0
- package/dist/chunk-HAUMMW6T.mjs.map +1 -0
- package/dist/chunk-HEB3T2LL.js +18 -0
- package/dist/chunk-HEB3T2LL.js.map +1 -0
- package/dist/chunk-HTU3V6IU.mjs +26 -0
- package/dist/chunk-HTU3V6IU.mjs.map +1 -0
- package/dist/chunk-IVOSH3A7.mjs +40 -0
- package/dist/chunk-IVOSH3A7.mjs.map +1 -0
- package/dist/chunk-J2CD7KKZ.js +21 -0
- package/dist/chunk-J2CD7KKZ.js.map +1 -0
- package/dist/chunk-J2WMLIIA.mjs +20 -0
- package/dist/chunk-J2WMLIIA.mjs.map +1 -0
- package/dist/chunk-JAQCLNC3.mjs +54 -0
- package/dist/chunk-JAQCLNC3.mjs.map +1 -0
- package/dist/chunk-KK47HKQ6.mjs +1 -0
- package/dist/chunk-KK47HKQ6.mjs.map +1 -0
- package/dist/chunk-LV3YKAIH.js +54 -0
- package/dist/chunk-LV3YKAIH.js.map +1 -0
- package/dist/chunk-M2BG3FAA.mjs +1 -0
- package/dist/chunk-M2BG3FAA.mjs.map +1 -0
- package/dist/chunk-MXWQ4MHM.js +57 -0
- package/dist/chunk-MXWQ4MHM.js.map +1 -0
- package/dist/chunk-NNKV4QJP.mjs +21 -0
- package/dist/chunk-NNKV4QJP.mjs.map +1 -0
- package/dist/chunk-O3I4FUFD.js +7 -0
- package/dist/chunk-O3I4FUFD.js.map +1 -0
- package/dist/chunk-OLJN3WXR.js +1 -0
- package/dist/chunk-OLJN3WXR.js.map +1 -0
- package/dist/chunk-OSIMQ4I6.js +136 -0
- package/dist/chunk-OSIMQ4I6.js.map +1 -0
- package/dist/chunk-OUZ7DBAS.js +101 -0
- package/dist/chunk-OUZ7DBAS.js.map +1 -0
- package/dist/chunk-R6W5A7PF.mjs +18 -0
- package/dist/chunk-R6W5A7PF.mjs.map +1 -0
- package/dist/chunk-SETXC4VI.mjs +36 -0
- package/dist/chunk-SETXC4VI.mjs.map +1 -0
- package/dist/chunk-SFKXXWVK.mjs +44 -0
- package/dist/chunk-SFKXXWVK.mjs.map +1 -0
- package/dist/chunk-SOCDAXB2.js +1 -0
- package/dist/chunk-SOCDAXB2.js.map +1 -0
- package/dist/chunk-SOOR7R6F.mjs +136 -0
- package/dist/chunk-SOOR7R6F.mjs.map +1 -0
- package/dist/chunk-TL5MCSZQ.mjs +7 -0
- package/dist/chunk-TL5MCSZQ.mjs.map +1 -0
- package/dist/chunk-TPVZYXBG.js +57 -0
- package/dist/chunk-TPVZYXBG.js.map +1 -0
- package/dist/chunk-U5G5CDX6.mjs +57 -0
- package/dist/chunk-U5G5CDX6.mjs.map +1 -0
- package/dist/chunk-UZONBJUX.js +14 -0
- package/dist/chunk-UZONBJUX.js.map +1 -0
- package/dist/chunk-WLVKPCAW.mjs +31 -0
- package/dist/chunk-WLVKPCAW.mjs.map +1 -0
- package/dist/chunk-WTYHPAGQ.js +31 -0
- package/dist/chunk-WTYHPAGQ.js.map +1 -0
- package/dist/chunk-WWEFJ54B.js +36 -0
- package/dist/chunk-WWEFJ54B.js.map +1 -0
- package/dist/chunk-X2UCVIR5.js +44 -0
- package/dist/chunk-X2UCVIR5.js.map +1 -0
- package/dist/chunk-XTHC46M2.mjs +1 -0
- package/dist/chunk-XTHC46M2.mjs.map +1 -0
- package/dist/chunk-ZIQLHX3U.js +12 -0
- package/dist/chunk-ZIQLHX3U.js.map +1 -0
- package/dist/chunk-ZXZSQRVC.js +20 -0
- package/dist/chunk-ZXZSQRVC.js.map +1 -0
- package/dist/components/banner.d.mts +196 -0
- package/dist/components/banner.d.ts +196 -0
- package/dist/components/banner.js +9 -0
- package/dist/components/banner.js.map +1 -0
- package/dist/components/banner.mjs +9 -0
- package/dist/components/banner.mjs.map +1 -0
- package/dist/components/button.d.mts +255 -0
- package/dist/components/button.d.ts +255 -0
- package/dist/components/button.js +16 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/button.mjs +16 -0
- package/dist/components/button.mjs.map +1 -0
- package/dist/components/calendar.d.mts +105 -0
- package/dist/components/calendar.d.ts +105 -0
- package/dist/components/calendar.js +9 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/calendar.mjs +9 -0
- package/dist/components/calendar.mjs.map +1 -0
- package/dist/components/combo-box-fuzzy.d.mts +60 -0
- package/dist/components/combo-box-fuzzy.d.ts +60 -0
- package/dist/components/combo-box-fuzzy.js +9 -0
- package/dist/components/combo-box-fuzzy.js.map +1 -0
- package/dist/components/combo-box-fuzzy.mjs +9 -0
- package/dist/components/combo-box-fuzzy.mjs.map +1 -0
- package/dist/components/combo-box.d.mts +522 -0
- package/dist/components/combo-box.d.ts +522 -0
- package/dist/components/combo-box.js +14 -0
- package/dist/components/combo-box.js.map +1 -0
- package/dist/components/combo-box.mjs +14 -0
- package/dist/components/combo-box.mjs.map +1 -0
- package/dist/components/field-group.d.mts +211 -0
- package/dist/components/field-group.d.ts +211 -0
- package/dist/components/field-group.js +11 -0
- package/dist/components/field-group.js.map +1 -0
- package/dist/components/field-group.mjs +11 -0
- package/dist/components/field-group.mjs.map +1 -0
- package/dist/components/field.d.mts +202 -0
- package/dist/components/field.d.ts +202 -0
- package/dist/components/field.js +13 -0
- package/dist/components/field.js.map +1 -0
- package/dist/components/field.mjs +13 -0
- package/dist/components/field.mjs.map +1 -0
- package/dist/components/govt-banner.d.mts +136 -0
- package/dist/components/govt-banner.d.ts +136 -0
- package/dist/components/govt-banner.js +15 -0
- package/dist/components/govt-banner.js.map +1 -0
- package/dist/components/govt-banner.mjs +15 -0
- package/dist/components/govt-banner.mjs.map +1 -0
- package/dist/components/index.d.mts +16 -0
- package/dist/components/index.d.ts +16 -0
- package/dist/components/index.js +81 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/index.mjs +81 -0
- package/dist/components/index.mjs.map +1 -0
- package/dist/components/input.d.mts +90 -0
- package/dist/components/input.d.ts +90 -0
- package/dist/components/input.js +9 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/input.mjs +9 -0
- package/dist/components/input.mjs.map +1 -0
- package/dist/components/skip-nav-link.d.mts +21 -0
- package/dist/components/skip-nav-link.d.ts +21 -0
- package/dist/components/skip-nav-link.js +9 -0
- package/dist/components/skip-nav-link.js.map +1 -0
- package/dist/components/skip-nav-link.mjs +9 -0
- package/dist/components/skip-nav-link.mjs.map +1 -0
- package/dist/components/spinner.d.mts +180 -0
- package/dist/components/spinner.d.ts +180 -0
- package/dist/components/spinner.js +9 -0
- package/dist/components/spinner.js.map +1 -0
- package/dist/components/spinner.mjs +9 -0
- package/dist/components/spinner.mjs.map +1 -0
- package/dist/components/tag-field.d.mts +316 -0
- package/dist/components/tag-field.d.ts +316 -0
- package/dist/components/tag-field.js +17 -0
- package/dist/components/tag-field.js.map +1 -0
- package/dist/components/tag-field.mjs +17 -0
- package/dist/components/tag-field.mjs.map +1 -0
- package/dist/components/text-area.d.mts +127 -0
- package/dist/components/text-area.d.ts +127 -0
- package/dist/components/text-area.js +10 -0
- package/dist/components/text-area.js.map +1 -0
- package/dist/components/text-area.mjs +10 -0
- package/dist/components/text-area.mjs.map +1 -0
- package/dist/components/toggle.d.mts +165 -0
- package/dist/components/toggle.d.ts +165 -0
- package/dist/components/toggle.js +15 -0
- package/dist/components/toggle.js.map +1 -0
- package/dist/components/toggle.mjs +15 -0
- package/dist/components/toggle.mjs.map +1 -0
- package/dist/index.d.mts +25 -0
- package/dist/index.d.ts +25 -0
- package/dist/index.js +105 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +105 -0
- package/dist/index.mjs.map +1 -0
- package/dist/utils/classes.d.mts +49 -0
- package/dist/utils/classes.d.ts +49 -0
- package/dist/utils/classes.js +15 -0
- package/dist/utils/classes.js.map +1 -0
- package/dist/utils/classes.mjs +15 -0
- package/dist/utils/classes.mjs.map +1 -0
- package/dist/utils/cn.d.mts +5 -0
- package/dist/utils/cn.d.ts +5 -0
- package/dist/utils/cn.js +8 -0
- package/dist/utils/cn.js.map +1 -0
- package/dist/utils/cn.mjs +8 -0
- package/dist/utils/cn.mjs.map +1 -0
- package/dist/utils/data-attr.d.mts +6 -0
- package/dist/utils/data-attr.d.ts +6 -0
- package/dist/utils/data-attr.js +7 -0
- package/dist/utils/data-attr.js.map +1 -0
- package/dist/utils/data-attr.mjs +7 -0
- package/dist/utils/data-attr.mjs.map +1 -0
- package/dist/utils/index.d.mts +11 -0
- package/dist/utils/index.d.ts +11 -0
- package/dist/utils/index.js +35 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/index.mjs +35 -0
- package/dist/utils/index.mjs.map +1 -0
- package/dist/utils/rac.d.mts +11 -0
- package/dist/utils/rac.d.ts +11 -0
- package/dist/utils/rac.js +10 -0
- package/dist/utils/rac.js.map +1 -0
- package/dist/utils/rac.mjs +10 -0
- package/dist/utils/rac.mjs.map +1 -0
- package/dist/utils/tv.d.mts +16 -0
- package/dist/utils/tv.d.ts +16 -0
- package/dist/utils/tv.js +8 -0
- package/dist/utils/tv.js.map +1 -0
- package/dist/utils/tv.mjs +8 -0
- package/dist/utils/tv.mjs.map +1 -0
- package/dist/utils/tw-merge.d.mts +15 -0
- package/dist/utils/tw-merge.d.ts +15 -0
- package/dist/utils/tw-merge.js +9 -0
- package/dist/utils/tw-merge.js.map +1 -0
- package/dist/utils/tw-merge.mjs +9 -0
- package/dist/utils/tw-merge.mjs.map +1 -0
- package/dist/utils/types.d.mts +8 -0
- package/dist/utils/types.d.ts +8 -0
- package/dist/utils/types.js +2 -0
- package/dist/utils/types.js.map +1 -0
- package/dist/utils/types.mjs +2 -0
- package/dist/utils/types.mjs.map +1 -0
- package/dist/utils/variants.d.mts +32 -0
- package/dist/utils/variants.d.ts +32 -0
- package/dist/utils/variants.js +7 -0
- package/dist/utils/variants.js.map +1 -0
- package/dist/utils/variants.mjs +7 -0
- package/dist/utils/variants.mjs.map +1 -0
- package/package.json +56 -0
- package/src/tailwind.css +261 -0
- package/src/variants/base.css +491 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/govt-banner.ts"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;AAKO,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,sBAAsB;AAAA,IACtB,OACE;AAAA,IACF,aAAa;AAAA,IACb,MAAM;AAAA,IACN,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,IACA,OACE;AAAA,IACF,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WACE;AAAA,IACF,SACE;AAAA,IACF,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF,CAAC;","names":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import {
|
|
2
|
+
tv
|
|
3
|
+
} from "./chunk-4JENAMGV.mjs";
|
|
4
|
+
|
|
5
|
+
// src/utils/classes.ts
|
|
6
|
+
var focusVisibleClasses = [
|
|
7
|
+
"outline-none",
|
|
8
|
+
"outline-transparent",
|
|
9
|
+
"outline-offset-2",
|
|
10
|
+
"focus-visible:outline-focus-ring",
|
|
11
|
+
"focus-visible:outline-solid",
|
|
12
|
+
"focus-visible:outline-2"
|
|
13
|
+
];
|
|
14
|
+
var focusClasses = [
|
|
15
|
+
"outline-none",
|
|
16
|
+
"outline-transparent",
|
|
17
|
+
"outline-offset-2",
|
|
18
|
+
"focus:outline-focus-ring",
|
|
19
|
+
"focus:outline-solid",
|
|
20
|
+
"focus:outline-2"
|
|
21
|
+
];
|
|
22
|
+
var groupFocusVisibleClasses = [
|
|
23
|
+
"in-focus-visible:z-10",
|
|
24
|
+
"in-focus-visible:outline-2",
|
|
25
|
+
"outline-focus-ring",
|
|
26
|
+
"outline-offset-2"
|
|
27
|
+
];
|
|
28
|
+
var racFocusRing = tv({
|
|
29
|
+
base: "outline-offset-2 outline-none",
|
|
30
|
+
variants: {
|
|
31
|
+
isFocusVisible: {
|
|
32
|
+
false: "outline-transparent",
|
|
33
|
+
true: "outline-focus-ring outline-2 outline-solid"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
export {
|
|
39
|
+
focusVisibleClasses,
|
|
40
|
+
focusClasses,
|
|
41
|
+
groupFocusVisibleClasses,
|
|
42
|
+
racFocusRing
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=chunk-SFKXXWVK.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/classes.ts"],"sourcesContent":["import { tv } from \"./tv\"\n\nexport const focusVisibleClasses = [\n \"outline-none\",\n \"outline-transparent\",\n \"outline-offset-2\",\n \"focus-visible:outline-focus-ring\",\n \"focus-visible:outline-solid\",\n \"focus-visible:outline-2\",\n] as const\n\nexport const focusClasses = [\n \"outline-none\",\n \"outline-transparent\",\n \"outline-offset-2\",\n \"focus:outline-focus-ring\",\n \"focus:outline-solid\",\n \"focus:outline-2\",\n] as const\n\nexport const groupFocusVisibleClasses = [\n \"in-focus-visible:z-10\",\n \"in-focus-visible:outline-2\",\n \"outline-focus-ring\",\n \"outline-offset-2\",\n] as const\n\nexport const racFocusRing = tv({\n base: \"outline-offset-2 outline-none\",\n variants: {\n isFocusVisible: {\n false: \"outline-transparent\",\n true: \"outline-focus-ring outline-2 outline-solid\",\n },\n },\n})\n"],"mappings":";;;;;AAEO,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,2BAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,eAAe,GAAG;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";//# sourceMappingURL=chunk-SOCDAXB2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-SOCDAXB2.js"],"names":[],"mappings":"AAAA","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-SOCDAXB2.js"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import {
|
|
2
|
+
inputStyles
|
|
3
|
+
} from "./chunk-WLVKPCAW.mjs";
|
|
4
|
+
import {
|
|
5
|
+
tv
|
|
6
|
+
} from "./chunk-4JENAMGV.mjs";
|
|
7
|
+
|
|
8
|
+
// src/components/combo-box.ts
|
|
9
|
+
var comboBoxStyles = tv({
|
|
10
|
+
slots: {
|
|
11
|
+
container: "group isolate flex flex-col gap-2",
|
|
12
|
+
label: "",
|
|
13
|
+
group: "z-10 flex-1",
|
|
14
|
+
expandButton: "h-full cursor-pointer",
|
|
15
|
+
icon: "",
|
|
16
|
+
field: "h-full w-full overflow-ellipsis outline-hidden",
|
|
17
|
+
popover: "mt-0.5 w-(--trigger-width) overflow-hidden bg-white shadow-sm",
|
|
18
|
+
list: "w-unset block max-h-[300px] min-h-0 overflow-y-auto"
|
|
19
|
+
},
|
|
20
|
+
base: [],
|
|
21
|
+
variants: {
|
|
22
|
+
isClearable: {
|
|
23
|
+
true: {
|
|
24
|
+
group: "rounded-r-none"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
isDisabled: {
|
|
28
|
+
true: {
|
|
29
|
+
expandButton: "text-interaction-support-disabled-content cursor-default"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
size: {
|
|
33
|
+
xs: {
|
|
34
|
+
field: "px-3",
|
|
35
|
+
group: [inputStyles.variants.size.xs, "gap-1 px-0"],
|
|
36
|
+
expandButton: "-my-2 h-9 px-3",
|
|
37
|
+
icon: "h-4 w-4"
|
|
38
|
+
},
|
|
39
|
+
sm: {
|
|
40
|
+
popover: "mt-1",
|
|
41
|
+
field: "px-3",
|
|
42
|
+
group: [inputStyles.variants.size.sm, "gap-1 px-0"],
|
|
43
|
+
expandButton: "-my-2.5 h-10 px-3",
|
|
44
|
+
icon: "h-4 w-4"
|
|
45
|
+
},
|
|
46
|
+
md: {
|
|
47
|
+
group: [inputStyles.variants.size.md, "gap-1 px-0"],
|
|
48
|
+
field: "px-4",
|
|
49
|
+
expandButton: "-my-2 h-11 px-4",
|
|
50
|
+
icon: "h-5 w-5"
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
size: "md"
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
var comboBoxItemStyles = tv({
|
|
59
|
+
slots: {
|
|
60
|
+
container: "text-base-content-strong flex cursor-pointer flex-col",
|
|
61
|
+
label: "",
|
|
62
|
+
description: "text-base-content-medium"
|
|
63
|
+
},
|
|
64
|
+
variants: {
|
|
65
|
+
size: {
|
|
66
|
+
xs: {
|
|
67
|
+
container: "prose-body-2 px-3 py-3",
|
|
68
|
+
description: "prose-body-2"
|
|
69
|
+
},
|
|
70
|
+
sm: {
|
|
71
|
+
container: "prose-body-2 px-3 py-3",
|
|
72
|
+
description: "prose-body-2"
|
|
73
|
+
},
|
|
74
|
+
md: { container: "prose-body-1 px-4 py-3", description: "prose-body-2" }
|
|
75
|
+
},
|
|
76
|
+
isFocused: {
|
|
77
|
+
true: { container: "bg-interaction-muted-main-hover" }
|
|
78
|
+
},
|
|
79
|
+
isSelected: {
|
|
80
|
+
true: { container: "bg-interaction-muted-main-active" }
|
|
81
|
+
},
|
|
82
|
+
isDisabled: {
|
|
83
|
+
true: { container: "cursor-not-allowed" }
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
compoundVariants: [
|
|
87
|
+
{
|
|
88
|
+
size: "md",
|
|
89
|
+
isSelected: true,
|
|
90
|
+
className: { container: "prose-subhead-1" }
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
size: ["sm", "xs"],
|
|
94
|
+
isSelected: true,
|
|
95
|
+
className: { container: "prose-subhead-2" }
|
|
96
|
+
}
|
|
97
|
+
],
|
|
98
|
+
defaultVariants: {
|
|
99
|
+
size: "md"
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
var comboBoxClearButtonStyles = tv({
|
|
103
|
+
base: "border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition",
|
|
104
|
+
variants: {
|
|
105
|
+
isDisabled: {
|
|
106
|
+
true: "bg-interaction-support-disabled text-interaction-support-disabled-content cursor-default"
|
|
107
|
+
},
|
|
108
|
+
isInactive: {
|
|
109
|
+
true: "text-interaction-support-disabled-content"
|
|
110
|
+
},
|
|
111
|
+
isHovered: {
|
|
112
|
+
true: "bg-interaction-muted-main-hover"
|
|
113
|
+
},
|
|
114
|
+
isFocused: {
|
|
115
|
+
true: "border-utility-focus-default shadow-utility-focus-default z-20 shadow-[0_0_0_1px]"
|
|
116
|
+
},
|
|
117
|
+
isPressed: {
|
|
118
|
+
true: "text-base-content-strong"
|
|
119
|
+
},
|
|
120
|
+
size: {
|
|
121
|
+
xs: "h-9 px-2.5",
|
|
122
|
+
sm: "h-10 px-2.5",
|
|
123
|
+
md: "h-11 px-3"
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
defaultVariants: {
|
|
127
|
+
size: "md"
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
|
|
131
|
+
export {
|
|
132
|
+
comboBoxStyles,
|
|
133
|
+
comboBoxItemStyles,
|
|
134
|
+
comboBoxClearButtonStyles
|
|
135
|
+
};
|
|
136
|
+
//# sourceMappingURL=chunk-SOOR7R6F.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/combo-box.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const comboBoxStyles = tv({\n slots: {\n container: \"group isolate flex flex-col gap-2\",\n label: \"\",\n group: \"z-10 flex-1\",\n expandButton: \"h-full cursor-pointer\",\n icon: \"\",\n field: \"h-full w-full overflow-ellipsis outline-hidden\",\n popover: \"mt-0.5 w-(--trigger-width) overflow-hidden bg-white shadow-sm\",\n list: \"w-unset block max-h-[300px] min-h-0 overflow-y-auto\",\n },\n base: [],\n variants: {\n isClearable: {\n true: {\n group: \"rounded-r-none\",\n },\n },\n isDisabled: {\n true: {\n expandButton:\n \"text-interaction-support-disabled-content cursor-default\",\n },\n },\n size: {\n xs: {\n field: \"px-3\",\n group: [inputStyles.variants.size.xs, \"gap-1 px-0\"],\n expandButton: \"-my-2 h-9 px-3\",\n icon: \"h-4 w-4\",\n },\n sm: {\n popover: \"mt-1\",\n field: \"px-3\",\n group: [inputStyles.variants.size.sm, \"gap-1 px-0\"],\n expandButton: \"-my-2.5 h-10 px-3\",\n icon: \"h-4 w-4\",\n },\n md: {\n group: [inputStyles.variants.size.md, \"gap-1 px-0\"],\n field: \"px-4\",\n expandButton: \"-my-2 h-11 px-4\",\n icon: \"h-5 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type ComboBoxVariantProps = VariantProps<typeof comboBoxStyles>\nexport type ComboBoxSlots = keyof ReturnType<typeof comboBoxStyles>\n\nexport const comboBoxItemStyles = tv({\n slots: {\n container: \"text-base-content-strong flex cursor-pointer flex-col\",\n label: \"\",\n description: \"text-base-content-medium\",\n },\n variants: {\n size: {\n xs: {\n container: \"prose-body-2 px-3 py-3\",\n description: \"prose-body-2\",\n },\n sm: {\n container: \"prose-body-2 px-3 py-3\",\n description: \"prose-body-2\",\n },\n md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n },\n isFocused: {\n true: { container: \"bg-interaction-muted-main-hover\" },\n },\n isSelected: {\n true: { container: \"bg-interaction-muted-main-active\" },\n },\n isDisabled: {\n true: { container: \"cursor-not-allowed\" },\n },\n },\n compoundVariants: [\n {\n size: \"md\",\n isSelected: true,\n className: { container: \"prose-subhead-1\" },\n },\n {\n size: [\"sm\", \"xs\"],\n isSelected: true,\n className: { container: \"prose-subhead-2\" },\n },\n ],\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type ComboBoxItemVariantProps = VariantProps<typeof comboBoxItemStyles>\nexport type ComboBoxItemSlots = keyof ReturnType<typeof comboBoxItemStyles>\n\nexport const comboBoxClearButtonStyles = tv({\n base: \"border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition\",\n variants: {\n isDisabled: {\n true: \"bg-interaction-support-disabled text-interaction-support-disabled-content cursor-default\",\n },\n isInactive: {\n true: \"text-interaction-support-disabled-content\",\n },\n isHovered: {\n true: \"bg-interaction-muted-main-hover\",\n },\n isFocused: {\n true: \"border-utility-focus-default shadow-utility-focus-default z-20 shadow-[0_0_0_1px]\",\n },\n isPressed: {\n true: \"text-base-content-strong\",\n },\n size: {\n xs: \"h-9 px-2.5\",\n sm: \"h-10 px-2.5\",\n md: \"h-11 px-3\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n"],"mappings":";;;;;;;;AAKO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,IACP,cAAc;AAAA,IACd,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,MAAM,CAAC;AAAA,EACP,UAAU;AAAA,IACR,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,cACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO,CAAC,YAAY,SAAS,KAAK,IAAI,YAAY;AAAA,QAClD,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO,CAAC,YAAY,SAAS,KAAK,IAAI,YAAY;AAAA,QAClD,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,OAAO,CAAC,YAAY,SAAS,KAAK,IAAI,YAAY;AAAA,QAClD,OAAO;AAAA,QACP,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI,EAAE,WAAW,0BAA0B,aAAa,eAAe;AAAA,IACzE;AAAA,IACA,WAAW;AAAA,MACT,MAAM,EAAE,WAAW,kCAAkC;AAAA,IACvD;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE,WAAW,mCAAmC;AAAA,IACxD;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE,WAAW,qBAAqB;AAAA,IAC1C;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,MAAM,CAAC,MAAM,IAAI;AAAA,MACjB,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,4BAA4B,GAAG;AAAA,EAC1C,MAAM;AAAA,EACN,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/data-attr.ts"],"sourcesContent":["/**\n * Function to return undefined if the value is falsy, otherwise true\n */\nexport const dataAttr = (value: unknown) => (value ? true : undefined)\n"],"mappings":";AAGO,IAAM,WAAW,CAAC,UAAoB,QAAQ,OAAO;","names":[]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
4
|
+
|
|
5
|
+
// src/components/field-group.ts
|
|
6
|
+
var fieldBorderStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
outline: ""
|
|
10
|
+
},
|
|
11
|
+
isFocusWithin: {
|
|
12
|
+
true: ""
|
|
13
|
+
},
|
|
14
|
+
isInvalid: {
|
|
15
|
+
true: ""
|
|
16
|
+
},
|
|
17
|
+
isDisabled: {
|
|
18
|
+
true: ""
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
compoundVariants: [
|
|
22
|
+
{
|
|
23
|
+
variant: "outline",
|
|
24
|
+
isFocusWithin: true,
|
|
25
|
+
className: "border-utility-focus-default shadow-utility-focus-default shadow-[0_0_0_1px]"
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
variant: "outline",
|
|
29
|
+
isFocusWithin: false,
|
|
30
|
+
className: "border-base-divider-strong"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
variant: "outline",
|
|
34
|
+
isInvalid: true,
|
|
35
|
+
isFocusWithin: false,
|
|
36
|
+
className: "border-interaction-critical-default"
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
});
|
|
40
|
+
var fieldGroupStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
41
|
+
extend: fieldBorderStyles,
|
|
42
|
+
base: "group flex items-center rounded-sm border bg-white not-motion-reduce:transition-shadow",
|
|
43
|
+
variants: {
|
|
44
|
+
isDisabled: {
|
|
45
|
+
true: "bg-interaction-support-disabled text-interaction-support-disabled-content"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
defaultVariants: {
|
|
49
|
+
variant: "outline"
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
exports.fieldBorderStyles = fieldBorderStyles; exports.fieldGroupStyles = fieldGroupStyles;
|
|
57
|
+
//# sourceMappingURL=chunk-TPVZYXBG.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TPVZYXBG.js","../src/components/field-group.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,IACR,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,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,aAAA,EAAe,IAAA;AAAA,MACf,SAAA,EACE;AAAA,IACJ,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,aAAA,EAAe,KAAA;AAAA,MACf,SAAA,EAAW;AAAA,IACb,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,SAAA,EAAW,IAAA;AAAA,MACX,aAAA,EAAe,KAAA;AAAA,MACf,SAAA,EAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC,CAAA;AAEM,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,MAAA,EAAQ,iBAAA;AAAA,EACR,IAAA,EAAM,wFAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TPVZYXBG.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const fieldBorderStyles = tv({\n variants: {\n variant: {\n outline: \"\",\n },\n isFocusWithin: {\n true: \"\",\n },\n isInvalid: {\n true: \"\",\n },\n isDisabled: {\n true: \"\",\n },\n },\n compoundVariants: [\n {\n variant: \"outline\",\n isFocusWithin: true,\n className:\n \"border-utility-focus-default shadow-utility-focus-default shadow-[0_0_0_1px]\",\n },\n {\n variant: \"outline\",\n isFocusWithin: false,\n className: \"border-base-divider-strong\",\n },\n {\n variant: \"outline\",\n isInvalid: true,\n isFocusWithin: false,\n className: \"border-interaction-critical-default\",\n },\n ],\n})\n\nexport const fieldGroupStyles = tv({\n extend: fieldBorderStyles,\n base: \"group flex items-center rounded-sm border bg-white not-motion-reduce:transition-shadow\",\n variants: {\n isDisabled: {\n true: \"bg-interaction-support-disabled text-interaction-support-disabled-content\",\n },\n },\n defaultVariants: {\n variant: \"outline\",\n },\n})\n\nexport type FieldVariantProps = VariantProps<typeof fieldGroupStyles>\nexport type FieldSlots = keyof ReturnType<typeof fieldGroupStyles>\n"]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import {
|
|
2
|
+
groupFocusVisibleClasses
|
|
3
|
+
} from "./chunk-SFKXXWVK.mjs";
|
|
4
|
+
import {
|
|
5
|
+
cn
|
|
6
|
+
} from "./chunk-HAUMMW6T.mjs";
|
|
7
|
+
import {
|
|
8
|
+
tv
|
|
9
|
+
} from "./chunk-4JENAMGV.mjs";
|
|
10
|
+
|
|
11
|
+
// src/components/toggle.ts
|
|
12
|
+
var toggleStyles = tv({
|
|
13
|
+
slots: {
|
|
14
|
+
base: "inline-flex cursor-pointer items-center gap-2 disabled:cursor-default",
|
|
15
|
+
track: cn(
|
|
16
|
+
"box-border flex shrink-0 items-center rounded-full bg-clip-padding p-px transition duration-200 ease-in-out",
|
|
17
|
+
groupFocusVisibleClasses
|
|
18
|
+
),
|
|
19
|
+
thumb: "flex translate-x-0 transform items-center justify-center rounded-full border bg-white transition duration-200 ease-in-out",
|
|
20
|
+
thumbIcon: ""
|
|
21
|
+
},
|
|
22
|
+
variants: {
|
|
23
|
+
colorScheme: {
|
|
24
|
+
success: {
|
|
25
|
+
track: "in-selected:bg-interaction-success-default bg-interaction-support-unselected in-disabled:bg-interaction-support-disabled in-disabled:in-selected:bg-interaction-support-disabled",
|
|
26
|
+
thumb: "in-selected:border-interaction-success-default in-disabled:in-selected:border-interaction-support-disabled in-disabled:bg-interaction-support-unselected border-interaction-support-unselected in-disabled:border-interaction-support-disabled",
|
|
27
|
+
thumbIcon: "in-selected:text-interaction-success-default text-interaction-support-unselected in-disabled:text-interaction-support-disabled in-selected:in-disabled:text-interaction-support-disabled"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
size: {
|
|
31
|
+
xs: {
|
|
32
|
+
track: "h-[16px] w-[28px]",
|
|
33
|
+
thumb: "in-selected:translate-x-[calc(26px-100%)] h-[14px] w-[14px]",
|
|
34
|
+
thumbIcon: "h-[8px] w-[8px]"
|
|
35
|
+
},
|
|
36
|
+
sm: {
|
|
37
|
+
track: "h-[20px] w-[32px]",
|
|
38
|
+
thumb: "in-selected:translate-x-[calc(30px-100%)] h-[18px] w-[18px]",
|
|
39
|
+
thumbIcon: "h-[10px] w-[10px]"
|
|
40
|
+
},
|
|
41
|
+
md: {
|
|
42
|
+
track: "h-[24px] w-[40px]",
|
|
43
|
+
thumb: "in-selected:translate-x-[calc(38px-100%)] h-[22px] w-[22px]",
|
|
44
|
+
thumbIcon: "h-[12px] w-[12px]"
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
defaultVariants: {
|
|
49
|
+
size: "md",
|
|
50
|
+
colorScheme: "success"
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
export {
|
|
55
|
+
toggleStyles
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=chunk-U5G5CDX6.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/toggle.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { groupFocusVisibleClasses } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const toggleStyles = tv({\n slots: {\n base: \"inline-flex cursor-pointer items-center gap-2 disabled:cursor-default\",\n track: cn(\n \"box-border flex shrink-0 items-center rounded-full bg-clip-padding p-px transition duration-200 ease-in-out\",\n groupFocusVisibleClasses,\n ),\n thumb:\n \"flex translate-x-0 transform items-center justify-center rounded-full border bg-white transition duration-200 ease-in-out\",\n thumbIcon: \"\",\n },\n variants: {\n colorScheme: {\n success: {\n track:\n \"in-selected:bg-interaction-success-default bg-interaction-support-unselected in-disabled:bg-interaction-support-disabled in-disabled:in-selected:bg-interaction-support-disabled\",\n thumb:\n \"in-selected:border-interaction-success-default in-disabled:in-selected:border-interaction-support-disabled in-disabled:bg-interaction-support-unselected border-interaction-support-unselected in-disabled:border-interaction-support-disabled\",\n thumbIcon:\n \"in-selected:text-interaction-success-default text-interaction-support-unselected in-disabled:text-interaction-support-disabled in-selected:in-disabled:text-interaction-support-disabled\",\n },\n },\n size: {\n xs: {\n track: \"h-[16px] w-[28px]\",\n thumb: \"in-selected:translate-x-[calc(26px-100%)] h-[14px] w-[14px]\",\n thumbIcon: \"h-[8px] w-[8px]\",\n },\n sm: {\n track: \"h-[20px] w-[32px]\",\n thumb: \"in-selected:translate-x-[calc(30px-100%)] h-[18px] w-[18px]\",\n thumbIcon: \"h-[10px] w-[10px]\",\n },\n md: {\n track: \"h-[24px] w-[40px]\",\n thumb: \"in-selected:translate-x-[calc(38px-100%)] h-[22px] w-[22px]\",\n thumbIcon: \"h-[12px] w-[12px]\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n colorScheme: \"success\",\n },\n})\n\nexport type ToggleVariantProps = VariantProps<typeof toggleStyles>\nexport type ToggleSlots = keyof ReturnType<typeof toggleStyles>\n"],"mappings":";;;;;;;;;;;AAMO,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,OACE;AAAA,IACF,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,aAAa;AAAA,MACX,SAAS;AAAA,QACP,OACE;AAAA,QACF,OACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,QACP,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AACF,CAAC;","names":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
|
|
4
|
+
|
|
5
|
+
// src/utils/tv.ts
|
|
6
|
+
var _tailwindvariants = require('tailwind-variants');
|
|
7
|
+
var tv = _tailwindvariants.createTV.call(void 0, {
|
|
8
|
+
twMergeConfig: _chunkHEB3T2LLjs.customTwMergeConfig
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
exports.tv = tv;
|
|
14
|
+
//# sourceMappingURL=chunk-UZONBJUX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-UZONBJUX.js","../src/utils/tv.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACJA,qDAAyB;AAIlB,IAAM,GAAA,EAAK,wCAAA;AAAS,EACzB,aAAA,EAAe;AACjB,CAAC,CAAA;ADGD;AACA;AACE;AACF,gBAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-UZONBJUX.js","sourcesContent":[null,"import { createTV } from \"tailwind-variants\"\n\nimport { customTwMergeConfig } from \"./tw-merge\"\n\nexport const tv = createTV({\n twMergeConfig: customTwMergeConfig,\n})\n"]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import {
|
|
2
|
+
tv
|
|
3
|
+
} from "./chunk-4JENAMGV.mjs";
|
|
4
|
+
|
|
5
|
+
// src/components/input.ts
|
|
6
|
+
var inputStyles = tv({
|
|
7
|
+
base: "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden",
|
|
8
|
+
variants: {
|
|
9
|
+
size: {
|
|
10
|
+
xs: "prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1 h-9 px-3 py-2",
|
|
11
|
+
sm: "prose-body-2 max-sm:prose-body-1 h-10 px-3 py-2.5",
|
|
12
|
+
md: "prose-body-1 h-11 px-3 py-2"
|
|
13
|
+
},
|
|
14
|
+
variant: {
|
|
15
|
+
outline: "border-base-divider-strong invalid:border-interaction-critical invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]",
|
|
16
|
+
unstyled: ""
|
|
17
|
+
},
|
|
18
|
+
isDisabled: {
|
|
19
|
+
true: "text-interaction-support-disabled-content bg-interaction-support-disabled placeholder:text-interaction-support-disabled-content"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
size: "md",
|
|
24
|
+
variant: "outline"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
export {
|
|
29
|
+
inputStyles
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=chunk-WLVKPCAW.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/input.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const inputStyles = tv({\n base: \"text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden\",\n variants: {\n size: {\n xs: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1 h-9 px-3 py-2\",\n sm: \"prose-body-2 max-sm:prose-body-1 h-10 px-3 py-2.5\",\n md: \"prose-body-1 h-11 px-3 py-2\",\n },\n variant: {\n outline:\n \"border-base-divider-strong invalid:border-interaction-critical invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]\",\n unstyled: \"\",\n },\n isDisabled: {\n true: \"text-interaction-support-disabled-content bg-interaction-support-disabled placeholder:text-interaction-support-disabled-content\",\n },\n },\n defaultVariants: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputVariantProps = VariantProps<typeof inputStyles>\n"],"mappings":";;;;;AAIO,IAAM,cAAc,GAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,SACE;AAAA,MACF,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
4
|
+
|
|
5
|
+
// src/components/input.ts
|
|
6
|
+
var inputStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
7
|
+
base: "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden",
|
|
8
|
+
variants: {
|
|
9
|
+
size: {
|
|
10
|
+
xs: "prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1 h-9 px-3 py-2",
|
|
11
|
+
sm: "prose-body-2 max-sm:prose-body-1 h-10 px-3 py-2.5",
|
|
12
|
+
md: "prose-body-1 h-11 px-3 py-2"
|
|
13
|
+
},
|
|
14
|
+
variant: {
|
|
15
|
+
outline: "border-base-divider-strong invalid:border-interaction-critical invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]",
|
|
16
|
+
unstyled: ""
|
|
17
|
+
},
|
|
18
|
+
isDisabled: {
|
|
19
|
+
true: "text-interaction-support-disabled-content bg-interaction-support-disabled placeholder:text-interaction-support-disabled-content"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
size: "md",
|
|
24
|
+
variant: "outline"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
exports.inputStyles = inputStyles;
|
|
31
|
+
//# sourceMappingURL=chunk-WTYHPAGQ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-WTYHPAGQ.js","../src/components/input.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,IAAA,EAAM,6HAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,4EAAA;AAAA,MACJ,EAAA,EAAI,mDAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EACE,gPAAA;AAAA,MACF,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-WTYHPAGQ.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const inputStyles = tv({\n base: \"text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden\",\n variants: {\n size: {\n xs: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1 h-9 px-3 py-2\",\n sm: \"prose-body-2 max-sm:prose-body-1 h-10 px-3 py-2.5\",\n md: \"prose-body-1 h-11 px-3 py-2\",\n },\n variant: {\n outline:\n \"border-base-divider-strong invalid:border-interaction-critical invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]\",\n unstyled: \"\",\n },\n isDisabled: {\n true: \"text-interaction-support-disabled-content bg-interaction-support-disabled placeholder:text-interaction-support-disabled-content\",\n },\n },\n defaultVariants: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputVariantProps = VariantProps<typeof inputStyles>\n"]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
10
|
+
|
|
11
|
+
// src/components/govt-banner.ts
|
|
12
|
+
var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
13
|
+
slots: {
|
|
14
|
+
banner: "bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base",
|
|
15
|
+
mainContentContainer: "flex min-h-7 items-center gap-2 py-1",
|
|
16
|
+
crest: "h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5",
|
|
17
|
+
mainContent: "flex flex-wrap gap-x-1 text-xs lg:text-sm",
|
|
18
|
+
link: "text-[#2f5fd0] underline hover:text-[#4371d6]",
|
|
19
|
+
identifyButton: _chunkZIQLHX3Ujs.cn.call(void 0,
|
|
20
|
+
"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]",
|
|
21
|
+
_chunkX2UCVIR5js.focusVisibleClasses
|
|
22
|
+
),
|
|
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
|
+
panelGroup: "flex flex-1 gap-2 md:gap-4",
|
|
25
|
+
panelSection: "flex flex-col gap-y-2 lg:gap-y-3",
|
|
26
|
+
panelIcon: "inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6",
|
|
27
|
+
chevron: "h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform",
|
|
28
|
+
inlineIcon: "inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4",
|
|
29
|
+
panelHeader: "leading-4 font-bold md:leading-5 lg:leading-6"
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
exports.govtBannerStyles = govtBannerStyles;
|
|
36
|
+
//# sourceMappingURL=chunk-WWEFJ54B.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-WWEFJ54B.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-WWEFJ54B.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"]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
4
|
+
|
|
5
|
+
// src/utils/classes.ts
|
|
6
|
+
var focusVisibleClasses = [
|
|
7
|
+
"outline-none",
|
|
8
|
+
"outline-transparent",
|
|
9
|
+
"outline-offset-2",
|
|
10
|
+
"focus-visible:outline-focus-ring",
|
|
11
|
+
"focus-visible:outline-solid",
|
|
12
|
+
"focus-visible:outline-2"
|
|
13
|
+
];
|
|
14
|
+
var focusClasses = [
|
|
15
|
+
"outline-none",
|
|
16
|
+
"outline-transparent",
|
|
17
|
+
"outline-offset-2",
|
|
18
|
+
"focus:outline-focus-ring",
|
|
19
|
+
"focus:outline-solid",
|
|
20
|
+
"focus:outline-2"
|
|
21
|
+
];
|
|
22
|
+
var groupFocusVisibleClasses = [
|
|
23
|
+
"in-focus-visible:z-10",
|
|
24
|
+
"in-focus-visible:outline-2",
|
|
25
|
+
"outline-focus-ring",
|
|
26
|
+
"outline-offset-2"
|
|
27
|
+
];
|
|
28
|
+
var racFocusRing = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
29
|
+
base: "outline-offset-2 outline-none",
|
|
30
|
+
variants: {
|
|
31
|
+
isFocusVisible: {
|
|
32
|
+
false: "outline-transparent",
|
|
33
|
+
true: "outline-focus-ring outline-2 outline-solid"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
exports.focusVisibleClasses = focusVisibleClasses; exports.focusClasses = focusClasses; exports.groupFocusVisibleClasses = groupFocusVisibleClasses; exports.racFocusRing = racFocusRing;
|
|
44
|
+
//# sourceMappingURL=chunk-X2UCVIR5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-X2UCVIR5.js","../src/utils/classes.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,oBAAA,EAAsB;AAAA,EACjC,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kCAAA;AAAA,EACA,6BAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe;AAAA,EAC1B,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,0BAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,yBAAA,EAA2B;AAAA,EACtC,uBAAA;AAAA,EACA,4BAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,IAAA,EAAM,+BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,cAAA,EAAgB;AAAA,MACd,KAAA,EAAO,qBAAA;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACA;AACA;AACA;AACF,yLAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-X2UCVIR5.js","sourcesContent":[null,"import { tv } from \"./tv\"\n\nexport const focusVisibleClasses = [\n \"outline-none\",\n \"outline-transparent\",\n \"outline-offset-2\",\n \"focus-visible:outline-focus-ring\",\n \"focus-visible:outline-solid\",\n \"focus-visible:outline-2\",\n] as const\n\nexport const focusClasses = [\n \"outline-none\",\n \"outline-transparent\",\n \"outline-offset-2\",\n \"focus:outline-focus-ring\",\n \"focus:outline-solid\",\n \"focus:outline-2\",\n] as const\n\nexport const groupFocusVisibleClasses = [\n \"in-focus-visible:z-10\",\n \"in-focus-visible:outline-2\",\n \"outline-focus-ring\",\n \"outline-offset-2\",\n] as const\n\nexport const racFocusRing = tv({\n base: \"outline-offset-2 outline-none\",\n variants: {\n isFocusVisible: {\n false: \"outline-transparent\",\n true: \"outline-focus-ring outline-2 outline-solid\",\n },\n },\n})\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=chunk-XTHC46M2.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
|
|
4
|
+
|
|
5
|
+
// src/utils/cn.ts
|
|
6
|
+
var _clsx = require('clsx');
|
|
7
|
+
var cn = (...classes) => _chunkHEB3T2LLjs.twMerge.call(void 0, _clsx.clsx.call(void 0, ...classes));
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
exports.cn = cn;
|
|
12
|
+
//# sourceMappingURL=chunk-ZIQLHX3U.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-ZIQLHX3U.js","../src/utils/cn.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACHA,4BAAqB;AAId,IAAM,GAAA,EAAK,CAAA,GAAI,OAAA,EAAA,GAA0B,sCAAA,wBAAQ,GAAQ,OAAO,CAAC,CAAA;ADExE;AACA;AACE;AACF,gBAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-ZIQLHX3U.js","sourcesContent":[null,"import type { ClassValue } from \"clsx\"\nimport { clsx } from \"clsx\"\n\nimport { twMerge } from \"./tw-merge\"\n\nexport const cn = (...classes: ClassValue[]) => twMerge(clsx(...classes))\n"]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
|
|
4
|
+
|
|
5
|
+
// src/utils/rac.ts
|
|
6
|
+
function composeRenderProps(value, wrap) {
|
|
7
|
+
return (renderProps) => wrap(typeof value === "function" ? value(renderProps) : value, renderProps);
|
|
8
|
+
}
|
|
9
|
+
function composeTailwindRenderProps(className, tw) {
|
|
10
|
+
return composeRenderProps(
|
|
11
|
+
className,
|
|
12
|
+
(nextClassName) => _chunkHEB3T2LLjs.twMerge.call(void 0, tw, nextClassName)
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
exports.composeRenderProps = composeRenderProps; exports.composeTailwindRenderProps = composeTailwindRenderProps;
|
|
20
|
+
//# sourceMappingURL=chunk-ZXZSQRVC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-ZXZSQRVC.js","../src/utils/rac.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACKO,SAAS,kBAAA,CAEd,KAAA,EACA,IAAA,EACuB;AACvB,EAAA,OAAO,CAAC,WAAA,EAAA,GACN,IAAA,CAAK,OAAO,MAAA,IAAU,WAAA,EAAa,KAAA,CAAM,WAAW,EAAA,EAAI,KAAA,EAAO,WAAW,CAAA;AAC9E;AAEO,SAAS,0BAAA,CACd,SAAA,EACA,EAAA,EAC6B;AAC7B,EAAA,OAAO,kBAAA;AAAA,IAAmB,SAAA;AAAA,IAAW,CAAC,aAAA,EAAA,GACpC,sCAAA,EAAQ,EAAI,aAAa;AAAA,EAC3B,CAAA;AACF;ADXA;AACA;AACE;AACA;AACF,iHAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-ZXZSQRVC.js","sourcesContent":[null,"import type { ClassValue } from \"tailwind-variants\"\n\nimport { twMerge } from \"./tw-merge\"\n\n/**\n * A helper function that accepts a user-provided render prop value (either a static value or a function),\n * and combines it with another value to create a final result.\n * Retrieved from react-aria-components without importing rac into this package.\n */\nexport function composeRenderProps<T, U, V extends T>(\n // https://stackoverflow.com/questions/60898079/typescript-type-t-or-function-t-usage\n value: T extends unknown ? T | ((renderProps: U) => V) : never,\n wrap: (prevValue: T, renderProps: U) => V,\n): (renderProps: U) => V {\n return (renderProps) =>\n wrap(typeof value === \"function\" ? value(renderProps) : value, renderProps)\n}\n\nexport function composeTailwindRenderProps<T>(\n className: string | ((v: T) => string) | ClassValue | undefined,\n tw: string,\n): string | ((v: T) => string) {\n return composeRenderProps(className, (nextClassName) =>\n twMerge(tw, nextClassName),\n )\n}\n"]}
|