@atlaskit/heading 1.4.4 → 1.5.1

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/heading.partial.js +8 -8
  3. package/dist/es2019/heading.partial.js +8 -8
  4. package/dist/esm/heading.partial.js +8 -8
  5. package/dist/types/heading.partial.d.ts +1 -1
  6. package/dist/types/types.d.ts +2 -2
  7. package/dist/types-ts4.5/heading.partial.d.ts +1 -1
  8. package/dist/types-ts4.5/types.d.ts +2 -2
  9. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/heading
2
2
 
3
+ ## 1.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#70023](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70023) [`e2d35320717b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e2d35320717b) - Fix types to set either level or variant to be required props to prevent exceptions being thrown.
8
+
9
+ ## 1.5.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#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.
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies
18
+
3
19
  ## 1.4.4
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/heading.partial.js CHANGED
@@ -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
  /**
package/dist/es2019/heading.partial.js CHANGED
@@ -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
  /**
package/dist/esm/heading.partial.js CHANGED
@@ -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
  /**
package/dist/types/heading.partial.d.ts CHANGED
@@ -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/dist/types/types.d.ts CHANGED
@@ -47,7 +47,7 @@ export type HeadingProps = {
47
47
  * It's important to note that the final DOM may be impacted by the parent heading level context because of inferred accessibility level correction.
48
48
  * Therefore, it is recommended to check the final DOM to confirm the actual rendered HTML element.
49
49
  */
50
- level?: 'h900' | 'h800' | 'h700' | 'h600' | 'h500' | 'h400' | 'h300' | 'h200' | 'h100';
50
+ level: 'h900' | 'h800' | 'h700' | 'h600' | 'h500' | 'h400' | 'h300' | 'h200' | 'h100';
51
51
  /**
52
52
  * Heading style variant. This style is detached from the specific heading level applied to allow for more flexibility.
53
53
  * Use instead of the deprecated `level` prop.
@@ -61,5 +61,5 @@ export type HeadingProps = {
61
61
  *
62
62
  * This prop will only work if the typography theme is applied.
63
63
  */
64
- variant?: HeadingVariant;
64
+ variant: HeadingVariant;
65
65
  });
package/dist/types-ts4.5/heading.partial.d.ts CHANGED
@@ -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/dist/types-ts4.5/types.d.ts CHANGED
@@ -47,7 +47,7 @@ export type HeadingProps = {
47
47
  * It's important to note that the final DOM may be impacted by the parent heading level context because of inferred accessibility level correction.
48
48
  * Therefore, it is recommended to check the final DOM to confirm the actual rendered HTML element.
49
49
  */
50
- level?: 'h900' | 'h800' | 'h700' | 'h600' | 'h500' | 'h400' | 'h300' | 'h200' | 'h100';
50
+ level: 'h900' | 'h800' | 'h700' | 'h600' | 'h500' | 'h400' | 'h300' | 'h200' | 'h100';
51
51
  /**
52
52
  * Heading style variant. This style is detached from the specific heading level applied to allow for more flexibility.
53
53
  * Use instead of the deprecated `level` prop.
@@ -61,5 +61,5 @@ export type HeadingProps = {
61
61
  *
62
62
  * This prop will only work if the typography theme is applied.
63
63
  */
64
- variant?: HeadingVariant;
64
+ variant: HeadingVariant;
65
65
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/heading",
3
- "version": "1.4.4",
3
+ "version": "1.5.1",
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.35.0",
36
36
  "@babel/runtime": "^7.0.0",
37
37
  "@emotion/react": "^11.7.1"
38
38
  },