@sk-web-gui/core 0.1.90 → 0.1.92

package/dist/cjs/components/badge.js

@@ -12,7 +12,7 @@ function badgeSolid(colors) {
         '@apply bg-primary': {}
       },
       "&[data-color='warning']": {
-        '@apply bg-warning': {}
+        '@apply bg-[#B05F03]': {}
       },
       "&[data-color='error']": {
         '@apply bg-error': {}
@@ -45,8 +45,8 @@ function badgeOutline(colors) {
         '@apply text-primary': {}
       },
       "&[data-color='warning']": {
-        '@apply border-warning': {},
-        '@apply text-warning': {}
+        '@apply border-[#B05F03]': {},
+        '@apply text-[#B05F03]': {}
       },
       "&[data-color='error']": {
         '@apply border-error': {},

package/dist/cjs/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","_ref","_extends2","badgeOutline","_ref2","_extends3","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border-2 border-white box-border': {},\r\n      '@apply text-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply bg-warning': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply bg-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply bg-neutral-400': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction badgeOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.badge': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary': {},\r\n        '@apply text-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply border-warning': {},\r\n        '@apply text-warning': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply border-error': {},\r\n        '@apply text-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply border-neutral-300': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = badge = (colors) => ({\r\n  '.badge': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply inline-flex items-center justify-center content-center align-middle': {},\r\n    '@apply font-sans leading-none': {},\r\n\r\n    '&-fullrounded': {\r\n      '@apply rounded-full': {},\r\n    },\r\n\r\n    //rounding\r\n    '&-roundedcorners-md': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    '&-roundedcorners-lg': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},\r\n      minHeight: '10px',\r\n      maxHeight: '10px',\r\n      minWidth: '10px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '6px',\r\n        maxHeight: '6px',\r\n        minWidth: '6px',\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-xs font-bold': {},\r\n      minHeight: '24px',\r\n      maxHeight: '24px',\r\n      minWidth: '24px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '20px',\r\n        maxHeight: '20px',\r\n        minWidth: '20px',\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-sm font-bold': {},\r\n      minHeight: '28px',\r\n      maxHeight: '28px',\r\n      minWidth: '28px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '24px',\r\n        maxHeight: '24px',\r\n        minWidth: '24px',\r\n      },\r\n    },\r\n\r\n    '&-standard-sm': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-md': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-lg': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-super-sm': {\r\n      '@apply right-[-2px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-3px]': {},\r\n      },\r\n    },\r\n    '&-super-md': {\r\n      '@apply right-[-3px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-4px]': {},\r\n      },\r\n    },\r\n    '&-super-lg': {\r\n      '@apply right-[-4px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-superoverlap-sm': {\r\n      '@apply right-[3px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[2px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-md': {\r\n      '@apply right-[8px] top-[-6px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-lg': {\r\n      '@apply right-[8px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // variants\r\n    ...badgeSolid(colors),\r\n    ...badgeOutline(colors),\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","_ref","_extends2","badgeOutline","_ref2","_extends3","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border-2 border-white box-border': {},\r\n      '@apply text-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply bg-[#B05F03]': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply bg-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply bg-neutral-400': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction badgeOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.badge': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary': {},\r\n        '@apply text-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply border-[#B05F03]': {},\r\n        '@apply text-[#B05F03]': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply border-error': {},\r\n        '@apply text-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply border-neutral-300': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = badge = (colors) => ({\r\n  '.badge': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply inline-flex items-center justify-center content-center align-middle': {},\r\n    '@apply font-sans leading-none': {},\r\n\r\n    '&-fullrounded': {\r\n      '@apply rounded-full': {},\r\n    },\r\n\r\n    //rounding\r\n    '&-roundedcorners-md': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    '&-roundedcorners-lg': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},\r\n      minHeight: '10px',\r\n      maxHeight: '10px',\r\n      minWidth: '10px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '6px',\r\n        maxHeight: '6px',\r\n        minWidth: '6px',\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-xs font-bold': {},\r\n      minHeight: '24px',\r\n      maxHeight: '24px',\r\n      minWidth: '24px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '20px',\r\n        maxHeight: '20px',\r\n        minWidth: '20px',\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-sm font-bold': {},\r\n      minHeight: '28px',\r\n      maxHeight: '28px',\r\n      minWidth: '28px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '24px',\r\n        maxHeight: '24px',\r\n        minWidth: '24px',\r\n      },\r\n    },\r\n\r\n    '&-standard-sm': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-md': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-lg': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-super-sm': {\r\n      '@apply right-[-2px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-3px]': {},\r\n      },\r\n    },\r\n    '&-super-md': {\r\n      '@apply right-[-3px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-4px]': {},\r\n      },\r\n    },\r\n    '&-super-lg': {\r\n      '@apply right-[-4px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-superoverlap-sm': {\r\n      '@apply right-[3px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[2px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-md': {\r\n      '@apply right-[8px] top-[-6px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-lg': {\r\n      '@apply right-[8px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // variants\r\n    ...badgeSolid(colors),\r\n    ...badgeOutline(colors),\r\n  },\r\n});\r\n"],"mappings":";AAAA,SAASA,UAAUA,CAACC,MAAM,EAAE;EAC1B,OAAO;IACL,SAAS,EAAAC,QAAA;MACP,yCAAyC,EAAE,CAAC,CAAC;MAC7C,mBAAmB,EAAE,CAAC;IAAC,GAEpBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,2BAEID,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAEvC,EACF,CAAC,CACH,CAAC;MAED,yBAAyB,EAAE;QACzB,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,yBAAyB,EAAE;QACzB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,uBAAuB,EAAE;QACvB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MACD,yBAAyB,EAAE;QACzB,uBAAuB,EAAE,CAAC;MAC5B;IAAC;EAEL,CAAC;AACH;AAEA,SAASC,YAAYA,CAACP,MAAM,EAAE;EAC5B,OAAO;IACL,WAAW,EAAAC,QAAA;MACT,kCAAkC,EAAE,CAAC,CAAC;MACtC,iCAAiC,EAAE,CAAC;IAAC,GAElCD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAI,KAAA,EAAAC,SAAA;MAAA,OAAAR,QAAA,KACTE,MAAM,GAAAM,SAAA,OAAAA,SAAA,qBACSL,KAAK,aAAAI,KAAA,OAAAA,KAAA,4BACM,CAAC,CAAC,EAAAA,KAAA,kBACbJ,KAAK,IAAK,CAAC,CAAC,EAAAI,KAAA,GAAAC,SAAA;IAAA,CAE9B,EACF,CAAC,CACH,CAAC;MAED,SAAS,EAAE;QACT,YAAY,EAAE;UACZ,6DAA6D,EAAE,CAAC,CAAC;UACjE,UAAU,EAAE;YACV,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF,CAAC;MAED,yBAAyB,EAAE;QACzB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,qBAAqB,EAAE,CAAC,CAAC;QACzB,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,yBAAyB,EAAE;QACzB,2BAA2B,EAAE,CAAC;MAChC;IAAC;EAEL,CAAC;AACH;AAEAC,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAACZ,MAAM;EAAA,OAAM;IACpC,QAAQ,EAAAC,QAAA;MACN,iBAAiB,EAAE,CAAC,CAAC;MACrB,YAAY,EAAE,CAAC,CAAC;MAChB,4EAA4E,EAAE,CAAC,CAAC;MAChF,+BAA+B,EAAE,CAAC,CAAC;MAEnC,eAAe,EAAE;QACf,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MAED;MACA,qBAAqB,EAAE;QACrB,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MAED,qBAAqB,EAAE;QACrB,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MAED;MACA,MAAM,EAAE;QACN,gEAAgE,EAAE,CAAC,CAAC;QACpEY,SAAS,EAAE,MAAM;QACjBC,SAAS,EAAE,MAAM;QACjBC,QAAQ,EAAE,MAAM;QAEhB,YAAY,EAAE;UACZ,oBAAoB,EAAE,CAAC,CAAC;UACxBF,SAAS,EAAE,KAAK;UAChBC,SAAS,EAAE,KAAK;UAChBC,QAAQ,EAAE;QACZ;MACF,CAAC;MAED,MAAM,EAAE;QACN,0BAA0B,EAAE,CAAC,CAAC;QAC9BF,SAAS,EAAE,MAAM;QACjBC,SAAS,EAAE,MAAM;QACjBC,QAAQ,EAAE,MAAM;QAEhB,YAAY,EAAE;UACZ,oBAAoB,EAAE,CAAC,CAAC;UACxBF,SAAS,EAAE,MAAM;UACjBC,SAAS,EAAE,MAAM;UACjBC,QAAQ,EAAE;QACZ;MACF,CAAC;MAED,MAAM,EAAE;QACN,0BAA0B,EAAE,CAAC,CAAC;QAC9BF,SAAS,EAAE,MAAM;QACjBC,SAAS,EAAE,MAAM;QACjBC,QAAQ,EAAE,MAAM;QAEhB,YAAY,EAAE;UACZ,oBAAoB,EAAE,CAAC,CAAC;UACxBF,SAAS,EAAE,MAAM;UACjBC,SAAS,EAAE,MAAM;UACjBC,QAAQ,EAAE;QACZ;MACF,CAAC;MAED,eAAe,EAAE;QACf,iCAAiC,EAAE,CAAC,CAAC;QACrC,YAAY,EAAE;UACZ,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MACD,eAAe,EAAE;QACf,iCAAiC,EAAE,CAAC,CAAC;QACrC,YAAY,EAAE;UACZ,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MACD,eAAe,EAAE;QACf,iCAAiC,EAAE,CAAC,CAAC;QACrC,YAAY,EAAE;UACZ,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MAED,YAAY,EAAE;QACZ,gCAAgC,EAAE,CAAC,CAAC;QACpC,YAAY,EAAE;UACZ,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MACD,YAAY,EAAE;QACZ,gCAAgC,EAAE,CAAC,CAAC;QACpC,YAAY,EAAE;UACZ,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MACD,YAAY,EAAE;QACZ,gCAAgC,EAAE,CAAC,CAAC;QACpC,YAAY,EAAE;UACZ,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MAED,mBAAmB,EAAE;QACnB,+BAA+B,EAAE,CAAC,CAAC;QACnC,YAAY,EAAE;UACZ,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,mBAAmB,EAAE;QACnB,+BAA+B,EAAE,CAAC,CAAC;QACnC,YAAY,EAAE;UACZ,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,mBAAmB,EAAE;QACnB,+BAA+B,EAAE,CAAC,CAAC;QACnC,YAAY,EAAE;UACZ,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MAED,eAAe,EAAE;QACf,YAAY,EAAE,CAAC,CAAC;QAChBC,QAAQ,EAAE;MACZ;IAAC,GAGEjB,UAAU,CAACC,MAAM,CAAC,EAClBO,YAAY,CAACP,MAAM,CAAC;EAE3B,CAAC;AAAA,CAAC"}

package/dist/cjs/components/button.js

@@ -170,11 +170,17 @@ module.exports = Button = function Button(colors) {
       }
     }, buttonSolid(colors), buttonOutline(colors), buttonGhost(colors), buttonLink(colors)),
     '.btn-has-icon': {
-      '&-left .MuiSvgIcon-root': {
-        '@apply mr-sm': {}
+      '&-left': {
+        '@apply h-full flex items-center justify-center': {},
+        '.MuiSvgIcon-root': {
+          '@apply mr-sm': {}
+        }
       },
-      '&-right .MuiSvgIcon-root': {
-        '@apply ml-sm': {}
+      '&-right': {
+        '@apply h-full flex items-center justify-center': {},
+        '.MuiSvgIcon-root': {
+          '@apply ml-sm': {}
+        }
       }
     },
     '[data-icon=true]': {
@@ -195,11 +201,15 @@ module.exports = Button = function Button(colors) {
         maxWidth: '4.8rem'
       },
       '.btn-has-icon': {
-        '&-left .MuiSvgIcon-root': {
-          '@apply mr-0': {}
+        '&-left': {
+          '.MuiSvgIcon-root': {
+            '@apply mr-0': {}
+          }
         },
-        '&-right .MuiSvgIcon-root': {
-          '@apply ml-0': {}
+        '&-right': {
+          '.MuiSvgIcon-root': {
+            '@apply ml-0': {}
+          }
         }
       }
     }

package/dist/cjs/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","_active","_ref","_extends2","buttonOutline","_active2","_ref2","_extends3","buttonGhost","_ref3","_extends4","buttonLink","_ref4","_extends5","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      //\"@apply text-\": {},\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-white': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-hover border-primary-active': {},\r\n        /* dark */\r\n        '@apply dark:border-hover dark:bg-neutral-600': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n      /* active */\r\n      '@apply active:bg-hover active:text-white': {},\r\n\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n            // hover\r\n            [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active`]: {},\r\n            },\r\n\r\n            [`@apply active:text-white active:bg-${color}-active`]: {},\r\n            [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n            // focus\r\n            //[`@apply focus-visible:bg-${color}-700`]: {},\r\n            //[`@apply focus-visible:border-${color}-500`]: {},\r\n            //[`@apply focus-visible:ring-${color}-500`]: {},\r\n            // active\r\n            //[`@apply active:bg-${color}-600`]: {},\r\n            // dark mode\r\n            //[`@apply dark:border-${color}-500`]: {},\r\n            //[`@apply dark:bg-${color}-600`]: {},\r\n            // dark hover\r\n            //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n            // dark focus\r\n            //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            // dark active\r\n            //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary hover:border-primary-active': {},\r\n        '&.active': {\r\n          '@apply border-primary-active': {},\r\n        },\r\n      },\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-primary-active border-primary-active': {},\r\n        /* dark keyboard active */\r\n        '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}-600 bg-transparent`]: {},\r\n            /* hover */\r\n            [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n            /* keyboard active */\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n              /* dark keyboard active */\r\n              [`@apply dark:bg-${color}-200`]: {},\r\n              [`@apply dark:bg-opacity-15`]: {},\r\n            },\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:border-${color}-200`]: {},\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n  return {\r\n    '&-ghost': {\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            /* focus */\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200`]: {},\r\n            [`@apply dark:active:text-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n  '.btn': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-[3.2rem]': {},\r\n    '@apply py-0': {},\r\n    '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply font-medium leading-tight': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      borderRadius: '3.2rem',\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minHeight: '4rem',\r\n      maxHeight: '4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minHeight: '4.4rem',\r\n      maxHeight: '4.4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minHeight: '4.8rem',\r\n      maxHeight: '4.8rem',\r\n    },\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // State\r\n\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:text-gray text-gray disabled:bg-gray-light bg-gray-light !important': {},\r\n    },\r\n    '.MuiSvgIcon-root': {\r\n      fontSize: '1.5em',\r\n      width: '1em',\r\n      height: '1em',\r\n    },\r\n\r\n    // variants\r\n    ...buttonSolid(colors),\r\n    ...buttonOutline(colors),\r\n    ...buttonGhost(colors),\r\n    ...buttonLink(colors),\r\n  },\r\n  '.btn-has-icon': {\r\n    '&-left .MuiSvgIcon-root': {\r\n      '@apply mr-sm': {},\r\n    },\r\n    '&-right .MuiSvgIcon-root': {\r\n      '@apply ml-sm': {},\r\n    },\r\n  },\r\n  '[data-icon=true]': {\r\n    '@apply p-0': {},\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&.btn-sm': {\r\n      minWidth: '4rem',\r\n      maxWidth: '4rem',\r\n    },\r\n\r\n    '&.btn-md': {\r\n      minWidth: '4.4rem',\r\n      maxWidth: '4.4rem',\r\n    },\r\n\r\n    '&.btn-lg': {\r\n      minWidth: '4.8rem',\r\n      maxWidth: '4.8rem',\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left .MuiSvgIcon-root': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-right .MuiSvgIcon-root': {\r\n        '@apply ml-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","_active","_ref","_extends2","buttonOutline","_active2","_ref2","_extends3","buttonGhost","_ref3","_extends4","buttonLink","_ref4","_extends5","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      //\"@apply text-\": {},\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-white': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-hover border-primary-active': {},\r\n        /* dark */\r\n        '@apply dark:border-hover dark:bg-neutral-600': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n      /* active */\r\n      '@apply active:bg-hover active:text-white': {},\r\n\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n            // hover\r\n            [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active`]: {},\r\n            },\r\n\r\n            [`@apply active:text-white active:bg-${color}-active`]: {},\r\n            [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n            // focus\r\n            //[`@apply focus-visible:bg-${color}-700`]: {},\r\n            //[`@apply focus-visible:border-${color}-500`]: {},\r\n            //[`@apply focus-visible:ring-${color}-500`]: {},\r\n            // active\r\n            //[`@apply active:bg-${color}-600`]: {},\r\n            // dark mode\r\n            //[`@apply dark:border-${color}-500`]: {},\r\n            //[`@apply dark:bg-${color}-600`]: {},\r\n            // dark hover\r\n            //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n            // dark focus\r\n            //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            // dark active\r\n            //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary hover:border-primary-active': {},\r\n        '&.active': {\r\n          '@apply border-primary-active': {},\r\n        },\r\n      },\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-primary-active border-primary-active': {},\r\n        /* dark keyboard active */\r\n        '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}-600 bg-transparent`]: {},\r\n            /* hover */\r\n            [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n            /* keyboard active */\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n              /* dark keyboard active */\r\n              [`@apply dark:bg-${color}-200`]: {},\r\n              [`@apply dark:bg-opacity-15`]: {},\r\n            },\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:border-${color}-200`]: {},\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n  return {\r\n    '&-ghost': {\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            /* focus */\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200`]: {},\r\n            [`@apply dark:active:text-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n  '.btn': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-[3.2rem]': {},\r\n    '@apply py-0': {},\r\n    '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply font-medium leading-tight': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      borderRadius: '3.2rem',\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minHeight: '4rem',\r\n      maxHeight: '4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minHeight: '4.4rem',\r\n      maxHeight: '4.4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minHeight: '4.8rem',\r\n      maxHeight: '4.8rem',\r\n    },\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // State\r\n\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:text-gray text-gray disabled:bg-gray-light bg-gray-light !important': {},\r\n    },\r\n    '.MuiSvgIcon-root': {\r\n      fontSize: '1.5em',\r\n      width: '1em',\r\n      height: '1em',\r\n    },\r\n\r\n    // variants\r\n    ...buttonSolid(colors),\r\n    ...buttonOutline(colors),\r\n    ...buttonGhost(colors),\r\n    ...buttonLink(colors),\r\n  },\r\n  '.btn-has-icon': {\r\n    '&-left': {\r\n      '@apply h-full flex items-center justify-center': {},\r\n\r\n      '.MuiSvgIcon-root': {\r\n        '@apply mr-sm': {},\r\n      },\r\n    },\r\n    '&-right': {\r\n      '@apply h-full flex items-center justify-center': {},\r\n\r\n      '.MuiSvgIcon-root': {\r\n        '@apply ml-sm': {},\r\n      },\r\n    },\r\n  },\r\n  '[data-icon=true]': {\r\n    '@apply p-0': {},\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&.btn-sm': {\r\n      minWidth: '4rem',\r\n      maxWidth: '4rem',\r\n    },\r\n\r\n    '&.btn-md': {\r\n      minWidth: '4.4rem',\r\n      maxWidth: '4.4rem',\r\n    },\r\n\r\n    '&.btn-lg': {\r\n      minWidth: '4.8rem',\r\n      maxWidth: '4.8rem',\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left': {\r\n        '.MuiSvgIcon-root': {\r\n          '@apply mr-0': {},\r\n        },\r\n      },\r\n      '&-right': {\r\n        '.MuiSvgIcon-root': {\r\n          '@apply ml-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/comments.js

@@ -6,7 +6,10 @@ module.exports = Comments = function Comments() {
     '.comment-item': {
       '@apply w-full': {},
       '&-container': {
-        '@apply flex gap-2': {}
+        '@apply flex justify-between relative': {},
+        '&-textpic': {
+          '@apply flex gap-2': {}
+        }
       },
       '&-text': {
         '@apply text-base font-bold mx-0 mb-0 mt-4': {}

package/dist/cjs/components/comments.js.map

@@ -1 +1 @@
-{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \n\n    '.comment-header': {\n        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\n    },\n\n    '.comment-item':{\n        '@apply w-full': {},\n\n        '&-container': {\n            '@apply flex gap-2': {},\n        },\n        '&-text': {\n            '@apply text-base font-bold mx-0 mb-0 mt-4': {},\n        },\n        '&-commentorpublished': {\n            '@apply float-right text-neutral-600 m-0': {},\n        },\n    },\n    '.comment-input':{\n        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\n\n        '&-inactive': {\n            '@apply text-neutral-300 !text-3xl': {},\n        },\n\n        '&-active': {\n            '@apply text-primary !text-3xl': {},\n        }\n\n    },\n\n   \n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IAE/B,iBAAiB,EAAE;MACf,uEAAuE,EAAE,CAAC;IAC9E,CAAC;IAED,eAAe,EAAC;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACX,mBAAmB,EAAE,CAAC;MAC1B,CAAC;MACD,QAAQ,EAAE;QACN,2CAA2C,EAAE,CAAC;MAClD,CAAC;MACD,sBAAsB,EAAE;QACpB,yCAAyC,EAAE,CAAC;MAChD;IACJ,CAAC;IACD,gBAAgB,EAAC;MACb,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACV,mCAAmC,EAAE,CAAC;MAC1C,CAAC;MAED,UAAU,EAAE;QACR,+BAA+B,EAAE,CAAC;MACtC;IAEJ;EAGJ,CAAC;AAAA,CAAC"}
+{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \n\n    '.comment-header': {\n        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\n    },\n\n    '.comment-item':{\n        '@apply w-full': {},\n\n        '&-container': {\n            '@apply flex justify-between relative': {},\n\n            '&-textpic': {\n                '@apply flex gap-2': {},\n            },\n        },\n        '&-text': {\n            '@apply text-base font-bold mx-0 mb-0 mt-4': {},\n        },\n        '&-commentorpublished': {\n            '@apply float-right text-neutral-600 m-0': {},\n        },\n    },\n    '.comment-input':{\n        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\n\n        '&-inactive': {\n            '@apply text-neutral-300 !text-3xl': {},\n        },\n\n        '&-active': {\n            '@apply text-primary !text-3xl': {},\n        }\n\n    },\n\n   \n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IAE/B,iBAAiB,EAAE;MACf,uEAAuE,EAAE,CAAC;IAC9E,CAAC;IAED,eAAe,EAAC;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACX,sCAAsC,EAAE,CAAC,CAAC;QAE1C,WAAW,EAAE;UACT,mBAAmB,EAAE,CAAC;QAC1B;MACJ,CAAC;MACD,QAAQ,EAAE;QACN,2CAA2C,EAAE,CAAC;MAClD,CAAC;MACD,sBAAsB,EAAE;QACpB,yCAAyC,EAAE,CAAC;MAChD;IACJ,CAAC;IACD,gBAAgB,EAAC;MACb,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACV,mCAAmC,EAAE,CAAC;MAC1C,CAAC;MAED,UAAU,EAAE;QACR,+BAA+B,EAAE,CAAC;MACtC;IAEJ;EAGJ,CAAC;AAAA,CAAC"}

package/dist/cjs/components/context-menu.js

@@ -1,10 +1,38 @@
 module.exports = ContextMenu = function ContextMenu() {
   return {
     '.context-menu-wrapper': {
+      '@apply relative inline': {},
+      '> a, > button': {
+        '@apply inline-flex': {}
+      },
       '.context-menu-items': {
-        '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm': {},
+        '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start': {},
         '.context-menu-item': {
-          '@apply px-sm': {}
+          '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center': {},
+          'a, button': {
+            '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start': {},
+            '&.active': {
+              '@apply bg-primary text-white': {}
+            },
+            '.MuiSvgIcon-root': {
+              '@apply text-base': {}
+            }
+          },
+          '&:first-child a,&:first-child button': {
+            '@apply pt-[0.675rem] pb-[0.525rem]': {}
+          },
+          '&:last-child a,&:last-child button': {
+            '@apply pt-[0.525rem] pb-[0.675rem]': {}
+          },
+          '&:only-child a,&:only-child button': {
+            '@apply py-[0.6rem]': {}
+          }
+        },
+        hr: {
+          '@apply mx-sm w-[calc(100%_-_16px)]': {}
+        },
+        '&.right': {
+          '@apply right-0': {}
         }
       }
     }

package/dist/cjs/components/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '.context-menu-items': {\r\n      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply px-sm': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,uBAAuB,EAAE;MACvB,qBAAqB,EAAE;QACrB,8HAA8H,EAC5H,CAAC,CAAC;QACJ,oBAAoB,EAAE;UACpB,cAAc,EAAE,CAAC;QACnB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu","hr"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '@apply relative inline': {},\r\n\r\n    '> a, > button': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '.context-menu-items': {\r\n      '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center':\r\n          {},\r\n\r\n        'a, button': {\r\n          '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start':\r\n            {},\r\n\r\n          '&.active': {\r\n            '@apply bg-primary text-white': {},\r\n          },\r\n\r\n          '.MuiSvgIcon-root': {\r\n            '@apply text-base': {},\r\n          },\r\n        },\r\n\r\n        '&:first-child a,&:first-child button': {\r\n          '@apply pt-[0.675rem] pb-[0.525rem]': {},\r\n        },\r\n        '&:last-child a,&:last-child button': {\r\n          '@apply pt-[0.525rem] pb-[0.675rem]': {},\r\n        },\r\n        '&:only-child a,&:only-child button': {\r\n          '@apply py-[0.6rem]': {},\r\n        },\r\n      },\r\n\r\n      hr: {\r\n        '@apply mx-sm w-[calc(100%_-_16px)]': {},\r\n      },\r\n\r\n      '&.right': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,uBAAuB,EAAE;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAE5B,eAAe,EAAE;QACf,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,qBAAqB,EAAE;QACrB,uHAAuH,EACrH,CAAC,CAAC;QACJ,oBAAoB,EAAE;UACpB,2HAA2H,EACzH,CAAC,CAAC;UAEJ,WAAW,EAAE;YACX,sIAAsI,EACpI,CAAC,CAAC;YAEJ,UAAU,EAAE;cACV,8BAA8B,EAAE,CAAC;YACnC,CAAC;YAED,kBAAkB,EAAE;cAClB,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,sCAAsC,EAAE;YACtC,oCAAoC,EAAE,CAAC;UACzC,CAAC;UACD,oCAAoC,EAAE;YACpC,oCAAoC,EAAE,CAAC;UACzC,CAAC;UACD,oCAAoC,EAAE;YACpC,oBAAoB,EAAE,CAAC;UACzB;QACF,CAAC;QAEDC,EAAE,EAAE;UACF,oCAAoC,EAAE,CAAC;QACzC,CAAC;QAED,SAAS,EAAE;UACT,gBAAgB,EAAE,CAAC;QACrB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/link.js

@@ -14,6 +14,9 @@ module.exports = Link = function Link() {
         marginLeft: '.25em',
         verticalAlign: 'text-top'
       },
+      '&[type="button"]': {
+        '@apply inline-flex items-center align-bottom': {}
+      },
       '&-disabled': {
         '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {}
       }

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

@@ -1 +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,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,OAAO,EAAE;MACP,2DAA2D,EAAE,CAAC,CAAC;MAC/D,uCAAuC,EAAE,CAAC,CAAC;MAC3C,wDAAwD,EAAE,CAAC,CAAC;MAE5D,kCAAkC,EAAE,CAAC,CAAC;MAEtC,UAAU,EAAE;QACV,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,iBAAiB,EAAE;QACjBC,QAAQ,EAAE,oBAAoB;QAC9BC,UAAU,EAAE,GAAG;QACfC,UAAU,EAAE,OAAO;QACnBC,aAAa,EAAE;MACjB,CAAC;MAED,YAAY,EAAE;QACZ,8EAA8E,EAAE,CAAC;MACnF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"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    '&[type=\"button\"]': {\r\n      '@apply inline-flex items-center align-bottom': {},\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,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,OAAO,EAAE;MACP,2DAA2D,EAAE,CAAC,CAAC;MAC/D,uCAAuC,EAAE,CAAC,CAAC;MAC3C,wDAAwD,EAAE,CAAC,CAAC;MAE5D,kCAAkC,EAAE,CAAC,CAAC;MAEtC,UAAU,EAAE;QACV,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,iBAAiB,EAAE;QACjBC,QAAQ,EAAE,oBAAoB;QAC9BC,UAAU,EAAE,GAAG;QACfC,UAAU,EAAE,OAAO;QACnBC,aAAa,EAAE;MACjB,CAAC;MAED,kBAAkB,EAAE;QAClB,8CAA8C,EAAE,CAAC;MACnD,CAAC;MAED,YAAY,EAAE;QACZ,8EAA8E,EAAE,CAAC;MACnF;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -42,19 +42,31 @@ module.exports = Menu = function Menu() {
             }
           }
         },
-        '.expand path': {
-          '@apply fill-primary': {}
-        },
         '& .sk-sidemenu-wrapper': {
           '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
           '.sk-sidemenu-item-link': {
             '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},
-            '@apply focus-visible:z-base': {}
+            '@apply focus-visible:z-base': {},
+            '&[aria-disabled="true"]': {
+              '@apply text-neutral-600 cursor-not-allowed': {},
+              '.sk-sidemenu-item-label': {
+                '@apply text-neutral-600': {}
+              }
+            }
           },
           '.expand': {
             '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},
+            '&[aria-disabled="true"]': {
+              '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},
+              path: {
+                '@apply fill-gray-stroke': {}
+              }
+            },
+            path: {
+              '@apply fill-primary': {}
+            },
             '&-button': {
-              '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
+              '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
             }
           }
         },
@@ -84,13 +96,8 @@ module.exports = Menu = function Menu() {
             svg: {
               '@apply h-full': {}
             },
-            '&-label': {
-              '@apply text-[#B65A06]': {}
-            }
-          },
-          '&.moved-here': {
-            "[draggable='true']": {
-              '@apply text-warning': {}
+            '&[aria-disabled="true"]': {
+              '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {}
             }
           },
           '&.separator': {

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

@@ -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  '.sk-sidemenu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '&-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 leading-[inherit]': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold flex items-center w-full': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '> ul.items': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '&.open > ul.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        '> .sk-sidemenu-wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.sk-sidemenu-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      '& .sk-sidemenu-wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n          '@apply focus-visible:z-base': {},\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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .sk-sidemenu-wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .sk-sidemenu-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        '& .sk-sidemenu-menuitem-movebutton': {\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.sk-sidemenu-wrapper, > .sk-sidemenu-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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .sk-sidemenu-item > .sk-sidemenu-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': {\r\n          '& + .lvl-0': {\r\n            '@apply border-t border-svartvik-200': {},\r\n          },\r\n        },\r\n\r\n        '&.separator > .sk-sidemenu-wrapper': {\r\n          '@apply border-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .sk-sidemenu-wrapper': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '19.2rem',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n  '.sk-sidemenu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '&-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 leading-[inherit]': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold flex items-center w-full': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '> ul.items': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '&.open > ul.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        '> .sk-sidemenu-wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.sk-sidemenu-item-label': {\r\n            '@apply underline': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '& .sk-sidemenu-wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n          '@apply focus-visible:z-base': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n            '.sk-sidemenu-item-label': {\r\n              '@apply text-neutral-600': {},\r\n            },\r\n          },\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          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n            path: {\r\n              '@apply fill-gray-stroke': {},\r\n            },\r\n          },\r\n\r\n          path: {\r\n            '@apply fill-primary': {},\r\n          },\r\n\r\n          '&-button': {\r\n            '@apply fill-primary 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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .sk-sidemenu-wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .sk-sidemenu-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        '& .sk-sidemenu-menuitem-movebutton': {\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\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n          },\r\n        },\r\n\r\n        '&.separator': {\r\n          '@apply bg-transparent relative': {},\r\n\r\n          '> div.sk-sidemenu-wrapper, > .sk-sidemenu-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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .sk-sidemenu-item > .sk-sidemenu-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': {\r\n          '& + .lvl-0': {\r\n            '@apply border-t border-svartvik-200': {},\r\n          },\r\n        },\r\n\r\n        '&.separator > .sk-sidemenu-wrapper': {\r\n          '@apply border-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .sk-sidemenu-wrapper': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-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/badge.js

@@ -14,7 +14,7 @@ function badgeSolid(colors) {
         '@apply bg-primary': {}
       },
       "&[data-color='warning']": {
-        '@apply bg-warning': {}
+        '@apply bg-[#B05F03]': {}
       },
       "&[data-color='error']": {
         '@apply bg-error': {}
@@ -49,8 +49,8 @@ function badgeOutline(colors) {
         '@apply text-primary': {}
       },
       "&[data-color='warning']": {
-        '@apply border-warning': {},
-        '@apply text-warning': {}
+        '@apply border-[#B05F03]': {},
+        '@apply text-[#B05F03]': {}
       },
       "&[data-color='error']": {
         '@apply border-error': {},

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","badgeOutline","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border-2 border-white box-border': {},\r\n      '@apply text-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply bg-warning': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply bg-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply bg-neutral-400': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction badgeOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.badge': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary': {},\r\n        '@apply text-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply border-warning': {},\r\n        '@apply text-warning': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply border-error': {},\r\n        '@apply text-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply border-neutral-300': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = badge = (colors) => ({\r\n  '.badge': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply inline-flex items-center justify-center content-center align-middle': {},\r\n    '@apply font-sans leading-none': {},\r\n\r\n    '&-fullrounded': {\r\n      '@apply rounded-full': {},\r\n    },\r\n\r\n    //rounding\r\n    '&-roundedcorners-md': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    '&-roundedcorners-lg': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},\r\n      minHeight: '10px',\r\n      maxHeight: '10px',\r\n      minWidth: '10px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '6px',\r\n        maxHeight: '6px',\r\n        minWidth: '6px',\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-xs font-bold': {},\r\n      minHeight: '24px',\r\n      maxHeight: '24px',\r\n      minWidth: '24px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '20px',\r\n        maxHeight: '20px',\r\n        minWidth: '20px',\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-sm font-bold': {},\r\n      minHeight: '28px',\r\n      maxHeight: '28px',\r\n      minWidth: '28px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '24px',\r\n        maxHeight: '24px',\r\n        minWidth: '24px',\r\n      },\r\n    },\r\n\r\n    '&-standard-sm': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-md': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-lg': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-super-sm': {\r\n      '@apply right-[-2px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-3px]': {},\r\n      },\r\n    },\r\n    '&-super-md': {\r\n      '@apply right-[-3px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-4px]': {},\r\n      },\r\n    },\r\n    '&-super-lg': {\r\n      '@apply right-[-4px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-superoverlap-sm': {\r\n      '@apply right-[3px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[2px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-md': {\r\n      '@apply right-[8px] top-[-6px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-lg': {\r\n      '@apply right-[8px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // variants\r\n    ...badgeSolid(colors),\r\n    ...badgeOutline(colors),\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","badgeOutline","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border-2 border-white box-border': {},\r\n      '@apply text-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply bg-[#B05F03]': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply bg-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply bg-neutral-400': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction badgeOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.badge': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary': {},\r\n        '@apply text-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply border-[#B05F03]': {},\r\n        '@apply text-[#B05F03]': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply border-error': {},\r\n        '@apply text-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply border-neutral-300': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = badge = (colors) => ({\r\n  '.badge': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply inline-flex items-center justify-center content-center align-middle': {},\r\n    '@apply font-sans leading-none': {},\r\n\r\n    '&-fullrounded': {\r\n      '@apply rounded-full': {},\r\n    },\r\n\r\n    //rounding\r\n    '&-roundedcorners-md': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    '&-roundedcorners-lg': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},\r\n      minHeight: '10px',\r\n      maxHeight: '10px',\r\n      minWidth: '10px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '6px',\r\n        maxHeight: '6px',\r\n        minWidth: '6px',\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-xs font-bold': {},\r\n      minHeight: '24px',\r\n      maxHeight: '24px',\r\n      minWidth: '24px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '20px',\r\n        maxHeight: '20px',\r\n        minWidth: '20px',\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-sm font-bold': {},\r\n      minHeight: '28px',\r\n      maxHeight: '28px',\r\n      minWidth: '28px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '24px',\r\n        maxHeight: '24px',\r\n        minWidth: '24px',\r\n      },\r\n    },\r\n\r\n    '&-standard-sm': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-md': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-lg': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-super-sm': {\r\n      '@apply right-[-2px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-3px]': {},\r\n      },\r\n    },\r\n    '&-super-md': {\r\n      '@apply right-[-3px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-4px]': {},\r\n      },\r\n    },\r\n    '&-super-lg': {\r\n      '@apply right-[-4px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-superoverlap-sm': {\r\n      '@apply right-[3px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[2px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-md': {\r\n      '@apply right-[8px] top-[-6px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-lg': {\r\n      '@apply right-[8px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // variants\r\n    ...badgeSolid(colors),\r\n    ...badgeOutline(colors),\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/button.js

@@ -232,11 +232,17 @@ module.exports = Button = colors => ({
     }
   }, buttonSolid(colors), buttonOutline(colors), buttonGhost(colors), buttonLink(colors)),
   '.btn-has-icon': {
-    '&-left .MuiSvgIcon-root': {
-      '@apply mr-sm': {}
+    '&-left': {
+      '@apply h-full flex items-center justify-center': {},
+      '.MuiSvgIcon-root': {
+        '@apply mr-sm': {}
+      }
     },
-    '&-right .MuiSvgIcon-root': {
-      '@apply ml-sm': {}
+    '&-right': {
+      '@apply h-full flex items-center justify-center': {},
+      '.MuiSvgIcon-root': {
+        '@apply ml-sm': {}
+      }
     }
   },
   '[data-icon=true]': {
@@ -257,11 +263,15 @@ module.exports = Button = colors => ({
       maxWidth: '4.8rem'
     },
     '.btn-has-icon': {
-      '&-left .MuiSvgIcon-root': {
-        '@apply mr-0': {}
+      '&-left': {
+        '.MuiSvgIcon-root': {
+          '@apply mr-0': {}
+        }
       },
-      '&-right .MuiSvgIcon-root': {
-        '@apply ml-0': {}
+      '&-right': {
+        '.MuiSvgIcon-root': {
+          '@apply ml-0': {}
+        }
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","buttonOutline","buttonGhost","buttonLink","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      //\"@apply text-\": {},\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-white': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-hover border-primary-active': {},\r\n        /* dark */\r\n        '@apply dark:border-hover dark:bg-neutral-600': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n      /* active */\r\n      '@apply active:bg-hover active:text-white': {},\r\n\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n            // hover\r\n            [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active`]: {},\r\n            },\r\n\r\n            [`@apply active:text-white active:bg-${color}-active`]: {},\r\n            [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n            // focus\r\n            //[`@apply focus-visible:bg-${color}-700`]: {},\r\n            //[`@apply focus-visible:border-${color}-500`]: {},\r\n            //[`@apply focus-visible:ring-${color}-500`]: {},\r\n            // active\r\n            //[`@apply active:bg-${color}-600`]: {},\r\n            // dark mode\r\n            //[`@apply dark:border-${color}-500`]: {},\r\n            //[`@apply dark:bg-${color}-600`]: {},\r\n            // dark hover\r\n            //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n            // dark focus\r\n            //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            // dark active\r\n            //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary hover:border-primary-active': {},\r\n        '&.active': {\r\n          '@apply border-primary-active': {},\r\n        },\r\n      },\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-primary-active border-primary-active': {},\r\n        /* dark keyboard active */\r\n        '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}-600 bg-transparent`]: {},\r\n            /* hover */\r\n            [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n            /* keyboard active */\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n              /* dark keyboard active */\r\n              [`@apply dark:bg-${color}-200`]: {},\r\n              [`@apply dark:bg-opacity-15`]: {},\r\n            },\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:border-${color}-200`]: {},\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n  return {\r\n    '&-ghost': {\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            /* focus */\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200`]: {},\r\n            [`@apply dark:active:text-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n  '.btn': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-[3.2rem]': {},\r\n    '@apply py-0': {},\r\n    '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply font-medium leading-tight': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      borderRadius: '3.2rem',\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minHeight: '4rem',\r\n      maxHeight: '4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minHeight: '4.4rem',\r\n      maxHeight: '4.4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minHeight: '4.8rem',\r\n      maxHeight: '4.8rem',\r\n    },\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // State\r\n\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:text-gray text-gray disabled:bg-gray-light bg-gray-light !important': {},\r\n    },\r\n    '.MuiSvgIcon-root': {\r\n      fontSize: '1.5em',\r\n      width: '1em',\r\n      height: '1em',\r\n    },\r\n\r\n    // variants\r\n    ...buttonSolid(colors),\r\n    ...buttonOutline(colors),\r\n    ...buttonGhost(colors),\r\n    ...buttonLink(colors),\r\n  },\r\n  '.btn-has-icon': {\r\n    '&-left .MuiSvgIcon-root': {\r\n      '@apply mr-sm': {},\r\n    },\r\n    '&-right .MuiSvgIcon-root': {\r\n      '@apply ml-sm': {},\r\n    },\r\n  },\r\n  '[data-icon=true]': {\r\n    '@apply p-0': {},\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&.btn-sm': {\r\n      minWidth: '4rem',\r\n      maxWidth: '4rem',\r\n    },\r\n\r\n    '&.btn-md': {\r\n      minWidth: '4.4rem',\r\n      maxWidth: '4.4rem',\r\n    },\r\n\r\n    '&.btn-lg': {\r\n      minWidth: '4.8rem',\r\n      maxWidth: '4.8rem',\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left .MuiSvgIcon-root': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-right .MuiSvgIcon-root': {\r\n        '@apply ml-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","buttonOutline","buttonGhost","buttonLink","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      //\"@apply text-\": {},\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-white': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-hover border-primary-active': {},\r\n        /* dark */\r\n        '@apply dark:border-hover dark:bg-neutral-600': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n      /* active */\r\n      '@apply active:bg-hover active:text-white': {},\r\n\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n            // hover\r\n            [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active`]: {},\r\n            },\r\n\r\n            [`@apply active:text-white active:bg-${color}-active`]: {},\r\n            [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n            // focus\r\n            //[`@apply focus-visible:bg-${color}-700`]: {},\r\n            //[`@apply focus-visible:border-${color}-500`]: {},\r\n            //[`@apply focus-visible:ring-${color}-500`]: {},\r\n            // active\r\n            //[`@apply active:bg-${color}-600`]: {},\r\n            // dark mode\r\n            //[`@apply dark:border-${color}-500`]: {},\r\n            //[`@apply dark:bg-${color}-600`]: {},\r\n            // dark hover\r\n            //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n            // dark focus\r\n            //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            // dark active\r\n            //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary hover:border-primary-active': {},\r\n        '&.active': {\r\n          '@apply border-primary-active': {},\r\n        },\r\n      },\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-primary-active border-primary-active': {},\r\n        /* dark keyboard active */\r\n        '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}-600 bg-transparent`]: {},\r\n            /* hover */\r\n            [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n            /* keyboard active */\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n              /* dark keyboard active */\r\n              [`@apply dark:bg-${color}-200`]: {},\r\n              [`@apply dark:bg-opacity-15`]: {},\r\n            },\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:border-${color}-200`]: {},\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n  return {\r\n    '&-ghost': {\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            /* focus */\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200`]: {},\r\n            [`@apply dark:active:text-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n  '.btn': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-[3.2rem]': {},\r\n    '@apply py-0': {},\r\n    '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply font-medium leading-tight': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      borderRadius: '3.2rem',\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minHeight: '4rem',\r\n      maxHeight: '4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minHeight: '4.4rem',\r\n      maxHeight: '4.4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minHeight: '4.8rem',\r\n      maxHeight: '4.8rem',\r\n    },\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // State\r\n\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:text-gray text-gray disabled:bg-gray-light bg-gray-light !important': {},\r\n    },\r\n    '.MuiSvgIcon-root': {\r\n      fontSize: '1.5em',\r\n      width: '1em',\r\n      height: '1em',\r\n    },\r\n\r\n    // variants\r\n    ...buttonSolid(colors),\r\n    ...buttonOutline(colors),\r\n    ...buttonGhost(colors),\r\n    ...buttonLink(colors),\r\n  },\r\n  '.btn-has-icon': {\r\n    '&-left': {\r\n      '@apply h-full flex items-center justify-center': {},\r\n\r\n      '.MuiSvgIcon-root': {\r\n        '@apply mr-sm': {},\r\n      },\r\n    },\r\n    '&-right': {\r\n      '@apply h-full flex items-center justify-center': {},\r\n\r\n      '.MuiSvgIcon-root': {\r\n        '@apply ml-sm': {},\r\n      },\r\n    },\r\n  },\r\n  '[data-icon=true]': {\r\n    '@apply p-0': {},\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&.btn-sm': {\r\n      minWidth: '4rem',\r\n      maxWidth: '4rem',\r\n    },\r\n\r\n    '&.btn-md': {\r\n      minWidth: '4.4rem',\r\n      maxWidth: '4.4rem',\r\n    },\r\n\r\n    '&.btn-lg': {\r\n      minWidth: '4.8rem',\r\n      maxWidth: '4.8rem',\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left': {\r\n        '.MuiSvgIcon-root': {\r\n          '@apply mr-0': {},\r\n        },\r\n      },\r\n      '&-right': {\r\n        '.MuiSvgIcon-root': {\r\n          '@apply ml-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/comments.js

@@ -5,7 +5,10 @@ module.exports = Comments = () => ({
   '.comment-item': {
     '@apply w-full': {},
     '&-container': {
-      '@apply flex gap-2': {}
+      '@apply flex justify-between relative': {},
+      '&-textpic': {
+        '@apply flex gap-2': {}
+      }
     },
     '&-text': {
       '@apply text-base font-bold mx-0 mb-0 mt-4': {}

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

@@ -1 +1 @@
-{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \n\n    '.comment-header': {\n        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\n    },\n\n    '.comment-item':{\n        '@apply w-full': {},\n\n        '&-container': {\n            '@apply flex gap-2': {},\n        },\n        '&-text': {\n            '@apply text-base font-bold mx-0 mb-0 mt-4': {},\n        },\n        '&-commentorpublished': {\n            '@apply float-right text-neutral-600 m-0': {},\n        },\n    },\n    '.comment-input':{\n        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\n\n        '&-inactive': {\n            '@apply text-neutral-300 !text-3xl': {},\n        },\n\n        '&-active': {\n            '@apply text-primary !text-3xl': {},\n        }\n\n    },\n\n   \n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EAE/B,iBAAiB,EAAE;IACf,uEAAuE,EAAE,CAAC;EAC9E,CAAC;EAED,eAAe,EAAC;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACX,mBAAmB,EAAE,CAAC;IAC1B,CAAC;IACD,QAAQ,EAAE;MACN,2CAA2C,EAAE,CAAC;IAClD,CAAC;IACD,sBAAsB,EAAE;MACpB,yCAAyC,EAAE,CAAC;IAChD;EACJ,CAAC;EACD,gBAAgB,EAAC;IACb,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACV,mCAAmC,EAAE,CAAC;IAC1C,CAAC;IAED,UAAU,EAAE;MACR,+BAA+B,EAAE,CAAC;IACtC;EAEJ;AAGJ,CAAC,CAAC"}
+{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \n\n    '.comment-header': {\n        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\n    },\n\n    '.comment-item':{\n        '@apply w-full': {},\n\n        '&-container': {\n            '@apply flex justify-between relative': {},\n\n            '&-textpic': {\n                '@apply flex gap-2': {},\n            },\n        },\n        '&-text': {\n            '@apply text-base font-bold mx-0 mb-0 mt-4': {},\n        },\n        '&-commentorpublished': {\n            '@apply float-right text-neutral-600 m-0': {},\n        },\n    },\n    '.comment-input':{\n        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\n\n        '&-inactive': {\n            '@apply text-neutral-300 !text-3xl': {},\n        },\n\n        '&-active': {\n            '@apply text-primary !text-3xl': {},\n        }\n\n    },\n\n   \n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EAE/B,iBAAiB,EAAE;IACf,uEAAuE,EAAE,CAAC;EAC9E,CAAC;EAED,eAAe,EAAC;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1C,WAAW,EAAE;QACT,mBAAmB,EAAE,CAAC;MAC1B;IACJ,CAAC;IACD,QAAQ,EAAE;MACN,2CAA2C,EAAE,CAAC;IAClD,CAAC;IACD,sBAAsB,EAAE;MACpB,yCAAyC,EAAE,CAAC;IAChD;EACJ,CAAC;EACD,gBAAgB,EAAC;IACb,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACV,mCAAmC,EAAE,CAAC;IAC1C,CAAC;IAED,UAAU,EAAE;MACR,+BAA+B,EAAE,CAAC;IACtC;EAEJ;AAGJ,CAAC,CAAC"}

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

@@ -1,9 +1,37 @@
 module.exports = ContextMenu = () => ({
   '.context-menu-wrapper': {
+    '@apply relative inline': {},
+    '> a, > button': {
+      '@apply inline-flex': {}
+    },
     '.context-menu-items': {
-      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm': {},
+      '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start': {},
       '.context-menu-item': {
-        '@apply px-sm': {}
+        '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center': {},
+        'a, button': {
+          '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start': {},
+          '&.active': {
+            '@apply bg-primary text-white': {}
+          },
+          '.MuiSvgIcon-root': {
+            '@apply text-base': {}
+          }
+        },
+        '&:first-child a,&:first-child button': {
+          '@apply pt-[0.675rem] pb-[0.525rem]': {}
+        },
+        '&:last-child a,&:last-child button': {
+          '@apply pt-[0.525rem] pb-[0.675rem]': {}
+        },
+        '&:only-child a,&:only-child button': {
+          '@apply py-[0.6rem]': {}
+        }
+      },
+      hr: {
+        '@apply mx-sm w-[calc(100%_-_16px)]': {}
+      },
+      '&.right': {
+        '@apply right-0': {}
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '.context-menu-items': {\r\n      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply px-sm': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAGA,CAAA,MAAO;EACpC,uBAAuB,EAAE;IACvB,qBAAqB,EAAE;MACrB,8HAA8H,EAC5H,CAAC,CAAC;MACJ,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC;MACnB;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu","hr"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '@apply relative inline': {},\r\n\r\n    '> a, > button': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '.context-menu-items': {\r\n      '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center':\r\n          {},\r\n\r\n        'a, button': {\r\n          '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start':\r\n            {},\r\n\r\n          '&.active': {\r\n            '@apply bg-primary text-white': {},\r\n          },\r\n\r\n          '.MuiSvgIcon-root': {\r\n            '@apply text-base': {},\r\n          },\r\n        },\r\n\r\n        '&:first-child a,&:first-child button': {\r\n          '@apply pt-[0.675rem] pb-[0.525rem]': {},\r\n        },\r\n        '&:last-child a,&:last-child button': {\r\n          '@apply pt-[0.525rem] pb-[0.675rem]': {},\r\n        },\r\n        '&:only-child a,&:only-child button': {\r\n          '@apply py-[0.6rem]': {},\r\n        },\r\n      },\r\n\r\n      hr: {\r\n        '@apply mx-sm w-[calc(100%_-_16px)]': {},\r\n      },\r\n\r\n      '&.right': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAGA,CAAA,MAAO;EACpC,uBAAuB,EAAE;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAE5B,eAAe,EAAE;MACf,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,qBAAqB,EAAE;MACrB,uHAAuH,EACrH,CAAC,CAAC;MACJ,oBAAoB,EAAE;QACpB,2HAA2H,EACzH,CAAC,CAAC;QAEJ,WAAW,EAAE;UACX,sIAAsI,EACpI,CAAC,CAAC;UAEJ,UAAU,EAAE;YACV,8BAA8B,EAAE,CAAC;UACnC,CAAC;UAED,kBAAkB,EAAE;YAClB,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QAED,sCAAsC,EAAE;UACtC,oCAAoC,EAAE,CAAC;QACzC,CAAC;QACD,oCAAoC,EAAE;UACpC,oCAAoC,EAAE,CAAC;QACzC,CAAC;QACD,oCAAoC,EAAE;UACpC,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MAEDC,EAAE,EAAE;QACF,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,SAAS,EAAE;QACT,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/link.js

@@ -13,6 +13,9 @@ module.exports = Link = () => ({
       marginLeft: '.25em',
       verticalAlign: 'text-top'
     },
+    '&[type="button"]': {
+      '@apply inline-flex items-center align-bottom': {}
+    },
     '&-disabled': {
       '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {}
     }

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

@@ -1 +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"}
+{"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    '&[type=\"button\"]': {\r\n      '@apply inline-flex items-center align-bottom': {},\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,kBAAkB,EAAE;MAClB,8CAA8C,EAAE,CAAC;IACnD,CAAC;IAED,YAAY,EAAE;MACZ,8EAA8E,EAAE,CAAC;IACnF;EACF;AACF,CAAC,CAAC"}

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

@@ -41,19 +41,31 @@ module.exports = Menu = () => ({
           }
         }
       },
-      '.expand path': {
-        '@apply fill-primary': {}
-      },
       '& .sk-sidemenu-wrapper': {
         '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
         '.sk-sidemenu-item-link': {
           '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},
-          '@apply focus-visible:z-base': {}
+          '@apply focus-visible:z-base': {},
+          '&[aria-disabled="true"]': {
+            '@apply text-neutral-600 cursor-not-allowed': {},
+            '.sk-sidemenu-item-label': {
+              '@apply text-neutral-600': {}
+            }
+          }
         },
         '.expand': {
           '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},
+          '&[aria-disabled="true"]': {
+            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},
+            path: {
+              '@apply fill-gray-stroke': {}
+            }
+          },
+          path: {
+            '@apply fill-primary': {}
+          },
           '&-button': {
-            '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
+            '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
           }
         }
       },
@@ -83,13 +95,8 @@ module.exports = Menu = () => ({
           svg: {
             '@apply h-full': {}
           },
-          '&-label': {
-            '@apply text-[#B65A06]': {}
-          }
-        },
-        '&.moved-here': {
-          "[draggable='true']": {
-            '@apply text-warning': {}
+          '&[aria-disabled="true"]': {
+            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {}
           }
         },
         '&.separator': {

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

@@ -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  '.sk-sidemenu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '&-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 leading-[inherit]': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold flex items-center w-full': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '> ul.items': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '&.open > ul.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        '> .sk-sidemenu-wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.sk-sidemenu-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      '& .sk-sidemenu-wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n          '@apply focus-visible:z-base': {},\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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .sk-sidemenu-wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .sk-sidemenu-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        '& .sk-sidemenu-menuitem-movebutton': {\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.sk-sidemenu-wrapper, > .sk-sidemenu-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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .sk-sidemenu-item > .sk-sidemenu-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': {\r\n          '& + .lvl-0': {\r\n            '@apply border-t border-svartvik-200': {},\r\n          },\r\n        },\r\n\r\n        '&.separator > .sk-sidemenu-wrapper': {\r\n          '@apply border-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .sk-sidemenu-wrapper': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '19.2rem',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n  '.sk-sidemenu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '&-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 leading-[inherit]': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold flex items-center w-full': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '> ul.items': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '&.open > ul.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        '> .sk-sidemenu-wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.sk-sidemenu-item-label': {\r\n            '@apply underline': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '& .sk-sidemenu-wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n          '@apply focus-visible:z-base': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n            '.sk-sidemenu-item-label': {\r\n              '@apply text-neutral-600': {},\r\n            },\r\n          },\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          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n            path: {\r\n              '@apply fill-gray-stroke': {},\r\n            },\r\n          },\r\n\r\n          path: {\r\n            '@apply fill-primary': {},\r\n          },\r\n\r\n          '&-button': {\r\n            '@apply fill-primary 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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .sk-sidemenu-wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .sk-sidemenu-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        '& .sk-sidemenu-menuitem-movebutton': {\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\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n          },\r\n        },\r\n\r\n        '&.separator': {\r\n          '@apply bg-transparent relative': {},\r\n\r\n          '> div.sk-sidemenu-wrapper, > .sk-sidemenu-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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .sk-sidemenu-item > .sk-sidemenu-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': {\r\n          '& + .lvl-0': {\r\n            '@apply border-t border-svartvik-200': {},\r\n          },\r\n        },\r\n\r\n        '&.separator > .sk-sidemenu-wrapper': {\r\n          '@apply border-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .sk-sidemenu-wrapper': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-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

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "0.1.90",
+  "version": "0.1.92",
   "license": "MIT",
   "main": "src/index.js",
   "module": "dist/esm/index.js",
@@ -40,5 +40,5 @@
     "@sk-web-gui/theme": "0.1.14",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "5b6d3cdfd0d6759a07a934b16faed307f7f7eb3b"
+  "gitHead": "bb9535b75de2ca61291aebd2aceee360b16cc53c"
 }

package/src/components/badge.js

@@ -19,7 +19,7 @@ function badgeSolid(colors) {
         '@apply bg-primary': {},
       },
       "&[data-color='warning']": {
-        '@apply bg-warning': {},
+        '@apply bg-[#B05F03]': {},
       },
       "&[data-color='error']": {
         '@apply bg-error': {},
@@ -62,8 +62,8 @@ function badgeOutline(colors) {
         '@apply text-primary': {},
       },
       "&[data-color='warning']": {
-        '@apply border-warning': {},
-        '@apply text-warning': {},
+        '@apply border-[#B05F03]': {},
+        '@apply text-[#B05F03]': {},
       },
       "&[data-color='error']": {
         '@apply border-error': {},

package/src/components/button.js

@@ -274,11 +274,19 @@ module.exports = Button = (colors) => ({
     ...buttonLink(colors),
   },
   '.btn-has-icon': {
-    '&-left .MuiSvgIcon-root': {
-      '@apply mr-sm': {},
+    '&-left': {
+      '@apply h-full flex items-center justify-center': {},
+
+      '.MuiSvgIcon-root': {
+        '@apply mr-sm': {},
+      },
     },
-    '&-right .MuiSvgIcon-root': {
-      '@apply ml-sm': {},
+    '&-right': {
+      '@apply h-full flex items-center justify-center': {},
+
+      '.MuiSvgIcon-root': {
+        '@apply ml-sm': {},
+      },
     },
   },
   '[data-icon=true]': {
@@ -301,11 +309,15 @@ module.exports = Button = (colors) => ({
       maxWidth: '4.8rem',
     },
     '.btn-has-icon': {
-      '&-left .MuiSvgIcon-root': {
-        '@apply mr-0': {},
+      '&-left': {
+        '.MuiSvgIcon-root': {
+          '@apply mr-0': {},
+        },
       },
-      '&-right .MuiSvgIcon-root': {
-        '@apply ml-0': {},
+      '&-right': {
+        '.MuiSvgIcon-root': {
+          '@apply ml-0': {},
+        },
       },
     },
   },

package/src/components/comments.js

@@ -8,7 +8,11 @@ module.exports = Comments = () => ({
         '@apply w-full': {},
 
         '&-container': {
-            '@apply flex gap-2': {},
+            '@apply flex justify-between relative': {},
+
+            '&-textpic': {
+                '@apply flex gap-2': {},
+            },
         },
         '&-text': {
             '@apply text-base font-bold mx-0 mb-0 mt-4': {},

package/src/components/context-menu.js

@@ -1,10 +1,48 @@
 module.exports = ContextMenu = () => ({
   '.context-menu-wrapper': {
+    '@apply relative inline': {},
+
+    '> a, > button': {
+      '@apply inline-flex': {},
+    },
+
     '.context-menu-items': {
-      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm':
+      '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start':
         {},
       '.context-menu-item': {
-        '@apply px-sm': {},
+        '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center':
+          {},
+
+        'a, button': {
+          '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start':
+            {},
+
+          '&.active': {
+            '@apply bg-primary text-white': {},
+          },
+
+          '.MuiSvgIcon-root': {
+            '@apply text-base': {},
+          },
+        },
+
+        '&:first-child a,&:first-child button': {
+          '@apply pt-[0.675rem] pb-[0.525rem]': {},
+        },
+        '&:last-child a,&:last-child button': {
+          '@apply pt-[0.525rem] pb-[0.675rem]': {},
+        },
+        '&:only-child a,&:only-child button': {
+          '@apply py-[0.6rem]': {},
+        },
+      },
+
+      hr: {
+        '@apply mx-sm w-[calc(100%_-_16px)]': {},
+      },
+
+      '&.right': {
+        '@apply right-0': {},
       },
     },
   },

package/src/components/link.js

@@ -16,6 +16,10 @@ module.exports = Link = () => ({
       verticalAlign: 'text-top',
     },
 
+    '&[type="button"]': {
+      '@apply inline-flex items-center align-bottom': {},
+    },
+
     '&-disabled': {
       '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {},
     },

package/src/components/side-menu.js

@@ -54,23 +54,39 @@ module.exports = Menu = () => ({
         },
       },
 
-      '.expand path': {
-        '@apply fill-primary': {},
-      },
-
       '& .sk-sidemenu-wrapper': {
         '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
 
         '.sk-sidemenu-item-link': {
           '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},
           '@apply focus-visible:z-base': {},
+
+          '&[aria-disabled="true"]': {
+            '@apply text-neutral-600 cursor-not-allowed': {},
+
+            '.sk-sidemenu-item-label': {
+              '@apply text-neutral-600': {},
+            },
+          },
         },
 
         '.expand': {
           '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},
 
+          '&[aria-disabled="true"]': {
+            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},
+
+            path: {
+              '@apply fill-gray-stroke': {},
+            },
+          },
+
+          path: {
+            '@apply fill-primary': {},
+          },
+
           '&-button': {
-            '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},
+            '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},
           },
         },
       },
@@ -106,14 +122,9 @@ module.exports = Menu = () => ({
           svg: {
             '@apply h-full': {},
           },
-          '&-label': {
-            '@apply text-[#B65A06]': {},
-          },
-        },
 
-        '&.moved-here': {
-          "[draggable='true']": {
-            '@apply text-warning': {},
+          '&[aria-disabled="true"]': {
+            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},
           },
         },