@sk-web-gui/core 3.10.0 → 3.11.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/link.ts"],"sourcesContent":["export const Link = () => ({\r\n  '.sk-link': {\r\n    '@apply underline outline-none hover:underline': {},\r\n    '@apply rounded-utility': {},\r\n\r\n    // focus\r\n    '@apply focus-visible:ring ring-offset-6': {},\r\n\r\n    // sizes\r\n    '&-sm': {\r\n      '@apply text-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-base': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-large': {},\r\n    },\r\n    '&-xl': {\r\n      '@apply text-lead': {},\r\n    },\r\n\r\n    // variants\r\n    '&-primary': {\r\n      '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},\r\n  \r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {},\r\n      },\r\n    },\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary hover:text-dark-primary': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&.active': {\r\n      '@apply underline': {},\r\n    },\r\n\r\n    '& &-external-icon': {\r\n      '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-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 text-dark-disabled cursor-default': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-disabled': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Link"],"mappings":"oGAAaA,8CAAAA,QAAN,IAAMA,KAAO,iBAAO,CACzB,WAAY,CACV,gDAAiD,CAAC,EAClD,yBAA0B,CAAC,EAG3B,0CAA2C,CAAC,EAG5C,OAAQ,CACN,oBAAqB,CAAC,CACxB,EACA,OAAQ,CACN,mBAAoB,CAAC,CACvB,EACA,OAAQ,CACN,oBAAqB,CAAC,CACxB,EACA,OAAQ,CACN,mBAAoB,CAAC,CACvB,EAGA,YAAa,CACX,+EAAgF,CAAC,EAEjF,0BAA0B,CACxB,kGAAmG,CAAC,CACtG,CACF,EACA,aAAc,CACZ,qDAAsD,CAAC,EACvD,0BAA0B,CACxB,uEAAwE,CAAC,CAC3E,CACF,EAEA,WAAY,CACV,mBAAoB,CAAC,CACvB,EAEA,oBAAqB,CACnB,gEAAiE,CAAC,CACpE,EAEA,mBAAoB,CAClB,+CAAgD,CAAC,CACnD,EAEA,aAAc,CACZ,2CAA4C,CAAC,EAC7C,0BAA0B,CACxB,qCAAsC,CAAC,CACzC,CACF,CACF,CACF"}
+{"version":3,"sources":["../../../src/components/link.ts"],"sourcesContent":["export const Link = () => ({\r\n  '.sk-link': {\r\n    '@apply underline outline-none hover:underline': {},\r\n    '@apply rounded-utility': {},\r\n\r\n    // focus\r\n    '@apply focus-visible:ring ring-offset-6': {},\r\n\r\n    // sizes\r\n    '&-sm': {\r\n      '@apply text-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-base': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-large': {},\r\n    },\r\n    '&-xl': {\r\n      '@apply text-lead': {},\r\n    },\r\n\r\n    // variants\r\n    '&-primary': {\r\n      '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},\r\n  \r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {},\r\n      },\r\n    },\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary hover:text-dark-primary': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&.active': {\r\n      '@apply underline': {},\r\n    },\r\n\r\n    '& &-external-icon': {\r\n      '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-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 text-dark-disabled cursor-default': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-disabled': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Link"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,iDAAiD,CAAC;YAClD,0BAA0B,CAAC;YAE3B,QAAQ;YACR,2CAA2C,CAAC;YAE5C,QAAQ;YACR,QAAQ;gBACN,qBAAqB,CAAC;YACxB;YACA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YACA,QAAQ;gBACN,qBAAqB,CAAC;YACxB;YACA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,WAAW;YACX,aAAa;gBACX,gFAAgF,CAAC;gBAEjF,2BAA0B;oBACxB,mGAAmG,CAAC;gBACtG;YACF;YACA,cAAc;gBACZ,sDAAsD,CAAC;gBACvD,2BAA0B;oBACxB,wEAAwE,CAAC;gBAC3E;YACF;YAEA,YAAY;gBACV,oBAAoB,CAAC;YACvB;YAEA,qBAAqB;gBACnB,iEAAiE,CAAC;YACpE;YAEA,oBAAoB;gBAClB,gDAAgD,CAAC;YACnD;YAEA,cAAc;gBACZ,4CAA4C,CAAC;gBAC7C,2BAA0B;oBACxB,sCAAsC,CAAC;gBACzC;YACF;QACF;IACF"}

package/dist/cjs/components/list.js

@@ -1,2 +1,67 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"List",{enumerable:true,get:function(){return List}});var List=function(){return{".sk-list":{li:{"&:before":{"@apply text-vattjom-surface-primary font-bold":{},"@apply absolute inline-flex items-center justify-center text-center":{},"@apply w-24 h-24":{}}},'&[data-style="bullet"]':{li:{"&:before":{"@apply content-['•'] my-5 text-lead":{}}}},'&[data-style="numbered"]':{li:{counterIncrement:"item","&:before":{"@apply text-small border-vattjom-surface-primary rounded-full leading-8":{},"@apply my-6 h-22 w-22 border-2":{},content:"counter(item)"}}},'&[data-style="stroke"]':{li:{"&:before":{"@apply content-['–'] my-4 text-base":{}}}},".sk-link":{"&-tertiary":{"@apply text-dark-primary":{},"&:hover":{"@apply text-dark-secondary":{}}}},"&-item":{"@apply pt-20":{}},"&-header":{"@apply text-large font-bold ml-32":{}},"&-text":{"@apply text-dark-secondary ml-32":{}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "List", {
+    enumerable: true,
+    get: function() {
+        return List;
+    }
+});
+var List = function() {
+    return {
+        '.sk-list': {
+            // General
+            li: {
+                '&:before': {
+                    '@apply text-vattjom-surface-primary font-bold': {},
+                    '@apply absolute inline-flex items-center justify-center text-center': {},
+                    '@apply w-24 h-24': {}
+                }
+            },
+            '&[data-style="bullet"]': {
+                li: {
+                    '&:before': {
+                        "@apply content-['•'] my-5 text-lead": {}
+                    }
+                }
+            },
+            '&[data-style="numbered"]': {
+                li: {
+                    counterIncrement: 'item',
+                    '&:before': {
+                        '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},
+                        '@apply my-6 h-22 w-22 border-2': {},
+                        content: 'counter(item)'
+                    }
+                }
+            },
+            '&[data-style="stroke"]': {
+                li: {
+                    '&:before': {
+                        "@apply content-['–'] my-4 text-base": {}
+                    }
+                }
+            },
+            '.sk-link': {
+                '&-tertiary': {
+                    '@apply text-dark-primary': {},
+                    '&:hover': {
+                        '@apply text-dark-secondary': {}
+                    }
+                }
+            },
+            '&-item': {
+                '@apply pt-20': {}
+            },
+            '&-header': {
+                '@apply text-large font-bold ml-32': {}
+            },
+            '&-text': {
+                '@apply text-dark-secondary ml-32': {}
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\n  '.sk-list': {\n    // General\n    li: {\n      '&:before': {\n        '@apply text-vattjom-surface-primary font-bold': {},\n        '@apply absolute inline-flex items-center justify-center text-center': {},\n        '@apply w-24 h-24': {},\n      },\n    },\n\n    '&[data-style=\"bullet\"]': {\n      li: {\n        '&:before': {\n          \"@apply content-['•'] my-5 text-lead\": {},\n        },\n      },\n    },\n\n    '&[data-style=\"numbered\"]': {\n      li: {\n        counterIncrement: 'item',\n\n        '&:before': {\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\n          '@apply my-6 h-22 w-22 border-2': {},\n          content: 'counter(item)',\n        },\n      },\n    },\n\n    '&[data-style=\"stroke\"]': {\n      li: {\n        '&:before': {\n          \"@apply content-['–'] my-4 text-base\": {},\n        },\n      },\n    },\n\n    '.sk-link': {\n      '&-tertiary': {\n        '@apply text-dark-primary': {},\n        '&:hover': {\n          '@apply text-dark-secondary': {},\n        },\n      },\n    },\n\n    '&-item': {\n      '@apply pt-20': {},\n    },\n\n    '&-header': {\n      '@apply text-large font-bold ml-32': {},\n    },\n\n    '&-text': {\n      '@apply text-dark-secondary ml-32': {},\n    },\n  },\n});\n"],"names":["List","li","counterIncrement","content"],"mappings":"oGAAaA,8CAAAA,QAAN,IAAMA,KAAO,iBAAO,CACzB,WAAY,CAEVC,GAAI,CACF,WAAY,CACV,gDAAiD,CAAC,EAClD,sEAAuE,CAAC,EACxE,mBAAoB,CAAC,CACvB,CACF,EAEA,yBAA0B,CACxBA,GAAI,CACF,WAAY,CACV,sCAAuC,CAAC,CAC1C,CACF,CACF,EAEA,2BAA4B,CAC1BA,GAAI,CACFC,iBAAkB,OAElB,WAAY,CACV,0EAA2E,CAAC,EAC5E,iCAAkC,CAAC,EACnCC,QAAS,eACX,CACF,CACF,EAEA,yBAA0B,CACxBF,GAAI,CACF,WAAY,CACV,sCAAuC,CAAC,CAC1C,CACF,CACF,EAEA,WAAY,CACV,aAAc,CACZ,2BAA4B,CAAC,EAC7B,UAAW,CACT,6BAA8B,CAAC,CACjC,CACF,CACF,EAEA,SAAU,CACR,eAAgB,CAAC,CACnB,EAEA,WAAY,CACV,oCAAqC,CAAC,CACxC,EAEA,SAAU,CACR,mCAAoC,CAAC,CACvC,CACF,CACF"}
+{"version":3,"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\r\n  '.sk-list': {\r\n    // General\r\n    li: {\r\n      '&:before': {\r\n        '@apply text-vattjom-surface-primary font-bold': {},\r\n        '@apply absolute inline-flex items-center justify-center text-center': {},\r\n        '@apply w-24 h-24': {},\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"bullet\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['•'] my-5 text-lead\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"numbered\"]': {\r\n      li: {\r\n        counterIncrement: 'item',\r\n\r\n        '&:before': {\r\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\r\n          '@apply my-6 h-22 w-22 border-2': {},\r\n          content: 'counter(item)',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"stroke\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['–'] my-4 text-base\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.sk-link': {\r\n      '&-tertiary': {\r\n        '@apply text-dark-primary': {},\r\n        '&:hover': {\r\n          '@apply text-dark-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply pt-20': {},\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply text-large font-bold ml-32': {},\r\n    },\r\n\r\n    '&-text': {\r\n      '@apply text-dark-secondary ml-32': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["List","li","counterIncrement","content"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,UAAU;YACVC,IAAI;gBACF,YAAY;oBACV,iDAAiD,CAAC;oBAClD,uEAAuE,CAAC;oBACxE,oBAAoB,CAAC;gBACvB;YACF;YAEA,0BAA0B;gBACxBA,IAAI;oBACF,YAAY;wBACV,uCAAuC,CAAC;oBAC1C;gBACF;YACF;YAEA,4BAA4B;gBAC1BA,IAAI;oBACFC,kBAAkB;oBAElB,YAAY;wBACV,2EAA2E,CAAC;wBAC5E,kCAAkC,CAAC;wBACnCC,SAAS;oBACX;gBACF;YACF;YAEA,0BAA0B;gBACxBF,IAAI;oBACF,YAAY;wBACV,uCAAuC,CAAC;oBAC1C;gBACF;YACF;YAEA,YAAY;gBACV,cAAc;oBACZ,4BAA4B,CAAC;oBAC7B,WAAW;wBACT,8BAA8B,CAAC;oBACjC;gBACF;YACF;YAEA,UAAU;gBACR,gBAAgB,CAAC;YACnB;YAEA,YAAY;gBACV,qCAAqC,CAAC;YACxC;YAEA,UAAU;gBACR,oCAAoC,CAAC;YACvC;QACF;IACF"}

package/dist/cjs/components/logo.js

@@ -1,2 +1,62 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Logo",{enumerable:true,get:function(){return Logo}});var Logo=function(){return{".sk-logo":{"@apply flex w-auto h-auto":{},"@apply items-center":{},"@apply text-dark-primary":{},'&[data-inverted="true"]':{"@apply text-light-primary":{},".sk-logo-divider":{"@apply border-inverted-divider":{}}},"&-figure":{"@apply w-full h-full":{}},'&[data-variant="service"]':{"@apply flex-row gap-6":{},"@apply w-max":{},"@apply h-60":{},"@apply pb-4":{},".sk-logo-figure":{"@apply w-auto h-56":{}}},"a:focus-within &":{"@apply outline outline-2 outline-ring":{}},"a &":{"@apply no-underline":{}},"a:hover &":{"@apply underline":{}},"&-service-content":{"@apply h-full w-max":{},"@apply flex flex-col justify-center":{},"@apply pl-2 pt-2 pr-8 pb-0":{}},"&-title":{"@apply font-header text-logo-header":{}},"&-subtitle":{"@apply text-small font-normal block":{}},"&-divider":{"@apply pt-8 pb-4":{}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Logo", {
+    enumerable: true,
+    get: function() {
+        return Logo;
+    }
+});
+var Logo = function() {
+    return {
+        '.sk-logo': {
+            '@apply flex w-auto h-auto': {},
+            '@apply items-center': {},
+            '@apply text-dark-primary': {},
+            '&[data-inverted="true"]': {
+                '@apply text-light-primary': {},
+                '.sk-logo-divider': {
+                    '@apply border-inverted-divider': {}
+                }
+            },
+            '&-figure': {
+                '@apply w-full h-full': {}
+            },
+            '&[data-variant="service"]': {
+                '@apply flex-row gap-6': {},
+                '@apply w-max': {},
+                '@apply h-60': {},
+                '@apply pb-4': {},
+                '.sk-logo-figure': {
+                    '@apply w-auto h-56': {}
+                }
+            },
+            'a:focus-within &': {
+                '@apply outline outline-2 outline-ring': {}
+            },
+            'a &': {
+                '@apply no-underline': {}
+            },
+            'a:hover &': {
+                '@apply underline': {}
+            },
+            '&-service-content': {
+                '@apply h-full w-max': {},
+                '@apply flex flex-col justify-center': {},
+                '@apply pl-2 pt-2 pr-8 pb-0': {}
+            },
+            '&-title': {
+                '@apply font-header text-logo-header': {}
+            },
+            '&-subtitle': {
+                '@apply text-small font-normal block': {}
+            },
+            '&-divider': {
+                '@apply pt-8 pb-4': {}
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=logo.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\n  '.sk-logo': {\n    '@apply flex w-auto h-auto': {},\n    '@apply items-center': {},\n    '@apply text-dark-primary': {},\n    '&[data-inverted=\"true\"]': {\n      '@apply text-light-primary': {},\n      '.sk-logo-divider': {\n        '@apply border-inverted-divider': {},\n      },\n    },\n\n    '&-figure': {\n      '@apply w-full h-full': {},\n    },\n    '&[data-variant=\"service\"]': {\n      '@apply flex-row gap-6': {},\n      '@apply w-max': {},\n      '@apply h-60': {},\n      '@apply pb-4': {},\n      '.sk-logo-figure': {\n        '@apply w-auto h-56': {},\n      },\n    },\n    'a:focus-within &': {\n      '@apply outline outline-2 outline-ring': {},\n    },\n    'a &': {\n      '@apply no-underline': {},\n    },\n    'a:hover &': {\n      '@apply underline': {},\n    },\n    '&-service-content': {\n      '@apply h-full w-max': {},\n      '@apply flex flex-col justify-center': {},\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\n    },\n    '&-title': {\n      '@apply font-header text-logo-header': {},\n    },\n    '&-subtitle': {\n      '@apply text-small font-normal block': {},\n    },\n    '&-divider': {\n      '@apply pt-8 pb-4': {},\n    },\n  },\n});\n"],"names":["Logo"],"mappings":"oGAAaA,8CAAAA,QAAN,IAAMA,KAAO,iBAAO,CACzB,WAAY,CACV,4BAA6B,CAAC,EAC9B,sBAAuB,CAAC,EACxB,2BAA4B,CAAC,EAC7B,0BAA2B,CACzB,4BAA6B,CAAC,EAC9B,mBAAoB,CAClB,iCAAkC,CAAC,CACrC,CACF,EAEA,WAAY,CACV,uBAAwB,CAAC,CAC3B,EACA,4BAA6B,CAC3B,wBAAyB,CAAC,EAC1B,eAAgB,CAAC,EACjB,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,kBAAmB,CACjB,qBAAsB,CAAC,CACzB,CACF,EACA,mBAAoB,CAClB,wCAAyC,CAAC,CAC5C,EACA,MAAO,CACL,sBAAuB,CAAC,CAC1B,EACA,YAAa,CACX,mBAAoB,CAAC,CACvB,EACA,oBAAqB,CACnB,sBAAuB,CAAC,EACxB,sCAAuC,CAAC,EACxC,6BAA8B,CAAC,CACjC,EACA,UAAW,CACT,sCAAuC,CAAC,CAC1C,EACA,aAAc,CACZ,sCAAuC,CAAC,CAC1C,EACA,YAAa,CACX,mBAAoB,CAAC,CACvB,CACF,CACF"}
+{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Logo"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,sBAAsB,CAAC;gBACzB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF"}

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

@@ -1,2 +1,257 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"MenuVertical",{enumerable:true,get:function(){return MenuVertical}});var _minisvgdatauri=/*#__PURE__*/_interop_require_default(require("mini-svg-data-uri"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}var MenuVerticalNav=function(){return{".sk-menu-vertical-nav":{".sk-menu-vertical":{"@apply gap-12":{},"&.ul, & ul":{"@apply pt-12 pr-16 pb-16":{}},"&-item":{".sk-menu-vertical-item-submenu":{"@apply font-bold":{},"&-medium":{"button, a":{"@apply py-6 px-14":{}}},"&-large":{"button, a":{"@apply text-large":{},"@apply py-10 px-14":{}}}}}}}}};var MenuVerticalSidebar=function(){return{".sk-menu-vertical-sidebar":{"@apply rounded-button":{},"> ul > li > .sk-menu-vertical-item-submenu":{"> .sk-menu-vertical-item-submenu-button":{"@apply min-h-52":{}}},"> ul":{"@apply py-16 px-24":{}},".sk-menu-vertical":{"@apply gap-12":{},"&-header":{"@apply bg-primary-surface":{},"@apply rounded-t-button":{},"@apply py-20 px-32":{},"&, a":{"@apply text-light-primary":{}},".sk-divider":{"@apply border-inverted-divider":{}},".sk-logo":{"@apply text-light-secondary":{}}},"&.ul, & ul":{"@apply py-8 pl-20 ml-20":{}},"li ul":{"@apply gap-8":{},ul:{li:{"@apply text-small leading-18":{},".sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand":{"@apply py-6 px-14":{}}}},li:{"@apply relative -ml-4":{},"&:before":{'@apply content-[""] absolute inline-flex w-20 h-44 -top-8 -left-16':{},backgroundImage:'url("'.concat((0,_minisvgdatauri.default)('<svg width="16" height="52" viewBox="0 0 16 52" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <path d="M1 17V17C1 24.1797 6.8203 30 14 30H15" stroke="#B7B7BA" stroke-linecap="round" />\n            </svg>'),'")'),backgroundRepeat:"no-repeat"},"&:not(:last-child):after":{'@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16':{},backgroundImage:'url("'.concat((0,_minisvgdatauri.default)('<svg width="16" viewBox="0 0 16 52" xmlns="http://www.w3.org/2000/svg"> \n              <line x1="1" y1="0" x2="1" y2="52" stroke="#B7B7BA" stroke-linecap="round" /> \n            </svg> '),'")'),backgroundRepeat:"repeat-y"},"&:last-child:after":{'@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16':{},backgroundImage:'url("'.concat((0,_minisvgdatauri.default)('<svg width="16" height="17" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> \n              <line x1="1" y1="0" x2="1" y2="17" stroke="#B7B7BA" stroke-linecap="round" /> \n            </svg> '),'")'),backgroundRepeat:"no-repeat"}}},"&-item":{".sk-menu-vertical-item-submenu":{"&-button":{"@apply gap-8":{},'&[aria-current="page"], &[aria-current="page"] ~ button':{"@apply font-bold":{}}}},"> a, > button":{'&[aria-current="page"]':{"@apply font-bold":{}}}}}}}};var MenuVertical=function(){return _object_spread({".sk-menu-vertical":{"@apply flex flex-col":{},"@apply text-base":{},"&.hide":{"@apply hidden":{}},"&-backbutton":{"@apply flex items-center gap-16 text-lead mb-40":{}},"&-label":{"@apply mb-24":{}},"&-item":{"@apply flex flex-col":{},"&.hide":{"@apply hidden":{}},'[aria-disabled="true"]':{"@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7":{}},"a, button":{"@apply flex":{},color:"unset"},"& > a, > button":{"@apply flex items-center min-h-44":{},"&:focus-visible":{"@apply outline outline-2 outline-ring":{}},"> *":{"@apply flex w-full py-6 px-14":{},"@apply rounded-button cursor-pointer":{}},'&:not([aria-disabled="true"]) > *':{"@apply bg-transparent text-dark-secondary":{}},'&:hover:not([aria-disabled="true"]) > *':{"@apply bg-primitives-overlay-darken-3":{}},'&[aria-current="page"]:not(:hover) > *':{"@apply bg-primary-surface text-light-primary":{},"@apply focus-visible:ring":{}}},".sk-menu-vertical-item-submenu":{"@apply flex justify-between w-full":{},"@apply rounded-button":{},"&:hover":{'> a:not([aria-disabled="true"]), > button:not([aria-disabled="true"]), > a[aria-expanded="true"]:not([aria-disabled="true"]), > button[aria-expanded="true"]:not([aria-disabled="true"])':{"@apply text-dark-primary bg-primitives-overlay-darken-3":{}}},"&:focus-within":{"@apply outline outline-2 outline-ring":{},".sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand":{"&:focus-visible":{"@apply ring-0 ring-offset-0 outline-0":{}}}},"&-medium":{"button, a":{"@apply py-6 px-14":{}}},"&-large":{"button, a":{"@apply py-10 px-14":{}}},"&-button, &-button-expand":{"@apply items-center":{},"@apply py-10 px-14":{}},"&-button-expand":{"@apply rounded-r-button rounded-l-0":{}},"&-button":{"@apply text-left grow rounded-l-button rounded-r-0":{},'&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)':{"@apply bg-primary-surface text-light-primary":{}},'&[aria-expanded="true"]':{'&:not(:hover,[aria-current="page"],[aria-disabled="true"]), &:not(:hover,[aria-current="page"],[aria-disabled="true"]) ~ button:not(:hover)':{"@apply bg-vattjom-surface-accent":{}}}}},".sk-menu-vertical-item-tool-item":{"@apply flex items-center gap-10 p-6 rounded-groups":{},".sk-avatar":{"@apply border-2 border-background-content":{}}}}}},MenuVerticalNav(),MenuVerticalSidebar())};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MenuVertical", {
+    enumerable: true,
+    get: function() {
+        return MenuVertical;
+    }
+});
+var _minisvgdatauri = /*#__PURE__*/ _interop_require_default(require("mini-svg-data-uri"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var MenuVerticalNav = function() {
+    return {
+        '.sk-menu-vertical-nav': {
+            '.sk-menu-vertical': {
+                '@apply gap-12': {},
+                '&.ul, & ul': {
+                    '@apply pt-12 pr-16 pb-16': {}
+                },
+                '&-item': {
+                    '.sk-menu-vertical-item-submenu': {
+                        '@apply font-bold': {},
+                        '&-medium': {
+                            'button, a': {
+                                '@apply py-6 px-14': {}
+                            }
+                        },
+                        '&-large': {
+                            'button, a': {
+                                '@apply text-large': {},
+                                '@apply py-10 px-14': {}
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    };
+};
+var MenuVerticalSidebar = function() {
+    return {
+        '.sk-menu-vertical-sidebar': {
+            '@apply rounded-button': {},
+            '> ul > li > .sk-menu-vertical-item-submenu': {
+                '> .sk-menu-vertical-item-submenu-button': {
+                    '@apply min-h-52': {}
+                }
+            },
+            '> ul': {
+                '@apply py-16 px-24': {}
+            },
+            '.sk-menu-vertical': {
+                '@apply gap-12': {},
+                '&-header': {
+                    '@apply bg-primary-surface': {},
+                    '@apply rounded-t-button': {},
+                    '@apply py-20 px-32': {},
+                    '&, a': {
+                        '@apply text-light-primary': {}
+                    },
+                    '.sk-divider': {
+                        '@apply border-inverted-divider': {}
+                    },
+                    '.sk-logo': {
+                        '@apply text-light-secondary': {}
+                    }
+                },
+                '&.ul, & ul': {
+                    '@apply py-8 pl-20 ml-20': {}
+                },
+                'li ul': {
+                    '@apply gap-8': {},
+                    ul: {
+                        li: {
+                            '@apply text-small leading-18': {},
+                            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
+                                '@apply py-6 px-14': {}
+                            }
+                        }
+                    },
+                    li: {
+                        '@apply relative -ml-4': {},
+                        // hook
+                        '&:before': {
+                            '@apply content-[""] absolute inline-flex w-20 h-44 -top-8 -left-16': {},
+                            backgroundImage: 'url("'.concat((0, _minisvgdatauri.default)('<svg width="16" height="52" viewBox="0 0 16 52" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <path d="M1 17V17C1 24.1797 6.8203 30 14 30H15" stroke="#B7B7BA" stroke-linecap="round" />\n            </svg>'), '")'),
+                            backgroundRepeat: 'no-repeat'
+                        },
+                        // line
+                        '&:not(:last-child):after': {
+                            '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
+                            backgroundImage: 'url("'.concat((0, _minisvgdatauri.default)('<svg width="16" viewBox="0 0 16 52" xmlns="http://www.w3.org/2000/svg"> \n              <line x1="1" y1="0" x2="1" y2="52" stroke="#B7B7BA" stroke-linecap="round" /> \n            </svg> '), '")'),
+                            backgroundRepeat: 'repeat-y'
+                        },
+                        // lastline
+                        '&:last-child:after': {
+                            '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
+                            backgroundImage: 'url("'.concat((0, _minisvgdatauri.default)('<svg width="16" height="17" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> \n              <line x1="1" y1="0" x2="1" y2="17" stroke="#B7B7BA" stroke-linecap="round" /> \n            </svg> '), '")'),
+                            backgroundRepeat: 'no-repeat'
+                        }
+                    }
+                },
+                '&-item': {
+                    '.sk-menu-vertical-item-submenu': {
+                        '&-button': {
+                            '@apply gap-8': {},
+                            '&[aria-current="page"], &[aria-current="page"] ~ button': {
+                                '@apply font-bold': {}
+                            }
+                        }
+                    },
+                    '> a, > button': {
+                        '&[aria-current="page"]': {
+                            '@apply font-bold': {}
+                        }
+                    }
+                }
+            }
+        }
+    };
+};
+var MenuVertical = function() {
+    return _object_spread({
+        '.sk-menu-vertical': {
+            '@apply flex flex-col': {},
+            '@apply text-base': {},
+            '&.hide': {
+                '@apply hidden': {}
+            },
+            '&-backbutton': {
+                '@apply flex items-center gap-16 text-lead mb-40': {}
+            },
+            '&-label': {
+                '@apply mb-24': {}
+            },
+            '&-item': {
+                '@apply flex flex-col': {},
+                '&.hide': {
+                    '@apply hidden': {}
+                },
+                '[aria-disabled="true"]': {
+                    '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7': {}
+                },
+                'a, button': {
+                    '@apply flex': {},
+                    color: 'unset'
+                },
+                '& > a, > button': {
+                    '@apply flex items-center min-h-44': {},
+                    '&:focus-visible': {
+                        '@apply outline outline-2 outline-ring': {}
+                    },
+                    '> *': {
+                        '@apply flex w-full py-6 px-14': {},
+                        '@apply rounded-button cursor-pointer': {}
+                    },
+                    '&:not([aria-disabled="true"]) > *': {
+                        '@apply bg-transparent text-dark-secondary': {}
+                    },
+                    '&:hover:not([aria-disabled="true"]) > *': {
+                        '@apply bg-primitives-overlay-darken-3': {}
+                    },
+                    '&[aria-current="page"]:not(:hover) > *': {
+                        '@apply bg-primary-surface text-light-primary': {},
+                        '@apply focus-visible:ring': {}
+                    }
+                },
+                '.sk-menu-vertical-item-submenu': {
+                    '@apply flex justify-between w-full': {},
+                    '@apply rounded-button': {},
+                    '&:hover': {
+                        '> a:not([aria-disabled="true"]), > button:not([aria-disabled="true"]), > a[aria-expanded="true"]:not([aria-disabled="true"]), > button[aria-expanded="true"]:not([aria-disabled="true"])': {
+                            '@apply text-dark-primary bg-primitives-overlay-darken-3': {}
+                        }
+                    },
+                    '&:focus-within': {
+                        '@apply outline outline-2 outline-ring': {},
+                        '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
+                            '&:focus-visible': {
+                                '@apply ring-0 ring-offset-0 outline-0': {}
+                            }
+                        }
+                    },
+                    '&-medium': {
+                        'button, a': {
+                            '@apply py-6 px-14': {}
+                        }
+                    },
+                    '&-large': {
+                        'button, a': {
+                            '@apply py-10 px-14': {}
+                        }
+                    },
+                    '&-button, &-button-expand': {
+                        '@apply items-center': {},
+                        '@apply py-10 px-14': {}
+                    },
+                    '&-button-expand': {
+                        '@apply rounded-r-button rounded-l-0': {}
+                    },
+                    '&-button': {
+                        '@apply text-left grow rounded-l-button rounded-r-0': {},
+                        '&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)': {
+                            '@apply bg-primary-surface text-light-primary': {}
+                        },
+                        '&[aria-expanded="true"]': {
+                            '&:not(:hover,[aria-current="page"],[aria-disabled="true"]), &:not(:hover,[aria-current="page"],[aria-disabled="true"]) ~ button:not(:hover)': {
+                                '@apply bg-vattjom-surface-accent': {}
+                            }
+                        }
+                    }
+                },
+                '.sk-menu-vertical-item-tool-item': {
+                    '@apply flex items-center gap-10 p-6 rounded-groups': {},
+                    '.sk-avatar': {
+                        '@apply border-2 border-background-content': {}
+                    }
+                }
+            }
+        }
+    }, MenuVerticalNav(), MenuVerticalSidebar());
+};
+
 //# sourceMappingURL=menu-vertical.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\n\nconst MenuVerticalNav = () => ({\n  '.sk-menu-vertical-nav': {\n    '.sk-menu-vertical': {\n      '@apply gap-12': {},\n\n      '&.ul, & ul': {\n        '@apply pt-12 pr-16 pb-16': {},\n      },\n\n      '&-item': {\n        '.sk-menu-vertical-item-submenu': {\n          '@apply font-bold': {},\n\n          '&-medium': {\n            'button, a': {\n              '@apply py-6 px-14': {},\n            },\n          },\n          '&-large': {\n            'button, a': {\n              '@apply text-large': {},\n              '@apply py-10 px-14': {},\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nconst MenuVerticalSidebar = () => ({\n  '.sk-menu-vertical-sidebar': {\n    '@apply rounded-button': {},\n\n    '> ul > li > .sk-menu-vertical-item-submenu': {\n      '> .sk-menu-vertical-item-submenu-button': {\n        '@apply min-h-52': {},\n      },\n    },\n\n    '> ul': {\n      '@apply py-16 px-24': {},\n    },\n\n    '.sk-menu-vertical': {\n      '@apply gap-12': {},\n\n      '&-header': {\n        '@apply bg-primary-surface': {},\n\n        '@apply rounded-t-button': {},\n        '@apply py-20 px-32': {},\n\n        '&, a': {\n          '@apply text-light-primary': {},\n        },\n\n        '.sk-divider': {\n          '@apply border-inverted-divider': {},\n        },\n\n        '.sk-logo': {\n          '@apply text-light-secondary': {},\n        },\n      },\n\n      '&.ul, & ul': {\n        '@apply py-8 pl-20 ml-20': {},\n      },\n\n      'li ul': {\n        '@apply gap-8': {},\n\n        ul: {\n          li: {\n            '@apply text-small leading-18': {},\n\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n              '@apply py-6 px-14': {},\n            },\n          },\n        },\n\n        li: {\n          '@apply relative -ml-4': {},\n\n          // hook\n          '&:before': {\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\n\n            backgroundImage: `url(\"${svgToTinyDataUri(\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\n            </svg>`\n            )}\")`,\n            backgroundRepeat: 'no-repeat',\n          },\n\n          // line\n          '&:not(:last-child):after': {\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\n\n            backgroundImage: `url(\"${svgToTinyDataUri(\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \n            </svg> `\n            )}\")`,\n            backgroundRepeat: 'repeat-y',\n          },\n\n          // lastline\n          '&:last-child:after': {\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\n\n            backgroundImage: `url(\"${svgToTinyDataUri(\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \n            </svg> `\n            )}\")`,\n            backgroundRepeat: 'no-repeat',\n          },\n        },\n      },\n      '&-item': {\n        '.sk-menu-vertical-item-submenu': {\n          '&-button': {\n            '@apply gap-8': {},\n\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\n              '@apply font-bold': {},\n            },\n          },\n        },\n\n        '> a, > button': {\n          '&[aria-current=\"page\"]': {\n            '@apply font-bold': {},\n          },\n        },\n      },\n    },\n  },\n});\n\nexport const MenuVertical = () => ({\n  '.sk-menu-vertical': {\n    '@apply flex flex-col': {},\n    '@apply text-base': {},\n\n    '&.hide': {\n      '@apply hidden': {},\n    },\n\n    '&-backbutton': {\n      '@apply flex items-center gap-16 text-lead mb-40': {},\n    },\n\n    '&-label': {\n      '@apply mb-24': {},\n    },\n\n    '&-item': {\n      '@apply flex flex-col': {},\n\n      '&.hide': {\n        '@apply hidden': {},\n      },\n\n      '[aria-disabled=\"true\"]': {\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\n          {},\n      },\n\n      'a, button': {\n        '@apply flex': {},\n        color: 'unset',\n      },\n\n      '& > a, > button': {\n        '@apply flex items-center min-h-44': {},\n\n        '&:focus-visible': {\n          '@apply outline outline-2 outline-ring': {},\n        },\n\n        '> *': {\n          '@apply flex w-full py-6 px-14': {},\n          '@apply rounded-button cursor-pointer': {},\n        },\n\n        '&:not([aria-disabled=\"true\"]) > *': {\n          '@apply bg-transparent text-dark-secondary': {},\n        },\n\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\n          '@apply bg-primitives-overlay-darken-3': {},\n        },\n\n        '&[aria-current=\"page\"]:not(:hover) > *': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n\n      '.sk-menu-vertical-item-submenu': {\n        '@apply flex justify-between w-full': {},\n        '@apply rounded-button': {},\n\n        '&:hover': {\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\n            {\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\n            },\n        },\n\n        '&:focus-within': {\n          '@apply outline outline-2 outline-ring': {},\n\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n            '&:focus-visible': {\n              '@apply ring-0 ring-offset-0 outline-0': {},\n            },\n          },\n        },\n\n        '&-medium': {\n          'button, a': {\n            '@apply py-6 px-14': {},\n          },\n        },\n        '&-large': {\n          'button, a': {\n            '@apply py-10 px-14': {},\n          },\n        },\n\n        '&-button, &-button-expand': {\n          '@apply items-center': {},\n          '@apply py-10 px-14': {},\n        },\n\n        '&-button-expand': {\n          '@apply rounded-r-button rounded-l-0': {},\n        },\n\n        '&-button': {\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\n\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\n            '@apply bg-primary-surface text-light-primary': {},\n          },\n\n          '&[aria-expanded=\"true\"]': {\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\n              {\n                '@apply bg-vattjom-surface-accent': {},\n              },\n          },\n        },\n      },\n\n      '.sk-menu-vertical-item-tool-item': {\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\n\n        '.sk-avatar': {\n          '@apply border-2 border-background-content': {},\n        },\n      },\n    },\n  },\n\n  ...MenuVerticalNav(),\n  ...MenuVerticalSidebar(),\n});\n"],"names":["MenuVertical","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","svgToTinyDataUri","backgroundRepeat","color"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-16 pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium': {\r\n            'button, a': {\r\n              '@apply py-6 px-14': {},\r\n            },\r\n          },\r\n          '&-large': {\r\n            'button, a': {\r\n              '@apply text-large': {},\r\n              '@apply py-10 px-14': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-52': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-20 ml-20': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-18': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-6 px-14': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-4': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n    '@apply text-base': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-16 text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-44': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-6 px-14': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium': {\r\n          'button, a': {\r\n            '@apply py-6 px-14': {},\r\n          },\r\n        },\r\n        '&-large': {\r\n          'button, a': {\r\n            '@apply py-10 px-14': {},\r\n          },\r\n        },\r\n\r\n        '&-button, &-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply py-10 px-14': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"names":["MenuVertical","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","svgToTinyDataUri","backgroundRepeat","color"],"mappings":";;;;+BAkJaA;;;eAAAA;;;qEAlJgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7B,IAAMC,kBAAkB;WAAO;QAC7B,yBAAyB;YACvB,qBAAqB;gBACnB,iBAAiB,CAAC;gBAElB,cAAc;oBACZ,4BAA4B,CAAC;gBAC/B;gBAEA,UAAU;oBACR,kCAAkC;wBAChC,oBAAoB,CAAC;wBAErB,YAAY;4BACV,aAAa;gCACX,qBAAqB,CAAC;4BACxB;wBACF;wBACA,WAAW;4BACT,aAAa;gCACX,qBAAqB,CAAC;gCACtB,sBAAsB,CAAC;4BACzB;wBACF;oBACF;gBACF;YACF;QACF;IACF;;AAEA,IAAMC,sBAAsB;WAAO;QACjC,6BAA6B;YAC3B,yBAAyB,CAAC;YAE1B,8CAA8C;gBAC5C,2CAA2C;oBACzC,mBAAmB,CAAC;gBACtB;YACF;YAEA,QAAQ;gBACN,sBAAsB,CAAC;YACzB;YAEA,qBAAqB;gBACnB,iBAAiB,CAAC;gBAElB,YAAY;oBACV,6BAA6B,CAAC;oBAE9B,2BAA2B,CAAC;oBAC5B,sBAAsB,CAAC;oBAEvB,QAAQ;wBACN,6BAA6B,CAAC;oBAChC;oBAEA,eAAe;wBACb,kCAAkC,CAAC;oBACrC;oBAEA,YAAY;wBACV,+BAA+B,CAAC;oBAClC;gBACF;gBAEA,cAAc;oBACZ,2BAA2B,CAAC;gBAC9B;gBAEA,SAAS;oBACP,gBAAgB,CAAC;oBAEjBC,IAAI;wBACFC,IAAI;4BACF,gCAAgC,CAAC;4BAEjC,uFAAuF;gCACrF,qBAAqB,CAAC;4BACxB;wBACF;oBACF;oBAEAA,IAAI;wBACF,yBAAyB,CAAC;wBAE1B,OAAO;wBACP,YAAY;4BACV,sEAAsE,CAAC;4BAEvEC,iBAAiB,AAAC,QAIhB,OAJuBC,IAAAA,uBAAgB,EACtC,kOAGD;4BACFC,kBAAkB;wBACpB;wBAEA,OAAO;wBACP,4BAA4B;4BAC1B,0EAA0E,CAAC;4BAE3EF,iBAAiB,AAAC,QAIhB,OAJuBC,IAAAA,uBAAgB,EACtC,gMAGD;4BACFC,kBAAkB;wBACpB;wBAEA,WAAW;wBACX,sBAAsB;4BACpB,0EAA0E,CAAC;4BAE3EF,iBAAiB,AAAC,QAIhB,OAJuBC,IAAAA,uBAAgB,EACtC,4MAGD;4BACFC,kBAAkB;wBACpB;oBACF;gBACF;gBACA,UAAU;oBACR,kCAAkC;wBAChC,YAAY;4BACV,gBAAgB,CAAC;4BAEjB,2DAA2D;gCACzD,oBAAoB,CAAC;4BACvB;wBACF;oBACF;oBAEA,iBAAiB;wBACf,0BAA0B;4BACxB,oBAAoB,CAAC;wBACvB;oBACF;gBACF;YACF;QACF;IACF;;AAEO,IAAMP,eAAe;WAAO;QACjC,qBAAqB;YACnB,wBAAwB,CAAC;YACzB,oBAAoB,CAAC;YAErB,UAAU;gBACR,iBAAiB,CAAC;YACpB;YAEA,gBAAgB;gBACd,mDAAmD,CAAC;YACtD;YAEA,WAAW;gBACT,gBAAgB,CAAC;YACnB;YAEA,UAAU;gBACR,wBAAwB,CAAC;gBAEzB,UAAU;oBACR,iBAAiB,CAAC;gBACpB;gBAEA,0BAA0B;oBACxB,gHACE,CAAC;gBACL;gBAEA,aAAa;oBACX,eAAe,CAAC;oBAChBQ,OAAO;gBACT;gBAEA,mBAAmB;oBACjB,qCAAqC,CAAC;oBAEtC,mBAAmB;wBACjB,yCAAyC,CAAC;oBAC5C;oBAEA,OAAO;wBACL,iCAAiC,CAAC;wBAClC,wCAAwC,CAAC;oBAC3C;oBAEA,qCAAqC;wBACnC,6CAA6C,CAAC;oBAChD;oBAEA,2CAA2C;wBACzC,yCAAyC,CAAC;oBAC5C;oBAEA,0CAA0C;wBACxC,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;gBAEA,kCAAkC;oBAChC,sCAAsC,CAAC;oBACvC,yBAAyB,CAAC;oBAE1B,WAAW;wBACT,4LACE;4BACE,2DAA2D,CAAC;wBAC9D;oBACJ;oBAEA,kBAAkB;wBAChB,yCAAyC,CAAC;wBAE1C,uFAAuF;4BACrF,mBAAmB;gCACjB,yCAAyC,CAAC;4BAC5C;wBACF;oBACF;oBAEA,YAAY;wBACV,aAAa;4BACX,qBAAqB,CAAC;wBACxB;oBACF;oBACA,WAAW;wBACT,aAAa;4BACX,sBAAsB,CAAC;wBACzB;oBACF;oBAEA,6BAA6B;wBAC3B,uBAAuB,CAAC;wBACxB,sBAAsB,CAAC;oBACzB;oBAEA,mBAAmB;wBACjB,uCAAuC,CAAC;oBAC1C;oBAEA,YAAY;wBACV,sDAAsD,CAAC;wBAEvD,+FAA+F;4BAC7F,gDAAgD,CAAC;wBACnD;wBAEA,2BAA2B;4BACzB,+IACE;gCACE,oCAAoC,CAAC;4BACvC;wBACJ;oBACF;gBACF;gBAEA,oCAAoC;oBAClC,sDAAsD,CAAC;oBAEvD,cAAc;wBACZ,6CAA6C,CAAC;oBAChD;gBACF;YACF;QACF;OAEGP,mBACAC"}

package/dist/cjs/components/menubar.js

@@ -1,2 +1,105 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"MenuBar",{enumerable:true,get:function(){return MenuBar}});function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}var MenuBar=function(colors){return{".sk-menubar":{"@apply flex flex-row":{},"@apply p-8 gap-16":{},"@apply rounded-cards":{},'&[data-background="true"]':{"@apply bg-background-color-mixin-1":{}},"&-item":_object_spread({"@apply inline-block":{},"@apply relative":{},"@apply h-40":{},"a, button":{color:"unset"},"> *:first-child":{"@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg":{},"@apply cursor-pointer":{},"@apply bg-transparent text-dark-primary":{},"@apply hover:bg-tertiary-surface":{},"@apply font-bold":{},"@apply gap-2 px-14 py-8":{},"@apply h-full min-h-full":{},"@apply inline-flex shrink-0 flex-nowrap":{},"@apply border-0":{},"@apply focus-visible:bg-background-content focus-visible:ring":{},'&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ':{"@apply bg-primary-surface text-light-primary":{},"@apply focus-visible:ring":{}}}},colors.reduce(function(styles,color){var _obj,_obj1;return _object_spread_props(_object_spread({},styles),_define_property({},'&[data-color="'.concat(color,'"]'),{"> *:first-child":(_obj1={},_define_property(_obj1,"@apply hover:bg-".concat(color,"-surface-accent"),{}),_define_property(_obj1,"@apply hover:text-".concat(color,"-text-primary"),{}),_define_property(_obj1,"@apply focus-visible:bg-background-content focus-visible:ring",{}),_define_property(_obj1,'&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)',(_obj={},_define_property(_obj,"@apply bg-".concat(color,"-surface-primary"),{}),_define_property(_obj,"@apply focus-visible:ring",{}),_obj)),_obj1)}))},{}))}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MenuBar", {
+    enumerable: true,
+    get: function() {
+        return MenuBar;
+    }
+});
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var MenuBar = function(colors) {
+    return {
+        '.sk-menubar': {
+            '@apply flex flex-row': {},
+            '@apply p-8 gap-16': {},
+            '@apply rounded-cards': {},
+            '&[data-background="true"]': {
+                '@apply bg-background-color-mixin-1': {}
+            },
+            '&-item': _object_spread({
+                '@apply inline-block': {},
+                '@apply relative': {},
+                '@apply h-40': {},
+                'a, button': {
+                    color: 'unset'
+                },
+                '> *:first-child': {
+                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+                    '@apply cursor-pointer': {},
+                    '@apply bg-transparent text-dark-primary': {},
+                    '@apply hover:bg-tertiary-surface': {},
+                    '@apply font-bold': {},
+                    '@apply gap-2 px-14 py-8': {},
+                    '@apply h-full min-h-full': {},
+                    '@apply inline-flex shrink-0 flex-nowrap': {},
+                    '@apply border-0': {},
+                    '@apply focus-visible:bg-background-content focus-visible:ring': {},
+                    '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
+                        '@apply bg-primary-surface text-light-primary': {},
+                        '@apply focus-visible:ring': {}
+                    }
+                }
+            }, colors.reduce(function(styles, color) {
+                var _obj, _obj1;
+                return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
+                    '> *:first-child': (_obj1 = {}, _define_property(_obj1, "@apply hover:bg-".concat(color, "-surface-accent"), {}), _define_property(_obj1, "@apply hover:text-".concat(color, "-text-primary"), {}), _define_property(_obj1, '@apply focus-visible:bg-background-content focus-visible:ring', {}), _define_property(_obj1, '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)', (_obj = {}, _define_property(_obj, "@apply bg-".concat(color, "-surface-primary"), {}), _define_property(_obj, '@apply focus-visible:ring', {}), _obj)), _obj1)
+                }));
+            }, {}))
+        }
+    };
+};
+
 //# sourceMappingURL=menubar.js.map