@atlassian/aui
Version:
Atlassian User Interface library
128 lines (123 loc) • 8.24 kB
text/less
// Generated by designTokensCompatibilityTools.
// This file contains definitions for the design tokens that have been renamed
// or removed in older versions of @atlaskit/tokens, for compatibility: when a
// plugin depends on an older version of @atlaskit/tokens, uses design token
// colors from there, and is included in a product that's on a newer version,
// we want for the color definitions to still be found.
html[data-color-mode='light'][data-theme~='light:light'],
html[data-color-mode='dark'][data-theme~='dark:light'],
html[data-color-mode='light'][data-theme~='light:dark'],
html[data-color-mode='dark'][data-theme~='dark:dark'] {
// last seen in 0.13.5
--ds-text-highEmphasis: var(--ds-text);
--ds-text-link-pressed: var(--ds-link-pressed);
--ds-text-link-resting: var(--ds-link);
--ds-text-lowEmphasis: var(--ds-text-subtlest);
--ds-text-mediumEmphasis: var(--ds-text-subtle);
--ds-text-onBold: var(--ds-text-inverse);
--ds-text-onBoldWarning: var(--ds-text-warning-inverse);
--ds-border-focus: var(--ds-border-focused);
--ds-border-neutral: var(--ds-border);
--ds-background-accent-red: var(--ds-background-accent-red-subtler);
--ds-background-accent-red-bold: var(--ds-background-accent-red-subtle);
--ds-background-accent-orange: var(--ds-background-accent-orange-subtler);
--ds-background-accent-orange-bold: var(--ds-background-accent-orange-subtle);
--ds-background-accent-yellow: var(--ds-background-accent-yellow-subtler);
--ds-background-accent-yellow-bold: var(--ds-background-accent-yellow-subtle);
--ds-background-accent-green: var(--ds-background-accent-green-subtler);
--ds-background-accent-green-bold: var(--ds-background-accent-green-subtle);
--ds-background-accent-teal: var(--ds-background-accent-teal-subtler);
--ds-background-accent-teal-bold: var(--ds-background-accent-teal-subtle);
--ds-background-accent-blue: var(--ds-background-accent-blue-subtler);
--ds-background-accent-blue-bold: var(--ds-background-accent-blue-subtle);
--ds-background-accent-purple: var(--ds-background-accent-purple-subtler);
--ds-background-accent-purple-bold: var(--ds-background-accent-purple-subtle);
--ds-background-accent-magenta: var(--ds-background-accent-magenta-subtler);
--ds-background-accent-magenta-bold: var(--ds-background-accent-magenta-subtle);
--ds-background-blanket: var(--ds-blanket);
--ds-background-boldBrand-hover: var(--ds-background-brand-bold-hovered);
--ds-background-boldBrand-pressed: var(--ds-background-brand-bold-pressed);
--ds-background-boldBrand-resting: var(--ds-background-brand-bold);
--ds-background-boldDanger-hover: var(--ds-background-danger-bold-hovered);
--ds-background-boldDanger-pressed: var(--ds-background-danger-bold-pressed);
--ds-background-boldDanger-resting: var(--ds-background-danger-bold);
--ds-background-boldDiscovery-hover: var(--ds-background-discovery-bold-hovered);
--ds-background-boldDiscovery-pressed: var(--ds-background-discovery-bold-pressed);
--ds-background-boldDiscovery-resting: var(--ds-background-discovery-bold);
--ds-background-boldNeutral-hover: var(--ds-background-neutral-bold-hovered);
--ds-background-boldNeutral-pressed: var(--ds-background-neutral-bold-pressed);
--ds-background-boldNeutral-resting: var(--ds-background-neutral-bold);
--ds-background-boldSuccess-hover: var(--ds-background-success-bold-hovered);
--ds-background-boldSuccess-pressed: var(--ds-background-success-bold-pressed);
--ds-background-boldSuccess-resting: var(--ds-background-success-bold);
--ds-background-boldWarning-hover: var(--ds-background-warning-bold-hovered);
--ds-background-boldWarning-pressed: var(--ds-background-warning-bold-pressed);
--ds-background-boldWarning-resting: var(--ds-background-warning-bold);
--ds-background-card: var(--ds-surface-raised);
--ds-background-default: var(--ds-surface);
--ds-background-inverse: var(--ds-background-inverse-subtle);
--ds-background-overlay: var(--ds-surface-overlay);
--ds-background-selected-hover: var(--ds-background-selected-hovered);
--ds-background-selected-resting: var(--ds-background-selected);
--ds-background-subtleBorderedNeutral-pressed: var(--ds-background-input-pressed);
--ds-background-subtleBorderedNeutral-resting: var(--ds-background-input);
--ds-background-subtleBrand-hover: var(--ds-background-selected-hovered);
--ds-background-subtleBrand-pressed: var(--ds-background-selected-pressed);
--ds-background-subtleBrand-resting: var(--ds-background-selected);
--ds-background-subtleDanger-hover: var(--ds-background-danger-hovered);
--ds-background-subtleDanger-pressed: var(--ds-background-danger-pressed);
--ds-background-subtleDanger-resting: var(--ds-background-danger);
--ds-background-subtleDiscovery-hover: var(--ds-background-discovery-hovered);
--ds-background-subtleDiscovery-pressed: var(--ds-background-discovery-pressed);
--ds-background-subtleDiscovery-resting: var(--ds-background-discovery);
--ds-background-subtleNeutral-hover: var(--ds-background-neutral-hovered);
--ds-background-subtleNeutral-pressed: var(--ds-background-neutral-pressed);
--ds-background-subtleNeutral-resting: var(--ds-background-neutral);
--ds-background-subtleSuccess-hover: var(--ds-background-success-hovered);
--ds-background-subtleSuccess-pressed: var(--ds-background-success-pressed);
--ds-background-subtleSuccess-resting: var(--ds-background-success);
--ds-background-subtleWarning-hover: var(--ds-background-warning-hovered);
--ds-background-subtleWarning-pressed: var(--ds-background-warning-pressed);
--ds-background-subtleWarning-resting: var(--ds-background-warning);
--ds-background-sunken: var(--ds-surface-sunken);
--ds-background-transparentNeutral-hover: var(--ds-background-neutral-subtle-hovered);
--ds-background-transparentNeutral-pressed: var(--ds-background-neutral-subtle-pressed);
--ds-background-brand: var(--ds-background-selected);
--ds-background-brand-hovered: var(--ds-background-selected-hovered);
--ds-background-brand-pressed: var(--ds-background-selected-pressed);
--ds-interaction-inverse-hovered: var(--ds-background-inverse-subtle-hovered);
--ds-interaction-inverse-pressed: var(--ds-background-inverse-subtle-pressed);
--ds-accent-boldBlue: var(--ds-background-accent-blue-bolder);
--ds-accent-boldGreen: var(--ds-background-accent-green-bolder);
--ds-accent-boldOrange: var(--ds-background-accent-orange-bolder);
--ds-accent-boldPurple: var(--ds-background-accent-purple-bolder);
--ds-accent-boldRed: var(--ds-background-accent-red-bolder);
--ds-accent-boldTeal: var(--ds-background-accent-teal-bolder);
--ds-accent-subtleBlue: var(--ds-background-accent-blue-subtler);
--ds-accent-subtleGreen: var(--ds-background-accent-green-subtler);
--ds-accent-subtleMagenta: var(--ds-background-accent-magenta-subtler);
--ds-accent-subtleOrange: var(--ds-background-accent-orange-subtler);
--ds-accent-subtlePurple: var(--ds-background-accent-purple-subtler);
--ds-accent-subtleRed: var(--ds-background-accent-red-subtler);
--ds-accent-subtleTeal: var(--ds-background-accent-teal-subtler);
--ds-iconBorder-brand: var(--ds-icon-brand);
--ds-iconBorder-danger: var(--ds-icon-danger);
--ds-iconBorder-warning: var(--ds-icon-warning);
--ds-iconBorder-success: var(--ds-icon-success);
--ds-iconBorder-discovery: var(--ds-icon-discovery);
--ds-overlay-hover: var(--ds-interaction-hovered);
--ds-overlay-pressed: var(--ds-interaction-pressed);
--ds-card: var(--ds-shadow-raised);
--ds-overlay: var(--ds-shadow-overlay);
--ds-UNSAFE_util-transparent: var(--ds-UNSAFE-transparent);
}
html[data-color-mode='light'][data-theme~='light:light'],
html[data-color-mode='dark'][data-theme~='dark:light'] {
// last seen in 0.13.5
--ds-UNSAFE_util-MISSING_TOKEN: #fa11f2;
}
html[data-color-mode='light'][data-theme~='light:dark'],
html[data-color-mode='dark'][data-theme~='dark:dark'] {
// last seen in 0.13.5
--ds-UNSAFE_util-MISSING_TOKEN: #fa11f2;
}