@atlaskit/quiz-widget 2.1.6 → 2.1.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/QuizWidget/styled.js +5 -5
  3. package/dist/cjs/styled.js +1 -1
  4. package/dist/es2019/components/QuizWidget/styled.js +5 -5
  5. package/dist/es2019/styled.js +1 -1
  6. package/dist/esm/components/QuizWidget/styled.js +5 -5
  7. package/dist/esm/styled.js +1 -1
  8. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/quiz-widget
2
2
 
3
+ ## 2.1.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#61323](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61323) [`e9e3532437e8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e9e3532437e8) - Converted spacing values to corresponding space tokens
8
+
3
9
  ## 2.1.6
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/components/QuizWidget/styled.js CHANGED
@@ -8,13 +8,13 @@ exports.Score = exports.QuizName = exports.QuizBlock = exports.Quiz = exports.Qu
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
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: 20px 30px 20px 0;\n border: 1px solid grey;\n border-radius: 28px;\n min-width: 300px;\n max-width: 380px;\n"])));
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: 20px;\n"])));
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
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
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: 8px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-height: 32px;\n"])));
16
- var Question = exports.Question = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 6px;\n margin-bottom: 10px;\n font-size: 14px;\n color: #707070;\n text-align: left;\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
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
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: 6px;\n display: flex;\n flex-direction: column;\n text-align: start;\n font-weight: 400;\n gap: 5px;\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
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"])));
package/dist/cjs/styled.js CHANGED
@@ -8,4 +8,4 @@ exports.QuizWrapper = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
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: 20px;\n"])));
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)");
package/dist/es2019/components/QuizWidget/styled.js CHANGED
@@ -4,7 +4,7 @@ export const Quiz = styled.div`
4
4
  flex-direction: column;
5
5
  font-size: 16px;
6
6
  width: 100%;
7
- padding: 20px 30px 20px 0;
7
+ padding: ${"var(--ds-space-250, 20px)"} 30px ${"var(--ds-space-250, 20px)"} 0;
8
8
  border: 1px solid grey;
9
9
  border-radius: 28px;
10
10
  min-width: 300px;
@@ -14,7 +14,7 @@ export const QuizName = styled.div`
14
14
  margin: 3px 0;
15
15
  font-size: 24px;
16
16
  font-weight: 500;
17
- padding-left: 20px;
17
+ padding-left: ${"var(--ds-space-250, 20px)"};
18
18
  `;
19
19
  export const Header = styled.div`
20
20
  display: flex;
@@ -28,14 +28,14 @@ export const QuizBlock = styled.ul`
28
28
  min-height: 105px;
29
29
  `;
30
30
  export const Footer = styled.div`
31
- padding-left: 8px;
31
+ padding-left: ${"var(--ds-space-100, 8px)"};
32
32
  display: flex;
33
33
  justify-content: space-between;
34
34
  align-items: center;
35
35
  max-height: 32px;
36
36
  `;
37
37
  export const Question = styled.div`
38
- padding-left: 6px;
38
+ padding-left: ${"var(--ds-space-075, 6px)"};
39
39
  margin-bottom: 10px;
40
40
  font-size: 14px;
41
41
  color: #707070;
@@ -58,7 +58,7 @@ export const NavAction = styled.span`
58
58
  `;
59
59
  export const Score = styled.div`
60
60
  margin-top: 10px;
61
- padding-left: 6px;
61
+ padding-left: ${"var(--ds-space-075, 6px)"};
62
62
  display: flex;
63
63
  flex-direction: column;
64
64
  text-align: start;
package/dist/es2019/styled.js CHANGED
@@ -2,5 +2,5 @@ import styled from '@emotion/styled';
2
2
  export const QuizWrapper = styled.div`
3
3
  display: flex;
4
4
  justify-content: center;
5
- margin: 20px;
5
+ margin: ${"var(--ds-space-250, 20px)"};
6
6
  `;
package/dist/esm/components/QuizWidget/styled.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
3
3
  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: 20px 30px 20px 0;\n border: 1px solid grey;\n border-radius: 28px;\n min-width: 300px;\n max-width: 380px;\n"])));
5
- export var QuizName = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin: 3px 0;\n font-size: 24px;\n font-weight: 500;\n padding-left: 20px;\n"])));
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
6
  export var Header = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n align-items: start;\n flex-direction: column;\n"])));
7
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: 8px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-height: 32px;\n"])));
9
- export var Question = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n padding-left: 6px;\n margin-bottom: 10px;\n font-size: 14px;\n color: #707070;\n text-align: left;\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
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
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: 6px;\n display: flex;\n flex-direction: column;\n text-align: start;\n font-weight: 400;\n gap: 5px;\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
13
  export var Answer = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-end;\n max-height: 25px;\n"])));
package/dist/esm/styled.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  var _templateObject;
3
3
  import styled from '@emotion/styled';
4
- export var QuizWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n margin: 20px;\n"])));
4
+ export var QuizWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n margin: ", ";\n"])), "var(--ds-space-250, 20px)");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/quiz-widget",
3
- "version": "2.1.6",
3
+ "version": "2.1.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",
@@ -33,10 +33,11 @@
33
33
  "sideEffects": false,
34
34
  "atlaskit:src": "src/index.ts",
35
35
  "dependencies": {
36
- "@atlaskit/button": "^17.0.0",
36
+ "@atlaskit/button": "^17.1.0",
37
37
  "@atlaskit/icon": "^22.0.0",
38
38
  "@atlaskit/radio": "^6.0.0",
39
39
  "@atlaskit/spinner": "^16.0.0",
40
+ "@atlaskit/tokens": "^1.30.0",
40
41
  "@babel/runtime": "^7.0.0",
41
42
  "@emotion/styled": "^10.0.7"
42
43
  },