@atlaskit/tokens 1.11.3 → 1.13.0

package/report.api.md

@@ -78,6 +78,12 @@ export type ActiveTokens =
   | 'color.background.brand.bold'
   | 'color.background.brand.bold.hovered'
   | 'color.background.brand.bold.pressed'
+  | 'color.background.brand.boldest'
+  | 'color.background.brand.boldest.hovered'
+  | 'color.background.brand.boldest.pressed'
+  | 'color.background.brand.subtlest'
+  | 'color.background.brand.subtlest.hovered'
+  | 'color.background.brand.subtlest.pressed'
   | 'color.background.danger'
   | 'color.background.danger.bold'
   | 'color.background.danger.bold.hovered'
@@ -535,6 +541,9 @@ const baseSpacingTokens: {
   };
 };
 
+// @public (undocumented)
+type CSSColor = HEX;
+
 // @public (undocumented)
 export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 
@@ -682,9 +691,15 @@ type CSSTokenMap = {
   '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.brand.subtlest': 'var(--ds-background-brand-subtlest)';
+  'color.background.brand.subtlest.hovered': 'var(--ds-background-brand-subtlest-hovered)';
+  'color.background.brand.subtlest.pressed': 'var(--ds-background-brand-subtlest-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.boldest': 'var(--ds-background-brand-boldest)';
+  'color.background.brand.boldest.hovered': 'var(--ds-background-brand-boldest-hovered)';
+  'color.background.brand.boldest.pressed': 'var(--ds-background-brand-boldest-pressed)';
   '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)';
@@ -887,6 +902,12 @@ type CSSTokenMap = {
   'font.lineHeight.600': 'var(--ds-font-lineHeight-600)';
 };
 
+// @public (undocumented)
+export interface CustomBrandSchema {
+  // (undocumented)
+  brandColor: CSSColor;
+}
+
 // @public (undocumented)
 type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
 
@@ -960,6 +981,7 @@ export const getThemeHtmlAttrs: ({
   shape,
   spacing,
   typography,
+  UNSAFE_themeOptions,
 }?: Partial<ThemeState>) => Record<string, string>;
 
 // @public
@@ -988,6 +1010,9 @@ export type Groups =
   | 'spacing'
   | 'typography';
 
+// @public (undocumented)
+type HEX = `#${string}`;
+
 // @public
 type InternalTokenIds =
   | 'border.radius.050'
@@ -1043,6 +1068,12 @@ type InternalTokenIds =
   | 'color.background.brand.bold.[default]'
   | 'color.background.brand.bold.hovered'
   | 'color.background.brand.bold.pressed'
+  | 'color.background.brand.boldest.[default]'
+  | 'color.background.brand.boldest.hovered'
+  | 'color.background.brand.boldest.pressed'
+  | 'color.background.brand.subtlest.[default]'
+  | 'color.background.brand.subtlest.hovered'
+  | 'color.background.brand.subtlest.pressed'
   | 'color.background.danger.[default].[default]'
   | 'color.background.danger.[default].hovered'
   | 'color.background.danger.[default].pressed'
@@ -1357,7 +1388,15 @@ type Replacement = InternalTokenIds | InternalTokenIds[];
 
 // @public
 export const setGlobalTheme: (
-  { colorMode, dark, light, shape, spacing, typography }?: Partial<ThemeState>,
+  {
+    colorMode,
+    dark,
+    light,
+    shape,
+    spacing,
+    typography,
+    UNSAFE_themeOptions,
+  }?: Partial<ThemeState>,
   themeLoader?:
     | ((id: ThemeIdsWithOverrides) => Promise<void> | void)
     | undefined,
@@ -1511,6 +1550,8 @@ export interface ThemeState {
   spacing?: Extract<ThemeIds, 'spacing'>;
   // (undocumented)
   typography?: Extract<ThemeIds, 'typography'>;
+  // (undocumented)
+  UNSAFE_themeOptions?: CustomBrandSchema;
 }
 
 // @public
@@ -1692,9 +1733,15 @@ const tokens: {
   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.brand.subtlest': '--ds-background-brand-subtlest';
+  readonly 'color.background.brand.subtlest.hovered': '--ds-background-brand-subtlest-hovered';
+  readonly 'color.background.brand.subtlest.pressed': '--ds-background-brand-subtlest-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.boldest': '--ds-background-brand-boldest';
+  readonly 'color.background.brand.boldest.hovered': '--ds-background-brand-boldest-hovered';
+  readonly 'color.background.brand.boldest.pressed': '--ds-background-brand-boldest-pressed';
   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';