@opengovsg/oui-theme 0.0.0-snapshot-20250320092809 → 0.0.0-snapshot-20250326085831

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.
@@ -8,7 +8,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
8
8
  // src/components/calendar.ts
9
9
  var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
10
10
  slots: {
11
- base: "relative inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm",
11
+ base: "relative isolate inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm",
12
12
  prevButton: "",
13
13
  nextButton: "",
14
14
  buttonGroup: "justify-self-end",
@@ -16,12 +16,12 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
16
16
  title: "",
17
17
  content: "",
18
18
  cell: [
19
- "text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default my-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors duration-150 disabled:cursor-default",
19
+ "text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default",
20
20
  ..._chunkX2UCVIR5js.focusVisibleClasses
21
21
  ],
22
22
  grid: "",
23
23
  calendar: "",
24
- gridWrapper: "flex gap-x-4 overflow-x-auto max-sm:block",
24
+ gridWrapper: "-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block",
25
25
  gridHeader: "",
26
26
  gridHeaderCell: "text-base-content-default",
27
27
  gridBody: "",
@@ -32,13 +32,14 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
32
32
  selectorText: "text-interaction-sub-active",
33
33
  selectors: "flex flex-row gap-0.5",
34
34
  bottomContentWrapper: "border-base-divider-medium flex flex-1 items-center justify-center border-t",
35
- todayButton: ""
35
+ todayButton: "",
36
+ errorMessage: ""
36
37
  },
37
38
  variants: {
38
39
  variant: {},
39
- isDateHighlighted: {
40
+ isRange: {
40
41
  true: {
41
- cell: "border-utility-focus-default border"
42
+ cell: "outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']"
42
43
  }
43
44
  },
44
45
  isMultipleMonths: {
@@ -47,12 +48,7 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
47
48
  }
48
49
  },
49
50
  isSelected: {
50
- false: {
51
- cell: "not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active"
52
- },
53
- true: {
54
- cell: "bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]"
55
- }
51
+ true: ""
56
52
  },
57
53
  size: {
58
54
  sm: {
@@ -83,6 +79,29 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
83
79
  }
84
80
  }
85
81
  },
82
+ compoundVariants: [
83
+ {
84
+ isRange: false,
85
+ isSelected: true,
86
+ className: {
87
+ cell: "bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]"
88
+ }
89
+ },
90
+ {
91
+ isRange: false,
92
+ isSelected: false,
93
+ className: {
94
+ cell: "not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active"
95
+ }
96
+ },
97
+ {
98
+ isRange: true,
99
+ isSelected: true,
100
+ className: {
101
+ cell: "selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm"
102
+ }
103
+ }
104
+ ],
86
105
  defaultVariants: {
87
106
  size: "sm"
88
107
  }
@@ -91,4 +110,4 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
91
110
 
92
111
 
93
112
  exports.calendarStyles = calendarStyles;
