@getflip/swirl-components 0.1.0

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

@@ -0,0 +1,21 @@
+/// <reference types="mdx" />
+import Docs from "./flip-popover.mdx";
+declare const _default: {
+  argTypes: {
+    trigger: {
+      description: string;
+    };
+  };
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+      source: {
+        code: string;
+      };
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipPopover: any;

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

@@ -0,0 +1,15 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare type FlipRadioState = boolean | "true" | "false";
+export declare class FlipRadio {
+  checked?: FlipRadioState;
+  description?: string;
+  disabled?: boolean;
+  inputId: string;
+  inputName: string;
+  invalid?: boolean;
+  label?: string;
+  value: string;
+  valueChange: EventEmitter<string>;
+  private onChange;
+  render(): any;
+}

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

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

package/dist/types/components/flip-radio-group/flip-radio-group.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class FlipRadioGroup {
+  el: HTMLElement;
+  value?: string;
+  valueChange: EventEmitter<string>;
+  private radioButtons;
+  componentDidLoad(): void;
+  private initValue;
+  private handleValueChanges;
+  render(): any;
+}

package/dist/types/components/flip-radio-group/flip-radio-group.stories.d.ts

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

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

@@ -0,0 +1,21 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class FlipSearch {
+  autoFocus?: boolean;
+  clearButtonLabel?: string;
+  disabled?: boolean;
+  inputName?: string;
+  inputId?: string;
+  label?: string;
+  placeholder?: string;
+  value?: string;
+  inputBlur: EventEmitter<FocusEvent>;
+  inputFocus: EventEmitter<FocusEvent>;
+  valueChange: EventEmitter<string>;
+  private input;
+  onKeyDown(event: KeyboardEvent): void;
+  private clear;
+  private onBlur;
+  private onChange;
+  private onFocus;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,6 @@
+export declare type FlipSpinnerSize = "s" | "m";
+export declare class FlipSpinner {
+  label?: string;
+  size?: FlipSpinnerSize;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,13 @@
+export declare type FlipStackAlign = "start" | "center" | "end" | "stretch";
+export declare type FlipStackJustify = "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch";
+export declare type FlipStackOrientation = "horizontal" | "vertical";
+export declare type FlipStackSpacing = "0" | "2" | "4" | "8" | "12" | "16" | "24" | "32";
+export declare class FlipStack {
+  align?: FlipStackAlign;
+  as?: string;
+  justify?: FlipStackJustify;
+  orientation?: FlipStackOrientation;
+  spacing?: FlipStackSpacing;
+  wrap?: boolean;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,23 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare type FlipSwitchSize = "s" | "m";
+export declare class FlipSwitch {
+  el: HTMLElement;
+  checked?: boolean;
+  disabled?: boolean;
+  inputId: string;
+  inputName: string;
+  label?: string;
+  size?: FlipSwitchSize;
+  value?: string;
+  valueChange: EventEmitter<boolean>;
+  private control;
+  private dragging;
+  private recentlyDragged;
+  private thumb;
+  onWindowPointerUp(): void;
+  private onChange;
+  private onStartDrag;
+  private onEndDrag;
+  private onDrag;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,11 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare type FlipTagIntent = "default" | "critical" | "warning" | "success" | "info";
+export declare class FlipTag {
+  intent?: FlipTagIntent;
+  label: string;
+  removable?: boolean;
+  removalButtonLabel?: string;
+  remove?: EventEmitter<MouseEvent>;
+  private onRemove;
+  render(): any;
+}

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

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

package/dist/types/components/flip-theme-provider/flip-theme-provider.d.ts

@@ -0,0 +1,51 @@
+export declare type FlipTheme = "light" | "dark";
+export declare type FlipThemeProviderStorage = {
+  getItem: (key: string) => string;
+  removeItem: (key: string) => void;
+  setItem: (key: string, value: string) => void;
+};
+export declare type FlipThemeProviderTenantColors = {
+  primary?: string;
+  primaryContrast?: string;
+  secondary?: string;
+  secondaryContrast?: string;
+  text?: string;
+};
+export declare type FlipThemeProviderConfig = {
+  rootElement?: HTMLElement;
+  storage?: FlipThemeProviderStorage;
+  tenantColors?: FlipThemeProviderTenantColors;
+};
+export declare class FlipThemeProvider {
+  config: FlipThemeProviderConfig;
+  private appTheme;
+  private osTheme;
+  private resolvedConfig;
+  componentWillLoad(): void;
+  watchConfig(): void;
+  /**
+   * Returns the active app theme.
+   * @returns FlipTheme
+   */
+  getActiveTheme(): Promise<FlipTheme>;
+  /**
+   * Returns the user's preferred theme stored in local storage.
+   * @returns FlipTheme
+   */
+  getPreferredTheme(): Promise<FlipTheme>;
+  /**
+   * Sets the user's preferred theme and stores it in local storage. Overrides
+   * the OS theme.
+   */
+  setPreferredTheme(theme: FlipTheme): Promise<void>;
+  /**
+   * Resets the user's preferred theme, using the OS theme instead.
+   */
+  resetPreferredTheme(): Promise<void>;
+  private resolveConfig;
+  private determineOSTheme;
+  private updateAppTheme;
+  private updateTenantVariables;
+  private resetTenantVariables;
+  render(): any;
+}

package/dist/types/components/flip-theme-provider/flip-theme-provider.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="mdx" />
+import Docs from "./flip-theme-provider.mdx";
+declare const _default: {
+  component: string;
+  parameters: {
+    docs: {
+      inlineStories: boolean;
+      page: typeof Docs;
+      source: {
+        code: string;
+      };
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipThemeProvider: any;

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

@@ -0,0 +1,9 @@
+export declare type FlipThumbnailFormat = "portrait" | "landscape" | "square";
+export declare type FlipThumbnailSize = "s" | "m" | "l";
+export declare class FlipThumbnail {
+  alt: string;
+  format?: FlipThumbnailFormat;
+  size: FlipThumbnailSize;
+  src: string;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,19 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare type FlipToastIntent = "default" | "critical" | "success";
+export declare class FlipToast {
+  accessibleDismissLabel?: string;
+  content: string;
+  dismissLabel?: string;
+  duration?: number;
+  icon?: string;
+  intent?: FlipToastIntent;
+  toastId: string;
+  dismiss: EventEmitter<string>;
+  private timeout;
+  watchDuration(): void;
+  componentDidLoad(): void;
+  private startTimer;
+  private clearTimer;
+  private onDismiss;
+  render(): any;
+}

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

@@ -0,0 +1,23 @@
+/// <reference types="mdx" />
+import Docs from "./flip-toast.mdx";
+declare const _default: {
+  argTypes: {
+    icon: {
+      table: {
+        type: {
+          detail: string;
+          summary: string;
+        };
+      };
+    };
+  };
+  component: string;
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipToast: any;

package/dist/types/components/flip-toast-provider/flip-toast-provider.d.ts

@@ -0,0 +1,43 @@
+import { FlipToastCustomEvent } from "../../components";
+import { FlipToastIntent } from "../flip-toast/flip-toast";
+export declare type FlipToastConfig = {
+  accessibleDismissLabel?: string;
+  content: string;
+  dismissLabel?: string;
+  duration?: number;
+  icon?: string;
+  intent?: FlipToastIntent;
+  toastId?: string;
+};
+export declare type FlipToastMessage = FlipToastConfig & {
+  createdAt: Date;
+  toastId: string;
+};
+export declare class FlipToastProvider {
+  /**
+   * Optional global duration for all toasts. Overrides any durations set via
+   * the `toast` method. Set to 0 to disable automatic closing of toasts.
+   */
+  globalDuration?: number;
+  private toasts;
+  /**
+   * Clear all toasts
+   * @param newToast
+   * @returns
+   */
+  clearAll(): Promise<void>;
+  /**
+   * Dismiss a toast
+   * @param toastId
+   * @returns
+   */
+  dismiss(toastId: string): Promise<void>;
+  /**
+   * Create a new toast
+   * @param newToast
+   * @returns
+   */
+  toast(newToast: FlipToastConfig): Promise<FlipToastMessage>;
+  onDismiss: (event: FlipToastCustomEvent<string>) => void;
+  render(): any;
+}

package/dist/types/components/flip-toast-provider/flip-toast-provider.stories.d.ts

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

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

@@ -0,0 +1,28 @@
+import { PositionMatch } from "nanopop";
+export declare type FlipTooltipPosition = "top" | "right" | "bottom" | "left";
+export declare class FlipTooltip {
+  content: string;
+  delay?: number;
+  position?: FlipTooltipPosition;
+  actualPosition: PositionMatch;
+  visible: boolean;
+  private showTimeout;
+  private options;
+  private popperEl;
+  private referenceEl;
+  watchPosition(): void;
+  onMouseEnter(): void;
+  onMouseLeave(): void;
+  onWindowResize(): void;
+  onWindowScroll(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  private onKeydown;
+  private reposition;
+  private show;
+  private showWithDelay;
+  private hide;
+  private updateOptions;
+  private getArrowStyles;
+  render(): any;
+}

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

@@ -0,0 +1,14 @@
+/// <reference types="mdx" />
+import Docs from "./flip-tooltip.mdx";
+declare const _default: {
+  component: string;
+  decorators: ((story: any) => HTMLDivElement)[];
+  parameters: {
+    docs: {
+      page: typeof Docs;
+    };
+  };
+  title: string;
+};
+export default _default;
+export declare const FlipTooltip: any;

package/dist/types/components/flip-visually-hidden/flip-visually-hidden.d.ts

@@ -0,0 +1,3 @@
+export declare class FlipVisuallyHidden {
+  render(): any;
+}

package/dist/types/components/flip-visually-hidden/flip-visually-hidden.stories.d.ts

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