@telus-uds/system-theme-tokens 2.21.0 → 2.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.
- package/CHANGELOG.md +12 -2
- package/appearances.js +16 -0
- package/components.js +44 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
# Change Log - @telus-uds/system-theme-tokens
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 24 Apr 2023 21:33:59 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 2.22.0
|
|
8
|
+
|
|
9
|
+
Mon, 24 Apr 2023 21:33:59 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- update tokens for blockquote component (evander.owusu@telus.com)
|
|
14
|
+
- add Listbox component (mauricio.batresmontejo@telus.com)
|
|
15
|
+
- add 'Icon' to 'IconButton" schema (kyle.king2@telus.com)
|
|
16
|
+
|
|
7
17
|
## 2.21.0
|
|
8
18
|
|
|
9
|
-
Thu, 20 Apr 2023 19:
|
|
19
|
+
Thu, 20 Apr 2023 19:13:33 GMT
|
|
10
20
|
|
|
11
21
|
### Minor changes
|
|
12
22
|
|
package/appearances.js
CHANGED
|
@@ -111,6 +111,22 @@ module.exports = {
|
|
|
111
111
|
type: 'state'
|
|
112
112
|
}
|
|
113
113
|
},
|
|
114
|
+
ListBox: {
|
|
115
|
+
focus,
|
|
116
|
+
hover,
|
|
117
|
+
pressed,
|
|
118
|
+
expanded,
|
|
119
|
+
current: {
|
|
120
|
+
description: 'When the current item is selected',
|
|
121
|
+
values: [true],
|
|
122
|
+
type: 'state'
|
|
123
|
+
},
|
|
124
|
+
isChild: {
|
|
125
|
+
description: 'when the item is child of another child',
|
|
126
|
+
values: [true],
|
|
127
|
+
type: 'state'
|
|
128
|
+
}
|
|
129
|
+
},
|
|
114
130
|
Modal: {
|
|
115
131
|
maxWidth: {
|
|
116
132
|
description:
|
package/components.js
CHANGED
|
@@ -113,6 +113,17 @@ module.exports = {
|
|
|
113
113
|
paddingTop: 'size',
|
|
114
114
|
paddingBottom: 'size'
|
|
115
115
|
},
|
|
116
|
+
BlockQuote: {
|
|
117
|
+
color: 'color',
|
|
118
|
+
backgroundGradient: 'gradient',
|
|
119
|
+
paddingLeft: 'size',
|
|
120
|
+
paddingRight: 'size',
|
|
121
|
+
paddingTop: 'size',
|
|
122
|
+
paddingBottom: 'size',
|
|
123
|
+
marginBottom: 'size',
|
|
124
|
+
width: 'size'
|
|
125
|
+
},
|
|
126
|
+
|
|
116
127
|
Box: { backgroundColor: 'color', gradient: 'gradient' },
|
|
117
128
|
Button: {
|
|
118
129
|
borderColor: 'color',
|
|
@@ -474,6 +485,7 @@ module.exports = {
|
|
|
474
485
|
},
|
|
475
486
|
InputSupports: { space: 'integer' },
|
|
476
487
|
IconButton: {
|
|
488
|
+
icon: 'icon',
|
|
477
489
|
backgroundColor: 'color',
|
|
478
490
|
borderRadius: 'radius',
|
|
479
491
|
borderColor: 'color',
|
|
@@ -528,6 +540,38 @@ module.exports = {
|
|
|
528
540
|
itemIconColor: 'color',
|
|
529
541
|
listGutter: 'size'
|
|
530
542
|
},
|
|
543
|
+
ListBox: {
|
|
544
|
+
groupBorderRadius: 'radius',
|
|
545
|
+
groupBorderWidth: 'border',
|
|
546
|
+
groupFontSize: 'size',
|
|
547
|
+
groupFontName: 'fontName',
|
|
548
|
+
groupFontWeight: 'fontWeight',
|
|
549
|
+
groupColor: 'color',
|
|
550
|
+
groupBorderColor: 'color',
|
|
551
|
+
groupBackgroundColor: 'color',
|
|
552
|
+
groupPaddingTop: 'size',
|
|
553
|
+
groupPaddingBottom: 'size',
|
|
554
|
+
groupPaddingLeft: 'size',
|
|
555
|
+
groupPaddingRight: 'size',
|
|
556
|
+
groupIcon: 'icon',
|
|
557
|
+
itemDisplay: 'show',
|
|
558
|
+
itemFontName: 'fontName',
|
|
559
|
+
itemFontWeight: 'fontWeight',
|
|
560
|
+
itemFontSize: 'size',
|
|
561
|
+
itemPaddingTop: 'size',
|
|
562
|
+
itemPaddingBottom: 'size',
|
|
563
|
+
itemPaddingLeft: 'size',
|
|
564
|
+
itemPaddingRight: 'size',
|
|
565
|
+
itemColor: 'color',
|
|
566
|
+
itemBackgroundColor: 'color',
|
|
567
|
+
itemBorderBackgroundColor: 'color',
|
|
568
|
+
itemBorderLeftColor: 'color',
|
|
569
|
+
itemBorderLeftWidth: 'border',
|
|
570
|
+
itemBorderWidth: 'border',
|
|
571
|
+
itemTextDecoration: 'textLine',
|
|
572
|
+
itemOutline: 'border',
|
|
573
|
+
shadow: 'shadow'
|
|
574
|
+
},
|
|
531
575
|
OrderedList: {
|
|
532
576
|
headerFontWeight: 'fontWeight',
|
|
533
577
|
headerFontName: 'fontName',
|