@castlabs/ui 4.21.1 → 4.22.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 (14) hide show
  1. package/dist/castlabs-ui.common.js +34 -54
  2. package/dist/castlabs-ui.common.js.map +1 -1
  3. package/dist/castlabs-ui.css +1 -1
  4. package/dist/castlabs-ui.umd.js +34 -54
  5. package/dist/castlabs-ui.umd.js.map +1 -1
  6. package/dist/castlabs-ui.umd.min.js +1 -1
  7. package/dist/castlabs-ui.umd.min.js.map +1 -1
  8. package/package.json +7 -7
  9. package/src/components/ClList/style.variables.scss +7 -0
  10. package/src/components/ClSpinner/style.scss +10 -0
  11. package/src/components/table/ClTableCel/Boolean/style.scss +4 -0
  12. package/src/fonts/NotoSansMono/NotoSansMono.scss +9 -7
  13. package/src/fonts/OpenSansVariable/OpenSansVariable.scss +18 -14
  14. package/src/styles/layout/typography.variables.scss +6 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@castlabs/ui",
3
- "version": "4.21.1",
3
+ "version": "4.22.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.",
@@ -38,17 +38,17 @@
38
38
  "devDependencies": {
39
39
  "@castlabs/ui-editor": "file:../castlabs-ui-editor",
40
40
  "@vitejs/plugin-vue": "5.2.1",
41
- "@vitest/eslint-plugin": "1.1.25",
41
+ "@vitest/eslint-plugin": "1.1.31",
42
42
  "@vue/cli-plugin-babel": "5.0.8",
43
43
  "@vue/cli-plugin-typescript": "5.0.8",
44
44
  "@vue/cli-plugin-unit-jest": "5.0.8",
45
45
  "@vue/cli-service": "5.0.8",
46
46
  "@vue/eslint-config-prettier": "10.2.0",
47
- "@vue/eslint-config-typescript": "14.3.0",
47
+ "@vue/eslint-config-typescript": "14.4.0",
48
48
  "@vue/test-utils": "2.4.6",
49
49
  "core-js": "3.40.0",
50
50
  "dree": "5.1.5",
51
- "eslint": "9.19.0",
51
+ "eslint": "9.20.1",
52
52
  "eslint-plugin-import": "2.31.0",
53
53
  "eslint-plugin-n": "17.15.1",
54
54
  "eslint-plugin-promise": "7.2.1",
@@ -57,8 +57,8 @@
57
57
  "gulp-concat": "2.6.1",
58
58
  "gulp-replace": "1.1.4",
59
59
  "npm-run-all": "4.1.5",
60
- "prettier": "3.4.2",
61
- "sass": "1.83.4",
60
+ "prettier": "3.5.0",
61
+ "sass": "1.84.0",
62
62
  "sass-loader": "16.0.4",
63
63
  "stylelint-config-standard": "37.0.0",
64
64
  "stylelint-config-standard-vue": "1.0.0",
@@ -66,7 +66,7 @@
66
66
  "stylelint-order": "6.0.4",
67
67
  "stylelint-scss": "6.11.0",
68
68
  "typescript": "5.7.3",
69
- "vitest": "3.0.4",
69
+ "vitest": "3.0.5",
70
70
  "vue": "3.5.13"
71
71
  }
72
72
  }
package/src/components/ClList/style.variables.scss CHANGED
@@ -74,6 +74,13 @@ $list-indent: $spacing-small * 2.5;
74
74
  li.cl-list-bulb::before {
75
75
  content: '\f0eb';
76
76
  }
77
+
78
+ &-spinner li::before,
79
+ li.cl-list-spinner::before {
80
+ animation: cl-spin 2s linear infinite;
81
+ content: '\f110';
82
+ margin-top: $spacing-micro;
83
+ }
77
84
  }
78
85
 
79
86
  // -----------------------------------------------------------------------------
package/src/components/ClSpinner/style.scss CHANGED
@@ -24,3 +24,13 @@
24
24
  opacity: 1;
25
25
  }
26
26
  }
27
+
28
+ @keyframes cl-spin {
29
+ 0% {
30
+ transform: rotate(0deg);
31
+ }
32
+
33
+ 100% {
34
+ transform: rotate(360deg);
35
+ }
36
+ }
package/src/components/table/ClTableCel/Boolean/style.scss CHANGED
@@ -8,5 +8,9 @@
8
8
  text-align: left;
9
9
  }
10
10
  }
11
+
12
+ .fa-minus::before {
13
+ color: $color-ci-silver;
14
+ }
11
15
  }
12
16
  }
package/src/fonts/NotoSansMono/NotoSansMono.scss CHANGED
@@ -52,8 +52,9 @@
52
52
  font-weight: 100 900;
53
53
  src: url('#{$castlabs-ui-asset-prefix}/fonts/NotoSansMono/BngRUXNETWXI6LwhGYvaxZikqbCJwR26eg.woff2')
54
54
  format('woff2');
55
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
56
- U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
55
+ unicode-range:
56
+ U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
57
+ U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
57
58
  }
58
59
 
59
60
  /* latin-ext */
