@carbon/themes 10.47.0 → 10.49.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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/themes",
3
3
  "description": "Themes for applying color in the Carbon Design System",
4
- "version": "10.47.0",
4
+ "version": "10.49.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -29,25 +29,25 @@
29
29
  "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && babel-node --presets '@babel/preset-env' tasks/build.js && carbon-cli check \"scss/*.scss\""
30
30
  },
31
31
  "dependencies": {
32
- "@carbon/colors": "^10.34.0",
33
- "@carbon/layout": "^10.34.0",
34
- "@carbon/type": "^10.38.0",
32
+ "@carbon/colors": "^10.35.0",
33
+ "@carbon/layout": "^10.35.0",
34
+ "@carbon/type": "^10.40.0",
35
35
  "color": "^3.1.2"
36
36
  },
37
37
  "devDependencies": {
38
- "@babel/node": "^7.14.2",
39
- "@babel/preset-env": "^7.14.2",
40
- "@carbon/cli": "^10.31.0",
38
+ "@babel/node": "^7.16.7",
39
+ "@babel/preset-env": "^7.16.7",
40
+ "@carbon/cli": "^10.32.0",
41
41
  "@carbon/cli-reporter": "^10.5.0",
42
42
  "@carbon/scss-generator": "^10.13.0",
43
- "@carbon/test-utils": "^10.20.0",
43
+ "@carbon/test-utils": "^10.21.0",
44
44
  "change-case": "^4.1.1",
45
45
  "core-js": "^3.16.0",
46
- "fs-extra": "^8.1.0",
46
+ "fs-extra": "^10.0.0",
47
47
  "js-yaml": "^3.13.0",
48
- "node-sass": "^6.0.1",
48
+ "node-sass": "^7.0.1",
49
49
  "rimraf": "^3.0.0"
50
50
  },
51
51
  "sideEffects": false,
52
- "gitHead": "1836ce1cac8d9a08314b62058a5ed258798901a8"
52
+ "gitHead": "ac4b4bf03cf93cb8463916231619fbfdc72f0be5"
53
53
  }
@@ -8,264 +8,264 @@
8
8
 
9
9
  /// Token values for the white theme
