@splunk/themes 0.22.0 → 1.0.0-beta.2

package/types/prisma/dataViz.d.ts

@@ -1,432 +1,14 @@
+import { Categorical, DataViz, Divergent, HighLow, Sequential, StaticColors } from '../design-tokens/dataViz';
 /**
- *  ## Data viz
- *
- * Colors should be used in their prescribed order.
- * Don't mix-and-match between sets in the same visualization.
- *
- * ### Static colors
+ * #### Static colors
  *
  * @colorSet verbose
  */
-declare const staticColors: {
-    static1: string;
-    static2: string;
-    static3: string;
-    static4: string;
-    static5: string;
-    static6: string;
-    static7: string;
-    static8: string;
-    static9: string;
-    static10: string;
-    static11: string;
-    static12: string;
-    static13: string;
-    static14: string;
-    static15: string;
-    static16: string;
-    static17: string;
-    static18: string;
-    static19: string;
-    static20: string;
-};
-declare const categorical: {
-    categorical2L1: string;
-    categorical2L2: string;
-    categorical2L3: string;
-    categorical2L4: string;
-    categorical2L5: string;
-    categorical2L6: string;
-    categorical2L7: string;
-    categorical2D1: string;
-    categorical2D2: string;
-    categorical2D3: string;
-    categorical2D4: string;
-    categorical2D5: string;
-    categorical2D6: string;
-    categorical2D7: string;
-    categorical1L1: string;
-    categorical1L2: string;
-    categorical1L3: string;
-    categorical1L4: string;
-    categorical1L5: string;
-    categorical1L6: string;
-    categorical1L7: string;
-    categorical1D1: string;
-    categorical1D2: string;
-    categorical1D3: string;
-    categorical1D4: string;
-    categorical1D5: string;
-    categorical1D6: string;
-    categorical1D7: string;
-};
-declare const divergent: {
-    divergent4L1: string;
-    divergent4L2: string;
-    divergent4L3: string;
-    divergent4L4: string;
-    divergent4L5: string;
-    divergent4L6: string;
-    divergent4L7: string;
-    divergent4D1: string;
-    divergent4D2: string;
-    divergent4D3: string;
-    divergent4D4: string;
-    divergent4D5: string;
-    divergent4D6: string;
-    divergent4D7: string;
-    divergent3L1: string;
-    divergent3L2: string;
-    divergent3L3: string;
-    divergent3L4: string;
-    divergent3L5: string;
-    divergent3L6: string;
-    divergent3L7: string;
-    divergent3D1: string;
-    divergent3D2: string;
-    divergent3D3: string;
-    divergent3D4: string;
-    divergent3D5: string;
-    divergent3D6: string;
-    divergent3D7: string;
-    divergent2L1: string;
-    divergent2L2: string;
-    divergent2L3: string;
-    divergent2L4: string;
-    divergent2L5: string;
-    divergent2L6: string;
-    divergent2L7: string;
-    divergent2D1: string;
-    divergent2D2: string;
-    divergent2D3: string;
-    divergent2D4: string;
-    divergent2D5: string;
-    divergent2D6: string;
-    divergent2D7: string;
-    divergent1L1: string;
-    divergent1L2: string;
-    divergent1L3: string;
-    divergent1L4: string;
-    divergent1L5: string;
-    divergent1L6: string;
-    divergent1L7: string;
-    divergent1D1: string;
-    divergent1D2: string;
-    divergent1D3: string;
-    divergent1D4: string;
-    divergent1D5: string;
-    divergent1D6: string;
-    divergent1D7: string;
-};
-declare const sequential: {
-    sequential6L1: string;
-    sequential6L2: string;
-    sequential6L3: string;
-    sequential6L4: string;
-    sequential6L5: string;
-    sequential6L6: string;
-    sequential6L7: string;
-    sequential6D1: string;
-    sequential6D2: string;
-    sequential6D3: string;
-    sequential6D4: string;
-    sequential6D5: string;
-    sequential6D6: string;
-    sequential6D7: string;
-    sequential5L1: string;
-    sequential5L2: string;
-    sequential5L3: string;
-    sequential5L4: string;
-    sequential5L5: string;
-    sequential5L6: string;
-    sequential5L7: string;
-    sequential5D1: string;
-    sequential5D2: string;
-    sequential5D3: string;
-    sequential5D4: string;
-    sequential5D5: string;
-    sequential5D6: string;
-    sequential5D7: string;
-    sequential4L1: string;
-    sequential4L2: string;
-    sequential4L3: string;
-    sequential4L4: string;
-    sequential4L5: string;
-    sequential4L6: string;
-    sequential4L7: string;
-    sequential4D1: string;
-    sequential4D2: string;
-    sequential4D3: string;
-    sequential4D4: string;
-    sequential4D5: string;
-    sequential4D6: string;
-    sequential4D7: string;
-    sequential3L1: string;
-    sequential3L2: string;
-    sequential3L3: string;
-    sequential3L4: string;
-    sequential3L5: string;
-    sequential3L6: string;
-    sequential3L7: string;
-    sequential3D1: string;
-    sequential3D2: string;
-    sequential3D3: string;
-    sequential3D4: string;
-    sequential3D5: string;
-    sequential3D6: string;
-    sequential3D7: string;
-    sequential2L1: string;
-    sequential2L2: string;
-    sequential2L3: string;
-    sequential2L4: string;
-    sequential2L5: string;
-    sequential2L6: string;
-    sequential2L7: string;
-    sequential2D1: string;
-    sequential2D2: string;
-    sequential2D3: string;
-    sequential2D4: string;
-    sequential2D5: string;
-    sequential2D6: string;
-    sequential2D7: string;
-    sequential1L1: string;
-    sequential1L2: string;
-    sequential1L3: string;
-    sequential1L4: string;
-    sequential1L5: string;
-    sequential1L6: string;
-    sequential1L7: string;
-    sequential1D1: string;
-    sequential1D2: string;
-    sequential1D3: string;
-    sequential1D4: string;
-    sequential1D5: string;
-    sequential1D6: string;
-    sequential1D7: string;
-};
-declare const highLow: {
-    highLow4LHigh: string;
-    highLow4LLow: string;
-    highLow4DHigh: string;
-    highLow4DLow: string;
-    highLow3LHigh: string;
-    highLow3LLow: string;
-    highLow3DHigh: string;
-    highLow3DLow: string;
-    highLow2LHigh: string;
-    highLow2LLow: string;
-    highLow2DHigh: string;
-    highLow2DLow: string;
-    highLow1LHigh: string;
-    highLow1LLow: string;
-    highLow1DHigh: string;
-    highLow1DLow: string;
-};
-declare const dataViz: {
-    highLow4LHigh: string;
-    highLow4LLow: string;
-    highLow4DHigh: string;
-    highLow4DLow: string;
-    highLow3LHigh: string;
-    highLow3LLow: string;
-    highLow3DHigh: string;
-    highLow3DLow: string;
-    highLow2LHigh: string;
-    highLow2LLow: string;
-    highLow2DHigh: string;
-    highLow2DLow: string;
-    highLow1LHigh: string;
-    highLow1LLow: string;
-    highLow1DHigh: string;
-    highLow1DLow: string;
-    sequential6L1: string;
-    sequential6L2: string;
-    sequential6L3: string;
-    sequential6L4: string;
-    sequential6L5: string;
-    sequential6L6: string;
-    sequential6L7: string;
-    sequential6D1: string;
-    sequential6D2: string;
-    sequential6D3: string;
-    sequential6D4: string;
-    sequential6D5: string;
-    sequential6D6: string;
-    sequential6D7: string;
-    sequential5L1: string;
-    sequential5L2: string;
-    sequential5L3: string;
-    sequential5L4: string;
-    sequential5L5: string;
-    sequential5L6: string;
-    sequential5L7: string;
-    sequential5D1: string;
-    sequential5D2: string;
-    sequential5D3: string;
-    sequential5D4: string;
-    sequential5D5: string;
-    sequential5D6: string;
-    sequential5D7: string;
-    sequential4L1: string;
-    sequential4L2: string;
-    sequential4L3: string;
-    sequential4L4: string;
-    sequential4L5: string;
-    sequential4L6: string;
-    sequential4L7: string;
-    sequential4D1: string;
-    sequential4D2: string;
-    sequential4D3: string;
-    sequential4D4: string;
-    sequential4D5: string;
-    sequential4D6: string;
-    sequential4D7: string;
-    sequential3L1: string;
-    sequential3L2: string;
-    sequential3L3: string;
-    sequential3L4: string;
-    sequential3L5: string;
-    sequential3L6: string;
-    sequential3L7: string;
-    sequential3D1: string;
-    sequential3D2: string;
-    sequential3D3: string;
-    sequential3D4: string;
-    sequential3D5: string;
-    sequential3D6: string;
-    sequential3D7: string;
-    sequential2L1: string;
-    sequential2L2: string;
-    sequential2L3: string;
-    sequential2L4: string;
-    sequential2L5: string;
-    sequential2L6: string;
-    sequential2L7: string;
-    sequential2D1: string;
-    sequential2D2: string;
-    sequential2D3: string;
-    sequential2D4: string;
-    sequential2D5: string;
-    sequential2D6: string;
-    sequential2D7: string;
-    sequential1L1: string;
-    sequential1L2: string;
-    sequential1L3: string;
-    sequential1L4: string;
-    sequential1L5: string;
-    sequential1L6: string;
-    sequential1L7: string;
-    sequential1D1: string;
-    sequential1D2: string;
-    sequential1D3: string;
-    sequential1D4: string;
-    sequential1D5: string;
-    sequential1D6: string;
-    sequential1D7: string;
-    divergent4L1: string;
-    divergent4L2: string;
-    divergent4L3: string;
-    divergent4L4: string;
-    divergent4L5: string;
-    divergent4L6: string;
-    divergent4L7: string;
-    divergent4D1: string;
-    divergent4D2: string;
-    divergent4D3: string;
-    divergent4D4: string;
-    divergent4D5: string;
-    divergent4D6: string;
-    divergent4D7: string;
-    divergent3L1: string;
-    divergent3L2: string;
-    divergent3L3: string;
-    divergent3L4: string;
-    divergent3L5: string;
-    divergent3L6: string;
-    divergent3L7: string;
-    divergent3D1: string;
-    divergent3D2: string;
-    divergent3D3: string;
-    divergent3D4: string;
-    divergent3D5: string;
-    divergent3D6: string;
-    divergent3D7: string;
-    divergent2L1: string;
-    divergent2L2: string;
-    divergent2L3: string;
-    divergent2L4: string;
-    divergent2L5: string;
-    divergent2L6: string;
-    divergent2L7: string;
-    divergent2D1: string;
-    divergent2D2: string;
-    divergent2D3: string;
-    divergent2D4: string;
-    divergent2D5: string;
-    divergent2D6: string;
-    divergent2D7: string;
-    divergent1L1: string;
-    divergent1L2: string;
-    divergent1L3: string;
-    divergent1L4: string;
-    divergent1L5: string;
-    divergent1L6: string;
-    divergent1L7: string;
-    divergent1D1: string;
-    divergent1D2: string;
-    divergent1D3: string;
-    divergent1D4: string;
-    divergent1D5: string;
-    divergent1D6: string;
-    divergent1D7: string;
-    categorical2L1: string;
-    categorical2L2: string;
-    categorical2L3: string;
-    categorical2L4: string;
-    categorical2L5: string;
-    categorical2L6: string;
-    categorical2L7: string;
-    categorical2D1: string;
-    categorical2D2: string;
-    categorical2D3: string;
-    categorical2D4: string;
-    categorical2D5: string;
-    categorical2D6: string;
-    categorical2D7: string;
-    categorical1L1: string;
-    categorical1L2: string;
-    categorical1L3: string;
-    categorical1L4: string;
-    categorical1L5: string;
-    categorical1L6: string;
-    categorical1L7: string;
-    categorical1D1: string;
-    categorical1D2: string;
-    categorical1D3: string;
-    categorical1D4: string;
-    categorical1D5: string;
-    categorical1D6: string;
-    categorical1D7: string;
-    static1: string;
-    static2: string;
-    static3: string;
-    static4: string;
-    static5: string;
-    static6: string;
-    static7: string;
-    static8: string;
-    static9: string;
-    static10: string;
-    static11: string;
-    static12: string;
-    static13: string;
-    static14: string;
-    static15: string;
-    static16: string;
-    static17: string;
-    static18: string;
-    static19: string;
-    static20: string;
-};
+declare const staticColors: StaticColors;
+declare const categorical: Categorical;
+declare const divergent: Divergent;
+declare const sequential: Sequential;
+declare const highLow: HighLow;
+declare const dataViz: DataViz;
 export { staticColors, categorical, divergent, sequential, highLow };
 export default dataViz;

