@atlaskit/theme
Version:
Theme contains solutions for global theming, colors, and other useful mixins.
80 lines (79 loc) • 2.9 kB
TypeScript
import type { Layers } from './types';
export declare const CHANNEL = "__ATLASKIT_THEME__";
export declare const DEFAULT_THEME_MODE = "light";
export declare const THEME_MODES: string[];
/**
* @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
* @deprecated Use `token('border.radius', '3px')` instead.
*/
export declare const borderRadius: () => number;
/**
* @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
* @deprecated Use `token('space.100', '8px')` instead with any of the space tokens.
* Available space tokens can be found on {@link https://atlassian.design/foundations/spacing/#scale}
*/
export declare const gridSize: () => number;
/**
* @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
* Please use `@atlaskit/focus-ring` instead.
*/
export declare const focusRing: (color?: string, outlineWidth?: number) => string;
/**
* @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
* Please use `@atlaskit/focus-ring` instead.
*/
export declare const noFocusRing: () => string;
export declare const layers: {
[P in keyof Layers]: () => Layers[P];
};
/**
* @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
* Please use `@atlaskit/visually-hidden`
*/
export declare const visuallyHidden: () => {
border: string;
clip: string;
height: string;
overflow: "hidden";
padding: string;
position: "absolute";
width: string;
whiteSpace: "nowrap";
};
/**
* @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
* Please use `@atlaskit/visually-hidden`
*/
export declare const assistive: () => {
border: string;
clip: string;
height: string;
overflow: "hidden";
padding: string;
position: "absolute";
width: string;
whiteSpace: "nowrap";
};
/**
* These styles are mirrored in:
* packages/design-system/menu/src/internal/components/skeleton-shimmer.tsx
*
* Please update both.
*/
export declare const skeletonShimmer: () => {
readonly css: {
readonly backgroundColor: "var(--ds-skeleton)";
readonly animationDuration: "1.5s";
readonly animationIterationCount: "infinite";
readonly animationTimingFunction: "linear";
readonly animationDirection: "alternate";
};
readonly keyframes: {
readonly from: {
readonly backgroundColor: "var(--ds-skeleton)";
};
readonly to: {
readonly backgroundColor: "var(--ds-skeleton-subtle)";
};
};
};