q2-tecton-elements 1.25.1 → 1.26.0

package/dist/types/components/q2-btn/index.d.ts

@@ -6,17 +6,20 @@ export declare class Q2Btn implements ComponentInterface {
   ariaSelected: string;
   label: string;
   hideLabel: boolean;
-  ariaLabel: string;
   tabIndex: number;
   intent: 'workflow-primary' | 'workflow-secondary' | 'neutral';
-  color: string;
   disabled: boolean;
   type: string;
   loading: boolean;
   badge: boolean;
   active: boolean;
-  fab: boolean;
   block: boolean;
+  /** @deprecated */
+  color: string;
+  /** @deprecated */
+  fab: boolean;
+  /** @deprecated */
+  ariaLabel: string;
   iconPosition: 'left' | 'right' | 'only';
   hostElement: HTMLElement;
   componentWillLoad(): void;

package/dist/types/components/q2-calendar/index.d.ts

@@ -9,7 +9,6 @@ export declare class Q2Calendar implements ComponentInterface {
   };
   label: string;
   hideLabel: boolean;
-  ariaLabel: string;
   optional: boolean;
   disabled: boolean;
   readonly: boolean;
@@ -17,7 +16,6 @@ export declare class Q2Calendar implements ComponentInterface {
   typeable: boolean;
   clearable: boolean;
   placeholder: string;
-  buttonLabel: string;
   disabledMsg: string;
   calendarLabel: string;
   disclaimer: string;
@@ -31,7 +29,12 @@ export declare class Q2Calendar implements ComponentInterface {
   errors: string[];
   invalidDates: string[];
   validDates: string[];
+  /** @deprecated */
   onsuccess: (e: CustomEvent) => void;
+  /** @deprecated */
+  buttonLabel: string;
+  /** @deprecated */
+  ariaLabel: string;
   hostElement: HTMLElement;
   dropdownOpen: boolean;
   keyboardSelection: boolean;

package/dist/types/components/q2-carousel/index.d.ts

@@ -6,9 +6,10 @@ export declare class Q2Carousel implements ComponentInterface {
   fullWidthPanes: boolean;
   hidePagination: boolean;
   showNavigationArrows: boolean;
-  ariaLabel: string;
   label: string;
   index: number;
+  /** @deprecated */
+  ariaLabel: string;
   universalCarouselOptions: SwiperOptions;
   fullWidthDisplayOptions: SwiperOptions;
   activePaneIndex: number;

package/dist/types/components/q2-checkbox/index.d.ts

@@ -1,21 +1,23 @@
 import { ComponentInterface, Event, EventEmitter } from '../../stencil-public-runtime';
 export declare class Q2Checkbox implements ComponentInterface {
   checked: boolean;
-  type: string;
+  type: 'favorite' | 'toggle';
   label: string;
   hideLabel: boolean;
-  ariaLabel: string;
   indeterminate: boolean;
   disabled: boolean;
   readonly: boolean;
   value: string;
   name: string;
-  hasError: boolean;
   groupDisabled: boolean;
   alignment: string;
   description: string;
+  /** @deprecated */
+  hasError: boolean;
+  /** @deprecated */
+  ariaLabel: string;
   hostElement: HTMLElement;
-  id: string;
+  _id: string;
   inputElement: HTMLInputElement;
   componentWillLoad(): void;
   componentDidLoad(): void;

package/dist/types/components/q2-checkbox-group/index.d.ts

@@ -7,7 +7,7 @@ export declare class Q2CheckboxGroup implements ComponentInterface {
   optional: boolean;
   hasError: boolean;
   hostElement: HTMLElement;
-  id: string;
+  _id: string;
   mutationObserver: MutationObserver;
   get checkboxElements(): HTMLQ2CheckboxElement[];
   get protectedValue(): object;

package/dist/types/components/q2-dropdown/index.d.ts

@@ -1,11 +1,10 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 import { IDict } from 'src/util';
 export declare class Q2Dropdown implements ComponentInterface {
-  type: string;
+  type: 'icon' | 'fab' | 'custom' | 'primary' | 'secondary' | 'neutral';
   icon: string;
   label: string;
   hideLabel: boolean;
-  ariaLabel: string;
   disabled: boolean;
   popDirection: 'up' | 'down';
   name: string;
@@ -13,6 +12,8 @@ export declare class Q2Dropdown implements ComponentInterface {
   contextValue: string;
   resolvedType: string;
   block: boolean;
+  /** @deprecated */
+  ariaLabel: string;
   dropdownOpen: boolean;
   hostElement: HTMLElement;
   scheduledAfterRender: (() => void)[];

package/dist/types/components/q2-dropdown-item/index.d.ts

@@ -5,8 +5,9 @@ export declare class Q2DropdownItem implements ComponentInterface {
   removable: boolean;
   separator: boolean;
   label: string;
-  ariaLabel: string;
   value: string;
+  /** @deprecated */
+  ariaLabel: string;
   hostElement: HTMLElement;
   componentWillLoad(): void;
   ariaLabelObserver(): void;

package/dist/types/components/q2-editable-field/index.d.ts

@@ -1,18 +1,20 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { Q2Input } from '../q2-input';
 export declare class Q2EditableField {
   value: string;
   editing: boolean;
   label: string;
   hideLabel: boolean;
-  ariaLabel: string;
-  type: string;
+  type: Q2Input['type'];
   formatModifier: string;
-  truncated: string;
+  truncated: boolean;
   maxlength: number;
   persistentLabel: boolean;
   disabled: boolean;
   hints: string[];
   errors: string[];
+  /** @deprecated */
+  ariaLabel: string;
   scheduledAfterRender: (() => void)[];
   hostElement: HTMLElement;
   q2InputElement: HTMLQ2InputElement;

package/dist/types/components/q2-input/index.d.ts

@@ -1,18 +1,40 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { IFormatterValueObject, ICursorData, IEventDetail } from './types';
+import { Q2Icon } from '../q2-icon';
+import { Q2Badge } from '../q2-badge';
+declare const inputTypeMap: {
+  text: string;
+  tel: string;
+  number: string;
+  password: string;
+  search: string;
+  url: string;
+  email: string;
+  currency: string;
+  phone: string;
+  ssn: string;
+  alphanumeric: string;
+  alpha: string;
+  numeric: string;
+  percentage: string;
+  postal: string;
+  date: string;
+  'credit-card': string;
+};
+export declare type InputType = keyof typeof inputTypeMap;
 export declare class Q2Input {
   value: string;
   label: string;
   hideLabel: boolean;
-  type: string;
+  type: InputType;
   placeholder: string;
   disabled: boolean;
   autocomplete: string;
-  autocorrect: string;
+  autocorrect: 'on' | 'off';
   autocapitalize: string;
   hideMessages: boolean;
-  iconLeft: string;
-  iconRight: string;
+  iconLeft: Q2Icon['type'];
+  iconRight: Q2Icon['type'];
   readonly: boolean;
   clearable: boolean;
   optional: boolean;
@@ -25,15 +47,16 @@ export declare class Q2Input {
   showVisibilityToggle: boolean;
   textHidden: boolean;
   badgeValue: string;
-  badgeTheme: 'primary' | 'secondary' | 'tertiary';
+  badgeTheme: Q2Badge['theme'];
   ariaControls: string;
   role: string;
   ariaOwns: string;
-  ariaLabel: string;
   ariaHaspopup: string;
   ariaExpanded: string;
   ariaActivedescendant: any;
   current: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
+  /** @deprecated */
+  ariaLabel: string;
   errors: string[];
   hints: string[];
   formattedValueObject: IFormatterValueObject;
@@ -57,7 +80,7 @@ export declare class Q2Input {
   get inputDescribedBy(): string;
   get isMaskedType(): boolean;
   get wrapperClasses(): string;
-  get computedType(): any;
+  get computedType(): string;
   get computedAutocomplete(): string;
   get computedIconLeft(): string | undefined;
   get showIconSeparator(): boolean;
@@ -97,3 +120,4 @@ export declare class Q2Input {
   calculateCursorPositionOnFocus(): ICursorData;
   setCursorPosition(cursorData: ICursorData): void;
 }
+export {};

package/dist/types/components/q2-loading/index.d.ts

@@ -1,14 +1,15 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 export declare class Q2Loading implements ComponentInterface {
   hostElement: HTMLElement;
-  type: string;
+  type: 'spinner' | 'skeleton';
   shape: string;
   modifiers: string;
   counts: string;
   label: string;
-  ariaLabel: string;
   inline: boolean;
-  get loader(): any;
+  /** @deprecated */
+  ariaLabel: string;
+  get loader(): () => any;
   get modifiersSet(): Set<string>;
   get countsArray(): number[];
   get skeletonShape(): any;

package/dist/types/components/q2-popover/index.d.ts

@@ -10,18 +10,22 @@ export declare class Q2Popover implements ComponentInterface {
   popoverStateChanged: EventEmitter<{
     open: boolean;
   }>;
-  privateDirection: 'down' | 'up';
+  currentDirection: 'down' | 'up';
   show: boolean;
   containerElement: HTMLDivElement;
   contentElement: HTMLDivElement;
   scheduledAfterRender: (() => void)[];
   componentDidLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   toggle(): Promise<void>;
   openChanged(open: any): void;
   popoverStateHandler(event: CustomEvent<{
     open: boolean;
   }>): void;
+  viewPortChanged: () => void;
+  addViewportListeners(): void;
+  removeViewportListeners(): void;
   setDirectionAndShow(direction: 'up' | 'down'): Promise<void>;
   determinePopDirection(): Promise<void>;
   determinePopOffset(): void;

package/dist/types/components/q2-radio/index.d.ts

@@ -6,12 +6,13 @@ export declare class Q2Radio implements ComponentInterface {
   disabled: boolean;
   checked: boolean;
   name: string;
-  ariaLabel: string;
   groupDisabled: boolean;
   groupReadonly: boolean;
   groupTileLayout: boolean;
+  /** @deprecated */
+  ariaLabel: string;
   hostElement: HTMLElement;
-  id: string;
+  _id: string;
   inputField: HTMLInputElement;
   isLoaded: boolean;
   change: EventEmitter;

package/dist/types/components/q2-radio-group/index.d.ts

@@ -9,9 +9,10 @@ export declare class Q2RadioGroup implements ComponentInterface {
   tileLayout: boolean;
   tileAlignment: 'left' | 'center' | 'right';
   hasError: boolean;
+  /** @deprecated */
   tilelayout: boolean;
   hostElement: HTMLElement;
-  id: string;
+  _id: string;
   mutationObserver: MutationObserver;
   get radioElements(): HTMLQ2RadioElement[];
   onMutationObserved: () => void;
@@ -22,7 +23,7 @@ export declare class Q2RadioGroup implements ComponentInterface {
   nameUpdated(): void;
   disabledUpdated(): void;
   readonlyUpdated(): void;
-  tilelayoutUpdated(tilelayout: boolean): void;
+  handleDeprecatedTilelayout(tilelayout: boolean): void;
   tileLayoutUpdated(tileLayout: boolean): void;
   change: EventEmitter;
   onHostElementChange(event: CustomEvent): void;

package/dist/types/components/q2-select/index.d.ts

@@ -6,7 +6,6 @@ export declare class Q2Select implements ComponentInterface {
   label: string;
   hideLabel: boolean;
   value: string;
-  ariaLabel: string;
   selectedOptions: string[];
   disabled: boolean;
   readonly: boolean;
@@ -20,6 +19,8 @@ export declare class Q2Select implements ComponentInterface {
   optional: boolean;
   placeholder: string;
   hoist: boolean;
+  /** @deprecated */
+  ariaLabel: string;
   hostElement: HTMLElement;
   open: boolean;
   showSelected: boolean;

package/dist/types/components/q2-tab-container/index.d.ts

@@ -1,16 +1,19 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { JSX } from '../../components';
+import { Q2Badge } from '../q2-badge';
 declare type TabPane = {
   label: string;
   value: string;
   badgeCount: number;
   badgeDescription: string;
+  badgeTheme: Q2Badge['theme'];
+  badgeStatus: Q2Badge['status'];
 };
 export declare class Q2TabContainer implements ComponentInterface {
   value: string;
-  type: string;
+  type: 'main' | 'section';
   name: string;
-  color: string;
+  color: 'alt' | undefined;
   noPrint: boolean;
   hostElement: HTMLElement;
   change: EventEmitter;

package/dist/types/components/q2-tab-pane/index.d.ts

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { Q2Badge } from '../q2-badge';
 export declare class Q2TabPane implements ComponentInterface {
   value: string;
   label: string;
@@ -6,6 +7,8 @@ export declare class Q2TabPane implements ComponentInterface {
   selected: boolean;
   badgeCount: number;
   badgeDescription: string;
+  badgeTheme: Q2Badge['theme'];
+  badgeStatus: Q2Badge['status'];
   index: number;
   guid: number;
   badge: EventEmitter<boolean>;

package/dist/types/components/q2-tooltip/index.d.ts

@@ -5,18 +5,21 @@ export declare class Q2Tooltip implements ComponentInterface {
   multiline: boolean;
   persistent: boolean;
   immediate: boolean;
+  focusable: boolean;
   position: 'n' | 's' | 'e' | 'w' | 'nw' | 'ne' | 'sw' | 'se';
   hostElement: HTMLElement;
   focusClass: 'has-keyboard-focus' | 'has-generic-focus' | 'has-generic-focus-out';
   tooltipElement: HTMLDivElement;
   animationEndCount: number;
+  componentDidLoad(): void;
   get shouldBeVisible(): boolean;
   checkFocusClass(): void;
   hideTooltip(): void;
   animationEndHandler(): void;
   findFocusVisibleElement(element: Element): Element;
   keyUpHandler(event: KeyboardEvent): void;
-  focusHandler(): void;
+  focusCaptureHandler(): void;
+  focusHandler(event: any): void;
   focusOutHandler(): void;
   render(): any;
 }

package/dist/types/components/tecton-tab-pane/index.d.ts

@@ -1,4 +1,5 @@
 import { ComponentInterface, Event, EventEmitter } from '../../stencil-public-runtime';
+import { Q2Badge } from '../q2-badge';
 export declare class TectonTabPane implements ComponentInterface {
   value: string;
   label: string;
@@ -12,6 +13,8 @@ export declare class TectonTabPane implements ComponentInterface {
   minHeight: string;
   badgeCount: number;
   badgeDescription: string;
+  badgeTheme: Q2Badge['theme'];
+  badgeStatus: Q2Badge['status'];
   authPayload: {
     key: string;
     value: string;