@telus-uds/system-theme-tokens 2.0.1 → 2.2.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,39 @@
1
1
  # Change Log - @telus-uds/system-theme-tokens
2
2
 
3
- This log was last generated on Tue, 07 Jun 2022 14:07:20 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 12 Aug 2022 20:14:48 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 2.2.0
8
+
9
+ Fri, 12 Aug 2022 20:14:48 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - Define SkipLink component's theme schema (bill.somen@telus.com)
14
+ - feat: add thumbnail navigation to carousel (ruslan.bredikhin@nearform.com)
15
+ - Add CarouselTabs and subcomponents (alan.slater@nearform.com)
16
+
17
+ ## 2.1.0
18
+
19
+ Wed, 20 Jul 2022 23:57:28 GMT
20
+
21
+ ### Minor changes
22
+
23
+ - Define schema for Carousel (shahzaibkhalidmalik@outlook.com)
24
+
25
+ ## 2.0.2
26
+
27
+ Tue, 14 Jun 2022 15:27:31 GMT
28
+
29
+ ### Patches
30
+
31
+ - switch to npm (simon.lawrence@nearform.com)
32
+ - Bump @telus-uds/system-constants to v1.0.4
33
+
7
34
  ## 2.0.1
8
35
 
9
- Tue, 07 Jun 2022 14:07:20 GMT
36
+ Tue, 07 Jun 2022 14:07:37 GMT
10
37
 
11
38
  ### Patches
12
39
 
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 },
@@ -157,5 +158,6 @@ module.exports = {
157
158
  TagsItem: { focus, hover, pressed, inactive, selected },
158
159
  TextInput: { validation, hover, focus, inactive },
159
160
  ToggleSwitch: { focus, hover, pressed, inactive, selected },
160
- TooltipButton: { focus, hover, pressed }
161
+ TooltipButton: { focus, hover, pressed },
162
+ SkipLink: { focus }
161
163
  }
package/components.js CHANGED
@@ -79,6 +79,42 @@ module.exports = {
79
79
  minWidth: 'size',
80
80
  shadow: 'shadow'
81
81
  },
82
+ Carousel: {
83
+ nextIcon: 'icon',
84
+ previousIcon: 'icon',
85
+ showPreviousNextNavigation: 'show',
86
+ showPanelNavigation: 'show',
87
+ spaceBetweenSlideAndPreviousNextNavigation: 'size',
88
+ spaceBetweenSlideAndPanelNavigation: 'size',
89
+ thumbnailBorderColor: 'color',
90
+ thumbnailBorderRadius: 'radius',
91
+ thumbnailBorderWidth: 'border',
92
+ thumbnailContainerPaddingTop: 'size',
93
+ thumbnailMargin: 'size',
94
+ thumbnailPadding: 'size',
95
+ thumbnailSelectedBorderColor: 'color',
96
+ thumbnailSelectedBorderWidth: 'border',
97
+ thumbnailSize: 'size'
98
+ },
99
+ CarouselTabsPanelItem: {
100
+ paddingLeft: 'size',
101
+ paddingRight: 'size',
102
+ paddingTop: 'size',
103
+ paddingBottom: 'size',
104
+ borderBottomColor: 'color',
105
+ borderBottomWidth: 'border',
106
+ borderBottomStyle: 'borderStyle',
107
+ flex: 'integer',
108
+ alignItems: 'flexAlign',
109
+ justifyContent: 'flexJustifyContent',
110
+ color: 'color',
111
+ fontSize: 'fontSize',
112
+ fontScaleCap: 'fontSize',
113
+ lineHeight: 'lineHeight',
114
+ letterSpacing: 'letterSpacing',
115
+ fontWeight: 'fontWeight',
116
+ fontName: 'fontName'
117
+ },
82
118
  Checkbox: {
83
119
  containerBackgroundColor: 'color',
84
120
  feedbackMarginBottom: 'size',
@@ -593,6 +629,17 @@ module.exports = {
593
629
  showStepName: 'show',
594
630
  showStepTrackerLabel: 'show'
595
631
  },
632
+ SkipLink: {
633
+ backgroundColor: 'color',
634
+ color: 'color',
635
+ outlineColor: 'color',
636
+ outlineOffset: 'border',
637
+ outlineStyle: 'borderStyle',
638
+ outlineWidth: 'border',
639
+ paddingHorizontal: 'size',
640
+ paddingVertical: 'size',
641
+ borderRadius: 'radius'
642
+ },
596
643
  Tabs: {
597
644
  nextIcon: 'icon',
598
645
  previousIcon: 'icon',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telus-uds/system-theme-tokens",
3
- "version": "2.0.1",
3
+ "version": "2.2.0",
4
4
  "description": "Theme token schema",
5
5
  "keywords": [
6
6
  "system"
@@ -13,8 +13,8 @@
13
13
  "url": "git+https://github.com/telus/universal-design-system.git"
14
14
  },
15
15
  "scripts": {
16
- "lint": "yarn --cwd ../.. lint:path --color packages/system-theme-tokens",
17
- "lint:fix": "yarn --cwd ../.. lint:path --fix packages/system-theme-tokens",
16
+ "lint": "npm run --prefix ../.. lint:path -- --color packages/system-theme-tokens",
17
+ "lint:fix": "npm run --prefix ../.. lint:path -- --fix packages/system-theme-tokens",
18
18
  "format": "prettier --write ."
19
19
  },
20
20
  "bugs": {
@@ -25,6 +25,6 @@
25
25
  "skip": true
26
26
  },
27
27
  "dependencies": {
28
- "@telus-uds/system-constants": "^1.0.3"
28
+ "@telus-uds/system-constants": "^1.0.4"
29
29
  }
30
30
  }