@atlaskit/tokens 0.10.10 → 0.10.13

package/report.api.md

@@ -2,35 +2,634 @@
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
-```ts
-// @public (undocumented)
-export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
+````ts
+export declare type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 
-// @public (undocumented)
-export const setGlobalTheme: (theme: Themes) => void;
+declare type CSSTokenMap = {
+  'color.text.accent.blue': 'var(--ds-text-accent-blue)';
+  'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
+  'color.text.accent.red': 'var(--ds-text-accent-red)';
+  'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
+  'color.text.accent.orange': 'var(--ds-text-accent-orange)';
+  'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
+  'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
+  'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
+  'color.text.accent.green': 'var(--ds-text-accent-green)';
+  'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
+  'color.text.accent.purple': 'var(--ds-text-accent-purple)';
+  'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
+  'color.text.accent.teal': 'var(--ds-text-accent-teal)';
+  'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
+  'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
+  'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
+  'color.text.accent.gray': 'var(--ds-text-accent-gray)';
+  'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
+  'color.text': 'var(--ds-text)';
+  'color.text.subtle': 'var(--ds-text-subtle)';
+  'color.text.subtlest': 'var(--ds-text-subtlest)';
+  'color.text.disabled': 'var(--ds-text-disabled)';
+  'color.text.inverse': 'var(--ds-text-inverse)';
+  'color.text.brand': 'var(--ds-text-brand)';
+  'color.text.selected': 'var(--ds-text-selected)';
+  'color.text.danger': 'var(--ds-text-danger)';
+  'color.text.warning': 'var(--ds-text-warning)';
+  'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
+  'color.text.success': 'var(--ds-text-success)';
+  'color.text.discovery': 'var(--ds-text-discovery)';
+  'color.text.information': 'var(--ds-text-information)';
+  'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
+  'color.text.link.pressed': 'var(--ds-text-link-pressed)';
+  'color.text.link.resting': 'var(--ds-text-link-resting)';
+  'color.text.lowEmphasis': 'var(--ds-text-lowEmphasis)';
+  'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
+  'color.text.onBold': 'var(--ds-text-onBold)';
+  'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
+  'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
+  'color.icon.accent.red': 'var(--ds-icon-accent-red)';
+  'color.icon.accent.orange': 'var(--ds-icon-accent-orange)';
+  'color.icon.accent.yellow': 'var(--ds-icon-accent-yellow)';
+  'color.icon.accent.green': 'var(--ds-icon-accent-green)';
+  'color.icon.accent.purple': 'var(--ds-icon-accent-purple)';
+  'color.icon.accent.teal': 'var(--ds-icon-accent-teal)';
+  'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)';
+  'color.icon.accent.gray': 'var(--ds-icon-accent-gray)';
+  'color.icon': 'var(--ds-icon)';
+  'color.icon.subtle': 'var(--ds-icon-subtle)';
+  'color.icon.inverse': 'var(--ds-icon-inverse)';
+  'color.icon.disabled': 'var(--ds-icon-disabled)';
+  'color.icon.brand': 'var(--ds-icon-brand)';
+  'color.icon.selected': 'var(--ds-icon-selected)';
+  'color.icon.danger': 'var(--ds-icon-danger)';
+  'color.icon.warning': 'var(--ds-icon-warning)';
+  'color.icon.warning.inverse': 'var(--ds-icon-warning-inverse)';
+  'color.icon.success': 'var(--ds-icon-success)';
+  'color.icon.discovery': 'var(--ds-icon-discovery)';
+  'color.icon.information': 'var(--ds-icon-information)';
+  'color.border.accent.blue': 'var(--ds-border-accent-blue)';
+  'color.border.accent.red': 'var(--ds-border-accent-red)';
+  'color.border.accent.orange': 'var(--ds-border-accent-orange)';
+  'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
+  'color.border.accent.green': 'var(--ds-border-accent-green)';
+  'color.border.accent.purple': 'var(--ds-border-accent-purple)';
+  'color.border.accent.teal': 'var(--ds-border-accent-teal)';
+  'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
+  'color.border.accent.gray': 'var(--ds-border-accent-gray)';
+  'color.border': 'var(--ds-border)';
+  'color.border.bold': 'var(--ds-border-bold)';
+  'color.border.inverse': 'var(--ds-border-inverse)';
+  'color.border.focused': 'var(--ds-border-focused)';
+  'color.border.input': 'var(--ds-border-input)';
+  'color.border.disabled': 'var(--ds-border-disabled)';
+  'color.border.brand': 'var(--ds-border-brand)';
+  'color.border.selected': 'var(--ds-border-selected)';
+  'color.border.danger': 'var(--ds-border-danger)';
+  'color.border.warning': 'var(--ds-border-warning)';
+  'color.border.success': 'var(--ds-border-success)';
+  'color.border.discovery': 'var(--ds-border-discovery)';
+  'color.border.information': 'var(--ds-border-information)';
+  'color.border.focus': 'var(--ds-border-focus)';
+  'color.border.neutral': 'var(--ds-border-neutral)';
+  'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
+  'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
+  'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
+  'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
+  'color.background.accent.blue': 'var(--ds-background-accent-blue)';
+  'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
+  'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
+  'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
+  'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
+  'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
+  'color.background.accent.red': 'var(--ds-background-accent-red)';
+  'color.background.accent.red.bold': 'var(--ds-background-accent-red-bold)';
+  'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
+  'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
+  'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
+  'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
+  'color.background.accent.orange': 'var(--ds-background-accent-orange)';
+  'color.background.accent.orange.bold': 'var(--ds-background-accent-orange-bold)';
+  'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
+  'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
+  'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
+  'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
+  'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
+  'color.background.accent.yellow.bold': 'var(--ds-background-accent-yellow-bold)';
+  'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
+  'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
+  'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
+  'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
+  'color.background.accent.green': 'var(--ds-background-accent-green)';
+  'color.background.accent.green.bold': 'var(--ds-background-accent-green-bold)';
+  'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
+  'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
+  'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
+  'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
+  'color.background.accent.teal': 'var(--ds-background-accent-teal)';
+  'color.background.accent.teal.bold': 'var(--ds-background-accent-teal-bold)';
+  'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
+  'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
+  'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
+  'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
+  'color.background.accent.purple': 'var(--ds-background-accent-purple)';
+  'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
+  'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
+  'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
+  'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
+  'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
+  'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
+  'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
+  'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
+  'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
+  'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
+  'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
+  'color.background.disabled': 'var(--ds-background-disabled)';
+  'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
+  'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
+  'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
+  'color.background.inverse': 'var(--ds-background-inverse)';
+  'color.background.input': 'var(--ds-background-input)';
+  'color.background.input.hovered': 'var(--ds-background-input-hovered)';
+  'color.background.input.pressed': 'var(--ds-background-input-pressed)';
+  'color.background.neutral': 'var(--ds-background-neutral)';
+  'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)';
+  'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)';
+  'color.background.neutral.subtle': 'var(--ds-background-neutral-subtle)';
+  'color.background.neutral.subtle.hovered': 'var(--ds-background-neutral-subtle-hovered)';
+  'color.background.neutral.subtle.pressed': 'var(--ds-background-neutral-subtle-pressed)';
+  'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
+  'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
+  'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
+  'color.background.brand.bold': 'var(--ds-background-brand-bold)';
+  'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
+  'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
+  'color.background.brand': 'var(--ds-background-brand)';
+  'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
+  'color.background.brand.pressed': 'var(--ds-background-brand-pressed)';
+  'color.background.selected': 'var(--ds-background-selected)';
+  'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
+  'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
+  'color.background.selected.bold': 'var(--ds-background-selected-bold)';
+  'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
+  'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
+  'color.background.selected.resting': 'var(--ds-background-selected-resting)';
+  'color.background.selected.hover': 'var(--ds-background-selected-hover)';
+  'color.background.danger': 'var(--ds-background-danger)';
+  'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
+  'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
+  'color.background.danger.bold': 'var(--ds-background-danger-bold)';
+  'color.background.danger.bold.hovered': 'var(--ds-background-danger-bold-hovered)';
+  'color.background.danger.bold.pressed': 'var(--ds-background-danger-bold-pressed)';
+  'color.background.warning': 'var(--ds-background-warning)';
+  'color.background.warning.hovered': 'var(--ds-background-warning-hovered)';
+  'color.background.warning.pressed': 'var(--ds-background-warning-pressed)';
+  'color.background.warning.bold': 'var(--ds-background-warning-bold)';
+  'color.background.warning.bold.hovered': 'var(--ds-background-warning-bold-hovered)';
+  'color.background.warning.bold.pressed': 'var(--ds-background-warning-bold-pressed)';
+  'color.background.success': 'var(--ds-background-success)';
+  'color.background.success.hovered': 'var(--ds-background-success-hovered)';
+  'color.background.success.pressed': 'var(--ds-background-success-pressed)';
+  'color.background.success.bold': 'var(--ds-background-success-bold)';
+  'color.background.success.bold.hovered': 'var(--ds-background-success-bold-hovered)';
+  'color.background.success.bold.pressed': 'var(--ds-background-success-bold-pressed)';
+  'color.background.discovery': 'var(--ds-background-discovery)';
+  'color.background.discovery.hovered': 'var(--ds-background-discovery-hovered)';
+  'color.background.discovery.pressed': 'var(--ds-background-discovery-pressed)';
+  'color.background.discovery.bold': 'var(--ds-background-discovery-bold)';
+  'color.background.discovery.bold.hovered': 'var(--ds-background-discovery-bold-hovered)';
+  'color.background.discovery.bold.pressed': 'var(--ds-background-discovery-bold-pressed)';
+  'color.background.information': 'var(--ds-background-information)';
+  'color.background.information.hovered': 'var(--ds-background-information-hovered)';
+  'color.background.information.pressed': 'var(--ds-background-information-pressed)';
+  'color.background.information.bold': 'var(--ds-background-information-bold)';
+  'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)';
+  'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)';
+  'color.background.blanket': 'var(--ds-background-blanket)';
+  'color.background.boldBrand.hover': 'var(--ds-background-boldBrand-hover)';
+  'color.background.boldBrand.pressed': 'var(--ds-background-boldBrand-pressed)';
+  'color.background.boldBrand.resting': 'var(--ds-background-boldBrand-resting)';
+  'color.background.boldDanger.hover': 'var(--ds-background-boldDanger-hover)';
+  'color.background.boldDanger.pressed': 'var(--ds-background-boldDanger-pressed)';
+  'color.background.boldDanger.resting': 'var(--ds-background-boldDanger-resting)';
+  'color.background.boldDiscovery.hover': 'var(--ds-background-boldDiscovery-hover)';
+  'color.background.boldDiscovery.pressed': 'var(--ds-background-boldDiscovery-pressed)';
+  'color.background.boldDiscovery.resting': 'var(--ds-background-boldDiscovery-resting)';
+  'color.background.boldNeutral.hover': 'var(--ds-background-boldNeutral-hover)';
+  'color.background.boldNeutral.pressed': 'var(--ds-background-boldNeutral-pressed)';
+  'color.background.boldNeutral.resting': 'var(--ds-background-boldNeutral-resting)';
+  'color.background.boldSuccess.hover': 'var(--ds-background-boldSuccess-hover)';
+  'color.background.boldSuccess.pressed': 'var(--ds-background-boldSuccess-pressed)';
+  'color.background.boldSuccess.resting': 'var(--ds-background-boldSuccess-resting)';
+  'color.background.boldWarning.hover': 'var(--ds-background-boldWarning-hover)';
+  'color.background.boldWarning.pressed': 'var(--ds-background-boldWarning-pressed)';
+  'color.background.boldWarning.resting': 'var(--ds-background-boldWarning-resting)';
+  'color.background.card': 'var(--ds-background-card)';
+  'color.background.default': 'var(--ds-background-default)';
+  'color.background.overlay': 'var(--ds-background-overlay)';
+  'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
+  'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
+  'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
+  'color.background.subtleBrand.pressed': 'var(--ds-background-subtleBrand-pressed)';
+  'color.background.subtleBrand.resting': 'var(--ds-background-subtleBrand-resting)';
+  'color.background.subtleDanger.hover': 'var(--ds-background-subtleDanger-hover)';
+  'color.background.subtleDanger.pressed': 'var(--ds-background-subtleDanger-pressed)';
+  'color.background.subtleDanger.resting': 'var(--ds-background-subtleDanger-resting)';
+  'color.background.subtleDiscovery.hover': 'var(--ds-background-subtleDiscovery-hover)';
+  'color.background.subtleDiscovery.pressed': 'var(--ds-background-subtleDiscovery-pressed)';
+  'color.background.subtleDiscovery.resting': 'var(--ds-background-subtleDiscovery-resting)';
+  'color.background.subtleNeutral.hover': 'var(--ds-background-subtleNeutral-hover)';
+  'color.background.subtleNeutral.pressed': 'var(--ds-background-subtleNeutral-pressed)';
+  'color.background.subtleNeutral.resting': 'var(--ds-background-subtleNeutral-resting)';
+  'color.background.subtleSuccess.hover': 'var(--ds-background-subtleSuccess-hover)';
+  'color.background.subtleSuccess.pressed': 'var(--ds-background-subtleSuccess-pressed)';
+  'color.background.subtleSuccess.resting': 'var(--ds-background-subtleSuccess-resting)';
+  'color.background.subtleWarning.hover': 'var(--ds-background-subtleWarning-hover)';
+  'color.background.subtleWarning.pressed': 'var(--ds-background-subtleWarning-pressed)';
+  'color.background.subtleWarning.resting': 'var(--ds-background-subtleWarning-resting)';
+  'color.background.sunken': 'var(--ds-background-sunken)';
+  'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
+  'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
+  'color.blanket': 'var(--ds-blanket)';
+  'color.blanket.selected': 'var(--ds-blanket-selected)';
+  'color.blanket.danger': 'var(--ds-blanket-danger)';
+  'color.interaction.hovered': 'var(--ds-interaction-hovered)';
+  'color.interaction.pressed': 'var(--ds-interaction-pressed)';
+  'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
+  'color.interaction.inverse.pressed': 'var(--ds-interaction-inverse-pressed)';
+  'color.skeleton': 'var(--ds-skeleton)';
+  'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
+  'color.link': 'var(--ds-link)';
+  'color.link.pressed': 'var(--ds-link-pressed)';
+  'color.accent.boldBlue': 'var(--ds-accent-boldBlue)';
+  'color.accent.boldGreen': 'var(--ds-accent-boldGreen)';
+  'color.accent.boldOrange': 'var(--ds-accent-boldOrange)';
+  'color.accent.boldPurple': 'var(--ds-accent-boldPurple)';
+  'color.accent.boldRed': 'var(--ds-accent-boldRed)';
+  'color.accent.boldTeal': 'var(--ds-accent-boldTeal)';
+  'color.accent.subtleBlue': 'var(--ds-accent-subtleBlue)';
+  'color.accent.subtleGreen': 'var(--ds-accent-subtleGreen)';
+  'color.accent.subtleMagenta': 'var(--ds-accent-subtleMagenta)';
+  'color.accent.subtleOrange': 'var(--ds-accent-subtleOrange)';
+  'color.accent.subtlePurple': 'var(--ds-accent-subtlePurple)';
+  'color.accent.subtleRed': 'var(--ds-accent-subtleRed)';
+  'color.accent.subtleTeal': 'var(--ds-accent-subtleTeal)';
+  'color.iconBorder.brand': 'var(--ds-iconBorder-brand)';
+  'color.iconBorder.danger': 'var(--ds-iconBorder-danger)';
+  'color.iconBorder.discovery': 'var(--ds-iconBorder-discovery)';
+  'color.iconBorder.success': 'var(--ds-iconBorder-success)';
+  'color.iconBorder.warning': 'var(--ds-iconBorder-warning)';
+  'color.overlay.hover': 'var(--ds-overlay-hover)';
+  'color.overlay.pressed': 'var(--ds-overlay-pressed)';
+  'shadow.card': 'var(--ds-card)';
+  'shadow.overlay': 'var(--ds-overlay)';
+  'elevation.shadow.raised': 'var(--ds-shadow-raised)';
+  'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
+  'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
+  'elevation.surface': 'var(--ds-surface)';
+  'elevation.surface.sunken': 'var(--ds-surface-sunken)';
+  'elevation.surface.raised': 'var(--ds-surface-raised)';
+  'elevation.surface.overlay': 'var(--ds-surface-overlay)';
+  'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
+  'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
+};
 
-// @public
-export class ThemeMutationObserver {
+export declare const setGlobalTheme: (theme: Themes) => void;
+
+/**
+ * A MutationObserver which watches the `<html>` element for changes to the theme.
+ *
+ * In React, use the {@link useThemeObserver `useThemeObserver`} hook instead.
+ *
+ * @param {function} callback - A callback function which fires when the theme changes.
+ *
+ * @example
+ * ```
+ * const observer = new ThemeMutationObserver((theme) => {});
+ * observer.observe();
+ * ```
+ */
+export declare class ThemeMutationObserver {
+  private callback;
+  observer: MutationObserver | null;
   constructor(callback: (theme: Themes | null) => unknown);
-  // (undocumented)
-  disconnect(): void;
-  // (undocumented)
   observe(): void;
-  // (undocumented)
-  observer: MutationObserver | null;
+  disconnect(): void;
 }
 
-// @public (undocumented)
-export type Themes = typeof THEMES[number];
+declare const THEMES: readonly ['light', 'dark'];
+
+export declare type Themes = typeof THEMES[number];
 
-// @public (undocumented)
-export function token<T extends keyof Tokens>(
+export declare function token<T extends keyof Tokens>(
   path: T,
   fallback?: string,
 ): CSSTokenMap[T];
 
-// @public
-export const useThemeObserver: () => Themes | null;
+declare type Tokens = typeof tokens;
+
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::3acc6507214a2d925fd75bce0549f0ab>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: {
+  readonly 'color.text.accent.blue': '--ds-text-accent-blue';
+  readonly 'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder';
+  readonly 'color.text.accent.red': '--ds-text-accent-red';
+  readonly 'color.text.accent.red.bolder': '--ds-text-accent-red-bolder';
+  readonly 'color.text.accent.orange': '--ds-text-accent-orange';
+  readonly 'color.text.accent.orange.bolder': '--ds-text-accent-orange-bolder';
+  readonly 'color.text.accent.yellow': '--ds-text-accent-yellow';
+  readonly 'color.text.accent.yellow.bolder': '--ds-text-accent-yellow-bolder';
+  readonly 'color.text.accent.green': '--ds-text-accent-green';
+  readonly 'color.text.accent.green.bolder': '--ds-text-accent-green-bolder';
+  readonly 'color.text.accent.purple': '--ds-text-accent-purple';
+  readonly 'color.text.accent.purple.bolder': '--ds-text-accent-purple-bolder';
+  readonly 'color.text.accent.teal': '--ds-text-accent-teal';
+  readonly 'color.text.accent.teal.bolder': '--ds-text-accent-teal-bolder';
+  readonly 'color.text.accent.magenta': '--ds-text-accent-magenta';
+  readonly 'color.text.accent.magenta.bolder': '--ds-text-accent-magenta-bolder';
+  readonly 'color.text.accent.gray': '--ds-text-accent-gray';
+  readonly 'color.text.accent.gray.bolder': '--ds-text-accent-gray-bolder';
+  readonly 'color.text': '--ds-text';
+  readonly 'color.text.subtle': '--ds-text-subtle';
+  readonly 'color.text.subtlest': '--ds-text-subtlest';
+  readonly 'color.text.disabled': '--ds-text-disabled';
+  readonly 'color.text.inverse': '--ds-text-inverse';
+  readonly 'color.text.brand': '--ds-text-brand';
+  readonly 'color.text.selected': '--ds-text-selected';
+  readonly 'color.text.danger': '--ds-text-danger';
+  readonly 'color.text.warning': '--ds-text-warning';
+  readonly 'color.text.warning.inverse': '--ds-text-warning-inverse';
+  readonly 'color.text.success': '--ds-text-success';
+  readonly 'color.text.discovery': '--ds-text-discovery';
+  readonly 'color.text.information': '--ds-text-information';
+  readonly 'color.text.highEmphasis': '--ds-text-highEmphasis';
+  readonly 'color.text.link.pressed': '--ds-text-link-pressed';
+  readonly 'color.text.link.resting': '--ds-text-link-resting';
+  readonly 'color.text.lowEmphasis': '--ds-text-lowEmphasis';
+  readonly 'color.text.mediumEmphasis': '--ds-text-mediumEmphasis';
+  readonly 'color.text.onBold': '--ds-text-onBold';
+  readonly 'color.text.onBoldWarning': '--ds-text-onBoldWarning';
+  readonly 'color.icon.accent.blue': '--ds-icon-accent-blue';
+  readonly 'color.icon.accent.red': '--ds-icon-accent-red';
+  readonly 'color.icon.accent.orange': '--ds-icon-accent-orange';
+  readonly 'color.icon.accent.yellow': '--ds-icon-accent-yellow';
+  readonly 'color.icon.accent.green': '--ds-icon-accent-green';
+  readonly 'color.icon.accent.purple': '--ds-icon-accent-purple';
+  readonly 'color.icon.accent.teal': '--ds-icon-accent-teal';
+  readonly 'color.icon.accent.magenta': '--ds-icon-accent-magenta';
+  readonly 'color.icon.accent.gray': '--ds-icon-accent-gray';
+  readonly 'color.icon': '--ds-icon';
+  readonly 'color.icon.subtle': '--ds-icon-subtle';
+  readonly 'color.icon.inverse': '--ds-icon-inverse';
+  readonly 'color.icon.disabled': '--ds-icon-disabled';
+  readonly 'color.icon.brand': '--ds-icon-brand';
+  readonly 'color.icon.selected': '--ds-icon-selected';
+  readonly 'color.icon.danger': '--ds-icon-danger';
+  readonly 'color.icon.warning': '--ds-icon-warning';
+  readonly 'color.icon.warning.inverse': '--ds-icon-warning-inverse';
+  readonly 'color.icon.success': '--ds-icon-success';
+  readonly 'color.icon.discovery': '--ds-icon-discovery';
+  readonly 'color.icon.information': '--ds-icon-information';
+  readonly 'color.border.accent.blue': '--ds-border-accent-blue';
+  readonly 'color.border.accent.red': '--ds-border-accent-red';
+  readonly 'color.border.accent.orange': '--ds-border-accent-orange';
+  readonly 'color.border.accent.yellow': '--ds-border-accent-yellow';
+  readonly 'color.border.accent.green': '--ds-border-accent-green';
+  readonly 'color.border.accent.purple': '--ds-border-accent-purple';
+  readonly 'color.border.accent.teal': '--ds-border-accent-teal';
+  readonly 'color.border.accent.magenta': '--ds-border-accent-magenta';
+  readonly 'color.border.accent.gray': '--ds-border-accent-gray';
+  readonly 'color.border': '--ds-border';
+  readonly 'color.border.bold': '--ds-border-bold';
+  readonly 'color.border.inverse': '--ds-border-inverse';
+  readonly 'color.border.focused': '--ds-border-focused';
+  readonly 'color.border.input': '--ds-border-input';
+  readonly 'color.border.disabled': '--ds-border-disabled';
+  readonly 'color.border.brand': '--ds-border-brand';
+  readonly 'color.border.selected': '--ds-border-selected';
+  readonly 'color.border.danger': '--ds-border-danger';
+  readonly 'color.border.warning': '--ds-border-warning';
+  readonly 'color.border.success': '--ds-border-success';
+  readonly 'color.border.discovery': '--ds-border-discovery';
+  readonly 'color.border.information': '--ds-border-information';
+  readonly 'color.border.focus': '--ds-border-focus';
+  readonly 'color.border.neutral': '--ds-border-neutral';
+  readonly 'color.background.accent.blue.subtlest': '--ds-background-accent-blue-subtlest';
+  readonly 'color.background.accent.blue.subtler': '--ds-background-accent-blue-subtler';
+  readonly 'color.background.accent.blue.subtle': '--ds-background-accent-blue-subtle';
+  readonly 'color.background.accent.blue.bolder': '--ds-background-accent-blue-bolder';
+  readonly 'color.background.accent.blue': '--ds-background-accent-blue';
+  readonly 'color.background.accent.blue.bold': '--ds-background-accent-blue-bold';
+  readonly 'color.background.accent.red.subtlest': '--ds-background-accent-red-subtlest';
+  readonly 'color.background.accent.red.subtler': '--ds-background-accent-red-subtler';
+  readonly 'color.background.accent.red.subtle': '--ds-background-accent-red-subtle';
+  readonly 'color.background.accent.red.bolder': '--ds-background-accent-red-bolder';
+  readonly 'color.background.accent.red': '--ds-background-accent-red';
+  readonly 'color.background.accent.red.bold': '--ds-background-accent-red-bold';
+  readonly 'color.background.accent.orange.subtlest': '--ds-background-accent-orange-subtlest';
+  readonly 'color.background.accent.orange.subtler': '--ds-background-accent-orange-subtler';
+  readonly 'color.background.accent.orange.subtle': '--ds-background-accent-orange-subtle';
+  readonly 'color.background.accent.orange.bolder': '--ds-background-accent-orange-bolder';
+  readonly 'color.background.accent.orange': '--ds-background-accent-orange';
+  readonly 'color.background.accent.orange.bold': '--ds-background-accent-orange-bold';
+  readonly 'color.background.accent.yellow.subtlest': '--ds-background-accent-yellow-subtlest';
+  readonly 'color.background.accent.yellow.subtler': '--ds-background-accent-yellow-subtler';
+  readonly 'color.background.accent.yellow.subtle': '--ds-background-accent-yellow-subtle';
+  readonly 'color.background.accent.yellow.bolder': '--ds-background-accent-yellow-bolder';
+  readonly 'color.background.accent.yellow': '--ds-background-accent-yellow';
+  readonly 'color.background.accent.yellow.bold': '--ds-background-accent-yellow-bold';
+  readonly 'color.background.accent.green.subtlest': '--ds-background-accent-green-subtlest';
+  readonly 'color.background.accent.green.subtler': '--ds-background-accent-green-subtler';
+  readonly 'color.background.accent.green.subtle': '--ds-background-accent-green-subtle';
+  readonly 'color.background.accent.green.bolder': '--ds-background-accent-green-bolder';
+  readonly 'color.background.accent.green': '--ds-background-accent-green';
+  readonly 'color.background.accent.green.bold': '--ds-background-accent-green-bold';
+  readonly 'color.background.accent.teal.subtlest': '--ds-background-accent-teal-subtlest';
+  readonly 'color.background.accent.teal.subtler': '--ds-background-accent-teal-subtler';
+  readonly 'color.background.accent.teal.subtle': '--ds-background-accent-teal-subtle';
+  readonly 'color.background.accent.teal.bolder': '--ds-background-accent-teal-bolder';
+  readonly 'color.background.accent.teal': '--ds-background-accent-teal';
+  readonly 'color.background.accent.teal.bold': '--ds-background-accent-teal-bold';
+  readonly 'color.background.accent.purple.subtlest': '--ds-background-accent-purple-subtlest';
+  readonly 'color.background.accent.purple.subtler': '--ds-background-accent-purple-subtler';
+  readonly 'color.background.accent.purple.subtle': '--ds-background-accent-purple-subtle';
+  readonly 'color.background.accent.purple.bolder': '--ds-background-accent-purple-bolder';
+  readonly 'color.background.accent.purple': '--ds-background-accent-purple';
+  readonly 'color.background.accent.purple.bold': '--ds-background-accent-purple-bold';
+  readonly 'color.background.accent.magenta.subtlest': '--ds-background-accent-magenta-subtlest';
+  readonly 'color.background.accent.magenta.subtler': '--ds-background-accent-magenta-subtler';
+  readonly 'color.background.accent.magenta.subtle': '--ds-background-accent-magenta-subtle';
+  readonly 'color.background.accent.magenta.bolder': '--ds-background-accent-magenta-bolder';
+  readonly 'color.background.accent.magenta': '--ds-background-accent-magenta';
+  readonly 'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold';
+  readonly 'color.background.accent.gray.subtlest': '--ds-background-accent-gray-subtlest';
+  readonly 'color.background.accent.gray.subtler': '--ds-background-accent-gray-subtler';
+  readonly 'color.background.accent.gray.subtle': '--ds-background-accent-gray-subtle';
+  readonly 'color.background.accent.gray.bolder': '--ds-background-accent-gray-bolder';
+  readonly 'color.background.disabled': '--ds-background-disabled';
+  readonly 'color.background.inverse.subtle': '--ds-background-inverse-subtle';
+  readonly 'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered';
+  readonly 'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed';
+  readonly 'color.background.inverse': '--ds-background-inverse';
+  readonly 'color.background.input': '--ds-background-input';
+  readonly 'color.background.input.hovered': '--ds-background-input-hovered';
+  readonly 'color.background.input.pressed': '--ds-background-input-pressed';
+  readonly 'color.background.neutral': '--ds-background-neutral';
+  readonly 'color.background.neutral.hovered': '--ds-background-neutral-hovered';
+  readonly 'color.background.neutral.pressed': '--ds-background-neutral-pressed';
+  readonly 'color.background.neutral.subtle': '--ds-background-neutral-subtle';
+  readonly 'color.background.neutral.subtle.hovered': '--ds-background-neutral-subtle-hovered';
+  readonly 'color.background.neutral.subtle.pressed': '--ds-background-neutral-subtle-pressed';
+  readonly 'color.background.neutral.bold': '--ds-background-neutral-bold';
+  readonly 'color.background.neutral.bold.hovered': '--ds-background-neutral-bold-hovered';
+  readonly 'color.background.neutral.bold.pressed': '--ds-background-neutral-bold-pressed';
+  readonly 'color.background.brand.bold': '--ds-background-brand-bold';
+  readonly 'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered';
+  readonly 'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed';
+  readonly 'color.background.brand': '--ds-background-brand';
+  readonly 'color.background.brand.hovered': '--ds-background-brand-hovered';
+  readonly 'color.background.brand.pressed': '--ds-background-brand-pressed';
+  readonly 'color.background.selected': '--ds-background-selected';
+  readonly 'color.background.selected.hovered': '--ds-background-selected-hovered';
+  readonly 'color.background.selected.pressed': '--ds-background-selected-pressed';
+  readonly 'color.background.selected.bold': '--ds-background-selected-bold';
+  readonly 'color.background.selected.bold.hovered': '--ds-background-selected-bold-hovered';
+  readonly 'color.background.selected.bold.pressed': '--ds-background-selected-bold-pressed';
+  readonly 'color.background.selected.resting': '--ds-background-selected-resting';
+  readonly 'color.background.selected.hover': '--ds-background-selected-hover';
+  readonly 'color.background.danger': '--ds-background-danger';
+  readonly 'color.background.danger.hovered': '--ds-background-danger-hovered';
+  readonly 'color.background.danger.pressed': '--ds-background-danger-pressed';
+  readonly 'color.background.danger.bold': '--ds-background-danger-bold';
+  readonly 'color.background.danger.bold.hovered': '--ds-background-danger-bold-hovered';
+  readonly 'color.background.danger.bold.pressed': '--ds-background-danger-bold-pressed';
+  readonly 'color.background.warning': '--ds-background-warning';
+  readonly 'color.background.warning.hovered': '--ds-background-warning-hovered';
+  readonly 'color.background.warning.pressed': '--ds-background-warning-pressed';
+  readonly 'color.background.warning.bold': '--ds-background-warning-bold';
+  readonly 'color.background.warning.bold.hovered': '--ds-background-warning-bold-hovered';
+  readonly 'color.background.warning.bold.pressed': '--ds-background-warning-bold-pressed';
+  readonly 'color.background.success': '--ds-background-success';
+  readonly 'color.background.success.hovered': '--ds-background-success-hovered';
+  readonly 'color.background.success.pressed': '--ds-background-success-pressed';
+  readonly 'color.background.success.bold': '--ds-background-success-bold';
+  readonly 'color.background.success.bold.hovered': '--ds-background-success-bold-hovered';
+  readonly 'color.background.success.bold.pressed': '--ds-background-success-bold-pressed';
+  readonly 'color.background.discovery': '--ds-background-discovery';
+  readonly 'color.background.discovery.hovered': '--ds-background-discovery-hovered';
+  readonly 'color.background.discovery.pressed': '--ds-background-discovery-pressed';
+  readonly 'color.background.discovery.bold': '--ds-background-discovery-bold';
+  readonly 'color.background.discovery.bold.hovered': '--ds-background-discovery-bold-hovered';
+  readonly 'color.background.discovery.bold.pressed': '--ds-background-discovery-bold-pressed';
+  readonly 'color.background.information': '--ds-background-information';
+  readonly 'color.background.information.hovered': '--ds-background-information-hovered';
+  readonly 'color.background.information.pressed': '--ds-background-information-pressed';
+  readonly 'color.background.information.bold': '--ds-background-information-bold';
+  readonly 'color.background.information.bold.hovered': '--ds-background-information-bold-hovered';
+  readonly 'color.background.information.bold.pressed': '--ds-background-information-bold-pressed';
+  readonly 'color.background.blanket': '--ds-background-blanket';
+  readonly 'color.background.boldBrand.hover': '--ds-background-boldBrand-hover';
+  readonly 'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed';
+  readonly 'color.background.boldBrand.resting': '--ds-background-boldBrand-resting';
+  readonly 'color.background.boldDanger.hover': '--ds-background-boldDanger-hover';
+  readonly 'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed';
+  readonly 'color.background.boldDanger.resting': '--ds-background-boldDanger-resting';
+  readonly 'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover';
+  readonly 'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed';
+  readonly 'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting';
+  readonly 'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover';
+  readonly 'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed';
+  readonly 'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting';
+  readonly 'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover';
+  readonly 'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed';
+  readonly 'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting';
+  readonly 'color.background.boldWarning.hover': '--ds-background-boldWarning-hover';
+  readonly 'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed';
+  readonly 'color.background.boldWarning.resting': '--ds-background-boldWarning-resting';
+  readonly 'color.background.card': '--ds-background-card';
+  readonly 'color.background.default': '--ds-background-default';
+  readonly 'color.background.overlay': '--ds-background-overlay';
+  readonly 'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed';
+  readonly 'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting';
+  readonly 'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover';
+  readonly 'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed';
+  readonly 'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting';
+  readonly 'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover';
+  readonly 'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed';
+  readonly 'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting';
+  readonly 'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover';
+  readonly 'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed';
+  readonly 'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting';
+  readonly 'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover';
+  readonly 'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed';
+  readonly 'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting';
+  readonly 'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover';
+  readonly 'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed';
+  readonly 'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting';
+  readonly 'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover';
+  readonly 'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed';
+  readonly 'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting';
+  readonly 'color.background.sunken': '--ds-background-sunken';
+  readonly 'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover';
+  readonly 'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed';
+  readonly 'color.blanket': '--ds-blanket';
+  readonly 'color.blanket.selected': '--ds-blanket-selected';
+  readonly 'color.blanket.danger': '--ds-blanket-danger';
+  readonly 'color.interaction.hovered': '--ds-interaction-hovered';
+  readonly 'color.interaction.pressed': '--ds-interaction-pressed';
+  readonly 'color.interaction.inverse.hovered': '--ds-interaction-inverse-hovered';
+  readonly 'color.interaction.inverse.pressed': '--ds-interaction-inverse-pressed';
+  readonly 'color.skeleton': '--ds-skeleton';
+  readonly 'color.skeleton.subtle': '--ds-skeleton-subtle';
+  readonly 'color.link': '--ds-link';
+  readonly 'color.link.pressed': '--ds-link-pressed';
+  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.iconBorder.brand': '--ds-iconBorder-brand';
+  readonly 'color.iconBorder.danger': '--ds-iconBorder-danger';
+  readonly 'color.iconBorder.discovery': '--ds-iconBorder-discovery';
+  readonly 'color.iconBorder.success': '--ds-iconBorder-success';
+  readonly 'color.iconBorder.warning': '--ds-iconBorder-warning';
+  readonly 'color.overlay.hover': '--ds-overlay-hover';
+  readonly 'color.overlay.pressed': '--ds-overlay-pressed';
+  readonly 'shadow.card': '--ds-card';
+  readonly 'shadow.overlay': '--ds-overlay';
+  readonly 'elevation.shadow.raised': '--ds-shadow-raised';
+  readonly 'elevation.shadow.overflow': '--ds-shadow-overflow';
+  readonly 'elevation.shadow.overlay': '--ds-shadow-overlay';
+  readonly 'elevation.surface': '--ds-surface';
+  readonly 'elevation.surface.sunken': '--ds-surface-sunken';
+  readonly 'elevation.surface.raised': '--ds-surface-raised';
+  readonly 'elevation.surface.overlay': '--ds-surface-overlay';
+  readonly 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent';
+  readonly 'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN';
+};
+
+/**
+ * A React hook which returns the current theme set on `<html>`, or `null` if not set.
+ *
+ * @example
+ * ```
+ * const theme = useThemeObserver(); // Returns 'light' or 'dark'
+ *
+ * // Performing side effects when it changes
+ * useEffect(() => {
+ *   console.log(`The theme has changed to ${theme}`);
+ * }, [theme]);
+ * ```
+ */
+export declare const useThemeObserver: () => Themes | null;
 
-// (No @packageDocumentation comment for this package)
-```
+export {};
+````