@sk-web-gui/core 3.10.0 → 3.11.1

package/dist/cjs/components/table.js

@@ -1,2 +1,309 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Table",{enumerable:true,get:function(){return Table}});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 Table=function(){return{".sk-table-wrapper":{"@apply text-base":{},"@apply rounded-groups":{},"@apply border-1 border-divider":{},"@apply bg-background-content":{},"@apply relative":{},"&-inside":{"@apply border-0 rounded-t-groups":{},"@apply overflow-hidden":{},"@apply w-full":{},"@apply h-full max-h-full":{},'&[data-scroll="x"]':{"@apply overflow-x-auto":{}},'&[data-scroll="y"]':{"@apply overflow-y-auto":{}},'&[data-scroll="true"]':{"@apply overflow-auto":{}}},'&:not([data-background="true"]):not([data-wrappingborder="true"])':{"@apply border-0":{},"@apply bg-transparent":{}},".sk-table-wrapper-inside":{"@apply border-0 rounded-b-groups":{}}},".sk-table":{"@apply w-full text-left table-auto":{},"@apply text-dark-secondary":{},"&-caption":_object_spread_props(_object_spread({"@apply text-left":{},"@apply w-full":{}},["left","center","right"].reduce(function(classes,position){return _object_spread_props(_object_spread({},classes),_define_property({},'&[data-textalign="'.concat(position,'"]'),_define_property({},"@apply text-".concat(position),{})))},{})),{"&-sr":{"@apply sr-only":{}}}),"&-auto":{"&-cell":{"@apply w-full":{}}},"&-thead":{"@apply border-b-1 border-dark-primary":{},'&[data-stickyheader="true"]':{"@apply sticky top-0":{},"@apply bg-background-content":{},"@apply border-b-0":{},".sk-table-col-content":{"@apply border-b-1 border-dark-primary":{}}},"&-tr":{"@apply table-row":{},"@apply text-label-small":{}},".sk-table-th":{"@apply h-56":{},"@apply p-0":{},"&:first-of-type":{".sk-table-sticky-col":{"@apply rounded-tl-groups":{}}},"&:last-of-type":{".sk-table-sticky-col":{"@apply rounded-tr-groups":{}}},".sk-table-col-content":{"@apply py-4":{},"@apply px-16":{}},"&[data-isColumnSortable='true']":{"@apply cursor-pointer":{}}},"@apply bg-transparent":{},'&[data-background="true"]':{"@apply border-b-0":{},"@apply bg-vattjom-background-200 border-b-transparent":{},".sk-table-col-content":{"@apply border-b-0":{}},'[data-sticky="true"]':{"@apply bg-vattjom-background-200":{}}}},"&-sortbutton":{"@apply flex items-center":{},"@apply focus-visible:ring ring-ring ring-offset-0":{},"@apply focus-visible:bg-vattjom-background-200":{},"@apply rounded-utility":{},"@apply pr-16":{},"@apply h-40":{},'&[data-sronly="true"]':{"@apply sr-only":{}},"&-icon":{"@apply inline-flex pl-sm":{},"&-sort":{"@apply text-dark-secondary":{},"@apply flex flex-col":{},svg:{"@apply h-16 w-16":{},"@apply first-of-type:-mb-4":{},"@apply last-of-type:-mt-4":{}},"&[data-sortmode='ascending']":{"> *":{"@apply last-of-type:text-dark-ghost":{}}},"&[data-sortmode='descending']":{"> *":{"@apply first-of-type:text-dark-ghost":{}}}}}},"&-tbody":{"@apply text-dark-secondary bg-transparent":{},"&-tr":{"@apply bg-transparent":{},"@apply hover:bg-background-100":{},"@apply border-b-1 border-divider":{},"@apply last-of-type:border-b-transparent":{},"@apply focus-visible:shadow-insetring":{},"&:hover":{td:{"@apply bg-background-100":{}}}},"&-td, .sk-table-th":{"@apply p-0":{},"@apply text-small":{},"@apply h-64-1":{},"@apply min-h-64-1":{},"@apply focus-visible:shadow-insetring":{},".sk-table-col-content":{"@apply py-8 px-18":{},"@apply gap-8":{}}}},"&-col-content":{"@apply flex":{},"@apply w-full":{},"@apply justify-start items-center":{},"@apply h-full":{}},'&[data-dense="dense"]':{".sk-table":{"&-col-content":{"@apply py-0":{}},"&-thead":{th:{"@apply h-48":{}}},"&-tbody":{"&-td, .sk-table-th":{"@apply h-48-1":{},"@apply min-h-48-1":{}}}}},'[data-sticky="true"]':{"@apply sticky":{},"@apply bg-background-content":{},"&:first-of-type":{"@apply left-0":{}},"&:last-of-type":{"@apply right-0":{}}},'&[data-hasscroll="true"]':{'[data-sticky="true"]':{"&:first-of-type":{".sk-table-col-content":{"@apply border-r-1 border-r-divider":{}}},"&:last-of-type":{".sk-table-col-content":{"@apply border-l-1 border-r-divider":{}}},".sk-table-col-content":{}}},"&-paginationwrapper":{"@apply max-w-full -order-1 w-full mb-10 @screen-md/footer:order-none @screen-md/footer:w-fit @screen-md/footer:max-w-[33em] @screen-md/footer:px-20 @screen-md/footer:mb-0":{},"@apply shrink grow flex justify-center":{}},"&-bottom":{"@apply @container/footer":{},"@apply py-14 px-16":{},"@apply border-t-1 border-divider":{},"@apply flex flex-row":{},"@apply flex-wrap":{},"@apply @screen-lg/footer:gap-32":{},"@apply @screen-md/footer:gap-16":{},"@apply gap-8":{},"@apply justify-between items-center":{},"&-section":{"@apply shrink-0":{},"@apply flex flex-col":{},"@apply justify-start items-center":{},"@apply @screen-sm/footer:flex-row":{},"@apply gap-8":{},"&-label":{"@apply font-normal":{},"@apply text-small":{},"@apply shrink-0":{}},"&.spacer":{"@apply w-[18rem]":{}}},"&-pagination":{"@apply grow":{},"@apply shrink":{}}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Table", {
+    enumerable: true,
+    get: function() {
+        return Table;
+    }
+});
+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 Table = function() {
+    return {
+        '.sk-table-wrapper': {
+            '@apply text-base': {},
+            '@apply rounded-groups': {},
+            '@apply border-1 border-divider': {},
+            '@apply bg-background-content': {},
+            '@apply relative': {},
+            '&-inside': {
+                '@apply border-0 rounded-t-groups': {},
+                '@apply overflow-hidden': {},
+                '@apply w-full': {},
+                '@apply h-full max-h-full': {},
+                '&[data-scroll="x"]': {
+                    '@apply overflow-x-auto': {}
+                },
+                '&[data-scroll="y"]': {
+                    '@apply overflow-y-auto': {}
+                },
+                '&[data-scroll="true"]': {
+                    '@apply overflow-auto': {}
+                }
+            },
+            '&:not([data-background="true"]):not([data-wrappingborder="true"])': {
+                '@apply border-0': {},
+                '@apply bg-transparent': {}
+            },
+            '.sk-table-wrapper-inside': {
+                '@apply border-0 rounded-b-groups': {}
+            }
+        },
+        '.sk-table': {
+            '@apply w-full text-left table-auto': {},
+            '@apply text-dark-secondary': {},
+            '&-caption': _object_spread_props(_object_spread({
+                '@apply text-left': {},
+                '@apply w-full': {}
+            }, [
+                'left',
+                'center',
+                'right'
+            ].reduce(function(classes, position) {
+                return _object_spread_props(_object_spread({}, classes), _define_property({}, '&[data-textalign="'.concat(position, '"]'), _define_property({}, "@apply text-".concat(position), {})));
+            }, {})), {
+                '&-sr': {
+                    '@apply sr-only': {}
+                }
+            }),
+            '&-auto': {
+                '&-cell': {
+                    '@apply w-full': {}
+                }
+            },
+            '&-thead': {
+                '@apply border-b-1 border-dark-primary': {},
+                '&[data-stickyheader="true"]': {
+                    '@apply sticky top-0': {},
+                    '@apply bg-background-content': {},
+                    '@apply border-b-0': {},
+                    '.sk-table-col-content': {
+                        '@apply border-b-1 border-dark-primary': {}
+                    }
+                },
+                '&-tr': {
+                    '@apply table-row': {},
+                    '@apply text-label-small': {}
+                },
+                '.sk-table-th': {
+                    '@apply h-56': {},
+                    '@apply p-0': {},
+                    '&:first-of-type': {
+                        '.sk-table-sticky-col': {
+                            '@apply rounded-tl-groups': {}
+                        }
+                    },
+                    '&:last-of-type': {
+                        '.sk-table-sticky-col': {
+                            '@apply rounded-tr-groups': {}
+                        }
+                    },
+                    '.sk-table-col-content': {
+                        '@apply py-4': {},
+                        '@apply px-16': {}
+                    },
+                    "&[data-isColumnSortable='true']": {
+                        '@apply cursor-pointer': {}
+                    }
+                },
+                '@apply bg-transparent': {},
+                '&[data-background="true"]': {
+                    '@apply border-b-0': {},
+                    '@apply bg-vattjom-background-200 border-b-transparent': {},
+                    '.sk-table-col-content': {
+                        '@apply border-b-0': {}
+                    },
+                    '[data-sticky="true"]': {
+                        '@apply bg-vattjom-background-200': {}
+                    }
+                }
+            },
+            '&-sortbutton': {
+                '@apply flex items-center': {},
+                '@apply focus-visible:ring ring-ring ring-offset-0': {},
+                '@apply focus-visible:bg-vattjom-background-200': {},
+                '@apply rounded-utility': {},
+                '@apply pr-16': {},
+                '@apply h-40': {},
+                '&[data-sronly="true"]': {
+                    '@apply sr-only': {}
+                },
+                '&-icon': {
+                    '@apply inline-flex pl-sm': {},
+                    '&-sort': {
+                        '@apply text-dark-secondary': {},
+                        '@apply flex flex-col': {},
+                        svg: {
+                            '@apply h-16 w-16': {},
+                            '@apply first-of-type:-mb-4': {},
+                            '@apply last-of-type:-mt-4': {}
+                        },
+                        "&[data-sortmode='ascending']": {
+                            '> *': {
+                                '@apply last-of-type:text-dark-ghost': {}
+                            }
+                        },
+                        "&[data-sortmode='descending']": {
+                            '> *': {
+                                '@apply first-of-type:text-dark-ghost': {}
+                            }
+                        }
+                    }
+                }
+            },
+            '&-tbody': {
+                '@apply text-dark-secondary bg-transparent': {},
+                '&-tr': {
+                    '@apply bg-transparent': {},
+                    '@apply hover:bg-background-100': {},
+                    '@apply border-b-1 border-divider': {},
+                    '@apply last-of-type:border-b-transparent': {},
+                    '@apply focus-visible:shadow-insetring': {},
+                    '&:hover': {
+                        td: {
+                            '@apply bg-background-100': {}
+                        }
+                    }
+                },
+                '&-td, .sk-table-th': {
+                    '@apply p-0': {},
+                    '@apply text-small': {},
+                    '@apply h-64-1': {},
+                    '@apply min-h-64-1': {},
+                    '@apply focus-visible:shadow-insetring': {},
+                    '.sk-table-col-content': {
+                        '@apply py-8 px-18': {},
+                        '@apply gap-8': {}
+                    }
+                }
+            },
+            '&-col-content': {
+                '@apply flex': {},
+                '@apply w-full': {},
+                '@apply justify-start items-center': {},
+                '@apply h-full': {}
+            },
+            '&[data-dense="dense"]': {
+                '.sk-table': {
+                    '&-col-content': {
+                        '@apply py-0': {}
+                    },
+                    '&-thead': {
+                        th: {
+                            '@apply h-48': {}
+                        }
+                    },
+                    '&-tbody': {
+                        '&-td, .sk-table-th': {
+                            '@apply h-48-1': {},
+                            '@apply min-h-48-1': {}
+                        }
+                    }
+                }
+            },
+            '[data-sticky="true"]': {
+                '@apply sticky': {},
+                '@apply bg-background-content': {},
+                '&:first-of-type': {
+                    '@apply left-0': {}
+                },
+                '&:last-of-type': {
+                    '@apply right-0': {}
+                }
+            },
+            '&[data-hasscroll="true"]': {
+                '[data-sticky="true"]': {
+                    '&:first-of-type': {
+                        '.sk-table-col-content': {
+                            '@apply border-r-1 border-r-divider': {}
+                        }
+                    },
+                    '&:last-of-type': {
+                        '.sk-table-col-content': {
+                            '@apply border-l-1 border-r-divider': {}
+                        }
+                    },
+                    '.sk-table-col-content': {}
+                }
+            },
+            '&-paginationwrapper': {
+                '@apply max-w-full -order-1 w-full mb-10 @screen-md/footer:order-none @screen-md/footer:w-fit @screen-md/footer:max-w-[33em] @screen-md/footer:px-20 @screen-md/footer:mb-0': {},
+                '@apply shrink grow flex justify-center': {}
+            },
+            '&-bottom': {
+                '@apply @container/footer': {},
+                '@apply py-14 px-16': {},
+                '@apply border-t-1 border-divider': {},
+                '@apply flex flex-row': {},
+                '@apply flex-wrap': {},
+                '@apply @screen-lg/footer:gap-32': {},
+                '@apply @screen-md/footer:gap-16': {},
+                '@apply gap-8': {},
+                '@apply justify-between items-center': {},
+                '&-section': {
+                    '@apply shrink-0': {},
+                    '@apply flex flex-col': {},
+                    '@apply justify-start items-center': {},
+                    '@apply @screen-sm/footer:flex-row': {},
+                    '@apply gap-8': {},
+                    '&-label': {
+                        '@apply font-normal': {},
+                        '@apply text-small': {},
+                        '@apply shrink-0': {}
+                    },
+                    '&.spacer': {
+                        '@apply w-[18rem]': {}
+                    }
+                },
+                '&-pagination': {
+                    '@apply grow': {},
+                    '@apply shrink': {}
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table.ts"],"sourcesContent":["export const Table = () => ({\r\n  '.sk-table-wrapper': {\r\n    '@apply text-base': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1 border-divider': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply relative': {},\r\n\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply w-full': {},\r\n      '@apply h-full max-h-full': {},\r\n      '&[data-scroll=\"x\"]': {\r\n        '@apply overflow-x-auto': {},\r\n      },\r\n      '&[data-scroll=\"y\"]': {\r\n        '@apply overflow-y-auto': {},\r\n      },\r\n      '&[data-scroll=\"true\"]': {\r\n        '@apply overflow-auto': {},\r\n      },\r\n    },\r\n    '&:not([data-background=\"true\"]):not([data-wrappingborder=\"true\"])': {\r\n      '@apply border-0': {},\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-table-wrapper-inside': {\r\n      '@apply border-0 rounded-b-groups': {},\r\n    },\r\n  },\r\n  '.sk-table': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-caption': {\r\n      '@apply text-left': {},\r\n      '@apply w-full': {},\r\n      ...['left', 'center', 'right'].reduce(\r\n        (classes, position) => ({\r\n          ...classes,\r\n          [`&[data-textalign=\"${position}\"]`]: {\r\n            [`@apply text-${position}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&-sr': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n    '&-auto': {\r\n      '&-cell': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '&[data-stickyheader=\"true\"]': {\r\n        '@apply sticky top-0': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply border-b-0': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-1 border-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '.sk-table-th': {\r\n        '@apply h-56': {},\r\n        '@apply p-0': {},\r\n        '&:first-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tl-groups': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tr-groups': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {\r\n          '@apply py-4': {},\r\n          '@apply px-16': {},\r\n        },\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply border-b-0': {},\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-0': {},\r\n        },\r\n        '[data-sticky=\"true\"]': {\r\n          '@apply bg-vattjom-background-200': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply pr-16': {},\r\n      '@apply h-40': {},\r\n      '&[data-sronly=\"true\"]': {\r\n        '@apply sr-only': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmode='ascending']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmode='descending']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1 border-divider': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '&:hover': {\r\n          td: {\r\n            '@apply bg-background-100': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply p-0': {},\r\n        '@apply text-small': {},\r\n        '@apply h-64-1': {},\r\n        '@apply min-h-64-1': {},\r\n\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '.sk-table-col-content': {\r\n          '@apply py-8 px-18': {},\r\n          '@apply gap-8': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-col-content': {\r\n      '@apply flex': {},\r\n      '@apply w-full': {},\r\n      '@apply justify-start items-center': {},\r\n      '@apply h-full': {},\r\n    },\r\n\r\n    '&[data-dense=\"dense\"]': {\r\n      '.sk-table': {\r\n        '&-col-content': {\r\n          '@apply py-0': {},\r\n        },\r\n        '&-thead': {\r\n          th: {\r\n            '@apply h-48': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\r\n            '@apply h-48-1': {},\r\n            '@apply min-h-48-1': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '[data-sticky=\"true\"]': {\r\n      '@apply sticky': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&:first-of-type': {\r\n        '@apply left-0': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-hasscroll=\"true\"]': {\r\n      '[data-sticky=\"true\"]': {\r\n        '&:first-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-r-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-l-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {},\r\n      },\r\n    },\r\n    '&-paginationwrapper': {\r\n      '@apply max-w-full -order-1 w-full mb-10 @screen-md/footer:order-none @screen-md/footer:w-fit @screen-md/footer:max-w-[33em] @screen-md/footer:px-20 @screen-md/footer:mb-0':\r\n        {},\r\n      '@apply shrink grow flex justify-center': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply @container/footer': {},\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1 border-divider': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply flex-wrap': {},\r\n      '@apply @screen-lg/footer:gap-32': {},\r\n      '@apply @screen-md/footer:gap-16': {},\r\n      '@apply gap-8': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-col': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply @screen-sm/footer:flex-row': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n        '&.spacer': {\r\n          '@apply w-[18rem]': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Table","reduce","classes","position","svg","td","th"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/table.ts"],"sourcesContent":["export const Table = () => ({\r\n  '.sk-table-wrapper': {\r\n    '@apply text-base': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1 border-divider': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply relative': {},\r\n\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply w-full': {},\r\n      '@apply h-full max-h-full': {},\r\n      '&[data-scroll=\"x\"]': {\r\n        '@apply overflow-x-auto': {},\r\n      },\r\n      '&[data-scroll=\"y\"]': {\r\n        '@apply overflow-y-auto': {},\r\n      },\r\n      '&[data-scroll=\"true\"]': {\r\n        '@apply overflow-auto': {},\r\n      },\r\n    },\r\n    '&:not([data-background=\"true\"]):not([data-wrappingborder=\"true\"])': {\r\n      '@apply border-0': {},\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-table-wrapper-inside': {\r\n      '@apply border-0 rounded-b-groups': {},\r\n    },\r\n  },\r\n  '.sk-table': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-caption': {\r\n      '@apply text-left': {},\r\n      '@apply w-full': {},\r\n      ...['left', 'center', 'right'].reduce(\r\n        (classes, position) => ({\r\n          ...classes,\r\n          [`&[data-textalign=\"${position}\"]`]: {\r\n            [`@apply text-${position}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&-sr': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n    '&-auto': {\r\n      '&-cell': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '&[data-stickyheader=\"true\"]': {\r\n        '@apply sticky top-0': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply border-b-0': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-1 border-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '.sk-table-th': {\r\n        '@apply h-56': {},\r\n        '@apply p-0': {},\r\n        '&:first-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tl-groups': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tr-groups': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {\r\n          '@apply py-4': {},\r\n          '@apply px-16': {},\r\n        },\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply border-b-0': {},\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-0': {},\r\n        },\r\n        '[data-sticky=\"true\"]': {\r\n          '@apply bg-vattjom-background-200': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply pr-16': {},\r\n      '@apply h-40': {},\r\n      '&[data-sronly=\"true\"]': {\r\n        '@apply sr-only': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmode='ascending']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmode='descending']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1 border-divider': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '&:hover': {\r\n          td: {\r\n            '@apply bg-background-100': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply p-0': {},\r\n        '@apply text-small': {},\r\n        '@apply h-64-1': {},\r\n        '@apply min-h-64-1': {},\r\n\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '.sk-table-col-content': {\r\n          '@apply py-8 px-18': {},\r\n          '@apply gap-8': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-col-content': {\r\n      '@apply flex': {},\r\n      '@apply w-full': {},\r\n      '@apply justify-start items-center': {},\r\n      '@apply h-full': {},\r\n    },\r\n\r\n    '&[data-dense=\"dense\"]': {\r\n      '.sk-table': {\r\n        '&-col-content': {\r\n          '@apply py-0': {},\r\n        },\r\n        '&-thead': {\r\n          th: {\r\n            '@apply h-48': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\r\n            '@apply h-48-1': {},\r\n            '@apply min-h-48-1': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '[data-sticky=\"true\"]': {\r\n      '@apply sticky': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&:first-of-type': {\r\n        '@apply left-0': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-hasscroll=\"true\"]': {\r\n      '[data-sticky=\"true\"]': {\r\n        '&:first-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-r-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-l-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {},\r\n      },\r\n    },\r\n    '&-paginationwrapper': {\r\n      '@apply max-w-full -order-1 w-full mb-10 @screen-md/footer:order-none @screen-md/footer:w-fit @screen-md/footer:max-w-[33em] @screen-md/footer:px-20 @screen-md/footer:mb-0':\r\n        {},\r\n      '@apply shrink grow flex justify-center': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply @container/footer': {},\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1 border-divider': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply flex-wrap': {},\r\n      '@apply @screen-lg/footer:gap-32': {},\r\n      '@apply @screen-md/footer:gap-16': {},\r\n      '@apply gap-8': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-col': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply @screen-sm/footer:flex-row': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n        '&.spacer': {\r\n          '@apply w-[18rem]': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Table","reduce","classes","position","svg","td","th"],"mappings":"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"}

package/dist/cjs/components/tabs.js

@@ -1,2 +1,135 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Tabs",{enumerable:true,get:function(){return Tabs}});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 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":{}}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Tabs", {
+    enumerable: true,
+    get: function() {
+        return Tabs;
+    }
+});
+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 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/cjs/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":"oGAAaA,8CAAAA,+uCAAN,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"}
+{"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":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,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"}

package/dist/cjs/components/tooltip.js

@@ -1,2 +1,72 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return Tooltip}});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":{}}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Tooltip", {
+    enumerable: true,
+    get: function() {
+        return Tooltip;
+    }
+});
+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