@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.
@@ -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
- blue140: "#25607f",
34
- blue170: "#143c50",
35
+ blue110: "#2C7399",
36
+ blue120: "#29698C",
37
+ blue130: "#25607f",
38
+ blue150: "#143c50",
35
39
  purple80: "#b46ab4",
36
- purple140: "#954b95",
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
- signalRed160: "#b31b1b",
50
- signalRed180: "#801313"
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
- lineHeight01: 1,
71
+ lineHeight10: 1,
54
72
  // 16px
55
- lineHeight02: 1.125,
73
+ lineHeight20: 1.125,
56
74
  // 18px (18/16)
57
- lineHeight03: 1.25,
75
+ lineHeight30: 1.25,
58
76
  // 20px (20/16)
59
- lineHeight04: 1.375,
77
+ lineHeight40: 1.375,
60
78
  // 22px (22/16)
61
- lineHeight05: 1.5,
79
+ lineHeight50: 1.5,
62
80
  // 24px (24/16)
63
- lineHeight06: 1.75,
81
+ lineHeight60: 1.75,
64
82
  // 28px (28/16)
65
- lineHeight07: 2,
83
+ lineHeight70: 2,
66
84
  // 32px (32/16)
67
- lineHeight08: 2.25,
85
+ lineHeight80: 2.25,
68
86
  // 36px (36/16)
69
- lineHeight09: 2.5,
87
+ lineHeight90: 2.5,
70
88
  // 40px (40/16)
71
- size01: "0.75rem",
89
+ lineHeight100: 2.75,
90
+ // 44px (44/16)
91
+ fontSize10: "0.75rem",
72
92
  // 12px (12/16)
73
- size02: "0.875rem",
93
+ fontSize20: "0.875rem",
74
94
  // 14px (14/16)
75
- size03: "1rem",
95
+ fontSize30: "1rem",
76
96
  // 16px (16/16)
77
- size04: "1.125rem",
97
+ fontSize40: "1.125rem",
78
98
  // 18px (18/16)
79
- size05: "1.25rem",
99
+ fontSize50: "1.25rem",
80
100
  // 20px (20/16)
81
- size06: "1.5rem",
101
+ fontSize60: "1.5rem",
82
102
  // 24px (24/16)
83
- size07: "1.75rem",
103
+ fontSize70: "1.75rem",
84
104
  // 28px (28/16)
85
- size08: "2rem",
105
+ fontSize80: "2rem",
86
106
  // 32px (32/16)
87
- size09: "2.25rem",
107
+ fontSize90: "2.25rem",
88
108
  // 36px (36/16)
89
- size10: "2.625rem",
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
- "01": "0.125rem",
121
+ 10: "0.125rem",
102
122
  // 2px
103
- "02": "0.25rem",
123
+ 20: "0.25rem",
104
124
  // 4px
105
- "03": "0.5rem",
125
+ 30: "0.5rem",
106
126
  // 8px
107
- "04": "0.75rem",
127
+ 40: "0.75rem",
108
128
  // 12px
109
- "05": "1rem",
129
+ 50: "1rem",
110
130
  // 16px
111
- "06": "1.5rem",
131
+ 60: "1.5rem",
112
132
  // 24px
113
- "07": "2rem",
133
+ 70: "2rem",
114
134
  // 32px
115
- "08": "2.5rem",
135
+ 80: "2.5rem",
116
136
  // 40px
117
- "09": "3rem",
137
+ 90: "3rem",
118
138
  // 48px
119
- 10: "4rem",
139
+ 100: "4rem",
120
140
  // 64px
121
- 11: "5rem",
141
+ 110: "5rem",
122
142
  // 80px
123
- 12: "6rem"
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.blue170}, ${r.blue100})`,
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.blue170}, ${r.gray10})`,
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.blue100}, ${r.blue90})`,
192
- linkHover: `light-dark(${r.blue170}, ${r.blue80})`,
193
- linkPressed: `light-dark(${r.gray200}, ${r.blue60})`,
194
- linkVisited: `light-dark(${r.purple140}, ${r.purple80})`,
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.blue170}, ${r.gray10})`,
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
- textInvalid: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
225
+ textWarning: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
212
226
  textPlaceholder: `light-dark(${r.gray70}, ${r.gray140})`,
213
- buttonBackgroundPrimary: `light-dark(${r.blue170}, ${r.blue100})`,
214
- buttonBackgroundPrimaryHover: `light-dark(${r.blue140}, ${r.blue140})`,
215
- buttonBackgroundPrimaryActive: `light-dark(${r.blue100}, ${r.blue170})`,
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.signalRed160}, ${r.signalRed160})`,
223
- buttonBackgroundDangerActive: `light-dark(${r.signalRed180}, ${r.signalRed180})`,
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.blue170}, ${r.gray10})`,
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: i,
243
- transitions: l,
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
- i as d,
253
- l as e,
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;
@@ -1,2 +1 @@
1
1
  export * from './useLocalizedStringFormatter';
2
- export * from './useMessageFormatter';
@@ -2,3 +2,4 @@ export declare const options: {
2
2
  name: string;
3
3
  id: string;
4
4
  }[];
5
+ export declare const mockedNow: import('@internationalized/date').CalendarDate;
@@ -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;