@castlabs/ui 7.20.0 → 7.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@castlabs/ui",
-  "version": "7.20.0",
+  "version": "7.21.0",
   "repository": "https://github.com/castlabs/ui-styleguide",
   "private": false,
   "description": "A vanilla HTML/CS/JS & Vue.js component library for Castlabs.",
@@ -42,30 +42,30 @@
     "simplebar": "6.3.3"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.60.1"
+    "@rollup/rollup-linux-x64-gnu": "4.60.2"
   },
   "devDependencies": {
     "@castlabs/ui-editor": "file:../castlabs-ui-editor",
     "@tsconfig/node22": "22.0.5",
     "@types/jsdom": "28.0.1",
-    "@types/node": "25.5.2",
-    "@vitejs/plugin-vue": "6.0.5",
-    "@vitest/eslint-plugin": "1.6.14",
+    "@types/node": "25.6.0",
+    "@vitejs/plugin-vue": "6.0.6",
+    "@vitest/eslint-plugin": "1.6.16",
     "@vue/eslint-config-prettier": "10.2.0",
     "@vue/eslint-config-typescript": "14.7.0",
-    "@vue/test-utils": "2.4.6",
+    "@vue/test-utils": "2.4.9",
     "@vue/tsconfig": "0.9.1",
     "core-js": "3.49.0",
     "dree": "5.1.5",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-n": "17.24.0",
-    "eslint-plugin-promise": "7.2.1",
-    "eslint-plugin-vue": "10.8.0",
-    "eslint": "9.39.3",
+    "eslint-plugin-promise": "7.3.0",
+    "eslint-plugin-vue": "10.9.0",
+    "eslint": "9.39.4",
     "gulp-concat": "2.6.1",
     "gulp-replace": "1.1.4",
     "gulp": "5.0.1",
-    "jsdom": "29.0.2",
+    "jsdom": "29.1.1",
     "npm-run-all": "4.1.5",
     "sass": "1.99.0",
     "stylelint-config-sass-guidelines": "13.0.0",
@@ -73,11 +73,11 @@
     "stylelint-config-standard": "40.0.0",
     "stylelint-order": "8.1.1",
     "stylelint-scss": "7.0.0",
-    "typescript": "5.9.3",
-    "vite": "8.0.5",
-    "vitest": "4.1.2",
-    "vue-tsc": "3.2.6",
-    "vue": "3.5.32"
+    "typescript": "6.0.3",
+    "vite": "8.0.10",
+    "vitest": "4.1.5",
+    "vue-tsc": "3.2.7",
+    "vue": "3.5.33"
   },
   "overrides": {
     "glob": "^13"

package/src/styles/abstracts/button.scss

@@ -88,7 +88,7 @@
     &:not([class*=' cl-color-']) {
       // default button color
       #{'--cl-color-background'}: $color-ci-sea;
-      #{'--cl-color-text'}: var(--cl-color-text);
+      #{'--cl-color-text'}: $color-ci-eggshell;
       #{'--cl-color-border'}: $color-ci-sea;
     }
   }

package/src/styles/abstracts/color.scss

@@ -337,6 +337,7 @@ $color-opacity-active: 0.8;
 
   #{'--cl-color-background'}: $color-ci-night;
   #{'--cl-color-border'}: $color-ci-night;
+  #{'--cl-color-icon'}: $color-ci-steel;
 }
 
 %cl-color-eggshell {
@@ -346,6 +347,7 @@ $color-opacity-active: 0.8;
   #{'--cl-color-background'}: $color-ci-eggshell;
   #{'--cl-color-border'}: $color-ci-eggshell;
   #{'--cl-color-input-border'}: $color-ci-ash;
+  #{'--cl-color-icon'}: $color-ci-steel;
   #{'--cl-color-line'}: $color-line;
   #{'--cl-color-link'}: inherit;
 }
@@ -356,6 +358,7 @@ $color-opacity-active: 0.8;
   #{'--cl-color-border'}: var(--cl-color-background-haze);
   #{'--cl-color-background'}: var(--cl-color-background-haze);
   #{'--cl-color-input-background'}: $color-ci-eggshell;
+  #{'--cl-color-icon'}: $color-ci-steel;
 }
 
 %cl-color-clay {

package/src/styles/abstracts/typography.scss

@@ -119,6 +119,7 @@ $typography-monospace-line-height: 1.375;
   // button styled as regular link
   @extend %cl-a;
 
+  #{'--cl-color-text'}: inherit !important;
   background-color: transparent;
   background-position: left bottom 0.25em; // depends on underline
   background-repeat: no-repeat;

package/src/styles/layout/grid.scss

@@ -71,6 +71,13 @@
   max-width: 848px;
 }
 
+// sections with fluid content width use full browser width
+.cl-section-fluid > .container {
+  max-width: 100% !important;
+  padding-left: 0;
+  padding-right: 0;
+}
+
 // -----------------------------------------------------------------------------
 
 section {

package/src/styles/layout/meta.scss

@@ -1,3 +1,3 @@
 :root {
-  #{'--cl-version'}: 'v7.20.0';
+  #{'--cl-version'}: 'v7.21.0';
 }

package/src/styles/themes/dark.scss

@@ -14,6 +14,7 @@ $cl-url-postfix: '' !default;
     #{'--cl-color-input-background'}: $color-ci-night;
     #{'--cl-color-input-border'}: $color-ci-clay;
     #{'--cl-color-text'}: $color-ci-eggshell;
+    #{'--cl-color-link'}: $color-ci-eggshell;
     #{'--cl-color-text-inverted'}: $color-ci-night;
 
     textarea[disabled],

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 clModalBack (to: any): boolean
 
   export function clPaginate (array: any[], pageNo?: number, pageSize?: number): any[]
 

package/types/index.d.ts

@@ -68,6 +68,7 @@ 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 clModalBack (to: any): boolean
 
 export function clPaginate (array: any[], pageNo?: number, pageSize?: number): any[]
 
@@ -146,6 +147,7 @@ export function clRefClField (ref: unknown): typeof ClField
 export function clRefClFieldGroup (ref: unknown): typeof ClFieldGroup
 export function clRefFocus (ref: unknown): void
 export function clRefHTMLElement (ref: unknown): HTMLElement
+export function clBackOrGoto (router: unknown, routeName: string): void
 
 // --- utils/vitest ------------------------------------------------------------
 
@@ -245,7 +247,6 @@ type ClSidenavEntry = {
   subtitle: string | undefined
   badge: string | undefined
   url: string | undefined
-  locked: boolean
   disabled: boolean
 }
 
@@ -283,7 +284,6 @@ type CsNavEntry = {
   title: string
   subtitle: string
   url: string
-  locked: boolean,
   disabled: boolean,
   badge: string | undefined
 }