@infonomic/uikit 2.15.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/README.md +48 -6
  2. package/dist/components/badge/badge_module.css +49 -80
  3. package/dist/components/button/button_module.css +133 -227
  4. package/dist/components/button/control-buttons_module.css +2 -11
  5. package/dist/components/button/copy-button.d.ts.map +1 -1
  6. package/dist/components/button/copy-button.js +14 -7
  7. package/dist/components/button/copy-button.module.js +5 -5
  8. package/dist/components/button/copy-button_module.css +31 -12
  9. package/dist/components/input/checkbox_module.css +42 -91
  10. package/dist/components/input/input_module.css +42 -109
  11. package/dist/components/input/radio-group_module.css +14 -49
  12. package/dist/components/notifications/alert_module.css +0 -4
  13. package/dist/icons/close-icon.js +1 -1
  14. package/dist/icons/copy-icon.d.ts.map +1 -1
  15. package/dist/icons/copy-icon.js +1 -1
  16. package/dist/react.d.ts +1 -1
  17. package/dist/react.d.ts.map +1 -1
  18. package/dist/react.js +1 -1
  19. package/dist/styles/styles.css +1 -1
  20. package/dist/widgets/timeline/timeline.d.ts.map +1 -0
  21. package/dist/widgets/timeline/timeline.module.js +17 -0
  22. package/dist/{components → widgets}/timeline/timeline_module.css +10 -10
  23. package/package.json +8 -8
  24. package/src/components/badge/badge.module.css +38 -68
  25. package/src/components/button/button-intents.stories.tsx +1 -1
  26. package/src/components/button/button-overrides.stories.tsx +43 -0
  27. package/src/components/button/button-variants.stories.tsx +1 -1
  28. package/src/components/button/button.module.css +135 -230
  29. package/src/components/button/control-buttons.module.css +5 -17
  30. package/src/components/button/control-buttons.stories.tsx +1 -1
  31. package/src/components/button/copy-button.module.css +32 -14
  32. package/src/components/button/copy-button.stories.tsx +6 -6
  33. package/src/components/button/copy-button.tsx +16 -12
  34. package/src/components/calendar/calendar.stories.tsx +1 -1
  35. package/src/components/input/checkbox.module.css +43 -99
  36. package/src/components/input/input.module.css +44 -119
  37. package/src/components/input/input.stories.tsx +1 -1
  38. package/src/components/input/radio-group.module.css +16 -72
  39. package/src/components/input/radio-group.stories.tsx +1 -1
  40. package/src/components/input/select.stories.tsx +1 -1
  41. package/src/components/notifications/alert.module.css +0 -4
  42. package/src/icons/close-icon.tsx +1 -1
  43. package/src/icons/copy-icon.tsx +1 -2
  44. package/src/icons/icons.module.css +1 -0
  45. package/src/react.ts +1 -1
  46. package/src/styles/theme/theme.css +6 -4
  47. package/src/styles/theme/tokens.css +600 -0
  48. package/src/widgets/drawer/drawer.stories.tsx +1 -34
  49. package/src/{components → widgets}/timeline/timeline.stories.tsx +2 -2
  50. package/dist/components/timeline/timeline.d.ts.map +0 -1
  51. package/dist/components/timeline/timeline.module.js +0 -17
  52. /package/dist/{components → widgets}/timeline/timeline.d.ts +0 -0
  53. /package/dist/{components → widgets}/timeline/timeline.js +0 -0
  54. /package/src/components/button/{button-icon.stories.tsx → icon-button.stories.tsx} +0 -0
  55. /package/src/{components → widgets}/timeline/timeline.module.css +0 -0
  56. /package/src/{components → widgets}/timeline/timeline.tsx +0 -0
@@ -5,26 +5,45 @@
5
5
  display: inline-block;
6
6
  }
7
7
 
