@midas-ds/components 4.0.0 → 5.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/theme.js CHANGED
@@ -1,20 +1,13 @@
1
- import { t as s } from "./tokens-CjXmpXTi.js";
2
- import { j as r, b as e, c as n, d as b, l as d, h as l, a as m, k as f, e as h, f as p, i as C, m as c, g, s as k } from "./tokens-CjXmpXTi.js";
3
- const a = { ...s };
1
+ import { t as s } from "./tokens-Ce2Sj8HD.js";
2
+ import { b as r, f as n, s as p, c as i, d as m, e as c, a as b } from "./tokens-Ce2Sj8HD.js";
3
+ const t = { ...s };
4
4
  export {
5
- r as accessibility,
6
- e as baseColors,
7
- n as borderRadius,
8
- b as borderWidths,
9
- d as boxShadow,
10
- l as breakpoints,
11
- m as buttonColors,
12
- f as font,
13
- h as fontSizes,
14
- p as fontWeights,
15
- C as inputColor,
16
- c as midasColors,
17
- g as midasTransitions,
18
- k as signalColors,
19
- a as theme
5
+ r as baseColors,
6
+ n as breakpoints,
7
+ p as semantic,
8
+ i as spacing,
9
+ m as states,
10
+ t as theme,
11
+ c as transitions,
12
+ b as typography
20
13
  };
