@atlaskit/tokens 0.1.0 → 0.3.0

package/dist/types/tokens/token-names.d.ts

@@ -1,168 +1,182 @@
 declare const tokens: {
-    readonly 'color.accent.subtleBlue': "--accent-subtleBlue";
-    readonly 'color.accent.subtleGreen': "--accent-subtleGreen";
-    readonly 'color.accent.subtleMagenta': "--accent-subtleMagenta";
-    readonly 'color.accent.subtleOrange': "--accent-subtleOrange";
-    readonly 'color.accent.subtlePurple': "--accent-subtlePurple";
-    readonly 'color.accent.subtleRed': "--accent-subtleRed";
-    readonly 'color.accent.subtleTeal': "--accent-subtleTeal";
-    readonly 'color.background.sunken': "--background-sunken";
-    readonly 'color.background.default': "--background-default";
-    readonly 'color.background.card': "--background-card";
-    readonly 'color.background.overlay': "--background-overlay";
-    readonly 'color.background.selected.resting': "--background-selected-resting";
-    readonly 'color.background.selected.hover': "--background-selected-hover";
-    readonly 'color.background.selected.pressed': "--background-selected-pressed";
-    readonly 'color.background.blanket': "--background-blanket";
-    readonly 'color.background.disabled': "--background-disabled";
-    readonly 'color.background.boldBrand.resting': "--background-boldBrand-resting";
-    readonly 'color.background.boldBrand.hover': "--background-boldBrand-hover";
-    readonly 'color.background.boldBrand.pressed': "--background-boldBrand-pressed";
-    readonly 'color.background.subtleBrand.resting': "--background-subtleBrand-resting";
-    readonly 'color.background.subtleBrand.hover': "--background-subtleBrand-hover";
-    readonly 'color.background.subtleBrand.pressed': "--background-subtleBrand-pressed";
-    readonly 'color.background.boldDanger.resting': "--background-boldDanger-resting";
-    readonly 'color.background.boldDanger.hover': "--background-boldDanger-hover";
-    readonly 'color.background.boldDanger.pressed': "--background-boldDanger-pressed";
-    readonly 'color.background.subtleDanger.resting': "--background-subtleDanger-resting";
-    readonly 'color.background.subtleDanger.hover': "--background-subtleDanger-hover";
-    readonly 'color.background.subtleDanger.pressed': "--background-subtleDanger-pressed";
-    readonly 'color.background.boldWarning.resting': "--background-boldWarning-resting";
-    readonly 'color.background.boldWarning.hover': "--background-boldWarning-hover";
-    readonly 'color.background.boldWarning.pressed': "--background-boldWarning-pressed";
-    readonly 'color.background.subtleWarning.resting': "--background-subtleWarning-resting";
-    readonly 'color.background.subtleWarning.hover': "--background-subtleWarning-hover";
-    readonly 'color.background.subtleWarning.pressed': "--background-subtleWarning-pressed";
-    readonly 'color.background.boldSuccess.resting': "--background-boldSuccess-resting";
-    readonly 'color.background.boldSuccess.hover': "--background-boldSuccess-hover";
-    readonly 'color.background.boldSuccess.pressed': "--background-boldSuccess-pressed";
-    readonly 'color.background.subtleSuccess.resting': "--background-subtleSuccess-resting";
-    readonly 'color.background.subtleSuccess.hover': "--background-subtleSuccess-hover";
-    readonly 'color.background.subtleSuccess.pressed': "--background-subtleSuccess-pressed";
-    readonly 'color.background.boldDiscovery.resting': "--background-boldDiscovery-resting";
-    readonly 'color.background.boldDiscovery.hover': "--background-boldDiscovery-hover";
-    readonly 'color.background.boldDiscovery.pressed': "--background-boldDiscovery-pressed";
-    readonly 'color.background.subtleDiscovery.resting': "--background-subtleDiscovery-resting";
-    readonly 'color.background.subtleDiscovery.hover': "--background-subtleDiscovery-hover";
-    readonly 'color.background.subtleDiscovery.pressed': "--background-subtleDiscovery-pressed";
-    readonly 'color.background.boldNeutral.resting': "--background-boldNeutral-resting";
-    readonly 'color.background.boldNeutral.hover': "--background-boldNeutral-hover";
-    readonly 'color.background.boldNeutral.pressed': "--background-boldNeutral-pressed";
-    readonly 'color.background.transparentNeutral.hover': "--background-transparentNeutral-hover";
-    readonly 'color.background.transparentNeutral.pressed': "--background-transparentNeutral-pressed";
-    readonly 'color.background.subtleNeutral.resting': "--background-subtleNeutral-resting";
-    readonly 'color.background.subtleNeutral.hover': "--background-subtleNeutral-hover";
-    readonly 'color.background.subtleNeutral.pressed': "--background-subtleNeutral-pressed";
-    readonly 'color.background.subtleBorderedNeutral.resting': "--background-subtleBorderedNeutral-resting";
-    readonly 'color.background.subtleBorderedNeutral.pressed': "--background-subtleBorderedNeutral-pressed";
-    readonly 'color.border.focus': "--border-focus";
-    readonly 'color.border.neutral': "--border-neutral";
-    readonly 'color.iconBorder.brand': "--iconBorder-brand";
-    readonly 'color.iconBorder.danger': "--iconBorder-danger";
-    readonly 'color.iconBorder.warning': "--iconBorder-warning";
-    readonly 'color.iconBorder.success': "--iconBorder-success";
-    readonly 'color.iconBorder.discovery': "--iconBorder-discovery";
-    readonly 'color.overlay.hover': "--overlay-hover";
-    readonly 'color.overlay.pressed': "--overlay-pressed";
-    readonly 'color.text.selected': "--text-selected";
-    readonly 'color.text.highEmphasis': "--text-highEmphasis";
-    readonly 'color.text.mediumEmphasis': "--text-mediumEmphasis";
-    readonly 'color.text.lowEmphasis': "--text-lowEmphasis";
-    readonly 'color.text.onBold': "--text-onBold";
-    readonly 'color.text.onBoldWarning': "--text-onBoldWarning";
-    readonly 'color.text.link.resting': "--text-link-resting";
-    readonly 'color.text.link.pressed': "--text-link-pressed";
-    readonly 'color.text.brand': "--text-brand";
-    readonly 'color.text.warning': "--text-warning";
-    readonly 'color.text.danger': "--text-danger";
-    readonly 'color.text.success': "--text-success";
-    readonly 'color.text.discovery': "--text-discovery";
-    readonly 'color.text.disabled': "--text-disabled";
-    readonly 'shadow.card': "--card";
-    readonly 'shadow.overlay': "--overlay";
+    readonly 'color.accent.boldBlue': "--ds-accent-boldBlue";
+    readonly 'color.accent.boldGreen': "--ds-accent-boldGreen";
+    readonly 'color.accent.boldOrange': "--ds-accent-boldOrange";
+    readonly 'color.accent.boldPurple': "--ds-accent-boldPurple";
+    readonly 'color.accent.boldRed': "--ds-accent-boldRed";
+    readonly 'color.accent.boldTeal': "--ds-accent-boldTeal";
+    readonly 'color.accent.subtleBlue': "--ds-accent-subtleBlue";
+    readonly 'color.accent.subtleGreen': "--ds-accent-subtleGreen";
+    readonly 'color.accent.subtleMagenta': "--ds-accent-subtleMagenta";
+    readonly 'color.accent.subtleOrange': "--ds-accent-subtleOrange";
+    readonly 'color.accent.subtlePurple': "--ds-accent-subtlePurple";
+    readonly 'color.accent.subtleRed': "--ds-accent-subtleRed";
+    readonly 'color.accent.subtleTeal': "--ds-accent-subtleTeal";
+    readonly 'color.background.sunken': "--ds-background-sunken";
+    readonly 'color.background.default': "--ds-background-default";
+    readonly 'color.background.card': "--ds-background-card";
+    readonly 'color.background.overlay': "--ds-background-overlay";
+    readonly 'color.background.selected.resting': "--ds-background-selected-resting";
+    readonly 'color.background.selected.hover': "--ds-background-selected-hover";
+    readonly 'color.background.selected.pressed': "--ds-background-selected-pressed";
+    readonly 'color.background.blanket': "--ds-background-blanket";
+    readonly 'color.background.disabled': "--ds-background-disabled";
+    readonly 'color.background.boldBrand.resting': "--ds-background-boldBrand-resting";
+    readonly 'color.background.boldBrand.hover': "--ds-background-boldBrand-hover";
+    readonly 'color.background.boldBrand.pressed': "--ds-background-boldBrand-pressed";
+    readonly 'color.background.subtleBrand.resting': "--ds-background-subtleBrand-resting";
+    readonly 'color.background.subtleBrand.hover': "--ds-background-subtleBrand-hover";
+    readonly 'color.background.subtleBrand.pressed': "--ds-background-subtleBrand-pressed";
+    readonly 'color.background.boldDanger.resting': "--ds-background-boldDanger-resting";
+    readonly 'color.background.boldDanger.hover': "--ds-background-boldDanger-hover";
+    readonly 'color.background.boldDanger.pressed': "--ds-background-boldDanger-pressed";
+    readonly 'color.background.subtleDanger.resting': "--ds-background-subtleDanger-resting";
+    readonly 'color.background.subtleDanger.hover': "--ds-background-subtleDanger-hover";
+    readonly 'color.background.subtleDanger.pressed': "--ds-background-subtleDanger-pressed";
+    readonly 'color.background.boldWarning.resting': "--ds-background-boldWarning-resting";
+    readonly 'color.background.boldWarning.hover': "--ds-background-boldWarning-hover";
+    readonly 'color.background.boldWarning.pressed': "--ds-background-boldWarning-pressed";
+    readonly 'color.background.subtleWarning.resting': "--ds-background-subtleWarning-resting";
+    readonly 'color.background.subtleWarning.hover': "--ds-background-subtleWarning-hover";
+    readonly 'color.background.subtleWarning.pressed': "--ds-background-subtleWarning-pressed";
+    readonly 'color.background.boldSuccess.resting': "--ds-background-boldSuccess-resting";
+    readonly 'color.background.boldSuccess.hover': "--ds-background-boldSuccess-hover";
+    readonly 'color.background.boldSuccess.pressed': "--ds-background-boldSuccess-pressed";
+    readonly 'color.background.subtleSuccess.resting': "--ds-background-subtleSuccess-resting";
+    readonly 'color.background.subtleSuccess.hover': "--ds-background-subtleSuccess-hover";
+    readonly 'color.background.subtleSuccess.pressed': "--ds-background-subtleSuccess-pressed";
+    readonly 'color.background.boldDiscovery.resting': "--ds-background-boldDiscovery-resting";
+    readonly 'color.background.boldDiscovery.hover': "--ds-background-boldDiscovery-hover";
+    readonly 'color.background.boldDiscovery.pressed': "--ds-background-boldDiscovery-pressed";
+    readonly 'color.background.subtleDiscovery.resting': "--ds-background-subtleDiscovery-resting";
+    readonly 'color.background.subtleDiscovery.hover': "--ds-background-subtleDiscovery-hover";
+    readonly 'color.background.subtleDiscovery.pressed': "--ds-background-subtleDiscovery-pressed";
+    readonly 'color.background.boldNeutral.resting': "--ds-background-boldNeutral-resting";
+    readonly 'color.background.boldNeutral.hover': "--ds-background-boldNeutral-hover";
+    readonly 'color.background.boldNeutral.pressed': "--ds-background-boldNeutral-pressed";
+    readonly 'color.background.transparentNeutral.hover': "--ds-background-transparentNeutral-hover";
+    readonly 'color.background.transparentNeutral.pressed': "--ds-background-transparentNeutral-pressed";
+    readonly 'color.background.subtleNeutral.resting': "--ds-background-subtleNeutral-resting";
+    readonly 'color.background.subtleNeutral.hover': "--ds-background-subtleNeutral-hover";
+    readonly 'color.background.subtleNeutral.pressed': "--ds-background-subtleNeutral-pressed";
+    readonly 'color.background.subtleBorderedNeutral.resting': "--ds-background-subtleBorderedNeutral-resting";
+    readonly 'color.background.subtleBorderedNeutral.pressed': "--ds-background-subtleBorderedNeutral-pressed";
+    readonly 'color.border.focus': "--ds-border-focus";
+    readonly 'color.border.neutral': "--ds-border-neutral";
+    readonly 'color.iconBorder.brand': "--ds-iconBorder-brand";
+    readonly 'color.iconBorder.danger': "--ds-iconBorder-danger";
+    readonly 'color.iconBorder.warning': "--ds-iconBorder-warning";
+    readonly 'color.iconBorder.success': "--ds-iconBorder-success";
+    readonly 'color.iconBorder.discovery': "--ds-iconBorder-discovery";
+    readonly 'color.overlay.hover': "--ds-overlay-hover";
+    readonly 'color.overlay.pressed': "--ds-overlay-pressed";
+    readonly 'color.text.selected': "--ds-text-selected";
+    readonly 'color.text.highEmphasis': "--ds-text-highEmphasis";
+    readonly 'color.text.mediumEmphasis': "--ds-text-mediumEmphasis";
+    readonly 'color.text.lowEmphasis': "--ds-text-lowEmphasis";
+    readonly 'color.text.onBold': "--ds-text-onBold";
+    readonly 'color.text.onBoldWarning': "--ds-text-onBoldWarning";
+    readonly 'color.text.link.resting': "--ds-text-link-resting";
+    readonly 'color.text.link.pressed': "--ds-text-link-pressed";
+    readonly 'color.text.brand': "--ds-text-brand";
+    readonly 'color.text.warning': "--ds-text-warning";
+    readonly 'color.text.danger': "--ds-text-danger";
+    readonly 'color.text.success': "--ds-text-success";
+    readonly 'color.text.discovery': "--ds-text-discovery";
+    readonly 'color.text.disabled': "--ds-text-disabled";
+    readonly 'shadow.card': "--ds-card";
+    readonly 'shadow.overlay': "--ds-overlay";
+    readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
 };
 export declare type CSSTokenMap = {
-    'color.accent.subtleBlue': 'var(--accent-subtleBlue)';
-    'color.accent.subtleGreen': 'var(--accent-subtleGreen)';
-    'color.accent.subtleMagenta': 'var(--accent-subtleMagenta)';
-    'color.accent.subtleOrange': 'var(--accent-subtleOrange)';
-    'color.accent.subtlePurple': 'var(--accent-subtlePurple)';
-    'color.accent.subtleRed': 'var(--accent-subtleRed)';
-    'color.accent.subtleTeal': 'var(--accent-subtleTeal)';
-    'color.background.sunken': 'var(--background-sunken)';
-    'color.background.default': 'var(--background-default)';
-    'color.background.card': 'var(--background-card)';
-    'color.background.overlay': 'var(--background-overlay)';
-    'color.background.selected.resting': 'var(--background-selected-resting)';
-    'color.background.selected.hover': 'var(--background-selected-hover)';
-    'color.background.selected.pressed': 'var(--background-selected-pressed)';
-    'color.background.blanket': 'var(--background-blanket)';
-    'color.background.disabled': 'var(--background-disabled)';
-    'color.background.boldBrand.resting': 'var(--background-boldBrand-resting)';
-    'color.background.boldBrand.hover': 'var(--background-boldBrand-hover)';
-    'color.background.boldBrand.pressed': 'var(--background-boldBrand-pressed)';
-    'color.background.subtleBrand.resting': 'var(--background-subtleBrand-resting)';
-    'color.background.subtleBrand.hover': 'var(--background-subtleBrand-hover)';
-    'color.background.subtleBrand.pressed': 'var(--background-subtleBrand-pressed)';
-    'color.background.boldDanger.resting': 'var(--background-boldDanger-resting)';
-    'color.background.boldDanger.hover': 'var(--background-boldDanger-hover)';
-    'color.background.boldDanger.pressed': 'var(--background-boldDanger-pressed)';
-    'color.background.subtleDanger.resting': 'var(--background-subtleDanger-resting)';
-    'color.background.subtleDanger.hover': 'var(--background-subtleDanger-hover)';
-    'color.background.subtleDanger.pressed': 'var(--background-subtleDanger-pressed)';
-    'color.background.boldWarning.resting': 'var(--background-boldWarning-resting)';
-    'color.background.boldWarning.hover': 'var(--background-boldWarning-hover)';
-    'color.background.boldWarning.pressed': 'var(--background-boldWarning-pressed)';
-    'color.background.subtleWarning.resting': 'var(--background-subtleWarning-resting)';
-    'color.background.subtleWarning.hover': 'var(--background-subtleWarning-hover)';
-    'color.background.subtleWarning.pressed': 'var(--background-subtleWarning-pressed)';
-    'color.background.boldSuccess.resting': 'var(--background-boldSuccess-resting)';
-    'color.background.boldSuccess.hover': 'var(--background-boldSuccess-hover)';
-    'color.background.boldSuccess.pressed': 'var(--background-boldSuccess-pressed)';
-    'color.background.subtleSuccess.resting': 'var(--background-subtleSuccess-resting)';
-    'color.background.subtleSuccess.hover': 'var(--background-subtleSuccess-hover)';
-    'color.background.subtleSuccess.pressed': 'var(--background-subtleSuccess-pressed)';
-    'color.background.boldDiscovery.resting': 'var(--background-boldDiscovery-resting)';
-    'color.background.boldDiscovery.hover': 'var(--background-boldDiscovery-hover)';
-    'color.background.boldDiscovery.pressed': 'var(--background-boldDiscovery-pressed)';
-    'color.background.subtleDiscovery.resting': 'var(--background-subtleDiscovery-resting)';
-    'color.background.subtleDiscovery.hover': 'var(--background-subtleDiscovery-hover)';
-    'color.background.subtleDiscovery.pressed': 'var(--background-subtleDiscovery-pressed)';
-    'color.background.boldNeutral.resting': 'var(--background-boldNeutral-resting)';
-    'color.background.boldNeutral.hover': 'var(--background-boldNeutral-hover)';
-    'color.background.boldNeutral.pressed': 'var(--background-boldNeutral-pressed)';
-    'color.background.transparentNeutral.hover': 'var(--background-transparentNeutral-hover)';
-    'color.background.transparentNeutral.pressed': 'var(--background-transparentNeutral-pressed)';
-    'color.background.subtleNeutral.resting': 'var(--background-subtleNeutral-resting)';
-    'color.background.subtleNeutral.hover': 'var(--background-subtleNeutral-hover)';
-    'color.background.subtleNeutral.pressed': 'var(--background-subtleNeutral-pressed)';
-    'color.background.subtleBorderedNeutral.resting': 'var(--background-subtleBorderedNeutral-resting)';
-    'color.background.subtleBorderedNeutral.pressed': 'var(--background-subtleBorderedNeutral-pressed)';
-    'color.border.focus': 'var(--border-focus)';
-    'color.border.neutral': 'var(--border-neutral)';
-    'color.iconBorder.brand': 'var(--iconBorder-brand)';
-    'color.iconBorder.danger': 'var(--iconBorder-danger)';
-    'color.iconBorder.warning': 'var(--iconBorder-warning)';
-    'color.iconBorder.success': 'var(--iconBorder-success)';
-    'color.iconBorder.discovery': 'var(--iconBorder-discovery)';
-    'color.overlay.hover': 'var(--overlay-hover)';
-    'color.overlay.pressed': 'var(--overlay-pressed)';
-    'color.text.selected': 'var(--text-selected)';
-    'color.text.highEmphasis': 'var(--text-highEmphasis)';
-    'color.text.mediumEmphasis': 'var(--text-mediumEmphasis)';
-    'color.text.lowEmphasis': 'var(--text-lowEmphasis)';
-    'color.text.onBold': 'var(--text-onBold)';
-    'color.text.onBoldWarning': 'var(--text-onBoldWarning)';
-    'color.text.link.resting': 'var(--text-link-resting)';
-    'color.text.link.pressed': 'var(--text-link-pressed)';
-    'color.text.brand': 'var(--text-brand)';
-    'color.text.warning': 'var(--text-warning)';
-    'color.text.danger': 'var(--text-danger)';
-    'color.text.success': 'var(--text-success)';
-    'color.text.discovery': 'var(--text-discovery)';
-    'color.text.disabled': 'var(--text-disabled)';
-    'shadow.card': 'var(--card)';
-    'shadow.overlay': 'var(--overlay)';
+    '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.background.sunken': 'var(--ds-background-sunken)';
+    'color.background.default': 'var(--ds-background-default)';
+    'color.background.card': 'var(--ds-background-card)';
+    'color.background.overlay': 'var(--ds-background-overlay)';
+    'color.background.selected.resting': 'var(--ds-background-selected-resting)';
+    'color.background.selected.hover': 'var(--ds-background-selected-hover)';
+    'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
+    'color.background.blanket': 'var(--ds-background-blanket)';
+    'color.background.disabled': 'var(--ds-background-disabled)';
+    'color.background.boldBrand.resting': 'var(--ds-background-boldBrand-resting)';
+    'color.background.boldBrand.hover': 'var(--ds-background-boldBrand-hover)';
+    'color.background.boldBrand.pressed': 'var(--ds-background-boldBrand-pressed)';
+    'color.background.subtleBrand.resting': 'var(--ds-background-subtleBrand-resting)';
+    'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
+    'color.background.subtleBrand.pressed': 'var(--ds-background-subtleBrand-pressed)';
+    'color.background.boldDanger.resting': 'var(--ds-background-boldDanger-resting)';
+    'color.background.boldDanger.hover': 'var(--ds-background-boldDanger-hover)';
+    'color.background.boldDanger.pressed': 'var(--ds-background-boldDanger-pressed)';
+    'color.background.subtleDanger.resting': 'var(--ds-background-subtleDanger-resting)';
+    'color.background.subtleDanger.hover': 'var(--ds-background-subtleDanger-hover)';
+    'color.background.subtleDanger.pressed': 'var(--ds-background-subtleDanger-pressed)';
+    'color.background.boldWarning.resting': 'var(--ds-background-boldWarning-resting)';
+    'color.background.boldWarning.hover': 'var(--ds-background-boldWarning-hover)';
+    'color.background.boldWarning.pressed': 'var(--ds-background-boldWarning-pressed)';
+    'color.background.subtleWarning.resting': 'var(--ds-background-subtleWarning-resting)';
+    'color.background.subtleWarning.hover': 'var(--ds-background-subtleWarning-hover)';
+    'color.background.subtleWarning.pressed': 'var(--ds-background-subtleWarning-pressed)';
+    'color.background.boldSuccess.resting': 'var(--ds-background-boldSuccess-resting)';
+    'color.background.boldSuccess.hover': 'var(--ds-background-boldSuccess-hover)';
+    'color.background.boldSuccess.pressed': 'var(--ds-background-boldSuccess-pressed)';
+    'color.background.subtleSuccess.resting': 'var(--ds-background-subtleSuccess-resting)';
+    'color.background.subtleSuccess.hover': 'var(--ds-background-subtleSuccess-hover)';
+    'color.background.subtleSuccess.pressed': 'var(--ds-background-subtleSuccess-pressed)';
+    'color.background.boldDiscovery.resting': 'var(--ds-background-boldDiscovery-resting)';
+    'color.background.boldDiscovery.hover': 'var(--ds-background-boldDiscovery-hover)';
+    'color.background.boldDiscovery.pressed': 'var(--ds-background-boldDiscovery-pressed)';
+    'color.background.subtleDiscovery.resting': 'var(--ds-background-subtleDiscovery-resting)';
+    'color.background.subtleDiscovery.hover': 'var(--ds-background-subtleDiscovery-hover)';
+    'color.background.subtleDiscovery.pressed': 'var(--ds-background-subtleDiscovery-pressed)';
+    'color.background.boldNeutral.resting': 'var(--ds-background-boldNeutral-resting)';
+    'color.background.boldNeutral.hover': 'var(--ds-background-boldNeutral-hover)';
+    'color.background.boldNeutral.pressed': 'var(--ds-background-boldNeutral-pressed)';
+    'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
+    'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
+    'color.background.subtleNeutral.resting': 'var(--ds-background-subtleNeutral-resting)';
+    'color.background.subtleNeutral.hover': 'var(--ds-background-subtleNeutral-hover)';
+    'color.background.subtleNeutral.pressed': 'var(--ds-background-subtleNeutral-pressed)';
+    'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
+    'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
+    'color.border.focus': 'var(--ds-border-focus)';
+    'color.border.neutral': 'var(--ds-border-neutral)';
+    'color.iconBorder.brand': 'var(--ds-iconBorder-brand)';
+    'color.iconBorder.danger': 'var(--ds-iconBorder-danger)';
+    'color.iconBorder.warning': 'var(--ds-iconBorder-warning)';
+    'color.iconBorder.success': 'var(--ds-iconBorder-success)';
+    'color.iconBorder.discovery': 'var(--ds-iconBorder-discovery)';
+    'color.overlay.hover': 'var(--ds-overlay-hover)';
+    'color.overlay.pressed': 'var(--ds-overlay-pressed)';
+    'color.text.selected': 'var(--ds-text-selected)';
+    'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
+    'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
+    'color.text.lowEmphasis': 'var(--ds-text-lowEmphasis)';
+    'color.text.onBold': 'var(--ds-text-onBold)';
+    'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
+    'color.text.link.resting': 'var(--ds-text-link-resting)';
+    'color.text.link.pressed': 'var(--ds-text-link-pressed)';
+    'color.text.brand': 'var(--ds-text-brand)';
+    'color.text.warning': 'var(--ds-text-warning)';
+    'color.text.danger': 'var(--ds-text-danger)';
+    'color.text.success': 'var(--ds-text-success)';
+    'color.text.discovery': 'var(--ds-text-discovery)';
+    'color.text.disabled': 'var(--ds-text-disabled)';
+    'shadow.card': 'var(--ds-card)';
+    'shadow.overlay': 'var(--ds-overlay)';
+    'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
 };
 export declare type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 export default tokens;