8
- .copy-button-oa4bdj {
9
- width: 32px;
10
- min-width: 32px;
11
- height: 32px;
8
+ .copy-button-oa4bdj svg {
9
+ width: 90%;
10
+ height: 90%;
11
+ display: block;
12
+ }
13
+
14
+ .xs-lZmf78 {
15
+ width: 26px;
16
+ height: 26px;
17
+ min-height: 26px;
18
+ padding: .25rem;
12
19
  }
13
20
 
14
- .copy-button-foreground-peibK_ {
15
- fill: var(--gray-700);
21
+ .sm-KNN1e5 {
22
+ width: 32px;
23
+ height: 32px;
24
+ min-height: 32px;
25
+ padding: .35rem;
16
26
  }
17
27
 
18
- .copy-button-foreground-reversed-oeTW7Z {
19
- fill: var(--gray-200);
28
+ .md-OoH0l4 {
29
+ width: 38px;
30
+ height: 38px;
31
+ min-height: 38px;
32
+ padding: .45rem;
20
33
  }
21
34
 
22
- .dark-M9uAd8 .copy-button-foreground-peibK_ {
23
- fill: var(--gray-200);
35
+ .lg-uu5ujz {
36
+ width: 46px;
37
+ height: 46px;
38
+ min-height: 46px;
39
+ padding: .55rem;
24
40
  }
25
41
 
26
- .dark-M9uAd8 .copy-button-foreground-reversed-oeTW7Z {
27
- fill: var(--gray-700);
42
+ .xl-pFYyrS {
43
+ width: 54px;
44
+ height: 54px;
45
+ min-height: 54px;
46
+ padding: .65rem;
28
47
  }
29
48
  }
30
49
 
@@ -102,115 +102,66 @@
102
102
  }
103
103
 
104
104
  .primary-mNSmqc {
105
- --checkbox-variant-outlined-border: var(--primary-400);
106
- --checkbox-variant-outlined: var(--primary-400);
107
- --checkbox-variant-outlined-hover-border: var(--primary-500);
108
- --checkbox-variant-outline-ring-color: var(--primary-400);
109
- --checkbox-variant-filled: var(--primary-400);
105
+ --checkbox-variant-outlined-border: var(--fill-primary-strong);
106
+ --checkbox-variant-outlined: var(--fill-primary-strong);
107
+ --checkbox-variant-outlined-hover-border: var(--fill-primary-strong-hover);
108
+ --checkbox-variant-outline-ring-color: var(--ring-primary);
109
+ --checkbox-variant-filled: var(--fill-primary-strong);
110
+ --checkbox-icon-color: var(--text-on-primary);
110
111
  }
111
112
 
112
113
  .secondary-B96Jra {
113
- --checkbox-variant-outlined-border: var(--secondary-500);
114
- --checkbox-variant-outlined: var(--secondary-500);
115
- --checkbox-variant-outlined-hover-border: var(--secondary-500);
116
- --checkbox-variant-outline-ring-color: var(--secondary-500);
117
- --checkbox-variant-filled: var(--secondary-500);
114
+ --checkbox-variant-outlined-border: var(--fill-secondary-strong);
115
+ --checkbox-variant-outlined: var(--fill-secondary-strong);
116
+ --checkbox-variant-outlined-hover-border: var(--fill-secondary-strong-hover);
117
+ --checkbox-variant-outline-ring-color: var(--ring-secondary);
118
+ --checkbox-variant-filled: var(--fill-secondary-strong);
119
+ --checkbox-icon-color: var(--text-on-secondary);
118
120
  }
119
121
 
120
122
  .noeffect-J5I4Dv {
121
- --checkbox-variant-outlined-border: var(--gray-400);
122
- --checkbox-variant-outlined: var(--gray-400);
123
- --checkbox-variant-outlined-hover-border: var(--gray-400);
124
- --checkbox-variant-outline-ring-color: var(--gray-400);
125
- --checkbox-variant-filled: var(--gray-400);
123
+ --checkbox-variant-outlined-border: var(--fill-noeffect-strong);
124
+ --checkbox-variant-outlined: var(--fill-noeffect-strong);
125
+ --checkbox-variant-outlined-hover-border: var(--fill-noeffect-strong-hover);
126
+ --checkbox-variant-outline-ring-color: var(--ring-noeffect);
127
+ --checkbox-variant-filled: var(--fill-noeffect-strong);
128
+ --checkbox-icon-color: var(--text-on-noeffect);
126
129
  }
127
130
 
128
131
  .success-LoZ4k7 {
129
- --checkbox-variant-outlined-border: var(--green-400);
130
- --checkbox-variant-outlined: var(--green-400);
131
- --checkbox-variant-outlined-hover-border: var(--green-400);
132
- --checkbox-variant-outline-ring-color: var(--green-400);
133
- --checkbox-variant-filled: var(--green-400);
132
+ --checkbox-variant-outlined-border: var(--fill-success-strong);
133
+ --checkbox-variant-outlined: var(--fill-success-strong);
134
+ --checkbox-variant-outlined-hover-border: var(--fill-success-strong-hover);
135
+ --checkbox-variant-outline-ring-color: var(--ring-success);
136
+ --checkbox-variant-filled: var(--fill-success-strong);
137
+ --checkbox-icon-color: var(--text-on-success);
134
138
  }
135
139
 
136
140
  .info-NNf4yN {
137
- --checkbox-variant-outlined-border: var(--blue-400);
138
- --checkbox-variant-outlined: var(--blue-400);
139
- --checkbox-variant-outlined-hover-border: var(--blue-400);
140
- --checkbox-variant-outline-ring-color: var(--blue-400);
141
- --checkbox-variant-filled: var(--blue-400);
141
+ --checkbox-variant-outlined-border: var(--fill-info-strong);
142
+ --checkbox-variant-outlined: var(--fill-info-strong);
143
+ --checkbox-variant-outlined-hover-border: var(--fill-info-strong-hover);
144
+ --checkbox-variant-outline-ring-color: var(--ring-info);
145
+ --checkbox-variant-filled: var(--fill-info-strong);
146
+ --checkbox-icon-color: var(--text-on-info);
142
147
  }
143
148
 
144
149
  .warning-eEgBnF {
145
- --checkbox-variant-outlined-border: var(--yellow-400);
146
- --checkbox-variant-outlined: var(--yellow-400);
147
- --checkbox-variant-outlined-hover-border: var(--yellow-400);
148
- --checkbox-variant-outline-ring-color: var(--yellow-400);
149
- --checkbox-variant-filled: var(--yellow-400);
150
+ --checkbox-variant-outlined-border: var(--fill-warning-strong);
151
+ --checkbox-variant-outlined: var(--fill-warning-strong);
152
+ --checkbox-variant-outlined-hover-border: var(--fill-warning-strong-hover);
153
+ --checkbox-variant-outline-ring-color: var(--ring-warning);
154
+ --checkbox-variant-filled: var(--fill-warning-strong);
155
+ --checkbox-icon-color: var(--text-on-warning);
150
156
  }
151
157
 
152
158
  .danger-FZ5wZH {
153
- --checkbox-variant-outlined-border: var(--red-400);
154
- --checkbox-variant-outlined: var(--red-400);
155
- --checkbox-variant-outlined-hover-border: var(--red-400);
156
- --checkbox-variant-outline-ring-color: var(--red-400);
157
- --checkbox-variant-filled: var(--red-400);
158
- }
159
-
160
- .dark .primary-mNSmqc:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
161
- --checkbox-variant-outlined-border: var(--primary-300);
162
- --checkbox-variant-outlined: var(--primary-300);
163
- --checkbox-variant-outlined-hover-border: var(--primary-500);
164
- --checkbox-variant-outline-ring-color: var(--primary-300);
165
- --checkbox-variant-filled: var(--primary-500);
166
- }
167
-
168
- .dark .secondary-B96Jra:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
169
- --checkbox-variant-outlined-border: var(--secondary-500);
170
- --checkbox-variant-outlined: var(--secondary-500);
171
- --checkbox-variant-outlined-hover-border: var(--secondary-500);
172
- --checkbox-variant-outline-ring-color: var(--secondary-500);
173
- --checkbox-variant-filled: var(--secondary-500);
174
- }
175
-
176
- .dark .noeffect-J5I4Dv:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
177
- --checkbox-variant-outlined-border: var(--gray-400);
178
- --checkbox-variant-outlined: var(--gray-400);
179
- --checkbox-variant-outlined-hover-border: var(--gray-400);
180
- --checkbox-variant-outline-ring-color: var(--gray-400);
181
- --checkbox-variant-filled: var(--gray-400);
182
- }
183
-
184
- .dark .success-LoZ4k7:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
185
- --checkbox-variant-outlined-border: var(--green-400);
186
- --checkbox-variant-outlined: var(--green-400);
187
- --checkbox-variant-outlined-hover-border: var(--green-400);
188
- --checkbox-variant-outline-ring-color: var(--green-400);
189
- --checkbox-variant-filled: var(--green-400);
190
- }
191
-
192
- .dark .info-NNf4yN:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
193
- --checkbox-variant-outlined-border: var(--blue-400);
194
- --checkbox-variant-outlined: var(--blue-400);
195
- --checkbox-variant-outlined-hover-border: var(--blue-400);
196
- --checkbox-variant-outline-ring-color: var(--blue-400);
197
- --checkbox-variant-filled: var(--blue-400);
198
- }
199
-
200
- .dark .warning-eEgBnF:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
201
- --checkbox-variant-outlined-border: var(--yellow-400);
202
- --checkbox-variant-outlined: var(--yellow-400);
203
- --checkbox-variant-outlined-hover-border: var(--yellow-400);
204
- --checkbox-variant-outline-ring-color: var(--yellow-400);
205
- --checkbox-variant-filled: var(--yellow-400);
206
- }
207
-
208
- .dark .danger-FZ5wZH:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
209
- --checkbox-variant-outlined-border: var(--red-400);
210
- --checkbox-variant-outlined: var(--red-400);
211
- --checkbox-variant-outlined-hover-border: var(--red-400);
212
- --checkbox-variant-outline-ring-color: var(--red-400);
213
- --checkbox-variant-filled: var(--red-400);
159
+ --checkbox-variant-outlined-border: var(--fill-danger-strong);
160
+ --checkbox-variant-outlined: var(--fill-danger-strong);
161
+ --checkbox-variant-outlined-hover-border: var(--fill-danger-strong-hover);
162
+ --checkbox-variant-outline-ring-color: var(--ring-danger);
163
+ --checkbox-variant-filled: var(--fill-danger-strong);
164
+ --checkbox-icon-color: var(--text-on-danger);
214
165
  }
