@getflip/swirl-components 0.1.0 → 0.2.0

package/dist/types/components.d.ts

@@ -76,6 +76,7 @@ export namespace Components {
     interface FlipButton {
         "disabled"?: boolean;
         "download"?: string;
+        "flipAriaDescribedby"?: string;
         "form"?: string;
         "hideLabel"?: boolean;
         "href"?: string;
@@ -131,6 +132,23 @@ export namespace Components {
         "primaryActionLabel"?: string;
         "secondaryActionLabel"?: string;
     }
+    interface FlipFileUploader {
+        "accept"?: string;
+        "ctaLabel"?: string;
+        "description"?: string;
+        "disabled"?: boolean;
+        "dragDropLabel"?: string;
+        "inputId": string;
+        "inputName": string;
+        "label": string;
+        "multiple"?: boolean;
+        /**
+          * Reset the file input.
+         */
+        "reset": () => Promise<void>;
+        "showDropzone"?: boolean;
+        "uploadButtonLabel"?: string;
+    }
     interface FlipIconAdd {
         "size": FlipIconSize;
     }
@@ -182,6 +200,9 @@ export namespace Components {
     interface FlipIconCloseSmall {
         "size": FlipIconSize;
     }
+    interface FlipIconCloudUpload {
+        "size": FlipIconSize;
+    }
     interface FlipIconComment {
         "size": FlipIconSize;
     }
@@ -362,6 +383,32 @@ export namespace Components {
     interface FlipRadioGroup {
         "value"?: string;
     }
+    interface FlipResourceList {
+        "label"?: string;
+    }
+    interface FlipResourceListFileItem {
+        "description"?: string;
+        "errorMessage"?: string;
+        "icon"?: string;
+        "label": string;
+        "loading": boolean;
+        "removable"?: boolean;
+        "removeButtonLabel"?: string;
+    }
+    interface FlipResourceListItem {
+        "checked"?: boolean;
+        "description"?: string;
+        "disabled"?: boolean;
+        "hideDivider"?: boolean;
+        "href"?: string;
+        "label": string;
+        "media"?: string;
+        "menuTriggerId"?: string;
+        "menuTriggerLabel"?: string;
+        "meta"?: string;
+        "selectable"?: boolean;
+        "value"?: string;
+    }
     interface FlipSearch {
         "autoFocus"?: boolean;
         "clearButtonLabel"?: string;
@@ -393,6 +440,20 @@ export namespace Components {
         "size"?: FlipSwitchSize;
         "value"?: string;
     }
+    interface FlipTab {
+        "active"?: boolean;
+        "label": string;
+        "tabId": string;
+    }
+    interface FlipTabs {
+        /**
+          * Activate a tab.
+          * @param tabId
+         */
+        "activateTab": (tabId: string) => Promise<void>;
+        "initialTab"?: string;
+        "label": string;
+    }
     interface FlipTag {
         "intent"?: FlipTagIntent;
         "label": string;
@@ -479,6 +540,10 @@ export interface FlipDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFlipDialogElement;
 }
+export interface FlipFileUploaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFlipFileUploaderElement;
+}
 export interface FlipRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFlipRadioElement;
@@ -487,6 +552,14 @@ export interface FlipRadioGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFlipRadioGroupElement;
 }
+export interface FlipResourceListFileItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFlipResourceListFileItemElement;
+}
+export interface FlipResourceListItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFlipResourceListItemElement;
+}
 export interface FlipSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFlipSearchElement;
@@ -495,6 +568,10 @@ export interface FlipSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFlipSwitchElement;
 }
+export interface FlipTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFlipTabsElement;
+}
 export interface FlipTagCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFlipTagElement;
@@ -588,6 +665,12 @@ declare global {
         prototype: HTMLFlipDialogElement;
         new (): HTMLFlipDialogElement;
     };