@@ -64,8 +65,9 @@
64
65
  font-weight: 100 900;
65
66
  src: url('#{$castlabs-ui-asset-prefix}/fonts/NotoSansMono/BngRUXNETWXI6LwhGYvaxZikqbCIwR26eg.woff2')
66
67
  format('woff2');
67
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
68
- U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
68
+ unicode-range:
69
+ U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
70
+ U+2113, U+2C60-2C7F, U+A720-A7FF;
69
71
  }
70
72
 
71
73
  /* latin */
@@ -76,7 +78,7 @@
76
78
  font-weight: 100 900;
77
79
  src: url('#{$castlabs-ui-asset-prefix}/fonts/NotoSansMono/BngRUXNETWXI6LwhGYvaxZikqbCGwR0.woff2')
78
80
  format('woff2');
79
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
80
- U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
81
- U+FFFD;
81
+ unicode-range:
82
+ U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
83
+ U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
82
84
  }
package/src/fonts/OpenSansVariable/OpenSansVariable.scss CHANGED
@@ -62,8 +62,9 @@
62
62
  font-weight: 300 800;
63
63
  src: url('#{$castlabs-ui-asset-prefix}/fonts/OpenSansVariable/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2')
64
64
  format('woff2');
65
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
66
- U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
65
+ unicode-range:
66
+ U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
67
+ U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
67
68
  }
68
69
 
69
70
  /* latin-ext */
@@ -74,8 +75,9 @@
74
75
  font-weight: 300 800;
75
76
  src: url('#{$castlabs-ui-asset-prefix}/fonts/OpenSansVariable/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2')
76
77
  format('woff2');
77
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
78
- U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
78
+ unicode-range:
79
+ U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
80
+ U+2113, U+2C60-2C7F, U+A720-A7FF;
79
81
  }
80
82
 
81
83
  /* latin */
@@ -86,9 +88,9 @@
86
88
  font-weight: 300 800;
87
89
  src: url('#{$castlabs-ui-asset-prefix}/fonts/OpenSansVariable/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2')
88
90
  format('woff2');
89
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
90
- U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
91
- U+FFFD;
91
+ unicode-range:
92
+ U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
93
+ U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
92
94
  }
93
95
 
94
96
  /* cyrillic-ext */
@@ -153,8 +155,9 @@
153
155
  font-weight: 300 800;
154
156
  src: url('#{$castlabs-ui-asset-prefix}/fonts/OpenSansVariable/mem8YaGs126MiZpBA-UFWp0bbck.woff2')
155
157
  format('woff2');
156
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
157
- U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
158
+ unicode-range:
159
+ U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
160
+ U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
158
161
  }
159
162
 
160
163
  /* latin-ext */
@@ -165,8 +168,9 @@
165
168
  font-weight: 300 800;
166
169
  src: url('#{$castlabs-ui-asset-prefix}/fonts/OpenSansVariable/mem8YaGs126MiZpBA-UFW50bbck.woff2')
167
170
  format('woff2');
168
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
169
- U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
171
+ unicode-range:
172
+ U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
173
+ U+2113, U+2C60-2C7F, U+A720-A7FF;
170
174
  }
171
175
 
172
176
  /* latin */
@@ -177,7 +181,7 @@
177
181
  font-weight: 300 800;
178
182
  src: url('#{$castlabs-ui-asset-prefix}/fonts/OpenSansVariable/mem8YaGs126MiZpBA-UFVZ0b.woff2')
179
183
  format('woff2');
180
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
181
- U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
182
- U+FFFD;
184
+ unicode-range:
185
+ U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
186
+ U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
183
187
  }
package/src/styles/layout/typography.variables.scss CHANGED
@@ -88,7 +88,8 @@ $typography-links-underline-offset: px(3);
88
88
 
89
89
  & {
90
90
  // https://sass-lang.com/d/mixed-decls
91
- background-image: $gradient-transparent, $gradient-transparent,
91
+ background-image:
92
+ $gradient-transparent, $gradient-transparent,
92
93
  linear-gradient(to right, $underline-color, $underline-color);
93
94
  background-position: left bottom $typography-links-underline-offset; // depends on underline
94
95
  background-repeat: no-repeat;
@@ -100,7 +101,8 @@ $typography-links-underline-offset: px(3);
100
101
  }
101
102
 
102
103
  &:hover {
103
- background-image: $gradient-transparent, $gradient-transparent,
104
+ background-image:
105
+ $gradient-transparent, $gradient-transparent,
104
106
  linear-gradient(to right, $underline-color-hover, $underline-color-hover);
105
107
  color: $color-hover;
106
108
  cursor: pointer;
@@ -134,7 +136,8 @@ $typography-links-underline-offset: px(3);
134
136
  &:hover {
135
137
  $gradient-transparent: linear-gradient(transparent, transparent);
136
138
 
137
- background-image: $gradient-transparent, $gradient-transparent,
139
+ background-image:
140
+ $gradient-transparent, $gradient-transparent,
138
141
  linear-gradient(to right, $color-ci-silver, $color-ci-silver);
139
142
  color: inherit;
140
143
  opacity: inherit;