@atlaskit/tokens 0.10.20 → 0.10.21

package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-light.d.ts

@@ -0,0 +1,174 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::3e1535e99114e3ceefa050ae548283a1>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: ({
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        deprecated?: undefined;
+        deleted?: undefined;
+        replacement?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            deprecated?: undefined;
+            deleted?: undefined;
+            replacement?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        deprecated: string;
+        deleted: string;
+        replacement: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            deprecated: string;
+            deleted: string;
+            replacement: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        deprecated: string;
+        deleted: string;
+        replacement: string;
+        description: string;
+    };
+    value: {
+        radius: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        color: string;
+        opacity: number;
+    }[];
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            deprecated: string;
+            deleted: string;
+            replacement: string;
+            description: string;
+        };
+        value: {
+            radius: number;
+            offset: {
+                x: number;
+                y: number;
+            };
+            color: string;
+            opacity: number;
+        }[];
+    };
+    name: string;
+    path: string[];
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        deprecated?: undefined;
+        deleted?: undefined;
+        replacement?: undefined;
+    };
+    value: {
+        radius: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        color: string;
+        opacity: number;
+    }[];
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            deprecated?: undefined;
+            deleted?: undefined;
+            replacement?: undefined;
+        };
+        value: {
+            radius: number;
+            offset: {
+                x: number;
+                y: number;
+            };
+            color: string;
+            opacity: number;
+        }[];
+    };
+    name: string;
+    path: string[];
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        deprecated?: undefined;
+        deleted?: undefined;
+        replacement?: undefined;
+    };
+    value: number;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            deprecated?: undefined;
+            deleted?: undefined;
+            replacement?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+})[];
+export default tokens;

package/dist/types-ts4.0/artifacts/types-internal.d.ts

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::39f5c50a16b92a67dcd34ffb038b73d2>>
+ * @codegenCommand yarn build tokens
+ */
+export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.[default]' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';

package/dist/types-ts4.0/artifacts/types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::02e94c9602d30a3320fd9e00a1950a7c>>
+ * @codegenCommand yarn build tokens
+ */
+export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';

package/dist/types-ts4.0/babel-plugin/index.d.ts

@@ -0,0 +1 @@
+export { default } from './plugin';

package/dist/types-ts4.0/babel-plugin/plugin.d.ts

@@ -0,0 +1,14 @@
+import { NodePath } from '@babel/traverse';
+import * as t from '@babel/types';
+export default function plugin(): {
+    visitor: {
+        Program: {
+            enter(path: NodePath<t.Program>, state: {
+                opts: {
+                    shouldUseAutoFallback?: boolean;
+                };
+            }): void;
+            exit(path: NodePath<t.Program>): void;
+        };
+    };
+};

package/dist/types-ts4.0/constants.d.ts

@@ -0,0 +1,17 @@
+export declare const THEMES: readonly [
+    "light",
+    "dark",
+    "legacy-light",
+    "legacy-dark"
+];
+export declare const THEME_DATA_ATTRIBUTE = "data-theme";
+export declare const DEFAULT_THEME = "light";
+export declare const CSS_PREFIX = "ds";
+export declare const CSS_VAR_FULL: string[];
+export declare const THEME_NAME_MAP: {
+    'atlassian-light': string;
+    'atlassian-dark': string;
+    'atlassian-legacy-light': string;
+    'atlassian-legacy-dark': string;
+};
+export declare const TOKEN_NOT_FOUND_CSS_VAR: string;

package/dist/types-ts4.0/entry-points/babel-plugin.d.ts

@@ -0,0 +1 @@
+export { default } from '../babel-plugin/plugin';

package/dist/types-ts4.0/entry-points/palettes-raw.d.ts

@@ -0,0 +1 @@
+export { default } from '../artifacts/palettes-raw/palette';

package/dist/types-ts4.0/entry-points/rename-mapping.d.ts

@@ -0,0 +1 @@
+export { default } from '../artifacts/rename-mapping';

package/dist/types-ts4.0/entry-points/token-ids.d.ts

@@ -0,0 +1 @@
+export { getCSSCustomProperty, getTokenId, getFullyQualifiedTokenId, } from '../utils/token-ids';

package/dist/types-ts4.0/entry-points/token-names.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../artifacts/token-names';
+export type { CSSToken } from '../artifacts/token-names';

package/dist/types-ts4.0/figma/synchronize-figma-tokens.d.ts

