@atlaskit/primitives 19.0.1 → 20.0.0

package/dist/types-ts4.5/xcss/style-maps.partial.d.ts

@@ -1,773 +0,0 @@
-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 {};