@getflip/swirl-components 0.1.0 → 0.2.0

package/dist/cjs/flip-icon-emoji-satisfied.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-error.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-expand-less.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-expand-more.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-file.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-folder-shared.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-group-assign.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-groups-custom.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-groups.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-image.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-info.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-inventory.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-like.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-link.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-lock.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-logout.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-mail.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-manage-accounts.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-mention.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-message.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-more-horizontal.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-more-vertikal.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-notifications-active.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-notifications-off.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-notifications.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-people-alt.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-person-off.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-person.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-phone.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-poll.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-recieved.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-search-strong.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-send.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-settings.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-time-filled.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-time-outlined.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-today.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-user-assign.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-video-camera.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-visibility-off.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-visibility.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/flip-icon-warning.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipIconCss = ":host{display:inline-flex}";
 

package/dist/cjs/{flip-spinner.cjs.entry.js → flip-inline-error_2.cjs.entry.js}

@@ -2,9 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 const index$1 = require('./index-b9715722.js');
 
+const flipInlineErrorCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{padding-top:0.1875rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;color:var(--s-icon-critical)}.inline-error__message{margin-left:var(--s-space-4);padding-top:var(--s-space-2)}";
+
+const FlipInlineError = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.size = "m";
+  }
+  render() {
+    const iconSize = this.size === "m" ? 24 : 16;
+    const className = index$1.classnames("inline-error", `inline-error--size-${this.size}`);
+    return (index.h(index.Host, null, index.h("span", { class: className }, index.h("span", { class: "inline-error__icon" }, index.h("flip-icon-error", { size: iconSize })), index.h("span", { class: "inline-error__message" }, this.message))));
+  }
+};
+FlipInlineError.style = flipInlineErrorCss;
+
 const flipSpinnerCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-s{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;-webkit-animation:spinner-rotate 2s linear infinite;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{-webkit-animation:spinner-dash 1.5s ease-in-out infinite;animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}";
 
 const FlipSpinner = class {
@@ -19,4 +34,5 @@ const FlipSpinner = class {
 };
 FlipSpinner.style = flipSpinnerCss;
 
+exports.flip_inline_error = FlipInlineError;
 exports.flip_spinner = FlipSpinner;

package/dist/cjs/flip-link.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-37fbfe64.js');
+const index = require('./index-bd89db61.js');
 
 const flipLinkCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}";