@sk-web-gui/core 0.1.86 → 0.1.87

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 (6) hide show
  1. package/dist/cjs/components/user-menu.js +44 -26
  2. package/dist/cjs/components/user-menu.js.map +1 -1
  3. package/dist/esm/components/user-menu.js +44 -26
  4. package/dist/esm/components/user-menu.js.map +1 -1
  5. package/package.json +2 -2
  6. package/src/components/user-menu.js +50 -26
package/dist/cjs/components/user-menu.js CHANGED
@@ -2,40 +2,58 @@
2
2
 
3
3
  module.exports = UserMenu = function UserMenu(colors) {
4
4
  return {
5
- '.usermenu': {
6
- // "@apply mx-sm mt-sm mb-0 px-md py-0 divide-y divide-y-2 divide-gray-300 bg-white border-2 border-white border-solid rounded":
7
- '@apply text-body': {},
8
- // "@apply ": {},
9
- '&-is-open': {
10
- // "@apply border-2 border-gray-300 border-solid rounded": {},
11
- // "box-shadow": "0px 4px 12px rgba(27, 29, 31, 0.12)",
5
+ '.sk-usermenu': {
6
+ '@apply text-body mx-auto lg:mx-sm lg:relative': {},
7
+ '&-wrapper': {
8
+ '@apply block max-lg:-mr-md': {}
12
9
  },
13
- '&-menuTitle': {
14
- overflow: 'hidden',
15
- 'text-overflow': 'ellipsis',
16
- display: '-webkit-box',
17
- '-webkit-line-clamp': '2' /* number of lines to show */,
18
- 'line-clamp': '2',
19
- '-webkit-box-orient': 'vertical'
10
+ '&-button': {
11
+ '&-content': {
12
+ '@apply max-lg:font-bold lg:items-center lg:text-left': {}
13
+ },
14
+ '&-icon': {
15
+ '@apply !text-2xl ml-auto align-top max-lg:mr-2 max-lg:text-primary': {}
16
+ }
17
+ },
18
+ '&-first-row': {
19
+ '@apply max-lg:hidden bg-white border-t-2 pb-sm -mt-0 mx-md': {}
20
+ },
21
+ '&-label': {
22
+ '@apply flex align-middle mt-md lg:mb-xs': {},
23
+ '&-content': {
24
+ '@apply inline-block px-lg py-md lg:pl-md lg:pr-md lg:py-sm text-sm font-semibold uppercase whitespace-nowrap': {}
25
+ },
26
+ '&-line': {
27
+ '@apply inline-block w-full h-px border-gray-300 border-t-2 mt-[2.6rem] lg:hidden': {}
28
+ }
20
29
  },
21
- '&-menuSubTitle': {
22
- overflow: 'hidden',
23
- 'text-overflow': 'ellipsis',
24
- display: '-webkit-box',
25
- '-webkit-line-clamp': '1' /* number of lines to show */,
26
- 'line-clamp': '1',
27
- '-webkit-box-orient': 'vertical'
30
+ '&-body': {
31
+ '@apply py-sm absolute rounded border-t-0 bg-white mt-6 right-0 left-0 border-none max-lg:shadow-lg lg:-mt-2 lg:border-2 lg:border-solid lg:border-white': {},
32
+ '&[data-open="true"]': {
33
+ '@apply lg:border-gray-300 lg:border-t-0 lg:shadow-lg': {}
34
+ }
28
35
  },
29
36
  '&-header': {
30
- '[aria-expanded="true"] &': {
31
- '@apply bg-hover': {}
37
+ '@apply px-md py-sm bg-white border-none rounded lg:border-2 lg:border-solid lg:border-b-0 lg:border-transparent': {},
38
+ '&[aria-expanded="true"]': {
39
+ '@apply lg:border-gray-300 lg:shadow-none': {}
32
40
  }
33
41
  },
34
- '&-item': {
35
- '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},
42
+ '&-group': {
43
+ 'a, button': {
44
+ '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},
45
+ '&.active': {
46
+ '@apply bg-hover text-white no-underline': {}
47
+ }
48
+ },
36
49
  '&.active': {
37
- '@apply bg-hover text-white no-underline': {}
50
+ 'a, button': {
51
+ '@apply bg-hover text-white no-underline': {}
52
+ }
38
53
  }
54
+ },
55
+ '&-divider': {
56
+ '@apply bg-white border-t-2 pb-sm mt-sm mx-md': {}
39
57
  }
40
58
  }
41
59
  };
package/dist/cjs/components/user-menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","colors","overflow","display"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = (colors) => ({\r\n '.usermenu': {\r\n // \"@apply mx-sm mt-sm mb-0 px-md py-0 divide-y divide-y-2 divide-gray-300 bg-white border-2 border-white border-solid rounded\":\r\n '@apply text-body': {},\r\n // \"@apply \": {},\r\n '&-is-open': {\r\n // \"@apply border-2 border-gray-300 border-solid rounded\": {},\r\n // \"box-shadow\": \"0px 4px 12px rgba(27, 29, 31, 0.12)\",\r\n },\r\n\r\n '&-menuTitle': {\r\n overflow: 'hidden',\r\n 'text-overflow': 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '2' /* number of lines to show */,\r\n 'line-clamp': '2',\r\n '-webkit-box-orient': 'vertical',\r\n },\r\n\r\n '&-menuSubTitle': {\r\n overflow: 'hidden',\r\n 'text-overflow': 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '1' /* number of lines to show */,\r\n 'line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n },\r\n\r\n '&-header': {\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n '&-item': {\r\n '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},\r\n '&.active': {\r\n '@apply bg-hover text-white no-underline': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAACC,MAAM;EAAA,OAAM;IACvC,WAAW,EAAE;MACX;MACA,kBAAkB,EAAE,CAAC,CAAC;MACtB;MACA,WAAW,EAAE;QACX;QACA;MAAA,CACD;MAED,aAAa,EAAE;QACbC,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,UAAU;QAC3BC,OAAO,EAAE,aAAa;QACtB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,YAAY,EAAE,GAAG;QACjB,oBAAoB,EAAE;MACxB,CAAC;MAED,gBAAgB,EAAE;QAChBD,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,UAAU;QAC3BC,OAAO,EAAE,aAAa;QACtB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,YAAY,EAAE,GAAG;QACjB,oBAAoB,EAAE;MACxB,CAAC;MAED,UAAU,EAAE;QACV,0BAA0B,EAAE;UAC1B,iBAAiB,EAAE,CAAC;QACtB;MACF,CAAC;MACD,QAAQ,EAAE;QACR,yFAAyF,EAAE,CAAC,CAAC;QAC7F,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC;QAC9C;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
1
+ {"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","colors"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = (colors) => ({\r\n '.sk-usermenu': {\r\n '@apply text-body mx-auto lg:mx-sm lg:relative': {},\r\n\r\n '&-wrapper': {\r\n '@apply block max-lg:-mr-md': {},\r\n },\r\n\r\n '&-button': {\r\n '&-content': {\r\n '@apply max-lg:font-bold lg:items-center lg:text-left': {},\r\n },\r\n '&-icon': {\r\n '@apply !text-2xl ml-auto align-top max-lg:mr-2 max-lg:text-primary': {},\r\n },\r\n },\r\n\r\n '&-first-row': {\r\n '@apply max-lg:hidden bg-white border-t-2 pb-sm -mt-0 mx-md': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex align-middle mt-md lg:mb-xs': {},\r\n '&-content': {\r\n '@apply inline-block px-lg py-md lg:pl-md lg:pr-md lg:py-sm text-sm font-semibold uppercase whitespace-nowrap':\r\n {},\r\n },\r\n '&-line': {\r\n '@apply inline-block w-full h-px border-gray-300 border-t-2 mt-[2.6rem] lg:hidden': {},\r\n },\r\n },\r\n\r\n '&-body': {\r\n '@apply py-sm absolute rounded border-t-0 bg-white mt-6 right-0 left-0 border-none max-lg:shadow-lg lg:-mt-2 lg:border-2 lg:border-solid lg:border-white':\r\n {},\r\n '&[data-open=\"true\"]': {\r\n '@apply lg:border-gray-300 lg:border-t-0 lg:shadow-lg': {},\r\n },\r\n },\r\n\r\n '&-header': {\r\n '@apply px-md py-sm bg-white border-none rounded lg:border-2 lg:border-solid lg:border-b-0 lg:border-transparent':\r\n {},\r\n '&[aria-expanded=\"true\"]': {\r\n '@apply lg:border-gray-300 lg:shadow-none': {},\r\n },\r\n },\r\n '&-group': {\r\n 'a, button': {\r\n '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},\r\n '&.active': {\r\n '@apply bg-hover text-white no-underline': {},\r\n },\r\n },\r\n '&.active': {\r\n 'a, button': {\r\n '@apply bg-hover text-white no-underline': {},\r\n },\r\n },\r\n },\r\n '&-divider': {\r\n '@apply bg-white border-t-2 pb-sm mt-sm mx-md': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAACC,MAAM;EAAA,OAAM;IACvC,cAAc,EAAE;MACd,+CAA+C,EAAE,CAAC,CAAC;MAEnD,WAAW,EAAE;QACX,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,UAAU,EAAE;QACV,WAAW,EAAE;UACX,sDAAsD,EAAE,CAAC;QAC3D,CAAC;QACD,QAAQ,EAAE;UACR,oEAAoE,EAAE,CAAC;QACzE;MACF,CAAC;MAED,aAAa,EAAE;QACb,4DAA4D,EAAE,CAAC;MACjE,CAAC;MAED,SAAS,EAAE;QACT,yCAAyC,EAAE,CAAC,CAAC;QAC7C,WAAW,EAAE;UACX,8GAA8G,EAC5G,CAAC;QACL,CAAC;QACD,QAAQ,EAAE;UACR,kFAAkF,EAAE,CAAC;QACvF;MACF,CAAC;MAED,QAAQ,EAAE;QACR,yJAAyJ,EACvJ,CAAC,CAAC;QACJ,qBAAqB,EAAE;UACrB,sDAAsD,EAAE,CAAC;QAC3D;MACF,CAAC;MAED,UAAU,EAAE;QACV,iHAAiH,EAC/G,CAAC,CAAC;QACJ,yBAAyB,EAAE;UACzB,0CAA0C,EAAE,CAAC;QAC/C;MACF,CAAC;MACD,SAAS,EAAE;QACT,WAAW,EAAE;UACX,yFAAyF,EAAE,CAAC,CAAC;UAC7F,UAAU,EAAE;YACV,yCAAyC,EAAE,CAAC;UAC9C;QACF,CAAC;QACD,UAAU,EAAE;UACV,WAAW,EAAE;YACX,yCAAyC,EAAE,CAAC;UAC9C;QACF;MACF,CAAC;MACD,WAAW,EAAE;QACX,8CAA8C,EAAE,CAAC;MACnD;IACF;EACF,CAAC;AAAA,CAAC"}
package/dist/esm/components/user-menu.js CHANGED
@@ -1,38 +1,56 @@
1
1
  module.exports = UserMenu = colors => ({
2
- '.usermenu': {
3
- // "@apply mx-sm mt-sm mb-0 px-md py-0 divide-y divide-y-2 divide-gray-300 bg-white border-2 border-white border-solid rounded":
4
- '@apply text-body': {},
5
- // "@apply ": {},
6
- '&-is-open': {
7
- // "@apply border-2 border-gray-300 border-solid rounded": {},
8
- // "box-shadow": "0px 4px 12px rgba(27, 29, 31, 0.12)",
2
+ '.sk-usermenu': {
3
+ '@apply text-body mx-auto lg:mx-sm lg:relative': {},
4
+ '&-wrapper': {
5
+ '@apply block max-lg:-mr-md': {}
9
6
  },
10
- '&-menuTitle': {
11
- overflow: 'hidden',
12
- 'text-overflow': 'ellipsis',
13
- display: '-webkit-box',
14
- '-webkit-line-clamp': '2' /* number of lines to show */,
15
- 'line-clamp': '2',
16
- '-webkit-box-orient': 'vertical'
7
+ '&-button': {
8
+ '&-content': {
9
+ '@apply max-lg:font-bold lg:items-center lg:text-left': {}
10
+ },
11
+ '&-icon': {
12
+ '@apply !text-2xl ml-auto align-top max-lg:mr-2 max-lg:text-primary': {}
13
+ }
14
+ },
15
+ '&-first-row': {
16
+ '@apply max-lg:hidden bg-white border-t-2 pb-sm -mt-0 mx-md': {}
17
+ },
18
+ '&-label': {
19
+ '@apply flex align-middle mt-md lg:mb-xs': {},
20
+ '&-content': {
21
+ '@apply inline-block px-lg py-md lg:pl-md lg:pr-md lg:py-sm text-sm font-semibold uppercase whitespace-nowrap': {}
22
+ },
23
+ '&-line': {
24
+ '@apply inline-block w-full h-px border-gray-300 border-t-2 mt-[2.6rem] lg:hidden': {}
25
+ }
17
26
  },
18
- '&-menuSubTitle': {
19
- overflow: 'hidden',
20
- 'text-overflow': 'ellipsis',
21
- display: '-webkit-box',
22
- '-webkit-line-clamp': '1' /* number of lines to show */,
23
- 'line-clamp': '1',
24
- '-webkit-box-orient': 'vertical'
27
+ '&-body': {
28
+ '@apply py-sm absolute rounded border-t-0 bg-white mt-6 right-0 left-0 border-none max-lg:shadow-lg lg:-mt-2 lg:border-2 lg:border-solid lg:border-white': {},
29
+ '&[data-open="true"]': {
30
+ '@apply lg:border-gray-300 lg:border-t-0 lg:shadow-lg': {}
31
+ }
25
32
  },
26
33
  '&-header': {
27
- '[aria-expanded="true"] &': {
28
- '@apply bg-hover': {}
34
+ '@apply px-md py-sm bg-white border-none rounded lg:border-2 lg:border-solid lg:border-b-0 lg:border-transparent': {},
35
+ '&[aria-expanded="true"]': {
36
+ '@apply lg:border-gray-300 lg:shadow-none': {}
29
37
  }
30
38
  },
31
- '&-item': {
32
- '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},
39
+ '&-group': {
40
+ 'a, button': {
41
+ '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},
42
+ '&.active': {
43
+ '@apply bg-hover text-white no-underline': {}
44
+ }
45
+ },
33
46
  '&.active': {
34
- '@apply bg-hover text-white no-underline': {}
47
+ 'a, button': {
48
+ '@apply bg-hover text-white no-underline': {}
49
+ }
35
50
  }
51
+ },
52
+ '&-divider': {
53
+ '@apply bg-white border-t-2 pb-sm mt-sm mx-md': {}
36
54
  }
37
55
  }
38
56
  });
package/dist/esm/components/user-menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","colors","overflow","display"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = (colors) => ({\r\n '.usermenu': {\r\n // \"@apply mx-sm mt-sm mb-0 px-md py-0 divide-y divide-y-2 divide-gray-300 bg-white border-2 border-white border-solid rounded\":\r\n '@apply text-body': {},\r\n // \"@apply \": {},\r\n '&-is-open': {\r\n // \"@apply border-2 border-gray-300 border-solid rounded\": {},\r\n // \"box-shadow\": \"0px 4px 12px rgba(27, 29, 31, 0.12)\",\r\n },\r\n\r\n '&-menuTitle': {\r\n overflow: 'hidden',\r\n 'text-overflow': 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '2' /* number of lines to show */,\r\n 'line-clamp': '2',\r\n '-webkit-box-orient': 'vertical',\r\n },\r\n\r\n '&-menuSubTitle': {\r\n overflow: 'hidden',\r\n 'text-overflow': 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '1' /* number of lines to show */,\r\n 'line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n },\r\n\r\n '&-header': {\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n '&-item': {\r\n '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},\r\n '&.active': {\r\n '@apply bg-hover text-white no-underline': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAIC,MAAM,KAAM;EACvC,WAAW,EAAE;IACX;IACA,kBAAkB,EAAE,CAAC,CAAC;IACtB;IACA,WAAW,EAAE;MACX;MACA;IAAA,CACD;IAED,aAAa,EAAE;MACbC,QAAQ,EAAE,QAAQ;MAClB,eAAe,EAAE,UAAU;MAC3BC,OAAO,EAAE,aAAa;MACtB,oBAAoB,EAAE,GAAG,CAAC;MAC1B,YAAY,EAAE,GAAG;MACjB,oBAAoB,EAAE;IACxB,CAAC;IAED,gBAAgB,EAAE;MAChBD,QAAQ,EAAE,QAAQ;MAClB,eAAe,EAAE,UAAU;MAC3BC,OAAO,EAAE,aAAa;MACtB,oBAAoB,EAAE,GAAG,CAAC;MAC1B,YAAY,EAAE,GAAG;MACjB,oBAAoB,EAAE;IACxB,CAAC;IAED,UAAU,EAAE;MACV,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC;MACtB;IACF,CAAC;IACD,QAAQ,EAAE;MACR,yFAAyF,EAAE,CAAC,CAAC;MAC7F,UAAU,EAAE;QACV,yCAAyC,EAAE,CAAC;MAC9C;IACF;EACF;AACF,CAAC,CAAC"}
1
+ {"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","colors"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = (colors) => ({\r\n '.sk-usermenu': {\r\n '@apply text-body mx-auto lg:mx-sm lg:relative': {},\r\n\r\n '&-wrapper': {\r\n '@apply block max-lg:-mr-md': {},\r\n },\r\n\r\n '&-button': {\r\n '&-content': {\r\n '@apply max-lg:font-bold lg:items-center lg:text-left': {},\r\n },\r\n '&-icon': {\r\n '@apply !text-2xl ml-auto align-top max-lg:mr-2 max-lg:text-primary': {},\r\n },\r\n },\r\n\r\n '&-first-row': {\r\n '@apply max-lg:hidden bg-white border-t-2 pb-sm -mt-0 mx-md': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex align-middle mt-md lg:mb-xs': {},\r\n '&-content': {\r\n '@apply inline-block px-lg py-md lg:pl-md lg:pr-md lg:py-sm text-sm font-semibold uppercase whitespace-nowrap':\r\n {},\r\n },\r\n '&-line': {\r\n '@apply inline-block w-full h-px border-gray-300 border-t-2 mt-[2.6rem] lg:hidden': {},\r\n },\r\n },\r\n\r\n '&-body': {\r\n '@apply py-sm absolute rounded border-t-0 bg-white mt-6 right-0 left-0 border-none max-lg:shadow-lg lg:-mt-2 lg:border-2 lg:border-solid lg:border-white':\r\n {},\r\n '&[data-open=\"true\"]': {\r\n '@apply lg:border-gray-300 lg:border-t-0 lg:shadow-lg': {},\r\n },\r\n },\r\n\r\n '&-header': {\r\n '@apply px-md py-sm bg-white border-none rounded lg:border-2 lg:border-solid lg:border-b-0 lg:border-transparent':\r\n {},\r\n '&[aria-expanded=\"true\"]': {\r\n '@apply lg:border-gray-300 lg:shadow-none': {},\r\n },\r\n },\r\n '&-group': {\r\n 'a, button': {\r\n '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},\r\n '&.active': {\r\n '@apply bg-hover text-white no-underline': {},\r\n },\r\n },\r\n '&.active': {\r\n 'a, button': {\r\n '@apply bg-hover text-white no-underline': {},\r\n },\r\n },\r\n },\r\n '&-divider': {\r\n '@apply bg-white border-t-2 pb-sm mt-sm mx-md': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAIC,MAAM,KAAM;EACvC,cAAc,EAAE;IACd,+CAA+C,EAAE,CAAC,CAAC;IAEnD,WAAW,EAAE;MACX,4BAA4B,EAAE,CAAC;IACjC,CAAC;IAED,UAAU,EAAE;MACV,WAAW,EAAE;QACX,sDAAsD,EAAE,CAAC;MAC3D,CAAC;MACD,QAAQ,EAAE;QACR,oEAAoE,EAAE,CAAC;MACzE;IACF,CAAC;IAED,aAAa,EAAE;MACb,4DAA4D,EAAE,CAAC;IACjE,CAAC;IAED,SAAS,EAAE;MACT,yCAAyC,EAAE,CAAC,CAAC;MAC7C,WAAW,EAAE;QACX,8GAA8G,EAC5G,CAAC;MACL,CAAC;MACD,QAAQ,EAAE;QACR,kFAAkF,EAAE,CAAC;MACvF;IACF,CAAC;IAED,QAAQ,EAAE;MACR,yJAAyJ,EACvJ,CAAC,CAAC;MACJ,qBAAqB,EAAE;QACrB,sDAAsD,EAAE,CAAC;MAC3D;IACF,CAAC;IAED,UAAU,EAAE;MACV,iHAAiH,EAC/G,CAAC,CAAC;MACJ,yBAAyB,EAAE;QACzB,0CAA0C,EAAE,CAAC;MAC/C;IACF,CAAC;IACD,SAAS,EAAE;MACT,WAAW,EAAE;QACX,yFAAyF,EAAE,CAAC,CAAC;QAC7F,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC;QAC9C;MACF,CAAC;MACD,UAAU,EAAE;QACV,WAAW,EAAE;UACX,yCAAyC,EAAE,CAAC;QAC9C;MACF;IACF,CAAC;IACD,WAAW,EAAE;MACX,8CAA8C,EAAE,CAAC;IACnD;EACF;AACF,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sk-web-gui/core",
3
- "version": "0.1.86",
3
+ "version": "0.1.87",
4
4
  "license": "MIT",
5
5
  "main": "src/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -40,5 +40,5 @@
40
40
  "@sk-web-gui/theme": "0.1.13",
41
41
  "mini-svg-data-uri": "^1.4.4"
42
42
  },
43
- "gitHead": "cec368ff60c94b6dd200112b070d60f489187fb2"
43
+ "gitHead": "433ca907ab7124030c8045bc5964a4f8ff5db68d"
44
44
  }
package/src/components/user-menu.js CHANGED
@@ -1,41 +1,65 @@
1
1
  module.exports = UserMenu = (colors) => ({
2
- '.usermenu': {
3
- // "@apply mx-sm mt-sm mb-0 px-md py-0 divide-y divide-y-2 divide-gray-300 bg-white border-2 border-white border-solid rounded":
4
- '@apply text-body': {},
5
- // "@apply ": {},
6
- '&-is-open': {
7
- // "@apply border-2 border-gray-300 border-solid rounded": {},
8
- // "box-shadow": "0px 4px 12px rgba(27, 29, 31, 0.12)",
2
+ '.sk-usermenu': {
3
+ '@apply text-body mx-auto lg:mx-sm lg:relative': {},
4
+
5
+ '&-wrapper': {
6
+ '@apply block max-lg:-mr-md': {},
7
+ },
8
+
9
+ '&-button': {
10
+ '&-content': {
11
+ '@apply max-lg:font-bold lg:items-center lg:text-left': {},
12
+ },
13
+ '&-icon': {
14
+ '@apply !text-2xl ml-auto align-top max-lg:mr-2 max-lg:text-primary': {},
15
+ },
16
+ },
17
+
18
+ '&-first-row': {
19
+ '@apply max-lg:hidden bg-white border-t-2 pb-sm -mt-0 mx-md': {},
9
20
  },
10
21
 
11
- '&-menuTitle': {
12
- overflow: 'hidden',
13
- 'text-overflow': 'ellipsis',
14
- display: '-webkit-box',
15
- '-webkit-line-clamp': '2' /* number of lines to show */,
16
- 'line-clamp': '2',
17
- '-webkit-box-orient': 'vertical',
22
+ '&-label': {
23
+ '@apply flex align-middle mt-md lg:mb-xs': {},
24
+ '&-content': {
25
+ '@apply inline-block px-lg py-md lg:pl-md lg:pr-md lg:py-sm text-sm font-semibold uppercase whitespace-nowrap':
26
+ {},
27
+ },
28
+ '&-line': {
29
+ '@apply inline-block w-full h-px border-gray-300 border-t-2 mt-[2.6rem] lg:hidden': {},
30
+ },
18
31
  },
19
32
 
20
- '&-menuSubTitle': {
21
- overflow: 'hidden',
22
- 'text-overflow': 'ellipsis',
23
- display: '-webkit-box',
24
- '-webkit-line-clamp': '1' /* number of lines to show */,
25
- 'line-clamp': '1',
26
- '-webkit-box-orient': 'vertical',
33
+ '&-body': {
34
+ '@apply py-sm absolute rounded border-t-0 bg-white mt-6 right-0 left-0 border-none max-lg:shadow-lg lg:-mt-2 lg:border-2 lg:border-solid lg:border-white':
35
+ {},
36
+ '&[data-open="true"]': {
37
+ '@apply lg:border-gray-300 lg:border-t-0 lg:shadow-lg': {},
38
+ },
27
39
  },
28
40
 
29
41
  '&-header': {
30
- '[aria-expanded="true"] &': {
31
- '@apply bg-hover': {},
42
+ '@apply px-md py-sm bg-white border-none rounded lg:border-2 lg:border-solid lg:border-b-0 lg:border-transparent':
43
+ {},
44
+ '&[aria-expanded="true"]': {
45
+ '@apply lg:border-gray-300 lg:shadow-none': {},
32
46
  },
33
47
  },
34
- '&-item': {
35
- '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},
48
+ '&-group': {
49
+ 'a, button': {
50
+ '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},
51
+ '&.active': {
52
+ '@apply bg-hover text-white no-underline': {},
53
+ },
54
+ },
36
55
  '&.active': {
37
- '@apply bg-hover text-white no-underline': {},
56
+ 'a, button': {
57
+ '@apply bg-hover text-white no-underline': {},
58
+ },
38
59
  },
39
60
  },
61
+ '&-divider': {
62
+ '@apply bg-white border-t-2 pb-sm mt-sm mx-md': {},
63
+ },
40
64
  },
41
65
  });