@telus-uds/system-theme-tokens 2.27.0 → 2.29.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 +20 -2
- package/components.js +64 -5
- package/package.json +1 -1
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
|
|
3
|
+
This log was last generated on Fri, 02 Jun 2023 00:27:36 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 2.29.0
|
|
8
|
+
|
|
9
|
+
Fri, 02 Jun 2023 00:27:36 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- ExpandCollpaseMini upgrade (akshay.pandey1@telus.com)
|
|
14
|
+
- Remove unnecessary ChevronLink tokens 'TextLineHeight' (kyle.king2@telus.com)
|
|
15
|
+
- `Box`: Introduce new `border` related tokens (shahzaibkhalidmalik@outlook.com)
|
|
16
|
+
|
|
17
|
+
## 2.28.0
|
|
18
|
+
|
|
19
|
+
Sat, 27 May 2023 00:44:50 GMT
|
|
20
|
+
|
|
21
|
+
### Minor changes
|
|
22
|
+
|
|
23
|
+
- feature:fieldset tokenization (samuraix221@hotmail.com)
|
|
24
|
+
|
|
7
25
|
## 2.27.0
|
|
8
26
|
|
|
9
|
-
Wed, 24 May 2023 23:
|
|
27
|
+
Wed, 24 May 2023 23:46:34 GMT
|
|
10
28
|
|
|
11
29
|
### Minor changes
|
|
12
30
|
|
package/components.js
CHANGED
|
@@ -284,7 +284,16 @@ module.exports = {
|
|
|
284
284
|
width: 'size'
|
|
285
285
|
},
|
|
286
286
|
|
|
287
|
-
Box: {
|
|
287
|
+
Box: {
|
|
288
|
+
backgroundColor: 'color',
|
|
289
|
+
gradient: 'gradient',
|
|
290
|
+
borderWidth: 'border',
|
|
291
|
+
borderColor: 'color',
|
|
292
|
+
borderTopLeftRadius: 'radius',
|
|
293
|
+
borderTopRightRadius: 'radius',
|
|
294
|
+
borderBottomLeftRadius: 'radius',
|
|
295
|
+
borderBottomRightRadius: 'radius'
|
|
296
|
+
},
|
|
288
297
|
Button: {
|
|
289
298
|
borderColor: 'color',
|
|
290
299
|
borderWidth: 'border',
|
|
@@ -499,7 +508,6 @@ module.exports = {
|
|
|
499
508
|
},
|
|
500
509
|
ChevronLink: {
|
|
501
510
|
fontSize: 'fontSize',
|
|
502
|
-
textLineHeight: 'lineHeight',
|
|
503
511
|
color: 'color',
|
|
504
512
|
outerBorderColor: 'color',
|
|
505
513
|
leftIcon: 'icon',
|
|
@@ -582,7 +590,21 @@ module.exports = {
|
|
|
582
590
|
},
|
|
583
591
|
ExpandCollapseMiniControl: {
|
|
584
592
|
size: 'size',
|
|
585
|
-
icon: 'icon'
|
|
593
|
+
icon: 'icon',
|
|
594
|
+
iconColor: 'color',
|
|
595
|
+
iconSize: 'size',
|
|
596
|
+
iconGap: 'size',
|
|
597
|
+
iconPaddingTop: 'size',
|
|
598
|
+
iconPosition: 'position',
|
|
599
|
+
verticalAlign: 'verticalAlign',
|
|
600
|
+
justifyContent: 'flexJustifyContent',
|
|
601
|
+
paddingLeft: 'size',
|
|
602
|
+
paddingRight: 'size',
|
|
603
|
+
paddingTop: 'size',
|
|
604
|
+
paddingBottom: 'size',
|
|
605
|
+
borderWidth: 'border',
|
|
606
|
+
borderColor: 'color',
|
|
607
|
+
backgroundColor: 'color'
|
|
586
608
|
},
|
|
587
609
|
ExpandCollapsePanel: {
|
|
588
610
|
expandDuration: 'duration',
|
|
@@ -596,7 +618,21 @@ module.exports = {
|
|
|
596
618
|
borderRadius: 'radius',
|
|
597
619
|
borderWidth: 'border',
|
|
598
620
|
expandDividerColor: 'color',
|
|
599
|
-
|
|
621
|
+
expandDividerWidth: 'size'
|
|
622
|
+
},
|
|
623
|
+
ExpandCollapseMiniPanel: {
|
|
624
|
+
expandDuration: 'duration',
|
|
625
|
+
collapseDuration: 'duration',
|
|
626
|
+
contentPaddingLeft: 'size',
|
|
627
|
+
contentPaddingRight: 'size',
|
|
628
|
+
contentPaddingTop: 'size',
|
|
629
|
+
contentPaddingBottom: 'size',
|
|
630
|
+
marginBottom: 'size',
|
|
631
|
+
borderColor: 'color',
|
|
632
|
+
borderRadius: 'radius',
|
|
633
|
+
borderWidth: 'border',
|
|
634
|
+
expandDividerColor: 'color',
|
|
635
|
+
expandDividerWidth: 'size'
|
|
600
636
|
},
|
|
601
637
|
Feedback: {
|
|
602
638
|
backgroundColor: 'color',
|
|
@@ -619,6 +655,19 @@ module.exports = {
|
|
|
619
655
|
iconColor: 'color',
|
|
620
656
|
iconGap: 'size'
|
|
621
657
|
},
|
|
658
|
+
Fieldset: {
|
|
659
|
+
outlineWidth: 'border',
|
|
660
|
+
outlineColor: 'color',
|
|
661
|
+
borderTopLeftRadius: 'radius',
|
|
662
|
+
borderTopRightRadius: 'radius',
|
|
663
|
+
borderBottomLeftRadius: 'radius',
|
|
664
|
+
borderBottomRightRadius: 'radius',
|
|
665
|
+
paddingBottom: 'size',
|
|
666
|
+
paddingTop: 'size',
|
|
667
|
+
paddingLeft: 'size',
|
|
668
|
+
paddingRight: 'size',
|
|
669
|
+
outlineOffset: 'size'
|
|
670
|
+
},
|
|
622
671
|
HorizontalScrollButton: {
|
|
623
672
|
backgroundColor: 'color',
|
|
624
673
|
borderRadius: 'radius',
|
|
@@ -1110,7 +1159,17 @@ module.exports = {
|
|
|
1110
1159
|
// Fieldset
|
|
1111
1160
|
fieldSpace: 'integer'
|
|
1112
1161
|
},
|
|
1113
|
-
RadioGroup: {
|
|
1162
|
+
RadioGroup: {
|
|
1163
|
+
space: 'integer',
|
|
1164
|
+
fieldSpace: 'integer',
|
|
1165
|
+
showIcon: 'show',
|
|
1166
|
+
outlineWidth: 'border',
|
|
1167
|
+
borderBottomLeftRadius: 'radius',
|
|
1168
|
+
borderBottomRightRadius: 'radius',
|
|
1169
|
+
borderTopLeftRadius: 'radius',
|
|
1170
|
+
borderTopRightRadius: 'radius',
|
|
1171
|
+
outlineOffset: 'size'
|
|
1172
|
+
},
|
|
1114
1173
|
Ribbon: {
|
|
1115
1174
|
paddingLeft: 'size',
|
|
1116
1175
|
paddingRight: 'size',
|