@atlaskit/tokens 0.10.25 → 0.10.27

package/dist/types-ts4.0/artifacts/token-names.d.ts

@@ -1,9 +1,19 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fc7198ce92b9604af441e36c1acb2075>>
- * @codegenCommand yarn build tokens
- */
+import { CSSTokenMap as AtlassianLightCSSTokenMap } from './typescript/atlassian-light-token-names';
+import { CSSTokenMap as AtlassianSpacingCSSTokenMap } from './typescript/atlassian-spacing-token-names';
 declare const tokens: {
+    readonly 'spacing.container.gutter': "--ds-container-gutter";
+    readonly 'spacing.scale.0': "--ds-scale-0";
+    readonly 'spacing.scale.100': "--ds-scale-100";
+    readonly 'spacing.scale.150': "--ds-scale-150";
+    readonly 'spacing.scale.200': "--ds-scale-200";
+    readonly 'spacing.scale.250': "--ds-scale-250";
+    readonly 'spacing.scale.300': "--ds-scale-300";
+    readonly 'spacing.scale.400': "--ds-scale-400";
+    readonly 'spacing.scale.500': "--ds-scale-500";
+    readonly 'spacing.scale.600': "--ds-scale-600";
+    readonly 'spacing.scale.025': "--ds-scale-025";
+    readonly 'spacing.scale.050': "--ds-scale-050";
+    readonly 'spacing.scale.075': "--ds-scale-075";
     readonly 'color.text.accent.blue': "--ds-text-accent-blue";
     readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
     readonly 'color.text.accent.red': "--ds-text-accent-red";
@@ -296,298 +306,6 @@ declare const tokens: {
     readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
     readonly 'utility.UNSAFE_util.MISSING_TOKEN': "--ds-UNSAFE_util-MISSING_TOKEN";
 };
-export declare type CSSTokenMap = {
-    'color.text.accent.blue': 'var(--ds-text-accent-blue)';
-    'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-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.purple': 'var(--ds-text-accent-purple)';
-    'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
-    'color.text.accent.teal': 'var(--ds-text-accent-teal)';
-    'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-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': 'var(--ds-text)';
-    'color.text.subtle': 'var(--ds-text-subtle)';
-    'color.text.subtlest': 'var(--ds-text-subtlest)';
-    'color.text.disabled': 'var(--ds-text-disabled)';
-    'color.text.inverse': 'var(--ds-text-inverse)';
-    'color.text.brand': 'var(--ds-text-brand)';
-    'color.text.selected': 'var(--ds-text-selected)';
-    'color.text.danger': 'var(--ds-text-danger)';
-    'color.text.warning': 'var(--ds-text-warning)';
-    'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
-    'color.text.success': 'var(--ds-text-success)';
-    'color.text.discovery': 'var(--ds-text-discovery)';
-    'color.text.information': 'var(--ds-text-information)';
-    'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
-    'color.text.link.pressed': 'var(--ds-text-link-pressed)';
-    'color.text.link.resting': 'var(--ds-text-link-resting)';
-    'color.text.lowEmphasis': 'var(--ds-text-lowEmphasis)';
-    'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
-    'color.text.onBold': 'var(--ds-text-onBold)';
-    'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
-    'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
-    '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.purple': 'var(--ds-icon-accent-purple)';
-    'color.icon.accent.teal': 'var(--ds-icon-accent-teal)';
-    'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)';
-    'color.icon.accent.gray': 'var(--ds-icon-accent-gray)';
-    'color.icon': 'var(--ds-icon)';
-    'color.icon.subtle': 'var(--ds-icon-subtle)';
-    'color.icon.inverse': 'var(--ds-icon-inverse)';
-    'color.icon.disabled': 'var(--ds-icon-disabled)';
-    'color.icon.brand': 'var(--ds-icon-brand)';
-    'color.icon.selected': 'var(--ds-icon-selected)';
-    '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.border.accent.blue': 'var(--ds-border-accent-blue)';
-    '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.purple': 'var(--ds-border-accent-purple)';
-    'color.border.accent.teal': 'var(--ds-border-accent-teal)';
-    'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
-    'color.border.accent.gray': 'var(--ds-border-accent-gray)';
-    'color.border': 'var(--ds-border)';
-    'color.border.bold': 'var(--ds-border-bold)';
-    'color.border.inverse': 'var(--ds-border-inverse)';
-    'color.border.focused': 'var(--ds-border-focused)';
-    'color.border.input': 'var(--ds-border-input)';
-    'color.border.disabled': 'var(--ds-border-disabled)';
-    'color.border.brand': 'var(--ds-border-brand)';
-    'color.border.selected': 'var(--ds-border-selected)';
-    '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.focus': 'var(--ds-border-focus)';
-    'color.border.neutral': 'var(--ds-border-neutral)';
-    'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
-    'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
-    'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
-    'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
-    'color.background.accent.blue': 'var(--ds-background-accent-blue)';
-    'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
-    'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
-    'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
-    'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
-    'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
-    'color.background.accent.red': 'var(--ds-background-accent-red)';
-    'color.background.accent.red.bold': 'var(--ds-background-accent-red-bold)';
-    'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
-    'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
-    'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
-    'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
-    'color.background.accent.orange': 'var(--ds-background-accent-orange)';
-    'color.background.accent.orange.bold': 'var(--ds-background-accent-orange-bold)';
-    'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
-    'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
-    'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
-    'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
-    'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
-    'color.background.accent.yellow.bold': 'var(--ds-background-accent-yellow-bold)';
-    'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
-    'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
-    'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
-    'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
-    'color.background.accent.green': 'var(--ds-background-accent-green)';
-    'color.background.accent.green.bold': 'var(--ds-background-accent-green-bold)';
-    'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
-    'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
-    'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
-    'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
-    'color.background.accent.teal': 'var(--ds-background-accent-teal)';
-    'color.background.accent.teal.bold': 'var(--ds-background-accent-teal-bold)';
-    'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
-    'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
-    'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
-    'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
-    'color.background.accent.purple': 'var(--ds-background-accent-purple)';
-    'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
-    'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
-    'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
-    'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
-    'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
-    'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
-    'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
-    'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
-    'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
-    'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
-    'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
-    'color.background.disabled': 'var(--ds-background-disabled)';
-    '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.inverse': 'var(--ds-background-inverse)';
-    '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.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.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': 'var(--ds-background-brand)';
-    'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
-    'color.background.brand.pressed': 'var(--ds-background-brand-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.selected.resting': 'var(--ds-background-selected-resting)';
-    'color.background.selected.hover': 'var(--ds-background-selected-hover)';
-    '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.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.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.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.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.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.background.blanket': 'var(--ds-background-blanket)';
-    'color.background.boldBrand.hover': 'var(--ds-background-boldBrand-hover)';
-    'color.background.boldBrand.pressed': 'var(--ds-background-boldBrand-pressed)';
-    'color.background.boldBrand.resting': 'var(--ds-background-boldBrand-resting)';
-    'color.background.boldDanger.hover': 'var(--ds-background-boldDanger-hover)';
-    'color.background.boldDanger.pressed': 'var(--ds-background-boldDanger-pressed)';
-    'color.background.boldDanger.resting': 'var(--ds-background-boldDanger-resting)';
-    'color.background.boldDiscovery.hover': 'var(--ds-background-boldDiscovery-hover)';
-    'color.background.boldDiscovery.pressed': 'var(--ds-background-boldDiscovery-pressed)';
-    'color.background.boldDiscovery.resting': 'var(--ds-background-boldDiscovery-resting)';
-    'color.background.boldNeutral.hover': 'var(--ds-background-boldNeutral-hover)';
-    'color.background.boldNeutral.pressed': 'var(--ds-background-boldNeutral-pressed)';
-    'color.background.boldNeutral.resting': 'var(--ds-background-boldNeutral-resting)';
-    'color.background.boldSuccess.hover': 'var(--ds-background-boldSuccess-hover)';
-    'color.background.boldSuccess.pressed': 'var(--ds-background-boldSuccess-pressed)';
-    'color.background.boldSuccess.resting': 'var(--ds-background-boldSuccess-resting)';
-    'color.background.boldWarning.hover': 'var(--ds-background-boldWarning-hover)';
-    'color.background.boldWarning.pressed': 'var(--ds-background-boldWarning-pressed)';
-    'color.background.boldWarning.resting': 'var(--ds-background-boldWarning-resting)';
-    'color.background.card': 'var(--ds-background-card)';
-    'color.background.default': 'var(--ds-background-default)';
-    'color.background.overlay': 'var(--ds-background-overlay)';
-    'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
-    'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
-    'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
-    'color.background.subtleBrand.pressed': 'var(--ds-background-subtleBrand-pressed)';
-    'color.background.subtleBrand.resting': 'var(--ds-background-subtleBrand-resting)';
-    'color.background.subtleDanger.hover': 'var(--ds-background-subtleDanger-hover)';
-    'color.background.subtleDanger.pressed': 'var(--ds-background-subtleDanger-pressed)';
-    'color.background.subtleDanger.resting': 'var(--ds-background-subtleDanger-resting)';
-    'color.background.subtleDiscovery.hover': 'var(--ds-background-subtleDiscovery-hover)';
-    'color.background.subtleDiscovery.pressed': 'var(--ds-background-subtleDiscovery-pressed)';
-    'color.background.subtleDiscovery.resting': 'var(--ds-background-subtleDiscovery-resting)';
-    'color.background.subtleNeutral.hover': 'var(--ds-background-subtleNeutral-hover)';
-    'color.background.subtleNeutral.pressed': 'var(--ds-background-subtleNeutral-pressed)';
-    'color.background.subtleNeutral.resting': 'var(--ds-background-subtleNeutral-resting)';
-    'color.background.subtleSuccess.hover': 'var(--ds-background-subtleSuccess-hover)';
-    'color.background.subtleSuccess.pressed': 'var(--ds-background-subtleSuccess-pressed)';
-    'color.background.subtleSuccess.resting': 'var(--ds-background-subtleSuccess-resting)';
-    'color.background.subtleWarning.hover': 'var(--ds-background-subtleWarning-hover)';
-    'color.background.subtleWarning.pressed': 'var(--ds-background-subtleWarning-pressed)';
-    'color.background.subtleWarning.resting': 'var(--ds-background-subtleWarning-resting)';
-    'color.background.sunken': 'var(--ds-background-sunken)';
-    'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
-    'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
-    'color.blanket': 'var(--ds-blanket)';
-    'color.blanket.selected': 'var(--ds-blanket-selected)';
-    'color.blanket.danger': 'var(--ds-blanket-danger)';
-    'color.interaction.hovered': 'var(--ds-interaction-hovered)';
-    'color.interaction.pressed': 'var(--ds-interaction-pressed)';
-    'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
-    'color.interaction.inverse.pressed': 'var(--ds-interaction-inverse-pressed)';
-    'color.skeleton': 'var(--ds-skeleton)';
-    'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
-    'color.link': 'var(--ds-link)';
-    'color.link.pressed': 'var(--ds-link-pressed)';
-    'color.accent.boldBlue': 'var(--ds-accent-boldBlue)';
-    'color.accent.boldGreen': 'var(--ds-accent-boldGreen)';
-    'color.accent.boldOrange': 'var(--ds-accent-boldOrange)';
-    'color.accent.boldPurple': 'var(--ds-accent-boldPurple)';
-    'color.accent.boldRed': 'var(--ds-accent-boldRed)';
-    'color.accent.boldTeal': 'var(--ds-accent-boldTeal)';
-    'color.accent.subtleBlue': 'var(--ds-accent-subtleBlue)';
-    'color.accent.subtleGreen': 'var(--ds-accent-subtleGreen)';
-    'color.accent.subtleMagenta': 'var(--ds-accent-subtleMagenta)';
-    'color.accent.subtleOrange': 'var(--ds-accent-subtleOrange)';
-    'color.accent.subtlePurple': 'var(--ds-accent-subtlePurple)';
-    'color.accent.subtleRed': 'var(--ds-accent-subtleRed)';
-    'color.accent.subtleTeal': 'var(--ds-accent-subtleTeal)';
-    'color.iconBorder.brand': 'var(--ds-iconBorder-brand)';
-    'color.iconBorder.danger': 'var(--ds-iconBorder-danger)';
-    'color.iconBorder.discovery': 'var(--ds-iconBorder-discovery)';
-    'color.iconBorder.success': 'var(--ds-iconBorder-success)';
-    'color.iconBorder.warning': 'var(--ds-iconBorder-warning)';
-    'color.overlay.hover': 'var(--ds-overlay-hover)';
-    'color.overlay.pressed': 'var(--ds-overlay-pressed)';
-    'shadow.card': 'var(--ds-card)';
-    'shadow.overlay': 'var(--ds-overlay)';
-    'elevation.shadow.raised': 'var(--ds-shadow-raised)';
-    'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
-    'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
-    'elevation.surface': 'var(--ds-surface)';
-    'elevation.surface.hovered': 'var(--ds-surface-hovered)';
-    'elevation.surface.pressed': 'var(--ds-surface-pressed)';
-    'elevation.surface.sunken': 'var(--ds-surface-sunken)';
-    '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.overlay': 'var(--ds-surface-overlay)';
-    'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
-    'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
-    'opacity.disabled': 'var(--ds-opacity-disabled)';
-    'opacity.loading': 'var(--ds-opacity-loading)';
-    'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
-    'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
-};
+export declare type CSSTokenMap = AtlassianLightCSSTokenMap & AtlassianSpacingCSSTokenMap;
 export declare type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 export default tokens;

package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-dark.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::41ca1e1e710a7febb4c2b2ec651ef5f6>>
+ * @codegen <<SignedSource::b9e8f41a4ccfe08aec7ffdb9168d8b71>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-light.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3e1535e99114e3ceefa050ae548283a1>>
+ * @codegen <<SignedSource::47205df5ad0c00f62bcd307009504921>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-spacing.d.ts

@@ -0,0 +1,30 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::fd4d0992b574a7a22bc1b95ebcdaafc8>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: {
+    attributes: {
+        group: string;
+        state: string;
+        replacement: string;
+        introduced: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            replacement: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+}[];
+export default tokens;

package/dist/types-ts4.0/artifacts/types-internal.d.ts

@@ -1,6 +1,2 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::39f5c50a16b92a67dcd34ffb038b73d2>>
- * @codegenCommand yarn build tokens
- */
-export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.[default]' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
+import { InternalTokenIds as AtlassianLightInternalTokenIds } from './typescript/atlassian-light-types-internal';
+export declare type InternalTokenIds = AtlassianLightInternalTokenIds;

package/dist/types-ts4.0/artifacts/types.d.ts

@@ -1,6 +1,2 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::02e94c9602d30a3320fd9e00a1950a7c>>
- * @codegenCommand yarn build tokens
- */
-export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
+import { ActiveTokens as AtlassianLightActiveTokens } from './typescript/atlassian-light-types';
+export declare type ActiveTokens = AtlassianLightActiveTokens;