@opengovsg/oui-theme 0.0.51 → 0.0.53
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-KGEWUCYS.mjs → chunk-2ZTBTOWF.mjs} +3 -9
- package/dist/chunk-2ZTBTOWF.mjs.map +1 -0
- package/dist/{chunk-4EBHRWLK.mjs → chunk-3Z6XDLMS.mjs} +9 -2
- package/dist/chunk-3Z6XDLMS.mjs.map +1 -0
- package/dist/{chunk-67CSB56L.js → chunk-BTJAIHTA.js} +9 -2
- package/dist/chunk-BTJAIHTA.js.map +1 -0
- package/dist/{chunk-FKZCR3GI.mjs → chunk-C3SL53P4.mjs} +2 -2
- package/dist/{chunk-FKZCR3GI.mjs.map → chunk-C3SL53P4.mjs.map} +1 -1
- package/dist/{chunk-CSNWJLBM.mjs → chunk-CKDLR6KB.mjs} +2 -2
- package/dist/{chunk-CSNWJLBM.mjs.map → chunk-CKDLR6KB.mjs.map} +1 -1
- package/dist/{chunk-J43XXSXH.mjs → chunk-DEGKVLFV.mjs} +2 -2
- package/dist/{chunk-LR7CXX65.mjs → chunk-DXF6O5IM.mjs} +2 -2
- package/dist/{chunk-Q3HLBDZT.js → chunk-F4QCW7OY.js} +9 -9
- package/dist/{chunk-Q3HLBDZT.js.map → chunk-F4QCW7OY.js.map} +1 -1
- package/dist/{chunk-7Y2HFACM.js → chunk-FAV6VP6P.js} +3 -1
- package/dist/chunk-FAV6VP6P.js.map +1 -0
- package/dist/{chunk-TADW2SJV.js → chunk-GNQOEROB.js} +2 -2
- package/dist/{chunk-TADW2SJV.js.map → chunk-GNQOEROB.js.map} +1 -1
- package/dist/{chunk-QAKXFIF2.mjs → chunk-KWHRKBUC.mjs} +11 -7
- package/dist/chunk-KWHRKBUC.mjs.map +1 -0
- package/dist/{chunk-JJEU6S5W.js → chunk-MRFYIMEK.js} +27 -22
- package/dist/chunk-MRFYIMEK.js.map +1 -0
- package/dist/{chunk-75RSWLJO.js → chunk-OD52UKCW.js} +11 -7
- package/dist/chunk-OD52UKCW.js.map +1 -0
- package/dist/{chunk-C7FUGWVY.mjs → chunk-PWNK4ZB7.mjs} +3 -1
- package/dist/chunk-PWNK4ZB7.mjs.map +1 -0
- package/dist/{chunk-4YCLGFZI.mjs → chunk-Q4MMGQBP.mjs} +2 -2
- package/dist/{chunk-4YCLGFZI.mjs.map → chunk-Q4MMGQBP.mjs.map} +1 -1
- package/dist/{chunk-GU7JXFE5.js → chunk-QTG5VWRO.js} +2 -2
- package/dist/{chunk-GU7JXFE5.js.map → chunk-QTG5VWRO.js.map} +1 -1
- package/dist/{chunk-GVRSU3VL.mjs → chunk-U547O5FF.mjs} +7 -2
- package/dist/chunk-U547O5FF.mjs.map +1 -0
- package/dist/{chunk-N46PEG3K.js → chunk-XQCCRAFE.js} +3 -9
- package/dist/chunk-XQCCRAFE.js.map +1 -0
- package/dist/{chunk-NRYUJZHW.js → chunk-XSIYHU2T.js} +7 -7
- package/dist/{chunk-NRYUJZHW.js.map → chunk-XSIYHU2T.js.map} +1 -1
- package/dist/{chunk-MXNKSSXK.js → chunk-ZDUFVZY4.js} +2 -2
- package/dist/{chunk-MXNKSSXK.js.map → chunk-ZDUFVZY4.js.map} +1 -1
- package/dist/components/badge.js +3 -3
- package/dist/components/badge.mjs +2 -2
- package/dist/components/button.js +3 -3
- package/dist/components/button.mjs +2 -2
- package/dist/components/date-picker.js +2 -2
- package/dist/components/date-picker.mjs +1 -1
- package/dist/components/date-range-picker.js +2 -2
- package/dist/components/date-range-picker.mjs +1 -1
- package/dist/components/govt-banner.d.mts +15 -52
- package/dist/components/govt-banner.d.ts +15 -52
- package/dist/components/govt-banner.js +2 -2
- package/dist/components/govt-banner.mjs +1 -1
- package/dist/components/index.js +11 -11
- package/dist/components/index.mjs +10 -10
- package/dist/components/number-field.js +2 -2
- package/dist/components/number-field.mjs +1 -1
- package/dist/components/pagination.js +3 -3
- package/dist/components/pagination.mjs +2 -2
- package/dist/components/search-field.d.mts +12 -0
- package/dist/components/search-field.d.ts +12 -0
- package/dist/components/search-field.js +2 -2
- package/dist/components/search-field.mjs +1 -1
- package/dist/components/select.d.mts +0 -15
- package/dist/components/select.d.ts +0 -15
- package/dist/components/select.js +2 -2
- package/dist/components/select.mjs +1 -1
- package/dist/index.js +11 -11
- package/dist/index.mjs +10 -10
- package/dist/utils/variants.d.mts +3 -0
- package/dist/utils/variants.d.ts +3 -0
- package/dist/utils/variants.js +2 -2
- package/dist/utils/variants.mjs +1 -1
- package/package.json +1 -1
- package/dist/chunk-4EBHRWLK.mjs.map +0 -1
- package/dist/chunk-67CSB56L.js.map +0 -1
- package/dist/chunk-75RSWLJO.js.map +0 -1
- package/dist/chunk-7Y2HFACM.js.map +0 -1
- package/dist/chunk-C7FUGWVY.mjs.map +0 -1
- package/dist/chunk-GVRSU3VL.mjs.map +0 -1
- package/dist/chunk-JJEU6S5W.js.map +0 -1
- package/dist/chunk-KGEWUCYS.mjs.map +0 -1
- package/dist/chunk-N46PEG3K.js.map +0 -1
- package/dist/chunk-QAKXFIF2.mjs.map +0 -1
- /package/dist/{chunk-J43XXSXH.mjs.map → chunk-DEGKVLFV.mjs.map} +0 -0
- /package/dist/{chunk-LR7CXX65.mjs.map → chunk-DXF6O5IM.mjs.map} +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkXQCCRAFEjs = require('../chunk-XQCCRAFE.js');
|
|
6
6
|
require('../chunk-OLJN3WXR.js');
|
|
7
7
|
require('../chunk-2LTV7VB5.js');
|
|
8
8
|
require('../chunk-O3I4FUFD.js');
|
|
@@ -15,5 +15,5 @@ require('../chunk-HEB3T2LL.js');
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
exports.selectItemStyles =
|
|
18
|
+
exports.selectItemStyles = _chunkXQCCRAFEjs.selectItemStyles; exports.selectSearchStyles = _chunkXQCCRAFEjs.selectSearchStyles; exports.selectStyles = _chunkXQCCRAFEjs.selectStyles;
|
|
19
19
|
//# sourceMappingURL=select.js.map
|
package/dist/index.js
CHANGED
|
@@ -12,7 +12,7 @@ var _chunkBIKIWF22js = require('./chunk-BIKIWF22.js');
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _chunkXQCCRAFEjs = require('./chunk-XQCCRAFE.js');
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
var _chunkGHCG2M3Mjs = require('./chunk-GHCG2M3M.js');
|
|
@@ -47,10 +47,10 @@ var _chunkF5D7OEF3js = require('./chunk-F5D7OEF3.js');
|
|
|
47
47
|
var _chunkDYEKLDJYjs = require('./chunk-DYEKLDJY.js');
|
|
48
48
|
|
|
49
49
|
|
|
50
|
-
var
|
|
50
|
+
var _chunkQTG5VWROjs = require('./chunk-QTG5VWRO.js');
|
|
51
51
|
|
|
52
52
|
|
|
53
|
-
var
|
|
53
|
+
var _chunkXSIYHU2Tjs = require('./chunk-XSIYHU2T.js');
|
|
54
54
|
|
|
55
55
|
|
|
56
56
|
var _chunk46MYOZAQjs = require('./chunk-46MYOZAQ.js');
|
|
@@ -64,14 +64,14 @@ var _chunkGNNN3RQTjs = require('./chunk-GNNN3RQT.js');
|
|
|
64
64
|
var _chunkBOLUJXH7js = require('./chunk-BOLUJXH7.js');
|
|
65
65
|
|
|
66
66
|
|
|
67
|
-
var
|
|
67
|
+
var _chunkOD52UKCWjs = require('./chunk-OD52UKCW.js');
|
|
68
68
|
|
|
69
69
|
|
|
70
70
|
|
|
71
71
|
var _chunk3APYYRQPjs = require('./chunk-3APYYRQP.js');
|
|
72
72
|
|
|
73
73
|
|
|
74
|
-
var
|
|
74
|
+
var _chunkBTJAIHTAjs = require('./chunk-BTJAIHTA.js');
|
|
75
75
|
|
|
76
76
|
|
|
77
77
|
var _chunk4J4LHS6Jjs = require('./chunk-4J4LHS6J.js');
|
|
@@ -107,10 +107,10 @@ var _chunk3UT6IRJPjs = require('./chunk-3UT6IRJP.js');
|
|
|
107
107
|
var _chunkDB7X5OUPjs = require('./chunk-DB7X5OUP.js');
|
|
108
108
|
|
|
109
109
|
|
|
110
|
-
var
|
|
110
|
+
var _chunkZDUFVZY4js = require('./chunk-ZDUFVZY4.js');
|
|
111
111
|
|
|
112
112
|
|
|
113
|
-
var
|
|
113
|
+
var _chunkGNQOEROBjs = require('./chunk-GNQOEROB.js');
|
|
114
114
|
|
|
115
115
|
|
|
116
116
|
|
|
@@ -130,7 +130,7 @@ var _chunk7K3RA7VNjs = require('./chunk-7K3RA7VN.js');
|
|
|
130
130
|
|
|
131
131
|
|
|
132
132
|
|
|
133
|
-
var
|
|
133
|
+
var _chunkF4QCW7OYjs = require('./chunk-F4QCW7OY.js');
|
|
134
134
|
|
|
135
135
|
|
|
136
136
|
var _chunkGCZQ5SEKjs = require('./chunk-GCZQ5SEK.js');
|
|
@@ -139,8 +139,8 @@ var _chunkGCZQ5SEKjs = require('./chunk-GCZQ5SEK.js');
|
|
|
139
139
|
var _chunkQBNBNIH6js = require('./chunk-QBNBNIH6.js');
|
|
140
140
|
|
|
141
141
|
|
|
142
|
-
var
|
|
143
|
-
require('./chunk-
|
|
142
|
+
var _chunkMRFYIMEKjs = require('./chunk-MRFYIMEK.js');
|
|
143
|
+
require('./chunk-FAV6VP6P.js');
|
|
144
144
|
|
|
145
145
|
|
|
146
146
|
var _chunkO3YULW5Ejs = require('./chunk-O3YULW5E.js');
|
|
@@ -245,5 +245,5 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
|
|
|
245
245
|
|
|
246
246
|
|
|
247
247
|
|
|
248
|
-
exports.accordionStyles = _chunkK3HXIECNjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles =
|
|
248
|
+
exports.accordionStyles = _chunkK3HXIECNjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkF4QCW7OYjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkF4QCW7OYjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.breadcrumbsStyles = _chunkQBNBNIH6js.breadcrumbsStyles; exports.buttonStyles = _chunkMRFYIMEKjs.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 = _chunkZDUFVZY4js.datePickerStyles; exports.dateRangePickerStyles = _chunkGNQOEROBjs.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 = _chunkBTJAIHTAjs.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 = _chunkQTG5VWROjs.numberFieldStyles; exports.paginationStyles = _chunkXSIYHU2Tjs.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 = _chunkOD52UKCWjs.searchFieldStyles; exports.selectItemStyles = _chunkXQCCRAFEjs.selectItemStyles; exports.selectSearchStyles = _chunkXQCCRAFEjs.selectSearchStyles; exports.selectStyles = _chunkXQCCRAFEjs.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 = _chunk37W3BXDAjs.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;
|
|
249
249
|
//# sourceMappingURL=index.js.map
|
package/dist/index.mjs
CHANGED
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
selectItemStyles,
|
|
13
13
|
selectSearchStyles,
|
|
14
14
|
selectStyles
|
|
15
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-2ZTBTOWF.mjs";
|
|
16
16
|
import {
|
|
17
17
|
sidebarStyles
|
|
18
18
|
} from "./chunk-AP5AVQWY.mjs";
|
|
@@ -47,10 +47,10 @@ import {
|
|
|
47
47
|
} from "./chunk-MM7SNX6S.mjs";
|
|
48
48
|
import {
|
|
49
49
|
numberFieldStyles
|
|
50
|
-
} from "./chunk-
|
|
50
|
+
} from "./chunk-CKDLR6KB.mjs";
|
|
51
51
|
import {
|
|
52
52
|
paginationStyles
|
|
53
|
-
} from "./chunk-
|
|
53
|
+
} from "./chunk-DXF6O5IM.mjs";
|
|
54
54
|
import {
|
|
55
55
|
phoneNumberFieldStyles
|
|
56
56
|
} from "./chunk-D7ZOKENW.mjs";
|
|
@@ -64,14 +64,14 @@ import {
|
|
|
64
64
|
} from "./chunk-IWZEGTNE.mjs";
|
|
65
65
|
import {
|
|
66
66
|
searchFieldStyles
|
|
67
|
-
} from "./chunk-
|
|
67
|
+
} from "./chunk-KWHRKBUC.mjs";
|
|
68
68
|
import {
|
|
69
69
|
fileDropzoneStyles,
|
|
70
70
|
fileInfoDropzoneStyles
|
|
71
71
|
} from "./chunk-WUWINMRN.mjs";
|
|
72
72
|
import {
|
|
73
73
|
govtBannerStyles
|
|
74
|
-
} from "./chunk-
|
|
74
|
+
} from "./chunk-3Z6XDLMS.mjs";
|
|
75
75
|
import {
|
|
76
76
|
infoboxStyles
|
|
77
77
|
} from "./chunk-N6C5OD7R.mjs";
|
|
@@ -107,10 +107,10 @@ import {
|
|
|
107
107
|
} from "./chunk-43I4FEYX.mjs";
|
|
108
108
|
import {
|
|
109
109
|
datePickerStyles
|
|
110
|
-
} from "./chunk-
|
|
110
|
+
} from "./chunk-Q4MMGQBP.mjs";
|
|
111
111
|
import {
|
|
112
112
|
dateRangePickerStyles
|
|
113
|
-
} from "./chunk-
|
|
113
|
+
} from "./chunk-C3SL53P4.mjs";
|
|
114
114
|
import {
|
|
115
115
|
fieldBorderStyles,
|
|
116
116
|
fieldGroupStyles
|
|
@@ -130,7 +130,7 @@ import {
|
|
|
130
130
|
import {
|
|
131
131
|
badgeCloseButtonStyles,
|
|
132
132
|
badgeStyles
|
|
133
|
-
} from "./chunk-
|
|
133
|
+
} from "./chunk-DEGKVLFV.mjs";
|
|
134
134
|
import {
|
|
135
135
|
bannerStyles
|
|
136
136
|
} from "./chunk-44H2MHJG.mjs";
|
|
@@ -139,8 +139,8 @@ import {
|
|
|
139
139
|
} from "./chunk-QIGAUVYY.mjs";
|
|
140
140
|
import {
|
|
141
141
|
buttonStyles
|
|
142
|
-
} from "./chunk-
|
|
143
|
-
import "./chunk-
|
|
142
|
+
} from "./chunk-U547O5FF.mjs";
|
|
143
|
+
import "./chunk-PWNK4ZB7.mjs";
|
|
144
144
|
import {
|
|
145
145
|
calendarStyles
|
|
146
146
|
} from "./chunk-UIQSZVDJ.mjs";
|
|
@@ -17,6 +17,7 @@ declare const colorVariants: {
|
|
|
17
17
|
main: string;
|
|
18
18
|
sub: string;
|
|
19
19
|
neutral: string;
|
|
20
|
+
success: string;
|
|
20
21
|
critical: string;
|
|
21
22
|
warning: string;
|
|
22
23
|
inverse: string;
|
|
@@ -48,6 +49,7 @@ declare const colorVariantsWithState: {
|
|
|
48
49
|
main: string;
|
|
49
50
|
sub: string;
|
|
50
51
|
neutral: string;
|
|
52
|
+
success: string;
|
|
51
53
|
critical: string;
|
|
52
54
|
warning: string;
|
|
53
55
|
inverse: string;
|
|
@@ -78,6 +80,7 @@ declare const colorVariantsWithState: {
|
|
|
78
80
|
main: string;
|
|
79
81
|
sub: string;
|
|
80
82
|
neutral: string;
|
|
83
|
+
success: string;
|
|
81
84
|
critical: string;
|
|
82
85
|
inverse: string;
|
|
83
86
|
};
|
package/dist/utils/variants.d.ts
CHANGED
|
@@ -17,6 +17,7 @@ declare const colorVariants: {
|
|
|
17
17
|
main: string;
|
|
18
18
|
sub: string;
|
|
19
19
|
neutral: string;
|
|
20
|
+
success: string;
|
|
20
21
|
critical: string;
|
|
21
22
|
warning: string;
|
|
22
23
|
inverse: string;
|
|
@@ -48,6 +49,7 @@ declare const colorVariantsWithState: {
|
|
|
48
49
|
main: string;
|
|
49
50
|
sub: string;
|
|
50
51
|
neutral: string;
|
|
52
|
+
success: string;
|
|
51
53
|
critical: string;
|
|
52
54
|
warning: string;
|
|
53
55
|
inverse: string;
|
|
@@ -78,6 +80,7 @@ declare const colorVariantsWithState: {
|
|
|
78
80
|
main: string;
|
|
79
81
|
sub: string;
|
|
80
82
|
neutral: string;
|
|
83
|
+
success: string;
|
|
81
84
|
critical: string;
|
|
82
85
|
inverse: string;
|
|
83
86
|
};
|
package/dist/utils/variants.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkFAV6VP6Pjs = require('../chunk-FAV6VP6P.js');
|
|
5
5
|
require('../chunk-ZIQLHX3U.js');
|
|
6
6
|
require('../chunk-HEB3T2LL.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
exports.colorVariants =
|
|
10
|
+
exports.colorVariants = _chunkFAV6VP6Pjs.colorVariants; exports.colorVariantsWithState = _chunkFAV6VP6Pjs.colorVariantsWithState;
|
|
11
11
|
//# sourceMappingURL=variants.js.map
|
package/dist/utils/variants.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/govt-banner.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n slots: {\n banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n crest:\n \"h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n identifyButton: cn(\n \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n focusVisibleClasses,\n ),\n panel:\n \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n panelIcon:\n \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n chevron:\n \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"],"mappings":";;;;;;;;;;;AAKO,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,sBAAsB;AAAA,IACtB,OACE;AAAA,IACF,aAAa;AAAA,IACb,MAAM;AAAA,IACN,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,IACA,OACE;AAAA,IACF,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WACE;AAAA,IACF,SACE;AAAA,IACF,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF,CAAC;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-67CSB56L.js","../src/components/govt-banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACLO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,uDAAA;AAAA,IACR,oBAAA,EAAsB,sCAAA;AAAA,IACtB,KAAA,EACE,oFAAA;AAAA,IACF,WAAA,EAAa,2CAAA;AAAA,IACb,IAAA,EAAM,+CAAA;AAAA,IACN,cAAA,EAAgB,iCAAA;AAAA,MACd,gEAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,iFAAA;AAAA,IACF,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,kCAAA;AAAA,IACd,SAAA,EACE,sEAAA;AAAA,IACF,OAAA,EACE,sEAAA;AAAA,IACF,UAAA,EAAY,+DAAA;AAAA,IACZ,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADGD;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-67CSB56L.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n slots: {\n banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n crest:\n \"h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n identifyButton: cn(\n \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n focusVisibleClasses,\n ),\n panel:\n \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n panelIcon:\n \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n chevron:\n \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-75RSWLJO.js","../src/components/search-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,yDAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,0CAAA;AAAA,IACP,UAAA,EACE,gKAAA;AAAA,IACF,WAAA,EAAa;AAAA,EACf,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,aAAA;AAAA,QACZ,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,aAAA;AAAA,QACZ,KAAA,EAAO,gBAAA;AAAA,QACP,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,aAAA;AAAA,QACZ,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,8CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-75RSWLJO.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const searchFieldStyles = tv({\n slots: {\n base: \"group flex max-w-full min-w-10 flex-col gap-1 font-sans\",\n label: \"\",\n group: \"\",\n input: \"[&::-webkit-search-cancel-button]:hidden\",\n searchIcon:\n \"text-base-content-medium group-disabled:text-interaction-support-disabled-content forced-colors:text-[ButtonText] forced-colors:group-disabled:text-[GrayText]\",\n clearButton: \"group-empty:invisible\",\n },\n variants: {\n variant: {},\n size: {\n xs: {\n searchIcon: \"ml-3 size-4\",\n input: \"not-first:pl-2\",\n },\n sm: {\n searchIcon: \"ml-3 size-4\",\n input: \"not-first:pl-2\",\n clearButton: \"[&_svg]:h-4 [&_svg]:w-4\",\n },\n md: {\n searchIcon: \"ml-4 size-5\",\n input: \"not-first:pl-2\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type SearchFieldVariantProps = VariantProps<typeof searchFieldStyles>\nexport type SearchFieldSlots = keyof ReturnType<typeof searchFieldStyles>\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-7Y2HFACM.js","../src/utils/variants.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACJA,qCAA0B;AAI1B,IAAM,KAAA,EAAO;AAAA,EACX,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,mJAAA;AAAA,IACN,GAAA,EAAK,kJAAA;AAAA,IACL,OAAA,EACE,sJAAA;AAAA,IACF,QAAA,EACE,uJAAA;AAAA,IACF,OAAA,EACE,sJAAA;AAAA,IACF,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,uHAAA;AAAA,IACN,QAAA,EACE,2HAAA;AAAA,IACF,GAAA,EAAK,sHAAA;AAAA,IACL,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,2MAAA;AAAA,IACN,GAAA,EAAK,yMAAA;AAAA,IACL,OAAA,EACE,iMAAA;AAAA,IACF,QAAA,EACE,mNAAA;AAAA,IACF,OAAA,EACE,iNAAA;AAAA,IACF,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,8IAAA;AAAA,IACN,QAAA,EACE,kJAAA;AAAA,IACF,OAAA,EACE,yIAAA;AAAA,IACF,GAAA,EAAK,6IAAA;AAAA,IACL,OAAA,EACE;AAAA,EACJ;AACF,CAAA;AAEA,IAAM,OAAA,EAAS;AAAA,EACb,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,sGAAA;AAAA,IACN,GAAA,EAAK,mGAAA;AAAA,IACL,OAAA,EACE,+GAAA;AAAA,IACF,QAAA,EACE,kHAAA;AAAA,IACF,OAAA,EACE,+GAAA;AAAA,IACF,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,wHAAA;AAAA,IACN,QAAA,EACE,oIAAA;AAAA,IACF,GAAA,EAAK,qHAAA;AAAA,IACL,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,2HAAA;AAAA,IACN,GAAA,EAAK,wHAAA;AAAA,IACL,OAAA,EACE,oIAAA;AAAA,IACF,QAAA,EACE,uIAAA;AAAA,IACF,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,2HAAA;AAAA,IACN,QAAA,EACE,uIAAA;AAAA,IACF,OAAA,EACE,oIAAA;AAAA,IACF,GAAA,EAAK,wHAAA;AAAA,IACL,OAAA,EACE;AAAA,EACJ;AACF,CAAA;AAEO,IAAM,cAAA,EAAgB,IAAA;AAEtB,IAAM,uBAAA,EAAyB,iCAAA;AAAA,EACpC,CAAC,CAAA;AAAA,EACD,IAAA;AAAA,EACA,MAAA;AAAA,EACA,CAAC,QAAA,EAAU,QAAA,EAAA,GAAa;AACtB,IAAA,GAAA,CAAI,OAAO,SAAA,IAAa,SAAA,GAAY,OAAO,SAAA,IAAa,QAAA,EAAU;AAChE,MAAA,OAAO,iCAAA,QAAG,EAAU,QAAQ,CAAA;AAAA,IAC9B;AAAA,EACF;AACF,CAAA;ADzBA;AACA;AACE;AACA;AACF,+FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-7Y2HFACM.js","sourcesContent":[null,"import { mergeWith } from \"lodash-es\"\n\nimport { cn } from \"./cn\"\n\nconst base = {\n solid: {\n main: \"bg-interaction-main-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n sub: \"bg-interaction-sub-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n neutral:\n \"bg-interaction-neutral-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n critical:\n \"bg-interaction-critical-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n success:\n \"bg-interaction-success-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n warning:\n \"bg-interaction-warning-default text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n },\n reverse: {\n main: \"bg-utility-ui text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n critical:\n \"bg-utility-ui text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n sub: \"bg-utility-ui text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n neutral:\n \"bg-utility-ui text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n },\n outline: {\n main: \"border border-interaction-main-default text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n sub: \"border border-interaction-sub-default text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n neutral:\n \"border border-base-content-strong text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n critical:\n \"border border-interaction-critical-default text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n warning:\n \"border border-interaction-warning-default text-interaction-warning-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n inverse:\n \"border border-base-content-inverse text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n },\n clear: {\n main: \"border border-utility-ui-clear text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n critical:\n \"border border-utility-ui-clear text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n neutral:\n \"border border-utility-ui-clear text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n sub: \"border border-utility-ui-clear text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n inverse:\n \"border border-utility-ui-clear text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n },\n}\n\nconst states = {\n solid: {\n main: \"hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active\",\n sub: \"hover:bg-interaction-sub-hover active:bg-interaction-sub-active pressed:bg-interaction-sub-active\",\n neutral:\n \"hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active\",\n critical:\n \"hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active\",\n success:\n \"hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active\",\n warning:\n \"hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active\",\n },\n reverse: {\n main: \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active\",\n critical:\n \"hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active pressed:bg-interaction-muted-critical-active\",\n sub: \"hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active pressed:bg-interaction-muted-sub-active\",\n neutral:\n \"hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active pressed:bg-interaction-muted-neutral-active\",\n },\n outline: {\n main: \"hover:bg-interaction-tinted-main-hover active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active\",\n sub: \"hover:bg-interaction-tinted-sub-hover active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active\",\n neutral:\n \"hover:bg-interaction-tinted-neutral-hover active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active\",\n critical:\n \"hover:bg-interaction-tinted-critical-hover active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active\",\n inverse:\n \"hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active\",\n },\n clear: {\n main: \"hover:bg-interaction-tinted-main-hover active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active\",\n critical:\n \"hover:bg-interaction-tinted-critical-hover active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active\",\n neutral:\n \"hover:bg-interaction-tinted-neutral-hover active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active\",\n sub: \"hover:bg-interaction-tinted-sub-hover active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active\",\n inverse:\n \"hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active\",\n },\n}\n\nexport const colorVariants = base\n\nexport const colorVariantsWithState = mergeWith(\n {},\n base,\n states,\n (objValue, srcValue) => {\n if (typeof objValue === \"string\" && typeof srcValue === \"string\") {\n return cn(objValue, srcValue)\n }\n },\n)\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils/variants.ts"],"sourcesContent":["import { mergeWith } from \"lodash-es\"\n\nimport { cn } from \"./cn\"\n\nconst base = {\n solid: {\n main: \"bg-interaction-main-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n sub: \"bg-interaction-sub-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n neutral:\n \"bg-interaction-neutral-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n critical:\n \"bg-interaction-critical-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n success:\n \"bg-interaction-success-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n warning:\n \"bg-interaction-warning-default text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n },\n reverse: {\n main: \"bg-utility-ui text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n critical:\n \"bg-utility-ui text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n sub: \"bg-utility-ui text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n neutral:\n \"bg-utility-ui text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n },\n outline: {\n main: \"border border-interaction-main-default text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n sub: \"border border-interaction-sub-default text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n neutral:\n \"border border-base-content-strong text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n critical:\n \"border border-interaction-critical-default text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n warning:\n \"border border-interaction-warning-default text-interaction-warning-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n inverse:\n \"border border-base-content-inverse text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n },\n clear: {\n main: \"border border-utility-ui-clear text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n critical:\n \"border border-utility-ui-clear text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n neutral:\n \"border border-utility-ui-clear text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n sub: \"border border-utility-ui-clear text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n inverse:\n \"border border-utility-ui-clear text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n },\n}\n\nconst states = {\n solid: {\n main: \"hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active\",\n sub: \"hover:bg-interaction-sub-hover active:bg-interaction-sub-active pressed:bg-interaction-sub-active\",\n neutral:\n \"hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active\",\n critical:\n \"hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active\",\n success:\n \"hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active\",\n warning:\n \"hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active\",\n },\n reverse: {\n main: \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active\",\n critical:\n \"hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active pressed:bg-interaction-muted-critical-active\",\n sub: \"hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active pressed:bg-interaction-muted-sub-active\",\n neutral:\n \"hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active pressed:bg-interaction-muted-neutral-active\",\n },\n outline: {\n main: \"hover:bg-interaction-tinted-main-hover active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active\",\n sub: \"hover:bg-interaction-tinted-sub-hover active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active\",\n neutral:\n \"hover:bg-interaction-tinted-neutral-hover active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active\",\n critical:\n \"hover:bg-interaction-tinted-critical-hover active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active\",\n inverse:\n \"hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active\",\n },\n clear: {\n main: \"hover:bg-interaction-tinted-main-hover active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active\",\n critical:\n \"hover:bg-interaction-tinted-critical-hover active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active\",\n neutral:\n \"hover:bg-interaction-tinted-neutral-hover active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active\",\n sub: \"hover:bg-interaction-tinted-sub-hover active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active\",\n inverse:\n \"hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active\",\n },\n}\n\nexport const colorVariants = base\n\nexport const colorVariantsWithState = mergeWith(\n {},\n base,\n states,\n (objValue, srcValue) => {\n if (typeof objValue === \"string\" && typeof srcValue === \"string\") {\n return cn(objValue, srcValue)\n }\n },\n)\n"],"mappings":";;;;;AAAA,SAAS,iBAAiB;AAI1B,IAAM,OAAO;AAAA,EACX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SACE;AAAA,IACF,UACE;AAAA,IACF,SACE;AAAA,IACF,SACE;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UACE;AAAA,IACF,KAAK;AAAA,IACL,SACE;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SACE;AAAA,IACF,UACE;AAAA,IACF,SACE;AAAA,IACF,SACE;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UACE;AAAA,IACF,SACE;AAAA,IACF,KAAK;AAAA,IACL,SACE;AAAA,EACJ;AACF;AAEA,IAAM,SAAS;AAAA,EACb,OAAO;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SACE;AAAA,IACF,UACE;AAAA,IACF,SACE;AAAA,IACF,SACE;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UACE;AAAA,IACF,KAAK;AAAA,IACL,SACE;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SACE;AAAA,IACF,UACE;AAAA,IACF,SACE;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UACE;AAAA,IACF,SACE;AAAA,IACF,KAAK;AAAA,IACL,SACE;AAAA,EACJ;AACF;AAEO,IAAM,gBAAgB;AAEtB,IAAM,yBAAyB;AAAA,EACpC,CAAC;AAAA,EACD;AAAA,EACA;AAAA,EACA,CAAC,UAAU,aAAa;AACtB,QAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UAAU;AAChE,aAAO,GAAG,UAAU,QAAQ;AAAA,IAC9B;AAAA,EACF;AACF;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/button.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariantsWithState } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n base: cn(\n \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n focusVisibleClasses,\n ),\n variants: {\n layout: {\n stretch: \"w-full\",\n default: \"\",\n },\n variant: {\n field: \"\",\n solid: \"\",\n reverse: \"\",\n outline: \"\",\n clear: \"\",\n unstyled: \"\",\n },\n color: {\n none: \"\",\n main: \"\",\n success: \"\",\n warning: \"\",\n critical: \"\",\n sub: \"\",\n neutral: \"\",\n inverse: \"\",\n },\n radius: {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n default: \"rounded\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"rounded-full\",\n },\n isFocusVisible: {\n true: \"\",\n },\n isDisabled: {\n true: \"cursor-not-allowed\",\n },\n isIconOnly: {\n true: \"gap-0! px-0 [&>svg]:shrink-0\",\n false: \"[&>svg]:max-w-8\",\n },\n isAttached: {\n true: \"rounded-s-none\",\n },\n size: {\n xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n },\n },\n compoundVariants: [\n // solid / color\n {\n variant: \"solid\",\n color: \"main\",\n className: colorVariantsWithState.solid.main,\n },\n {\n variant: \"solid\",\n color: \"sub\",\n className: colorVariantsWithState.solid.sub,\n },\n {\n variant: \"solid\",\n color: \"neutral\",\n className: colorVariantsWithState.solid.neutral,\n },\n {\n variant: \"solid\",\n color: \"critical\",\n className: colorVariantsWithState.solid.critical,\n },\n {\n variant: \"solid\",\n color: \"warning\",\n className: colorVariantsWithState.solid.warning,\n },\n {\n variant: \"solid\",\n color: \"success\",\n className: colorVariantsWithState.solid.success,\n },\n // reverse / color\n {\n variant: \"reverse\",\n color: \"main\",\n className: colorVariantsWithState.reverse.main,\n },\n {\n variant: \"reverse\",\n color: \"critical\",\n className: colorVariantsWithState.reverse.critical,\n },\n {\n variant: \"reverse\",\n color: \"sub\",\n className: colorVariantsWithState.reverse.sub,\n },\n {\n variant: \"reverse\",\n color: \"neutral\",\n className: colorVariantsWithState.reverse.neutral,\n },\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: colorVariantsWithState.outline.main,\n },\n {\n variant: \"outline\",\n color: \"critical\",\n className: colorVariantsWithState.outline.critical,\n },\n {\n variant: \"outline\",\n color: \"neutral\",\n className: colorVariantsWithState.outline.neutral,\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: colorVariantsWithState.outline.sub,\n },\n {\n variant: \"outline\",\n color: \"inverse\",\n className: colorVariantsWithState.outline.inverse,\n },\n // clear / color\n {\n variant: \"clear\",\n color: \"main\",\n className: colorVariantsWithState.clear.main,\n },\n {\n variant: \"clear\",\n color: \"critical\",\n className: colorVariantsWithState.clear.critical,\n },\n {\n variant: \"clear\",\n color: \"neutral\",\n className: colorVariantsWithState.clear.neutral,\n },\n {\n variant: \"clear\",\n color: \"sub\",\n className: colorVariantsWithState.clear.sub,\n },\n {\n variant: \"clear\",\n color: \"inverse\",\n className: colorVariantsWithState.clear.inverse,\n },\n // iconbutton / size\n {\n isIconOnly: true,\n size: \"lg\",\n class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n },\n {\n isIconOnly: true,\n size: \"md\",\n class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n },\n {\n isIconOnly: true,\n size: \"sm\",\n class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n },\n {\n isIconOnly: true,\n size: \"xs\",\n class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n },\n ],\n defaultVariants: {\n variant: \"solid\",\n color: \"main\",\n size: \"md\",\n radius: \"default\",\n },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"],"mappings":"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","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-JJEU6S5W.js","../src/components/button.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-JJEU6S5W.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariantsWithState } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n base: cn(\n \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n focusVisibleClasses,\n ),\n variants: {\n layout: {\n stretch: \"w-full\",\n default: \"\",\n },\n variant: {\n field: \"\",\n solid: \"\",\n reverse: \"\",\n outline: \"\",\n clear: \"\",\n unstyled: \"\",\n },\n color: {\n none: \"\",\n main: \"\",\n success: \"\",\n warning: \"\",\n critical: \"\",\n sub: \"\",\n neutral: \"\",\n inverse: \"\",\n },\n radius: {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n default: \"rounded\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"rounded-full\",\n },\n isFocusVisible: {\n true: \"\",\n },\n isDisabled: {\n true: \"cursor-not-allowed\",\n },\n isIconOnly: {\n true: \"gap-0! px-0 [&>svg]:shrink-0\",\n false: \"[&>svg]:max-w-8\",\n },\n isAttached: {\n true: \"rounded-s-none\",\n },\n size: {\n xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n },\n },\n compoundVariants: [\n // solid / color\n {\n variant: \"solid\",\n color: \"main\",\n className: colorVariantsWithState.solid.main,\n },\n {\n variant: \"solid\",\n color: \"sub\",\n className: colorVariantsWithState.solid.sub,\n },\n {\n variant: \"solid\",\n color: \"neutral\",\n className: colorVariantsWithState.solid.neutral,\n },\n {\n variant: \"solid\",\n color: \"critical\",\n className: colorVariantsWithState.solid.critical,\n },\n {\n variant: \"solid\",\n color: \"warning\",\n className: colorVariantsWithState.solid.warning,\n },\n {\n variant: \"solid\",\n color: \"success\",\n className: colorVariantsWithState.solid.success,\n },\n // reverse / color\n {\n variant: \"reverse\",\n color: \"main\",\n className: colorVariantsWithState.reverse.main,\n },\n {\n variant: \"reverse\",\n color: \"critical\",\n className: colorVariantsWithState.reverse.critical,\n },\n {\n variant: \"reverse\",\n color: \"sub\",\n className: colorVariantsWithState.reverse.sub,\n },\n {\n variant: \"reverse\",\n color: \"neutral\",\n className: colorVariantsWithState.reverse.neutral,\n },\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: colorVariantsWithState.outline.main,\n },\n {\n variant: \"outline\",\n color: \"critical\",\n className: colorVariantsWithState.outline.critical,\n },\n {\n variant: \"outline\",\n color: \"neutral\",\n className: colorVariantsWithState.outline.neutral,\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: colorVariantsWithState.outline.sub,\n },\n {\n variant: \"outline\",\n color: \"inverse\",\n className: colorVariantsWithState.outline.inverse,\n },\n // clear / color\n {\n variant: \"clear\",\n color: \"main\",\n className: colorVariantsWithState.clear.main,\n },\n {\n variant: \"clear\",\n color: \"critical\",\n className: colorVariantsWithState.clear.critical,\n },\n {\n variant: \"clear\",\n color: \"neutral\",\n className: colorVariantsWithState.clear.neutral,\n },\n {\n variant: \"clear\",\n color: \"sub\",\n className: colorVariantsWithState.clear.sub,\n },\n {\n variant: \"clear\",\n color: \"inverse\",\n className: colorVariantsWithState.clear.inverse,\n },\n // iconbutton / size\n {\n isIconOnly: true,\n size: \"lg\",\n class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n },\n {\n isIconOnly: true,\n size: \"md\",\n class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n },\n {\n isIconOnly: true,\n size: \"sm\",\n class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n },\n {\n isIconOnly: true,\n size: \"xs\",\n class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n },\n ],\n defaultVariants: {\n variant: \"solid\",\n color: \"main\",\n size: \"md\",\n radius: \"default\",\n },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/select.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const selectSearchStyles = tv({\n slots: {\n base: \"\",\n icon: \"\",\n input: \"\",\n clear: \"\",\n },\n})\n\nexport const selectItemStyles = tv({\n slots: {\n base: \"text-base-content-strong group flex cursor-default items-center gap-2 outline-hidden select-none\",\n text: \"line-clamp-1 flex-1 text-inherit\",\n },\n variants: {\n color: {\n main: {\n base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active selected:bg-interaction-muted-main-active\",\n },\n },\n size: {\n xs: {\n base: \"prose-body-2 px-3 py-3\",\n },\n sm: {\n base: \"prose-body-2 px-3 py-3\",\n },\n md: {\n base: \"prose-body-1 px-4 py-3\",\n text: \"group-selected/select:prose-subhead-1\",\n },\n },\n isDisabled: {\n true: {\n base: \"bg-interaction-support-disabled text-interaction-support-disabled-content\",\n },\n },\n isFocused: {\n true: \"\",\n },\n isSelected: {\n true: \"\",\n },\n },\n defaultVariants: {\n color: \"main\",\n size: \"md\",\n },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n slots: {\n base: \"group/select flex w-full flex-col gap-1\",\n label: \"\",\n trigger: \"w-full\",\n icon: \"size-4\",\n selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n popover: \"flex w-(--trigger-width) flex-col\",\n list: \"overflow-y-auto\",\n description: \"\",\n searchField:\n \"group/search border-base-divider-strong flex items-center gap-2 border-b\",\n searchIcon: \"text-base-content-subtle shrink-0\",\n searchInput:\n \"min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0\",\n },\n variants: {\n variant: {\n solid: \"\",\n reverse: \"\",\n outline: {\n trigger: \"group-invalid/select:border-interaction-critical-default\",\n },\n clear: \"\",\n unstyled: \"\",\n },\n color: {\n main: \"\",\n success: \"\",\n warning: \"\",\n critical: \"\",\n sub: \"\",\n neutral: \"\",\n inverse: \"\",\n },\n size: {\n xs: {\n selectedText: \"prose-body-2\",\n list: \"max-h-66\",\n searchField: \"px-3 py-2\",\n searchIcon: \"size-4\",\n searchInput: \"prose-body-2\",\n },\n sm: {\n selectedText: \"prose-body-2\",\n list: \"max-h-66\",\n searchField: \"px-3 py-2.5\",\n searchIcon: \"size-4\",\n searchInput: \"prose-body-2\",\n },\n md: {\n selectedText: \"prose-body-1\",\n list: \"max-h-72\",\n searchField: \"px-4 py-2.5\",\n searchIcon: \"size-5\",\n searchInput: \"prose-body-1\",\n },\n },\n },\n compoundVariants: [\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-main-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n },\n },\n // clear / color\n {\n variant: \"clear\",\n color: \"main\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-main-hover\",\n },\n },\n {\n variant: \"clear\",\n color: \"sub\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n },\n },\n ],\n defaultVariants: {\n variant: \"outline\",\n color: \"sub\",\n size: \"md\",\n },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF,CAAC;AAEM,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,IACN,aAAa;AAAA,IACb,aACE;AAAA,IACF,YAAY;AAAA,IACZ,aACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,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-N46PEG3K.js","../src/components/select.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-N46PEG3K.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const selectSearchStyles = tv({\n slots: {\n base: \"\",\n icon: \"\",\n input: \"\",\n clear: \"\",\n },\n})\n\nexport const selectItemStyles = tv({\n slots: {\n base: \"text-base-content-strong group flex cursor-default items-center gap-2 outline-hidden select-none\",\n text: \"line-clamp-1 flex-1 text-inherit\",\n },\n variants: {\n color: {\n main: {\n base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active selected:bg-interaction-muted-main-active\",\n },\n },\n size: {\n xs: {\n base: \"prose-body-2 px-3 py-3\",\n },\n sm: {\n base: \"prose-body-2 px-3 py-3\",\n },\n md: {\n base: \"prose-body-1 px-4 py-3\",\n text: \"group-selected/select:prose-subhead-1\",\n },\n },\n isDisabled: {\n true: {\n base: \"bg-interaction-support-disabled text-interaction-support-disabled-content\",\n },\n },\n isFocused: {\n true: \"\",\n },\n isSelected: {\n true: \"\",\n },\n },\n defaultVariants: {\n color: \"main\",\n size: \"md\",\n },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n slots: {\n base: \"group/select flex w-full flex-col gap-1\",\n label: \"\",\n trigger: \"w-full\",\n icon: \"size-4\",\n selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n popover: \"flex w-(--trigger-width) flex-col\",\n list: \"overflow-y-auto\",\n description: \"\",\n searchField:\n \"group/search border-base-divider-strong flex items-center gap-2 border-b\",\n searchIcon: \"text-base-content-subtle shrink-0\",\n searchInput:\n \"min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0\",\n },\n variants: {\n variant: {\n solid: \"\",\n reverse: \"\",\n outline: {\n trigger: \"group-invalid/select:border-interaction-critical-default\",\n },\n clear: \"\",\n unstyled: \"\",\n },\n color: {\n main: \"\",\n success: \"\",\n warning: \"\",\n critical: \"\",\n sub: \"\",\n neutral: \"\",\n inverse: \"\",\n },\n size: {\n xs: {\n selectedText: \"prose-body-2\",\n list: \"max-h-66\",\n searchField: \"px-3 py-2\",\n searchIcon: \"size-4\",\n searchInput: \"prose-body-2\",\n },\n sm: {\n selectedText: \"prose-body-2\",\n list: \"max-h-66\",\n searchField: \"px-3 py-2.5\",\n searchIcon: \"size-4\",\n searchInput: \"prose-body-2\",\n },\n md: {\n selectedText: \"prose-body-1\",\n list: \"max-h-72\",\n searchField: \"px-4 py-2.5\",\n searchIcon: \"size-5\",\n searchInput: \"prose-body-1\",\n },\n },\n },\n compoundVariants: [\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-main-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n },\n },\n // clear / color\n {\n variant: \"clear\",\n color: \"main\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-main-hover\",\n },\n },\n {\n variant: \"clear\",\n color: \"sub\",\n className: {\n trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n },\n },\n ],\n defaultVariants: {\n variant: \"outline\",\n color: \"sub\",\n size: \"md\",\n },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/search-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const searchFieldStyles = tv({\n slots: {\n base: \"group flex max-w-full min-w-10 flex-col gap-1 font-sans\",\n label: \"\",\n group: \"\",\n input: \"[&::-webkit-search-cancel-button]:hidden\",\n searchIcon:\n \"text-base-content-medium group-disabled:text-interaction-support-disabled-content forced-colors:text-[ButtonText] forced-colors:group-disabled:text-[GrayText]\",\n clearButton: \"group-empty:invisible\",\n },\n variants: {\n variant: {},\n size: {\n xs: {\n searchIcon: \"ml-3 size-4\",\n input: \"not-first:pl-2\",\n },\n sm: {\n searchIcon: \"ml-3 size-4\",\n input: \"not-first:pl-2\",\n clearButton: \"[&_svg]:h-4 [&_svg]:w-4\",\n },\n md: {\n searchIcon: \"ml-4 size-5\",\n input: \"not-first:pl-2\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type SearchFieldVariantProps = VariantProps<typeof searchFieldStyles>\nexport type SearchFieldSlots = keyof ReturnType<typeof searchFieldStyles>\n"],"mappings":";;;;;AAIO,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YACE;AAAA,IACF,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
|
|
File without changes
|
|
File without changes
|