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.
Files changed (91) hide show
  1. package/README.md +6 -1
  2. package/dist/670.solid-ui.min.js +1 -0
  3. package/dist/805.solid-ui.min.js +3 -0
  4. package/dist/805.solid-ui.min.js.LICENSE.txt +58 -0
  5. package/dist/805.solid-ui.min.js.map +1 -0
  6. package/dist/_2b19.solid-ui.js +14 -0
  7. package/dist/_2b19.solid-ui.js.map +1 -0
  8. package/dist/index.html +1 -9
  9. package/dist/{main.js → solid-ui.js} +7906 -20465
  10. package/dist/solid-ui.js.map +1 -0
  11. package/dist/solid-ui.min.js +3 -0
  12. package/dist/solid-ui.min.js.LICENSE.txt +54 -0
  13. package/dist/solid-ui.min.js.map +1 -0
  14. package/dist/vendors-node_modules_jsonld_lib_jsonld_js.solid-ui.js +12134 -0
  15. package/dist/vendors-node_modules_jsonld_lib_jsonld_js.solid-ui.js.map +1 -0
  16. package/lib/acl/access-controller.d.ts +2 -3
  17. package/lib/acl/access-controller.d.ts.map +1 -1
  18. package/lib/acl/access-controller.js +17 -15
  19. package/lib/acl/access-controller.js.map +1 -1
  20. package/lib/acl/access-groups.d.ts.map +1 -1
  21. package/lib/acl/access-groups.js +78 -8
  22. package/lib/acl/access-groups.js.map +1 -1
  23. package/lib/acl/acl-control.d.ts.map +1 -1
  24. package/lib/acl/acl-control.js +10 -11
  25. package/lib/acl/acl-control.js.map +1 -1
  26. package/lib/acl/acl.d.ts +1 -1
  27. package/lib/acl/acl.js +1 -1
  28. package/lib/acl/acl.js.map +1 -1
  29. package/lib/acl/add-agent-buttons.d.ts.map +1 -1
  30. package/lib/acl/add-agent-buttons.js +4 -3
  31. package/lib/acl/add-agent-buttons.js.map +1 -1
  32. package/lib/chat/chatLogic.js +63 -26
  33. package/lib/chat/chatLogic.js.map +1 -1
  34. package/lib/chat/keys.d.ts +13 -0
  35. package/lib/chat/keys.d.ts.map +1 -0
  36. package/lib/chat/keys.js +233 -0
  37. package/lib/chat/keys.js.map +1 -0
  38. package/lib/chat/message.js +67 -8
  39. package/lib/chat/message.js.map +1 -1
  40. package/lib/chat/signature.d.ts +24 -0
  41. package/lib/chat/signature.d.ts.map +1 -0
  42. package/lib/chat/signature.js +112 -0
  43. package/lib/chat/signature.js.map +1 -0
  44. package/lib/footer/index.d.ts.map +1 -1
  45. package/lib/footer/index.js +5 -1
  46. package/lib/footer/index.js.map +1 -1
  47. package/lib/header/index.d.ts.map +1 -1
  48. package/lib/header/index.js +41 -20
  49. package/lib/header/index.js.map +1 -1
  50. package/lib/login/login.d.ts.map +1 -1
  51. package/lib/login/login.js +39 -37
  52. package/lib/login/login.js.map +1 -1
  53. package/lib/style.js +60 -2
  54. package/lib/style.js.map +1 -1
  55. package/lib/utils/headerFooterHelpers.d.ts +0 -4
  56. package/lib/utils/headerFooterHelpers.d.ts.map +1 -1
  57. package/lib/utils/headerFooterHelpers.js +0 -27
  58. package/lib/utils/headerFooterHelpers.js.map +1 -1
  59. package/lib/utils/keyHelpers/accessData.d.ts +10 -0
  60. package/lib/utils/keyHelpers/accessData.d.ts.map +1 -0
  61. package/lib/utils/keyHelpers/accessData.js +232 -0
  62. package/lib/utils/keyHelpers/accessData.js.map +1 -0
  63. package/lib/utils/keyHelpers/acl.d.ts +20 -0
  64. package/lib/utils/keyHelpers/acl.d.ts.map +1 -0
  65. package/lib/utils/keyHelpers/acl.js +93 -0
  66. package/lib/utils/keyHelpers/acl.js.map +1 -0
  67. package/lib/versionInfo.js +6 -6
  68. package/lib/versionInfo.js.map +1 -1
  69. package/lib/widgets/buttons.d.ts.map +1 -1
  70. package/lib/widgets/buttons.js +43 -49
  71. package/lib/widgets/buttons.js.map +1 -1
  72. package/lib/widgets/forms.js +8 -4
  73. package/lib/widgets/forms.js.map +1 -1
  74. package/package.json +13 -10
  75. package/dist/main.js.map +0 -1
  76. package/lib/acl/styles.d.ts +0 -90
  77. package/lib/acl/styles.d.ts.map +0 -1
  78. package/lib/acl/styles.js +0 -98
  79. package/lib/acl/styles.js.map +0 -1
  80. package/lib/footer/styleMap.d.ts +0 -8
  81. package/lib/footer/styleMap.d.ts.map +0 -1
  82. package/lib/footer/styleMap.js +0 -15
  83. package/lib/footer/styleMap.js.map +0 -1
  84. package/lib/header/styleMap.d.ts +0 -117
  85. package/lib/header/styleMap.d.ts.map +0 -1
  86. package/lib/header/styleMap.js +0 -139
  87. package/lib/header/styleMap.js.map +0 -1
  88. package/lib/jss/index.d.ts +0 -20
  89. package/lib/jss/index.d.ts.map +0 -1
  90. package/lib/jss/index.js +0 -47
  91. package/lib/jss/index.js.map +0 -1
@@ -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
@@ -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
@@ -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"}
@@ -1,8 +0,0 @@
1
- export declare const styleMap: {
2
- footer: {
3
- borderTop: string;
4
- fontSize: string;
5
- padding: string;
6
- };
7
- };
8
- //# sourceMappingURL=styleMap.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styleMap.d.ts","sourceRoot":"","sources":["../../src/footer/styleMap.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAA"}
@@ -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"}
@@ -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"}
@@ -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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"}
@@ -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
@@ -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
@@ -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"}