@telus-uds/system-theme-tokens 4.15.0 → 4.16.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 (5) hide show
  1. package/CHANGELOG.md +18 -1
  2. package/build/cjs/components.js +33 -21
  3. package/build/esm/components.js +33 -21
  4. package/package.json +1 -1
  5. package/src/components.js +32 -20
package/CHANGELOG.md CHANGED
@@ -1,9 +1,26 @@
1
1
  # Change Log - @telus-uds/system-theme-tokens
2
2
 
3
- This log was last generated on Fri, 03 Oct 2025 20:34:05 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 19 Nov 2025 05:51:40 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 4.16.0
8
+
9
+ Wed, 19 Nov 2025 05:51:40 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - `Table`: add cell-border-radius tokens (guillermo.peitzner@telus.com)
14
+ - `Listbox`: Added new style props to Listbox (david.melara1@telus.com)
15
+
16
+ ## 4.15.1
17
+
18
+ Fri, 10 Oct 2025 15:11:06 GMT
19
+
20
+ ### Patches
21
+
22
+ - `ButtonDropdown`: Small size variant updates (oscar.palencia@telus.com)
23
+
7
24
  ## 4.15.0
8
25
 
9
26
  Fri, 03 Oct 2025 20:34:05 GMT
package/build/cjs/components.js CHANGED
@@ -138,33 +138,37 @@ var _default = exports.default = {
138
138
  notificationIconSize: 'size'
139
139
  },
140
140
  Table: {
141
- rowHoverBackgroundColor: 'color',
142
- cellMinWidth: 'size',
143
- tablePaddingBottom: 'size',
141
+ borderColor: 'color',
142
+ borderWidth: 'border',
143
+ cellBackground: 'color',
144
+ cellBorderColor: 'color',
145
+ cellBorderTopWidth: 'border',
146
+ cellBorderWidth: 'border',
147
+ cellBottomLeftBorderRadius: 'radius',
148
+ cellBottomRightBorderRadius: 'radius',
144
149
  cellBoxShadowColor: 'color',
145
150
  // sharedStyles, box-shadow
146
- cellBackground: 'color',
147
- display: 'display',
148
- cellStickyShadow: 'shadow',
151
+ cellMinWidth: 'size',
152
+ cellPaddingBottom: 'size',
153
+ cellPaddingLeft: 'size',
154
+ cellPaddingRight: 'size',
149
155
  cellPaddingTop: 'size',
150
156
  // sharedStyles padding.
151
- cellPaddingRight: 'size',
152
- cellPaddingLeft: 'size',
153
- cellPaddingBottom: 'size',
154
- cellBorderWidth: 'border',
155
- cellBorderColor: 'color',
156
- cellBorderTopWidth: 'border',
157
- fontWeight: 'fontWeight',
157
+ cellStickyShadow: 'shadow',
158
+ cellTopLeftBorderRadius: 'radius',
159
+ cellTopRightBorderRadius: 'radius',
160
+ display: 'display',
161
+ fontColor: 'color',
158
162
  fontName: 'fontName',
159
163
  fontSize: 'fontSize',
164
+ fontWeight: 'fontWeight',
160
165
  lineHeight: 'lineHeight',
161
- stickyBackgroundColor: 'color',
162
- fontColor: 'color',
163
- borderColor: 'color',
164
- borderWidth: 'border',
165
- rowBorderWidth: 'border',
166
166
  rowBorderColor: 'color',
167
- rowBorderTopWidth: 'border'
167
+ rowBorderTopWidth: 'border',
168
+ rowBorderWidth: 'border',
169
+ rowHoverBackgroundColor: 'color',
170
+ stickyBackgroundColor: 'color',
171
+ tablePaddingBottom: 'size'
168
172
  },
