solid-ui 2.4.27 → 2.4.28
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/README.md +6 -1
- package/dist/670.solid-ui.min.js +1 -0
- package/dist/805.solid-ui.min.js +3 -0
- package/dist/805.solid-ui.min.js.LICENSE.txt +58 -0
- package/dist/805.solid-ui.min.js.map +1 -0
- package/dist/_2b19.solid-ui.js +14 -0
- package/dist/_2b19.solid-ui.js.map +1 -0
- package/dist/index.html +1 -9
- package/dist/{main.js → solid-ui.js} +7906 -20465
- package/dist/solid-ui.js.map +1 -0
- package/dist/solid-ui.min.js +3 -0
- package/dist/solid-ui.min.js.LICENSE.txt +54 -0
- package/dist/solid-ui.min.js.map +1 -0
- package/dist/vendors-node_modules_jsonld_lib_jsonld_js.solid-ui.js +12134 -0
- package/dist/vendors-node_modules_jsonld_lib_jsonld_js.solid-ui.js.map +1 -0
- package/lib/acl/access-controller.d.ts +2 -3
- package/lib/acl/access-controller.d.ts.map +1 -1
- package/lib/acl/access-controller.js +17 -15
- package/lib/acl/access-controller.js.map +1 -1
- package/lib/acl/access-groups.d.ts.map +1 -1
- package/lib/acl/access-groups.js +78 -8
- package/lib/acl/access-groups.js.map +1 -1
- package/lib/acl/acl-control.d.ts.map +1 -1
- package/lib/acl/acl-control.js +10 -11
- package/lib/acl/acl-control.js.map +1 -1
- package/lib/acl/acl.d.ts +1 -1
- package/lib/acl/acl.js +1 -1
- package/lib/acl/acl.js.map +1 -1
- package/lib/acl/add-agent-buttons.d.ts.map +1 -1
- package/lib/acl/add-agent-buttons.js +4 -3
- package/lib/acl/add-agent-buttons.js.map +1 -1
- package/lib/chat/chatLogic.js +63 -26
- package/lib/chat/chatLogic.js.map +1 -1
- package/lib/chat/keys.d.ts +13 -0
- package/lib/chat/keys.d.ts.map +1 -0
- package/lib/chat/keys.js +233 -0
- package/lib/chat/keys.js.map +1 -0
- package/lib/chat/message.js +67 -8
- package/lib/chat/message.js.map +1 -1
- package/lib/chat/signature.d.ts +24 -0
- package/lib/chat/signature.d.ts.map +1 -0
- package/lib/chat/signature.js +112 -0
- package/lib/chat/signature.js.map +1 -0
- package/lib/footer/index.d.ts.map +1 -1
- package/lib/footer/index.js +5 -1
- package/lib/footer/index.js.map +1 -1
- package/lib/header/index.d.ts.map +1 -1
- package/lib/header/index.js +41 -20
- package/lib/header/index.js.map +1 -1
- package/lib/login/login.d.ts.map +1 -1
- package/lib/login/login.js +39 -37
- package/lib/login/login.js.map +1 -1
- package/lib/style.js +60 -2
- package/lib/style.js.map +1 -1
- package/lib/utils/headerFooterHelpers.d.ts +0 -4
- package/lib/utils/headerFooterHelpers.d.ts.map +1 -1
- package/lib/utils/headerFooterHelpers.js +0 -27
- package/lib/utils/headerFooterHelpers.js.map +1 -1
- package/lib/utils/keyHelpers/accessData.d.ts +10 -0
- package/lib/utils/keyHelpers/accessData.d.ts.map +1 -0
- package/lib/utils/keyHelpers/accessData.js +232 -0
- package/lib/utils/keyHelpers/accessData.js.map +1 -0
- package/lib/utils/keyHelpers/acl.d.ts +20 -0
- package/lib/utils/keyHelpers/acl.d.ts.map +1 -0
- package/lib/utils/keyHelpers/acl.js +93 -0
- package/lib/utils/keyHelpers/acl.js.map +1 -0
- package/lib/versionInfo.js +6 -6
- package/lib/versionInfo.js.map +1 -1
- package/lib/widgets/buttons.d.ts.map +1 -1
- package/lib/widgets/buttons.js +43 -49
- package/lib/widgets/buttons.js.map +1 -1
- package/lib/widgets/forms.js +8 -4
- package/lib/widgets/forms.js.map +1 -1
- package/package.json +13 -10
- package/dist/main.js.map +0 -1
- package/lib/acl/styles.d.ts +0 -90
- package/lib/acl/styles.d.ts.map +0 -1
- package/lib/acl/styles.js +0 -98
- package/lib/acl/styles.js.map +0 -1
- package/lib/footer/styleMap.d.ts +0 -8
- package/lib/footer/styleMap.d.ts.map +0 -1
- package/lib/footer/styleMap.js +0 -15
- package/lib/footer/styleMap.js.map +0 -1
- package/lib/header/styleMap.d.ts +0 -117
- package/lib/header/styleMap.d.ts.map +0 -1
- package/lib/header/styleMap.js +0 -139
- package/lib/header/styleMap.js.map +0 -1
- package/lib/jss/index.d.ts +0 -20
- package/lib/jss/index.d.ts.map +0 -1
- package/lib/jss/index.js +0 -47
- package/lib/jss/index.js.map +0 -1
package/lib/acl/styles.d.ts
DELETED
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Contains CSS styles for the Sharing pane,
|
|
3
|
-
* see https://github.com/solidos/userguide/blob/main/views/sharing/userguide.md
|
|
4
|
-
* @packageDocumentation
|
|
5
|
-
*/
|
|
6
|
-
export declare const styles: {
|
|
7
|
-
aclControlBoxContainer: {
|
|
8
|
-
margin: string;
|
|
9
|
-
};
|
|
10
|
-
aclControlBoxHeader: {
|
|
11
|
-
fontSize: string;
|
|
12
|
-
margin: string;
|
|
13
|
-
};
|
|
14
|
-
aclControlBoxStatus: {
|
|
15
|
-
display: string;
|
|
16
|
-
margin: string;
|
|
17
|
-
};
|
|
18
|
-
aclControlBoxStatusRevealed: {
|
|
19
|
-
display: string;
|
|
20
|
-
};
|
|
21
|
-
aclGroupContent: {
|
|
22
|
-
maxWidth: number;
|
|
23
|
-
};
|
|
24
|
-
accessGroupList: {
|
|
25
|
-
display: string;
|
|
26
|
-
gridTemplateColumns: string;
|
|
27
|
-
margin: string;
|
|
28
|
-
width: string;
|
|
29
|
-
};
|
|
30
|
-
accessGroupListItem: {
|
|
31
|
-
display: string;
|
|
32
|
-
gridTemplateColumns: string;
|
|
33
|
-
};
|
|
34
|
-
defaultsController: {
|
|
35
|
-
display: string;
|
|
36
|
-
};
|
|
37
|
-
defaultsControllerNotice: {
|
|
38
|
-
color: string;
|
|
39
|
-
flexGrow: number;
|
|
40
|
-
fontSize: string;
|
|
41
|
-
};
|
|
42
|
-
bigButton: {
|
|
43
|
-
backgroundColor: string;
|
|
44
|
-
border: string;
|
|
45
|
-
borderRadius: string;
|
|
46
|
-
maxWidth: string;
|
|
47
|
-
paddingBottom: string;
|
|
48
|
-
paddingTop: string;
|
|
49
|
-
};
|
|
50
|
-
group: {
|
|
51
|
-
color: string;
|
|
52
|
-
};
|
|
53
|
-
'group-1': {
|
|
54
|
-
color: string;
|
|
55
|
-
};
|
|
56
|
-
'group-2': {
|
|
57
|
-
color: string;
|
|
58
|
-
};
|
|
59
|
-
'group-3': {
|
|
60
|
-
color: string;
|
|
61
|
-
};
|
|
62
|
-
'group-5': {
|
|
63
|
-
color: string;
|
|
64
|
-
};
|
|
65
|
-
'group-9': {
|
|
66
|
-
color: string;
|
|
67
|
-
};
|
|
68
|
-
'group-13': {
|
|
69
|
-
color: string;
|
|
70
|
-
};
|
|
71
|
-
trustedAppAddApplicationsTable: {
|
|
72
|
-
backgroundColor: string;
|
|
73
|
-
};
|
|
74
|
-
trustedAppCancelButton: {
|
|
75
|
-
float: "right";
|
|
76
|
-
};
|
|
77
|
-
trustedAppControllerI: {
|
|
78
|
-
borderColor: string;
|
|
79
|
-
borderRadius: string;
|
|
80
|
-
borderWidth: string;
|
|
81
|
-
};
|
|
82
|
-
temporaryStatusInit: {
|
|
83
|
-
background: string;
|
|
84
|
-
};
|
|
85
|
-
temporaryStatusEnd: {
|
|
86
|
-
background: string;
|
|
87
|
-
transition: string;
|
|
88
|
-
};
|
|
89
|
-
};
|
|
90
|
-
//# sourceMappingURL=styles.d.ts.map
|
package/lib/acl/styles.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/acl/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFlB,CAAA"}
|
package/lib/acl/styles.js
DELETED
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.styles = void 0;
|
|
7
|
-
/**
|
|
8
|
-
* Contains CSS styles for the Sharing pane,
|
|
9
|
-
* see https://github.com/solidos/userguide/blob/main/views/sharing/userguide.md
|
|
10
|
-
* @packageDocumentation
|
|
11
|
-
*/
|
|
12
|
-
var styles = {
|
|
13
|
-
aclControlBoxContainer: {
|
|
14
|
-
margin: '1em'
|
|
15
|
-
},
|
|
16
|
-
aclControlBoxHeader: {
|
|
17
|
-
fontSize: '120%',
|
|
18
|
-
margin: '0 0 1rem'
|
|
19
|
-
},
|
|
20
|
-
aclControlBoxStatus: {
|
|
21
|
-
display: 'none',
|
|
22
|
-
margin: '1rem 0'
|
|
23
|
-
},
|
|
24
|
-
aclControlBoxStatusRevealed: {
|
|
25
|
-
display: 'block'
|
|
26
|
-
},
|
|
27
|
-
aclGroupContent: {
|
|
28
|
-
maxWidth: 650
|
|
29
|
-
},
|
|
30
|
-
accessGroupList: {
|
|
31
|
-
display: 'grid',
|
|
32
|
-
gridTemplateColumns: '1fr',
|
|
33
|
-
margin: '1em',
|
|
34
|
-
width: '100%'
|
|
35
|
-
},
|
|
36
|
-
accessGroupListItem: {
|
|
37
|
-
display: 'grid',
|
|
38
|
-
gridTemplateColumns: '100px auto 30%'
|
|
39
|
-
},
|
|
40
|
-
defaultsController: {
|
|
41
|
-
display: 'flex'
|
|
42
|
-
},
|
|
43
|
-
defaultsControllerNotice: {
|
|
44
|
-
color: '#888',
|
|
45
|
-
flexGrow: 1,
|
|
46
|
-
fontSize: '80%'
|
|
47
|
-
},
|
|
48
|
-
bigButton: {
|
|
49
|
-
backgroundColor: 'white',
|
|
50
|
-
border: '0.1em solid #888',
|
|
51
|
-
borderRadius: '0.3em',
|
|
52
|
-
maxWidth: '50%',
|
|
53
|
-
paddingBottom: '1em',
|
|
54
|
-
paddingTop: '1em'
|
|
55
|
-
},
|
|
56
|
-
group: {
|
|
57
|
-
color: '#888'
|
|
58
|
-
},
|
|
59
|
-
'group-1': {
|
|
60
|
-
color: 'green'
|
|
61
|
-
},
|
|
62
|
-
'group-2': {
|
|
63
|
-
color: '#cc0'
|
|
64
|
-
},
|
|
65
|
-
'group-3': {
|
|
66
|
-
color: 'orange'
|
|
67
|
-
},
|
|
68
|
-
'group-5': {
|
|
69
|
-
color: 'red'
|
|
70
|
-
},
|
|
71
|
-
'group-9': {
|
|
72
|
-
color: 'blue'
|
|
73
|
-
},
|
|
74
|
-
'group-13': {
|
|
75
|
-
color: 'purple'
|
|
76
|
-
},
|
|
77
|
-
trustedAppAddApplicationsTable: {
|
|
78
|
-
backgroundColor: '#eee'
|
|
79
|
-
},
|
|
80
|
-
trustedAppCancelButton: {
|
|
81
|
-
"float": 'right' // @@ a little hack - https://stackoverflow.com/questions/52781251/using-typescript-jss-with-react-throws-type-is-unassignable-for-some-css-prop
|
|
82
|
-
},
|
|
83
|
-
|
|
84
|
-
trustedAppControllerI: {
|
|
85
|
-
borderColor: 'orange',
|
|
86
|
-
borderRadius: '1em',
|
|
87
|
-
borderWidth: '0.1em'
|
|
88
|
-
},
|
|
89
|
-
temporaryStatusInit: {
|
|
90
|
-
background: 'green'
|
|
91
|
-
},
|
|
92
|
-
temporaryStatusEnd: {
|
|
93
|
-
background: 'transparent',
|
|
94
|
-
transition: 'background 5s linear'
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
exports.styles = styles;
|
|
98
|
-
//# sourceMappingURL=styles.js.map
|
package/lib/acl/styles.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","aclControlBoxContainer","margin","aclControlBoxHeader","fontSize","aclControlBoxStatus","display","aclControlBoxStatusRevealed","aclGroupContent","maxWidth","accessGroupList","gridTemplateColumns","width","accessGroupListItem","defaultsController","defaultsControllerNotice","color","flexGrow","bigButton","backgroundColor","border","borderRadius","paddingBottom","paddingTop","group","trustedAppAddApplicationsTable","trustedAppCancelButton","trustedAppControllerI","borderColor","borderWidth","temporaryStatusInit","background","temporaryStatusEnd","transition","exports"],"sources":["../../src/acl/styles.ts"],"sourcesContent":["/**\n * Contains CSS styles for the Sharing pane,\n * see https://github.com/solidos/userguide/blob/main/views/sharing/userguide.md\n * @packageDocumentation\n */\nexport const styles = {\n aclControlBoxContainer: {\n margin: '1em'\n },\n aclControlBoxHeader: {\n fontSize: '120%',\n margin: '0 0 1rem'\n },\n aclControlBoxStatus: {\n display: 'none',\n margin: '1rem 0'\n },\n aclControlBoxStatusRevealed: {\n display: 'block'\n },\n aclGroupContent: {\n maxWidth: 650\n },\n accessGroupList: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n margin: '1em',\n width: '100%'\n },\n accessGroupListItem: {\n display: 'grid',\n gridTemplateColumns: '100px auto 30%'\n },\n defaultsController: {\n display: 'flex'\n },\n defaultsControllerNotice: {\n color: '#888',\n flexGrow: 1,\n fontSize: '80%'\n },\n bigButton: {\n backgroundColor: 'white',\n border: '0.1em solid #888',\n borderRadius: '0.3em',\n maxWidth: '50%',\n paddingBottom: '1em',\n paddingTop: '1em'\n },\n group: {\n color: '#888'\n },\n 'group-1': {\n color: 'green'\n },\n 'group-2': {\n color: '#cc0'\n },\n 'group-3': {\n color: 'orange'\n },\n 'group-5': {\n color: 'red'\n },\n 'group-9': {\n color: 'blue'\n },\n 'group-13': {\n color: 'purple'\n },\n trustedAppAddApplicationsTable: {\n backgroundColor: '#eee'\n },\n trustedAppCancelButton: {\n float: 'right' as 'right' // @@ a little hack - https://stackoverflow.com/questions/52781251/using-typescript-jss-with-react-throws-type-is-unassignable-for-some-css-prop\n },\n trustedAppControllerI: {\n borderColor: 'orange',\n borderRadius: '1em',\n borderWidth: '0.1em'\n },\n temporaryStatusInit: {\n background: 'green'\n },\n temporaryStatusEnd: {\n background: 'transparent',\n transition: 'background 5s linear'\n }\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;EACpBC,sBAAsB,EAAE;IACtBC,MAAM,EAAE;EACV,CAAC;EACDC,mBAAmB,EAAE;IACnBC,QAAQ,EAAE,MAAM;IAChBF,MAAM,EAAE;EACV,CAAC;EACDG,mBAAmB,EAAE;IACnBC,OAAO,EAAE,MAAM;IACfJ,MAAM,EAAE;EACV,CAAC;EACDK,2BAA2B,EAAE;IAC3BD,OAAO,EAAE;EACX,CAAC;EACDE,eAAe,EAAE;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDC,eAAe,EAAE;IACfJ,OAAO,EAAE,MAAM;IACfK,mBAAmB,EAAE,KAAK;IAC1BT,MAAM,EAAE,KAAK;IACbU,KAAK,EAAE;EACT,CAAC;EACDC,mBAAmB,EAAE;IACnBP,OAAO,EAAE,MAAM;IACfK,mBAAmB,EAAE;EACvB,CAAC;EACDG,kBAAkB,EAAE;IAClBR,OAAO,EAAE;EACX,CAAC;EACDS,wBAAwB,EAAE;IACxBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,CAAC;IACXb,QAAQ,EAAE;EACZ,CAAC;EACDc,SAAS,EAAE;IACTC,eAAe,EAAE,OAAO;IACxBC,MAAM,EAAE,kBAAkB;IAC1BC,YAAY,EAAE,OAAO;IACrBZ,QAAQ,EAAE,KAAK;IACfa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLR,KAAK,EAAE;EACT,CAAC;EACD,SAAS,EAAE;IACTA,KAAK,EAAE;EACT,CAAC;EACD,SAAS,EAAE;IACTA,KAAK,EAAE;EACT,CAAC;EACD,SAAS,EAAE;IACTA,KAAK,EAAE;EACT,CAAC;EACD,SAAS,EAAE;IACTA,KAAK,EAAE;EACT,CAAC;EACD,SAAS,EAAE;IACTA,KAAK,EAAE;EACT,CAAC;EACD,UAAU,EAAE;IACVA,KAAK,EAAE;EACT,CAAC;EACDS,8BAA8B,EAAE;IAC9BN,eAAe,EAAE;EACnB,CAAC;EACDO,sBAAsB,EAAE;IACtB,SAAO,OAAkB,CAAC;EAC5B,CAAC;;EACDC,qBAAqB,EAAE;IACrBC,WAAW,EAAE,QAAQ;IACrBP,YAAY,EAAE,KAAK;IACnBQ,WAAW,EAAE;EACf,CAAC;EACDC,mBAAmB,EAAE;IACnBC,UAAU,EAAE;EACd,CAAC;EACDC,kBAAkB,EAAE;IAClBD,UAAU,EAAE,aAAa;IACzBE,UAAU,EAAE;EACd;AACF,CAAC;AAAAC,OAAA,CAAAlC,MAAA,GAAAA,MAAA"}
|
package/lib/footer/styleMap.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styleMap.d.ts","sourceRoot":"","sources":["../../src/footer/styleMap.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAA"}
|
package/lib/footer/styleMap.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.styleMap = void 0;
|
|
7
|
-
var styleMap = {
|
|
8
|
-
footer: {
|
|
9
|
-
borderTop: 'solid 1px $divider-color',
|
|
10
|
-
fontSize: '0.9em',
|
|
11
|
-
padding: '0.5em 1.5em'
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
exports.styleMap = styleMap;
|
|
15
|
-
//# sourceMappingURL=styleMap.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styleMap.js","names":["styleMap","footer","borderTop","fontSize","padding","exports"],"sources":["../../src/footer/styleMap.ts"],"sourcesContent":["export const styleMap = {\n footer: {\n borderTop: 'solid 1px $divider-color',\n fontSize: '0.9em',\n padding: '0.5em 1.5em'\n }\n}\n"],"mappings":";;;;;;AAAO,IAAMA,QAAQ,GAAG;EACtBC,MAAM,EAAE;IACNC,SAAS,EAAE,0BAA0B;IACrCC,QAAQ,EAAE,OAAO;IACjBC,OAAO,EAAE;EACX;AACF,CAAC;AAAAC,OAAA,CAAAL,QAAA,GAAAA,QAAA"}
|
package/lib/header/styleMap.d.ts
DELETED
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
export declare const styleMap: {
|
|
2
|
-
'header-user-menu': {};
|
|
3
|
-
'header-user-menu__link': {
|
|
4
|
-
background: string;
|
|
5
|
-
border: string;
|
|
6
|
-
color: string;
|
|
7
|
-
cursor: string;
|
|
8
|
-
display: string;
|
|
9
|
-
fontFamily: string;
|
|
10
|
-
fontSize: string;
|
|
11
|
-
textAlign: string;
|
|
12
|
-
padding: string;
|
|
13
|
-
width: string;
|
|
14
|
-
'&:focus, &:hover': {
|
|
15
|
-
backgroundColor: string;
|
|
16
|
-
};
|
|
17
|
-
a: {
|
|
18
|
-
textDecoration: string;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
'header-user-menu__trigger': {
|
|
22
|
-
background: string;
|
|
23
|
-
border: string;
|
|
24
|
-
cursor: string;
|
|
25
|
-
width: string;
|
|
26
|
-
height: string;
|
|
27
|
-
img: {
|
|
28
|
-
borderRadius: string;
|
|
29
|
-
height: string;
|
|
30
|
-
width: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
'header-user-menu__button': {
|
|
34
|
-
background: string;
|
|
35
|
-
border: string;
|
|
36
|
-
color: string;
|
|
37
|
-
cursor: string;
|
|
38
|
-
display: string;
|
|
39
|
-
fontFamily: string;
|
|
40
|
-
fontSize: string;
|
|
41
|
-
textAlign: string;
|
|
42
|
-
padding: string;
|
|
43
|
-
width: string;
|
|
44
|
-
'&:focus, &:hover': {
|
|
45
|
-
backgroundColor: string;
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
|
-
'header-user-menu__list': {
|
|
49
|
-
listStyle: string;
|
|
50
|
-
margin: string;
|
|
51
|
-
padding: string;
|
|
52
|
-
};
|
|
53
|
-
'header-user-menu__navigation-menu': {
|
|
54
|
-
background: string;
|
|
55
|
-
border: string;
|
|
56
|
-
borderRight: string;
|
|
57
|
-
position: string;
|
|
58
|
-
right: string;
|
|
59
|
-
top: string;
|
|
60
|
-
width: string;
|
|
61
|
-
'z-index': string;
|
|
62
|
-
'&[aria-hidden = true]': {
|
|
63
|
-
display: string;
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
'header-user-menu__list-item': {
|
|
67
|
-
borderBottom: string;
|
|
68
|
-
'&:last-child': {
|
|
69
|
-
border: string;
|
|
70
|
-
};
|
|
71
|
-
};
|
|
72
|
-
'header-user-menu__photo': {
|
|
73
|
-
borderRadius: string;
|
|
74
|
-
backgroundPosition: string;
|
|
75
|
-
backgroundRepeat: string;
|
|
76
|
-
backgroundSize: string;
|
|
77
|
-
height: string;
|
|
78
|
-
width: string;
|
|
79
|
-
};
|
|
80
|
-
'header-banner': {
|
|
81
|
-
boxShadow: string;
|
|
82
|
-
display: string;
|
|
83
|
-
justifyContent: string;
|
|
84
|
-
padding: string;
|
|
85
|
-
marginBottom: string;
|
|
86
|
-
};
|
|
87
|
-
'header-banner__link': {
|
|
88
|
-
display: string;
|
|
89
|
-
};
|
|
90
|
-
'header-banner__right-menu': {
|
|
91
|
-
display: string;
|
|
92
|
-
};
|
|
93
|
-
'header-banner__login': {
|
|
94
|
-
marginLeft: string;
|
|
95
|
-
input: {
|
|
96
|
-
margin: string;
|
|
97
|
-
padding: string;
|
|
98
|
-
};
|
|
99
|
-
};
|
|
100
|
-
'header-banner__user-menu': {
|
|
101
|
-
borderLeft: string;
|
|
102
|
-
marginLeft: string;
|
|
103
|
-
};
|
|
104
|
-
'header-banner__help-menu': {
|
|
105
|
-
borderLeft: string;
|
|
106
|
-
marginLeft: string;
|
|
107
|
-
};
|
|
108
|
-
'header-banner__icon': {
|
|
109
|
-
backgroundSize: string;
|
|
110
|
-
height: string;
|
|
111
|
-
width: string;
|
|
112
|
-
};
|
|
113
|
-
'header-banner__help-icon': {
|
|
114
|
-
width: string;
|
|
115
|
-
};
|
|
116
|
-
};
|
|
117
|
-
//# sourceMappingURL=styleMap.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styleMap.d.ts","sourceRoot":"","sources":["../../src/header/styleMap.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHpB,CAAA"}
|
package/lib/header/styleMap.js
DELETED
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.styleMap = void 0;
|
|
7
|
-
var styleMap = {
|
|
8
|
-
'header-user-menu': {},
|
|
9
|
-
'header-user-menu__link': {
|
|
10
|
-
background: 'none',
|
|
11
|
-
border: '0',
|
|
12
|
-
color: 'black',
|
|
13
|
-
cursor: 'pointer',
|
|
14
|
-
display: 'block',
|
|
15
|
-
fontFamily: 'Arial',
|
|
16
|
-
fontSize: '1em',
|
|
17
|
-
textAlign: 'left',
|
|
18
|
-
padding: '1em',
|
|
19
|
-
width: '100%',
|
|
20
|
-
'&:focus, &:hover': {
|
|
21
|
-
backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
|
|
22
|
-
// backgroundColor: '#eee'
|
|
23
|
-
},
|
|
24
|
-
|
|
25
|
-
a: {
|
|
26
|
-
textDecoration: 'none'
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
'header-user-menu__trigger': {
|
|
30
|
-
background: 'none',
|
|
31
|
-
border: '0',
|
|
32
|
-
cursor: 'pointer',
|
|
33
|
-
width: '60px',
|
|
34
|
-
// defined in mashlib as a SASS variable $icon_size
|
|
35
|
-
height: '60px',
|
|
36
|
-
// defined in mashlib as a SASS variable $icon_size
|
|
37
|
-
img: {
|
|
38
|
-
borderRadius: '50%',
|
|
39
|
-
height: '56px',
|
|
40
|
-
// defined in mashlib as a SASS variable $icon_size - 4px
|
|
41
|
-
width: '56px'
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
'header-user-menu__button': {
|
|
45
|
-
background: 'none',
|
|
46
|
-
border: '0',
|
|
47
|
-
color: 'black',
|
|
48
|
-
cursor: 'pointer',
|
|
49
|
-
display: 'block',
|
|
50
|
-
fontFamily: 'Arial',
|
|
51
|
-
fontSize: '1em',
|
|
52
|
-
textAlign: 'left',
|
|
53
|
-
padding: '1em',
|
|
54
|
-
width: '100%',
|
|
55
|
-
'&:focus, &:hover': {
|
|
56
|
-
backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
'header-user-menu__list': {
|
|
60
|
-
listStyle: 'none',
|
|
61
|
-
margin: '0',
|
|
62
|
-
padding: '0'
|
|
63
|
-
},
|
|
64
|
-
'header-user-menu__navigation-menu': {
|
|
65
|
-
background: 'white',
|
|
66
|
-
border: 'solid 1px #000000',
|
|
67
|
-
// the color was defined in mashlib as a SASS variable $divider_color
|
|
68
|
-
borderRight: '0',
|
|
69
|
-
position: 'absolute',
|
|
70
|
-
right: '0',
|
|
71
|
-
top: '60px',
|
|
72
|
-
// defined in mashlib as a SASS variable $icon_size
|
|
73
|
-
width: '200px',
|
|
74
|
-
'z-index': '1',
|
|
75
|
-
'&[aria-hidden = true]': {
|
|
76
|
-
display: 'none'
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
'header-user-menu__list-item': {
|
|
80
|
-
borderBottom: 'solid 1px #000000',
|
|
81
|
-
// the color was defined in mashlib as a SASS variable $divider_color
|
|
82
|
-
'&:last-child': {
|
|
83
|
-
border: '0'
|
|
84
|
-
}
|
|
85
|
-
},
|
|
86
|
-
'header-user-menu__photo': {
|
|
87
|
-
borderRadius: '50%',
|
|
88
|
-
backgroundPosition: 'center',
|
|
89
|
-
backgroundRepeat: 'no-repeat',
|
|
90
|
-
backgroundSize: 'cover',
|
|
91
|
-
height: '50px',
|
|
92
|
-
// $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px
|
|
93
|
-
width: '50px'
|
|
94
|
-
},
|
|
95
|
-
'header-banner': {
|
|
96
|
-
boxShadow: '0px 1px 4px #000000',
|
|
97
|
-
// the color was defined in mashlib as a SASS variable $divider_color
|
|
98
|
-
display: 'flex',
|
|
99
|
-
justifyContent: 'space-between',
|
|
100
|
-
padding: '0 1.5em',
|
|
101
|
-
marginBottom: '4px'
|
|
102
|
-
},
|
|
103
|
-
'header-banner__link': {
|
|
104
|
-
display: 'block'
|
|
105
|
-
},
|
|
106
|
-
'header-banner__right-menu': {
|
|
107
|
-
display: 'flex'
|
|
108
|
-
},
|
|
109
|
-
'header-banner__login': {
|
|
110
|
-
marginLeft: 'auto',
|
|
111
|
-
input: {
|
|
112
|
-
// hacks to override the default style of login and signup button from solid-ui
|
|
113
|
-
margin: '0.75em 0 0.75em 0.5em !important',
|
|
114
|
-
padding: '0.5em !important'
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
'header-banner__user-menu': {
|
|
118
|
-
borderLeft: 'solid 1px #000000',
|
|
119
|
-
// the color was defined in mashlib as a SASS variable $divider_color
|
|
120
|
-
marginLeft: 'auto'
|
|
121
|
-
},
|
|
122
|
-
'header-banner__help-menu': {
|
|
123
|
-
borderLeft: 'solid 1px #000000',
|
|
124
|
-
// the color was defined in mashlib as a SASS variable $divider_color
|
|
125
|
-
marginLeft: 'auto'
|
|
126
|
-
},
|
|
127
|
-
'header-banner__icon': {
|
|
128
|
-
backgroundSize: '65px 60px',
|
|
129
|
-
height: '60px !important',
|
|
130
|
-
// this is the icon size
|
|
131
|
-
width: '65px !important' // may just be 65px round($icon-size * 352 / 322);
|
|
132
|
-
},
|
|
133
|
-
|
|
134
|
-
'header-banner__help-icon': {
|
|
135
|
-
width: '28px !important'
|
|
136
|
-
}
|
|
137
|
-
};
|
|
138
|
-
exports.styleMap = styleMap;
|
|
139
|
-
//# sourceMappingURL=styleMap.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styleMap.js","names":["styleMap","background","border","color","cursor","display","fontFamily","fontSize","textAlign","padding","width","backgroundColor","a","textDecoration","height","img","borderRadius","listStyle","margin","borderRight","position","right","top","borderBottom","backgroundPosition","backgroundRepeat","backgroundSize","boxShadow","justifyContent","marginBottom","marginLeft","input","borderLeft","exports"],"sources":["../../src/header/styleMap.ts"],"sourcesContent":["export const styleMap = {\n 'header-user-menu': {\n },\n 'header-user-menu__link': {\n background: 'none',\n border: '0',\n color: 'black',\n cursor: 'pointer',\n display: 'block',\n fontFamily: 'Arial',\n fontSize: '1em',\n textAlign: 'left',\n padding: '1em',\n width: '100%',\n '&:focus, &:hover': {\n backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n // backgroundColor: '#eee'\n },\n a: {\n textDecoration: 'none'\n }\n },\n 'header-user-menu__trigger': {\n background: 'none',\n border: '0',\n cursor: 'pointer',\n width: '60px', // defined in mashlib as a SASS variable $icon_size\n height: '60px', // defined in mashlib as a SASS variable $icon_size\n img: {\n borderRadius: '50%',\n height: '56px', // defined in mashlib as a SASS variable $icon_size - 4px\n width: '56px'\n }\n },\n 'header-user-menu__button': {\n background: 'none',\n border: '0',\n color: 'black',\n cursor: 'pointer',\n display: 'block',\n fontFamily: 'Arial',\n fontSize: '1em',\n textAlign: 'left',\n padding: '1em',\n width: '100%',\n '&:focus, &:hover': {\n backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n }\n },\n 'header-user-menu__list': {\n listStyle: 'none',\n margin: '0',\n padding: '0'\n },\n 'header-user-menu__navigation-menu': {\n background: 'white',\n border: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n borderRight: '0',\n position: 'absolute',\n right: '0',\n top: '60px', // defined in mashlib as a SASS variable $icon_size\n width: '200px',\n 'z-index': '1',\n '&[aria-hidden = true]': {\n display: 'none'\n }\n },\n 'header-user-menu__list-item': {\n borderBottom: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n '&:last-child': {\n border: '0'\n }\n },\n 'header-user-menu__photo': {\n borderRadius: '50%',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'cover',\n height: '50px', // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px\n width: '50px'\n },\n 'header-banner': {\n boxShadow: '0px 1px 4px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n display: 'flex',\n justifyContent: 'space-between',\n padding: '0 1.5em',\n marginBottom: '4px'\n },\n 'header-banner__link': {\n display: 'block'\n },\n 'header-banner__right-menu': {\n display: 'flex'\n },\n 'header-banner__login': {\n marginLeft: 'auto',\n input: {\n // hacks to override the default style of login and signup button from solid-ui\n margin: '0.75em 0 0.75em 0.5em !important',\n padding: '0.5em !important'\n }\n },\n 'header-banner__user-menu': {\n borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n marginLeft: 'auto'\n },\n 'header-banner__help-menu': {\n borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n marginLeft: 'auto'\n },\n 'header-banner__icon': {\n backgroundSize: '65px 60px',\n height: '60px !important', // this is the icon size\n width: '65px !important' // may just be 65px round($icon-size * 352 / 322);\n },\n 'header-banner__help-icon': {\n width: '28px !important'\n }\n}\n"],"mappings":"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"}
|
package/lib/jss/index.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Contains [[getClasses]] and [[getStylesheet]] functions,
|
|
3
|
-
* usable as wrappers around JSS (A CSS authoring tool).
|
|
4
|
-
* See https://cssinjs.org/
|
|
5
|
-
* @packageDocumentation
|
|
6
|
-
*/
|
|
7
|
-
import { Jss, Styles, StyleSheet } from 'jss';
|
|
8
|
-
/**
|
|
9
|
-
* returns a StyleSheet object.
|
|
10
|
-
* See https://cssinjs.org/ for more info about JSS.
|
|
11
|
-
* (despite the name, see https://github.com/solidos/solid-ui/issues/199)
|
|
12
|
-
*/
|
|
13
|
-
export declare function getClasses(insertionPoint: HTMLElement, styles: Partial<Styles>): StyleSheet;
|
|
14
|
-
/**
|
|
15
|
-
* returns a JSS object.
|
|
16
|
-
* See https://cssinjs.org/ for more info about JSS.
|
|
17
|
-
* (despite the name, see https://github.com/solidos/solid-ui/issues/199)
|
|
18
|
-
*/
|
|
19
|
-
export declare function getStylesheet(insertionPoint: HTMLElement): Jss;
|
|
20
|
-
//# sourceMappingURL=index.d.ts.map
|
package/lib/jss/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/jss/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAU,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAKrD;;;;GAIG;AACH,wBAAgB,UAAU,CAAE,cAAc,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,UAAU,CAG5F;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAE,cAAc,EAAE,WAAW,GAAG,GAAG,CAW/D"}
|
package/lib/jss/index.js
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.getClasses = getClasses;
|
|
8
|
-
exports.getStylesheet = getStylesheet;
|
|
9
|
-
var _jss = require("jss");
|
|
10
|
-
var _jssPresetDefault = _interopRequireDefault(require("jss-preset-default"));
|
|
11
|
-
/**
|
|
12
|
-
* Contains [[getClasses]] and [[getStylesheet]] functions,
|
|
13
|
-
* usable as wrappers around JSS (A CSS authoring tool).
|
|
14
|
-
* See https://cssinjs.org/
|
|
15
|
-
* @packageDocumentation
|
|
16
|
-
*/
|
|
17
|
-
|
|
18
|
-
var stylesheetsMap = new Map();
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* returns a StyleSheet object.
|
|
22
|
-
* See https://cssinjs.org/ for more info about JSS.
|
|
23
|
-
* (despite the name, see https://github.com/solidos/solid-ui/issues/199)
|
|
24
|
-
*/
|
|
25
|
-
function getClasses(insertionPoint, styles) {
|
|
26
|
-
var stylesheet = getStylesheet(insertionPoint);
|
|
27
|
-
return stylesheet.createStyleSheet(styles).attach();
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* returns a JSS object.
|
|
32
|
-
* See https://cssinjs.org/ for more info about JSS.
|
|
33
|
-
* (despite the name, see https://github.com/solidos/solid-ui/issues/199)
|
|
34
|
-
*/
|
|
35
|
-
function getStylesheet(insertionPoint) {
|
|
36
|
-
var cachedStylesheet = stylesheetsMap.get(insertionPoint);
|
|
37
|
-
if (cachedStylesheet) {
|
|
38
|
-
return cachedStylesheet;
|
|
39
|
-
}
|
|
40
|
-
var stylesheet = (0, _jss.create)({
|
|
41
|
-
insertionPoint: insertionPoint,
|
|
42
|
-
plugins: (0, _jssPresetDefault["default"])().plugins
|
|
43
|
-
});
|
|
44
|
-
stylesheetsMap.set(insertionPoint, stylesheet);
|
|
45
|
-
return stylesheet;
|
|
46
|
-
}
|
|
47
|
-
//# sourceMappingURL=index.js.map
|
package/lib/jss/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_jss","require","_jssPresetDefault","_interopRequireDefault","stylesheetsMap","Map","getClasses","insertionPoint","styles","stylesheet","getStylesheet","createStyleSheet","attach","cachedStylesheet","get","create","plugins","preset","set"],"sources":["../../src/jss/index.ts"],"sourcesContent":["/**\n * Contains [[getClasses]] and [[getStylesheet]] functions,\n * usable as wrappers around JSS (A CSS authoring tool).\n * See https://cssinjs.org/\n * @packageDocumentation\n */\n\nimport { create, Jss, Styles, StyleSheet } from 'jss'\nimport preset from 'jss-preset-default'\n\nconst stylesheetsMap = new Map<HTMLElement, Jss>()\n\n/**\n * returns a StyleSheet object.\n * See https://cssinjs.org/ for more info about JSS.\n * (despite the name, see https://github.com/solidos/solid-ui/issues/199)\n */\nexport function getClasses (insertionPoint: HTMLElement, styles: Partial<Styles>): StyleSheet {\n const stylesheet = getStylesheet(insertionPoint)\n return stylesheet.createStyleSheet(styles).attach()\n}\n\n/**\n * returns a JSS object.\n * See https://cssinjs.org/ for more info about JSS.\n * (despite the name, see https://github.com/solidos/solid-ui/issues/199)\n */\nexport function getStylesheet (insertionPoint: HTMLElement): Jss {\n const cachedStylesheet = stylesheetsMap.get(insertionPoint)\n if (cachedStylesheet) {\n return cachedStylesheet\n }\n const stylesheet = create({\n insertionPoint,\n plugins: preset().plugins\n })\n stylesheetsMap.set(insertionPoint, stylesheet)\n return stylesheet\n}\n"],"mappings":";;;;;;;;AAOA,IAAAA,IAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;AACA;AACA;AACA;;AAKA,IAAMG,cAAc,GAAG,IAAIC,GAAG,EAAoB;;AAElD;AACA;AACA;AACA;AACA;AACO,SAASC,UAAUA,CAAEC,cAA2B,EAAEC,MAAuB,EAAc;EAC5F,IAAMC,UAAU,GAAGC,aAAa,CAACH,cAAc,CAAC;EAChD,OAAOE,UAAU,CAACE,gBAAgB,CAACH,MAAM,CAAC,CAACI,MAAM,EAAE;AACrD;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASF,aAAaA,CAAEH,cAA2B,EAAO;EAC/D,IAAMM,gBAAgB,GAAGT,cAAc,CAACU,GAAG,CAACP,cAAc,CAAC;EAC3D,IAAIM,gBAAgB,EAAE;IACpB,OAAOA,gBAAgB;EACzB;EACA,IAAMJ,UAAU,GAAG,IAAAM,WAAM,EAAC;IACxBR,cAAc,EAAdA,cAAc;IACdS,OAAO,EAAE,IAAAC,4BAAM,GAAE,CAACD;EACpB,CAAC,CAAC;EACFZ,cAAc,CAACc,GAAG,CAACX,cAAc,EAAEE,UAAU,CAAC;EAC9C,OAAOA,UAAU;AACnB"}
|