@telus-uds/system-theme-tokens 2.1.0 → 2.4.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 +28 -2
- package/appearances.js +8 -1
- package/components.js +43 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,38 @@
|
|
|
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 Tue, 23 Aug 2022 19:30:28 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 2.4.0
|
|
8
|
+
|
|
9
|
+
Tue, 23 Aug 2022 19:30:28 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- feat: add width variant to the Allium modal (ruslan.bredikhin@nearform.com)
|
|
14
|
+
|
|
15
|
+
## 2.3.0
|
|
16
|
+
|
|
17
|
+
Wed, 17 Aug 2022 20:50:59 GMT
|
|
18
|
+
|
|
19
|
+
### Minor changes
|
|
20
|
+
|
|
21
|
+
- Allowing icons to the button component (srikanthkhari@gmail.com)
|
|
22
|
+
|
|
23
|
+
## 2.2.0
|
|
24
|
+
|
|
25
|
+
Fri, 12 Aug 2022 20:17:12 GMT
|
|
26
|
+
|
|
27
|
+
### Minor changes
|
|
28
|
+
|
|
29
|
+
- Define SkipLink component's theme schema (bill.somen@telus.com)
|
|
30
|
+
- feat: add thumbnail navigation to carousel (ruslan.bredikhin@nearform.com)
|
|
31
|
+
- Add CarouselTabs and subcomponents (alan.slater@nearform.com)
|
|
32
|
+
|
|
7
33
|
## 2.1.0
|
|
8
34
|
|
|
9
|
-
Wed, 20 Jul 2022 23:
|
|
35
|
+
Wed, 20 Jul 2022 23:57:28 GMT
|
|
10
36
|
|
|
11
37
|
### Minor changes
|
|
12
38
|
|
package/appearances.js
CHANGED
|
@@ -71,6 +71,7 @@ module.exports = {
|
|
|
71
71
|
},
|
|
72
72
|
Button: { focus, hover, pressed, inactive, selected },
|
|
73
73
|
ButtonGroupItem: { focus, hover, pressed, inactive, selected },
|
|
74
|
+
CarouselTabsPanelItem: { focus, hover, pressed, inactive, selected },
|
|
74
75
|
Checkbox: { checked, error, focus, hover, inactive },
|
|
75
76
|
ChevronLink: { hover },
|
|
76
77
|
ExpandCollapseControl: { pressed, hover, focus, expanded },
|
|
@@ -99,6 +100,11 @@ module.exports = {
|
|
|
99
100
|
'Whether a modal should expand responsively to the maximum of 8 layout columns width',
|
|
100
101
|
values: [true],
|
|
101
102
|
type: 'state'
|
|
103
|
+
},
|
|
104
|
+
width: {
|
|
105
|
+
description: 'The width of the modal',
|
|
106
|
+
values: ['s', 'm', 'l', 'xl'],
|
|
107
|
+
type: 'state'
|
|
102
108
|
}
|
|
103
109
|
},
|
|
104
110
|
Notification: {
|
|
@@ -157,5 +163,6 @@ module.exports = {
|
|
|
157
163
|
TagsItem: { focus, hover, pressed, inactive, selected },
|
|
158
164
|
TextInput: { validation, hover, focus, inactive },
|
|
159
165
|
ToggleSwitch: { focus, hover, pressed, inactive, selected },
|
|
160
|
-
TooltipButton: { focus, hover, pressed }
|
|
166
|
+
TooltipButton: { focus, hover, pressed },
|
|
167
|
+
SkipLink: { focus }
|
|
161
168
|
}
|
package/components.js
CHANGED
|
@@ -24,6 +24,9 @@ module.exports = {
|
|
|
24
24
|
paddingBottom: 'size',
|
|
25
25
|
width: 'size',
|
|
26
26
|
minWidth: 'size',
|
|
27
|
+
iconSize: 'size',
|
|
28
|
+
iconSpace: 'integer',
|
|
29
|
+
icon: 'icon',
|
|
27
30
|
|
|
28
31
|
outerBorderColor: 'color',
|
|
29
32
|
outerBorderWidth: 'border',
|
|
@@ -85,7 +88,35 @@ module.exports = {
|
|
|
85
88
|
showPreviousNextNavigation: 'show',
|
|
86
89
|
showPanelNavigation: 'show',
|
|
87
90
|
spaceBetweenSlideAndPreviousNextNavigation: 'size',
|
|
88
|
-
spaceBetweenSlideAndPanelNavigation: 'size'
|
|
91
|
+
spaceBetweenSlideAndPanelNavigation: 'size',
|
|
92
|
+
thumbnailBorderColor: 'color',
|
|
93
|
+
thumbnailBorderRadius: 'radius',
|
|
94
|
+
thumbnailBorderWidth: 'border',
|
|
95
|
+
thumbnailContainerPaddingTop: 'size',
|
|
96
|
+
thumbnailMargin: 'size',
|
|
97
|
+
thumbnailPadding: 'size',
|
|
98
|
+
thumbnailSelectedBorderColor: 'color',
|
|
99
|
+
thumbnailSelectedBorderWidth: 'border',
|
|
100
|
+
thumbnailSize: 'size'
|
|
101
|
+
},
|
|
102
|
+
CarouselTabsPanelItem: {
|
|
103
|
+
paddingLeft: 'size',
|
|
104
|
+
paddingRight: 'size',
|
|
105
|
+
paddingTop: 'size',
|
|
106
|
+
paddingBottom: 'size',
|
|
107
|
+
borderBottomColor: 'color',
|
|
108
|
+
borderBottomWidth: 'border',
|
|
109
|
+
borderBottomStyle: 'borderStyle',
|
|
110
|
+
flex: 'integer',
|
|
111
|
+
alignItems: 'flexAlign',
|
|
112
|
+
justifyContent: 'flexJustifyContent',
|
|
113
|
+
color: 'color',
|
|
114
|
+
fontSize: 'fontSize',
|
|
115
|
+
fontScaleCap: 'fontSize',
|
|
116
|
+
lineHeight: 'lineHeight',
|
|
117
|
+
letterSpacing: 'letterSpacing',
|
|
118
|
+
fontWeight: 'fontWeight',
|
|
119
|
+
fontName: 'fontName'
|
|
89
120
|
},
|
|
90
121
|
Checkbox: {
|
|
91
122
|
containerBackgroundColor: 'color',
|
|
@@ -601,6 +632,17 @@ module.exports = {
|
|
|
601
632
|
showStepName: 'show',
|
|
602
633
|
showStepTrackerLabel: 'show'
|
|
603
634
|
},
|
|
635
|
+
SkipLink: {
|
|
636
|
+
backgroundColor: 'color',
|
|
637
|
+
color: 'color',
|
|
638
|
+
outlineColor: 'color',
|
|
639
|
+
outlineOffset: 'border',
|
|
640
|
+
outlineStyle: 'borderStyle',
|
|
641
|
+
outlineWidth: 'border',
|
|
642
|
+
paddingHorizontal: 'size',
|
|
643
|
+
paddingVertical: 'size',
|
|
644
|
+
borderRadius: 'radius'
|
|
645
|
+
},
|
|
604
646
|
Tabs: {
|
|
605
647
|
nextIcon: 'icon',
|
|
606
648
|
previousIcon: 'icon',
|