169
173
  Image: {
170
174
  borderRadius: 'radius'
@@ -518,6 +522,7 @@ var _default = exports.default = {
518
522
  descriptionFontName: 'fontName',
519
523
  descriptionFontSize: 'fontSize',
520
524
  descriptionFontWeight: 'fontWeight',
525
+ descriptionLineHeight: 'lineHeight',
521
526
  descriptionTextPaddingBottom: 'size',
522
527
  dividerColor: 'color',
523
528
  fontSize: 'fontSize',
@@ -1141,13 +1146,20 @@ var _default = exports.default = {
1141
1146
  bulletIcon: 'icon'
1142
1147
  },
1143
1148
  Listbox: {
1149
+ containerBackgroundColor: 'color',
1144
1150
  groupBorderRadius: 'radius',
1145
- groupBorderWidth: 'border',
1151
+ groupBorderLeftWidth: 'border',
1152
+ groupBorderRightWidth: 'border',
1153
+ groupBorderTopWidth: 'border',
1154
+ groupBorderBottomWidth: 'border',
1146
1155
  groupFontSize: 'size',
1147
1156
  groupFontName: 'fontName',
1148
1157
  groupFontWeight: 'fontWeight',
1149
1158
  groupColor: 'color',
1150
- groupBorderColor: 'color',
1159
+ groupBorderLeftColor: 'color',
1160
+ groupBorderRightColor: 'color',
1161
+ groupBorderTopColor: 'color',
1162
+ groupBorderBottomColor: 'color',
1151
1163
  groupBackgroundColor: 'color',
1152
1164
  groupPaddingTop: 'size',
1153
1165
  groupPaddingBottom: 'size',
package/build/esm/components.js CHANGED
@@ -132,33 +132,37 @@ export default {
132
132
  notificationIconSize: 'size'
133
133
  },
134
134
  Table: {
135
- rowHoverBackgroundColor: 'color',
136
- cellMinWidth: 'size',
137
- tablePaddingBottom: 'size',
135
+ borderColor: 'color',
136
+ borderWidth: 'border',
137
+ cellBackground: 'color',
138
+ cellBorderColor: 'color',
139
+ cellBorderTopWidth: 'border',
140
+ cellBorderWidth: 'border',
141
+ cellBottomLeftBorderRadius: 'radius',
142
+ cellBottomRightBorderRadius: 'radius',
138
143
  cellBoxShadowColor: 'color',
139
144
  // sharedStyles, box-shadow
140
- cellBackground: 'color',
141
- display: 'display',
142
- cellStickyShadow: 'shadow',
145
+ cellMinWidth: 'size',
146
+ cellPaddingBottom: 'size',
147
+ cellPaddingLeft: 'size',
148
+ cellPaddingRight: 'size',
143
149
  cellPaddingTop: 'size',
144
150
  // sharedStyles padding.
145
- cellPaddingRight: 'size',
146
- cellPaddingLeft: 'size',
147
- cellPaddingBottom: 'size',
148
- cellBorderWidth: 'border',
149
- cellBorderColor: 'color',
150
- cellBorderTopWidth: 'border',
151
- fontWeight: 'fontWeight',
151
+ cellStickyShadow: 'shadow',
152
+ cellTopLeftBorderRadius: 'radius',
153
+ cellTopRightBorderRadius: 'radius',
154
+ display: 'display',
155
+ fontColor: 'color',
152
156
  fontName: 'fontName',
153
157
  fontSize: 'fontSize',
158
+ fontWeight: 'fontWeight',
154
159
  lineHeight: 'lineHeight',
155
- stickyBackgroundColor: 'color',
156
- fontColor: 'color',
157
- borderColor: 'color',
158
- borderWidth: 'border',
159
- rowBorderWidth: 'border',
160
160
  rowBorderColor: 'color',
161
- rowBorderTopWidth: 'border'
161
+ rowBorderTopWidth: 'border',
162
+ rowBorderWidth: 'border',
163
+ rowHoverBackgroundColor: 'color',
164
+ stickyBackgroundColor: 'color',
165
+ tablePaddingBottom: 'size'
162
166
  },
163
167
  Image: {
164
168
  borderRadius: 'radius'
@@ -512,6 +516,7 @@ export default {
512
516
  descriptionFontName: 'fontName',
513
517
  descriptionFontSize: 'fontSize',
514
518
  descriptionFontWeight: 'fontWeight',
519
+ descriptionLineHeight: 'lineHeight',
515
520
  descriptionTextPaddingBottom: 'size',
516
521
  dividerColor: 'color',
517
522
  fontSize: 'fontSize',
@@ -1135,13 +1140,20 @@ export default {
1135
1140
  bulletIcon: 'icon'
1136
1141
  },
1137
1142
  Listbox: {
1143
+ containerBackgroundColor: 'color',
1138
1144
  groupBorderRadius: 'radius',
1139
- groupBorderWidth: 'border',
1145
+ groupBorderLeftWidth: 'border',
1146
+ groupBorderRightWidth: 'border',
1147
+ groupBorderTopWidth: 'border',
1148
+ groupBorderBottomWidth: 'border',
1140
1149
  groupFontSize: 'size',
1141
1150
  groupFontName: 'fontName',
1142
1151
  groupFontWeight: 'fontWeight',
1143
1152
  groupColor: 'color',
1144
- groupBorderColor: 'color',
1153
+ groupBorderLeftColor: 'color',
1154
+ groupBorderRightColor: 'color',
1155
+ groupBorderTopColor: 'color',
1156
+ groupBorderBottomColor: 'color',
1145
1157
  groupBackgroundColor: 'color',
1146
1158
  groupPaddingTop: 'size',
1147
1159
  groupPaddingBottom: 'size',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telus-uds/system-theme-tokens",
3
- "version": "4.15.0",
3
+ "version": "4.16.0",
4
4
  "description": "Theme token schema for UDS",
5
5
  "keywords": [
6
6
  "system"
package/src/components.js CHANGED
@@ -132,31 +132,35 @@ export default {
132
132
  notificationIconSize: 'size'
133
133
  },
134
134
  Table: {
135
- rowHoverBackgroundColor: 'color',
136
- cellMinWidth: 'size',
137
- tablePaddingBottom: 'size',
138
- cellBoxShadowColor: 'color', // sharedStyles, box-shadow
135
+ borderColor: 'color',
136
+ borderWidth: 'border',
139
137
  cellBackground: 'color',
140
- display: 'display',
141
- cellStickyShadow: 'shadow',
142
- cellPaddingTop: 'size', // sharedStyles padding.
143
- cellPaddingRight: 'size',
144
- cellPaddingLeft: 'size',
145
- cellPaddingBottom: 'size',
146
- cellBorderWidth: 'border',
147
138
  cellBorderColor: 'color',
148
139
  cellBorderTopWidth: 'border',
149
- fontWeight: 'fontWeight',
140
+ cellBorderWidth: 'border',
141
+ cellBottomLeftBorderRadius: 'radius',
142
+ cellBottomRightBorderRadius: 'radius',
143
+ cellBoxShadowColor: 'color', // sharedStyles, box-shadow
144
+ cellMinWidth: 'size',
145
+ cellPaddingBottom: 'size',
146
+ cellPaddingLeft: 'size',
147
+ cellPaddingRight: 'size',
148
+ cellPaddingTop: 'size', // sharedStyles padding.
149
+ cellStickyShadow: 'shadow',
150
+ cellTopLeftBorderRadius: 'radius',
151
+ cellTopRightBorderRadius: 'radius',
152
+ display: 'display',
153
+ fontColor: 'color',
150
154
  fontName: 'fontName',
151
155
  fontSize: 'fontSize',
156
+ fontWeight: 'fontWeight',
152
157
  lineHeight: 'lineHeight',
153
- stickyBackgroundColor: 'color',
154
- fontColor: 'color',
155
- borderColor: 'color',
156
- borderWidth: 'border',
157
- rowBorderWidth: 'border',
158
158
  rowBorderColor: 'color',
159
- rowBorderTopWidth: 'border'
159
+ rowBorderTopWidth: 'border',
160
+ rowBorderWidth: 'border',
161
+ rowHoverBackgroundColor: 'color',
162
+ stickyBackgroundColor: 'color',
163
+ tablePaddingBottom: 'size'
160
164
  },
161
165
  Image: { borderRadius: 'radius' },
162
166
  Spinner: {
@@ -512,6 +516,7 @@ export default {
512
516
  descriptionFontName: 'fontName',
513
517
  descriptionFontSize: 'fontSize',
514
518
  descriptionFontWeight: 'fontWeight',
519
+ descriptionLineHeight: 'lineHeight',
515
520
  descriptionTextPaddingBottom: 'size',
516
521
  dividerColor: 'color',
517
522
  fontSize: 'fontSize',
@@ -1143,13 +1148,20 @@ export default {
1143
1148
  bulletIcon: 'icon'
1144
1149
  },
1145
1150
  Listbox: {
1151
+ containerBackgroundColor: 'color',
1146
1152
  groupBorderRadius: 'radius',
1147
- groupBorderWidth: 'border',
1153
+ groupBorderLeftWidth: 'border',
1154
+ groupBorderRightWidth: 'border',
1155
+ groupBorderTopWidth: 'border',
1156
+ groupBorderBottomWidth: 'border',
1148
1157
  groupFontSize: 'size',
1149
1158
  groupFontName: 'fontName',
1150
1159
  groupFontWeight: 'fontWeight',
1151
1160
  groupColor: 'color',
1152
- groupBorderColor: 'color',
1161
+ groupBorderLeftColor: 'color',
1162
+ groupBorderRightColor: 'color',
1163
+ groupBorderTopColor: 'color',
1164
+ groupBorderBottomColor: 'color',
1153
1165
  groupBackgroundColor: 'color',
1154
1166
  groupPaddingTop: 'size',
1155
1167
  groupPaddingBottom: 'size',