@atlaskit/tokens 1.6.0 → 1.7.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tokens
 
+## 1.7.0
+
+### Minor Changes
+
+- [`85b5f222844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85b5f222844) - We are testing shape and space tokens behind a feature flag. These tokens will be enabled by default whenever `setGlobalTheme` is called. If this test is successful it will be available in a later release.
+
 ## 1.6.0
 
 ### Minor Changes

package/dist/cjs/get-token-value.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var name = "@atlaskit/tokens";
-var version = "1.6.0";
+var version = "1.7.0";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/cjs/get-token.js

@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 var name = "@atlaskit/tokens";
-var version = "1.6.0";
+var version = "1.7.0";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/cjs/set-global-theme.js

@@ -45,10 +45,11 @@ var getThemePreferences = function getThemePreferences(themeState) {
   var colorMode = themeState.colorMode,
     dark = themeState.dark,
     light = themeState.light,
+    shape = themeState.shape,
     spacing = themeState.spacing,
     typography = themeState.typography;
   var themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
-  [spacing, typography].forEach(function (themeId) {
+  [shape, spacing, typography].forEach(function (themeId) {
     if (themeId) {
       themePreferences.push(themeId);
     }
@@ -56,6 +57,16 @@ var getThemePreferences = function getThemePreferences(themeState) {
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1')) {
     themePreferences.push("".concat(themePreferences.includes('dark') ? 'dark' : 'light', "-new-input-border"));
   }
+
+  // Load shape and spacing by default, currently behind a feature flag
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.space-and-shape-tokens_q5me6')) {
+    if (!themePreferences.includes('shape')) {
+      themePreferences.push('shape');
+    }
+    if (!themePreferences.includes('spacing')) {
+      themePreferences.push('spacing');
+    }
+  }
   return (0, _toConsumableArray2.default)(new Set(themePreferences));
 };
 
@@ -66,6 +77,7 @@ var getThemePreferences = function getThemePreferences(themeState) {
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
+ * @param {string} themeState.shape The shape theme to be applied.
  * @param {string} themeState.spacing The spacing theme to be applied.
  * @param {string} themeState.typography The typography theme to be applied.
  *
@@ -194,6 +206,7 @@ var setGlobalTheme = /*#__PURE__*/function () {
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
+ * @param {string} themeState.shape The shape theme to be applied.
  * @param {string} themeState.spacing The spacing theme to be applied.
  * @param {string} themeState.typography The typography theme to be applied.
  *
@@ -209,19 +222,19 @@ var getThemeStyles = /*#__PURE__*/function () {
       dark,
       _ref7$light,
       light,
+      _ref7$shape,
+      shape,
       _ref7$spacing,
       spacing,
       _ref7$typography,
       typography,
-      _ref7$shape,
-      shape,
       themePreferences,
       results,
       _args4 = arguments;
     return _regenerator.default.wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          _ref7 = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {}, _ref7$colorMode = _ref7.colorMode, colorMode = _ref7$colorMode === void 0 ? themeStateDefaults['colorMode'] : _ref7$colorMode, _ref7$dark = _ref7.dark, dark = _ref7$dark === void 0 ? themeStateDefaults['dark'] : _ref7$dark, _ref7$light = _ref7.light, light = _ref7$light === void 0 ? themeStateDefaults['light'] : _ref7$light, _ref7$spacing = _ref7.spacing, spacing = _ref7$spacing === void 0 ? themeStateDefaults['spacing'] : _ref7$spacing, _ref7$typography = _ref7.typography, typography = _ref7$typography === void 0 ? themeStateDefaults['typography'] : _ref7$typography, _ref7$shape = _ref7.shape, shape = _ref7$shape === void 0 ? themeStateDefaults['shape'] : _ref7$shape;
+          _ref7 = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {}, _ref7$colorMode = _ref7.colorMode, colorMode = _ref7$colorMode === void 0 ? themeStateDefaults['colorMode'] : _ref7$colorMode, _ref7$dark = _ref7.dark, dark = _ref7$dark === void 0 ? themeStateDefaults['dark'] : _ref7$dark, _ref7$light = _ref7.light, light = _ref7$light === void 0 ? themeStateDefaults['light'] : _ref7$light, _ref7$shape = _ref7.shape, shape = _ref7$shape === void 0 ? themeStateDefaults['shape'] : _ref7$shape, _ref7$spacing = _ref7.spacing, spacing = _ref7$spacing === void 0 ? themeStateDefaults['spacing'] : _ref7$spacing, _ref7$typography = _ref7.typography, typography = _ref7$typography === void 0 ? themeStateDefaults['typography'] : _ref7$typography;
           themePreferences = getThemePreferences({
             colorMode: colorMode,
             dark: dark,
@@ -320,10 +333,21 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
   var themePreferences = {
     dark: dark,
     light: light,
+    shape: shape,
     spacing: spacing,
-    typography: typography,
-    shape: shape
+    typography: typography
   };
+
+  // Load shape and spacing by default, currently behind a feature flag
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.space-and-shape-tokens_q5me6')) {
+    themePreferences = {
+      dark: dark,
+      light: light,
+      shape: 'shape',
+      spacing: 'spacing',
+      typography: typography
+    };
+  }
   var themeAttribute = (0, _themeStateTransformer.themeObjectToString)(themePreferences);
   return _ref10 = {}, (0, _defineProperty2.default)(_ref10, _constants.THEME_DATA_ATTRIBUTE, themeAttribute), (0, _defineProperty2.default)(_ref10, _constants.COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode), _ref10;
 };

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "1.6.0",
+	"version": "1.7.0",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/es2019/get-token-value.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 const name = "@atlaskit/tokens";
-const version = "1.6.0";
+const version = "1.7.0";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/es2019/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 const name = "@atlaskit/tokens";
-const version = "1.6.0";
+const version = "1.7.0";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/es2019/set-global-theme.js

@@ -35,11 +35,12 @@ const getThemePreferences = themeState => {
     colorMode,
     dark,
     light,
+    shape,
     spacing,
     typography
   } = themeState;
   const themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
-  [spacing, typography].forEach(themeId => {
+  [shape, spacing, typography].forEach(themeId => {
     if (themeId) {
       themePreferences.push(themeId);
     }
@@ -47,6 +48,16 @@ const getThemePreferences = themeState => {
   if (getBooleanFF('platform.design-system-team.update-border-input_ff9l1')) {
     themePreferences.push(`${themePreferences.includes('dark') ? 'dark' : 'light'}-new-input-border`);
   }
+
+  // Load shape and spacing by default, currently behind a feature flag
+  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
+    if (!themePreferences.includes('shape')) {
+      themePreferences.push('shape');
+    }
+    if (!themePreferences.includes('spacing')) {
+      themePreferences.push('spacing');
+    }
+  }
   return [...new Set(themePreferences)];
 };
 
@@ -57,6 +68,7 @@ const getThemePreferences = themeState => {
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
+ * @param {string} themeState.shape The shape theme to be applied.
  * @param {string} themeState.spacing The spacing theme to be applied.
  * @param {string} themeState.typography The typography theme to be applied.
  *
@@ -125,6 +137,7 @@ const setGlobalTheme = async ({
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
+ * @param {string} themeState.shape The shape theme to be applied.
  * @param {string} themeState.spacing The spacing theme to be applied.
  * @param {string} themeState.typography The typography theme to be applied.
  *
@@ -135,9 +148,9 @@ export const getThemeStyles = async ({
   colorMode = themeStateDefaults['colorMode'],
   dark = themeStateDefaults['dark'],
   light = themeStateDefaults['light'],
+  shape = themeStateDefaults['shape'],
   spacing = themeStateDefaults['spacing'],
-  typography = themeStateDefaults['typography'],
-  shape = themeStateDefaults['shape']
+  typography = themeStateDefaults['typography']
 } = {}) => {
   const themePreferences = getThemePreferences({
     colorMode,
@@ -195,13 +208,24 @@ export const getThemeHtmlAttrs = ({
   spacing = themeStateDefaults['spacing'],
   typography = themeStateDefaults['typography']
 } = {}) => {
-  const themePreferences = {
+  let themePreferences = {
     dark,
     light,
+    shape,
     spacing,
-    typography,
-    shape
+    typography
   };
+
+  // Load shape and spacing by default, currently behind a feature flag
+  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
+    themePreferences = {
+      dark,
+      light,
+      shape: 'shape',
+      spacing: 'spacing',
+      typography
+    };
+  }
   const themeAttribute = themeObjectToString(themePreferences);
   return {
     [THEME_DATA_ATTRIBUTE]: themeAttribute,

package/dist/es2019/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "1.6.0",
+	"version": "1.7.0",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/esm/get-token-value.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 var name = "@atlaskit/tokens";
-var version = "1.6.0";
+var version = "1.7.0";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/esm/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 var name = "@atlaskit/tokens";
-var version = "1.6.0";
+var version = "1.7.0";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/esm/set-global-theme.js

@@ -39,10 +39,11 @@ var getThemePreferences = function getThemePreferences(themeState) {
   var colorMode = themeState.colorMode,
     dark = themeState.dark,
     light = themeState.light,
+    shape = themeState.shape,
     spacing = themeState.spacing,
     typography = themeState.typography;
   var themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
-  [spacing, typography].forEach(function (themeId) {
+  [shape, spacing, typography].forEach(function (themeId) {
     if (themeId) {
       themePreferences.push(themeId);
     }
@@ -50,6 +51,16 @@ var getThemePreferences = function getThemePreferences(themeState) {
   if (getBooleanFF('platform.design-system-team.update-border-input_ff9l1')) {
     themePreferences.push("".concat(themePreferences.includes('dark') ? 'dark' : 'light', "-new-input-border"));
   }
+
+  // Load shape and spacing by default, currently behind a feature flag
+  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
+    if (!themePreferences.includes('shape')) {
+      themePreferences.push('shape');
+    }
+    if (!themePreferences.includes('spacing')) {
+      themePreferences.push('spacing');
+    }
+  }
   return _toConsumableArray(new Set(themePreferences));
 };
 
@@ -60,6 +71,7 @@ var getThemePreferences = function getThemePreferences(themeState) {
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
+ * @param {string} themeState.shape The shape theme to be applied.
  * @param {string} themeState.spacing The spacing theme to be applied.
  * @param {string} themeState.typography The typography theme to be applied.
  *
@@ -188,6 +200,7 @@ var setGlobalTheme = /*#__PURE__*/function () {
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
+ * @param {string} themeState.shape The shape theme to be applied.
  * @param {string} themeState.spacing The spacing theme to be applied.
  * @param {string} themeState.typography The typography theme to be applied.
  *
@@ -203,19 +216,19 @@ export var getThemeStyles = /*#__PURE__*/function () {
       dark,
       _ref7$light,
       light,
+      _ref7$shape,
+      shape,
       _ref7$spacing,
       spacing,
       _ref7$typography,
       typography,
-      _ref7$shape,
-      shape,
       themePreferences,
       results,
       _args4 = arguments;
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          _ref7 = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {}, _ref7$colorMode = _ref7.colorMode, colorMode = _ref7$colorMode === void 0 ? themeStateDefaults['colorMode'] : _ref7$colorMode, _ref7$dark = _ref7.dark, dark = _ref7$dark === void 0 ? themeStateDefaults['dark'] : _ref7$dark, _ref7$light = _ref7.light, light = _ref7$light === void 0 ? themeStateDefaults['light'] : _ref7$light, _ref7$spacing = _ref7.spacing, spacing = _ref7$spacing === void 0 ? themeStateDefaults['spacing'] : _ref7$spacing, _ref7$typography = _ref7.typography, typography = _ref7$typography === void 0 ? themeStateDefaults['typography'] : _ref7$typography, _ref7$shape = _ref7.shape, shape = _ref7$shape === void 0 ? themeStateDefaults['shape'] : _ref7$shape;
+          _ref7 = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {}, _ref7$colorMode = _ref7.colorMode, colorMode = _ref7$colorMode === void 0 ? themeStateDefaults['colorMode'] : _ref7$colorMode, _ref7$dark = _ref7.dark, dark = _ref7$dark === void 0 ? themeStateDefaults['dark'] : _ref7$dark, _ref7$light = _ref7.light, light = _ref7$light === void 0 ? themeStateDefaults['light'] : _ref7$light, _ref7$shape = _ref7.shape, shape = _ref7$shape === void 0 ? themeStateDefaults['shape'] : _ref7$shape, _ref7$spacing = _ref7.spacing, spacing = _ref7$spacing === void 0 ? themeStateDefaults['spacing'] : _ref7$spacing, _ref7$typography = _ref7.typography, typography = _ref7$typography === void 0 ? themeStateDefaults['typography'] : _ref7$typography;
           themePreferences = getThemePreferences({
             colorMode: colorMode,
             dark: dark,
@@ -313,10 +326,21 @@ export var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
   var themePreferences = {
     dark: dark,
     light: light,
+    shape: shape,
     spacing: spacing,
-    typography: typography,
-    shape: shape
+    typography: typography
   };
+
+  // Load shape and spacing by default, currently behind a feature flag
+  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
+    themePreferences = {
+      dark: dark,
+      light: light,
+      shape: 'shape',
+      spacing: 'spacing',
+      typography: typography
+    };
+  }
   var themeAttribute = themeObjectToString(themePreferences);
   return _ref10 = {}, _defineProperty(_ref10, THEME_DATA_ATTRIBUTE, themeAttribute), _defineProperty(_ref10, COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode), _ref10;
 };

package/dist/esm/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "1.6.0",
+	"version": "1.7.0",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/types/set-global-theme.d.ts

@@ -18,6 +18,7 @@ export interface ActiveThemeState extends ThemeState {
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
+ * @param {string} themeState.shape The shape theme to be applied.
  * @param {string} themeState.spacing The spacing theme to be applied.
  * @param {string} themeState.typography The typography theme to be applied.
  *
@@ -42,13 +43,14 @@ export interface ThemeStyles {
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
+ * @param {string} themeState.shape The shape theme to be applied.
  * @param {string} themeState.spacing The spacing theme to be applied.
  * @param {string} themeState.typography The typography theme to be applied.
  *
  * @returns A Promise of an object array, containing theme IDs, data-attributes to attach to the theme, and the theme CSS.
  * If an error is encountered while loading themes, the themes arrav will be emptv.
  */
-export declare const getThemeStyles: ({ colorMode, dark, light, spacing, typography, shape, }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
+export declare const getThemeStyles: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
 /**
  * Server-side rendering utility. Generates the valid HTML attributes for a given theme.
  * Note: this utility does not handle automatic theme switching.

package/dist/types-ts4.5/set-global-theme.d.ts

@@ -18,6 +18,7 @@ export interface ActiveThemeState extends ThemeState {
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
+ * @param {string} themeState.shape The shape theme to be applied.
  * @param {string} themeState.spacing The spacing theme to be applied.
  * @param {string} themeState.typography The typography theme to be applied.
  *
@@ -42,13 +43,14 @@ export interface ThemeStyles {
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
+ * @param {string} themeState.shape The shape theme to be applied.
  * @param {string} themeState.spacing The spacing theme to be applied.
  * @param {string} themeState.typography The typography theme to be applied.
  *
  * @returns A Promise of an object array, containing theme IDs, data-attributes to attach to the theme, and the theme CSS.
  * If an error is encountered while loading themes, the themes arrav will be emptv.
  */
-export declare const getThemeStyles: ({ colorMode, dark, light, spacing, typography, shape, }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
+export declare const getThemeStyles: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
 /**
  * Server-side rendering utility. Generates the valid HTML attributes for a given theme.
  * Note: this utility does not handle automatic theme switching.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -71,7 +71,7 @@
     "@atlaskit/docs": "^9.1.0",
     "@atlaskit/dropdown-menu": "^11.9.0",
     "@atlaskit/ds-explorations": "^2.2.0",
-    "@atlaskit/dynamic-table": "^14.10.0",
+    "@atlaskit/dynamic-table": "^14.11.0",
     "@atlaskit/grid": "^0.11.0",
     "@atlaskit/heading": "^1.3.0",
     "@atlaskit/icon": "^21.12.0",
@@ -135,6 +135,9 @@
     },
     "platform.design-system-team.update-border-input_ff9l1": {
       "type": "boolean"
+    },
+    "platform.design-system-team.space-and-shape-tokens_q5me6": {
+      "type": "boolean"
     }
   },
   "homepage": "https://atlassian.design/components/tokens",

package/report.api.md

@@ -933,9 +933,9 @@ export const getThemeStyles: ({
   colorMode,
   dark,
   light,
+  shape,
   spacing,
   typography,
-  shape,
 }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
 
 // @public

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

@@ -574,7 +574,7 @@ export const getSSRAutoScript: (colorMode: ThemeState['colorMode']) => string |
 export const getThemeHtmlAttrs: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>) => Record<string, string>;
 
 // @public
-export const getThemeStyles: ({ colorMode, dark, light, spacing, typography, shape, }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
+export const getThemeStyles: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
 
 // @public
 export function getTokenValue<T extends keyof Tokens_2>(tokenId: T, fallback?: string): string;