215
166
 
216
167
  @keyframes checkBoxIn-yYID5l {
@@ -151,133 +151,66 @@
151
151
  }
152
152
 
153
153
  .primary-FIrC7m {
154
- --input-variant-outlined-border: var(--primary-300);
155
- --input-variant-outlined-hover-border: var(--primary-500);
156
- --input-variant-outline-ring-color: var(--primary-300);
157
- --input-variant-underlined-border: var(--primary-300);
158
- --input-variant-underlined-hover-border: var(--primary-500);
159
- --input-variant-filled: var(--gray-50);
154
+ --input-variant-outlined-border: var(--stroke-primary);
155
+ --input-variant-outlined-hover-border: var(--stroke-primary-hover);
156
+ --input-variant-outline-ring-color: var(--ring-primary);
157
+ --input-variant-underlined-border: var(--stroke-primary);
158
+ --input-variant-underlined-hover-border: var(--stroke-primary-hover);
159
+ --input-variant-filled: var(--fill-primary-weak);
160
160
  }
161
161
 
162
162
  .secondary-LmtH1h {
163
- --input-variant-outlined-border: var(--secondary-600);
164
- --input-variant-outlined-hover-border: var(--secondary-800);
165
- --input-variant-outline-ring-color: var(--secondary-600);
166
- --input-variant-underlined-border: var(--secondary-600);
167
- --input-variant-underlined-hover-border: var(--secondary-800);
168
- --input-variant-filled: var(--gray-50);
163
+ --input-variant-outlined-border: var(--stroke-secondary);
164
+ --input-variant-outlined-hover-border: var(--stroke-secondary-hover);
165
+ --input-variant-outline-ring-color: var(--ring-secondary);
166
+ --input-variant-underlined-border: var(--stroke-secondary);
167
+ --input-variant-underlined-hover-border: var(--stroke-secondary-hover);
168
+ --input-variant-filled: var(--fill-secondary-weak);
169
169
  }
