@atlaskit/primitives 17.1.0 → 18.0.0

package/dist/types/xcss/style-maps.partial.d.ts

@@ -25,10 +25,10 @@ export type Dimension = keyof typeof dimensionMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::513f6a7e264ea3f9fe56eda322a28f64>>
+ * @codegen <<SignedSource::c9b68acdd57654884efd2f5087890624>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::07b9c29f8d9f95e43d59a7b7ad4ce7a2>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::535518e7add48ef24f526d0904f70060>>
  */
 export declare const positiveSpaceMap: {
     'space.0': 'var(--ds-space-0)';
@@ -90,10 +90,10 @@ export type AllSpace = keyof typeof allSpaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ee66de6d864a28baee9a085f01a27db6>>
+ * @codegen <<SignedSource::cefa2c59e15e6a3749ef38fa86c6adea>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::6ba535fc3d46f6c8a7b6384ed59ec8d6>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
  */
 export declare const inverseColorMap: {
     'color.background.neutral.bold': 'color.text.inverse';
@@ -129,11 +129,11 @@ export declare const inverseColorMap: {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9532ccca897f438d49bda552ccfad635>>
+ * @codegen <<SignedSource::c673d53a0a31524e65f1c7051579eae5>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::6ba535fc3d46f6c8a7b6384ed59ec8d6>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
  */
 export declare const opacityMap: {
     'opacity.disabled': 'var(--ds-opacity-disabled)';
@@ -166,11 +166,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5a98ba062e79517dbd51ee8599abebac>>
+ * @codegen <<SignedSource::fa88ed1ec5a817750b0348ca36dbb5f1>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::6ba535fc3d46f6c8a7b6384ed59ec8d6>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
  */
 export declare const borderColorMap: {
     'color.border': 'var(--ds-border)';
@@ -514,11 +514,11 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2db762824a4c50f25f7829537dee1f49>>
+ * @codegen <<SignedSource::6ab2b394dd5a830d6966e333e20b1473>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6683952932c4ad145144ebc086a2548e>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::8817f4073995e5dc9c2bb766316632d6>>
  */
 export declare const borderWidthMap: {
     'border.width': 'var(--ds-border-width)';
@@ -542,7 +542,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ab32bc819d015e7451c245e6a77eba28>>
+ * @codegen <<SignedSource::64331f0b8b5e2f090a3aad153d92deb6>>
  * @codegenId typography
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -587,7 +587,7 @@ export type FontFamily = keyof typeof fontFamilyMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::379f638b84496f34817234c7f3c58f74>>
+ * @codegen <<SignedSource::aeebc24b95e2189021f1d98f1715a6a0>>
  * @codegenId text
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>

package/dist/types-ts4.5/xcss/style-maps.partial.d.ts

@@ -25,10 +25,10 @@ export type Dimension = keyof typeof dimensionMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::513f6a7e264ea3f9fe56eda322a28f64>>
+ * @codegen <<SignedSource::c9b68acdd57654884efd2f5087890624>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::07b9c29f8d9f95e43d59a7b7ad4ce7a2>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::535518e7add48ef24f526d0904f70060>>
  */
 export declare const positiveSpaceMap: {
     'space.0': 'var(--ds-space-0)';
@@ -90,10 +90,10 @@ export type AllSpace = keyof typeof allSpaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ee66de6d864a28baee9a085f01a27db6>>
+ * @codegen <<SignedSource::cefa2c59e15e6a3749ef38fa86c6adea>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::6ba535fc3d46f6c8a7b6384ed59ec8d6>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
  */
 export declare const inverseColorMap: {
     'color.background.neutral.bold': 'color.text.inverse';
@@ -129,11 +129,11 @@ export declare const inverseColorMap: {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9532ccca897f438d49bda552ccfad635>>
+ * @codegen <<SignedSource::c673d53a0a31524e65f1c7051579eae5>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::6ba535fc3d46f6c8a7b6384ed59ec8d6>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
  */
 export declare const opacityMap: {
     'opacity.disabled': 'var(--ds-opacity-disabled)';
@@ -166,11 +166,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5a98ba062e79517dbd51ee8599abebac>>
+ * @codegen <<SignedSource::fa88ed1ec5a817750b0348ca36dbb5f1>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::6ba535fc3d46f6c8a7b6384ed59ec8d6>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
  */
 export declare const borderColorMap: {
     'color.border': 'var(--ds-border)';
@@ -514,11 +514,11 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2db762824a4c50f25f7829537dee1f49>>
+ * @codegen <<SignedSource::6ab2b394dd5a830d6966e333e20b1473>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6683952932c4ad145144ebc086a2548e>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::8817f4073995e5dc9c2bb766316632d6>>
  */
 export declare const borderWidthMap: {
     'border.width': 'var(--ds-border-width)';
@@ -542,7 +542,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ab32bc819d015e7451c245e6a77eba28>>
+ * @codegen <<SignedSource::64331f0b8b5e2f090a3aad153d92deb6>>
  * @codegenId typography
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -587,7 +587,7 @@ export type FontFamily = keyof typeof fontFamilyMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::379f638b84496f34817234c7f3c58f74>>
+ * @codegen <<SignedSource::aeebc24b95e2189021f1d98f1715a6a0>>
  * @codegenId text
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "17.1.0",
+	"version": "18.0.0",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -133,11 +133,11 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/app-provider": "^3.3.0",
+		"@atlaskit/app-provider": "^4.0.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
 		"@atlaskit/interaction-context": "^3.1.0",
-		"@atlaskit/tokens": "^9.1.0",
+		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -158,12 +158,12 @@
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/code": "^17.4.0",
-		"@atlaskit/docs": "^11.2.0",
+		"@atlaskit/docs": "^11.3.0",
 		"@atlaskit/dropdown-menu": "^16.4.0",
 		"@atlaskit/flag": "^17.8.0",
 		"@atlaskit/form": "^15.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^29.4.0",
+		"@atlaskit/icon": "^30.0.0",
 		"@atlaskit/icon-object": "^7.4.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.3.0",

package/scripts/color-codegen-template.tsx

@@ -1,5 +1,5 @@
 import format from '@af/formatting/sync';
-import { legacyLightTokens as legacyTokens, light as tokens } from '@atlaskit/tokens/tokens-raw';
+import { light as tokens } from '@atlaskit/tokens/tokens-raw';
 
 import {
 	capitalize,
@@ -48,15 +48,12 @@ const tokenStyles = {
 	},
 } as const;
 
-const bothTokens = tokens.map((t, i) => [t, legacyTokens[i]]);
-
-const activeTokens = bothTokens
-	.filter(([t]) => t.attributes.state !== 'deleted')
-	.map((t) => t)
+const activeTokens = tokens
+	.filter((t) => t.attributes.state !== 'deleted')
 	.map(
-		([t, legacy]): Token => ({
+		(t): Token => ({
 			token: t.name,
-			fallback: legacy.value as string | ShadowDefinition,
+			fallback: t.value as string | ShadowDefinition,
 			isDeprecated: t.attributes.state === 'deprecated',
 		}),
 	);

package/scripts/elevation-codegen-template.tsx

@@ -1,6 +1,6 @@
 import format from '@af/formatting/sync';
 import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
-import { legacyLightTokens as legacyTokens, light as tokens } from '@atlaskit/tokens/tokens-raw';
+import { light as tokens } from '@atlaskit/tokens/tokens-raw';
 
 import {
 	capitalize,
@@ -37,15 +37,12 @@ const tokenStyles = {
 	},
 } as const;
 
-const bothTokens = tokens.map((t, i) => [t, legacyTokens[i]]);
-
-const activeTokens = bothTokens
-	.filter(([t]) => t.attributes.state !== 'deleted')
-	.map((t) => t)
+const activeTokens = tokens
+	.filter((t) => t.attributes.state !== 'deleted')
 	.map(
-		([t, legacy]): Token => ({
+		(t): Token => ({
 			token: t.name,
-			fallback: legacy.value as string | ShadowDefinition,
+			fallback: t.value as string | ShadowDefinition,
 			isDeprecated: t.attributes.state === 'deprecated',
 		}),
 	);

package/scripts/text-codegen-template.tsx

@@ -1,5 +1,5 @@
 import format from '@af/formatting/sync';
-import { typographyAdg3 as tokens } from '@atlaskit/tokens/tokens-raw';
+import { typography as tokens } from '@atlaskit/tokens/tokens-raw';
 
 import { capitalize, constructTokenFunctionCall, generateTypeDefs } from './utils';
 
@@ -9,7 +9,7 @@ type Token = {
 };
 
 const activeTokens: Token[] = tokens
-	.filter((t) => t.attributes.state === 'active')
+	.filter((t) => t.attributes.state !== 'deleted')
 	.map((t) => ({
 		name: t.name,
 		fallback: t.value,

package/scripts/typography-codegen-template.tsx

@@ -1,18 +1,20 @@
 import format from '@af/formatting/sync';
-import { typographyAdg3 as tokens } from '@atlaskit/tokens/tokens-raw';
+import { typography as tokens } from '@atlaskit/tokens/tokens-raw';
 
 import { capitalize, constructTokenFunctionCall, generateTypeDefs } from './utils';
 
 type Token = {
 	name: string;
 	fallback: string;
+	isDeprecated: boolean;
 };
 
 const activeTokens: Token[] = tokens
-	.filter((t) => t.attributes.state === 'active')
+	.filter((t) => t.attributes.state !== 'deleted')
 	.map((t) => ({
 		name: t.name,
 		fallback: t.value,
+		isDeprecated: t.attributes.state === 'deprecated',
 	}));
 
 const typographyProperties = [
@@ -62,8 +64,9 @@ ${activeTokens
 	.sort((a, b) => (a.name < b.name ? -1 : 1))
 	.map((token) => {
 		return `
-      '${token.name}': ${constructTokenFunctionCall(token.name, token.fallback)}
-    `.trim();
+			${token.isDeprecated ? '// @deprecated' : ''}
+			'${token.name}': ${constructTokenFunctionCall(token.name, token.fallback)}
+		`.trim();
 	})
 	.join(',\n\t')}
 };`,