@sk-web-gui/core 0.1.75 → 0.1.76

package/dist/esm/components/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","names":["module","exports","Kbd","minWidth"],"sources":["../../../src/components/kbd.js"],"sourcesContent":["module.exports = Kbd = () => ({\r\n  '.kbd': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},\r\n    minWidth: '1.25rem',\r\n    '@apply bg-blackAlpha-100 text-body': {},\r\n    // dark\r\n    '@apply dark:bg-white/30 dark:text-neutral-300': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAGA,CAAA,MAAO;EAC5B,MAAM,EAAE;IACN,+GAA+G,EAAE,CAAC,CAAC;IACnHC,QAAQ,EAAE,SAAS;IACnB,oCAAoC,EAAE,CAAC,CAAC;IACxC;IACA,+CAA+C,EAAE,CAAC;EACpD;AACF,CAAC,CAAC"}

package/dist/esm/components/link.js

@@ -0,0 +1,21 @@
+module.exports = Link = () => ({
+  '.link': {
+    '@apply cursor-base underline outline-none hover:underline': {},
+    '@apply text-primary dark:text-primary': {},
+    '@apply focus-visible:ring-4 focus-visible:ring-primary': {},
+    '@apply hover:text-primary-active': {},
+    '&.active': {
+      '@apply underline text-primary-active': {}
+    },
+    '&-external-icon': {
+      fontSize: '0.875em !important',
+      lineHeight: '1',
+      marginLeft: '.25em',
+      verticalAlign: 'text-top'
+    },
+    '&-disabled': {
+      '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {}
+    }
+  }
+});
+//# sourceMappingURL=link.js.map

package/dist/esm/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":["module","exports","Link","fontSize","lineHeight","marginLeft","verticalAlign"],"sources":["../../../src/components/link.js"],"sourcesContent":["module.exports = Link = () => ({\r\n  '.link': {\r\n    '@apply cursor-base underline outline-none hover:underline': {},\r\n    '@apply text-primary dark:text-primary': {},\r\n    '@apply focus-visible:ring-4 focus-visible:ring-primary': {},\r\n\r\n    '@apply hover:text-primary-active': {},\r\n\r\n    '&.active': {\r\n      '@apply underline text-primary-active': {},\r\n    },\r\n    '&-external-icon': {\r\n      fontSize: '0.875em !important',\r\n      lineHeight: '1',\r\n      marginLeft: '.25em',\r\n      verticalAlign: 'text-top',\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,OAAO,EAAE;IACP,2DAA2D,EAAE,CAAC,CAAC;IAC/D,uCAAuC,EAAE,CAAC,CAAC;IAC3C,wDAAwD,EAAE,CAAC,CAAC;IAE5D,kCAAkC,EAAE,CAAC,CAAC;IAEtC,UAAU,EAAE;MACV,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IACD,iBAAiB,EAAE;MACjBC,QAAQ,EAAE,oBAAoB;MAC9BC,UAAU,EAAE,GAAG;MACfC,UAAU,EAAE,OAAO;MACnBC,aAAa,EAAE;IACjB,CAAC;IAED,YAAY,EAAE;MACZ,8EAA8E,EAAE,CAAC;IACnF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/message.js

@@ -0,0 +1,50 @@
+module.exports = Message = () => ({
+  '.message': {
+    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},
+    '@apply text-body bg-white border-l-4': {},
+    // dark
+    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
+    '&-text': {
+      '@apply text-left flex-grow': {}
+    },
+    '&-info': {
+      '@apply border-info': {},
+      '.message-icon': {
+        '@apply text-info': {}
+      }
+    },
+    '&-success': {
+      '@apply border-success': {},
+      '.message-icon': {
+        '@apply text-success': {}
+      }
+    },
+    '&-error': {
+      '@apply border-error': {},
+      '.message-icon': {
+        '@apply text-error': {}
+      }
+    },
+    '&-warning': {
+      '@apply border-warning': {},
+      '.message-icon': {
+        '@apply text-warning': {}
+      }
+    }
+  },
+  '.message-icon': {
+    '@apply mr-4 flex-shrink-0 w-10 h-10': {}
+  },
+  '.message-close-button': {
+    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base': {},
+    marginLeft: '0.25em',
+    marginRight: '-0.55em',
+    '&-icon': {
+      '@apply !text-xl': {}
+    },
+    '&-disabled': {
+      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
+    }
+  }
+});
+//# sourceMappingURL=message.js.map

package/dist/esm/components/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":["module","exports","Message","marginLeft","marginRight"],"sources":["../../../src/components/message.js"],"sourcesContent":["module.exports = Message = () => ({\r\n  '.message': {\r\n    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},\r\n    '@apply text-body bg-white border-l-4': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n\r\n    '&-text': {\r\n      '@apply text-left flex-grow': {},\r\n    },\r\n\r\n    '&-info': {\r\n      '@apply border-info': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-info': {},\r\n      },\r\n    },\r\n    '&-success': {\r\n      '@apply border-success': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-success': {},\r\n      },\r\n    },\r\n    '&-error': {\r\n      '@apply border-error': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-error': {},\r\n      },\r\n    },\r\n    '&-warning': {\r\n      '@apply border-warning': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-warning': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '.message-icon': {\r\n    '@apply mr-4 flex-shrink-0 w-10 h-10': {},\r\n  },\r\n\r\n  '.message-close-button': {\r\n    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':\r\n      {},\r\n    marginLeft: '0.25em',\r\n    marginRight: '-0.55em',\r\n\r\n    '&-icon': {\r\n      '@apply !text-xl': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,UAAU,EAAE;IACV,6GAA6G,EAAE,CAAC,CAAC;IACjH,sCAAsC,EAAE,CAAC,CAAC;IAC1C;IACA,0EAA0E,EAAE,CAAC,CAAC;IAE9E,QAAQ,EAAE;MACR,4BAA4B,EAAE,CAAC;IACjC,CAAC;IAED,QAAQ,EAAE;MACR,oBAAoB,EAAE,CAAC,CAAC;MAExB,eAAe,EAAE;QACf,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IACD,WAAW,EAAE;MACX,uBAAuB,EAAE,CAAC,CAAC;MAE3B,eAAe,EAAE;QACf,qBAAqB,EAAE,CAAC;MAC1B;IACF,CAAC;IACD,SAAS,EAAE;MACT,qBAAqB,EAAE,CAAC,CAAC;MAEzB,eAAe,EAAE;QACf,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IACD,WAAW,EAAE;MACX,uBAAuB,EAAE,CAAC,CAAC;MAE3B,eAAe,EAAE;QACf,qBAAqB,EAAE,CAAC;MAC1B;IACF;EACF,CAAC;EAED,eAAe,EAAE;IACf,qCAAqC,EAAE,CAAC;EAC1C,CAAC;EAED,uBAAuB,EAAE;IACvB,wIAAwI,EACtI,CAAC,CAAC;IACJC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,SAAS;IAEtB,QAAQ,EAAE;MACR,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED,YAAY,EAAE;MACZ,6EAA6E,EAAE,CAAC;IAClF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/modal.js

@@ -0,0 +1,24 @@
+module.exports = Modal = () => ({
+  '.modal': {
+    '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},
+    '&-backdrop': {
+      '@apply bg-black bg-opacity-30': {}
+    },
+    '&-wrapper': {
+      '@apply flex flex-col container py-8 px-4 text-center bg-white max-w-screen-sm relative': {}
+    },
+    '&-close-btn': {
+      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center': {}
+    },
+    '&-title': {
+      '@apply text-3xl p-4': {}
+    },
+    '&-description': {
+      '@apply text-base p-4': {}
+    },
+    '&-content-wrapper': {
+      '@apply p-4 space-y-10': {}
+    }
+  }
+});
+//# sourceMappingURL=modal.js.map

package/dist/esm/components/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","names":["module","exports","Modal"],"sources":["../../../src/components/modal.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.modal': {\r\n    '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},\r\n\r\n    '&-backdrop': {\r\n      '@apply bg-black bg-opacity-30': {},\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex flex-col container py-8 px-4 text-center bg-white max-w-screen-sm relative': {},\r\n    },\r\n\r\n    '&-close-btn': {\r\n      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n        {},\r\n    },\r\n\r\n    '&-title': {\r\n      '@apply text-3xl p-4': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-base p-4': {},\r\n    },\r\n\r\n    '&-content-wrapper': {\r\n      '@apply p-4 space-y-10': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,QAAQ,EAAE;IACR,4EAA4E,EAAE,CAAC,CAAC;IAEhF,YAAY,EAAE;MACZ,+BAA+B,EAAE,CAAC;IACpC,CAAC;IAED,WAAW,EAAE;MACX,wFAAwF,EAAE,CAAC;IAC7F,CAAC;IAED,aAAa,EAAE;MACb,8IAA8I,EAC5I,CAAC;IACL,CAAC;IAED,SAAS,EAAE;MACT,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IAED,eAAe,EAAE;MACf,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,mBAAmB,EAAE;MACnB,uBAAuB,EAAE,CAAC;IAC5B;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/notification.js

@@ -0,0 +1,49 @@
+module.exports = Notification = () => ({
+  '.notification': {
+    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
+    '@apply text-body bg-white border border-neutral-200': {},
+    // dark
+    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {}
+  },
+  '.notification-icon': {
+    '@apply flex-shrink-0 w-5 h-5 mr-3': {},
+    '&-info': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(59, 130, 246, var(--tw-text-opacity))'
+    },
+    '&-success': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(34, 197, 94, var(--tw-text-opacity))'
+    },
+    '&-error': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(239, 68, 68, var(--tw-text-opacity))'
+    },
+    '&-warning': {
+      '--tw-text-opacity': '1',
+      color: 'rgba(234, 179, 8, var(--tw-text-opacity))'
+    }
+  },
+  '.notification-content': {
+    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},
+    '&-title': {
+      '@apply font-semibold': {}
+    },
+    '&-description': {
+      '@apply text-neutral-500 dark:text-neutral-400': {}
+    }
+  },
+  '.notification-action': {
+    '@apply absolute space-x-2': {},
+    right: 16,
+    top: 16,
+    '&-undo': {
+      '@apply h-auto p-0 text-sm': {}
+    },
+    '&-close-button': {
+      '@apply cursor-base text-neutral-700 hover:text-body': {},
+      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {}
+    }
+  }
+});
+//# sourceMappingURL=notification.js.map

package/dist/esm/components/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-sm': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAGA,CAAA,MAAO;EACrC,eAAe,EAAE;IACf,yFAAyF,EAAE,CAAC,CAAC;IAC7F,qDAAqD,EAAE,CAAC,CAAC;IACzD;IACA,0EAA0E,EAAE,CAAC;EAC/E,CAAC;EAED,oBAAoB,EAAE;IACpB,mCAAmC,EAAE,CAAC,CAAC;IAEvC,QAAQ,EAAE;MACR,mBAAmB,EAAE,GAAG;MACxBC,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,SAAS,EAAE;MACT,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT;EACF,CAAC;EAED,uBAAuB,EAAE;IACvB,+DAA+D,EAAE,CAAC,CAAC;IAEnE,SAAS,EAAE;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe,EAAE;MACf,+CAA+C,EAAE,CAAC;IACpD;EACF,CAAC;EAED,sBAAsB,EAAE;IACtB,2BAA2B,EAAE,CAAC,CAAC;IAC/BC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE,EAAE;IAEP,QAAQ,EAAE;MACR,2BAA2B,EAAE,CAAC;IAChC,CAAC;IAED,gBAAgB,EAAE;MAChB,qDAAqD,EAAE,CAAC,CAAC;MACzD,0DAA0D,EAAE,CAAC;IAC/D;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/pagination.js

@@ -0,0 +1,80 @@
+module.exports = Pagination = () => ({
+  '.pagination': {
+    '@apply select-none': {},
+    '&-sm': {
+      '@apply text-xs': {}
+    },
+    '&-md': {
+      '@apply text-lg': {}
+    },
+    '&-lg': {
+      '@apply text-xl': {}
+    },
+    '&-list': {
+      '@apply flex items-center': {}
+    },
+    '.form-select-wrapper': {
+      '@apply w-fit': {}
+    },
+    '&-pageLabel': {
+      '@apply cursor-pointer m-sm box-content': {},
+      width: '1.5em',
+      height: '1.75em',
+      "&[aria-disabled='true']": {
+        '@apply border-primary border-b cursor-default text-primary': {}
+      }
+    },
+    '&-prevNextButton': {
+      '@apply text-body ml-4 my-sm inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},
+      height: '1.75em',
+      '&[data-reverse=true]': {
+        '@apply mr-4 ml-0 flex-row-reverse': {},
+        '.pagination-prevNextButton-label': {
+          '@apply mr-sm ml-0': {}
+        }
+      },
+      '&[disabled]': {
+        '@apply opacity-50 cursor-default': {}
+      },
+      "&[disabled='false']": {
+        '&-label, &-icon': {
+          '@apply cursor-pointer': {}
+        }
+      },
+      '&-label': {
+        '@apply hidden sm:inline ml-sm leading-none': {}
+      },
+      '&-icon': {
+        '@apply m-1 leading-none flex items-center': {},
+        '.MuiSvgIcon-root': {
+          fontSize: '1em'
+        }
+      }
+    },
+    '&-ellipsis': {
+      '@apply inline-block w-16 text-center': {}
+    },
+    '&.fit-content': {
+      '@apply w-full max-w-full': {},
+      '.pagination-list': {
+        '@apply w-full flex justify-between': {},
+        '&-item': {
+          '@apply px-0  flex-shrink grow text-center': {},
+          '&.ellipsis': {
+            '@apply flex-shrink grow-0': {}
+          },
+          '&.prev-next': {
+            '@apply flex-shrink grow-0': {}
+          },
+          '.pagination-pageLabel': {
+            '@apply w-full max-w-[1.5em] mx-xs': {}
+          }
+        }
+      },
+      '.form-select-wrapper': {
+        '@apply w-full': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=pagination.js.map

package/dist/esm/components/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":["module","exports","Pagination","width","height","fontSize"],"sources":["../../../src/components/pagination.js"],"sourcesContent":["module.exports = Pagination = () => ({\r\n  '.pagination': {\r\n    '@apply select-none': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-lg': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-xl': {},\r\n    },\r\n\r\n    '&-list': {\r\n      '@apply flex items-center': {},\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply cursor-pointer m-sm box-content': {},\r\n      width: '1.5em',\r\n      height: '1.75em',\r\n\r\n      \"&[aria-disabled='true']\": {\r\n        '@apply border-primary border-b cursor-default text-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-body ml-4 my-sm inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},\r\n      height: '1.75em',\r\n\r\n      '&[data-reverse=true]': {\r\n        '@apply mr-4 ml-0 flex-row-reverse': {},\r\n\r\n        '.pagination-prevNextButton-label': {\r\n          '@apply mr-sm ml-0': {},\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply opacity-50 cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '&-label, &-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n\r\n        '.MuiSvgIcon-root': {\r\n          fontSize: '1em',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.pagination-list': {\r\n        '@apply w-full flex justify-between': {},\r\n        '&-item': {\r\n          '@apply px-0  flex-shrink grow text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '.pagination-pageLabel': {\r\n            '@apply w-full max-w-[1.5em] mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACnC,aAAa,EAAE;IACb,oBAAoB,EAAE,CAAC,CAAC;IAExB,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,QAAQ,EAAE;MACR,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,sBAAsB,EAAE;MACtB,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,aAAa,EAAE;MACb,wCAAwC,EAAE,CAAC,CAAC;MAC5CC,KAAK,EAAE,OAAO;MACdC,MAAM,EAAE,QAAQ;MAEhB,yBAAyB,EAAE;QACzB,4DAA4D,EAAE,CAAC;MACjE;IACF,CAAC;IAED,kBAAkB,EAAE;MAClB,kGAAkG,EAAE,CAAC,CAAC;MACtGA,MAAM,EAAE,QAAQ;MAEhB,sBAAsB,EAAE;QACtB,mCAAmC,EAAE,CAAC,CAAC;QAEvC,kCAAkC,EAAE;UAClC,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MAED,aAAa,EAAE;QACb,kCAAkC,EAAE,CAAC;MACvC,CAAC;MAED,qBAAqB,EAAE;QACrB,iBAAiB,EAAE;UACjB,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,SAAS,EAAE;QACT,4CAA4C,EAAE,CAAC;MACjD,CAAC;MAED,QAAQ,EAAE;QACR,2CAA2C,EAAE,CAAC,CAAC;QAE/C,kBAAkB,EAAE;UAClBC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IAED,YAAY,EAAE;MACZ,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IACD,eAAe,EAAE;MACf,0BAA0B,EAAE,CAAC,CAAC;MAC9B,kBAAkB,EAAE;QAClB,oCAAoC,EAAE,CAAC,CAAC;QACxC,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC,CAAC;UAC/C,YAAY,EAAE;YACZ,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,aAAa,EAAE;YACb,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,uBAAuB,EAAE;YACvB,mCAAmC,EAAE,CAAC;UACxC;QACF;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/profile-picture.js

@@ -0,0 +1,13 @@
+module.exports = ProfilePicture = () => ({
+  '.profile-picture': {
+    '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary': {},
+    '.profile-picture-img': {
+      '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {}
+    },
+    '.icon': {
+      width: '3.8rem!important',
+      height: '3.8rem!important'
+    }
+  }
+});
+//# sourceMappingURL=profile-picture.js.map

package/dist/esm/components/profile-picture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-picture.js","names":["module","exports","ProfilePicture","width","height"],"sources":["../../../src/components/profile-picture.js"],"sourcesContent":["module.exports = ProfilePicture = () => ({\r\n  '.profile-picture': {\r\n    '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary':\r\n      {},\r\n\r\n    '.profile-picture-img': {\r\n      '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {},\r\n    },\r\n    '.icon': {\r\n      width: '3.8rem!important',\r\n      height: '3.8rem!important',\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAGA,CAAA,MAAO;EACvC,kBAAkB,EAAE;IAClB,8KAA8K,EAC5K,CAAC,CAAC;IAEJ,sBAAsB,EAAE;MACtB,iEAAiE,EAAE,CAAC;IACtE,CAAC;IACD,OAAO,EAAE;MACPC,KAAK,EAAE,kBAAkB;MACzBC,MAAM,EAAE;IACV;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/profile.js

@@ -0,0 +1,32 @@
+module.exports = Profile = () => ({
+  '.profile-container': {
+    '@apply flex items-center': {},
+    '.profile-title': {
+      '@apply font-bold text-base m-0': {}
+    },
+    '.profile-subtitle': {
+      '@apply text-sm leading-[20px] m-0': {}
+    },
+    '&.minimal': {
+      '.profile-title': {
+        overflow: 'hidden',
+        'text-overflow': 'ellipsis',
+        display: '-webkit-box',
+        '-webkit-line-clamp': '1' /* number of lines to show */,
+        'line-clamp': '1',
+        '-webkit-box-orient': 'vertical'
+      },
+      '.profile-subtitle': {
+        overflow: 'hidden',
+        'text-overflow': 'ellipsis',
+        display: '-webkit-box',
+        '-webkit-line-clamp': '1' /* number of lines to show */,
+        'line-clamp': '1',
+        '-webkit-box-orient': 'vertical'
+      }
+    }
+
+    // '&.truncate': { '@apply truncate pr-md': {} },
+  }
+});
+//# sourceMappingURL=profile.js.map

package/dist/esm/components/profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile.js","names":["module","exports","Profile","overflow","display"],"sources":["../../../src/components/profile.js"],"sourcesContent":["module.exports = Profile = () => ({\r\n  '.profile-container': {\r\n    '@apply flex items-center': {},\r\n\r\n    '.profile-title': {\r\n      '@apply font-bold text-base m-0': {},\r\n    },\r\n    '.profile-subtitle': {\r\n      '@apply text-sm leading-[20px] m-0': {},\r\n    },\r\n\r\n    '&.minimal': {\r\n      '.profile-title': {\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      '.profile-subtitle': {\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\r\n    // '&.truncate': { '@apply truncate pr-md': {} },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,oBAAoB,EAAE;IACpB,0BAA0B,EAAE,CAAC,CAAC;IAE9B,gBAAgB,EAAE;MAChB,gCAAgC,EAAE,CAAC;IACrC,CAAC;IACD,mBAAmB,EAAE;MACnB,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,WAAW,EAAE;MACX,gBAAgB,EAAE;QAChBC,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;MACD,mBAAmB,EAAE;QACnBD,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,UAAU;QAC3BC,OAAO,EAAE,aAAa;QACtB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,YAAY,EAAE,GAAG;QACjB,oBAAoB,EAAE;MACxB;IACF;;IAEA;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/radio.js

@@ -0,0 +1,86 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+module.exports = Radio = colors => ({
+  '.form-radio': _extends({
+    '@apply shadow-sm': {},
+    backgroundColor: 'inherit',
+    '@apply border-neutral-300': {},
+    '&[aria-invalid=true]': {
+      '--tw-border-opacity': '1',
+      borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
+    },
+    '&[aria-invalid=true]:hover': {
+      '--tw-border-opacity': '1',
+      'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
+    },
+    // dark colors
+    '@apply dark:border-neutral-400': {},
+    '.dark &[aria-invalid=true]': {
+      '--tw-border-opacity': '1',
+      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
+    },
+    '.dark &[aria-invalid=true]:hover': {
+      '--tw-border-opacity': '1',
+      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
+    },
+    '@media (prefers-color-scheme: dark)': {
+      '&[aria-invalid=true]': {
+        '--tw-border-opacity': '1',
+        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
+      },
+      '&[aria-invalid=true]:hover': {
+        '--tw-border-opacity': '1',
+        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
+      }
+    },
+    '&:checked': {
+      borderColor: 'transparent'
+    }
+  }, colors.reduce((styles, color) => _extends({}, styles, {
+    ["&[data-color=\"" + color + "\"]"]: {
+      ["@apply text-" + color + "-600"]: {},
+      ["@apply focus-visible:border-" + color + "-600 focus-visible:ring-" + color + "-600"]: {},
+      ["@apply dark:text-" + color + "-500"]: {},
+      ["@apply dark:focus-visible:border-" + color + "-400 dark:focus-visible:ring-" + color + "-400"]: {}
+    }
+  }), {}), {
+    '@apply dark:focus-visible:ring-offset-neutral-900': {},
+    // sizing
+    '&-sm': {
+      '@apply w-3 h-3': {}
+    },
+    '&-md': {
+      '@apply w-4 h-4': {}
+    },
+    '&-lg': {
+      '@apply w-5 h-5': {}
+    },
+    '&-xl': {
+      '@apply w-6 h-6': {}
+    },
+    // disabled
+    '&-disabled': {
+      '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300': {},
+      '@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20': {}
+    },
+    // label
+    '&-label': {
+      '@apply ml-2 select-none text-sm': {},
+      '@apply text-body': {},
+      // dark colors
+      '@apply dark:text-neutral-100': {},
+      '&-sm': {
+        '@apply text-xs': {}
+      },
+      '&-md': {
+        '@apply text-sm': {}
+      },
+      '&-lg': {
+        '@apply text-base': {}
+      },
+      '&-xl': {
+        '@apply text-lg': {}
+      }
+    }
+  })
+});
+//# sourceMappingURL=radio.js.map

package/dist/esm/components/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":["module","exports","Radio","colors","_extends","backgroundColor","borderColor","reduce","styles","color"],"sources":["../../../src/components/radio.js"],"sourcesContent":["module.exports = Radio = (colors) => ({\r\n  '.form-radio': {\r\n    '@apply shadow-sm': {},\r\n    backgroundColor: 'inherit',\r\n    '@apply border-neutral-300': {},\r\n    '&[aria-invalid=true]': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n    },\r\n    '&[aria-invalid=true]:hover': {\r\n      '--tw-border-opacity': '1',\r\n      'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n    },\r\n    // dark colors\r\n    '@apply dark:border-neutral-400': {},\r\n    '.dark &[aria-invalid=true]': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n    },\r\n    '.dark &[aria-invalid=true]:hover': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n    },\r\n\r\n    '@media (prefers-color-scheme: dark)': {\r\n      '&[aria-invalid=true]': {\r\n        '--tw-border-opacity': '1',\r\n        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n      },\r\n      '&[aria-invalid=true]:hover': {\r\n        '--tw-border-opacity': '1',\r\n        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n      },\r\n    },\r\n\r\n    '&:checked': {\r\n      borderColor: 'transparent',\r\n    },\r\n\r\n    // colors\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply text-${color}-600`]: {},\r\n          [`@apply focus-visible:border-${color}-600 focus-visible:ring-${color}-600`]: {},\r\n          [`@apply dark:text-${color}-500`]: {},\r\n          [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    '@apply dark:focus-visible:ring-offset-neutral-900': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    // disabled\r\n    '&-disabled': {\r\n      '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300':\r\n        {},\r\n      '@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20': {},\r\n    },\r\n\r\n    // label\r\n    '&-label': {\r\n      '@apply ml-2 select-none text-sm': {},\r\n      '@apply text-body': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-100': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base': {},\r\n      },\r\n\r\n      '&-xl': {\r\n        '@apply text-lg': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAIC,MAAM,KAAM;EACpC,aAAa,EAAAC,QAAA;IACX,kBAAkB,EAAE,CAAC,CAAC;IACtBC,eAAe,EAAE,SAAS;IAC1B,2BAA2B,EAAE,CAAC,CAAC;IAC/B,sBAAsB,EAAE;MACtB,qBAAqB,EAAE,GAAG;MAC1BC,WAAW,EAAE;IACf,CAAC;IACD,4BAA4B,EAAE;MAC5B,qBAAqB,EAAE,GAAG;MAC1B,cAAc,EAAE;IAClB,CAAC;IACD;IACA,gCAAgC,EAAE,CAAC,CAAC;IACpC,4BAA4B,EAAE;MAC5B,qBAAqB,EAAE,GAAG;MAC1BA,WAAW,EAAE;IACf,CAAC;IACD,kCAAkC,EAAE;MAClC,qBAAqB,EAAE,GAAG;MAC1BA,WAAW,EAAE;IACf,CAAC;IAED,qCAAqC,EAAE;MACrC,sBAAsB,EAAE;QACtB,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MACD,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1B,cAAc,EAAE;MAClB;IACF,CAAC;IAED,WAAW,EAAE;MACXA,WAAW,EAAE;IACf;EAAC,GAGEH,MAAM,CAACI,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAL,QAAA,KACTI,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,kBAAgBA,KAAK,YAAS,CAAC,CAAC;MAChC,kCAAgCA,KAAK,gCAA2BA,KAAK,YAAS,CAAC,CAAC;MAChF,uBAAqBA,KAAK,YAAS,CAAC,CAAC;MACrC,uCAAqCA,KAAK,qCAAgCA,KAAK,YAAS,CAAC;IAC3F;EAAC,EACD,EACF,CAAC,CAAC,CACH;IAED,mDAAmD,EAAE,CAAC,CAAC;IAEvD;IACA,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED;IACA,YAAY,EAAE;MACZ,iHAAiH,EAC/G,CAAC,CAAC;MACJ,qGAAqG,EAAE,CAAC;IAC1G,CAAC;IAED;IACA,SAAS,EAAE;MACT,iCAAiC,EAAE,CAAC,CAAC;MACrC,kBAAkB,EAAE,CAAC,CAAC;MACtB;MACA,8BAA8B,EAAE,CAAC,CAAC;MAElC,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB;IACF;EAAC;AAEL,CAAC,CAAC"}

package/dist/esm/components/search-bar.js

@@ -0,0 +1,6 @@
+module.exports = SearchBar = () => ({
+  '.search-bar': {
+    '@apply w-full relative': {}
+  }
+});
+//# sourceMappingURL=search-bar.js.map

package/dist/esm/components/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.js","names":["module","exports","SearchBar"],"sources":["../../../src/components/search-bar.js"],"sourcesContent":["module.exports = SearchBar = () => ({\r\n  '.search-bar': {\r\n    '@apply w-full relative': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAGA,CAAA,MAAO;EAClC,aAAa,EAAE;IACb,wBAAwB,EAAE,CAAC;EAC7B;AACF,CAAC,CAAC"}

package/dist/esm/components/side-menu.js

@@ -0,0 +1,203 @@
+module.exports = Menu = () => ({
+  '.side-menu': {
+    '@apply w-[440px]': {},
+    '.menu-header': {
+      '@apply py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
+      '.label-small': {
+        '@apply text-[1.6rem]': {}
+      },
+      '.label-button': {
+        '@apply w-full justify-between p-0': {},
+        '&-icon': {
+          '@apply !text-xl': {}
+        }
+      },
+      '.label-header': {
+        '@apply flex items-center': {},
+        'label, .label': {
+          '@apply text-xl font-bold': {}
+        },
+        span: {
+          '@apply ml-auto': {}
+        }
+      }
+    },
+    '.menu-item': {
+      '@apply bg-white h-full': {},
+      '.items': {
+        '@apply block': {}
+      },
+      '&-label': {
+        '@apply flex-grow select-none flex items-center': {}
+      },
+      '&.active': {
+        '> .wrapper': {
+          boxShadow: 'inset 6px 0 0 0 #005595',
+          '.menu-item-label': {
+            '@apply underline': {}
+          }
+        }
+      },
+      '.expand path': {
+        '@apply fill-primary': {}
+      },
+      '& .wrapper': {
+        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
+        '.menu-item-link': {
+          '@apply flex-grow relative flex items-center text-base text-left justify-start py-sm pr-sm h-full': {}
+        },
+        '.expand': {
+          '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},
+          '&-button': {
+            '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
+          }
+        }
+      },
+      '&.open': {
+        '& + .menu-item > .wrapper': {
+          '@apply border-t': {}
+        }
+      },
+      '&.draggable': {
+        '&.dragenter': {
+          '> .wrapper': {
+            '@apply h-full max-h-full': {}
+          },
+          "> .wrapper > *:not([draggable='true'])": {
+            '@apply pointer-events-none': {}
+          },
+          '& > .wrapper::after': {
+            '@apply bg-info-light block relative w-full h-[44px]': {},
+            content: "''"
+          }
+        },
+        '&.moving': {
+          '@apply hidden': {}
+        },
+        '& .menu-item-move-button': {
+          '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},
+          svg: {
+            '@apply h-full': {}
+          },
+          '&-label': {
+            '@apply text-[#B65A06]': {}
+          }
+        },
+        '&.moved-here': {
+          "[draggable='true']": {
+            '@apply text-warning': {}
+          }
+        },
+        '&.separator': {
+          '@apply bg-transparent relative': {},
+          '> div.wrapper, > .menu-item-link': {
+            '@apply h-[44px]': {}
+          }
+        }
+      },
+      '&-separator': {
+        '@apply text-svartvik-200': {},
+        height: '1px',
+        width: '100%',
+        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)",
+        backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',
+        backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',
+        backgroundRepeat: 'no-repeat'
+      },
+      '&.lvl-0': {
+        '&:first-child > .wrapper': {
+          '@apply border-t-0': {}
+        },
+        '> .wrapper': {
+          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},
+          '> .menu-item-link': {
+            '@apply  py-md': {},
+            paddingLeft: '3.2rem'
+          }
+        },
+        '.menu-item-link': {
+          '@apply h-[64px] max-h-[64px]': {}
+        },
+        '& + .menu-item > .wrapper': {
+          '@apply border-t-0': {}
+        },
+        '> .items': {
+          '@apply border-l border-r border-svartvik-200': {}
+        },
+        '&.open > .items': {
+          '@apply border-b border-svartvik-200': {}
+        },
+        '&.separator > .wrapper': {
+          '@apply border-l-0 border-r-0': {}
+        }
+      },
+      '&.lvl-1': {
+        '@apply bg-gray-lighter': {},
+        '> .wrapper, .menu-item-link': {
+          '@apply h-[56px] max-h-[56px]': {}
+        },
+        '&.open > .wrapper': {
+          '@apply border-b border-svartvik-200': {}
+        },
+        '> .wrapper > .menu-item-link': {
+          paddingLeft: '4.8rem'
+        }
+      },
+      '&.lvl-2': {
+        '.wrapper': {
+          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},
+          '> .menu-item-link': {
+            '@apply h-[48px] max-h-[48px]': {}
+          }
+        },
+        '> .wrapper > .menu-item-link': {
+          paddingLeft: '6.4rem'
+        }
+      },
+      '&.lvl-3': {
+        '> .wrapper > .menu-item-link': {
+          paddingLeft: '8rem'
+        }
+      },
+      '&.lvl-4': {
+        '.wrapper': {
+          '@apply bg-[#d4d4d4]': {}
+        },
+        '> .wrapper > .menu-item-link': {
+          paddingLeft: '9.6rem'
+        }
+      },
+      '&.lvl-5': {
+        '> .wrapper > .menu-item-link': {
+          paddingLeft: '11.2rem'
+        }
+      },
+      '&.lvl-6': {
+        '> .wrapper > .menu-item-link': {
+          paddingLeft: '12.8rem'
+        }
+      },
+      '&.lvl-7': {
+        '> .wrapper > .menu-item-link': {
+          paddingLeft: '14.4rem'
+        }
+      },
+      '&.lvl-8': {
+        '> .wrapper > .menu-item-link': {
+          paddingLeft: '16rem'
+        }
+      },
+      '&.lvl-9': {
+        '> .wrapper > .menu-item-link': {
+          paddingLeft: '17.6rem'
+        }
+      },
+      '&.lvl-10': {
+        '> .wrapper > .menu-item-link': {
+          paddingLeft: '19.2rem'
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=side-menu.js.map