@atlaskit/tokens 1.0.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",

package/report.api.md

@@ -22,6 +22,14 @@ export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 
 // @public (undocumented)
 type CSSTokenMap = {
+  'border.radius.050': 'var(--ds-radius-050)';
+  'border.radius.100': 'var(--ds-radius-100)';
+  'border.radius.200': 'var(--ds-radius-200)';
+  'border.radius.300': 'var(--ds-radius-300)';
+  'border.radius.400': 'var(--ds-radius-400)';
+  'border.radius.round': 'var(--ds-radius-round)';
+  'border.width.050': 'var(--ds-width-050)';
+  'border.width.100': 'var(--ds-width-100)';
   'color.text': 'var(--ds-text)';
   'color.text.accent.red': 'var(--ds-text-accent-red)';
   'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
@@ -308,72 +316,6 @@ type CSSTokenMap = {
   'opacity.disabled': 'var(--ds-opacity-disabled)';
   'opacity.loading': 'var(--ds-opacity-loading)';
   'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
-  'spacing.scale.0': 'var(--ds-scale-0)';
-  'spacing.scale.025': 'var(--ds-scale-025)';
-  'spacing.scale.050': 'var(--ds-scale-050)';
-  'spacing.scale.075': 'var(--ds-scale-075)';
-  'spacing.scale.100': 'var(--ds-scale-100)';
-  'spacing.scale.150': 'var(--ds-scale-150)';
-  'spacing.scale.200': 'var(--ds-scale-200)';
-  'spacing.scale.250': 'var(--ds-scale-250)';
-  'spacing.scale.300': 'var(--ds-scale-300)';
-  'spacing.scale.400': 'var(--ds-scale-400)';
-  'spacing.scale.500': 'var(--ds-scale-500)';
-  'spacing.scale.600': 'var(--ds-scale-600)';
-  'spacing.scale.800': 'var(--ds-scale-800)';
-  'spacing.scale.1000': 'var(--ds-scale-1000)';
-  'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
-  'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
-  'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
-  'spacing.scaleLinear.300': 'var(--ds-scaleLinear-300)';
-  'spacing.scaleLinear.400': 'var(--ds-scaleLinear-400)';
-  'spacing.scaleLinear.500': 'var(--ds-scaleLinear-500)';
-  'spacing.scaleLinear.600': 'var(--ds-scaleLinear-600)';
-  'spacing.scaleLinear.700': 'var(--ds-scaleLinear-700)';
-  'spacing.scaleLinear.800': 'var(--ds-scaleLinear-800)';
-  'spacing.scaleLinear.900': 'var(--ds-scaleLinear-900)';
-  'spacing.scaleLinear.1000': 'var(--ds-scaleLinear-1000)';
-  'spacing.scaleLinear.1100': 'var(--ds-scaleLinear-1100)';
-  'spacing.size.none': 'var(--ds-size-none)';
-  'spacing.size.xxxxSmall': 'var(--ds-size-xxxxSmall)';
-  'spacing.size.xxxSmall': 'var(--ds-size-xxxSmall)';
-  'spacing.size.xxSmall': 'var(--ds-size-xxSmall)';
-  'spacing.size.xsmall': 'var(--ds-size-xsmall)';
-  'spacing.size.small': 'var(--ds-size-small)';
-  'spacing.size.medium': 'var(--ds-size-medium)';
-  'spacing.size.large': 'var(--ds-size-large)';
-  'spacing.size.xlarge': 'var(--ds-size-xlarge)';
-  'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
-  'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
-  'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
-  'spacing.gap.100': 'var(--ds-gap-100)';
-  'spacing.gap.200': 'var(--ds-gap-200)';
-  'spacing.gap.300': 'var(--ds-gap-300)';
-  'spacing.inset.100': 'var(--ds-inset-100)';
-  'spacing.inset.200': 'var(--ds-inset-200)';
-  'spacing.inset.300': 'var(--ds-inset-300)';
-  'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
-  'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
-  'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
-  'spacing.ecl.container.24': 'var(--ds-ecl-container-24)';
-  'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
-  'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
-  'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
-  'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
-  'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
-  'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
-  'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
-  'spacing.ccc.component.2': 'var(--ds-ccc-component-2)';
-  'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
-  'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
-  'spacing.ccc.component.8': 'var(--ds-ccc-component-8)';
-  'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
-  'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
-  'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
-  'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
-  'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
-  'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
-  'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
   'space.0': 'var(--ds-space-0)';
   'space.025': 'var(--ds-space-025)';
   'space.050': 'var(--ds-space-050)';
@@ -449,6 +391,7 @@ export function getTokenValue<T extends keyof Tokens_2>(
 type Palettes =
   | 'defaultPalette'
   | 'legacyPalette'
+  | 'shapePalette'
   | 'spacingScale'
   | 'typographyPalette';
 
@@ -476,10 +419,7 @@ interface ThemeConfig {
         mode: Exclude<ThemeColorModes, 'auto'>;
       }
     | {
-        type: 'spacing';
-      }
-    | {
-        type: 'typography';
+        type: Extract<ThemeKinds, 'shape' | 'spacing' | 'typography'>;
       }
   ) & {
     extends?: ExtensionThemeId;
@@ -506,8 +446,12 @@ const themeIds: readonly [
   'legacy-dark',
   'spacing',
   'typography',
+  'shape',
 ];
 
+// @public
+type ThemeKinds = 'color' | 'shape' | 'spacing' | 'typography';
+
 // @public
 export class ThemeMutationObserver {
   constructor(callback: (theme: Partial<ThemeState>) => unknown);
@@ -530,6 +474,7 @@ export type Themes =
   | 'atlassian-legacy-dark'
   | 'atlassian-legacy-light'
   | 'atlassian-light'
+  | 'atlassian-shape'
   | 'atlassian-spacing'
   | 'atlassian-typography';
 
@@ -571,6 +516,14 @@ type Tokens = typeof tokens;
 
 // @public
 const tokens: {
+  readonly 'border.radius.050': '--ds-radius-050';
+  readonly 'border.radius.100': '--ds-radius-100';
+  readonly 'border.radius.200': '--ds-radius-200';
+  readonly 'border.radius.300': '--ds-radius-300';
+  readonly 'border.radius.400': '--ds-radius-400';
+  readonly 'border.radius.round': '--ds-radius-round';
+  readonly 'border.width.050': '--ds-width-050';
+  readonly 'border.width.100': '--ds-width-100';
   readonly 'color.text': '--ds-text';
   readonly 'color.text.accent.red': '--ds-text-accent-red';
   readonly 'color.text.accent.red.bolder': '--ds-text-accent-red-bolder';
@@ -857,72 +810,6 @@ const tokens: {
   readonly 'opacity.disabled': '--ds-opacity-disabled';
   readonly 'opacity.loading': '--ds-opacity-loading';
   readonly 'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent';
-  readonly 'spacing.scale.0': '--ds-scale-0';
-  readonly 'spacing.scale.025': '--ds-scale-025';
-  readonly 'spacing.scale.050': '--ds-scale-050';
-  readonly 'spacing.scale.075': '--ds-scale-075';
-  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.800': '--ds-scale-800';
-  readonly 'spacing.scale.1000': '--ds-scale-1000';
-  readonly 'spacing.scaleLinear.0': '--ds-scaleLinear-0';
-  readonly 'spacing.scaleLinear.100': '--ds-scaleLinear-100';
-  readonly 'spacing.scaleLinear.200': '--ds-scaleLinear-200';
-  readonly 'spacing.scaleLinear.300': '--ds-scaleLinear-300';
-  readonly 'spacing.scaleLinear.400': '--ds-scaleLinear-400';
-  readonly 'spacing.scaleLinear.500': '--ds-scaleLinear-500';
-  readonly 'spacing.scaleLinear.600': '--ds-scaleLinear-600';
-  readonly 'spacing.scaleLinear.700': '--ds-scaleLinear-700';
-  readonly 'spacing.scaleLinear.800': '--ds-scaleLinear-800';
-  readonly 'spacing.scaleLinear.900': '--ds-scaleLinear-900';
-  readonly 'spacing.scaleLinear.1000': '--ds-scaleLinear-1000';
-  readonly 'spacing.scaleLinear.1100': '--ds-scaleLinear-1100';
-  readonly 'spacing.size.none': '--ds-size-none';
-  readonly 'spacing.size.xxxxSmall': '--ds-size-xxxxSmall';
-  readonly 'spacing.size.xxxSmall': '--ds-size-xxxSmall';
-  readonly 'spacing.size.xxSmall': '--ds-size-xxSmall';
-  readonly 'spacing.size.xsmall': '--ds-size-xsmall';
-  readonly 'spacing.size.small': '--ds-size-small';
-  readonly 'spacing.size.medium': '--ds-size-medium';
-  readonly 'spacing.size.large': '--ds-size-large';
-  readonly 'spacing.size.xlarge': '--ds-size-xlarge';
-  readonly 'spacing.size.xxlarge': '--ds-size-xxlarge';
-  readonly 'spacing.size.xxxlarge': '--ds-size-xxxlarge';
-  readonly 'spacing.size.xxxxlarge': '--ds-size-xxxxlarge';
-  readonly 'spacing.gap.100': '--ds-gap-100';
-  readonly 'spacing.gap.200': '--ds-gap-200';
-  readonly 'spacing.gap.300': '--ds-gap-300';
-  readonly 'spacing.inset.100': '--ds-inset-100';
-  readonly 'spacing.inset.200': '--ds-inset-200';
-  readonly 'spacing.inset.300': '--ds-inset-300';
-  readonly 'spacing.ecl.container.12': '--ds-ecl-container-12';
-  readonly 'spacing.ecl.container.16': '--ds-ecl-container-16';
-  readonly 'spacing.ecl.container.20': '--ds-ecl-container-20';
-  readonly 'spacing.ecl.container.24': '--ds-ecl-container-24';
-  readonly 'spacing.ecl.element.2': '--ds-ecl-element-2';
-  readonly 'spacing.ecl.element.4': '--ds-ecl-element-4';
-  readonly 'spacing.ecl.element.6': '--ds-ecl-element-6';
-  readonly 'spacing.ecl.element.8': '--ds-ecl-element-8';
-  readonly 'spacing.ecl.layout.32': '--ds-ecl-layout-32';
-  readonly 'spacing.ecl.layout.40': '--ds-ecl-layout-40';
-  readonly 'spacing.ecl.layout.64': '--ds-ecl-layout-64';
-  readonly 'spacing.ccc.component.2': '--ds-ccc-component-2';
-  readonly 'spacing.ccc.component.4': '--ds-ccc-component-4';
-  readonly 'spacing.ccc.component.6': '--ds-ccc-component-6';
-  readonly 'spacing.ccc.component.8': '--ds-ccc-component-8';
-  readonly 'spacing.ccc.container.32': '--ds-ccc-container-32';
-  readonly 'spacing.ccc.container.40': '--ds-ccc-container-40';
-  readonly 'spacing.ccc.container.48': '--ds-ccc-container-48';
-  readonly 'spacing.ccc.content.12': '--ds-ccc-content-12';
-  readonly 'spacing.ccc.content.16': '--ds-ccc-content-16';
-  readonly 'spacing.ccc.content.20': '--ds-ccc-content-20';
-  readonly 'spacing.ccc.content.24': '--ds-ccc-content-24';
   readonly 'space.0': '--ds-space-0';
   readonly 'space.025': '--ds-space-025';
   readonly 'space.050': '--ds-space-050';

package/tmp/api-report-tmp.d.ts

@@ -11,6 +11,14 @@ export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 
 // @public (undocumented)
 type CSSTokenMap = {
+    'border.radius.050': 'var(--ds-radius-050)';
+    'border.radius.100': 'var(--ds-radius-100)';
+    'border.radius.200': 'var(--ds-radius-200)';
+    'border.radius.300': 'var(--ds-radius-300)';
+    'border.radius.400': 'var(--ds-radius-400)';
+    'border.radius.round': 'var(--ds-radius-round)';
+    'border.width.050': 'var(--ds-width-050)';
+    'border.width.100': 'var(--ds-width-100)';
     'color.text': 'var(--ds-text)';
     'color.text.accent.red': 'var(--ds-text-accent-red)';
     'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
@@ -297,72 +305,6 @@ type CSSTokenMap = {
     'opacity.disabled': 'var(--ds-opacity-disabled)';
     'opacity.loading': 'var(--ds-opacity-loading)';
     'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
-    'spacing.scale.0': 'var(--ds-scale-0)';
-    'spacing.scale.025': 'var(--ds-scale-025)';
-    'spacing.scale.050': 'var(--ds-scale-050)';
-    'spacing.scale.075': 'var(--ds-scale-075)';
-    'spacing.scale.100': 'var(--ds-scale-100)';
-    'spacing.scale.150': 'var(--ds-scale-150)';
-    'spacing.scale.200': 'var(--ds-scale-200)';
-    'spacing.scale.250': 'var(--ds-scale-250)';
-    'spacing.scale.300': 'var(--ds-scale-300)';
-    'spacing.scale.400': 'var(--ds-scale-400)';
-    'spacing.scale.500': 'var(--ds-scale-500)';
-    'spacing.scale.600': 'var(--ds-scale-600)';
-    'spacing.scale.800': 'var(--ds-scale-800)';
-    'spacing.scale.1000': 'var(--ds-scale-1000)';
-    'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
-    'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
-    'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
-    'spacing.scaleLinear.300': 'var(--ds-scaleLinear-300)';
-    'spacing.scaleLinear.400': 'var(--ds-scaleLinear-400)';
-    'spacing.scaleLinear.500': 'var(--ds-scaleLinear-500)';
-    'spacing.scaleLinear.600': 'var(--ds-scaleLinear-600)';
-    'spacing.scaleLinear.700': 'var(--ds-scaleLinear-700)';
-    'spacing.scaleLinear.800': 'var(--ds-scaleLinear-800)';
-    'spacing.scaleLinear.900': 'var(--ds-scaleLinear-900)';
-    'spacing.scaleLinear.1000': 'var(--ds-scaleLinear-1000)';
-    'spacing.scaleLinear.1100': 'var(--ds-scaleLinear-1100)';
-    'spacing.size.none': 'var(--ds-size-none)';
-    'spacing.size.xxxxSmall': 'var(--ds-size-xxxxSmall)';
-    'spacing.size.xxxSmall': 'var(--ds-size-xxxSmall)';
-    'spacing.size.xxSmall': 'var(--ds-size-xxSmall)';
-    'spacing.size.xsmall': 'var(--ds-size-xsmall)';
-    'spacing.size.small': 'var(--ds-size-small)';
-    'spacing.size.medium': 'var(--ds-size-medium)';
-    'spacing.size.large': 'var(--ds-size-large)';
-    'spacing.size.xlarge': 'var(--ds-size-xlarge)';
-    'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
-    'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
-    'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
-    'spacing.gap.100': 'var(--ds-gap-100)';
-    'spacing.gap.200': 'var(--ds-gap-200)';
-    'spacing.gap.300': 'var(--ds-gap-300)';
-    'spacing.inset.100': 'var(--ds-inset-100)';
-    'spacing.inset.200': 'var(--ds-inset-200)';
-    'spacing.inset.300': 'var(--ds-inset-300)';
-    'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
-    'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
-    'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
-    'spacing.ecl.container.24': 'var(--ds-ecl-container-24)';
-    'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
-    'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
-    'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
-    'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
-    'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
-    'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
-    'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
-    'spacing.ccc.component.2': 'var(--ds-ccc-component-2)';
-    'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
-    'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
-    'spacing.ccc.component.8': 'var(--ds-ccc-component-8)';
-    'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
-    'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
-    'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
-    'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
-    'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
-    'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
-    'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
     'space.0': 'var(--ds-space-0)';
     'space.025': 'var(--ds-space-025)';
     'space.050': 'var(--ds-space-050)';
@@ -418,7 +360,7 @@ export const getThemeStyles: ({ colorMode, dark, light, spacing, typography, }?:
 export function getTokenValue<T extends keyof Tokens_2>(tokenId: T, fallback?: string): string;
 
 // @public
-type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'typographyPalette';
+type Palettes = 'defaultPalette' | 'legacyPalette' | 'shapePalette' | 'spacingScale' | 'typographyPalette';
 
 // @public
 export const setGlobalTheme: ({ colorMode, dark, light, spacing, typography, }?: Partial<ThemeState>) => Promise<UnbindFn>;
@@ -436,9 +378,7 @@ interface ThemeConfig {
         type: 'color';
         mode: Exclude<ThemeColorModes, 'auto'>;
     } | {
-        type: 'spacing';
-    } | {
-        type: 'typography';
+        type: Extract<ThemeKinds, 'shape' | 'spacing' | 'typography'>;
     }) & {
         extends?: ExtensionThemeId;
     };
@@ -457,7 +397,10 @@ export const themeConfig: Record<Themes, ThemeConfig>;
 export type ThemeIds = typeof themeIds[number];
 
 // @public
-const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography"];
+const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape"];
+
+// @public
+type ThemeKinds = 'color' | 'shape' | 'spacing' | 'typography';
 
 // @public
 export class ThemeMutationObserver {
@@ -476,7 +419,7 @@ export class ThemeMutationObserver {
 export const themeObjectToString: (themeState: Partial<ThemeState>) => string;
 
 // @public
-export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-spacing' | 'atlassian-typography';
+export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
 
 // @public (undocumented)
 export interface ThemeState {
@@ -513,6 +456,14 @@ type Tokens = typeof tokens;
 
 // @public
 const tokens: {
+    readonly 'border.radius.050': "--ds-radius-050";
+    readonly 'border.radius.100': "--ds-radius-100";
+    readonly 'border.radius.200': "--ds-radius-200";
+    readonly 'border.radius.300': "--ds-radius-300";
+    readonly 'border.radius.400': "--ds-radius-400";
+    readonly 'border.radius.round': "--ds-radius-round";
+    readonly 'border.width.050': "--ds-width-050";
+    readonly 'border.width.100': "--ds-width-100";
     readonly 'color.text': "--ds-text";
     readonly 'color.text.accent.red': "--ds-text-accent-red";
     readonly 'color.text.accent.red.bolder': "--ds-text-accent-red-bolder";
@@ -799,72 +750,6 @@ const tokens: {
     readonly 'opacity.disabled': "--ds-opacity-disabled";
     readonly 'opacity.loading': "--ds-opacity-loading";
     readonly 'utility.UNSAFE.transparent': "--ds-UNSAFE-transparent";
-    readonly 'spacing.scale.0': "--ds-scale-0";
-    readonly 'spacing.scale.025': "--ds-scale-025";
-    readonly 'spacing.scale.050': "--ds-scale-050";
-    readonly 'spacing.scale.075': "--ds-scale-075";
-    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.800': "--ds-scale-800";
-    readonly 'spacing.scale.1000': "--ds-scale-1000";
-    readonly 'spacing.scaleLinear.0': "--ds-scaleLinear-0";
-    readonly 'spacing.scaleLinear.100': "--ds-scaleLinear-100";
-    readonly 'spacing.scaleLinear.200': "--ds-scaleLinear-200";
-    readonly 'spacing.scaleLinear.300': "--ds-scaleLinear-300";
-    readonly 'spacing.scaleLinear.400': "--ds-scaleLinear-400";
-    readonly 'spacing.scaleLinear.500': "--ds-scaleLinear-500";
-    readonly 'spacing.scaleLinear.600': "--ds-scaleLinear-600";
-    readonly 'spacing.scaleLinear.700': "--ds-scaleLinear-700";
-    readonly 'spacing.scaleLinear.800': "--ds-scaleLinear-800";
-    readonly 'spacing.scaleLinear.900': "--ds-scaleLinear-900";
-    readonly 'spacing.scaleLinear.1000': "--ds-scaleLinear-1000";
-    readonly 'spacing.scaleLinear.1100': "--ds-scaleLinear-1100";
-    readonly 'spacing.size.none': "--ds-size-none";
-    readonly 'spacing.size.xxxxSmall': "--ds-size-xxxxSmall";
-    readonly 'spacing.size.xxxSmall': "--ds-size-xxxSmall";
-    readonly 'spacing.size.xxSmall': "--ds-size-xxSmall";
-    readonly 'spacing.size.xsmall': "--ds-size-xsmall";
-    readonly 'spacing.size.small': "--ds-size-small";
-    readonly 'spacing.size.medium': "--ds-size-medium";
-    readonly 'spacing.size.large': "--ds-size-large";
-    readonly 'spacing.size.xlarge': "--ds-size-xlarge";
-    readonly 'spacing.size.xxlarge': "--ds-size-xxlarge";
-    readonly 'spacing.size.xxxlarge': "--ds-size-xxxlarge";
-    readonly 'spacing.size.xxxxlarge': "--ds-size-xxxxlarge";
-    readonly 'spacing.gap.100': "--ds-gap-100";
-    readonly 'spacing.gap.200': "--ds-gap-200";
-    readonly 'spacing.gap.300': "--ds-gap-300";
-    readonly 'spacing.inset.100': "--ds-inset-100";
-    readonly 'spacing.inset.200': "--ds-inset-200";
-    readonly 'spacing.inset.300': "--ds-inset-300";
-    readonly 'spacing.ecl.container.12': "--ds-ecl-container-12";
-    readonly 'spacing.ecl.container.16': "--ds-ecl-container-16";
-    readonly 'spacing.ecl.container.20': "--ds-ecl-container-20";
-    readonly 'spacing.ecl.container.24': "--ds-ecl-container-24";
-    readonly 'spacing.ecl.element.2': "--ds-ecl-element-2";
-    readonly 'spacing.ecl.element.4': "--ds-ecl-element-4";
-    readonly 'spacing.ecl.element.6': "--ds-ecl-element-6";
-    readonly 'spacing.ecl.element.8': "--ds-ecl-element-8";
-    readonly 'spacing.ecl.layout.32': "--ds-ecl-layout-32";
-    readonly 'spacing.ecl.layout.40': "--ds-ecl-layout-40";
-    readonly 'spacing.ecl.layout.64': "--ds-ecl-layout-64";
-    readonly 'spacing.ccc.component.2': "--ds-ccc-component-2";
-    readonly 'spacing.ccc.component.4': "--ds-ccc-component-4";
-    readonly 'spacing.ccc.component.6': "--ds-ccc-component-6";
-    readonly 'spacing.ccc.component.8': "--ds-ccc-component-8";
-    readonly 'spacing.ccc.container.32': "--ds-ccc-container-32";
-    readonly 'spacing.ccc.container.40': "--ds-ccc-container-40";
-    readonly 'spacing.ccc.container.48': "--ds-ccc-container-48";
-    readonly 'spacing.ccc.content.12': "--ds-ccc-content-12";
-    readonly 'spacing.ccc.content.16': "--ds-ccc-content-16";
-    readonly 'spacing.ccc.content.20': "--ds-ccc-content-20";
-    readonly 'spacing.ccc.content.24': "--ds-ccc-content-24";
     readonly 'space.0': "--ds-space-0";
     readonly 'space.025': "--ds-space-025";
     readonly 'space.050': "--ds-space-050";