@sk-web-gui/core 3.9.1 → 3.11.0

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

@@ -1,144 +1,144 @@
-export var PopupMenu = () => ({
-  '.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': {}
+export 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 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': {}
+            }
         }
-      }
-    },
-    '&-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': {},
-          '> *': {
-            '@apply gap-10 pl-8 pr-8 py-4': {}
-          }
-        },
-        svg: {
-          '@apply w-18 h-18': {}
-        }
-      }
-    },
-    '&.right': {
-      '@apply right-0': {}
-    }
-  }
-});
+    };
+};
+
 //# sourceMappingURL=popup-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popup-menu.js","names":["PopupMenu","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":"AAAA,OAAO,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;EAAG"}

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

@@ -1,25 +1,73 @@
-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); }
-export var ProgressBar = colors => ({
-  '.sk-progress-bar': _extends({
-    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},
-    '&-fill': {
-      '@apply rounded-circular': {}
+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;
     }
-  }, colors.reduce((styles, color) => _extends({}, styles, {
-    ["&[data-color=\"" + color + "\"]"]: {
-      '.sk-progress-bar-fill': {
-        ["@apply bg-" + color + "-surface-primary"]: {}
-      },
-      '&[data-accent="true"]': {
-        ["@apply bg-inverted-" + color + "-surface-primary"]: {}
-      }
+    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]);
+        });
     }
-  }), {}), {
-    "&[data-color='tertiary']": {
-      '.sk-progress-bar-fill': {
-        ["@apply bg-primary-surface"]: {}
-      }
+    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 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/esm/components/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","names":["ProgressBar","colors","_extends","reduce","styles","color"],"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":";AAAA,OAAO,IAAMA,WAAW,GAAIC,MAAgB,KAAM;EAChD,kBAAkB,EAAAC,QAAA;IAChB,8DAA8D,EAAE,CAAC,CAAC;IAElE,QAAQ,EAAE;MACR,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,uBAAuB,EAAE;QACvB,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C,CAAC;MAED,uBAAuB,EAAE;QACvB,yBAAuBA,KAAK,wBAAqB,CAAC;MACpD;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,0BAA0B,EAAE;MAC1B,uBAAuB,EAAE;QACvB,+BAA+B,CAAC;MAClC;IACF;EAAC;AAEL,CAAC,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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,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;EAAG"}

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

@@ -1,71 +1,74 @@
-export var ProgressStepper = () => ({
-  '.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': {}
+export 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': {}
+                    }
+                }
+            }
         }
-      },
-      '&: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

