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