package/dist/types/types.d.ts

@@ -1,8 +1,8 @@
-export interface Token<TValue, TGroup extends string> {
+export interface Token<TValue, Group extends string> {
     value: TValue;
-    comment?: string;
     attributes: {
-        group: TGroup;
+        group?: Group;
+        description?: string;
     };
 }
 export declare type ColorPalette = keyof PaletteColorTokenSchema['color']['palette'];
@@ -12,6 +12,12 @@ export declare type PaletteToken = Token<string, 'paint'> & {
         isPalette: true;
     };
 };
+export declare type ValueSchema<Schema extends object> = {
+    [Key in keyof Schema]: ValueSchema<Omit<Schema[Key], 'attributes'>>;
+};
+export declare type AttributeSchema<Schema extends object> = {
+    [Key in keyof Schema]: AttributeSchema<Omit<Schema[Key], 'value'>>;
+};
 export declare type ShadowToken<Value extends string = ColorPalette> = Token<Array<{
     color: Value;
     opacity: number;
@@ -23,6 +29,7 @@ export declare type ShadowToken<Value extends string = ColorPalette> = Token<Arr
     spread?: number;
     inset?: boolean;
 }>, 'shadow'>;
+export declare type RawToken = Token<string, 'raw'>;
 export interface PaletteColorTokenSchema {
     color: {
         palette: {
@@ -273,6 +280,12 @@ export interface TextColorTokenSchema {
 export interface AccentColorTokenSchema {
     color: {
         accent: {
+            boldBlue: PaintToken;
+            boldGreen: PaintToken;
+            boldOrange: PaintToken;
+            boldPurple: PaintToken;
+            boldRed: PaintToken;
+            boldTeal: PaintToken;
             subtleBlue: PaintToken;
             subtleRed: PaintToken;
             subtleGreen: PaintToken;
@@ -297,5 +310,10 @@ export interface ShadowTokenSchema {
         overlay: ShadowToken;
     };
 }
-export declare type ColorTokenSchema = BackgroundColorTokenSchema & BorderColorTokenSchema & IconBorderColorTokenSchema & TextColorTokenSchema & AccentColorTokenSchema;
+export interface UtilTokenSchema {
+    UNSAFE_util: {
+        transparent: RawToken;
+    };
+}
+export declare type ColorTokenSchema = BackgroundColorTokenSchema & BorderColorTokenSchema & IconBorderColorTokenSchema & TextColorTokenSchema & AccentColorTokenSchema & UtilTokenSchema;
 export declare type TokenSchema = PaletteColorTokenSchema & ColorTokenSchema & ShadowTokenSchema;

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "author": "Atlassian Pty Ltd",
+  "description": "Tokens are a single source of truth to name and store Atlassian design decisions.",
   "license": "Apache-2.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "continuous"
+    "releaseModel": "scheduled"
   },
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
   "main": "dist/cjs/index.js",
@@ -20,6 +21,7 @@
   "af:exports": {
     ".": "./src/index.tsx",
     "./token-names": "./src/entry-points/token-names.tsx",
+    "./token-default-values": "./src/entry-points/token-default-values.tsx",
     "./rename-mapping": "./src/entry-points/rename-mapping.tsx"
   },
   "scripts": {

package/token-default-values/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/tokens/token-default-values",
+  "main": "../dist/cjs/entry-points/token-default-values.js",
+  "module": "../dist/esm/entry-points/token-default-values.js",
+  "module:es2019": "../dist/es2019/entry-points/token-default-values.js",
+  "types": "../dist/types/entry-points/token-default-values.d.ts"
+}

package/tokens-browser-extension/README.md

@@ -0,0 +1,28 @@
+Atlaskit Tokens Browser Extension
+===
+
+This extension was made to help development of different themes using `@atlaskit/tokens`
+
+Installation
+===
+The extension currently is not available on any extension store and can only be installed in its unpacked form
+
+
+Chrome
+ * Open [chrome://extensions](chrome://extensions)
+ * Enable 'Developer Mode' checkbox
+ * Click 'Load unpacked extensions...'
+ * Select the `packages/design-system/tokens/tokens-browser-extension` folder
+
+Firefox
+* You can also install the extension in Firefox:
+* Unzip the extension and follow the instructions at [Temporary installation in Firefox](https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox/).
+
+Note: When you quit the browser it will remove the extension so you will have to follow the guide above to install it again. We can look at packaging the extension up properly if there is enough demand ;)
+
+Usage
+===
+
+While on any page, launch the devtools, you should see a new tab called 'Tokens theming controls'.
+
+You can toggle between the themes or disable the theme to see the legacy appearance