@atlaskit/primitives 18.0.0 → 18.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "18.0.0",
+	"version": "18.0.2",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -133,14 +133,14 @@
 	},
 	"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/ds-lib": "^6.0.0",
 		"@atlaskit/interaction-context": "^3.1.0",
-		"@atlaskit/tokens": "^11.0.0",
+		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.6",
+		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1",
 		"@emotion/serialize": "^1.1.0",
 		"bind-event-listener": "^3.0.0",
@@ -154,22 +154,22 @@
 		"@af/formatting": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/avatar": "^25.7.0",
-		"@atlaskit/button": "^23.9.0",
+		"@atlaskit/avatar": "^25.8.0",
+		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/code": "^17.4.0",
-		"@atlaskit/docs": "^11.3.0",
-		"@atlaskit/dropdown-menu": "^16.4.0",
+		"@atlaskit/docs": "^11.6.0",
+		"@atlaskit/dropdown-menu": "^16.6.0",
 		"@atlaskit/flag": "^17.8.0",
-		"@atlaskit/form": "^15.3.0",
-		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^30.0.0",
+		"@atlaskit/form": "^15.4.0",
+		"@atlaskit/heading": "^5.3.0",
+		"@atlaskit/icon": "^32.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/motion": "^5.3.0",
+		"@atlaskit/lozenge": "^13.5.0",
+		"@atlaskit/motion": "^5.4.0",
 		"@atlaskit/range": "^9.3.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/textfield": "^8.2.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]})'`;