@@ -0,0 +1,24 @@
+import type { PaintToken, ShadowToken } from '../types';
+import type { FigmaEffect, FigmaPaint } from './types';
+declare function createPaint(hex: string): FigmaPaint;
+declare function createEffects(value: ShadowToken<string>['value']): FigmaEffect[];
+/**
+ * Formats a token description for use in Figma,
+ * including deprecated warnings
+ *
+ * @param token
+ */
+declare function formatDescription(token: PaintToken<string> | ShadowToken<string>): string;
+export declare type CreateEffects = typeof createEffects;
+export declare type CreatePaint = typeof createPaint;
+export declare type FormatDescription = typeof formatDescription;
+/**
+ * Adds tokens under a specified theme as paint styles to Figma.
+ *
+ * @param {*} themeName name of the theme, e.g. "dark". Tokens will be added under this folder name.
+ * @param {*} tokens
+ * @param {*} renameMap mapping object for tokens that should be renamed. example { 'old/token': 'new/token'}
+ */
+declare function synchronizeFigmaTokens(themeName: string, tokens: Record<string, PaintToken<string> | ShadowToken<string>>, renameMap?: Record<string, string>): void;
+export declare type SynchronizeFigmaTokens = typeof synchronizeFigmaTokens;
+export {};

package/dist/types-ts4.0/figma/types.d.ts

@@ -0,0 +1,40 @@
+export interface FigmaPaint {
+    blendMode: 'NORMAL';
+    color: {
+        r: number;
+        g: number;
+        b: number;
+    };
+    opacity: number;
+    type: 'SOLID';
+    visible: boolean;
+}
+export interface FigmaPaintStyle {
+    name: string;
+    paints: Array<FigmaPaint>;
+    description: string;
+    remove(): void;
+}
+export interface FigmaEffect {
+    blendMode: 'NORMAL';
+    color: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    offset: {
+        x: number;
+        y: number;
+    };
+    radius: number;
+    spread?: number;
+    type: 'DROP_SHADOW' | 'INNER_SHADOW';
+    visible: boolean;
+}
+export interface FigmaEffectStyle {
+    name: string;
+    effects: Array<FigmaEffect>;
+    description: string;
+    remove(): void;
+}

package/dist/types-ts4.0/get-token.d.ts

@@ -0,0 +1,4 @@
+import tokens, { CSSTokenMap } from './artifacts/token-names';
+declare type Tokens = typeof tokens;
+declare function token<T extends keyof Tokens>(path: T, fallback?: string): CSSTokenMap[T];
+export default token;

package/dist/types-ts4.0/index.d.ts

@@ -0,0 +1,5 @@
+export { default as token } from './get-token';
+export { default as setGlobalTheme } from './set-global-theme';
+export type { CSSToken } from './artifacts/token-names';
+export type { Themes } from './types';
+export { useThemeObserver, ThemeMutationObserver, } from './theme-change-observer';

package/dist/types-ts4.0/palettes/legacy-palette.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Legacy color palette sourced from: packages/design-system/theme/src/colors.tsx
+ *
+ * This palette should be exclusively used for backwards compatible themes
+ */
+import type { PaletteColorTokenSchema } from '../types';
+declare type PaletteValues = 'transparent' | 'R50' | 'R75' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'Y50' | 'Y75' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'G50' | 'G75' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'B50' | 'B75' | 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'P50' | 'P75' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'T50' | 'T75' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'N0' | 'N10' | 'N20' | 'N30' | 'N40' | 'N50' | 'N60' | 'N70' | 'N80' | 'N90' | 'N100' | 'N200' | 'N300' | 'N400' | 'N500' | 'N600' | 'N700' | 'N800' | 'N900' | 'N10A' | 'N20A' | 'N30A' | 'N40A' | 'N50A' | 'N60A' | 'N70A' | 'N80A' | 'N90A' | 'N100A' | 'N200A' | 'N300A' | 'N400A' | 'N500A' | 'N600A' | 'N700A' | 'N800A' | 'DN900' | 'DN800' | 'DN700' | 'DN600' | 'DN500' | 'DN400' | 'DN300' | 'DN200' | 'DN100' | 'DN90' | 'DN80' | 'DN70' | 'DN60' | 'DN50' | 'DN40' | 'DN30' | 'DN20' | 'DN10' | 'DN0' | 'DN800A' | 'DN700A' | 'DN600A' | 'DN500A' | 'DN400A' | 'DN300A' | 'DN200A' | 'DN100A' | 'DN90A' | 'DN80A' | 'DN70A' | 'DN60A' | 'DN50A' | 'DN40A' | 'DN30A' | 'DN20A' | 'DN10' | 'DN10A';
+export declare type BaseToken = keyof PaletteColorTokenSchema<PaletteValues>['color']['palette'];
+declare const palette: PaletteColorTokenSchema<PaletteValues>;
+export default palette;

