@getflip/swirl-components 0.452.1 → 0.453.0

package/dist/cjs/swirl-icon-check-small_3.cjs.entry.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var index = require('./index-BH-xCNGW.js');
-var index$1 = require('./index-DcAhLZUH.js');
-
-const swirlIconCss$2 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
-
-const SwirlIconCheckSmall = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '0d352fbc7041c77473283f98e3e7d36efe332818', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '9cdbddde13e541b9b569e174e897263f666ce5b4' }, index.h("path", { key: 'c87584e6315bb328e2b2be3d0bc70aaf74c809c4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '98c74b9bf8bf6cdaa994b7ca804515ca3a4f6c04' }, index.h("path", { key: 'd4ce376b5d26fe7d3c11706f738167066d55e0dd', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'b70c806320560b6b9d8ce3c82599cca12e4514f4' }, index.h("path", { key: '36eb1ccf3dc689bc5ae24a0813d8a5cda5d6a39b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })))));
-    }
-};
-SwirlIconCheckSmall.style = swirlIconCss$2;
-
-const swirlIconCss$1 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
-
-const SwirlIconCheckStrong = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '1d2031c0507ec159cc2d1cfef1a8e16fb414059d', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: 'd08bd940c0a668f528d986333687fd93ee1caa37' }, index.h("path", { key: 'b8d8af6884aba78a675cfcb185e6f5d24aa8a9ca', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '8f3ef4491f030a56fc5c5211402b762ebf3e7a32' }, index.h("path", { key: '708ea013929b7efd343d7a0a8465a285a5bb6be4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'c236c0a27b3b345a0509d92a111bbdc433fd2e82' }, index.h("path", { key: '80701abcf6ae7e0d221f1120a95c61d48cff7405', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })))));
-    }
-};
-SwirlIconCheckStrong.style = swirlIconCss$1;
-
-const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
-
-const SwirlIconDragHandle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'f26a6f8b605a02c81293ffc75b9104269b3ba8ea', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '099001a5183fb31a62ab6d83f2879041ce906251' }, index.h("rect", { key: '99395845593757109d8812d8c03c0adf8f5d0a25', x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: 'dcbca2cc251dedc9b4a78854488f213d06c61f93', x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: 'e012d7d31b914826cdfd25b0b7f8a8745f7e00b2', x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: '31073ef7f09f939efa14aaf4b0ac92d2e68954da', x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: 'e0a79fd3f92cf971b54bff03f3a984d7524286bf', x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: 'e90def6c7880d5a7cdffa251a9da71ca6fc653f9', x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '135c46505ee8899b694a9d6e3ae3c9c0316739a0' }, index.h("rect", { key: 'f5530050aecc27b3c4aa329faff1c82f8370496a', x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: '6027cee8deb6ace6aec4f01a8a40da48d88f5b81', x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: '90f3543d31f5b0680bb13cfe97ed3922177c970d', x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: '729383720f1556df5d3fd9dcea5e3ae21adc7907', x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: 'b48539200a9206afbac5549cebf3fe9e5365fc99', x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: 'f53a76e83ba3059c763a3b141f391b1e7d084998', x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '037e347b477507c593936b987a7301ca9b052834' }, index.h("rect", { key: 'db244131c067719951d77f0786ba45bbaa8f9193', x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: '523b5450bedbe6abf63331c073af65958ad9c86a', x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: '592932047fa842ef9bb5c2905e5cb0c792b0ab29', x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: 'c1d66f9b97fe1adee16a9ad476d19b39ab701f49', x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: '05918a8701f8199b37dfbd07cc454eb31e7f9678', x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: 'c9a532104c7c756095094568040bc97097581cb7', x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })))));
-    }
-};
-SwirlIconDragHandle.style = swirlIconCss;
-
-exports.swirl_icon_check_small = SwirlIconCheckSmall;
-exports.swirl_icon_check_strong = SwirlIconCheckStrong;
-exports.swirl_icon_drag_handle = SwirlIconDragHandle;

