@foi/design-system 0.0.10 → 0.0.11

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.
Files changed (57) hide show
  1. package/README.md +104 -51
  2. package/dist/{RadioGroup-BGdJ2fTN.js → RadioGroup-BL2bdmZx.js} +4 -4
  3. package/dist/{RadioGroup-BGdJ2fTN.js.map → RadioGroup-BL2bdmZx.js.map} +1 -1
  4. package/dist/{RadioGroup.context-DJLdImVO.js → RadioGroup.context-BdRgENJJ.js} +7 -7
  5. package/dist/{RadioGroup.context-DJLdImVO.js.map → RadioGroup.context-BdRgENJJ.js.map} +1 -1
  6. package/dist/{Switch-BBGFtWQt.js → Switch-BS8iwAJ5.js} +4 -4
  7. package/dist/{Switch-BBGFtWQt.js.map → Switch-BS8iwAJ5.js.map} +1 -1
  8. package/dist/{ThemeProvider-DtW2BY15.js → ThemeProvider-JlN3U_r2.js} +2 -2
  9. package/dist/{ThemeProvider-DtW2BY15.js.map → ThemeProvider-JlN3U_r2.js.map} +1 -1
  10. package/dist/atoms.mjs +2 -2
  11. package/dist/components/atoms/Checkbox/Checkbox.interface.d.ts +4 -0
  12. package/dist/components/atoms/Checkbox/index.d.ts +1 -1
  13. package/dist/{emotion-react-jsx-runtime.browser.esm-BFNmScj4.js → emotion-react-jsx-runtime.browser.esm-ClrpcFMG.js} +169 -167
  14. package/dist/emotion-react-jsx-runtime.browser.esm-ClrpcFMG.js.map +1 -0
  15. package/dist/hocs/ThemeProvider/ThemeProvider.interface.d.ts +2 -2
  16. package/dist/hocs/ThemeProvider/components/Button.d.ts +17 -27
  17. package/dist/hocs/ThemeProvider/components/Checkbox.d.ts +23 -45
  18. package/dist/hocs/ThemeProvider/components/CheckboxGroup.d.ts +11 -14
  19. package/dist/hocs/ThemeProvider/components/CheckboxTree.d.ts +11 -14
  20. package/dist/hocs/ThemeProvider/components/DatePicker.d.ts +23 -45
  21. package/dist/hocs/ThemeProvider/components/DatePickerMenu.d.ts +17 -27
  22. package/dist/hocs/ThemeProvider/components/IconButton.d.ts +20 -28
  23. package/dist/hocs/ThemeProvider/components/Input.d.ts +23 -45
  24. package/dist/hocs/ThemeProvider/components/Radio.d.ts +23 -45
  25. package/dist/hocs/ThemeProvider/components/RadioGroup.d.ts +11 -14
  26. package/dist/hocs/ThemeProvider/components/Select.d.ts +23 -45
  27. package/dist/hocs/ThemeProvider/components/SelectMenu.d.ts +16 -24
  28. package/dist/hocs/ThemeProvider/components/Slider.d.ts +15 -26
  29. package/dist/hocs/ThemeProvider/components/Switch.d.ts +18 -30
  30. package/dist/hocs/ThemeProvider/createComponentStyles.d.ts +2 -1
  31. package/dist/hocs/ThemeProvider/useThemeProvider.hook.d.ts +1 -1
  32. package/dist/hocs.mjs +1 -1
  33. package/dist/index.mjs +5 -5
  34. package/dist/molecules.mjs +1 -1
  35. package/dist/theme/dark/components/Button.d.ts +29 -27
  36. package/dist/theme/dark/components/Checkbox.d.ts +117 -54
  37. package/dist/theme/dark/components/CheckboxGroup.d.ts +13 -11
  38. package/dist/theme/dark/components/CheckboxTree.d.ts +12 -10
  39. package/dist/theme/dark/components/DatePicker.d.ts +53 -51
  40. package/dist/theme/dark/components/DatePickerMenu.d.ts +24 -22
  41. package/dist/theme/dark/components/IconButton.d.ts +24 -22
  42. package/dist/theme/dark/components/Input.d.ts +53 -51
  43. package/dist/theme/dark/components/Radio.d.ts +56 -54
  44. package/dist/theme/dark/components/RadioGroup.d.ts +13 -11
  45. package/dist/theme/dark/components/Select.d.ts +53 -51
  46. package/dist/theme/dark/components/SelectMenu.d.ts +23 -21
  47. package/dist/theme/dark/components/Slider.d.ts +41 -39
  48. package/dist/theme/dark/components/Switch.d.ts +49 -47
  49. package/dist/theme/dark/components/index.d.ts +567 -478
  50. package/dist/theme/dark/index.d.ts +567 -478
  51. package/dist/theme/index.d.ts +567 -478
  52. package/dist/{theme-DEqiATmv.js → theme-D18AZjTt.js} +112 -61
  53. package/dist/theme-D18AZjTt.js.map +1 -0
  54. package/dist/theme.mjs +1 -1
  55. package/package.json +1 -1
  56. package/dist/emotion-react-jsx-runtime.browser.esm-BFNmScj4.js.map +0 -1
  57. package/dist/theme-DEqiATmv.js.map +0 -1