package/dist/types-ts4.0/palettes/palette.d.ts

@@ -0,0 +1,5 @@
+import type { PaletteColorTokenSchema } from '../types';
+declare type PaletteValues = 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'B600' | 'B700' | 'B800' | 'B900' | 'B1000' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'R600' | 'R700' | 'R800' | 'R900' | 'R1000' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'Y600' | 'Y700' | 'Y800' | 'Y900' | 'Y1000' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'G600' | 'G700' | 'G800' | 'G900' | 'G1000' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'P600' | 'P700' | 'P800' | 'P900' | 'P1000' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'T600' | 'T700' | 'T800' | 'T900' | 'T1000' | 'O100' | 'O200' | 'O300' | 'O400' | 'O500' | 'O600' | 'O700' | 'O800' | 'O900' | 'O1000' | 'M100' | 'M200' | 'M300' | 'M400' | 'M500' | 'M600' | 'M700' | 'M800' | 'M900' | 'M1000' | 'DN-100' | 'DN-100A' | 'DN0' | 'DN100' | 'DN100A' | 'DN200' | 'DN200A' | 'DN300' | 'DN300A' | 'DN400' | 'DN400A' | 'DN500' | 'DN500A' | 'DN600' | 'DN700' | 'DN800' | 'DN900' | 'DN1000' | 'DN1100' | 'N0' | 'N100' | 'N100A' | 'N200' | 'N200A' | 'N300' | 'N300A' | 'N400' | 'N400A' | 'N500' | 'N500A' | 'N600' | 'N700' | 'N800' | 'N900' | 'N1000' | 'N1100';
+export declare type BaseToken = keyof PaletteColorTokenSchema<PaletteValues>['color']['palette'];
+declare const palette: PaletteColorTokenSchema<PaletteValues>;
+export default palette;

package/dist/types-ts4.0/set-global-theme.d.ts

@@ -0,0 +1,3 @@
+import type { Themes } from './types';
+declare const setGlobalTheme: (theme: Themes) => void;
+export default setGlobalTheme;

package/dist/types-ts4.0/theme-change-observer.d.ts

@@ -0,0 +1,35 @@
+import { Themes } from './types';
+/**
+ * A MutationObserver which watches the `<html>` element for changes to the theme.
+ *
+ * In React, use the {@link useThemeObserver `useThemeObserver`} hook instead.
+ *
+ * @param {function} callback - A callback function which fires when the theme changes.
+ *
+ * @example
+ * ```
+ * const observer = new ThemeMutationObserver((theme) => {});
+ * observer.observe();
+ * ```
+ */
+export declare class ThemeMutationObserver {
+    private callback;
+    observer: MutationObserver | null;
+    constructor(callback: (theme: Themes | null) => unknown);
+    observe(): void;
+    disconnect(): void;
+}
+/**
+ * A React hook which returns the current theme set on `<html>`, or `null` if not set.
+ *
+ * @example
+ * ```
+ * const theme = useThemeObserver(); // Returns 'light' or 'dark'
+ *
+ * // Performing side effects when it changes
+ * useEffect(() => {
+ *   console.log(`The theme has changed to ${theme}`);
+ * }, [theme]);
+ * ```
+ */
+export declare const useThemeObserver: () => Themes | null;

