@devslab/dds-css 0.22.0 → 0.23.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/components/toast.css +13 -0
- package/dist/dds.css +13 -0
- package/package.json +1 -1
|
@@ -31,10 +31,23 @@
|
|
|
31
31
|
border-radius: var(--dds-radius-md);
|
|
32
32
|
box-shadow: var(--dds-elevation-2);
|
|
33
33
|
padding: var(--dds-space-12) var(--dds-space-16);
|
|
34
|
+
/* Ark (Zag) places every toast absolutely inside the region, and the region
|
|
35
|
+
* has no in-flow content, so it is zero-wide. Without its own width a toast
|
|
36
|
+
* shrink-wraps to that and wraps every few characters. Take the text's width
|
|
37
|
+
* up to the cap, pinned to the region's end edge (logical, so RTL holds). */
|
|
38
|
+
width: max-content;
|
|
39
|
+
inset-inline-end: 0;
|
|
34
40
|
max-width: min(360px, calc(100vw - var(--dds-space-32)));
|
|
35
41
|
animation: dds-toast-in var(--dds-motion-duration-base) var(--dds-motion-easing-enter);
|
|
36
42
|
}
|
|
37
43
|
|
|
44
|
+
/* A long unbroken string (a URL, an ID) wraps inside the box instead of
|
|
45
|
+
* pushing past it. Word breaking for a language stays the product's root rule. */
|
|
46
|
+
.dds-toast [data-part="description"] {
|
|
47
|
+
min-width: 0;
|
|
48
|
+
overflow-wrap: anywhere;
|
|
49
|
+
}
|
|
50
|
+
|
|
38
51
|
.dds-toast--success::before,
|
|
39
52
|
.dds-toast--warning::before,
|
|
40
53
|
.dds-toast--danger::before,
|
package/dist/dds.css
CHANGED
|
@@ -1160,10 +1160,23 @@ dialog.dds-dialog::backdrop {
|
|
|
1160
1160
|
border-radius: var(--dds-radius-md);
|
|
1161
1161
|
box-shadow: var(--dds-elevation-2);
|
|
1162
1162
|
padding: var(--dds-space-12) var(--dds-space-16);
|
|
1163
|
+
/* Ark (Zag) places every toast absolutely inside the region, and the region
|
|
1164
|
+
* has no in-flow content, so it is zero-wide. Without its own width a toast
|
|
1165
|
+
* shrink-wraps to that and wraps every few characters. Take the text's width
|
|
1166
|
+
* up to the cap, pinned to the region's end edge (logical, so RTL holds). */
|
|
1167
|
+
width: max-content;
|
|
1168
|
+
inset-inline-end: 0;
|
|
1163
1169
|
max-width: min(360px, calc(100vw - var(--dds-space-32)));
|
|
1164
1170
|
animation: dds-toast-in var(--dds-motion-duration-base) var(--dds-motion-easing-enter);
|
|
1165
1171
|
}
|
|
1166
1172
|
|
|
1173
|
+
/* A long unbroken string (a URL, an ID) wraps inside the box instead of
|
|
1174
|
+
* pushing past it. Word breaking for a language stays the product's root rule. */
|
|
1175
|
+
.dds-toast [data-part="description"] {
|
|
1176
|
+
min-width: 0;
|
|
1177
|
+
overflow-wrap: anywhere;
|
|
1178
|
+
}
|
|
1179
|
+
|
|
1167
1180
|
.dds-toast--success::before,
|
|
1168
1181
|
.dds-toast--warning::before,
|
|
1169
1182
|
.dds-toast--danger::before,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devslab/dds-css",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.23.0",
|
|
4
4
|
"description": "DDS CSS component layer — class-based, framework-neutral, semantic-token-only (spec §4.3 v1 inventory, 20 components)",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|