@telus-uds/system-theme-tokens 4.4.0 → 4.6.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.
package/CHANGELOG.md CHANGED
@@ -1,12 +1,29 @@
1
1
  # Change Log - @telus-uds/system-theme-tokens
2
2
 
3
- This log was last generated on Thu, 24 Apr 2025 18:52:13 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 23 May 2025 15:12:18 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 4.6.0
8
+
9
+ Fri, 23 May 2025 15:12:18 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - `ActivityIndicator`: fullScreenOverLayBackground token added for the new `Spinner` functionalities (35577399+JoshHC@users.noreply.github.com)
14
+ - `Notification`: feature added to validation values (35577399+JoshHC@users.noreply.github.com)
15
+
16
+ ## 4.5.0
17
+
18
+ Thu, 01 May 2025 20:13:57 GMT
19
+
20
+ ### Minor changes
21
+
22
+ - `Icon`: add gradient color support (guillermo.peitzner@telus.com)
23
+
7
24
  ## 4.4.0
8
25
 
9
- Thu, 24 Apr 2025 18:52:13 GMT
26
+ Thu, 24 Apr 2025 18:56:23 GMT
10
27
 
11
28
  ### Minor changes
12
29
 
@@ -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 = {
@@ -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',
@@ -1030,7 +1031,8 @@ var _default = exports.default = {
1030
1031
  translateX: 'size',
1031
1032
  translateY: 'size',
1032
1033
  width: 'size',
1033
- paddingTop: 'size'
1034
+ paddingTop: 'size',
1035
+ gradient: 'gradient'
1034
1036
  },
1035
1037
  InputLabel: {
1036
1038
  gap: 'size',
@@ -372,7 +372,7 @@ const tokenTypes = applyDynamicTypes({
372
372
  // intent as is reasonably possible on each platform.
373
373
  default: null,
374
374
  nullable: true,
375
- type: '{"type": ["linear"|"radial"], "angle": Number, "stops": Array<{"stop": Number, "color": String }>}',
375
+ type: '{"type": ["linear"|"radial"], "angle": Number, "stops": Array<{"stop": Number, "color": String, "hint": Number}>}',
376
376
  values: {
377
377
  none: null
378
378
  }
@@ -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 = {
@@ -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',
@@ -1024,7 +1025,8 @@ export default {
1024
1025
  translateX: 'size',
1025
1026
  translateY: 'size',
1026
1027
  width: 'size',
1027
- paddingTop: 'size'
1028
+ paddingTop: 'size',
1029
+ gradient: 'gradient'
1028
1030
  },
1029
1031
  InputLabel: {
1030
1032
  gap: 'size',
@@ -367,7 +367,7 @@ const tokenTypes = applyDynamicTypes({
367
367
  // intent as is reasonably possible on each platform.
368
368
  default: null,
369
369
  nullable: true,
370
- type: '{"type": ["linear"|"radial"], "angle": Number, "stops": Array<{"stop": Number, "color": String }>}',
370
+ type: '{"type": ["linear"|"radial"], "angle": Number, "stops": Array<{"stop": Number, "color": String, "hint": Number}>}',
371
371
  values: {
372
372
  none: null
373
373
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telus-uds/system-theme-tokens",
3
- "version": "4.4.0",
3
+ "version": "4.6.0",
4
4
  "description": "Theme token schema for UDS",
5
5
  "keywords": [
6
6
  "system"
@@ -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',
@@ -1034,7 +1035,8 @@ export default {
1034
1035
  translateX: 'size',
1035
1036
  translateY: 'size',
1036
1037
  width: 'size',
1037
- paddingTop: 'size'
1038
+ paddingTop: 'size',
1039
+ gradient: 'gradient'
1038
1040
  },
1039
1041
  InputLabel: {
1040
1042
  gap: 'size',
package/src/tokens.js CHANGED
@@ -377,7 +377,7 @@ const tokenTypes = applyDynamicTypes({
377
377
  // intent as is reasonably possible on each platform.
378
378
  default: null,
379
379
  nullable: true,
380
- type: '{"type": ["linear"|"radial"], "angle": Number, "stops": Array<{"stop": Number, "color": String }>}',
380
+ type: '{"type": ["linear"|"radial"], "angle": Number, "stops": Array<{"stop": Number, "color": String, "hint": Number}>}',
381
381
  values: {
382
382
  none: null
383
383
  }