@momentum-design/tokens 0.0.38 → 0.0.40

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.
Files changed (49) hide show
  1. package/dist/css/core/complete.css +30 -13
  2. package/dist/css/theme/aaos/day-complete.css +48 -0
  3. package/dist/css/theme/aaos/night-complete.css +48 -0
  4. package/dist/css/theme/webex/common-stable.css +2 -2
  5. package/dist/css/theme/webex/dark-complete.css +73 -69
  6. package/dist/css/theme/webex/dark-stable.css +4 -4
  7. package/dist/css/theme/webex/light-complete.css +74 -67
  8. package/dist/css/theme/webex/light-stable.css +5 -5
  9. package/dist/ios/core/complete.swift +30 -13
  10. package/dist/ios/theme/aaos/day-complete.swift +54 -0
  11. package/dist/ios/theme/aaos/night-complete.swift +54 -0
  12. package/dist/ios/theme/webex/common-stable.swift +2 -2
  13. package/dist/ios/theme/webex/dark-complete.swift +73 -69
  14. package/dist/ios/theme/webex/dark-stable.swift +4 -4
  15. package/dist/ios/theme/webex/light-complete.swift +74 -67
  16. package/dist/ios/theme/webex/light-stable.swift +5 -5
  17. package/dist/json/core/complete.json +661 -236
  18. package/dist/json/theme/aaos/day-complete.json +1231 -0
  19. package/dist/json/theme/aaos/night-complete.json +1231 -0
  20. package/dist/json/theme/webex/common-stable.json +69 -69
  21. package/dist/json/theme/webex/dark-complete.json +364 -243
  22. package/dist/json/theme/webex/dark-stable.json +360 -360
  23. package/dist/json/theme/webex/light-complete.json +453 -247
  24. package/dist/json/theme/webex/light-stable.json +364 -364
  25. package/dist/json-minimal/core/complete.json +36 -19
  26. package/dist/json-minimal/theme/aaos/day-complete.json +137 -0
  27. package/dist/json-minimal/theme/aaos/night-complete.json +137 -0
  28. package/dist/json-minimal/theme/webex/common-stable.json +1 -1
  29. package/dist/json-minimal/theme/webex/dark-complete.json +70 -60
  30. package/dist/json-minimal/theme/webex/dark-stable.json +3 -3
  31. package/dist/json-minimal/theme/webex/light-complete.json +77 -60
  32. package/dist/json-minimal/theme/webex/light-stable.json +4 -4
  33. package/dist/resources/core/complete.xml +30 -13
  34. package/dist/resources/theme/aaos/day-complete.xml +50 -0
  35. package/dist/resources/theme/aaos/night-complete.xml +50 -0
  36. package/dist/resources/theme/webex/common-stable.xml +2 -2
  37. package/dist/resources/theme/webex/dark-complete.xml +73 -69
  38. package/dist/resources/theme/webex/dark-stable.xml +4 -4
  39. package/dist/resources/theme/webex/light-complete.xml +74 -67
  40. package/dist/resources/theme/webex/light-stable.xml +5 -5
  41. package/dist/scss/core/complete.scss +30 -13
  42. package/dist/scss/theme/aaos/day-complete.scss +45 -0
  43. package/dist/scss/theme/aaos/night-complete.scss +45 -0
  44. package/dist/scss/theme/webex/common-stable.scss +2 -2
  45. package/dist/scss/theme/webex/dark-complete.scss +73 -69
  46. package/dist/scss/theme/webex/dark-stable.scss +4 -4
  47. package/dist/scss/theme/webex/light-complete.scss +75 -68
  48. package/dist/scss/theme/webex/light-stable.scss +5 -5
  49. package/package.json +1 -1
