@momentum-design/tokens 0.0.37 → 0.0.39

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 +86 -78
  6. package/dist/css/theme/webex/dark-stable.css +3 -3
  7. package/dist/css/theme/webex/light-complete.css +86 -78
  8. package/dist/css/theme/webex/light-stable.css +4 -4
  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 +86 -78
  14. package/dist/ios/theme/webex/dark-stable.swift +3 -3
  15. package/dist/ios/theme/webex/light-complete.swift +86 -78
  16. package/dist/ios/theme/webex/light-stable.swift +4 -4
  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 +678 -453
  22. package/dist/json/theme/webex/dark-stable.json +356 -356
  23. package/dist/json/theme/webex/light-complete.json +700 -475
  24. package/dist/json/theme/webex/light-stable.json +360 -360
  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 +88 -72
  30. package/dist/json-minimal/theme/webex/dark-stable.json +2 -2
  31. package/dist/json-minimal/theme/webex/light-complete.json +90 -74
  32. package/dist/json-minimal/theme/webex/light-stable.json +3 -3
  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 +86 -78
  38. package/dist/resources/theme/webex/dark-stable.xml +3 -3
  39. package/dist/resources/theme/webex/light-complete.xml +86 -78
  40. package/dist/resources/theme/webex/light-stable.xml +4 -4
  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 +87 -79
  46. package/dist/scss/theme/webex/dark-stable.scss +3 -3
  47. package/dist/scss/theme/webex/light-complete.scss +87 -79
  48. package/dist/scss/theme/webex/light-stable.scss +4 -4
  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,22 +11,22 @@
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": {
27
- "primary": "#262626",
26
+ "2": {
27
+ "tertiary": "#262626",
28
28
  "secondary": "#1a1a1a",
29
- "tertiary": "#000000"
29
+ "primary": "#000000"
30
30
  }
31
31
  },
32
32
  "positive": {
@@ -46,6 +46,15 @@
46
46
  "default": "#3492eb",
47
47
  "pressed": "#1170cf"
48
48
  }
49
+ },
50
+ "gradient": {
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
+ }
49
58
  }
50
59
  },
