@castlabs/ui 8.0.0 → 8.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@castlabs/ui",
-  "version": "8.0.0",
+  "version": "8.1.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/castlabs/ui-styleguide.git"
@@ -42,7 +42,7 @@
     "simplebar": "6.3.3"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.62.3"
+    "@rollup/rollup-linux-x64-gnu": "4.62.4"
   },
   "devDependencies": {
     "@castlabs/ui-editor": "file:../castlabs-ui-editor",
@@ -50,7 +50,7 @@
     "@types/jsdom": "28.0.3",
     "@types/node": "26.1.2",
     "@vitejs/plugin-vue": "6.0.8",
-    "@vitest/eslint-plugin": "1.6.24",
+    "@vitest/eslint-plugin": "1.6.26",
     "@vue/eslint-config-prettier": "10.2.0",
     "@vue/eslint-config-typescript": "14.9.0",
     "@vue/test-utils": "2.4.11",
@@ -70,15 +70,15 @@
     "sass": "1.102.0",
     "stylelint-config-sass-guidelines": "13.0.0",
     "stylelint-config-standard": "40.0.0",
-    "stylelint-config-standard-vue": "1.0.0",
+    "stylelint-config-standard-vue": "2.0.0",
     "stylelint-order": "8.1.1",
     "stylelint-scss": "7.2.0",
     "typescript": "6.0.3",
-    "vite": "8.1.5",
+    "vite": "8.2.0",
     "vitest": "4.1.10",
-    "vue": "3.5.40",
+    "vue": "3.5.41",
     "vue-eslint-parser": "10.4.1",
-    "vue-tsc": "3.3.8"
+    "vue-tsc": "3.3.9"
   },
   "overrides": {
     "glob": "^13"

package/src/components/form/ClFieldCheck/style.scss

@@ -62,6 +62,15 @@ $form-check-background: $color-ci-eggshell;
           box-shadow: 0 0 0 px(2) $color-empty inset;
         }
       }
+
+      &.invalid,
+      &:invalid {
+        border-color: $color-error;
+
+        + label {
+          color: $color-error;
+        }
+      }
     }
 
     &:focus-visible {

package/src/components/navigation/ClNavSide/style.scss

@@ -26,9 +26,26 @@
     width: $sidenav-width-closed;
     z-index: $sidenav-z-index + 1;
 
+    // simplebar wrapper
     > div {
+      #{'--cl-sidenav-spacing-bottom'}: $spacing-small;
       height: 100%;
       width: $sidenav-width-open;
+
+      .simplebar-content > :last-child {
+        margin-bottom: var(--cl-sidenav-spacing-bottom);
+      }
+
+      // fix for light/dark switcher, as last display:none items would hide their margin too
+      .cl-nav-item-theme-light:has(+ .cl-nav-item-theme-dark:last-child),
+      .cl-nav-item-theme-dark:has(+ .cl-nav-item-theme-light:last-child) {
+        margin-bottom: var(--cl-sidenav-spacing-bottom);
+      }
+
+      @include media-breakpoint-down($sidenav-breakpoint) {
+        // use bigger bottom spacing to avoid avoid bottom mobile OSes panel overlap
+        #{'--cl-sidenav-spacing-bottom'}: $spacing-huge;
+      }
     }
   }
 }

package/src/styles/layout/meta.scss

@@ -1,3 +1,3 @@
 :root {
-  #{'--cl-version'}: 'v8.0.0';
+  #{'--cl-version'}: 'v8.1.1';
 }

package/src/styles/themes/dark.variables.scss

@@ -26,7 +26,7 @@
 
 @mixin cl-if-dark-mode {
   // detect body class and toggle-checkbox
-  body:has(#cl-mode-dark:checked),
+  :root:has(#cl-mode-dark:checked),
   .cl-mode-dark {
     @content;
   }

package/types/castlabs-ui.module.d.ts

@@ -9,6 +9,7 @@ declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
   export function clModalShow (id: string, value?: any): void
   export function clModalValue (id: string): any
   export function clModalIsShown (id?: string): boolean
+  export function clModalWasShown (): boolean
   export function clModalBack (to: any): boolean
 
   export function clPaginate (array: any[], pageNo?: number, pageSize?: number): any[]

package/types/index.d.ts

@@ -68,7 +68,7 @@ export function clScrollToId (id: string, smooth?: boolean): void
 export function clModalHide(): void
 export function clModalShow (id: string, value?: any): void
 export function clModalValue (id: string): any
-export function clModalIsShown (id?: string): boolean
+export function clModalWasShown (): boolean
 export function clModalBack (to: any): boolean
 
 export function clPaginate (array: any[], pageNo?: number, pageSize?: number): any[]