@smwb/ui-styles 1.4.2 → 1.4.3

package/less/components/chip/chip.less

@@ -91,8 +91,13 @@
     font-size: 0.75rem;
   }
 
+  // A color repaints the neutral filled/outlined rules above. The guard mirrors
+  // theirs, so the color class outranks them, and the tie with their :hover /
+  // :active / .smwb-selected rules goes to these later rules: a selected filled
+  // chip (ChipGroup's selected option) keeps the color fill and on-color label.
+  // Disabled chips fall outside the guard and keep the disabled look.
   .smui-chip-color(@n; @c; @on) {
-    &.smwb-chip_color-@{n} {
+    &.smwb-chip_color-@{n}:not(&.smwb-disabled) {
       &.smwb-filled {
         background-color: @c;
         color: @on;
@@ -105,10 +110,10 @@
           filter: brightness(0.88);
         }
       }
+      // Recolor only: the border width and the hover/active/selected fills stay neutral.
       &.smwb-outlined {
         color: @c;
-        border: 1px solid @c;
-        background: transparent;
+        border-color: @c;
       }
     }
   }

package/less/components/modal/modal.less

@@ -188,6 +188,8 @@
     &.smwb-fullscreen {
       width: 100%;
       height: 100%;
+      // Lift `medium`'s height cap so it fills the screen like the other sizes.
+      max-height: none;
       border-radius: 0;
     }
   }

package/less/components/overflowMenu/overflowMenu.less

@@ -1,7 +1,10 @@
 .smwb-overflow-menu {
   display: inline-flex;
 
-  &__item--danger {
+  // The modifier lands on the menu item next to `smwb-menu__item--disabled`, and both set
+  // `color` with a single class: without the `:not()` whichever stylesheet loads later would
+  // decide whether a disabled danger item looks disabled. It must, in any load order.
+  &__item--danger:not(.smwb-menu__item--disabled) {
     color: var(--smui-errorColor);
   }
 }

package/less/components.less

@@ -3,10 +3,13 @@
 @import "./components/button/button.less";
 @import "./components/checkbox/checkbox.less";
 @import "./components/chip/chip.less";
+@import "./components/chipGroup/chipGroup.less";
 @import "./components/floatingButton/floatingButton.less";
 @import "./components/fileDrop/fileDrop.less";
 @import "./components/fileInput/fileInput.less";
 @import "./components/modal/modal.less";
+@import "./components/confirmDialog/confirmDialog.less";
+@import "./components/saveAssetDialog/saveAssetDialog.less";
 @import "./components/progressIndicator/progressIndicator.less";
 @import "./components/radioButton/radioButton.less";
 @import "./components/sidebar/sidebar.less";
@@ -15,14 +18,19 @@
 @import "./components/textField/textField.less";
 @import "./components/toggle/toggle.less";
 @import "./components/menu/menu.less";
+@import "./components/overflowMenu/overflowMenu.less";
 @import "./components/tabs/tabs.less";
 @import "./components/tabs/tab/tab.less";
 @import "./components/slider/slider.less";
+@import "./components/valueSlider/valueSlider.less";
 @import "./components/selectField/selectField.less";
 @import "./components/ripple/ripple.less";
 @import "./components/list/list.less";
 @import "./components/imagesList/imagesList.less";
 @import "./components/imagesList/imagesListItem/imagesListItem.less";
+@import "./components/lazyImage/lazyImage.less";
+@import "./components/thumbCard/thumbCard.less";
+@import "./components/assetGrid/assetGrid.less";
 @import "./components/grid/grid.less";
 @import "./components/tooltip/tooltip.less";
 @import "./components/sheet/sheet.less";

package/less/variables.less

@@ -74,6 +74,7 @@
   --smui-chipsOutlinedBorder: @chipsOutlinedBorder;
   --smui-chipsHoverBg: @chipsHoverBg;
   --smui-chipsActiveBg: @chipsActiveBg;
+  --smui-chipsSelectedBg: @chipsSelectedBg;
 
   --smui-menuTextColor: @menuTextColor;
   --smui-menuDividerColor: @menuDividerColor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smwb/ui-styles",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "Framework-agnostic LESS design tokens and component styles (smwb-*) shared by the @smwb UI libraries. Prebuilt aggregate CSS lives in @smwb/ui-css.",
   "license": "MIT",
   "sideEffects": [
@@ -18,6 +18,9 @@
     "./less/*": "./less/*",
     "./package.json": "./package.json"
   },
+  "scripts": {
+    "lint": "node scripts/check-aggregate.mjs"
+  },
   "homepage": "https://sourcecraft.dev/elfenmail/ui",
   "repository": {
     "type": "git",