package/dist/theme/dark/components/index.d.ts CHANGED
@@ -1,539 +1,628 @@
1
1
  declare const _default: {
2
2
  DATEPICKERMENU: {
3
- readonly ROOT: {
4
- readonly 'background-color': string;
5
- readonly 'border-radius': "4px";
6
- };
7
- readonly EVENTS: {
8
- readonly ENABLED: {
9
- readonly 'color-primary': string;
10
- readonly 'color-secondary': string;
11
- readonly 'background-color': string;
12
- };
13
- readonly VALUE: {
14
- readonly 'background-color': string;
15
- };
16
- readonly HOVER: {
17
- readonly 'background-color': string;
18
- };
19
- readonly ACTIVE: {
3
+ readonly DEFAULT: {
4
+ readonly ROOT: {
20
5
  readonly 'background-color': string;
21
- };
22
- readonly FOCUS: {
23
- readonly 'outline-color': string;
24
- readonly 'outline-width': "1px";
25
- readonly 'outline-style': "solid";
26
- readonly 'outline-offset': "2px";
6
+ readonly 'border-radius': "4px";
7
+ };
8
+ readonly EVENTS: {
9
+ readonly ENABLED: {
10
+ readonly 'color-primary': string;
11
+ readonly 'color-secondary': string;
12
+ readonly 'background-color': string;
13
+ };
14
+ readonly VALUE: {
15
+ readonly 'background-color': string;
16
+ };
17
+ readonly HOVER: {
18
+ readonly 'background-color': string;
19
+ };
20
+ readonly ACTIVE: {
21
+ readonly 'background-color': string;
22
+ };
23
+ readonly FOCUS: {
24
+ readonly 'outline-color': string;
25
+ readonly 'outline-width': "1px";
26
+ readonly 'outline-style': "solid";
27
+ readonly 'outline-offset': "2px";
28
+ };
27
29
  };
28
30
  };
29
31
  };
30
32
  DATEPICKER: {
31
- readonly ROOT: {
32
- readonly 'border-radius': "4px";
33
- };
34
- readonly EVENTS: {
35
- readonly ENABLED: {
36
- readonly 'background-color': "transparent";
37
- readonly 'color-primary': string;
38
- readonly 'color-secondary': string;
39
- readonly 'color-tertiary': string;
40
- readonly 'border-color': string;
41
- readonly 'border-width': "2px";
42
- readonly 'border-style': "solid";
43
- };
44
- readonly VALUE: {
45
- readonly 'border-color': string;
46
- };
47
- readonly HOVER: {
48
- readonly 'border-color': string;
49
- };
50
- readonly ACTIVE: {
51
- readonly 'border-color': string;
52
- };
53
- readonly FOCUS: {
54
- readonly 'border-color': string;
55
- };
56
- readonly ERROR: {
57
- readonly 'background-color': "transparent";
58
- readonly 'color-primary': string;
59
- readonly 'color-secondary': string;
60
- readonly 'color-tertiary': string;
61
- readonly 'border-color': string;
62
- };
63
- readonly ERROR_VALUE: {
64
- readonly 'border-color': string;
33
+ readonly DEFAULT: {
34
+ readonly ROOT: {
35
+ readonly 'border-radius': "4px";
36
+ };
37
+ readonly EVENTS: {
38
+ readonly ENABLED: {
39
+ readonly 'background-color': "transparent";
40
+ readonly 'color-primary': string;
41
+ readonly 'color-secondary': string;
42
+ readonly 'color-tertiary': string;
43
+ readonly 'border-color': string;
44
+ readonly 'border-width': "2px";
45
+ readonly 'border-style': "solid";
46
+ };
47
+ readonly VALUE: {
48
+ readonly 'border-color': string;
49
+ };
50
+ readonly HOVER: {
51
+ readonly 'border-color': string;
52
+ };
53
+ readonly ACTIVE: {
54
+ readonly 'border-color': string;
55
+ };
56
+ readonly FOCUS: {
57
+ readonly 'border-color': string;
58
+ };
59
+ readonly ERROR: {
60
+ readonly 'background-color': "transparent";
61
+ readonly 'color-primary': string;
62
+ readonly 'color-secondary': string;
63
+ readonly 'color-tertiary': string;
64
+ readonly 'border-color': string;
65
+ };
66
+ readonly ERROR_VALUE: {
67
+ readonly 'border-color': string;
68
+ };
69
+ readonly ERROR_HOVER: {
70
+ readonly 'border-color': string;
71
+ };
72
+ readonly ERROR_ACTIVE: {
73
+ readonly 'border-color': string;
74
+ };
75
+ readonly ERROR_FOCUS: {
76
+ readonly 'border-color': string;
77
+ };
78
+ readonly DISABLED: {
79
+ readonly 'background-color': "transparent";
80
+ readonly 'color-primary': string;
81
+ readonly 'color-secondary': string;
82
+ readonly 'color-tertiary': string;
83
+ readonly 'border-color': string;
84
+ };
85
+ readonly DISABLED_VALUE: {};
65
86
  };
66
- readonly ERROR_HOVER: {
67
- readonly 'border-color': string;
68
- };
69
- readonly ERROR_ACTIVE: {
70
- readonly 'border-color': string;
71
- };
72
- readonly ERROR_FOCUS: {
73
- readonly 'border-color': string;
74
- };
75
- readonly DISABLED: {
76
- readonly 'background-color': "transparent";
77
- readonly 'color-primary': string;
78
- readonly 'color-secondary': string;
79
- readonly 'color-tertiary': string;
80
- readonly 'border-color': string;
81
- };
82
- readonly DISABLED_VALUE: {};
83
87
  };
84
88
  };
85
89
  RADIOGROUP: {
86
- readonly EVENTS: {
87
- readonly ENABLED: {
88
- readonly 'color-primary': string;
89
- readonly 'color-secondary': string;
90
- };
91
- readonly ERROR: {
92
- readonly 'color-primary': string;
93
- readonly 'color-secondary': string;
94
- };
95
- readonly DISABLED: {
96
- readonly 'color-secondary': string;
90
+ readonly DEFAULT: {
91
+ readonly EVENTS: {
92
+ readonly ENABLED: {
93
+ readonly 'color-primary': string;
94
+ readonly 'color-secondary': string;
95
+ };
96
+ readonly ERROR: {
97
+ readonly 'color-primary': string;
98
+ readonly 'color-secondary': string;
99
+ };
100
+ readonly DISABLED: {
101
+ readonly 'color-secondary': string;
102
+ };
97
103
  };
98
104
  };
99
105
  };
100
106
  RADIO: {
101
- readonly ROOT: {
102
- readonly 'border-radius': "4px";
103
- };
104
- readonly EVENTS: {
105
- readonly ENABLED: {
106
- readonly 'color-primary': string;
107
- readonly 'color-secondary': string;
108
- readonly 'icon-color': string;
109
- readonly 'background-color': "transparent";
110
- readonly 'border-color': string;
111
- readonly 'border-width': "2px";
112
- readonly 'border-style': "solid";
113
- };
114
- readonly VALUE: {
115
- readonly 'icon-color': string;
116
- readonly 'border-color': string;
117
- };
118
- readonly HOVER: {
119
- readonly 'shadow-color': string;
120
- };
121
- readonly ACTIVE: {
122
- readonly 'shadow-color': string;
123
- };
124
- readonly FOCUS: {
125
- readonly 'outline-color': string;
126
- readonly 'outline-width': "1px";
127
- readonly 'outline-style': "solid";
128
- readonly 'outline-offset': "2px";
129
- };
130
- readonly ERROR: {
131
- readonly 'background-color': "transparent";
132
- readonly 'color-secondary': string;
133
- readonly 'border-color': string;
134
- };
135
- readonly ERROR_VALUE: {
136
- readonly 'icon-color': string;
137
- readonly 'background-color': string;
138
- };
139
- readonly ERROR_HOVER: {
140
- readonly 'shadow-color': string;
141
- };
142
- readonly ERROR_ACTIVE: {
143
- readonly 'shadow-color': string;
144
- };
145
- readonly ERROR_FOCUS: {
146
- readonly 'outline-color': string;
147
- };
148
- readonly DISABLED: {
149
- readonly 'background-color': "transparent";
150
- readonly 'color-secondary': string;
151
- readonly 'border-color': string;
152
- };
153
- readonly DISABLED_VALUE: {
154
- readonly 'icon-color': string;
107
+ readonly DEFAULT: {
108
+ readonly ROOT: {
109
+ readonly 'border-radius': "4px";
110
+ };
111
+ readonly EVENTS: {
112
+ readonly ENABLED: {
113
+ readonly 'color-primary': string;
114
+ readonly 'color-secondary': string;
115
+ readonly 'icon-color': string;
116
+ readonly 'background-color': "transparent";
117
+ readonly 'border-color': string;
118
+ readonly 'border-width': "2px";
119
+ readonly 'border-style': "solid";
120
+ };
121
+ readonly VALUE: {
122
+ readonly 'icon-color': string;
123
+ readonly 'border-color': string;
124
+ };
125
+ readonly HOVER: {
126
+ readonly 'shadow-color': string;
127
+ };
128
+ readonly ACTIVE: {
129
+ readonly 'shadow-color': string;
130
+ };
131
+ readonly FOCUS: {
132
+ readonly 'outline-color': string;
133
+ readonly 'outline-width': "1px";
134
+ readonly 'outline-style': "solid";
135
+ readonly 'outline-offset': "2px";
136
+ };
137
+ readonly ERROR: {
138
+ readonly 'background-color': "transparent";
139
+ readonly 'color-secondary': string;
140
+ readonly 'border-color': string;
141
+ };
142
+ readonly ERROR_VALUE: {
143
+ readonly 'icon-color': string;
144
+ readonly 'background-color': string;
145
+ };
146
+ readonly ERROR_HOVER: {
147
+ readonly 'shadow-color': string;
148
+ };
149
+ readonly ERROR_ACTIVE: {
150
+ readonly 'shadow-color': string;
151
+ };
152
+ readonly ERROR_FOCUS: {
153
+ readonly 'outline-color': string;
154
+ };
155
+ readonly DISABLED: {
156
+ readonly 'background-color': "transparent";
157
+ readonly 'color-secondary': string;
158
+ readonly 'border-color': string;
159
+ };
160
+ readonly DISABLED_VALUE: {
161
+ readonly 'icon-color': string;
162
+ };
155
163
  };
156
164
  };
157
165
  };
158
166
  SLIDER: {
159
- readonly EVENTS: {
160
- readonly ENABLED: {
161
- readonly 'icon-color': string;
162
- readonly 'icon-background-color': string;
163
- readonly 'background-color': string;
164
- readonly 'border-color': string;
165
- readonly 'border-width': "2px";
166
- readonly 'border-style': "solid";
167
- };
168
- readonly VALUE: {
169
- readonly 'background-color': string;
170
- };
171
- readonly HOVER: {
172
- readonly 'background-color': string;
173
- };
174
- readonly ACTIVE: {
175
- readonly 'background-color': string;
176
- };
177
- readonly FOCUS: {
178
- readonly 'outline-color': string;
179
- readonly 'outline-width': "1px";
180
- readonly 'outline-style': "solid";
181
- readonly 'outline-offset': "2px";
182
- };
183
- readonly DISABLED: {
184
- readonly 'icon-color': string;
185
- readonly 'icon-background-color': string;
186
- readonly 'background-color': string;
187
- readonly 'border-color': string;
188
- readonly 'border-width': "2px";
189
- readonly 'border-style': "solid";
190
- };
191
- readonly DISABLED_VALUE: {
192
- readonly 'icon-color': string;
193
- readonly 'icon-background-color': string;
194
- readonly 'background-color': string;
195
- readonly 'border-color': string;
196
- readonly 'border-width': "2px";
197
- readonly 'border-style': "solid";
167
+ readonly DEFAULT: {
168
+ readonly EVENTS: {
169
+ readonly ENABLED: {
170
+ readonly 'icon-color': string;
171
+ readonly 'icon-background-color': string;
172
+ readonly 'background-color': string;
173
+ readonly 'border-color': string;
174
+ readonly 'border-width': "2px";
175
+ readonly 'border-style': "solid";
176
+ };
177
+ readonly VALUE: {
178
+ readonly 'background-color': string;
179
+ };
180
+ readonly HOVER: {
181
+ readonly 'background-color': string;
182
+ };
183
+ readonly ACTIVE: {
184
+ readonly 'background-color': string;
185
+ };
186
+ readonly FOCUS: {
187
+ readonly 'outline-color': string;
188
+ readonly 'outline-width': "1px";
189
+ readonly 'outline-style': "solid";
190
+ readonly 'outline-offset': "2px";
191
+ };
192
+ readonly DISABLED: {
193
+ readonly 'icon-color': string;
194
+ readonly 'icon-background-color': string;
195
+ readonly 'background-color': string;
196
+ readonly 'border-color': string;
197
+ readonly 'border-width': "2px";
198
+ readonly 'border-style': "solid";
199
+ };
200
+ readonly DISABLED_VALUE: {
201
+ readonly 'icon-color': string;
202
+ readonly 'icon-background-color': string;
203
+ readonly 'background-color': string;
204
+ readonly 'border-color': string;
205
+ readonly 'border-width': "2px";
206
+ readonly 'border-style': "solid";
207
+ };
198
208
  };
199
209
  };
200
210
  };
201
211
  SWITCH: {
202
- readonly ROOT: {
203
- readonly 'border-radius': "12px";
204
- };
205
- readonly EVENTS: {
206
- readonly ENABLED: {
207
- readonly 'color-primary': string;
208
- readonly 'color-secondary': string;
209
- readonly 'icon-color': string;
210
- readonly 'icon-background-color': string;
211
- readonly 'background-color': "transparent";
212
- readonly 'border-color': string;
213
- readonly 'border-width': "2px";
214
- readonly 'border-style': "solid";
215
- };
216
- readonly VALUE: {
217
- readonly 'icon-color': string;
218
- readonly 'icon-background-color': string;
219
- readonly 'background-color': string;
220
- readonly 'border-color': string;
221
- };
222
- readonly HOVER: {
223
- readonly 'shadow-color': string;
224
- };
225
- readonly ACTIVE: {
226
- readonly 'shadow-color': string;
227
- };
228
- readonly FOCUS: {
229
- readonly 'outline-color': string;
230
- readonly 'outline-width': "1px";
231
- readonly 'outline-style': "solid";
232
- readonly 'outline-offset': "2px";
233
- };
234
- readonly DISABLED: {
235
- readonly 'icon-color': string;
236
- readonly 'icon-background-color': string;
237
- readonly 'background-color': "transparent";
238
- readonly 'color-secondary': string;
239
- readonly 'border-color': string;
240
- readonly 'border-width': "2px";
241
- readonly 'border-style': "solid";
242
- };
243
- readonly DISABLED_VALUE: {
244
- readonly 'icon-color': string;
245
- readonly 'icon-background-color': string;
246
- readonly 'background-color': string;
247
- readonly 'border-color': string;
248
- readonly 'border-width': "2px";
249
- readonly 'border-style': "solid";
212
+ readonly DEFAULT: {
213
+ readonly ROOT: {
214
+ readonly 'border-radius': "12px";
215
+ };
216
+ readonly EVENTS: {
217
+ readonly ENABLED: {
218
+ readonly 'color-primary': string;
219
+ readonly 'color-secondary': string;
220
+ readonly 'icon-color': string;
221
+ readonly 'icon-background-color': string;
222
+ readonly 'background-color': "transparent";
223
+ readonly 'border-color': string;
224
+ readonly 'border-width': "2px";
225
+ readonly 'border-style': "solid";
226
+ };
227
+ readonly VALUE: {
228
+ readonly 'icon-color': string;
229
+ readonly 'icon-background-color': string;
230
+ readonly 'background-color': string;
231
+ readonly 'border-color': string;
232
+ };
233
+ readonly HOVER: {
234
+ readonly 'shadow-color': string;
235
+ };
236
+ readonly ACTIVE: {
237
+ readonly 'shadow-color': string;
238
+ };
239
+ readonly FOCUS: {
240
+ readonly 'outline-color': string;
241
+ readonly 'outline-width': "1px";
242
+ readonly 'outline-style': "solid";
243
+ readonly 'outline-offset': "2px";
244
+ };
245
+ readonly DISABLED: {
246
+ readonly 'icon-color': string;
247
+ readonly 'icon-background-color': string;
248
+ readonly 'background-color': "transparent";
249
+ readonly 'color-secondary': string;
250
+ readonly 'border-color': string;
251
+ readonly 'border-width': "2px";
252
+ readonly 'border-style': "solid";
253
+ };
254
+ readonly DISABLED_VALUE: {
255
+ readonly 'icon-color': string;
256
+ readonly 'icon-background-color': string;
257
+ readonly 'background-color': string;
258
+ readonly 'border-color': string;
259
+ readonly 'border-width': "2px";
260
+ readonly 'border-style': "solid";
261
+ };
250
262
  };
251
263
  };
252
264
  };
253
265
  SELECTMENU: {
254
- readonly ROOT: {
255
- readonly 'background-color': string;
256
- readonly 'border-radius': "4px";
257
- readonly top: "4px";
258
- };
259
- readonly EVENTS: {
260
- readonly ENABLED: {
261
- readonly 'background-color': "transparent";
262
- readonly 'color-primary': string;
263
- readonly 'color-secondary': string;
264
- readonly 'color-tertiary': string;
265
- };
266
- readonly VALUE: {
267
- readonly 'background-color': string;
268
- };
269
- readonly HOVER: {
270
- readonly 'background-color': string;
271
- };
272
- readonly ACTIVE: {
273
- readonly 'background-color': string;
274
- };
275
- readonly FOCUS: {
266
+ readonly DEFAULT: {
267
+ readonly ROOT: {
276
268
  readonly 'background-color': string;
269
+ readonly 'border-radius': "4px";
270
+ readonly top: "4px";
271
+ };
272
+ readonly EVENTS: {
273
+ readonly ENABLED: {
274
+ readonly 'background-color': "transparent";
275
+ readonly 'color-primary': string;
276
+ readonly 'color-secondary': string;
277
+ readonly 'color-tertiary': string;
278
+ };
279
+ readonly VALUE: {
280
+ readonly 'background-color': string;
281
+ };
282
+ readonly HOVER: {
283
+ readonly 'background-color': string;
284
+ };
285
+ readonly ACTIVE: {
286
+ readonly 'background-color': string;
287
+ };
288
+ readonly FOCUS: {
289
+ readonly 'background-color': string;
290
+ };
277
291
  };
278
292
  };
279
293
  };
280
294
  SELECT: {
281
- readonly ROOT: {
282
- readonly 'border-radius': "4px";
283
- };
284
- readonly EVENTS: {
285
- readonly ENABLED: {
286
- readonly 'background-color': "transparent";
287
- readonly 'color-primary': string;
288
- readonly 'color-secondary': string;
289
- readonly 'color-tertiary': string;
290
- readonly 'border-color': string;
291
- readonly 'border-width': "2px";
292
- readonly 'border-style': "solid";
293
- };
294
- readonly VALUE: {
295
- readonly 'border-color': string;
296
- };
297
- readonly HOVER: {
298
- readonly 'border-color': string;
299
- };
300
- readonly ACTIVE: {
301
- readonly 'border-color': string;
302
- };
303
- readonly FOCUS: {
304
- readonly 'border-color': string;
295
+ readonly DEFAULT: {
296
+ readonly ROOT: {
297
+ readonly 'border-radius': "4px";
298
+ };
299
+ readonly EVENTS: {
300
+ readonly ENABLED: {
301
+ readonly 'background-color': "transparent";
302
+ readonly 'color-primary': string;
303
+ readonly 'color-secondary': string;
304
+ readonly 'color-tertiary': string;
305
+ readonly 'border-color': string;
306
+ readonly 'border-width': "2px";
307
+ readonly 'border-style': "solid";
308
+ };
309
+ readonly VALUE: {
310
+ readonly 'border-color': string;
311
+ };
312
+ readonly HOVER: {
313
+ readonly 'border-color': string;
314
+ };
315
+ readonly ACTIVE: {
316
+ readonly 'border-color': string;
317
+ };
318
+ readonly FOCUS: {
319
+ readonly 'border-color': string;
320
+ };
321
+ readonly ERROR: {
322
+ readonly 'background-color': "transparent";
323
+ readonly 'color-primary': string;
324
+ readonly 'color-secondary': string;
325
+ readonly 'color-tertiary': string;
326
+ readonly 'border-color': string;
327
+ };
328
+ readonly ERROR_VALUE: {
329
+ readonly 'border-color': string;
330
+ };
331
+ readonly ERROR_HOVER: {
332
+ readonly 'border-color': string;
333
+ };
334
+ readonly ERROR_ACTIVE: {
335
+ readonly 'border-color': string;
336
+ };
337
+ readonly ERROR_FOCUS: {
338
+ readonly 'border-color': string;
339
+ };
340
+ readonly DISABLED: {
341
+ readonly 'background-color': "transparent";
342
+ readonly 'color-primary': string;
343
+ readonly 'color-secondary': string;
344
+ readonly 'color-tertiary': string;
345
+ readonly 'border-color': string;
346
+ };
347
+ readonly DISABLED_VALUE: {};
305
348
  };
306
- readonly ERROR: {
307
- readonly 'background-color': "transparent";
308
- readonly 'color-primary': string;
309
- readonly 'color-secondary': string;
310
- readonly 'color-tertiary': string;
311
- readonly 'border-color': string;
312
- };
313
- readonly ERROR_VALUE: {
314
- readonly 'border-color': string;
315
- };
316
- readonly ERROR_HOVER: {
317
- readonly 'border-color': string;
318
- };
319
- readonly ERROR_ACTIVE: {
320
- readonly 'border-color': string;
321
- };
322
- readonly ERROR_FOCUS: {
323
- readonly 'border-color': string;
324
- };
325
- readonly DISABLED: {
326
- readonly 'background-color': "transparent";
327
- readonly 'color-primary': string;
328
- readonly 'color-secondary': string;
329
- readonly 'color-tertiary': string;
330
- readonly 'border-color': string;
331
- };
332
- readonly DISABLED_VALUE: {};
333
349
  };
334
350
  };
335
351
  CHECKBOXTREE: {
336
- readonly EVENTS: {
337
- readonly ENABLED: {
338
- readonly 'color-primary': string;
339
- readonly 'color-secondary': string;
340
- };
341
- readonly ERROR: {
342
- readonly 'color-secondary': string;
343
- };
344
- readonly DISABLED: {
345
- readonly 'color-secondary': string;
352
+ readonly DEFAULT: {
353
+ readonly EVENTS: {
354
+ readonly ENABLED: {
355
+ readonly 'color-primary': string;
356
+ readonly 'color-secondary': string;
357
+ };
358
+ readonly ERROR: {
359
+ readonly 'color-secondary': string;
360
+ };
361
+ readonly DISABLED: {
362
+ readonly 'color-secondary': string;
363
+ };
346
364
  };
347
365
  };
348
366
  };
349
367
  CHECKBOXGROUP: {
350
- readonly EVENTS: {
351
- readonly ENABLED: {
352
- readonly 'color-primary': string;
353
- readonly 'color-secondary': string;
354
- };
355
- readonly ERROR: {
356
- readonly 'color-primary': string;
357
- readonly 'color-secondary': string;
358
- };
359
- readonly DISABLED: {
360
- readonly 'color-secondary': string;
368
+ readonly DEFAULT: {
369
+ readonly EVENTS: {
370
+ readonly ENABLED: {
371
+ readonly 'color-primary': string;
372
+ readonly 'color-secondary': string;
373
+ };
374
+ readonly ERROR: {
375
+ readonly 'color-primary': string;
376
+ readonly 'color-secondary': string;
377
+ };
378
+ readonly DISABLED: {
379
+ readonly 'color-secondary': string;
380
+ };
361
381
  };
362
382
  };
363
383
  };
364
384
  CHECKBOX: {
365
- readonly ROOT: {
366
- readonly 'border-radius': "4px";
367
- };
368
- readonly EVENTS: {
369
- readonly ENABLED: {
370
- readonly 'color-primary': string;
371
- readonly 'color-secondary': string;
372
- readonly 'icon-color': string;
373
- readonly 'background-color': "transparent";
374
- readonly 'border-color': string;
375
- readonly 'border-width': "2px";
376
- readonly 'border-style': "solid";
377
- };
378
- readonly VALUE: {
379
- readonly 'icon-color': string;
380
- readonly 'background-color': string;
381
- readonly 'border-color': string;
382
- };
383
- readonly HOVER: {
384
- readonly 'shadow-color': string;
385
- };
386
- readonly ACTIVE: {
387
- readonly 'shadow-color': string;
388
- };
389
- readonly FOCUS: {
390
- readonly 'outline-color': string;
391
- readonly 'outline-width': "1px";
392
- readonly 'outline-style': "solid";
393
- readonly 'outline-offset': "2px";
394
- };
395
- readonly ERROR: {
396
- readonly 'background-color': "transparent";
397
- readonly 'color-secondary': string;
398
- readonly 'border-color': string;
399
- };
400
- readonly ERROR_VALUE: {
401
- readonly 'icon-color': string;
402
- readonly 'background-color': string;
403
- readonly 'border-color': string;
404
- };
405
- readonly ERROR_HOVER: {
406
- readonly 'shadow-color': string;
407
- };
408
- readonly ERROR_ACTIVE: {
409
- readonly 'shadow-color': string;
410
- };
411
- readonly ERROR_FOCUS: {
412
- readonly 'outline-color': string;
385
+ readonly DEFAULT: {
386
+ readonly ROOT: {
387
+ readonly 'border-radius': "4px";
388
+ };
389
+ readonly EVENTS: {
390
+ readonly ENABLED: {
391
+ readonly 'color-primary': string;
392
+ readonly 'color-secondary': string;
393
+ readonly 'icon-color': string;
394
+ readonly 'background-color': "transparent";
395
+ readonly 'border-color': string;
396
+ readonly 'border-width': "2px";
397
+ readonly 'border-style': "solid";
398
+ };
399
+ readonly VALUE: {
400
+ readonly 'icon-color': string;
401
+ readonly 'background-color': string;
402
+ readonly 'border-color': string;
403
+ };
404
+ readonly HOVER: {
405
+ readonly 'shadow-color': string;
406
+ };
407
+ readonly ACTIVE: {
408
+ readonly 'shadow-color': string;
409
+ };
410
+ readonly FOCUS: {
411
+ readonly 'outline-color': string;
412
+ readonly 'outline-width': "1px";
413
+ readonly 'outline-style': "solid";
414
+ readonly 'outline-offset': "2px";
415
+ };
416
+ readonly ERROR: {
417
+ readonly 'background-color': "transparent";
418
+ readonly 'color-secondary': string;
419
+ readonly 'border-color': string;
420
+ };
421
+ readonly ERROR_VALUE: {
422
+ readonly 'icon-color': string;
423
+ readonly 'background-color': string;
424
+ readonly 'border-color': string;
425
+ };
426
+ readonly ERROR_HOVER: {
427
+ readonly 'shadow-color': string;
428
+ };
429
+ readonly ERROR_ACTIVE: {
430
+ readonly 'shadow-color': string;
431
+ };
432
+ readonly ERROR_FOCUS: {
433
+ readonly 'outline-color': string;
434
+ };
435
+ readonly DISABLED: {
436
+ readonly 'background-color': "transparent";
437
+ readonly 'color-secondary': string;
438
+ readonly 'border-color': string;
439
+ };
440
+ readonly DISABLED_VALUE: {
441
+ readonly 'icon-color': string;
442
+ readonly 'background-color': string;
443
+ };
413
444
  };
414
- readonly DISABLED: {
415
- readonly 'background-color': "transparent";
416
- readonly 'color-secondary': string;
417
- readonly 'border-color': string;
418
- };
419
- readonly DISABLED_VALUE: {
420
- readonly 'icon-color': string;
421
- readonly 'background-color': string;
445
+ };
446
+ readonly PRUEBA: {
447
+ readonly ROOT: {
448
+ readonly 'border-radius': "4px";
449
+ };
450
+ readonly EVENTS: {
451
+ readonly ENABLED: {
452
+ readonly 'color-primary': string;
453
+ readonly 'color-secondary': string;
454
+ readonly 'icon-color': string;
455
+ readonly 'background-color': "transparent";
456
+ readonly 'border-color': string;
457
+ readonly 'border-width': "2px";
458
+ readonly 'border-style': "solid";
459
+ };
460
+ readonly VALUE: {
461
+ readonly 'icon-color': string;
462
+ readonly 'background-color': string;
463
+ readonly 'border-color': string;
464
+ };
465
+ readonly HOVER: {
466
+ readonly 'shadow-color': string;
467
+ };
468
+ readonly ACTIVE: {
469
+ readonly 'shadow-color': string;
470
+ };
471
+ readonly FOCUS: {
472
+ readonly 'outline-color': string;
473
+ readonly 'outline-width': "1px";
474
+ readonly 'outline-style': "solid";
475
+ readonly 'outline-offset': "2px";
476
+ };
477
+ readonly ERROR: {
478
+ readonly 'background-color': "transparent";
479
+ readonly 'color-secondary': string;
480
+ readonly 'border-color': string;
481
+ };
482
+ readonly ERROR_VALUE: {
483
+ readonly 'icon-color': string;
484
+ readonly 'background-color': string;
485
+ readonly 'border-color': string;
486
+ };
487
+ readonly ERROR_HOVER: {
488
+ readonly 'shadow-color': string;
489
+ };
490
+ readonly ERROR_ACTIVE: {
491
+ readonly 'shadow-color': string;
492
+ };
493
+ readonly ERROR_FOCUS: {
494
+ readonly 'outline-color': string;
495
+ };
496
+ readonly DISABLED: {
497
+ readonly 'background-color': "transparent";
498
+ readonly 'color-secondary': string;
499
+ readonly 'border-color': string;
500
+ };
501
+ readonly DISABLED_VALUE: {
502
+ readonly 'icon-color': string;
503
+ readonly 'background-color': string;
504
+ };
422
505
  };
423
506
  };
424
507
  };
425
508
  BUTTON: {
426
- readonly ROOT: {
427
- readonly 'border-radius': "4px";
428
- };
429
- readonly EVENTS: {
430
- readonly ENABLED: {
431
- readonly 'background-color': string;
432
- readonly 'color-primary': string;
433
- readonly 'border-style': "none";
434
- };
435
- readonly HOVER: {
436
- readonly 'background-color': string;
437
- };
438
- readonly ACTIVE: {
439
- readonly 'background-color': string;
440
- };
441
- readonly FOCUS: {
442
- readonly 'outline-color': string;
443
- readonly 'outline-width': "1px";
444
- readonly 'outline-style': "solid";
445
- readonly 'outline-offset': "2px";
446
- };
447
- readonly DISABLED: {
448
- readonly 'background-color': string;
449
- readonly 'color-primary': string;
450
- };
451
- readonly LOADING: {
452
- readonly 'background-color': string;
453
- readonly 'color-primary': string;
509
+ readonly DEFAULT: {
510
+ readonly ROOT: {
511
+ readonly 'border-radius': "4px";
512
+ };
513
+ readonly EVENTS: {
514
+ readonly ENABLED: {
515
+ readonly 'background-color': string;
516
+ readonly 'color-primary': string;
517
+ readonly 'border-style': "none";
518
+ };
519
+ readonly HOVER: {
520
+ readonly 'background-color': string;
521
+ };
522
+ readonly ACTIVE: {
523
+ readonly 'background-color': string;
524
+ };
525
+ readonly FOCUS: {
526
+ readonly 'outline-color': string;
527
+ readonly 'outline-width': "1px";
528
+ readonly 'outline-style': "solid";
529
+ readonly 'outline-offset': "2px";
530
+ };
531
+ readonly DISABLED: {
532
+ readonly 'background-color': string;
533
+ readonly 'color-primary': string;
534
+ };
535
+ readonly LOADING: {
536
+ readonly 'background-color': string;
537
+ readonly 'color-primary': string;
538
+ };
454
539
  };
455
540
  };
456
541
  };
457
542
  ICONBUTTON: {
458
- readonly ROOT: {
459
- readonly 'border-radius': "4px";
460
- };
461
- readonly EVENTS: {
462
- readonly ENABLED: {
463
- readonly 'icon-color': string;
464
- readonly 'background-color': "transparent";
465
- readonly 'border-style': "none";
466
- };
467
- readonly HOVER: {
468
- readonly 'shadow-color': string;
469
- };
470
- readonly ACTIVE: {
471
- readonly 'shadow-color': string;
472
- };
473
- readonly FOCUS: {
474
- readonly 'outline-color': string;
475
- readonly 'outline-width': "1px";
476
- readonly 'outline-style': "solid";
477
- readonly 'outline-offset': "2px";
478
- };
479
- readonly DISABLED: {
480
- readonly 'icon-color': string;
543
+ readonly DEFAULT: {
544
+ readonly ROOT: {
545
+ readonly 'border-radius': "4px";
546
+ };
547
+ readonly EVENTS: {
548
+ readonly ENABLED: {
549
+ readonly 'icon-color': string;
550
+ readonly 'background-color': "transparent";
551
+ readonly 'border-style': "none";
552
+ };
553
+ readonly HOVER: {
554
+ readonly 'shadow-color': string;
555
+ };
556
+ readonly ACTIVE: {
557
+ readonly 'shadow-color': string;
558
+ };
559
+ readonly FOCUS: {
560
+ readonly 'outline-color': string;
561
+ readonly 'outline-width': "1px";
562
+ readonly 'outline-style': "solid";
563
+ readonly 'outline-offset': "2px";
564
+ };
565
+ readonly DISABLED: {
566
+ readonly 'icon-color': string;
567
+ };
481
568
  };
482
569
  };
483
570
  };
484
571
  INPUT: {
485
- readonly ROOT: {
486
- readonly 'border-radius': "4px";
487
- };
488
- readonly EVENTS: {
489
- readonly ENABLED: {
490
- readonly 'background-color': "transparent";
491
- readonly 'color-primary': string;
492
- readonly 'color-secondary': string;
493
- readonly 'color-tertiary': string;
494
- readonly 'border-color': string;
495
- readonly 'border-width': "2px";
496
- readonly 'border-style': "solid";
497
- };
498
- readonly VALUE: {
499
- readonly 'border-color': string;
500
- };
501
- readonly HOVER: {
502
- readonly 'border-color': string;
503
- };
504
- readonly ACTIVE: {
505
- readonly 'border-color': string;
506
- };
507
- readonly FOCUS: {
508
- readonly 'border-color': string;
509
- };
510
- readonly ERROR: {
511
- readonly 'background-color': "transparent";
512
- readonly 'color-primary': string;
513
- readonly 'color-secondary': string;
514
- readonly 'color-tertiary': string;
515
- readonly 'border-color': string;
516
- };
517
- readonly ERROR_VALUE: {
518
- readonly 'border-color': string;
519
- };
520
- readonly ERROR_HOVER: {
521
- readonly 'border-color': string;
522
- };
523
- readonly ERROR_ACTIVE: {
524
- readonly 'border-color': string;
525
- };
526
- readonly ERROR_FOCUS: {
527
- readonly 'border-color': string;
528
- };
529
- readonly DISABLED: {
530
- readonly 'background-color': "transparent";
531
- readonly 'color-primary': string;
532
- readonly 'color-secondary': string;
533
- readonly 'color-tertiary': string;
534
- readonly 'border-color': string;
572
+ readonly DEFAULT: {
573
+ readonly ROOT: {
574
+ readonly 'border-radius': "4px";
575
+ };
576
+ readonly EVENTS: {
577
+ readonly ENABLED: {
578
+ readonly 'background-color': "transparent";
579
+ readonly 'color-primary': string;
580
+ readonly 'color-secondary': string;
581
+ readonly 'color-tertiary': string;
582
+ readonly 'border-color': string;
583
+ readonly 'border-width': "2px";
584
+ readonly 'border-style': "solid";
585
+ };
586
+ readonly VALUE: {
587
+ readonly 'border-color': string;
588
+ };
589
+ readonly HOVER: {
590
+ readonly 'border-color': string;
591
+ };
592
+ readonly ACTIVE: {
593
+ readonly 'border-color': string;
594
+ };
595
+ readonly FOCUS: {
596
+ readonly 'border-color': string;
597
+ };
598
+ readonly ERROR: {
599
+ readonly 'background-color': "transparent";
600
+ readonly 'color-primary': string;
601
+ readonly 'color-secondary': string;
602
+ readonly 'color-tertiary': string;
603
+ readonly 'border-color': string;
604
+ };
605
+ readonly ERROR_VALUE: {
606
+ readonly 'border-color': string;
607
+ };
608
+ readonly ERROR_HOVER: {
609
+ readonly 'border-color': string;
610
+ };
611
+ readonly ERROR_ACTIVE: {
612
+ readonly 'border-color': string;
613
+ };
614
+ readonly ERROR_FOCUS: {
615
+ readonly 'border-color': string;
616
+ };
617
+ readonly DISABLED: {
618
+ readonly 'background-color': "transparent";
619
+ readonly 'color-primary': string;
620
+ readonly 'color-secondary': string;
621
+ readonly 'color-tertiary': string;
622
+ readonly 'border-color': string;
623
+ };
624
+ readonly DISABLED_VALUE: {};
535
625
  };
536
- readonly DISABLED_VALUE: {};
537
626
  };
538
627
  };
539
628
  };