51
60
  "content": {
@@ -53,7 +62,7 @@
53
62
  "neutral": {
54
63
  "primary": "#fffffff2",
55
64
  "secondary": "#ffffffb3",
56
- "disabled": "#ffffff66",
65
+ "disabled": "#ffffff33",
57
66
  "teams": {
58
67
  "default": "#ffffffb3",
59
68
  "active": "#fffffff2"
@@ -63,10 +72,15 @@
63
72
  "neutral": {
64
73
  "primary": "#000000f2",
65
74
  "secondary": "#00000099",
66
- "disabled": "#00000066"
75
+ "disabled": "#00000033"
76
+ },
77
+ "accent": {
78
+ "default": "#0353a8",
79
+ "hover": "#0a274a",
80
+ "active": "#0a274a"
67
81
  }
68
82
  },
69
- "positve": {
83
+ "positive": {
70
84
  "active": "#9fedd8",
71
85
  "hover": "#9fedd8",
72
86
  "default": "#3cc29a"
@@ -174,96 +188,95 @@
174
188
  },
175
189
  "indicator": {
176
190
  "neutral": {
177
- "00": "#8f8f8f",
178
- "01": "#3b3b3b",
179
- "02": "#262626",
180
- "03": "#1a1a1a",
181
- "04": "#ffffff"
191
+ "0": "#8f8f8f",
192
+ "1": "#545454",
193
+ "2": "#3b3b3b",
194
+ "3": "#262626",
195
+ "4": "#1a1a1a",
196
+ "5": "#000000"
182
197
  },
183
198
  "positive": {
184
- "00": "#27a17a"
199
+ "0": "#27a17a"
185
200
  },
186
201
  "negative": {
187
- "00": "#f55868",
188
- "01": "#780d13",
189
- "02": "#4f0e10"
202
+ "0": "#f55868",
203
+ "1": "#780d13",
204
+ "2": "#4f0e10"
190
205
  },
191
206
  "warning": {
192
- "00": "#cf7900",
193
- "01": "#57330a",
194
- "02": "#36220c"
207
+ "0": "#cf7900",
208
+ "1": "#57330a",
209
+ "2": "#36220c"
195
210
  },
196
211
  "accent": {
197
- "00": "#3492eb",
198
- "01": "#1170cf",
199
- "02": "#063a75",
200
- "03": "#0a274a"
212
+ "0": "#3492eb",
213
+ "1": "#1170cf",
214
+ "2": "#063a75",
215
+ "3": "#0a274a"
201
216
  },
202
217
  "notice": {
203
- "00": "#EC6400",
204
- "01": "#9C3202",
205
- "02": "#682601",
206
- "03": "#411B04"
218
+ "0": "#EC6400",
219
+ "1": "#9C3202",
220
+ "2": "#682601",
221
+ "3": "#411B04"
207
222
  },
208
223
  "decorative": {
209
224
  "gold": {
210
- "01": "#735107",
211
- "02": "#4d370c",
212
- "03": "#30240d"
225
+ "1": "#735107",
226
+ "2": "#4d370c",
227
+ "3": "#30240d"
213
228
  },
214
229
  "lime": {
215
- "01": "#416116",
216
- "02": "#2d4214",
217
- "03": "#1e2b10"
230
+ "1": "#416116",
231
+ "2": "#2d4214",
232
+ "3": "#1e2b10"
218
233
  },
219
234
  "mint": {
220
- "01": "#12615a",
221
- "02": "#12423f",
222
- "03": "#102b2a"
235
+ "1": "#12615a",
236
+ "2": "#12423f",
237
+ "3": "#102b2a"
223
238
  },
224
239
  "cobalt": {
225
- "01": "#08599c",
226
- "02": "#103c63",
227
- "03": "#12283d"
240
+ "1": "#08599c",
241
+ "2": "#103c63",
242
+ "3": "#12283d"
228
243
  },
229
244
  "slate": {
230
- "01": "#535573",
231
- "02": "#393a47",
232
- "03": "#26262b"
245
+ "1": "#535573",
246
+ "2": "#393a47",
247
+ "3": "#26262b"
233
248
  },
234
249
  "violet": {
235
- "01": "#643abd",
236
- "02": "#432c78",
237
- "03": "#29223d"
250
+ "1": "#643abd",
251
+ "2": "#432c78",
252
+ "3": "#29223d"
238
253
  },
239
254
  "purple": {
240
- "01": "#932099",
241
- "02": "#601e66",
242
- "03": "#3b1840"
255
+ "1": "#932099",
256
+ "2": "#601e66",
257
+ "3": "#3b1840"
243
258
  },
244
259
  "pink": {
245
- "01": "#a12a3a",
246
- "02": "#66262d",
247
- "03": "#3b1e21"
260
+ "1": "#a12a3a",
261
+ "2": "#66262d",
262
+ "3": "#3b1e21"
248
263
  }
249
264
  }
250
265
  },
251
266
  "control": {
252
267
  "neutral": {
253
- "inactive": {
254
- "default": "#ffffff33",
255
- "hover": "#ffffff4d",
256
- "pressed": "#ffffff66",
257
- "disabled": "#ffffff1c"
268
+ "default": "#ffffff33",
269
+ "hover": "#ffffff4d",
270
+ "pressed": "#ffffff66",
271
+ "disabled": "#ffffff33",
272
+ "slider": {
273
+ "disabled": "#707070"
258
274
  }
259
275
  },
260
276
  "accent": {
261
- "active": {
262
- "default": "#64b4fa",
263
- "hover": "#3492eb",
264
- "pressed": "#1170cf",
265
- "disabled": "#063a75"
266
- }
277
+ "default": "#64b4fa",
278
+ "hover": "#3492eb",
279
+ "pressed": "#1170cf"
267
280
  }
268
281
  },
269
282
  "scrollbar": {
@@ -284,23 +297,23 @@
284
297
  },
285
298
  "border": {
286
299
  "neutral": {
287
- "00": "#ffffff33",
288
- "01": "#ffffff4d",
289
- "02": "#ffffff66",
290
- "03": "#ffffff80",
291
- "04": "#ffffffe6"
300
+ "0": "#ffffff33",
301
+ "1": "#ffffff4d",
302
+ "2": "#ffffff66",
303
+ "3": "#ffffff80",
304
+ "4": "#ffffffe6"
292
305
  },
293
306
  "positive": {
294
- "00": "#3cc29a"
307
+ "0": "#3cc29a"
295
308
  },
296
309
  "negative": {
297
- "00": "#fc8b98"
310
+ "0": "#fc8b98"
298
311
  },
299
312
  "accent": {
300
- "00": "#64b4fa"
313
+ "0": "#64b4fa"
301
314
  },
302
315
  "notice": {
303
- "00": "#FD884E"
316
+ "0": "#FD884E"
304
317
  },
305
318
  "decorative": {
306
319
  "gradient": {
@@ -322,6 +335,9 @@
322
335
  "hover": "linear-gradient(90deg, #64b4fa00 0%, #64b4fae6 22.4%, #64b4fae6 76.04%, #64b4fa00 100%)"
323
336
  }
324
337
  }
338
+ },
339
+ "warning": {
340
+ "0": "#f2990a"
325
341
  }
326
342
  }
327
343
  }