@atlaskit/quiz-widget 2.1.8 → 2.1.10

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 +12 -0
  2. package/dist/cjs/components/QuizWidget/styled.js +76 -12
  3. package/dist/cjs/styled.js +5 -3
  4. package/dist/es2019/components/QuizWidget/styled.js +75 -70
  5. package/dist/es2019/styled.js +5 -5
  6. package/dist/esm/components/QuizWidget/styled.js +76 -12
  7. package/dist/esm/styled.js +5 -3
  8. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/quiz-widget
2
2
 
3
+ ## 2.1.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007) [`85525725cb0d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85525725cb0d) - Migrated to the new button component
8
+
9
+ ## 2.1.9
10
+
11
+ ### Patch Changes
12
+
13
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
14
+
3
15
  ## 2.1.8
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/QuizWidget/styled.js CHANGED
@@ -5,16 +5,80 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.Score = exports.QuizName = exports.QuizBlock = exports.Quiz = exports.Question = exports.NavQuiz = exports.NavAction = exports.Header = exports.Footer = exports.Answer = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
11
- var Quiz = exports.Quiz = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n font-size: 16px;\n width: 100%;\n padding: ", " 30px ", " 0;\n border: 1px solid grey;\n border-radius: 28px;\n min-width: 300px;\n max-width: 380px;\n"])), "var(--ds-space-250, 20px)", "var(--ds-space-250, 20px)");
12
- var QuizName = exports.QuizName = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin: 3px 0;\n font-size: 24px;\n font-weight: 500;\n padding-left: ", ";\n"])), "var(--ds-space-250, 20px)");
13
- var Header = exports.Header = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: start;\n flex-direction: column;\n"])));
14
- var QuizBlock = exports.QuizBlock = _styled.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 15px;\n margin-bottom: 15px;\n margin-top: 0;\n min-height: 105px;\n"])));
15
- var Footer = exports.Footer = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-height: 32px;\n"])), "var(--ds-space-100, 8px)");
16
- var Question = exports.Question = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: ", ";\n margin-bottom: 10px;\n font-size: 14px;\n color: #707070;\n text-align: left;\n"])), "var(--ds-space-075, 6px)");
17
- var NavQuiz = exports.NavQuiz = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n justify-content: center;\n padding: 0 0 0 3px;\n :hover {\n color: grey;\n }\n"])));
18
- var NavAction = exports.NavAction = _styled.default.span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 14px;\n font-weight: 500;\n display: flex;\n align-items: center;\n"])));
19
- var Score = exports.Score = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 10px;\n padding-left: ", ";\n display: flex;\n flex-direction: column;\n text-align: start;\n font-weight: 400;\n gap: 5px;\n"])), "var(--ds-space-075, 6px)");
20
- var Answer = exports.Answer = _styled.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-end;\n max-height: 25px;\n"])));
9
+ var Quiz = exports.Quiz = _styled.default.div({
10
+ display: 'flex',
11
+ flexDirection: 'column',
12
+ fontSize: '16px',
13
+ width: '100%',
14
+ padding: "var(--ds-space-250, 20px)".concat(" 30px ", "var(--ds-space-250, 20px)", " 0"),
15
+ border: '1px solid grey',
16
+ borderRadius: '28px',
17
+ minWidth: '300px',
18
+ maxWidth: '380px'
19
+ });
20
+ var QuizName = exports.QuizName = _styled.default.div({
21
+ margin: '3px 0',
22
+ fontSize: '24px',
23
+ fontWeight: 500,
24
+ paddingLeft: "var(--ds-space-250, 20px)"
25
+ });
26
+ var Header = exports.Header = _styled.default.div({
27
+ display: 'flex',
28
+ alignItems: 'start',
29
+ flexDirection: 'column'
30
+ });
31
+ var QuizBlock = exports.QuizBlock = _styled.default.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',
36
+ marginTop: 0,
37
+ minHeight: '105px'
38
+ });
39
+ var Footer = exports.Footer = _styled.default.div({
40
+ paddingLeft: "var(--ds-space-100, 8px)",
41
+ display: 'flex',
42
+ justifyContent: 'space-between',
43
+ alignItems: 'center',
44
+ maxHeight: '32px'
45
+ });
46
+ var Question = exports.Question = _styled.default.div({
47
+ paddingLeft: "var(--ds-space-075, 6px)",
48
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
49
+ marginBottom: '10px',
50
+ fontSize: '14px',
51
+ color: '#707070',
52
+ textAlign: 'left'
53
+ });
54
+ var NavQuiz = exports.NavQuiz = _styled.default.div({
55
+ display: 'flex',
56
+ alignContent: 'center',
57
+ justifyContent: 'center',
58
+ padding: '0 0 0 3px',
59
+ ':hover': {
60
+ color: 'grey'
61
+ }
62
+ });
63
+ var NavAction = exports.NavAction = _styled.default.span({
64
+ fontSize: '14px',
65
+ fontWeight: 500,
66
+ display: 'flex',
67
+ alignItems: 'center'
68
+ });
69
+ var Score = exports.Score = _styled.default.div({
70
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
71
+ marginTop: '10px',
72
+ paddingLeft: "var(--ds-space-075, 6px)",
73
+ display: 'flex',
74
+ flexDirection: 'column',
75
+ textAlign: 'start',
76
+ fontWeight: 400,
77
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
78
+ gap: '5px'
79
+ });
80
+ var Answer = exports.Answer = _styled.default.div({
81
+ display: 'flex',
82
+ alignItems: 'flex-end',
83
+ maxHeight: '25px'
84
+ });
package/dist/cjs/styled.js CHANGED
@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.QuizWrapper = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
- var _templateObject;
11
- var QuizWrapper = exports.QuizWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n margin: ", ";\n"])), "var(--ds-space-250, 20px)");
9
+ var QuizWrapper = exports.QuizWrapper = _styled.default.div({
10
+ display: 'flex',
11
+ justifyContent: 'center',
12
+ margin: "var(--ds-space-250, 20px)"
13
+ });
package/dist/es2019/components/QuizWidget/styled.js CHANGED
@@ -1,72 +1,77 @@
1
1
  import styled from '@emotion/styled';
