@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::
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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::
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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::
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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::
|
|
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::
|
|
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.
|
|
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.
|
|
35
|
+
"@atlaskit/tokens": "^1.34.0",
|
|
36
36
|
"@babel/runtime": "^7.0.0",
|
|
37
37
|
"@emotion/react": "^11.7.1"
|
|
38
38
|
},
|