@cobre-npm/ds-v3 0.34.0 → 0.36.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.
- package/dist/cobre-ds-v3-lib.es.js +1 -1
- package/dist/style.css +1 -1
- package/dist/tokens/_components.scss +52 -3
- package/package.json +1 -1
|
@@ -162,6 +162,41 @@
|
|
|
162
162
|
--cobre-badge-outline-bg: var(--cobre-white);
|
|
163
163
|
--cobre-badge-outline-border: var(--cobre-border-stroke-M) solid var(--cobre-primary-40);
|
|
164
164
|
--cobre-badge-outline-color: var(--cobre-primary-80);
|
|
165
|
+
|
|
166
|
+
--cobre-badge-inactive-bg: var(--cobre-primary-10);
|
|
167
|
+
--cobre-badge-inactive-border: none;
|
|
168
|
+
--cobre-badge-inactive-color: var(--cobre-primary-95);
|
|
169
|
+
|
|
170
|
+
// Status
|
|
171
|
+
--cobre-badge-status-finished-bg: var(--cobre-green-10);
|
|
172
|
+
--cobre-badge-status-finished-color: var(--cobre-green-50);
|
|
173
|
+
--cobre-badge-status-finished-border: none;
|
|
174
|
+
|
|
175
|
+
--cobre-badge-status-progress-bg: var(--cobre-blue-10);
|
|
176
|
+
--cobre-badge-status-progress-color: var(--cobre-blue-50);
|
|
177
|
+
--cobre-badge-status-progress-border: none;
|
|
178
|
+
|
|
179
|
+
--cobre-badge-status-error-bg: var(--cobre-red-10);
|
|
180
|
+
--cobre-badge-status-error-color: var(--cobre-red-50);
|
|
181
|
+
--cobre-badge-status-error-border: none;
|
|
182
|
+
|
|
183
|
+
--cobre-badge-status-pending-bg: var(--cobre-yellow-10);
|
|
184
|
+
--cobre-badge-status-pending-color: var(--cobre-yellow-50);
|
|
185
|
+
--cobre-badge-status-pending-border: none;
|
|
186
|
+
|
|
187
|
+
--cobre-badge-status-inactive-bg: var(--cobre-primary-10);
|
|
188
|
+
--cobre-badge-status-inactive-color: var(--cobre-primary-50);
|
|
189
|
+
--cobre-badge-status-inactive-border: none;
|
|
190
|
+
|
|
191
|
+
--cobre-badge-filter-bg: transparent;
|
|
192
|
+
--cobre-badge-filter-color: var(--cobre-primary-95);
|
|
193
|
+
--cobre-badge-filter-border: var(--cobre-brand);
|
|
194
|
+
--cobre-badge-filter-label-color: var(--cobre-brand);
|
|
195
|
+
--cobre-badge-filter-hover-bg: var(--cobre-brand-light);
|
|
196
|
+
|
|
197
|
+
--cobre-badge-alert-bg: var(--cobre-yellow-5);
|
|
198
|
+
--cobre-badge-alert-color: var(--cobre-yellow-20);
|
|
199
|
+
--cobre-badge-alert-border: 1px solid var(--cobre-yellow-20);
|
|
165
200
|
}
|
|
166
201
|
|
|
167
202
|
/**
|
|
@@ -281,6 +316,7 @@
|
|
|
281
316
|
|
|
282
317
|
:root {
|
|
283
318
|
--cobre-modal-padding: 24px;
|
|
319
|
+
--cobre-modal-border-radius: var(--cobre-radius-S);
|
|
284
320
|
}
|
|
285
321
|
|
|
286
322
|
/**
|
|
@@ -296,6 +332,19 @@
|
|
|
296
332
|
--cobre-radio-description-fs: var(--cobre-label-small-fs);
|
|
297
333
|
--cobre-radio-description-color: var(--cobre-primary-80);
|
|
298
334
|
--cobre-radio-description-margin: 4px 23px;
|
|
335
|
+
|
|
336
|
+
--cobre-radio-disabled-color: var(--cobre-primary-10);
|
|
337
|
+
--cobre-radio-label-color: var(--cobre-primary-95);
|
|
338
|
+
|
|
339
|
+
--cobre-radio-input-checked-bg: var(--cobre-secondary-70);
|
|
340
|
+
--cobre-radio-input-checked-border: 1px solid var(--cobre-secondary-70);
|
|
341
|
+
--cobre-radio-input-checked-hover-bg: var(--cobre-secondary-50);
|
|
342
|
+
--cobre-radio-input-checked-disabled-border: 1px solid var(--cobre-secondary-50);
|
|
343
|
+
|
|
344
|
+
--cobre-radio-input-hover-bg: var(--cobre-secondary-10);
|
|
345
|
+
--cobre-radio-input-hover-border: 1px solid var(--cobre-secondary-10);
|
|
346
|
+
|
|
347
|
+
--cobre-radio-input-disabled-bg: var(--cobre-primary-5);
|
|
299
348
|
}
|
|
300
349
|
|
|
301
350
|
|
|
@@ -636,8 +685,8 @@
|
|
|
636
685
|
--cobre-float-modal-z-index: 15;
|
|
637
686
|
}
|
|
638
687
|
|
|
639
|
-
/**
|
|
640
|
-
*Alert
|
|
688
|
+
/**
|
|
689
|
+
*Alert
|
|
641
690
|
*/
|
|
642
691
|
|
|
643
692
|
:root {
|
|
@@ -812,7 +861,7 @@
|
|
|
812
861
|
|
|
813
862
|
--cobre-select-v3-selected-bg: var(--cobre-primary-20);
|
|
814
863
|
--cobre-select-v3-selected-color: var(--cobre-primary-95);
|
|
815
|
-
|
|
864
|
+
|
|
816
865
|
--cobre-select-v3-disabled-bg: var(--cobre-white);
|
|
817
866
|
--cobre-select-v3-disabled-color: var(--cobre-primary-60);
|
|
818
867
|
|