@splunk/themes 0.22.0 → 1.0.0-beta.2

package/types/design-tokens/deprecated.d.ts

@@ -0,0 +1,468 @@
+/**
+ * #### Deprecated tokens
+ *
+ * @categoryValue
+ */
+declare const deprecated: {
+    /**
+     * Use `statusColorNormal`, `accentColor`, or ...
+     */
+    accentColorPositive: string;
+    accentColorWarning: string;
+    accentColorAlert: string;
+    accentColorNegative: string;
+    /**
+     * Use `contentColorDefault`
+     */
+    textColor: string;
+    /**
+     * Use `contentColorMuted`
+     */
+    textGray: string;
+    /**
+     * Use [`contentColorLink`](#contentColorLink) instead.
+     */
+    linkColor: string;
+    /**
+     * `Link` hover interaction should use `text-decoration: underline`, color should not change
+     */
+    linkColorHover: string;
+    /**
+     * Use `borderColorWeak`
+     */
+    borderLightColor: string;
+    /**
+     * Use `contentColorDisabled`
+     */
+    textDisabledColor: string;
+    /**
+     * Use `spacingXSmall`
+     */
+    spacingQuarter: string;
+    /**
+     * Use `spacingSmall`
+     */
+    spacingHalf: string;
+    /**
+     * Use `spacingLarge`
+     */
+    spacing: string;
+    /**
+     * Use `backgroundColorPage`
+     */
+    backgroundColor: string;
+    /**
+     * Set border using CSS and [borderColor](#borderColor).
+     */
+    border: string;
+    /**
+     * Set border using CSS and [borderColorStrong](#borderColorStrong).
+     */
+    borderDark: string;
+    /**
+     * Set border using CSS and [borderColorWeak](#borderColorWeak).
+     */
+    borderLight: string;
+    /**
+     * Use `interactiveColorBorderActive` for Data Entry components or `actionColorBorderSecondaryActive` for Buttons.
+     */
+    borderActiveColor: string;
+    /**
+     * Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
+     */
+    backgroundColorHover: string;
+    brandColorL50: string;
+    brandColorL40: string;
+    brandColorL30: string;
+    brandColorL20: string;
+    brandColorL10: string;
+    brandColor: string;
+    brandColorD10: string;
+    brandColorD20: string;
+    brandColorD30: string;
+    brandColorD40: string;
+    brandColorD50: string;
+    gray98: string;
+    gray96: string;
+    gray92: string;
+    gray80: string;
+    gray60: string;
+    gray45: string;
+    gray30: string;
+    gray25: string;
+    gray22: string;
+    gray20: string;
+    accentColorL50: string;
+    accentColorL40: string;
+    accentColorL30: string;
+    accentColorL20: string;
+    accentColorL10: string;
+    accentColor: string;
+    accentColorD10: string;
+    accentColorD20: string;
+    accentColorD30: string;
+    accentColorD40: string;
+    accentColorD50: string;
+    errorColorL50: string;
+    errorColorL40: string;
+    errorColorL30: string;
+    errorColorL20: string;
+    errorColorL10: string;
+    errorColor: string;
+    errorColorD10: string;
+    errorColorD20: string;
+    errorColorD30: string;
+    errorColorD40: string;
+    errorColorD50: string;
+    alertColorL50: string;
+    alertColorL40: string;
+    alertColorL30: string;
+    alertColorL20: string;
+    alertColorL10: string;
+    alertColor: string;
+    alertColorD10: string;
+    alertColorD20: string;
+    alertColorD30: string;
+    alertColorD40: string;
+    alertColorD50: string;
+    warningColorL50: string;
+    warningColorL40: string;
+    warningColorL30: string;
+    warningColorL20: string;
+    warningColorL10: string;
+    warningColor: string;
+    warningColorD10: string;
+    warningColorD20: string;
+    warningColorD30: string;
+    warningColorD40: string;
+    warningColorD50: string;
+    successColorL50: string;
+    successColorL40: string;
+    successColorL30: string;
+    successColorL20: string;
+    successColorL10: string;
+    successColor: string;
+    successColorD10: string;
+    successColorD20: string;
+    successColorD30: string;
+    successColorD40: string;
+    successColorD50: string;
+    infoColorL50: string;
+    infoColorL40: string;
+    infoColorL30: string;
+    infoColorL20: string;
+    infoColorL10: string;
+    infoColor: string;
+    infoColorD10: string;
+    infoColorD20: string;
+    infoColorD30: string;
+    infoColorD40: string;
+    infoColorD50: string;
+    diverging1ColorA: string;
+    diverging1ColorB: string;
+    diverging2ColorA: string;
+    diverging2ColorB: string;
+    diverging3ColorA: string;
+    diverging3ColorB: string;
+    diverging4ColorA: string;
+    diverging4ColorB: string;
+    diverging5ColorA: string;
+    diverging5ColorB: string;
+    cat1Color: string;
+    cat1ColorL: string;
+    cat2Color: string;
+    cat2ColorL: string;
+    cat3Color: string;
+    cat3ColorL: string;
+    cat4Color: string;
+    cat4ColorL: string;
+    cat5Color: string;
+    cat5ColorL: string;
+    cat6Color: string;
+    cat6ColorL: string;
+    cat7Color: string;
+    cat7ColorL: string;
+    cat8Color: string;
+    cat8ColorL: string;
+    cat9Color: string;
+    cat9ColorL: string;
+    cat10Color: string;
+    cat10ColorL: string;
+    cat11Color: string;
+    cat11ColorL: string;
+    cat12Color: string;
+    cat12ColorL: string;
+    cat13Color: string;
+    cat13ColorL: string;
+    cat14Color: string;
+    cat14ColorL: string;
+    cat15Color: string;
+    cat15ColorL: string;
+    cat16Color: string;
+    cat16ColorL: string;
+    cat17Color: string;
+    cat17ColorL: string;
+    cat18Color: string;
+    cat18ColorL: string;
+    cat19Color: string;
+    cat19ColorL: string;
+    cat20Color: string;
+    cat20ColorL: string;
+    cat21Color: string;
+    cat21ColorL: string;
+    cat22Color: string;
+    cat22ColorL: string;
+    cat23Color: string;
+    cat23ColorL: string;
+    cat24Color: string;
+    cat24ColorL: string;
+    cat25Color: string;
+    cat25ColorL: string;
+    cat26Color: string;
+    cat26ColorL: string;
+    cat27Color: string;
+    cat27ColorL: string;
+    cat28Color: string;
+    cat28ColorL: string;
+    cat29Color: string;
+    cat29ColorL: string;
+    cat30Color: string;
+    cat30ColorL: string;
+    syntaxBlueLight: string;
+    syntaxGreenLight: string;
+    syntaxPurpleLight: string;
+    syntaxRedLight: string;
+};
+type Deprecated = typeof deprecated;
+export type { Deprecated };
+declare const _default: {
+    /**
+     * Use `statusColorNormal`, `accentColor`, or ...
+     */
+    accentColorPositive: string;
+    accentColorWarning: string;
+    accentColorAlert: string;
+    accentColorNegative: string;
+    /**
+     * Use `contentColorDefault`
+     */
+    textColor: string;
+    /**
+     * Use `contentColorMuted`
+     */
+    textGray: string;
+    /**
+     * Use [`contentColorLink`](#contentColorLink) instead.
+     */
+    linkColor: string;
+    /**
+     * `Link` hover interaction should use `text-decoration: underline`, color should not change
+     */
+    linkColorHover: string;
+    /**
+     * Use `borderColorWeak`
+     */
+    borderLightColor: string;
+    /**
+     * Use `contentColorDisabled`
+     */
+    textDisabledColor: string;
+    /**
+     * Use `spacingXSmall`
+     */
+    spacingQuarter: string;
+    /**
+     * Use `spacingSmall`
+     */
+    spacingHalf: string;
+    /**
+     * Use `spacingLarge`
+     */
+    spacing: string;
+    /**
+     * Use `backgroundColorPage`
+     */
+    backgroundColor: string;
+    /**
+     * Set border using CSS and [borderColor](#borderColor).
+     */
+    border: string;
+    /**
+     * Set border using CSS and [borderColorStrong](#borderColorStrong).
+     */
+    borderDark: string;
+    /**
+     * Set border using CSS and [borderColorWeak](#borderColorWeak).
+     */
+    borderLight: string;
+    /**
+     * Use `interactiveColorBorderActive` for Data Entry components or `actionColorBorderSecondaryActive` for Buttons.
+     */
+    borderActiveColor: string;
+    /**
+     * Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
+     */
+    backgroundColorHover: string;
+    brandColorL50: string;
+    brandColorL40: string;
+    brandColorL30: string;
+    brandColorL20: string;
+    brandColorL10: string;
+    brandColor: string;
+    brandColorD10: string;
+    brandColorD20: string;
+    brandColorD30: string;
+    brandColorD40: string;
+    brandColorD50: string;
+    gray98: string;
+    gray96: string;
+    gray92: string;
+    gray80: string;
+    gray60: string;
+    gray45: string;
+    gray30: string;
+    gray25: string;
+    gray22: string;
+    gray20: string;
+    accentColorL50: string;
+    accentColorL40: string;
+    accentColorL30: string;
+    accentColorL20: string;
+    accentColorL10: string;
+    accentColor: string;
+    accentColorD10: string;
+    accentColorD20: string;
+    accentColorD30: string;
+    accentColorD40: string;
+    accentColorD50: string;
+    errorColorL50: string;
+    errorColorL40: string;
+    errorColorL30: string;
+    errorColorL20: string;
+    errorColorL10: string;
+    errorColor: string;
+    errorColorD10: string;
+    errorColorD20: string;
+    errorColorD30: string;
+    errorColorD40: string;
+    errorColorD50: string;
+    alertColorL50: string;
+    alertColorL40: string;
+    alertColorL30: string;
+    alertColorL20: string;
+    alertColorL10: string;
+    alertColor: string;
+    alertColorD10: string;
+    alertColorD20: string;
+    alertColorD30: string;
+    alertColorD40: string;
+    alertColorD50: string;
+    warningColorL50: string;
+    warningColorL40: string;
+    warningColorL30: string;
+    warningColorL20: string;
+    warningColorL10: string;
+    warningColor: string;
+    warningColorD10: string;
+    warningColorD20: string;
+    warningColorD30: string;
+    warningColorD40: string;
+    warningColorD50: string;
+    successColorL50: string;
+    successColorL40: string;
+    successColorL30: string;
+    successColorL20: string;
+    successColorL10: string;
+    successColor: string;
+    successColorD10: string;
+    successColorD20: string;
+    successColorD30: string;
+    successColorD40: string;
+    successColorD50: string;
+    infoColorL50: string;
+    infoColorL40: string;
+    infoColorL30: string;
+    infoColorL20: string;
+    infoColorL10: string;
+    infoColor: string;
+    infoColorD10: string;
+    infoColorD20: string;
+    infoColorD30: string;
+    infoColorD40: string;
+    infoColorD50: string;
+    diverging1ColorA: string;
+    diverging1ColorB: string;
+    diverging2ColorA: string;
+    diverging2ColorB: string;
+    diverging3ColorA: string;
+    diverging3ColorB: string;
+    diverging4ColorA: string;
+    diverging4ColorB: string;
+    diverging5ColorA: string;
+    diverging5ColorB: string;
+    cat1Color: string;
+    cat1ColorL: string;
+    cat2Color: string;
+    cat2ColorL: string;
+    cat3Color: string;
+    cat3ColorL: string;
+    cat4Color: string;
+    cat4ColorL: string;
+    cat5Color: string;
+    cat5ColorL: string;
+    cat6Color: string;
+    cat6ColorL: string;
+    cat7Color: string;
+    cat7ColorL: string;
+    cat8Color: string;
+    cat8ColorL: string;
+    cat9Color: string;
+    cat9ColorL: string;
+    cat10Color: string;
+    cat10ColorL: string;
+    cat11Color: string;
+    cat11ColorL: string;
+    cat12Color: string;
+    cat12ColorL: string;
+    cat13Color: string;
+    cat13ColorL: string;
+    cat14Color: string;
+    cat14ColorL: string;
+    cat15Color: string;
+    cat15ColorL: string;
+    cat16Color: string;
+    cat16ColorL: string;
+    cat17Color: string;
+    cat17ColorL: string;
+    cat18Color: string;
+    cat18ColorL: string;
+    cat19Color: string;
+    cat19ColorL: string;
+    cat20Color: string;
+    cat20ColorL: string;
+    cat21Color: string;
+    cat21ColorL: string;
+    cat22Color: string;
+    cat22ColorL: string;
+    cat23Color: string;
+    cat23ColorL: string;
+    cat24Color: string;
+    cat24ColorL: string;
+    cat25Color: string;
+    cat25ColorL: string;
+    cat26Color: string;
+    cat26ColorL: string;
+    cat27Color: string;
+    cat27ColorL: string;
+    cat28Color: string;
+    cat28ColorL: string;
+    cat29Color: string;
+    cat29ColorL: string;
+    cat30Color: string;
+    cat30ColorL: string;
+    syntaxBlueLight: string;
+    syntaxGreenLight: string;
+    syntaxPurpleLight: string;
+    syntaxRedLight: string;
+};
+export default _default;

