UNPKG

@atlaskit/primitives

Version:

Primitives are token-backed low-level building blocks.

763 lines (762 loc) 46.4 kB
import { type SerializedStyles } from '@emotion/react'; import { CURRENT_SURFACE_CSS_VAR, token } from '@atlaskit/tokens'; import type { CSSTokenMap } from '@atlaskit/tokens/token-names'; /** * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::df710bcd99c0a8704ca36bddb12c2154>> * @codegenId dimensions * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles * @codegenParams ["dimensions"] * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>> */ export declare const dimensionMap: { 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"; }; export type Dimension = keyof typeof dimensionMap; /** * @codegenEnd */ /** * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::c9b68acdd57654884efd2f5087890624>> * @codegenId spacing * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::535518e7add48ef24f526d0904f70060>> */ export declare const positiveSpaceMap: { '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)'; }; export type Space = keyof typeof positiveSpaceMap; export declare const negativeSpaceMap: { '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)'; }; export type NegativeSpace = keyof typeof negativeSpaceMap; export declare const allSpaceMap: { '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)'; '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)'; }; export type AllSpace = keyof typeof allSpaceMap; /** * @codegenEnd */ /** * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::cefa2c59e15e6a3749ef38fa86c6adea>> * @codegenId inverse-colors * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>> */ export declare const inverseColorMap: { 'color.background.neutral.bold': 'color.text.inverse'; 'color.background.neutral.bold.hovered': 'color.text.inverse'; 'color.background.neutral.bold.pressed': 'color.text.inverse'; 'color.background.selected.bold': 'color.text.inverse'; 'color.background.selected.bold.hovered': 'color.text.inverse'; 'color.background.selected.bold.pressed': 'color.text.inverse'; 'color.background.brand.bold': 'color.text.inverse'; 'color.background.brand.bold.hovered': 'color.text.inverse'; 'color.background.brand.bold.pressed': 'color.text.inverse'; 'color.background.brand.boldest': 'color.text.inverse'; 'color.background.brand.boldest.hovered': 'color.text.inverse'; 'color.background.brand.boldest.pressed': 'color.text.inverse'; 'color.background.danger.bold': 'color.text.inverse'; 'color.background.danger.bold.hovered': 'color.text.inverse'; 'color.background.danger.bold.pressed': 'color.text.inverse'; 'color.background.warning.bold': 'color.text.warning.inverse'; 'color.background.warning.bold.hovered': 'color.text.warning.inverse'; 'color.background.warning.bold.pressed': 'color.text.warning.inverse'; 'color.background.success.bold': 'color.text.inverse'; 'color.background.success.bold.hovered': 'color.text.inverse'; 'color.background.success.bold.pressed': 'color.text.inverse'; 'color.background.discovery.bold': 'color.text.inverse'; 'color.background.discovery.bold.hovered': 'color.text.inverse'; 'color.background.discovery.bold.pressed': 'color.text.inverse'; 'color.background.information.bold': 'color.text.inverse'; 'color.background.information.bold.hovered': 'color.text.inverse'; 'color.background.information.bold.pressed': 'color.text.inverse'; }; /** * @codegenEnd */ /** * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::c673d53a0a31524e65f1c7051579eae5>> * @codegenId elevation * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles * @codegenParams ["opacity", "shadow", "surface"] * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>> */ export declare const opacityMap: { 'opacity.disabled': 'var(--ds-opacity-disabled)'; 'opacity.loading': 'var(--ds-opacity-loading)'; }; export type Opacity = keyof typeof opacityMap; export declare const shadowMap: { 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)'; 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)'; 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)'; 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)'; 'elevation.shadow.raised': 'var(--ds-shadow-raised)'; }; export type Shadow = keyof typeof shadowMap; export declare const surfaceColorMap: { 'elevation.surface': 'var(--ds-surface)'; 'elevation.surface.hovered': 'var(--ds-surface-hovered)'; 'elevation.surface.pressed': 'var(--ds-surface-pressed)'; 'elevation.surface.overlay': 'var(--ds-surface-overlay)'; 'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)'; 'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)'; 'elevation.surface.raised': 'var(--ds-surface-raised)'; 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)'; 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)'; 'elevation.surface.sunken': 'var(--ds-surface-sunken)'; }; export type SurfaceColor = keyof typeof surfaceColorMap; /** * @codegenEnd */ /** * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::fa88ed1ec5a817750b0348ca36dbb5f1>> * @codegenId colors * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles * @codegenParams ["border", "background", "text", "fill"] * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>> */ export declare const borderColorMap: { 'color.border': 'var(--ds-border)'; 'color.border.accent.lime': 'var(--ds-border-accent-lime)'; 'color.border.accent.red': 'var(--ds-border-accent-red)'; 'color.border.accent.orange': 'var(--ds-border-accent-orange)'; 'color.border.accent.yellow': 'var(--ds-border-accent-yellow)'; 'color.border.accent.green': 'var(--ds-border-accent-green)'; 'color.border.accent.teal': 'var(--ds-border-accent-teal)'; 'color.border.accent.blue': 'var(--ds-border-accent-blue)'; 'color.border.accent.purple': 'var(--ds-border-accent-purple)'; 'color.border.accent.magenta': 'var(--ds-border-accent-magenta)'; 'color.border.accent.gray': 'var(--ds-border-accent-gray)'; 'color.border.disabled': 'var(--ds-border-disabled)'; 'color.border.focused': 'var(--ds-border-focused)'; 'color.border.input': 'var(--ds-border-input)'; 'color.border.inverse': 'var(--ds-border-inverse)'; 'color.border.selected': 'var(--ds-border-selected)'; 'color.border.brand': 'var(--ds-border-brand)'; 'color.border.danger': 'var(--ds-border-danger)'; 'color.border.warning': 'var(--ds-border-warning)'; 'color.border.success': 'var(--ds-border-success)'; 'color.border.discovery': 'var(--ds-border-discovery)'; 'color.border.information': 'var(--ds-border-information)'; 'color.border.bold': 'var(--ds-border-bold)'; }; export type BorderColor = keyof typeof borderColorMap; export declare const backgroundColorMap: { 'color.background.accent.lime.subtlest': 'var(--ds-background-accent-lime-subtlest)'; 'color.background.accent.lime.subtlest.hovered': 'var(--ds-background-accent-lime-subtlest-hovered)'; 'color.background.accent.lime.subtlest.pressed': 'var(--ds-background-accent-lime-subtlest-pressed)'; 'color.background.accent.lime.subtler': 'var(--ds-background-accent-lime-subtler)'; 'color.background.accent.lime.subtler.hovered': 'var(--ds-background-accent-lime-subtler-hovered)'; 'color.background.accent.lime.subtler.pressed': 'var(--ds-background-accent-lime-subtler-pressed)'; 'color.background.accent.lime.subtle': 'var(--ds-background-accent-lime-subtle)'; 'color.background.accent.lime.subtle.hovered': 'var(--ds-background-accent-lime-subtle-hovered)'; 'color.background.accent.lime.subtle.pressed': 'var(--ds-background-accent-lime-subtle-pressed)'; 'color.background.accent.lime.bolder': 'var(--ds-background-accent-lime-bolder)'; 'color.background.accent.lime.bolder.hovered': 'var(--ds-background-accent-lime-bolder-hovered)'; 'color.background.accent.lime.bolder.pressed': 'var(--ds-background-accent-lime-bolder-pressed)'; 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)'; 'color.background.accent.red.subtlest.hovered': 'var(--ds-background-accent-red-subtlest-hovered)'; 'color.background.accent.red.subtlest.pressed': 'var(--ds-background-accent-red-subtlest-pressed)'; 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)'; 'color.background.accent.red.subtler.hovered': 'var(--ds-background-accent-red-subtler-hovered)'; 'color.background.accent.red.subtler.pressed': 'var(--ds-background-accent-red-subtler-pressed)'; 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)'; 'color.background.accent.red.subtle.hovered': 'var(--ds-background-accent-red-subtle-hovered)'; 'color.background.accent.red.subtle.pressed': 'var(--ds-background-accent-red-subtle-pressed)'; 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)'; 'color.background.accent.red.bolder.hovered': 'var(--ds-background-accent-red-bolder-hovered)'; 'color.background.accent.red.bolder.pressed': 'var(--ds-background-accent-red-bolder-pressed)'; 'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)'; 'color.background.accent.orange.subtlest.hovered': 'var(--ds-background-accent-orange-subtlest-hovered)'; 'color.background.accent.orange.subtlest.pressed': 'var(--ds-background-accent-orange-subtlest-pressed)'; 'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)'; 'color.background.accent.orange.subtler.hovered': 'var(--ds-background-accent-orange-subtler-hovered)'; 'color.background.accent.orange.subtler.pressed': 'var(--ds-background-accent-orange-subtler-pressed)'; 'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)'; 'color.background.accent.orange.subtle.hovered': 'var(--ds-background-accent-orange-subtle-hovered)'; 'color.background.accent.orange.subtle.pressed': 'var(--ds-background-accent-orange-subtle-pressed)'; 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)'; 'color.background.accent.orange.bolder.hovered': 'var(--ds-background-accent-orange-bolder-hovered)'; 'color.background.accent.orange.bolder.pressed': 'var(--ds-background-accent-orange-bolder-pressed)'; 'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)'; 'color.background.accent.yellow.subtlest.hovered': 'var(--ds-background-accent-yellow-subtlest-hovered)'; 'color.background.accent.yellow.subtlest.pressed': 'var(--ds-background-accent-yellow-subtlest-pressed)'; 'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)'; 'color.background.accent.yellow.subtler.hovered': 'var(--ds-background-accent-yellow-subtler-hovered)'; 'color.background.accent.yellow.subtler.pressed': 'var(--ds-background-accent-yellow-subtler-pressed)'; 'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)'; 'color.background.accent.yellow.subtle.hovered': 'var(--ds-background-accent-yellow-subtle-hovered)'; 'color.background.accent.yellow.subtle.pressed': 'var(--ds-background-accent-yellow-subtle-pressed)'; 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)'; 'color.background.accent.yellow.bolder.hovered': 'var(--ds-background-accent-yellow-bolder-hovered)'; 'color.background.accent.yellow.bolder.pressed': 'var(--ds-background-accent-yellow-bolder-pressed)'; 'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)'; 'color.background.accent.green.subtlest.hovered': 'var(--ds-background-accent-green-subtlest-hovered)'; 'color.background.accent.green.subtlest.pressed': 'var(--ds-background-accent-green-subtlest-pressed)'; 'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)'; 'color.background.accent.green.subtler.hovered': 'var(--ds-background-accent-green-subtler-hovered)'; 'color.background.accent.green.subtler.pressed': 'var(--ds-background-accent-green-subtler-pressed)'; 'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)'; 'color.background.accent.green.subtle.hovered': 'var(--ds-background-accent-green-subtle-hovered)'; 'color.background.accent.green.subtle.pressed': 'var(--ds-background-accent-green-subtle-pressed)'; 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)'; 'color.background.accent.green.bolder.hovered': 'var(--ds-background-accent-green-bolder-hovered)'; 'color.background.accent.green.bolder.pressed': 'var(--ds-background-accent-green-bolder-pressed)'; 'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)'; 'color.background.accent.teal.subtlest.hovered': 'var(--ds-background-accent-teal-subtlest-hovered)'; 'color.background.accent.teal.subtlest.pressed': 'var(--ds-background-accent-teal-subtlest-pressed)'; 'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)'; 'color.background.accent.teal.subtler.hovered': 'var(--ds-background-accent-teal-subtler-hovered)'; 'color.background.accent.teal.subtler.pressed': 'var(--ds-background-accent-teal-subtler-pressed)'; 'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)'; 'color.background.accent.teal.subtle.hovered': 'var(--ds-background-accent-teal-subtle-hovered)'; 'color.background.accent.teal.subtle.pressed': 'var(--ds-background-accent-teal-subtle-pressed)'; 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)'; 'color.background.accent.teal.bolder.hovered': 'var(--ds-background-accent-teal-bolder-hovered)'; 'color.background.accent.teal.bolder.pressed': 'var(--ds-background-accent-teal-bolder-pressed)'; 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)'; 'color.background.accent.blue.subtlest.hovered': 'var(--ds-background-accent-blue-subtlest-hovered)'; 'color.background.accent.blue.subtlest.pressed': 'var(--ds-background-accent-blue-subtlest-pressed)'; 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)'; 'color.background.accent.blue.subtler.hovered': 'var(--ds-background-accent-blue-subtler-hovered)'; 'color.background.accent.blue.subtler.pressed': 'var(--ds-background-accent-blue-subtler-pressed)'; 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)'; 'color.background.accent.blue.subtle.hovered': 'var(--ds-background-accent-blue-subtle-hovered)'; 'color.background.accent.blue.subtle.pressed': 'var(--ds-background-accent-blue-subtle-pressed)'; 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)'; 'color.background.accent.blue.bolder.hovered': 'var(--ds-background-accent-blue-bolder-hovered)'; 'color.background.accent.blue.bolder.pressed': 'var(--ds-background-accent-blue-bolder-pressed)'; 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)'; 'color.background.accent.purple.subtlest.hovered': 'var(--ds-background-accent-purple-subtlest-hovered)'; 'color.background.accent.purple.subtlest.pressed': 'var(--ds-background-accent-purple-subtlest-pressed)'; 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)'; 'color.background.accent.purple.subtler.hovered': 'var(--ds-background-accent-purple-subtler-hovered)'; 'color.background.accent.purple.subtler.pressed': 'var(--ds-background-accent-purple-subtler-pressed)'; 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)'; 'color.background.accent.purple.subtle.hovered': 'var(--ds-background-accent-purple-subtle-hovered)'; 'color.background.accent.purple.subtle.pressed': 'var(--ds-background-accent-purple-subtle-pressed)'; 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)'; 'color.background.accent.purple.bolder.hovered': 'var(--ds-background-accent-purple-bolder-hovered)'; 'color.background.accent.purple.bolder.pressed': 'var(--ds-background-accent-purple-bolder-pressed)'; 'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)'; 'color.background.accent.magenta.subtlest.hovered': 'var(--ds-background-accent-magenta-subtlest-hovered)'; 'color.background.accent.magenta.subtlest.pressed': 'var(--ds-background-accent-magenta-subtlest-pressed)'; 'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)'; 'color.background.accent.magenta.subtler.hovered': 'var(--ds-background-accent-magenta-subtler-hovered)'; 'color.background.accent.magenta.subtler.pressed': 'var(--ds-background-accent-magenta-subtler-pressed)'; 'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)'; 'color.background.accent.magenta.subtle.hovered': 'var(--ds-background-accent-magenta-subtle-hovered)'; 'color.background.accent.magenta.subtle.pressed': 'var(--ds-background-accent-magenta-subtle-pressed)'; 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)'; 'color.background.accent.magenta.bolder.hovered': 'var(--ds-background-accent-magenta-bolder-hovered)'; 'color.background.accent.magenta.bolder.pressed': 'var(--ds-background-accent-magenta-bolder-pressed)'; 'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)'; 'color.background.accent.gray.subtlest.hovered': 'var(--ds-background-accent-gray-subtlest-hovered)'; 'color.background.accent.gray.subtlest.pressed': 'var(--ds-background-accent-gray-subtlest-pressed)'; 'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)'; 'color.background.accent.gray.subtler.hovered': 'var(--ds-background-accent-gray-subtler-hovered)'; 'color.background.accent.gray.subtler.pressed': 'var(--ds-background-accent-gray-subtler-pressed)'; 'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)'; 'color.background.accent.gray.subtle.hovered': 'var(--ds-background-accent-gray-subtle-hovered)'; 'color.background.accent.gray.subtle.pressed': 'var(--ds-background-accent-gray-subtle-pressed)'; 'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)'; 'color.background.accent.gray.bolder.hovered': 'var(--ds-background-accent-gray-bolder-hovered)'; 'color.background.accent.gray.bolder.pressed': 'var(--ds-background-accent-gray-bolder-pressed)'; 'color.background.disabled': 'var(--ds-background-disabled)'; 'color.background.input': 'var(--ds-background-input)'; 'color.background.input.hovered': 'var(--ds-background-input-hovered)'; 'color.background.input.pressed': 'var(--ds-background-input-pressed)'; 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)'; 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)'; 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)'; 'color.background.neutral': 'var(--ds-background-neutral)'; 'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)'; 'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)'; 'color.background.neutral.subtle': 'var(--ds-background-neutral-subtle)'; 'color.background.neutral.subtle.hovered': 'var(--ds-background-neutral-subtle-hovered)'; 'color.background.neutral.subtle.pressed': 'var(--ds-background-neutral-subtle-pressed)'; 'color.background.neutral.bold': 'var(--ds-background-neutral-bold)'; 'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)'; 'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)'; 'color.background.selected': 'var(--ds-background-selected)'; 'color.background.selected.hovered': 'var(--ds-background-selected-hovered)'; 'color.background.selected.pressed': 'var(--ds-background-selected-pressed)'; 'color.background.selected.bold': 'var(--ds-background-selected-bold)'; 'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)'; 'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)'; 'color.background.brand.subtlest': 'var(--ds-background-brand-subtlest)'; 'color.background.brand.subtlest.hovered': 'var(--ds-background-brand-subtlest-hovered)'; 'color.background.brand.subtlest.pressed': 'var(--ds-background-brand-subtlest-pressed)'; 'color.background.brand.bold': 'var(--ds-background-brand-bold)'; 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)'; 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)'; 'color.background.brand.boldest': 'var(--ds-background-brand-boldest)'; 'color.background.brand.boldest.hovered': 'var(--ds-background-brand-boldest-hovered)'; 'color.background.brand.boldest.pressed': 'var(--ds-background-brand-boldest-pressed)'; 'color.background.danger': 'var(--ds-background-danger)'; 'color.background.danger.hovered': 'var(--ds-background-danger-hovered)'; 'color.background.danger.pressed': 'var(--ds-background-danger-pressed)'; 'color.background.danger.subtler': 'var(--ds-background-danger-subtler)'; 'color.background.danger.subtler.hovered': 'var(--ds-background-danger-subtler-hovered)'; 'color.background.danger.subtler.pressed': 'var(--ds-background-danger-subtler-pressed)'; 'color.background.danger.bold': 'var(--ds-background-danger-bold)'; 'color.background.danger.bold.hovered': 'var(--ds-background-danger-bold-hovered)'; 'color.background.danger.bold.pressed': 'var(--ds-background-danger-bold-pressed)'; 'color.background.warning': 'var(--ds-background-warning)'; 'color.background.warning.hovered': 'var(--ds-background-warning-hovered)'; 'color.background.warning.pressed': 'var(--ds-background-warning-pressed)'; 'color.background.warning.subtler': 'var(--ds-background-warning-subtler)'; 'color.background.warning.subtler.hovered': 'var(--ds-background-warning-subtler-hovered)'; 'color.background.warning.subtler.pressed': 'var(--ds-background-warning-subtler-pressed)'; 'color.background.warning.bold': 'var(--ds-background-warning-bold)'; 'color.background.warning.bold.hovered': 'var(--ds-background-warning-bold-hovered)'; 'color.background.warning.bold.pressed': 'var(--ds-background-warning-bold-pressed)'; 'color.background.success': 'var(--ds-background-success)'; 'color.background.success.hovered': 'var(--ds-background-success-hovered)'; 'color.background.success.pressed': 'var(--ds-background-success-pressed)'; 'color.background.success.subtler': 'var(--ds-background-success-subtler)'; 'color.background.success.subtler.hovered': 'var(--ds-background-success-subtler-hovered)'; 'color.background.success.subtler.pressed': 'var(--ds-background-success-subtler-pressed)'; 'color.background.success.bold': 'var(--ds-background-success-bold)'; 'color.background.success.bold.hovered': 'var(--ds-background-success-bold-hovered)'; 'color.background.success.bold.pressed': 'var(--ds-background-success-bold-pressed)'; 'color.background.discovery': 'var(--ds-background-discovery)'; 'color.background.discovery.hovered': 'var(--ds-background-discovery-hovered)'; 'color.background.discovery.pressed': 'var(--ds-background-discovery-pressed)'; 'color.background.discovery.subtler': 'var(--ds-background-discovery-subtler)'; 'color.background.discovery.subtler.hovered': 'var(--ds-background-discovery-subtler-hovered)'; 'color.background.discovery.subtler.pressed': 'var(--ds-background-discovery-subtler-pressed)'; 'color.background.discovery.bold': 'var(--ds-background-discovery-bold)'; 'color.background.discovery.bold.hovered': 'var(--ds-background-discovery-bold-hovered)'; 'color.background.discovery.bold.pressed': 'var(--ds-background-discovery-bold-pressed)'; 'color.background.information': 'var(--ds-background-information)'; 'color.background.information.hovered': 'var(--ds-background-information-hovered)'; 'color.background.information.pressed': 'var(--ds-background-information-pressed)'; 'color.background.information.subtler': 'var(--ds-background-information-subtler)'; 'color.background.information.subtler.hovered': 'var(--ds-background-information-subtler-hovered)'; 'color.background.information.subtler.pressed': 'var(--ds-background-information-subtler-pressed)'; 'color.background.information.bold': 'var(--ds-background-information-bold)'; 'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)'; 'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)'; 'color.blanket': 'var(--ds-blanket)'; 'color.blanket.selected': 'var(--ds-blanket-selected)'; 'color.blanket.danger': 'var(--ds-blanket-danger)'; 'color.skeleton': 'var(--ds-skeleton)'; 'color.skeleton.subtle': 'var(--ds-skeleton-subtle)'; 'elevation.surface': 'var(--ds-surface)'; 'elevation.surface.hovered': 'var(--ds-surface-hovered)'; 'elevation.surface.pressed': 'var(--ds-surface-pressed)'; 'elevation.surface.overlay': 'var(--ds-surface-overlay)'; 'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)'; 'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)'; 'elevation.surface.raised': 'var(--ds-surface-raised)'; 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)'; 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)'; 'elevation.surface.sunken': 'var(--ds-surface-sunken)'; 'utility.elevation.surface.current': 'var(--ds-elevation-surface-current)'; }; export type BackgroundColor = keyof typeof backgroundColorMap; export declare const textColorMap: { 'color.text': 'var(--ds-text)'; 'color.text.accent.lime': 'var(--ds-text-accent-lime)'; 'color.text.accent.lime.bolder': 'var(--ds-text-accent-lime-bolder)'; 'color.text.accent.red': 'var(--ds-text-accent-red)'; 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)'; 'color.text.accent.orange': 'var(--ds-text-accent-orange)'; 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)'; 'color.text.accent.yellow': 'var(--ds-text-accent-yellow)'; 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)'; 'color.text.accent.green': 'var(--ds-text-accent-green)'; 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)'; 'color.text.accent.teal': 'var(--ds-text-accent-teal)'; 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)'; 'color.text.accent.blue': 'var(--ds-text-accent-blue)'; 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)'; 'color.text.accent.purple': 'var(--ds-text-accent-purple)'; 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)'; 'color.text.accent.magenta': 'var(--ds-text-accent-magenta)'; 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)'; 'color.text.accent.gray': 'var(--ds-text-accent-gray)'; 'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)'; 'color.text.disabled': 'var(--ds-text-disabled)'; 'color.text.inverse': 'var(--ds-text-inverse)'; 'color.text.selected': 'var(--ds-text-selected)'; 'color.text.brand': 'var(--ds-text-brand)'; 'color.text.danger': 'var(--ds-text-danger)'; 'color.text.danger.bolder': 'var(--ds-text-danger-bolder)'; 'color.text.warning': 'var(--ds-text-warning)'; 'color.text.warning.inverse': 'var(--ds-text-warning-inverse)'; 'color.text.warning.bolder': 'var(--ds-text-warning-bolder)'; 'color.text.success': 'var(--ds-text-success)'; 'color.text.success.bolder': 'var(--ds-text-success-bolder)'; 'color.text.discovery': 'var(--ds-text-discovery)'; 'color.text.discovery.bolder': 'var(--ds-text-discovery-bolder)'; 'color.text.information': 'var(--ds-text-information)'; 'color.text.information.bolder': 'var(--ds-text-information-bolder)'; 'color.text.subtlest': 'var(--ds-text-subtlest)'; 'color.text.subtle': 'var(--ds-text-subtle)'; 'color.link': 'var(--ds-link)'; 'color.link.pressed': 'var(--ds-link-pressed)'; 'color.link.visited': 'var(--ds-link-visited)'; 'color.link.visited.pressed': 'var(--ds-link-visited-pressed)'; }; export type TextColor = keyof typeof textColorMap; export declare const fillMap: { 'color.icon': 'var(--ds-icon)'; 'color.icon.accent.lime': 'var(--ds-icon-accent-lime)'; 'color.icon.accent.red': 'var(--ds-icon-accent-red)'; 'color.icon.accent.orange': 'var(--ds-icon-accent-orange)'; 'color.icon.accent.yellow': 'var(--ds-icon-accent-yellow)'; 'color.icon.accent.green': 'var(--ds-icon-accent-green)'; 'color.icon.accent.teal': 'var(--ds-icon-accent-teal)'; 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)'; 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)'; 'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)'; 'color.icon.accent.gray': 'var(--ds-icon-accent-gray)'; 'color.icon.disabled': 'var(--ds-icon-disabled)'; 'color.icon.inverse': 'var(--ds-icon-inverse)'; 'color.icon.selected': 'var(--ds-icon-selected)'; 'color.icon.brand': 'var(--ds-icon-brand)'; 'color.icon.danger': 'var(--ds-icon-danger)'; 'color.icon.warning': 'var(--ds-icon-warning)'; 'color.icon.warning.inverse': 'var(--ds-icon-warning-inverse)'; 'color.icon.success': 'var(--ds-icon-success)'; 'color.icon.discovery': 'var(--ds-icon-discovery)'; 'color.icon.information': 'var(--ds-icon-information)'; 'color.icon.subtlest': 'var(--ds-icon-subtlest)'; 'color.icon.subtle': 'var(--ds-icon-subtle)'; }; export type Fill = keyof typeof fillMap; /** * @codegenEnd */ /** * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::042cbfe8041c09e3817ae74154994f32>> * @codegenId misc * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles * @codegenParams ["layer"] * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>> * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>> */ export declare const layerMap: { 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; }; export type Layer = keyof typeof layerMap; /** * @codegenEnd */ /** * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::6ab2b394dd5a830d6966e333e20b1473>> * @codegenId border * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles * @codegenParams ["width", "radius"] * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::8817f4073995e5dc9c2bb766316632d6>> */ export declare const borderWidthMap: { 'border.width': 'var(--ds-border-width)'; 'border.width.selected': 'var(--ds-border-width-selected)'; 'border.width.focused': 'var(--ds-border-width-focused)'; }; export type BorderWidth = keyof typeof borderWidthMap; export declare const borderRadiusMap: { 'radius.xsmall': 'var(--ds-radius-xsmall)'; 'radius.small': 'var(--ds-radius-small)'; 'radius.medium': 'var(--ds-radius-medium)'; 'radius.large': 'var(--ds-radius-large)'; 'radius.xlarge': 'var(--ds-radius-xlarge)'; 'radius.xxlarge': 'var(--ds-radius-xxlarge)'; 'radius.full': 'var(--ds-radius-full)'; 'radius.tile': 'var(--ds-radius-tile)'; }; export type BorderRadius = keyof typeof borderRadiusMap; /** * @codegenEnd */ /** * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::6dffa08c1104af4093361cb0f7e37996>> * @codegenId typography * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"] * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>> * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>> */ export declare const fontMap: { 'font.body': 'var(--ds-font-body)'; '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)'; 'font.metric.large': 'var(--ds-font-metric-large)'; 'font.metric.medium': 'var(--ds-font-metric-medium)'; 'font.metric.small': 'var(--ds-font-metric-small)'; }; export type Font = keyof typeof fontMap; export declare const fontWeightMap: { '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)'; }; export type FontWeight = keyof typeof fontWeightMap; export declare const fontFamilyMap: { '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)'; }; export type FontFamily = keyof typeof fontFamilyMap; /** * @codegenEnd */ /** * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::b67a50fa5abb078032598ba819a6f691>> * @codegenId text * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>> * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>> */ export declare const textSizeMap: { medium: 'var(--ds-font-body)'; large: 'var(--ds-font-body-large)'; small: 'var(--ds-font-body-small)'; }; export type TextSize = keyof typeof textSizeMap; export declare const textWeightMap: { bold: 'var(--ds-font-weight-bold)'; medium: 'var(--ds-font-weight-medium)'; regular: 'var(--ds-font-weight-regular)'; semibold: 'var(--ds-font-weight-semibold)'; }; export type TextWeight = keyof typeof textWeightMap; export declare const metricTextSizeMap: { large: 'var(--ds-font-metric-large)'; medium: 'var(--ds-font-metric-medium)'; small: 'var(--ds-font-metric-small)'; }; export type MetricTextSize = keyof typeof metricTextSizeMap; /** * @codegenEnd */ type MarginSpace = AllSpace | 'auto' | '0'; type PaddingSpace = Space | '0'; type BorderWidthExtended = BorderWidth | 0 | '0'; /** * Token functions are currently allowed for borderRadius in xcss to ease migration. * Because 'radius.small' defaults to 3px, we need a mechanism to allow for 4px values to be provided: * This is done by calling the token function - token('radius.small') * * TODO: Remove once shape them is rolled out and fg platform-dst-shape-theme-default removed */ type BorderRadiusExtended = BorderRadius | 0 | '0' | 'inherit' | CSSTokenMap[BorderRadius]; type GlobalValue = 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset'; type AutoComplete<T extends string> = T | Omit<string, T>; export type TokenisedProps = { backgroundColor?: BackgroundColor; blockSize?: Dimension | string; borderBlockColor?: AutoComplete<BorderColor>; borderBlockEndColor?: AutoComplete<BorderColor>; borderBlockEndWidth?: BorderWidthExtended; borderBlockStartColor?: AutoComplete<BorderColor>; borderBlockStartWidth?: BorderWidthExtended; borderBlockWidth?: BorderWidthExtended; borderBottomColor?: AutoComplete<BorderColor>; borderBottomLeftRadius?: BorderRadiusExtended; borderBottomRightRadius?: BorderRadiusExtended; borderBottomWidth?: BorderWidthExtended; borderColor?: BorderColor; borderEndEndRadius?: BorderRadiusExtended; borderEndStartRadius?: BorderRadiusExtended; borderInlineColor?: AutoComplete<BorderColor>; borderInlineEndColor?: AutoComplete<BorderColor>; borderInlineEndWidth?: BorderWidthExtended; borderInlineStartColor?: AutoComplete<BorderColor>; borderInlineStartWidth?: BorderWidthExtended; borderInlineWidth?: BorderWidthExtended; borderLeftColor?: AutoComplete<BorderColor>; borderLeftWidth?: BorderWidthExtended; borderRadius?: BorderRadiusExtended; borderRightColor?: AutoComplete<BorderColor>; borderRightWidth?: BorderWidthExtended; borderStartEndRadius?: BorderRadiusExtended; borderStartStartRadius?: BorderRadiusExtended; borderTopColor?: AutoComplete<BorderColor>; borderTopLeftRadius?: BorderRadiusExtended; borderTopRightRadius?: BorderRadiusExtended; borderTopWidth?: BorderWidthExtended; borderWidth?: BorderWidthExtended; bottom?: AutoComplete<AllSpace>; boxShadow?: Shadow; color?: TextColor; columnGap?: Space; font?: Font | string; fontFamily?: FontFamily | string; fontStyle?: 'normal' | 'italic'; fontWeight?: FontWeight | string | number; gap?: Space; height?: Dimension | string; inlineSize?: Dimension | string; inset?: AutoComplete<AllSpace>; insetBlock?: AutoComplete<AllSpace>; insetBlockEnd?: AutoComplete<AllSpace>; insetBlockStart?: AutoComplete<AllSpace>; insetInline?: AutoComplete<AllSpace>; insetInlineEnd?: AutoComplete<AllSpace>; insetInlineStart?: AutoComplete<AllSpace>; left?: AutoComplete<AllSpace>; margin?: MarginSpace | '0 auto' | GlobalValue; marginBlock?: MarginSpace | GlobalValue; marginInline?: MarginSpace | GlobalValue; marginBlockEnd?: MarginSpace | GlobalValue; marginBlockStart?: MarginSpace | GlobalValue; marginBottom?: MarginSpace | GlobalValue; marginInlineEnd?: MarginSpace | GlobalValue; marginInlineStart?: MarginSpace | GlobalValue; marginLeft?: MarginSpace | GlobalValue; marginRight?: MarginSpace | GlobalValue; marginTop?: MarginSpace | GlobalValue; maxBlockSize?: Dimension | string; maxHeight?: Dimension | string; maxInlineSize?: Dimension | string; maxWidth?: Dimension | string; minBlockSize?: Dimension | string; minHeight?: Dimension | string; minInlineSize?: Dimension | string; minWidth?: Dimension | string; opacity?: AutoComplete<Opacity> | number; outlineColor?: BorderColor; outlineOffset?: AllSpace; outlineWidth?: BorderWidthExtended; padding?: PaddingSpace | GlobalValue; paddingBlock?: PaddingSpace | GlobalValue; paddingBlockEnd?: PaddingSpace | GlobalValue; paddingBlockStart?: PaddingSpace | GlobalValue; paddingBottom?: PaddingSpace | GlobalValue; paddingInline?: PaddingSpace | GlobalValue; paddingInlineEnd?: PaddingSpace | GlobalValue; paddingInlineStart?: PaddingSpace | GlobalValue; paddingLeft?: PaddingSpace | GlobalValue; paddingRight?: PaddingSpace | GlobalValue; paddingTop?: PaddingSpace | GlobalValue; right?: AutoComplete<AllSpace>; rowGap?: Space; top?: AutoComplete<AllSpace>; width?: Dimension | string; zIndex?: Layer; }; declare const spacingProperties: readonly ["padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "gap", "rowGap", "columnGap"]; type SpacingProperty = (typeof spacingProperties)[number]; type TokenMappableProperty = SpacingProperty | 'backgroundColor' | 'fontWeight' | 'fontSize' | 'fontFamily' | 'lineHeight' | 'color' | 'font' | typeof CURRENT_SURFACE_CSS_VAR; type PropsToken = SpacingToken | BackgroundColorToken | FontWeightToken | FontFamilyToken | TextColorToken | FontToken | TextWeightToken | TextSizeToken; type TokenMap = Partial<Record<PropsToken, ReturnType<typeof token>>>; type SerializedStylesMap = Record<PropsToken, SerializedStyles>; export declare const getSerializedStylesMap: (cssProperty: TokenMappableProperty, tokenMap: TokenMap) => SerializedStylesMap; type SpacingToken = keyof typeof positiveSpaceMap; type BackgroundColorToken = keyof typeof backgroundColorMap; type SurfaceColorToken = keyof typeof surfaceColorMap; type TextColorToken = keyof typeof textColorMap; type FontWeightToken = keyof typeof fontWeightMap; type FontFamilyToken = keyof typeof fontFamilyMap; type FontToken = keyof typeof fontMap; type TextWeightToken = keyof typeof textWeightMap; type TextSizeToken = keyof typeof textSizeMap; type MetricTextSizeToken = keyof typeof metricTextSizeMap; type SpacingStyleMap = Record<SpacingProperty, Record<SpacingToken, SerializedStyles>>; type BackgroundColorStyleMap = Record<BackgroundColorToken, SerializedStyles>; type SurfaceColorStyleMap = Record<SurfaceColorToken, SerializedStyles>; type TextColorStyleMap = Record<TextColorToken, SerializedStyles>; type FontWeightStyleMap = Record<FontWeightToken, SerializedStyles>; type FontFamilyStyleMap = Record<FontFamilyToken, SerializedStyles>; type FontStyleMap = Record<FontToken, SerializedStyles>; type TextWeightStyleMap = Record<TextWeightToken, SerializedStyles>; type TextStyleMap = Record<TextSizeToken, SerializedStyles>; type MetricTextStyleMap = Record<MetricTextSizeToken, SerializedStyles>; export declare const paddingStylesMap: SpacingStyleMap; export declare const spaceStylesMap: SpacingStyleMap; export declare const backgroundColorStylesMap: BackgroundColorStyleMap; export declare const textColorStylesMap: TextColorStyleMap; export declare const fontWeightStylesMap: FontWeightStyleMap; export declare const fontFamilyStylesMap: FontFamilyStyleMap; export declare const fontStylesMap: FontStyleMap; export declare const textSizeStylesMap: TextStyleMap; export declare const textWeightStylesMap: TextWeightStyleMap; export declare const surfaceColorStylesMap: SurfaceColorStyleMap; export declare const isSurfaceColorToken: (color: unknown) => color is SurfaceColorToken; export declare const metricTextSizeStylesMap: MetricTextStyleMap; export {};