@opengovsg/oui-theme 0.0.33 → 0.0.35

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.
@@ -19,11 +19,16 @@ var accordionStyles = _chunkUZONBJUXjs.tv.call(void 0, {
19
19
  ..._chunkQ2IC5MPBjs.focusVisibleClasses,
20
20
  "outline-offset-0"
21
21
  ],
22
- indicator: "group-expanded:rotate-180 group-expanded:transform transition-transform duration-200 ease-in-out",
22
+ indicator: "inline-flex transition-transform duration-200 ease-in-out",
23
23
  panel: "h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]",
24
24
  content: ""
25
25
  },
26
26
  variants: {
27
+ isExpanded: {
28
+ true: {
29
+ indicator: "rotate-180 transform"
30
+ }
31
+ },
27
32
  color: {
28
33
  main: {
29
34
  trigger: "hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active disabled:bg-inherit"
@@ -57,4 +62,4 @@ var accordionStyles = _chunkUZONBJUXjs.tv.call(void 0, {
57
62
 
58
63
 
59
64
  exports.accordionStyles = accordionStyles;
60
- //# sourceMappingURL=chunk-P4ZLSJYR.js.map
65
+ //# sourceMappingURL=chunk-5NJVFKDA.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5NJVFKDA.js","../src/components/accordion.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,mEAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,KAAA,EAAO,kBAAA;AAAA,IACP,mBAAA,EAAqB,0BAAA;AAAA,IACrB,iBAAA,EAAmB,0BAAA;AAAA,IACnB,OAAA,EAAS;AAAA,MACP,iJAAA;AAAA,MACA,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW,2DAAA;AAAA,IACX,KAAA,EACE,6EAAA;AAAA,IACF,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW;AAAA,MACb;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,OAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,iBAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,6BAAA;AAAA,QACT,mBAAA,EAAqB,SAAA;AAAA,QACrB,iBAAA,EAAmB;AAAA,MACrB,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,iBAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,6BAAA;AAAA,QACT,mBAAA,EAAqB,SAAA;AAAA,QACrB,iBAAA,EAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,0CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5NJVFKDA.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const accordionStyles = tv({\n slots: {\n base: \"w-full\",\n item: \"group border-base-divider-medium min-w-50 border-b first:border-t\",\n heading: \"\",\n title: \"flex-1 text-left\",\n startContentWrapper: \"inline-flex items-center\",\n endContentWrapper: \"inline-flex items-center\",\n trigger: [\n \"group text-base-content-strong disabled:text-interaction-support-disabled-content flex w-full items-start justify-start gap-2 transition-colors\",\n ...focusVisibleClasses,\n \"outline-offset-0\",\n ],\n indicator: \"inline-flex transition-transform duration-200 ease-in-out\",\n panel:\n \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n content: \"\",\n },\n variants: {\n isExpanded: {\n true: {\n indicator: \"rotate-180 transform\",\n },\n },\n color: {\n main: {\n trigger:\n \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active disabled:bg-inherit\",\n },\n },\n size: {\n sm: {\n title: \"prose-subhead-2\",\n trigger: \"px-4 py-3\",\n indicator: \"size-5\",\n content: \"prose-body-2 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-5 w-4\",\n endContentWrapper: \"h-5 w-4\",\n },\n md: {\n title: \"prose-subhead-1\",\n trigger: \"px-4 py-5\",\n indicator: \"size-6\",\n content: \"prose-body-1 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-6 w-5\",\n endContentWrapper: \"h-6 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"main\",\n },\n})\n\nexport type AccordionVariantProps = VariantProps<typeof accordionStyles>\n\nexport type AccordionSlots = keyof ReturnType<typeof accordionStyles>\n"]}
@@ -19,11 +19,16 @@ var accordionStyles = tv({
19
19
  ...focusVisibleClasses,
20
20
  "outline-offset-0"
21
21
  ],
22
- indicator: "group-expanded:rotate-180 group-expanded:transform transition-transform duration-200 ease-in-out",
22
+ indicator: "inline-flex transition-transform duration-200 ease-in-out",
23
23
  panel: "h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]",
24
24
  content: ""
25
25
  },
26
26
  variants: {
27
+ isExpanded: {
28
+ true: {
29
+ indicator: "rotate-180 transform"
30
+ }
31
+ },
27
32
  color: {
28
33
  main: {
29
34
  trigger: "hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active disabled:bg-inherit"
@@ -57,4 +62,4 @@ var accordionStyles = tv({
57
62
  export {
58
63
  accordionStyles
59
64
  };
60
- //# sourceMappingURL=chunk-WXEUBOUL.mjs.map
65
+ //# sourceMappingURL=chunk-VYWGI5GL.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/accordion.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const accordionStyles = tv({\n slots: {\n base: \"w-full\",\n item: \"group border-base-divider-medium min-w-50 border-b first:border-t\",\n heading: \"\",\n title: \"flex-1 text-left\",\n startContentWrapper: \"inline-flex items-center\",\n endContentWrapper: \"inline-flex items-center\",\n trigger: [\n \"group text-base-content-strong disabled:text-interaction-support-disabled-content flex w-full items-start justify-start gap-2 transition-colors\",\n ...focusVisibleClasses,\n \"outline-offset-0\",\n ],\n indicator: \"inline-flex transition-transform duration-200 ease-in-out\",\n panel:\n \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n content: \"\",\n },\n variants: {\n isExpanded: {\n true: {\n indicator: \"rotate-180 transform\",\n },\n },\n color: {\n main: {\n trigger:\n \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active disabled:bg-inherit\",\n },\n },\n size: {\n sm: {\n title: \"prose-subhead-2\",\n trigger: \"px-4 py-3\",\n indicator: \"size-5\",\n content: \"prose-body-2 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-5 w-4\",\n endContentWrapper: \"h-5 w-4\",\n },\n md: {\n title: \"prose-subhead-1\",\n trigger: \"px-4 py-5\",\n indicator: \"size-6\",\n content: \"prose-body-1 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-6 w-5\",\n endContentWrapper: \"h-6 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"main\",\n },\n})\n\nexport type AccordionVariantProps = VariantProps<typeof accordionStyles>\n\nexport type AccordionSlots = keyof ReturnType<typeof accordionStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,SAAS;AAAA,MACP;AAAA,MACA,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,OACE;AAAA,IACF,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,MACrB;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;","names":[]}
@@ -2,6 +2,11 @@ import * as tailwind_variants from 'tailwind-variants';
2
2
  import { VariantProps } from 'tailwind-variants';
3
3
 
4
4
  declare const accordionStyles: tailwind_variants.TVReturnType<{
5
+ isExpanded: {
6
+ true: {
7
+ indicator: string;
8
+ };
9
+ };
5
10
  color: {
6
11
  main: {
7
12
  trigger: string;
@@ -37,6 +42,11 @@ declare const accordionStyles: tailwind_variants.TVReturnType<{
37
42
  panel: string;
38
43
  content: string;
39
44
  }, undefined, {
45
+ isExpanded: {
46
+ true: {
47
+ indicator: string;
48
+ };
49
+ };
40
50
  color: {
41
51
  main: {
42
52
  trigger: string;
@@ -72,6 +82,11 @@ declare const accordionStyles: tailwind_variants.TVReturnType<{
72
82
  panel: string;
73
83
  content: string;
74
84
  }, tailwind_variants.TVReturnType<{
85
+ isExpanded: {
86
+ true: {
87
+ indicator: string;
88
+ };
89
+ };
75
90
  color: {
76
91
  main: {
77
92
  trigger: string;
@@ -2,6 +2,11 @@ import * as tailwind_variants from 'tailwind-variants';
2
2
  import { VariantProps } from 'tailwind-variants';
3
3
 
4
4
  declare const accordionStyles: tailwind_variants.TVReturnType<{
5
+ isExpanded: {
6
+ true: {
7
+ indicator: string;
8
+ };
9
+ };
5
10
  color: {
6
11
  main: {
7
12
  trigger: string;
@@ -37,6 +42,11 @@ declare const accordionStyles: tailwind_variants.TVReturnType<{
37
42
  panel: string;
38
43
  content: string;
39
44
  }, undefined, {
45
+ isExpanded: {
46
+ true: {
47
+ indicator: string;
48
+ };
49
+ };
40
50
  color: {
41
51
  main: {
42
52
  trigger: string;
@@ -72,6 +82,11 @@ declare const accordionStyles: tailwind_variants.TVReturnType<{
72
82
  panel: string;
73
83
  content: string;
74
84
  }, tailwind_variants.TVReturnType<{
85
+ isExpanded: {
86
+ true: {
87
+ indicator: string;
88
+ };
89
+ };
75
90
  color: {
76
91
  main: {
77
92
  trigger: string;
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkP4ZLSJYRjs = require('../chunk-P4ZLSJYR.js');
3
+ var _chunk5NJVFKDAjs = require('../chunk-5NJVFKDA.js');
4
4
  require('../chunk-OLJN3WXR.js');
5
5
  require('../chunk-2LTV7VB5.js');
6
6
  require('../chunk-O3I4FUFD.js');
@@ -11,5 +11,5 @@ require('../chunk-UZONBJUX.js');
11
11
  require('../chunk-HEB3T2LL.js');
12
12
 
13
13
 
14
- exports.accordionStyles = _chunkP4ZLSJYRjs.accordionStyles;
14
+ exports.accordionStyles = _chunk5NJVFKDAjs.accordionStyles;
15
15
  //# sourceMappingURL=accordion.js.map
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  accordionStyles
3
- } from "../chunk-WXEUBOUL.mjs";
3
+ } from "../chunk-VYWGI5GL.mjs";
4
4
  import "../chunk-M2BG3FAA.mjs";
5
5
  import "../chunk-XTHC46M2.mjs";
6
6
  import "../chunk-TL5MCSZQ.mjs";
@@ -93,7 +93,7 @@ var _chunkLQDQQV7Xjs = require('../chunk-LQDQQV7X.js');
93
93
  var _chunk3APYYRQPjs = require('../chunk-3APYYRQP.js');
94
94
 
95
95
 
96
- var _chunkP4ZLSJYRjs = require('../chunk-P4ZLSJYR.js');
96
+ var _chunk5NJVFKDAjs = require('../chunk-5NJVFKDA.js');
97
97
 
98
98
 
99
99
 
@@ -177,5 +177,5 @@ require('../chunk-HEB3T2LL.js');
177
177
 
178
178
 
179
179
 
180
- exports.accordionStyles = _chunkP4ZLSJYRjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkIM7PWGRYjs.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkZ2MG2ZKMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkZ2MG2ZKMjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.govtBannerStyles = _chunk67CSB56Ljs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkQ2U5WYZIjs.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk5OS5RZWQjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunkOF3HJBZ6js.selectItemStyles; exports.selectSearchStyles = _chunkOF3HJBZ6js.selectSearchStyles; exports.selectStyles = _chunkOF3HJBZ6js.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKJGY7JINjs.toggleStyles;
180
+ exports.accordionStyles = _chunk5NJVFKDAjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkIM7PWGRYjs.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkZ2MG2ZKMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkZ2MG2ZKMjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.govtBannerStyles = _chunk67CSB56Ljs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkQ2U5WYZIjs.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk5OS5RZWQjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunkOF3HJBZ6js.selectItemStyles; exports.selectSearchStyles = _chunkOF3HJBZ6js.selectSearchStyles; exports.selectStyles = _chunkOF3HJBZ6js.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKJGY7JINjs.toggleStyles;
181
181
  //# sourceMappingURL=index.js.map
@@ -93,7 +93,7 @@ import {
93
93
  } from "../chunk-WUWINMRN.mjs";
94
94
  import {
95
95
  accordionStyles
96
- } from "../chunk-WXEUBOUL.mjs";
96
+ } from "../chunk-VYWGI5GL.mjs";
97
97
  import {
98
98
  avatarGroupStyles,
99
99
  avatarStyles
package/dist/index.js CHANGED
@@ -93,7 +93,7 @@ var _chunkLQDQQV7Xjs = require('./chunk-LQDQQV7X.js');
93
93
  var _chunk3APYYRQPjs = require('./chunk-3APYYRQP.js');
94
94
 
95
95
 
96
- var _chunkP4ZLSJYRjs = require('./chunk-P4ZLSJYR.js');
96
+ var _chunk5NJVFKDAjs = require('./chunk-5NJVFKDA.js');
97
97
 
98
98
 
99
99
 
@@ -201,5 +201,5 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
201
201
 
202
202
 
203
203
 
204
- exports.accordionStyles = _chunkP4ZLSJYRjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkIM7PWGRYjs.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkZ2MG2ZKMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkZ2MG2ZKMjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.focusClasses = _chunkQ2IC5MPBjs.focusClasses; exports.focusVisibleClasses = _chunkQ2IC5MPBjs.focusVisibleClasses; exports.govtBannerStyles = _chunk67CSB56Ljs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkQ2U5WYZIjs.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk5OS5RZWQjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunkOF3HJBZ6js.selectItemStyles; exports.selectSearchStyles = _chunkOF3HJBZ6js.selectSearchStyles; exports.selectStyles = _chunkOF3HJBZ6js.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKJGY7JINjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
204
+ exports.accordionStyles = _chunk5NJVFKDAjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkIM7PWGRYjs.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkZ2MG2ZKMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkZ2MG2ZKMjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.focusClasses = _chunkQ2IC5MPBjs.focusClasses; exports.focusVisibleClasses = _chunkQ2IC5MPBjs.focusVisibleClasses; exports.govtBannerStyles = _chunk67CSB56Ljs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkQ2U5WYZIjs.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk5OS5RZWQjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunkOF3HJBZ6js.selectItemStyles; exports.selectSearchStyles = _chunkOF3HJBZ6js.selectSearchStyles; exports.selectStyles = _chunkOF3HJBZ6js.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKJGY7JINjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
205
205
  //# sourceMappingURL=index.js.map
package/dist/index.mjs CHANGED
@@ -93,7 +93,7 @@ import {
93
93
  } from "./chunk-WUWINMRN.mjs";
94
94
  import {
95
95
  accordionStyles
96
- } from "./chunk-WXEUBOUL.mjs";
96
+ } from "./chunk-VYWGI5GL.mjs";
97
97
  import {
98
98
  avatarGroupStyles,
99
99
  avatarStyles
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui-theme",
3
- "version": "0.0.33",
3
+ "version": "0.0.35",
4
4
  "sideEffects": false,
5
5
  "files": [
6
6
  "dist",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-P4ZLSJYR.js","../src/components/accordion.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,mEAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,KAAA,EAAO,kBAAA;AAAA,IACP,mBAAA,EAAqB,0BAAA;AAAA,IACrB,iBAAA,EAAmB,0BAAA;AAAA,IACnB,OAAA,EAAS;AAAA,MACP,iJAAA;AAAA,MACA,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EACE,kGAAA;AAAA,IACF,KAAA,EACE,6EAAA;AAAA,IACF,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,OAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,iBAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,6BAAA;AAAA,QACT,mBAAA,EAAqB,SAAA;AAAA,QACrB,iBAAA,EAAmB;AAAA,MACrB,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,iBAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,6BAAA;AAAA,QACT,mBAAA,EAAqB,SAAA;AAAA,QACrB,iBAAA,EAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,0CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-P4ZLSJYR.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const accordionStyles = tv({\n slots: {\n base: \"w-full\",\n item: \"group border-base-divider-medium min-w-50 border-b first:border-t\",\n heading: \"\",\n title: \"flex-1 text-left\",\n startContentWrapper: \"inline-flex items-center\",\n endContentWrapper: \"inline-flex items-center\",\n trigger: [\n \"group text-base-content-strong disabled:text-interaction-support-disabled-content flex w-full items-start justify-start gap-2 transition-colors\",\n ...focusVisibleClasses,\n \"outline-offset-0\",\n ],\n indicator:\n \"group-expanded:rotate-180 group-expanded:transform transition-transform duration-200 ease-in-out\",\n panel:\n \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n content: \"\",\n },\n variants: {\n color: {\n main: {\n trigger:\n \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active disabled:bg-inherit\",\n },\n },\n size: {\n sm: {\n title: \"prose-subhead-2\",\n trigger: \"px-4 py-3\",\n indicator: \"size-5\",\n content: \"prose-body-2 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-5 w-4\",\n endContentWrapper: \"h-5 w-4\",\n },\n md: {\n title: \"prose-subhead-1\",\n trigger: \"px-4 py-5\",\n indicator: \"size-6\",\n content: \"prose-body-1 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-6 w-5\",\n endContentWrapper: \"h-6 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"main\",\n },\n})\n\nexport type AccordionVariantProps = VariantProps<typeof accordionStyles>\n\nexport type AccordionSlots = keyof ReturnType<typeof accordionStyles>\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/accordion.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const accordionStyles = tv({\n slots: {\n base: \"w-full\",\n item: \"group border-base-divider-medium min-w-50 border-b first:border-t\",\n heading: \"\",\n title: \"flex-1 text-left\",\n startContentWrapper: \"inline-flex items-center\",\n endContentWrapper: \"inline-flex items-center\",\n trigger: [\n \"group text-base-content-strong disabled:text-interaction-support-disabled-content flex w-full items-start justify-start gap-2 transition-colors\",\n ...focusVisibleClasses,\n \"outline-offset-0\",\n ],\n indicator:\n \"group-expanded:rotate-180 group-expanded:transform transition-transform duration-200 ease-in-out\",\n panel:\n \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n content: \"\",\n },\n variants: {\n color: {\n main: {\n trigger:\n \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active disabled:bg-inherit\",\n },\n },\n size: {\n sm: {\n title: \"prose-subhead-2\",\n trigger: \"px-4 py-3\",\n indicator: \"size-5\",\n content: \"prose-body-2 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-5 w-4\",\n endContentWrapper: \"h-5 w-4\",\n },\n md: {\n title: \"prose-subhead-1\",\n trigger: \"px-4 py-5\",\n indicator: \"size-6\",\n content: \"prose-body-1 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-6 w-5\",\n endContentWrapper: \"h-6 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"main\",\n },\n})\n\nexport type AccordionVariantProps = VariantProps<typeof accordionStyles>\n\nexport type AccordionSlots = keyof ReturnType<typeof accordionStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,SAAS;AAAA,MACP;AAAA,MACA,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,WACE;AAAA,IACF,OACE;AAAA,IACF,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,MACrB;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;","names":[]}