@ifloppy/maxcraftmc-ui-svelte 0.1.0

package/types/Tabs/Tabs.svelte.d.ts

@@ -0,0 +1,50 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Specify the selected tab index
+   * @default 0
+   */
+  selected?: number;
+
+  /**
+   * Specify the type of tabs
+   * @default "default"
+   */
+  type?: "default" | "container";
+
+  /**
+   * Set to `true` for tabs to have an auto-width
+   * @default false
+   */
+  autoWidth?: boolean;
+
+  /**
+   * Specify the ARIA label for the chevron icon
+   * @default "Show menu options"
+   */
+  iconDescription?: string;
+
+  /**
+   * Specify the tab trigger href attribute
+   * @default "#"
+   */
+  triggerHref?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type TabsProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class Tabs extends SvelteComponentTyped<
+  TabsProps,
+  {
+    change: CustomEvent<number>;
+    keypress: WindowEventMap["keypress"];
+    click: WindowEventMap["click"];
+  },
+  { default: {}; content: {} }
+> {}

package/types/Tabs/TabsSkeleton.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Specify the number of tabs to render
+   * @default 4
+   */
+  count?: number;
+
+  /**
+   * Specify the type of tabs
+   * @default "default"
+   */
+  type?: "default" | "container";
+
+  [key: `data-${string}`]: any;
+};
+
+export type TabsSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class TabsSkeleton extends SvelteComponentTyped<
+  TabsSkeletonProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/Tag/Tag.svelte.d.ts

@@ -0,0 +1,87 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"] & SvelteHTMLElements["span"];
+
+type $Props = {
+  /**
+   * Specify the type of tag
+   * @default undefined
+   */
+  type?:
+    | "red"
+    | "magenta"
+    | "purple"
+    | "blue"
+    | "cyan"
+    | "teal"
+    | "green"
+    | "gray"
+    | "cool-gray"
+    | "warm-gray"
+    | "high-contrast"
+    | "outline";
+
+  /**
+   * @default "default"
+   */
+  size?: "sm" | "default";
+
+  /**
+   * Set to `true` to use filterable variant
+   * @default false
+   */
+  filter?: boolean;
+
+  /**
+   * Set to `true` to disable a filterable tag
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Set to `true` to render a `button` element instead of a `div`
+   * @default false
+   */
+  interactive?: boolean;
+
+  /**
+   * Set to `true` to display the skeleton state
+   * @default false
+   */
+  skeleton?: boolean;
+
+  /**
+   * Set the title for the close button in a filterable tag
+   * @default "Clear filter"
+   */
+  title?: string;
+
+  /**
+   * Specify the icon to render
+   * @default undefined
+   */
+  icon?: any;
+
+  /**
+   * Set an id for the filterable tag
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type TagProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class Tag extends SvelteComponentTyped<
+  TagProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+    close: CustomEvent<null>;
+  },
+  { default: { props: { class: "bx--tag__label" } }; icon: {} }
+> {}

package/types/Tag/TagSkeleton.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["span"];
+
+type $Props = {
+  /**
+   * @default "default"
+   */
+  size?: "sm" | "default";
+
+  [key: `data-${string}`]: any;
+};
+
+export type TagSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class TagSkeleton extends SvelteComponentTyped<
+  TagSkeletonProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/TextArea/TextArea.svelte.d.ts

@@ -0,0 +1,124 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["textarea"];
+
+type $Props = {
+  /**
+   * Specify the textarea value.
+   * @default ""
+   */
+  value?: null | string;
+
+  /**
+   * Specify the placeholder text
+   * @default ""
+   */
+  placeholder?: string;
+
+  /**
+   * Specify the number of cols
+   * @default 50
+   */
+  cols?: number;
+
+  /**
+   * Specify the number of rows
+   * @default 4
+   */
+  rows?: number;
+
+  /**
+   * Specify the max character count
+   * @default undefined
+   */
+  maxCount?: number;
+
+  /**
+   * Set to `true` to enable the light variant
+   * @default false
+   */
+  light?: boolean;
+
+  /**
+   * Set to `true` to disable the input
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Set to `true` to use the read-only variant
+   * @default false
+   */
+  readonly?: boolean;
+
+  /**
+   * Specify the helper text
+   * @default ""
+   */
+  helperText?: string;
+
+  /**
+   * Specify the label text
+   * @default ""
+   */
+  labelText?: string;
+
+  /**
+   * Set to `true` to visually hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  /**
+   * Set to `true` to indicate an invalid state
+   * @default false
+   */
+  invalid?: boolean;
+
+  /**
+   * Specify the text for the invalid state
+   * @default ""
+   */
+  invalidText?: string;
+
+  /**
+   * Set an id for the textarea element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Specify a name attribute for the input
+   * @default undefined
+   */
+  name?: string;
+
+  /**
+   * Obtain a reference to the textarea HTML element
+   * @default null
+   */
+  ref?: null | HTMLTextAreaElement;
+
+  [key: `data-${string}`]: any;
+};
+
+export type TextAreaProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class TextArea extends SvelteComponentTyped<
+  TextAreaProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+    change: WindowEventMap["change"];
+    input: WindowEventMap["input"];
+    keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
+    focus: WindowEventMap["focus"];
+    blur: WindowEventMap["blur"];
+    paste: WindowEventMap["paste"];
+  },
+  { labelText: {} }
+> {}

package/types/TextArea/TextAreaSkeleton.svelte.d.ts

@@ -0,0 +1,27 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Set to `true` to visually hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  [key: `data-${string}`]: any;
+};
+
+export type TextAreaSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class TextAreaSkeleton extends SvelteComponentTyped<
+  TextAreaSkeletonProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/TextInput/PasswordInput.svelte.d.ts