10
10
  $white: (
11
+ active-danger: #750e13,
12
+ active-light-ui: #c6c6c6,
13
+ active-primary: #002d9c,
14
+ active-secondary: #6f6f6f,
15
+ active-tertiary: #002d9c,
16
+ active-ui: #c6c6c6,
17
+ button-separator: #e0e0e0,
18
+ danger-01: #da1e28,
19
+ danger-02: #da1e28,
20
+ decorative-01: #e0e0e0,
21
+ disabled-01: #f4f4f4,
22
+ disabled-02: #c6c6c6,
23
+ disabled-03: #8d8d8d,
24
+ hover-danger: #b81921,
25
+ hover-field: #e5e5e5,
26
+ hover-light-ui: #e5e5e5,
27
+ hover-primary: #0353e9,
28
+ hover-primary-text: #0043ce,
29
+ hover-row: #e5e5e5,
30
+ hover-secondary: #4c4c4c,
31
+ hover-selected-ui: #cacaca,
32
+ hover-tertiary: #0353e9,
33
+ hover-ui: #e5e5e5,
34
+ icon-01: #161616,
35
+ icon-02: #525252,
36
+ icon-03: #ffffff,
11
37
  interactive-01: #0f62fe,
12
38
  interactive-02: #393939,
13
39
  interactive-03: #0f62fe,
14
40
  interactive-04: #0f62fe,
15
- ui-background: #ffffff,
16
- ui-01: #f4f4f4,
17
- ui-02: #ffffff,
18
- ui-03: #e0e0e0,
19
- ui-04: #8d8d8d,
20
- ui-05: #161616,
21
- text-01: #161616,
22
- text-02: #525252,
23
- text-03: #a8a8a8,
24
- text-04: #ffffff,
25
- text-05: #6f6f6f,
26
- icon-01: #161616,
27
- icon-02: #525252,
28
- icon-03: #ffffff,
29
- link-01: #0f62fe,
30
- link-02: #0043ce,
31
- inverse-link: #78a9ff,
32
41
  inverse-01: #ffffff,
33
42
  inverse-02: #393939,
34
- support-01: #da1e28,
35
- support-02: #198038,
36
- support-03: #f1c21b,
37
- support-04: #0043ce,
43
+ inverse-focus-ui: #ffffff,
44
+ inverse-hover-ui: #4c4c4c,
45
+ inverse-link: #78a9ff,
38
46
  inverse-support-01: #fa4d56,
39
47
  inverse-support-02: #42be65,
40
48
  inverse-support-03: #f1c21b,
41
49
  inverse-support-04: #4589ff,
50
+ link-01: #0f62fe,
51
+ link-02: #0043ce,
42
52
  overlay-01: rgba(22, 22, 22, 0.5),
43
- danger-01: #da1e28,
44
- danger-02: #da1e28,
45
- inverse-focus-ui: #ffffff,
46
- hover-primary: #0353e9,
47
- active-primary: #002d9c,
48
- hover-primary-text: #0043ce,
49
- hover-secondary: #4c4c4c,
50
- active-secondary: #6f6f6f,
51
- hover-tertiary: #0353e9,
52
- active-tertiary: #002d9c,
53
- hover-ui: #e5e5e5,
54
- hover-light-ui: #e5e5e5,
55
- active-ui: #c6c6c6,
56
- active-light-ui: #c6c6c6,
57
- selected-ui: #e0e0e0,
58
53
  selected-light-ui: #e0e0e0,
59
- inverse-hover-ui: #4c4c4c,
60
- hover-selected-ui: #cacaca,
61
- hover-danger: #b81921,
62
- active-danger: #750e13,
63
- hover-row: #e5e5e5,
64
- visited-link: #8a3ffc,
65
- disabled-01: #f4f4f4,
66
- disabled-02: #c6c6c6,
67
- disabled-03: #8d8d8d,
68
- decorative-01: #e0e0e0,
69
- button-separator: #e0e0e0,
54
+ selected-ui: #e0e0e0,
70
55
  skeleton-01: #e5e5e5,
71
56
  skeleton-02: #c6c6c6,
72
- hover-field: #e5e5e5,
73
- ) !default;
74
-
75
- /// Token values for the g10 theme
76
- $g10: (
77
- interactive-01: #0f62fe,
78
- interactive-02: #393939,
79
- interactive-03: #0f62fe,
80
- interactive-04: #0f62fe,
81
- ui-background: #f4f4f4,
82
- ui-01: #ffffff,
83
- ui-02: #f4f4f4,
84
- ui-03: #e0e0e0,
85
- ui-04: #8d8d8d,
86
- ui-05: #161616,
57
+ support-01: #da1e28,
58
+ support-02: #198038,
59
+ support-03: #f1c21b,
60
+ support-04: #0043ce,
87
61
  text-01: #161616,
88
62
  text-02: #525252,
89
63
  text-03: #a8a8a8,
90
64
  text-04: #ffffff,
91
65
  text-05: #6f6f6f,
66
+ ui-01: #f4f4f4,
67
+ ui-02: #ffffff,
68
+ ui-03: #e0e0e0,
69
+ ui-04: #8d8d8d,
70
+ ui-05: #161616,
71
+ ui-background: #ffffff,
72
+ visited-link: #8a3ffc,
73
+ ) !default;
74
+
75
+ /// Token values for the g10 theme
76
+ $g10: (
77
+ active-danger: #750e13,
78
+ active-light-ui: #c6c6c6,
79
+ active-primary: #002d9c,
80
+ active-secondary: #6f6f6f,
81
+ active-tertiary: #002d9c,
82
+ active-ui: #c6c6c6,
83
+ button-separator: #e0e0e0,
84
+ danger-01: #da1e28,
85
+ danger-02: #da1e28,
86
+ decorative-01: #e0e0e0,
87
+ disabled-01: #ffffff,
88
+ disabled-02: #c6c6c6,
89
+ disabled-03: #8d8d8d,
90
+ hover-danger: #b81921,
91
+ hover-field: #e5e5e5,
92
+ hover-light-ui: #e5e5e5,
93
+ hover-primary: #0353e9,
94
+ hover-primary-text: #0043ce,
95
+ hover-row: #e5e5e5,
96
+ hover-secondary: #4c4c4c,
97
+ hover-selected-ui: #cacaca,
98
+ hover-tertiary: #0353e9,
99
+ hover-ui: #e5e5e5,
92
100
  icon-01: #161616,
93
101
  icon-02: #525252,
94
102
  icon-03: #ffffff,
95
- link-01: #0f62fe,
96
- link-02: #0043ce,
97
- inverse-link: #78a9ff,
103
+ interactive-01: #0f62fe,
104
+ interactive-02: #393939,
105
+ interactive-03: #0f62fe,
106
+ interactive-04: #0f62fe,
98
107
  inverse-01: #ffffff,
99
108
  inverse-02: #393939,
100
- support-01: #da1e28,
101
- support-02: #198038,
102
- support-03: #f1c21b,
103
- support-04: #0043ce,
109
+ inverse-focus-ui: #ffffff,
110
+ inverse-hover-ui: #4c4c4c,
111
+ inverse-link: #78a9ff,
104
112
  inverse-support-01: #fa4d56,
105
113
  inverse-support-02: #42be65,
106
114
  inverse-support-03: #f1c21b,
107
115
  inverse-support-04: #4589ff,
116
+ link-01: #0f62fe,
117
+ link-02: #0043ce,
108
118
  overlay-01: rgba(22, 22, 22, 0.5),
109
- danger-01: #da1e28,
110
- danger-02: #da1e28,
111
- inverse-focus-ui: #ffffff,
112
- hover-primary: #0353e9,
113
- active-primary: #002d9c,
114
- hover-primary-text: #0043ce,
115
- hover-secondary: #4c4c4c,
116
- active-secondary: #6f6f6f,
117
- hover-tertiary: #0353e9,
118
- active-tertiary: #002d9c,
119
- hover-ui: #e5e5e5,
120
- hover-light-ui: #e5e5e5,
121
- active-ui: #c6c6c6,
122
- active-light-ui: #c6c6c6,
123
- selected-ui: #e0e0e0,
124
119
  selected-light-ui: #e0e0e0,
125
- inverse-hover-ui: #4c4c4c,
126
- hover-selected-ui: #cacaca,
127
- hover-danger: #b81921,
128
- active-danger: #750e13,
129
- hover-row: #e5e5e5,
130
- visited-link: #8a3ffc,
131
- disabled-01: #ffffff,
132
- disabled-02: #c6c6c6,
133
- disabled-03: #8d8d8d,
134
- decorative-01: #e0e0e0,
135
- button-separator: #e0e0e0,
120
+ selected-ui: #e0e0e0,
136
121
  skeleton-01: #e5e5e5,
137
122
  skeleton-02: #c6c6c6,
138
- hover-field: #e5e5e5,
123
+ support-01: #da1e28,
124
+ support-02: #198038,
125
+ support-03: #f1c21b,
126
+ support-04: #0043ce,
127
+ text-01: #161616,
128
+ text-02: #525252,
129
+ text-03: #a8a8a8,
130
+ text-04: #ffffff,
131
+ text-05: #6f6f6f,
132
+ ui-01: #ffffff,
133
+ ui-02: #f4f4f4,
134
+ ui-03: #e0e0e0,
135
+ ui-04: #8d8d8d,
136
+ ui-05: #161616,
137
+ ui-background: #f4f4f4,
138
+ visited-link: #8a3ffc,
139
139
  ) !default;
