@midas-ds/components 8.3.0 → 10.0.0
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/CHANGELOG.md +100 -11
- package/README.md +4 -4
- package/accordion/Accordion.d.ts +0 -2
- package/button/Button.d.ts +11 -6
- package/combobox/ComboBox.d.ts +6 -1
- package/common/types.d.ts +1 -0
- package/date-field/DateField.d.ts +5 -0
- package/date-picker/DatePicker.d.ts +5 -0
- package/date-picker/DatePickerInputField.d.ts +2 -0
- package/date-picker/DateRangePicker.d.ts +5 -0
- package/index.cjs +32 -32
- package/index.css +1 -1
- package/index.js +6800 -6812
- package/label/Label.d.ts +1 -7
- package/layout/Layout.d.ts +6 -1
- package/modal/Dialog.d.ts +0 -14
- package/modal/index.d.ts +1 -1
- package/package.json +3 -2
- package/progress-bar/ProgressBar.d.ts +1 -2
- package/search-field/SearchField.d.ts +5 -0
- package/select/Select.d.ts +5 -0
- package/skeleton/Skeleton.d.ts +19 -7
- package/spinner/Spinner.d.ts +0 -5
- package/table/Table.d.ts +1 -1
- package/tabs/Tabs.d.ts +0 -5
- package/textfield/TextArea.d.ts +4 -1
- package/textfield/TextField.d.ts +2 -0
- package/textfield/TextFieldBase.d.ts +1 -1
- package/theme/index.d.ts +53 -35
- package/theme/tokens.d.ts +53 -35
- package/theme.cjs +1 -1
- package/theme.js +2 -2
- package/{tokens-CEzXihhV.js → tokens-C0U7hdoO.js} +76 -62
- package/tokens-COoF1t17.cjs +1 -0
- package/utils/intl/index.d.ts +0 -1
- package/utils/storybook.d.ts +1 -0
- package/tokens-B6mMZ0T6.cjs +0 -1
- package/utils/intl/useMessageFormatter.d.ts +0 -11
|
@@ -26,14 +26,18 @@ const r = {
|
|
|
26
26
|
blue10: "#eaf2f6",
|
|
27
27
|
blue20: "#d5e5ed",
|
|
28
28
|
blue40: "#abcbdb",
|
|
29
|
+
blue50: "#94BCD1",
|
|
29
30
|
blue60: "#82b0c9",
|
|
31
|
+
blue70: "#6CA3C0",
|
|
30
32
|
blue80: "#5897b8",
|
|
31
33
|
blue90: "#4289ad",
|
|
32
34
|
blue100: "#2e7ca5",
|
|
33
|
-
|
|
34
|
-
|
|
35
|
+
blue110: "#2C7399",
|
|
36
|
+
blue120: "#29698C",
|
|
37
|
+
blue130: "#25607f",
|
|
38
|
+
blue150: "#143c50",
|
|
35
39
|
purple80: "#b46ab4",
|
|
36
|
-
|
|
40
|
+
purple110: "#954b95",
|
|
37
41
|
red100: "#b90835",
|
|
38
42
|
signalBlue10: "#eaf2f6",
|
|
39
43
|
signalBlue100: "#0066cc",
|
|
@@ -42,51 +46,67 @@ const r = {
|
|
|
42
46
|
signalGreen100: "#008d3c",
|
|
43
47
|
signalYellow10: "#fff8e1",
|
|
44
48
|
signalYellow100: "#fdb813",
|
|
49
|
+
signalRed10: "#ffefef",
|
|
45
50
|
signalRed20: "#ffdfdf",
|
|
46
51
|
signalRed30: "#fcc8c8",
|
|
52
|
+
signalRed40: "#f9b0b0",
|
|
53
|
+
signalRed50: "#f69999",
|
|
54
|
+
signalRed60: "#f38181",
|
|
55
|
+
signalRed70: "#ef6a6a",
|
|
47
56
|
signalRed80: "#eb4e4e",
|
|
57
|
+
signalRed90: "#e93b3b",
|
|
48
58
|
signalRed100: "#e62323",
|
|
49
|
-
|
|
50
|
-
|
|
59
|
+
signalRed110: "#d12020",
|
|
60
|
+
signalRed120: "#bc1d1d",
|
|
61
|
+
signalRed130: "#a71919",
|
|
62
|
+
signalRed140: "#921616",
|
|
63
|
+
signalRed150: "#7d1313",
|
|
64
|
+
signalRed160: "#691010",
|
|
65
|
+
signalRed170: "#540d0d",
|
|
66
|
+
signalRed180: "#3f0a0a",
|
|
67
|
+
signalRed190: "#2a0606",
|
|
68
|
+
signalRed200: "#150303"
|
|
51
69
|
}, a = {
|
|
52
70
|
fontFamily: '"Inter", sans-serif',
|
|
53
|
-
|
|
71
|
+
lineHeight10: 1,
|
|
54
72
|
// 16px
|
|
55
|
-
|
|
73
|
+
lineHeight20: 1.125,
|
|
56
74
|
// 18px (18/16)
|
|
57
|
-
|
|
75
|
+
lineHeight30: 1.25,
|
|
58
76
|
// 20px (20/16)
|
|
59
|
-
|
|
77
|
+
lineHeight40: 1.375,
|
|
60
78
|
// 22px (22/16)
|
|
61
|
-
|
|
79
|
+
lineHeight50: 1.5,
|
|
62
80
|
// 24px (24/16)
|
|
63
|
-
|
|
81
|
+
lineHeight60: 1.75,
|
|
64
82
|
// 28px (28/16)
|
|
65
|
-
|
|
83
|
+
lineHeight70: 2,
|
|
66
84
|
// 32px (32/16)
|
|
67
|
-
|
|
85
|
+
lineHeight80: 2.25,
|
|
68
86
|
// 36px (36/16)
|
|
69
|
-
|
|
87
|
+
lineHeight90: 2.5,
|
|
70
88
|
// 40px (40/16)
|
|
71
|
-
|
|
89
|
+
lineHeight100: 2.75,
|
|
90
|
+
// 44px (44/16)
|
|
91
|
+
fontSize10: "0.75rem",
|
|
72
92
|
// 12px (12/16)
|
|
73
|
-
|
|
93
|
+
fontSize20: "0.875rem",
|
|
74
94
|
// 14px (14/16)
|
|
75
|
-
|
|
95
|
+
fontSize30: "1rem",
|
|
76
96
|
// 16px (16/16)
|
|
77
|
-
|
|
97
|
+
fontSize40: "1.125rem",
|
|
78
98
|
// 18px (18/16)
|
|
79
|
-
|
|
99
|
+
fontSize50: "1.25rem",
|
|
80
100
|
// 20px (20/16)
|
|
81
|
-
|
|
101
|
+
fontSize60: "1.5rem",
|
|
82
102
|
// 24px (24/16)
|
|
83
|
-
|
|
103
|
+
fontSize70: "1.75rem",
|
|
84
104
|
// 28px (28/16)
|
|
85
|
-
|
|
105
|
+
fontSize80: "2rem",
|
|
86
106
|
// 32px (32/16)
|
|
87
|
-
|
|
107
|
+
fontSize90: "2.25rem",
|
|
88
108
|
// 36px (36/16)
|
|
89
|
-
|
|
109
|
+
fontSize100: "2.625rem",
|
|
90
110
|
// 42px (40/16)
|
|
91
111
|
weightThin: 100,
|
|
92
112
|
weightExtraLight: 200,
|
|
@@ -98,33 +118,33 @@ const r = {
|
|
|
98
118
|
weightExtraBold: 800,
|
|
99
119
|
weightBlack: 900
|
|
100
120
|
}, g = {
|
|
101
|
-
|
|
121
|
+
10: "0.125rem",
|
|
102
122
|
// 2px
|
|
103
|
-
|
|
123
|
+
20: "0.25rem",
|
|
104
124
|
// 4px
|
|
105
|
-
|
|
125
|
+
30: "0.5rem",
|
|
106
126
|
// 8px
|
|
107
|
-
|
|
127
|
+
40: "0.75rem",
|
|
108
128
|
// 12px
|
|
109
|
-
|
|
129
|
+
50: "1rem",
|
|
110
130
|
// 16px
|
|
111
|
-
|
|
131
|
+
60: "1.5rem",
|
|
112
132
|
// 24px
|
|
113
|
-
|
|
133
|
+
70: "2rem",
|
|
114
134
|
// 32px
|
|
115
|
-
|
|
135
|
+
80: "2.5rem",
|
|
116
136
|
// 40px
|
|
117
|
-
|
|
137
|
+
90: "3rem",
|
|
118
138
|
// 48px
|
|
119
|
-
|
|
139
|
+
100: "4rem",
|
|
120
140
|
// 64px
|
|
121
|
-
|
|
141
|
+
110: "5rem",
|
|
122
142
|
// 80px
|
|
123
|
-
|
|
143
|
+
120: "6rem"
|
|
124
144
|
// 96px
|
|
125
|
-
}, i = {
|
|
126
|
-
focus: "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"
|
|
127
145
|
}, l = {
|
|
146
|
+
focus: "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"
|
|
147
|
+
}, i = {
|
|
128
148
|
slow: "500ms",
|
|
129
149
|
normal: "300ms",
|
|
130
150
|
fast: "250ms"
|
|
@@ -162,13 +182,7 @@ const r = {
|
|
|
162
182
|
borderPrimary: `light-dark(${r.gray200}, ${r.gray10})`,
|
|
163
183
|
borderSecondary: `light-dark(${r.gray110}, ${r.gray90})`,
|
|
164
184
|
borderSubtle: `light-dark(${r.gray50}, ${r.gray160})`,
|
|
165
|
-
borderTertiary: `light-dark(${r.
|
|
166
|
-
/*
|
|
167
|
-
* @deprecated
|
|
168
|
-
* Deprecated in 8.2.0
|
|
169
|
-
* Please use --support-border-warning instead.
|
|
170
|
-
*/
|
|
171
|
-
borderInvalid: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
|
|
185
|
+
borderTertiary: `light-dark(${r.blue150}, ${r.blue100})`,
|
|
172
186
|
borderDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
|
|
173
187
|
field01: `light-dark(${r.gray10}, ${r.gray180})`,
|
|
174
188
|
fieldHover01: `light-dark(${r.gray20}, ${r.gray170})`,
|
|
@@ -180,7 +194,7 @@ const r = {
|
|
|
180
194
|
fieldSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
|
|
181
195
|
iconPrimary: `light-dark(${r.gray200}, ${r.gray10})`,
|
|
182
196
|
iconSecondary: `light-dark(${r.gray140}, ${r.gray70})`,
|
|
183
|
-
iconTertiary: `light-dark(${r.
|
|
197
|
+
iconTertiary: `light-dark(${r.blue150}, ${r.gray10})`,
|
|
184
198
|
iconInverse: `light-dark(${r.white}, ${r.gray200})`,
|
|
185
199
|
iconOnColor: `light-dark(${r.white}, ${r.white})`,
|
|
186
200
|
iconDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
|
|
@@ -188,10 +202,10 @@ const r = {
|
|
|
188
202
|
iconInfo: `light-dark(${r.signalBlue100}, ${r.signalBlue100})`,
|
|
189
203
|
iconWarning: `light-dark(${r.signalRed100}, ${r.signalRed100})`,
|
|
190
204
|
iconImportant: `light-dark(${r.signalYellow100}, ${r.signalYellow100})`,
|
|
191
|
-
linkEnabled: `light-dark(${r.
|
|
192
|
-
linkHover: `light-dark(${r.
|
|
193
|
-
linkPressed: `light-dark(${r.gray200}, ${r.
|
|
194
|
-
linkVisited: `light-dark(${r.
|
|
205
|
+
linkEnabled: `light-dark(${r.blue120}, ${r.blue70})`,
|
|
206
|
+
linkHover: `light-dark(${r.blue150}, ${r.blue50})`,
|
|
207
|
+
linkPressed: `light-dark(${r.gray200}, ${r.blue40})`,
|
|
208
|
+
linkVisited: `light-dark(${r.purple110}, ${r.purple80})`,
|
|
195
209
|
supportBorderSuccess: `light-dark(${r.signalGreen100}, ${r.signalGreen100})`,
|
|
196
210
|
supportBorderInfo: `light-dark(${r.signalBlue100}, ${r.signalBlue100})`,
|
|
197
211
|
supportBorderImportant: `light-dark(${r.signalYellow100}, ${r.signalYellow100})`,
|
|
@@ -204,26 +218,26 @@ const r = {
|
|
|
204
218
|
supportBackgroundWarningHover: `light-dark(${r.signalRed30}, ${r.gray170})`,
|
|
205
219
|
textPrimary: `light-dark(${r.gray200}, ${r.gray10})`,
|
|
206
220
|
textSecondary: `light-dark(${r.gray140}, ${r.gray70})`,
|
|
207
|
-
textTertiary: `light-dark(${r.
|
|
221
|
+
textTertiary: `light-dark(${r.blue150}, ${r.gray10})`,
|
|
208
222
|
textOnColor: `light-dark(${r.white}, ${r.white})`,
|
|
209
223
|
textInverse: `light-dark(${r.gray10}, ${r.gray200})`,
|
|
210
224
|
textDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
|
|
211
|
-
|
|
225
|
+
textWarning: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
|
|
212
226
|
textPlaceholder: `light-dark(${r.gray70}, ${r.gray140})`,
|
|
213
|
-
buttonBackgroundPrimary: `light-dark(${r.
|
|
214
|
-
buttonBackgroundPrimaryHover: `light-dark(${r.
|
|
215
|
-
buttonBackgroundPrimaryActive: `light-dark(${r.blue100}, ${r.
|
|
227
|
+
buttonBackgroundPrimary: `light-dark(${r.blue150}, ${r.blue100})`,
|
|
228
|
+
buttonBackgroundPrimaryHover: `light-dark(${r.blue130}, ${r.blue130})`,
|
|
229
|
+
buttonBackgroundPrimaryActive: `light-dark(${r.blue100}, ${r.blue150})`,
|
|
216
230
|
buttonBackgroundSecondary: `light-dark(${r.white}, ${r.gray200})`,
|
|
217
231
|
buttonBackgroundSecondaryHover: `light-dark(${r.whiteHover}, ${r.gray190})`,
|
|
218
232
|
buttonBackgroundSecondaryActive: `light-dark(${r.gray30}, ${r.gray180})`,
|
|
219
233
|
buttonBackgroundTertiaryHover: `light-dark(${r.whiteHover}, ${r.gray190})`,
|
|
220
234
|
buttonBackgroundTertiaryActive: `light-dark(${r.gray30}, ${r.gray180})`,
|
|
221
235
|
buttonBackgroundDanger: `light-dark(${r.signalRed100}, ${r.signalRed100})`,
|
|
222
|
-
buttonBackgroundDangerHover: `light-dark(${r.
|
|
223
|
-
buttonBackgroundDangerActive: `light-dark(${r.
|
|
236
|
+
buttonBackgroundDangerHover: `light-dark(${r.signalRed120}, ${r.signalRed120})`,
|
|
237
|
+
buttonBackgroundDangerActive: `light-dark(${r.signalRed150}, ${r.signalRed150})`,
|
|
224
238
|
buttonBackgroundDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
|
|
225
239
|
buttonBackgroundSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
|
|
226
|
-
buttonBorderSecondary: `light-dark(${r.
|
|
240
|
+
buttonBorderSecondary: `light-dark(${r.blue150}, ${r.gray10})`,
|
|
227
241
|
logoPrimary: `light-dark(${r.red100}, ${r.white})`,
|
|
228
242
|
menuItemBackgroundHover: `light-dark(${r.gray20}, ${r.gray190})`,
|
|
229
243
|
menuItemBackgroundSelected: `light-dark(${r.gray10}, ${r.gray180})`
|
|
@@ -239,8 +253,8 @@ const r = {
|
|
|
239
253
|
breakpoints: t,
|
|
240
254
|
semantic: d,
|
|
241
255
|
spacing: g,
|
|
242
|
-
states:
|
|
243
|
-
transitions:
|
|
256
|
+
states: l,
|
|
257
|
+
transitions: i,
|
|
244
258
|
typography: a,
|
|
245
259
|
windowSizes: e,
|
|
246
260
|
zIndex: n
|
|
@@ -249,8 +263,8 @@ export {
|
|
|
249
263
|
a,
|
|
250
264
|
r as b,
|
|
251
265
|
g as c,
|
|
252
|
-
|
|
253
|
-
|
|
266
|
+
l as d,
|
|
267
|
+
i as e,
|
|
254
268
|
t as f,
|
|
255
269
|
d as s,
|
|
256
270
|
o as t,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue50:"#94BCD1",blue60:"#82b0c9",blue70:"#6CA3C0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue110:"#2C7399",blue120:"#29698C",blue130:"#25607f",blue150:"#143c50",purple80:"#b46ab4",purple110:"#954b95",red100:"#b90835",signalBlue10:"#eaf2f6",signalBlue100:"#0066cc",signalGreen20:"#d5f2d9",signalGreen30:"#bae5c5",signalGreen100:"#008d3c",signalYellow10:"#fff8e1",signalYellow100:"#fdb813",signalRed10:"#ffefef",signalRed20:"#ffdfdf",signalRed30:"#fcc8c8",signalRed40:"#f9b0b0",signalRed50:"#f69999",signalRed60:"#f38181",signalRed70:"#ef6a6a",signalRed80:"#eb4e4e",signalRed90:"#e93b3b",signalRed100:"#e62323",signalRed110:"#d12020",signalRed120:"#bc1d1d",signalRed130:"#a71919",signalRed140:"#921616",signalRed150:"#7d1313",signalRed160:"#691010",signalRed170:"#540d0d",signalRed180:"#3f0a0a",signalRed190:"#2a0606",signalRed200:"#150303"},a={fontFamily:'"Inter", sans-serif',lineHeight10:1,lineHeight20:1.125,lineHeight30:1.25,lineHeight40:1.375,lineHeight50:1.5,lineHeight60:1.75,lineHeight70:2,lineHeight80:2.25,lineHeight90:2.5,lineHeight100:2.75,fontSize10:"0.75rem",fontSize20:"0.875rem",fontSize30:"1rem",fontSize40:"1.125rem",fontSize50:"1.25rem",fontSize60:"1.5rem",fontSize70:"1.75rem",fontSize80:"2rem",fontSize90:"2.25rem",fontSize100:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},g={10:"0.125rem",20:"0.25rem",30:"0.5rem",40:"0.75rem",50:"1rem",60:"1.5rem",70:"2rem",80:"2.5rem",90:"3rem",100:"4rem",110:"5rem",120:"6rem"},i={focus:"0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"},l={slow:"500ms",normal:"300ms",fast:"250ms"},e={md:768,lg:1200,xl:1440},t={sm:`(max-width: ${e.md-1}px)`,md:`(min-width: ${e.md}px)`,lg:`(min-width: ${e.lg}px)`,xl:`(min-width: ${e.xl}px)`,forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},d={background:`light-dark(${r.white}, ${r.gray200})`,backgroundHover:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse:`light-dark(${r.gray200}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray150})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray150})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderPrimary:`light-dark(${r.gray200}, ${r.gray10})`,borderSecondary:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderTertiary:`light-dark(${r.blue150}, ${r.blue100})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,iconPrimary:`light-dark(${r.gray200}, ${r.gray10})`,iconSecondary:`light-dark(${r.gray140}, ${r.gray70})`,iconTertiary:`light-dark(${r.blue150}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,iconInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,iconWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,iconImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,linkEnabled:`light-dark(${r.blue120}, ${r.blue70})`,linkHover:`light-dark(${r.blue150}, ${r.blue50})`,linkPressed:`light-dark(${r.gray200}, ${r.blue40})`,linkVisited:`light-dark(${r.purple110}, ${r.purple80})`,supportBorderSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,supportBorderInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,supportBorderImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,supportBorderWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,supportBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,supportBackgroundSuccessHover:`light-dark(${r.signalGreen30}, ${r.gray170})`,supportBackgroundInfo:`light-dark(${r.signalBlue10}, ${r.gray180})`,supportBackgroundImportant:`light-dark(${r.signalYellow10}, ${r.gray180})`,supportBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,supportBackgroundWarningHover:`light-dark(${r.signalRed30}, ${r.gray170})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textTertiary:`light-dark(${r.blue150}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textWarning:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue150}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue130}, ${r.blue130})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue150})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray200})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed100}, ${r.signalRed100})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed120}, ${r.signalRed120})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed150}, ${r.signalRed150})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBorderSecondary:`light-dark(${r.blue150}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`,menuItemBackgroundHover:`light-dark(${r.gray20}, ${r.gray190})`,menuItemBackgroundSelected:`light-dark(${r.gray10}, ${r.gray180})`},n={base:1,above:10,modal:1e3,toast:1100,skipToContent:1200},o=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:d,spacing:g,states:i,transitions:l,typography:a,windowSizes:e,zIndex:n},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=d;exports.spacing=g;exports.states=i;exports.tokens=o;exports.transitions=l;exports.typography=a;exports.windowSizes=e;exports.zIndex=n;
|
package/utils/intl/index.d.ts
CHANGED
package/utils/storybook.d.ts
CHANGED
package/tokens-B6mMZ0T6.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue60:"#82b0c9",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue140:"#25607f",blue170:"#143c50",purple80:"#b46ab4",purple140:"#954b95",red100:"#b90835",signalBlue10:"#eaf2f6",signalBlue100:"#0066cc",signalGreen20:"#d5f2d9",signalGreen30:"#bae5c5",signalGreen100:"#008d3c",signalYellow10:"#fff8e1",signalYellow100:"#fdb813",signalRed20:"#ffdfdf",signalRed30:"#fcc8c8",signalRed80:"#eb4e4e",signalRed100:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313"},a={fontFamily:'"Inter", sans-serif',lineHeight01:1,lineHeight02:1.125,lineHeight03:1.25,lineHeight04:1.375,lineHeight05:1.5,lineHeight06:1.75,lineHeight07:2,lineHeight08:2.25,lineHeight09:2.5,size01:"0.75rem",size02:"0.875rem",size03:"1rem",size04:"1.125rem",size05:"1.25rem",size06:"1.5rem",size07:"1.75rem",size08:"2rem",size09:"2.25rem",size10:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},g={"01":"0.125rem","02":"0.25rem","03":"0.5rem","04":"0.75rem","05":"1rem","06":"1.5rem","07":"2rem","08":"2.5rem","09":"3rem",10:"4rem",11:"5rem",12:"6rem"},i={focus:"0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"},l={slow:"500ms",normal:"300ms",fast:"250ms"},e={md:768,lg:1200,xl:1440},t={sm:`(max-width: ${e.md-1}px)`,md:`(min-width: ${e.md}px)`,lg:`(min-width: ${e.lg}px)`,xl:`(min-width: ${e.xl}px)`,forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},d={background:`light-dark(${r.white}, ${r.gray200})`,backgroundHover:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse:`light-dark(${r.gray200}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray150})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray150})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderPrimary:`light-dark(${r.gray200}, ${r.gray10})`,borderSecondary:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderTertiary:`light-dark(${r.blue170}, ${r.blue100})`,borderInvalid:`light-dark(${r.signalRed100}, ${r.signalRed80})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,iconPrimary:`light-dark(${r.gray200}, ${r.gray10})`,iconSecondary:`light-dark(${r.gray140}, ${r.gray70})`,iconTertiary:`light-dark(${r.blue170}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,iconInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,iconWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,iconImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,linkEnabled:`light-dark(${r.blue100}, ${r.blue90})`,linkHover:`light-dark(${r.blue170}, ${r.blue80})`,linkPressed:`light-dark(${r.gray200}, ${r.blue60})`,linkVisited:`light-dark(${r.purple140}, ${r.purple80})`,supportBorderSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,supportBorderInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,supportBorderImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,supportBorderWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,supportBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,supportBackgroundSuccessHover:`light-dark(${r.signalGreen30}, ${r.gray170})`,supportBackgroundInfo:`light-dark(${r.signalBlue10}, ${r.gray180})`,supportBackgroundImportant:`light-dark(${r.signalYellow10}, ${r.gray180})`,supportBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,supportBackgroundWarningHover:`light-dark(${r.signalRed30}, ${r.gray170})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textTertiary:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue170}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue140}, ${r.blue140})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue170})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray200})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed100}, ${r.signalRed100})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed160}, ${r.signalRed160})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed180}, ${r.signalRed180})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBorderSecondary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`,menuItemBackgroundHover:`light-dark(${r.gray20}, ${r.gray190})`,menuItemBackgroundSelected:`light-dark(${r.gray10}, ${r.gray180})`},n={base:1,above:10,modal:1e3,toast:1100,skipToContent:1200},o=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:d,spacing:g,states:i,transitions:l,typography:a,windowSizes:e,zIndex:n},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=d;exports.spacing=g;exports.states=i;exports.tokens=o;exports.transitions=l;exports.typography=a;exports.windowSizes=e;exports.zIndex=n;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { LocalizedStrings } from '@internationalized/message';
|
|
2
|
-
export type FormatMessage = (key: string, variables?: {
|
|
3
|
-
[key: string]: any;
|
|
4
|
-
}) => string;
|
|
5
|
-
/**
|
|
6
|
-
* Handles formatting ICU Message strings to create localized strings for the current locale.
|
|
7
|
-
* Automatically updates when the locale changes, and handles caching of messages for performance.
|
|
8
|
-
* @param strings - A mapping of languages to strings by key.
|
|
9
|
-
* @deprecated since v7.0.0 - use useLocalizedStringFormatter instead.
|
|
10
|
-
*/
|
|
11
|
-
export declare function useMessageFormatter(strings: LocalizedStrings): FormatMessage;
|