170
170
 
171
171
  .noeffect-Kb93bb {
172
- --input-variant-outlined-border: var(--gray-500);
173
- --input-variant-outlined-hover-border: var(--gray-700);
174
- --input-variant-outline-ring-color: var(--gray-700);
175
- --input-variant-underlined-border: var(--gray-500);
176
- --input-variant-underlined-hover-border: var(--gray-700);
177
- --input-variant-filled: var(--gray-50);
172
+ --input-variant-outlined-border: var(--stroke-noeffect);
173
+ --input-variant-outlined-hover-border: var(--stroke-noeffect-hover);
174
+ --input-variant-outline-ring-color: var(--ring-noeffect);
175
+ --input-variant-underlined-border: var(--stroke-noeffect);
176
+ --input-variant-underlined-hover-border: var(--stroke-noeffect-hover);
177
+ --input-variant-filled: var(--fill-noeffect-weak);
178
178
  }
179
179
 
180
180
  .success-fNk168 {
181
- --input-variant-outlined-border: var(--green-300);
182
- --input-variant-outlined-hover-border: var(--green-600);
183
- --input-variant-outline-ring-color: var(--green-600);
184
- --input-variant-underlined-border: var(--green-300);
185
- --input-variant-underlined-hover-border: var(--green-600);
186
- --input-variant-filled: var(--gray-50);
181
+ --input-variant-outlined-border: var(--stroke-success);
182
+ --input-variant-outlined-hover-border: var(--stroke-success-hover);
183
+ --input-variant-outline-ring-color: var(--ring-success);
184
+ --input-variant-underlined-border: var(--stroke-success);
185
+ --input-variant-underlined-hover-border: var(--stroke-success-hover);
186
+ --input-variant-filled: var(--fill-success-weak);
187
187
  }
