@castlabs/ui 7.23.2 → 7.24.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@castlabs/ui",
-  "version": "7.23.2",
+  "version": "7.24.1",
   "repository": "https://github.com/castlabs/ui-styleguide",
   "private": false,
   "description": "A vanilla HTML/CS/JS & Vue.js component library for Castlabs.",
@@ -48,9 +48,9 @@
     "@castlabs/ui-editor": "file:../castlabs-ui-editor",
     "@tsconfig/node22": "22.0.5",
     "@types/jsdom": "28.0.3",
-    "@types/node": "26.0.1",
+    "@types/node": "26.1.0",
     "@vitejs/plugin-vue": "6.0.7",
-    "@vitest/eslint-plugin": "1.6.20",
+    "@vitest/eslint-plugin": "1.6.21",
     "@vue/eslint-config-prettier": "10.2.0",
     "@vue/eslint-config-typescript": "14.9.0",
     "@vue/test-utils": "2.4.11",
@@ -74,8 +74,8 @@
     "stylelint-order": "8.1.1",
     "stylelint-scss": "7.2.0",
     "typescript": "6.0.3",
-    "vite": "8.1.2",
-    "vitest": "4.1.9",
+    "vite": "8.1.3",
+    "vitest": "4.1.10",
     "vue-tsc": "3.3.6",
     "vue": "3.5.39"
   },

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

@@ -3,7 +3,7 @@
 /// @access public
 ////
 
-// This file defines castlabs' checkboxes and radio buttons
+// This file defines castlabs' checkboxes buttons
 
 $cl-url-prefix: '' !default;
 $cl-url-postfix: '' !default;
@@ -64,28 +64,6 @@ $form-check-background: $color-ci-eggshell;
       }
     }
 
-    &[type='radio'] {
-      background-color: $color-empty;
-      border: $form-field-border;
-      margin-top: 0.2em;
-
-      &:checked {
-        background-color: $color-checked;
-        background-image: none; // remove BS dot
-        border-color: $color-checked;
-
-        &.disabled,
-        &:disabled {
-          border-color: $color-disabled;
-        }
-      }
-
-      &:disabled,
-      &.disabled {
-        background-color: $color-ci-haze;
-      }
-    }
-
     &:focus-visible {
       @include cl-color-focus-outline(var(--cl-color-text), 2px);
     }

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

@@ -0,0 +1,15 @@
+////
+/// @group components
+/// @access public
+////
+
+.cl-field-datetime-companion {
+  border: 0;
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+  padding: 0;
+  pointer-events: none;
+  position: absolute;
+  width: 0;
+}

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

@@ -0,0 +1,39 @@
+////
+/// @group components
+/// @access public
+////
+
+// This file defines castlabs' radio buttons
+
+@use '../../../styles/global' as *;
+
+// hint: see also vendors/bootstrap.scss for the actual Bootstrap imports
+
+.form-check {
+  .form-check-input {
+    $color-empty: var(--cl-color-input-background);
+    $color-checked: var(--cl-color-text);
+
+    &[type='radio'] {
+      background-color: $color-empty;
+      border: $form-field-border;
+      margin-top: 0.2em;
+
+      &:checked {
+        background-color: $color-checked;
+        background-image: none; // remove BS dot
+        border-color: $color-checked;
+
+        &.disabled,
+        &:disabled {
+          border-color: $color-disabled;
+        }
+      }
+
+      &:disabled,
+      &.disabled {
+        background-color: $color-ci-haze;
+      }
+    }
+  }
+}

package/src/components/table/ClTable/style.scss

@@ -19,14 +19,10 @@
   text-wrap: nowrap;
   width: fit-content;
 
-  th {
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
+  th,
   td {
     overflow: hidden;
-    text-overflow: '...';
+    text-overflow: ellipsis;
   }
 }
 

package/src/components/table/ClTableCel/Currency/style.scss

@@ -15,7 +15,6 @@
 
       overflow-wrap: unset;
       text-align: end;
-      text-overflow: ellipsis;
     }
   }
 }

package/src/components/table/ClTableCel/ID/style.scss

@@ -13,7 +13,6 @@
     );
 
     overflow-wrap: unset;
-    text-overflow: ellipsis;
     width: 2.5em;
 
     @include media-breakpoint-down($grid-table-responsive) {

package/src/components/table/ClTableCel/Time/style.scss

@@ -12,7 +12,5 @@
         0.025em
       );
     }
-
-    text-overflow: ellipsis;
   }
 }

package/src/styles/layout/meta.scss

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

package/src/styles/ui.scss

@@ -62,9 +62,11 @@ $castlabs-ui-asset-postfix: '' !default;
   $cl-url-prefix: $castlabs-ui-asset-prefix,
   $cl-url-postfix: $castlabs-ui-asset-postfix
 );
+@use '../components/form/ClFieldDateTime/style' as *;
 @use '../components/form/ClFieldFile/style' as *;
 @use '../components/form/ClFieldGroup/style' as *;
 @use '../components/form/ClFieldInput/style' as *;
+@use '../components/form/ClFieldRadio/style' as *;
 @use '../components/form/ClFieldSelect/style' as * with (
   $cl-url-prefix: $castlabs-ui-asset-prefix,
   $cl-url-postfix: $castlabs-ui-asset-postfix

package/types/index.d.ts

@@ -11,7 +11,9 @@ export const ClCookieBanner: DefineComponent
 export const ClDropzone: DefineComponent
 export const ClField: DefineComponent
 export const ClFieldCheck: DefineComponent
+export const ClFieldDateTime: DefineComponent
 export const ClFieldGroup: DefineComponent
+export const ClFieldRadio: DefineComponent
 export const ClIconotron: DefineComponent
 export const ClInfo: DefineComponent
 export const ClMockRouterLink: DefineComponent