package/dist/esm/components/progress-stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-stepper.js","names":["ProgressStepper","hr","svg"],"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between': {},\r\n    hr: {\r\n      '@apply w-full mt-19': {},\r\n    },\r\n    '&-step': {\r\n      '@apply flex flex-col items-center': {},\r\n      '@apply gap-4': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink-0': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n      '&-wrapper': {\r\n        '@apply flex flex-row shrink w-full gap-4': {},\r\n        hr: {\r\n          '@apply w-full grow shrink mt-19': {},\r\n        },\r\n      },\r\n      '&:first-of-type': {\r\n        '.sk-divider:first-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&:last-of-type': {\r\n        '.sk-divider:last-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply box-border': {},\r\n        '@apply shrink-0': {},\r\n        '@apply h-40 w-40': {},\r\n        '@apply bg-secondary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply text-label-medium': {},\r\n        '@apply border-2 border-secondary-outline': {},\r\n        '@apply text-dark-secondary': {},\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-full': {},\r\n        },\r\n\r\n        '&&-sm': {\r\n          '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n          '@apply text-label-small': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-vattjom-surface-primary': {},\r\n          '@apply bg-vattjom-surface-primary': {},\r\n          '@apply text-vattjom-text-secondary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-success-surface-primary': {},\r\n          '@apply bg-success-surface-primary': {},\r\n          '@apply text-success-text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAGA,CAAA,MAAO;EACpC,sBAAsB,EAAE;IACtB,6BAA6B,EAAE,CAAC,CAAC;IACjCC,EAAE,EAAE;MACF,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,QAAQ,EAAE;MACR,mCAAmC,EAAE,CAAC,CAAC;MACvC,cAAc,EAAE,CAAC,CAAC;MAClB,eAAe,EAAE,CAAC,CAAC;MACnB,iBAAiB,EAAE,CAAC,CAAC;MACrB,6DAA6D,EAAE,CAAC,CAAC;MACjEC,GAAG,EAAE;QACH,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,WAAW,EAAE;QACX,0CAA0C,EAAE,CAAC,CAAC;QAC9CD,EAAE,EAAE;UACF,iCAAiC,EAAE,CAAC;QACtC;MACF,CAAC;MACD,iBAAiB,EAAE;QACjB,2BAA2B,EAAE;UAC3B,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,gBAAgB,EAAE;QAChB,0BAA0B,EAAE;UAC1B,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,OAAO,EAAE;QACP,mBAAmB,EAAE,CAAC,CAAC;QACvB,iBAAiB,EAAE,CAAC,CAAC;QACrB,kBAAkB,EAAE,CAAC,CAAC;QACtB,6BAA6B,EAAE,CAAC,CAAC;QACjC,yCAAyC,EAAE,CAAC,CAAC;QAC7C,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0CAA0C,EAAE,CAAC,CAAC;QAC9C,4BAA4B,EAAE,CAAC,CAAC;QAChC,oEAAoE,EAAE,CAAC,CAAC;QACxE,wBAAwB,EAAE;UACxB,qBAAqB,EAAE,CAAC;QAC1B,CAAC;QAED,OAAO,EAAE;UACP,sDAAsD,EAAE,CAAC,CAAC;UAC1D,yBAAyB,EAAE,CAAC;QAC9B,CAAC;QACD,OAAO,EAAE;UACP,sDAAsD,EAAE,CAAC;QAC3D;MACF,CAAC;MACD,4BAA4B,EAAE;QAC5B,kBAAkB,EAAE,CAAC,CAAC;QACtB,+BAA+B,EAAE;UAC/B,uCAAuC,EAAE,CAAC,CAAC;UAC3C,mCAAmC,EAAE,CAAC,CAAC;UACvC,oCAAoC,EAAE,CAAC;QACzC;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,+BAA+B,EAAE;UAC/B,uCAAuC,EAAE,CAAC,CAAC;UAC3C,mCAAmC,EAAE,CAAC,CAAC;UACvC,oCAAoC,EAAE,CAAC;QACzC;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\n  '.sk-progress-stepper': {\n    '@apply flex justify-between': {},\n    hr: {\n      '@apply w-full mt-19': {},\n    },\n    '&-step': {\n      '@apply flex flex-col items-center': {},\n      '@apply gap-4': {},\n      '@apply w-auto': {},\n      '@apply shrink-0': {},\n      '@apply text-base leading-base text-dark-primary font-normal': {},\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n      '&-wrapper': {\n        '@apply flex flex-row shrink w-full gap-4': {},\n        hr: {\n          '@apply w-full grow shrink mt-19': {},\n        },\n      },\n      '&:first-of-type': {\n        '.sk-divider:first-of-type': {\n          '@apply invisible': {},\n        },\n      },\n      '&:last-of-type': {\n        '.sk-divider:last-of-type': {\n          '@apply invisible': {},\n        },\n      },\n      '&-box': {\n        '@apply box-border': {},\n        '@apply shrink-0': {},\n        '@apply h-40 w-40': {},\n        '@apply bg-secondary-surface': {},\n        '@apply flex justify-center items-center': {},\n        '@apply text-label-medium': {},\n        '@apply border-2 border-secondary-outline': {},\n        '@apply text-dark-secondary': {},\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n        '&[data-rounded=\"true\"]': {\n          '@apply rounded-full': {},\n        },\n\n        '&&-sm': {\n          '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\n          '@apply text-label-small': {},\n        },\n        '&&-md': {\n          '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\n        },\n      },\n      '&[data-progress=\"current\"]': {\n        '@apply font-bold': {},\n        '.sk-progress-stepper-step-box': {\n          '@apply border-vattjom-surface-primary': {},\n          '@apply bg-vattjom-surface-primary': {},\n          '@apply text-vattjom-text-secondary': {},\n        },\n      },\n      '&[data-progress=\"done\"]': {\n        '.sk-progress-stepper-step-box': {\n          '@apply border-success-surface-primary': {},\n          '@apply bg-success-surface-primary': {},\n          '@apply text-success-text-secondary': {},\n        },\n      },\n    },\n  },\n});\n"],"names":["ProgressStepper","hr","svg"],"mappings":"AAAA,OAAO,IAAMA,kBAAkB;WAAO;QACpC,wBAAwB;YACtB,+BAA+B,CAAC;YAChCC,IAAI;gBACF,uBAAuB,CAAC;YAC1B;YACA,UAAU;gBACR,qCAAqC,CAAC;gBACtC,gBAAgB,CAAC;gBACjB,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;gBACpB,+DAA+D,CAAC;gBAChEC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;gBACA,aAAa;oBACX,4CAA4C,CAAC;oBAC7CD,IAAI;wBACF,mCAAmC,CAAC;oBACtC;gBACF;gBACA,mBAAmB;oBACjB,6BAA6B;wBAC3B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,kBAAkB;oBAChB,4BAA4B;wBAC1B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,SAAS;oBACP,qBAAqB,CAAC;oBACtB,mBAAmB,CAAC;oBACpB,oBAAoB,CAAC;oBACrB,+BAA+B,CAAC;oBAChC,2CAA2C,CAAC;oBAC5C,4BAA4B,CAAC;oBAC7B,4CAA4C,CAAC;oBAC7C,8BAA8B,CAAC;oBAC/B,sEAAsE,CAAC;oBACvE,0BAA0B;wBACxB,uBAAuB,CAAC;oBAC1B;oBAEA,SAAS;wBACP,wDAAwD,CAAC;wBACzD,2BAA2B,CAAC;oBAC9B;oBACA,SAAS;wBACP,wDAAwD,CAAC;oBAC3D;gBACF;gBACA,8BAA8B;oBAC5B,oBAAoB,CAAC;oBACrB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;gBACA,2BAA2B;oBACzB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;YACF;QACF;IACF;EAAG"}