2
- export const Quiz = styled.div`
3
- display: flex;
4
- flex-direction: column;
5
- font-size: 16px;
6
- width: 100%;
7
- padding: ${"var(--ds-space-250, 20px)"} 30px ${"var(--ds-space-250, 20px)"} 0;
8
- border: 1px solid grey;
9
- border-radius: 28px;
10
- min-width: 300px;
11
- max-width: 380px;
12
- `;
13
- export const QuizName = styled.div`
14
- margin: 3px 0;
15
- font-size: 24px;
16
- font-weight: 500;
17
- padding-left: ${"var(--ds-space-250, 20px)"};
18
- `;
19
- export const Header = styled.div`
20
- display: flex;
21
- align-items: start;
22
- flex-direction: column;
23
- `;
24
- export const QuizBlock = styled.ul`
25
- padding-left: 15px;
26
- margin-bottom: 15px;
27
- margin-top: 0;
28
- min-height: 105px;
29
- `;
30
- export const Footer = styled.div`
31
- padding-left: ${"var(--ds-space-100, 8px)"};
32
- display: flex;
33
- justify-content: space-between;
34
- align-items: center;
35
- max-height: 32px;
36
- `;
37
- export const Question = styled.div`
38
- padding-left: ${"var(--ds-space-075, 6px)"};
39
- margin-bottom: 10px;
40
- font-size: 14px;
41
- color: #707070;
42
- text-align: left;
43
- `;
44
- export const NavQuiz = styled.div`
45
- display: flex;
46
- align-content: center;
47
- justify-content: center;
48
- padding: 0 0 0 3px;
49
- :hover {
50
- color: grey;
2
+ export const Quiz = styled.div({
3
+ display: 'flex',
4
+ flexDirection: 'column',
5
+ fontSize: '16px',
6
+ width: '100%',
7
+ padding: `${"var(--ds-space-250, 20px)"} 30px ${"var(--ds-space-250, 20px)"} 0`,
8
+ border: '1px solid grey',
9
+ borderRadius: '28px',
10
+ minWidth: '300px',
11
+ maxWidth: '380px'
12
+ });
13
+ export const QuizName = styled.div({
14
+ margin: '3px 0',
15
+ fontSize: '24px',
16
+ fontWeight: 500,
17
+ paddingLeft: "var(--ds-space-250, 20px)"
18
+ });
19
+ export const Header = styled.div({
20
+ display: 'flex',
21
+ alignItems: 'start',
22
+ flexDirection: 'column'
23
+ });
24
+ export const QuizBlock = styled.ul({
25
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
26
+ paddingLeft: '15px',
27
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
28
+ marginBottom: '15px',
29
+ marginTop: 0,
30
+ minHeight: '105px'
31
+ });
32
+ export const Footer = styled.div({
33
+ paddingLeft: "var(--ds-space-100, 8px)",
34
+ display: 'flex',
35
+ justifyContent: 'space-between',
36
+ alignItems: 'center',
37
+ maxHeight: '32px'
38
+ });
39
+ export const Question = styled.div({
40
+ paddingLeft: "var(--ds-space-075, 6px)",
41
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
42
+ marginBottom: '10px',
43
+ fontSize: '14px',
44
+ color: '#707070',
45
+ textAlign: 'left'
46
+ });
47
+ export const NavQuiz = styled.div({
48
+ display: 'flex',
49
+ alignContent: 'center',
50
+ justifyContent: 'center',
51
+ padding: '0 0 0 3px',
52
+ ':hover': {
53
+ color: 'grey'
51
54
  }
52
- `;
53
- export const NavAction = styled.span`
54
- font-size: 14px;
55
- font-weight: 500;
56
- display: flex;
57
- align-items: center;
58
- `;
59
- export const Score = styled.div`
60
- margin-top: 10px;
61
- padding-left: ${"var(--ds-space-075, 6px)"};
62
- display: flex;
63
- flex-direction: column;
64
- text-align: start;
65
- font-weight: 400;
66
- gap: 5px;
67
- `;
68
- export const Answer = styled.div`
69
- display: flex;
70
- align-items: flex-end;
71
- max-height: 25px;
72
- `;
55
+ });
56
+ export const NavAction = styled.span({
57
+ fontSize: '14px',
58
+ fontWeight: 500,
59
+ display: 'flex',
60
+ alignItems: 'center'
61
+ });
62
+ export const Score = styled.div({
63
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
64
+ marginTop: '10px',
65
+ paddingLeft: "var(--ds-space-075, 6px)",
66
+ display: 'flex',
67
+ flexDirection: 'column',
68
+ textAlign: 'start',
69
+ fontWeight: 400,
70
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
71
+ gap: '5px'
72
+ });
73
+ export const Answer = styled.div({
74
+ display: 'flex',
75
+ alignItems: 'flex-end',
76
+ maxHeight: '25px'
77
+ });
package/dist/es2019/styled.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styled from '@emotion/styled';
2
- export const QuizWrapper = styled.div`
3
- display: flex;
4
- justify-content: center;
5
- margin: ${"var(--ds-space-250, 20px)"};
6
- `;
2
+ export const QuizWrapper = styled.div({
3
+ display: 'flex',
4
+ justifyContent: 'center',
5
+ margin: "var(--ds-space-250, 20px)"
6
+ });
package/dist/esm/components/QuizWidget/styled.js CHANGED
@@ -1,13 +1,77 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
3
1
  import styled from '@emotion/styled';