94
- //# sourceMappingURL=chunk-NEO5ZU5V.js.map
113
+ //# sourceMappingURL=chunk-5ULZEGWX.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5ULZEGWX.js","../src/components/calendar.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5ULZEGWX.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n slots: {\n base: \"relative isolate inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm\",\n prevButton: \"\",\n nextButton: \"\",\n buttonGroup: \"justify-self-end\",\n header:\n \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n title: \"\",\n content: \"\",\n cell: [\n \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n ...focusVisibleClasses,\n ],\n grid: \"\",\n calendar: \"\",\n gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block\",\n gridHeader: \"\",\n gridHeaderCell: \"text-base-content-default\",\n gridBody: \"\",\n yearSelector: \"min-w-fit\",\n monthSelector: \"min-w-fit\",\n yearList: \"\",\n monthList: \"\",\n selectorText: \"text-interaction-sub-active\",\n selectors: \"flex flex-row gap-0.5\",\n bottomContentWrapper:\n \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n todayButton: \"\",\n errorMessage: \"\",\n },\n variants: {\n variant: {},\n isRange: {\n true: {\n cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n },\n },\n isMultipleMonths: {\n true: {\n cell: \"outside-month:hidden\",\n },\n },\n isSelected: {\n true: \"\",\n },\n size: {\n sm: {\n base: \"px-2 py-2\",\n gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n header: \"prose-subhead-2 min-h-10 px-4\",\n cell: \"prose-body-2 mx-auto h-9 w-9\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-2\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-2\",\n bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n calendar: \"pb-2\",\n },\n md: {\n base: \"px-2 py-3\",\n gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n header: \"prose-subhead-1 min-h-11 px-4\",\n cell: \"prose-body-1 mx-auto h-10 w-10\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-1\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-1.5\",\n bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n calendar: \"pb-3\",\n },\n },\n },\n compoundVariants: [\n {\n isRange: false,\n isSelected: true,\n className: {\n cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n },\n },\n {\n isRange: false,\n isSelected: false,\n className: {\n cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n },\n },\n {\n isRange: true,\n isSelected: true,\n className: {\n cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\n },\n },\n ],\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}
@@ -8,7 +8,7 @@ import {
8
8
  // src/components/calendar.ts
9
9
  var calendarStyles = tv({
10
10
  slots: {
11
- base: "relative inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm",
11
+ base: "relative isolate inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm",
12
12
  prevButton: "",
13
13
  nextButton: "",
14
14
  buttonGroup: "justify-self-end",
@@ -16,12 +16,12 @@ var calendarStyles = tv({
16
16
  title: "",
17
17
  content: "",
18
18
  cell: [
19
- "text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default my-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors duration-150 disabled:cursor-default",
19
+ "text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default",
20
20
  ...focusVisibleClasses
21
21
  ],
22
22
  grid: "",
23
23
  calendar: "",
24
- gridWrapper: "flex gap-x-4 overflow-x-auto max-sm:block",
24
+ gridWrapper: "-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block",
25
25
  gridHeader: "",
26
26
  gridHeaderCell: "text-base-content-default",
27
27
  gridBody: "",
@@ -32,13 +32,14 @@ var calendarStyles = tv({
32
32
  selectorText: "text-interaction-sub-active",
33
33
  selectors: "flex flex-row gap-0.5",
34
34
  bottomContentWrapper: "border-base-divider-medium flex flex-1 items-center justify-center border-t",
35
- todayButton: ""
35
+ todayButton: "",
36
+ errorMessage: ""
36
37
  },
37
38
  variants: {
38
39
  variant: {},
39
- isDateHighlighted: {
40
+ isRange: {
40
41
  true: {
41
- cell: "border-utility-focus-default border"
42
+ cell: "outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']"
42
43
  }
43
44
  },
44
45
  isMultipleMonths: {
@@ -47,12 +48,7 @@ var calendarStyles = tv({
47
48
  }
48
49
  },
49
50
  isSelected: {
50
- false: {
51
- cell: "not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active"
52
- },
53
- true: {
54
- cell: "bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]"
55
- }
51
+ true: ""
56
52
  },
57
53
  size: {
58
54
  sm: {
@@ -83,6 +79,29 @@ var calendarStyles = tv({
83
79
  }
84
80
  }
85
81
  },
82
+ compoundVariants: [
83
+ {
84
+ isRange: false,
85
+ isSelected: true,
86
+ className: {
87
+ cell: "bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]"
88
+ }
89
+ },
90
+ {
91
+ isRange: false,
92
+ isSelected: false,
93
+ className: {
94
+ cell: "not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active"
95
+ }
96
+ },
97
+ {
98
+ isRange: true,
99
+ isSelected: true,
100
+ className: {
101
+ cell: "selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm"
102
+ }
103
+ }
104
+ ],
86
105
  defaultVariants: {
87
106
  size: "sm"
88
107
  }
@@ -91,4 +110,4 @@ var calendarStyles = tv({
91
110
  export {
92
111
  calendarStyles
93
112
  };
94
- //# sourceMappingURL=chunk-I7GDBJ3N.mjs.map
113
+ //# sourceMappingURL=chunk-7S572BNQ.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/calendar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n slots: {\n base: \"relative isolate inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm\",\n prevButton: \"\",\n nextButton: \"\",\n buttonGroup: \"justify-self-end\",\n header:\n \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n title: \"\",\n content: \"\",\n cell: [\n \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n ...focusVisibleClasses,\n ],\n grid: \"\",\n calendar: \"\",\n gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block\",\n gridHeader: \"\",\n gridHeaderCell: \"text-base-content-default\",\n gridBody: \"\",\n yearSelector: \"min-w-fit\",\n monthSelector: \"min-w-fit\",\n yearList: \"\",\n monthList: \"\",\n selectorText: \"text-interaction-sub-active\",\n selectors: \"flex flex-row gap-0.5\",\n bottomContentWrapper:\n \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n todayButton: \"\",\n errorMessage: \"\",\n },\n variants: {\n variant: {},\n isRange: {\n true: {\n cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n },\n },\n isMultipleMonths: {\n true: {\n cell: \"outside-month:hidden\",\n },\n },\n isSelected: {\n true: \"\",\n },\n size: {\n sm: {\n base: \"px-2 py-2\",\n gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n header: \"prose-subhead-2 min-h-10 px-4\",\n cell: \"prose-body-2 mx-auto h-9 w-9\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-2\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-2\",\n bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n calendar: \"pb-2\",\n },\n md: {\n base: \"px-2 py-3\",\n gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n header: \"prose-subhead-1 min-h-11 px-4\",\n cell: \"prose-body-1 mx-auto h-10 w-10\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-1\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-1.5\",\n bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n calendar: \"pb-3\",\n },\n },\n },\n compoundVariants: [\n {\n isRange: false,\n isSelected: true,\n className: {\n cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n },\n },\n {\n isRange: false,\n isSelected: false,\n className: {\n cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n },\n },\n {\n isRange: true,\n isSelected: true,\n className: {\n cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\n },\n },\n ],\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,QACE;AAAA,IACF,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,sBACE;AAAA,IACF,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,sBAAsB;AAAA,QACtB,UAAU;AAAA,MACZ;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,sBAAsB;AAAA,QACtB,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
@@ -139,8 +139,8 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
139
139
  color?: boolean | (string | number | symbol)[] | undefined;
140
140
  radius?: boolean | (string | number | symbol)[] | undefined;
141
141
  variant?: boolean | (string | number | symbol)[] | undefined;
142
- isCloseable?: boolean | (string | number | symbol)[] | undefined;
143
142
  isDisabled?: boolean | (string | number | symbol)[] | undefined;
143
+ isCloseable?: boolean | (string | number | symbol)[] | undefined;
144
144
  } | undefined;
145
145
  } & tailwind_variants_dist_config_js.TWMConfig & {
146
146
  twMergeConfig: {
@@ -139,8 +139,8 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
139
139
  color?: boolean | (string | number | symbol)[] | undefined;
140
140
  radius?: boolean | (string | number | symbol)[] | undefined;
141
141
  variant?: boolean | (string | number | symbol)[] | undefined;
142
- isCloseable?: boolean | (string | number | symbol)[] | undefined;
143
142
  isDisabled?: boolean | (string | number | symbol)[] | undefined;
143
+ isCloseable?: boolean | (string | number | symbol)[] | undefined;
144
144
  } | undefined;
145
145
  } & tailwind_variants_dist_config_js.TWMConfig & {
146
146
  twMergeConfig: {
@@ -54,9 +54,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
54
54
  radius?: boolean | (string | number | symbol)[] | undefined;
55
55
  isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
56
56
  variant?: boolean | (string | number | symbol)[] | undefined;
57
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
58
57
  isIconOnly?: boolean | (string | number | symbol)[] | undefined;
59
58
  layout?: boolean | (string | number | symbol)[] | undefined;
59
+ isDisabled?: boolean | (string | number | symbol)[] | undefined;
60
60
  } | undefined;
61
61
  } & tailwind_variants_dist_config_js.TWMConfig & {
62
62
  twMergeConfig: {
@@ -54,9 +54,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
54
54
  radius?: boolean | (string | number | symbol)[] | undefined;
55
55
  isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
56
56
  variant?: boolean | (string | number | symbol)[] | undefined;
57
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
58
57
  isIconOnly?: boolean | (string | number | symbol)[] | undefined;
59
58
  layout?: boolean | (string | number | symbol)[] | undefined;
59
+ isDisabled?: boolean | (string | number | symbol)[] | undefined;
60
60
  } | undefined;
61
61
  } & tailwind_variants_dist_config_js.TWMConfig & {
62
62
  twMergeConfig: {
@@ -4,7 +4,7 @@ import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config
4
4
 
5
5
  declare const calendarStyles: tailwind_variants.TVReturnType<{
6
6
  variant: {};
7
- isDateHighlighted: {
7
+ isRange: {
8
8
  true: {
9
9
  cell: string;
10
10
  };
@@ -15,12 +15,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
15
15
  };
16
16
  };
17
17
  isSelected: {
18
- false: {
19
- cell: string;
20
- };
21
- true: {
22
- cell: string;
23
- };
18
+ true: string;
24
19
  };
25
20
  size: {
26
21
  sm: {
@@ -73,13 +68,14 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
73
68
  selectors: string;
74
69
  bottomContentWrapper: string;
75
70
  todayButton: string;
71
+ errorMessage: string;
76
72
  }, undefined, {
77
73
  responsiveVariants?: boolean | (string | number | symbol)[] | {
78
74
  size?: boolean | (string | number | symbol)[] | undefined;
79
75
  variant?: boolean | (string | number | symbol)[] | undefined;
80
- isDateHighlighted?: boolean | (string | number | symbol)[] | undefined;
81
- isMultipleMonths?: boolean | (string | number | symbol)[] | undefined;
76
+ isRange?: boolean | (string | number | symbol)[] | undefined;
82
77
  isSelected?: boolean | (string | number | symbol)[] | undefined;
78
+ isMultipleMonths?: boolean | (string | number | symbol)[] | undefined;
83
79
  } | undefined;
84
80
  } & tailwind_variants_dist_config_js.TWMConfig & {
85
81
  twMergeConfig: {
@@ -94,7 +90,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
94
90
  };
95
91
  }, {
96
92
  variant: {};
97
- isDateHighlighted: {
93
+ isRange: {
98
94
  true: {
99
95
  cell: string;
100
96
  };
@@ -105,12 +101,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
105
101
  };
106
102
  };
107
103
  isSelected: {
108
- false: {
109
- cell: string;
110
- };
111
- true: {
112
- cell: string;
113
- };
104
+ true: string;
114
105
  };
115
106
  size: {
116
107
  sm: {
@@ -163,9 +154,10 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
163
154
  selectors: string;
164
155
  bottomContentWrapper: string;
165
156
  todayButton: string;
157
+ errorMessage: string;
166
158
  }, tailwind_variants.TVReturnType<{
167
159
  variant: {};
168
- isDateHighlighted: {
160
+ isRange: {
169
161
  true: {
170
162
  cell: string;
171
163
  };
@@ -176,12 +168,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
176
168
  };
177
169
  };
178
170
  isSelected: {
179
- false: {
180
- cell: string;
181
- };
182
- true: {
183
- cell: string;
184
- };
171
+ true: string;
185
172
  };
186
173
  size: {
187
174
  sm: {
@@ -234,9 +221,10 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
234
221
  selectors: string;
235
222
  bottomContentWrapper: string;
236
223
  todayButton: string;
224
+ errorMessage: string;
237
225
  }, undefined, tailwind_variants_dist_config_js.TVConfig<{
238
226
  variant: {};
239
- isDateHighlighted: {
227
+ isRange: {
240
228
  true: {
241
229
  cell: string;
242
230
  };
@@ -247,12 +235,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
247
235
  };
248
236
  };
249
237
  isSelected: {
250
- false: {
251
- cell: string;
252
- };
253
- true: {
254
- cell: string;
255
- };
238
+ true: string;
256
239
  };
257
240
  size: {
258
241
  sm: {
@@ -284,7 +267,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
284
267
  };
285
268
  }, {
286
269
  variant: {};
287
- isDateHighlighted: {
270
+ isRange: {
288
271
  true: {
289
272
  cell: string;
290
273
  };
@@ -295,12 +278,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
295
278
  };
296
279
  };
297
280
  isSelected: {
298
- false: {
299
- cell: string;
300
- };
301
- true: {
302
- cell: string;
303
- };
281
+ true: string;
304
282
  };
305
283
  size: {
306
284
  sm: {
@@ -4,7 +4,7 @@ import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config
4
4
 
5
5
  declare const calendarStyles: tailwind_variants.TVReturnType<{
6
6
  variant: {};
7
- isDateHighlighted: {
7
+ isRange: {
8
8
  true: {
9
9
  cell: string;
10
10
  };
@@ -15,12 +15,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
15
15
  };
16
16
  };
17
17
  isSelected: {
18
- false: {
19
- cell: string;
20
- };
21
- true: {
22
- cell: string;
23
- };
18
+ true: string;
24
19
  };
25
20
  size: {
26
21
  sm: {
@@ -73,13 +68,14 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
73
68
  selectors: string;
74
69
  bottomContentWrapper: string;
75
70
  todayButton: string;
71
+ errorMessage: string;
76
72
  }, undefined, {
77
73
  responsiveVariants?: boolean | (string | number | symbol)[] | {
78
74
  size?: boolean | (string | number | symbol)[] | undefined;
79
75
  variant?: boolean | (string | number | symbol)[] | undefined;
80
- isDateHighlighted?: boolean | (string | number | symbol)[] | undefined;
81
- isMultipleMonths?: boolean | (string | number | symbol)[] | undefined;
76
+ isRange?: boolean | (string | number | symbol)[] | undefined;
82
77
  isSelected?: boolean | (string | number | symbol)[] | undefined;
78
+ isMultipleMonths?: boolean | (string | number | symbol)[] | undefined;
83
79
  } | undefined;
84
80
  } & tailwind_variants_dist_config_js.TWMConfig & {
85
81
  twMergeConfig: {
@@ -94,7 +90,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
94
90
  };
95
91
  }, {
96
92
  variant: {};
97
- isDateHighlighted: {
93
+ isRange: {
98
94
  true: {
99
95
  cell: string;
100
96
  };
@@ -105,12 +101,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
105
101
  };
106
102
  };
107
103
  isSelected: {
108
- false: {
109
- cell: string;
110
- };
111
- true: {
112
- cell: string;
113
- };
104
+ true: string;
114
105
  };
115
106
  size: {
116
107
  sm: {
@@ -163,9 +154,10 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
163
154
  selectors: string;
164
155
  bottomContentWrapper: string;
165
156
  todayButton: string;
157
+ errorMessage: string;
166
158
  }, tailwind_variants.TVReturnType<{
167
159
  variant: {};
168
- isDateHighlighted: {
160
+ isRange: {
169
161
  true: {
170
162
  cell: string;
171
163
  };
@@ -176,12 +168,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
176
168
  };
177
169
  };
178
170
  isSelected: {
179
- false: {
180
- cell: string;
181
- };
182
- true: {
183
- cell: string;
184
- };
171
+ true: string;
185
172
  };
186
173
  size: {
187
174
  sm: {
@@ -234,9 +221,10 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
234
221
  selectors: string;
235
222
  bottomContentWrapper: string;
236
223
  todayButton: string;
224
+ errorMessage: string;
237
225
  }, undefined, tailwind_variants_dist_config_js.TVConfig<{
238
226
  variant: {};
239
- isDateHighlighted: {
227
+ isRange: {
240
228
  true: {
241
229
  cell: string;
242
230
  };
@@ -247,12 +235,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
247
235
  };
248
236
  };
249
237
  isSelected: {
250
- false: {
251
- cell: string;
252
- };
253
- true: {
254
- cell: string;
255
- };
238
+ true: string;
256
239
  };
257
240
  size: {
258
241
  sm: {
@@ -284,7 +267,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
284
267
  };
285
268
  }, {
286
269
  variant: {};
287
- isDateHighlighted: {
270
+ isRange: {
288
271
  true: {
289
272
  cell: string;
290
273
  };
@@ -295,12 +278,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
295
278
  };
296
279
  };
297
280
  isSelected: {
298
- false: {
299
- cell: string;
300
- };
301
- true: {
302
- cell: string;
303
- };
281
+ true: string;
304
282
  };
305
283
  size: {
306
284
  sm: {
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkNEO5ZU5Vjs = require('../chunk-NEO5ZU5V.js');
3
+ var _chunk5ULZEGWXjs = require('../chunk-5ULZEGWX.js');
4
4
  require('../chunk-OLJN3WXR.js');
5
5
  require('../chunk-2LTV7VB5.js');
6
6
  require('../chunk-X2UCVIR5.js');
@@ -11,5 +11,5 @@ require('../chunk-UZONBJUX.js');
11
11
  require('../chunk-HEB3T2LL.js');
12
12
 
13
13
 
14
- exports.calendarStyles = _chunkNEO5ZU5Vjs.calendarStyles;
14
+ exports.calendarStyles = _chunk5ULZEGWXjs.calendarStyles;
15
15
  //# sourceMappingURL=calendar.js.map
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  calendarStyles
3
- } from "../chunk-I7GDBJ3N.mjs";
3
+ } from "../chunk-7S572BNQ.mjs";
4
4
  import "../chunk-M2BG3FAA.mjs";
5
5
  import "../chunk-XTHC46M2.mjs";
6
6
  import "../chunk-SFKXXWVK.mjs";
@@ -41,7 +41,7 @@ var _chunkOHMUYFGRjs = require('../chunk-OHMUYFGR.js');
41
41
  require('../chunk-7Y2HFACM.js');
42
42
 
43
43
 
44
- var _chunkNEO5ZU5Vjs = require('../chunk-NEO5ZU5V.js');
44
+ var _chunk5ULZEGWXjs = require('../chunk-5ULZEGWX.js');
45
45
  require('../chunk-OLJN3WXR.js');
46
46
  require('../chunk-2LTV7VB5.js');
47
47
  require('../chunk-X2UCVIR5.js');
@@ -91,5 +91,5 @@ require('../chunk-HEB3T2LL.js');
91
91
 
92
92
 
93
93
 
94
- exports.badgeCloseButtonStyles = _chunkNL5XE6BWjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkNL5XE6BWjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkOHMUYFGRjs.buttonStyles; exports.calendarStyles = _chunkNEO5ZU5Vjs.calendarStyles; exports.comboBoxClearButtonStyles = _chunk2YW3O3BVjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxItemStyles = _chunk2YW3O3BVjs.comboBoxItemStyles; exports.comboBoxStyles = _chunk2YW3O3BVjs.comboBoxStyles; exports.descriptionStyles = _chunk3GUL7NAVjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunk3GUL7NAVjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.govtBannerStyles = _chunkWWEFJ54Bjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunk3GUL7NAVjs.labelStyles; exports.selectItemStyles = _chunk46ZPWKHGjs.selectItemStyles; exports.selectSearchStyles = _chunk46ZPWKHGjs.selectSearchStyles; exports.selectStyles = _chunk46ZPWKHGjs.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tagFieldItemStyles = _chunkOUZ7DBASjs.tagFieldItemStyles; exports.tagFieldStyles = _chunkOUZ7DBASjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkMXWQ4MHMjs.toggleStyles;
94
+ exports.badgeCloseButtonStyles = _chunkNL5XE6BWjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkNL5XE6BWjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkOHMUYFGRjs.buttonStyles; exports.calendarStyles = _chunk5ULZEGWXjs.calendarStyles; exports.comboBoxClearButtonStyles = _chunk2YW3O3BVjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxItemStyles = _chunk2YW3O3BVjs.comboBoxItemStyles; exports.comboBoxStyles = _chunk2YW3O3BVjs.comboBoxStyles; exports.descriptionStyles = _chunk3GUL7NAVjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunk3GUL7NAVjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.govtBannerStyles = _chunkWWEFJ54Bjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunk3GUL7NAVjs.labelStyles; exports.selectItemStyles = _chunk46ZPWKHGjs.selectItemStyles; exports.selectSearchStyles = _chunk46ZPWKHGjs.selectSearchStyles; exports.selectStyles = _chunk46ZPWKHGjs.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tagFieldItemStyles = _chunkOUZ7DBASjs.tagFieldItemStyles; exports.tagFieldStyles = _chunkOUZ7DBASjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkMXWQ4MHMjs.toggleStyles;
95
95
  //# sourceMappingURL=index.js.map
@@ -41,7 +41,7 @@ import {
41
41
  import "../chunk-C7FUGWVY.mjs";
42
42
  import {
43
43
  calendarStyles
44
- } from "../chunk-I7GDBJ3N.mjs";
44
+ } from "../chunk-7S572BNQ.mjs";
45
45
  import "../chunk-M2BG3FAA.mjs";
46
46
  import "../chunk-XTHC46M2.mjs";
47
47
  import "../chunk-SFKXXWVK.mjs";
package/dist/index.js CHANGED
@@ -41,7 +41,7 @@ var _chunkOHMUYFGRjs = require('./chunk-OHMUYFGR.js');
41
41
  require('./chunk-7Y2HFACM.js');
42
42
 
43
43
 
44
- var _chunkNEO5ZU5Vjs = require('./chunk-NEO5ZU5V.js');
44
+ var _chunk5ULZEGWXjs = require('./chunk-5ULZEGWX.js');
45
45
  require('./chunk-OLJN3WXR.js');
46
46
  require('./chunk-2LTV7VB5.js');
47
47
 
@@ -115,5 +115,5 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
115
115
 
116
116
 
117
117
 
118
- exports.badgeCloseButtonStyles = _chunkNL5XE6BWjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkNL5XE6BWjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkOHMUYFGRjs.buttonStyles; exports.calendarStyles = _chunkNEO5ZU5Vjs.calendarStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunk2YW3O3BVjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxItemStyles = _chunk2YW3O3BVjs.comboBoxItemStyles; exports.comboBoxStyles = _chunk2YW3O3BVjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.descriptionStyles = _chunk3GUL7NAVjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunk3GUL7NAVjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.focusClasses = _chunkX2UCVIR5js.focusClasses; exports.focusVisibleClasses = _chunkX2UCVIR5js.focusVisibleClasses; exports.govtBannerStyles = _chunkWWEFJ54Bjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunk3GUL7NAVjs.labelStyles; exports.selectItemStyles = _chunk46ZPWKHGjs.selectItemStyles; exports.selectSearchStyles = _chunk46ZPWKHGjs.selectSearchStyles; exports.selectStyles = _chunk46ZPWKHGjs.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tagFieldItemStyles = _chunkOUZ7DBASjs.tagFieldItemStyles; exports.tagFieldStyles = _chunkOUZ7DBASjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkMXWQ4MHMjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
118
+ exports.badgeCloseButtonStyles = _chunkNL5XE6BWjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkNL5XE6BWjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkOHMUYFGRjs.buttonStyles; exports.calendarStyles = _chunk5ULZEGWXjs.calendarStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunk2YW3O3BVjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxItemStyles = _chunk2YW3O3BVjs.comboBoxItemStyles; exports.comboBoxStyles = _chunk2YW3O3BVjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.descriptionStyles = _chunk3GUL7NAVjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunk3GUL7NAVjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.focusClasses = _chunkX2UCVIR5js.focusClasses; exports.focusVisibleClasses = _chunkX2UCVIR5js.focusVisibleClasses; exports.govtBannerStyles = _chunkWWEFJ54Bjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunk3GUL7NAVjs.labelStyles; exports.selectItemStyles = _chunk46ZPWKHGjs.selectItemStyles; exports.selectSearchStyles = _chunk46ZPWKHGjs.selectSearchStyles; exports.selectStyles = _chunk46ZPWKHGjs.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tagFieldItemStyles = _chunkOUZ7DBASjs.tagFieldItemStyles; exports.tagFieldStyles = _chunkOUZ7DBASjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkMXWQ4MHMjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
119
119
  //# sourceMappingURL=index.js.map
package/dist/index.mjs CHANGED
@@ -41,7 +41,7 @@ import {
41
41
  import "./chunk-C7FUGWVY.mjs";
42
42
  import {
43
43
  calendarStyles
44
- } from "./chunk-I7GDBJ3N.mjs";
44
+ } from "./chunk-7S572BNQ.mjs";
45
45
  import "./chunk-M2BG3FAA.mjs";
46
46
  import "./chunk-XTHC46M2.mjs";
47
47
  import {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui-theme",
3
- "version": "0.0.0-snapshot-20250320092809",
3
+ "version": "0.0.0-snapshot-20250326085831",
4
4
  "sideEffects": false,
5
5
  "files": [
6
6
  "dist",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/calendar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n slots: {\n base: \"relative inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm\",\n prevButton: \"\",\n nextButton: \"\",\n buttonGroup: \"justify-self-end\",\n header:\n \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n title: \"\",\n content: \"\",\n cell: [\n \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default my-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors duration-150 disabled:cursor-default\",\n ...focusVisibleClasses,\n ],\n grid: \"\",\n calendar: \"\",\n gridWrapper: \"flex gap-x-4 overflow-x-auto max-sm:block\",\n gridHeader: \"\",\n gridHeaderCell: \"text-base-content-default\",\n gridBody: \"\",\n yearSelector: \"min-w-fit\",\n monthSelector: \"min-w-fit\",\n yearList: \"\",\n monthList: \"\",\n selectorText: \"text-interaction-sub-active\",\n selectors: \"flex flex-row gap-0.5\",\n bottomContentWrapper:\n \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n todayButton: \"\",\n },\n variants: {\n variant: {},\n isDateHighlighted: {\n true: {\n cell: \"border-utility-focus-default border\",\n },\n },\n isMultipleMonths: {\n true: {\n cell: \"outside-month:hidden\",\n },\n },\n isSelected: {\n false: {\n cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n },\n true: {\n cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n },\n },\n size: {\n sm: {\n base: \"px-2 py-2\",\n gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n header: \"prose-subhead-2 min-h-10 px-4\",\n cell: \"prose-body-2 mx-auto h-9 w-9\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-2\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-2\",\n bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n calendar: \"pb-2\",\n },\n md: {\n base: \"px-2 py-3\",\n gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n header: \"prose-subhead-1 min-h-11 px-4\",\n cell: \"prose-body-1 mx-auto h-10 w-10\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-1\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-1.5\",\n bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n calendar: \"pb-3\",\n },\n },\n },\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,QACE;AAAA,IACF,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,sBACE;AAAA,IACF,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,mBAAmB;AAAA,MACjB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,sBAAsB;AAAA,QACtB,UAAU;AAAA,MACZ;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,sBAAsB;AAAA,QACtB,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-NEO5ZU5V.js","../src/components/calendar.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,+EAAA;AAAA,IACN,UAAA,EAAY,EAAA;AAAA,IACZ,UAAA,EAAY,EAAA;AAAA,IACZ,WAAA,EAAa,kBAAA;AAAA,IACb,MAAA,EACE,yEAAA;AAAA,IACF,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,EAAA;AAAA,IACT,IAAA,EAAM;AAAA,MACJ,2WAAA;AAAA,MACA,GAAG;AAAA,IACL,CAAA;AAAA,IACA,IAAA,EAAM,EAAA;AAAA,IACN,QAAA,EAAU,EAAA;AAAA,IACV,WAAA,EAAa,2CAAA;AAAA,IACb,UAAA,EAAY,EAAA;AAAA,IACZ,cAAA,EAAgB,2BAAA;AAAA,IAChB,QAAA,EAAU,EAAA;AAAA,IACV,YAAA,EAAc,WAAA;AAAA,IACd,aAAA,EAAe,WAAA;AAAA,IACf,QAAA,EAAU,EAAA;AAAA,IACV,SAAA,EAAW,EAAA;AAAA,IACX,YAAA,EAAc,6BAAA;AAAA,IACd,SAAA,EAAW,uBAAA;AAAA,IACX,oBAAA,EACE,6EAAA;AAAA,IACF,WAAA,EAAa;AAAA,EACf,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,iBAAA,EAAmB;AAAA,MACjB,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,WAAA;AAAA,QACN,cAAA,EAAgB,4BAAA;AAAA,QAChB,MAAA,EAAQ,+BAAA;AAAA,QACR,IAAA,EAAM,8BAAA;AAAA,QACN,aAAA,EAAe,KAAA;AAAA,QACf,YAAA,EAAc,iBAAA;AAAA,QACd,YAAA,EAAc,KAAA;AAAA,QACd,UAAA,EAAY,OAAA;AAAA,QACZ,SAAA,EAAW,OAAA;AAAA,QACX,oBAAA,EAAsB,iBAAA;AAAA,QACtB,QAAA,EAAU;AAAA,MACZ,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,WAAA;AAAA,QACN,cAAA,EAAgB,0BAAA;AAAA,QAChB,MAAA,EAAQ,+BAAA;AAAA,QACR,IAAA,EAAM,gCAAA;AAAA,QACN,aAAA,EAAe,KAAA;AAAA,QACf,YAAA,EAAc,iBAAA;AAAA,QACd,YAAA,EAAc,KAAA;AAAA,QACd,UAAA,EAAY,OAAA;AAAA,QACZ,SAAA,EAAW,SAAA;AAAA,QACX,oBAAA,EAAsB,uBAAA;AAAA,QACtB,QAAA,EAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-NEO5ZU5V.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n slots: {\n base: \"relative inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm\",\n prevButton: \"\",\n nextButton: \"\",\n buttonGroup: \"justify-self-end\",\n header:\n \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n title: \"\",\n content: \"\",\n cell: [\n \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default my-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors duration-150 disabled:cursor-default\",\n ...focusVisibleClasses,\n ],\n grid: \"\",\n calendar: \"\",\n gridWrapper: \"flex gap-x-4 overflow-x-auto max-sm:block\",\n gridHeader: \"\",\n gridHeaderCell: \"text-base-content-default\",\n gridBody: \"\",\n yearSelector: \"min-w-fit\",\n monthSelector: \"min-w-fit\",\n yearList: \"\",\n monthList: \"\",\n selectorText: \"text-interaction-sub-active\",\n selectors: \"flex flex-row gap-0.5\",\n bottomContentWrapper:\n \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n todayButton: \"\",\n },\n variants: {\n variant: {},\n isDateHighlighted: {\n true: {\n cell: \"border-utility-focus-default border\",\n },\n },\n isMultipleMonths: {\n true: {\n cell: \"outside-month:hidden\",\n },\n },\n isSelected: {\n false: {\n cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n },\n true: {\n cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n },\n },\n size: {\n sm: {\n base: \"px-2 py-2\",\n gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n header: \"prose-subhead-2 min-h-10 px-4\",\n cell: \"prose-body-2 mx-auto h-9 w-9\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-2\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-2\",\n bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n calendar: \"pb-2\",\n },\n md: {\n base: \"px-2 py-3\",\n gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n header: \"prose-subhead-1 min-h-11 px-4\",\n cell: \"prose-body-1 mx-auto h-10 w-10\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-1\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-1.5\",\n bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n calendar: \"pb-3\",\n },\n },\n },\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}