@sk-web-gui/core 3.9.1 → 3.11.0

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

@@ -1,150 +1,154 @@
 "use strict";
-
-exports.__esModule = true;
-exports.PopupMenu = void 0;
-var PopupMenu = exports.PopupMenu = function PopupMenu() {
-  return {
-    '.sk-popup-menu': {
-      '@apply hidden': {},
-      '&[data-open="true"]': {
-        '@apply flex': {}
-      },
-      '&[data-position="left"]': {
-        '@apply mt-0 mr-8 right-full': {},
-        '&[data-align="end"]': {
-          '@apply bottom-0': {}
-        },
-        '&[data-align="start"]': {
-          '@apply top-0': {}
-        }
-      },
-      '&[data-position="right"]': {
-        '@apply mt-0 ml-8 left-full': {},
-        '&[data-align="end"]': {
-          '@apply bottom-0': {}
-        },
-        '&[data-align="start"]': {
-          '@apply top-0': {}
-        }
-      },
-      '&[data-position="over"]': {
-        '@apply mt-0 mb-8 bottom-full': {},
-        '&[data-align="end"]': {
-          '@apply right-0': {}
-        },
-        '&[data-align="start"]': {
-          '@apply left-0': {}
-        }
-      },
-      '&[data-position="under"]': {
-        '&[data-align="end"]': {
-          '@apply right-0': {}
-        },
-        '&[data-align="start"]': {
-          '@apply left-0': {}
-        }
-      },
-      '> *': {
-        '@apply max-w-full w-full': {}
-      },
-      '@apply absolute flex-col justify-start items-start mt-8': {},
-      '@apply w-max': {},
-      '@apply rounded-utility': {},
-      '@apply bg-background-100': {},
-      '@apply z-10': {},
-      '@apply p-8 gap-4': {},
-      '@apply shadow-100': {},
-      '@apply border-0': {},
-      '@apply focus-within:border-0': {},
-      '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},
-      '.sk-form-checkbox-label-left .sk-icon': {
-        '@apply right-8': {}
-      },
-      '.sk-form-checkbox-label-right .sk-icon': {
-        '@apply left-8': {}
-      },
-      '.sk-popup-menu-item': {
-        '@apply list-none': {},
-        '@apply w-full': {},
-        '@apply h-40': {},
-        '@apply min-h-40': {},
-        '@apply bg-transparent hover:bg-primitives-gray-200': {},
-        '@apply dark:hover:bg-primitives-overlay-lighten-1': {},
-        '@apply cursor-pointer': {},
-        '@apply flex flex-row shrink-0': {},
-        '@apply pl-8 pr-8 py-4 gap-12': {},
-        '@apply ring-offset-0': {},
-        '@apply focus-visible:ring ring-ring': {},
-        '@apply rounded-utility': {},
-        '@apply text-body font-normal': {},
-        '> *': {
-          '@apply max-w-full': {}
-        },
-        '&:focus-visible, &:focus-within': {
-          '@apply bg-primitives-gray-200': {},
-          '@apply dark:bg-primitives-overlay-lighten-1': {}
-        },
-        svg: {
-          '@apply w-20 h-20': {}
-        },
-        '@apply justify-start': {},
-        '@apply border-0': {},
-        '@apply items-center': {},
-        '@apply no-underline': {},
-        '&-submenu': {
-          '&-wrapper': {
-            '@apply relative': {}
-          }
-        }
-      },
-      '&-group': {
-        '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},
-        '&:first-child': {
-          '@apply pt-0': {}
-        },
-        '&:last-child': {
-          '@apply border-0 pb-0': {}
-        }
-      },
-      '&-items': {
-        '@apply w-full': {},
-        '@apply rounded-utility': {},
-        '@apply focus-within:ring ring-ring': {},
-        '.sk-popup-menu-item': {
-          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},
-          '> *': {
-            '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {}
-          }
-        },
-        '&:focus-within': {
-          '.sk-popup-menu-item.active': {
-            '@apply bg-primitives-gray-200': {},
-            '@apply dark:bg-primitives-overlay-lighten-1': {}
-          }
-        }
-      },
-      '&-sm': {
-        '@apply p-8 gap-6': {},
-        '.sk-popup-menu-item': {
-          '@apply h-32': {},
-          '@apply min-h-32': {},
-          '@apply gap-10 pl-8 pr-8 py-4': {},
-          '@apply text-small': {},
-          '&-group': {
-            '@apply gap-6 pb-6': {},
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PopupMenu", {
+    enumerable: true,
+    get: function() {
+        return PopupMenu;
+    }
+});
+var PopupMenu = function() {
+    return {
+        '.sk-popup-menu': {
+            '@apply hidden': {},
+            '&[data-open="true"]': {
+                '@apply flex': {}
+            },
+            '&[data-position="left"]': {
+                '@apply mt-0 mr-8 right-full': {},
+                '&[data-align="end"]': {
+                    '@apply bottom-0': {}
+                },
+                '&[data-align="start"]': {
+                    '@apply top-0': {}
+                }
+            },
+            '&[data-position="right"]': {
+                '@apply mt-0 ml-8 left-full': {},
+                '&[data-align="end"]': {
+                    '@apply bottom-0': {}
+                },
+                '&[data-align="start"]': {
+                    '@apply top-0': {}
+                }
+            },
+            '&[data-position="over"]': {
+                '@apply mt-0 mb-8 bottom-full': {},
+                '&[data-align="end"]': {
+                    '@apply right-0': {}
+                },
+                '&[data-align="start"]': {
+                    '@apply left-0': {}
+                }
+            },
+            '&[data-position="under"]': {
+                '&[data-align="end"]': {
+                    '@apply right-0': {}
+                },
+                '&[data-align="start"]': {
+                    '@apply left-0': {}
+                }
+            },
             '> *': {
-              '@apply gap-10 pl-8 pr-8 py-4': {}
+                '@apply max-w-full w-full': {}
+            },
+            '@apply absolute flex-col justify-start items-start mt-8': {},
+            '@apply w-max': {},
+            '@apply rounded-utility': {},
+            '@apply bg-background-100': {},
+            '@apply z-10': {},
+            '@apply p-8 gap-4': {},
+            '@apply shadow-100': {},
+            '@apply border-0': {},
+            '@apply focus-within:border-0': {},
+            '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},
+            '.sk-form-checkbox-label-left .sk-icon': {
+                '@apply right-8': {}
+            },
+            '.sk-form-checkbox-label-right .sk-icon': {
+                '@apply left-8': {}
+            },
+            '.sk-popup-menu-item': {
+                '@apply list-none': {},
+                '@apply w-full': {},
+                '@apply h-40': {},
+                '@apply min-h-40': {},
+                '@apply bg-transparent hover:bg-menu-item-surface-hover': {},
+                '@apply cursor-pointer': {},
+                '@apply flex flex-row shrink-0': {},
+                '@apply pl-8 pr-8 py-4 gap-12': {},
+                '@apply ring-offset-0': {},
+                '@apply focus-visible:ring ring-ring': {},
+                '@apply rounded-utility': {},
+                '@apply text-body font-normal': {},
+                '> *': {
+                    '@apply max-w-full': {}
+                },
+                '&:focus-visible, &:focus-within': {
+                    '@apply bg-menu-item-surface-hover': {}
+                },
+                svg: {
+                    '@apply w-20 h-20': {}
+                },
+                '@apply justify-start': {},
+                '@apply border-0': {},
+                '@apply items-center': {},
+                '@apply no-underline': {},
+                '&-submenu': {
+                    '&-wrapper': {
+                        '@apply relative': {}
+                    }
+                }
+            },
+            '&-group': {
+                '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},
+                '&:first-child': {
+                    '@apply pt-0': {}
+                },
+                '&:last-child': {
+                    '@apply border-0 pb-0': {}
+                }
+            },
+            '&-items': {
+                '@apply w-full': {},
+                '@apply rounded-utility': {},
+                '@apply focus-within:ring ring-ring': {},
+                '.sk-popup-menu-item': {
+                    '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},
+                    '> *': {
+                        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {}
+                    }
+                },
+                '&:focus-within': {
+                    '.sk-popup-menu-item.active': {
+                        '@apply bg-menu-item-surface-hover': {}
+                    }
+                }
+            },
+            '&-sm': {
+                '@apply p-8 gap-6': {},
+                '.sk-popup-menu-item': {
+                    '@apply h-32': {},
+                    '@apply min-h-32': {},
+                    '@apply gap-10 pl-8 pr-8 py-4': {},
+                    '@apply text-small': {},
+                    '&-group': {
+                        '@apply gap-6 pb-6': {},
+                        '> *': {
+                            '@apply gap-10 pl-8 pr-8 py-4': {}
+                        }
+                    },
+                    svg: {
+                        '@apply w-18 h-18': {}
+                    }
+                }
+            },
+            '&.right': {
+                '@apply right-0': {}
             }
-          },
-          svg: {
-            '@apply w-18 h-18': {}
-          }
         }
-      },
-      '&.right': {
-        '@apply right-0': {}
-      }
-    }
-  };
+    };
 };