@@ -19,22 +19,30 @@
19
19
  "color": {
20
20
  "core": {
21
21
  "white-alpha": {
22
+ "0": "#ffffff00",
23
+ "5": "#ffffff0d",
24
+ "7": "#ffffff12",
22
25
  "11": "#ffffff1c",
23
26
  "20": "#ffffff33",
27
+ "24": "#ffffff3d",
24
28
  "30": "#ffffff4d",
25
29
  "40": "#ffffff66",
30
+ "46": "#ffffff75",
26
31
  "50": "#ffffff80",
32
+ "56": "#ffffff8F",
27
33
  "60": "#ffffff99",
28
34
  "70": "#ffffffb3",
35
+ "72": "#ffffffB8",
29
36
  "80": "#ffffffcc",
37
+ "88": "#ffffffE0",
30
38
  "90": "#ffffffe6",
31
39
  "95": "#fffffff2",
32
- "100": "#ffffff",
33
- "00": "#ffffff00",
34
- "05": "#ffffff0d",
35
- "07": "#ffffff12"
40
+ "100": "#ffffff"
36
41
  },
37
42
  "black-alpha": {
43
+ "0": "#00000000",
44
+ "4": "#000000A",
45
+ "7": "#0000012",
38
46
  "11": "#0000001c",
39
47
  "20": "#00000033",
40
48
  "30": "#0000004d",
@@ -42,29 +50,39 @@
42
50
  "50": "#00000080",
43
51
  "60": "#00000099",
44
52
  "70": "#000000b3",
53
+ "78": "#000000C7",
45
54
  "80": "#000000cc",
55
+ "84": "#000000D6",
56
+ "88": "#000000e0",
46
57
  "90": "#000000e6",
47
58
  "95": "#000000f2",
48
- "100": "#000000",
49
- "00": "#00000000",
50
- "04": "#0000000a",
51
- "07": "#00000012"
59
+ "100": "#000000"
52
60
  },
53
61
  "gray": {
62
+ "5": "#f7f7f7",
54
63
  "10": "#ededed",
55
64
  "20": "#dedede",
56
65
  "30": "#c9c9c9",
57
66
  "40": "#adadad",
58
67
  "50": "#8f8f8f",
68
+ "55": "#80868B",
59
69
  "60": "#707070",
60
70
  "70": "#545454",
71
+ "71": "#5F6368",
72
+ "75": "#3C4043",
61
73
  "80": "#3b3b3b",
74
+ "85": "#2E3134",
75
+ "86": "#282A2D",
62
76
  "90": "#262626",
77
+ "91": "#202124",
78
+ "93": "#17181B",
63
79
  "95": "#1a1a1a",
80
+ "96": "#0E1013",
64
81
  "100": "#0f0f0f",
65
- "05": "#f7f7f7"
82
+ "110": "#000000"
66
83
  },
67
84
  "blue": {
85
+ "5": "#edf8ff",
68
86
  "10": "#dbf0ff",
69
87
  "20": "#bfe3ff",
70
88
  "30": "#96d0ff",
@@ -75,10 +93,10 @@
75
93
  "80": "#063a75",
76
94
  "90": "#0a274a",
77
95
  "95": "#091a30",
78
- "100": "#07101c",
79
- "05": "#edf8ff"
96
+ "100": "#07101c"
80
97
  },
81
98
  "green": {
99
+ "5": "#edf7f5",
82
100
  "10": "#cef5eb",
83
101
  "20": "#9fedd8",
84
102
  "30": "#68debd",
@@ -89,10 +107,10 @@
89
107
  "80": "#134231",
90
108
  "90": "#0e2b20",
91
109
  "95": "#0a1c15",
92
- "100": "#07120d",
93
- "05": "#edf7f5"
110
+ "100": "#07120d"
94
111
  },
95
112
  "red": {
113
+ "5": "#fff5f6",
96
114
  "10": "#ffe8ea",
97
115
  "20": "#ffd4da",
98
116
  "30": "#ffb8c1",
@@ -103,10 +121,10 @@
103
121
  "80": "#780d13",
104
122
  "90": "#4f0e10",
105
123
  "95": "#330d0e",
106
- "100": "#1f0a0a",
107
- "05": "#fff5f6"
124
+ "100": "#1f0a0a"
108
125
  },
109
126
  "yellow": {
127
+ "5": "#fff6e3",
110
128
  "10": "#ffebc2",
111
129
  "20": "#ffda94",
112
130
  "30": "#ffbe4f",
@@ -117,10 +135,10 @@
117
135
  "80": "#57330a",
118
136
  "90": "#36220c",
119
137
  "95": "#24180b",
120
- "100": "#140e08",
121
- "05": "#fff6e3"
138
+ "100": "#140e08"
122
139
  },
123
140
  "orange": {
141
+ "5": "#FEF3E8",
124
142
  "10": "#FEEBD7",
125
143
  "20": "#FED5AC",
126
144
  "30": "#FEBA7F",
@@ -131,8 +149,7 @@
131
149
  "80": "#682601",
132
150
  "90": "#411B04",
133
151
  "95": "#291303",
134
- "100": "#170B02",
135
- "05": "#FEF3E8"
152
+ "100": "#170B02"
136
153
  }
137
154
  },
138
155
  "decorative": {
@@ -0,0 +1,137 @@
1
+ {
2
+ "color": {
3
+ "theme": {
4
+ "bg": {
5
+ "primary": "#000000"
6
+ },
7
+ "content": {
8
+ "text": {
9
+ "contrast": {
10
+ "neutral": {
11
+ "primary": "#000000"
12
+ }
13
+ },
14
+ "positive": {
15
+ "default": "#27a17a"
16
+ },
17
+ "negative": {
18
+ "default": "#f55868"
19
+ },
20
+ "warning": {
21
+ "default": "#f2990a"
22
+ },
23
+ "accent": {
24
+ "default": "#3492eb"
25
+ },
26
+ "notice": {
27
+ "default": "#EC6400"
28
+ },
29
+ "neutral": {
30
+ "primary": "#ffffff",
31
+ "secondary": "#ffffffB8",
32
+ "disabled": "#ffffff8F"
33
+ }
34
+ },
35
+ "btn": {
36
+ "neutral": {
37
+ "secondary": {
38
+ "default": "#ffffff00",
39
+ "disabled": "#ffffff00"
40
+ },
41
+ "primary": {
42
+ "default": "#ffffff",
43
+ "disabled": "#ffffff8F"
44
+ }
45
+ },
46
+ "positive": {
47
+ "default": "#27a17a"
48
+ },
49
+ "negative": {
50
+ "default": "#f55868"
51
+ },
52
+ "accent": {
53
+ "default": "#64b4fa"
54
+ }
55
+ },
56
+ "indicator": {
57
+ "neutral": {
58
+ "0": "#8f8f8f"
59
+ },
60
+ "positive": {
61
+ "0": "#27a17a"
62
+ },
63
+ "negative": {
64
+ "0": "#f55868"
65
+ },
66
+ "warning": {
67
+ "0": "#f2990a"
68
+ },
69
+ "accent": {
70
+ "0": "#3492eb"
71
+ },
72
+ "notice": {
73
+ "0": "#EC6400"
74
+ }
75
+ },
76
+ "control": {
77
+ "neutral": {
78
+ "default": "#ffffff66",
79
+ "slider": {
80
+ "disabled": "#ffffff1c"
81
+ }
82
+ },
83
+ "accent": {
84
+ "active": {
85
+ "default": "#3492eb"
86
+ }
87
+ }
88
+ },
89
+ "illustration": {
90
+ "default": "#ffffff"
91
+ }
92
+ },
93
+ "border": {
94
+ "positive": {
95
+ "0": "#27a17a"
96
+ },
97
+ "negative": {
98
+ "0": "#f55868"
99
+ },
100
+ "accent": {
101
+ "0": "#3492eb"
102
+ },
103
+ "warning": {
104
+ "0": "#f2990a"
105
+ },
106
+ "decorative": {
107
+ "gradient": {
108
+ "device": "linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%)"
109
+ }
110
+ },
111
+ "neutral": {
112
+ "0": "#ffffff75",
113
+ "1": "#ffffff3d",
114
+ "2": "#ffffff80"
115
+ }
116
+ },
117
+ "surface": {
118
+ "neutral": {
119
+ "0": {
120
+ "default": "#17181B"
121
+ },
122
+ "1": {
123
+ "default": "#202124"
124
+ },
125
+ "2": {
126
+ "default": "#282A2D"
127
+ }
128
+ }
129
+ },
130
+ "overlay": {
131
+ "0": "#000000D6",
132
+ "1": "#000000C7",
133
+ "2": "#00000099"
134
+ }
135
+ }
136
+ }
137
+ }
@@ -0,0 +1,137 @@
1
+ {
2
+ "color": {
3
+ "theme": {
4
+ "bg": {
5
+ "primary": "#000000"
6
+ },
7
+ "content": {
8
+ "text": {
9
+ "contrast": {
10
+ "neutral": {
11
+ "primary": "#000000"
12
+ }
13
+ },
14
+ "positive": {
15
+ "default": "#27a17a"
16
+ },
17
+ "negative": {
18
+ "default": "#f55868"
19
+ },
20
+ "warning": {
21
+ "default": "#f2990a"
22
+ },
23
+ "accent": {
24
+ "default": "#3492eb"
25
+ },
26
+ "notice": {
27
+ "default": "#EC6400"
28
+ },
29
+ "neutral": {
30
+ "primary": "#ffffffE0",
31
+ "secondary": "#ffffff99",
32
+ "disabled": "#ffffff80"
33
+ }
34
+ },
35
+ "btn": {
36
+ "neutral": {
37
+ "secondary": {
38
+ "default": "#ffffff00",
39
+ "disabled": "#ffffff00"
40
+ },
41
+ "primary": {
42
+ "default": "#ffffffE0",
43
+ "disabled": "#ffffff80"
44
+ }
45
+ },
46
+ "positive": {
47
+ "default": "#27a17a"
48
+ },
49
+ "negative": {
50
+ "default": "#f55868"
51
+ },
52
+ "accent": {
53
+ "default": "#64b4fa"
54
+ }
55
+ },
56
+ "indicator": {
57
+ "neutral": {
58
+ "0": "#8f8f8f"
59
+ },
60
+ "positive": {
61
+ "0": "#27a17a"
62
+ },
63
+ "negative": {
64
+ "0": "#f55868"
65
+ },
66
+ "warning": {
67
+ "0": "#f2990a"
68
+ },
69
+ "accent": {
70
+ "0": "#3492eb"
71
+ },
72
+ "notice": {
73
+ "0": "#EC6400"
74
+ }
75
+ },
76
+ "control": {
77
+ "neutral": {
78
+ "default": "#ffffff66",
79
+ "slider": {
80
+ "disabled": "#ffffff1c"
81
+ }
82
+ },
83
+ "accent": {
84
+ "active": {
85
+ "default": "#3492eb"
86
+ }
87
+ }
88
+ },
89
+ "illustration": {
90
+ "default": "#ffffffE0"
91
+ }
92
+ },
93
+ "border": {
94
+ "positive": {
95
+ "0": "#27a17a"
96
+ },
97
+ "negative": {
98
+ "0": "#f55868"
99
+ },
100
+ "accent": {
101
+ "0": "#3492eb"
102
+ },
103
+ "warning": {
104
+ "0": "#f2990a"
105
+ },
106
+ "decorative": {
107
+ "gradient": {
108
+ "device": "linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%)"
109
+ }
110
+ },
111
+ "neutral": {
112
+ "0": "#ffffff66",
113
+ "1": "#ffffff33",
114
+ "2": "#ffffff8F"
115
+ }
116
+ },
117
+ "surface": {
118
+ "neutral": {
119
+ "0": {
120
+ "default": "#0E1013"
121
+ },
122
+ "1": {
123
+ "default": "#17181B"
124
+ },
125
+ "2": {
126
+ "default": "#202124"
127
+ }
128
+ }
129
+ },
130
+ "overlay": {
131
+ "0": "#000000e0",
132
+ "1": "#000000D6",
133
+ "2": "#000000b3"
134
+ }
135
+ }
136
+ }
137
+ }
@@ -48,7 +48,7 @@
48
48
  },
49
49
  "secondary-dark": {
50
50
  "normal": "#00000000",
51
- "hover": "#00000012",
51
+ "hover": "#0000012",
52
52
  "pressed": "#00000033",
53
53
  "disabled": "#00000000"
54
54
  },
@@ -11,19 +11,19 @@
11
11
  },
