@sk-web-gui/core 0.1.75 → 0.1.77

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

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

@@ -0,0 +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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"}

package/dist/esm/components/switch.js

@@ -0,0 +1,98 @@
+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 = Switch = colors => ({
+  '.form-switch-label': {
+    '@apply inline-block align-middle': {},
+    "&[type='hidden']": {
+      '@apply hidden': {},
+      '.form-switch': {
+        '@apply hidden': {}
+      }
+    }
+  },
+  '.form-switch': _extends({
+    '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},
+    '@apply bg-gray-stroke dark:bg-neutral-700': {},
+    // Hover
+    //"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600": {},
+
+    border: '0.1rem solid transparent',
+    'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {
+      backgroundColor: 'currentColor',
+      '.form-switch-box-sm': {
+        transform: 'translateX(1.42rem)'
+      },
+      '.form-switch-box-md': {
+        transform: 'translateX(1.6rem)'
+      },
+      '.form-switch-box-lg': {
+        transform: 'translateX(1.78rem)'
+      }
+    },
+    'input[type=checkbox]:focus-visible + &': {
+      '@apply z-base !important': {},
+      '@apply border-primary !important': {},
+      '@apply ring-4 ring-black !important': {}
+    },
+    'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {
+      '@apply ring-black !important': {}
+    },
+    '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &': {
+      '@apply ring-black !important': {}
+    },
+    'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &': {
+      '@apply cursor-base': {}
+    }
+  }, colors.reduce((styles, color) => _extends({}, styles, {
+    ["&[data-color=\"" + color + "\"]"]: {
+      ["@apply text-" + color]: {}
+
+      // 'input[type=checkbox]:focus + &': {
+      //   borderColor: `${theme(`colors.${color}.DEFAULT`)}`,
+      //   boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,
+      //   borderWidth: '0.1rem',
+      // },
+    }
+  }), {}), {
+    // disabled
+    '&-disabled': {
+      '@apply cursor-not-allowed': {},
+      '&': {
+        backgroundColor: '#ECECEC'
+      }
+    },
+    'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {
+      '@apply bg-gray-stroke': {}
+    },
+    // sizing
+    '&-sm': {
+      height: '2.16rem',
+      width: '3.6rem'
+    },
+    '&-md': {
+      height: '2.4rem',
+      width: '4rem'
+    },
+    '&-lg': {
+      height: '2.64rem',
+      width: '4.4rem'
+    }
+  }),
+  // Knob
+  '.form-switch-box': {
+    '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},
+    // sizing
+    '&-sm': {
+      height: '1.6rem',
+      width: '1.7rem'
+    },
+    '&-md': {
+      height: '2rem',
+      width: '2rem'
+    },
+    '&-lg': {
+      height: '2.2rem',
+      width: '2.2rem'
+    }
+  }
+});
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["module","exports","Switch","colors","_extends","border","backgroundColor","transform","reduce","styles","color","height","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = Switch = (colors) => ({\r\n  '.form-switch-label': {\r\n    '@apply inline-block align-middle': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.form-switch': {\r\n    '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},\r\n    '@apply bg-gray-stroke dark:bg-neutral-700': {},\r\n    // Hover\r\n    //\"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600\": {},\r\n\r\n    border: '0.1rem solid transparent',\r\n\r\n    'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {\r\n      backgroundColor: 'currentColor',\r\n      '.form-switch-box-sm': {\r\n        transform: 'translateX(1.42rem)',\r\n      },\r\n      '.form-switch-box-md': {\r\n        transform: 'translateX(1.6rem)',\r\n      },\r\n      '.form-switch-box-lg': {\r\n        transform: 'translateX(1.78rem)',\r\n      },\r\n    },\r\n\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply z-base !important': {},\r\n      '@apply border-primary !important': {},\r\n      '@apply ring-4 ring-black !important': {},\r\n    },\r\n\r\n    'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {\r\n      '@apply ring-black !important': {},\r\n    },\r\n    '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &':\r\n      {\r\n        '@apply ring-black !important': {},\r\n      },\r\n    'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &':\r\n      {\r\n        '@apply cursor-base': {},\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}`]: {},\r\n\r\n          // 'input[type=checkbox]:focus + &': {\r\n          //   borderColor: `${theme(`colors.${color}.DEFAULT`)}`,\r\n          //   boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,\r\n          //   borderWidth: '0.1rem',\r\n          // },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    // disabled\r\n    '&-disabled': {\r\n      '@apply cursor-not-allowed': {},\r\n\r\n      '&': {\r\n        backgroundColor: '#ECECEC',\r\n      },\r\n    },\r\n\r\n    'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {\r\n      '@apply bg-gray-stroke': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      height: '2.16rem',\r\n      width: '3.6rem',\r\n    },\r\n\r\n    '&-md': {\r\n      height: '2.4rem',\r\n      width: '4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      height: '2.64rem',\r\n      width: '4.4rem',\r\n    },\r\n  },\r\n\r\n  // Knob\r\n  '.form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      height: '1.6rem',\r\n      width: '1.7rem',\r\n    },\r\n\r\n    '&-md': {\r\n      height: '2rem',\r\n      width: '2rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      height: '2.2rem',\r\n      width: '2.2rem',\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAIC,MAAM,KAAM;EACrC,oBAAoB,EAAE;IACpB,kCAAkC,EAAE,CAAC,CAAC;IAEtC,kBAAkB,EAAE;MAClB,eAAe,EAAE,CAAC,CAAC;MAEnB,cAAc,EAAE;QACd,eAAe,EAAE,CAAC;MACpB;IACF;EACF,CAAC;EACD,cAAc,EAAAC,QAAA;IACZ,0DAA0D,EAAE,CAAC,CAAC;IAC9D,2CAA2C,EAAE,CAAC,CAAC;IAC/C;IACA;;IAEAC,MAAM,EAAE,0BAA0B;IAElC,gFAAgF,EAAE;MAChFC,eAAe,EAAE,cAAc;MAC/B,qBAAqB,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MACD,qBAAqB,EAAE;QACrBA,SAAS,EAAE;MACb,CAAC;MACD,qBAAqB,EAAE;QACrBA,SAAS,EAAE;MACb;IACF,CAAC;IAED,wCAAwC,EAAE;MACxC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,kCAAkC,EAAE,CAAC,CAAC;MACtC,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IAED,4GAA4G,EAAE;MAC5G,8BAA8B,EAAE,CAAC;IACnC,CAAC;IACD,uHAAuH,EACrH;MACE,8BAA8B,EAAE,CAAC;IACnC,CAAC;IACH,0HAA0H,EACxH;MACE,oBAAoB,EAAE,CAAC;IACzB;EAAC,GAGAJ,MAAM,CAACK,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAN,QAAA,KACTK,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,kBAAgBA,KAAK,GAAK,CAAC;;MAE3B;MACA;MACA;MACA;MACA;IACF;EAAC,EACD,EACF,CAAC,CAAC,CACH;IAED;IACA,YAAY,EAAE;MACZ,2BAA2B,EAAE,CAAC,CAAC;MAE/B,GAAG,EAAE;QACHJ,eAAe,EAAE;MACnB;IACF,CAAC;IAED,kEAAkE,EAAE;MAClE,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,MAAM,EAAE;MACNK,MAAM,EAAE,SAAS;MACjBC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,QAAQ;MAChBC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,SAAS;MACjBC,KAAK,EAAE;IACT;EAAC,EACF;EAED;EACA,kBAAkB,EAAE;IAClB,2GAA2G,EAAE,CAAC,CAAC;IAE/G;IACA,MAAM,EAAE;MACND,MAAM,EAAE,QAAQ;MAChBC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,QAAQ;MAChBC,KAAK,EAAE;IACT;EACF;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,57 @@
+module.exports = TabMenu = () => ({
+  '.sk-tab-menu': {
+    '&-wrapper': {
+      display: 'flex',
+      flexDirection: 'row',
+      margin: 'auto'
+    },
+    '&-right': {
+      '@apply justify-end': {}
+    },
+    '&-center': {
+      '@apply justify-center': {}
+    },
+    '&-list': {
+      all: 'unset',
+      display: 'flex',
+      '&-stretch': {
+        '@apply w-full justify-between': {}
+      }
+    },
+    '&-underline': {
+      width: '100%',
+      height: 6,
+      '@apply bg-gray-light': {}
+    },
+    '&-item': {
+      all: 'unset',
+      height: 65,
+      display: 'flex',
+      padding: '0 1rem',
+      marginRight: '5rem',
+      alignItems: 'center',
+      position: 'relative',
+      cursor: 'pointer',
+      '&-stretch': {
+        '@apply mr-0': {}
+      },
+      '&-right': {
+        '@apply mr-0 ml-[5rem]': {}
+      },
+      '&-center:last-of-type': {
+        '@apply mr-0': {}
+      },
+      '&.active::after': {
+        content: '""',
+        display: 'block',
+        position: 'absolute',
+        width: '100%',
+        height: 6,
+        top: '100%',
+        left: 0,
+        '@apply bg-primary': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=tab-menu.js.map

package/dist/esm/components/tab-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\n  '.sk-tab-menu': {\n    '&-wrapper': {\n      display: 'flex',\n      flexDirection: 'row',\n      margin: 'auto',\n    },\n    '&-right': {\n      '@apply justify-end': {},\n    },\n    '&-center': {\n      '@apply justify-center': {},\n    },\n    '&-list': {\n      all: 'unset',\n      display: 'flex',\n      '&-stretch': {\n        '@apply w-full justify-between': {},\n      },\n    },\n\n    '&-underline': {\n      width: '100%',\n      height: 6,\n      '@apply bg-gray-light': {},\n    },\n    '&-item': {\n      all: 'unset',\n      height: 65,\n      display: 'flex',\n      padding: '0 1rem',\n      marginRight: '5rem',\n      alignItems: 'center',\n      position: 'relative',\n      cursor: 'pointer',\n      '&-stretch': {\n        '@apply mr-0': {},\n      },\n      '&-right': {\n        '@apply mr-0 ml-[5rem]': {},\n      },\n      '&-center:last-of-type': {\n        '@apply mr-0': {},\n      },\n\n      '&.active::after': {\n        content: '\"\"',\n        display: 'block',\n        position: 'absolute',\n        width: '100%',\n        height: 6,\n        top: '100%',\n        left: 0,\n        '@apply bg-primary': {},\n      },\n    },\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/table.js

@@ -0,0 +1,12 @@
+module.exports = Table = () => ({
+  '.table': {
+    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},
+    '&-item': {
+      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},
+      '&:nth-child(odd)': {
+        '@apply bg-gray-lighter': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":["module","exports","Table"],"sources":["../../../src/components/table.js"],"sourcesContent":["module.exports = Table = () => ({\r\n  '.table': {\r\n    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},\r\n\r\n    '&-item': {\r\n      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},\r\n\r\n      '&:nth-child(odd)': {\r\n        '@apply bg-gray-lighter': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,QAAQ,EAAE;IACR,qFAAqF,EAAE,CAAC,CAAC;IAEzF,QAAQ,EAAE;MACR,8DAA8D,EAAE,CAAC,CAAC;MAElE,kBAAkB,EAAE;QAClB,wBAAwB,EAAE,CAAC;MAC7B;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/tabs.js

@@ -0,0 +1,64 @@
+module.exports = Tabs = () => ({
+  '.sk-tabs': {
+    '&-stretch': {
+      '@apply w-full': {}
+    },
+    '&-list': {
+      '@apply  block relative w-full h-[3rem]': {},
+      '&-stretch': {
+        '@apply flex justify-between': {}
+      },
+      '&-right': {
+        '@apply text-right': {}
+      },
+      '&-center': {
+        '@apply text-center': {}
+      },
+      '&-line::after': {
+        content: '""',
+        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {}
+      }
+    },
+    '&-tab': {
+      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},
+      '@apply text-gray': {},
+      '@apply cursor-pointer': {},
+      '&.disabled': {
+        '@apply cursor-not-allowed': {},
+        '@apply text-gray-stroke': {}
+      },
+      '&.active': {
+        '@apply text-body': {},
+        '&::after': {
+          content: '""',
+          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {}
+        }
+      },
+      '&-stretch': {
+        '@apply mr-0': {}
+      },
+      '&-header': {
+        '@apply text-lg font-normal': {}
+      },
+      '&-right': {
+        '@apply mr-0 ml-lg': {}
+      },
+      '&:last-of-type': {
+        '@apply mr-0': {}
+      },
+      '&-icon': {
+        '&-with-label': {
+          '@apply mr-sm': {}
+        }
+      }
+    },
+    '&-panel': {
+      '@apply mt-lg': {},
+      '&:not(.active)': {
+        display: 'none',
+        hidden: true
+      }
+    }
+  }
+});
+//# sourceMappingURL=tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\n  '.sk-tabs': {\n    '&-stretch': {\n      '@apply w-full': {},\n    },\n    '&-list': {\n      '@apply  block relative w-full h-[3rem]': {},\n      '&-stretch': {\n        '@apply flex justify-between': {},\n      },\n      '&-right': {\n        '@apply text-right': {},\n      },\n      '&-center': {\n        '@apply text-center': {},\n      },\n\n      '&-line::after': {\n        content: '\"\"',\n        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\n      },\n    },\n    '&-tab': {\n      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},\n      '@apply text-gray': {},\n      '@apply cursor-pointer': {},\n      '&.disabled': {\n        '@apply cursor-not-allowed': {},\n        '@apply text-gray-stroke': {},\n      },\n      '&.active': {\n        '@apply text-body': {},\n        '&::after': {\n          content: '\"\"',\n          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\n        },\n      },\n      '&-stretch': {\n        '@apply mr-0': {},\n      },\n      '&-header': {\n        '@apply text-lg font-normal': {},\n      },\n      '&-right': {\n        '@apply mr-0 ml-lg': {},\n      },\n      '&:last-of-type': {\n        '@apply mr-0': {},\n      },\n      '&-icon': {\n        '&-with-label': {\n          '@apply mr-sm': {},\n        },\n      },\n    },\n    '&-panel': {\n      '@apply mt-lg': {},\n      '&:not(.active)': {\n        display: 'none',\n        hidden: true,\n      },\n    },\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}