@carbon/themes 10.25.0-rc.0 → 10.26.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/docs/sass.md +1 -1
- package/es/index.js +38 -33
- package/lib/index.js +670 -358
- package/package.json +9 -8
- package/umd/index.js +669 -357
package/docs/sass.md
CHANGED
package/es/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import Color from 'color';
|
|
2
|
-
import {
|
|
2
|
+
import { blue60, gray80, white as white$1, gray10, gray20, gray50, gray100, gray70, gray40, gray60, red60, blue40, green50, yellow, blue70, red50, green40, blue50, rgba, blue80, gray30, red80, purple60, blue20, blue10, gray90, red40, blue30, purple40, red30 } from '@carbon/colors';
|
|
3
3
|
import { caption01, label01, helperText01, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, unstable_tokens } from '@carbon/type';
|
|
4
|
-
export {
|
|
4
|
+
export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, label01, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
|
|
5
5
|
import { spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, layout01, layout02, layout03, layout04, layout05, layout06, layout07, container01, container02, container03, container04, container05, iconSize01, iconSize02, unstable_tokens as unstable_tokens$1 } from '@carbon/layout';
|
|
6
|
-
export {
|
|
6
|
+
export { container01, container02, container03, container04, container05, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12 } from '@carbon/layout';
|
|
7
7
|
|
|
8
8
|
function _defineProperty(obj, key, value) {
|
|
9
9
|
if (key in obj) {
|
|
@@ -81,26 +81,26 @@ var interactive01 = blue60;
|
|
|
81
81
|
var interactive02 = gray80;
|
|
82
82
|
var interactive03 = blue60;
|
|
83
83
|
var interactive04 = blue60;
|
|
84
|
-
var uiBackground = white;
|
|
84
|
+
var uiBackground = white$1;
|
|
85
85
|
var ui01 = gray10;
|
|
86
|
-
var ui02 = white;
|
|
86
|
+
var ui02 = white$1;
|
|
87
87
|
var ui03 = gray20;
|
|
88
88
|
var ui04 = gray50;
|
|
89
89
|
var ui05 = gray100;
|
|
90
90
|
var text01 = gray100;
|
|
91
91
|
var text02 = gray70;
|
|
92
92
|
var text03 = gray40;
|
|
93
|
-
var text04 = white;
|
|
93
|
+
var text04 = white$1;
|
|
94
94
|
var text05 = gray60;
|
|
95
95
|
var textError = red60;
|
|
96
96
|
var icon01 = gray100;
|
|
97
97
|
var icon02 = gray70;
|
|
98
|
-
var icon03 = white;
|
|
98
|
+
var icon03 = white$1;
|
|
99
99
|
var link01 = blue60;
|
|
100
100
|
var inverseLink = blue40;
|
|
101
101
|
var field01 = gray10;
|
|
102
|
-
var field02 = white;
|
|
103
|
-
var inverse01 = white;
|
|
102
|
+
var field02 = white$1;
|
|
103
|
+
var inverse01 = white$1;
|
|
104
104
|
var inverse02 = gray80;
|
|
105
105
|
var support01 = red60;
|
|
106
106
|
var support02 = green50;
|
|
@@ -115,7 +115,7 @@ var danger01 = red60;
|
|
|
115
115
|
var danger02 = red60; // Interaction states
|
|
116
116
|
|
|
117
117
|
var focus = blue60;
|
|
118
|
-
var inverseFocusUi = white;
|
|
118
|
+
var inverseFocusUi = white$1;
|
|
119
119
|
var hoverPrimary = '#0353e9';
|
|
120
120
|
var activePrimary = blue80;
|
|
121
121
|
var hoverPrimaryText = blue70;
|
|
@@ -151,7 +151,8 @@ var active01 = activeUI;
|
|
|
151
151
|
var hoverField = hoverUI;
|
|
152
152
|
var danger = danger01;
|
|
153
153
|
|
|
154
|
-
var white
|
|
154
|
+
var white = /*#__PURE__*/Object.freeze({
|
|
155
|
+
__proto__: null,
|
|
155
156
|
interactive01: interactive01,
|
|
156
157
|
interactive02: interactive02,
|
|
157
158
|
interactive03: interactive03,
|
|
@@ -297,7 +298,7 @@ var interactive02$1 = gray80;
|
|
|
297
298
|
var interactive03$1 = blue60;
|
|
298
299
|
var interactive04$1 = blue60;
|
|
299
300
|
var uiBackground$1 = gray10;
|
|
300
|
-
var ui01$1 = white;
|
|
301
|
+
var ui01$1 = white$1;
|
|
301
302
|
var ui02$1 = gray10;
|
|
302
303
|
var ui03$1 = gray20;
|
|
303
304
|
var ui04$1 = gray50;
|
|
@@ -305,17 +306,17 @@ var ui05$1 = gray100;
|
|
|
305
306
|
var text01$1 = gray100;
|
|
306
307
|
var text02$1 = gray70;
|
|
307
308
|
var text03$1 = gray40;
|
|
308
|
-
var text04$1 = white;
|
|
309
|
+
var text04$1 = white$1;
|
|
309
310
|
var text05$1 = gray60;
|
|
310
311
|
var textError$1 = red60;
|
|
311
312
|
var icon01$1 = gray100;
|
|
312
313
|
var icon02$1 = gray70;
|
|
313
|
-
var icon03$1 = white;
|
|
314
|
+
var icon03$1 = white$1;
|
|
314
315
|
var link01$1 = blue60;
|
|
315
316
|
var inverseLink$1 = blue40;
|
|
316
|
-
var field01$1 = white;
|
|
317
|
+
var field01$1 = white$1;
|
|
317
318
|
var field02$1 = gray10;
|
|
318
|
-
var inverse01$1 = white;
|
|
319
|
+
var inverse01$1 = white$1;
|
|
319
320
|
var inverse02$1 = gray80;
|
|
320
321
|
var support01$1 = red60;
|
|
321
322
|
var support02$1 = green50;
|
|
@@ -330,7 +331,7 @@ var danger01$1 = red60;
|
|
|
330
331
|
var danger02$1 = red60; // Interaction states
|
|
331
332
|
|
|
332
333
|
var focus$1 = blue60;
|
|
333
|
-
var inverseFocusUi$1 = white;
|
|
334
|
+
var inverseFocusUi$1 = white$1;
|
|
334
335
|
var hoverPrimary$1 = '#0353e9';
|
|
335
336
|
var activePrimary$1 = blue80;
|
|
336
337
|
var hoverPrimaryText$1 = blue70;
|
|
@@ -350,7 +351,7 @@ var hoverDanger$1 = adjustLightness(danger01$1, -8);
|
|
|
350
351
|
var activeDanger$1 = red80;
|
|
351
352
|
var hoverRow$1 = '#e5e5e5';
|
|
352
353
|
var visitedLink$1 = purple60;
|
|
353
|
-
var disabled01$1 = white;
|
|
354
|
+
var disabled01$1 = white$1;
|
|
354
355
|
var disabled02$1 = gray30;
|
|
355
356
|
var disabled03$1 = gray50;
|
|
356
357
|
var highlight$1 = blue10;
|
|
@@ -367,6 +368,7 @@ var hoverField$1 = hoverUI$1;
|
|
|
367
368
|
var danger$1 = danger01$1;
|
|
368
369
|
|
|
369
370
|
var g10 = /*#__PURE__*/Object.freeze({
|
|
371
|
+
__proto__: null,
|
|
370
372
|
interactive01: interactive01$1,
|
|
371
373
|
interactive02: interactive02$1,
|
|
372
374
|
interactive03: interactive03$1,
|
|
@@ -509,7 +511,7 @@ var g10 = /*#__PURE__*/Object.freeze({
|
|
|
509
511
|
*/
|
|
510
512
|
var interactive01$2 = blue60;
|
|
511
513
|
var interactive02$2 = gray60;
|
|
512
|
-
var interactive03$2 = white;
|
|
514
|
+
var interactive03$2 = white$1;
|
|
513
515
|
var interactive04$2 = blue50;
|
|
514
516
|
var uiBackground$2 = gray100;
|
|
515
517
|
var ui01$2 = gray90;
|
|
@@ -520,12 +522,12 @@ var ui05$2 = gray10;
|
|
|
520
522
|
var text01$2 = gray10;
|
|
521
523
|
var text02$2 = gray30;
|
|
522
524
|
var text03$2 = gray60;
|
|
523
|
-
var text04$2 = white;
|
|
525
|
+
var text04$2 = white$1;
|
|
524
526
|
var text05$2 = gray50;
|
|
525
527
|
var textError$2 = red40;
|
|
526
528
|
var icon01$2 = gray10;
|
|
527
529
|
var icon02$2 = gray30;
|
|
528
|
-
var icon03$2 = white;
|
|
530
|
+
var icon03$2 = white$1;
|
|
529
531
|
var link01$2 = blue40;
|
|
530
532
|
var inverseLink$2 = blue60;
|
|
531
533
|
var field01$2 = gray90;
|
|
@@ -544,7 +546,7 @@ var overlay01$2 = rgba(gray100, 0.7);
|
|
|
544
546
|
var danger01$2 = red60;
|
|
545
547
|
var danger02$2 = red50; // Interaction states
|
|
546
548
|
|
|
547
|
-
var focus$2 = white;
|
|
549
|
+
var focus$2 = white$1;
|
|
548
550
|
var inverseFocusUi$2 = blue60;
|
|
549
551
|
var hoverPrimary$2 = '#0353e9';
|
|
550
552
|
var activePrimary$2 = blue80;
|
|
@@ -582,6 +584,7 @@ var hoverField$2 = hoverUI$2;
|
|
|
582
584
|
var danger$2 = danger01$2;
|
|
583
585
|
|
|
584
586
|
var g100 = /*#__PURE__*/Object.freeze({
|
|
587
|
+
__proto__: null,
|
|
585
588
|
interactive01: interactive01$2,
|
|
586
589
|
interactive02: interactive02$2,
|
|
587
590
|
interactive03: interactive03$2,
|
|
@@ -724,7 +727,7 @@ var g100 = /*#__PURE__*/Object.freeze({
|
|
|
724
727
|
*/
|
|
725
728
|
var interactive01$3 = blue60;
|
|
726
729
|
var interactive02$3 = gray60;
|
|
727
|
-
var interactive03$3 = white;
|
|
730
|
+
var interactive03$3 = white$1;
|
|
728
731
|
var interactive04$3 = blue50;
|
|
729
732
|
var uiBackground$3 = gray90;
|
|
730
733
|
var ui01$3 = gray80;
|
|
@@ -735,12 +738,12 @@ var ui05$3 = gray10;
|
|
|
735
738
|
var text01$3 = gray10;
|
|
736
739
|
var text02$3 = gray30;
|
|
737
740
|
var text03$3 = gray60;
|
|
738
|
-
var text04$3 = white;
|
|
741
|
+
var text04$3 = white$1;
|
|
739
742
|
var text05$3 = gray50;
|
|
740
743
|
var textError$3 = red30;
|
|
741
744
|
var icon01$3 = gray10;
|
|
742
745
|
var icon02$3 = gray30;
|
|
743
|
-
var icon03$3 = white;
|
|
746
|
+
var icon03$3 = white$1;
|
|
744
747
|
var link01$3 = blue40;
|
|
745
748
|
var inverseLink$3 = blue60;
|
|
746
749
|
var field01$3 = gray80;
|
|
@@ -759,7 +762,7 @@ var overlay01$3 = rgba(gray100, 0.7);
|
|
|
759
762
|
var danger01$3 = red60;
|
|
760
763
|
var danger02$3 = red40; // Interaction states
|
|
761
764
|
|
|
762
|
-
var focus$3 = white;
|
|
765
|
+
var focus$3 = white$1;
|
|
763
766
|
var inverseFocusUi$3 = blue60;
|
|
764
767
|
var hoverPrimary$3 = '#0353e9';
|
|
765
768
|
var activePrimary$3 = blue80;
|
|
@@ -797,6 +800,7 @@ var hoverField$3 = hoverUI$3;
|
|
|
797
800
|
var danger$3 = danger01$3;
|
|
798
801
|
|
|
799
802
|
var g90 = /*#__PURE__*/Object.freeze({
|
|
803
|
+
__proto__: null,
|
|
800
804
|
interactive01: interactive01$3,
|
|
801
805
|
interactive02: interactive02$3,
|
|
802
806
|
interactive03: interactive03$3,
|
|
@@ -942,7 +946,7 @@ var interactive02$4 = '#4d5358';
|
|
|
942
946
|
var interactive03$4 = '#3d70b2';
|
|
943
947
|
var interactive04$4 = '#3d70b2';
|
|
944
948
|
var uiBackground$4 = '#f4f7fb';
|
|
945
|
-
var ui01$4 = white;
|
|
949
|
+
var ui01$4 = white$1;
|
|
946
950
|
var ui02$4 = '#f4f7fb';
|
|
947
951
|
var ui03$4 = '#dfe3e6';
|
|
948
952
|
var ui04$4 = '#8897a2';
|
|
@@ -950,17 +954,17 @@ var ui05$4 = '#5a6872';
|
|
|
950
954
|
var text01$4 = '#152935';
|
|
951
955
|
var text02$4 = '#5a6872';
|
|
952
956
|
var text03$4 = '#cdd1d4';
|
|
953
|
-
var text04$4 = white;
|
|
957
|
+
var text04$4 = white$1;
|
|
954
958
|
var text05$4 = '#5a6872';
|
|
955
959
|
var textError$4 = '#e0182d';
|
|
956
960
|
var icon01$4 = '#3d70b2';
|
|
957
961
|
var icon02$4 = '#5a6872';
|
|
958
|
-
var icon03$4 = white;
|
|
962
|
+
var icon03$4 = white$1;
|
|
959
963
|
var link01$4 = '#3d70b2';
|
|
960
964
|
var inverseLink$4 = '#5596e6';
|
|
961
|
-
var field01$4 = white;
|
|
965
|
+
var field01$4 = white$1;
|
|
962
966
|
var field02$4 = '#f4f7fb';
|
|
963
|
-
var inverse01$4 = white;
|
|
967
|
+
var inverse01$4 = white$1;
|
|
964
968
|
var inverse02$4 = '#272d33';
|
|
965
969
|
var support01$4 = '#e0182d';
|
|
966
970
|
var support02$4 = '#5aa700';
|
|
@@ -1012,6 +1016,7 @@ var hoverField$4 = hoverUI$4;
|
|
|
1012
1016
|
var danger$4 = danger01$4;
|
|
1013
1017
|
|
|
1014
1018
|
var v9 = /*#__PURE__*/Object.freeze({
|
|
1019
|
+
__proto__: null,
|
|
1015
1020
|
interactive01: interactive01$4,
|
|
1016
1021
|
interactive02: interactive02$4,
|
|
1017
1022
|
interactive03: interactive03$4,
|
|
@@ -1220,11 +1225,11 @@ var unstable__meta = {
|
|
|
1220
1225
|
* LICENSE file in the root directory of this source tree.
|
|
1221
1226
|
*/
|
|
1222
1227
|
var themes = {
|
|
1223
|
-
white: white
|
|
1228
|
+
white: white,
|
|
1224
1229
|
g10: g10,
|
|
1225
1230
|
g90: g90,
|
|
1226
1231
|
g100: g100,
|
|
1227
1232
|
v9: v9
|
|
1228
1233
|
};
|
|
1229
1234
|
|
|
1230
|
-
export {
|
|
1235
|
+
export { active01, activeDanger, activeLightUI, activePrimary, activeSecondary, activeTertiary, activeUI, brand01, brand02, brand03, buttonSeparator, danger, danger01, danger02, decorative01, disabled01, disabled02, disabled03, field01, field02, focus, formatTokenName, g10, g100, g90, highlight, hoverDanger, hoverField, hoverLightUI, hoverPrimary, hoverPrimaryText, hoverRow, hoverSecondary, hoverSelectedUI, hoverTertiary, hoverUI, icon01, icon02, icon03, interactive01, interactive02, interactive03, interactive04, inverse01, inverse02, inverseFocusUi, inverseHoverUI, inverseLink, inverseSupport01, inverseSupport02, inverseSupport03, inverseSupport04, link01, overlay01, selectedLightUI, selectedUI, skeleton01, skeleton02, support01, support02, support03, support04, text01, text02, text03, text04, text05, textError, themes, tokens, ui01, ui02, ui03, ui04, ui05, uiBackground, unstable__meta, v9, visitedLink, white };
|