@handamade/psi-tokens 0.6.0 → 0.7.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.
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
@layer psi.components {
|
|
2
2
|
:where(:root, [data-psi-theme]) {
|
|
3
|
-
--psi-dialog-bg: var(--psi-bg
|
|
4
|
-
--psi-dialog-border: var(--psi-border
|
|
3
|
+
--psi-dialog-bg: var(--psi-surface-bg);
|
|
4
|
+
--psi-dialog-border: var(--psi-surface-border);
|
|
5
|
+
--psi-dialog-radius: var(--psi-surface-radius);
|
|
5
6
|
--psi-dialog-backdrop: var(--psi-scrim-heavy);
|
|
6
7
|
--psi-dialog-fg: var(--psi-fg-primary);
|
|
7
8
|
--psi-dialog-title-fg: var(--psi-fg-primary);
|
package/dist/components.css
CHANGED
|
@@ -61,8 +61,9 @@
|
|
|
61
61
|
|
|
62
62
|
@layer psi.components {
|
|
63
63
|
:where(:root, [data-psi-theme]) {
|
|
64
|
-
--psi-dialog-bg: var(--psi-bg
|
|
65
|
-
--psi-dialog-border: var(--psi-border
|
|
64
|
+
--psi-dialog-bg: var(--psi-surface-bg);
|
|
65
|
+
--psi-dialog-border: var(--psi-surface-border);
|
|
66
|
+
--psi-dialog-radius: var(--psi-surface-radius);
|
|
66
67
|
--psi-dialog-backdrop: var(--psi-scrim-heavy);
|
|
67
68
|
--psi-dialog-fg: var(--psi-fg-primary);
|
|
68
69
|
--psi-dialog-title-fg: var(--psi-fg-primary);
|
|
@@ -109,6 +110,15 @@
|
|
|
109
110
|
}
|
|
110
111
|
}
|
|
111
112
|
|
|
113
|
+
@layer psi.components {
|
|
114
|
+
:where(:root, [data-psi-theme]) {
|
|
115
|
+
--psi-panel-bg: var(--psi-surface-bg);
|
|
116
|
+
--psi-panel-border: var(--psi-surface-border);
|
|
117
|
+
--psi-panel-radius: var(--psi-surface-radius);
|
|
118
|
+
--psi-panel-padding: var(--psi-surface-padding);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
|
|
112
122
|
@layer psi.components {
|
|
113
123
|
:where(:root, [data-psi-theme]) {
|
|
114
124
|
--psi-select-bg: var(--psi-bg-primary);
|
|
@@ -122,6 +132,15 @@
|
|
|
122
132
|
}
|
|
123
133
|
}
|
|
124
134
|
|
|
135
|
+
@layer psi.components {
|
|
136
|
+
:where(:root, [data-psi-theme]) {
|
|
137
|
+
--psi-surface-bg: var(--psi-bg-secondary);
|
|
138
|
+
--psi-surface-border: var(--psi-border-faint);
|
|
139
|
+
--psi-surface-radius: var(--psi-radius-12);
|
|
140
|
+
--psi-surface-padding: var(--psi-space-24);
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
|
|
125
144
|
@layer psi.components {
|
|
126
145
|
:where(:root, [data-psi-theme]) {
|
|
127
146
|
--psi-switch-fg: var(--psi-fg-primary);
|
package/dist/scope-map.json
CHANGED
|
@@ -362,6 +362,12 @@
|
|
|
362
362
|
"navbar-link-fg-hover": [
|
|
363
363
|
"text"
|
|
364
364
|
],
|
|
365
|
+
"panel-bg": [
|
|
366
|
+
"surface"
|
|
367
|
+
],
|
|
368
|
+
"panel-border": [
|
|
369
|
+
"border"
|
|
370
|
+
],
|
|
365
371
|
"select-bg": [
|
|
366
372
|
"surface"
|
|
367
373
|
],
|
|
@@ -380,6 +386,12 @@
|
|
|
380
386
|
"select-chevron-fg": [
|
|
381
387
|
"text"
|
|
382
388
|
],
|
|
389
|
+
"surface-bg": [
|
|
390
|
+
"surface"
|
|
391
|
+
],
|
|
392
|
+
"surface-border": [
|
|
393
|
+
"border"
|
|
394
|
+
],
|
|
383
395
|
"switch-fg": [
|
|
384
396
|
"text"
|
|
385
397
|
],
|