package/dist/cjs/swirl-tag.cjs.entry.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var index = require('./index-BH-xCNGW.js');
-var index$1 = require('./index-DcAhLZUH.js');
-
-const swirlTagCss = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;border-style:solid;border-width:var(--s-border-width-default);border-color:transparent}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-s.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-2))}.tag--size-s .tag__icon{margin-left:calc(-1 * var(--s-space-2))}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);order:2}.tag--hide-label{padding-right:0;padding-left:0}.tag--hide-label.tag--size-s .tag__icon{margin-right:0;margin-left:0}.tag--hide-label .tag__icon{margin-right:var(--s-space-2);margin-left:var(--s-space-2)}.tag--variant-outline{border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-right:var(--s-space-4);margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";
-
-const SwirlTag = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.removeTag = index.createEvent(this, "remove", 7);
-        this.iconPosition = "start";
-        this.intent = "default";
-        this.size = "m";
-        this.removalButtonLabel = "Remove";
-        this.variant = "default";
-        this.onRemove = (event) => {
-            this.removeTag?.emit(event);
-        };
-    }
-    componentDidLoad() {
-        this.forceIconProps();
-    }
-    componentWillLoad() {
-        this.forceVariant();
-    }
-    componentDidRender() {
-        this.forceIconProps();
-    }
-    forceIconProps() {
-        const icon = this.iconEl?.children[0];
-        icon?.setAttribute("size", "16");
-    }
-    forceVariant() {
-        if (Boolean(this.bordered)) {
-            console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.');
-            this.variant = "outline";
-        }
-    }
-    render() {
-        const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`, { "tag--hide-label": this.hideLabel });
-        return (index.h(index.Host, { key: '31e81a17decfcb629da2aadd602ab3885f28e9d9' }, index.h("span", { key: '37ca68bf8d46b677e457c817185444d4600b622a', class: className, part: "tag" }, this.icon && (index.h("span", { key: '634b28092772482c1a93e3cbfa4d7e5f855c8ab2', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !this.hideLabel ? (index.h("span", { class: "tag__label" }, this.label)) : (index.h("swirl-visually-hidden", null, this.label)), this.removable && (index.h("button", { key: '65c1ce66fb4460767f2b84d13d0f6c3bf3af1a92', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '08bbf5e8cf6750392db278c488ab39e373c1b1a2', size: 16 }))))));
-    }
-    get el() { return index.getElement(this); }
-};
-SwirlTag.style = swirlTagCss;
-
-exports.swirl_tag = SwirlTag;

package/dist/collection/prototypes/file-manager/file-manager.js

@@ -1,67 +0,0 @@
-import { h, Host } from "@stencil/core";
-const FileManagerMockData = {
-    directories: [
-        {
-            name: "Development",
-            description: "Updated 2 days ago.",
-            children: [
-                {
-                    description: "1.02 MB, updated 2 days ago.",
-                    name: "sample.pdf",
-                    type: "application/pdf",
-                    url: "/sample.pdf",
-                },
-                {
-                    description: "124 KB, updated a month ago.",
-                    name: "sample.jpg",
-                    type: "image/jpeg",
-                    url: "/sample.jpg",
-                },
-            ],
-        },
-        {
-            name: "People",
-            description: "Updated just now.",
-            children: [],
-        },
-    ],
-};
-export class FileManager {
-    constructor() {
-        this.selectItem = (item) => {
-            if ("type" in item) {
-                this.selectedFile = item;
-                this.layout.changeMobileView("body");
-            }
-            else {
-                this.selectedDirectory = item;
-            }
-        };
-        this.resetSelectedDirectory = () => {
-            this.selectedDirectory = undefined;
-        };
-        this.toggleSidebar = () => {
-            this.layout?.toggleSidebar();
-        };
-    }
-    renderNavigation() {
-        const items = Boolean(this.selectedDirectory)
-            ? this.selectedDirectory.children
-            : FileManagerMockData.directories;
-        return items.length > 0 ? (items.map((item) => (h("swirl-resource-list-item", { description: item.description, key: item.name, label: item.name,
-            // eslint-disable-next-line react/jsx-no-bind
-            onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
-    }
-    render() {
-        return (h(Host, { key: 'b7d725d87c05e9d858c30989bc811b365ec28e0a' }, h("swirl-app-layout", { key: 'b21d2e588da898780111825a01e0b99adee0b482', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '49e5e60f8cb1b051258f2694938f87ddece9a72b', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '4d5175a546cb17deb342ca04ad1703e1af6fd537', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '8a4c5402eb0c629d7cfd3a3cc61d6be5717b6db8', label: "Sort items" })), h("swirl-stack", { key: '27be28058e769a00e1c21691b3731ca8e80babdc', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '0ae2418193ef8fa8bedc8dd23ec540a3499d73c6' }, h("swirl-heading", { key: '1902070226fa0b97d184d5b25182fa84ba22caee', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '6ced885f868028bb013c0cd882003e2a64b2bf0d', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'af9881b4ba2da8859d6dddf75e327df9c9517734', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'bfddbfd1305a95c337546ed43e1e57f4e96e03f2', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '11f23d99b1cd428b6833ce390b26f0ee3291adad', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '0dc205a2a1c073a61a30bc7b4dc762893be2e952', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'b22940d19a183192cbe76a2de61242354ca5bb03', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '8e9c168e52f0ac8aa75fde180a741957931e9d6f', value: ["ascending"] }, h("swirl-option-list-item", { key: '36cbe37e54f79af5b0d9c62e8ecb8f5292139762', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'f46d3b99b4ff6e421cc3dc2492ba2c962504a7e8', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'e902f75a1ff18b13b5ef98641fb2608bba764031', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
-    }
-    static get is() { return "file-manager"; }
-    static get encapsulation() { return "shadow"; }
-    static get states() {
-        return {
-            "selectedDirectory": {},
-            "selectedFile": {},
-            "sortMenu": {}
-        };
-    }
-}

package/dist/collection/prototypes/file-manager/file-manager.stories.js

@@ -1,20 +0,0 @@
-import { fullscreenStoryDecorator, generateStoryElement } from "../../utils";
-export default {
-    decorators: [fullscreenStoryDecorator()],
-    parameters: {
-        controls: { disable: true },
-        layout: "fullscreen",
-        previewTabs: {
-            "storybook/docs/panel": {
-                hidden: true,
-            },
-        },
-        viewMode: "story",
-    },
-    title: "Prototypes/FileManager",
-};
-const Template = () => {
-    const element = generateStoryElement("file-manager", {});
-    return element;
-};
-export const FileManager = Template.bind({});

package/dist/components/file-manager.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface FileManager extends Components.FileManager, HTMLElement {}
-export const FileManager: {
-    prototype: FileManager;
-    new (): FileManager;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/file-manager.js

@@ -1,270 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$w } from './swirl-app-layout2.js';
-import { d as defineCustomElement$v } from './swirl-box2.js';
-import { d as defineCustomElement$u } from './swirl-button2.js';
-import { d as defineCustomElement$t } from './swirl-empty-state2.js';
-import { d as defineCustomElement$s } from './swirl-file-viewer2.js';
-import { d as defineCustomElement$r } from './swirl-file-viewer-audio2.js';
-import { d as defineCustomElement$q } from './swirl-file-viewer-csv2.js';
-import { d as defineCustomElement$p } from './swirl-file-viewer-fallback2.js';
-import { d as defineCustomElement$o } from './swirl-file-viewer-image2.js';
-import { d as defineCustomElement$n } from './swirl-file-viewer-pdf2.js';
-import { d as defineCustomElement$m } from './swirl-file-viewer-text2.js';
-import { d as defineCustomElement$l } from './swirl-file-viewer-video2.js';
-import { d as defineCustomElement$k } from './swirl-heading2.js';
-import { d as defineCustomElement$j } from './swirl-icon-check-small2.js';
-import { d as defineCustomElement$i } from './swirl-icon-check-strong2.js';
-import { d as defineCustomElement$h } from './swirl-icon-drag-handle2.js';
-import { d as defineCustomElement$g } from './swirl-icon-error2.js';
-import { d as defineCustomElement$f } from './swirl-icon-file2.js';
-import { d as defineCustomElement$e } from './swirl-icon-folder-shared2.js';
-import { d as defineCustomElement$d } from './swirl-inline-error2.js';
-import { d as defineCustomElement$c } from './swirl-option-list2.js';
-import { d as defineCustomElement$b } from './swirl-option-list-item2.js';
-import { d as defineCustomElement$a } from './swirl-popover2.js';
-import { d as defineCustomElement$9 } from './swirl-popover-trigger2.js';
-import { d as defineCustomElement$8 } from './swirl-resource-list2.js';
-import { d as defineCustomElement$7 } from './swirl-resource-list-item2.js';
-import { d as defineCustomElement$6 } from './swirl-spinner2.js';
-import { d as defineCustomElement$5 } from './swirl-stack2.js';
-import { d as defineCustomElement$4 } from './swirl-text2.js';
-import { d as defineCustomElement$3 } from './swirl-tooltip2.js';
-import { d as defineCustomElement$2 } from './swirl-visually-hidden2.js';
-
-const FileManagerMockData = {
-    directories: [
-        {
-            name: "Development",
-            description: "Updated 2 days ago.",
-            children: [
-                {
-                    description: "1.02 MB, updated 2 days ago.",
-                    name: "sample.pdf",
-                    type: "application/pdf",
-                    url: "/sample.pdf",
-                },
-                {
-                    description: "124 KB, updated a month ago.",
-                    name: "sample.jpg",
-                    type: "image/jpeg",
-                    url: "/sample.jpg",
-                },
-            ],
-        },
-        {
-            name: "People",
-            description: "Updated just now.",
-            children: [],
-        },
-    ],
-};
-const FileManager$1 = /*@__PURE__*/ proxyCustomElement(class FileManager extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.selectItem = (item) => {
-            if ("type" in item) {
-                this.selectedFile = item;
-                this.layout.changeMobileView("body");
-            }
-            else {
-                this.selectedDirectory = item;
-            }
-        };
-        this.resetSelectedDirectory = () => {
-            this.selectedDirectory = undefined;
-        };
-        this.toggleSidebar = () => {
-            this.layout?.toggleSidebar();
-        };
-    }
-    renderNavigation() {
-        const items = Boolean(this.selectedDirectory)
-            ? this.selectedDirectory.children
-            : FileManagerMockData.directories;
-        return items.length > 0 ? (items.map((item) => (h("swirl-resource-list-item", { description: item.description, key: item.name, label: item.name,
-            // eslint-disable-next-line react/jsx-no-bind
-            onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
-    }
-    render() {
-        return (h(Host, { key: 'b7d725d87c05e9d858c30989bc811b365ec28e0a' }, h("swirl-app-layout", { key: 'b21d2e588da898780111825a01e0b99adee0b482', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '49e5e60f8cb1b051258f2694938f87ddece9a72b', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '4d5175a546cb17deb342ca04ad1703e1af6fd537', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '8a4c5402eb0c629d7cfd3a3cc61d6be5717b6db8', label: "Sort items" })), h("swirl-stack", { key: '27be28058e769a00e1c21691b3731ca8e80babdc', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '0ae2418193ef8fa8bedc8dd23ec540a3499d73c6' }, h("swirl-heading", { key: '1902070226fa0b97d184d5b25182fa84ba22caee', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '6ced885f868028bb013c0cd882003e2a64b2bf0d', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'af9881b4ba2da8859d6dddf75e327df9c9517734', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'bfddbfd1305a95c337546ed43e1e57f4e96e03f2', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '11f23d99b1cd428b6833ce390b26f0ee3291adad', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '0dc205a2a1c073a61a30bc7b4dc762893be2e952', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'b22940d19a183192cbe76a2de61242354ca5bb03', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '8e9c168e52f0ac8aa75fde180a741957931e9d6f', value: ["ascending"] }, h("swirl-option-list-item", { key: '36cbe37e54f79af5b0d9c62e8ecb8f5292139762', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'f46d3b99b4ff6e421cc3dc2492ba2c962504a7e8', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'e902f75a1ff18b13b5ef98641fb2608bba764031', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
-    }
-}, [1, "file-manager", {
-        "selectedDirectory": [32],
-        "selectedFile": [32],
-        "sortMenu": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["file-manager", "swirl-app-layout", "swirl-box", "swirl-button", "swirl-empty-state", "swirl-file-viewer", "swirl-file-viewer-audio", "swirl-file-viewer-csv", "swirl-file-viewer-fallback", "swirl-file-viewer-image", "swirl-file-viewer-pdf", "swirl-file-viewer-text", "swirl-file-viewer-video", "swirl-heading", "swirl-icon-check-small", "swirl-icon-check-strong", "swirl-icon-drag-handle", "swirl-icon-error", "swirl-icon-file", "swirl-icon-folder-shared", "swirl-inline-error", "swirl-option-list", "swirl-option-list-item", "swirl-popover", "swirl-popover-trigger", "swirl-resource-list", "swirl-resource-list-item", "swirl-spinner", "swirl-stack", "swirl-text", "swirl-tooltip", "swirl-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "file-manager":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, FileManager$1);
-            }
-            break;
-        case "swirl-app-layout":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "swirl-box":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "swirl-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "swirl-empty-state":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "swirl-file-viewer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "swirl-file-viewer-audio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "swirl-file-viewer-csv":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "swirl-file-viewer-fallback":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "swirl-file-viewer-image":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "swirl-file-viewer-pdf":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "swirl-file-viewer-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "swirl-file-viewer-video":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "swirl-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "swirl-icon-check-small":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "swirl-icon-check-strong":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "swirl-icon-drag-handle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "swirl-icon-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "swirl-icon-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "swirl-icon-folder-shared":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "swirl-inline-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "swirl-option-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "swirl-option-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "swirl-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "swirl-popover-trigger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "swirl-resource-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "swirl-resource-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "swirl-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "swirl-stack":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "swirl-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "swirl-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "swirl-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const FileManager = FileManager$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { FileManager, defineCustomElement };