@webority/theme 0.80.9 → 0.82.0

package/scss/wui/_toolbar.scss

@@ -17,7 +17,7 @@
     box-shadow: var(--wui-shadow-overlay);
 }
 .toolbar.is-disabled {
-    opacity: 0.6;
+    opacity: var(--wui-disabled-opacity);
     pointer-events: none;
 }
 
@@ -44,7 +44,7 @@
     color: var(--color-primary-text);
 }
 .toolbar-item:has(.toolbar-input:disabled) {
-    opacity: 0.5;
+    opacity: var(--wui-disabled-opacity);
     cursor: default;
 }
 .toolbar-item:has(.toolbar-input:focus-visible) {
@@ -125,7 +125,7 @@
     outline-offset: var(--wui-focus-ring-offset);
 }
 .toolbar-action:disabled {
-    opacity: 0.5;
+    opacity: var(--wui-disabled-opacity);
     cursor: default;
 }
 

package/scss/wui/_typography.scss

@@ -455,7 +455,7 @@ wui-multiselect[collapse-chips] .ms-chips {
     color: var(--color-text-muted);
 }
 .search-select-option[aria-disabled='true'] .wui-opt-avatar {
-    opacity: 0.6;
+    opacity: var(--wui-disabled-opacity);
 }
 // allow-custom: the inline text input wraps with the chips and keeps enough room to type.
 .ms-chips > .ms-input {
@@ -482,10 +482,9 @@ wui-multiselect[collapse-chips] .ms-chips {
 }
 // AppTagInput renders its input inside the chip row, after the chips, so the shared
 // `.ms-chips > .ms-input` rule above lets it wrap with them and fill the rest of the line.
-// Match AppInput's per-size heights: the shared `.search-select-multi` floors md at
-// 40px, but AppInput's md is the 44px control-height token — raise the floor so the
-// sm/md/lg progression lines up with a text field beside it. (sm 36 / lg 52 already
-// come from the size-specific `.search-select-{sm,lg} .search-select-control` rules.)
+// Match AppInput's per-size heights: the shared `.search-select-multi` floor is lower than the md
+// control height, so raise it; sm and lg come from the size-specific `.search-select-{sm,lg}
+// .search-select-control` rules.
 wui-taginput .search-select-multi {
     min-height: var(--wui-control-height);
 }

package/scss/wui/_utilities.scss

@@ -737,7 +737,7 @@
     position: relative;
     overflow: hidden;
     display: block;
-    background: var(--color-border);
+    background: var(--color-border-strong);
     border-radius: var(--radius-sm);
 }
 .skeleton::after {
@@ -883,7 +883,7 @@
     gap: 10px;
 }
 .alert-sm .alert-content {
-    font-size: 11px;
+    font-size: 12px;
 }
 
 // Trailing action (`action`): a button or any node. Mobile-first, it takes its own full

package/scss/wui/_workspace.scss

@@ -98,7 +98,7 @@
     background: var(--color-surface);
     border: 1px solid var(--color-border-light);
     color: var(--color-primary-ink);
-    font-size: 11px;
+    font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.02em;
     line-height: 1;
@@ -124,7 +124,7 @@
 .workspace-switcher-sm .workspace-switcher-mark {
     width: 24px;
     height: 24px;
-    font-size: 10px;
+    font-size: 12px;
 }
 .workspace-switcher-sm .workspace-switcher-trigger-name {
     font-size: 13px;
@@ -162,7 +162,7 @@
 }
 .workspace-switcher-menu-label {
     padding: 6px 10px 4px;
-    font-size: 11px;
+    font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.06em;
     text-transform: uppercase;
@@ -223,7 +223,7 @@
 .workspace-switcher .workspace-switcher-option .workspace-switcher-mark {
     width: 28px;
     height: 28px;
-    font-size: 11px;
+    font-size: 12px;
 }
 .workspace-switcher .workspace-switcher-option:hover,
 .workspace-switcher .workspace-switcher-create:hover {
@@ -255,7 +255,7 @@
     border-radius: 999px;
     background: var(--color-bg-subtle);
     color: var(--color-text-muted);
-    font-size: 11px;
+    font-size: 12px;
     font-weight: 600;
 }
 // Active state reads from the tint + accent name (per the design); the check tick is dropped
@@ -348,7 +348,7 @@
 .workspace-switcher-sm .workspace-switcher-option .workspace-switcher-mark {
     width: 24px;
     height: 24px;
-    font-size: 10px;
+    font-size: 12px;
 }
 .workspace-switcher-sm .workspace-switcher-create .wui-icon,
 .workspace-switcher-sm .workspace-switcher-footer-action .wui-icon {