@sk-web-gui/core 3.10.0 → 3.11.1

package/dist/esm/components/tabs.js

@@ -1,2 +1,125 @@
-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}export var Tabs=function(colors){return{".sk-tabs":{"@apply w-full":{},"&-list":{"@apply flex items-center gap-20 border-b-1 border-transparent":{},'&[data-underline="true"]':{"@apply border-divider":{}},"&-item":_object_spread_props(_object_spread({"@apply flex flex-col gap-y-10":{},'&[data-size="sm"]':{"> button":{"@apply text-small":{}}},"&-button":{"@apply h-auto border-0 py-0 px-2":{},"@apply rounded-4":{},'&[aria-readonly="true"]':{"@apply text-dark-disabled cursor-default":{}},'&[aria-readonly="false"]:hover,&:focus-visible':{"@apply ring-[.3rem]":{},"@apply ring-ring":{},"@apply ring-offset-background-content":{},"@apply outline-0":{}},".sk-callout":{"@apply absolute self-end":{}}},".sk-tabs-list-item-divider":{"@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0":{}},'&[data-current="true"]':{".sk-tabs-list-item-divider":{"@apply opacity-100":{}}}},colors.reduce(function(styles,color){return _object_spread_props(_object_spread({},styles),_define_property({},'&[data-color="'.concat(color,'"]'),{".sk-tabs-list-item-divider":_define_property({},"@apply bg-".concat(color,"-surface-primary"),{})}))},{})),{"&[data-color='tertiary']":{".sk-tabs-list-item-divider":{"@apply bg-primary-surface":{}}}})},"&-panels":{"@apply mt-20":{}},"&-content":{'&:not([data-selected="true"])':{"@apply hidden":{}}}}}};
+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;
+}
+export var Tabs = function(colors) {
+    return {
+        '.sk-tabs': {
+            '@apply w-full': {},
+            '&-list': {
+                '@apply flex items-center gap-20 border-b-1 border-transparent': {},
+                '&[data-underline="true"]': {
+                    '@apply border-divider': {}
+                },
+                '&-item': _object_spread_props(_object_spread({
+                    '@apply flex flex-col gap-y-10': {},
+                    '&[data-size="sm"]': {
+                        '> button': {
+                            '@apply text-small': {}
+                        }
+                    },
+                    '&:hover': {
+                        // hover
+                        '.sk-tabs-list-item-divider': {
+                            '@apply opacity-90': {}
+                        }
+                    },
+                    '&-button': {
+                        '@apply h-auto border-0 py-0 px-2': {},
+                        // ring
+                        '@apply rounded-4': {},
+                        '&[aria-readonly="true"]': {
+                            '@apply text-dark-disabled cursor-default': {}
+                        },
+                        '&:focus-visible': {
+                            // focus
+                            '@apply ring-[.3rem]': {},
+                            '@apply ring-ring': {},
+                            '@apply ring-offset-background-content': {},
+                            '@apply outline-0': {}
+                        },
+                        '.sk-callout': {
+                            '@apply absolute self-end': {}
+                        }
+                    },
+                    '.sk-tabs-list-item-divider': {
+                        '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {}
+                    },
+                    '&[data-current="true"]': {
+                        '.sk-tabs-list-item-divider': {
+                            '@apply opacity-100': {}
+                        }
+                    }
+                }, colors.reduce(function(styles, color) {
+                    return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
+                        '.sk-tabs-list-item-divider': _define_property({}, "@apply bg-".concat(color, "-surface-primary"), {})
+                    }));
+                }, {})), {
+                    "&[data-color='tertiary']": {
+                        '.sk-tabs-list-item-divider': {
+                            '@apply bg-primary-surface': {}
+                        }
+                    }
+                })
+            },
+            '&-panels': {
+                '@apply mt-20': {}
+            },
+            '&-content': {
+                '&:not([data-selected="true"])': {
+                    '@apply hidden': {}
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\n  '.sk-tabs': {\n    '@apply w-full': {},\n\n    '&-list': {\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\n\n      '&[data-underline=\"true\"]': {\n        '@apply border-divider': {},\n      },\n\n      '&-item': {\n        '@apply flex flex-col gap-y-10': {},\n\n        '&[data-size=\"sm\"]': {\n          '> button': {\n            '@apply text-small': {},\n          },\n        },\n\n        '&-button': {\n          '@apply h-auto border-0 py-0 px-2': {},\n          // ring\n          '@apply rounded-4': {},\n\n          '&[aria-readonly=\"true\"]': {\n            '@apply text-dark-disabled cursor-default': {},\n          },\n\n          '&[aria-readonly=\"false\"]:hover,&:focus-visible': {\n            // hover\n            '@apply ring-[.3rem]': {},\n            '@apply ring-ring': {},\n            '@apply ring-offset-background-content': {},\n            '@apply outline-0': {},\n          },\n\n          '.sk-callout': {\n            '@apply absolute self-end': {},\n          },\n        },\n\n        '.sk-tabs-list-item-divider': {\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\n        },\n\n        '&[data-current=\"true\"]': {\n          '.sk-tabs-list-item-divider': {\n            '@apply opacity-100': {},\n          },\n        },\n\n        ...colors.reduce(\n          (styles, color) => ({\n            ...styles,\n            [`&[data-color=\"${color}\"]`]: {\n              '.sk-tabs-list-item-divider': {\n                [`@apply bg-${color}-surface-primary`]: {},\n              },\n            },\n          }),\n          {}\n        ),\n        \"&[data-color='tertiary']\": {\n          '.sk-tabs-list-item-divider': {\n            '@apply bg-primary-surface': {},\n          },\n        },\n      },\n    },\n\n    '&-panels': {\n      '@apply mt-20': {},\n    },\n\n    '&-content': {\n      '&:not([data-selected=\"true\"])': {\n        '@apply hidden': {},\n      },\n    },\n  },\n});\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":"uuCAAA,OAAO,IAAMA,KAAO,SAACC,cAAsB,CACzC,WAAY,CACV,gBAAiB,CAAC,EAElB,SAAU,CACR,gEAAiE,CAAC,EAElE,2BAA4B,CAC1B,wBAAyB,CAAC,CAC5B,EAEA,SAAU,qCACR,gCAAiC,CAAC,EAElC,oBAAqB,CACnB,WAAY,CACV,oBAAqB,CAAC,CACxB,CACF,EAEA,WAAY,CACV,mCAAoC,CAAC,EAErC,mBAAoB,CAAC,EAErB,0BAA2B,CACzB,2CAA4C,CAAC,CAC/C,EAEA,iDAAkD,CAEhD,sBAAuB,CAAC,EACxB,mBAAoB,CAAC,EACrB,wCAAyC,CAAC,EAC1C,mBAAoB,CAAC,CACvB,EAEA,cAAe,CACb,2BAA4B,CAAC,CAC/B,CACF,EAEA,6BAA8B,CAC5B,gDAAiD,CAAC,CACpD,EAEA,yBAA0B,CACxB,6BAA8B,CAC5B,qBAAsB,CAAC,CACzB,CACF,GAEGA,OAAOC,MAAM,CACd,SAACC,OAAQC,cAAW,uCACfD,QACH,oBAAC,AAAC,iBAAsB,OAANC,MAAM,MAAM,CAC5B,6BACE,oBAAC,AAAC,aAAkB,OAANA,MAAM,oBAAoB,CAAC,EAE7C,KAEF,CAAC,KAEH,2BAA4B,CAC1B,6BAA8B,CAC5B,4BAA6B,CAAC,CAChC,CACF,GAEJ,EAEA,WAAY,CACV,eAAgB,CAAC,CACnB,EAEA,YAAa,CACX,gCAAiC,CAC/B,gBAAiB,CAAC,CACpB,CACF,CACF,CACF,EAAG"}
+{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-readonly=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}

package/dist/esm/components/tooltip.js

@@ -1,2 +1,62 @@
-export var Tooltip=function(){return{".sk-tooltip":{"@apply inline-flex justify-center items-center":{},"@apply w-fit h-fit":{},"@apply grow-0":{},"&-text":{"@apply inline-flex":{},"@apply bg-primary-surface shadow":{},"@apply px-16 py-8":{},"@apply rounded-utility":{},"@apply text-light-primary text-small":{},"@apply font-bold":{},"@apply w-fit h-fit":{},"@apply grow-0":{},"@apply min-h-34":{}},"&::after, &::before":{"@apply h-0 w-0 overflow-hidden":{}},'&[data-position="above"]':{"@apply flex-col":{},"@apply pb-2":{},"&::after":{'@apply content-[""] border-solid border-6 border-b-0':{},"@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent":{}}},'&[data-position="below"]':{"@apply flex-col":{},"@apply pt-2":{},"&::before":{'@apply content-[""] border-solid border-6 border-t-0':{},"@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent":{}}},'&[data-position="left"]':{"@apply flex-row":{},"@apply pr-2 py-3":{},"&::after":{'@apply content-[""] border-solid border-6 border-r-0':{},"@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface":{}}},'&[data-position="right"]':{"@apply flex-row":{},"@apply pl-2 py-3":{},"&::before":{'@apply content-[""] border-solid border-6 border-l-0':{},"@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent":{}}}}}};
+export var Tooltip = function() {
+    return {
+        '.sk-tooltip': {
+            '@apply inline-flex justify-center items-center': {},
+            '@apply w-fit h-fit': {},
+            '@apply grow-0': {},
+            '&-text': {
+                '@apply inline-flex': {},
+                '@apply bg-primary-surface shadow': {},
+                '@apply px-16 py-8': {},
+                '@apply rounded-utility': {},
+                '@apply text-light-primary text-small': {},
+                '@apply font-bold': {},
+                '@apply w-fit h-fit': {},
+                '@apply grow-0': {},
+                '@apply min-h-34': {}
+            },
+            //Arrow
+            '&::after, &::before': {
+                '@apply h-0 w-0 overflow-hidden': {}
+            },
+            // Above
+            '&[data-position="above"]': {
+                '@apply flex-col': {},
+                '@apply pb-2': {},
+                '&::after': {
+                    '@apply content-[""] border-solid border-6 border-b-0': {},
+                    '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {}
+                }
+            },
+            // Below
+            '&[data-position="below"]': {
+                '@apply flex-col': {},
+                '@apply pt-2': {},
+                '&::before': {
+                    '@apply content-[""] border-solid border-6 border-t-0': {},
+                    '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {}
+                }
+            },
+            // Left
+            '&[data-position="left"]': {
+                '@apply flex-row': {},
+                '@apply pr-2 py-3': {},
+                '&::after': {
+                    '@apply content-[""] border-solid border-6 border-r-0': {},
+                    '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {}
+                }
+            },
+            // Right
+            '&[data-position="right"]': {
+                '@apply flex-row': {},
+                '@apply pl-2 py-3': {},
+                '&::before': {
+                    '@apply content-[""] border-solid border-6 border-l-0': {},
+                    '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {}
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\n  '.sk-tooltip': {\n    '@apply inline-flex justify-center items-center': {},\n    '@apply w-fit h-fit': {},\n    '@apply grow-0': {},\n\n    '&-text': {\n      '@apply inline-flex': {},\n      '@apply bg-primary-surface shadow': {},\n      '@apply px-16 py-8': {},\n      '@apply rounded-utility': {},\n      '@apply text-light-primary text-small': {},\n      '@apply font-bold': {},\n      '@apply w-fit h-fit': {},\n      '@apply grow-0': {},\n      '@apply min-h-34': {},\n    },\n\n    //Arrow\n    '&::after, &::before': {\n      '@apply h-0 w-0 overflow-hidden': {},\n    },\n\n    // Above\n    '&[data-position=\"above\"]': {\n      '@apply flex-col': {},\n      '@apply pb-2': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-6 border-b-0': {},\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\n      },\n    },\n\n    // Below\n    '&[data-position=\"below\"]': {\n      '@apply flex-col': {},\n      '@apply pt-2': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-6 border-t-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\n      },\n    },\n\n    // Left\n    '&[data-position=\"left\"]': {\n      '@apply flex-row': {},\n      '@apply pr-2 py-3': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-6 border-r-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\n      },\n    },\n\n    // Right\n    '&[data-position=\"right\"]': {\n      '@apply flex-row': {},\n      '@apply pl-2 py-3': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-6 border-l-0': {},\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\n      },\n    },\n  },\n});\n"],"names":["Tooltip"],"mappings":"AAAA,OAAO,IAAMA,QAAU,iBAAO,CAC5B,cAAe,CACb,iDAAkD,CAAC,EACnD,qBAAsB,CAAC,EACvB,gBAAiB,CAAC,EAElB,SAAU,CACR,qBAAsB,CAAC,EACvB,mCAAoC,CAAC,EACrC,oBAAqB,CAAC,EACtB,yBAA0B,CAAC,EAC3B,uCAAwC,CAAC,EACzC,mBAAoB,CAAC,EACrB,qBAAsB,CAAC,EACvB,gBAAiB,CAAC,EAClB,kBAAmB,CAAC,CACtB,EAGA,sBAAuB,CACrB,iCAAkC,CAAC,CACrC,EAGA,2BAA4B,CAC1B,kBAAmB,CAAC,EACpB,cAAe,CAAC,EAChB,WAAY,CACV,uDAAwD,CAAC,EACzD,iGAAkG,CAAC,CACrG,CACF,EAGA,2BAA4B,CAC1B,kBAAmB,CAAC,EACpB,cAAe,CAAC,EAChB,YAAa,CACX,uDAAwD,CAAC,EACzD,iGAAkG,CAAC,CACrG,CACF,EAGA,0BAA2B,CACzB,kBAAmB,CAAC,EACpB,mBAAoB,CAAC,EACrB,WAAY,CACV,uDAAwD,CAAC,EACzD,iGAAkG,CAAC,CACrG,CACF,EAGA,2BAA4B,CAC1B,kBAAmB,CAAC,EACpB,mBAAoB,CAAC,EACrB,YAAa,CACX,uDAAwD,CAAC,EACzD,iGAAkG,CAAC,CACrG,CACF,CACF,CACF,EAAG"}
+{"version":3,"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\r\n  '.sk-tooltip': {\r\n    '@apply inline-flex justify-center items-center': {},\r\n    '@apply w-fit h-fit': {},\r\n    '@apply grow-0': {},\r\n\r\n    '&-text': {\r\n      '@apply inline-flex': {},\r\n      '@apply bg-primary-surface shadow': {},\r\n      '@apply px-16 py-8': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply text-light-primary text-small': {},\r\n      '@apply font-bold': {},\r\n      '@apply w-fit h-fit': {},\r\n      '@apply grow-0': {},\r\n      '@apply min-h-34': {},\r\n    },\r\n\r\n    //Arrow\r\n    '&::after, &::before': {\r\n      '@apply h-0 w-0 overflow-hidden': {},\r\n    },\r\n\r\n    // Above\r\n    '&[data-position=\"above\"]': {\r\n      '@apply flex-col': {},\r\n      '@apply pb-2': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-6 border-b-0': {},\r\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\r\n      },\r\n    },\r\n\r\n    // Below\r\n    '&[data-position=\"below\"]': {\r\n      '@apply flex-col': {},\r\n      '@apply pt-2': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-6 border-t-0': {},\r\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\r\n      },\r\n    },\r\n\r\n    // Left\r\n    '&[data-position=\"left\"]': {\r\n      '@apply flex-row': {},\r\n      '@apply pr-2 py-3': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-6 border-r-0': {},\r\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\r\n      },\r\n    },\r\n\r\n    // Right\r\n    '&[data-position=\"right\"]': {\r\n      '@apply flex-row': {},\r\n      '@apply pl-2 py-3': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-6 border-l-0': {},\r\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Tooltip"],"mappings":"AAAA,OAAO,IAAMA,UAAU;WAAO;QAC5B,eAAe;YACb,kDAAkD,CAAC;YACnD,sBAAsB,CAAC;YACvB,iBAAiB,CAAC;YAElB,UAAU;gBACR,sBAAsB,CAAC;gBACvB,oCAAoC,CAAC;gBACrC,qBAAqB,CAAC;gBACtB,0BAA0B,CAAC;gBAC3B,wCAAwC,CAAC;gBACzC,oBAAoB,CAAC;gBACrB,sBAAsB,CAAC;gBACvB,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;YACtB;YAEA,OAAO;YACP,uBAAuB;gBACrB,kCAAkC,CAAC;YACrC;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,YAAY;oBACV,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,aAAa;oBACX,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,OAAO;YACP,2BAA2B;gBACzB,mBAAmB,CAAC;gBACpB,oBAAoB,CAAC;gBACrB,YAAY;oBACV,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,oBAAoB,CAAC;gBACrB,aAAa;oBACX,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;QACF;IACF;EAAG"}

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

@@ -1,2 +1,18 @@
-export var UserMenu=function(){return{".sk-usermenu":{"@apply relative":{},"&-button":{"@apply p-0 bg-transparent hover:bg-transparent":{},"@apply border-0":{},"@apply hover:border-0":{},".sk-avatar":{height:"inherit",width:"inherit"}}}}};
+export var UserMenu = function() {
+    return {
+        '.sk-usermenu': {
+            '@apply relative': {},
+            '&-button': {
+                '@apply p-0 bg-transparent hover:bg-transparent': {},
+                '@apply border-0': {},
+                '@apply hover:border-0': {},
+                '.sk-avatar': {
+                    height: 'inherit',
+                    width: 'inherit'
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=user-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '@apply hover:border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["UserMenu","height","width"],"mappings":"AAAA,OAAO,IAAMA,SAAW,iBAAO,CAC7B,eAAgB,CACd,kBAAmB,CAAC,EACpB,WAAY,CACV,iDAAkD,CAAC,EACnD,kBAAmB,CAAC,EACpB,wBAAyB,CAAC,EAC1B,aAAc,CACZC,OAAQ,UACRC,MAAO,SACT,CACF,CACF,CACF,EAAG"}
+{"version":3,"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '@apply hover:border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["UserMenu","height","width"],"mappings":"AAAA,OAAO,IAAMA,WAAW;WAAO;QAC7B,gBAAgB;YACd,mBAAmB,CAAC;YACpB,YAAY;gBACV,kDAAkD,CAAC;gBACnD,mBAAmB,CAAC;gBACpB,yBAAyB,CAAC;gBAC1B,cAAc;oBACZC,QAAQ;oBACRC,OAAO;gBACT;YACF;QACF;IACF;EAAG"}