@atlaskit/quiz-widget 3.0.18 → 3.0.20

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 +16 -0
  2. package/dist/cjs/components/QuizWidget/index.js +11 -8
  3. package/dist/cjs/components/QuizWidget/styled.js +8 -13
  4. package/dist/es2019/components/QuizWidget/index.js +7 -4
  5. package/dist/es2019/components/QuizWidget/styled.js +8 -13
  6. package/dist/esm/components/QuizWidget/index.js +7 -4
  7. package/dist/esm/components/QuizWidget/styled.js +8 -13
  8. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/quiz-widget
2
2
 
3
+ ## 3.0.20
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6a82d7964a37b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6a82d7964a37b) -
8
+ Icon entrypoint migration
9
+ - Updated dependencies
10
+
11
+ ## 3.0.19
12
+
13
+ ### Patch Changes
14
+
15
+ - [`83e73ca06c1c7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/83e73ca06c1c7) -
16
+ Internal changes to how border radius is applied.
17
+ - Updated dependencies
18
+
3
19
  ## 3.0.18
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/components/QuizWidget/index.js CHANGED
@@ -9,9 +9,9 @@ exports.default = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var _button = _interopRequireDefault(require("@atlaskit/button"));
12
- var _checkMarkCheck = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--check"));
13
- var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-large"));
14
- var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-right--chevron-right-large"));
12
+ var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
13
+ var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
14
+ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
15
15
  var _cross = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross"));
16
16
  var _radio = require("@atlaskit/radio");
17
17
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
@@ -74,7 +74,7 @@ var QuizWidget = function QuizWidget(props) {
74
74
  onChange: function onChange(e) {
75
75
  return _onChange(e, currentQuestionNumber);
76
76
  }
77
- }), props.score && correctAnswer && /*#__PURE__*/_react.default.createElement("span", null, answer === correctAnswer ? /*#__PURE__*/_react.default.createElement(_checkMarkCheck.default, {
77
+ }), props.score && correctAnswer && /*#__PURE__*/_react.default.createElement("span", null, answer === correctAnswer ? /*#__PURE__*/_react.default.createElement(_checkMark.default, {
78
78
  spacing: "spacious",
79
79
  label: "right",
80
80
  color: "var(--ds-icon-success, #6A9A23)"
@@ -94,12 +94,15 @@ var QuizWidget = function QuizWidget(props) {
94
94
  xcss: boxWrapperStyles,
95
95
  alignItems: "center",
96
96
  justifyContent: "center"
97
- }, /*#__PURE__*/_react.default.createElement(_chevronLeftChevronLeftLarge.default, {
97
+ }, /*#__PURE__*/_react.default.createElement(_chevronLeft.default, {
98
98
  label: "prev",
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
@@ -109,7 +112,7 @@ var QuizWidget = function QuizWidget(props) {
109
112
  xcss: boxWrapperStyles,
110
113
  alignItems: "center",
111
114
  justifyContent: "center"
112
- }, /*#__PURE__*/_react.default.createElement(_chevronRightChevronRightLarge.default, {
115
+ }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
113
116
  label: "next",
114
117
  color: "currentColor",
115
118
  LEGACY_size: "large",
@@ -122,7 +125,7 @@ var QuizWidget = function QuizWidget(props) {
122
125
  xcss: boxWrapperStyles,
123
126
  alignItems: "center",
124
127
  justifyContent: "center"
125
- }, /*#__PURE__*/_react.default.createElement(_chevronRightChevronRightLarge.default, {
128
+ }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
126
129
  label: "next",
127
130
  color: "currentColor",
128
131
  LEGACY_size: "large",
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
@@ -1,8 +1,8 @@
1
1
  import React, { useState } from 'react';
2
2
  import Button from '@atlaskit/button';
3
- import CheckIcon from '@atlaskit/icon/core/migration/check-mark--check';
4
- import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
5
- import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
3
+ import CheckIcon from '@atlaskit/icon/core/check-mark';
4
+ import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
5
+ import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
6
6
  import CrossIcon from '@atlaskit/icon/core/migration/cross';
7
7
  import { Radio } from '@atlaskit/radio';
8
8
  import Spinner from '@atlaskit/spinner';
@@ -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
@@ -1,9 +1,9 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import React, { useState } from 'react';
3
3
  import Button from '@atlaskit/button';
4
- import CheckIcon from '@atlaskit/icon/core/migration/check-mark--check';
5
- import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
6
- import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
4
+ import CheckIcon from '@atlaskit/icon/core/check-mark';
5
+ import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
6
+ import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
7
7
  import CrossIcon from '@atlaskit/icon/core/migration/cross';
8
8
  import { Radio } from '@atlaskit/radio';
9
9
  import Spinner from '@atlaskit/spinner';
@@ -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.18",
3
+ "version": "3.0.20",
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",
@@ -31,12 +31,12 @@
31
31
  ],
32
32
  "atlaskit:src": "src/index.ts",
33
33
  "dependencies": {
34
- "@atlaskit/button": "^23.6.0",
35
- "@atlaskit/icon": "^29.0.0",
36
- "@atlaskit/primitives": "^16.1.0",
34
+ "@atlaskit/button": "^23.9.0",
35
+ "@atlaskit/icon": "^29.3.0",
36
+ "@atlaskit/primitives": "^17.0.0",
37
37
  "@atlaskit/radio": "^8.3.0",
38
38
  "@atlaskit/spinner": "^19.0.0",
39
- "@atlaskit/tokens": "^8.0.0",
39
+ "@atlaskit/tokens": "^9.0.0",
40
40
  "@babel/runtime": "^7.0.0",
41
41
  "@emotion/styled": "^11.0.0"
42
42
  },
@@ -45,7 +45,7 @@
45
45
  "react-dom": "^18.2.0"
46
46
  },
47
47
  "devDependencies": {
48
- "@testing-library/react": "^13.4.0",
48
+ "@testing-library/react": "^16.3.0",
49
49
  "enzyme": "^3.10.0",
50
50
  "wait-for-expect": "^1.2.0"
51
51
  }