@atlaskit/quiz-widget 3.0.17 → 3.0.19

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 (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/components/QuizWidget/index.js +5 -2
  3. package/dist/cjs/components/QuizWidget/styled.js +8 -13
  4. package/dist/es2019/components/QuizWidget/index.js +5 -2
  5. package/dist/es2019/components/QuizWidget/styled.js +8 -13
  6. package/dist/esm/components/QuizWidget/index.js +5 -2
  7. package/dist/esm/components/QuizWidget/styled.js +8 -13
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/quiz-widget
2
2
 
3
+ ## 3.0.19
4
+
5
+ ### Patch Changes
6
+
7
+ - [`83e73ca06c1c7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/83e73ca06c1c7) -
8
+ Internal changes to how border radius is applied.
9
+ - Updated dependencies
10
+
11
+ ## 3.0.18
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 3.0.17
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/components/QuizWidget/index.js CHANGED
@@ -77,7 +77,7 @@ var QuizWidget = function QuizWidget(props) {
77
77
  }), props.score && correctAnswer && /*#__PURE__*/_react.default.createElement("span", null, answer === correctAnswer ? /*#__PURE__*/_react.default.createElement(_checkMarkCheck.default, {
78
78
  spacing: "spacious",
79
79
  label: "right",
80
- color: "var(--ds-icon-success, #22A06B)"
80
+ color: "var(--ds-icon-success, #6A9A23)"
81
81
  }) : answer === checkedAnswer && /*#__PURE__*/_react.default.createElement(_cross.default, {
82
82
  spacing: "spacious",
83
83
  label: "wrong",
@@ -99,7 +99,10 @@ var QuizWidget = function QuizWidget(props) {
99
99
  color: "currentColor",
100
100
  LEGACY_size: "large",
101
101
  size: "small"
102
- })), /*#__PURE__*/_react.default.createElement(_styled.NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ? /*#__PURE__*/_react.default.createElement(_button.default, {
102
+ })), /*#__PURE__*/_react.default.createElement(_styled.NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ?
103
+ /*#__PURE__*/
104
+ // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
105
+ _react.default.createElement(_button.default, {
103
106
  appearance: "primary",
104
107
  onClick: onSubmitButtonClick,
105
108
  isDisabled: isDisabledSubmit
package/dist/cjs/components/QuizWidget/styled.js CHANGED
@@ -14,9 +14,9 @@ var Quiz = exports.Quiz = _styled.default.div({
14
14
  flexDirection: 'column',
15
15
  font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
16
16
  width: '100%',
17
- padding: "var(--ds-space-250, 20px)".concat(" 30px ", "var(--ds-space-250, 20px)", " 0"),
17
+ padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-400, 32px)", " ", "var(--ds-space-250, 20px)", " 0"),
18
18
  border: "var(--ds-border-width, 1px)".concat(" solid grey"),
19
- borderRadius: '28px',
19
+ borderRadius: "var(--ds-radius-xxlarge, 16px)",
20
20
  minWidth: '300px',
21
21
  maxWidth: '380px'
22
22
  });
@@ -37,10 +37,8 @@ var Header = exports.Header = _styled.default.div({
37
37
 
38
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
39
39
  var QuizBlock = exports.QuizBlock = _styled.default.ul({
40
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
41
- paddingLeft: '15px',
42
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
43
- marginBottom: '15px',
40
+ paddingLeft: "var(--ds-space-200, 16px)",
41
+ marginBottom: "var(--ds-space-200, 16px)",
44
42
  marginTop: 0,
45
43
  minHeight: '105px'
46
44
  });
@@ -57,8 +55,7 @@ var Footer = exports.Footer = _styled.default.div({
57
55
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
58
56
  var Question = exports.Question = _styled.default.div({
59
57
  paddingLeft: "var(--ds-space-075, 6px)",
60
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
61
- marginBottom: '10px',
58
+ marginBottom: "var(--ds-space-150, 12px)",
62
59
  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
63
60
  color: '#707070',
64
61
  textAlign: 'left'
@@ -69,7 +66,7 @@ var NavQuiz = exports.NavQuiz = _styled.default.div({
69
66
  display: 'flex',
70
67
  alignContent: 'center',
71
68
  justifyContent: 'center',
72
- padding: '0 0 0 3px',
69
+ padding: "0 0 0 ".concat("var(--ds-space-050, 4px)"),
73
70
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
74
71
  ':hover': {
75
72
  color: 'grey'
@@ -86,15 +83,13 @@ var NavAction = exports.NavAction = _styled.default.span({
86
83
 
87
84
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
88
85
  var Score = exports.Score = _styled.default.div({
89
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
90
- marginTop: '10px',
86
+ marginTop: "var(--ds-space-150, 12px)",
91
87
  paddingLeft: "var(--ds-space-075, 6px)",
92
88
  display: 'flex',
93
89
  flexDirection: 'column',
94
90
  textAlign: 'start',
95
91
  fontWeight: "var(--ds-font-weight-regular, 400)",
96
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
97
- gap: '5px'
92
+ gap: "var(--ds-space-075, 6px)"
98
93
  });
99
94
 
100
95
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
package/dist/es2019/components/QuizWidget/index.js CHANGED
@@ -56,7 +56,7 @@ const QuizWidget = props => {
56
56
  }), props.score && correctAnswer && /*#__PURE__*/React.createElement("span", null, answer === correctAnswer ? /*#__PURE__*/React.createElement(CheckIcon, {
57
57
  spacing: "spacious",
58
58
  label: "right",
59
- color: "var(--ds-icon-success, #22A06B)"
59
+ color: "var(--ds-icon-success, #6A9A23)"
60
60
  }) : answer === checkedAnswer && /*#__PURE__*/React.createElement(CrossIcon, {
61
61
  spacing: "spacious",
62
62
  label: "wrong",
@@ -78,7 +78,10 @@ const QuizWidget = props => {
78
78
  color: "currentColor",
79
79
  LEGACY_size: "large",
80
80
  size: "small"
81
- })), /*#__PURE__*/React.createElement(NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ? /*#__PURE__*/React.createElement(Button, {
81
+ })), /*#__PURE__*/React.createElement(NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ?
82
+ /*#__PURE__*/
83
+ // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
84
+ React.createElement(Button, {
82
85
  appearance: "primary",
83
86
  onClick: onSubmitButtonClick,
84
87
  isDisabled: isDisabledSubmit
package/dist/es2019/components/QuizWidget/styled.js CHANGED
@@ -6,9 +6,9 @@ export const Quiz = styled.div({
6
6
  flexDirection: 'column',
7
7
  font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
8
8
  width: '100%',
9
- padding: `${"var(--ds-space-250, 20px)"} 30px ${"var(--ds-space-250, 20px)"} 0`,
9
+ padding: `${"var(--ds-space-250, 20px)"} ${"var(--ds-space-400, 32px)"} ${"var(--ds-space-250, 20px)"} 0`,
10
10
  border: `${"var(--ds-border-width, 1px)"} solid grey`,
11
- borderRadius: '28px',
11
+ borderRadius: "var(--ds-radius-xxlarge, 16px)",
12
12
  minWidth: '300px',
13
13
  maxWidth: '380px'
14
14
  });
@@ -29,10 +29,8 @@ export const Header = styled.div({
29
29
 
30
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
31
31
  export const QuizBlock = styled.ul({
32
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
33
- paddingLeft: '15px',
34
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
35
- marginBottom: '15px',
32
+ paddingLeft: "var(--ds-space-200, 16px)",
33
+ marginBottom: "var(--ds-space-200, 16px)",
36
34
  marginTop: 0,
37
35
  minHeight: '105px'
38
36
  });
@@ -49,8 +47,7 @@ export const Footer = styled.div({
49
47
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
50
48
  export const Question = styled.div({
51
49
  paddingLeft: "var(--ds-space-075, 6px)",
52
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
53
- marginBottom: '10px',
50
+ marginBottom: "var(--ds-space-150, 12px)",
54
51
  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
55
52
  color: '#707070',
56
53
  textAlign: 'left'
@@ -61,7 +58,7 @@ export const NavQuiz = styled.div({
61
58
  display: 'flex',
62
59
  alignContent: 'center',
63
60
  justifyContent: 'center',
64
- padding: '0 0 0 3px',
61
+ padding: `0 0 0 ${"var(--ds-space-050, 4px)"}`,
65
62
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
66
63
  ':hover': {
67
64
  color: 'grey'
@@ -78,15 +75,13 @@ export const NavAction = styled.span({
78
75
 
79
76
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
80
77
  export const Score = styled.div({
81
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
82
- marginTop: '10px',
78
+ marginTop: "var(--ds-space-150, 12px)",
83
79
  paddingLeft: "var(--ds-space-075, 6px)",
84
80
  display: 'flex',
85
81
  flexDirection: 'column',
86
82
  textAlign: 'start',
87
83
  fontWeight: "var(--ds-font-weight-regular, 400)",
88
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
89
- gap: '5px'
84
+ gap: "var(--ds-space-075, 6px)"
90
85
  });
91
86
 
92
87
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
package/dist/esm/components/QuizWidget/index.js CHANGED
@@ -67,7 +67,7 @@ var QuizWidget = function QuizWidget(props) {
67
67
  }), props.score && correctAnswer && /*#__PURE__*/React.createElement("span", null, answer === correctAnswer ? /*#__PURE__*/React.createElement(CheckIcon, {
68
68
  spacing: "spacious",
69
69
  label: "right",
70
- color: "var(--ds-icon-success, #22A06B)"
70
+ color: "var(--ds-icon-success, #6A9A23)"
71
71
  }) : answer === checkedAnswer && /*#__PURE__*/React.createElement(CrossIcon, {
72
72
  spacing: "spacious",
73
73
  label: "wrong",
@@ -89,7 +89,10 @@ var QuizWidget = function QuizWidget(props) {
89
89
  color: "currentColor",
90
90
  LEGACY_size: "large",
91
91
  size: "small"
92
- })), /*#__PURE__*/React.createElement(NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ? /*#__PURE__*/React.createElement(Button, {
92
+ })), /*#__PURE__*/React.createElement(NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ?
93
+ /*#__PURE__*/
94
+ // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
95
+ React.createElement(Button, {
93
96
  appearance: "primary",
94
97
  onClick: onSubmitButtonClick,
95
98
  isDisabled: isDisabledSubmit
package/dist/esm/components/QuizWidget/styled.js CHANGED
@@ -6,9 +6,9 @@ export var Quiz = styled.div({
6
6
  flexDirection: 'column',
7
7
  font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
8
8
  width: '100%',
9
- padding: "var(--ds-space-250, 20px)".concat(" 30px ", "var(--ds-space-250, 20px)", " 0"),
9
+ padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-400, 32px)", " ", "var(--ds-space-250, 20px)", " 0"),
10
10
  border: "var(--ds-border-width, 1px)".concat(" solid grey"),
11
- borderRadius: '28px',
11
+ borderRadius: "var(--ds-radius-xxlarge, 16px)",
12
12
  minWidth: '300px',
13
13
  maxWidth: '380px'
14
14
  });
@@ -29,10 +29,8 @@ export var Header = styled.div({
29
29
 
30
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
31
31
  export var QuizBlock = styled.ul({
32
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
33
- paddingLeft: '15px',
34
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
35
- marginBottom: '15px',
32
+ paddingLeft: "var(--ds-space-200, 16px)",
33
+ marginBottom: "var(--ds-space-200, 16px)",
36
34
  marginTop: 0,
37
35
  minHeight: '105px'
38
36
  });
@@ -49,8 +47,7 @@ export var Footer = styled.div({
49
47
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
50
48
  export var Question = styled.div({
51
49
  paddingLeft: "var(--ds-space-075, 6px)",
52
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
53
- marginBottom: '10px',
50
+ marginBottom: "var(--ds-space-150, 12px)",
54
51
  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
55
52
  color: '#707070',
56
53
  textAlign: 'left'
@@ -61,7 +58,7 @@ export var NavQuiz = styled.div({
61
58
  display: 'flex',
62
59
  alignContent: 'center',
63
60
  justifyContent: 'center',
64
- padding: '0 0 0 3px',
61
+ padding: "0 0 0 ".concat("var(--ds-space-050, 4px)"),
65
62
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
66
63
  ':hover': {
67
64
  color: 'grey'
@@ -78,15 +75,13 @@ export var NavAction = styled.span({
78
75
 
79
76
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
80
77
  export var Score = styled.div({
81
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
82
- marginTop: '10px',
78
+ marginTop: "var(--ds-space-150, 12px)",
83
79
  paddingLeft: "var(--ds-space-075, 6px)",
84
80
  display: 'flex',
85
81
  flexDirection: 'column',
86
82
  textAlign: 'start',
87
83
  fontWeight: "var(--ds-font-weight-regular, 400)",
88
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
89
- gap: '5px'
84
+ gap: "var(--ds-space-075, 6px)"
90
85
  });
91
86
 
92
87
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/quiz-widget",
3
- "version": "3.0.17",
3
+ "version": "3.0.19",
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",
@@ -32,11 +32,11 @@
32
32
  "atlaskit:src": "src/index.ts",
33
33
  "dependencies": {
34
34
  "@atlaskit/button": "^23.6.0",
35
- "@atlaskit/icon": "^28.5.0",
36
- "@atlaskit/primitives": "^16.1.0",
35
+ "@atlaskit/icon": "^29.0.0",
36
+ "@atlaskit/primitives": "^16.4.0",
37
37
  "@atlaskit/radio": "^8.3.0",
38
38
  "@atlaskit/spinner": "^19.0.0",
39
- "@atlaskit/tokens": "^8.0.0",
39
+ "@atlaskit/tokens": "^8.3.0",
40
40
  "@babel/runtime": "^7.0.0",
41
41
  "@emotion/styled": "^11.0.0"
42
42
  },