@splunk/themes 1.2.1 → 1.4.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/CHANGELOG.md +18 -0
- package/design-tokens/colors.js +98 -18
- package/design-tokens/deprecated.js +4 -0
- package/enterprise/dark.js +24 -6
- package/enterprise/light.js +25 -7
- package/index.js +57 -1
- package/mixins/prose.js +1 -1
- package/package.json +8 -4
- package/prisma/dark.js +24 -6
- package/prisma/light.js +24 -6
- package/splunk-magnetic/index.js +20 -3
- package/storybook-addon-splunk-themes/SplunkThemesTool.js +14 -14
- package/storybook-addon-splunk-themes/constants.js +6 -1
- package/storybook-addon-splunk-themes/util.js +14 -8
- package/storybook-addon-splunk-themes/withSplunkTheme.js +174 -31
- package/types/design-tokens/colors.d.ts +192 -32
- package/types/design-tokens/deprecated.d.ts +8 -0
- package/types/design-tokens/index.d.ts +21 -4
- package/types/enterprise/dark.d.ts +22 -5
- package/types/enterprise/light.d.ts +22 -5
- package/types/index.d.ts +7 -0
- package/types/mixins/typography.d.ts +1 -1
- package/types/prisma/dark.d.ts +21 -4
- package/types/prisma/light.d.ts +21 -4
- package/types/splunk-magnetic/index.d.ts +148 -46
- package/types/storybook-addon-splunk-themes/constants.d.ts +2 -0
- package/types/storybook-addon-splunk-themes/themeOptions.d.ts +1 -1
- package/types/storybook-addon-splunk-themes/util.d.ts +3 -3
|
@@ -35,6 +35,20 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
35
35
|
actionColorDestructive: string;
|
|
36
36
|
actionColorDestructiveStrong: string;
|
|
37
37
|
actionColorDestructiveWeak: string;
|
|
38
|
+
actionColorContentPrimary: string;
|
|
39
|
+
actionColorContentPrimaryDisabled: string;
|
|
40
|
+
actionColorContentSecondary: string;
|
|
41
|
+
actionColorContentSecondaryDisabled: string;
|
|
42
|
+
actionColorContentSubtleActive: string;
|
|
43
|
+
actionColorContentSubtleHover: string;
|
|
44
|
+
actionColorContentStandalone: string;
|
|
45
|
+
actionColorContentStandaloneActive: string;
|
|
46
|
+
actionColorContentStandaloneDisabled: string;
|
|
47
|
+
actionColorContentStandaloneHover: string;
|
|
48
|
+
actionColorContentDestructive: string;
|
|
49
|
+
actionColorContentDestructiveDisabled: string;
|
|
50
|
+
actionColorContentDestructiveSecondary: string;
|
|
51
|
+
actionColorContentDestructiveSecondaryDisabled: string;
|
|
38
52
|
backgroundColorDialog: string;
|
|
39
53
|
backgroundColorInverted: string;
|
|
40
54
|
backgroundColorPage: string;
|
|
@@ -75,6 +89,9 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
75
89
|
neutral300: string;
|
|
76
90
|
neutral400: string;
|
|
77
91
|
neutral500: string;
|
|
92
|
+
notificationColorNegativeWeak: string;
|
|
93
|
+
notificationColorNegativeStrong: string;
|
|
94
|
+
notificationColorNegative: string;
|
|
78
95
|
overlayShadow: string;
|
|
79
96
|
statusColorHigh: string;
|
|
80
97
|
statusColorHighStrong: string;
|
|
@@ -129,6 +146,10 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
129
146
|
fontFamilyTitle: string;
|
|
130
147
|
sansFontFamily: string;
|
|
131
148
|
monoFontFamily: string;
|
|
149
|
+
contentColorInfo: string;
|
|
150
|
+
contentColorWarning: string;
|
|
151
|
+
contentColorPositive: string;
|
|
152
|
+
contentColorNegativeStrong: string;
|
|
132
153
|
interactiveColorPrimary: string;
|
|
133
154
|
accentColorPositive: string;
|
|
134
155
|
accentColorWarning: string;
|
|
@@ -164,7 +185,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
164
185
|
gray20: string;
|
|
165
186
|
accentColorL50: string;
|
|
166
187
|
accentColorL40: string;
|
|
167
|
-
accentColorL30: string;
|
|
168
188
|
accentColorL20: string;
|
|
169
189
|
accentColorL10: string;
|
|
170
190
|
accentColorD20: string;
|
|
@@ -472,14 +492,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
472
492
|
interactiveColorOverlayActive: string;
|
|
473
493
|
interactiveColorOverlayDrag: string;
|
|
474
494
|
contentColorLink: string;
|
|
495
|
+
contentColorLinkVisited: string;
|
|
496
|
+
contentColorLinkDisabled: string;
|
|
497
|
+
contentColorLinkVisitedDisabled: string;
|
|
475
498
|
contentColorAccent: string;
|
|
476
499
|
contentColorAccentStrong: string;
|
|
477
500
|
contentColorAccentWeak: string;
|
|
478
|
-
contentColorInfo: string;
|
|
479
|
-
contentColorNegativeStrong: string;
|
|
480
501
|
contentColorNegativeWeak: string;
|
|
481
|
-
contentColorPositive: string;
|
|
482
|
-
contentColorWarning: string;
|
|
483
502
|
lineLength: string;
|
|
484
503
|
lineHeight: string;
|
|
485
504
|
lineHeightSingle: string;
|
|
@@ -522,9 +541,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
522
541
|
notificationColorCautionWeak: string;
|
|
523
542
|
notificationColorCaution: string;
|
|
524
543
|
notificationColorCautionStrong: string;
|
|
525
|
-
notificationColorNegativeWeak: string;
|
|
526
|
-
notificationColorNegative: string;
|
|
527
|
-
notificationColorNegativeStrong: string;
|
|
528
544
|
black: string;
|
|
529
545
|
white: string;
|
|
530
546
|
transparent: string;
|
|
@@ -537,6 +553,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
537
553
|
gray60: string;
|
|
538
554
|
gray45: string;
|
|
539
555
|
gray30: string;
|
|
556
|
+
accentColorL30: string;
|
|
540
557
|
accentColorD10: string;
|
|
541
558
|
errorColorL10: string;
|
|
542
559
|
errorColor: string;
|
|
@@ -610,6 +627,20 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
610
627
|
actionColorDestructive: string;
|
|
611
628
|
actionColorDestructiveStrong: string;
|
|
612
629
|
actionColorDestructiveWeak: string;
|
|
630
|
+
actionColorContentPrimary: string;
|
|
631
|
+
actionColorContentPrimaryDisabled: string;
|
|
632
|
+
actionColorContentSecondary: string;
|
|
633
|
+
actionColorContentSecondaryDisabled: string;
|
|
634
|
+
actionColorContentSubtleActive: string;
|
|
635
|
+
actionColorContentSubtleHover: string;
|
|
636
|
+
actionColorContentStandalone: string;
|
|
637
|
+
actionColorContentStandaloneActive: string;
|
|
638
|
+
actionColorContentStandaloneDisabled: string;
|
|
639
|
+
actionColorContentStandaloneHover: string;
|
|
640
|
+
actionColorContentDestructive: string;
|
|
641
|
+
actionColorContentDestructiveDisabled: string;
|
|
642
|
+
actionColorContentDestructiveSecondary: string;
|
|
643
|
+
actionColorContentDestructiveSecondaryDisabled: string;
|
|
613
644
|
backgroundColorDialog: string;
|
|
614
645
|
backgroundColorInverted: string;
|
|
615
646
|
backgroundColorPage: string;
|
|
@@ -650,6 +681,9 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
650
681
|
neutral300: string;
|
|
651
682
|
neutral400: string;
|
|
652
683
|
neutral500: string;
|
|
684
|
+
notificationColorNegativeWeak: string;
|
|
685
|
+
notificationColorNegativeStrong: string;
|
|
686
|
+
notificationColorNegative: string;
|
|
653
687
|
overlayShadow: string;
|
|
654
688
|
statusColorHigh: string;
|
|
655
689
|
statusColorHighStrong: string;
|
|
@@ -704,6 +738,10 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
704
738
|
fontFamilyTitle: string;
|
|
705
739
|
sansFontFamily: string;
|
|
706
740
|
monoFontFamily: string;
|
|
741
|
+
contentColorInfo: string;
|
|
742
|
+
contentColorWarning: string;
|
|
743
|
+
contentColorPositive: string;
|
|
744
|
+
contentColorNegativeStrong: string;
|
|
707
745
|
interactiveColorPrimary: string;
|
|
708
746
|
accentColorPositive: string;
|
|
709
747
|
accentColorWarning: string;
|
|
@@ -739,7 +777,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
739
777
|
gray20: string;
|
|
740
778
|
accentColorL50: string;
|
|
741
779
|
accentColorL40: string;
|
|
742
|
-
accentColorL30: string;
|
|
743
780
|
accentColorL20: string;
|
|
744
781
|
accentColorL10: string;
|
|
745
782
|
accentColorD20: string;
|
|
@@ -1047,14 +1084,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1047
1084
|
interactiveColorOverlayActive: string;
|
|
1048
1085
|
interactiveColorOverlayDrag: string;
|
|
1049
1086
|
contentColorLink: string;
|
|
1087
|
+
contentColorLinkVisited: string;
|
|
1088
|
+
contentColorLinkDisabled: string;
|
|
1089
|
+
contentColorLinkVisitedDisabled: string;
|
|
1050
1090
|
contentColorAccent: string;
|
|
1051
1091
|
contentColorAccentStrong: string;
|
|
1052
1092
|
contentColorAccentWeak: string;
|
|
1053
|
-
contentColorInfo: string;
|
|
1054
|
-
contentColorNegativeStrong: string;
|
|
1055
1093
|
contentColorNegativeWeak: string;
|
|
1056
|
-
contentColorPositive: string;
|
|
1057
|
-
contentColorWarning: string;
|
|
1058
1094
|
lineLength: string;
|
|
1059
1095
|
lineHeight: string;
|
|
1060
1096
|
lineHeightSingle: string;
|
|
@@ -1097,9 +1133,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1097
1133
|
notificationColorCautionWeak: string;
|
|
1098
1134
|
notificationColorCaution: string;
|
|
1099
1135
|
notificationColorCautionStrong: string;
|
|
1100
|
-
notificationColorNegativeWeak: string;
|
|
1101
|
-
notificationColorNegative: string;
|
|
1102
|
-
notificationColorNegativeStrong: string;
|
|
1103
1136
|
black: string;
|
|
1104
1137
|
white: string;
|
|
1105
1138
|
transparent: string;
|
|
@@ -1112,6 +1145,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1112
1145
|
gray60: string;
|
|
1113
1146
|
gray45: string;
|
|
1114
1147
|
gray30: string;
|
|
1148
|
+
accentColorL30: string;
|
|
1115
1149
|
accentColorD10: string;
|
|
1116
1150
|
errorColorL10: string;
|
|
1117
1151
|
errorColor: string;
|
|
@@ -1185,6 +1219,20 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1185
1219
|
actionColorDestructive: string;
|
|
1186
1220
|
actionColorDestructiveStrong: string;
|
|
1187
1221
|
actionColorDestructiveWeak: string;
|
|
1222
|
+
actionColorContentPrimary: string;
|
|
1223
|
+
actionColorContentPrimaryDisabled: string;
|
|
1224
|
+
actionColorContentSecondary: string;
|
|
1225
|
+
actionColorContentSecondaryDisabled: string;
|
|
1226
|
+
actionColorContentSubtleActive: string;
|
|
1227
|
+
actionColorContentSubtleHover: string;
|
|
1228
|
+
actionColorContentStandalone: string;
|
|
1229
|
+
actionColorContentStandaloneActive: string;
|
|
1230
|
+
actionColorContentStandaloneDisabled: string;
|
|
1231
|
+
actionColorContentStandaloneHover: string;
|
|
1232
|
+
actionColorContentDestructive: string;
|
|
1233
|
+
actionColorContentDestructiveDisabled: string;
|
|
1234
|
+
actionColorContentDestructiveSecondary: string;
|
|
1235
|
+
actionColorContentDestructiveSecondaryDisabled: string;
|
|
1188
1236
|
backgroundColorDialog: string;
|
|
1189
1237
|
backgroundColorInverted: string;
|
|
1190
1238
|
backgroundColorPage: string;
|
|
@@ -1225,6 +1273,9 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1225
1273
|
neutral300: string;
|
|
1226
1274
|
neutral400: string;
|
|
1227
1275
|
neutral500: string;
|
|
1276
|
+
notificationColorNegativeWeak: string;
|
|
1277
|
+
notificationColorNegativeStrong: string;
|
|
1278
|
+
notificationColorNegative: string;
|
|
1228
1279
|
overlayShadow: string;
|
|
1229
1280
|
statusColorHigh: string;
|
|
1230
1281
|
statusColorHighStrong: string;
|
|
@@ -1280,6 +1331,10 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1280
1331
|
sansFontFamily: string;
|
|
1281
1332
|
monoFontFamily: string;
|
|
1282
1333
|
draggableBackground: string;
|
|
1334
|
+
contentColorInfo: string;
|
|
1335
|
+
contentColorWarning: string;
|
|
1336
|
+
contentColorPositive: string;
|
|
1337
|
+
contentColorNegativeStrong: string;
|
|
1283
1338
|
interactiveColorPrimary: string;
|
|
1284
1339
|
accentColorPositive: string;
|
|
1285
1340
|
accentColorWarning: string;
|
|
@@ -1310,14 +1365,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1310
1365
|
dragShadow: string;
|
|
1311
1366
|
focusShadowInset: string;
|
|
1312
1367
|
contentColorLink: string;
|
|
1368
|
+
contentColorLinkVisited: string;
|
|
1369
|
+
contentColorLinkDisabled: string;
|
|
1370
|
+
contentColorLinkVisitedDisabled: string;
|
|
1313
1371
|
contentColorAccent: string;
|
|
1314
1372
|
contentColorAccentStrong: string;
|
|
1315
1373
|
contentColorAccentWeak: string;
|
|
1316
|
-
contentColorInfo: string;
|
|
1317
|
-
contentColorNegativeStrong: string;
|
|
1318
1374
|
contentColorNegativeWeak: string;
|
|
1319
|
-
contentColorPositive: string;
|
|
1320
|
-
contentColorWarning: string;
|
|
1321
1375
|
black: string;
|
|
1322
1376
|
white: string;
|
|
1323
1377
|
transparent: string;
|
|
@@ -1340,9 +1394,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1340
1394
|
notificationColorCautionWeak: string;
|
|
1341
1395
|
notificationColorCaution: string;
|
|
1342
1396
|
notificationColorCautionStrong: string;
|
|
1343
|
-
notificationColorNegativeWeak: string;
|
|
1344
|
-
notificationColorNegative: string;
|
|
1345
|
-
notificationColorNegativeStrong: string;
|
|
1346
1397
|
brandColorL50: string;
|
|
1347
1398
|
brandColorL40: string;
|
|
1348
1399
|
brandColorL30: string;
|
|
@@ -1358,7 +1409,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1358
1409
|
gray20: string;
|
|
1359
1410
|
accentColorL50: string;
|
|
1360
1411
|
accentColorL40: string;
|
|
1361
|
-
accentColorL30: string;
|
|
1362
1412
|
accentColorL20: string;
|
|
1363
1413
|
accentColorL10: string;
|
|
1364
1414
|
accentColorD20: string;
|
|
@@ -1689,6 +1739,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1689
1739
|
gray60: string;
|
|
1690
1740
|
gray45: string;
|
|
1691
1741
|
gray30: string;
|
|
1742
|
+
accentColorL30: string;
|
|
1692
1743
|
accentColorD10: string;
|
|
1693
1744
|
errorColorL10: string;
|
|
1694
1745
|
errorColor: string;
|
|
@@ -1762,6 +1813,20 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1762
1813
|
actionColorDestructive: string;
|
|
1763
1814
|
actionColorDestructiveStrong: string;
|
|
1764
1815
|
actionColorDestructiveWeak: string;
|
|
1816
|
+
actionColorContentPrimary: string;
|
|
1817
|
+
actionColorContentPrimaryDisabled: string;
|
|
1818
|
+
actionColorContentSecondary: string;
|
|
1819
|
+
actionColorContentSecondaryDisabled: string;
|
|
1820
|
+
actionColorContentSubtleActive: string;
|
|
1821
|
+
actionColorContentSubtleHover: string;
|
|
1822
|
+
actionColorContentStandalone: string;
|
|
1823
|
+
actionColorContentStandaloneActive: string;
|
|
1824
|
+
actionColorContentStandaloneDisabled: string;
|
|
1825
|
+
actionColorContentStandaloneHover: string;
|
|
1826
|
+
actionColorContentDestructive: string;
|
|
1827
|
+
actionColorContentDestructiveDisabled: string;
|
|
1828
|
+
actionColorContentDestructiveSecondary: string;
|
|
1829
|
+
actionColorContentDestructiveSecondaryDisabled: string;
|
|
1765
1830
|
backgroundColorDialog: string;
|
|
1766
1831
|
backgroundColorInverted: string;
|
|
1767
1832
|
backgroundColorPage: string;
|
|
@@ -1802,6 +1867,9 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1802
1867
|
neutral300: string;
|
|
1803
1868
|
neutral400: string;
|
|
1804
1869
|
neutral500: string;
|
|
1870
|
+
notificationColorNegativeWeak: string;
|
|
1871
|
+
notificationColorNegativeStrong: string;
|
|
1872
|
+
notificationColorNegative: string;
|
|
1805
1873
|
overlayShadow: string;
|
|
1806
1874
|
statusColorHigh: string;
|
|
1807
1875
|
statusColorHighStrong: string;
|
|
@@ -1857,6 +1925,10 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1857
1925
|
sansFontFamily: string;
|
|
1858
1926
|
monoFontFamily: string;
|
|
1859
1927
|
draggableBackground: string;
|
|
1928
|
+
contentColorInfo: string;
|
|
1929
|
+
contentColorWarning: string;
|
|
1930
|
+
contentColorPositive: string;
|
|
1931
|
+
contentColorNegativeStrong: string;
|
|
1860
1932
|
interactiveColorPrimary: string;
|
|
1861
1933
|
accentColorPositive: string;
|
|
1862
1934
|
accentColorWarning: string;
|
|
@@ -1887,14 +1959,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1887
1959
|
dragShadow: string;
|
|
1888
1960
|
focusShadowInset: string;
|
|
1889
1961
|
contentColorLink: string;
|
|
1962
|
+
contentColorLinkVisited: string;
|
|
1963
|
+
contentColorLinkDisabled: string;
|
|
1964
|
+
contentColorLinkVisitedDisabled: string;
|
|
1890
1965
|
contentColorAccent: string;
|
|
1891
1966
|
contentColorAccentStrong: string;
|
|
1892
1967
|
contentColorAccentWeak: string;
|
|
1893
|
-
contentColorInfo: string;
|
|
1894
|
-
contentColorNegativeStrong: string;
|
|
1895
1968
|
contentColorNegativeWeak: string;
|
|
1896
|
-
contentColorPositive: string;
|
|
1897
|
-
contentColorWarning: string;
|
|
1898
1969
|
black: string;
|
|
1899
1970
|
white: string;
|
|
1900
1971
|
transparent: string;
|
|
@@ -1917,9 +1988,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1917
1988
|
notificationColorCautionWeak: string;
|
|
1918
1989
|
notificationColorCaution: string;
|
|
1919
1990
|
notificationColorCautionStrong: string;
|
|
1920
|
-
notificationColorNegativeWeak: string;
|
|
1921
|
-
notificationColorNegative: string;
|
|
1922
|
-
notificationColorNegativeStrong: string;
|
|
1923
1991
|
brandColorL50: string;
|
|
1924
1992
|
brandColorL40: string;
|
|
1925
1993
|
brandColorL30: string;
|
|
@@ -1935,7 +2003,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
1935
2003
|
gray20: string;
|
|
1936
2004
|
accentColorL50: string;
|
|
1937
2005
|
accentColorL40: string;
|
|
1938
|
-
accentColorL30: string;
|
|
1939
2006
|
accentColorL20: string;
|
|
1940
2007
|
accentColorL10: string;
|
|
1941
2008
|
accentColorD20: string;
|
|
@@ -2266,6 +2333,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
2266
2333
|
gray60: string;
|
|
2267
2334
|
gray45: string;
|
|
2268
2335
|
gray30: string;
|
|
2336
|
+
accentColorL30: string;
|
|
2269
2337
|
accentColorD10: string;
|
|
2270
2338
|
errorColorL10: string;
|
|
2271
2339
|
errorColor: string;
|
|
@@ -2339,6 +2407,20 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
2339
2407
|
actionColorDestructive: string;
|
|
2340
2408
|
actionColorDestructiveStrong: string;
|
|
2341
2409
|
actionColorDestructiveWeak: string;
|
|
2410
|
+
actionColorContentPrimary: string;
|
|
2411
|
+
actionColorContentPrimaryDisabled: string;
|
|
2412
|
+
actionColorContentSecondary: string;
|
|
2413
|
+
actionColorContentSecondaryDisabled: string;
|
|
2414
|
+
actionColorContentSubtleActive: string;
|
|
2415
|
+
actionColorContentSubtleHover: string;
|
|
2416
|
+
actionColorContentStandalone: string;
|
|
2417
|
+
actionColorContentStandaloneActive: string;
|
|
2418
|
+
actionColorContentStandaloneDisabled: string;
|
|
2419
|
+
actionColorContentStandaloneHover: string;
|
|
2420
|
+
actionColorContentDestructive: string;
|
|
2421
|
+
actionColorContentDestructiveDisabled: string;
|
|
2422
|
+
actionColorContentDestructiveSecondary: string;
|
|
2423
|
+
actionColorContentDestructiveSecondaryDisabled: string;
|
|
2342
2424
|
backgroundColorDialog: string;
|
|
2343
2425
|
backgroundColorInverted: string;
|
|
2344
2426
|
backgroundColorPage: string;
|
|
@@ -2379,6 +2461,9 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
2379
2461
|
neutral300: string;
|
|
2380
2462
|
neutral400: string;
|
|
2381
2463
|
neutral500: string;
|
|
2464
|
+
notificationColorNegativeWeak: string;
|
|
2465
|
+
notificationColorNegativeStrong: string;
|
|
2466
|
+
notificationColorNegative: string;
|
|
2382
2467
|
overlayShadow: string;
|
|
2383
2468
|
statusColorHigh: string;
|
|
2384
2469
|
statusColorHighStrong: string;
|
|
@@ -2639,6 +2724,10 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
2639
2724
|
fontWeightHeavy: number;
|
|
2640
2725
|
fontWeightExtraBold: number;
|
|
2641
2726
|
serifFontFamily: string;
|
|
2727
|
+
contentColorInfo: string;
|
|
2728
|
+
contentColorWarning: string;
|
|
2729
|
+
contentColorPositive: string;
|
|
2730
|
+
contentColorNegativeStrong: string;
|
|
2642
2731
|
interactiveColorPrimary: string;
|
|
2643
2732
|
accentColorPositive: string;
|
|
2644
2733
|
accentColorWarning: string;
|
|
@@ -2659,14 +2748,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
2659
2748
|
white: string;
|
|
2660
2749
|
transparent: string;
|
|
2661
2750
|
contentColorLink: string;
|
|
2751
|
+
contentColorLinkVisited: string;
|
|
2752
|
+
contentColorLinkDisabled: string;
|
|
2753
|
+
contentColorLinkVisitedDisabled: string;
|
|
2662
2754
|
contentColorAccent: string;
|
|
2663
2755
|
contentColorAccentStrong: string;
|
|
2664
2756
|
contentColorAccentWeak: string;
|
|
2665
|
-
contentColorInfo: string;
|
|
2666
|
-
contentColorNegativeStrong: string;
|
|
2667
2757
|
contentColorNegativeWeak: string;
|
|
2668
|
-
contentColorPositive: string;
|
|
2669
|
-
contentColorWarning: string;
|
|
2670
2758
|
backgroundColorFloating: string;
|
|
2671
2759
|
dragShadow: string;
|
|
2672
2760
|
severityColorCustom: string;
|
|
@@ -2687,9 +2775,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
2687
2775
|
notificationColorCautionWeak: string;
|
|
2688
2776
|
notificationColorCaution: string;
|
|
2689
2777
|
notificationColorCautionStrong: string;
|
|
2690
|
-
notificationColorNegativeWeak: string;
|
|
2691
|
-
notificationColorNegative: string;
|
|
2692
|
-
notificationColorNegativeStrong: string;
|
|
2693
2778
|
inputHeight: string;
|
|
2694
2779
|
spacingXSmall: string;
|
|
2695
2780
|
spacingSmall: string;
|
|
@@ -2743,6 +2828,20 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
2743
2828
|
actionColorDestructive: string;
|
|
2744
2829
|
actionColorDestructiveStrong: string;
|
|
2745
2830
|
actionColorDestructiveWeak: string;
|
|
2831
|
+
actionColorContentPrimary: string;
|
|
2832
|
+
actionColorContentPrimaryDisabled: string;
|
|
2833
|
+
actionColorContentSecondary: string;
|
|
2834
|
+
actionColorContentSecondaryDisabled: string;
|
|
2835
|
+
actionColorContentSubtleActive: string;
|
|
2836
|
+
actionColorContentSubtleHover: string;
|
|
2837
|
+
actionColorContentStandalone: string;
|
|
2838
|
+
actionColorContentStandaloneActive: string;
|
|
2839
|
+
actionColorContentStandaloneDisabled: string;
|
|
2840
|
+
actionColorContentStandaloneHover: string;
|
|
2841
|
+
actionColorContentDestructive: string;
|
|
2842
|
+
actionColorContentDestructiveDisabled: string;
|
|
2843
|
+
actionColorContentDestructiveSecondary: string;
|
|
2844
|
+
actionColorContentDestructiveSecondaryDisabled: string;
|
|
2746
2845
|
backgroundColorDialog: string;
|
|
2747
2846
|
backgroundColorInverted: string;
|
|
2748
2847
|
backgroundColorPage: string;
|
|
@@ -2783,6 +2882,9 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
2783
2882
|
neutral300: string;
|
|
2784
2883
|
neutral400: string;
|
|
2785
2884
|
neutral500: string;
|
|
2885
|
+
notificationColorNegativeWeak: string;
|
|
2886
|
+
notificationColorNegativeStrong: string;
|
|
2887
|
+
notificationColorNegative: string;
|
|
2786
2888
|
overlayShadow: string;
|
|
2787
2889
|
statusColorHigh: string;
|
|
2788
2890
|
statusColorHighStrong: string;
|
|
@@ -3043,6 +3145,10 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
3043
3145
|
fontWeightHeavy: number;
|
|
3044
3146
|
fontWeightExtraBold: number;
|
|
3045
3147
|
serifFontFamily: string;
|
|
3148
|
+
contentColorInfo: string;
|
|
3149
|
+
contentColorWarning: string;
|
|
3150
|
+
contentColorPositive: string;
|
|
3151
|
+
contentColorNegativeStrong: string;
|
|
3046
3152
|
interactiveColorPrimary: string;
|
|
3047
3153
|
accentColorPositive: string;
|
|
3048
3154
|
accentColorWarning: string;
|
|
@@ -3063,14 +3169,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
3063
3169
|
white: string;
|
|
3064
3170
|
transparent: string;
|
|
3065
3171
|
contentColorLink: string;
|
|
3172
|
+
contentColorLinkVisited: string;
|
|
3173
|
+
contentColorLinkDisabled: string;
|
|
3174
|
+
contentColorLinkVisitedDisabled: string;
|
|
3066
3175
|
contentColorAccent: string;
|
|
3067
3176
|
contentColorAccentStrong: string;
|
|
3068
3177
|
contentColorAccentWeak: string;
|
|
3069
|
-
contentColorInfo: string;
|
|
3070
|
-
contentColorNegativeStrong: string;
|
|
3071
3178
|
contentColorNegativeWeak: string;
|
|
3072
|
-
contentColorPositive: string;
|
|
3073
|
-
contentColorWarning: string;
|
|
3074
3179
|
backgroundColorFloating: string;
|
|
3075
3180
|
dragShadow: string;
|
|
3076
3181
|
severityColorCustom: string;
|
|
@@ -3091,9 +3196,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
|
|
|
3091
3196
|
notificationColorCautionWeak: string;
|
|
3092
3197
|
notificationColorCaution: string;
|
|
3093
3198
|
notificationColorCautionStrong: string;
|
|
3094
|
-
notificationColorNegativeWeak: string;
|
|
3095
|
-
notificationColorNegative: string;
|
|
3096
|
-
notificationColorNegativeStrong: string;
|
|
3097
3199
|
inputHeight: string;
|
|
3098
3200
|
spacingXSmall: string;
|
|
3099
3201
|
spacingSmall: string;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export declare const ADDON_ID = "@splunk/themes";
|
|
2
2
|
export declare const PARAM_KEY = "splunkThemes";
|
|
3
3
|
export declare const DISABLE_DUAL_THEME_KEY = "disableDualTheme";
|
|
4
|
+
export declare const DISABLE_MULTI_THEME_OPTIONS_KEY = "disableMultiThemeOptions";
|
|
5
|
+
export declare const ENABLE_SPLUNK_MAGNETIC_KEY = "enableSplunkMagneticOption";
|
|
4
6
|
export declare const UPDATE = "@splunk/themes/update";
|
|
5
7
|
export declare const CONFIGURE = "@splunk/themes/configure";
|
|
6
8
|
export declare const SET = "@splunk/themes/default";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ThemeSettings } from '../types';
|
|
2
2
|
export declare const themeOptionsKeys: readonly ["family", "colorScheme", "density"];
|
|
3
|
-
export type ThemeOptionKeys = typeof themeOptionsKeys[number];
|
|
3
|
+
export type ThemeOptionKeys = (typeof themeOptionsKeys)[number];
|
|
4
4
|
type ThemeOption = {
|
|
5
5
|
name: ThemeOptionKeys;
|
|
6
6
|
values: string[];
|
|
@@ -2,9 +2,9 @@ import { StoryContext } from '@storybook/types';
|
|
|
2
2
|
import { ThemeSettings } from '../types';
|
|
3
3
|
import { ThemeOptionKeys } from './themeOptions';
|
|
4
4
|
export interface ExtendedThemeSettings extends Omit<Pick<ThemeSettings, ThemeOptionKeys>, ThemeOptionKeys> {
|
|
5
|
-
colorScheme: ThemeSettings['colorScheme'] | 'both';
|
|
6
|
-
density: ThemeSettings['density'] | 'both';
|
|
7
|
-
family: ThemeSettings['family'] | 'both';
|
|
5
|
+
colorScheme: ThemeSettings['colorScheme'] | 'all' | 'both';
|
|
6
|
+
density: ThemeSettings['density'] | 'all' | 'both';
|
|
7
|
+
family: ThemeSettings['family'] | 'all' | 'both' | 'splunk-magnetic';
|
|
8
8
|
}
|
|
9
9
|
export declare const normalizeThemeOptions: (paramOptions?: {}, globalOptions?: {}) => Partial<ExtendedThemeSettings>;
|
|
10
10
|
export declare const getMergedTheme: (globalsTheme: Partial<ExtendedThemeSettings> | undefined | null, newTheme: Partial<ExtendedThemeSettings>) => {};
|