@atlaskit/primitives 18.0.0 → 18.0.1

package/dist/types-ts4.5/responsive/build-media-query-css.d.ts

@@ -1,4 +1,4 @@
-import { type CSSObject } from '@emotion/react';
+import { type CSSObject, type SerializedStyles } from '@emotion/react';
 import type { Breakpoint } from './types';
 /**
  * Build a map of breakpoints to css with media queries and nested styles.
@@ -30,7 +30,7 @@ export declare const UNSAFE_buildAboveMediaQueryCSS: (
  * The desired CSS to place inside of the media query.
  * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
  */
-input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
+input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, SerializedStyles>>>;
 /**
  * Build a map of breakpoints to css with media queries and nested styles.
  *
@@ -60,4 +60,4 @@ export declare const UNSAFE_buildBelowMediaQueryCSS: (
  * The desired CSS to place inside of the media query.
  * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
  */
-input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
+input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, SerializedStyles>>>;

package/dist/types-ts4.5/responsive/media-helper.d.ts

@@ -38,26 +38,26 @@ export declare const media: {
  */
 export declare const UNSAFE_media: {
     above: {
-        readonly xxs: "@media all";
-        readonly xs: "@media (min-width: 30rem)";
-        readonly sm: "@media (min-width: 48rem)";
-        readonly md: "@media (min-width: 64rem)";
-        readonly lg: "@media (min-width: 90rem)";
-        readonly xl: "@media (min-width: 110.5rem)";
+        readonly xxs: '@media all';
+        readonly xs: '@media (min-width: 30rem)';
+        readonly sm: '@media (min-width: 48rem)';
+        readonly md: '@media (min-width: 64rem)';
+        readonly lg: '@media (min-width: 90rem)';
+        readonly xl: '@media (min-width: 110.5rem)';
     };
     only: {
-        readonly xxs: "@media (min-width: 0rem) and (max-width: 29.99rem)";
-        readonly xs: "@media (min-width: 30rem) and (max-width: 47.99rem)";
-        readonly sm: "@media (min-width: 48rem) and (max-width: 63.99rem)";
-        readonly md: "@media (min-width: 64rem) and (max-width: 89.99rem)";
-        readonly lg: "@media (min-width: 90rem) and (max-width: 110.49rem)";
-        readonly xl: "@media (min-width: 110.5rem)";
+        readonly xxs: '@media (min-width: 0rem) and (max-width: 29.99rem)';
+        readonly xs: '@media (min-width: 30rem) and (max-width: 47.99rem)';
+        readonly sm: '@media (min-width: 48rem) and (max-width: 63.99rem)';
+        readonly md: '@media (min-width: 64rem) and (max-width: 89.99rem)';
+        readonly lg: '@media (min-width: 90rem) and (max-width: 110.49rem)';
+        readonly xl: '@media (min-width: 110.5rem)';
     };
     below: {
-        readonly xs: "@media not all and (min-width: 30rem)";
-        readonly sm: "@media not all and (min-width: 48rem)";
-        readonly md: "@media not all and (min-width: 64rem)";
-        readonly lg: "@media not all and (min-width: 90rem)";
-        readonly xl: "@media not all and (min-width: 110.5rem)";
+        readonly xs: '@media not all and (min-width: 30rem)';
+        readonly sm: '@media not all and (min-width: 48rem)';
+        readonly md: '@media not all and (min-width: 64rem)';
+        readonly lg: '@media not all and (min-width: 90rem)';
+        readonly xl: '@media not all and (min-width: 110.5rem)';
     };
 };

package/dist/types-ts4.5/utils/has-text-ancestor-context.d.ts

@@ -1,3 +1,4 @@
+import { type Provider } from 'react';
 /**
  * @internal
  */
@@ -5,4 +6,4 @@ export declare const useHasTextAncestor: () => boolean;
 /**
  * @internal
  */
-export declare const HasTextAncestorProvider: import("react").Provider<boolean>;
+export declare const HasTextAncestorProvider: Provider<boolean>;

package/dist/types-ts4.5/utils/surface-provider.d.ts

@@ -1,10 +1,11 @@
+import { type Context } from 'react';
 import type { BackgroundColorToken } from './types';
 /**
  * __Surface context__
  *
  * A surface context provides context information on the current background (if set).
  */
-export declare const SurfaceContext: import("react").Context<BackgroundColorToken>;
+export declare const SurfaceContext: Context<BackgroundColorToken>;
 /**
  * __useSurface__
  *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "18.0.0",
+	"version": "18.0.1",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -133,7 +133,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/app-provider": "^4.0.0",
+		"@atlaskit/app-provider": "^4.1.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
 		"@atlaskit/interaction-context": "^3.1.0",
@@ -154,21 +154,21 @@
 		"@af/formatting": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/avatar": "^25.7.0",
+		"@atlaskit/avatar": "^25.8.0",
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/code": "^17.4.0",
-		"@atlaskit/docs": "^11.3.0",
+		"@atlaskit/docs": "^11.4.0",
 		"@atlaskit/dropdown-menu": "^16.4.0",
 		"@atlaskit/flag": "^17.8.0",
 		"@atlaskit/form": "^15.3.0",
-		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^30.0.0",
+		"@atlaskit/heading": "^5.3.0",
+		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/icon-object": "^7.4.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/logo": "^19.10.0",
-		"@atlaskit/lozenge": "^13.3.0",
+		"@atlaskit/lozenge": "^13.4.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/range": "^9.3.0",
 		"@atlaskit/section-message": "^8.12.0",

package/scripts/codegen-styles.tsx

@@ -13,15 +13,12 @@ import { createSpacingStylesFromTemplate } from './spacing-codegen-template';
 import { createTextStylesFromTemplate } from './text-codegen-template';
 import { createTypographyStylesFromTemplate } from './typography-codegen-template';
 
-const colorTokensDependencyPath = require.resolve(
-	'../../tokens/src/artifacts/tokens-raw/atlassian-light',
-);
-const spacingTokensDependencyPath = require.resolve(
-	'../../tokens/src/artifacts/tokens-raw/atlassian-spacing',
-);
-const shapeTokensDependencyPath = require.resolve(
-	'../../tokens/src/artifacts/tokens-raw/atlassian-shape',
-);
+const colorTokensDependencyPath =
+	require.resolve('../../tokens/src/artifacts/tokens-raw/atlassian-light');
+const spacingTokensDependencyPath =
+	require.resolve('../../tokens/src/artifacts/tokens-raw/atlassian-spacing');
+const shapeTokensDependencyPath =
+	require.resolve('../../tokens/src/artifacts/tokens-raw/atlassian-shape');
 
 const templateFiles = readdirSync(join(__dirname, 'codegen-file-templates'), {
 	withFileTypes: true,

package/scripts/color-codegen-template.tsx

@@ -58,7 +58,9 @@ const activeTokens = tokens
 		}),
 	);
 
-export const createColorStylesFromTemplate = (colorProperty: keyof typeof tokenStyles) => {
+export const createColorStylesFromTemplate: (colorProperty: keyof typeof tokenStyles) => string = (
+	colorProperty: keyof typeof tokenStyles,
+) => {
 	if (!tokenStyles[colorProperty]) {
 		throw new Error(`[codegen] Unknown option found "${colorProperty}"`);
 	}

package/scripts/elevation-codegen-template.tsx

@@ -47,7 +47,9 @@ const activeTokens = tokens
 		}),
 	);
 
-export const createElevationStylesFromTemplate = (property: keyof typeof tokenStyles) => {
+export const createElevationStylesFromTemplate: (property: keyof typeof tokenStyles) => string = (
+	property: keyof typeof tokenStyles,
+) => {
 	if (!tokenStyles[property]) {
 		throw new Error(`[codegen] Unknown option found "${property}"`);
 	}

package/scripts/inverse-color-map-template.tsx

@@ -22,7 +22,7 @@ const activeTokens = tokens
 	// @ts-ignore
 	.map((t) => ({ ...t, token: t.token.replaceAll('.[default]', '') }));
 
-export const createInverseColorMapTemplate = () => {
+export const createInverseColorMapTemplate: () => string = () => {
 	const propMap = activeTokens.map((t) => {
 		// handle the default case eg color.border or color.text
 		const propName = t.token;

package/scripts/misc-codegen-template.tsx

@@ -1,7 +1,9 @@
 import { readFileSync } from 'fs';
 import { join } from 'path';
 
-export const createStylesFromFileTemplate = (
+export const createStylesFromFileTemplate: (
+	property: 'border-color' | 'border-radius' | 'border-width' | 'dimensions' | 'layer',
+) => NonSharedBuffer = (
 	property: 'border-color' | 'border-radius' | 'border-width' | 'dimensions' | 'layer',
 ) => {
 	const path = join(__dirname, './codegen-file-templates', `${property}.tsx`);

package/scripts/shape-codegen-template.tsx

@@ -35,7 +35,9 @@ const activeTokens = shapeTokens
 		}),
 	);
 
-export const createShapeStylesFromTemplate = (property: keyof typeof tokenStyles): string => {
+export const createShapeStylesFromTemplate: (property: keyof typeof tokenStyles) => string = (
+	property: keyof typeof tokenStyles,
+): string => {
 	if (!tokenStyles[property]) {
 		throw new Error(`[codegen] Unknown option found "${property}"`);
 	}

package/scripts/spacing-codegen-template.tsx

@@ -21,7 +21,7 @@ const negativeSpaceTokens = tokens
 		fallback: t.value,
 	}));
 
-export const createSpacingStylesFromTemplate = () => {
+export const createSpacingStylesFromTemplate: () => string = () => {
 	const output = [
 		`export const positiveSpaceMap: {
 			${generateTypeDefs(positiveSpaceTokens.map((t) => t.name))}

package/scripts/text-codegen-template.tsx

@@ -62,7 +62,7 @@ const removeVerbosity = (name: string): string => {
 	return name;
 };
 
-export const createTextStylesFromTemplate = () => {
+export const createTextStylesFromTemplate: () => string = () => {
 	return textProperties
 		.map((textProperty) => {
 			const { filterFn, objectName } = textProperty;

package/scripts/typography-codegen-template.tsx

@@ -42,7 +42,7 @@ const typographyProperties = [
 	},
 ] as const;
 
-export const createTypographyStylesFromTemplate = () => {
+export const createTypographyStylesFromTemplate: () => string = () => {
 	return typographyProperties
 		.map((typographyProperty) => {
 			const { filterFn, objectName } = typographyProperty;

package/scripts/utils.tsx

@@ -1,6 +1,9 @@
 import tokens from '@atlaskit/tokens/token-names';
 
-export const constructTokenFunctionCall = (token: string, fallback: string | ShadowDefinition) => {
+export const constructTokenFunctionCall: (
+	token: string,
+	fallback: string | ShadowDefinition,
+) => string = (token: string, fallback: string | ShadowDefinition) => {
 	if (Array.isArray(fallback)) {
 		fallback = constructShadow(fallback);
 	}
@@ -26,28 +29,32 @@ const constructShadow = (shadowObject: ShadowDefinition) => {
 
 type BooleanCallback<T> = (args: T) => boolean;
 
-export const compose =
+export const compose: (...fns: ((...any: any[]) => any)[]) => (x: any) => any =
 	(...fns: ((...any: any[]) => any)[]) =>
 	(x: any) =>
 		fns.reduce((res, fn) => fn(res), x);
-export const pick =
+export const pick: <T extends any>(key: keyof T) => (obj: T) => T[keyof T] =
 	<T extends any>(key: keyof T) =>
 	(obj: T) =>
 		obj[key];
-export const isAccent = (str: string) => str.includes('accent');
-export const isPressed = (str: string) => str.includes('pressed');
-export const isHovered = (str: string) => str.includes('hovered');
-export const not =
+export const isAccent: (str: string) => boolean = (str: string) => str.includes('accent');
+export const isPressed: (str: string) => boolean = (str: string) => str.includes('pressed');
+export const isHovered: (str: string) => boolean = (str: string) => str.includes('hovered');
+export const not: <T extends any>(cb: BooleanCallback<T>) => (val: T) => boolean =
 	<T extends any>(cb: BooleanCallback<T>) =>
 	(val: T) =>
 		!cb(val);
-export const or =
+export const or: <T extends any>(...fns: BooleanCallback<T>[]) => (val: T) => boolean =
 	<T extends any>(...fns: BooleanCallback<T>[]) =>
 	(val: T) =>
 		fns.some((fn) => fn(val));
-export const capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);
+export const capitalize: (str: string) => string = (str: string) =>
+	str.charAt(0).toUpperCase() + str.slice(1);
 
-export const generateTypeDefs = (typedTokens: string[], tokenNames?: string[]) => {
+export const generateTypeDefs: (typedTokens: string[], tokenNames?: string[]) => string = (
+	typedTokens: string[],
+	tokenNames?: string[],
+) => {
 	return typedTokens
 		.map((t, i) => {
 			return `'${Array.isArray(tokenNames) ? tokenNames[i] : t}': 'var(${tokens[t as keyof typeof tokens]})'`;