@atlaskit/css 0.15.1 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/css
 
+## 0.16.0
+
+### Minor Changes
+
+- [`d50ecf8e02d28`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d50ecf8e02d28) -
+  Added `radius.xxlarge` token available for borderRadius in `cssMap`.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.15.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.15.1
 
 ### Patch Changes

package/codemods/0.5.2-primitives-emotion-to-compiled/style-maps.partial.tsx

@@ -124,10 +124,10 @@ export type AllSpace = keyof typeof allSpaceMap;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1c92990a9f8f6ea7c2266ff81a97ee55>>
+ * @codegen <<SignedSource::391876b08f98d21b153df0b42a122d9a>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::b763fb6c355b33e6fbf23afb996f817f>>
  */
 export const inverseColorMap: {
 	'color.background.neutral.bold': 'color.text.inverse';
@@ -193,11 +193,11 @@ export const inverseColorMap: {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cb5e26bf46386ea628fc6bd6d213201e>>
+ * @codegen <<SignedSource::4407d5eb027cc933eed726fed33ad1ad>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::b763fb6c355b33e6fbf23afb996f817f>>
  */
 export const opacityMap: {
 	'opacity.disabled': 'var(--ds-opacity-disabled)';
@@ -266,11 +266,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::60e520432f6fbc9ef443877d79df9307>>
+ * @codegen <<SignedSource::81e488bd12e67b8ac3ac65c71e50e967>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::b763fb6c355b33e6fbf23afb996f817f>>
  */
 export const borderColorMap: {
 	'color.border': 'var(--ds-border)';
@@ -1256,11 +1256,11 @@ export type Layer = keyof typeof layerMap;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a9118f8ed93d943746fd7e932ce5a639>>
+ * @codegen <<SignedSource::042e960cffbaf7b7d1022ee02c3c6cbb>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::45e4ecb92a72445f508219ea6a5f056a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::a98e95106b856526c36bec8851e84348>>
  */
 export const borderWidthMap: {
 	'border.width': 'var(--ds-border-width)';
@@ -1280,6 +1280,7 @@ export const borderRadiusMap: {
 	'radius.medium': 'var(--ds-radius-medium)';
 	'radius.large': 'var(--ds-radius-large)';
 	'radius.xlarge': 'var(--ds-radius-xlarge)';
+	'radius.xxlarge': 'var(--ds-radius-xxlarge)';
 	'radius.full': 'var(--ds-radius-full)';
 	'radius.tile': 'var(--ds-radius-tile)';
 } = {
@@ -1288,6 +1289,7 @@ export const borderRadiusMap: {
 	'radius.medium': token('radius.medium', '6px'),
 	'radius.large': token('radius.large', '8px'),
 	'radius.xlarge': token('radius.xlarge', '12px'),
+	'radius.xxlarge': token('radius.xxlarge', '16px'),
 	'radius.full': token('radius.full', '9999px'),
 	'radius.tile': token('radius.tile', '25%'),
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/css",
-	"version": "0.15.1",
+	"version": "0.16.0",
 	"description": "Style components backed by Atlassian Design System design tokens powered by Compiled CSS-in-JS.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,7 +44,7 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"dependencies": {
-		"@atlaskit/tokens": "^7.0.0",
+		"@atlaskit/tokens": "^8.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6"
 	},
@@ -53,9 +53,9 @@
 	},
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.5.0",
-		"@atlaskit/ds-lib": "^5.1.0",
-		"@atlaskit/primitives": "^15.0.0",
+		"@atlaskit/button": "^23.6.0",
+		"@atlaskit/ds-lib": "^5.2.0",
+		"@atlaskit/primitives": "^16.2.0",
 		"@emotion/react": "^11.7.1",
 		"@testing-library/react": "^13.4.0",
 		"@types/jscodeshift": "^0.11.0",