@opengovsg/oui-theme 0.0.47 → 0.0.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-4J4LHS6J.js +51 -0
- package/dist/chunk-4J4LHS6J.js.map +1 -0
- package/dist/chunk-5XVPIVF4.js +1 -0
- package/dist/{chunk-QK6ESBKY.js.map → chunk-5XVPIVF4.js.map} +1 -1
- package/dist/{chunk-Z2MG2ZKM.js → chunk-B66CRCIM.js} +15 -12
- package/dist/chunk-B66CRCIM.js.map +1 -0
- package/dist/chunk-BOLUJXH7.js +95 -0
- package/dist/chunk-BOLUJXH7.js.map +1 -0
- package/dist/chunk-IWZEGTNE.mjs +95 -0
- package/dist/chunk-IWZEGTNE.mjs.map +1 -0
- package/dist/chunk-MNCTFCLT.mjs +1 -0
- package/dist/chunk-N6C5OD7R.mjs +51 -0
- package/dist/chunk-N6C5OD7R.mjs.map +1 -0
- package/dist/{chunk-PXQEYRFL.mjs → chunk-OM335S7L.mjs} +15 -12
- package/dist/chunk-OM335S7L.mjs.map +1 -0
- package/dist/components/checkbox.d.mts +0 -12
- package/dist/components/checkbox.d.ts +0 -12
- package/dist/components/checkbox.js +2 -2
- package/dist/components/checkbox.mjs +1 -1
- package/dist/components/index.d.mts +2 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +26 -16
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +28 -18
- package/dist/components/infobox.d.mts +107 -0
- package/dist/components/infobox.d.ts +107 -0
- package/dist/components/infobox.js +9 -0
- package/dist/components/infobox.js.map +1 -0
- package/dist/components/infobox.mjs +9 -0
- package/dist/components/infobox.mjs.map +1 -0
- package/dist/components/radio-group.d.mts +166 -0
- package/dist/components/radio-group.d.ts +166 -0
- package/dist/components/radio-group.js +12 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/radio-group.mjs +12 -0
- package/dist/components/radio-group.mjs.map +1 -0
- package/dist/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +26 -16
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +28 -18
- package/package.json +2 -2
- package/dist/chunk-3QGSS6EK.mjs +0 -1
- package/dist/chunk-PXQEYRFL.mjs.map +0 -1
- package/dist/chunk-QK6ESBKY.js +0 -1
- package/dist/chunk-Z2MG2ZKM.js.map +0 -1
- /package/dist/{chunk-3QGSS6EK.mjs.map → chunk-MNCTFCLT.mjs.map} +0 -0
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
|
|
4
|
+
declare const radioStyles: tailwind_variants.TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
xs: {
|
|
7
|
+
circle: string;
|
|
8
|
+
base: string;
|
|
9
|
+
icon: string;
|
|
10
|
+
};
|
|
11
|
+
sm: {
|
|
12
|
+
circle: string;
|
|
13
|
+
base: string;
|
|
14
|
+
icon: string;
|
|
15
|
+
};
|
|
16
|
+
md: {
|
|
17
|
+
circle: string;
|
|
18
|
+
base: string;
|
|
19
|
+
icon: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
isFocusVisible: {
|
|
23
|
+
true: {
|
|
24
|
+
base: string;
|
|
25
|
+
};
|
|
26
|
+
false: {
|
|
27
|
+
base: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
isDisabled: {
|
|
31
|
+
true: {
|
|
32
|
+
base: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
isSelected: {
|
|
36
|
+
true: {
|
|
37
|
+
circle: string;
|
|
38
|
+
icon: string;
|
|
39
|
+
};
|
|
40
|
+
false: {
|
|
41
|
+
icon: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
}, {
|
|
45
|
+
circle: string;
|
|
46
|
+
base: string[];
|
|
47
|
+
icon: string;
|
|
48
|
+
label: string;
|
|
49
|
+
description: string;
|
|
50
|
+
}, undefined, {
|
|
51
|
+
size: {
|
|
52
|
+
xs: {
|
|
53
|
+
circle: string;
|
|
54
|
+
base: string;
|
|
55
|
+
icon: string;
|
|
56
|
+
};
|
|
57
|
+
sm: {
|
|
58
|
+
circle: string;
|
|
59
|
+
base: string;
|
|
60
|
+
icon: string;
|
|
61
|
+
};
|
|
62
|
+
md: {
|
|
63
|
+
circle: string;
|
|
64
|
+
base: string;
|
|
65
|
+
icon: string;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
isFocusVisible: {
|
|
69
|
+
true: {
|
|
70
|
+
base: string;
|
|
71
|
+
};
|
|
72
|
+
false: {
|
|
73
|
+
base: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
isDisabled: {
|
|
77
|
+
true: {
|
|
78
|
+
base: string;
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
isSelected: {
|
|
82
|
+
true: {
|
|
83
|
+
circle: string;
|
|
84
|
+
icon: string;
|
|
85
|
+
};
|
|
86
|
+
false: {
|
|
87
|
+
icon: string;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
}, {
|
|
91
|
+
circle: string;
|
|
92
|
+
base: string[];
|
|
93
|
+
icon: string;
|
|
94
|
+
label: string;
|
|
95
|
+
description: string;
|
|
96
|
+
}, tailwind_variants.TVReturnType<{
|
|
97
|
+
size: {
|
|
98
|
+
xs: {
|
|
99
|
+
circle: string;
|
|
100
|
+
base: string;
|
|
101
|
+
icon: string;
|
|
102
|
+
};
|
|
103
|
+
sm: {
|
|
104
|
+
circle: string;
|
|
105
|
+
base: string;
|
|
106
|
+
icon: string;
|
|
107
|
+
};
|
|
108
|
+
md: {
|
|
109
|
+
circle: string;
|
|
110
|
+
base: string;
|
|
111
|
+
icon: string;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
isFocusVisible: {
|
|
115
|
+
true: {
|
|
116
|
+
base: string;
|
|
117
|
+
};
|
|
118
|
+
false: {
|
|
119
|
+
base: string;
|
|
120
|
+
};
|
|
121
|
+
};
|
|
122
|
+
isDisabled: {
|
|
123
|
+
true: {
|
|
124
|
+
base: string;
|
|
125
|
+
};
|
|
126
|
+
};
|
|
127
|
+
isSelected: {
|
|
128
|
+
true: {
|
|
129
|
+
circle: string;
|
|
130
|
+
icon: string;
|
|
131
|
+
};
|
|
132
|
+
false: {
|
|
133
|
+
icon: string;
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
}, {
|
|
137
|
+
circle: string;
|
|
138
|
+
base: string[];
|
|
139
|
+
icon: string;
|
|
140
|
+
label: string;
|
|
141
|
+
description: string;
|
|
142
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
143
|
+
type RadioVariantProps = VariantProps<typeof radioStyles>;
|
|
144
|
+
type RadioSlots = keyof ReturnType<typeof radioStyles>;
|
|
145
|
+
declare const radioGroupStyles: tailwind_variants.TVReturnType<{
|
|
146
|
+
size: {
|
|
147
|
+
xs: string;
|
|
148
|
+
sm: string;
|
|
149
|
+
md: string;
|
|
150
|
+
};
|
|
151
|
+
}, undefined, "flex w-full flex-col", {
|
|
152
|
+
size: {
|
|
153
|
+
xs: string;
|
|
154
|
+
sm: string;
|
|
155
|
+
md: string;
|
|
156
|
+
};
|
|
157
|
+
}, undefined, tailwind_variants.TVReturnType<{
|
|
158
|
+
size: {
|
|
159
|
+
xs: string;
|
|
160
|
+
sm: string;
|
|
161
|
+
md: string;
|
|
162
|
+
};
|
|
163
|
+
}, undefined, "flex w-full flex-col", unknown, unknown, undefined>>;
|
|
164
|
+
type RadioGroupVariantProps = VariantProps<typeof radioGroupStyles>;
|
|
165
|
+
|
|
166
|
+
export { type RadioGroupVariantProps, type RadioSlots, type RadioVariantProps, radioGroupStyles, radioStyles };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkBOLUJXH7js = require('../chunk-BOLUJXH7.js');
|
|
5
|
+
require('../chunk-Q2IC5MPB.js');
|
|
6
|
+
require('../chunk-UZONBJUX.js');
|
|
7
|
+
require('../chunk-HEB3T2LL.js');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
exports.radioGroupStyles = _chunkBOLUJXH7js.radioGroupStyles; exports.radioStyles = _chunkBOLUJXH7js.radioStyles;
|
|
12
|
+
//# sourceMappingURL=radio-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/radio-group.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,iHAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/radio-group.js"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import {
|
|
2
|
+
radioGroupStyles,
|
|
3
|
+
radioStyles
|
|
4
|
+
} from "../chunk-IWZEGTNE.mjs";
|
|
5
|
+
import "../chunk-5T7MRJOK.mjs";
|
|
6
|
+
import "../chunk-4JENAMGV.mjs";
|
|
7
|
+
import "../chunk-R6W5A7PF.mjs";
|
|
8
|
+
export {
|
|
9
|
+
radioGroupStyles,
|
|
10
|
+
radioStyles
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=radio-group.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
package/dist/index.d.mts
CHANGED
|
@@ -37,6 +37,8 @@ export { BreadcrumbsSlots, breadcrumbsStyles } from './components/breadcrumbs.mj
|
|
|
37
37
|
export { SidebarSlots, SidebarVariantProps, sidebarStyles } from './components/sidebar.mjs';
|
|
38
38
|
export { TooltipSlots, TooltipVariantProps, tooltipStyles } from './components/tooltip.mjs';
|
|
39
39
|
export { PhoneNumberFieldSlots, PhoneNumberFieldVariantProps, phoneNumberFieldStyles } from './components/phone-number-field.mjs';
|
|
40
|
+
export { InfoboxSlots, InfoboxVariantProps, infoboxStyles } from './components/infobox.mjs';
|
|
41
|
+
export { RadioGroupVariantProps, RadioSlots, RadioVariantProps, radioGroupStyles, radioStyles } from './components/radio-group.mjs';
|
|
40
42
|
export { dataFocusVisibleClasses, focusClasses, focusVisibleClasses, groupFocusVisibleClasses, racFocusRing } from './utils/classes.mjs';
|
|
41
43
|
export { customTwMergeConfig, twMerge } from './utils/tw-merge.mjs';
|
|
42
44
|
export { tv } from './utils/tv.mjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -37,6 +37,8 @@ export { BreadcrumbsSlots, breadcrumbsStyles } from './components/breadcrumbs.js
|
|
|
37
37
|
export { SidebarSlots, SidebarVariantProps, sidebarStyles } from './components/sidebar.js';
|
|
38
38
|
export { TooltipSlots, TooltipVariantProps, tooltipStyles } from './components/tooltip.js';
|
|
39
39
|
export { PhoneNumberFieldSlots, PhoneNumberFieldVariantProps, phoneNumberFieldStyles } from './components/phone-number-field.js';
|
|
40
|
+
export { InfoboxSlots, InfoboxVariantProps, infoboxStyles } from './components/infobox.js';
|
|
41
|
+
export { RadioGroupVariantProps, RadioSlots, RadioVariantProps, radioGroupStyles, radioStyles } from './components/radio-group.js';
|
|
40
42
|
export { dataFocusVisibleClasses, focusClasses, focusVisibleClasses, groupFocusVisibleClasses, racFocusRing } from './utils/classes.js';
|
|
41
43
|
export { customTwMergeConfig, twMerge } from './utils/tw-merge.js';
|
|
42
44
|
export { tv } from './utils/tv.js';
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,23 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-5XVPIVF4.js');
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkLFWRTLTKjs = require('./chunk-LFWRTLTK.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunkLFBYVPYBjs = require('./chunk-LFBYVPYB.js');
|
|
2
8
|
|
|
3
9
|
|
|
4
10
|
var _chunkBIKIWF22js = require('./chunk-BIKIWF22.js');
|
|
5
11
|
|
|
6
12
|
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
var _chunkN46PEG3Kjs = require('./chunk-N46PEG3K.js');
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
var _chunkGHCG2M3Mjs = require('./chunk-GHCG2M3M.js');
|
|
19
|
+
|
|
20
|
+
|
|
7
21
|
var _chunkJTSKQACDjs = require('./chunk-JTSKQACD.js');
|
|
8
22
|
|
|
9
23
|
|
|
@@ -25,10 +39,7 @@ var _chunk4HJADAKBjs = require('./chunk-4HJADAKB.js');
|
|
|
25
39
|
var _chunkPQ5AGLRSjs = require('./chunk-PQ5AGLRS.js');
|
|
26
40
|
|
|
27
41
|
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var _chunkLFBYVPYBjs = require('./chunk-LFBYVPYB.js');
|
|
42
|
+
var _chunkF5D7OEF3js = require('./chunk-F5D7OEF3.js');
|
|
32
43
|
|
|
33
44
|
|
|
34
45
|
|
|
@@ -49,15 +60,11 @@ var _chunk46MYOZAQjs = require('./chunk-46MYOZAQ.js');
|
|
|
49
60
|
var _chunkGNNN3RQTjs = require('./chunk-GNNN3RQT.js');
|
|
50
61
|
|
|
51
62
|
|
|
52
|
-
var _chunk75RSWLJOjs = require('./chunk-75RSWLJO.js');
|
|
53
63
|
|
|
64
|
+
var _chunkBOLUJXH7js = require('./chunk-BOLUJXH7.js');
|
|
54
65
|
|
|
55
66
|
|
|
56
|
-
|
|
57
|
-
var _chunkN46PEG3Kjs = require('./chunk-N46PEG3K.js');
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
var _chunkGHCG2M3Mjs = require('./chunk-GHCG2M3M.js');
|
|
67
|
+
var _chunk75RSWLJOjs = require('./chunk-75RSWLJO.js');
|
|
61
68
|
|
|
62
69
|
|
|
63
70
|
|
|
@@ -67,6 +74,9 @@ var _chunk3APYYRQPjs = require('./chunk-3APYYRQP.js');
|
|
|
67
74
|
var _chunk67CSB56Ljs = require('./chunk-67CSB56L.js');
|
|
68
75
|
|
|
69
76
|
|
|
77
|
+
var _chunk4J4LHS6Jjs = require('./chunk-4J4LHS6J.js');
|
|
78
|
+
|
|
79
|
+
|
|
70
80
|
var _chunkCEVZV4UIjs = require('./chunk-CEVZV4UI.js');
|
|
71
81
|
|
|
72
82
|
|
|
@@ -79,11 +89,8 @@ var _chunk4YH455F5js = require('./chunk-4YH455F5.js');
|
|
|
79
89
|
var _chunkBIXVP43Cjs = require('./chunk-BIXVP43C.js');
|
|
80
90
|
|
|
81
91
|
|
|
82
|
-
var _chunkF5D7OEF3js = require('./chunk-F5D7OEF3.js');
|
|
83
|
-
|
|
84
|
-
|
|
85
92
|
|
|
86
|
-
var
|
|
93
|
+
var _chunkB66CRCIMjs = require('./chunk-B66CRCIM.js');
|
|
87
94
|
|
|
88
95
|
|
|
89
96
|
var _chunkJ2CD7KKZjs = require('./chunk-J2CD7KKZ.js');
|
|
@@ -235,5 +242,8 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
|
|
|
235
242
|
|
|
236
243
|
|
|
237
244
|
|
|
238
|
-
|
|
245
|
+
|
|
246
|
+
|
|
247
|
+
|
|
248
|
+
exports.accordionStyles = _chunkK3HXIECNjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.breadcrumbsStyles = _chunkQBNBNIH6js.breadcrumbsStyles; exports.buttonStyles = _chunkJJEU6S5Wjs.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkB66CRCIMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkB66CRCIMjs.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.dataFocusVisibleClasses = _chunkQ2IC5MPBjs.dataFocusVisibleClasses; exports.dateInputStyles = _chunk3UT6IRJPjs.dateInputStyles; exports.datePickerStyles = _chunkMXNKSSXKjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTADW2SJVjs.dateRangePickerStyles; exports.dateSegmentStyles = _chunk3UT6IRJPjs.dateSegmentStyles; 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.groupFocusVisibleClasses = _chunkQ2IC5MPBjs.groupFocusVisibleClasses; exports.infoboxStyles = _chunk4J4LHS6Jjs.infoboxStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.linkStyles = _chunkCEVZV4UIjs.linkStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkF5D7OEF3js.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunkNRYUJZHWjs.paginationStyles; exports.phoneNumberFieldStyles = _chunk46MYOZAQjs.phoneNumberFieldStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.racFocusRing = _chunkQ2IC5MPBjs.racFocusRing; exports.radioGroupStyles = _chunkBOLUJXH7js.radioGroupStyles; exports.radioStyles = _chunkBOLUJXH7js.radioStyles; exports.searchFieldStyles = _chunk75RSWLJOjs.searchFieldStyles; exports.selectItemStyles = _chunkN46PEG3Kjs.selectItemStyles; exports.selectSearchStyles = _chunkN46PEG3Kjs.selectSearchStyles; exports.selectStyles = _chunkN46PEG3Kjs.selectStyles; exports.sidebarStyles = _chunkGHCG2M3Mjs.sidebarStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkVY64AMMQjs.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.timeFieldStyles = _chunkPQ5AGLRSjs.timeFieldStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkLFBYVPYBjs.toggleStyles; exports.tooltipStyles = _chunkBIKIWF22js.tooltipStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
|
|
239
249
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"],"names":[],"mappings":"AAAA,wGAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"],"names":[],"mappings":"AAAA,wGAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,u3IAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}
|
package/dist/index.mjs
CHANGED
|
@@ -1,7 +1,21 @@
|
|
|
1
|
-
import "./chunk-
|
|
1
|
+
import "./chunk-MNCTFCLT.mjs";
|
|
2
|
+
import {
|
|
3
|
+
toastStyles
|
|
4
|
+
} from "./chunk-2A6ND2I5.mjs";
|
|
5
|
+
import {
|
|
6
|
+
toggleStyles
|
|
7
|
+
} from "./chunk-LVP2IYQL.mjs";
|
|
2
8
|
import {
|
|
3
9
|
tooltipStyles
|
|
4
10
|
} from "./chunk-IGJAM4OC.mjs";
|
|
11
|
+
import {
|
|
12
|
+
selectItemStyles,
|
|
13
|
+
selectSearchStyles,
|
|
14
|
+
selectStyles
|
|
15
|
+
} from "./chunk-KGEWUCYS.mjs";
|
|
16
|
+
import {
|
|
17
|
+
sidebarStyles
|
|
18
|
+
} from "./chunk-AP5AVQWY.mjs";
|
|
5
19
|
import {
|
|
6
20
|
skipNavLinkStyles
|
|
7
21
|
} from "./chunk-W2D3UCG4.mjs";
|
|
@@ -24,11 +38,8 @@ import {
|
|
|
24
38
|
timeFieldStyles
|
|
25
39
|
} from "./chunk-YR6EFJLA.mjs";
|
|
26
40
|
import {
|
|
27
|
-
|
|
28
|
-
} from "./chunk-
|
|
29
|
-
import {
|
|
30
|
-
toggleStyles
|
|
31
|
-
} from "./chunk-LVP2IYQL.mjs";
|
|
41
|
+
modalStyles
|
|
42
|
+
} from "./chunk-AY2DNDLA.mjs";
|
|
32
43
|
import {
|
|
33
44
|
navbarMenuItemStyles,
|
|
34
45
|
navbarStyles,
|
|
@@ -47,17 +58,13 @@ import {
|
|
|
47
58
|
popoverArrowStyles,
|
|
48
59
|
popoverStyles
|
|
49
60
|
} from "./chunk-GPTGOTBN.mjs";
|
|
61
|
+
import {
|
|
62
|
+
radioGroupStyles,
|
|
63
|
+
radioStyles
|
|
64
|
+
} from "./chunk-IWZEGTNE.mjs";
|
|
50
65
|
import {
|
|
51
66
|
searchFieldStyles
|
|
52
67
|
} from "./chunk-QAKXFIF2.mjs";
|
|
53
|
-
import {
|
|
54
|
-
selectItemStyles,
|
|
55
|
-
selectSearchStyles,
|
|
56
|
-
selectStyles
|
|
57
|
-
} from "./chunk-KGEWUCYS.mjs";
|
|
58
|
-
import {
|
|
59
|
-
sidebarStyles
|
|
60
|
-
} from "./chunk-AP5AVQWY.mjs";
|
|
61
68
|
import {
|
|
62
69
|
fileDropzoneStyles,
|
|
63
70
|
fileInfoDropzoneStyles
|
|
@@ -65,6 +72,9 @@ import {
|
|
|
65
72
|
import {
|
|
66
73
|
govtBannerStyles
|
|
67
74
|
} from "./chunk-4EBHRWLK.mjs";
|
|
75
|
+
import {
|
|
76
|
+
infoboxStyles
|
|
77
|
+
} from "./chunk-N6C5OD7R.mjs";
|
|
68
78
|
import {
|
|
69
79
|
linkStyles
|
|
70
80
|
} from "./chunk-SL6SGTUK.mjs";
|
|
@@ -77,13 +87,10 @@ import {
|
|
|
77
87
|
import {
|
|
78
88
|
listBoxItemStyles
|
|
79
89
|
} from "./chunk-UTOQXAFU.mjs";
|
|
80
|
-
import {
|
|
81
|
-
modalStyles
|
|
82
|
-
} from "./chunk-AY2DNDLA.mjs";
|
|
83
90
|
import {
|
|
84
91
|
checkboxGroupStyles,
|
|
85
92
|
checkboxStyles
|
|
86
|
-
} from "./chunk-
|
|
93
|
+
} from "./chunk-OM335S7L.mjs";
|
|
87
94
|
import {
|
|
88
95
|
comboBoxFuzzyHighlightedTextStyles
|
|
89
96
|
} from "./chunk-NNKV4QJP.mjs";
|
|
@@ -198,6 +205,7 @@ export {
|
|
|
198
205
|
focusVisibleClasses,
|
|
199
206
|
govtBannerStyles,
|
|
200
207
|
groupFocusVisibleClasses,
|
|
208
|
+
infoboxStyles,
|
|
201
209
|
inputStyles,
|
|
202
210
|
labelStyles,
|
|
203
211
|
linkStyles,
|
|
@@ -216,6 +224,8 @@ export {
|
|
|
216
224
|
popoverArrowStyles,
|
|
217
225
|
popoverStyles,
|
|
218
226
|
racFocusRing,
|
|
227
|
+
radioGroupStyles,
|
|
228
|
+
radioStyles,
|
|
219
229
|
searchFieldStyles,
|
|
220
230
|
selectItemStyles,
|
|
221
231
|
selectSearchStyles,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opengovsg/oui-theme",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.49",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
"tailwindcss": "4.1.18",
|
|
32
32
|
"tsup": "^8.5.1",
|
|
33
33
|
"typescript": "5.7.3",
|
|
34
|
-
"@oui/eslint-config": "0.0.0",
|
|
35
34
|
"@oui/prettier-config": "0.0.0",
|
|
35
|
+
"@oui/eslint-config": "0.0.0",
|
|
36
36
|
"@oui/typescript-config": "0.0.0"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
package/dist/chunk-3QGSS6EK.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=chunk-3QGSS6EK.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/checkbox.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const checkboxStyles = tv({\n slots: {\n box: cn(\n \"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition\",\n racFocusRing.base,\n ),\n base: \"group relative flex items-stretch transition\",\n icon: \"h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]\",\n },\n variants: {\n color: {\n default: {\n base: \"hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active\",\n },\n },\n size: {\n xs: {\n box: \"mt-0.5 h-4 w-4\",\n base: \"prose-body-2 gap-3 px-1 py-2\",\n },\n sm: {\n box: \"h-5 w-5\",\n base: \"prose-body-2 gap-3 px-1 py-2\",\n },\n md: {\n base: \"prose-body-1 gap-4 px-1 py-2.5\",\n box: \"h-6 w-6\",\n },\n },\n isFocusVisible: {\n true: {\n box: racFocusRing.variants.isFocusVisible.true,\n },\n false: {\n box: racFocusRing.variants.isFocusVisible.false,\n },\n },\n isDisabled: {\n false: {\n base: \"text-gray-800 dark:text-zinc-200\",\n },\n true: {\n base: \"text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]\",\n box: \"[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!\",\n },\n },\n isSelected: {\n false: {\n box: \"group-pressed:[--color:var(--color-base-content-strong)] dark:group-pressed:[--color:var(--color-zinc-300)] border-(--color) bg-white [--color:var(--color-base-content-strong)] dark:bg-zinc-900 dark:[--color:var(--color-zinc-400)]\",\n },\n true: {\n box: \"border-(--color) bg-(--color) forced-colors:[--color:Highlight]!\",\n },\n },\n isInvalid: {\n true: {\n box: \"group-pressed:[--color:var(--color-interaction-critical-active)] dark:group-pressed:[--color:var(--color-red-700)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)] forced-colors:[--color:Mark]!\",\n },\n },\n },\n compoundVariants: [\n {\n color: \"default\",\n isSelected: true,\n className: {\n box: \"group-pressed:[--color:var(--color-interaction-main-active)] dark:group-pressed:[--color:var(--color-slate-200)] [--color:var(--color-interaction-main-default)] dark:[--color:var(--color-slate-300)]\",\n },\n },\n {\n isDisabled: true,\n isSelected: true,\n className: {\n box: \"[--color:var(--color-interaction-support-disabled-content)]\",\n },\n },\n {\n isInvalid: true,\n isSelected: true,\n className: {\n box: \"group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]\",\n },\n },\n ],\n defaultVariants: {\n size: \"md\",\n color: \"default\",\n },\n})\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxStyles>\nexport type CheckboxSlots = keyof ReturnType<typeof checkboxStyles>\n\nexport const checkboxGroupStyles = tv({\n base: \"flex w-full flex-col\",\n variants: {\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n },\n },\n})\n"],"mappings":";;;;;;;;;;;AAMO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA,aAAa;AAAA,IACf;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,KAAK,aAAa,SAAS,eAAe;AAAA,MAC5C;AAAA,MACA,OAAO;AAAA,QACL,KAAK,aAAa,SAAS,eAAe;AAAA,MAC5C;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;AAKM,IAAM,sBAAsB,GAAG;AAAA,EACpC,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC;","names":[]}
|
package/dist/chunk-QK6ESBKY.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";//# sourceMappingURL=chunk-QK6ESBKY.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Z2MG2ZKM.js","../src/components/checkbox.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,iCAAA;AAAA,MACH,4FAAA;AAAA,MACA,6BAAA,CAAa;AAAA,IACf,CAAA;AAAA,IACA,IAAA,EAAM,8CAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,gBAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,gCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C;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,4FAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,SAAA;AAAA,MACP,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW,IAAA;AAAA,MACX,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAKM,IAAM,oBAAA,EAAsB,iCAAA;AAAG,EACpC,IAAA,EAAM,sBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC,CAAA;ADED;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Z2MG2ZKM.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const checkboxStyles = tv({\n slots: {\n box: cn(\n \"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition\",\n racFocusRing.base,\n ),\n base: \"group relative flex items-stretch transition\",\n icon: \"h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]\",\n },\n variants: {\n color: {\n default: {\n base: \"hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active\",\n },\n },\n size: {\n xs: {\n box: \"mt-0.5 h-4 w-4\",\n base: \"prose-body-2 gap-3 px-1 py-2\",\n },\n sm: {\n box: \"h-5 w-5\",\n base: \"prose-body-2 gap-3 px-1 py-2\",\n },\n md: {\n base: \"prose-body-1 gap-4 px-1 py-2.5\",\n box: \"h-6 w-6\",\n },\n },\n isFocusVisible: {\n true: {\n box: racFocusRing.variants.isFocusVisible.true,\n },\n false: {\n box: racFocusRing.variants.isFocusVisible.false,\n },\n },\n isDisabled: {\n false: {\n base: \"text-gray-800 dark:text-zinc-200\",\n },\n true: {\n base: \"text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]\",\n box: \"[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!\",\n },\n },\n isSelected: {\n false: {\n box: \"group-pressed:[--color:var(--color-base-content-strong)] dark:group-pressed:[--color:var(--color-zinc-300)] border-(--color) bg-white [--color:var(--color-base-content-strong)] dark:bg-zinc-900 dark:[--color:var(--color-zinc-400)]\",\n },\n true: {\n box: \"border-(--color) bg-(--color) forced-colors:[--color:Highlight]!\",\n },\n },\n isInvalid: {\n true: {\n box: \"group-pressed:[--color:var(--color-interaction-critical-active)] dark:group-pressed:[--color:var(--color-red-700)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)] forced-colors:[--color:Mark]!\",\n },\n },\n },\n compoundVariants: [\n {\n color: \"default\",\n isSelected: true,\n className: {\n box: \"group-pressed:[--color:var(--color-interaction-main-active)] dark:group-pressed:[--color:var(--color-slate-200)] [--color:var(--color-interaction-main-default)] dark:[--color:var(--color-slate-300)]\",\n },\n },\n {\n isDisabled: true,\n isSelected: true,\n className: {\n box: \"[--color:var(--color-interaction-support-disabled-content)]\",\n },\n },\n {\n isInvalid: true,\n isSelected: true,\n className: {\n box: \"group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]\",\n },\n },\n ],\n defaultVariants: {\n size: \"md\",\n color: \"default\",\n },\n})\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxStyles>\nexport type CheckboxSlots = keyof ReturnType<typeof checkboxStyles>\n\nexport const checkboxGroupStyles = tv({\n base: \"flex w-full flex-col\",\n variants: {\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n },\n },\n})\n"]}
|
|
File without changes
|