@splunk/themes 0.23.0 → 1.0.0-beta.2

package/types/storybook-addon-splunk-themes/SplunkThemesTool.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const SplunkThemesTool: React.MemoExoticComponent<() => JSX.Element>;
+export declare const SplunkThemesTool: React.MemoExoticComponent<() => React.JSX.Element>;

package/enterprise/prismaAliases.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _tinycolor = _interopRequireDefault(require("tinycolor2"));
-var _light = _interopRequireDefault(require("./light"));
-var _dark = _interopRequireDefault(require("./dark"));
-var _compact = _interopRequireDefault(require("./compact"));
-var _comfortable = _interopRequireDefault(require("./comfortable"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-function createPrismaAliases(_ref) {
-  var colorScheme = _ref.colorScheme,
-    density = _ref.density;
-  var cs = {
-    light: _light["default"],
-    dark: _dark["default"]
-  }[colorScheme];
-  var d = {
-    compact: _compact["default"],
-    comfortable: _comfortable["default"]
-  }[density];
-
-  /**
-   * # Prisma Aliases
-   * The following aliases for prisma variables are provided for convenience. Just because an alias is provided,
-   * does not mean it is ideal for enterprise themes in all scenarios.
-   *
-   * They cover all values except most `interactiveColor*` variables.
-   *
-   *
-   * For example, use
-   *  ``` css
-   *  const myClickable = styled(Clickable)`
-   *      color: ${variables.contentColorDefault};
-   *  }
-   *  ```
-   * instead of
-   *  ``` css
-   *  const myClickable = styled(Clickable)`
-   *      color: ${pick({
-   *          enterprise: variables.textColor;
-   *          prisma: variables.contentColorDefault;
-   *      })};
-   *  }
-   *  ```
-   *
-   * @valueSet
-   */
-  var prismaAliases = {
-    accentColorPositive: cs.successColor,
-    accentColorWarning: cs.warningColor,
-    accentColorAlert: cs.alertColor,
-    accentColorNegative: cs.errorColor,
-    embossShadow: cs.overlayShadow,
-    dragShadow: cs.overlayShadow,
-    modalShadow: cs.overlayShadow,
-    backgroundColorPopup: cs.backgroundColor,
-    backgroundColorSection: cs.backgroundColor,
-    backgroundColorSidebar: cs.backgroundColor,
-    backgroundColorPage: cs.backgroundColor,
-    backgroundColorNavigation: cs.backgroundColor,
-    backgroundColorFloating: cs.backgroundColor,
-    backgroundColorDialog: cs.backgroundColor,
-    backgroundColorScrim: (0, _tinycolor["default"])(cs.gray30).setAlpha(0.8).toRgbString(),
-    contentColorActive: cs.textColor,
-    contentColorDefault: cs.textColor,
-    contentColorMuted: cs.textGray,
-    contentColorDisabled: cs.textDisabledColor,
-    contentColorInverted: colorScheme === 'dark' ? cs.gray30 : cs.gray30,
-    neutral100: colorScheme === 'dark' ? cs.gray25 : cs.gray98,
-    neutral200: colorScheme === 'dark' ? cs.gray30 : cs.gray96,
-    neutral300: colorScheme === 'dark' ? cs.gray45 : cs.gray92,
-    neutral400: colorScheme === 'dark' ? cs.gray60 : _tinycolor["default"].mix(cs.gray92, cs.gray80).toRgbString(),
-    neutral500: cs.gray80,
-    interactiveColorPrimary: cs.brandColor,
-    interactiveColorBorder: colorScheme === 'dark' ? cs.gray20 : cs.gray60,
-    interactiveColorBorderActive: colorScheme === 'dark' ? cs.gray20 : cs.gray60,
-    interactiveColorBorderHover: colorScheme === 'dark' ? cs.gray20 : cs.gray60,
-    interactiveColorBorderDisabled: colorScheme === 'dark' ? cs.gray30 : cs.gray92,
-    interactiveColorBackgroundDisabled: colorScheme === 'dark' ? cs.gray22 : cs.gray96,
-    spacingXSmall: d.spacingQuarter,
-    spacingSmall: d.spacingHalf,
-    spacingMedium: "calc(".concat(d.spacing, " * 0.75)"),
-    spacingLarge: d.spacing,
-    spacingXLarge: "calc(".concat(d.spacing, " * 1.5)"),
-    spacingXXLarge: "calc(".concat(d.spacing, " * 2)"),
-    spacingXXXLarge: "calc(".concat(d.spacing, " * 2.5)")
-  };
-  return prismaAliases;
-}
-var _default = createPrismaAliases;
-exports["default"] = _default;

package/types/enterprise/prismaAliases.d.ts

@@ -1,47 +0,0 @@
-import { ColorScheme, Density } from '../types';
-declare function createPrismaAliases({ colorScheme, density, }: {
-    colorScheme: ColorScheme;
-    density: Density;
-}): {
-    accentColorPositive: string;
-    accentColorWarning: string;
-    accentColorAlert: string;
-    accentColorNegative: string;
-    embossShadow: string;
-    dragShadow: string;
-    modalShadow: string;
-    backgroundColorPopup: string;
-    backgroundColorSection: string;
-    backgroundColorSidebar: string;
-    backgroundColorPage: string;
-    backgroundColorNavigation: string;
-    backgroundColorFloating: string;
-    backgroundColorDialog: string;
-    backgroundColorScrim: string;
-    contentColorActive: string;
-    contentColorDefault: string;
-    contentColorMuted: string;
-    contentColorDisabled: string;
-    contentColorInverted: string;
-    neutral100: string;
-    neutral200: string;
-    neutral300: string;
-    neutral400: string;
-    neutral500: string;
-    interactiveColorPrimary: string;
-    interactiveColorBorder: string;
-    interactiveColorBorderActive: string;
-    interactiveColorBorderHover: string;
-    interactiveColorBorderDisabled: string;
-    interactiveColorBackgroundDisabled: string;
-    spacingXSmall: string;
-    spacingSmall: string;
-    spacingMedium: string;
-    spacingLarge: string;
-    spacingXLarge: string;
-    spacingXXLarge: string;
-    spacingXXXLarge: string;
-};
-type PrismaAliases = ReturnType<typeof createPrismaAliases>;
-export default createPrismaAliases;
-export { PrismaAliases };