188
188
 
189
189
  .info-_CXlQd {
190
- --input-variant-outlined-border: var(--blue-300);
191
- --input-variant-outlined-hover-border: var(--blue-600);
192
- --input-variant-outline-ring-color: var(--blue-300);
193
- --input-variant-underlined-border: var(--blue-100);
194
- --input-variant-underlined-hover-border: var(--blue-400);
195
- --input-variant-filled: var(--gray-50);
190
+ --input-variant-outlined-border: var(--stroke-info);
191
+ --input-variant-outlined-hover-border: var(--stroke-info-hover);
192
+ --input-variant-outline-ring-color: var(--ring-info);
193
+ --input-variant-underlined-border: var(--stroke-info);
194
+ --input-variant-underlined-hover-border: var(--stroke-info-hover);
195
+ --input-variant-filled: var(--fill-info-weak);
196
196
  }
197
197
 
198
198
  .warning-abMXZC {
199
- --input-variant-outlined-border: var(--yellow-600);
200
- --input-variant-outlined-hover-border: var(--yellow-800);
201
- --input-variant-outline-ring-color: var(--yellow-600);
202
- --input-variant-underlined-border: var(--yellow-600);
203
- --input-variant-underlined-hover-border: var(--yellow-800);
204
- --input-variant-filled: var(--gray-50);
199
+ --input-variant-outlined-border: var(--stroke-warning);
200
+ --input-variant-outlined-hover-border: var(--stroke-warning-hover);
201
+ --input-variant-outline-ring-color: var(--ring-warning);
202
+ --input-variant-underlined-border: var(--stroke-warning);
203
+ --input-variant-underlined-hover-border: var(--stroke-warning-hover);
204
+ --input-variant-filled: var(--fill-warning-weak);
205
205
  }
