@castlabs/ui 7.20.1 → 7.21.1

package/dist/select-dark.efd5244b.svg

@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#CFC8C8' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/></svg>

package/dist/select-disabled-dark.1065ea4c.svg

@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#a0a0a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@castlabs/ui",
-  "version": "7.20.1",
+  "version": "7.21.1",
   "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/components/widget/ClPage/style.scss

@@ -40,11 +40,11 @@
 .cl-section-fullscreen {
   height: 100%;
 
-  .container,
-  .container-fluid,
-  .row,
-  .col-12,
-  .cl-table-scroll {
+  .cl-table-scroll,
+  > .container,
+  > .container-fluid,
+  > * > .row,
+  > * > * > .col-12 {
     height: 100%;
     margin-bottom: 0 !important;
     margin-top: 0 !important;

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/meta.scss

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

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],
@@ -131,12 +132,12 @@ $cl-url-postfix: '' !default;
   }
 
   .form-select {
-    background-image: url('#{$cl-url-prefix}select.dark.svg#{$cl-url-postfix}'), none, none;
+    background-image: url('#{$cl-url-prefix}select-dark.svg#{$cl-url-postfix}'), none, none;
 
     &:disabled,
     &.disabled {
       background-image:
-        url('#{$cl-url-prefix}select-disabled.dark.svg#{$cl-url-postfix}'), none, none;
+        url('#{$cl-url-prefix}select-disabled-dark.svg#{$cl-url-postfix}'), none, none;
     }
   }
 

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[]