UNPKG

@atlaskit/primitives

Version:

Primitives are token-backed low-level building blocks.

671 lines 97.2 kB
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': "v