@castlabs/ui 7.23.2 → 7.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/castlabs-ui-editor.css +1 -1
  2. package/dist/castlabs-ui-editor.umd.js +1 -1
  3. package/dist/castlabs-ui.common.js +3 -3
  4. package/dist/castlabs-ui.common.js.map +1 -1
  5. package/dist/castlabs-ui.core.js +1 -1
  6. package/dist/castlabs-ui.css +1 -1
  7. package/dist/castlabs-ui.module.js +1 -1
  8. package/dist/castlabs-ui.umd.js +4 -4
  9. package/dist/castlabs-ui.umd.js.map +1 -1
  10. package/package.json +5 -5
  11. package/src/components/form/ClFieldCheck/style.scss +1 -23
  12. package/src/components/form/ClFieldDateTime/style.scss +15 -0
  13. package/src/components/form/ClFieldRadio/style.scss +39 -0
  14. package/src/styles/layout/meta.scss +1 -1
  15. package/src/styles/ui.scss +2 -0
  16. package/types/index.d.ts +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@castlabs/ui",
3
- "version": "7.23.2",
3
+ "version": "7.24.0",
4
4
  "repository": "https://github.com/castlabs/ui-styleguide",
5
5
  "private": false,
6
6
  "description": "A vanilla HTML/CS/JS & Vue.js component library for Castlabs.",
@@ -48,9 +48,9 @@
48
48
  "@castlabs/ui-editor": "file:../castlabs-ui-editor",
49
49
  "@tsconfig/node22": "22.0.5",
50
50
  "@types/jsdom": "28.0.3",
51
- "@types/node": "26.0.1",
51
+ "@types/node": "26.1.0",
52
52
  "@vitejs/plugin-vue": "6.0.7",
53
- "@vitest/eslint-plugin": "1.6.20",
53
+ "@vitest/eslint-plugin": "1.6.21",
54
54
  "@vue/eslint-config-prettier": "10.2.0",
55
55
  "@vue/eslint-config-typescript": "14.9.0",
56
56
  "@vue/test-utils": "2.4.11",
@@ -74,8 +74,8 @@
74
74
  "stylelint-order": "8.1.1",
75
75
  "stylelint-scss": "7.2.0",
76
76
  "typescript": "6.0.3",
77
- "vite": "8.1.2",
78
- "vitest": "4.1.9",
77
+ "vite": "8.1.3",
78
+ "vitest": "4.1.10",
79
79
  "vue-tsc": "3.3.6",
80
80
  "vue": "3.5.39"
81
81
  },
package/src/components/form/ClFieldCheck/style.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  /// @access public
4
4
  ////
5
5
 
6
- // This file defines castlabs' checkboxes and radio buttons
6
+ // This file defines castlabs' checkboxes buttons
7
7
 
8
8
  $cl-url-prefix: '' !default;
9
9
  $cl-url-postfix: '' !default;
@@ -64,28 +64,6 @@ $form-check-background: $color-ci-eggshell;
64
64
  }
65
65
  }
66
66
 
67
- &[type='radio'] {
68
- background-color: $color-empty;
69
- border: $form-field-border;
70
- margin-top: 0.2em;
71
-
72
- &:checked {
73
- background-color: $color-checked;
74
- background-image: none; // remove BS dot
75
- border-color: $color-checked;
76
-
77
- &.disabled,
78
- &:disabled {
79
- border-color: $color-disabled;
80
- }
81
- }
82
-
83
- &:disabled,
84
- &.disabled {
85
- background-color: $color-ci-haze;
86
- }
87
- }
88
-
89
67
  &:focus-visible {
90
68
  @include cl-color-focus-outline(var(--cl-color-text), 2px);
91
69
  }
package/src/components/form/ClFieldDateTime/style.scss ADDED
@@ -0,0 +1,15 @@
1
+ ////
2
+ /// @group components
3
+ /// @access public
4
+ ////
5
+
6
+ .cl-field-datetime-companion {
7
+ border: 0;
8
+ height: 0;
9
+ opacity: 0;
10
+ overflow: hidden;
11
+ padding: 0;
12
+ pointer-events: none;
13
+ position: absolute;
14
+ width: 0;
15
+ }
package/src/components/form/ClFieldRadio/style.scss ADDED
@@ -0,0 +1,39 @@
1
+ ////
2
+ /// @group components
3
+ /// @access public
4
+ ////
5
+
6
+ // This file defines castlabs' radio buttons
7
+
8
+ @use '../../../styles/global' as *;
9
+
10
+ // hint: see also vendors/bootstrap.scss for the actual Bootstrap imports
11
+
12
+ .form-check {
13
+ .form-check-input {
14
+ $color-empty: var(--cl-color-input-background);
15
+ $color-checked: var(--cl-color-text);
16
+
17
+ &[type='radio'] {
18
+ background-color: $color-empty;
19
+ border: $form-field-border;
20
+ margin-top: 0.2em;
21
+
22
+ &:checked {
23
+ background-color: $color-checked;
24
+ background-image: none; // remove BS dot
25
+ border-color: $color-checked;
26
+
27
+ &.disabled,
28
+ &:disabled {
29
+ border-color: $color-disabled;
30
+ }
31
+ }
32
+
33
+ &:disabled,
34
+ &.disabled {
35
+ background-color: $color-ci-haze;
36
+ }
37
+ }
38
+ }
39
+ }
package/src/styles/layout/meta.scss CHANGED
@@ -1,3 +1,3 @@
1
1
  :root {
2
- #{'--cl-version'}: 'v7.23.2';
2
+ #{'--cl-version'}: 'v7.24.0';
3
3
  }
package/src/styles/ui.scss CHANGED
@@ -62,9 +62,11 @@ $castlabs-ui-asset-postfix: '' !default;
62
62
  $cl-url-prefix: $castlabs-ui-asset-prefix,
63
63
  $cl-url-postfix: $castlabs-ui-asset-postfix
64
64
  );
65
+ @use '../components/form/ClFieldDateTime/style' as *;
65
66
  @use '../components/form/ClFieldFile/style' as *;
66
67
  @use '../components/form/ClFieldGroup/style' as *;
67
68
  @use '../components/form/ClFieldInput/style' as *;
69
+ @use '../components/form/ClFieldRadio/style' as *;
68
70
  @use '../components/form/ClFieldSelect/style' as * with (
69
71
  $cl-url-prefix: $castlabs-ui-asset-prefix,
70
72
  $cl-url-postfix: $castlabs-ui-asset-postfix
package/types/index.d.ts CHANGED
@@ -11,7 +11,9 @@ export const ClCookieBanner: DefineComponent
11
11
  export const ClDropzone: DefineComponent
12
12
  export const ClField: DefineComponent
13
13
  export const ClFieldCheck: DefineComponent
14
+ export const ClFieldDateTime: DefineComponent
14
15
  export const ClFieldGroup: DefineComponent
16
+ export const ClFieldRadio: DefineComponent
15
17
  export const ClIconotron: DefineComponent
16
18
  export const ClInfo: DefineComponent
17
19
  export const ClMockRouterLink: DefineComponent