@telus-uds/system-theme-tokens 4.5.0 → 4.7.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 (8) hide show
  1. package/CHANGELOG.md +20 -2
  2. package/build/cjs/appearances.js +1 -1
  3. package/build/cjs/components.js +9 -2
  4. package/build/esm/appearances.js +1 -1
  5. package/build/esm/components.js +9 -2
  6. package/package.json +1 -1
  7. package/src/appearances.js +1 -1
  8. package/src/components.js +9 -2
package/CHANGELOG.md CHANGED
@@ -1,12 +1,30 @@
1
1
  # Change Log - @telus-uds/system-theme-tokens
2
2
 
3
- This log was last generated on Thu, 01 May 2025 20:07:44 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 10 Jun 2025 20:18:03 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 4.7.0
8
+
9
+ Tue, 10 Jun 2025 20:18:03 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - `ToggleSwitch`: add mobile tokens (guillermo.peitzner@telus.com)
14
+ - `MultiSelectFilter`: Add new tokens containerBorderColor & dividerColor (sergio.ramirez@telus.com)
15
+
16
+ ## 4.6.0
17
+
18
+ Fri, 23 May 2025 15:15:58 GMT
19
+
20
+ ### Minor changes
21
+
22
+ - `ActivityIndicator`: fullScreenOverLayBackground token added for the new `Spinner` functionalities (35577399+JoshHC@users.noreply.github.com)
23
+ - `Notification`: feature added to validation values (35577399+JoshHC@users.noreply.github.com)
24
+
7
25
  ## 4.5.0
8
26
 
9
- Thu, 01 May 2025 20:07:44 GMT
27
+ Thu, 01 May 2025 20:13:57 GMT
10
28
 
11
29
  ### Minor changes
12
30
 
package/build/cjs/appearances.js CHANGED
@@ -47,7 +47,7 @@ const expanded = {
47
47
  };
48
48
  const validation = {
49
49
  description: 'Validation states for form inputs',
50
- values: ['error', 'success', 'warning'],
50
+ values: ['error', 'success', 'warning', 'feature'],
51
51
  type: 'state'
52
52
  };
53
53
  const open = {
package/build/cjs/components.js CHANGED
@@ -421,7 +421,8 @@ var _default = exports.default = {
421
421
  dotSize: 'size',
422
422
  thickness: 'border',
423
423
  color: 'color',
424
- indicatorBackgroundColor: 'color'
424
+ indicatorBackgroundColor: 'color',
425
+ fullScreenOverlayBackground: 'color'
425
426
  },
426
427
  Badge: {
427
428
  fontWeight: 'fontWeight',
@@ -1226,6 +1227,8 @@ var _default = exports.default = {
1226
1227
  contentMarginTop: 'size',
1227
1228
  contentPaddingLeft: 'size',
1228
1229
  contentPaddingRight: 'size',
1230
+ containerBorderColor: 'color',
1231
+ dividerColor: 'color',
1229
1232
  headerFontColor: 'color',
1230
1233
  headerFontName: 'fontName',
1231
1234
  headerFontSize: 'fontSize',
@@ -2116,7 +2119,11 @@ var _default = exports.default = {
2116
2119
  switchBorderColor: 'color',
2117
2120
  switchBorderWidth: 'border',
2118
2121
  switchBorderRadius: 'radius',
2119
- switchShadow: 'shadow'
2122
+ switchShadow: 'shadow',
2123
+ mobileSwitchSize: 'size',
2124
+ mobileTrackHeight: 'size',
2125
+ mobileWidth: 'size',
2126
+ mobileTrackBorderWidth: 'border'
2120
2127
  },
2121
2128
  ToggleSwitchGroup: {
2122
2129
  space: 'integer',
package/build/esm/appearances.js CHANGED
@@ -42,7 +42,7 @@ const expanded = {
42
42
  };
43
43
  const validation = {
44
44
  description: 'Validation states for form inputs',
45
- values: ['error', 'success', 'warning'],
45
+ values: ['error', 'success', 'warning', 'feature'],
46
46
  type: 'state'
47
47
  };
48
48
  const open = {
package/build/esm/components.js CHANGED
@@ -415,7 +415,8 @@ export default {
415
415
  dotSize: 'size',
416
416
  thickness: 'border',
417
417
  color: 'color',
418
- indicatorBackgroundColor: 'color'
418
+ indicatorBackgroundColor: 'color',
419
+ fullScreenOverlayBackground: 'color'
419
420
  },
420
421
  Badge: {
421
422
  fontWeight: 'fontWeight',
@@ -1220,6 +1221,8 @@ export default {
1220
1221
  contentMarginTop: 'size',
1221
1222
  contentPaddingLeft: 'size',
1222
1223
  contentPaddingRight: 'size',
1224
+ containerBorderColor: 'color',
1225
+ dividerColor: 'color',
1223
1226
  headerFontColor: 'color',
1224
1227
  headerFontName: 'fontName',
1225
1228
  headerFontSize: 'fontSize',
@@ -2110,7 +2113,11 @@ export default {
2110
2113
  switchBorderColor: 'color',
2111
2114
  switchBorderWidth: 'border',
2112
2115
  switchBorderRadius: 'radius',
2113
- switchShadow: 'shadow'
2116
+ switchShadow: 'shadow',
2117
+ mobileSwitchSize: 'size',
2118
+ mobileTrackHeight: 'size',
2119
+ mobileWidth: 'size',
2120
+ mobileTrackBorderWidth: 'border'
2114
2121
  },
2115
2122
  ToggleSwitchGroup: {
2116
2123
  space: 'integer',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telus-uds/system-theme-tokens",
3
- "version": "4.5.0",
3
+ "version": "4.7.0",
4
4
  "description": "Theme token schema for UDS",
5
5
  "keywords": [
6
6
  "system"
package/src/appearances.js CHANGED
@@ -55,7 +55,7 @@ const expanded = {
55
55
 
56
56
  const validation = {
57
57
  description: 'Validation states for form inputs',
58
- values: ['error', 'success', 'warning'],
58
+ values: ['error', 'success', 'warning', 'feature'],
59
59
  type: 'state'
60
60
  }
61
61
 
package/src/components.js CHANGED
@@ -411,7 +411,8 @@ export default {
411
411
  dotSize: 'size',
412
412
  thickness: 'border',
413
413
  color: 'color',
414
- indicatorBackgroundColor: 'color'
414
+ indicatorBackgroundColor: 'color',
415
+ fullScreenOverlayBackground: 'color'
415
416
  },
416
417
  Badge: {
417
418
  fontWeight: 'fontWeight',
@@ -1228,6 +1229,8 @@ export default {
1228
1229
  contentMarginTop: 'size',
1229
1230
  contentPaddingLeft: 'size',
1230
1231
  contentPaddingRight: 'size',
1232
+ containerBorderColor: 'color',
1233
+ dividerColor: 'color',
1231
1234
  headerFontColor: 'color',
1232
1235
  headerFontName: 'fontName',
1233
1236
  headerFontSize: 'fontSize',
@@ -2119,7 +2122,11 @@ export default {
2119
2122
  switchBorderColor: 'color',
2120
2123
  switchBorderWidth: 'border',
2121
2124
  switchBorderRadius: 'radius',
2122
- switchShadow: 'shadow'
2125
+ switchShadow: 'shadow',
2126
+ mobileSwitchSize: 'size',
2127
+ mobileTrackHeight: 'size',
2128
+ mobileWidth: 'size',
2129
+ mobileTrackBorderWidth: 'border'
2123
2130
  },
2124
2131
  ToggleSwitchGroup: {
2125
2132
  space: 'integer',