@l3mpire/tokens 0.6.0 → 0.8.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/css/components.css +8 -5
- package/dist/css/tokens.css +8 -5
- package/dist/ts/tokens.ts +8 -5
- package/package.json +1 -1
package/dist/css/components.css
CHANGED
|
@@ -88,6 +88,9 @@
|
|
|
88
88
|
--comp-browser-tab-item-inactive-text: var(--core-text-main-tertiary);
|
|
89
89
|
--comp-browser-tab-item-inactive-icon: var(--core-text-main-tertiary);
|
|
90
90
|
--comp-browser-tab-item-hover-icon: var(--core-text-main-secondary);
|
|
91
|
+
--comp-bulk-action-bg: var(--core-bg-main-primary);
|
|
92
|
+
--comp-bulk-action-border: var(--core-border-main-primary);
|
|
93
|
+
--comp-bulk-action-count: var(--core-text-main-secondary);
|
|
91
94
|
--comp-btn-solid-brand-bg-default: var(--interactive-bg-primary-dark-default);
|
|
92
95
|
--comp-btn-solid-brand-bg-hover: var(--interactive-bg-primary-dark-default);
|
|
93
96
|
--comp-btn-solid-brand-bg-pressed: var(--interactive-bg-primary-dark-hover);
|
|
@@ -125,11 +128,11 @@
|
|
|
125
128
|
--comp-btn-outlined-alert-border-default: var(--interactive-border-critical-dark-default);
|
|
126
129
|
--comp-btn-outlined-alert-border-hover: var(--interactive-border-critical-dark-default);
|
|
127
130
|
--comp-btn-outlined-alert-border-pressed: var(--interactive-border-critical-dark-pressed);
|
|
128
|
-
--comp-btn-ghost-brand-bg-hover: var(--interactive-bg-
|
|
129
|
-
--comp-btn-ghost-brand-bg-pressed: var(--interactive-bg-
|
|
130
|
-
--comp-btn-ghost-brand-text-default: var(--
|
|
131
|
-
--comp-btn-ghost-brand-text-hover: var(--
|
|
132
|
-
--comp-btn-ghost-brand-text-pressed: var(--
|
|
131
|
+
--comp-btn-ghost-brand-bg-hover: var(--interactive-bg-light-hover);
|
|
132
|
+
--comp-btn-ghost-brand-bg-pressed: var(--interactive-bg-light-pressed);
|
|
133
|
+
--comp-btn-ghost-brand-text-default: var(--core-text-main-secondary);
|
|
134
|
+
--comp-btn-ghost-brand-text-hover: var(--core-text-main-secondary);
|
|
135
|
+
--comp-btn-ghost-brand-text-pressed: var(--core-text-main-secondary);
|
|
133
136
|
--comp-btn-ghost-neutral-bg-hover: var(--interactive-bg-light-hover);
|
|
134
137
|
--comp-btn-ghost-neutral-bg-pressed: var(--interactive-bg-light-pressed);
|
|
135
138
|
--comp-btn-ghost-neutral-text-default: var(--core-text-main-secondary);
|
package/dist/css/tokens.css
CHANGED
|
@@ -389,6 +389,9 @@
|
|
|
389
389
|
--comp-browser-tab-item-inactive-text: var(--core-text-main-tertiary);
|
|
390
390
|
--comp-browser-tab-item-inactive-icon: var(--core-text-main-tertiary);
|
|
391
391
|
--comp-browser-tab-item-hover-icon: var(--core-text-main-secondary);
|
|
392
|
+
--comp-bulk-action-bg: var(--core-bg-main-primary);
|
|
393
|
+
--comp-bulk-action-border: var(--core-border-main-primary);
|
|
394
|
+
--comp-bulk-action-count: var(--core-text-main-secondary);
|
|
392
395
|
--comp-btn-solid-brand-bg-default: var(--interactive-bg-primary-dark-default);
|
|
393
396
|
--comp-btn-solid-brand-bg-hover: var(--interactive-bg-primary-dark-default);
|
|
394
397
|
--comp-btn-solid-brand-bg-pressed: var(--interactive-bg-primary-dark-hover);
|
|
@@ -426,11 +429,11 @@
|
|
|
426
429
|
--comp-btn-outlined-alert-border-default: var(--interactive-border-critical-dark-default);
|
|
427
430
|
--comp-btn-outlined-alert-border-hover: var(--interactive-border-critical-dark-default);
|
|
428
431
|
--comp-btn-outlined-alert-border-pressed: var(--interactive-border-critical-dark-pressed);
|
|
429
|
-
--comp-btn-ghost-brand-bg-hover: var(--interactive-bg-
|
|
430
|
-
--comp-btn-ghost-brand-bg-pressed: var(--interactive-bg-
|
|
431
|
-
--comp-btn-ghost-brand-text-default: var(--
|
|
432
|
-
--comp-btn-ghost-brand-text-hover: var(--
|
|
433
|
-
--comp-btn-ghost-brand-text-pressed: var(--
|
|
432
|
+
--comp-btn-ghost-brand-bg-hover: var(--interactive-bg-light-hover);
|
|
433
|
+
--comp-btn-ghost-brand-bg-pressed: var(--interactive-bg-light-pressed);
|
|
434
|
+
--comp-btn-ghost-brand-text-default: var(--core-text-main-secondary);
|
|
435
|
+
--comp-btn-ghost-brand-text-hover: var(--core-text-main-secondary);
|
|
436
|
+
--comp-btn-ghost-brand-text-pressed: var(--core-text-main-secondary);
|
|
434
437
|
--comp-btn-ghost-neutral-bg-hover: var(--interactive-bg-light-hover);
|
|
435
438
|
--comp-btn-ghost-neutral-bg-pressed: var(--interactive-bg-light-pressed);
|
|
436
439
|
--comp-btn-ghost-neutral-text-default: var(--core-text-main-secondary);
|
package/dist/ts/tokens.ts
CHANGED
|
@@ -340,6 +340,9 @@ export const tokens = {
|
|
|
340
340
|
"comp-browser-tab-item-inactive-text": "#98a1ac",
|
|
341
341
|
"comp-browser-tab-item-inactive-icon": "#98a1ac",
|
|
342
342
|
"comp-browser-tab-item-hover-icon": "#566f8f",
|
|
343
|
+
"comp-bulk-action-bg": "#ffffff",
|
|
344
|
+
"comp-bulk-action-border": "#efefef",
|
|
345
|
+
"comp-bulk-action-count": "#566f8f",
|
|
343
346
|
"comp-btn-solid-brand-bg-default": "#316bff",
|
|
344
347
|
"comp-btn-solid-brand-bg-hover": "#316bff",
|
|
345
348
|
"comp-btn-solid-brand-bg-pressed": "#1f5eff",
|
|
@@ -392,11 +395,11 @@ export const tokens = {
|
|
|
392
395
|
"comp-btn-outlined-alert-border-hover": "#ec4343",
|
|
393
396
|
"comp-btn-outlined-alert-border-pressed": "#be0723",
|
|
394
397
|
"comp-btn-ghost-brand-bg-default": "rgba(0, 0, 0, 0)",
|
|
395
|
-
"comp-btn-ghost-brand-bg-hover": "#
|
|
396
|
-
"comp-btn-ghost-brand-bg-pressed": "#
|
|
397
|
-
"comp-btn-ghost-brand-text-default": "#
|
|
398
|
-
"comp-btn-ghost-brand-text-hover": "#
|
|
399
|
-
"comp-btn-ghost-brand-text-pressed": "#
|
|
398
|
+
"comp-btn-ghost-brand-bg-hover": "#f2f2f2",
|
|
399
|
+
"comp-btn-ghost-brand-bg-pressed": "#efefef",
|
|
400
|
+
"comp-btn-ghost-brand-text-default": "#566f8f",
|
|
401
|
+
"comp-btn-ghost-brand-text-hover": "#566f8f",
|
|
402
|
+
"comp-btn-ghost-brand-text-pressed": "#566f8f",
|
|
400
403
|
"comp-btn-ghost-brand-border-default": "rgba(0, 0, 0, 0)",
|
|
401
404
|
"comp-btn-ghost-brand-border-hover": "rgba(0, 0, 0, 0)",
|
|
402
405
|
"comp-btn-ghost-brand-border-pressed": "rgba(0, 0, 0, 0)",
|