140
140
 
141
141
  /// Token values for the g90 theme
142
142
  $g90: (
143
+ active-danger: #750e13,
144
+ active-light-ui: #8d8d8d,
145
+ active-primary: #002d9c,
146
+ active-secondary: #393939,
147
+ active-tertiary: #c6c6c6,
148
+ active-ui: #6f6f6f,
149
+ button-separator: #161616,
150
+ danger-01: #da1e28,
151
+ danger-02: #ff8389,
152
+ decorative-01: #6f6f6f,
153
+ disabled-01: #393939,
154
+ disabled-02: #6f6f6f,
155
+ disabled-03: #a8a8a8,
156
+ hover-danger: #b81921,
157
+ hover-field: #4c4c4c,
158
+ hover-light-ui: #656565,
159
+ hover-primary: #0353e9,
160
+ hover-primary-text: #a6c8ff,
161
+ hover-row: #4c4c4c,
162
+ hover-secondary: #606060,
163
+ hover-selected-ui: #656565,
164
+ hover-tertiary: #f4f4f4,
165
+ hover-ui: #4c4c4c,
166
+ icon-01: #f4f4f4,
167
+ icon-02: #c6c6c6,
168
+ icon-03: #ffffff,
143
169
  interactive-01: #0f62fe,
144
170
  interactive-02: #6f6f6f,
145
171
  interactive-03: #ffffff,
146
172
  interactive-04: #4589ff,
147
- ui-background: #262626,
148
- ui-01: #393939,
149
- ui-02: #525252,
150
- ui-03: #525252,
151
- ui-04: #8d8d8d,
152
- ui-05: #f4f4f4,
153
- text-01: #f4f4f4,
154
- text-02: #c6c6c6,
155
- text-03: #6f6f6f,
156
- text-04: #ffffff,
157
- text-05: #8d8d8d,
158
- icon-01: #f4f4f4,
159
- icon-02: #c6c6c6,
160
- icon-03: #ffffff,
161
- link-01: #78a9ff,
162
- link-02: #a6c8ff,
163
- inverse-link: #0f62fe,
164
173
  inverse-01: #161616,
165
174
  inverse-02: #f4f4f4,
166
- support-01: #ff8389,
167
- support-02: #42be65,
168
- support-03: #f1c21b,
169
- support-04: #4589ff,
175
+ inverse-focus-ui: #0f62fe,
176
+ inverse-hover-ui: #e5e5e5,
177
+ inverse-link: #0f62fe,
170
178
  inverse-support-01: #da1e28,
171
179
  inverse-support-02: #24a148,
172
180
  inverse-support-03: #f1c21b,
173
181
  inverse-support-04: #0f62fe,
182
+ link-01: #78a9ff,
183
+ link-02: #a6c8ff,
174
184
  overlay-01: rgba(0, 0, 0, 0.65),
175
- danger-01: #da1e28,
176
- danger-02: #ff8389,
177
- inverse-focus-ui: #0f62fe,
178
- hover-primary: #0353e9,
179
- active-primary: #002d9c,
180
- hover-primary-text: #a6c8ff,
181
- hover-secondary: #606060,
182
- active-secondary: #393939,
183
- hover-tertiary: #f4f4f4,
184
- active-tertiary: #c6c6c6,
185
- hover-ui: #4c4c4c,
186
- hover-light-ui: #656565,
187
- active-ui: #6f6f6f,
188
- active-light-ui: #8d8d8d,
189
- selected-ui: #525252,
190
185
  selected-light-ui: #6f6f6f,
191
- inverse-hover-ui: #e5e5e5,
192
- hover-selected-ui: #656565,
193
- hover-danger: #b81921,
194
- active-danger: #750e13,
195
- hover-row: #4c4c4c,
196
- visited-link: #be95ff,
197
- disabled-01: #393939,
198
- disabled-02: #6f6f6f,
199
- disabled-03: #a8a8a8,
200
- decorative-01: #6f6f6f,
201
- button-separator: #161616,
186
+ selected-ui: #525252,
202
187
  skeleton-01: #353535,
203
188
  skeleton-02: #525252,
204
- hover-field: #4c4c4c,
205
- ) !default;
206
-
207
- /// Token values for the g100 theme
208
- $g100: (
209
- interactive-01: #0f62fe,
210
- interactive-02: #6f6f6f,
211
- interactive-03: #ffffff,
212
- interactive-04: #4589ff,
213
- ui-background: #161616,
214
- ui-01: #262626,
215
- ui-02: #393939,
216
- ui-03: #393939,
217
- ui-04: #6f6f6f,
218
- ui-05: #f4f4f4,
189
+ support-01: #ff8389,
190
+ support-02: #42be65,
191
+ support-03: #f1c21b,
192
+ support-04: #4589ff,
219
193
  text-01: #f4f4f4,
220
194
  text-02: #c6c6c6,
221
195
  text-03: #6f6f6f,
222
196
  text-04: #ffffff,
223
197
  text-05: #8d8d8d,
198
+ ui-01: #393939,
199
+ ui-02: #525252,
200
+ ui-03: #525252,
201
+ ui-04: #8d8d8d,
202
+ ui-05: #f4f4f4,
203
+ ui-background: #262626,
204
+ visited-link: #be95ff,
205
+ ) !default;
206
+
207
+ /// Token values for the g100 theme
208
+ $g100: (
209
+ active-danger: #750e13,
210
+ active-light-ui: #6f6f6f,
211
+ active-primary: #002d9c,
212
+ active-secondary: #393939,
213
+ active-tertiary: #c6c6c6,
214
+ active-ui: #525252,
215
+ button-separator: #161616,
216
+ danger-01: #da1e28,
217
+ danger-02: #fa4d56,
218
+ decorative-01: #525252,
219
+ disabled-01: #262626,
220
+ disabled-02: #525252,
221
+ disabled-03: #8d8d8d,
222
+ hover-danger: #b81921,
223
+ hover-field: #353535,
224
+ hover-light-ui: #4c4c4c,
225
+ hover-primary: #0353e9,
226
+ hover-primary-text: #a6c8ff,
227
+ hover-row: #353535,
228
+ hover-secondary: #606060,
229
+ hover-selected-ui: #4c4c4c,
230
+ hover-tertiary: #f4f4f4,
231
+ hover-ui: #353535,
224
232
  icon-01: #f4f4f4,
225
233
  icon-02: #c6c6c6,
226
234
  icon-03: #ffffff,
227
- link-01: #78a9ff,
228
- link-02: #a6c8ff,
229
- inverse-link: #0f62fe,
235
+ interactive-01: #0f62fe,
236
+ interactive-02: #6f6f6f,
237
+ interactive-03: #ffffff,
238
+ interactive-04: #4589ff,
230
239
  inverse-01: #161616,
231
240
  inverse-02: #f4f4f4,
232
- support-01: #fa4d56,
233
- support-02: #42be65,
234
- support-03: #f1c21b,
235
- support-04: #4589ff,
241
+ inverse-focus-ui: #0f62fe,
242
+ inverse-hover-ui: #e5e5e5,
243
+ inverse-link: #0f62fe,
236
244
  inverse-support-01: #da1e28,
237
245
  inverse-support-02: #24a148,
238
246
  inverse-support-03: #f1c21b,
239
247
  inverse-support-04: #0f62fe,
248
+ link-01: #78a9ff,
249
+ link-02: #a6c8ff,
240
250
  overlay-01: rgba(0, 0, 0, 0.65),
241
- danger-01: #da1e28,
242
- danger-02: #fa4d56,
243
- inverse-focus-ui: #0f62fe,
244
- hover-primary: #0353e9,
245
- active-primary: #002d9c,
246
- hover-primary-text: #a6c8ff,
247
- hover-secondary: #606060,
248
- active-secondary: #393939,
249
- hover-tertiary: #f4f4f4,
250
- active-tertiary: #c6c6c6,
251
- hover-ui: #353535,
252
- hover-light-ui: #4c4c4c,
253
- active-ui: #525252,
254
- active-light-ui: #6f6f6f,
255
- selected-ui: #393939,
256
251
  selected-light-ui: #525252,
257
- inverse-hover-ui: #e5e5e5,
258
- hover-selected-ui: #4c4c4c,
259
- hover-danger: #b81921,
260
- active-danger: #750e13,
261
- hover-row: #353535,
262
- visited-link: #be95ff,
263
- disabled-01: #262626,
264
- disabled-02: #525252,
265
- disabled-03: #8d8d8d,
266
- decorative-01: #525252,
267
- button-separator: #161616,
252
+ selected-ui: #393939,
268
253
  skeleton-01: #353535,
269
254
  skeleton-02: #525252,
270
- hover-field: #353535,
255
+ support-01: #fa4d56,
256
+ support-02: #42be65,
257
+ support-03: #f1c21b,
258
+ support-04: #4589ff,
259
+ text-01: #f4f4f4,
260
+ text-02: #c6c6c6,
261
+ text-03: #6f6f6f,
262
+ text-04: #ffffff,
263
+ text-05: #8d8d8d,
264
+ ui-01: #262626,
265
+ ui-02: #393939,
266
+ ui-03: #393939,
267
+ ui-04: #6f6f6f,
268
+ ui-05: #f4f4f4,
269
+ ui-background: #161616,
270
+ visited-link: #be95ff,
271
271
  ) !default;