12
12
  "surface": {
13
13
  "neutral": {
14
- "00": {
14
+ "0": {
15
15
  "default": "#ffffff00",
16
16
  "hover": "#ffffff12",
17
17
  "active": "#ffffff1c",
18
18
  "disabled": "#ffffff1c"
19
19
  },
20
- "01": {
20
+ "1": {
21
21
  "default": "#ffffff1c",
22
22
  "hover": "#ffffff33",
23
23
  "active": "#ffffff1c",
24
24
  "disabled": "#ffffff1c"
25
25
  },
26
- "02": {
26
+ "2": {
27
27
  "tertiary": "#262626",
28
28
  "secondary": "#1a1a1a",
29
29
  "primary": "#000000"
@@ -48,8 +48,13 @@
48
48
  }
49
49
  },
50
50
  "gradient": {
51
- "00": "linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%)",
52
- "01": "linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%)"
51
+ "0": "linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%)",
52
+ "1": "linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%)"
53
+ },
54
+ "contrast": {
55
+ "neutral": {
56
+ "0": "#ffffff"
57
+ }
53
58
  }
54
59
  },
55
60
  "content": {
@@ -68,6 +73,11 @@
68
73
  "primary": "#000000f2",
69
74
  "secondary": "#00000099",
70
75
  "disabled": "#00000033"
76
+ },
77
+ "accent": {
78
+ "default": "#0353a8",
79
+ "hover": "#0a274a",
80
+ "active": "#0a274a"
71
81
  }
72
82
  },
73
83
  "positive": {
@@ -178,78 +188,78 @@
178
188
  },
179
189
  "indicator": {
180
190
  "neutral": {
181
- "00": "#8f8f8f",
182
- "01": "#545454",
183
- "02": "#3b3b3b",
184
- "03": "#262626",
185
- "04": "#1a1a1a",
186
- "05": "#000000"
191
+ "0": "#8f8f8f",
192
+ "1": "#545454",
193
+ "2": "#3b3b3b",
194
+ "3": "#262626",
195
+ "4": "#1a1a1a",
196
+ "5": "#000000"
187
197
  },
188
198
  "positive": {
189
- "00": "#27a17a"
199
+ "0": "#27a17a"
190
200
  },
191
201
  "negative": {
192
- "00": "#f55868",
193
- "01": "#780d13",
194
- "02": "#4f0e10"
202
+ "0": "#f55868",
203
+ "1": "#780d13",
204
+ "2": "#4f0e10"
195
205
  },
196
206
  "warning": {
197
- "00": "#cf7900",
198
- "01": "#57330a",
199
- "02": "#36220c"
207
+ "0": "#cf7900",
208
+ "1": "#57330a",
209
+ "2": "#36220c"
200
210
  },
201
211
  "accent": {
202
- "00": "#3492eb",
203
- "01": "#1170cf",
204
- "02": "#063a75",
205
- "03": "#0a274a"
212
+ "0": "#3492eb",
213
+ "1": "#1170cf",
214
+ "2": "#063a75",
215
+ "3": "#0a274a"
206
216
  },
207
217
  "notice": {
208
- "00": "#EC6400",
209
- "01": "#9C3202",
210
- "02": "#682601",
211
- "03": "#411B04"
218
+ "0": "#EC6400",
219
+ "1": "#9C3202",
220
+ "2": "#682601",
221
+ "3": "#411B04"
212
222
  },
213
223
  "decorative": {
214
224
  "gold": {
215
- "01": "#735107",
216
- "02": "#4d370c",
217
- "03": "#30240d"
225
+ "1": "#735107",
226
+ "2": "#4d370c",
227
+ "3": "#30240d"
218
228
  },
219
229
  "lime": {
220
- "01": "#416116",
221
- "02": "#2d4214",
222
- "03": "#1e2b10"
230
+ "1": "#416116",
231
+ "2": "#2d4214",
232
+ "3": "#1e2b10"
223
233
  },
224
234
  "mint": {
225
- "01": "#12615a",
226
- "02": "#12423f",
227
- "03": "#102b2a"
235
+ "1": "#12615a",
236
+ "2": "#12423f",
237
+ "3": "#102b2a"
228
238
  },
229
239
  "cobalt": {
230
- "01": "#08599c",
231
- "02": "#103c63",
232
- "03": "#12283d"
240
+ "1": "#08599c",
241
+ "2": "#103c63",
242
+ "3": "#12283d"
233
243
  },
234
244
  "slate": {
235
- "01": "#535573",
236
- "02": "#393a47",
237
- "03": "#26262b"
245
+ "1": "#535573",
246
+ "2": "#393a47",
247
+ "3": "#26262b"
238
248
  },
239
249
  "violet": {
240
- "01": "#643abd",
241
- "02": "#432c78",
242
- "03": "#29223d"
250
+ "1": "#643abd",
251
+ "2": "#432c78",
252
+ "3": "#29223d"
243
253
  },
244
254
  "purple": {
245
- "01": "#932099",
246
- "02": "#601e66",
247
- "03": "#3b1840"
255
+ "1": "#932099",
256
+ "2": "#601e66",
257
+ "3": "#3b1840"
248
258
  },
249
259
  "pink": {
250
- "01": "#a12a3a",
251
- "02": "#66262d",
252
- "03": "#3b1e21"
260
+ "1": "#a12a3a",
261
+ "2": "#66262d",
262
+ "3": "#3b1e21"
253
263
  }
254
264
  }
255
265
  },
@@ -287,23 +297,23 @@
287
297
  },
288
298
  "border": {
289
299
  "neutral": {
290
- "00": "#ffffff33",
291
- "01": "#ffffff4d",
292
- "02": "#ffffff66",
293
- "03": "#ffffff80",
294
- "04": "#ffffffe6"
300
+ "0": "#ffffff33",
301
+ "1": "#ffffff4d",
302
+ "2": "#ffffff66",
303
+ "3": "#ffffff80",
304
+ "4": "#ffffffe6"
295
305
  },
296
306
  "positive": {
297
- "00": "#3cc29a"
307
+ "0": "#3cc29a"
298
308
  },
299
309
  "negative": {
300
- "00": "#fc8b98"
310
+ "0": "#fc8b98"
301
311
  },
302
312
  "accent": {
303
- "00": "#64b4fa"
313
+ "0": "#64b4fa"
304
314
  },
305
315
  "notice": {
306
- "00": "#FD884E"
316
+ "0": "#FD884E"
307
317
  },
308
318
  "decorative": {
309
319
  "gradient": {
@@ -327,7 +337,7 @@
327
337
  }
328
338
  },
329
339
  "warning": {
330
- "00": "#f2990a"
340
+ "0": "#f2990a"
331
341
  }
332
342
  }
333
343
  }
@@ -48,7 +48,7 @@
48
48
  },
49
49
  "secondary-dark": {
50
50
  "normal": "#00000000",
51
- "hover": "#00000012",
51
+ "hover": "#0000012",
52
52
  "pressed": "#00000033",
53
53
  "disabled": "#00000000"
54
54
  },
@@ -479,7 +479,7 @@
479
479
  "normal": "#ffffff33",
480
480
  "hover": "#ffffff4d",
481
481
  "pressed": "#ffffff66",
482
- "disabled": "#ffffff1c"
482
+ "disabled": "#ffffff33"
483
483
  }
484
484
  },
485
485
  "overlay": {
@@ -599,7 +599,7 @@
599
599
  },
600
600
  "secondary": {
601
601
  "normal": "#00000000",
602
- "hover": "#00000012",
602
+ "hover": "#0000012",
603
603
  "pressed": "#00000033"
604
604
  }
605
605
  },