@pie-lib/correct-answer-toggle 2.25.3-next.2 → 2.25.4-next.0
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 +6 -76
- package/lib/__tests__/index.test.js +118 -0
- package/lib/expander.js +44 -53
- package/lib/expander.js.map +1 -1
- package/lib/index.js +101 -79
- package/lib/index.js.map +1 -1
- package/package.json +16 -21
- package/src/__tests__/index.test.jsx +58 -66
- package/src/expander.jsx +45 -33
- package/src/index.jsx +98 -20
- package/esm/index.css +0 -847
- package/esm/index.js +0 -111219
- package/esm/index.js.map +0 -1
- package/esm/package.json +0 -3
- package/lib/styles.js +0 -65
- package/lib/styles.js.map +0 -1
- package/src/styles.js +0 -60
package/esm/package.json
DELETED
package/lib/styles.js
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.animationStyles = void 0;
|
|
7
|
-
|
|
8
|
-
var _renderUi = require("@pie-lib/render-ui");
|
|
9
|
-
|
|
10
|
-
var noTouch = {
|
|
11
|
-
'-webkit-touchCcallout': 'none',
|
|
12
|
-
'-webkit-user-select': 'none',
|
|
13
|
-
'-khtml-user-select': 'none',
|
|
14
|
-
'-moz-user-select': 'none',
|
|
15
|
-
'-ms-user-select': 'none',
|
|
16
|
-
'user-select': 'none'
|
|
17
|
-
};
|
|
18
|
-
var _default = {
|
|
19
|
-
root: {
|
|
20
|
-
width: '100%',
|
|
21
|
-
cursor: 'pointer'
|
|
22
|
-
},
|
|
23
|
-
content: {
|
|
24
|
-
margin: '0 auto',
|
|
25
|
-
textAlign: 'center',
|
|
26
|
-
display: 'flex'
|
|
27
|
-
},
|
|
28
|
-
label: Object.assign({
|
|
29
|
-
width: 'fit-content',
|
|
30
|
-
minWidth: '140px',
|
|
31
|
-
// eslint-disable-next-line
|
|
32
|
-
alignSelf: 'center',
|
|
33
|
-
verticalAlign: 'middle',
|
|
34
|
-
color: "var(--correct-answer-toggle-label-color, ".concat(_renderUi.color.text(), ")"),
|
|
35
|
-
fontWeight: 'normal'
|
|
36
|
-
}, noTouch),
|
|
37
|
-
icon: {
|
|
38
|
-
position: 'absolute',
|
|
39
|
-
width: '25px'
|
|
40
|
-
},
|
|
41
|
-
iconHolder: {
|
|
42
|
-
width: '25px',
|
|
43
|
-
marginRight: '5px',
|
|
44
|
-
display: 'flex',
|
|
45
|
-
alignItems: 'center'
|
|
46
|
-
},
|
|
47
|
-
enter: {
|
|
48
|
-
opacity: '0'
|
|
49
|
-
},
|
|
50
|
-
enterActive: {
|
|
51
|
-
opacity: '1',
|
|
52
|
-
transition: 'opacity 0.3s ease-in'
|
|
53
|
-
},
|
|
54
|
-
exit: {
|
|
55
|
-
opacity: '1'
|
|
56
|
-
},
|
|
57
|
-
exitActive: {
|
|
58
|
-
opacity: '0',
|
|
59
|
-
transition: 'opacity 0.3s ease-in'
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
exports["default"] = _default;
|
|
63
|
-
var animationStyles = {};
|
|
64
|
-
exports.animationStyles = animationStyles;
|
|
65
|
-
//# sourceMappingURL=styles.js.map
|
package/lib/styles.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/styles.js"],"names":["noTouch","root","width","cursor","content","margin","textAlign","display","label","Object","assign","minWidth","alignSelf","verticalAlign","color","text","fontWeight","icon","position","iconHolder","marginRight","alignItems","enter","opacity","enterActive","transition","exit","exitActive","animationStyles"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,OAAO,GAAG;AACd,2BAAyB,MADX;AAEd,yBAAuB,MAFT;AAGd,wBAAsB,MAHR;AAId,sBAAoB,MAJN;AAKd,qBAAmB,MALL;AAMd,iBAAe;AAND,CAAhB;eASe;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,MADH;AAEJC,IAAAA,MAAM,EAAE;AAFJ,GADO;AAKbC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE,QADD;AAEPC,IAAAA,SAAS,EAAE,QAFJ;AAGPC,IAAAA,OAAO,EAAE;AAHF,GALI;AAUbC,EAAAA,KAAK,EAAEC,MAAM,CAACC,MAAP,CACL;AACER,IAAAA,KAAK,EAAE,aADT;AAEES,IAAAA,QAAQ,EAAE,OAFZ;AAGE;AACAC,IAAAA,SAAS,EAAE,QAJb;AAKEC,IAAAA,aAAa,EAAE,QALjB;AAMEC,IAAAA,KAAK,sDAA+CA,gBAAMC,IAAN,EAA/C,MANP;AAOEC,IAAAA,UAAU,EAAE;AAPd,GADK,EAULhB,OAVK,CAVM;AAsBbiB,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,UADN;AAEJhB,IAAAA,KAAK,EAAE;AAFH,GAtBO;AA0BbiB,EAAAA,UAAU,EAAE;AACVjB,IAAAA,KAAK,EAAE,MADG;AAEVkB,IAAAA,WAAW,EAAE,KAFH;AAGVb,IAAAA,OAAO,EAAE,MAHC;AAIVc,IAAAA,UAAU,EAAE;AAJF,GA1BC;AAgCbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AADJ,GAhCM;AAmCbC,EAAAA,WAAW,EAAE;AACXD,IAAAA,OAAO,EAAE,GADE;AAEXE,IAAAA,UAAU,EAAE;AAFD,GAnCA;AAuCbC,EAAAA,IAAI,EAAE;AACJH,IAAAA,OAAO,EAAE;AADL,GAvCO;AA0CbI,EAAAA,UAAU,EAAE;AACVJ,IAAAA,OAAO,EAAE,GADC;AAEVE,IAAAA,UAAU,EAAE;AAFF;AA1CC,C;;AAgDR,IAAMG,eAAe,GAAG,EAAxB","sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nconst noTouch = {\n '-webkit-touchCcallout': 'none',\n '-webkit-user-select': 'none',\n '-khtml-user-select': 'none',\n '-moz-user-select': 'none',\n '-ms-user-select': 'none',\n 'user-select': 'none',\n};\n\nexport default {\n root: {\n width: '100%',\n cursor: 'pointer',\n },\n content: {\n margin: '0 auto',\n textAlign: 'center',\n display: 'flex',\n },\n label: Object.assign(\n {\n width: 'fit-content',\n minWidth: '140px',\n // eslint-disable-next-line\n alignSelf: 'center',\n verticalAlign: 'middle',\n color: `var(--correct-answer-toggle-label-color, ${color.text()})`,\n fontWeight: 'normal',\n },\n noTouch,\n ),\n icon: {\n position: 'absolute',\n width: '25px',\n },\n iconHolder: {\n width: '25px',\n marginRight: '5px',\n display: 'flex',\n alignItems: 'center',\n },\n enter: {\n opacity: '0',\n },\n enterActive: {\n opacity: '1',\n transition: 'opacity 0.3s ease-in',\n },\n exit: {\n opacity: '1',\n },\n exitActive: {\n opacity: '0',\n transition: 'opacity 0.3s ease-in',\n },\n};\n\nexport const animationStyles = {};\n"],"file":"styles.js"}
|
package/src/styles.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { color } from '@pie-lib/render-ui';
|
|
2
|
-
|
|
3
|
-
const noTouch = {
|
|
4
|
-
'-webkit-touchCcallout': 'none',
|
|
5
|
-
'-webkit-user-select': 'none',
|
|
6
|
-
'-khtml-user-select': 'none',
|
|
7
|
-
'-moz-user-select': 'none',
|
|
8
|
-
'-ms-user-select': 'none',
|
|
9
|
-
'user-select': 'none',
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
root: {
|
|
14
|
-
width: '100%',
|
|
15
|
-
cursor: 'pointer',
|
|
16
|
-
},
|
|
17
|
-
content: {
|
|
18
|
-
margin: '0 auto',
|
|
19
|
-
textAlign: 'center',
|
|
20
|
-
display: 'flex',
|
|
21
|
-
},
|
|
22
|
-
label: Object.assign(
|
|
23
|
-
{
|
|
24
|
-
width: 'fit-content',
|
|
25
|
-
minWidth: '140px',
|
|
26
|
-
// eslint-disable-next-line
|
|
27
|
-
alignSelf: 'center',
|
|
28
|
-
verticalAlign: 'middle',
|
|
29
|
-
color: `var(--correct-answer-toggle-label-color, ${color.text()})`,
|
|
30
|
-
fontWeight: 'normal',
|
|
31
|
-
},
|
|
32
|
-
noTouch,
|
|
33
|
-
),
|
|
34
|
-
icon: {
|
|
35
|
-
position: 'absolute',
|
|
36
|
-
width: '25px',
|
|
37
|
-
},
|
|
38
|
-
iconHolder: {
|
|
39
|
-
width: '25px',
|
|
40
|
-
marginRight: '5px',
|
|
41
|
-
display: 'flex',
|
|
42
|
-
alignItems: 'center',
|
|
43
|
-
},
|
|
44
|
-
enter: {
|
|
45
|
-
opacity: '0',
|
|
46
|
-
},
|
|
47
|
-
enterActive: {
|
|
48
|
-
opacity: '1',
|
|
49
|
-
transition: 'opacity 0.3s ease-in',
|
|
50
|
-
},
|
|
51
|
-
exit: {
|
|
52
|
-
opacity: '1',
|
|
53
|
-
},
|
|
54
|
-
exitActive: {
|
|
55
|
-
opacity: '0',
|
|
56
|
-
transition: 'opacity 0.3s ease-in',
|
|
57
|
-
},
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
export const animationStyles = {};
|