@atlaskit/quiz-widget 2.2.5 → 2.2.7

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,21 @@
1
1
  # @atlaskit/quiz-widget
2
2
 
3
+ ## 2.2.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#181817](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/181817)
8
+ [`c75a0ced77056`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c75a0ced77056) -
9
+ Internal changes to typography.
10
+
11
+ ## 2.2.6
12
+
13
+ ### Patch Changes
14
+
15
+ - [#178053](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178053)
16
+ [`cb318c8c28c26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb318c8c28c26) -
17
+ Internal changes to typography.
18
+
3
19
  ## 2.2.5
4
20
 
5
21
  ### Patch Changes
@@ -12,7 +12,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
12
12
  var Quiz = exports.Quiz = _styled.default.div({
13
13
  display: 'flex',
14
14
  flexDirection: 'column',
15
- fontSize: '16px',
15
+ font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
16
16
  width: '100%',
17
17
  padding: "var(--ds-space-250, 20px)".concat(" 30px ", "var(--ds-space-250, 20px)", " 0"),
18
18
  border: '1px solid grey',
@@ -24,8 +24,7 @@ var Quiz = exports.Quiz = _styled.default.div({
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
25
25
  var QuizName = exports.QuizName = _styled.default.div({
26
26
  margin: '3px 0',
27
- fontSize: '24px',
28
- fontWeight: 500,
27
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
29
28
  paddingLeft: "var(--ds-space-250, 20px)"
30
29
  });
31
30
 
@@ -60,7 +59,7 @@ var Question = exports.Question = _styled.default.div({
60
59
  paddingLeft: "var(--ds-space-075, 6px)",
61
60
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
62
61
  marginBottom: '10px',
63
- fontSize: '14px',
62
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
64
63
  color: '#707070',
65
64
  textAlign: 'left'
66
65
  });
@@ -79,8 +78,8 @@ var NavQuiz = exports.NavQuiz = _styled.default.div({
79
78
 
80
79
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
81
80
  var NavAction = exports.NavAction = _styled.default.span({
82
- fontSize: '14px',
83
- fontWeight: 500,
81
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
82
+ fontWeight: "var(--ds-font-weight-medium, 500)",
84
83
  display: 'flex',
85
84
  alignItems: 'center'
86
85
  });
@@ -93,7 +92,7 @@ var Score = exports.Score = _styled.default.div({
93
92
  display: 'flex',
94
93
  flexDirection: 'column',
95
94
  textAlign: 'start',
96
- fontWeight: 400,
95
+ fontWeight: "var(--ds-font-weight-regular, 400)",
97
96
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
98
97
  gap: '5px'
99
98
  });
@@ -4,7 +4,7 @@ import styled from '@emotion/styled';
4
4
  export const Quiz = styled.div({
5
5
  display: 'flex',
6
6
  flexDirection: 'column',
7
- fontSize: '16px',
7
+ font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
8
8
  width: '100%',
9
9
  padding: `${"var(--ds-space-250, 20px)"} 30px ${"var(--ds-space-250, 20px)"} 0`,
10
10
  border: '1px solid grey',
@@ -16,8 +16,7 @@ export const Quiz = styled.div({
16
16
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
17
17
  export const QuizName = styled.div({
18
18
  margin: '3px 0',
19
- fontSize: '24px',
20
- fontWeight: 500,
19
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
21
20
  paddingLeft: "var(--ds-space-250, 20px)"
22
21
  });
23
22
 
@@ -52,7 +51,7 @@ export const Question = styled.div({
52
51
  paddingLeft: "var(--ds-space-075, 6px)",
53
52
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
54
53
  marginBottom: '10px',
55
- fontSize: '14px',
54
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
56
55
  color: '#707070',
57
56
  textAlign: 'left'
58
57
  });
@@ -71,8 +70,8 @@ export const NavQuiz = styled.div({
71
70
 
72
71
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
73
72
  export const NavAction = styled.span({
74
- fontSize: '14px',
75
- fontWeight: 500,
73
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
74
+ fontWeight: "var(--ds-font-weight-medium, 500)",
76
75
  display: 'flex',
77
76
  alignItems: 'center'
78
77
  });
@@ -85,7 +84,7 @@ export const Score = styled.div({
85
84
  display: 'flex',
86
85
  flexDirection: 'column',
87
86
  textAlign: 'start',
88
- fontWeight: 400,
87
+ fontWeight: "var(--ds-font-weight-regular, 400)",
89
88
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
90
89
  gap: '5px'
91
90
  });
@@ -4,7 +4,7 @@ import styled from '@emotion/styled';
4
4
  export var Quiz = styled.div({
5
5
  display: 'flex',
6
6
  flexDirection: 'column',
7
- fontSize: '16px',
7
+ font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
8
8
  width: '100%',
9
9
  padding: "var(--ds-space-250, 20px)".concat(" 30px ", "var(--ds-space-250, 20px)", " 0"),
10
10
  border: '1px solid grey',
@@ -16,8 +16,7 @@ export var Quiz = styled.div({
16
16
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
17
17
  export var QuizName = styled.div({
18
18
  margin: '3px 0',
19
- fontSize: '24px',
20
- fontWeight: 500,
19
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
21
20
  paddingLeft: "var(--ds-space-250, 20px)"
22
21
  });
23
22
 
@@ -52,7 +51,7 @@ export var Question = styled.div({
52
51
  paddingLeft: "var(--ds-space-075, 6px)",
53
52
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
54
53
  marginBottom: '10px',
55
- fontSize: '14px',
54
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
56
55
  color: '#707070',
57
56
  textAlign: 'left'
58
57
  });
@@ -71,8 +70,8 @@ export var NavQuiz = styled.div({
71
70
 
72
71
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
73
72
  export var NavAction = styled.span({
74
- fontSize: '14px',
75
- fontWeight: 500,
73
+ font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
74
+ fontWeight: "var(--ds-font-weight-medium, 500)",
76
75
  display: 'flex',
77
76
  alignItems: 'center'
78
77
  });
@@ -85,7 +84,7 @@ export var Score = styled.div({
85
84
  display: 'flex',
86
85
  flexDirection: 'column',
87
86
  textAlign: 'start',
88
- fontWeight: 400,
87
+ fontWeight: "var(--ds-font-weight-regular, 400)",
89
88
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
90
89
  gap: '5px'
91
90
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/quiz-widget",
3
- "version": "2.2.5",
3
+ "version": "2.2.7",
4
4
  "description": "A React component that gives a possibility to pass quizzes",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -37,7 +37,7 @@
37
37
  "@atlaskit/primitives": "^13.3.0",
38
38
  "@atlaskit/radio": "^7.0.0",
39
39
  "@atlaskit/spinner": "^16.3.0",
40
- "@atlaskit/tokens": "^2.4.0",
40
+ "@atlaskit/tokens": "^2.5.0",
41
41
  "@babel/runtime": "^7.0.0",
42
42
  "@emotion/styled": "^11.0.0"
43
43
  },