@carbon/themes 10.35.0 → 10.36.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 +2 -2
- package/scss/generated/_mixins.scss +79 -0
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.
|
|
4
|
+
"version": "10.36.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"node-sass": "^4.13.1",
|
|
47
47
|
"rimraf": "^3.0.0"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "72c0172ef78d89cd5ab53c6af211dda682275c2f"
|
|
50
50
|
}
|
|
@@ -264,6 +264,85 @@
|
|
|
264
264
|
$icon-size-01: map-get($theme, 'icon-size-01') !global;
|
|
265
265
|
$icon-size-02: map-get($theme, 'icon-size-02') !global;
|
|
266
266
|
|
|
267
|
+
@if global-variable-exists('feature-flags') and
|
|
268
|
+
map-get($feature-flags, 'enable-v11-release') !=
|
|
269
|
+
true
|
|
270
|
+
{
|
|
271
|
+
$background: $ui-background !global;
|
|
272
|
+
$layer: $ui-01 !global;
|
|
273
|
+
$layer-accent: $ui-03 !global;
|
|
274
|
+
$field: $field-01 !global;
|
|
275
|
+
$background-inverse: $inverse-02 !global;
|
|
276
|
+
$background-brand: $interactive-01 !global;
|
|
277
|
+
$interactive: $interactive-04 !global;
|
|
278
|
+
$border-subtle: $ui-03 !global;
|
|
279
|
+
$border-strong: $ui-04 !global;
|
|
280
|
+
$border-inverse: $ui-05 !global;
|
|
281
|
+
$border-interactive: $interactive-04 !global;
|
|
282
|
+
$text-primary: $text-01 !global;
|
|
283
|
+
$text-secondary: $text-02 !global;
|
|
284
|
+
$text-placeholder: $text-03 !global;
|
|
285
|
+
$text-helper: $text-05 !global;
|
|
286
|
+
$text-on-color: $text-04 !global;
|
|
287
|
+
$text-inverse: $inverse-01 !global;
|
|
288
|
+
$link-primary: $link-01 !global;
|
|
289
|
+
$link-secondary: $link-02 !global;
|
|
290
|
+
$link-visited: $visited-link !global;
|
|
291
|
+
$link-inverse: $inverse-link !global;
|
|
292
|
+
$icon-primary: $icon-01 !global;
|
|
293
|
+
$icon-secondary: $icon-02 !global;
|
|
294
|
+
$icon-on-color: $icon-03 !global;
|
|
295
|
+
$icon-inverse: $inverse-01 !global;
|
|
296
|
+
$support-error: $support-01 !global;
|
|
297
|
+
$support-success: $support-02 !global;
|
|
298
|
+
$support-warning: $support-03 !global;
|
|
299
|
+
$support-info: $support-04 !global;
|
|
300
|
+
$support-error-inverse: $inverse-support-01 !global;
|
|
301
|
+
$support-success-inverse: $inverse-support-02 !global;
|
|
302
|
+
$support-warning-inverse: $inverse-support-03 !global;
|
|
303
|
+
$support-info-inverse: $inverse-support-04 !global;
|
|
304
|
+
$overlay: $overlay-01 !global;
|
|
305
|
+
$toggle-off: $ui-04 !global;
|
|
306
|
+
$button-primary: $interactive-01 !global;
|
|
307
|
+
$button-secondary: $interactive-02 !global;
|
|
308
|
+
$button-tertiary: $interactive-03 !global;
|
|
309
|
+
$button-danger-primary: $danger-01 !global;
|
|
310
|
+
$button-danger-secondary: $danger-02 !global;
|
|
311
|
+
$background-active: $active-ui !global;
|
|
312
|
+
$layer-active: $active-ui !global;
|
|
313
|
+
$button-danger-active: $active-danger !global;
|
|
314
|
+
$button-primary-active: $active-primary !global;
|
|
315
|
+
$button-secondary-active: $active-secondary !global;
|
|
316
|
+
$button-tertiary-active: $active-tertiary !global;
|
|
317
|
+
$focus-inset: $inverse-01 !global;
|
|
318
|
+
$focus-inverse: $inverse-focus-ui !global;
|
|
319
|
+
$background-hover: $hover-ui !global;
|
|
320
|
+
$layer-hover: $hover-ui !global;
|
|
321
|
+
$field-hover: $hover-ui !global;
|
|
322
|
+
$background-inverse-hover: $inverse-hover-ui !global;
|
|
323
|
+
$link-primary-hover: $hover-primary-text !global;
|
|
324
|
+
$button-danger-hover: $hover-danger !global;
|
|
325
|
+
$button-primary-hover: $hover-primary !global;
|
|
326
|
+
$button-secondary-hover: $hover-secondary !global;
|
|
327
|
+
$button-tertiary-hover: $hover-tertiary !global;
|
|
328
|
+
$background-selected: $selected-ui !global;
|
|
329
|
+
$background-selected-hover: $hover-selected-ui !global;
|
|
330
|
+
$layer-selected: $selected-ui !global;
|
|
331
|
+
$layer-selected-hover: $hover-selected-ui !global;
|
|
332
|
+
$layer-selected-inverse: $ui-05 !global;
|
|
333
|
+
$border-subtle-selected: $active-ui !global;
|
|
334
|
+
$layer-disabled: $disabled-01 !global;
|
|
335
|
+
$field-disabled: $disabled-01 !global;
|
|
336
|
+
$border-disabled: $disabled-01 !global;
|
|
337
|
+
$text-disabled: $disabled-02 !global;
|
|
338
|
+
$button-disabled: $disabled-02 !global;
|
|
339
|
+
$icon-disabled: $disabled-02 !global;
|
|
340
|
+
$text-on-color-disabled: $disabled-03 !global;
|
|
341
|
+
$icon-on-color-disabled: $disabled-03 !global;
|
|
342
|
+
$layer-selected-disabled: $disabled-03 !global;
|
|
343
|
+
$skeleton-background: $skeleton-01 !global;
|
|
344
|
+
$skeleton-element: $skeleton-02 !global;
|
|
345
|
+
}
|
|
267
346
|
@if global-variable-exists('feature-flags') and
|
|
268
347
|
map-get($feature-flags, 'enable-css-custom-properties')
|
|
269
348
|
{
|