@sk-web-gui/core 0.1.77 → 0.1.78
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.
|
@@ -5,7 +5,7 @@ module.exports = Menu = function Menu() {
|
|
|
5
5
|
'.side-menu': {
|
|
6
6
|
'@apply w-[440px]': {},
|
|
7
7
|
'.menu-header': {
|
|
8
|
-
'@apply py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
|
|
8
|
+
'@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
|
|
9
9
|
'.label-small': {
|
|
10
10
|
'@apply text-[1.6rem]': {}
|
|
11
11
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n '.side-menu': {\r\n '@apply w-[440px]': {},\r\n\r\n '.menu-header': {\r\n '@apply py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n '.label-small': {\r\n '@apply text-[1.6rem]': {},\r\n },\r\n\r\n '.label-button': {\r\n '@apply w-full justify-between p-0': {},\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n },\r\n\r\n '.label-header': {\r\n '@apply flex items-center': {},\r\n\r\n 'label, .label': {\r\n '@apply text-xl font-bold': {},\r\n },\r\n\r\n span: {\r\n '@apply ml-auto': {},\r\n },\r\n },\r\n },\r\n\r\n '.menu-item': {\r\n '@apply bg-white h-full': {},\r\n\r\n '.items': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex-grow select-none flex items-center': {},\r\n },\r\n\r\n '&.active': {\r\n '> .wrapper': {\r\n boxShadow: 'inset 6px 0 0 0 #005595',\r\n '.menu-item-label': {\r\n '@apply underline': {},\r\n },\r\n },\r\n },\r\n\r\n '.expand path': {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '& .wrapper': {\r\n '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n '.menu-item-link': {\r\n '@apply flex-grow relative flex items-center text-base text-left justify-start py-sm pr-sm h-full': {},\r\n },\r\n\r\n '.expand': {\r\n '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n '&-button': {\r\n '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&.open': {\r\n '& + .menu-item > .wrapper': {\r\n '@apply border-t': {},\r\n },\r\n },\r\n\r\n '&.draggable': {\r\n '&.dragenter': {\r\n '> .wrapper': {\r\n '@apply h-full max-h-full': {},\r\n },\r\n \"> .wrapper > *:not([draggable='true'])\": {\r\n '@apply pointer-events-none': {},\r\n },\r\n\r\n '& > .wrapper::after': {\r\n '@apply bg-info-light block relative w-full h-[44px]': {},\r\n content: \"''\",\r\n },\r\n },\r\n\r\n '&.moving': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '& .menu-item-move-button': {\r\n '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n svg: {\r\n '@apply h-full': {},\r\n },\r\n '&-label': {\r\n '@apply text-[#B65A06]': {},\r\n },\r\n },\r\n\r\n '&.moved-here': {\r\n \"[draggable='true']\": {\r\n '@apply text-warning': {},\r\n },\r\n },\r\n\r\n '&.separator': {\r\n '@apply bg-transparent relative': {},\r\n\r\n '> div.wrapper, > .menu-item-link': {\r\n '@apply h-[44px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-separator': {\r\n '@apply text-svartvik-200': {},\r\n height: '1px',\r\n width: '100%',\r\n backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n '&.lvl-0': {\r\n '&:first-child > .wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n '> .menu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.menu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .menu-item > .wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n\r\n '> .items': {\r\n '@apply border-l border-r border-svartvik-200': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '&.separator > .wrapper': {\r\n '@apply border-l-0 border-r-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .wrapper, .menu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .wrapper': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .menu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n '.side-menu': {\r\n '@apply w-[440px]': {},\r\n\r\n '.menu-header': {\r\n '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n '.label-small': {\r\n '@apply text-[1.6rem]': {},\r\n },\r\n\r\n '.label-button': {\r\n '@apply w-full justify-between p-0': {},\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n },\r\n\r\n '.label-header': {\r\n '@apply flex items-center': {},\r\n\r\n 'label, .label': {\r\n '@apply text-xl font-bold': {},\r\n },\r\n\r\n span: {\r\n '@apply ml-auto': {},\r\n },\r\n },\r\n },\r\n\r\n '.menu-item': {\r\n '@apply bg-white h-full': {},\r\n\r\n '.items': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex-grow select-none flex items-center': {},\r\n },\r\n\r\n '&.active': {\r\n '> .wrapper': {\r\n boxShadow: 'inset 6px 0 0 0 #005595',\r\n '.menu-item-label': {\r\n '@apply underline': {},\r\n },\r\n },\r\n },\r\n\r\n '.expand path': {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '& .wrapper': {\r\n '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n '.menu-item-link': {\r\n '@apply flex-grow relative flex items-center text-base text-left justify-start py-sm pr-sm h-full': {},\r\n },\r\n\r\n '.expand': {\r\n '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n '&-button': {\r\n '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&.open': {\r\n '& + .menu-item > .wrapper': {\r\n '@apply border-t': {},\r\n },\r\n },\r\n\r\n '&.draggable': {\r\n '&.dragenter': {\r\n '> .wrapper': {\r\n '@apply h-full max-h-full': {},\r\n },\r\n \"> .wrapper > *:not([draggable='true'])\": {\r\n '@apply pointer-events-none': {},\r\n },\r\n\r\n '& > .wrapper::after': {\r\n '@apply bg-info-light block relative w-full h-[44px]': {},\r\n content: \"''\",\r\n },\r\n },\r\n\r\n '&.moving': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '& .menu-item-move-button': {\r\n '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n svg: {\r\n '@apply h-full': {},\r\n },\r\n '&-label': {\r\n '@apply text-[#B65A06]': {},\r\n },\r\n },\r\n\r\n '&.moved-here': {\r\n \"[draggable='true']\": {\r\n '@apply text-warning': {},\r\n },\r\n },\r\n\r\n '&.separator': {\r\n '@apply bg-transparent relative': {},\r\n\r\n '> div.wrapper, > .menu-item-link': {\r\n '@apply h-[44px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-separator': {\r\n '@apply text-svartvik-200': {},\r\n height: '1px',\r\n width: '100%',\r\n backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n '&.lvl-0': {\r\n '&:first-child > .wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n '> .menu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.menu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .menu-item > .wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n\r\n '> .items': {\r\n '@apply border-l border-r border-svartvik-200': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '&.separator > .wrapper': {\r\n '@apply border-l-0 border-r-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .wrapper, .menu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .wrapper': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .menu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ module.exports = Menu = () => ({
|
|
|
2
2
|
'.side-menu': {
|
|
3
3
|
'@apply w-[440px]': {},
|
|
4
4
|
'.menu-header': {
|
|
5
|
-
'@apply py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
|
|
5
|
+
'@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
|
|
6
6
|
'.label-small': {
|
|
7
7
|
'@apply text-[1.6rem]': {}
|
|
8
8
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n '.side-menu': {\r\n '@apply w-[440px]': {},\r\n\r\n '.menu-header': {\r\n '@apply py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n '.label-small': {\r\n '@apply text-[1.6rem]': {},\r\n },\r\n\r\n '.label-button': {\r\n '@apply w-full justify-between p-0': {},\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n },\r\n\r\n '.label-header': {\r\n '@apply flex items-center': {},\r\n\r\n 'label, .label': {\r\n '@apply text-xl font-bold': {},\r\n },\r\n\r\n span: {\r\n '@apply ml-auto': {},\r\n },\r\n },\r\n },\r\n\r\n '.menu-item': {\r\n '@apply bg-white h-full': {},\r\n\r\n '.items': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex-grow select-none flex items-center': {},\r\n },\r\n\r\n '&.active': {\r\n '> .wrapper': {\r\n boxShadow: 'inset 6px 0 0 0 #005595',\r\n '.menu-item-label': {\r\n '@apply underline': {},\r\n },\r\n },\r\n },\r\n\r\n '.expand path': {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '& .wrapper': {\r\n '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n '.menu-item-link': {\r\n '@apply flex-grow relative flex items-center text-base text-left justify-start py-sm pr-sm h-full': {},\r\n },\r\n\r\n '.expand': {\r\n '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n '&-button': {\r\n '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&.open': {\r\n '& + .menu-item > .wrapper': {\r\n '@apply border-t': {},\r\n },\r\n },\r\n\r\n '&.draggable': {\r\n '&.dragenter': {\r\n '> .wrapper': {\r\n '@apply h-full max-h-full': {},\r\n },\r\n \"> .wrapper > *:not([draggable='true'])\": {\r\n '@apply pointer-events-none': {},\r\n },\r\n\r\n '& > .wrapper::after': {\r\n '@apply bg-info-light block relative w-full h-[44px]': {},\r\n content: \"''\",\r\n },\r\n },\r\n\r\n '&.moving': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '& .menu-item-move-button': {\r\n '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n svg: {\r\n '@apply h-full': {},\r\n },\r\n '&-label': {\r\n '@apply text-[#B65A06]': {},\r\n },\r\n },\r\n\r\n '&.moved-here': {\r\n \"[draggable='true']\": {\r\n '@apply text-warning': {},\r\n },\r\n },\r\n\r\n '&.separator': {\r\n '@apply bg-transparent relative': {},\r\n\r\n '> div.wrapper, > .menu-item-link': {\r\n '@apply h-[44px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-separator': {\r\n '@apply text-svartvik-200': {},\r\n height: '1px',\r\n width: '100%',\r\n backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n '&.lvl-0': {\r\n '&:first-child > .wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n '> .menu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.menu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .menu-item > .wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n\r\n '> .items': {\r\n '@apply border-l border-r border-svartvik-200': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '&.separator > .wrapper': {\r\n '@apply border-l-0 border-r-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .wrapper, .menu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .wrapper': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .menu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n '.side-menu': {\r\n '@apply w-[440px]': {},\r\n\r\n '.menu-header': {\r\n '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n '.label-small': {\r\n '@apply text-[1.6rem]': {},\r\n },\r\n\r\n '.label-button': {\r\n '@apply w-full justify-between p-0': {},\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n },\r\n\r\n '.label-header': {\r\n '@apply flex items-center': {},\r\n\r\n 'label, .label': {\r\n '@apply text-xl font-bold': {},\r\n },\r\n\r\n span: {\r\n '@apply ml-auto': {},\r\n },\r\n },\r\n },\r\n\r\n '.menu-item': {\r\n '@apply bg-white h-full': {},\r\n\r\n '.items': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex-grow select-none flex items-center': {},\r\n },\r\n\r\n '&.active': {\r\n '> .wrapper': {\r\n boxShadow: 'inset 6px 0 0 0 #005595',\r\n '.menu-item-label': {\r\n '@apply underline': {},\r\n },\r\n },\r\n },\r\n\r\n '.expand path': {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '& .wrapper': {\r\n '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n '.menu-item-link': {\r\n '@apply flex-grow relative flex items-center text-base text-left justify-start py-sm pr-sm h-full': {},\r\n },\r\n\r\n '.expand': {\r\n '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n '&-button': {\r\n '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&.open': {\r\n '& + .menu-item > .wrapper': {\r\n '@apply border-t': {},\r\n },\r\n },\r\n\r\n '&.draggable': {\r\n '&.dragenter': {\r\n '> .wrapper': {\r\n '@apply h-full max-h-full': {},\r\n },\r\n \"> .wrapper > *:not([draggable='true'])\": {\r\n '@apply pointer-events-none': {},\r\n },\r\n\r\n '& > .wrapper::after': {\r\n '@apply bg-info-light block relative w-full h-[44px]': {},\r\n content: \"''\",\r\n },\r\n },\r\n\r\n '&.moving': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '& .menu-item-move-button': {\r\n '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n svg: {\r\n '@apply h-full': {},\r\n },\r\n '&-label': {\r\n '@apply text-[#B65A06]': {},\r\n },\r\n },\r\n\r\n '&.moved-here': {\r\n \"[draggable='true']\": {\r\n '@apply text-warning': {},\r\n },\r\n },\r\n\r\n '&.separator': {\r\n '@apply bg-transparent relative': {},\r\n\r\n '> div.wrapper, > .menu-item-link': {\r\n '@apply h-[44px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-separator': {\r\n '@apply text-svartvik-200': {},\r\n height: '1px',\r\n width: '100%',\r\n backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n '&.lvl-0': {\r\n '&:first-child > .wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n '> .menu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.menu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .menu-item > .wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n\r\n '> .items': {\r\n '@apply border-l border-r border-svartvik-200': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '&.separator > .wrapper': {\r\n '@apply border-l-0 border-r-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .wrapper, .menu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .wrapper': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .menu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sk-web-gui/core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.78",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"@sk-web-gui/theme": "0.1.12",
|
|
40
40
|
"mini-svg-data-uri": "^1.4.4"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "e10ba577593cc69781fc8e65dd12803667657cbe"
|
|
43
43
|
}
|
|
@@ -3,7 +3,7 @@ module.exports = Menu = () => ({
|
|
|
3
3
|
'@apply w-[440px]': {},
|
|
4
4
|
|
|
5
5
|
'.menu-header': {
|
|
6
|
-
'@apply py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
|
|
6
|
+
'@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
|
|
7
7
|
|
|
8
8
|
'.label-small': {
|
|
9
9
|
'@apply text-[1.6rem]': {},
|