@atlaskit/quiz-widget 3.0.20 → 3.0.22
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 +12 -0
- package/dist/cjs/components/QuizWidget/index.js +1 -4
- package/dist/cjs/components/QuizWidget/styled.js +4 -4
- package/dist/es2019/components/QuizWidget/index.js +1 -4
- package/dist/es2019/components/QuizWidget/styled.js +4 -4
- package/dist/esm/components/QuizWidget/index.js +1 -4
- package/dist/esm/components/QuizWidget/styled.js +4 -4
- package/docs/0-intro.tsx +2 -1
- package/package.json +5 -5
- package/build/tsconfig.json +0 -22
package/CHANGELOG.md
CHANGED
|
@@ -12,7 +12,7 @@ var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
|
12
12
|
var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
|
|
13
13
|
var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
|
|
14
14
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
|
|
15
|
-
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
15
|
+
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
|
|
16
16
|
var _radio = require("@atlaskit/radio");
|
|
17
17
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
18
18
|
var _styled = require("./styled");
|
|
@@ -97,7 +97,6 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
97
97
|
}, /*#__PURE__*/_react.default.createElement(_chevronLeft.default, {
|
|
98
98
|
label: "prev",
|
|
99
99
|
color: "currentColor",
|
|
100
|
-
LEGACY_size: "large",
|
|
101
100
|
size: "small"
|
|
102
101
|
})), /*#__PURE__*/_react.default.createElement(_styled.NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ?
|
|
103
102
|
/*#__PURE__*/
|
|
@@ -115,7 +114,6 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
115
114
|
}, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
|
|
116
115
|
label: "next",
|
|
117
116
|
color: "currentColor",
|
|
118
|
-
LEGACY_size: "large",
|
|
119
117
|
size: "small"
|
|
120
118
|
})))) : /*#__PURE__*/_react.default.createElement(_styled.NavQuiz, {
|
|
121
119
|
onClick: handleNextClick
|
|
@@ -128,7 +126,6 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
128
126
|
}, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
|
|
129
127
|
label: "next",
|
|
130
128
|
color: "currentColor",
|
|
131
|
-
LEGACY_size: "large",
|
|
132
129
|
size: "small"
|
|
133
130
|
}))))));
|
|
134
131
|
};
|
|
@@ -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
|
-
font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
15
|
+
font: "var(--ds-font-body-large, normal 400 16px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
16
16
|
width: '100%',
|
|
17
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"),
|
|
@@ -24,7 +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
|
-
font: "var(--ds-font-heading-large, normal
|
|
27
|
+
font: "var(--ds-font-heading-large, normal 653 24px/28px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
28
28
|
paddingLeft: "var(--ds-space-250, 20px)"
|
|
29
29
|
});
|
|
30
30
|
|
|
@@ -56,7 +56,7 @@ var Footer = exports.Footer = _styled.default.div({
|
|
|
56
56
|
var Question = exports.Question = _styled.default.div({
|
|
57
57
|
paddingLeft: "var(--ds-space-075, 6px)",
|
|
58
58
|
marginBottom: "var(--ds-space-150, 12px)",
|
|
59
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
59
|
+
font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
60
60
|
color: '#707070',
|
|
61
61
|
textAlign: 'left'
|
|
62
62
|
});
|
|
@@ -75,7 +75,7 @@ var NavQuiz = exports.NavQuiz = _styled.default.div({
|
|
|
75
75
|
|
|
76
76
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
77
77
|
var NavAction = exports.NavAction = _styled.default.span({
|
|
78
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
78
|
+
font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
79
79
|
fontWeight: "var(--ds-font-weight-medium, 500)",
|
|
80
80
|
display: 'flex',
|
|
81
81
|
alignItems: 'center'
|
|
@@ -3,7 +3,7 @@ import Button from '@atlaskit/button';
|
|
|
3
3
|
import CheckIcon from '@atlaskit/icon/core/check-mark';
|
|
4
4
|
import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
|
|
5
5
|
import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
|
|
6
|
-
import CrossIcon from '@atlaskit/icon/core/
|
|
6
|
+
import CrossIcon from '@atlaskit/icon/core/cross';
|
|
7
7
|
import { Radio } from '@atlaskit/radio';
|
|
8
8
|
import Spinner from '@atlaskit/spinner';
|
|
9
9
|
import { Answer, Footer, Header, NavQuiz, Question, Quiz, QuizBlock, QuizName, Score, NavAction } from './styled';
|
|
@@ -76,7 +76,6 @@ const QuizWidget = props => {
|
|
|
76
76
|
}, /*#__PURE__*/React.createElement(ChevronLeftLargeIcon, {
|
|
77
77
|
label: "prev",
|
|
78
78
|
color: "currentColor",
|
|
79
|
-
LEGACY_size: "large",
|
|
80
79
|
size: "small"
|
|
81
80
|
})), /*#__PURE__*/React.createElement(NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ?
|
|
82
81
|
/*#__PURE__*/
|
|
@@ -94,7 +93,6 @@ const QuizWidget = props => {
|
|
|
94
93
|
}, /*#__PURE__*/React.createElement(ChevronRightLargeIcon, {
|
|
95
94
|
label: "next",
|
|
96
95
|
color: "currentColor",
|
|
97
|
-
LEGACY_size: "large",
|
|
98
96
|
size: "small"
|
|
99
97
|
})))) : /*#__PURE__*/React.createElement(NavQuiz, {
|
|
100
98
|
onClick: handleNextClick
|
|
@@ -107,7 +105,6 @@ const QuizWidget = props => {
|
|
|
107
105
|
}, /*#__PURE__*/React.createElement(ChevronRightLargeIcon, {
|
|
108
106
|
label: "next",
|
|
109
107
|
color: "currentColor",
|
|
110
|
-
LEGACY_size: "large",
|
|
111
108
|
size: "small"
|
|
112
109
|
}))))));
|
|
113
110
|
};
|
|
@@ -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
|
-
font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
7
|
+
font: "var(--ds-font-body-large, normal 400 16px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
8
8
|
width: '100%',
|
|
9
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`,
|
|
@@ -16,7 +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
|
-
font: "var(--ds-font-heading-large, normal
|
|
19
|
+
font: "var(--ds-font-heading-large, normal 653 24px/28px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
20
20
|
paddingLeft: "var(--ds-space-250, 20px)"
|
|
21
21
|
});
|
|
22
22
|
|
|
@@ -48,7 +48,7 @@ export const Footer = styled.div({
|
|
|
48
48
|
export const Question = styled.div({
|
|
49
49
|
paddingLeft: "var(--ds-space-075, 6px)",
|
|
50
50
|
marginBottom: "var(--ds-space-150, 12px)",
|
|
51
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
51
|
+
font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
52
52
|
color: '#707070',
|
|
53
53
|
textAlign: 'left'
|
|
54
54
|
});
|
|
@@ -67,7 +67,7 @@ export const NavQuiz = styled.div({
|
|
|
67
67
|
|
|
68
68
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
69
69
|
export const NavAction = styled.span({
|
|
70
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
70
|
+
font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
71
71
|
fontWeight: "var(--ds-font-weight-medium, 500)",
|
|
72
72
|
display: 'flex',
|
|
73
73
|
alignItems: 'center'
|
|
@@ -4,7 +4,7 @@ import Button from '@atlaskit/button';
|
|
|
4
4
|
import CheckIcon from '@atlaskit/icon/core/check-mark';
|
|
5
5
|
import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
|
|
6
6
|
import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
|
|
7
|
-
import CrossIcon from '@atlaskit/icon/core/
|
|
7
|
+
import CrossIcon from '@atlaskit/icon/core/cross';
|
|
8
8
|
import { Radio } from '@atlaskit/radio';
|
|
9
9
|
import Spinner from '@atlaskit/spinner';
|
|
10
10
|
import { Answer, Footer, Header, NavQuiz, Question, Quiz, QuizBlock, QuizName, Score, NavAction } from './styled';
|
|
@@ -87,7 +87,6 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
87
87
|
}, /*#__PURE__*/React.createElement(ChevronLeftLargeIcon, {
|
|
88
88
|
label: "prev",
|
|
89
89
|
color: "currentColor",
|
|
90
|
-
LEGACY_size: "large",
|
|
91
90
|
size: "small"
|
|
92
91
|
})), /*#__PURE__*/React.createElement(NavAction, null, isLastSlide && props.score ? 'Review' : 'Previous'))), isLastQuestion && !props.score ?
|
|
93
92
|
/*#__PURE__*/
|
|
@@ -105,7 +104,6 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
105
104
|
}, /*#__PURE__*/React.createElement(ChevronRightLargeIcon, {
|
|
106
105
|
label: "next",
|
|
107
106
|
color: "currentColor",
|
|
108
|
-
LEGACY_size: "large",
|
|
109
107
|
size: "small"
|
|
110
108
|
})))) : /*#__PURE__*/React.createElement(NavQuiz, {
|
|
111
109
|
onClick: handleNextClick
|
|
@@ -118,7 +116,6 @@ var QuizWidget = function QuizWidget(props) {
|
|
|
118
116
|
}, /*#__PURE__*/React.createElement(ChevronRightLargeIcon, {
|
|
119
117
|
label: "next",
|
|
120
118
|
color: "currentColor",
|
|
121
|
-
LEGACY_size: "large",
|
|
122
119
|
size: "small"
|
|
123
120
|
}))))));
|
|
124
121
|
};
|
|
@@ -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
|
-
font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
7
|
+
font: "var(--ds-font-body-large, normal 400 16px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
8
8
|
width: '100%',
|
|
9
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"),
|
|
@@ -16,7 +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
|
-
font: "var(--ds-font-heading-large, normal
|
|
19
|
+
font: "var(--ds-font-heading-large, normal 653 24px/28px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
20
20
|
paddingLeft: "var(--ds-space-250, 20px)"
|
|
21
21
|
});
|
|
22
22
|
|
|
@@ -48,7 +48,7 @@ export var Footer = styled.div({
|
|
|
48
48
|
export var Question = styled.div({
|
|
49
49
|
paddingLeft: "var(--ds-space-075, 6px)",
|
|
50
50
|
marginBottom: "var(--ds-space-150, 12px)",
|
|
51
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
51
|
+
font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
52
52
|
color: '#707070',
|
|
53
53
|
textAlign: 'left'
|
|
54
54
|
});
|
|
@@ -67,7 +67,7 @@ export var NavQuiz = styled.div({
|
|
|
67
67
|
|
|
68
68
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
69
69
|
export var NavAction = styled.span({
|
|
70
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
70
|
+
font: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
71
71
|
fontWeight: "var(--ds-font-weight-medium, 500)",
|
|
72
72
|
display: 'flex',
|
|
73
73
|
alignItems: 'center'
|
package/docs/0-intro.tsx
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/quiz-widget",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.22",
|
|
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.9.0",
|
|
35
|
-
"@atlaskit/icon": "^
|
|
36
|
-
"@atlaskit/primitives": "^17.
|
|
37
|
-
"@atlaskit/radio": "^8.
|
|
35
|
+
"@atlaskit/icon": "^30.0.0",
|
|
36
|
+
"@atlaskit/primitives": "^17.1.0",
|
|
37
|
+
"@atlaskit/radio": "^8.4.0",
|
|
38
38
|
"@atlaskit/spinner": "^19.0.0",
|
|
39
|
-
"@atlaskit/tokens": "^
|
|
39
|
+
"@atlaskit/tokens": "^10.1.0",
|
|
40
40
|
"@babel/runtime": "^7.0.0",
|
|
41
41
|
"@emotion/styled": "^11.0.0"
|
|
42
42
|
},
|
package/build/tsconfig.json
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "../tsconfig",
|
|
3
|
-
"compilerOptions": {
|
|
4
|
-
"target": "es5",
|
|
5
|
-
"paths": {}
|
|
6
|
-
},
|
|
7
|
-
"include": [
|
|
8
|
-
"../src/**/*.ts",
|
|
9
|
-
"../src/**/*.tsx"
|
|
10
|
-
],
|
|
11
|
-
"exclude": [
|
|
12
|
-
"../src/**/__tests__/*",
|
|
13
|
-
"../src/**/*.test.*",
|
|
14
|
-
"../src/**/test.*",
|
|
15
|
-
"../src/**/examples.*",
|
|
16
|
-
"../src/**/examples/*",
|
|
17
|
-
"../src/**/examples/**/*",
|
|
18
|
-
"../src/**/*.stories.*",
|
|
19
|
-
"../src/**/stories/*",
|
|
20
|
-
"../src/**/stories/**/*"
|
|
21
|
-
]
|
|
22
|
-
}
|