206
206
 
207
207
  .danger-Q_LJPS {
208
- --input-variant-outlined-border: var(--red-300);
209
- --input-variant-outlined-hover-border: var(--red-600);
210
- --input-variant-outline-ring-color: var(--red-600);
211
- --input-variant-underlined-border: var(--red-300);
212
- --input-variant-underlined-hover-border: var(--red-600);
213
- --input-variant-filled: var(--gray-50);
214
- }
215
-
216
- .dark .input-ZoQqR8:focus:not(:where([class~="not-dark"], [class~="not-dark"] *)), .dark .input-ZoQqR8:active:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
217
- --ring-offset-color: var(--background);
218
- }
219
-
220
- .dark .primary-FIrC7m:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
221
- --input-variant-outlined-border: var(--primary-200);
222
- --input-variant-outlined-hover-border: var(--primary-100);
223
- --input-variant-outline-ring-color: var(--primary-200);
224
- --input-variant-underlined-border: var(--primary-200);
225
- --input-variant-underlined-hover-border: var(--primary-100);
226
- --input-variant-filled: var(--canvas-800);
227
- }
228
-
229
- .dark .secondary-LmtH1h:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
230
- --input-variant-outlined-border: var(--secondary-600);
231
- --input-variant-outlined-hover-border: var(--secondary-400);
232
- --input-variant-outline-ring-color: var(--secondary-600);
233
- --input-variant-underlined-border: var(--secondary-600);
234
- --input-variant-underlined-hover-border: var(--secondary-400);
235
- --input-variant-filled: var(--canvas-800);
236
- }
237
-
238
- .dark .noeffect-Kb93bb:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
239
- --input-variant-outlined-border: var(--gray-500);
240
- --input-variant-outlined-hover-border: var(--gray-300);
241
- --input-variant-outline-ring-color: var(--gray-400);
242
- --input-variant-underlined-border: var(--gray-500);
243
- --input-variant-underlined-hover-border: var(--gray-300);
244
- --input-variant-filled: var(--canvas-800);
245
- }
246
-
247
- .dark .success-fNk168:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
248
- --input-variant-outlined-border: var(--green-500);
249
- --input-variant-outlined-hover-border: var(--green-300);
250
- --input-variant-outline-ring-color: var(--green-400);
251
- --input-variant-underlined-border: var(--green-500);
252
- --input-variant-underlined-hover-border: var(--green-300);
253
- --input-variant-filled: var(--canvas-800);
254
- }
255
-
256
- .dark .info-_CXlQd:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
257
- --input-variant-outlined-border: var(--blue-500);
258
- --input-variant-outlined-hover-border: var(--blue-300);
259
- --input-variant-outline-ring-color: var(--blue-400);
260
- --input-variant-underlined-border: var(--blue-500);
261
- --input-variant-underlined-hover-border: var(--blue-300);
262
- --input-variant-filled: var(--canvas-800);
263
- }
264
-
265
- .dark .warning-abMXZC:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
266
- --input-variant-outlined-border: var(--yellow-500);
267
- --input-variant-outlined-hover-border: var(--yellow-300);
268
- --input-variant-outline-ring-color: var(--yellow-400);
269
- --input-variant-underlined-border: var(--yellow-500);
270
- --input-variant-underlined-hover-border: var(--yellow-300);
271
- --input-variant-filled: var(--canvas-800);
272
- }
273
-
274
- .dark .danger-Q_LJPS:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
275
- --input-variant-outlined-border: var(--red-500);
276
- --input-variant-outlined-hover-border: var(--red-300);
277
- --input-variant-outline-ring-color: var(--red-400);
278
- --input-variant-underlined-border: var(--red-500);
279
- --input-variant-underlined-hover-border: var(--red-500);
280
- --input-variant-filled: var(--canvas-800);
208
+ --input-variant-outlined-border: var(--stroke-danger);
209
+ --input-variant-outlined-hover-border: var(--stroke-danger-hover);
210
+ --input-variant-outline-ring-color: var(--ring-danger);
211
+ --input-variant-underlined-border: var(--stroke-danger);
212
+ --input-variant-underlined-hover-border: var(--stroke-danger-hover);
213
+ --input-variant-filled: var(--fill-danger-weak);
281
214
  }