+
 //# sourceMappingURL=popup-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popup-menu.js","names":["PopupMenu","exports","svg"],"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\r\n  '.sk-popup-menu': {\r\n    '@apply hidden': {},\r\n    '&[data-open=\"true\"]': {\r\n      '@apply flex': {},\r\n    },\r\n    '&[data-position=\"left\"]': {\r\n      '@apply mt-0 mr-8 right-full': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"right\"]': {\r\n      '@apply mt-0 ml-8 left-full': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"over\"]': {\r\n      '@apply mt-0 mb-8 bottom-full': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"under\"]': {\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '> *': {\r\n      '@apply max-w-full w-full': {},\r\n    },\r\n\r\n    '@apply absolute flex-col justify-start items-start mt-8': {},\r\n    '@apply w-max': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-background-100': {},\r\n    '@apply z-10': {},\r\n    '@apply p-8 gap-4': {},\r\n    '@apply shadow-100': {},\r\n    '@apply border-0': {},\r\n    '@apply focus-within:border-0': {},\r\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\r\n    '.sk-form-checkbox-label-left .sk-icon': {\r\n      '@apply right-8': {},\r\n    },\r\n    '.sk-form-checkbox-label-right .sk-icon': {\r\n      '@apply left-8': {},\r\n    },\r\n    '.sk-popup-menu-item': {\r\n      '@apply list-none': {},\r\n      '@apply w-full': {},\r\n      '@apply h-40': {},\r\n      '@apply min-h-40': {},\r\n      '@apply bg-transparent hover:bg-primitives-gray-200': {},\r\n      '@apply dark:hover:bg-primitives-overlay-lighten-1': {},\r\n      '@apply cursor-pointer': {},\r\n      '@apply flex flex-row shrink-0': {},\r\n      '@apply pl-8 pr-8 py-4 gap-12': {},\r\n      '@apply ring-offset-0': {},\r\n      '@apply focus-visible:ring ring-ring': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply text-body font-normal': {},\r\n      '> *': {\r\n        '@apply max-w-full': {},\r\n      },\r\n      '&:focus-visible, &:focus-within': {\r\n        '@apply bg-primitives-gray-200': {},\r\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n      },\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n\r\n      '@apply justify-start': {},\r\n\r\n      '@apply border-0': {},\r\n      '@apply items-center': {},\r\n      '@apply no-underline': {},\r\n      '&-submenu': {\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-group': {\r\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\r\n      '&:first-child': {\r\n        '@apply pt-0': {},\r\n      },\r\n      '&:last-child': {\r\n        '@apply border-0 pb-0': {},\r\n      },\r\n    },\r\n\r\n    '&-items': {\r\n      '@apply w-full': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply focus-within:ring ring-ring': {},\r\n      '.sk-popup-menu-item': {\r\n        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\r\n        '> *': {\r\n          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\r\n        },\r\n      },\r\n      '&:focus-within': {\r\n        '.sk-popup-menu-item.active': {\r\n          '@apply bg-primitives-gray-200': {},\r\n          '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply p-8 gap-6': {},\r\n\r\n      '.sk-popup-menu-item': {\r\n        '@apply h-32': {},\r\n        '@apply min-h-32': {},\r\n        '@apply gap-10 pl-8 pr-8 py-4': {},\r\n\r\n        '@apply text-small': {},\r\n        '&-group': {\r\n          '@apply gap-6 pb-6': {},\r\n          '> *': {\r\n            '@apply gap-10 pl-8 pr-8 py-4': {},\r\n          },\r\n        },\r\n        svg: {\r\n          '@apply w-18 h-18': {},\r\n        },\r\n      },\r\n    },\r\n    '&.right': {\r\n      '@apply right-0': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\n  '.sk-popup-menu': {\n    '@apply hidden': {},\n    '&[data-open=\"true\"]': {\n      '@apply flex': {},\n    },\n    '&[data-position=\"left\"]': {\n      '@apply mt-0 mr-8 right-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"right\"]': {\n      '@apply mt-0 ml-8 left-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"over\"]': {\n      '@apply mt-0 mb-8 bottom-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '&[data-position=\"under\"]': {\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '> *': {\n      '@apply max-w-full w-full': {},\n    },\n\n    '@apply absolute flex-col justify-start items-start mt-8': {},\n    '@apply w-max': {},\n    '@apply rounded-utility': {},\n    '@apply bg-background-100': {},\n    '@apply z-10': {},\n    '@apply p-8 gap-4': {},\n    '@apply shadow-100': {},\n    '@apply border-0': {},\n    '@apply focus-within:border-0': {},\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\n    '.sk-form-checkbox-label-left .sk-icon': {\n      '@apply right-8': {},\n    },\n    '.sk-form-checkbox-label-right .sk-icon': {\n      '@apply left-8': {},\n    },\n    '.sk-popup-menu-item': {\n      '@apply list-none': {},\n      '@apply w-full': {},\n      '@apply h-40': {},\n      '@apply min-h-40': {},\n      '@apply bg-transparent hover:bg-menu-item-surface-hover': {},\n      '@apply cursor-pointer': {},\n      '@apply flex flex-row shrink-0': {},\n      '@apply pl-8 pr-8 py-4 gap-12': {},\n      '@apply ring-offset-0': {},\n      '@apply focus-visible:ring ring-ring': {},\n      '@apply rounded-utility': {},\n      '@apply text-body font-normal': {},\n      '> *': {\n        '@apply max-w-full': {},\n      },\n      '&:focus-visible, &:focus-within': {\n        '@apply bg-menu-item-surface-hover': {},\n      },\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n\n      '@apply justify-start': {},\n\n      '@apply border-0': {},\n      '@apply items-center': {},\n      '@apply no-underline': {},\n      '&-submenu': {\n        '&-wrapper': {\n          '@apply relative': {},\n        },\n      },\n    },\n\n    '&-group': {\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\n      '&:first-child': {\n        '@apply pt-0': {},\n      },\n      '&:last-child': {\n        '@apply border-0 pb-0': {},\n      },\n    },\n\n    '&-items': {\n      '@apply w-full': {},\n      '@apply rounded-utility': {},\n      '@apply focus-within:ring ring-ring': {},\n      '.sk-popup-menu-item': {\n        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        '> *': {\n          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        },\n      },\n      '&:focus-within': {\n        '.sk-popup-menu-item.active': {\n          '@apply bg-menu-item-surface-hover': {},\n        },\n      },\n    },\n\n    '&-sm': {\n      '@apply p-8 gap-6': {},\n\n      '.sk-popup-menu-item': {\n        '@apply h-32': {},\n        '@apply min-h-32': {},\n        '@apply gap-10 pl-8 pr-8 py-4': {},\n\n        '@apply text-small': {},\n        '&-group': {\n          '@apply gap-6 pb-6': {},\n          '> *': {\n            '@apply gap-10 pl-8 pr-8 py-4': {},\n          },\n        },\n        svg: {\n          '@apply w-18 h-18': {},\n        },\n      },\n    },\n    '&.right': {\n      '@apply right-0': {},\n    },\n  },\n});\n"],"names":["PopupMenu","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,YAAY;WAAO;QAC9B,kBAAkB;YAChB,iBAAiB,CAAC;YAClB,uBAAuB;gBACrB,eAAe,CAAC;YAClB;YACA,2BAA2B;gBACzB,+BAA+B,CAAC;gBAChC,uBAAuB;oBACrB,mBAAmB,CAAC;gBACtB;gBACA,yBAAyB;oBACvB,gBAAgB,CAAC;gBACnB;YACF;YACA,4BAA4B;gBAC1B,8BAA8B,CAAC;gBAC/B,uBAAuB;oBACrB,mBAAmB,CAAC;gBACtB;gBACA,yBAAyB;oBACvB,gBAAgB,CAAC;gBACnB;YACF;YACA,2BAA2B;gBACzB,gCAAgC,CAAC;gBACjC,uBAAuB;oBACrB,kBAAkB,CAAC;gBACrB;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;gBACpB;YACF;YACA,4BAA4B;gBAC1B,uBAAuB;oBACrB,kBAAkB,CAAC;gBACrB;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;gBACpB;YACF;YACA,OAAO;gBACL,4BAA4B,CAAC;YAC/B;YAEA,2DAA2D,CAAC;YAC5D,gBAAgB,CAAC;YACjB,0BAA0B,CAAC;YAC3B,4BAA4B,CAAC;YAC7B,eAAe,CAAC;YAChB,oBAAoB,CAAC;YACrB,qBAAqB,CAAC;YACtB,mBAAmB,CAAC;YACpB,gCAAgC,CAAC;YACjC,qEAAqE,CAAC;YACtE,yCAAyC;gBACvC,kBAAkB,CAAC;YACrB;YACA,0CAA0C;gBACxC,iBAAiB,CAAC;YACpB;YACA,uBAAuB;gBACrB,oBAAoB,CAAC;gBACrB,iBAAiB,CAAC;gBAClB,eAAe,CAAC;gBAChB,mBAAmB,CAAC;gBACpB,0DAA0D,CAAC;gBAC3D,yBAAyB,CAAC;gBAC1B,iCAAiC,CAAC;gBAClC,gCAAgC,CAAC;gBACjC,wBAAwB,CAAC;gBACzB,uCAAuC,CAAC;gBACxC,0BAA0B,CAAC;gBAC3B,gCAAgC,CAAC;gBACjC,OAAO;oBACL,qBAAqB,CAAC;gBACxB;gBACA,mCAAmC;oBACjC,qCAAqC,CAAC;gBACxC;gBACAC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;gBAEA,wBAAwB,CAAC;gBAEzB,mBAAmB,CAAC;gBACpB,uBAAuB,CAAC;gBACxB,uBAAuB,CAAC;gBACxB,aAAa;oBACX,aAAa;wBACX,mBAAmB,CAAC;oBACtB;gBACF;YACF;YAEA,WAAW;gBACT,yEAAyE,CAAC;gBAC1E,iBAAiB;oBACf,eAAe,CAAC;gBAClB;gBACA,gBAAgB;oBACd,wBAAwB,CAAC;gBAC3B;YACF;YAEA,WAAW;gBACT,iBAAiB,CAAC;gBAClB,0BAA0B,CAAC;gBAC3B,sCAAsC,CAAC;gBACvC,uBAAuB;oBACrB,8DAA8D,CAAC;oBAC/D,OAAO;wBACL,8DAA8D,CAAC;oBACjE;gBACF;gBACA,kBAAkB;oBAChB,8BAA8B;wBAC5B,qCAAqC,CAAC;oBACxC;gBACF;YACF;YAEA,QAAQ;gBACN,oBAAoB,CAAC;gBAErB,uBAAuB;oBACrB,eAAe,CAAC;oBAChB,mBAAmB,CAAC;oBACpB,gCAAgC,CAAC;oBAEjC,qBAAqB,CAAC;oBACtB,WAAW;wBACT,qBAAqB,CAAC;wBACtB,OAAO;4BACL,gCAAgC,CAAC;wBACnC;oBACF;oBACAA,KAAK;wBACH,oBAAoB,CAAC;oBACvB;gBACF;YACF;YACA,WAAW;gBACT,kBAAkB,CAAC;YACrB;QACF;IACF"}