@@ -0,0 +1,240 @@
1
+ const r = {
2
+ black: "#000000",
3
+ white: "#ffffff",
4
+ blackHover: "#0d0d0d",
5
+ whiteHover: "#e6e6e6",
6
+ gray10: "#f2f2f2",
7
+ gray20: "#e6e6e6",
8
+ gray30: "#d9d9d9",
9
+ gray40: "#cccccc",
10
+ gray50: "#bfbfbf",
11
+ gray60: "#b3b3b3",
12
+ gray70: "#a6a6a6",
13
+ gray80: "#999999",
14
+ gray90: "#8c8c8c",
15
+ gray100: "#808080",
16
+ gray110: "#737373",
17
+ gray120: "#666666",
18
+ gray130: "#5d5d5d",
19
+ gray140: "#525252",
20
+ gray150: "#474747",
21
+ gray160: "#383838",
22
+ gray170: "#333333",
23
+ gray180: "#262626",
24
+ gray190: "#212121",
25
+ gray200: "#171717",
26
+ blue10: "#eaf2f6",
27
+ blue20: "#d5e5ed",
28
+ blue40: "#abcbdb",
29
+ blue50: "#abcbdb",
30
+ blue60: "#82b0c9",
31
+ blue70: "#6ca3c0",
32
+ blue80: "#5897b8",
33
+ blue90: "#4289ad",
34
+ blue100: "#2e7ca5",
35
+ blue140: "#25607f",
36
+ blue170: "#143c50",
37
+ purple80: "#b46ab4",
38
+ purple140: "#954b95",
39
+ red100: "#b90835",
40
+ signalBlue20: "#eaf2f6",
41
+ signalBlue140: "#0066cc",
42
+ signalGreen20: "#d5f2d9",
43
+ signalGreen140: "#008d3c",
44
+ signalRed20: "#ffdfdf",
45
+ signalRed140: "#e62323",
46
+ signalRed160: "#b31b1b",
47
+ signalRed180: "#801313",
48
+ signalYellow20: "#fff8e1",
49
+ signalYellow140: "#fdb813"
50
+ }, a = {
51
+ fontFamily: '"Inter", sans-serif',
52
+ lineHeight01: 1,
53
+ // 16px
54
+ lineHeight02: 1.125,
55
+ // 18px (18/16)
56
+ lineHeight03: 1.25,
57
+ // 20px (20/16)
58
+ lineHeight04: 1.375,
59
+ // 22px (22/16)
60
+ lineHeight05: 1.5,
61
+ // 24px (24/16)
62
+ lineHeight06: 1.75,
63
+ // 28px (28/16)
64
+ lineHeight07: 2,
65
+ // 32px (32/16)
66
+ lineHeight08: 2.25,
67
+ // 36px (36/16)
68
+ lineHeight09: 2.5,
69
+ // 40px (40/16)
70
+ size01: "0.75rem",
71
+ // 12px (12/16)
72
+ size02: "0.875rem",
73
+ // 14px (14/16)
74
+ size03: "1rem",
75
+ // 16px (16/16)
76
+ size04: "1.125rem",
77
+ // 18px (18/16)
78
+ size05: "1.25rem",
79
+ // 20px (20/16)
80
+ size06: "1.5rem",
81
+ // 24px (24/16)
82
+ size07: "1.75rem",
83
+ // 28px (28/16)
84
+ size08: "2rem",
85
+ // 32px (32/16)
86
+ size09: "2.25rem",
87
+ // 36px (36/16)
88
+ size10: "2.625rem",
89
+ // 42px (40/16)
90
+ weightThin: 100,
91
+ weightExtraLight: 200,
92
+ weightLight: 300,
93
+ weightRegular: 400,
94
+ weightMedium: 500,
95
+ weightSemiBold: 600,
96
+ weightBold: 700,
97
+ weightExtraBold: 800,
98
+ weightBlack: 900
99
+ }, e = {
100
+ "01": "0.125rem",
101
+ // 2px
102
+ "02": "0.25rem",
103
+ // 4px
104
+ "03": "0.5rem",
105
+ // 8px
106
+ "04": "0.75rem",
107
+ // 12px
108
+ "05": "1rem",
109
+ // 16px
110
+ "06": "1.5rem",
111
+ // 24px
112
+ "07": "2rem",
113
+ // 32px
114
+ "08": "2.5rem",
115
+ // 40px
116
+ "09": "3rem",
117
+ // 48px
118
+ 10: "4rem",
119
+ // 64px
120
+ 11: "5rem",
121
+ // 80px
122
+ 12: "6rem"
123
+ // 96px
124
+ }, g = {
125
+ focus: "0 0 0 2px white, 0 0 0 4px black"
126
+ }, i = {
127
+ slow: "500ms",
128
+ normal: "300ms",
129
+ fast: "250ms"
130
+ }, t = {
131
+ sm: "(max-width: 767px)",
132
+ md: "(min-width: 768px)",
133
+ lg: "(min-width: 1200px)",
134
+ xl: "(min-width: 1440px)",
135
+ forcedColorsMode: "(forced-colors: active)",
136
+ darkMode: "(prefers-color-scheme: dark)",
137
+ prefersReducedMotion: "(prefers-reduced-motion: reduced)"
138
+ }, l = {
139
+ background01: `light-dark(${r.white}, ${r.gray30})`,
140
+ backgroundHover01: `light-dark(${r.whiteHover}, ${r.gray190})`,
141
+ backgroundInverse01: `light-dark(${r.gray30}, ${r.gray10})`,
142
+ layer01: `light-dark(${r.gray10}, ${r.gray180})`,
143
+ layerHover01: `light-dark(${r.gray20}, ${r.gray170})`,
144
+ layerSelected01: `light-dark(${r.gray30}, ${r.gray160})`,
145
+ layerSelectedHover01: `light-dark(${r.gray40}, ${r.gray20})`,
146
+ layer02: `light-dark(${r.white}, ${r.gray160})`,
147
+ layerHover02: `light-dark(${r.whiteHover}, ${r.gray20})`,
148
+ layerSelected02: `light-dark(${r.gray30}, ${r.gray140})`,
149
+ layerSelectedHover02: `light-dark(${r.gray40}, ${r.gray130})`,
150
+ layerAccent01: `light-dark(${r.gray30}, ${r.gray160})`,
151
+ layerAccentHover01: `light-dark(${r.gray40}, ${r.gray20})`,
152
+ layerAccentSelected01: `light-dark(${r.gray50}, ${r.gray140})`,
153
+ layerAccent02: `light-dark(${r.gray10}, ${r.gray180})`,
154
+ layerAccentHover02: `light-dark(${r.gray20}, ${r.gray170})`,
155
+ layerAccentSelected02: `light-dark(${r.gray30}, ${r.gray160})`,
156
+ brandPrimary: `light-dark(${r.red100}, ${r.red100})`,
157
+ borderStrong: `light-dark(${r.gray30}, ${r.gray10})`,
158
+ borderMedium: `light-dark(${r.gray110}, ${r.gray90})`,
159
+ borderSubtle: `light-dark(${r.gray50}, ${r.gray160})`,
160
+ borderBrand: `light-dark(${r.blue170}, ${r.blue170})`,
161
+ borderInvalid: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
162
+ borderDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
163
+ borderSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
164
+ borderInverse: `light-dark(${r.white}, ${r.gray180})`,
165
+ field01: `light-dark(${r.gray10}, ${r.gray180})`,
166
+ fieldHover01: `light-dark(${r.gray20}, ${r.gray170})`,
167
+ fieldActive01: `light-dark(${r.gray30}, ${r.gray160})`,
168
+ field02: `light-dark(${r.white}, ${r.gray160})`,
169
+ fieldHover02: `light-dark(${r.whiteHover}, ${r.gray20})`,
170
+ fieldActive02: `light-dark(${r.gray30}, ${r.gray140})`,
171
+ fieldDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
172
+ fieldSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
173
+ iconPrimary: `light-dark(${r.gray30}, ${r.gray10})`,
174
+ iconSecondary: `light-dark(${r.blue170}, ${r.blue170})`,
175
+ iconInverse: `light-dark(${r.white}, ${r.black})`,
176
+ iconOnColor: `light-dark(${r.white}, ${r.white})`,
177
+ iconDanger: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
178
+ iconDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
179
+ iconSuccess: `light-dark(${r.signalGreen140}, ${r.signalGreen140})`,
180
+ iconInfo: `light-dark(${r.signalBlue140}, ${r.signalBlue140})`,
181
+ iconWarning: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
182
+ iconImportant: `light-dark(${r.signalYellow140}, ${r.signalYellow140})`,
183
+ linkEnabled: `light-dark(${r.blue100}, ${r.blue90})`,
184
+ linkHover: `light-dark(${r.blue170}, ${r.blue80})`,
185
+ linkPressed: `light-dark(${r.gray200}, ${r.blue60})`,
186
+ linkVisited: `light-dark(${r.purple140}, ${r.purple80})`,
187
+ notificationBorderSuccess: `light-dark(${r.signalGreen140}, ${r.signalGreen140})`,
188
+ notificationBorderInfo: `light-dark(${r.signalBlue140}, ${r.signalBlue140})`,
189
+ notificationBorderImportant: `light-dark(${r.signalYellow140}, ${r.signalYellow140})`,
190
+ notificationBorderWarning: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
191
+ notificationBackgroundSuccess: `light-dark(${r.signalGreen20}, ${r.gray10})`,
192
+ notificationBackgroundInfo: `light-dark(${r.signalBlue20}, ${r.gray10})`,
193
+ notificationBackgroundImportant: `light-dark(${r.signalYellow20}, ${r.gray10})`,
194
+ notificationBackgroundWarning: `light-dark(${r.signalRed20}, ${r.gray10})`,
195
+ textPrimary: `light-dark(${r.gray30}, ${r.gray10})`,
196
+ textSecondary: `light-dark(${r.gray140}, ${r.gray70})`,
197
+ textBrand: `light-dark(${r.blue170}, ${r.gray10})`,
198
+ textOnColor: `light-dark(${r.white}, ${r.white})`,
199
+ textInverse: `light-dark(${r.white}, ${r.black})`,
200
+ textSubtle: `light-dark(${r.gray90}, ${r.gray90})`,
201
+ textDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
202
+ textInvalid: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
203
+ textPlaceholder: `light-dark(${r.gray70}, ${r.gray140})`,
204
+ buttonBackgroundPrimary: `light-dark(${r.blue170}, ${r.blue100})`,
205
+ buttonBackgroundPrimaryHover: `light-dark(${r.blue140}, ${r.blue140})`,
206
+ buttonBackgroundPrimaryActive: `light-dark(${r.blue100}, ${r.blue170})`,
207
+ buttonBackgroundSecondary: `light-dark(${r.white}, ${r.gray30})`,
208
+ buttonBackgroundSecondaryHover: `light-dark(${r.whiteHover}, ${r.gray190})`,
209
+ buttonBackgroundSecondaryActive: `light-dark(${r.gray30}, ${r.gray180})`,
210
+ buttonBackgroundTertiaryHover: `light-dark(${r.whiteHover}, ${r.gray190})`,
211
+ buttonBackgroundTertiaryActive: `light-dark(${r.gray30}, ${r.gray180})`,
212
+ buttonBackgroundDanger: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
213
+ buttonBackgroundDangerHover: `light-dark(${r.signalRed160}, ${r.signalRed160})`,
214
+ buttonBackgroundDangerActive: `light-dark(${r.signalRed180}, ${r.signalRed180})`,
215
+ buttonBackgroundDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
216
+ buttonBackgroundSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
217
+ buttonBackgroundGhostHover: `light-dark(${r.whiteHover}, ${r.gray190})`,
218
+ buttonBackgroundGhostActive: `light-dark(${r.gray30}, ${r.gray190})`,
219
+ buttonBorderPrimary: `light-dark(${r.blue170}, ${r.gray10})`,
220
+ logoPrimary: `light-dark(${r.red100}, ${r.white})`
221
+ }, d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
222
+ __proto__: null,
223
+ baseColors: r,
224
+ breakpoints: t,
225
+ semantic: l,
226
+ spacing: e,
227
+ states: g,
228
+ transitions: i,
229
+ typography: a
230
+ }, Symbol.toStringTag, { value: "Module" }));
231
+ export {
232
+ a,
233
+ r as b,
234
+ e as c,
235
+ g as d,
236
+ i as e,
237
+ t as f,
238
+ l as s,
239
+ d as t
240
+ };
@@ -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:"#abcbdb",blue60:"#82b0c9",blue70:"#6ca3c0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue140:"#25607f",blue170:"#143c50",purple80:"#b46ab4",purple140:"#954b95",red100:"#b90835",signalBlue20:"#eaf2f6",signalBlue140:"#0066cc",signalGreen20:"#d5f2d9",signalGreen140:"#008d3c",signalRed20:"#ffdfdf",signalRed140:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313",signalYellow20:"#fff8e1",signalYellow140:"#fdb813"},e={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},a={"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"},g={focus:"0 0 0 2px white, 0 0 0 4px black"},i={slow:"500ms",normal:"300ms",fast:"250ms"},t={sm:"(max-width: 767px)",md:"(min-width: 768px)",lg:"(min-width: 1200px)",xl:"(min-width: 1440px)",forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},l={background01:`light-dark(${r.white}, ${r.gray30})`,backgroundHover01:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse01:`light-dark(${r.gray30}, ${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.gray20})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray20})`,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.gray20})`,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})`,borderStrong:`light-dark(${r.gray30}, ${r.gray10})`,borderMedium:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderBrand:`light-dark(${r.blue170}, ${r.blue170})`,borderInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,borderSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,borderInverse:`light-dark(${r.white}, ${r.gray180})`,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.gray20})`,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.gray30}, ${r.gray10})`,iconSecondary:`light-dark(${r.blue170}, ${r.blue170})`,iconInverse:`light-dark(${r.white}, ${r.black})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDanger:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,iconInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,iconWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,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})`,notificationBorderSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,notificationBorderInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,notificationBorderImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,notificationBorderWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,notificationBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray10})`,notificationBackgroundInfo:`light-dark(${r.signalBlue20}, ${r.gray10})`,notificationBackgroundImportant:`light-dark(${r.signalYellow20}, ${r.gray10})`,notificationBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray10})`,textPrimary:`light-dark(${r.gray30}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textBrand:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.white}, ${r.black})`,textSubtle:`light-dark(${r.gray90}, ${r.gray90})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,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.gray30})`,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.signalRed140}, ${r.signalRed140})`,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})`,buttonBackgroundGhostHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundGhostActive:`light-dark(${r.gray30}, ${r.gray190})`,buttonBorderPrimary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`},d=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:l,spacing:a,states:g,transitions:i,typography:e},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=l;exports.spacing=a;exports.states=g;exports.tokens=d;exports.transitions=i;exports.typography=e;
@@ -1 +0,0 @@
1
- "use strict";const e={white:"#ffffff",black:"#000000",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray130:"#5d5d5d",gray150:"#1f1f1f",red10:"#f7e9e7",red20:"#f1d4d1",red30:"#e9beba",red40:"#e2a8a4",red50:"#d9918e",red60:"#d37a7a",red70:"#cc6467",red80:"#c54c56",red90:"#be3345",red100:"#b90835",red130:"#8b1327",red150:"#641018",blue10:"#eaf2f6",blue20:"#d5e5ed",blue30:"#c0d7e4",blue40:"#abcbdb",blue50:"#94bcd1",blue60:"#82b0c9",blue70:"#6ca3c0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue130:"#25607f",blue150:"#143c50"},o={outline:"#303030",primaryBackground:e.blue150,primaryText:"#303030",primaryHover:e.blue130,primaryFocus:e.black,primaryActive:"#4289ae",secondaryBackground:e.gray130,secondaryText:e.white,secondaryHover:"#303030",secondaryActive:"#303030"},i={inputText:e.gray150},r={signalGreen10:"#d5f2d9",signalGreen100:"#008d3c",signalBlue10:e.blue10,signalBlue100:"#0066cc",signalYellow10:"#fff8e1",signalYellow100:"#f1c21b",signalRed10:"#ffdfdf",signalRed100:"#e62323",signalRed130:"#b31b1b",signalRed150:"#801313"},a={sRadius:" 0.125rem",mRadius:" 0.25rem"},t={xsWidth:" 0.0625rem",sWidth:" 0.125rem",mWidth:" 0.25rem"},d={lightWeight:"300",regularWeight:"400",mediumWeight:"500",semiBoldWeight:"600",boldWeight:"700",blackWeight:"900"},n={desktopSize:"1rem",mobileSize:"1rem",largeSize:"1.5rem",inputNormalSize:"0.875rem",inputMessageSize:"0.75rem",inputLabelSize:"1rem",inputDescriptionSize:"0.875rem"},s={logoPrimary:e.red100,logoSecondary:e.white,textPrimary:e.gray150,textSecondary:e.white,textTertiary:e.red100,link:e.blue130,linkVisited:"#663366",backgroundPrimary:e.white,backgroundSecondary:e.gray10,backgroundFooter1:e.red100,backgroundFooter2:e.red130,backgroundInfo:e.blue10,backgroundImportant:r.signalYellow10,borderPrimary:e.black,borderSecondary:e.gray60,borderFocusOuter:e.black,borderFocusInner:e.white,iconPrimary:e.black,iconInverted:e.white},c={slowTransition:"500ms",normalTransition:"300ms",fastTransition:"250ms"},l={smBreakpoint:"(max-width: 767px)",mdBreakpoint:"(min-width: 768px)",lgBreakpoint:"(min-width: 1200px)",xlBreakpoint:"(min-width: 1440px)"},b={forcedColorsMode:"(forced-colors: active)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},g={display:'"Inter", sans-serif'},u={focus:"0 0 0 2px white, 0 0 0 4px black"},m=Object.freeze(Object.defineProperty({__proto__:null,accessibility:b,baseColors:e,borderRadius:a,borderWidths:t,boxShadow:u,breakpoints:l,buttonColors:o,font:g,fontSizes:n,fontWeights:d,inputColor:i,midasColors:s,midasTransitions:c,signalColors:r},Symbol.toStringTag,{value:"Module"}));exports.accessibility=b;exports.baseColors=e;exports.borderRadius=a;exports.borderWidths=t;exports.boxShadow=u;exports.breakpoints=l;exports.buttonColors=o;exports.font=g;exports.fontSizes=n;exports.fontWeights=d;exports.inputColor=i;exports.midasColors=s;exports.midasTransitions=c;exports.signalColors=r;exports.tokens=m;
@@ -1,160 +0,0 @@
1
- const e = {
2
- white: "#ffffff",
3
- black: "#000000",
4
- gray10: "#f2f2f2",
5
- gray20: "#e6e6e6",
6
- gray30: "#d9d9d9",
7
- gray40: "#cccccc",
8
- gray50: "#bfbfbf",
9
- gray60: "#b3b3b3",
10
- gray70: "#a6a6a6",
11
- gray80: "#999999",
12
- gray90: "#8c8c8c",
13
- gray100: "#808080",
14
- gray130: "#5d5d5d",
15
- gray150: "#1f1f1f",
16
- red10: "#f7e9e7",
17
- red20: "#f1d4d1",
18
- red30: "#e9beba",
19
- red40: "#e2a8a4",
20
- red50: "#d9918e",
21
- red60: "#d37a7a",
22
- red70: "#cc6467",
23
- red80: "#c54c56",
24
- red90: "#be3345",
25
- red100: "#b90835",
26
- red130: "#8b1327",
27
- red150: "#641018",
28
- blue10: "#eaf2f6",
29
- blue20: "#d5e5ed",
30
- blue30: "#c0d7e4",
31
- blue40: "#abcbdb",
32
- blue50: "#94bcd1",
33
- blue60: "#82b0c9",
34
- blue70: "#6ca3c0",
35
- blue80: "#5897b8",
36
- blue90: "#4289ad",
37
- blue100: "#2e7ca5",
38
- blue130: "#25607f",
39
- blue150: "#143c50"
40
- }, a = {
41
- outline: "#303030",
42
- primaryBackground: e.blue150,
43
- primaryText: "#303030",
44
- primaryHover: e.blue130,
45
- primaryFocus: e.black,
46
- primaryActive: "#4289ae",
47
- secondaryBackground: e.gray130,
48
- secondaryText: e.white,
49
- secondaryHover: "#303030",
50
- secondaryActive: "#303030"
51
- }, o = {
52
- inputText: e.gray150
53
- }, r = {
54
- signalGreen10: "#d5f2d9",
55
- signalGreen100: "#008d3c",
56
- signalBlue10: e.blue10,
57
- signalBlue100: "#0066cc",
58
- signalYellow10: "#fff8e1",
59
- signalYellow100: "#f1c21b",
60
- signalRed10: "#ffdfdf",
61
- signalRed100: "#e62323",
62
- signalRed130: "#b31b1b",
63
- signalRed150: "#801313"
64
- }, i = {
65
- sRadius: " 0.125rem",
66
- // 2px
67
- mRadius: " 0.25rem"
68
- // 4px
69
- }, d = {
70
- xsWidth: " 0.0625rem",
71
- // 1px
72
- sWidth: " 0.125rem",
73
- // 2px
74
- mWidth: " 0.25rem"
75
- // 4px
76
- }, s = {
77
- lightWeight: "300",
78
- regularWeight: "400",
79
- mediumWeight: "500",
80
- semiBoldWeight: "600",
81
- boldWeight: "700",
82
- blackWeight: "900"
83
- }, t = {
84
- desktopSize: "1rem",
85
- mobileSize: "1rem",
86
- largeSize: "1.5rem",
87
- inputNormalSize: "0.875rem",
88
- inputMessageSize: "0.75rem",
89
- inputLabelSize: "1rem",
90
- inputDescriptionSize: "0.875rem"
91
- }, n = {
92
- logoPrimary: e.red100,
93
- logoSecondary: e.white,
94
- textPrimary: e.gray150,
95
- textSecondary: e.white,
96
- textTertiary: e.red100,
97
- link: e.blue130,
98
- linkVisited: "#663366",
99
- backgroundPrimary: e.white,
100
- backgroundSecondary: e.gray10,
101
- backgroundFooter1: e.red100,
102
- backgroundFooter2: e.red130,
103
- backgroundInfo: e.blue10,
104
- backgroundImportant: r.signalYellow10,
105
- borderPrimary: e.black,
106
- borderSecondary: e.gray60,
107
- borderFocusOuter: e.black,
108
- borderFocusInner: e.white,
109
- iconPrimary: e.black,
110
- iconInverted: e.white
111
- }, c = {
112
- slowTransition: "500ms",
113
- normalTransition: "300ms",
114
- fastTransition: "250ms"
115
- }, l = {
116
- smBreakpoint: "(max-width: 767px)",
117
- mdBreakpoint: "(min-width: 768px)",
118
- lgBreakpoint: "(min-width: 1200px)",
119
- xlBreakpoint: "(min-width: 1440px)"
120
- }, b = {
121
- forcedColorsMode: "(forced-colors: active)",
122
- prefersReducedMotion: "(prefers-reduced-motion: reduced)"
123
- }, g = {
124
- display: '"Inter", sans-serif'
125
- }, u = {
126
- focus: "0 0 0 2px white, 0 0 0 4px black"
127
- }, m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
128
- __proto__: null,
129
- accessibility: b,
130
- baseColors: e,
131
- borderRadius: i,
132
- borderWidths: d,
133
- boxShadow: u,
134
- breakpoints: l,
135
- buttonColors: a,
136
- font: g,
137
- fontSizes: t,
138
- fontWeights: s,
139
- inputColor: o,
140
- midasColors: n,
141
- midasTransitions: c,
142
- signalColors: r
143
- }, Symbol.toStringTag, { value: "Module" }));
144
- export {
145
- a,
146
- e as b,
147
- i as c,
148
- d,
149
- t as e,
150
- s as f,
151
- c as g,
152
- l as h,
153
- o as i,
154
- b as j,
155
- g as k,
156
- u as l,
157
- n as m,
158
- r as s,
159
- m as t
160
- };