@atlaskit/heading 1.4.4 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/heading
2
2
 
3
+ ## 1.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#67463](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67463) [`caac5b953575`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/caac5b953575) - Fixed an issue where typography tokens referenced font family tokens that may not exist on a page, causing fallbacks to break.
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
3
13
  ## 1.4.4
4
14
 
5
15
  ### Patch Changes
@@ -73,31 +73,31 @@ var Heading = function Heading(_ref) {
73
73
 
74
74
  /**
75
75
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
76
- * @codegen <<SignedSource::ea7494a514c27f0cf258be1e089043d0>>
76
+ * @codegen <<SignedSource::6c4d235cbada3951edcb53e36bd07b2b>>
77
77
  * @codegenId typography
78
78
  * @codegenCommand yarn workspace @atlaskit/heading codegen
79
79
  */
80
80
  var headingVariantStylesMap = {
81
81
  xxlarge: (0, _react.css)({
82
- font: "var(--ds-font-heading-xxlarge, normal 500 35px/40px var(--ds-font-family-heading))"
82
+ font: "var(--ds-font-heading-xxlarge, normal 500 35px/40px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
83
83
  }),
84
84
  xlarge: (0, _react.css)({
85
- font: "var(--ds-font-heading-xlarge, normal 600 29px/32px var(--ds-font-family-heading))"
85
+ font: "var(--ds-font-heading-xlarge, normal 600 29px/32px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
86
86
  }),
87
87
  large: (0, _react.css)({
88
- font: "var(--ds-font-heading-large, normal 500 24px/28px var(--ds-font-family-heading))"
88
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
89
89
  }),
90
90
  medium: (0, _react.css)({
91
- font: "var(--ds-font-heading-medium, normal 500 20px/24px var(--ds-font-family-heading))"
91
+ font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
92
92
  }),
93
93
  small: (0, _react.css)({
94
- font: "var(--ds-font-heading-small, normal 600 16px/20px var(--ds-font-family-heading))"
94
+ font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
95
95
  }),
96
96
  xsmall: (0, _react.css)({
97
- font: "var(--ds-font-heading-xsmall, normal 600 14px/16px var(--ds-font-family-heading))"
97
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
98
98
  }),
99
99
  xxsmall: (0, _react.css)({
100
- font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px var(--ds-font-family-heading))"
100
+ font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
101
101
  })
102
102
  };
103
103
  /**
@@ -61,31 +61,31 @@ const Heading = ({
61
61
 
62
62
  /**
63
63
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
64
- * @codegen <<SignedSource::ea7494a514c27f0cf258be1e089043d0>>
64
+ * @codegen <<SignedSource::6c4d235cbada3951edcb53e36bd07b2b>>
65
65
  * @codegenId typography
66
66
  * @codegenCommand yarn workspace @atlaskit/heading codegen
67
67
  */
68
68
  const headingVariantStylesMap = {
69
69
  xxlarge: css({
70
- font: "var(--ds-font-heading-xxlarge, normal 500 35px/40px var(--ds-font-family-heading))"
70
+ font: "var(--ds-font-heading-xxlarge, normal 500 35px/40px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
71
71
  }),
72
72
  xlarge: css({
73
- font: "var(--ds-font-heading-xlarge, normal 600 29px/32px var(--ds-font-family-heading))"
73
+ font: "var(--ds-font-heading-xlarge, normal 600 29px/32px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
74
74
  }),
75
75
  large: css({
76
- font: "var(--ds-font-heading-large, normal 500 24px/28px var(--ds-font-family-heading))"
76
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
77
77
  }),
78
78
  medium: css({
79
- font: "var(--ds-font-heading-medium, normal 500 20px/24px var(--ds-font-family-heading))"
79
+ font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
80
80
  }),
81
81
  small: css({
82
- font: "var(--ds-font-heading-small, normal 600 16px/20px var(--ds-font-family-heading))"
82
+ font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
83
83
  }),
84
84
  xsmall: css({
85
- font: "var(--ds-font-heading-xsmall, normal 600 14px/16px var(--ds-font-family-heading))"
85
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
86
86
  }),
87
87
  xxsmall: css({
88
- font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px var(--ds-font-family-heading))"
88
+ font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
89
89
  })
