@webority/theme 0.83.0 → 0.83.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/theme",
-  "version": "0.83.0",
+  "version": "0.83.2",
   "description": "Webority shared design system — Bootstrap 5.3 SCSS overrides, --wui-* tokens, and shared component CSS. The single source of brand chrome for React portals and Razor sites.",
   "license": "SEE LICENSE IN LICENSE",
   "publishConfig": {

package/scss/_wui-aliases.scss

@@ -299,6 +299,11 @@
   --wui-primary-20: color-mix(in srgb, var(--wui-dark-primary) 26%, var(--wui-dark-bg-surface));
   --wui-primary-30: color-mix(in srgb, var(--wui-dark-primary) 40%, var(--wui-dark-bg-surface));
   --wui-primary-50: color-mix(in srgb, var(--wui-dark-primary) 62%, var(--wui-dark-bg-surface));
+  // Soft surfaces and the faintest danger tint follow dark mode as the primary tints do.
+  --wui-surface-mute: var(--wui-dark-bg-muted);
+  --wui-surface-soft: color-mix(in srgb, var(--wui-dark-primary) 10%, var(--wui-dark-bg-surface));
+  --wui-surface-violet-soft: color-mix(in srgb, var(--wui-dark-primary) 6%, var(--wui-dark-bg-surface));
+  --wui-danger-5: color-mix(in srgb, var(--wui-danger) 10%, var(--wui-dark-bg-surface));
 
   // Re-bridge the Bootstrap colour vars onto the (now dark) app tokens so the
   // named-var text/body/border utilities — .text-body-secondary, .text-muted,

package/scss/wui/_media.scss

@@ -538,6 +538,12 @@
     font-size: 12px;
     color: var(--color-danger-text);
 }
+// Under the image preview's name row, inset to the same edges as that row.
+.attach-preview > .wui-attach-progress,
+.attach-preview > .wui-attach-error {
+    width: auto;
+    margin: 0 14px 10px;
+}
 
 @media (prefers-reduced-motion: reduce) {
     .attach-drop,