package/dist/cjs/components/progress-bar.js

@@ -1,27 +1,83 @@
 "use strict";
-
-exports.__esModule = true;
-exports.ProgressBar = void 0;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var ProgressBar = exports.ProgressBar = function ProgressBar(colors) {
-  var _skProgressBarFil2;
-  return {
-    '.sk-progress-bar': _extends({
-      '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},
-      '&-fill': {
-        '@apply rounded-circular': {}
-      }
-    }, colors.reduce(function (styles, color) {
-      var _skProgressBarFil, _dataAccentTrue, _extends2;
-      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = {
-        '.sk-progress-bar-fill': (_skProgressBarFil = {}, _skProgressBarFil["@apply bg-" + color + "-surface-primary"] = {}, _skProgressBarFil),
-        '&[data-accent="true"]': (_dataAccentTrue = {}, _dataAccentTrue["@apply bg-inverted-" + color + "-surface-primary"] = {}, _dataAccentTrue)
-      }, _extends2));
-    }, {}), {
-      "&[data-color='tertiary']": {
-        '.sk-progress-bar-fill': (_skProgressBarFil2 = {}, _skProgressBarFil2["@apply bg-primary-surface"] = {}, _skProgressBarFil2)
-      }
-    })
-  };
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ProgressBar", {
+    enumerable: true,
+    get: function() {
+        return ProgressBar;
+    }
+});
+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 ProgressBar = function(colors) {
+    return {
+        '.sk-progress-bar': _object_spread_props(_object_spread({
+            '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},
+            '&-fill': {
+                '@apply rounded-circular': {}
+            }
+        }, colors.reduce(function(styles, color) {
+            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
+                '.sk-progress-bar-fill': _define_property({}, "@apply bg-".concat(color, "-surface-primary"), {}),
+                '&[data-accent="true"]': _define_property({}, "@apply bg-inverted-".concat(color, "-surface-primary"), {})
+            }));
+        }, {})), {
+            "&[data-color='tertiary']": {
+                '.sk-progress-bar-fill': _define_property({}, "@apply bg-primary-surface", {})
+            }
+        })
+    };
 };
