@getflip/swirl-components 0.1.0 → 0.3.0

package/dist/types/components/flip-resource-list-item/flip-resource-list-item.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class FlipResourceListItem {
+  el: HTMLElement;
+  checked?: boolean;
+  description?: string;
+  disabled?: boolean;
+  hideDivider?: boolean;
+  href?: string;
+  label: string;
+  media?: string;
+  menuTriggerId?: string;
+  menuTriggerLabel?: string;
+  meta?: string;
+  selectable?: boolean;
+  value?: string;
+  valueChange: EventEmitter<boolean>;
+  componentDidLoad(): void;
+  private forceAvatarProps;
+  private forceThumbnailProps;
+  private onClick;
+  private onMenuTriggerClick;
+  render(): any;
+}

package/dist/types/components/flip-resource-list-item/flip-resource-list-item.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="mdx" />
+import Docs from "./flip-resource-list-item.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+      source: {
+        code: string;
+      };
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipResourceListItem: any;

package/dist/types/components/flip-tab/flip-tab.d.ts

@@ -0,0 +1,6 @@
+export declare class FlipTab {
+  active?: boolean;
+  label: string;
+  tabId: string;
+  render(): any;
+}

package/dist/types/components/flip-tab/flip-tab.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-tab.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipTab: any;

package/dist/types/components/flip-tabs/flip-tabs.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class FlipTabs {
+  el: HTMLElement;
+  initialTab?: string;
+  label: string;
+  activeTab?: string;
+  highlightedTab: HTMLElement | undefined;
+  tabActivated: EventEmitter<HTMLFlipTabElement>;
+  private indicatorEl;
+  private tabs;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  onWindowResize(): void;
+  /**
+   * Activate a tab.
+   * @param tabId
+   */
+  activateTab(tabId: string): Promise<void>;
+  private activateNextTab;
+  private activatePreviousTab;
+  private collectTabs;
+  private updateIndicatorPosition;
+  private onKeyDown;
+  private onMouseEnter;
+  private onMouseLeave;
+  render(): any;
+}

package/dist/types/components/flip-tabs/flip-tabs.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-tabs.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipTabs: any;

package/dist/types/components/flip-text/flip-text.d.ts

@@ -0,0 +1,14 @@
+export declare type FlipTextAlign = "start" | "center" | "end";
+export declare type FlipTextColor = "default" | "subdued" | "critical" | "success" | "warning";
+export declare type FlipTextFontStyle = "normal" | "italic";
+export declare type FlipTextSize = "sm" | "base" | "lg";
+export declare type FlipTextWeight = "normal" | "medium" | "semibold" | "bold";
+export declare class FlipText {
+  align?: FlipTextAlign;
+  as?: string;
+  color?: FlipTextColor;
+  fontStyle?: FlipTextFontStyle;
+  size?: FlipTextSize;
+  weight?: FlipTextWeight;
+  render(): any;
+}

package/dist/types/components/flip-text/flip-text.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-text.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipText: any;

package/dist/types/components/flip-text-input/flip-text-input.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { FlipFormInput } from "../../utils";
+export declare type FlipTextInputType = "date" | "datetime-local" | "email" | "number" | "password" | "reset" | "tel" | "text" | "url";
+export declare type FlipTextInputMode = "decimal" | "email" | "numeric" | "search" | "tel" | "text" | "url";
+export declare class FlipTextInput implements FlipFormInput {
+  autoComplete?: string;
+  autoFocus?: boolean;
+  autoSelect?: boolean;
+  clearable?: boolean;
+  clearButtonLabel?: string;
+  disabled?: boolean;
+  flipAriaDescribedby?: string;
+  invalid?: boolean;
+  maxLength?: number;
+  max?: number;
+  min?: number;
+  mode?: FlipTextInputMode;
+  prefixLabel?: string;
+  required?: boolean;
+  rows?: number;
+  showCharacterCounter?: boolean;
+  spellCheck?: boolean;
+  suffixLabel?: string;
+  step?: number;
+  passwordToggleLabel?: string;
+  type?: FlipTextInputType;
+  value?: string;
+  showPassword: boolean;
+  valueChange: EventEmitter<string>;
+  private inputEl;
+  componentDidRender(): void;
+  private adjustInputSize;
+  private clear;
+  private onChange;
+  private onFocus;
+  private onInput;
+  private onKeyPress;
+  private decreaseValue;
+  private increaseValue;
+  private handleAutoSelect;
+  private togglePassword;
+  render(): any;
+}

package/dist/types/components/flip-text-input/flip-text-input.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-text-input.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipTextInput: any;

package/dist/types/components/flip-tooltip/flip-tooltip.d.ts

@@ -1,10 +1,10 @@
-import { PositionMatch } from "nanopop";
+import { ComputePositionReturn } from "@floating-ui/dom";
 export declare type FlipTooltipPosition = "top" | "right" | "bottom" | "left";
 export declare class FlipTooltip {
   content: string;
   delay?: number;
   position?: FlipTooltipPosition;
-  actualPosition: PositionMatch;
+  actualPosition: ComputePositionReturn;
   visible: boolean;
   private showTimeout;
   private options;

package/dist/types/components/flip-video-thumbnail/flip-video-thumbnail.d.ts

@@ -0,0 +1,7 @@
+export declare class FlipVideoThumbnail {
+  durationLabel?: string;
+  duration?: string;
+  label: string;
+  src: string;
+  render(): any;
+}

package/dist/types/components/flip-video-thumbnail/flip-video-thumbnail.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+import Docs from "./flip-video-thumbnail.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipVideoThumbnail: any;