package/types/prisma/light.d.ts

@@ -1,4 +1,8 @@
 declare const theme: {
+    accentColorPositive: string;
+    accentColorWarning: string;
+    accentColorAlert: string;
+    accentColorNegative: string;
     syntaxBlue: string;
     syntaxBrown: string;
     syntaxGray: string;
@@ -19,25 +23,43 @@ declare const theme: {
     interactiveColorOverlayDrag: string;
     interactiveColorBackground: string;
     interactiveColorBackgroundDisabled: string;
-    white: string;
+    interactiveColorAccent: string;
+    interactiveColorAccentError: string;
+    interactiveColorAccentErrorStrong: string;
+    black: string;
     neutral100: string;
     neutral200: string;
     neutral300: string;
     neutral400: string;
     neutral500: string;
-    black: string;
+    white: string;
+    transparent: string;
+    contentBackgroundColorNegativeWeak: string;
+    contentColorLink: string;
+    contentColorAccent: string;
+    contentColorAccentStrong: string;
+    contentColorAccentWeak: string;
     contentColorActive: string;
     contentColorDefault: string;
     contentColorDisabled: string;
+    contentColorInfo: string;
     contentColorInverted: string;
     contentColorMuted: string;
-    backgroundColorPopup: string;
-    backgroundColorSection: string;
-    backgroundColorSidebar: string;
-    backgroundColorPage: string;
+    contentColorNegative: string;
+    contentColorNegativeStrong: string;
+    contentColorNegativeWeak: string;
+    contentColorPositive: string;
+    contentColorWarning: string;
+    borderColor: string;
+    borderColorWeak: string;
+    borderColorStrong: string;
     backgroundColorNavigation: string;
-    backgroundColorFloating: string;
+    backgroundColorPage: string;
+    backgroundColorSidebar: string;
+    backgroundColorSection: string;
     backgroundColorDialog: string;
+    backgroundColorPopup: string;
+    backgroundColorFloating: string;
     backgroundColorScrim: string;
     embossShadow: string;
     overlayShadow: string;
@@ -61,10 +83,39 @@ declare const theme: {
     statusColorCritical: string;
     statusColorCriticalWeak: string;
     statusColorCriticalStrong: string;
-    accentColorPositive: string;
-    accentColorWarning: string;
-    accentColorAlert: string;
-    accentColorNegative: string;
+    actionColorBackgroundPrimary: string; /**
+     * ## Background colors
+     * Background colors should be used only for backgrounds of higher level sections & containers of a UI.
+     *
+     * @colorSet verbose
+     */
+    actionColorBackgroundPrimaryActive: string;
+    actionColorBackgroundPrimaryDisabled: string;
+    actionColorBackgroundPrimaryHover: string;
+    actionColorBackgroundSecondary: string;
+    actionColorBackgroundSecondaryActive: string;
+    actionColorBackgroundSecondaryDisabled: string;
+    actionColorBackgroundSecondaryHover: string;
+    actionColorBackgroundSubtle: string;
+    actionColorBackgroundSubtleActive: string;
+    actionColorBackgroundSubtleDisabled: string;
+    actionColorBackgroundSubtleHover: string;
+    actionColorBackgroundDestructive: string;
+    actionColorBackgroundDestructiveActive: string;
+    actionColorBackgroundDestructiveDisabled: string;
+    actionColorBackgroundDestructiveHover: string;
+    actionColorBackgroundDestructiveSecondary: string;
+    actionColorBackgroundDestructiveSecondaryActive: string;
+    actionColorBackgroundDestructiveSecondaryDisabled: string;
+    actionColorBackgroundDestructiveSecondaryHover: string;
+    actionColorBorderSecondary: string;
+    actionColorBorderSecondaryActive: string;
+    actionColorBorderSecondaryDisabled: string;
+    actionColorBorderSecondaryHover: string;
+    actionColorBorderDestructiveSecondary: string;
+    actionColorBorderDestructiveSecondaryActive: string;
+    actionColorBorderDestructiveSecondaryDisabled: string;
+    actionColorBorderDestructiveSecondaryHover: string;
 };
 type Light = typeof theme;
 export default theme;