+
 //# sourceMappingURL=progress-bar.js.map

package/dist/cjs/components/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","names":["ProgressBar","exports","colors","_skProgressBarFil2","_extends","reduce","styles","color","_skProgressBarFil","_dataAccentTrue","_extends2"],"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\r\n  '.sk-progress-bar': {\r\n    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},\r\n\r\n    '&-fill': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-progress-bar-fill': {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-progress-bar-fill': {\r\n        [`@apply bg-primary-surface`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,MAAgB;EAAA,IAAAC,kBAAA;EAAA,OAAM;IAChD,kBAAkB,EAAAC,QAAA;MAChB,8DAA8D,EAAE,CAAC,CAAC;MAElE,QAAQ,EAAE;QACR,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,iBAAA,EAAAC,eAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,YAAO;QAC5B,uBAAuB,GAAAC,iBAAA,OAAAA,iBAAA,gBACPD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,iBAAA,CAC3C;QAED,uBAAuB,GAAAC,eAAA,OAAAA,eAAA,yBACEF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,eAAA;MAEvD,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;MAED,0BAA0B,EAAE;QAC1B,uBAAuB,GAAAP,kBAAA,OAAAA,kBAAA,gCACU,CAAC,CAAC,EAAAA,kBAAA;MAErC;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\n  '.sk-progress-bar': {\n    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},\n\n    '&-fill': {\n      '@apply rounded-circular': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          '.sk-progress-bar-fill': {\n            [`@apply bg-${color}-surface-primary`]: {},\n          },\n\n          '&[data-accent=\"true\"]': {\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n\n    \"&[data-color='tertiary']\": {\n      '.sk-progress-bar-fill': {\n        [`@apply bg-primary-surface`]: {},\n      },\n    },\n  },\n});\n"],"names":["ProgressBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,cAAc,SAACC;WAAsB;QAChD,oBAAoB;YAClB,gEAAgE,CAAC;YAEjE,UAAU;gBACR,2BAA2B,CAAC;YAC9B;WAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;mBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;gBAC5B,yBACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;gBAG3C,yBACE,qBAAC,AAAC,sBAA2B,OAANA,OAAM,qBAAoB,CAAC;YAEtD;WAEF,CAAC;YAGH,4BAA4B;gBAC1B,yBACE,qBAAE,6BAA6B,CAAC;YAEpC;;IAEJ"}

package/dist/cjs/components/progress-stepper.js

@@ -1,77 +1,84 @@
 "use strict";
-
-exports.__esModule = true;
-exports.ProgressStepper = void 0;
-var ProgressStepper = exports.ProgressStepper = function ProgressStepper() {
-  return {
-    '.sk-progress-stepper': {
-      '@apply flex justify-between': {},
-      hr: {
-        '@apply w-full mt-19': {}
-      },
-      '&-step': {
-        '@apply flex flex-col items-center': {},
-        '@apply gap-4': {},
-        '@apply w-auto': {},
-        '@apply shrink-0': {},
-        '@apply text-base leading-base text-dark-primary font-normal': {},
-        svg: {
-          '@apply w-20 h-20': {}
-        },
-        '&-wrapper': {
-          '@apply flex flex-row shrink w-full gap-4': {},
-          hr: {
-            '@apply w-full grow shrink mt-19': {}
-          }
-        },
-        '&:first-of-type': {
-          '.sk-divider:first-of-type': {
-            '@apply invisible': {}
-          }
-        },
-        '&:last-of-type': {
-          '.sk-divider:last-of-type': {
-            '@apply invisible': {}
-          }
-        },
-        '&-box': {
-          '@apply box-border': {},
-          '@apply shrink-0': {},
-          '@apply h-40 w-40': {},
-          '@apply bg-secondary-surface': {},
-          '@apply flex justify-center items-center': {},
-          '@apply text-label-medium': {},
-          '@apply border-2 border-secondary-outline': {},
-          '@apply text-dark-secondary': {},
-          '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
-          '&[data-rounded="true"]': {
-            '@apply rounded-full': {}
-          },
-          '&&-sm': {
-            '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},
-            '@apply text-label-small': {}
-          },
-          '&&-md': {
-            '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {}
-          }
-        },
-        '&[data-progress="current"]': {
-          '@apply font-bold': {},
-          '.sk-progress-stepper-step-box': {
-            '@apply border-vattjom-surface-primary': {},
-            '@apply bg-vattjom-surface-primary': {},
-            '@apply text-vattjom-text-secondary': {}
-          }
-        },
-        '&[data-progress="done"]': {
-          '.sk-progress-stepper-step-box': {
-            '@apply border-success-surface-primary': {},
-            '@apply bg-success-surface-primary': {},
-            '@apply text-success-text-secondary': {}
-          }
-        }
-      }
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ProgressStepper", {
+    enumerable: true,
+    get: function() {
+        return ProgressStepper;
     }
-  };
+});
+var ProgressStepper = function() {
+    return {
+        '.sk-progress-stepper': {
+            '@apply flex justify-between': {},
+            hr: {
+                '@apply w-full mt-19': {}
+            },
+            '&-step': {
+                '@apply flex flex-col items-center': {},
+                '@apply gap-4': {},
+                '@apply w-auto': {},
+                '@apply shrink-0': {},
+                '@apply text-base leading-base text-dark-primary font-normal': {},
+                svg: {
+                    '@apply w-20 h-20': {}
+                },
+                '&-wrapper': {
+                    '@apply flex flex-row shrink w-full gap-4': {},
+                    hr: {
+                        '@apply w-full grow shrink mt-19': {}
+                    }
+                },
+                '&:first-of-type': {
+                    '.sk-divider:first-of-type': {
+                        '@apply invisible': {}
+                    }
+                },
+                '&:last-of-type': {
+                    '.sk-divider:last-of-type': {
+                        '@apply invisible': {}
+                    }
+                },
+                '&-box': {
+                    '@apply box-border': {},
+                    '@apply shrink-0': {},
+                    '@apply h-40 w-40': {},
+                    '@apply bg-secondary-surface': {},
+                    '@apply flex justify-center items-center': {},
+                    '@apply text-label-medium': {},
+                    '@apply border-2 border-secondary-outline': {},
+                    '@apply text-dark-secondary': {},
+                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+                    '&[data-rounded="true"]': {
+                        '@apply rounded-full': {}
+                    },
+                    '&&-sm': {
+                        '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},
+                        '@apply text-label-small': {}
+                    },
+                    '&&-md': {
+                        '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {}
+                    }
+                },
+                '&[data-progress="current"]': {
+                    '@apply font-bold': {},
+                    '.sk-progress-stepper-step-box': {
+                        '@apply border-vattjom-surface-primary': {},
+                        '@apply bg-vattjom-surface-primary': {},
+                        '@apply text-vattjom-text-secondary': {}
+                    }
+                },
+                '&[data-progress="done"]': {
+                    '.sk-progress-stepper-step-box': {
+                        '@apply border-success-surface-primary': {},
+                        '@apply bg-success-surface-primary': {},
+                        '@apply text-success-text-secondary': {}
+                    }
+                }
+            }
+        }
+    };
 };
+
 //# sourceMappingURL=progress-stepper.js.map