@@ -0,0 +1,154 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["input"];
+
+type $Props = {
+  /**
+   * Set the size of the input
+   * @default undefined
+   */
+  size?: "sm" | "xl";
+
+  /**
+   * Specify the input value
+   * @default ""
+   */
+  value?: number | string;
+
+  /**
+   * Set to `"text"` to toggle the password visibility
+   * @default "password"
+   */
+  type?: "text" | "password";
+
+  /**
+   * Specify the placeholder text
+   * @default ""
+   */
+  placeholder?: string;
+
+  /**
+   * Specify the hide password label text
+   * @default "Hide password"
+   */
+  hidePasswordLabel?: string;
+
+  /**
+   * Specify the show password label text
+   * @default "Show password"
+   */
+  showPasswordLabel?: string;
+
+  /**
+   * Set the alignment of the tooltip relative to the icon
+   * @default "center"
+   */
+  tooltipAlignment?: "start" | "center" | "end";
+
+  /**
+   * Set the position of the tooltip relative to the icon
+   * @default "bottom"
+   */
+  tooltipPosition?: "top" | "right" | "bottom" | "left";
+
+  /**
+   * Set to `true` to enable the light variant
+   * @default false
+   */
+  light?: boolean;
+
+  /**
+   * Set to `true` to disable the input
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify the helper text
+   * @default ""
+   */
+  helperText?: string;
+
+  /**
+   * Specify the label text
+   * @default ""
+   */
+  labelText?: string;
+
+  /**
+   * Set to `true` to visually hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  /**
+   * Set to `true` to indicate an invalid state
+   * @default false
+   */
+  invalid?: boolean;
+
+  /**
+   * Specify the text for the invalid state
+   * @default ""
+   */
+  invalidText?: string;
+
+  /**
+   * Set to `true` to indicate an warning state
+   * @default false
+   */
+  warn?: boolean;
+
+  /**
+   * Specify the warning state text
+   * @default ""
+   */
+  warnText?: string;
+
+  /**
+   * Set to `true` to use inline version
+   * @default false
+   */
+  inline?: boolean;
+
+  /**
+   * Set an id for the input element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Specify a name attribute for the input
+   * @default undefined
+   */
+  name?: string;
+
+  /**
+   * Obtain a reference to the input HTML element
+   * @default null
+   */
+  ref?: null | HTMLInputElement;
+
+  [key: `data-${string}`]: any;
+};
+
+export type PasswordInputProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class PasswordInput extends SvelteComponentTyped<
+  PasswordInputProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+    change: WindowEventMap["change"];
+    input: WindowEventMap["input"];
+    keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
+    focus: WindowEventMap["focus"];
+    blur: WindowEventMap["blur"];
+    paste: WindowEventMap["paste"];
+  },
+  { labelText: {} }
+> {}

package/types/TextInput/TextInput.svelte.d.ts

@@ -0,0 +1,139 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["input"];
+
+type $Props = {
+  /**
+   * Set the size of the input
+   * @default undefined
+   */
+  size?: "sm" | "xl";
+
+  /**
+   * Specify the input value.
+   *
+   * `value` will be set to `null` if type="number"
+   * and the value is empty.
+   * @default ""
+   */
+  value?: null | number | string;
+
+  /**
+   * Specify the placeholder text
+   * @default ""
+   */
+  placeholder?: string;
+
+  /**
+   * Set to `true` to enable the light variant
+   * @default false
+   */
+  light?: boolean;
+
+  /**
+   * Set to `true` to disable the input
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify the helper text
+   * @default ""
+   */
+  helperText?: string;
+
+  /**
+   * Set an id for the input element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Specify a name attribute for the input
+   * @default undefined
+   */
+  name?: string;
+
+  /**
+   * Specify the label text
+   * @default ""
+   */
+  labelText?: string;
+
+  /**
+   * Set to `true` to visually hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  /**
+   * Set to `true` to indicate an invalid state
+   * @default false
+   */
+  invalid?: boolean;
+
+  /**
+   * Specify the invalid state text
+   * @default ""
+   */
+  invalidText?: string;
+
+  /**
+   * Set to `true` to indicate an warning state
+   * @default false
+   */
+  warn?: boolean;
+
+  /**
+   * Specify the warning state text
+   * @default ""
+   */
+  warnText?: string;
+
+  /**
+   * Obtain a reference to the input HTML element
+   * @default null
+   */
+  ref?: null | HTMLInputElement;
+
+  /**
+   * Set to `true` to mark the field as required
+   * @default false
+   */
+  required?: boolean;
+
+  /**
+   * Set to `true` to use the inline variant
+   * @default false
+   */
+  inline?: boolean;
+
+  /**
+   * Set to `true` to use the read-only variant
+   * @default false
+   */
+  readonly?: boolean;
+
+  [key: `data-${string}`]: any;
+};
+
+export type TextInputProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class TextInput extends SvelteComponentTyped<
+  TextInputProps,
+  {
+    change: CustomEvent<null | number | string>;
+    input: CustomEvent<null | number | string>;
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+    keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
+    focus: WindowEventMap["focus"];
+    blur: WindowEventMap["blur"];
+    paste: WindowEventMap["paste"];
+  },
+  { labelText: {} }
+> {}

package/types/TextInput/TextInputSkeleton.svelte.d.ts

@@ -0,0 +1,27 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Set to `true` to hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  [key: `data-${string}`]: any;
+};
+
+export type TextInputSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class TextInputSkeleton extends SvelteComponentTyped<
+  TextInputSkeletonProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}