@foi/design-system 0.0.4 → 0.0.7
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/README.md +8 -0
- package/dist/DatePicker.utils-ytCEcs6T.js +2680 -0
- package/dist/DatePicker.utils-ytCEcs6T.js.map +1 -0
- package/dist/RadioGroup-D2s7AY6E.js +325 -0
- package/dist/RadioGroup-D2s7AY6E.js.map +1 -0
- package/dist/RadioGroup.context-zJGC5Sjc.js +395 -0
- package/dist/RadioGroup.context-zJGC5Sjc.js.map +1 -0
- package/dist/Switch-CBpbDGqG.js +3830 -0
- package/dist/Switch-CBpbDGqG.js.map +1 -0
- package/dist/ThemeProvider-oFEpvMxv.js +37 -0
- package/dist/ThemeProvider-oFEpvMxv.js.map +1 -0
- package/dist/atoms.d.ts +18 -0
- package/dist/atoms.mjs +3 -0
- package/dist/emotion-react-jsx-runtime.browser.esm-BFNmScj4.js +992 -0
- package/dist/emotion-react-jsx-runtime.browser.esm-BFNmScj4.js.map +1 -0
- package/dist/hocs.d.ts +2 -0
- package/dist/hocs.mjs +2 -0
- package/dist/hooks.d.ts +2 -0
- package/dist/hooks.mjs +2 -0
- package/dist/index.mjs +6 -8654
- package/dist/molecules.d.ts +6 -0
- package/dist/molecules.mjs +2 -0
- package/dist/theme-DEqiATmv.js +436 -0
- package/dist/theme-DEqiATmv.js.map +1 -0
- package/dist/theme.d.ts +1 -0
- package/dist/theme.mjs +2 -0
- package/dist/useStateCallback-D9fqdxiO.js +26 -0
- package/dist/useStateCallback-D9fqdxiO.js.map +1 -0
- package/dist/utilities/cleaner/input.d.ts +1 -0
- package/dist/utilities/formatter/date.d.ts +3 -0
- package/dist/utilities/formatter/input.d.ts +1 -0
- package/dist/utilities/formatter/number.d.ts +2 -0
- package/dist/utilities/formatter/strings.d.ts +2 -0
- package/dist/utilities/regex/input.d.ts +4 -0
- package/dist/utilities/validator/input.d.ts +1 -0
- package/dist/utilities.d.ts +7 -0
- package/dist/utilities.mjs +23 -0
- package/dist/utilities.mjs.map +1 -0
- package/package.json +25 -1
- package/dist/index.mjs.map +0 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as CheckboxGroup } from './components/molecules/CheckboxGroup';
|
|
2
|
+
export { default as CheckboxTree } from './components/molecules/CheckboxTree';
|
|
3
|
+
export { default as RadioGroup } from './components/molecules/RadioGroup';
|
|
4
|
+
export type { CheckboxGroupStyleProps } from './components/molecules/CheckboxGroup/CheckboxGroup.interface';
|
|
5
|
+
export type { CheckboxTreeStyleProps } from './components/molecules/CheckboxTree/CheckboxTree.interface';
|
|
6
|
+
export type { RadioGroupStyleProps } from './components/molecules/RadioGroup/RadioGroup.interface';
|
|
@@ -0,0 +1,436 @@
|
|
|
1
|
+
var e = {
|
|
2
|
+
white400: "#f1f1f1",
|
|
3
|
+
white500: "#b2bac2",
|
|
4
|
+
white600: "#989a9b",
|
|
5
|
+
red100: "#F9A8A7",
|
|
6
|
+
red200: "#F47E7B",
|
|
7
|
+
red300: "#F16360",
|
|
8
|
+
red400: "#EF5350",
|
|
9
|
+
red500: "#C83936",
|
|
10
|
+
gray100: "#e1e1e1",
|
|
11
|
+
gray200: "#989a9b",
|
|
12
|
+
gray300: "#5e7081",
|
|
13
|
+
gray400: "#66686b",
|
|
14
|
+
gray500: "#494949",
|
|
15
|
+
blue100: "#4DD0E1",
|
|
16
|
+
blue200: "#19A2B8",
|
|
17
|
+
blue300: "#118A9E",
|
|
18
|
+
blue400: "#0c748a",
|
|
19
|
+
blue500: "#075566",
|
|
20
|
+
darkBlue300: "#354149",
|
|
21
|
+
darkBlue400: "#17212b"
|
|
22
|
+
}, t = { INPUT: {
|
|
23
|
+
ROOT: { "border-radius": "4px" },
|
|
24
|
+
EVENTS: {
|
|
25
|
+
ENABLED: {
|
|
26
|
+
"background-color": "transparent",
|
|
27
|
+
"color-primary": e.white400,
|
|
28
|
+
"color-secondary": e.white500,
|
|
29
|
+
"color-tertiary": e.white600,
|
|
30
|
+
"border-color": e.blue400,
|
|
31
|
+
"border-width": "2px",
|
|
32
|
+
"border-style": "solid"
|
|
33
|
+
},
|
|
34
|
+
VALUE: { "border-color": e.blue200 },
|
|
35
|
+
HOVER: { "border-color": e.blue300 },
|
|
36
|
+
ACTIVE: { "border-color": e.blue500 },
|
|
37
|
+
FOCUS: { "border-color": e.blue100 },
|
|
38
|
+
ERROR: {
|
|
39
|
+
"background-color": "transparent",
|
|
40
|
+
"color-primary": e.red400,
|
|
41
|
+
"color-secondary": e.red400,
|
|
42
|
+
"color-tertiary": e.red400,
|
|
43
|
+
"border-color": e.red400
|
|
44
|
+
},
|
|
45
|
+
ERROR_VALUE: { "border-color": e.red200 },
|
|
46
|
+
ERROR_HOVER: { "border-color": e.red300 },
|
|
47
|
+
ERROR_ACTIVE: { "border-color": e.red500 },
|
|
48
|
+
ERROR_FOCUS: { "border-color": e.red100 },
|
|
49
|
+
DISABLED: {
|
|
50
|
+
"background-color": "transparent",
|
|
51
|
+
"color-primary": e.gray100,
|
|
52
|
+
"color-secondary": e.gray200,
|
|
53
|
+
"color-tertiary": e.gray200,
|
|
54
|
+
"border-color": e.gray400
|
|
55
|
+
},
|
|
56
|
+
DISABLED_VALUE: {}
|
|
57
|
+
}
|
|
58
|
+
} }, n = (e, t, n) => e[n] ? `${t}: ${e[n]};` : "", r = (e, t) => `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${t})`, i = { ICONBUTTON: {
|
|
59
|
+
ROOT: { "border-radius": "4px" },
|
|
60
|
+
EVENTS: {
|
|
61
|
+
ENABLED: {
|
|
62
|
+
"icon-color": e.blue400,
|
|
63
|
+
"background-color": "transparent",
|
|
64
|
+
"border-style": "none"
|
|
65
|
+
},
|
|
66
|
+
HOVER: { "shadow-color": r(e.blue200, .3) },
|
|
67
|
+
ACTIVE: { "shadow-color": r(e.blue500, .6) },
|
|
68
|
+
FOCUS: {
|
|
69
|
+
"outline-color": e.blue100,
|
|
70
|
+
"outline-width": "1px",
|
|
71
|
+
"outline-style": "solid",
|
|
72
|
+
"outline-offset": "2px"
|
|
73
|
+
},
|
|
74
|
+
DISABLED: { "icon-color": e.gray400 }
|
|
75
|
+
}
|
|
76
|
+
} }, a = { BUTTON: {
|
|
77
|
+
ROOT: { "border-radius": "4px" },
|
|
78
|
+
EVENTS: {
|
|
79
|
+
ENABLED: {
|
|
80
|
+
"background-color": e.blue400,
|
|
81
|
+
"color-primary": e.white400,
|
|
82
|
+
"border-style": "none"
|
|
83
|
+
},
|
|
84
|
+
HOVER: { "background-color": e.blue300 },
|
|
85
|
+
ACTIVE: { "background-color": e.blue500 },
|
|
86
|
+
FOCUS: {
|
|
87
|
+
"outline-color": e.blue100,
|
|
88
|
+
"outline-width": "1px",
|
|
89
|
+
"outline-style": "solid",
|
|
90
|
+
"outline-offset": "2px"
|
|
91
|
+
},
|
|
92
|
+
DISABLED: {
|
|
93
|
+
"background-color": e.gray400,
|
|
94
|
+
"color-primary": e.gray100
|
|
95
|
+
},
|
|
96
|
+
LOADING: {
|
|
97
|
+
"background-color": e.gray300,
|
|
98
|
+
"color-primary": e.gray100
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
} }, o = { CHECKBOX: {
|
|
102
|
+
ROOT: { "border-radius": "4px" },
|
|
103
|
+
EVENTS: {
|
|
104
|
+
ENABLED: {
|
|
105
|
+
"color-primary": e.white400,
|
|
106
|
+
"color-secondary": e.gray200,
|
|
107
|
+
"icon-color": e.white400,
|
|
108
|
+
"background-color": "transparent",
|
|
109
|
+
"border-color": e.blue400,
|
|
110
|
+
"border-width": "2px",
|
|
111
|
+
"border-style": "solid"
|
|
112
|
+
},
|
|
113
|
+
VALUE: {
|
|
114
|
+
"icon-color": e.white400,
|
|
115
|
+
"background-color": e.blue200,
|
|
116
|
+
"border-color": e.blue200
|
|
117
|
+
},
|
|
118
|
+
HOVER: { "shadow-color": r(e.blue300, .4) },
|
|
119
|
+
ACTIVE: { "shadow-color": r(e.blue500, .6) },
|
|
120
|
+
FOCUS: {
|
|
121
|
+
"outline-color": e.blue100,
|
|
122
|
+
"outline-width": "1px",
|
|
123
|
+
"outline-style": "solid",
|
|
124
|
+
"outline-offset": "2px"
|
|
125
|
+
},
|
|
126
|
+
ERROR: {
|
|
127
|
+
"background-color": "transparent",
|
|
128
|
+
"color-secondary": e.red400,
|
|
129
|
+
"border-color": e.red400
|
|
130
|
+
},
|
|
131
|
+
ERROR_VALUE: {
|
|
132
|
+
"icon-color": e.white400,
|
|
133
|
+
"background-color": e.red200,
|
|
134
|
+
"border-color": e.red200
|
|
135
|
+
},
|
|
136
|
+
ERROR_HOVER: { "shadow-color": r(e.red300, .3) },
|
|
137
|
+
ERROR_ACTIVE: { "shadow-color": r(e.red500, .6) },
|
|
138
|
+
ERROR_FOCUS: { "outline-color": e.red100 },
|
|
139
|
+
DISABLED: {
|
|
140
|
+
"background-color": "transparent",
|
|
141
|
+
"color-secondary": e.gray200,
|
|
142
|
+
"border-color": e.gray400
|
|
143
|
+
},
|
|
144
|
+
DISABLED_VALUE: {
|
|
145
|
+
"icon-color": e.gray100,
|
|
146
|
+
"background-color": e.gray400
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
} }, s = { CHECKBOXGROUP: { EVENTS: {
|
|
150
|
+
ENABLED: {
|
|
151
|
+
"color-primary": e.white400,
|
|
152
|
+
"color-secondary": e.gray200
|
|
153
|
+
},
|
|
154
|
+
ERROR: {
|
|
155
|
+
"color-primary": e.red400,
|
|
156
|
+
"color-secondary": e.red400
|
|
157
|
+
},
|
|
158
|
+
DISABLED: { "color-secondary": e.gray200 }
|
|
159
|
+
} } }, c = { CHECKBOXTREE: { EVENTS: {
|
|
160
|
+
ENABLED: {
|
|
161
|
+
"color-primary": e.white400,
|
|
162
|
+
"color-secondary": e.gray200
|
|
163
|
+
},
|
|
164
|
+
ERROR: { "color-secondary": e.red400 },
|
|
165
|
+
DISABLED: { "color-secondary": e.gray200 }
|
|
166
|
+
} } }, l = { SELECT: {
|
|
167
|
+
ROOT: { "border-radius": "4px" },
|
|
168
|
+
EVENTS: {
|
|
169
|
+
ENABLED: {
|
|
170
|
+
"background-color": "transparent",
|
|
171
|
+
"color-primary": e.white400,
|
|
172
|
+
"color-secondary": e.white500,
|
|
173
|
+
"color-tertiary": e.white600,
|
|
174
|
+
"border-color": e.blue400,
|
|
175
|
+
"border-width": "2px",
|
|
176
|
+
"border-style": "solid"
|
|
177
|
+
},
|
|
178
|
+
VALUE: { "border-color": e.blue200 },
|
|
179
|
+
HOVER: { "border-color": e.blue300 },
|
|
180
|
+
ACTIVE: { "border-color": e.blue500 },
|
|
181
|
+
FOCUS: { "border-color": e.blue100 },
|
|
182
|
+
ERROR: {
|
|
183
|
+
"background-color": "transparent",
|
|
184
|
+
"color-primary": e.red400,
|
|
185
|
+
"color-secondary": e.red400,
|
|
186
|
+
"color-tertiary": e.red400,
|
|
187
|
+
"border-color": e.red400
|
|
188
|
+
},
|
|
189
|
+
ERROR_VALUE: { "border-color": e.red200 },
|
|
190
|
+
ERROR_HOVER: { "border-color": e.red300 },
|
|
191
|
+
ERROR_ACTIVE: { "border-color": e.red500 },
|
|
192
|
+
ERROR_FOCUS: { "border-color": e.red500 },
|
|
193
|
+
DISABLED: {
|
|
194
|
+
"background-color": "transparent",
|
|
195
|
+
"color-primary": e.gray100,
|
|
196
|
+
"color-secondary": e.gray200,
|
|
197
|
+
"color-tertiary": e.gray200,
|
|
198
|
+
"border-color": e.gray400
|
|
199
|
+
},
|
|
200
|
+
DISABLED_VALUE: {}
|
|
201
|
+
}
|
|
202
|
+
} }, u = { SELECTMENU: {
|
|
203
|
+
ROOT: {
|
|
204
|
+
"background-color": e.darkBlue300,
|
|
205
|
+
"border-radius": "4px",
|
|
206
|
+
top: "4px"
|
|
207
|
+
},
|
|
208
|
+
EVENTS: {
|
|
209
|
+
ENABLED: {
|
|
210
|
+
"background-color": "transparent",
|
|
211
|
+
"color-primary": e.white400,
|
|
212
|
+
"color-secondary": e.white500,
|
|
213
|
+
"color-tertiary": e.white600
|
|
214
|
+
},
|
|
215
|
+
VALUE: { "background-color": e.blue200 },
|
|
216
|
+
HOVER: { "background-color": e.blue300 },
|
|
217
|
+
ACTIVE: { "background-color": e.blue500 },
|
|
218
|
+
FOCUS: { "background-color": e.blue200 }
|
|
219
|
+
}
|
|
220
|
+
} }, d = { SWITCH: {
|
|
221
|
+
ROOT: { "border-radius": "12px" },
|
|
222
|
+
EVENTS: {
|
|
223
|
+
ENABLED: {
|
|
224
|
+
"color-primary": e.white400,
|
|
225
|
+
"color-secondary": e.gray200,
|
|
226
|
+
"icon-color": e.white400,
|
|
227
|
+
"icon-background-color": e.blue400,
|
|
228
|
+
"background-color": "transparent",
|
|
229
|
+
"border-color": e.blue400,
|
|
230
|
+
"border-width": "2px",
|
|
231
|
+
"border-style": "solid"
|
|
232
|
+
},
|
|
233
|
+
VALUE: {
|
|
234
|
+
"icon-color": e.blue200,
|
|
235
|
+
"icon-background-color": e.white400,
|
|
236
|
+
"background-color": e.blue200,
|
|
237
|
+
"border-color": e.blue200
|
|
238
|
+
},
|
|
239
|
+
HOVER: { "shadow-color": r(e.blue300, .4) },
|
|
240
|
+
ACTIVE: { "shadow-color": r(e.blue500, .6) },
|
|
241
|
+
FOCUS: {
|
|
242
|
+
"outline-color": e.blue100,
|
|
243
|
+
"outline-width": "1px",
|
|
244
|
+
"outline-style": "solid",
|
|
245
|
+
"outline-offset": "2px"
|
|
246
|
+
},
|
|
247
|
+
DISABLED: {
|
|
248
|
+
"icon-color": e.gray100,
|
|
249
|
+
"icon-background-color": e.gray400,
|
|
250
|
+
"background-color": "transparent",
|
|
251
|
+
"color-secondary": e.gray200,
|
|
252
|
+
"border-color": e.gray400,
|
|
253
|
+
"border-width": "2px",
|
|
254
|
+
"border-style": "solid"
|
|
255
|
+
},
|
|
256
|
+
DISABLED_VALUE: {
|
|
257
|
+
"icon-color": e.gray400,
|
|
258
|
+
"icon-background-color": e.gray100,
|
|
259
|
+
"background-color": e.gray400,
|
|
260
|
+
"border-color": e.gray400,
|
|
261
|
+
"border-width": "2px",
|
|
262
|
+
"border-style": "solid"
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
} }, f = { SLIDER: { EVENTS: {
|
|
266
|
+
ENABLED: {
|
|
267
|
+
"icon-color": e.white400,
|
|
268
|
+
"icon-background-color": e.blue400,
|
|
269
|
+
"background-color": e.blue400,
|
|
270
|
+
"border-color": e.blue400,
|
|
271
|
+
"border-width": "2px",
|
|
272
|
+
"border-style": "solid"
|
|
273
|
+
},
|
|
274
|
+
VALUE: { "background-color": e.blue200 },
|
|
275
|
+
HOVER: { "background-color": r(e.blue200, .3) },
|
|
276
|
+
ACTIVE: { "background-color": r(e.blue500, .6) },
|
|
277
|
+
FOCUS: {
|
|
278
|
+
"outline-color": e.blue100,
|
|
279
|
+
"outline-width": "1px",
|
|
280
|
+
"outline-style": "solid",
|
|
281
|
+
"outline-offset": "2px"
|
|
282
|
+
},
|
|
283
|
+
DISABLED: {
|
|
284
|
+
"icon-color": e.gray100,
|
|
285
|
+
"icon-background-color": e.gray400,
|
|
286
|
+
"background-color": e.gray400,
|
|
287
|
+
"border-color": e.gray400,
|
|
288
|
+
"border-width": "2px",
|
|
289
|
+
"border-style": "solid"
|
|
290
|
+
},
|
|
291
|
+
DISABLED_VALUE: {
|
|
292
|
+
"icon-color": e.gray100,
|
|
293
|
+
"icon-background-color": e.gray400,
|
|
294
|
+
"background-color": e.gray200,
|
|
295
|
+
"border-color": e.gray400,
|
|
296
|
+
"border-width": "2px",
|
|
297
|
+
"border-style": "solid"
|
|
298
|
+
}
|
|
299
|
+
} } }, p = { RADIO: {
|
|
300
|
+
ROOT: { "border-radius": "4px" },
|
|
301
|
+
EVENTS: {
|
|
302
|
+
ENABLED: {
|
|
303
|
+
"color-primary": e.white400,
|
|
304
|
+
"color-secondary": e.gray200,
|
|
305
|
+
"icon-color": e.white400,
|
|
306
|
+
"background-color": "transparent",
|
|
307
|
+
"border-color": e.blue400,
|
|
308
|
+
"border-width": "2px",
|
|
309
|
+
"border-style": "solid"
|
|
310
|
+
},
|
|
311
|
+
VALUE: {
|
|
312
|
+
"icon-color": e.blue200,
|
|
313
|
+
"border-color": e.blue200
|
|
314
|
+
},
|
|
315
|
+
HOVER: { "shadow-color": r(e.blue300, .4) },
|
|
316
|
+
ACTIVE: { "shadow-color": r(e.blue500, .6) },
|
|
317
|
+
FOCUS: {
|
|
318
|
+
"outline-color": e.blue100,
|
|
319
|
+
"outline-width": "1px",
|
|
320
|
+
"outline-style": "solid",
|
|
321
|
+
"outline-offset": "2px"
|
|
322
|
+
},
|
|
323
|
+
ERROR: {
|
|
324
|
+
"background-color": "transparent",
|
|
325
|
+
"color-secondary": e.red400,
|
|
326
|
+
"border-color": e.red400
|
|
327
|
+
},
|
|
328
|
+
ERROR_VALUE: {
|
|
329
|
+
"icon-color": e.white400,
|
|
330
|
+
"background-color": e.red200
|
|
331
|
+
},
|
|
332
|
+
ERROR_HOVER: { "shadow-color": r(e.red300, .3) },
|
|
333
|
+
ERROR_ACTIVE: { "shadow-color": r(e.red500, .6) },
|
|
334
|
+
ERROR_FOCUS: { "outline-color": e.red100 },
|
|
335
|
+
DISABLED: {
|
|
336
|
+
"background-color": "transparent",
|
|
337
|
+
"color-secondary": e.gray200,
|
|
338
|
+
"border-color": e.gray400
|
|
339
|
+
},
|
|
340
|
+
DISABLED_VALUE: { "icon-color": e.gray400 }
|
|
341
|
+
}
|
|
342
|
+
} }, m = { RADIOGROUP: { EVENTS: {
|
|
343
|
+
ENABLED: {
|
|
344
|
+
"color-primary": e.white400,
|
|
345
|
+
"color-secondary": e.gray200
|
|
346
|
+
},
|
|
347
|
+
ERROR: {
|
|
348
|
+
"color-primary": e.red400,
|
|
349
|
+
"color-secondary": e.red400
|
|
350
|
+
},
|
|
351
|
+
DISABLED: { "color-secondary": e.gray200 }
|
|
352
|
+
} } }, h = { DATEPICKER: {
|
|
353
|
+
ROOT: { "border-radius": "4px" },
|
|
354
|
+
EVENTS: {
|
|
355
|
+
ENABLED: {
|
|
356
|
+
"background-color": "transparent",
|
|
357
|
+
"color-primary": e.white400,
|
|
358
|
+
"color-secondary": e.white500,
|
|
359
|
+
"color-tertiary": e.white600,
|
|
360
|
+
"border-color": e.blue400,
|
|
361
|
+
"border-width": "2px",
|
|
362
|
+
"border-style": "solid"
|
|
363
|
+
},
|
|
364
|
+
VALUE: { "border-color": e.blue200 },
|
|
365
|
+
HOVER: { "border-color": e.blue300 },
|
|
366
|
+
ACTIVE: { "border-color": e.blue500 },
|
|
367
|
+
FOCUS: { "border-color": e.blue100 },
|
|
368
|
+
ERROR: {
|
|
369
|
+
"background-color": "transparent",
|
|
370
|
+
"color-primary": e.red400,
|
|
371
|
+
"color-secondary": e.red400,
|
|
372
|
+
"color-tertiary": e.red400,
|
|
373
|
+
"border-color": e.red400
|
|
374
|
+
},
|
|
375
|
+
ERROR_VALUE: { "border-color": e.red200 },
|
|
376
|
+
ERROR_HOVER: { "border-color": e.red300 },
|
|
377
|
+
ERROR_ACTIVE: { "border-color": e.red500 },
|
|
378
|
+
ERROR_FOCUS: { "border-color": e.red500 },
|
|
379
|
+
DISABLED: {
|
|
380
|
+
"background-color": "transparent",
|
|
381
|
+
"color-primary": e.gray100,
|
|
382
|
+
"color-secondary": e.gray200,
|
|
383
|
+
"color-tertiary": e.gray200,
|
|
384
|
+
"border-color": e.gray400
|
|
385
|
+
},
|
|
386
|
+
DISABLED_VALUE: {}
|
|
387
|
+
}
|
|
388
|
+
} }, g = { DATEPICKERMENU: {
|
|
389
|
+
ROOT: {
|
|
390
|
+
"background-color": e.darkBlue300,
|
|
391
|
+
"border-radius": "4px"
|
|
392
|
+
},
|
|
393
|
+
EVENTS: {
|
|
394
|
+
ENABLED: {
|
|
395
|
+
"color-primary": e.white400,
|
|
396
|
+
"color-secondary": e.white500,
|
|
397
|
+
"background-color": e.blue400
|
|
398
|
+
},
|
|
399
|
+
VALUE: { "background-color": e.blue200 },
|
|
400
|
+
HOVER: { "background-color": r(e.blue200, .3) },
|
|
401
|
+
ACTIVE: { "background-color": r(e.blue500, .6) },
|
|
402
|
+
FOCUS: {
|
|
403
|
+
"outline-color": e.blue100,
|
|
404
|
+
"outline-width": "1px",
|
|
405
|
+
"outline-style": "solid",
|
|
406
|
+
"outline-offset": "2px"
|
|
407
|
+
}
|
|
408
|
+
}
|
|
409
|
+
} }, _ = {
|
|
410
|
+
name: "dark",
|
|
411
|
+
components: {
|
|
412
|
+
...t,
|
|
413
|
+
...i,
|
|
414
|
+
...a,
|
|
415
|
+
...o,
|
|
416
|
+
...s,
|
|
417
|
+
...c,
|
|
418
|
+
...l,
|
|
419
|
+
...u,
|
|
420
|
+
...d,
|
|
421
|
+
...f,
|
|
422
|
+
...p,
|
|
423
|
+
...m,
|
|
424
|
+
...h,
|
|
425
|
+
...g
|
|
426
|
+
},
|
|
427
|
+
fonts: {
|
|
428
|
+
"fontfamily-primary": "Mulish",
|
|
429
|
+
"fontfamily-secondary": "League Spartan",
|
|
430
|
+
"fontfamily-tertiary": "Google Sans Code"
|
|
431
|
+
}
|
|
432
|
+
}, v = [_];
|
|
433
|
+
//#endregion
|
|
434
|
+
export { _ as n, n as r, v as t };
|
|
435
|
+
|
|
436
|
+
//# sourceMappingURL=theme-DEqiATmv.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme-DEqiATmv.js","names":[],"sources":["../src/theme/dark/colors.ts","../src/theme/dark/components/Input.ts","../src/utilities/emotion/styles.ts","../src/theme/dark/components/IconButton.ts","../src/theme/dark/components/Button.ts","../src/theme/dark/components/Checkbox.ts","../src/theme/dark/components/CheckboxGroup.ts","../src/theme/dark/components/CheckboxTree.ts","../src/theme/dark/components/Select.ts","../src/theme/dark/components/SelectMenu.ts","../src/theme/dark/components/Switch.ts","../src/theme/dark/components/Slider.ts","../src/theme/dark/components/Radio.ts","../src/theme/dark/components/RadioGroup.ts","../src/theme/dark/components/DatePicker.ts","../src/theme/dark/components/DatePickerMenu.ts","../src/theme/dark/components/index.ts","../src/theme/dark/fonts.ts","../src/theme/dark/index.ts","../src/theme/index.ts"],"sourcesContent":["export const blueChill = '#188aa2';\nexport const blueDeepAqua = '#0c748a';\nexport const blueEigengrau = '#0e1621';\n\nexport const graySeashell = '#f1f1f1';\nexport const grayAsh = '#b2bac2';\nexport const grayGrass = '#989a9b';\nexport const grayGunmetal = '#495057';\n\nexport const darkRed = '#f44336';\n\nconst white400 = '#f1f1f1'; // Primary Color\nconst white500 = '#b2bac2'; // Secondary Color\nconst white600 = '#989a9b'; // Tertiary Color\n\nconst red100 = '#F9A8A7'; // Error Focus\nconst red200 = '#F47E7B'; // Error Value\nconst red300 = '#F16360'; // Error Hover\nconst red400 = '#EF5350'; // Error\nconst red500 = '#C83936'; // Error Active\n\nconst gray100 = '#e1e1e1';\nconst gray200 = '#989a9b';\nconst gray300 = '#5e7081'; // Loading\nconst gray400 = '#66686b';\nconst gray500 = '#494949';\n\nconst blue100 = '#4DD0E1'; // Focus\nconst blue200 = '#19A2B8'; // Value\nconst blue300 = '#118A9E'; // Hover\nconst blue400 = '#0c748a'; // Enabled\nconst blue500 = '#075566'; // Active\n\nconst darkBlue300 = '#354149'; // Menu\nconst darkBlue400 = '#17212b'; // Base\n\nexport default {\n white400,\n white500,\n white600,\n\n red100,\n red200,\n red300,\n red400,\n red500,\n\n gray100,\n gray200,\n gray300,\n gray400,\n gray500,\n\n blue100,\n blue200,\n blue300,\n blue400,\n blue500,\n\n darkBlue300,\n darkBlue400,\n};\n","import type { INPUT } from '@hocs/ThemeProvider/components/Input';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n INPUT: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.white500,\n 'color-tertiary': colors.white600,\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // BORDERS\n 'border-color': colors.blue300,\n },\n ACTIVE: {\n // BORDERS\n 'border-color': colors.blue500,\n },\n FOCUS: {\n // BORDERS\n 'border-color': colors.blue100,\n },\n ERROR: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.red400,\n 'color-secondary': colors.red400,\n 'color-tertiary': colors.red400,\n\n // BORDERS\n 'border-color': colors.red400,\n },\n ERROR_VALUE: {\n // BORDERS\n 'border-color': colors.red200,\n },\n ERROR_HOVER: {\n // BORDERS\n 'border-color': colors.red300,\n },\n ERROR_ACTIVE: {\n // BORDERS\n 'border-color': colors.red500,\n },\n ERROR_FOCUS: {\n // BORDERS\n 'border-color': colors.red100,\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.gray100,\n 'color-secondary': colors.gray200,\n 'color-tertiary': colors.gray200,\n\n // BORDERS\n 'border-color': colors.gray400,\n },\n DISABLED_VALUE: {},\n },\n },\n} as const satisfies INPUT;\n\nexport default component;\n","export const getStyle = (theme: Record<string, string>, prop: string, key: string) =>\n theme[key] ? `${prop}: ${theme[key]};` : '';\n\nexport const hexToRgba = (hex: string, alpha: number): string => {\n const r = parseInt(hex.slice(1, 3), 16);\n const g = parseInt(hex.slice(3, 5), 16);\n const b = parseInt(hex.slice(5, 7), 16);\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n};\n","import type { ICONBUTTON } from '@hocs/ThemeProvider/components/IconButton';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n ICONBUTTON: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // UTILS\n 'icon-color': colors.blue400,\n\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // BORDERS\n 'border-style': 'none',\n },\n HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue200, 0.3),\n },\n ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // BORDERS\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n DISABLED: {\n // UTILS\n 'icon-color': colors.gray400,\n },\n },\n },\n} as const satisfies ICONBUTTON;\n\nexport default component;\n","import type { BUTTON } from '@hocs/ThemeProvider/components/Button';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n BUTTON: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // BACKGROUNDS\n 'background-color': colors.blue400,\n\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n\n // BORDERS\n 'border-style': 'none',\n },\n HOVER: {\n // BACKGROUNDS\n 'background-color': colors.blue300,\n },\n ACTIVE: {\n // BACKGROUNDS\n 'background-color': colors.blue500,\n },\n FOCUS: {\n // BORDERS\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': colors.gray400,\n\n // TYPOGRAPHY\n 'color-primary': colors.gray100,\n },\n LOADING: {\n // BACKGROUNDS\n 'background-color': colors.gray300,\n\n // TYPOGRAPHY\n 'color-primary': colors.gray100,\n },\n },\n },\n} as const satisfies BUTTON;\n\nexport default component;\n","import type { CHECKBOX } from '@hocs/ThemeProvider/components/Checkbox';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n CHECKBOX: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n\n // UTILS\n 'icon-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // UTILS\n 'icon-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': colors.blue200,\n\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue300, 0.4),\n },\n ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // OUTLINE\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n ERROR: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-secondary': colors.red400,\n\n // BORDERS\n 'border-color': colors.red400,\n },\n ERROR_VALUE: {\n // UTILS\n 'icon-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': colors.red200,\n\n // BORDERS\n 'border-color': colors.red200,\n },\n ERROR_HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.red300, 0.3),\n },\n ERROR_ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.red500, 0.6),\n },\n ERROR_FOCUS: {\n // BORDERS\n 'outline-color': colors.red100,\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n\n // BORDERS\n 'border-color': colors.gray400,\n },\n DISABLED_VALUE: {\n // UTILS\n 'icon-color': colors.gray100,\n\n // BACKGROUNDS\n 'background-color': colors.gray400,\n },\n },\n },\n} as const satisfies CHECKBOX;\n\nexport default component;\n","import type { CHECKBOXGROUP } from '@hocs/ThemeProvider/components/CheckboxGroup';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n CHECKBOXGROUP: {\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n },\n ERROR: {\n // TYPOGRAPHY\n 'color-primary': colors.red400,\n 'color-secondary': colors.red400,\n },\n DISABLED: {\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n },\n },\n },\n} as const satisfies CHECKBOXGROUP;\n\nexport default component;\n","import type { CHECKBOXTREE } from '@hocs/ThemeProvider/components/CheckboxTree';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n CHECKBOXTREE: {\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n },\n ERROR: {\n // TYPOGRAPHY\n 'color-secondary': colors.red400,\n },\n DISABLED: {\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n },\n },\n },\n} as const satisfies CHECKBOXTREE;\n\nexport default component;\n","import type { SELECT } from '@hocs/ThemeProvider/components/Select';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n SELECT: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.white500,\n 'color-tertiary': colors.white600,\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // BORDER\n 'border-color': colors.blue300,\n },\n ACTIVE: {\n // BORDERS\n 'border-color': colors.blue500,\n },\n FOCUS: {\n // BORDERS\n 'border-color': colors.blue100,\n },\n ERROR: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.red400,\n 'color-secondary': colors.red400,\n 'color-tertiary': colors.red400,\n\n // BORDERS\n 'border-color': colors.red400,\n },\n ERROR_VALUE: {\n // BORDERS\n 'border-color': colors.red200,\n },\n ERROR_HOVER: {\n // BORDERS\n 'border-color': colors.red300,\n },\n ERROR_ACTIVE: {\n // BORDERS\n 'border-color': colors.red500,\n },\n ERROR_FOCUS: {\n // BORDERS\n 'border-color': colors.red500,\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.gray100,\n 'color-secondary': colors.gray200,\n 'color-tertiary': colors.gray200,\n // BORDERS\n 'border-color': colors.gray400,\n },\n DISABLED_VALUE: {},\n },\n },\n} as const satisfies SELECT;\n\nexport default component;\n","import type { SELECTMENU } from '@hocs/ThemeProvider/components/SelectMenu';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n SELECTMENU: {\n ROOT: {\n // BACKGROUNDS\n 'background-color': colors.darkBlue300,\n\n // BORDERS\n 'border-radius': '4px',\n\n // LAYOUT\n top: '4px',\n },\n EVENTS: {\n ENABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.white500,\n 'color-tertiary': colors.white600,\n },\n VALUE: {\n // BACKGROUNDS\n 'background-color': colors.blue200,\n },\n HOVER: {\n // BACKGROUNDS\n 'background-color': colors.blue300,\n },\n ACTIVE: {\n // BACKGROUNDS\n 'background-color': colors.blue500,\n },\n FOCUS: {\n // BACKGROUNDS\n 'background-color': colors.blue200,\n },\n },\n },\n} as const satisfies SELECTMENU;\n\nexport default component;\n","import type { SWITCH } from '@hocs/ThemeProvider/components/Switch';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n SWITCH: {\n ROOT: {\n // BORDERS\n 'border-radius': '12px',\n },\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n\n // UTILS\n 'icon-color': colors.white400,\n 'icon-background-color': colors.blue400,\n\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // UTILS\n 'icon-color': colors.blue200,\n 'icon-background-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': colors.blue200,\n\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue300, 0.4),\n },\n ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // BORDERS\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n DISABLED: {\n // UTILS\n 'icon-color': colors.gray100,\n 'icon-background-color': colors.gray400,\n\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n\n // BORDERS\n 'border-color': colors.gray400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n DISABLED_VALUE: {\n // UTILS\n 'icon-color': colors.gray400,\n 'icon-background-color': colors.gray100,\n\n // BACKGROUNDS\n 'background-color': colors.gray400,\n\n // BORDERS\n 'border-color': colors.gray400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n },\n },\n} as const satisfies SWITCH;\n\nexport default component;\n","import type { SLIDER } from '@hocs/ThemeProvider/components/Slider';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n SLIDER: {\n EVENTS: {\n ENABLED: {\n // UTILS\n 'icon-color': colors.white400,\n 'icon-background-color': colors.blue400,\n\n // BACKGROUNDS\n 'background-color': colors.blue400,\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // BACKGROUNDS\n 'background-color': colors.blue200,\n },\n HOVER: {\n // BACKGROUNDS\n 'background-color': hexToRgba(colors.blue200, 0.3),\n },\n ACTIVE: {\n // BACKGROUNDS\n 'background-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // BORDERS\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n DISABLED: {\n // UTILS\n 'icon-color': colors.gray100,\n 'icon-background-color': colors.gray400,\n\n // BACKGROUNDS\n 'background-color': colors.gray400,\n\n // BORDERS\n 'border-color': colors.gray400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n DISABLED_VALUE: {\n // UTILS\n 'icon-color': colors.gray100,\n 'icon-background-color': colors.gray400,\n\n // BACKGROUNDS\n 'background-color': colors.gray200,\n\n // BORDERS\n 'border-color': colors.gray400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n },\n },\n} as const satisfies SLIDER;\n\nexport default component;\n","import type { RADIO } from '@hocs/ThemeProvider/components/Radio';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n RADIO: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n\n // UTILS\n 'icon-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // UTILS\n 'icon-color': colors.blue200,\n\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue300, 0.4),\n },\n ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // BORDERS\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n ERROR: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-secondary': colors.red400,\n\n // BORDERS\n 'border-color': colors.red400,\n },\n ERROR_VALUE: {\n // UTILS\n 'icon-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': colors.red200,\n },\n ERROR_HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.red300, 0.3),\n },\n ERROR_ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.red500, 0.6),\n },\n ERROR_FOCUS: {\n // BORDERS\n 'outline-color': colors.red100,\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n\n // BORDERS\n 'border-color': colors.gray400,\n },\n DISABLED_VALUE: {\n // UTILS\n 'icon-color': colors.gray400,\n },\n },\n },\n} as const satisfies RADIO;\n\nexport default component;\n","import type { RADIOGROUP } from '@hocs/ThemeProvider/components/RadioGroup';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n RADIOGROUP: {\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n },\n ERROR: {\n // TYPOGRAPHY\n 'color-primary': colors.red400,\n 'color-secondary': colors.red400,\n },\n DISABLED: {\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n },\n },\n },\n} as const satisfies RADIOGROUP;\n\nexport default component;\n","import type { DATEPICKER } from '@hocs/ThemeProvider/components/DatePicker';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n DATEPICKER: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.white500,\n 'color-tertiary': colors.white600,\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // BORDER\n 'border-color': colors.blue300,\n },\n ACTIVE: {\n // BORDERS\n 'border-color': colors.blue500,\n },\n FOCUS: {\n // BORDERS\n 'border-color': colors.blue100,\n },\n ERROR: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.red400,\n 'color-secondary': colors.red400,\n 'color-tertiary': colors.red400,\n\n // BORDERS\n 'border-color': colors.red400,\n },\n ERROR_VALUE: {\n // BORDERS\n 'border-color': colors.red200,\n },\n ERROR_HOVER: {\n // BORDERS\n 'border-color': colors.red300,\n },\n ERROR_ACTIVE: {\n // BORDERS\n 'border-color': colors.red500,\n },\n ERROR_FOCUS: {\n // BORDERS\n 'border-color': colors.red500,\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.gray100,\n 'color-secondary': colors.gray200,\n 'color-tertiary': colors.gray200,\n // BORDERS\n 'border-color': colors.gray400,\n },\n DISABLED_VALUE: {},\n },\n },\n} as const satisfies DATEPICKER;\n\nexport default component;\n","import type { DATEPICKERMENU } from '@hocs/ThemeProvider/components/DatePickerMenu';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n DATEPICKERMENU: {\n ROOT: {\n // BACKGROUNDS\n 'background-color': colors.darkBlue300,\n\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.white500,\n\n // BACKGROUNDS\n 'background-color': colors.blue400,\n },\n VALUE: {\n // BACKGROUNDS\n 'background-color': colors.blue200,\n },\n HOVER: {\n // BACKGROUNDS\n 'background-color': hexToRgba(colors.blue200, 0.3),\n },\n ACTIVE: {\n // BACKGROUNDS\n 'background-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // OUTLINE\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n },\n },\n} as const satisfies DATEPICKERMENU;\n\nexport default component;\n","import Input from './Input';\nimport IconButton from './IconButton';\nimport Button from './Button';\nimport Checkbox from './Checkbox';\nimport CheckboxGroup from './CheckboxGroup';\nimport CheckboxTree from './CheckboxTree';\nimport Select from './Select';\nimport SelectMenu from './SelectMenu';\nimport Switch from './Switch';\nimport Slider from './Slider';\nimport Radio from './Radio';\nimport RadioGroup from './RadioGroup';\nimport DatePicker from './DatePicker';\nimport DatePickerMenu from './DatePickerMenu';\n\nexport default {\n ...Input,\n ...IconButton,\n ...Button,\n ...Checkbox,\n ...CheckboxGroup,\n ...CheckboxTree,\n ...Select,\n ...SelectMenu,\n ...Switch,\n ...Slider,\n ...Radio,\n ...RadioGroup,\n ...DatePicker,\n ...DatePickerMenu,\n};\n","const fonts = {\n 'fontfamily-primary': 'Mulish',\n 'fontfamily-secondary': 'League Spartan',\n 'fontfamily-tertiary': 'Google Sans Code',\n};\n\nexport default fonts;\n","import type { Theme } from '@hocs/ThemeProvider/ThemeProvider.interface';\nimport components from './components';\nimport fonts from './fonts';\n\nexport const darkTheme = {\n name: 'dark',\n components,\n fonts,\n} as const satisfies Theme;\n","import { darkTheme } from './dark';\n\nexport const themeProvider = [darkTheme] as const;\n\nexport { darkTheme };\n"],"mappings":"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"}
|
package/dist/theme.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { darkTheme, themeProvider } from './theme/index';
|
package/dist/theme.mjs
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
|
|
2
|
+
//#region src/hooks/useOnClickOutside.ts
|
|
3
|
+
var i = ({ ref: e, onAction: n, isActive: r, exceptRef: i, dependencies: a = [] }) => {
|
|
4
|
+
let o = (t) => {
|
|
5
|
+
(e.current && !e.current.contains(t.target) && r && i?.current && !i?.current.contains(t.target) || e.current && !e.current.contains(t.target) && r && !i?.current) && n();
|
|
6
|
+
};
|
|
7
|
+
t(() => (document.addEventListener("mousedown", o), document.addEventListener("keydown", o), () => {
|
|
8
|
+
document.removeEventListener("mousedown", o), document.removeEventListener("keydown", o);
|
|
9
|
+
}), [
|
|
10
|
+
e,
|
|
11
|
+
i,
|
|
12
|
+
r,
|
|
13
|
+
...a
|
|
14
|
+
]);
|
|
15
|
+
}, a = (i) => {
|
|
16
|
+
let [a, o] = r(i), s = n(void 0), c = e((e, t) => {
|
|
17
|
+
s.current = t, o(e);
|
|
18
|
+
}, []);
|
|
19
|
+
return t(() => {
|
|
20
|
+
s.current &&= (s.current(a), void 0);
|
|
21
|
+
}, [a]), [a, c];
|
|
22
|
+
};
|
|
23
|
+
//#endregion
|
|
24
|
+
export { i as n, a as t };
|
|
25
|
+
|
|
26
|
+
//# sourceMappingURL=useStateCallback-D9fqdxiO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useStateCallback-D9fqdxiO.js","names":[],"sources":["../src/hooks/useOnClickOutside.ts","../src/hooks/useStateCallback.ts"],"sourcesContent":["import { useEffect, type DependencyList, type RefObject } from 'react';\n\ninterface UseClickOutsideAlerter {\n ref: RefObject<Element | null>;\n isActive: boolean;\n onAction: () => void;\n exceptRef?: RefObject<Element | null>;\n dependencies?: DependencyList;\n}\n\nexport const useOnClickOutside = ({\n ref,\n onAction,\n isActive,\n exceptRef,\n dependencies = [],\n}: UseClickOutsideAlerter) => {\n const onClickOutside = (event: Event) => {\n if (\n ref.current &&\n !ref.current.contains(event.target as Node) &&\n isActive &&\n exceptRef?.current &&\n !exceptRef?.current.contains(event.target as Node)\n ) {\n onAction();\n } else if (ref.current && !ref.current.contains(event.target as Node) && isActive && !exceptRef?.current) {\n onAction();\n }\n };\n\n useEffect(() => {\n document.addEventListener('mousedown', onClickOutside);\n document.addEventListener('keydown', onClickOutside);\n return () => {\n document.removeEventListener('mousedown', onClickOutside);\n document.removeEventListener('keydown', onClickOutside);\n };\n }, [ref, exceptRef, isActive, ...dependencies]);\n};\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const useStateCallback = <T>(initialState: T): [T, (state: T, cb?: (state: T) => void) => void] => {\n const [state, setState] = useState(initialState);\n const cbRef = useRef<((state: T) => void) | undefined>(undefined); // init mutable ref container for callbacks\n\n const setStateCallback = useCallback((state: T, cb?: (state: T) => void) => {\n cbRef.current = cb; // store current, passed callback in ref\n setState(state);\n }, []); // keep object reference stable, exactly like `useState`\n\n useEffect(() => {\n // cb.current is `undefined` on initial render,\n // so we only invoke callback on state *updates*\n if (cbRef.current) {\n cbRef.current(state);\n cbRef.current = undefined; // reset callback after execution\n }\n }, [state]);\n\n return [state, setStateCallback];\n};\n"],"mappings":";;AAUA,IAAa,KAAqB,EAChC,QACA,aACA,aACA,cACA,kBAAe,EAAE,OACW;CAC5B,IAAM,KAAkB,MAAiB;EACvC,CACE,EAAI,WACJ,CAAC,EAAI,QAAQ,SAAS,EAAM,OAAe,IAC3C,KACA,GAAW,WACX,CAAC,GAAW,QAAQ,SAAS,EAAM,OAAe,IAGzC,EAAI,WAAW,CAAC,EAAI,QAAQ,SAAS,EAAM,OAAe,IAAI,KAAY,CAAC,GAAW,YAD/F,GAAU;;CAMd,SACE,SAAS,iBAAiB,aAAa,EAAe,EACtD,SAAS,iBAAiB,WAAW,EAAe,QACvC;EAEX,AADA,SAAS,oBAAoB,aAAa,EAAe,EACzD,SAAS,oBAAoB,WAAW,EAAe;KAExD;EAAC;EAAK;EAAW;EAAU,GAAG;EAAa,CAAC;GCpCpC,KAAuB,MAAsE;CACxG,IAAM,CAAC,GAAO,KAAY,EAAS,EAAa,EAC1C,IAAQ,EAAyC,KAAA,EAAU,EAE3D,IAAmB,GAAa,GAAU,MAA4B;EAE1E,AADA,EAAM,UAAU,GAChB,EAAS,EAAM;IACd,EAAE,CAAC;CAWN,OATA,QAAgB;EAGd,AAEE,EAAM,aADN,EAAM,QAAQ,EAAM,EACJ,KAAA;IAEjB,CAAC,EAAM,CAAC,EAEJ,CAAC,GAAO,EAAiB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const onCleanRut: (rut?: string) => string;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { DaysEnProps, MonthsEnProps } from '@components/atoms/DatePicker/DatePicker.interface';
|
|
2
|
+
export declare const toShortDay: (day: DaysEnProps, language: "en" | "es") => string;
|
|
3
|
+
export declare const toLongMonth: (month: MonthsEnProps, language: "en" | "es") => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const toRutFormat: (rut?: string, dots?: boolean) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const validateRut: (rut: string) => boolean;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from './utilities/cleaner/input';
|
|
2
|
+
export * from './utilities/formatter/date';
|
|
3
|
+
export * from './utilities/formatter/input';
|
|
4
|
+
export * from './utilities/formatter/number';
|
|
5
|
+
export * from './utilities/formatter/strings';
|
|
6
|
+
export * from './utilities/regex/input';
|
|
7
|
+
export * from './utilities/validator/input';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { d as e, n as t } from "./DatePicker.utils-ytCEcs6T.js";
|
|
2
|
+
//#region src/utilities/cleaner/input.ts
|
|
3
|
+
var n = (e = "") => e.replace(/^0+|[^0-9kK]+/g, "").toUpperCase(), r = (e, n) => t[n][e], i = (t, n) => e[n][t], a = (e = "", t = !0) => {
|
|
4
|
+
let r = n(e), i = "";
|
|
5
|
+
if (t) {
|
|
6
|
+
i = `${r.slice(-4, -1)}-${r.substring(r.length - 1)}`;
|
|
7
|
+
for (let e = 4; e < r.length; e += 3) i = `${r.slice(-3 - e, -e)}.${i}`;
|
|
8
|
+
} else i = `${r.slice(0, -1)}-${r.substring(r.length - 1)}`;
|
|
9
|
+
return i;
|
|
10
|
+
}, o = Intl.NumberFormat("es-CL", {
|
|
11
|
+
style: "currency",
|
|
12
|
+
currency: "CLP",
|
|
13
|
+
currencyDisplay: "symbol",
|
|
14
|
+
minimumFractionDigits: 0
|
|
15
|
+
}), s = (e) => o.format(e), c = (e, t) => Math.ceil(100 - t / e * 100), l = (e, t) => String(e).padStart(t, "0"), u = (e = "") => e.charAt(0).toUpperCase() + e.slice(1), d = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/, f = /^[a-zA-Z\sÁÉÍÓÚáéíóúÑñ]*$/, p = /^-?\d+$/, m = /(\d|k|K|.|-|^$)+$/, h = (e) => {
|
|
16
|
+
if (e.length > 12) return !1;
|
|
17
|
+
let t = n(e), r = t.slice(0, -1), i = t.slice(-1).toUpperCase(), a = 11 - Array.from(r).reverse().reduce((e, t, n) => e + parseInt(t, 10) * (n % 6 + 2), 0) % 11, o;
|
|
18
|
+
return o = a === 11 ? "0" : a === 10 ? "K" : a.toString(), o === i;
|
|
19
|
+
};
|
|
20
|
+
//#endregion
|
|
21
|
+
export { d as isEmailRegex, p as isNumberRegex, m as isRutRegex, f as isTextOnlyRegex, n as onCleanRut, u as toCapitalized, c as toDiscount, i as toLongMonth, l as toPadZeros, s as toPrice, a as toRutFormat, r as toShortDay, h as validateRut };
|
|
22
|
+
|
|
23
|
+
//# sourceMappingURL=utilities.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utilities.mjs","names":[],"sources":["../src/utilities/cleaner/input.ts","../src/utilities/formatter/date.ts","../src/utilities/formatter/input.ts","../src/utilities/formatter/number.ts","../src/utilities/formatter/strings.ts","../src/utilities/regex/input.ts","../src/utilities/validator/input.ts"],"sourcesContent":["export const onCleanRut = (rut = '') => rut.replace(/^0+|[^0-9kK]+/g, '').toUpperCase();\n","import { DaysEnProps, MonthsEnProps } from '@components/atoms/DatePicker/DatePicker.interface';\nimport { daysDictionary, monthsDictionary } from '@components/atoms/DatePicker/DatePicker.utils';\n\nexport const toShortDay = (day: DaysEnProps, language: 'en' | 'es') => daysDictionary[language][day];\n\nexport const toLongMonth = (month: MonthsEnProps, language: 'en' | 'es') => monthsDictionary[language][month];\n","import { onCleanRut } from '@utilities/cleaner/input';\n\nexport const toRutFormat = (rut = '', dots = true) => {\n const cleanRut = onCleanRut(rut);\n\n let result = '';\n\n if (dots) {\n result = `${cleanRut.slice(-4, -1)}-${cleanRut.substring(cleanRut.length - 1)}`;\n for (let i = 4; i < cleanRut.length; i += 3) {\n result = `${cleanRut.slice(-3 - i, -i)}.${result}`;\n }\n } else {\n result = `${cleanRut.slice(0, -1)}-${cleanRut.substring(cleanRut.length - 1)}`;\n }\n\n return result;\n};\n","const euroEU = Intl.NumberFormat('es-CL', {\n style: 'currency',\n currency: 'CLP',\n currencyDisplay: 'symbol',\n minimumFractionDigits: 0,\n});\n\nexport const toPrice = (price: number) => euroEU.format(price); //.replace('CLP', '');\n\nexport const toDiscount = (price: number, discount: number) => {\n return Math.ceil(100 - (discount / price) * 100);\n};\n","export const toPadZeros = (label: number | string, zeros: number) => String(label).padStart(zeros, '0');\n\nexport const toCapitalized = (word = '') => word.charAt(0).toUpperCase() + word.slice(1);\n","export const isEmailRegex = /^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$/;\n\nexport const isTextOnlyRegex = /^[a-zA-Z\\sÁÉÍÓÚáéíóúÑñ]*$/;\n\nexport const isNumberRegex = /^-?\\d+$/;\n\nexport const isRutRegex = /(\\d|k|K|.|-|^$)+$/;\n","import { onCleanRut } from '@utilities/cleaner/input';\n\nexport const validateRut = (rut: string) => {\n if (rut.length > 12) {\n return false;\n }\n\n const cleanRut = onCleanRut(rut);\n\n const rutBody = cleanRut.slice(0, -1);\n const inputDV = cleanRut.slice(-1).toUpperCase();\n const suma = Array.from(rutBody)\n .reverse()\n .reduce((acc, digit, i) => acc + parseInt(digit, 10) * ((i % 6) + 2), 0);\n\n const calculatedDV = 11 - (suma % 11);\n let dv: string;\n\n if (calculatedDV === 11) {\n dv = '0';\n } else if (calculatedDV === 10) {\n dv = 'K';\n } else {\n dv = calculatedDV.toString();\n }\n\n return dv === inputDV;\n};\n"],"mappings":";;AAAA,IAAa,KAAc,IAAM,OAAO,EAAI,QAAQ,kBAAkB,GAAG,CAAC,aAAa,ECG1E,KAAc,GAAkB,MAA0B,EAAe,GAAU,IAEnF,KAAe,GAAsB,MAA0B,EAAiB,GAAU,ICH1F,KAAe,IAAM,IAAI,IAAO,OAAS;CACpD,IAAM,IAAW,EAAW,EAAI,EAE5B,IAAS;CAEb,IAAI,GAAM;EACR,IAAS,GAAG,EAAS,MAAM,IAAI,GAAG,CAAC,GAAG,EAAS,UAAU,EAAS,SAAS,EAAE;EAC7E,KAAK,IAAI,IAAI,GAAG,IAAI,EAAS,QAAQ,KAAK,GACxC,IAAS,GAAG,EAAS,MAAM,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG;QAG5C,IAAS,GAAG,EAAS,MAAM,GAAG,GAAG,CAAC,GAAG,EAAS,UAAU,EAAS,SAAS,EAAE;CAG9E,OAAO;GChBH,IAAS,KAAK,aAAa,SAAS;CACxC,OAAO;CACP,UAAU;CACV,iBAAiB;CACjB,uBAAuB;CACxB,CAAC,EAEW,KAAW,MAAkB,EAAO,OAAO,EAAM,EAEjD,KAAc,GAAe,MACjC,KAAK,KAAK,MAAO,IAAW,IAAS,IAAI,ECVrC,KAAc,GAAwB,MAAkB,OAAO,EAAM,CAAC,SAAS,GAAO,IAAI,EAE1F,KAAiB,IAAO,OAAO,EAAK,OAAO,EAAE,CAAC,aAAa,GAAG,EAAK,MAAM,EAAE,ECF3E,IAAe,4CAEf,IAAkB,6BAElB,IAAgB,WAEhB,IAAa,qBCJb,KAAe,MAAgB;CAC1C,IAAI,EAAI,SAAS,IACf,OAAO;CAGT,IAAM,IAAW,EAAW,EAAI,EAE1B,IAAU,EAAS,MAAM,GAAG,GAAG,EAC/B,IAAU,EAAS,MAAM,GAAG,CAAC,aAAa,EAK1C,IAAe,KAJR,MAAM,KAAK,EAAQ,CAC7B,SAAS,CACT,QAAQ,GAAK,GAAO,MAAM,IAAM,SAAS,GAAO,GAAG,IAAK,IAAI,IAAK,IAAI,EAE7C,GAAO,IAC9B;CAUJ,OARA,AAKE,IALE,MAAiB,KACd,MACI,MAAiB,KACrB,MAEA,EAAa,UAAU,EAGvB,MAAO"}
|