@handamade/psi-tokens 0.12.0 → 0.13.1
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/components/tabs.vars.css +15 -0
- package/dist/components.css +16 -0
- package/dist/scope-map.json +20 -1
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@layer psi.components {
|
|
2
|
+
:where(:root, [data-psi-theme]) {
|
|
3
|
+
--psi-tabs-fg: var(--psi-fg-secondary);
|
|
4
|
+
--psi-tabs-fg-selected: var(--psi-fg-accent);
|
|
5
|
+
--psi-tabs-fg-disabled: var(--psi-fg-quaternary);
|
|
6
|
+
--psi-tabs-bg-hover: var(--psi-fill-neutral3);
|
|
7
|
+
--psi-tabs-indicator: var(--psi-fill-accent);
|
|
8
|
+
--psi-tabs-list-border: var(--psi-border-faint);
|
|
9
|
+
--psi-tabs-focus-ring: var(--psi-border-focus);
|
|
10
|
+
--psi-tabs-32-height: var(--psi-control-32-height);
|
|
11
|
+
--psi-tabs-40-height: var(--psi-control-40-height);
|
|
12
|
+
--psi-tabs-32-padding-x: var(--psi-control-32-padding-inline);
|
|
13
|
+
--psi-tabs-40-padding-x: var(--psi-control-40-padding-inline);
|
|
14
|
+
}
|
|
15
|
+
}
|
package/dist/components.css
CHANGED
|
@@ -279,6 +279,22 @@
|
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
|
|
282
|
+
@layer psi.components {
|
|
283
|
+
:where(:root, [data-psi-theme]) {
|
|
284
|
+
--psi-tabs-fg: var(--psi-fg-secondary);
|
|
285
|
+
--psi-tabs-fg-selected: var(--psi-fg-accent);
|
|
286
|
+
--psi-tabs-fg-disabled: var(--psi-fg-quaternary);
|
|
287
|
+
--psi-tabs-bg-hover: var(--psi-fill-neutral3);
|
|
288
|
+
--psi-tabs-indicator: var(--psi-fill-accent);
|
|
289
|
+
--psi-tabs-list-border: var(--psi-border-faint);
|
|
290
|
+
--psi-tabs-focus-ring: var(--psi-border-focus);
|
|
291
|
+
--psi-tabs-32-height: var(--psi-control-32-height);
|
|
292
|
+
--psi-tabs-40-height: var(--psi-control-40-height);
|
|
293
|
+
--psi-tabs-32-padding-x: var(--psi-control-32-padding-inline);
|
|
294
|
+
--psi-tabs-40-padding-x: var(--psi-control-40-padding-inline);
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
|
|
282
298
|
@layer psi.components {
|
|
283
299
|
:where(:root, [data-psi-theme]) {
|
|
284
300
|
--psi-tag-neutral-bg: var(--psi-fill-neutral3);
|
package/dist/scope-map.json
CHANGED
|
@@ -27,7 +27,11 @@
|
|
|
27
27
|
"border-bottom",
|
|
28
28
|
"border-left",
|
|
29
29
|
"border-inline",
|
|
30
|
-
"border-block"
|
|
30
|
+
"border-block",
|
|
31
|
+
"border-inline-start",
|
|
32
|
+
"border-inline-end",
|
|
33
|
+
"border-block-start",
|
|
34
|
+
"border-block-end"
|
|
31
35
|
],
|
|
32
36
|
"gap": [
|
|
33
37
|
"gap",
|
|
@@ -462,6 +466,21 @@
|
|
|
462
466
|
"table-sort-indicator-fg": [
|
|
463
467
|
"text"
|
|
464
468
|
],
|
|
469
|
+
"tabs-fg": [
|
|
470
|
+
"text"
|
|
471
|
+
],
|
|
472
|
+
"tabs-fg-selected": [
|
|
473
|
+
"text"
|
|
474
|
+
],
|
|
475
|
+
"tabs-fg-disabled": [
|
|
476
|
+
"text"
|
|
477
|
+
],
|
|
478
|
+
"tabs-bg-hover": [
|
|
479
|
+
"surface"
|
|
480
|
+
],
|
|
481
|
+
"tabs-list-border": [
|
|
482
|
+
"border"
|
|
483
|
+
],
|
|
465
484
|
"tag-neutral-bg": [
|
|
466
485
|
"surface"
|
|
467
486
|
],
|