@telus-uds/theme-allium 3.14.0 → 3.16.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/build/android/schema.json +1042 -860
- package/build/android/theme.json +295 -4
- package/build/ios/schema.json +1042 -860
- package/build/ios/theme.json +295 -4
- package/build/rn/schema.json +1042 -860
- package/build/rn/theme.js +152 -5
- package/package.json +5 -5
- package/theme.json +167 -3
package/build/android/theme.json
CHANGED
|
@@ -30,6 +30,213 @@
|
|
|
30
30
|
"thickness": 2
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
|
+
"Badge": {
|
|
34
|
+
"appearances": {
|
|
35
|
+
"alternative": {
|
|
36
|
+
"type": "variant",
|
|
37
|
+
"values": [true]
|
|
38
|
+
},
|
|
39
|
+
"outline": {
|
|
40
|
+
"type": "variant",
|
|
41
|
+
"values": [true]
|
|
42
|
+
},
|
|
43
|
+
"purpose": {
|
|
44
|
+
"type": "variant",
|
|
45
|
+
"values": ["offer", "editorial"]
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"rules": [
|
|
49
|
+
{
|
|
50
|
+
"if": {
|
|
51
|
+
"outline": true
|
|
52
|
+
},
|
|
53
|
+
"tokens": {
|
|
54
|
+
"backgroundColor": {
|
|
55
|
+
"red": 1,
|
|
56
|
+
"green": 1,
|
|
57
|
+
"blue": 1,
|
|
58
|
+
"alpha": 1
|
|
59
|
+
},
|
|
60
|
+
"color": {
|
|
61
|
+
"red": 0.38039,
|
|
62
|
+
"green": 0.21961,
|
|
63
|
+
"blue": 0.53725,
|
|
64
|
+
"alpha": 1
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"if": {
|
|
70
|
+
"alternative": true
|
|
71
|
+
},
|
|
72
|
+
"tokens": {
|
|
73
|
+
"borderColor": {
|
|
74
|
+
"red": 0,
|
|
75
|
+
"green": 0,
|
|
76
|
+
"blue": 0,
|
|
77
|
+
"alpha": 0
|
|
78
|
+
},
|
|
79
|
+
"gradient": {
|
|
80
|
+
"type": "linear",
|
|
81
|
+
"angle": 135,
|
|
82
|
+
"stops": [
|
|
83
|
+
{
|
|
84
|
+
"stop": 0,
|
|
85
|
+
"color": {
|
|
86
|
+
"red": 0,
|
|
87
|
+
"green": 0.47059,
|
|
88
|
+
"blue": 0.2902,
|
|
89
|
+
"alpha": 1
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"stop": 1,
|
|
94
|
+
"color": {
|
|
95
|
+
"red": 0.4,
|
|
96
|
+
"green": 0.8,
|
|
97
|
+
"blue": 0,
|
|
98
|
+
"alpha": 1
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
]
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"if": {
|
|
107
|
+
"purpose": "offer"
|
|
108
|
+
},
|
|
109
|
+
"tokens": {
|
|
110
|
+
"borderWidth": 0,
|
|
111
|
+
"gradient": {
|
|
112
|
+
"type": "linear",
|
|
113
|
+
"angle": 135,
|
|
114
|
+
"stops": [
|
|
115
|
+
{
|
|
116
|
+
"stop": 0,
|
|
117
|
+
"color": {
|
|
118
|
+
"red": 0.29412,
|
|
119
|
+
"green": 0.15686,
|
|
120
|
+
"blue": 0.42745,
|
|
121
|
+
"alpha": 1
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"stop": 1,
|
|
126
|
+
"color": {
|
|
127
|
+
"red": 0.89804,
|
|
128
|
+
"green": 0.19608,
|
|
129
|
+
"blue": 0.57647,
|
|
130
|
+
"alpha": 1
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
]
|
|
134
|
+
},
|
|
135
|
+
"paddingBottom": 4,
|
|
136
|
+
"paddingLeft": 10,
|
|
137
|
+
"paddingRight": 10,
|
|
138
|
+
"paddingTop": 4
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"if": {
|
|
143
|
+
"purpose": "editorial"
|
|
144
|
+
},
|
|
145
|
+
"tokens": {
|
|
146
|
+
"backgroundColor": {
|
|
147
|
+
"red": 0.40392,
|
|
148
|
+
"green": 0.43137,
|
|
149
|
+
"blue": 0.45098,
|
|
150
|
+
"alpha": 1
|
|
151
|
+
},
|
|
152
|
+
"borderColor": {
|
|
153
|
+
"red": 0.40392,
|
|
154
|
+
"green": 0.43137,
|
|
155
|
+
"blue": 0.45098,
|
|
156
|
+
"alpha": 1
|
|
157
|
+
},
|
|
158
|
+
"color": {
|
|
159
|
+
"red": 1,
|
|
160
|
+
"green": 1,
|
|
161
|
+
"blue": 1,
|
|
162
|
+
"alpha": 1
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"if": {
|
|
168
|
+
"outline": true,
|
|
169
|
+
"purpose": "offer"
|
|
170
|
+
},
|
|
171
|
+
"tokens": {
|
|
172
|
+
"borderColor": {
|
|
173
|
+
"red": 0,
|
|
174
|
+
"green": 0,
|
|
175
|
+
"blue": 0,
|
|
176
|
+
"alpha": 0
|
|
177
|
+
},
|
|
178
|
+
"borderWidth": 2,
|
|
179
|
+
"gradient": {
|
|
180
|
+
"type": "linear",
|
|
181
|
+
"angle": 135,
|
|
182
|
+
"stops": [
|
|
183
|
+
{
|
|
184
|
+
"stop": 0,
|
|
185
|
+
"color": {
|
|
186
|
+
"red": 0.29412,
|
|
187
|
+
"green": 0.15686,
|
|
188
|
+
"blue": 0.42745,
|
|
189
|
+
"alpha": 1
|
|
190
|
+
}
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"stop": 1,
|
|
194
|
+
"color": {
|
|
195
|
+
"red": 0.89804,
|
|
196
|
+
"green": 0.19608,
|
|
197
|
+
"blue": 0.57647,
|
|
198
|
+
"alpha": 1
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
]
|
|
202
|
+
},
|
|
203
|
+
"paddingBottom": 2,
|
|
204
|
+
"paddingLeft": 8,
|
|
205
|
+
"paddingRight": 8,
|
|
206
|
+
"paddingTop": 2
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
],
|
|
210
|
+
"tokens": {
|
|
211
|
+
"backgroundColor": {
|
|
212
|
+
"red": 0.38039,
|
|
213
|
+
"green": 0.21961,
|
|
214
|
+
"blue": 0.53725,
|
|
215
|
+
"alpha": 1
|
|
216
|
+
},
|
|
217
|
+
"borderColor": {
|
|
218
|
+
"red": 0.38039,
|
|
219
|
+
"green": 0.21961,
|
|
220
|
+
"blue": 0.53725,
|
|
221
|
+
"alpha": 1
|
|
222
|
+
},
|
|
223
|
+
"borderRadius": 4,
|
|
224
|
+
"borderWidth": 2,
|
|
225
|
+
"color": {
|
|
226
|
+
"red": 1,
|
|
227
|
+
"green": 1,
|
|
228
|
+
"blue": 1,
|
|
229
|
+
"alpha": 1
|
|
230
|
+
},
|
|
231
|
+
"fontName": "HelveticaNow",
|
|
232
|
+
"fontWeight": 700,
|
|
233
|
+
"gradient": null,
|
|
234
|
+
"paddingBottom": 2,
|
|
235
|
+
"paddingLeft": 8,
|
|
236
|
+
"paddingRight": 8,
|
|
237
|
+
"paddingTop": 2
|
|
238
|
+
}
|
|
239
|
+
},
|
|
33
240
|
"Box": {
|
|
34
241
|
"appearances": {
|
|
35
242
|
"background": {
|
|
@@ -2626,11 +2833,21 @@
|
|
|
2626
2833
|
"type": "variant",
|
|
2627
2834
|
"values": [true]
|
|
2628
2835
|
},
|
|
2836
|
+
"inactive": {
|
|
2837
|
+
"description": "Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.",
|
|
2838
|
+
"values": [true],
|
|
2839
|
+
"type": "state"
|
|
2840
|
+
},
|
|
2629
2841
|
"inverse": {
|
|
2630
2842
|
"description": "For use on dark backgrounds",
|
|
2631
2843
|
"type": "variant",
|
|
2632
2844
|
"values": [true]
|
|
2633
2845
|
},
|
|
2846
|
+
"password": {
|
|
2847
|
+
"description": "Password masked or not",
|
|
2848
|
+
"type": "variant",
|
|
2849
|
+
"values": [true]
|
|
2850
|
+
},
|
|
2634
2851
|
"pressed": {
|
|
2635
2852
|
"description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
|
|
2636
2853
|
"values": [true],
|
|
@@ -2666,6 +2883,19 @@
|
|
|
2666
2883
|
}
|
|
2667
2884
|
}
|
|
2668
2885
|
},
|
|
2886
|
+
{
|
|
2887
|
+
"if": {
|
|
2888
|
+
"password": true
|
|
2889
|
+
},
|
|
2890
|
+
"tokens": {
|
|
2891
|
+
"borderColor": {
|
|
2892
|
+
"red": 0,
|
|
2893
|
+
"green": 0,
|
|
2894
|
+
"blue": 0,
|
|
2895
|
+
"alpha": 0
|
|
2896
|
+
}
|
|
2897
|
+
}
|
|
2898
|
+
},
|
|
2669
2899
|
{
|
|
2670
2900
|
"if": {
|
|
2671
2901
|
"pressed": true
|
|
@@ -2692,6 +2922,33 @@
|
|
|
2692
2922
|
"outerBorderGap": 4
|
|
2693
2923
|
}
|
|
2694
2924
|
},
|
|
2925
|
+
{
|
|
2926
|
+
"if": {
|
|
2927
|
+
"password": true,
|
|
2928
|
+
"pressed": true
|
|
2929
|
+
},
|
|
2930
|
+
"tokens": {
|
|
2931
|
+
"backgroundColor": {
|
|
2932
|
+
"red": 0.24706,
|
|
2933
|
+
"green": 0.16471,
|
|
2934
|
+
"blue": 0.32941,
|
|
2935
|
+
"alpha": 1
|
|
2936
|
+
},
|
|
2937
|
+
"borderColor": {
|
|
2938
|
+
"red": 0.24706,
|
|
2939
|
+
"green": 0.16471,
|
|
2940
|
+
"blue": 0.32941,
|
|
2941
|
+
"alpha": 1
|
|
2942
|
+
},
|
|
2943
|
+
"iconColor": {
|
|
2944
|
+
"red": 1,
|
|
2945
|
+
"green": 1,
|
|
2946
|
+
"blue": 1,
|
|
2947
|
+
"alpha": 1
|
|
2948
|
+
},
|
|
2949
|
+
"outerBorderGap": 4
|
|
2950
|
+
}
|
|
2951
|
+
},
|
|
2695
2952
|
{
|
|
2696
2953
|
"if": {
|
|
2697
2954
|
"inverse": true,
|
|
@@ -2811,6 +3068,33 @@
|
|
|
2811
3068
|
"borderWidth": 0
|
|
2812
3069
|
}
|
|
2813
3070
|
},
|
|
3071
|
+
{
|
|
3072
|
+
"if": {
|
|
3073
|
+
"inactive": true,
|
|
3074
|
+
"password": true
|
|
3075
|
+
},
|
|
3076
|
+
"tokens": {
|
|
3077
|
+
"backgroundColor": {
|
|
3078
|
+
"red": 0,
|
|
3079
|
+
"green": 0,
|
|
3080
|
+
"blue": 0,
|
|
3081
|
+
"alpha": 0
|
|
3082
|
+
},
|
|
3083
|
+
"borderWidth": 0,
|
|
3084
|
+
"iconColor": {
|
|
3085
|
+
"red": 0.8902,
|
|
3086
|
+
"green": 0.90196,
|
|
3087
|
+
"blue": 0.9098,
|
|
3088
|
+
"alpha": 1
|
|
3089
|
+
},
|
|
3090
|
+
"outerBorderColor": {
|
|
3091
|
+
"red": 0,
|
|
3092
|
+
"green": 0,
|
|
3093
|
+
"blue": 0,
|
|
3094
|
+
"alpha": 0
|
|
3095
|
+
}
|
|
3096
|
+
}
|
|
3097
|
+
},
|
|
2814
3098
|
{
|
|
2815
3099
|
"if": {
|
|
2816
3100
|
"compact": true
|
|
@@ -2842,7 +3126,7 @@
|
|
|
2842
3126
|
"alpha": 1
|
|
2843
3127
|
},
|
|
2844
3128
|
"iconScale": 1,
|
|
2845
|
-
"iconSize":
|
|
3129
|
+
"iconSize": 24,
|
|
2846
3130
|
"iconTranslateX": 0,
|
|
2847
3131
|
"iconTranslateY": 0,
|
|
2848
3132
|
"outerBorderColor": {
|
|
@@ -2880,7 +3164,7 @@
|
|
|
2880
3164
|
"hintFontName": "HelveticaNow",
|
|
2881
3165
|
"hintFontSize": 14,
|
|
2882
3166
|
"hintFontWeight": 400,
|
|
2883
|
-
"hintLineHeight": 1.
|
|
3167
|
+
"hintLineHeight": 1.42857142857,
|
|
2884
3168
|
"lineHeight": 1.5
|
|
2885
3169
|
}
|
|
2886
3170
|
},
|
|
@@ -5990,6 +6274,11 @@
|
|
|
5990
6274
|
"values": [true],
|
|
5991
6275
|
"type": "state"
|
|
5992
6276
|
},
|
|
6277
|
+
"password": {
|
|
6278
|
+
"description": "capability that helps masking and unmasking text",
|
|
6279
|
+
"type": "variant",
|
|
6280
|
+
"values": [true]
|
|
6281
|
+
},
|
|
5993
6282
|
"validation": {
|
|
5994
6283
|
"description": "Validation states for form inputs",
|
|
5995
6284
|
"values": ["error", "success"],
|
|
@@ -6125,7 +6414,9 @@
|
|
|
6125
6414
|
"paddingBottom": 12,
|
|
6126
6415
|
"paddingLeft": 16,
|
|
6127
6416
|
"paddingRight": 16,
|
|
6128
|
-
"paddingTop": 12
|
|
6417
|
+
"paddingTop": 12,
|
|
6418
|
+
"passwordHideButtonIcon": "PaletteIconInvisible",
|
|
6419
|
+
"passwordShowButtonIcon": "PaletteIconVisible"
|
|
6129
6420
|
}
|
|
6130
6421
|
},
|
|
6131
6422
|
"Timeline": {
|
|
@@ -7236,7 +7527,7 @@
|
|
|
7236
7527
|
}
|
|
7237
7528
|
},
|
|
7238
7529
|
"metadata": {
|
|
7239
|
-
"themeTokensVersion": "2.
|
|
7530
|
+
"themeTokensVersion": "2.14.0",
|
|
7240
7531
|
"name": "theme-allium"
|
|
7241
7532
|
}
|
|
7242
7533
|
}
|