@carbon/elements 10.48.0 → 10.50.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/elements",
3
3
  "description": "A collection of design elements in code for the IBM Design Language",
4
- "version": "10.48.0",
4
+ "version": "10.50.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -35,21 +35,21 @@
35
35
  "clean": "rimraf es lib umd && node tasks/clean.js"
36
36
  },
37
37
  "dependencies": {
38
- "@carbon/colors": "^10.34.0",
39
- "@carbon/grid": "^10.39.0",
40
- "@carbon/icons": "^10.44.0",
38
+ "@carbon/colors": "^10.35.0",
39
+ "@carbon/grid": "^10.40.0",
40
+ "@carbon/icons": "^10.45.0",
41
41
  "@carbon/import-once": "^10.6.0",
42
- "@carbon/layout": "^10.34.0",
43
- "@carbon/motion": "^10.26.0",
44
- "@carbon/themes": "^10.47.0",
45
- "@carbon/type": "^10.38.0"
42
+ "@carbon/layout": "^10.35.0",
43
+ "@carbon/motion": "^10.27.0",
44
+ "@carbon/themes": "^10.49.0",
45
+ "@carbon/type": "^10.40.0"
46
46
  },
47
47
  "devDependencies": {
48
- "@carbon/cli": "^10.31.0",
49
- "fs-extra": "^8.1.0",
48
+ "@carbon/cli": "^10.32.0",
49
+ "fs-extra": "^10.0.0",
50
50
  "klaw-sync": "^6.0.0",
51
51
  "replace-in-file": "^3.4.2",
52
52
  "rimraf": "^3.0.0"
53
53
  },
54
- "gitHead": "505af1963e6f78a204212e4f322c247f4eb4f217"
54
+ "gitHead": "ac4b4bf03cf93cb8463916231619fbfdc72f0be5"
55
55
  }
@@ -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;