@atlaskit/css 0.10.7 → 0.11.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/css
 
+## 0.11.0
+
+### Minor Changes
+
+- [#172429](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172429)
+  [`efcc283cecdfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/efcc283cecdfe) -
+  Added metric typography tokens which can be used via the CSS `font` shorthand.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.10.7
 
 ### Patch Changes

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

@@ -908,7 +908,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b2a06338babbfbea48ed2205e34084fc>>
+ * @codegen <<SignedSource::2c0cffbebdab4e28fe2b45925623e523>>
  * @codegenId typography
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -964,6 +964,18 @@ export const fontMap = {
 		'font.heading.xxsmall',
 		'normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
 	),
+	'font.metric.large': token(
+		'font.metric.large',
+		'normal 653 28px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+	),
+	'font.metric.medium': token(
+		'font.metric.medium',
+		'normal 653 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+	),
+	'font.metric.small': token(
+		'font.metric.small',
+		'normal 653 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+	),
 };
 
 export type Font = keyof typeof fontMap;
@@ -1008,7 +1020,7 @@ export type FontFamily = keyof typeof fontFamilyMap;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::159df661d29a2805a17ab6f52e842350>>
+ * @codegen <<SignedSource::c207cc4caf0794de5f13707a9c28451f>>
  * @codegenId text
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
@@ -1044,6 +1056,23 @@ export const textWeightMap = {
 
 export type TextWeight = keyof typeof textWeightMap;
 
+export const metricTextSizeMap = {
+	large: token(
+		'font.metric.large',
+		'normal 653 28px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+	),
+	medium: token(
+		'font.metric.medium',
+		'normal 653 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+	),
+	small: token(
+		'font.metric.small',
+		'normal 653 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
+	),
+};
+
+export type MetricTextSize = keyof typeof metricTextSizeMap;
+
 /**
  * @codegenEnd
  */
@@ -1211,6 +1240,7 @@ type FontFamilyToken = keyof typeof fontFamilyMap;
 type FontToken = keyof typeof fontMap;
 type TextWeightToken = keyof typeof textWeightMap;
 type TextSizeToken = keyof typeof textSizeMap;
+type MetricTextSizeToken = keyof typeof metricTextSizeMap;
 type SpacingStyleMap = Record<SpacingProperty, Record<SpacingToken, SerializedStyles>>;
 type BackgroundColorStyleMap = Record<BackgroundColorToken, SerializedStyles>;
 type SurfaceColorStyleMap = Record<SurfaceColorToken, SerializedStyles>;
@@ -1220,6 +1250,7 @@ type FontFamilyStyleMap = Record<FontFamilyToken, SerializedStyles>;
 type FontStyleMap = Record<FontToken, SerializedStyles>;
 type TextWeightStyleMap = Record<TextWeightToken, SerializedStyles>;
 type TextStyleMap = Record<TextSizeToken, SerializedStyles>;
+type MetricTextStyleMap = Record<MetricTextSizeToken, SerializedStyles>;
 
 export const paddingStylesMap: SpacingStyleMap = spacingProperties.reduce(
 	(styleMap, spacingProperty: SpacingProperty) => {
@@ -1269,3 +1300,8 @@ export const surfaceColorStylesMap: SurfaceColorStyleMap = getSerializedStylesMa
 
 export const isSurfaceColorToken = (color: unknown): color is SurfaceColorToken =>
 	surfaceColorMap[color as SurfaceColorToken] !== undefined;
+
+export const metricTextSizeStylesMap: MetricTextStyleMap = getSerializedStylesMap(
+	'font',
+	metricTextSizeMap,
+);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/css",
-	"version": "0.10.7",
+	"version": "0.11.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",
@@ -49,7 +49,7 @@
 		"./test-utils": "./src/test-utils/index.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/tokens": "^5.0.0",
+		"@atlaskit/tokens": "^5.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
@@ -60,7 +60,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/primitives": "^14.9.0",
 		"@emotion/react": "^11.7.1",
 		"@testing-library/react": "^13.4.0",
 		"@types/jscodeshift": "^0.11.0",