@atlaskit/primitives
Version:
Primitives are token-backed low-level building blocks.
1,711 lines • 97.7 kB
TypeScript
import type { CSSPropertiesWithMultiValues, SerializedStyles } from '@emotion/serialize';
import type * as CSS from 'csstype';
import type { StrictXCSSProp, XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
import type { MediaQuery } from '../responsive/types';
import { type TokenisedProps } from './style-maps.partial';
export declare const tokensMap: {
readonly backgroundColor: {
readonly 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest)";
readonly 'color.background.accent.lime.subtlest.hovered': "var(--ds-background-accent-lime-subtlest-hovered)";
readonly 'color.background.accent.lime.subtlest.pressed': "var(--ds-background-accent-lime-subtlest-pressed)";
readonly 'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler)";
readonly 'color.background.accent.lime.subtler.hovered': "var(--ds-background-accent-lime-subtler-hovered)";
readonly 'color.background.accent.lime.subtler.pressed': "var(--ds-background-accent-lime-subtler-pressed)";
readonly 'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle)";
readonly 'color.background.accent.lime.subtle.hovered': "var(--ds-background-accent-lime-subtle-hovered)";
readonly 'color.background.accent.lime.subtle.pressed': "var(--ds-background-accent-lime-subtle-pressed)";
readonly 'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder)";
readonly 'color.background.accent.lime.bolder.hovered': "var(--ds-background-accent-lime-bolder-hovered)";
readonly 'color.background.accent.lime.bolder.pressed': "var(--ds-background-accent-lime-bolder-pressed)";
readonly 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)";
readonly 'color.background.accent.red.subtlest.hovered': "var(--ds-background-accent-red-subtlest-hovered)";
readonly 'color.background.accent.red.subtlest.pressed': "var(--ds-background-accent-red-subtlest-pressed)";
readonly 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)";
readonly 'color.background.accent.red.subtler.hovered': "var(--ds-background-accent-red-subtler-hovered)";
readonly 'color.background.accent.red.subtler.pressed': "var(--ds-background-accent-red-subtler-pressed)";
readonly 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)";
readonly 'color.background.accent.red.subtle.hovered': "var(--ds-background-accent-red-subtle-hovered)";
readonly 'color.background.accent.red.subtle.pressed': "var(--ds-background-accent-red-subtle-pressed)";
readonly 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder)";
readonly 'color.background.accent.red.bolder.hovered': "var(--ds-background-accent-red-bolder-hovered)";
readonly 'color.background.accent.red.bolder.pressed': "var(--ds-background-accent-red-bolder-pressed)";
readonly 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)";
readonly 'color.background.accent.orange.subtlest.hovered': "var(--ds-background-accent-orange-subtlest-hovered)";
readonly 'color.background.accent.orange.subtlest.pressed': "var(--ds-background-accent-orange-subtlest-pressed)";
readonly 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler)";
readonly 'color.background.accent.orange.subtler.hovered': "var(--ds-background-accent-orange-subtler-hovered)";
readonly 'color.background.accent.orange.subtler.pressed': "var(--ds-background-accent-orange-subtler-pressed)";
readonly 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle)";
readonly 'color.background.accent.orange.subtle.hovered': "var(--ds-background-accent-orange-subtle-hovered)";
readonly 'color.background.accent.orange.subtle.pressed': "var(--ds-background-accent-orange-subtle-pressed)";
readonly 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder)";
readonly 'color.background.accent.orange.bolder.hovered': "var(--ds-background-accent-orange-bolder-hovered)";
readonly 'color.background.accent.orange.bolder.pressed': "var(--ds-background-accent-orange-bolder-pressed)";
readonly 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)";
readonly 'color.background.accent.yellow.subtlest.hovered': "var(--ds-background-accent-yellow-subtlest-hovered)";
readonly 'color.background.accent.yellow.subtlest.pressed': "var(--ds-background-accent-yellow-subtlest-pressed)";
readonly 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)";
readonly 'color.background.accent.yellow.subtler.hovered': "var(--ds-background-accent-yellow-subtler-hovered)";
readonly 'color.background.accent.yellow.subtler.pressed': "var(--ds-background-accent-yellow-subtler-pressed)";
readonly 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)";
readonly 'color.background.accent.yellow.subtle.hovered': "var(--ds-background-accent-yellow-subtle-hovered)";
readonly 'color.background.accent.yellow.subtle.pressed': "var(--ds-background-accent-yellow-subtle-pressed)";
readonly 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)";
readonly 'color.background.accent.yellow.bolder.hovered': "var(--ds-background-accent-yellow-bolder-hovered)";
readonly 'color.background.accent.yellow.bolder.pressed': "var(--ds-background-accent-yellow-bolder-pressed)";
readonly 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest)";
readonly 'color.background.accent.green.subtlest.hovered': "var(--ds-background-accent-green-subtlest-hovered)";
readonly 'color.background.accent.green.subtlest.pressed': "var(--ds-background-accent-green-subtlest-pressed)";
readonly 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler)";
readonly 'color.background.accent.green.subtler.hovered': "var(--ds-background-accent-green-subtler-hovered)";
readonly 'color.background.accent.green.subtler.pressed': "var(--ds-background-accent-green-subtler-pressed)";
readonly 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle)";
readonly 'color.background.accent.green.subtle.hovered': "var(--ds-background-accent-green-subtle-hovered)";
readonly 'color.background.accent.green.subtle.pressed': "var(--ds-background-accent-green-subtle-pressed)";
readonly 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder)";
readonly 'color.background.accent.green.bolder.hovered': "var(--ds-background-accent-green-bolder-hovered)";
readonly 'color.background.accent.green.bolder.pressed': "var(--ds-background-accent-green-bolder-pressed)";
readonly 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)";
readonly 'color.background.accent.teal.subtlest.hovered': "var(--ds-background-accent-teal-subtlest-hovered)";
readonly 'color.background.accent.teal.subtlest.pressed': "var(--ds-background-accent-teal-subtlest-pressed)";
readonly 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler)";
readonly 'color.background.accent.teal.subtler.hovered': "var(--ds-background-accent-teal-subtler-hovered)";
readonly 'color.background.accent.teal.subtler.pressed': "var(--ds-background-accent-teal-subtler-pressed)";
readonly 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle)";
readonly 'color.background.accent.teal.subtle.hovered': "var(--ds-background-accent-teal-subtle-hovered)";
readonly 'color.background.accent.teal.subtle.pressed': "var(--ds-background-accent-teal-subtle-pressed)";
readonly 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder)";
readonly 'color.background.accent.teal.bolder.hovered': "var(--ds-background-accent-teal-bolder-hovered)";
readonly 'color.background.accent.teal.bolder.pressed': "var(--ds-background-accent-teal-bolder-pressed)";
readonly 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)";
readonly 'color.background.accent.blue.subtlest.hovered': "var(--ds-background-accent-blue-subtlest-hovered)";
readonly 'color.background.accent.blue.subtlest.pressed': "var(--ds-background-accent-blue-subtlest-pressed)";
readonly 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler)";
readonly 'color.background.accent.blue.subtler.hovered': "var(--ds-background-accent-blue-subtler-hovered)";
readonly 'color.background.accent.blue.subtler.pressed': "var(--ds-background-accent-blue-subtler-pressed)";
readonly 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle)";
readonly 'color.background.accent.blue.subtle.hovered': "var(--ds-background-accent-blue-subtle-hovered)";
readonly 'color.background.accent.blue.subtle.pressed': "var(--ds-background-accent-blue-subtle-pressed)";
readonly 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder)";
readonly 'color.background.accent.blue.bolder.hovered': "var(--ds-background-accent-blue-bolder-hovered)";
readonly 'color.background.accent.blue.bolder.pressed': "var(--ds-background-accent-blue-bolder-pressed)";
readonly 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)";
readonly 'color.background.accent.purple.subtlest.hovered': "var(--ds-background-accent-purple-subtlest-hovered)";
readonly 'color.background.accent.purple.subtlest.pressed': "var(--ds-background-accent-purple-subtlest-pressed)";
readonly 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler)";
readonly 'color.background.accent.purple.subtler.hovered': "var(--ds-background-accent-purple-subtler-hovered)";
readonly 'color.background.accent.purple.subtler.pressed': "var(--ds-background-accent-purple-subtler-pressed)";
readonly 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle)";
readonly 'color.background.accent.purple.subtle.hovered': "var(--ds-background-accent-purple-subtle-hovered)";
readonly 'color.background.accent.purple.subtle.pressed': "var(--ds-background-accent-purple-subtle-pressed)";
readonly 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder)";
readonly 'color.background.accent.purple.bolder.hovered': "var(--ds-background-accent-purple-bolder-hovered)";
readonly 'color.background.accent.purple.bolder.pressed': "var(--ds-background-accent-purple-bolder-pressed)";
readonly 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)";
readonly 'color.background.accent.magenta.subtlest.hovered': "var(--ds-background-accent-magenta-subtlest-hovered)";
readonly 'color.background.accent.magenta.subtlest.pressed': "var(--ds-background-accent-magenta-subtlest-pressed)";
readonly 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)";
readonly 'color.background.accent.magenta.subtler.hovered': "var(--ds-background-accent-magenta-subtler-hovered)";
readonly 'color.background.accent.magenta.subtler.pressed': "var(--ds-background-accent-magenta-subtler-pressed)";
readonly 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)";
readonly 'color.background.accent.magenta.subtle.hovered': "var(--ds-background-accent-magenta-subtle-hovered)";
readonly 'color.background.accent.magenta.subtle.pressed': "var(--ds-background-accent-magenta-subtle-pressed)";
readonly 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)";
readonly 'color.background.accent.magenta.bolder.hovered': "var(--ds-background-accent-magenta-bolder-hovered)";
readonly 'color.background.accent.magenta.bolder.pressed': "var(--ds-background-accent-magenta-bolder-pressed)";
readonly 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)";
readonly 'color.background.accent.gray.subtlest.hovered': "var(--ds-background-accent-gray-subtlest-hovered)";
readonly 'color.background.accent.gray.subtlest.pressed': "var(--ds-background-accent-gray-subtlest-pressed)";
readonly 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler)";
readonly 'color.background.accent.gray.subtler.hovered': "var(--ds-background-accent-gray-subtler-hovered)";
readonly 'color.background.accent.gray.subtler.pressed': "var(--ds-background-accent-gray-subtler-pressed)";
readonly 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle)";
readonly 'color.background.accent.gray.subtle.hovered': "var(--ds-background-accent-gray-subtle-hovered)";
readonly 'color.background.accent.gray.subtle.pressed': "var(--ds-background-accent-gray-subtle-pressed)";
readonly 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder)";
readonly 'color.background.accent.gray.bolder.hovered': "var(--ds-background-accent-gray-bolder-hovered)";
readonly 'color.background.accent.gray.bolder.pressed': "var(--ds-background-accent-gray-bolder-pressed)";
readonly 'color.background.disabled': "var(--ds-background-disabled)";
readonly 'color.background.input': "var(--ds-background-input)";
readonly 'color.background.input.hovered': "var(--ds-background-input-hovered)";
readonly 'color.background.input.pressed': "var(--ds-background-input-pressed)";
readonly 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle)";
readonly 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)";
readonly 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)";
readonly 'color.background.neutral': "var(--ds-background-neutral)";
readonly 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered)";
readonly 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed)";
readonly 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle)";
readonly 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)";
readonly 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)";
readonly 'color.background.neutral.bold': "var(--ds-background-neutral-bold)";
readonly 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)";
readonly 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)";
readonly 'color.background.selected': "var(--ds-background-selected)";
readonly 'color.background.selected.hovered': "var(--ds-background-selected-hovered)";
readonly 'color.background.selected.pressed': "var(--ds-background-selected-pressed)";
readonly 'color.background.selected.bold': "var(--ds-background-selected-bold)";
readonly 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered)";
readonly 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed)";
readonly 'color.background.brand.subtlest': "var(--ds-background-brand-subtlest)";
readonly 'color.background.brand.subtlest.hovered': "var(--ds-background-brand-subtlest-hovered)";
readonly 'color.background.brand.subtlest.pressed': "var(--ds-background-brand-subtlest-pressed)";
readonly 'color.background.brand.bold': "var(--ds-background-brand-bold)";
readonly 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered)";
readonly 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed)";
readonly 'color.background.brand.boldest': "var(--ds-background-brand-boldest)";
readonly 'color.background.brand.boldest.hovered': "var(--ds-background-brand-boldest-hovered)";
readonly 'color.background.brand.boldest.pressed': "var(--ds-background-brand-boldest-pressed)";
readonly 'color.background.danger': "var(--ds-background-danger)";
readonly 'color.background.danger.hovered': "var(--ds-background-danger-hovered)";
readonly 'color.background.danger.pressed': "var(--ds-background-danger-pressed)";
readonly 'color.background.danger.bold': "var(--ds-background-danger-bold)";
readonly 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered)";
readonly 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed)";
readonly 'color.background.warning': "var(--ds-background-warning)";
readonly 'color.background.warning.hovered': "var(--ds-background-warning-hovered)";
readonly 'color.background.warning.pressed': "var(--ds-background-warning-pressed)";
readonly 'color.background.warning.bold': "var(--ds-background-warning-bold)";
readonly 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered)";
readonly 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed)";
readonly 'color.background.success': "var(--ds-background-success)";
readonly 'color.background.success.hovered': "var(--ds-background-success-hovered)";
readonly 'color.background.success.pressed': "var(--ds-background-success-pressed)";
readonly 'color.background.success.bold': "var(--ds-background-success-bold)";
readonly 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered)";
readonly 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed)";
readonly 'color.background.discovery': "var(--ds-background-discovery)";
readonly 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered)";
readonly 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed)";
readonly 'color.background.discovery.bold': "var(--ds-background-discovery-bold)";
readonly 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)";
readonly 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)";
readonly 'color.background.information': "var(--ds-background-information)";
readonly 'color.background.information.hovered': "var(--ds-background-information-hovered)";
readonly 'color.background.information.pressed': "var(--ds-background-information-pressed)";
readonly 'color.background.information.bold': "var(--ds-background-information-bold)";
readonly 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered)";
readonly 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed)";
readonly 'color.blanket': "var(--ds-blanket)";
readonly 'color.blanket.selected': "var(--ds-blanket-selected)";
readonly 'color.blanket.danger': "var(--ds-blanket-danger)";
readonly 'color.skeleton': "var(--ds-skeleton)";
readonly 'color.skeleton.subtle': "var(--ds-skeleton-subtle)";
readonly 'elevation.surface': "var(--ds-surface)";
readonly 'elevation.surface.hovered': "var(--ds-surface-hovered)";
readonly 'elevation.surface.pressed': "var(--ds-surface-pressed)";
readonly 'elevation.surface.overlay': "var(--ds-surface-overlay)";
readonly 'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered)";
readonly 'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed)";
readonly 'elevation.surface.raised': "var(--ds-surface-raised)";
readonly 'elevation.surface.raised.hovered': "var(--ds-surface-raised-hovered)";
readonly 'elevation.surface.raised.pressed': "var(--ds-surface-raised-pressed)";
readonly 'elevation.surface.sunken': "var(--ds-surface-sunken)";
readonly 'utility.elevation.surface.current': "var(--ds-elevation-surface-current)";
};
readonly blockSize: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly borderBlockColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderBlockEndColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderBlockEndWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly borderBlockStartColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderBlockStartWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly borderBlockWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly borderBottomColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderBottomLeftRadius: {
readonly 'border.radius.050': "var(--ds-border-radius-050)";
readonly 'border.radius': "var(--ds-border-radius)";
readonly 'border.radius.100': "var(--ds-border-radius-100)";
readonly 'border.radius.200': "var(--ds-border-radius-200)";
readonly 'border.radius.300': "var(--ds-border-radius-300)";
readonly 'border.radius.400': "var(--ds-border-radius-400)";
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
};
readonly borderBottomRightRadius: {
readonly 'border.radius.050': "var(--ds-border-radius-050)";
readonly 'border.radius': "var(--ds-border-radius)";
readonly 'border.radius.100': "var(--ds-border-radius-100)";
readonly 'border.radius.200': "var(--ds-border-radius-200)";
readonly 'border.radius.300': "var(--ds-border-radius-300)";
readonly 'border.radius.400': "var(--ds-border-radius-400)";
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
};
readonly borderBottomWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly borderColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderEndEndRadius: {
readonly 'border.radius.050': "var(--ds-border-radius-050)";
readonly 'border.radius': "var(--ds-border-radius)";
readonly 'border.radius.100': "var(--ds-border-radius-100)";
readonly 'border.radius.200': "var(--ds-border-radius-200)";
readonly 'border.radius.300': "var(--ds-border-radius-300)";
readonly 'border.radius.400': "var(--ds-border-radius-400)";
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
};
readonly borderEndStartRadius: {
readonly 'border.radius.050': "var(--ds-border-radius-050)";
readonly 'border.radius': "var(--ds-border-radius)";
readonly 'border.radius.100': "var(--ds-border-radius-100)";
readonly 'border.radius.200': "var(--ds-border-radius-200)";
readonly 'border.radius.300': "var(--ds-border-radius-300)";
readonly 'border.radius.400': "var(--ds-border-radius-400)";
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
};
readonly borderInlineColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderInlineEndColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderInlineEndWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly borderInlineStartColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderInlineStartWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly borderInlineWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly borderLeftColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderLeftWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly borderRadius: {
readonly 'border.radius.050': "var(--ds-border-radius-050)";
readonly 'border.radius': "var(--ds-border-radius)";
readonly 'border.radius.100': "var(--ds-border-radius-100)";
readonly 'border.radius.200': "var(--ds-border-radius-200)";
readonly 'border.radius.300': "var(--ds-border-radius-300)";
readonly 'border.radius.400': "var(--ds-border-radius-400)";
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
};
readonly borderRightColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderRightWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly borderStartEndRadius: {
readonly 'border.radius.050': "var(--ds-border-radius-050)";
readonly 'border.radius': "var(--ds-border-radius)";
readonly 'border.radius.100': "var(--ds-border-radius-100)";
readonly 'border.radius.200': "var(--ds-border-radius-200)";
readonly 'border.radius.300': "var(--ds-border-radius-300)";
readonly 'border.radius.400': "var(--ds-border-radius-400)";
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
};
readonly borderStartStartRadius: {
readonly 'border.radius.050': "var(--ds-border-radius-050)";
readonly 'border.radius': "var(--ds-border-radius)";
readonly 'border.radius.100': "var(--ds-border-radius-100)";
readonly 'border.radius.200': "var(--ds-border-radius-200)";
readonly 'border.radius.300': "var(--ds-border-radius-300)";
readonly 'border.radius.400': "var(--ds-border-radius-400)";
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
};
readonly borderTopColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly borderTopLeftRadius: {
readonly 'border.radius.050': "var(--ds-border-radius-050)";
readonly 'border.radius': "var(--ds-border-radius)";
readonly 'border.radius.100': "var(--ds-border-radius-100)";
readonly 'border.radius.200': "var(--ds-border-radius-200)";
readonly 'border.radius.300': "var(--ds-border-radius-300)";
readonly 'border.radius.400': "var(--ds-border-radius-400)";
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
};
readonly borderTopRightRadius: {
readonly 'border.radius.050': "var(--ds-border-radius-050)";
readonly 'border.radius': "var(--ds-border-radius)";
readonly 'border.radius.100': "var(--ds-border-radius-100)";
readonly 'border.radius.200': "var(--ds-border-radius-200)";
readonly 'border.radius.300': "var(--ds-border-radius-300)";
readonly 'border.radius.400': "var(--ds-border-radius-400)";
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
};
readonly borderTopWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly borderWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly bottom: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly boxShadow: {
readonly 'elevation.shadow.overflow': "var(--ds-shadow-overflow)";
readonly 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter)";
readonly 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread)";
readonly 'elevation.shadow.overlay': "var(--ds-shadow-overlay)";
readonly 'elevation.shadow.raised': "var(--ds-shadow-raised)";
};
readonly color: {
readonly 'color.text': "var(--ds-text)";
readonly 'color.text.accent.lime': "var(--ds-text-accent-lime)";
readonly 'color.text.accent.lime.bolder': "var(--ds-text-accent-lime-bolder)";
readonly 'color.text.accent.red': "var(--ds-text-accent-red)";
readonly 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder)";
readonly 'color.text.accent.orange': "var(--ds-text-accent-orange)";
readonly 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder)";
readonly 'color.text.accent.yellow': "var(--ds-text-accent-yellow)";
readonly 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)";
readonly 'color.text.accent.green': "var(--ds-text-accent-green)";
readonly 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder)";
readonly 'color.text.accent.teal': "var(--ds-text-accent-teal)";
readonly 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder)";
readonly 'color.text.accent.blue': "var(--ds-text-accent-blue)";
readonly 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder)";
readonly 'color.text.accent.purple': "var(--ds-text-accent-purple)";
readonly 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder)";
readonly 'color.text.accent.magenta': "var(--ds-text-accent-magenta)";
readonly 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)";
readonly 'color.text.accent.gray': "var(--ds-text-accent-gray)";
readonly 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder)";
readonly 'color.text.disabled': "var(--ds-text-disabled)";
readonly 'color.text.inverse': "var(--ds-text-inverse)";
readonly 'color.text.selected': "var(--ds-text-selected)";
readonly 'color.text.brand': "var(--ds-text-brand)";
readonly 'color.text.danger': "var(--ds-text-danger)";
readonly 'color.text.warning': "var(--ds-text-warning)";
readonly 'color.text.warning.inverse': "var(--ds-text-warning-inverse)";
readonly 'color.text.success': "var(--ds-text-success)";
readonly 'color.text.discovery': "var(--ds-text-discovery)";
readonly 'color.text.information': "var(--ds-text-information)";
readonly 'color.text.subtlest': "var(--ds-text-subtlest)";
readonly 'color.text.subtle': "var(--ds-text-subtle)";
readonly 'color.link': "var(--ds-link)";
readonly 'color.link.pressed': "var(--ds-link-pressed)";
readonly 'color.link.visited': "var(--ds-link-visited)";
readonly 'color.link.visited.pressed': "var(--ds-link-visited-pressed)";
};
readonly columnGap: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly font: {
'font.body': "var(--ds-font-body)";
'font.body.UNSAFE_small': "var(--ds-font-body-UNSAFE_small)";
'font.body.large': "var(--ds-font-body-large)";
'font.body.small': "var(--ds-font-body-small)";
'font.code': "var(--ds-font-code)";
'font.heading.large': "var(--ds-font-heading-large)";
'font.heading.medium': "var(--ds-font-heading-medium)";
'font.heading.small': "var(--ds-font-heading-small)";
'font.heading.xlarge': "var(--ds-font-heading-xlarge)";
'font.heading.xsmall': "var(--ds-font-heading-xsmall)";
'font.heading.xxlarge': "var(--ds-font-heading-xxlarge)";
'font.heading.xxsmall': "var(--ds-font-heading-xxsmall)";
};
readonly fontFamily: {
'font.family.body': "var(--ds-font-family-body)";
'font.family.brand.body': "var(--ds-font-family-brand-body)";
'font.family.brand.heading': "var(--ds-font-family-brand-heading)";
'font.family.code': "var(--ds-font-family-code)";
'font.family.heading': "var(--ds-font-family-heading)";
};
readonly fontWeight: {
'font.weight.bold': "var(--ds-font-weight-bold)";
'font.weight.medium': "var(--ds-font-weight-medium)";
'font.weight.regular': "var(--ds-font-weight-regular)";
'font.weight.semibold': "var(--ds-font-weight-semibold)";
};
readonly gap: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly height: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly inlineSize: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly inset: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly insetBlock: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly insetBlockEnd: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly insetBlockStart: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly insetInline: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly insetInlineEnd: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly insetInlineStart: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly left: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly margin: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly marginBlock: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly marginBlockEnd: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly marginBlockStart: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly marginBottom: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly marginInline: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly marginInlineEnd: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly marginInlineStart: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly marginLeft: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly marginRight: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly marginTop: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly maxBlockSize: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly maxHeight: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly maxInlineSize: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly maxWidth: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly minBlockSize: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly minHeight: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly minInlineSize: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly minWidth: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly opacity: {
readonly 'opacity.disabled': "var(--ds-opacity-disabled)";
readonly 'opacity.loading': "var(--ds-opacity-loading)";
};
readonly outlineColor: {
readonly 'color.border': "var(--ds-border)";
readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
readonly 'color.border.disabled': "var(--ds-border-disabled)";
readonly 'color.border.focused': "var(--ds-border-focused)";
readonly 'color.border.input': "var(--ds-border-input)";
readonly 'color.border.inverse': "var(--ds-border-inverse)";
readonly 'color.border.selected': "var(--ds-border-selected)";
readonly 'color.border.brand': "var(--ds-border-brand)";
readonly 'color.border.danger': "var(--ds-border-danger)";
readonly 'color.border.warning': "var(--ds-border-warning)";
readonly 'color.border.success': "var(--ds-border-success)";
readonly 'color.border.discovery': "var(--ds-border-discovery)";
readonly 'color.border.information': "var(--ds-border-information)";
readonly 'color.border.bold': "var(--ds-border-bold)";
};
readonly outlineOffset: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly outlineWidth: {
readonly 'border.width': "var(--ds-border-width)";
readonly 'border.width.0': "var(--ds-border-width-0)";
readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
readonly 'border.width.outline': "var(--ds-border-width-outline)";
};
readonly padding: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly paddingBlock: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly paddingBlockEnd: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly paddingBlockStart: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly paddingBottom: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly paddingInline: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly paddingInlineEnd: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly paddingInlineStart: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly paddingLeft: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly paddingRight: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly paddingTop: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly right: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly rowGap: {
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly top: {
'space.negative.025': "var(--ds-space-negative-025)";
'space.negative.050': "var(--ds-space-negative-050)";
'space.negative.075': "var(--ds-space-negative-075)";
'space.negative.100': "var(--ds-space-negative-100)";
'space.negative.150': "var(--ds-space-negative-150)";
'space.negative.200': "var(--ds-space-negative-200)";
'space.negative.250': "var(--ds-space-negative-250)";
'space.negative.300': "var(--ds-space-negative-300)";
'space.negative.400': "var(--ds-space-negative-400)";
'space.0': "var(--ds-space-0)";
'space.025': "var(--ds-space-025)";
'space.050': "var(--ds-space-050)";
'space.075': "var(--ds-space-075)";
'space.100': "var(--ds-space-100)";
'space.150': "var(--ds-space-150)";
'space.200': "var(--ds-space-200)";
'space.250': "var(--ds-space-250)";
'space.300': "var(--ds-space-300)";
'space.400': "var(--ds-space-400)";
'space.500': "var(--ds-space-500)";
'space.600': "var(--ds-space-600)";
'space.800': "var(--ds-space-800)";
'space.1000': "var(--ds-space-1000)";
};
readonly width: {
readonly '100%': "100%";
readonly 'size.100': "1rem";
readonly 'size.200': "1.5rem";
readonly 'size.300': "2rem";
readonly 'size.400': "2.5rem";
readonly 'size.500': "3rem";
readonly 'size.600': "6rem";
readonly 'size.1000': "12rem";
};
readonly zIndex: {
readonly '1': 1;
readonly card: 100;
readonly navigation: 200;
readonly dialog: 300;
readonly layer: 400;
readonly blanket: 500;
readonly modal: 510;
readonly flag: 600;
readonly spotlight: 700;
readonly tooltip: 800;
};
};
declare const uniqueSymbol: unique symbol;
/**
* Picks out runtime XCSS objects and build-time XCSS strings. This is needed
* to supported both Emotion and Compiled styles until we've fully migrated
* to Compiled.
*
* @private
* @deprecated
*/
export declare const parseXcss: (args: XCSS | (XCSS | false | undefined)[] | undefined | StrictXCSSProp<XCSSAllProperties, XCSSAllPseudos>) => {
emotion?: SerializedStyles[];
static?: string;
};
type AllMedia = MediaQuery | '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)' | '@media (prefers-color-scheme: dark)' | '@media (prefers-color-scheme: light)' | '@media (prefers-reduced-motion: reduce)';
type CSSMediaQueries = {
[MQ in AllMedia]?: Omit<SafeCSSObject, AllMedia>;
};
type ChainedCSSPseudos = ':visited:active' | ':visited:hover' | ':active:visited' | ':hover::before' | ':hover::after' | ':focus-visible::before' | ':focus-visible::after' | ':focus:not(:focus-visible)';
type CSSPseudos = {
[Pseudo in CSS.Pseudos | ChainedCSSPseudos]?: Omit<SafeCSSObject, CSS.Pseudos | AllMedia>;
};
type AtRulesWithoutMedia = Exclude<CSS.AtRules, '@media'>;
type CSSAtRules = {
[AtRule in AtRulesWithoutMedia as `${AtRule}${string}`]?: Omit<SafeCSSObject, AtRulesWithoutMedia>;
};
type SafeCSSObject = CSSPseudos & CSSAtRules & TokenisedProps & CSSMediaQueries & Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
export type XCSS = ReturnType<typeof xcss>;
/**
* ### xcss
*
* `xcss` is a safer, tokens-first approach to CSS-in-JS. It allows token-backed values for
* CSS application.
*
* ```tsx
* const styles = xcss({
* padding: 'space.100'
* })
* ```
*/
export declare function xcss(style: SafeCSSObject): {
readonly [uniqueSymbol]: SerializedStyles;
};
export {};