@cobre-npm/ds-v3 0.33.0 → 0.35.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 +891 -880
- package/dist/style.css +1 -1
- package/dist/tokens/_components.scss +51 -3
- package/dist/types/components/atoms/CobreTabMenu/CobreTabMenu.vue.d.ts +1 -0
- package/dist/types/components/molecules/CobreSelect/CobreSelect.vue.d.ts +5 -0
- 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
|
/**
|
|
@@ -296,6 +331,19 @@
|
|
|
296
331
|
--cobre-radio-description-fs: var(--cobre-label-small-fs);
|
|
297
332
|
--cobre-radio-description-color: var(--cobre-primary-80);
|
|
298
333
|
--cobre-radio-description-margin: 4px 23px;
|
|
334
|
+
|
|
335
|
+
--cobre-radio-disabled-color: var(--cobre-primary-10);
|
|
336
|
+
--cobre-radio-label-color: var(--cobre-primary-95);
|
|
337
|
+
|
|
338
|
+
--cobre-radio-input-checked-bg: var(--cobre-secondary-70);
|
|
339
|
+
--cobre-radio-input-checked-border: 1px solid var(--cobre-secondary-70);
|
|
340
|
+
--cobre-radio-input-checked-hover-bg: var(--cobre-secondary-50);
|
|
341
|
+
--cobre-radio-input-checked-disabled-border: 1px solid var(--cobre-secondary-50);
|
|
342
|
+
|
|
343
|
+
--cobre-radio-input-hover-bg: var(--cobre-secondary-10);
|
|
344
|
+
--cobre-radio-input-hover-border: 1px solid var(--cobre-secondary-10);
|
|
345
|
+
|
|
346
|
+
--cobre-radio-input-disabled-bg: var(--cobre-primary-5);
|
|
299
347
|
}
|
|
300
348
|
|
|
301
349
|
|
|
@@ -636,8 +684,8 @@
|
|
|
636
684
|
--cobre-float-modal-z-index: 15;
|
|
637
685
|
}
|
|
638
686
|
|
|
639
|
-
/**
|
|
640
|
-
*Alert
|
|
687
|
+
/**
|
|
688
|
+
*Alert
|
|
641
689
|
*/
|
|
642
690
|
|
|
643
691
|
:root {
|
|
@@ -812,7 +860,7 @@
|
|
|
812
860
|
|
|
813
861
|
--cobre-select-v3-selected-bg: var(--cobre-primary-20);
|
|
814
862
|
--cobre-select-v3-selected-color: var(--cobre-primary-95);
|
|
815
|
-
|
|
863
|
+
|
|
816
864
|
--cobre-select-v3-disabled-bg: var(--cobre-white);
|
|
817
865
|
--cobre-select-v3-disabled-color: var(--cobre-primary-60);
|
|
818
866
|
|
|
@@ -38,6 +38,11 @@ declare function __VLS_template(): {
|
|
|
38
38
|
loading: any;
|
|
39
39
|
attributes: any;
|
|
40
40
|
}): any;
|
|
41
|
+
"list-header"?(_: {
|
|
42
|
+
search: any;
|
|
43
|
+
loading: any;
|
|
44
|
+
attributes: any;
|
|
45
|
+
}): any;
|
|
41
46
|
};
|
|
42
47
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
43
48
|
isRequired: boolean;
|