282
215
  }
283
216
 
@@ -82,73 +82,38 @@
82
82
  }
83
83
 
84
84
  .primary-W2P_QT {
85
- --radio-border: var(--primary-400);
86
- --radio-indicator-color: var(--primary-400);
85
+ --radio-border: var(--fill-primary-strong);
86
+ --radio-indicator-color: var(--fill-primary-strong);
87
87
  }
88
88
 
89
89
  .secondary-PWYoVU {
90
- --radio-border: var(--secondary-400);
91
- --radio-indicator-color: var(--secondary-400);
90
+ --radio-border: var(--fill-secondary-strong);
91
+ --radio-indicator-color: var(--fill-secondary-strong);
92
92
  }
93
93
 
94
94
  .noeffect-In5gxi {
95
- --radio-border: var(--gray-400);
96
- --radio-indicator-color: var(--gray-400);
95
+ --radio-border: var(--fill-noeffect-strong);
96
+ --radio-indicator-color: var(--fill-noeffect-strong);
97
97
  }
98
98
 
99
99
  .success-R2Jb22 {
100
- --radio-border: var(--green-400);
101
- --radio-indicator-color: var(--green-400);
100
+ --radio-border: var(--fill-success-strong);
101
+ --radio-indicator-color: var(--fill-success-strong);
102
102
  }
103
103
 
104
104
  .info-A_p4DP {
105
- --radio-border: var(--blue-400);
106
- --radio-indicator-color: var(--blue-400);
105
+ --radio-border: var(--fill-info-strong);
106
+ --radio-indicator-color: var(--fill-info-strong);
107
107
  }
108
108
 
109
109
  .warning-MWFrsJ {
110
- --radio-border: var(--yellow-400);
111
- --radio-indicator-color: var(--yellow-400);
110
+ --radio-border: var(--fill-warning-strong);
111
+ --radio-indicator-color: var(--fill-warning-strong);
112
112
  }
113
113
 
114
114
  .danger-Lk8pek {
115
- --radio-border: var(--red-400);
116
- --radio-indicator-color: var(--red-400);
117
- }
118
-
119
- .dark .primary-W2P_QT:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
120
- --radio-border: var(--primary-300);
121
- --radio-indicator-color: var(--primary-300);
122
- }
123
-
124
- .dark .secondary-PWYoVU:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
125
- --radio-border: var(--secondary-500);
126
- --radio-indicator-color: var(--secondary-500);
127
- }
128
-
129
- .dark .noeffect-In5gxi:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
130
- ---radio-border: var(--gray-400);
131
- --radio-indicator-color: var(--gray-400);
132
- }
133
-
134
- .dark .success-R2Jb22:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
135
- --radio-border: var(--green-400);
136
- --radio-indicator-color: var(--green-400);
137
- }
138
-
139
- .dark .info-A_p4DP:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
140
- --radio-border: var(--blue-400);
141
- --radio-indicator-color: var(--blue-400);
142
- }
143
-
144
- .dark .warning-MWFrsJ:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
145
- --radio-border: var(--yellow-400);
146
- --radio-indicator-color: var(--yellow-400);
147
- }
148
-
149
- .dark .danger-Lk8pek:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
150
- --radio-border: var(--red-400);
151
- --radio-indicator-color: var(--red-400);
115
+ --radio-border: var(--fill-danger-strong);
116
+ --radio-indicator-color: var(--fill-danger-strong);
152
117
  }
