@atlaskit/tokens 0.13.1 → 0.13.3

package/dist/types/artifacts/typescript/atlassian-light-types-internal.d.ts

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::1dd64ddb2df151d9df21390717a58975>>
+ * @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.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overflow.perimeter' | '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';

package/dist/types/artifacts/typescript/atlassian-light-types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::777e098e560f16035bf68a6da00217f2>>
+ * @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.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overflow.perimeter' | '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';

package/dist/types/tokens/atlassian-dark/color/chart.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { ChartColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<ChartColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types/tokens/atlassian-legacy-dark/color/chart.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { ChartColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<ChartColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types/tokens/atlassian-legacy-light/color/chart.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/legacy-palette';
+import type { ChartColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<ChartColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types/tokens/atlassian-light/color/chart.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { ChartColorTokenSchema, ValueSchema } from '../../../types';
+declare const color: ValueSchema<ChartColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types/tokens/default/color/chart.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/palette';
+import type { AttributeSchema, ChartColorTokenSchema } from '../../../types';
+declare const color: AttributeSchema<ChartColorTokenSchema<BaseToken>>;
+export default color;

package/dist/types/types.d.ts

@@ -471,6 +471,230 @@ export interface SkeletonColorTokenSchema<BaseToken> {
         };
     };
 }
+export interface ChartColorTokenSchema<BaseToken> {
+    color: {
+        chart: {
+            brand: {
+                '[default]': PaintToken<BaseToken>;
+                hovered: PaintToken<BaseToken>;
+            };
+            neutral: {
+                '[default]': PaintToken<BaseToken>;
+                hovered: PaintToken<BaseToken>;
+            };
+            success: {
+                '[default]': {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            danger: {
+                '[default]': {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            warning: {
+                '[default]': {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            information: {
+                '[default]': {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            discovery: {
+                '[default]': {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            categorical: {
+                1: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                2: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                3: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                4: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                5: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                6: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                7: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                8: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            blue: {
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bolder: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                boldest: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            red: {
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bolder: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                boldest: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            orange: {
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bolder: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                boldest: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            yellow: {
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bolder: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                boldest: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            green: {
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bolder: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                boldest: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            teal: {
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bolder: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                boldest: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            purple: {
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bolder: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                boldest: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            magenta: {
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bolder: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                boldest: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+            gray: {
+                bold: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                bolder: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+                boldest: {
+                    '[default]': PaintToken<BaseToken>;
+                    hovered: PaintToken<BaseToken>;
+                };
+            };
+        };
+    };
+}
 export interface UtilTokenSchema<BaseToken> {
     UNSAFE_util: {
         transparent: RawToken;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.13.1",
+  "version": "0.13.3",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -73,7 +73,7 @@
     "@atlaskit/dynamic-table": "^14.8.0",
     "@atlaskit/empty-state": "^7.4.0",
     "@atlaskit/focus-ring": "^1.2.0",
-    "@atlaskit/heading": "^1.0.0",
+    "@atlaskit/heading": "^1.0.1",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/modal-dialog": "^12.4.0",
@@ -94,6 +94,8 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/chrome": "^0.0.171",
     "copy-webpack-plugin": "^6.4.0",
+    "echarts": "^5.4.1",
+    "echarts-for-react": "^3.0.2",
     "fuse.js": "^6.6.2",
     "lodash": "^4.17.21",
     "prettier": "^2.7.0",

package/report.api.md

@@ -264,6 +264,100 @@ type CSSTokenMap = {
   'color.blanket': 'var(--ds-blanket)';
   'color.blanket.selected': 'var(--ds-blanket-selected)';
   'color.blanket.danger': 'var(--ds-blanket-danger)';
+  'color.chart.brand': 'var(--ds-chart-brand)';
+  'color.chart.brand.hovered': 'var(--ds-chart-brand-hovered)';
+  'color.chart.neutral': 'var(--ds-chart-neutral)';
+  'color.chart.neutral.hovered': 'var(--ds-chart-neutral-hovered)';
+  'color.chart.success': 'var(--ds-chart-success)';
+  'color.chart.success.hovered': 'var(--ds-chart-success-hovered)';
+  'color.chart.success.bold': 'var(--ds-chart-success-bold)';
+  'color.chart.success.bold.hovered': 'var(--ds-chart-success-bold-hovered)';
+  'color.chart.danger': 'var(--ds-chart-danger)';
+  'color.chart.danger.hovered': 'var(--ds-chart-danger-hovered)';
+  'color.chart.danger.bold': 'var(--ds-chart-danger-bold)';
+  'color.chart.danger.bold.hovered': 'var(--ds-chart-danger-bold-hovered)';
+  'color.chart.warning': 'var(--ds-chart-warning)';
+  'color.chart.warning.hovered': 'var(--ds-chart-warning-hovered)';
+  'color.chart.warning.bold': 'var(--ds-chart-warning-bold)';
+  'color.chart.warning.bold.hovered': 'var(--ds-chart-warning-bold-hovered)';
+  'color.chart.information': 'var(--ds-chart-information)';
+  'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
+  'color.chart.information.bold': 'var(--ds-chart-information-bold)';
+  'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
+  'color.chart.discovery': 'var(--ds-chart-discovery)';
+  'color.chart.discovery.hovered': 'var(--ds-chart-discovery-hovered)';
+  'color.chart.discovery.bold': 'var(--ds-chart-discovery-bold)';
+  'color.chart.discovery.bold.hovered': 'var(--ds-chart-discovery-bold-hovered)';
+  'color.chart.categorical.1': 'var(--ds-chart-categorical-1)';
+  'color.chart.categorical.1.hovered': 'var(--ds-chart-categorical-1-hovered)';
+  'color.chart.categorical.2': 'var(--ds-chart-categorical-2)';
+  'color.chart.categorical.2.hovered': 'var(--ds-chart-categorical-2-hovered)';
+  'color.chart.categorical.3': 'var(--ds-chart-categorical-3)';
+  'color.chart.categorical.3.hovered': 'var(--ds-chart-categorical-3-hovered)';
+  'color.chart.categorical.4': 'var(--ds-chart-categorical-4)';
+  'color.chart.categorical.4.hovered': 'var(--ds-chart-categorical-4-hovered)';
+  'color.chart.categorical.5': 'var(--ds-chart-categorical-5)';
+  'color.chart.categorical.5.hovered': 'var(--ds-chart-categorical-5-hovered)';
+  'color.chart.categorical.6': 'var(--ds-chart-categorical-6)';
+  'color.chart.categorical.6.hovered': 'var(--ds-chart-categorical-6-hovered)';
+  'color.chart.categorical.7': 'var(--ds-chart-categorical-7)';
+  'color.chart.categorical.7.hovered': 'var(--ds-chart-categorical-7-hovered)';
+  'color.chart.categorical.8': 'var(--ds-chart-categorical-8)';
+  'color.chart.categorical.8.hovered': 'var(--ds-chart-categorical-8-hovered)';
+  'color.chart.blue.bold': 'var(--ds-chart-blue-bold)';
+  'color.chart.blue.bold.hovered': 'var(--ds-chart-blue-bold-hovered)';
+  'color.chart.blue.bolder': 'var(--ds-chart-blue-bolder)';
+  'color.chart.blue.bolder.hovered': 'var(--ds-chart-blue-bolder-hovered)';
+  'color.chart.blue.boldest': 'var(--ds-chart-blue-boldest)';
+  'color.chart.blue.boldest.hovered': 'var(--ds-chart-blue-boldest-hovered)';
+  'color.chart.red.bold': 'var(--ds-chart-red-bold)';
+  'color.chart.red.bold.hovered': 'var(--ds-chart-red-bold-hovered)';
+  'color.chart.red.bolder': 'var(--ds-chart-red-bolder)';
+  'color.chart.red.bolder.hovered': 'var(--ds-chart-red-bolder-hovered)';
+  'color.chart.red.boldest': 'var(--ds-chart-red-boldest)';
+  'color.chart.red.boldest.hovered': 'var(--ds-chart-red-boldest-hovered)';
+  'color.chart.orange.bold': 'var(--ds-chart-orange-bold)';
+  'color.chart.orange.bold.hovered': 'var(--ds-chart-orange-bold-hovered)';
+  'color.chart.orange.bolder': 'var(--ds-chart-orange-bolder)';
+  'color.chart.orange.bolder.hovered': 'var(--ds-chart-orange-bolder-hovered)';
+  'color.chart.orange.boldest': 'var(--ds-chart-orange-boldest)';
+  'color.chart.orange.boldest.hovered': 'var(--ds-chart-orange-boldest-hovered)';
+  'color.chart.yellow.bold': 'var(--ds-chart-yellow-bold)';
+  'color.chart.yellow.bold.hovered': 'var(--ds-chart-yellow-bold-hovered)';
+  'color.chart.yellow.bolder': 'var(--ds-chart-yellow-bolder)';
+  'color.chart.yellow.bolder.hovered': 'var(--ds-chart-yellow-bolder-hovered)';
+  'color.chart.yellow.boldest': 'var(--ds-chart-yellow-boldest)';
+  'color.chart.yellow.boldest.hovered': 'var(--ds-chart-yellow-boldest-hovered)';
+  'color.chart.green.bold': 'var(--ds-chart-green-bold)';
+  'color.chart.green.bold.hovered': 'var(--ds-chart-green-bold-hovered)';
+  'color.chart.green.bolder': 'var(--ds-chart-green-bolder)';
+  'color.chart.green.bolder.hovered': 'var(--ds-chart-green-bolder-hovered)';
+  'color.chart.green.boldest': 'var(--ds-chart-green-boldest)';
+  'color.chart.green.boldest.hovered': 'var(--ds-chart-green-boldest-hovered)';
+  'color.chart.teal.bold': 'var(--ds-chart-teal-bold)';
+  'color.chart.teal.bold.hovered': 'var(--ds-chart-teal-bold-hovered)';
+  'color.chart.teal.bolder': 'var(--ds-chart-teal-bolder)';
+  'color.chart.teal.bolder.hovered': 'var(--ds-chart-teal-bolder-hovered)';
+  'color.chart.teal.boldest': 'var(--ds-chart-teal-boldest)';
+  'color.chart.teal.boldest.hovered': 'var(--ds-chart-teal-boldest-hovered)';
+  'color.chart.purple.bold': 'var(--ds-chart-purple-bold)';
+  'color.chart.purple.bold.hovered': 'var(--ds-chart-purple-bold-hovered)';
+  'color.chart.purple.bolder': 'var(--ds-chart-purple-bolder)';
+  'color.chart.purple.bolder.hovered': 'var(--ds-chart-purple-bolder-hovered)';
+  'color.chart.purple.boldest': 'var(--ds-chart-purple-boldest)';
+  'color.chart.purple.boldest.hovered': 'var(--ds-chart-purple-boldest-hovered)';
+  'color.chart.magenta.bold': 'var(--ds-chart-magenta-bold)';
+  'color.chart.magenta.bold.hovered': 'var(--ds-chart-magenta-bold-hovered)';
+  'color.chart.magenta.bolder': 'var(--ds-chart-magenta-bolder)';
+  'color.chart.magenta.bolder.hovered': 'var(--ds-chart-magenta-bolder-hovered)';
+  'color.chart.magenta.boldest': 'var(--ds-chart-magenta-boldest)';
+  'color.chart.magenta.boldest.hovered': 'var(--ds-chart-magenta-boldest-hovered)';
+  'color.chart.gray.bold': 'var(--ds-chart-gray-bold)';
+  'color.chart.gray.bold.hovered': 'var(--ds-chart-gray-bold-hovered)';
+  'color.chart.gray.bolder': 'var(--ds-chart-gray-bolder)';
+  'color.chart.gray.bolder.hovered': 'var(--ds-chart-gray-bolder-hovered)';
+  'color.chart.gray.boldest': 'var(--ds-chart-gray-boldest)';
+  'color.chart.gray.boldest.hovered': 'var(--ds-chart-gray-boldest-hovered)';
   'color.interaction.hovered': 'var(--ds-interaction-hovered)';
   'color.interaction.pressed': 'var(--ds-interaction-pressed)';
   'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
@@ -754,6 +848,100 @@ const tokens: {
   readonly 'color.blanket': '--ds-blanket';
   readonly 'color.blanket.selected': '--ds-blanket-selected';
   readonly 'color.blanket.danger': '--ds-blanket-danger';
+  readonly 'color.chart.brand': '--ds-chart-brand';
+  readonly 'color.chart.brand.hovered': '--ds-chart-brand-hovered';
+  readonly 'color.chart.neutral': '--ds-chart-neutral';
+  readonly 'color.chart.neutral.hovered': '--ds-chart-neutral-hovered';
+  readonly 'color.chart.success': '--ds-chart-success';
+  readonly 'color.chart.success.hovered': '--ds-chart-success-hovered';
+  readonly 'color.chart.success.bold': '--ds-chart-success-bold';
+  readonly 'color.chart.success.bold.hovered': '--ds-chart-success-bold-hovered';
+  readonly 'color.chart.danger': '--ds-chart-danger';
+  readonly 'color.chart.danger.hovered': '--ds-chart-danger-hovered';
+  readonly 'color.chart.danger.bold': '--ds-chart-danger-bold';
+  readonly 'color.chart.danger.bold.hovered': '--ds-chart-danger-bold-hovered';
+  readonly 'color.chart.warning': '--ds-chart-warning';
+  readonly 'color.chart.warning.hovered': '--ds-chart-warning-hovered';
+  readonly 'color.chart.warning.bold': '--ds-chart-warning-bold';
+  readonly 'color.chart.warning.bold.hovered': '--ds-chart-warning-bold-hovered';
+  readonly 'color.chart.information': '--ds-chart-information';
+  readonly 'color.chart.information.hovered': '--ds-chart-information-hovered';
+  readonly 'color.chart.information.bold': '--ds-chart-information-bold';
+  readonly 'color.chart.information.bold.hovered': '--ds-chart-information-bold-hovered';
+  readonly 'color.chart.discovery': '--ds-chart-discovery';
+  readonly 'color.chart.discovery.hovered': '--ds-chart-discovery-hovered';
+  readonly 'color.chart.discovery.bold': '--ds-chart-discovery-bold';
+  readonly 'color.chart.discovery.bold.hovered': '--ds-chart-discovery-bold-hovered';
+  readonly 'color.chart.categorical.1': '--ds-chart-categorical-1';
+  readonly 'color.chart.categorical.1.hovered': '--ds-chart-categorical-1-hovered';
+  readonly 'color.chart.categorical.2': '--ds-chart-categorical-2';
+  readonly 'color.chart.categorical.2.hovered': '--ds-chart-categorical-2-hovered';
+  readonly 'color.chart.categorical.3': '--ds-chart-categorical-3';
+  readonly 'color.chart.categorical.3.hovered': '--ds-chart-categorical-3-hovered';
+  readonly 'color.chart.categorical.4': '--ds-chart-categorical-4';
+  readonly 'color.chart.categorical.4.hovered': '--ds-chart-categorical-4-hovered';
+  readonly 'color.chart.categorical.5': '--ds-chart-categorical-5';
+  readonly 'color.chart.categorical.5.hovered': '--ds-chart-categorical-5-hovered';
+  readonly 'color.chart.categorical.6': '--ds-chart-categorical-6';
+  readonly 'color.chart.categorical.6.hovered': '--ds-chart-categorical-6-hovered';
+  readonly 'color.chart.categorical.7': '--ds-chart-categorical-7';
+  readonly 'color.chart.categorical.7.hovered': '--ds-chart-categorical-7-hovered';
+  readonly 'color.chart.categorical.8': '--ds-chart-categorical-8';
+  readonly 'color.chart.categorical.8.hovered': '--ds-chart-categorical-8-hovered';
+  readonly 'color.chart.blue.bold': '--ds-chart-blue-bold';
+  readonly 'color.chart.blue.bold.hovered': '--ds-chart-blue-bold-hovered';
+  readonly 'color.chart.blue.bolder': '--ds-chart-blue-bolder';
+  readonly 'color.chart.blue.bolder.hovered': '--ds-chart-blue-bolder-hovered';
+  readonly 'color.chart.blue.boldest': '--ds-chart-blue-boldest';
+  readonly 'color.chart.blue.boldest.hovered': '--ds-chart-blue-boldest-hovered';
+  readonly 'color.chart.red.bold': '--ds-chart-red-bold';
+  readonly 'color.chart.red.bold.hovered': '--ds-chart-red-bold-hovered';
+  readonly 'color.chart.red.bolder': '--ds-chart-red-bolder';
+  readonly 'color.chart.red.bolder.hovered': '--ds-chart-red-bolder-hovered';
+  readonly 'color.chart.red.boldest': '--ds-chart-red-boldest';
+  readonly 'color.chart.red.boldest.hovered': '--ds-chart-red-boldest-hovered';
+  readonly 'color.chart.orange.bold': '--ds-chart-orange-bold';
+  readonly 'color.chart.orange.bold.hovered': '--ds-chart-orange-bold-hovered';
+  readonly 'color.chart.orange.bolder': '--ds-chart-orange-bolder';
+  readonly 'color.chart.orange.bolder.hovered': '--ds-chart-orange-bolder-hovered';
+  readonly 'color.chart.orange.boldest': '--ds-chart-orange-boldest';
+  readonly 'color.chart.orange.boldest.hovered': '--ds-chart-orange-boldest-hovered';
+  readonly 'color.chart.yellow.bold': '--ds-chart-yellow-bold';
+  readonly 'color.chart.yellow.bold.hovered': '--ds-chart-yellow-bold-hovered';
+  readonly 'color.chart.yellow.bolder': '--ds-chart-yellow-bolder';
+  readonly 'color.chart.yellow.bolder.hovered': '--ds-chart-yellow-bolder-hovered';
+  readonly 'color.chart.yellow.boldest': '--ds-chart-yellow-boldest';
+  readonly 'color.chart.yellow.boldest.hovered': '--ds-chart-yellow-boldest-hovered';
+  readonly 'color.chart.green.bold': '--ds-chart-green-bold';
+  readonly 'color.chart.green.bold.hovered': '--ds-chart-green-bold-hovered';
+  readonly 'color.chart.green.bolder': '--ds-chart-green-bolder';
+  readonly 'color.chart.green.bolder.hovered': '--ds-chart-green-bolder-hovered';
+  readonly 'color.chart.green.boldest': '--ds-chart-green-boldest';
+  readonly 'color.chart.green.boldest.hovered': '--ds-chart-green-boldest-hovered';
+  readonly 'color.chart.teal.bold': '--ds-chart-teal-bold';
+  readonly 'color.chart.teal.bold.hovered': '--ds-chart-teal-bold-hovered';
+  readonly 'color.chart.teal.bolder': '--ds-chart-teal-bolder';
+  readonly 'color.chart.teal.bolder.hovered': '--ds-chart-teal-bolder-hovered';
+  readonly 'color.chart.teal.boldest': '--ds-chart-teal-boldest';
+  readonly 'color.chart.teal.boldest.hovered': '--ds-chart-teal-boldest-hovered';
+  readonly 'color.chart.purple.bold': '--ds-chart-purple-bold';
+  readonly 'color.chart.purple.bold.hovered': '--ds-chart-purple-bold-hovered';
+  readonly 'color.chart.purple.bolder': '--ds-chart-purple-bolder';
+  readonly 'color.chart.purple.bolder.hovered': '--ds-chart-purple-bolder-hovered';
+  readonly 'color.chart.purple.boldest': '--ds-chart-purple-boldest';
+  readonly 'color.chart.purple.boldest.hovered': '--ds-chart-purple-boldest-hovered';
+  readonly 'color.chart.magenta.bold': '--ds-chart-magenta-bold';
+  readonly 'color.chart.magenta.bold.hovered': '--ds-chart-magenta-bold-hovered';
+  readonly 'color.chart.magenta.bolder': '--ds-chart-magenta-bolder';
+  readonly 'color.chart.magenta.bolder.hovered': '--ds-chart-magenta-bolder-hovered';
+  readonly 'color.chart.magenta.boldest': '--ds-chart-magenta-boldest';
+  readonly 'color.chart.magenta.boldest.hovered': '--ds-chart-magenta-boldest-hovered';
+  readonly 'color.chart.gray.bold': '--ds-chart-gray-bold';
+  readonly 'color.chart.gray.bold.hovered': '--ds-chart-gray-bold-hovered';
+  readonly 'color.chart.gray.bolder': '--ds-chart-gray-bolder';
+  readonly 'color.chart.gray.bolder.hovered': '--ds-chart-gray-bolder-hovered';
+  readonly 'color.chart.gray.boldest': '--ds-chart-gray-boldest';
+  readonly 'color.chart.gray.boldest.hovered': '--ds-chart-gray-boldest-hovered';
   readonly 'color.interaction.hovered': '--ds-interaction-hovered';
   readonly 'color.interaction.pressed': '--ds-interaction-pressed';
   readonly 'color.interaction.inverse.hovered': '--ds-interaction-inverse-hovered';