@telus-uds/theme-allium 1.0.0-prerelease.0 → 2.1.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 +88 -0
- package/README.md +1 -1
- package/build/schema.json +3687 -3721
- package/build/theme.js +31 -9
- package/package.json +6 -6
- package/theme.json +1558 -1531
package/build/theme.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
*
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on Thu,
|
|
4
|
+
* Generated on Thu, 03 Mar 2022 12:04:43 GMT
|
|
5
5
|
*
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -16,8 +16,8 @@ const PaletteIconClose = require('@telus-uds/palette-allium/build/rn/icons/Close
|
|
|
16
16
|
const PaletteIconStatusWarning = require('@telus-uds/palette-allium/build/rn/icons/StatusWarning')
|
|
17
17
|
const PaletteIconTimes = require('@telus-uds/palette-allium/build/rn/icons/Times')
|
|
18
18
|
const PaletteIconSearchBold = require('@telus-uds/palette-allium/build/rn/icons/SearchBold')
|
|
19
|
-
const PaletteIconQuestion = require('@telus-uds/palette-allium/build/rn/icons/Question')
|
|
20
19
|
const PaletteIconAdd = require('@telus-uds/palette-allium/build/rn/icons/Add')
|
|
20
|
+
const PaletteIconQuestion = require('@telus-uds/palette-allium/build/rn/icons/Question')
|
|
21
21
|
|
|
22
22
|
module.exports = {
|
|
23
23
|
components: {
|
|
@@ -1102,6 +1102,7 @@ module.exports = {
|
|
|
1102
1102
|
tokens: {
|
|
1103
1103
|
dividerColor: '#b2b9bf',
|
|
1104
1104
|
dividerSize: 1,
|
|
1105
|
+
iconMarginTop: 4,
|
|
1105
1106
|
interItemMargin: 8,
|
|
1106
1107
|
interItemMarginWithDivider: 16,
|
|
1107
1108
|
itemBulletColor: '#4b286d',
|
|
@@ -1115,7 +1116,7 @@ module.exports = {
|
|
|
1115
1116
|
itemIconColor: '#4b286d',
|
|
1116
1117
|
itemIconSize: 16,
|
|
1117
1118
|
itemLineHeight: 1.5,
|
|
1118
|
-
listGutter:
|
|
1119
|
+
listGutter: 16
|
|
1119
1120
|
}
|
|
1120
1121
|
},
|
|
1121
1122
|
Modal: {
|
|
@@ -2093,7 +2094,7 @@ module.exports = {
|
|
|
2093
2094
|
baseWidth: 40,
|
|
2094
2095
|
characters: 10,
|
|
2095
2096
|
color: '#b2b9bf',
|
|
2096
|
-
radius:
|
|
2097
|
+
radius: 99999999999999,
|
|
2097
2098
|
size: 3,
|
|
2098
2099
|
spaceBetweenLines: 2,
|
|
2099
2100
|
squareRadius: 4
|
|
@@ -2565,6 +2566,7 @@ module.exports = {
|
|
|
2565
2566
|
tokens: {
|
|
2566
2567
|
backgroundColor: '#b2b9bf',
|
|
2567
2568
|
iconColor: '#676e73',
|
|
2569
|
+
labelColor: '#676e73',
|
|
2568
2570
|
outerBorderColor: '#b2b9bf'
|
|
2569
2571
|
}
|
|
2570
2572
|
}
|
|
@@ -2578,6 +2580,12 @@ module.exports = {
|
|
|
2578
2580
|
icon: null,
|
|
2579
2581
|
iconColor: '#676e73',
|
|
2580
2582
|
iconSize: 12,
|
|
2583
|
+
labelColor: '#414547',
|
|
2584
|
+
labelFontName: 'HelveticaNow',
|
|
2585
|
+
labelFontSize: 16,
|
|
2586
|
+
labelFontWeight: '400',
|
|
2587
|
+
labelLineHeight: 1.5,
|
|
2588
|
+
labelMarginLeft: 10,
|
|
2581
2589
|
opacity: 1,
|
|
2582
2590
|
outerBackgroundColor: 'rgba(0, 0, 0, 0)',
|
|
2583
2591
|
outerBorderColor: 'rgba(0, 0, 0, 0)',
|
|
@@ -2614,6 +2622,24 @@ module.exports = {
|
|
|
2614
2622
|
width: 40
|
|
2615
2623
|
}
|
|
2616
2624
|
},
|
|
2625
|
+
ToggleSwitchGroup: {
|
|
2626
|
+
appearances: {
|
|
2627
|
+
viewport: {
|
|
2628
|
+
description: 'The size label for the current screen viewport based on the current screen width',
|
|
2629
|
+
type: 'state',
|
|
2630
|
+
values: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
|
|
2631
|
+
}
|
|
2632
|
+
},
|
|
2633
|
+
rules: [ { if: { viewport: [ 'lg', 'xl' ] }, tokens: { space: 3 } } ],
|
|
2634
|
+
tokens: {
|
|
2635
|
+
alignItems: 'flex-start',
|
|
2636
|
+
direction: 'column',
|
|
2637
|
+
flexGrow: 0,
|
|
2638
|
+
flexShrink: 0,
|
|
2639
|
+
justifyContent: 'flex-start',
|
|
2640
|
+
space: 1
|
|
2641
|
+
}
|
|
2642
|
+
},
|
|
2617
2643
|
Tooltip: {
|
|
2618
2644
|
appearances: { inverse: { type: 'variant', values: [ true ] } },
|
|
2619
2645
|
rules: [
|
|
@@ -2986,9 +3012,5 @@ module.exports = {
|
|
|
2986
3012
|
tokens: { size: 96 }
|
|
2987
3013
|
}
|
|
2988
3014
|
},
|
|
2989
|
-
metadata: {
|
|
2990
|
-
name: 'allium',
|
|
2991
|
-
package: '@telus-uds/theme-allium',
|
|
2992
|
-
themeTokensVersion: '0.0.2-prerelease.0'
|
|
2993
|
-
}
|
|
3015
|
+
metadata: { name: 'theme-allium', themeTokensVersion: '1.2.0' }
|
|
2994
3016
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telus-uds/theme-allium",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "Allium theme",
|
|
5
5
|
"author": "TELUS Digital",
|
|
6
6
|
"homepage": "https://github.com/telus/universal-design-system#readme",
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
"main": "build/theme.js",
|
|
9
9
|
"dependencies": {},
|
|
10
10
|
"devDependencies": {
|
|
11
|
-
"@telus-uds/palette-allium": "^1.0.0
|
|
12
|
-
"@telus-uds/system-
|
|
13
|
-
"@telus-uds/system-
|
|
11
|
+
"@telus-uds/palette-allium": "^1.0.0",
|
|
12
|
+
"@telus-uds/system-theme-tokens": "^1.2.0",
|
|
13
|
+
"@telus-uds/system-themes": "^0.0.1"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
|
-
"@telus-uds/palette-allium": "^1.0.0
|
|
16
|
+
"@telus-uds/palette-allium": "^1.0.0"
|
|
17
17
|
},
|
|
18
18
|
"files": [
|
|
19
19
|
"build",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
"scripts": {
|
|
27
27
|
"release": "standard-version",
|
|
28
|
-
"build": "
|
|
28
|
+
"build": "UDS_PALETTE=@telus-uds/palette-allium system-themes-build",
|
|
29
29
|
"dev": "nodemon -w src -x 'yarn build'"
|
|
30
30
|
},
|
|
31
31
|
"bugs": {
|