@tensor_1/tokens 2.28.0 → 2.29.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tensor_1/tokens",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.29.0",
|
|
4
4
|
"description": "UIx v2 design tokens — the --uix-* contract for house products (Tensor, POSx, SHOPx). One DTCG source -> CSS variables, Tailwind theme, and typed TS constants.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/* uix icon (React `@tensor_1/react/icons`, HAR-996) — inline SVG in currentColor, sized by the
|
|
2
|
+
--uix-icon-* tokens. A product sizing class (utilities layer) wins over these on purpose. */
|
|
3
|
+
@layer uix.components {
|
|
4
|
+
.uix-icon { display: inline-block; flex: none; width: var(--uix-icon-md); height: var(--uix-icon-md); vertical-align: middle; }
|
|
5
|
+
.uix-icon--sm { width: var(--uix-icon-sm); height: var(--uix-icon-sm); }
|
|
6
|
+
.uix-icon--lg { width: var(--uix-icon-lg); height: var(--uix-icon-lg); }
|
|
7
|
+
.uix-icon--muted { color: var(--uix-text-muted); }
|
|
8
|
+
.uix-icon--accent { color: var(--uix-link); }
|
|
9
|
+
.uix-icon--success { color: var(--uix-success); }
|
|
10
|
+
.uix-icon--warning { color: var(--uix-warning-text); }
|
|
11
|
+
.uix-icon--danger { color: var(--uix-danger-text); }
|
|
12
|
+
.uix-icon--info { color: var(--uix-info-text); }
|
|
13
|
+
/* stroke is currentColor, so forced-colors mode recolours it with the text */
|
|
14
|
+
@media (forced-colors: active) { .uix-icon { forced-color-adjust: auto; } }
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/* A reference grid of glyphs (docs and icon pickers) */
|
|
18
|
+
@layer uix.components {
|
|
19
|
+
.uix-icon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr)); gap: var(--uix-space-2); margin: 0; padding: 0; list-style: none; }
|
|
20
|
+
.uix-icon-grid__item { display: grid; justify-items: center; gap: var(--uix-space-2); padding: var(--uix-space-3) var(--uix-space-2); border: 1px solid var(--uix-border); border-radius: var(--uix-radius-sm); background: var(--uix-surface); color: var(--uix-text); }
|
|
21
|
+
.uix-icon-grid__item code { font-size: var(--uix-text-meta); color: var(--uix-text-muted); overflow-wrap: break-word; text-align: center; }
|
|
22
|
+
}
|