@splunk/themes 1.0.1 → 1.2.0

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

@@ -211,6 +211,13 @@ declare const designTokens: {
     static20: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;

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

@@ -49,7 +49,36 @@ declare const fontMeasures: {
      * in blocks of text by preventing overly long lines.
      */
     lineLength: string;
+    /**
+     * Default line height.
+     */
     lineHeight: string;
+    /**
+     * Very tight. Use where space is extremely limited and text is not expected to wrap.
+     * Ideal for buttons, badges, input fields, and compact labels.
+     */
+    lineHeightSingle: string;
+    /**
+     * Slightly more space than single, still compact
+     */
+    lineHeightTight: string;
+    /**
+     * Compact but a bit more readable
+     */
+    lineHeightSnug: string;
+    /**
+     * Balanced spacing for smaller text
+     */
+    lineHeightComfortable: string;
+    /**
+     * Slightly looser for better readability
+     */
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    /**
+     * Default for body text; comfortable, standard line height same as `lineHeight`
+     */
+    lineHeightNormal: string;
 };
 declare const typography: {
     /**
@@ -57,7 +86,36 @@ declare const typography: {
      * in blocks of text by preventing overly long lines.
      */
     lineLength: string;
+    /**
+     * Default line height.
+     */
     lineHeight: string;
+    /**
+     * Very tight. Use where space is extremely limited and text is not expected to wrap.
+     * Ideal for buttons, badges, input fields, and compact labels.
+     */
+    lineHeightSingle: string;
+    /**
+     * Slightly more space than single, still compact
+     */
+    lineHeightTight: string;
+    /**
+     * Compact but a bit more readable
+     */
+    lineHeightSnug: string;
+    /**
+     * Balanced spacing for smaller text
+     */
+    lineHeightComfortable: string;
+    /**
+     * Slightly looser for better readability
+     */
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    /**
+     * Default for body text; comfortable, standard line height same as `lineHeight`
+     */
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;

package/types/enterprise/dark.d.ts

@@ -495,6 +495,13 @@ declare const theme: {
     zindexToastMessages: number;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;

package/types/enterprise/light.d.ts

@@ -408,6 +408,13 @@ declare const theme: {
     contentColorWarning: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;

package/types/mixins/index.d.ts

@@ -6,13 +6,13 @@ export { default as layout } from './layout';
 export * from './layout';
 export { default as prose } from './prose';
 export * from './prose';
+export * from './resets';
 export { default as typography } from './typography';
 export * from './typography';
 declare const _default: {
     layout: typeof layout;
     prose: typeof prose;
     typography: typeof typography;
-    reset: <T extends import("..").AnyTheme, A extends import("..").ThemedProps>(display?: string | null) => import("..").Interpolation<T, A>;
     clearfix: typeof import("./utilityMixins").clearfix;
     ellipsis: typeof import("./utilityMixins").ellipsis;
     printWidth100Percent: typeof import("./utilityMixins").printWidth100Percent;
@@ -20,7 +20,10 @@ declare const _default: {
     printNoBackground: typeof import("./utilityMixins").printNoBackground;
     printWrapAll: typeof import("./utilityMixins").printWrapAll;
     screenReaderContent: typeof import("./utilityMixins").screenReaderContent;
+    skipLink: typeof import("./utilityMixins").skipLink;
     colorWithAlpha: typeof import("./utilityMixins").colorWithAlpha;
     overlayColors: typeof import("./utilityMixins").overlayColors;
+    pageBase: <T extends import("..").AnyTheme, A extends import("..").ThemedProps>() => import("..").Interpolation<T, A>;
+    reset: <T extends import("..").AnyTheme, A extends import("..").ThemedProps>(display?: string | null) => import("..").Interpolation<T, A>;
 };
 export default _default;

package/types/mixins/resets.d.ts

@@ -0,0 +1,47 @@
+import { AnyTheme, Interpolation, ThemedProps } from '../types';
+/**
+ * The `pageBase` mixin provides essential base styling, intended for `html` and `body` elements.
+ * This should be used in global styles to establish consistent foundational styles
+ * including theme colors, typography, and layout basics.
+ *
+ *  ##### Example
+ *  ```js
+ *  import styled from 'styled-components';
+ *  import { pageBase } from '@splunk/themes/mixins';
+ *
+ *  const GlobalStyle = createGlobalStyle`
+ *      html,
+ *      body {
+ *          ${pageBase()}
+ *      }
+ *  `
+ *  ```
+ * @name pageBase
+ * @kind function
+ * @public
+ */
+export declare const pageBase: <T extends AnyTheme, A extends ThemedProps>() => Interpolation<T, A>;
+/**
+ * The `reset` mixin resets css properties to their browser defaults, plus many to
+ * theme-specific values. This ensures an element is not inheriting inappropriate styles.
+ *
+ *  ##### Example
+ *  ```js
+ *  import styled from 'styled-components';
+ *  import { reset } from '@splunk/themes/mixins';
+ *
+ *  const myBlock = styled.div`
+ *      ${reset('block')};
+ *  `
+ *  ```
+ * @name reset
+ * @kind function
+ * @param {string} [display=inline] Set the `display` property (block, inline-block, …)
+ * @public
+ */
+export declare const reset: <T extends AnyTheme, A extends ThemedProps>(display?: string | null) => Interpolation<T, A>;
+declare const _default: {
+    pageBase: <T extends AnyTheme, A extends ThemedProps>() => Interpolation<T, A>;
+    reset: <T extends AnyTheme, A extends ThemedProps>(display?: string | null) => Interpolation<T, A>;
+};
+export default _default;

package/types/mixins/tests/resets.unit.d.ts

@@ -0,0 +1 @@
+export {};

package/types/mixins/utilityMixins.d.ts

@@ -1,29 +1,10 @@
 import { CSSObject } from 'styled-components';
-import { AnyTheme, Interpolation, ThemedProps, OptionalThemedProps } from '../types';
+import { AnyTheme, OptionalThemedProps } from '../types';
 /**
  * @file
  * A collection of style-related helper functions. All of them return a single object containing
  * DOM CSS properties, for example: `{ display: …, fontFamily: … }`.
  */
-/**
- * The `reset` mixin resets css properties to their browser defaults, plus many to
- * theme-specific values. This ensures an element is not inheriting inappropriate styles.
- *
- *  ##### Example
- *  ```js
- *  import styled from 'styled-components';
- *  import { reset } from '@splunk/themes/mixins';
- *
- *  const myBlock = styled.div`
- *      ${reset('block')};
- *  `
- *  ```
- * @name reset
- * @kind function
- * @param {string} [display=inline] Set the `display` property (block, inline-block, …)
- * @public
- */
-export declare const reset: <T extends AnyTheme, A extends ThemedProps>(display?: string | null) => Interpolation<T, A>;
 /**
  * `clearfix` is used on a container to ensure its height is at least as tall as any floating
  * children.
@@ -140,15 +121,36 @@ export declare function printWrapAll(): CSSObject;
  *
  *  ##### Example
  *  ``` js
- *  import screenReaderContent from '@splunk/themes/mixins';
+ *  import { screenReaderContent } from '@splunk/themes/mixins';
  *
  *  .myElement {
- *      ${props => props.theme.mixins.screenReaderContent()};
+ *      ${screenReaderContent()};
  *  }
  *  ```
  * @public
  */
 export declare function screenReaderContent(): CSSObject;
+/**
+ * Visually hide interactive elements and reveal them on focus. Use this mixin to allow
+ * keyboard users to skip over repeated content, such as navigation menus
+ *
+ * ##### Example
+ * ```js
+ * import styled from 'styled-components';
+ * import Link from '@splunk/react-ui/Link';
+ * import mixins from '@splunk/themes';
+ *
+ * const skipLink = styled(Link)`
+ *   ${mixins.skipLink()};
+ *  `;
+ * // or if you have a container with several links inside it:
+ * const skipLinkContainer = styled.div`
+ *   ${mixins.skipLink()};
+ * `;
+ * ```
+ * @public
+ */
+export declare function skipLink(): CSSObject;
 type TemplateFunction<T extends AnyTheme> = (props: OptionalThemedProps<T>) => string | undefined;
 type ColorParameter<T extends AnyTheme> = string | TemplateFunction<T>;
 /**
@@ -193,7 +195,6 @@ export declare function overlayColors<T extends AnyTheme>(c1: ColorParameter<T>,
  */
 export declare function colorWithAlpha<T extends AnyTheme>(color: ColorParameter<T>, alpha: number): (props: OptionalThemedProps<T>) => string;
 declare const _default: {
-    reset: <T extends AnyTheme, A extends ThemedProps>(display?: string | null) => Interpolation<T, A>;
     clearfix: typeof clearfix;
     ellipsis: typeof ellipsis;
     printWidth100Percent: typeof printWidth100Percent;
@@ -201,6 +202,7 @@ declare const _default: {
     printNoBackground: typeof printNoBackground;
     printWrapAll: typeof printWrapAll;
     screenReaderContent: typeof screenReaderContent;
+    skipLink: typeof skipLink;
     colorWithAlpha: typeof colorWithAlpha;
     overlayColors: typeof overlayColors;
 };

package/types/prisma/base.d.ts

@@ -223,6 +223,13 @@ declare function createPrismaBase({ colorScheme }: {
     focusColor: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;

package/types/splunk-magnetic/index.d.ts

@@ -69,6 +69,12 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     interactiveColorBorderHover: string;
     linkColor: string;
     modalShadow: string;
+    neutral50: string;
+    neutral100: string;
+    neutral200: string;
+    neutral300: string;
+    neutral400: string;
+    neutral500: string;
     overlayShadow: string;
     statusColorHigh: string;
     statusColorHighStrong: string;
@@ -82,6 +88,15 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     statusColorNormal: string;
     statusColorNormalStrong: string;
     statusColorNormalWeak: string;
+    syntaxBlue: string;
+    syntaxBrown: string;
+    syntaxGray: string;
+    syntaxGreen: string;
+    syntaxOrange: string;
+    syntaxPink: string;
+    syntaxPurple: string;
+    syntaxRed: string;
+    syntaxTeal: string;
     categorical1D1: string;
     categorical1D2: string;
     categorical1D3: string;
@@ -466,6 +481,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     contentColorWarning: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -481,15 +503,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     serifFontFamily: string;
     focusShadowInset: string;
     draggableBackground: string;
-    syntaxBlue: string;
-    syntaxBrown: string;
-    syntaxGray: string;
-    syntaxGreen: string;
-    syntaxOrange: string;
-    syntaxPink: string;
-    syntaxPurple: string;
-    syntaxRed: string;
-    syntaxTeal: string;
     dragShadow: string;
     severityColorCustom: string;
     severityColorUnknown: string;
@@ -513,12 +526,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     notificationColorNegative: string;
     notificationColorNegativeStrong: string;
     black: string;
-    neutral50: string;
-    neutral100: string;
-    neutral200: string;
-    neutral300: string;
-    neutral400: string;
-    neutral500: string;
     white: string;
     transparent: string;
     backgroundColorFloating: string;
@@ -637,6 +644,12 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     interactiveColorBorderHover: string;
     linkColor: string;
     modalShadow: string;
+    neutral50: string;
+    neutral100: string;
+    neutral200: string;
+    neutral300: string;
+    neutral400: string;
+    neutral500: string;
     overlayShadow: string;
     statusColorHigh: string;
     statusColorHighStrong: string;
@@ -650,6 +663,15 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     statusColorNormal: string;
     statusColorNormalStrong: string;
     statusColorNormalWeak: string;
+    syntaxBlue: string;
+    syntaxBrown: string;
+    syntaxGray: string;
+    syntaxGreen: string;
+    syntaxOrange: string;
+    syntaxPink: string;
+    syntaxPurple: string;
+    syntaxRed: string;
+    syntaxTeal: string;
     categorical1D1: string;
     categorical1D2: string;
     categorical1D3: string;
@@ -1034,6 +1056,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     contentColorWarning: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -1049,15 +1078,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     serifFontFamily: string;
     focusShadowInset: string;
     draggableBackground: string;
-    syntaxBlue: string;
-    syntaxBrown: string;
-    syntaxGray: string;
-    syntaxGreen: string;
-    syntaxOrange: string;
-    syntaxPink: string;
-    syntaxPurple: string;
-    syntaxRed: string;
-    syntaxTeal: string;
     dragShadow: string;
     severityColorCustom: string;
     severityColorUnknown: string;
@@ -1081,12 +1101,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     notificationColorNegative: string;
     notificationColorNegativeStrong: string;
     black: string;
-    neutral50: string;
-    neutral100: string;
-    neutral200: string;
-    neutral300: string;
-    neutral400: string;
-    neutral500: string;
     white: string;
     transparent: string;
     backgroundColorFloating: string;
@@ -1205,6 +1219,12 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     interactiveColorBorderHover: string;
     linkColor: string;
     modalShadow: string;
+    neutral50: string;
+    neutral100: string;
+    neutral200: string;
+    neutral300: string;
+    neutral400: string;
+    neutral500: string;
     overlayShadow: string;
     statusColorHigh: string;
     statusColorHighStrong: string;
@@ -1218,6 +1238,15 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     statusColorNormal: string;
     statusColorNormalStrong: string;
     statusColorNormalWeak: string;
+    syntaxBlue: string;
+    syntaxBrown: string;
+    syntaxGray: string;
+    syntaxGreen: string;
+    syntaxOrange: string;
+    syntaxPink: string;
+    syntaxPurple: string;
+    syntaxRed: string;
+    syntaxTeal: string;
     categorical1D1: string;
     categorical1D2: string;
     categorical1D3: string;
@@ -1288,22 +1317,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     contentColorNegativeWeak: string;
     contentColorPositive: string;
     contentColorWarning: string;
-    syntaxBlue: string;
-    syntaxBrown: string;
-    syntaxGray: string;
-    syntaxGreen: string;
-    syntaxOrange: string;
-    syntaxPink: string;
-    syntaxPurple: string;
-    syntaxRed: string;
-    syntaxTeal: string;
     black: string;
-    neutral50: string;
-    neutral100: string;
-    neutral200: string;
-    neutral300: string;
-    neutral400: string;
-    neutral500: string;
     white: string;
     transparent: string;
     backgroundColorFloating: string;
@@ -1647,6 +1661,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     zindexToastMessages: number;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -1775,6 +1796,12 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     interactiveColorBorderHover: string;
     linkColor: string;
     modalShadow: string;
+    neutral50: string;
+    neutral100: string;
+    neutral200: string;
+    neutral300: string;
+    neutral400: string;
+    neutral500: string;
     overlayShadow: string;
     statusColorHigh: string;
     statusColorHighStrong: string;
@@ -1788,6 +1815,15 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     statusColorNormal: string;
     statusColorNormalStrong: string;
     statusColorNormalWeak: string;
+    syntaxBlue: string;
+    syntaxBrown: string;
+    syntaxGray: string;
+    syntaxGreen: string;
+    syntaxOrange: string;
+    syntaxPink: string;
+    syntaxPurple: string;
+    syntaxRed: string;
+    syntaxTeal: string;
     categorical1D1: string;
     categorical1D2: string;
     categorical1D3: string;
@@ -1858,22 +1894,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     contentColorNegativeWeak: string;
     contentColorPositive: string;
     contentColorWarning: string;
-    syntaxBlue: string;
-    syntaxBrown: string;
-    syntaxGray: string;
-    syntaxGreen: string;
-    syntaxOrange: string;
-    syntaxPink: string;
-    syntaxPurple: string;
-    syntaxRed: string;
-    syntaxTeal: string;
     black: string;
-    neutral50: string;
-    neutral100: string;
-    neutral200: string;
-    neutral300: string;
-    neutral400: string;
-    neutral500: string;
     white: string;
     transparent: string;
     backgroundColorFloating: string;
@@ -2217,6 +2238,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     zindexToastMessages: number;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -2345,6 +2373,12 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     interactiveColorBorderHover: string;
     linkColor: string;
     modalShadow: string;
+    neutral50: string;
+    neutral100: string;
+    neutral200: string;
+    neutral300: string;
+    neutral400: string;
+    neutral500: string;
     overlayShadow: string;
     statusColorHigh: string;
     statusColorHighStrong: string;
@@ -2358,6 +2392,15 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     statusColorNormal: string;
     statusColorNormalStrong: string;
     statusColorNormalWeak: string;
+    syntaxBlue: string;
+    syntaxBrown: string;
+    syntaxGray: string;
+    syntaxGreen: string;
+    syntaxOrange: string;
+    syntaxPink: string;
+    syntaxPurple: string;
+    syntaxRed: string;
+    syntaxTeal: string;
     categorical1D1: string;
     categorical1D2: string;
     categorical1D3: string;
@@ -2576,6 +2619,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     static20: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -2600,27 +2650,12 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     statusColorCritical: string;
     statusColorCriticalWeak: string;
     statusColorCriticalStrong: string;
-    syntaxBlue: string;
-    syntaxBrown: string;
-    syntaxGray: string;
-    syntaxGreen: string;
-    syntaxOrange: string;
-    syntaxPink: string;
-    syntaxPurple: string;
-    syntaxRed: string;
-    syntaxTeal: string;
     interactiveColorBorderActive: string;
     interactiveColorOverlaySelected: string;
     interactiveColorOverlayHover: string;
     interactiveColorOverlayActive: string;
     interactiveColorOverlayDrag: string;
     black: string;
-    neutral50: string;
-    neutral100: string;
-    neutral200: string;
-    neutral300: string;
-    neutral400: string;
-    neutral500: string;
     white: string;
     transparent: string;
     contentColorLink: string;
@@ -2742,6 +2777,12 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     interactiveColorBorderHover: string;
     linkColor: string;
     modalShadow: string;
+    neutral50: string;
+    neutral100: string;
+    neutral200: string;
+    neutral300: string;
+    neutral400: string;
+    neutral500: string;
     overlayShadow: string;
     statusColorHigh: string;
     statusColorHighStrong: string;
@@ -2755,6 +2796,15 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     statusColorNormal: string;
     statusColorNormalStrong: string;
     statusColorNormalWeak: string;
+    syntaxBlue: string;
+    syntaxBrown: string;
+    syntaxGray: string;
+    syntaxGreen: string;
+    syntaxOrange: string;
+    syntaxPink: string;
+    syntaxPurple: string;
+    syntaxRed: string;
+    syntaxTeal: string;
     categorical1D1: string;
     categorical1D2: string;
     categorical1D3: string;
@@ -2973,6 +3023,13 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     static20: string;
     lineLength: string;
     lineHeight: string;
+    lineHeightSingle: string;
+    lineHeightTight: string;
+    lineHeightSnug: string;
+    lineHeightComfortable: string;
+    lineHeightRelaxed: string;
+    lineHeightSpacious: string;
+    lineHeightNormal: string;
     fontSizeSmall: string;
     fontSize: string;
     fontSizeLarge: string;
@@ -2997,27 +3054,12 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     statusColorCritical: string;
     statusColorCriticalWeak: string;
     statusColorCriticalStrong: string;
-    syntaxBlue: string;
-    syntaxBrown: string;
-    syntaxGray: string;
-    syntaxGreen: string;
-    syntaxOrange: string;
-    syntaxPink: string;
-    syntaxPurple: string;
-    syntaxRed: string;
-    syntaxTeal: string;
     interactiveColorBorderActive: string;
     interactiveColorOverlaySelected: string;
     interactiveColorOverlayHover: string;
     interactiveColorOverlayActive: string;
     interactiveColorOverlayDrag: string;
     black: string;
-    neutral50: string;
-    neutral100: string;
-    neutral200: string;
-    neutral300: string;
-    neutral400: string;
-    neutral500: string;
     white: string;
     transparent: string;
     contentColorLink: string;