@castlabs/ui 7.23.0 → 7.23.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@castlabs/ui",
-  "version": "7.23.0",
+  "version": "7.23.2",
   "repository": "https://github.com/castlabs/ui-styleguide",
   "private": false,
   "description": "A vanilla HTML/CS/JS & Vue.js component library for Castlabs.",
@@ -42,23 +42,23 @@
     "simplebar": "6.3.3"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.62.0"
+    "@rollup/rollup-linux-x64-gnu": "4.62.2"
   },
   "devDependencies": {
     "@castlabs/ui-editor": "file:../castlabs-ui-editor",
     "@tsconfig/node22": "22.0.5",
     "@types/jsdom": "28.0.3",
-    "@types/node": "26.0.0",
+    "@types/node": "26.0.1",
     "@vitejs/plugin-vue": "6.0.7",
     "@vitest/eslint-plugin": "1.6.20",
     "@vue/eslint-config-prettier": "10.2.0",
-    "@vue/eslint-config-typescript": "14.8.0",
+    "@vue/eslint-config-typescript": "14.9.0",
     "@vue/test-utils": "2.4.11",
     "@vue/tsconfig": "0.9.1",
     "core-js": "3.49.0",
     "dree": "5.1.5",
     "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-n": "18.1.0",
+    "eslint-plugin-n": "18.2.1",
     "eslint-plugin-promise": "7.3.0",
     "eslint-plugin-vue": "10.9.2",
     "eslint": "9.39.4",
@@ -74,10 +74,10 @@
     "stylelint-order": "8.1.1",
     "stylelint-scss": "7.2.0",
     "typescript": "6.0.3",
-    "vite": "8.0.16",
+    "vite": "8.1.2",
     "vitest": "4.1.9",
-    "vue-tsc": "3.3.5",
-    "vue": "3.5.38"
+    "vue-tsc": "3.3.6",
+    "vue": "3.5.39"
   },
   "overrides": {
     "glob": "^13"

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

@@ -5,30 +5,18 @@
     align-items: center;
     display: flex;
 
-    > :not(.form-control, .input-group-text, :last-child) {
-      margin-right: $spacing-tiny;
-    }
+    > * {
+      margin-left: $spacing-small;
 
-    > :not(.form-control, .input-group-text, :first-child) {
-      margin-left: $spacing-tiny;
+      &:first-child {
+        margin-left: 0;
+      }
     }
 
     > [type='range'] {
       border-radius: $brand-border-radius !important;
       margin-bottom: $spacing-tiny - px(1); // shift a bit to align with -/+ icons
       margin-top: $spacing-tiny + px(1);
-
-      + [type='range'] {
-        margin-left: $spacing-tiny;
-      }
-
-      &:has(+ [type='range']) {
-        margin-right: $spacing-tiny;
-      }
-    }
-
-    > :not(.cl-btn-quickaction) + .cl-btn-quickaction {
-      margin-left: $spacing-small;
     }
 
     > .cl-btn-quickaction {
@@ -121,6 +109,7 @@
             border-bottom-left-radius: 0;
             border-left-width: 0; // trick to share one ][ border between 2 inputs
             border-top-left-radius: 0;
+            margin-left: 0;
           }
 
           &:has(+ .form-control.invalid),
@@ -147,6 +136,7 @@
         flex-direction: column;
 
         > * {
+          margin-left: 0 !important;
           width: 100% !important;
 
           &:not(:first-child) {
@@ -155,7 +145,6 @@
 
           &.btn {
             font-size: 0.75em;
-            margin-left: 0 !important;
           }
         }
       }

package/src/components/text/ClCopy/style.scss

@@ -15,9 +15,7 @@
     font-size: 0.75em;
   }
 
-  &:hover,
-  &:hover::after,
-  &:hover * {
+  &:hover::after {
     color: $color-hover;
     text-decoration-color: $color-hover;
     text-decoration-thickness: px(1);

package/src/styles/layout/helper.scss

@@ -20,13 +20,14 @@
   visibility: hidden !important;
 }
 
-.cl-cursor-pointer,
 .cl-cursor-link {
   cursor: pointer !important;
 }
 
-.cl-cursor-not-allowed {
-  cursor: not-allowed !important;
+@each $cursor in pointer, default, text, not-allowed, none {
+  .cl-cursor-#{$cursor} {
+    cursor: $cursor !important;
+  }
 }
 
 @each $transform in uppercase, lowercase, capitalize {

package/src/styles/layout/meta.scss

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

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

@@ -17,9 +17,9 @@ declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
 
   export function clFormReset (id: string, fields?: any[]): void
   export function clFormFieldReset (ref: any, oldValue: any): void
-  export function clFormIsValid (id: string): boolean
-  export function clFormIsValidAsync (id: string): Promise<boolean>
-  export function clFormFieldFocusFirstInvalid (id: string): void
+  export function clFormIsValid (id: string, moreSelectors?: string[], triggerSelectors?: string[]): boolean
+  export function clFormIsValidAsync (id: string, moreSelectors?: string[], triggerSelectors?: string[]): Promise<boolean>
+  export function clFormFieldFocusFirstInvalid (id: string, moreSelectors?: string[]): void
   export function clFormAutofocus (id: string): void
 
   export function clFormatFilesize (bytes: number): string

package/types/index.d.ts

@@ -76,9 +76,9 @@ export function clFocus (selector?: string): void
 
 export function clFormReset (id: string, fields?: (typeof ClField | typeof ClFieldGroup)[]): void
 export function clFormFieldReset (ref: any, oldValue: any): void
-export function clFormIsValid (id: string): boolean
-export function clFormIsValidAsync (id: string): Promise<boolean>
-export function clFormFieldFocusFirstInvalid (id: string): void
+export function clFormIsValid (id: string, moreSelectors?: string[], triggerSelectors?: string[]): boolean
+export function clFormIsValidAsync (id: string, moreSelectors?: string[], triggerSelectors?: string[]): Promise<boolean>
+export function clFormFieldFocusFirstInvalid (id: string, moreSelectors?: string[]): void
 export function clFormAutofocus (id: string): void
 
 export function clFormatFilesize (bytes: number): string