@atlaskit/theme - npm Package Compare versions

Comparing version 12.9.0 to 12.10.0

CHANGELOG.md

 # @atlaskit/theme
 
+## 12.10.0
+
+### Minor Changes
+
+- [#111016](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111016)
+  [`d131599730792`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d131599730792) -
+  Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
+  is implicitly set to automatic.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.9.0
@@ -17,3 +30,3 @@
   [`0bea5b4f8cc5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0bea5b4f8cc5) -
-  Add support for React 18.
+  Add support for React 18 in non-strict mode.
 
@@ -20,0 +33,0 @@ ### Patch Changes

dist/types-ts4.5/components/deprecated-theme-provider.d.ts

@@ -15,3 +15,3 @@ import React, { type ComponentType, type PropsWithChildren } from 'react';
  */
-declare const CompatThemeProvider: React.MemoExoticComponent<({ mode, provider: Provider, children, }: DeprecatedThemeProviderProps) => JSX.Element>;
+declare const CompatThemeProvider: React.MemoExoticComponent<({ mode, provider: Provider, children }: DeprecatedThemeProviderProps) => JSX.Element>;
 export default CompatThemeProvider;

dist/types-ts4.5/index.d.ts

@@ -8,3 +8,3 @@ import * as colorPalettes from './color-palettes';
 import themed from './utils/themed';
-export { colors, colorPalettes, elevation, typography, getTheme, themed, AtlaskitThemeProvider, };
+export { colors, colorPalettes, elevation, typography, getTheme, themed, AtlaskitThemeProvider };
 export { CHANNEL, DEFAULT_THEME_MODE, THEME_MODES, assistive, borderRadius, codeFontFamily, focusRing, fontFamily, fontSize, fontSizeSmall, gridSize, layers, noFocusRing, skeletonShimmer, visuallyHidden, } from './constants';
@@ -11,0 +11,0 @@ export { default, useGlobalTheme } from './components/theme';

dist/types/components/deprecated-theme-provider.d.ts

@@ -15,3 +15,3 @@ import React, { type ComponentType, type PropsWithChildren } from 'react';
  */
-declare const CompatThemeProvider: React.MemoExoticComponent<({ mode, provider: Provider, children, }: DeprecatedThemeProviderProps) => JSX.Element>;
+declare const CompatThemeProvider: React.MemoExoticComponent<({ mode, provider: Provider, children }: DeprecatedThemeProviderProps) => JSX.Element>;
 export default CompatThemeProvider;

dist/types/index.d.ts

@@ -8,3 +8,3 @@ import * as colorPalettes from './color-palettes';
 import themed from './utils/themed';
-export { colors, colorPalettes, elevation, typography, getTheme, themed, AtlaskitThemeProvider, };
+export { colors, colorPalettes, elevation, typography, getTheme, themed, AtlaskitThemeProvider };
 export { CHANNEL, DEFAULT_THEME_MODE, THEME_MODES, assistive, borderRadius, codeFontFamily, focusRing, fontFamily, fontSize, fontSizeSmall, gridSize, layers, noFocusRing, skeletonShimmer, visuallyHidden, } from './constants';
@@ -11,0 +11,0 @@ export { default, useGlobalTheme } from './components/theme';

package.json

 {
-  "name": "@atlaskit/theme",
-  "version": "12.9.0",
-  "description": "Theme contains solutions for global theming, colors, typography and other useful mixins.",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "sideEffects": false,
-  "atlaskit:src": "src/index.tsx",
-  "atlassian": {
-    "team": "Design System Team",
-    "runReact18": true,
-    "productPushConsumption": [
-      "jira"
-    ],
-    "releaseModel": "continuous",
-    "website": {
-      "name": "Theme",
-      "category": "Libraries"
-    }
-  },
-  "dependencies": {
-    "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/tokens": "^1.49.0",
-    "@babel/runtime": "^7.0.0"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
-  },
-  "devDependencies": {
-    "@atlaskit/ssr": "*",
-    "@atlaskit/visual-regression": "*",
-    "@emotion/react": "^11.7.1",
-    "@emotion/styled": "^11.0.0",
-    "@testing-library/react": "^12.1.5",
-    "@types/color": "^3.0.0",
-    "color": "^3.0.0",
-    "emotion-theming": "^10.0.7",
-    "jest-in-case": "^1.0.2",
-    "jscodeshift": "^0.13.0",
-    "react-dom": "^16.8.0",
-    "styled-components": "^3.2.6",
-    "typescript": "~5.4.2",
-    "wait-for-expect": "^1.2.0"
-  },
-  "keywords": [
-    "atlaskit",
-    "css",
-    "theme",
-    "react",
-    "ui"
-  ],
-  "techstack": {
-    "@atlassian/frontend": {
-      "import-structure": "atlassian-conventions"
-    },
-    "@repo/internal": {
-      "dom-events": "use-bind-event-listener",
-      "styling": [
-        "static",
-        "emotion"
-      ],
-      "ui-components": "lite-mode",
-      "analytics": "analytics-next",
-      "design-tokens": [
-        "color",
-        "spacing"
-      ],
-      "theming": [
-        "react-context"
-      ],
-      "deprecation": "no-deprecated-imports",
-      "design-system": "v1"
-    }
-  },
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "af:exports": {
-    "./deprecated-provider-please-do-not-use": "./src/deprecated-provider-please-do-not-use.tsx",
-    "./color-palettes": "./src/color-palettes.tsx",
-    "./colors": "./src/colors.tsx",
-    "./components": "./src/components.tsx",
-    "./constants": "./src/constants.tsx",
-    "./elevation": "./src/elevation.tsx",
-    "./types": "./src/types.tsx",
-    "./typography": "./src/typography.tsx"
-  },
-  "homepage": "https://atlaskit.atlassian.com/packages/design-system/eslint-plugin"
-}
+	"name": "@atlaskit/theme",
+	"version": "12.10.0",
+	"description": "Theme contains solutions for global theming, colors, typography and other useful mixins.",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"sideEffects": false,
+	"atlaskit:src": "src/index.tsx",
+	"atlassian": {
+		"team": "Design System Team",
+		"runReact18": true,
+		"productPushConsumption": [
+			"jira"
+		],
+		"releaseModel": "continuous",
+		"website": {
+			"name": "Theme",
+			"category": "Libraries"
+		}
+	},
+	"dependencies": {
+		"@atlaskit/codemod-utils": "^4.2.0",
+		"@atlaskit/ds-lib": "^2.3.0",
+		"@atlaskit/tokens": "^1.51.0",
+		"@babel/runtime": "^7.0.0"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
+	},
+	"devDependencies": {
+		"@atlaskit/ssr": "*",
+		"@atlaskit/visual-regression": "*",
+		"@emotion/react": "^11.7.1",
+		"@emotion/styled": "^11.0.0",
+		"@testing-library/react": "^12.1.5",
+		"@types/color": "^3.0.0",
+		"color": "^3.0.0",
+		"emotion-theming": "^10.0.7",
+		"jest-in-case": "^1.0.2",
+		"jscodeshift": "^0.13.0",
+		"react-dom": "^16.8.0",
+		"styled-components": "^3.2.6",
+		"typescript": "~5.4.2",
+		"wait-for-expect": "^1.2.0"
+	},
+	"keywords": [
+		"atlaskit",
+		"css",
+		"theme",
+		"react",
+		"ui"
+	],
+	"techstack": {
+		"@atlassian/frontend": {
+			"import-structure": "atlassian-conventions"
+		},
+		"@repo/internal": {
+			"dom-events": "use-bind-event-listener",
+			"styling": [
+				"static",
+				"emotion"
+			],
+			"ui-components": "lite-mode",
+			"analytics": "analytics-next",
+			"design-tokens": [
+				"color",
+				"spacing"
+			],
+			"theming": [
+				"react-context"
+			],
+			"deprecation": "no-deprecated-imports",
+			"design-system": "v1"
+		}
+	},
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"af:exports": {
+		"./deprecated-provider-please-do-not-use": "./src/deprecated-provider-please-do-not-use.tsx",
+		"./color-palettes": "./src/color-palettes.tsx",
+		"./colors": "./src/colors.tsx",
+		"./components": "./src/components.tsx",
+		"./constants": "./src/constants.tsx",
+		"./elevation": "./src/elevation.tsx",
+		"./types": "./src/types.tsx",
+		"./typography": "./src/typography.tsx"
+	},
+	"homepage": "https://atlaskit.atlassian.com/packages/design-system/eslint-plugin"
+}

README.md

@@ -13,2 +13,3 @@ # Theme
 
-Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/core/theme).
+Detailed docs and example usage can be found
+[here](https://atlaskit.atlassian.com/packages/core/theme).

report.api.md

@@ -5,3 +5,4 @@ <!-- API Report Version: 2.3 -->
 
-> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using
+> [API Extractor](https://api-extractor.com/).
 > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
@@ -27,8 +28,8 @@
 interface AKThemeProviderProps {
-  // (undocumented)
-  background?: ThemedValue<string>;
-  // (undocumented)
-  children?: ReactNode;
-  // (undocumented)
-  mode?: ThemeModes;
+	// (undocumented)
+	background?: ThemedValue<string>;
+	// (undocumented)
+	children?: ReactNode;
+	// (undocumented)
+	mode?: ThemeModes;
 }
@@ -38,10 +39,10 @@
 export const assistive: () => {
-  border: string;
-  clip: string;
-  height: string;
-  overflow: 'hidden';
-  padding: string;
-  position: 'absolute';
-  width: string;
-  whiteSpace: 'nowrap';
+	border: string;
+	clip: string;
+	height: string;
+	overflow: 'hidden';
+	padding: string;
+	position: 'absolute';
+	width: string;
+	whiteSpace: 'nowrap';
 };
@@ -51,8 +52,8 @@
 export interface AtlaskitThemeProps {
-  // (undocumented)
-  [index: string]: any;
-  // (undocumented)
-  theme: {
-    __ATLASKIT_THEME__: Theme;
-  };
+	// (undocumented)
+	[index: string]: any;
+	// (undocumented)
+	theme: {
+		__ATLASKIT_THEME__: Theme;
+	};
 }
@@ -113,4 +114,4 @@
 const colorPalette: (palette?: colorPaletteType) => {
-  background: string;
-  text: string;
+	background: string;
+	text: string;
 }[];
@@ -120,4 +121,4 @@
 const colorPalette16: {
-  background: string;
-  text: string;
+	background: string;
+	text: string;
 }[];
@@ -127,4 +128,4 @@
 const colorPalette24: {
-  background: string;
-  text: string;
+	background: string;
+	text: string;
 }[];
@@ -134,8 +135,8 @@
 const colorPalette8: {
-  background: string;
-  text: string;
+	background: string;
+	text: string;
 }[];
 
 declare namespace colorPalettes {
-  export { colorPalette8, colorPalette16, colorPalette24, colorPalette };
+	export { colorPalette8, colorPalette16, colorPalette24, colorPalette };
 }
@@ -148,142 +149,142 @@ export { colorPalettes };
 declare namespace colors {
-  export {
-    R50,
-    R75,
-    R100,
-    R200,
-    R300,
-    R400,
-    R500,
-    Y50,
-    Y75,
-    Y100,
-    Y200,
-    Y300,
-    Y400,
-    Y500,
-    G50,
-    G75,
-    G100,
-    G200,
-    G300,
-    G400,
-    G500,
-    B50,
-    B75,
-    B100,
-    B200,
-    B300,
-    B400,
-    B500,
-    P50,
-    P75,
-    P100,
-    P200,
-    P300,
-    P400,
-    P500,
-    T50,
-    T75,
-    T100,
-    T200,
-    T300,
-    T400,
-    T500,
-    N0,
-    N10,
-    N20,
-    N30,
-    N40,
-    N50,
-    N60,
-    N70,
-    N80,
-    N90,
-    N100,
-    N200,
-    N300,
-    N400,
-    N500,
-    N600,
-    N700,
-    N800,
-    N900,
-    N10A,
-    N20A,
-    N30A,
-    N40A,
-    N50A,
-    N60A,
-    N70A,
-    N80A,
-    N90A,
-    N100A,
-    N200A,
-    N300A,
-    N400A,
-    N500A,
-    N600A,
-    N700A,
-    N800A,
-    DN900,
-    DN800,
-    DN700,
-    DN600,
-    DN500,
-    DN400,
-    DN300,
-    DN200,
-    DN100,
-    DN90,
-    DN80,
-    DN70,
-    DN60,
-    DN50,
-    DN40,
-    DN30,
-    DN20,
-    DN10,
-    DN0,
-    DN800A,
-    DN700A,
-    DN600A,
-    DN500A,
-    DN400A,
-    DN300A,
-    DN200A,
-    DN100A,
-    DN90A,
-    DN80A,
-    DN70A,
-    DN60A,
-    DN50A,
-    DN40A,
-    DN30A,
-    DN20A,
-    DN10A,
-    background,
-    backgroundActive,
-    backgroundHover,
-    backgroundOnLayer,
-    text,
-    textHover,
-    textActive,
-    subtleText,
-    placeholderText,
-    heading,
-    subtleHeading,
-    codeBlock,
-    link,
-    linkHover,
-    linkActive,
-    linkOutline,
-    primary,
-    blue,
-    teal,
-    purple,
-    red,
-    yellow,
-    green,
-    skeleton,
-  };
+	export {
+		R50,
+		R75,
+		R100,
+		R200,
+		R300,
+		R400,
+		R500,
+		Y50,
+		Y75,
+		Y100,
+		Y200,
+		Y300,
+		Y400,
+		Y500,
+		G50,
+		G75,
+		G100,
+		G200,
+		G300,
+		G400,
+		G500,
+		B50,
+		B75,
+		B100,
+		B200,
+		B300,
+		B400,
+		B500,
+		P50,
+		P75,
+		P100,
+		P200,
+		P300,
+		P400,
+		P500,
+		T50,
+		T75,
+		T100,
+		T200,
+		T300,
+		T400,
+		T500,
+		N0,
+		N10,
+		N20,
+		N30,
+		N40,
+		N50,
+		N60,
+		N70,
+		N80,
+		N90,
+		N100,
+		N200,
+		N300,
+		N400,
+		N500,
+		N600,
+		N700,
+		N800,
+		N900,
+		N10A,
+		N20A,
+		N30A,
+		N40A,
+		N50A,
+		N60A,
+		N70A,
+		N80A,
+		N90A,
+		N100A,
+		N200A,
+		N300A,
+		N400A,
+		N500A,
+		N600A,
+		N700A,
+		N800A,
+		DN900,
+		DN800,
+		DN700,
+		DN600,
+		DN500,
+		DN400,
+		DN300,
+		DN200,
+		DN100,
+		DN90,
+		DN80,
+		DN70,
+		DN60,
+		DN50,
+		DN40,
+		DN30,
+		DN20,
+		DN10,
+		DN0,
+		DN800A,
+		DN700A,
+		DN600A,
+		DN500A,
+		DN400A,
+		DN300A,
+		DN200A,
+		DN100A,
+		DN90A,
+		DN80A,
+		DN70A,
+		DN60A,
+		DN50A,
+		DN40A,
+		DN30A,
+		DN20A,
+		DN10A,
+		background,
+		backgroundActive,
+		backgroundHover,
+		backgroundOnLayer,
+		text,
+		textHover,
+		textActive,
+		subtleText,
+		placeholderText,
+		heading,
+		subtleHeading,
+		codeBlock,
+		link,
+		linkHover,
+		linkActive,
+		linkOutline,
+		primary,
+		blue,
+		teal,
+		purple,
+		red,
+		yellow,
+		green,
+		skeleton,
+	};
 }
@@ -294,14 +295,14 @@ export { colors };
 export function createTheme<ThemeTokens, ThemeProps>(
-  defaultGetTokens: GetThemeTokensFn<ThemeTokens, ThemeProps>,
+	defaultGetTokens: GetThemeTokensFn<ThemeTokens, ThemeProps>,
 ): {
-  Consumer: ComponentType<
-    ThemeProps extends void
-      ? ThemeConsumerFn<ThemeTokens>
-      : ThemeConsumerFn<ThemeTokens> & ThemeProps
-  >;
-  Provider: ComponentType<{
-    children?: ReactNode;
-    value?: ThemeProp<ThemeTokens, ThemeProps>;
-  }>;
-  useTheme: GetThemeTokensFn<ThemeTokens, ThemeProps>;
+	Consumer: ComponentType<
+		ThemeProps extends void
+			? ThemeConsumerFn<ThemeTokens>
+			: ThemeConsumerFn<ThemeTokens> & ThemeProps
+	>;
+	Provider: ComponentType<{
+		children?: ReactNode;
+		value?: ThemeProp<ThemeTokens, ThemeProps>;
+	}>;
+	useTheme: GetThemeTokensFn<ThemeTokens, ThemeProps>;
 };
@@ -311,6 +312,6 @@
 export interface CustomThemeProps {
-  // (undocumented)
-  [index: string]: any;
-  // (undocumented)
-  theme: Theme;
+	// (undocumented)
+	[index: string]: any;
+	// (undocumented)
+	theme: Theme;
 }
@@ -320,9 +321,9 @@
 const _default: {
-  Provider: ComponentType<{
-    children?: ReactNode;
-    value?: ThemeProp<GlobalThemeTokens, void> | undefined;
-  }>;
-  Consumer: ComponentType<{
-    children: (tokens: GlobalThemeTokens) => ReactNode;
-  }>;
+	Provider: ComponentType<{
+		children?: ReactNode;
+		value?: ThemeProp<GlobalThemeTokens, void> | undefined;
+	}>;
+	Consumer: ComponentType<{
+		children: (tokens: GlobalThemeTokens) => ReactNode;
+	}>;
 };
@@ -464,3 +465,3 @@ export default _default;
 declare namespace elevation {
-  export { e100, e200, e300, e400, e500 };
+	export { e100, e200, e300, e400, e500 };
 }
@@ -506,5 +507,3 @@ export { elevation };
 // @public (undocumented)
-type GetThemeTokensFn<ThemeTokens, ThemeProps> = (
-  props: ThemeProps,
-) => ThemeTokens;
+type GetThemeTokensFn<ThemeTokens, ThemeProps> = (props: ThemeProps) => ThemeTokens;
 
@@ -522,8 +521,8 @@ // @public (undocumented)
 const h100: (props?: ThemeProps) => {
-  color: 'var(--ds-text-subtlest)';
-  fontWeight: 'var(--ds-font-weight-bold)';
-  marginTop: string;
-  fontSize: string;
-  fontStyle: string;
-  lineHeight: number;
+	color: 'var(--ds-text-subtlest)';
+	fontWeight: 'var(--ds-font-weight-bold)';
+	marginTop: string;
+	fontSize: string;
+	fontStyle: string;
+	lineHeight: number;
 };
@@ -533,8 +532,8 @@
 const h200: (props?: ThemeProps) => {
-  color: 'var(--ds-text-subtlest)';
-  fontWeight: 'var(--ds-font-weight-semibold)';
-  marginTop: string;
-  fontSize: string;
-  fontStyle: string;
-  lineHeight: number;
+	color: 'var(--ds-text-subtlest)';
+	fontWeight: 'var(--ds-font-weight-semibold)';
+	marginTop: string;
+	fontSize: string;
+	fontStyle: string;
+	lineHeight: number;
 };
@@ -544,9 +543,9 @@
 const h300: (props?: ThemeProps) => {
-  color: 'var(--ds-text)';
-  fontWeight: 'var(--ds-font-weight-semibold)';
-  marginTop: string;
-  textTransform: 'uppercase';
-  fontSize: string;
-  fontStyle: string;
-  lineHeight: number;
+	color: 'var(--ds-text)';
+	fontWeight: 'var(--ds-font-weight-semibold)';
+	marginTop: string;
+	textTransform: 'uppercase';
+	fontSize: string;
+	fontStyle: string;
+	lineHeight: number;
 };
@@ -556,9 +555,9 @@
 const h400: (props?: ThemeProps) => {
-  color: 'var(--ds-text)';
-  fontWeight: 'var(--ds-font-weight-semibold)';
-  letterSpacing: string;
-  marginTop: string;
-  fontSize: string;
-  fontStyle: string;
-  lineHeight: number;
+	color: 'var(--ds-text)';
+	fontWeight: 'var(--ds-font-weight-semibold)';
+	letterSpacing: string;
+	marginTop: string;
+	fontSize: string;
+	fontStyle: string;
+	lineHeight: number;
 };
@@ -568,9 +567,9 @@
 const h500: (props?: ThemeProps) => {
-  color: 'var(--ds-text)';
-  fontWeight: 'var(--ds-font-weight-semibold)';
-  letterSpacing: string;
-  marginTop: string;
-  fontSize: string;
-  fontStyle: string;
-  lineHeight: number;
+	color: 'var(--ds-text)';
+	fontWeight: 'var(--ds-font-weight-semibold)';
+	letterSpacing: string;
+	marginTop: string;
+	fontSize: string;
+	fontStyle: string;
+	lineHeight: number;
 };
@@ -580,9 +579,9 @@
 const h600: (props?: ThemeProps) => {
-  color: 'var(--ds-text)';
-  fontWeight: 'var(--ds-font-weight-medium)';
-  letterSpacing: string;
-  marginTop: string;
-  fontSize: string;
-  fontStyle: string;
-  lineHeight: number;
+	color: 'var(--ds-text)';
+	fontWeight: 'var(--ds-font-weight-medium)';
+	letterSpacing: string;
+	marginTop: string;
+	fontSize: string;
+	fontStyle: string;
+	lineHeight: number;
 };
@@ -592,9 +591,9 @@
 const h700: (props?: ThemeProps) => {
-  color: 'var(--ds-text)';
-  fontWeight: 'var(--ds-font-weight-medium)';
-  letterSpacing: string;
-  marginTop: string;
-  fontSize: string;
-  fontStyle: string;
-  lineHeight: number;
+	color: 'var(--ds-text)';
+	fontWeight: 'var(--ds-font-weight-medium)';
+	letterSpacing: string;
+	marginTop: string;
+	fontSize: string;
+	fontStyle: string;
+	lineHeight: number;
 };
@@ -604,9 +603,9 @@
 const h800: (props?: ThemeProps) => {
-  color: 'var(--ds-text)';
-  fontWeight: 'var(--ds-font-weight-semibold)';
-  letterSpacing: string;
-  marginTop: string;
-  fontSize: string;
-  fontStyle: string;
-  lineHeight: number;
+	color: 'var(--ds-text)';
+	fontWeight: 'var(--ds-font-weight-semibold)';
+	letterSpacing: string;
+	marginTop: string;
+	fontSize: string;
+	fontStyle: string;
+	lineHeight: number;
 };
@@ -616,9 +615,9 @@
 const h900: (props?: ThemeProps) => {
-  color: 'var(--ds-text)';
-  fontWeight: 'var(--ds-font-weight-medium)';
-  letterSpacing: string;
-  marginTop: string;
-  fontSize: string;
-  fontStyle: string;
-  lineHeight: number;
+	color: 'var(--ds-text)';
+	fontWeight: 'var(--ds-font-weight-medium)';
+	letterSpacing: string;
+	marginTop: string;
+	fontSize: string;
+	fontStyle: string;
+	lineHeight: number;
 };
@@ -631,38 +630,38 @@
 const headingSizes: {
-  h900: {
-    size: number;
-    lineHeight: number;
-  };
-  h800: {
-    size: number;
-    lineHeight: number;
-  };
-  h700: {
-    size: number;
-    lineHeight: number;
-  };
-  h600: {
-    size: number;
-    lineHeight: number;
-  };
-  h500: {
-    size: number;
-    lineHeight: number;
-  };
-  h400: {
-    size: number;
-    lineHeight: number;
-  };
-  h300: {
-    size: number;
-    lineHeight: number;
-  };
-  h200: {
-    size: number;
-    lineHeight: number;
-  };
-  h100: {
-    size: number;
-    lineHeight: number;
-  };
+	h900: {
+		size: number;
+		lineHeight: number;
+	};
+	h800: {
+		size: number;
+		lineHeight: number;
+	};
+	h700: {
+		size: number;
+		lineHeight: number;
+	};
+	h600: {
+		size: number;
+		lineHeight: number;
+	};
+	h500: {
+		size: number;
+		lineHeight: number;
+	};
+	h400: {
+		size: number;
+		lineHeight: number;
+	};
+	h300: {
+		size: number;
+		lineHeight: number;
+	};
+	h200: {
+		size: number;
+		lineHeight: number;
+	};
+	h100: {
+		size: number;
+		lineHeight: number;
+	};
 };
@@ -672,20 +671,20 @@
 interface Layers {
-  // (undocumented)
-  blanket: 500;
-  // (undocumented)
-  card: 100;
-  // (undocumented)
-  dialog: 300;
-  // (undocumented)
-  flag: 600;
-  // (undocumented)
-  layer: 400;
-  // (undocumented)
-  modal: 510;
-  // (undocumented)
-  navigation: 200;
-  // (undocumented)
-  spotlight: 700;
-  // (undocumented)
-  tooltip: 9999;
+	// (undocumented)
+	blanket: 500;
+	// (undocumented)
+	card: 100;
+	// (undocumented)
+	dialog: 300;
+	// (undocumented)
+	flag: 600;
+	// (undocumented)
+	layer: 400;
+	// (undocumented)
+	modal: 510;
+	// (undocumented)
+	navigation: 200;
+	// (undocumented)
+	spotlight: 700;
+	// (undocumented)
+	tooltip: 9999;
 }
@@ -695,3 +694,3 @@
 export const layers: {
-  [P in keyof Layers]: () => Layers[P];
+	[P in keyof Layers]: () => Layers[P];
 };
@@ -713,3 +712,3 @@
 type Modes<V> = {
-  [key in ThemeModes]?: V;
+	[key in ThemeModes]?: V;
 };
@@ -830,4 +829,4 @@
 export interface NoThemeProps {
-  // (undocumented)
-  [index: string]: any;
+	// (undocumented)
+	[index: string]: any;
 }
@@ -894,17 +893,17 @@
 export const skeletonShimmer: () => {
-  readonly css: {
-    readonly backgroundColor: 'var(--ds-skeleton)';
-    readonly animationDuration: '1.5s';
-    readonly animationIterationCount: 'infinite';
-    readonly animationTimingFunction: 'linear';
-    readonly animationDirection: 'alternate';
-  };
-  readonly keyframes: {
-    readonly from: {
-      readonly backgroundColor: 'var(--ds-skeleton)';
-    };
-    readonly to: {
-      readonly backgroundColor: 'var(--ds-skeleton-subtle)';
-    };
-  };
+	readonly css: {
+		readonly backgroundColor: 'var(--ds-skeleton)';
+		readonly animationDuration: '1.5s';
+		readonly animationIterationCount: 'infinite';
+		readonly animationTimingFunction: 'linear';
+		readonly animationDirection: 'alternate';
+	};
+	readonly keyframes: {
+		readonly from: {
+			readonly backgroundColor: 'var(--ds-skeleton)';
+		};
+		readonly to: {
+			readonly backgroundColor: 'var(--ds-skeleton-subtle)';
+		};
+	};
 };
@@ -953,4 +952,4 @@
 export interface Theme {
-  // (undocumented)
-  mode: ThemeModes;
+	// (undocumented)
+	mode: ThemeModes;
 }
@@ -963,3 +962,3 @@
 type ThemeConsumerFn<ThemeTokens> = {
-  children: (tokens: ThemeTokens) => ReactNode;
+	children: (tokens: ThemeTokens) => ReactNode;
 };
@@ -969,4 +968,4 @@
 export function themed<V = DefaultValue>(
-  modesOrVariant: Modes<V> | string,
-  variantModes?: VariantModes<V>,
+	modesOrVariant: Modes<V> | string,
+	variantModes?: VariantModes<V>,
 ): ThemedValue<V>;
@@ -982,4 +981,4 @@
 export type ThemeProp<ThemeTokens, ThemeProps> = (
-  getTokens: GetThemeTokensFn<ThemeTokens, ThemeProps>,
-  themeProps: ThemeProps,
+	getTokens: GetThemeTokensFn<ThemeTokens, ThemeProps>,
+	themeProps: ThemeProps,
 ) => ThemeTokens;
@@ -991,3 +990,3 @@
 declare namespace typography {
-  export { headingSizes, h900, h800, h700, h600, h500, h400, h300, h200, h100 };
+	export { headingSizes, h900, h800, h700, h600, h500, h400, h300, h200, h100 };
 }
@@ -1001,3 +1000,3 @@ export { typography };
 type VariantModes<V> = {
-  [index: string]: Modes<V>;
+	[index: string]: Modes<V>;
 };
@@ -1007,10 +1006,10 @@
 export const visuallyHidden: () => {
-  border: string;
-  clip: string;
-  height: string;
-  overflow: 'hidden';
-  padding: string;
-  position: 'absolute';
-  width: string;
-  whiteSpace: 'nowrap';
+	border: string;
+	clip: string;
+	height: string;
+	overflow: 'hidden';
+	padding: string;
+	position: 'absolute';
+	width: string;
+	whiteSpace: 'nowrap';
 };
@@ -1053,3 +1052,3 @@
 {
-  "react": "^16.8.0"
+	"react": "^16.8.0"
 }
@@ -1056,0 +1055,0 @@ ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

15

increased by7.14%

Worsened metrics

Total package byte prevSize

306976

decreased by-0.62%

Lines of code

5946

decreased by-0.95%

Dependency changes

• Updated@atlaskit/tokens@^1.51.0