@scania/tegel 0.0.7 → 0.0.9

package/dist/types/components/textarea/textarea.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Textarea {
-  /** Textinput for focus state */
+export declare class TdsTextarea {
+  /** Text input for focus state */
   textEl?: HTMLTextAreaElement;
   /** Label text */
   label: string;
@@ -12,7 +12,7 @@ export declare class Textarea {
   cols: number;
   /** Textarea rows attribute */
   rows: number;
-  /** Position of the label for the textfield. */
+  /** Position of the label for the Textarea. */
   labelPosition: 'inside' | 'outside' | 'no-label';
   /** Placeholder text */
   placeholder: string;
@@ -26,7 +26,7 @@ export declare class Textarea {
   state: 'error' | 'success' | 'default';
   /** Max length of input */
   maxLength: number;
-  /** Mode variant of the textarea */
+  /** Mode variant of the Textarea */
   modeVariant: 'primary' | 'secondary';
   /** Control of autofocus */
   autoFocus: boolean;
@@ -34,17 +34,17 @@ export declare class Textarea {
   noMinWidth: boolean;
   /** Listen to the focus state of the input */
   focusInput: any;
-  /** Change event for the textarea */
-  sddsChange: EventEmitter;
+  /** Change event for the Textarea */
+  tdsChange: EventEmitter;
   handleChange(event: any): void;
-  /** Blur event for the textarea */
-  sddsBlur: EventEmitter<FocusEvent>;
+  /** Blur event for the Textarea */
+  tdsBlur: EventEmitter<FocusEvent>;
   handleBlur(event: any): void;
-  /** Input event for the textarea */
-  sddsInput: EventEmitter<InputEvent>;
+  /** Input event for the Textarea */
+  tdsInput: EventEmitter<InputEvent>;
   handleInput(event: any): void;
-  /** Focus event for the textarea */
-  sddsFocus: EventEmitter<FocusEvent>;
+  /** Focus event for the Textarea */
+  tdsFocus: EventEmitter<FocusEvent>;
   handleFocus(event: any): void;
   render(): any;
 }

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TdsToast {
+  host: HTMLElement;
+  /** ID for the Toast. Randomly generated if not specified. */
+  toastId: string;
+  /** Header text for the component. */
+  header: string;
+  /** Subheader text for the component. */
+  subheader: string;
+  /** Type of Toast. */
+  type: 'information' | 'error' | 'warning' | 'success';
+  /** Hides the Toast. */
+  hidden: boolean;
+  /** ARIA role for the Toast. */
+  toastRole: 'alert' | 'log' | 'status';
+  hasSubheader: boolean;
+  hasLink: boolean;
+  /** Hides the Toast. */
+  hideToast(): Promise<void>;
+  /** Shows the Toast. */
+  showToast(): Promise<void>;
+  /** Sends unique Toast identifier when component is closed. */
+  tdsClose: EventEmitter<{
+    toastId: string;
+  }>;
+  getIconName: () => "info" | "error" | "warning" | "tick";
+  handleClose: () => void;
+  handleShow: () => void;
+  connectedCallback(): void;
+  getHeaderClasses: () => "" | "no-subheader" | "only-header";
+  render(): any;
+}

package/dist/types/components/toggle/toggle.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TdsToggle {
+  host: HTMLElement;
+  /** Sets the Toggle as checked */
+  checked: boolean;
+  /** Make the Toggle required */
+  required: boolean;
+  /** Size of the Toggle */
+  size: 'sm' | 'lg';
+  /** Name of the toggle's input element */
+  name: string;
+  /** Headline for the Toggle */
+  headline: string;
+  /** Sets the Toggle in a disabled state */
+  disabled: boolean;
+  /** ID of the Toggle's input element, if not specified, it's randomly generated */
+  toggleId: string;
+  /** Toggles the Toggle. */
+  toggle(): Promise<{
+    toggleId: string;
+    checked: boolean;
+  }>;
+  /** Sends unique Toggle identifier and status when it is toggled. */
+  tdsToggle: EventEmitter<{
+    toggleId: string;
+    checked: boolean;
+  }>;
+  handleToggle: () => void;
+  render(): any;
+}

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

@@ -1,16 +1,16 @@
 import type { Placement, Instance } from '@popperjs/core';
-export declare class Tooltip {
-  /** In case tooltip contains only text, no HTML, text can be passed by this prop */
+export declare class TdsTooltip {
+  /** In case Tooltip contains only text, no HTML, a text can be passed by this prop */
   text: string;
-  /** The CSS-selector for an element that will trigger the tooltip */
+  /** The CSS-selector for an element that will trigger the Tooltip */
   selector: string;
-  /** Element that will trigger the tooltip (takes priority over selector) */
+  /** Element that will trigger the Tooltip (takes priority over selector) */
   referenceEl: HTMLElement;
-  /** Allow mouse over tooltip. Useful when tooltip contains clickable elements like link or button. */
+  /** Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button. */
   mouseOverTooltip: boolean;
   /** Prop in control of showing and hiding prop */
   show: boolean;
-  /** Placement of tooltip. */
+  /** Placement of Tooltip. */
   placement: Placement;
   popperInstance: Instance;
   target: any;