4
- export var Quiz = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n font-size: 16px;\n width: 100%;\n padding: ", " 30px ", " 0;\n border: 1px solid grey;\n border-radius: 28px;\n min-width: 300px;\n max-width: 380px;\n"])), "var(--ds-space-250, 20px)", "var(--ds-space-250, 20px)");
5
- export var QuizName = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin: 3px 0;\n font-size: 24px;\n font-weight: 500;\n padding-left: ", ";\n"])), "var(--ds-space-250, 20px)");
6
- export var Header = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n align-items: start;\n flex-direction: column;\n"])));
7
- export var QuizBlock = styled.ul(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding-left: 15px;\n margin-bottom: 15px;\n margin-top: 0;\n min-height: 105px;\n"])));
8
- export var Footer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-height: 32px;\n"])), "var(--ds-space-100, 8px)");
9
- export var Question = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n padding-left: ", ";\n margin-bottom: 10px;\n font-size: 14px;\n color: #707070;\n text-align: left;\n"])), "var(--ds-space-075, 6px)");
10
- export var NavQuiz = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n align-content: center;\n justify-content: center;\n padding: 0 0 0 3px;\n :hover {\n color: grey;\n }\n"])));
11
- export var NavAction = styled.span(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n display: flex;\n align-items: center;\n"])));
12
- export var Score = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n margin-top: 10px;\n padding-left: ", ";\n display: flex;\n flex-direction: column;\n text-align: start;\n font-weight: 400;\n gap: 5px;\n"])), "var(--ds-space-075, 6px)");
13
- export var Answer = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-end;\n max-height: 25px;\n"])));
2
+ export var Quiz = styled.div({
3
+ display: 'flex',
4
+ flexDirection: 'column',
5
+ fontSize: '16px',
6
+ width: '100%',
7
+ padding: "var(--ds-space-250, 20px)".concat(" 30px ", "var(--ds-space-250, 20px)", " 0"),
8
+ border: '1px solid grey',
9
+ borderRadius: '28px',
10
+ minWidth: '300px',
11
+ maxWidth: '380px'
12
+ });
13
+ export var QuizName = styled.div({
14
+ margin: '3px 0',
15
+ fontSize: '24px',
16
+ fontWeight: 500,
17
+ paddingLeft: "var(--ds-space-250, 20px)"
18
+ });
19
+ export var Header = styled.div({
20
+ display: 'flex',
21
+ alignItems: 'start',
22
+ flexDirection: 'column'
23
+ });
24
+ export var QuizBlock = styled.ul({
25
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
26
+ paddingLeft: '15px',
27
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
28
+ marginBottom: '15px',
29
+ marginTop: 0,
30
+ minHeight: '105px'
31
+ });
32
+ export var Footer = styled.div({
33
+ paddingLeft: "var(--ds-space-100, 8px)",
34
+ display: 'flex',
35
+ justifyContent: 'space-between',
36
+ alignItems: 'center',
37
+ maxHeight: '32px'
38
+ });
39
+ export var Question = styled.div({
40
+ paddingLeft: "var(--ds-space-075, 6px)",
41
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
42
+ marginBottom: '10px',
43
+ fontSize: '14px',
44
+ color: '#707070',
45
+ textAlign: 'left'
46
+ });
47
+ export var NavQuiz = styled.div({
48
+ display: 'flex',
49
+ alignContent: 'center',
50
+ justifyContent: 'center',
51
+ padding: '0 0 0 3px',
52
+ ':hover': {
53
+ color: 'grey'
54
+ }
55
+ });
56
+ export var NavAction = styled.span({
57
+ fontSize: '14px',
58
+ fontWeight: 500,
59
+ display: 'flex',
60
+ alignItems: 'center'
61
+ });
62
+ export var Score = styled.div({
63
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
64
+ marginTop: '10px',
65
+ paddingLeft: "var(--ds-space-075, 6px)",
66
+ display: 'flex',
67
+ flexDirection: 'column',
68
+ textAlign: 'start',
69
+ fontWeight: 400,
70
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- needs manual remediation
71
+ gap: '5px'
72
+ });
73
+ export var Answer = styled.div({
74
+ display: 'flex',
75
+ alignItems: 'flex-end',
76
+ maxHeight: '25px'
77
+ });
package/dist/esm/styled.js CHANGED
@@ -1,4 +1,6 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  import styled from '@emotion/styled';
4
- export var QuizWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n margin: ", ";\n"])), "var(--ds-space-250, 20px)");
2
+ export var QuizWrapper = styled.div({
3
+ display: 'flex',
4
+ justifyContent: 'center',
5
+ margin: "var(--ds-space-250, 20px)"
6
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/quiz-widget",
3
- "version": "2.1.8",
3
+ "version": "2.1.10",
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",
@@ -33,11 +33,11 @@
33
33
  "sideEffects": false,
34
34
  "atlaskit:src": "src/index.ts",
35
35
  "dependencies": {
36
- "@atlaskit/button": "^17.7.0",
36
+ "@atlaskit/button": "^17.14.0",
37
37
  "@atlaskit/icon": "^22.1.0",
38
38
  "@atlaskit/radio": "^6.1.0",
39
39
  "@atlaskit/spinner": "^16.0.0",
40
- "@atlaskit/tokens": "^1.41.0",
40
+ "@atlaskit/tokens": "^1.43.0",
41
41
  "@babel/runtime": "^7.0.0",
42
42
  "@emotion/styled": "^11.0.0"
43
43
  },
@@ -49,8 +49,8 @@
49
49
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
50
50
  "@testing-library/react": "^12.1.5",
51
51
  "enzyme": "^3.10.0",
52
- "typescript": "~4.9.5",
52
+ "typescript": "~5.4.2",
53
53
  "wait-for-expect": "^1.2.0"
54
54
  },
55
55
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
56
- }
56
+ }