153
118
 
154
119
  @keyframes radioIn-L_nBcr {
@@ -42,10 +42,6 @@
42
42
  display: flex;
43
43
  }
44
44
 
45
- .close-BUVZO7 svg {
46
- fill: #fff;
47
- }
48
-
49
45
  .fade-VGuhOJ {
50
46
  opacity: 0;
51
47
  transition: opacity .4s ease-in-out;
@@ -3,7 +3,7 @@ import classnames from "classnames";
3
3
  import { IconElement } from "./icon-element.js";
4
4
  import icons_module from "./icons.module.js";
5
5
  const CloseIcon = ({ className, svgClassName, ...rest })=>{
6
- const applied = classnames(icons_module["fill-contrast"], svgClassName);
6
+ const applied = classnames(icons_module["fill-current"], svgClassName);
7
7
  return /*#__PURE__*/ jsx(IconElement, {
8
8
  className: classnames('close-icon', className),
9
9
  ...rest,
@@ -1 +1 @@
1
- {"version":3,"file":"copy-icon.d.ts","sourceRoot":"","sources":["../../src/icons/copy-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,QAAQ;2CAA0C,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAsB3F,CAAA"}
1
+ {"version":3,"file":"copy-icon.d.ts","sourceRoot":"","sources":["../../src/icons/copy-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,QAAQ;2CAA0C,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAqB3F,CAAA"}
@@ -3,7 +3,7 @@ import classnames from "classnames";
3
3
  import { IconElement } from "./icon-element.js";
4
4
  import icons_module from "./icons.module.js";
5
5
  const CopyIcon = ({ className, svgClassName, ...rest })=>{
6
- const applied = classnames(icons_module["fill-gray"], svgClassName);
6
+ const applied = classnames(icons_module["fill-current"], svgClassName);
7
7
  return /*#__PURE__*/ jsx(IconElement, {
8
8
  className: classnames('copy-icon', className),
9
9
  ...rest,
package/dist/react.d.ts CHANGED
@@ -38,7 +38,6 @@ export * from './components/section/section.js';
38
38
  export * from './components/shimmer/shimmer.js';
39
39
  export * from './components/table/table.js';
40
40
  export * from './components/tabs/tabs.js';
41
- export * from './components/timeline/timeline.js';
42
41
  export * from './components/tooltip/tooltip.js';
43
42
  export * from './icons/activity-icon.js';
44
43
  export * from './icons/calendar-icon.js';
@@ -96,5 +95,6 @@ export * from './widgets/drawer/drawer.js';
96
95
  export * from './widgets/drawer/drawer-context.js';
97
96
  export * from './widgets/modal/modal.js';
98
97
  export * from './widgets/search/search.js';
98
+ export * from './widgets/timeline/timeline.js';
99
99
  export * from './widgets/datepicker/datepicker.js';
100
100
  //# sourceMappingURL=react.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}
package/dist/react.js CHANGED
@@ -34,7 +34,6 @@ export * from "./components/section/section.js";
34
34
  export * from "./components/shimmer/shimmer.js";
35
35
  export * from "./components/table/table.js";
36
36
  export * from "./components/tabs/tabs.js";
37
- export * from "./components/timeline/timeline.js";
38
37
  export * from "./components/tooltip/tooltip.js";
39
38
  export * from "./icons/activity-icon.js";
40
39
  export * from "./icons/calendar-icon.js";
@@ -92,4 +91,5 @@ export * from "./widgets/drawer/drawer.js";
92
91
  export * from "./widgets/drawer/drawer-context.js";
93
92
  export * from "./widgets/modal/modal.js";
94
93
  export * from "./widgets/search/search.js";
94
+ export * from "./widgets/timeline/timeline.js";
95
95
  export * from "./widgets/datepicker/datepicker.js";