+    interface HTMLFlipFileUploaderElement extends Components.FlipFileUploader, HTMLStencilElement {
+    }
+    var HTMLFlipFileUploaderElement: {
+        prototype: HTMLFlipFileUploaderElement;
+        new (): HTMLFlipFileUploaderElement;
+    };
     interface HTMLFlipIconAddElement extends Components.FlipIconAdd, HTMLStencilElement {
     }
     var HTMLFlipIconAddElement: {
@@ -690,6 +773,12 @@ declare global {
         prototype: HTMLFlipIconCloseSmallElement;
         new (): HTMLFlipIconCloseSmallElement;
     };
+    interface HTMLFlipIconCloudUploadElement extends Components.FlipIconCloudUpload, HTMLStencilElement {
+    }
+    var HTMLFlipIconCloudUploadElement: {
+        prototype: HTMLFlipIconCloudUploadElement;
+        new (): HTMLFlipIconCloudUploadElement;
+    };
     interface HTMLFlipIconCommentElement extends Components.FlipIconComment, HTMLStencilElement {
     }
     var HTMLFlipIconCommentElement: {
@@ -1026,6 +1115,24 @@ declare global {
         prototype: HTMLFlipRadioGroupElement;
         new (): HTMLFlipRadioGroupElement;
     };
+    interface HTMLFlipResourceListElement extends Components.FlipResourceList, HTMLStencilElement {
+    }
+    var HTMLFlipResourceListElement: {
+        prototype: HTMLFlipResourceListElement;
+        new (): HTMLFlipResourceListElement;
+    };
+    interface HTMLFlipResourceListFileItemElement extends Components.FlipResourceListFileItem, HTMLStencilElement {
+    }
+    var HTMLFlipResourceListFileItemElement: {
+        prototype: HTMLFlipResourceListFileItemElement;
+        new (): HTMLFlipResourceListFileItemElement;
+    };
+    interface HTMLFlipResourceListItemElement extends Components.FlipResourceListItem, HTMLStencilElement {
+    }
+    var HTMLFlipResourceListItemElement: {
+        prototype: HTMLFlipResourceListItemElement;
+        new (): HTMLFlipResourceListItemElement;
+    };
     interface HTMLFlipSearchElement extends Components.FlipSearch, HTMLStencilElement {
     }
     var HTMLFlipSearchElement: {
@@ -1050,6 +1157,18 @@ declare global {
         prototype: HTMLFlipSwitchElement;
         new (): HTMLFlipSwitchElement;
     };
+    interface HTMLFlipTabElement extends Components.FlipTab, HTMLStencilElement {
+    }
+    var HTMLFlipTabElement: {
+        prototype: HTMLFlipTabElement;
+        new (): HTMLFlipTabElement;
+    };
+    interface HTMLFlipTabsElement extends Components.FlipTabs, HTMLStencilElement {
+    }
+    var HTMLFlipTabsElement: {
+        prototype: HTMLFlipTabsElement;
+        new (): HTMLFlipTabsElement;
+    };
     interface HTMLFlipTagElement extends Components.FlipTag, HTMLStencilElement {
     }
     var HTMLFlipTagElement: {
@@ -1107,6 +1226,7 @@ declare global {
         "flip-description-list": HTMLFlipDescriptionListElement;
         "flip-description-list-item": HTMLFlipDescriptionListItemElement;
         "flip-dialog": HTMLFlipDialogElement;
+        "flip-file-uploader": HTMLFlipFileUploaderElement;
         "flip-icon-add": HTMLFlipIconAddElement;
         "flip-icon-add-photo": HTMLFlipIconAddPhotoElement;
         "flip-icon-admin-panel-settings": HTMLFlipIconAdminPanelSettingsElement;
@@ -1124,6 +1244,7 @@ declare global {
         "flip-icon-chevron-right": HTMLFlipIconChevronRightElement;
         "flip-icon-close": HTMLFlipIconCloseElement;
         "flip-icon-close-small": HTMLFlipIconCloseSmallElement;
+        "flip-icon-cloud-upload": HTMLFlipIconCloudUploadElement;
         "flip-icon-comment": HTMLFlipIconCommentElement;
         "flip-icon-copy": HTMLFlipIconCopyElement;
         "flip-icon-date-range": HTMLFlipIconDateRangeElement;
@@ -1180,10 +1301,15 @@ declare global {
         "flip-popover": HTMLFlipPopoverElement;
         "flip-radio": HTMLFlipRadioElement;
         "flip-radio-group": HTMLFlipRadioGroupElement;
+        "flip-resource-list": HTMLFlipResourceListElement;
+        "flip-resource-list-file-item": HTMLFlipResourceListFileItemElement;
+        "flip-resource-list-item": HTMLFlipResourceListItemElement;
         "flip-search": HTMLFlipSearchElement;
         "flip-spinner": HTMLFlipSpinnerElement;
         "flip-stack": HTMLFlipStackElement;
         "flip-switch": HTMLFlipSwitchElement;
+        "flip-tab": HTMLFlipTabElement;
+        "flip-tabs": HTMLFlipTabsElement;
         "flip-tag": HTMLFlipTagElement;
         "flip-theme-provider": HTMLFlipThemeProviderElement;
         "flip-thumbnail": HTMLFlipThumbnailElement;
@@ -1244,6 +1370,7 @@ declare namespace LocalJSX {
     interface FlipButton {
         "disabled"?: boolean;
         "download"?: string;
+        "flipAriaDescribedby"?: string;
         "form"?: string;
         "hideLabel"?: boolean;
         "href"?: string;
@@ -1294,6 +1421,20 @@ declare namespace LocalJSX {
         "primaryActionLabel"?: string;
         "secondaryActionLabel"?: string;
     }
+    interface FlipFileUploader {
+        "accept"?: string;
+        "ctaLabel"?: string;
+        "description"?: string;
+        "disabled"?: boolean;
+        "dragDropLabel"?: string;
+        "inputId": string;
+        "inputName": string;
+        "label": string;
+        "multiple"?: boolean;
+        "onValueChange"?: (event: FlipFileUploaderCustomEvent<FileList>) => void;
+        "showDropzone"?: boolean;
+        "uploadButtonLabel"?: string;
+    }
     interface FlipIconAdd {
         "size"?: FlipIconSize;
     }
@@ -1345,6 +1486,9 @@ declare namespace LocalJSX {
     interface FlipIconCloseSmall {
         "size"?: FlipIconSize;
     }
+    interface FlipIconCloudUpload {
+        "size"?: FlipIconSize;
+    }
     interface FlipIconComment {
         "size"?: FlipIconSize;
     }
@@ -1527,6 +1671,34 @@ declare namespace LocalJSX {
         "onValueChange"?: (event: FlipRadioGroupCustomEvent<string>) => void;
         "value"?: string;
     }
+    interface FlipResourceList {
+        "label"?: string;
+    }
+    interface FlipResourceListFileItem {
+        "description"?: string;
+        "errorMessage"?: string;
+        "icon"?: string;
+        "label": string;
+        "loading"?: boolean;
+        "onRemove"?: (event: FlipResourceListFileItemCustomEvent<MouseEvent>) => void;
+        "removable"?: boolean;
+        "removeButtonLabel"?: string;
+    }
+    interface FlipResourceListItem {
+        "checked"?: boolean;
+        "description"?: string;
+        "disabled"?: boolean;
+        "hideDivider"?: boolean;
+        "href"?: string;
+        "label": string;
+        "media"?: string;
+        "menuTriggerId"?: string;
+        "menuTriggerLabel"?: string;
+        "meta"?: string;
+        "onValueChange"?: (event: FlipResourceListItemCustomEvent<boolean>) => void;
+        "selectable"?: boolean;
+        "value"?: string;
+    }
     interface FlipSearch {
         "autoFocus"?: boolean;
         "clearButtonLabel"?: string;
@@ -1562,6 +1734,16 @@ declare namespace LocalJSX {
         "size"?: FlipSwitchSize;
         "value"?: string;
     }
+    interface FlipTab {
+        "active"?: boolean;
+        "label": string;
+        "tabId": string;
+    }
+    interface FlipTabs {
+        "initialTab"?: string;
+        "label": string;
+        "onTabActivated"?: (event: FlipTabsCustomEvent<HTMLFlipTabElement>) => void;
+    }
     interface FlipTag {
         "intent"?: FlipTagIntent;
         "label": string;
@@ -1616,6 +1798,7 @@ declare namespace LocalJSX {
         "flip-description-list": FlipDescriptionList;
         "flip-description-list-item": FlipDescriptionListItem;
         "flip-dialog": FlipDialog;
+        "flip-file-uploader": FlipFileUploader;
         "flip-icon-add": FlipIconAdd;
         "flip-icon-add-photo": FlipIconAddPhoto;
         "flip-icon-admin-panel-settings": FlipIconAdminPanelSettings;
@@ -1633,6 +1816,7 @@ declare namespace LocalJSX {
         "flip-icon-chevron-right": FlipIconChevronRight;
         "flip-icon-close": FlipIconClose;
         "flip-icon-close-small": FlipIconCloseSmall;
+        "flip-icon-cloud-upload": FlipIconCloudUpload;
         "flip-icon-comment": FlipIconComment;
         "flip-icon-copy": FlipIconCopy;
         "flip-icon-date-range": FlipIconDateRange;
@@ -1689,10 +1873,15 @@ declare namespace LocalJSX {
         "flip-popover": FlipPopover;
         "flip-radio": FlipRadio;
         "flip-radio-group": FlipRadioGroup;
+        "flip-resource-list": FlipResourceList;
+        "flip-resource-list-file-item": FlipResourceListFileItem;
+        "flip-resource-list-item": FlipResourceListItem;
         "flip-search": FlipSearch;
         "flip-spinner": FlipSpinner;
         "flip-stack": FlipStack;
         "flip-switch": FlipSwitch;
+        "flip-tab": FlipTab;
+        "flip-tabs": FlipTabs;
         "flip-tag": FlipTag;
         "flip-theme-provider": FlipThemeProvider;
         "flip-thumbnail": FlipThumbnail;
@@ -1720,6 +1909,7 @@ declare module "@stencil/core" {
             "flip-description-list": LocalJSX.FlipDescriptionList & JSXBase.HTMLAttributes<HTMLFlipDescriptionListElement>;
             "flip-description-list-item": LocalJSX.FlipDescriptionListItem & JSXBase.HTMLAttributes<HTMLFlipDescriptionListItemElement>;
             "flip-dialog": LocalJSX.FlipDialog & JSXBase.HTMLAttributes<HTMLFlipDialogElement>;
+            "flip-file-uploader": LocalJSX.FlipFileUploader & JSXBase.HTMLAttributes<HTMLFlipFileUploaderElement>;
             "flip-icon-add": LocalJSX.FlipIconAdd & JSXBase.HTMLAttributes<HTMLFlipIconAddElement>;
             "flip-icon-add-photo": LocalJSX.FlipIconAddPhoto & JSXBase.HTMLAttributes<HTMLFlipIconAddPhotoElement>;
             "flip-icon-admin-panel-settings": LocalJSX.FlipIconAdminPanelSettings & JSXBase.HTMLAttributes<HTMLFlipIconAdminPanelSettingsElement>;
@@ -1737,6 +1927,7 @@ declare module "@stencil/core" {
             "flip-icon-chevron-right": LocalJSX.FlipIconChevronRight & JSXBase.HTMLAttributes<HTMLFlipIconChevronRightElement>;
             "flip-icon-close": LocalJSX.FlipIconClose & JSXBase.HTMLAttributes<HTMLFlipIconCloseElement>;
             "flip-icon-close-small": LocalJSX.FlipIconCloseSmall & JSXBase.HTMLAttributes<HTMLFlipIconCloseSmallElement>;
+            "flip-icon-cloud-upload": LocalJSX.FlipIconCloudUpload & JSXBase.HTMLAttributes<HTMLFlipIconCloudUploadElement>;
             "flip-icon-comment": LocalJSX.FlipIconComment & JSXBase.HTMLAttributes<HTMLFlipIconCommentElement>;
             "flip-icon-copy": LocalJSX.FlipIconCopy & JSXBase.HTMLAttributes<HTMLFlipIconCopyElement>;
             "flip-icon-date-range": LocalJSX.FlipIconDateRange & JSXBase.HTMLAttributes<HTMLFlipIconDateRangeElement>;
@@ -1793,10 +1984,15 @@ declare module "@stencil/core" {
             "flip-popover": LocalJSX.FlipPopover & JSXBase.HTMLAttributes<HTMLFlipPopoverElement>;
             "flip-radio": LocalJSX.FlipRadio & JSXBase.HTMLAttributes<HTMLFlipRadioElement>;
             "flip-radio-group": LocalJSX.FlipRadioGroup & JSXBase.HTMLAttributes<HTMLFlipRadioGroupElement>;
+            "flip-resource-list": LocalJSX.FlipResourceList & JSXBase.HTMLAttributes<HTMLFlipResourceListElement>;
+            "flip-resource-list-file-item": LocalJSX.FlipResourceListFileItem & JSXBase.HTMLAttributes<HTMLFlipResourceListFileItemElement>;
+            "flip-resource-list-item": LocalJSX.FlipResourceListItem & JSXBase.HTMLAttributes<HTMLFlipResourceListItemElement>;
             "flip-search": LocalJSX.FlipSearch & JSXBase.HTMLAttributes<HTMLFlipSearchElement>;
             "flip-spinner": LocalJSX.FlipSpinner & JSXBase.HTMLAttributes<HTMLFlipSpinnerElement>;
             "flip-stack": LocalJSX.FlipStack & JSXBase.HTMLAttributes<HTMLFlipStackElement>;
             "flip-switch": LocalJSX.FlipSwitch & JSXBase.HTMLAttributes<HTMLFlipSwitchElement>;
+            "flip-tab": LocalJSX.FlipTab & JSXBase.HTMLAttributes<HTMLFlipTabElement>;
+            "flip-tabs": LocalJSX.FlipTabs & JSXBase.HTMLAttributes<HTMLFlipTabsElement>;
             "flip-tag": LocalJSX.FlipTag & JSXBase.HTMLAttributes<HTMLFlipTagElement>;
             "flip-theme-provider": LocalJSX.FlipThemeProvider & JSXBase.HTMLAttributes<HTMLFlipThemeProviderElement>;
             "flip-thumbnail": LocalJSX.FlipThumbnail & JSXBase.HTMLAttributes<HTMLFlipThumbnailElement>;

package/dist/types/utils.d.ts

@@ -1,3 +1,12 @@
+import { EventEmitter } from "./stencil-public-runtime";
+export interface FlipFormInput<ValueType = string> {
+  flipAriaDescribedby?: string;
+  disabled?: boolean;
+  invalid?: boolean;
+  required?: boolean;
+  value?: ValueType;
+  valueChange: EventEmitter;
+}
 export declare function generateStoryElement(tag: string, args: {
   [arg: string]: any;
 }, content?: string): HTMLElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Swirl Design System Web Component Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,13 +35,12 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.0.1",
-    "@getflip/swirl-icons": "^0.2.0",
+    "@getflip/swirl-icons": "^0.3.0",
     "@getflip/swirl-tokens": "^1.0.0",
     "@stencil/core": "^2.13.0",
     "a11y-dialog": "^7.5.2",
     "classnames": "^2.3.1",
-    "color2k": "^2.0.0",
-    "nanopop": "^2.1.0"
+    "color2k": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.18.10",

package/vscode-data.json

@@ -321,6 +321,10 @@
           "name": "download",
           "description": ""
         },
+        {
+          "name": "flip-aria-describedby",
+          "description": ""
+        },
         {
           "name": "form",
           "description": ""
@@ -594,6 +598,59 @@
         }
       ]
     },
+    {
+      "name": "flip-file-uploader",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "accept",
+          "description": ""
+        },
+        {
+          "name": "cta-label",
+          "description": ""
+        },
+        {
+          "name": "description",
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "description": ""
+        },
+        {
+          "name": "drag-drop-label",
+          "description": ""
+        },
+        {
+          "name": "input-id",
+          "description": ""
+        },
+        {
+          "name": "input-name",
+          "description": ""
+        },
+        {
+          "name": "label",
+          "description": ""
+        },
+        {
+          "name": "multiple",
+          "description": ""
+        },
+        {
+          "name": "show-dropzone",
+          "description": ""
+        },
+        {
+          "name": "upload-button-label",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "flip-icon-add",
       "description": {
@@ -815,6 +872,19 @@
         }
       ]
     },
+    {
+      "name": "flip-icon-cloud-upload",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "flip-icon-comment",
       "description": {
@@ -1621,6 +1691,113 @@
         }
       ]
     },
+    {
+      "name": "flip-resource-list",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "label",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "flip-resource-list-file-item",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "description",
+          "description": ""
+        },
+        {
+          "name": "error-message",
+          "description": ""
+        },
+        {
+          "name": "icon",
+          "description": ""
+        },
+        {
+          "name": "label",
+          "description": ""
+        },
+        {
+          "name": "loading",
+          "description": ""
+        },
+        {
+          "name": "removable",
+          "description": ""
+        },
+        {
+          "name": "remove-button-label",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "flip-resource-list-item",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": ""
+        },
+        {
+          "name": "description",
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "description": ""
+        },
+        {
+          "name": "hide-divider",
+          "description": ""
+        },
+        {
+          "name": "href",
+          "description": ""
+        },
+        {
+          "name": "label",
+          "description": ""
+        },
+        {
+          "name": "media",
+          "description": ""
+        },
+        {
+          "name": "menu-trigger-id",
+          "description": ""
+        },
+        {
+          "name": "menu-trigger-label",
+          "description": ""
+        },
+        {
+          "name": "meta",
+          "description": ""
+        },
+        {
+          "name": "selectable",
+          "description": ""
+        },
+        {
+          "name": "value",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "flip-search",
       "description": {
@@ -1836,6 +2013,44 @@
         }
       ]
     },
+    {
+      "name": "flip-tab",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "active",
+          "description": ""
+        },
+        {
+          "name": "label",
+          "description": ""
+        },
+        {
+          "name": "tab-id",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "flip-tabs",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "initial-tab",
+          "description": ""
+        },
+        {
+          "name": "label",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "flip-tag",
       "description": {

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

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-37fbfe64.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.0625rem}.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;
-
-exports.flip_inline_error = FlipInlineError;