@tensor_1/tokens 2.55.0 → 2.55.2
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.55.
|
|
3
|
+
"version": "2.55.2",
|
|
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": [
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/* uix toast / notification — depends only on --uix-* tokens. JS appends to .uix-toaster. */
|
|
2
2
|
@layer uix.components {
|
|
3
|
-
.uix-toaster { position: fixed; bottom: 16px; right: 16px; z-index: var(--uix-z-toast); display: flex; flex-direction: column; gap: var(--uix-space-2); width: 340px; max-width: calc(100vw - 32px); }
|
|
3
|
+
.uix-toaster { position: fixed; bottom: 16px; right: 16px; z-index: var(--uix-z-toast); display: flex; flex-direction: column; gap: var(--uix-space-2); width: 340px; max-width: calc(100vw - 32px); container-type: inline-size; }
|
|
4
|
+
/* A manual popover inside the active modal is both above it and non-inert (HAR-2754).
|
|
5
|
+
Reset only the browser's popover frame; toast styling and placement stay unchanged. */
|
|
6
|
+
.uix-toaster[popover] { inset: auto var(--uix-space-4) var(--uix-space-4) auto; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; overflow: visible; }
|
|
4
7
|
.uix-toast {
|
|
5
8
|
display: flex; gap: var(--uix-space-3); align-items: flex-start; padding: var(--uix-space-3) var(--uix-space-4); border-radius: var(--uix-radius-md);
|
|
6
9
|
background: var(--uix-surface-2); border: 1px solid var(--uix-border); box-shadow: var(--uix-shadow-popover);
|
|
@@ -49,6 +52,18 @@
|
|
|
49
52
|
.uix-toaster[data-position="top-center"] { --uix-toast-from: translateY(calc(-1 * var(--uix-space-4))); }
|
|
50
53
|
.uix-toaster[data-position$="start"] { left: var(--uix-space-4); right: auto; }
|
|
51
54
|
.uix-toaster[data-position$="center"] { left: 50%; right: auto; transform: translateX(-50%); }
|
|
55
|
+
/* Keep an action from squeezing a failure sentence into a column of single words.
|
|
56
|
+
The toaster's own width is the boundary, including embedded/narrow containers. */
|
|
57
|
+
@container (max-width: 24rem) {
|
|
58
|
+
.uix-toast { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; row-gap: var(--uix-space-2); }
|
|
59
|
+
.uix-toast__icon { grid-column: 1; grid-row: 1; }
|
|
60
|
+
.uix-toast__body { grid-column: 1 / -2; grid-row: 1; }
|
|
61
|
+
.uix-toast__icon ~ .uix-toast__body { grid-column: 2 / -2; }
|
|
62
|
+
.uix-toast__close { grid-column: -2; grid-row: 1; }
|
|
63
|
+
.uix-toast__action-slot { grid-column: 1 / -1; grid-row: 2; justify-self: start; min-width: 0; max-width: 100%; }
|
|
64
|
+
.uix-toast__icon ~ .uix-toast__action-slot { grid-column: 2 / -1; }
|
|
65
|
+
.uix-toast__action { max-width: 100%; white-space: normal; text-align: start; }
|
|
66
|
+
}
|
|
52
67
|
}
|
|
53
68
|
|
|
54
69
|
/* The in-app reduced-motion preference (HAR-1372, <html data-motion="reduce">) needs no rule here: toasts
|