package/dist/types-ts4.0/tokens/atlassian-dark/color/accent.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { AccentColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<AccentColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-dark/color/background.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { BackgroundColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<BackgroundColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-dark/color/border.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { BorderColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<BorderColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-dark/color/icon.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { IconColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<IconColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-dark/color/interaction.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { InteractionColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<InteractionColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-dark/color/skeleton.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { SkeletonColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<SkeletonColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-dark/color/text.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { TextColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<TextColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-dark/deprecated/deprecated.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { DeprecatedTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<DeprecatedTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-dark/elevation/shadow.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { ShadowTokenSchema, ValueSchema } from '../../../types';
+declare const shadow: ValueSchema<ShadowTokenSchema<BaseToken>>;
+export default shadow;

package/dist/types-ts4.0/tokens/atlassian-dark/elevation/surface.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { SurfaceTokenSchema, ValueSchema } from '../../../types';
+declare const elevation: ValueSchema<SurfaceTokenSchema<BaseToken>>;
+export default elevation;

package/dist/types-ts4.0/tokens/atlassian-dark/opacity/opacity.d.ts

@@ -0,0 +1,3 @@
+import type { OpacityTokenSchema, ValueSchema } from '../../../types';
+declare const opacity: ValueSchema<OpacityTokenSchema>;
+export default opacity;

package/dist/types-ts4.0/tokens/atlassian-dark/utility/utility.d.ts

@@ -0,0 +1,5 @@
+import type { UtilTokenSchema, ValueSchema } from '../../../types';
+declare const _default: {
+    utility: ValueSchema<UtilTokenSchema<"R100" | "R200" | "R300" | "R400" | "R500" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G100" | "G200" | "G300" | "G400" | "G500" | "B100" | "B200" | "B300" | "B400" | "B500" | "P100" | "P200" | "P300" | "P400" | "P500" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN0" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "B600" | "B700" | "B800" | "B900" | "B1000" | "R600" | "R700" | "R800" | "R900" | "R1000" | "Y600" | "Y700" | "Y800" | "Y900" | "Y1000" | "G600" | "G700" | "G800" | "G900" | "G1000" | "P600" | "P700" | "P800" | "P900" | "P1000" | "T600" | "T700" | "T800" | "T900" | "T1000" | "O100" | "O200" | "O300" | "O400" | "O500" | "O600" | "O700" | "O800" | "O900" | "O1000" | "M100" | "M200" | "M300" | "M400" | "M500" | "M600" | "M700" | "M800" | "M900" | "M1000" | "DN-100" | "DN-100A" | "DN1000" | "DN1100" | "N1000" | "N1100">>;
+};
+export default _default;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/accent.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { AccentColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<AccentColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/background.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { BackgroundColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<BackgroundColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/border.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { BorderColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<BorderColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/icon.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { IconColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<IconColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/interaction.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { InteractionColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<InteractionColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/skeleton.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { SkeletonColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<SkeletonColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/text.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { TextColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<TextColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { DeprecatedTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<DeprecatedTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/elevation/shadow.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { ShadowTokenSchema, ValueSchema } from '../../../types';
+declare const shadow: ValueSchema<ShadowTokenSchema<BaseToken>>;
+export default shadow;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/elevation/surface.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { SurfaceTokenSchema, ValueSchema } from '../../../types';
+declare const elevation: ValueSchema<SurfaceTokenSchema<BaseToken>>;
+export default elevation;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/opacity/opacity.d.ts

@@ -0,0 +1,3 @@
+import type { OpacityTokenSchema, ValueSchema } from '../../../types';
+declare const opacity: ValueSchema<OpacityTokenSchema>;
+export default opacity;

package/dist/types-ts4.0/tokens/atlassian-legacy-dark/utility/utility.d.ts

@@ -0,0 +1,5 @@
+import type { UtilTokenSchema, ValueSchema } from '../../../types';
+declare const _default: {
+    utility: ValueSchema<UtilTokenSchema<"transparent" | "R50" | "R75" | "R100" | "R200" | "R300" | "R400" | "R500" | "Y50" | "Y75" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G50" | "G75" | "G100" | "G200" | "G300" | "G400" | "G500" | "B50" | "B75" | "B100" | "B200" | "B300" | "B400" | "B500" | "P50" | "P75" | "P100" | "P200" | "P300" | "P400" | "P500" | "T50" | "T75" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N10" | "N20" | "N30" | "N40" | "N50" | "N60" | "N70" | "N80" | "N90" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N10A" | "N20A" | "N30A" | "N40A" | "N50A" | "N60A" | "N70A" | "N80A" | "N90A" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "N600A" | "N700A" | "N800A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN90" | "DN80" | "DN70" | "DN60" | "DN50" | "DN40" | "DN30" | "DN20" | "DN10" | "DN0" | "DN800A" | "DN700A" | "DN600A" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "DN90A" | "DN80A" | "DN70A" | "DN60A" | "DN50A" | "DN40A" | "DN30A" | "DN20A" | "DN10A">>;
+};
+export default _default;

package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/accent.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { AccentColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<AccentColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/background.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { BackgroundColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<BackgroundColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/border.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { BorderColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<BorderColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/icon.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { IconColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<IconColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/interaction.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { InteractionColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<InteractionColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/skeleton.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { SkeletonColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<SkeletonColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/text.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { TextColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<TextColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types-ts4.0/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { DeprecatedTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<DeprecatedTokenSchema<BaseToken>>;
+export default color;