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