@atlaskit/ds-explorations - npm Package Compare versions

Comparing version 2.2.9 to 2.2.10

CHANGELOG.md

 # @atlaskit/ds-explorations
 
+## 2.2.10
+
+### Patch Changes
+
+- [`b11339bc8a3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b11339bc8a3) - Internal updates for ADS Typography ADG3 theme.
+- Updated dependencies
+
 ## 2.2.9
@@ -4,0 +11,0 @@

dist/cjs/components/text.partial.js

@@ -138,7 +138,7 @@ "use strict";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
+ * @codegen <<SignedSource::271f64d0bee32f98e5b7a72e76e774a0>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::8b6245d4bfc5527a3c9b33af544e04b1>>
  */
@@ -187,5 +187,14 @@ exports.default = _default;
 var fontFamilyMap = {
+  brand: (0, _react2.css)({
+    fontFamily: "var(--ds-font-family-brand, Charlie Sans)"
+  }),
+  code: (0, _react2.css)({
+    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
+  }),
   monospace: (0, _react2.css)({
-    fontFamily: "var(--ds-font-family-monospace, \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace)"
+    fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
   }),
+  product: (0, _react2.css)({
+    fontFamily: "var(--ds-font-family-product, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)"
+  }),
   sans: (0, _react2.css)({
@@ -196,2 +205,5 @@ fontFamily: "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
 var lineHeightMap = {
+  'lineHeight.1': (0, _react2.css)({
+    lineHeight: "var(--ds-font-lineHeight-1, 1)"
+  }),
   'lineHeight.100': (0, _react2.css)({
@@ -198,0 +210,0 @@ lineHeight: "var(--ds-font-lineHeight-100, 16px)"

dist/es2019/components/text.partial.js

@@ -129,7 +129,7 @@ /** @jsx jsx */
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
+ * @codegen <<SignedSource::271f64d0bee32f98e5b7a72e76e774a0>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::8b6245d4bfc5527a3c9b33af544e04b1>>
  */
@@ -177,5 +177,14 @@ const fontSizeMap = {
 const fontFamilyMap = {
+  brand: css({
+    fontFamily: "var(--ds-font-family-brand, Charlie Sans)"
+  }),
+  code: css({
+    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
+  }),
   monospace: css({
-    fontFamily: "var(--ds-font-family-monospace, \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace)"
+    fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
   }),
+  product: css({
+    fontFamily: "var(--ds-font-family-product, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)"
+  }),
   sans: css({
@@ -186,2 +195,5 @@ fontFamily: "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
 const lineHeightMap = {
+  'lineHeight.1': css({
+    lineHeight: "var(--ds-font-lineHeight-1, 1)"
+  }),
   'lineHeight.100': css({
@@ -188,0 +200,0 @@ lineHeight: "var(--ds-font-lineHeight-100, 16px)"

dist/esm/components/text.partial.js

@@ -132,7 +132,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
+ * @codegen <<SignedSource::271f64d0bee32f98e5b7a72e76e774a0>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::8b6245d4bfc5527a3c9b33af544e04b1>>
  */
@@ -180,5 +180,14 @@ var fontSizeMap = {
 var fontFamilyMap = {
+  brand: css({
+    fontFamily: "var(--ds-font-family-brand, Charlie Sans)"
+  }),
+  code: css({
+    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
+  }),
   monospace: css({
-    fontFamily: "var(--ds-font-family-monospace, \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace)"
+    fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
   }),
+  product: css({
+    fontFamily: "var(--ds-font-family-product, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)"
+  }),
   sans: css({
@@ -189,2 +198,5 @@ fontFamily: "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
 var lineHeightMap = {
+  'lineHeight.1': css({
+    lineHeight: "var(--ds-font-lineHeight-1, 1)"
+  }),
   'lineHeight.100': css({
@@ -191,0 +203,0 @@ lineHeight: "var(--ds-font-lineHeight-100, 16px)"

dist/types-ts4.5/components/text.partial.d.ts

@@ -89,7 +89,7 @@ /** @jsx jsx */
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
+ * @codegen <<SignedSource::271f64d0bee32f98e5b7a72e76e774a0>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::8b6245d4bfc5527a3c9b33af544e04b1>>
  */
@@ -115,3 +115,6 @@ declare const fontSizeMap: {
 declare const fontFamilyMap: {
+    brand: import("@emotion/react").SerializedStyles;
+    code: import("@emotion/react").SerializedStyles;
     monospace: import("@emotion/react").SerializedStyles;
+    product: import("@emotion/react").SerializedStyles;
     sans: import("@emotion/react").SerializedStyles;
@@ -121,2 +124,3 @@ };
 declare const lineHeightMap: {
+    'lineHeight.1': import("@emotion/react").SerializedStyles;
     'lineHeight.100': import("@emotion/react").SerializedStyles;
@@ -123,0 +127,0 @@ 'lineHeight.200': import("@emotion/react").SerializedStyles;

dist/types/components/text.partial.d.ts

@@ -84,7 +84,7 @@ /** @jsx jsx */
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
+ * @codegen <<SignedSource::271f64d0bee32f98e5b7a72e76e774a0>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::8b6245d4bfc5527a3c9b33af544e04b1>>
  */
@@ -110,3 +110,6 @@ declare const fontSizeMap: {
 declare const fontFamilyMap: {
+    brand: import("@emotion/react").SerializedStyles;
+    code: import("@emotion/react").SerializedStyles;
     monospace: import("@emotion/react").SerializedStyles;
+    product: import("@emotion/react").SerializedStyles;
     sans: import("@emotion/react").SerializedStyles;
@@ -116,2 +119,3 @@ };
 declare const lineHeightMap: {
+    'lineHeight.1': import("@emotion/react").SerializedStyles;
     'lineHeight.100': import("@emotion/react").SerializedStyles;
@@ -118,0 +122,0 @@ 'lineHeight.200': import("@emotion/react").SerializedStyles;

package.json

 {
   "name": "@atlaskit/ds-explorations",
-  "version": "2.2.9",
+  "version": "2.2.10",
   "description": "An experimental package for exploration and validation of spacing / typography foundations.",
@@ -28,3 +28,3 @@ "publishConfig": {
   "dependencies": {
-    "@atlaskit/tokens": "^1.14.0",
+    "@atlaskit/tokens": "^1.15.0",
     "@babel/runtime": "^7.0.0",
@@ -31,0 +31,0 @@ "@emotion/react": "^11.7.1",

report.api.md

@@ -399,2 +399,3 @@ <!-- API Report Version: 2.3 -->
 const lineHeightMap: {
+  'lineHeight.1': SerializedStyles;
   'lineHeight.100': SerializedStyles;
@@ -401,0 +402,0 @@ 'lineHeight.200': SerializedStyles;

tmp/api-report-tmp.d.ts

@@ -383,2 +383,3 @@ ## API Report File for "@atlaskit/ds-explorations"
 const lineHeightMap: {
+    'lineHeight.1': SerializedStyles;
     'lineHeight.100': SerializedStyles;
@@ -385,0 +386,0 @@ 'lineHeight.200': SerializedStyles;

No alert changes

Improved metrics

Total package byte prevSize

576608

increased by0.42%

Lines of code

10864

increased by0.59%

Dependency changes

• Updated@atlaskit/tokens@^1.15.0