package/types/design-tokens/elevation.d.ts

@@ -0,0 +1,49 @@
+/**
+ * #### Z Indexes
+ *
+ * @categoryValue
+ */
+declare const zIndexes: {
+    zindexLayer: number;
+    zindexFixedNavbar: number;
+    zindexModalBackdrop: number;
+    zindexModal: number;
+    zindexPopover: number;
+    zindexToastMessages: number;
+};
+/**
+ * #### Shadows
+ *
+ * @categoryShadow
+ */
+declare const elevationShadows: {
+    embossShadow: string;
+    overlayShadow: string;
+    dragShadow: string;
+    modalShadow: string;
+    focusShadow: string;
+    focusShadowInset: string;
+    hoverShadow: string;
+    draggableBackground: string;
+};
+declare const elevation: {
+    embossShadow: string;
+    overlayShadow: string;
+    dragShadow: string;
+    modalShadow: string;
+    focusShadow: string;
+    focusShadowInset: string;
+    hoverShadow: string;
+    draggableBackground: string;
+    zindexLayer: number;
+    zindexFixedNavbar: number;
+    zindexModalBackdrop: number;
+    zindexModal: number;
+    zindexPopover: number;
+    zindexToastMessages: number;
+};
+type ZIndexes = typeof zIndexes;
+type ElevationShadows = typeof elevationShadows;
+type Elevation = typeof elevation;
+export { ZIndexes, ElevationShadows, Elevation };
+export default elevation;