90
90
  };
91
91
  /**
@@ -65,31 +65,31 @@ var Heading = function Heading(_ref) {
65
65
 
66
66
  /**
67
67
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
68
- * @codegen <<SignedSource::ea7494a514c27f0cf258be1e089043d0>>
68
+ * @codegen <<SignedSource::6c4d235cbada3951edcb53e36bd07b2b>>
69
69
  * @codegenId typography
70
70
  * @codegenCommand yarn workspace @atlaskit/heading codegen
71
71
  */
72
72
  var headingVariantStylesMap = {
73
73
  xxlarge: css({
74
- font: "var(--ds-font-heading-xxlarge, normal 500 35px/40px var(--ds-font-family-heading))"
74
+ font: "var(--ds-font-heading-xxlarge, normal 500 35px/40px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
75
75
  }),
76
76
  xlarge: css({
77
- font: "var(--ds-font-heading-xlarge, normal 600 29px/32px var(--ds-font-family-heading))"
77
+ font: "var(--ds-font-heading-xlarge, normal 600 29px/32px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
78
78
  }),
79
79
  large: css({
80
- font: "var(--ds-font-heading-large, normal 500 24px/28px var(--ds-font-family-heading))"
80
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
81
81
  }),
82
82
  medium: css({
83
- font: "var(--ds-font-heading-medium, normal 500 20px/24px var(--ds-font-family-heading))"
83
+ font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
84
84
  }),
85
85
  small: css({
86
- font: "var(--ds-font-heading-small, normal 600 16px/20px var(--ds-font-family-heading))"
86
+ font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
87
87
  }),
88
88
  xsmall: css({
89
- font: "var(--ds-font-heading-xsmall, normal 600 14px/16px var(--ds-font-family-heading))"
89
+ font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
90
90
  }),
91
91
  xxsmall: css({
92
- font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px var(--ds-font-family-heading))"
92
+ font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
93
93
  })
94
94
  };
95
95
  /**
@@ -19,7 +19,7 @@ import type { HeadingProps } from './types';
19
19
  declare const Heading: ({ children, variant, id, testId, as, color, }: HeadingProps) => jsx.JSX.Element;
20
20
  /**
21
21
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
22
- * @codegen <<SignedSource::ea7494a514c27f0cf258be1e089043d0>>
22
+ * @codegen <<SignedSource::6c4d235cbada3951edcb53e36bd07b2b>>
23
23
  * @codegenId typography
24
24
  * @codegenCommand yarn workspace @atlaskit/heading codegen
25
25
  */
@@ -19,7 +19,7 @@ import type { HeadingProps } from './types';
19
19
  declare const Heading: ({ children, variant, id, testId, as, color, }: HeadingProps) => jsx.JSX.Element;
20
20
  /**
21
21
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
22
- * @codegen <<SignedSource::ea7494a514c27f0cf258be1e089043d0>>
22
+ * @codegen <<SignedSource::6c4d235cbada3951edcb53e36bd07b2b>>
23
23
  * @codegenId typography
24
24
  * @codegenCommand yarn workspace @atlaskit/heading codegen
25
25
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/heading",
3
- "version": "1.4.4",
3
+ "version": "1.5.0",
4
4
  "description": "A heading is a typography component used to display text in different sizes and formats.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
32
32
  "codegen": "ts-node ./scripts/codegen.tsx"
33
33
  },
34
34
  "dependencies": {
35
- "@atlaskit/tokens": "^1.33.0",
35
+ "@atlaskit/tokens": "^1.34.0",
36
36
  "@babel/runtime": "^7.0.0",
37
37
  "@emotion/react": "^11.7.1"
38
38
  },