genesys-spark-components 4.0.0-beta.9 → 4.0.1

package/dist/types/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.d.ts

@@ -0,0 +1,34 @@
+import { JSX } from '../../../../../stencil-public-runtime';
+/**
+ * @slot - collection of menu-option, submenu elements
+ */
+export declare class GuxSubmenu {
+  private hideDelayTimeout;
+  private buttonElement;
+  private submenuElement;
+  private submenuContentElement;
+  private cleanupUpdatePosition;
+  private root;
+  label: string;
+  private isShown;
+  /**
+   * Focus on the components button element
+   */
+  guxFocus(): Promise<void>;
+  onKeydown(event: KeyboardEvent): void;
+  onKeyup(event: KeyboardEvent): void;
+  onmouseenter(): void;
+  onMouseleave(): void;
+  onClick(event: MouseEvent): void;
+  onFocusin(): void;
+  onFocusout(): void;
+  private show;
+  private hide;
+  private runUpdatePosition;
+  private updatePosition;
+  private focusOnSubmenu;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  disconnectedCallback(): void;
+  render(): JSX.Element;
+}

package/dist/types/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.d.ts

@@ -9,6 +9,7 @@ export declare class GuxFormFieldCheckbox {
   private input;
   private disabledObserver;
   private root;
+  labelPosition: 'beside' | 'screenreader';
   private disabled;
   private hasError;
   private hasHelp;
@@ -16,5 +17,6 @@ export declare class GuxFormFieldCheckbox {
   componentWillLoad(): void;
   disconnectedCallback(): void;
   render(): JSX.Element;
+  private get variant();
   private setInput;
 }

package/dist/types/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from '../../../../../stencil-public-runtime';
 import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
 /**
- * @slot Required slot for gux-time-picker-beta tag
+ * @slot Required slot for gux-time-picker tag
  * @slot label - Required slot for label tag
  * @slot error - Optional slot for error message
  * @slot help - Optional slot for help message

package/dist/types/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.d.ts

@@ -0,0 +1,31 @@
+import { JSX } from '../../../../../stencil-public-runtime';
+import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
+/**
+ * @slot Required slot for gux-time-zone-picker-beta tag
+ * @slot label - Required slot for label tag
+ * @slot error - Optional slot for error message
+ * @slot help - Optional slot for help message
+ */
+export declare class GuxFormFieldTimeZonePicker {
+  private getI18nValue;
+  private timeZonePickerElement;
+  private label;
+  private disabledObserver;
+  private requiredObserver;
+  private root;
+  labelPosition: GuxFormFieldLabelPosition;
+  private computedLabelPosition;
+  private disabled;
+  private required;
+  private hasError;
+  private hasHelp;
+  watchValue(hasError: boolean): void;
+  onMutation(): void;
+  componentWillLoad(): Promise<void>;
+  disconnectedCallback(): void;
+  render(): JSX.Element;
+  private renderScreenReaderText;
+  private get variant();
+  private setInput;
+  private setLabel;
+}

package/dist/types/components/stable/gux-form-field/functional-components/gux-form-field-legend-label/gux-form-field-legend-label.d.ts

@@ -3,6 +3,7 @@ import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
 interface GuxFormFieldLegendLabelProps {
   position: GuxFormFieldLabelPosition;
   required: boolean;
+  labelText: string;
 }
 export declare const GuxFormFieldLegendLabel: FunctionalComponent<GuxFormFieldLegendLabelProps>;
 export {};

package/dist/types/components/stable/gux-form-field/gux-form-field.service.d.ts

@@ -2,7 +2,7 @@ import { GuxFormFieldLabelPosition } from './gux-form-field.types';
 export declare function clearInput(input: HTMLInputElement): void;
 export declare function hasContent(input: HTMLInputElement | HTMLTextAreaElement): boolean;
 export declare function getComputedLabelPosition(label: HTMLElement, labelPosition: GuxFormFieldLabelPosition): GuxFormFieldLabelPosition;
-export declare function validateFormIds(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxTimePickerBetaElement | HTMLGuxPhoneInputBetaElement): void;
+export declare function validateFormIds(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxTimePickerElement | HTMLGuxPhoneInputBetaElement | HTMLGuxTimeZonePickerBetaElement): void;
 export declare function setSlotAriaAttribute(root: HTMLElement, attribute: 'aria-labelledby' | 'aria-describedby', input: HTMLGuxListboxElement | HTMLGuxListboxMultiElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement, slotName: string): void;
 export declare function setSlotAriaLabelledby(root: HTMLElement, input: HTMLGuxListboxElement | HTMLGuxListboxMultiElement, slotName: string): void;
 export declare function setSlotAriaDescribedby(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxListboxElement | HTMLGuxListboxMultiElement, slotName: string): void;

package/dist/types/components/stable/gux-icon/gux-icon.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxIconIconName } from './gux-icon.types';
+import { GuxIconIconName, GuxIconSize } from './gux-icon.types';
 export declare class GuxIcon {
   private baseSvgHtml;
   private root;
@@ -15,6 +15,7 @@ export declare class GuxIcon {
    * Localized text describing the intent of this icon (not required if `decorative=true`)
    */
   screenreaderText: string;
+  size: GuxIconSize;
   private svgHtml;
   prepIcon(iconName: string): Promise<void>;
   watchDecorative(decorative: boolean): void;

package/dist/types/components/stable/gux-icon/gux-icon.service.d.ts

@@ -1 +1 @@
-export declare function getBaseSvgHtml(iconName: string): Promise<string>;
+export declare function getBaseSvgHtml(iconName?: string): Promise<string>;

package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts

@@ -1 +1,2 @@
-export type GuxIconIconName = '8x8' | '8x8-alt' | 'add' | 'add-circle' | 'agent' | 'agent-circle' | 'agent-group' | 'alert-info' | 'alert-success' | 'alert-warning-octogon' | 'alert-warning-triangle' | 'android' | 'app-chart' | 'app-generic' | 'app-layout' | 'app-table' | 'apple' | 'archive' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-solid-down' | 'arrow-solid-left' | 'arrow-solid-right' | 'arrow-solid-up' | 'arrow-up' | 'arrow-up-left' | 'arrow-up-right' | 'at' | 'attachment' | 'backspace' | 'badge-amount' | 'badge-check' | 'badge-edit' | 'badge-file' | 'badge-pause' | 'badge-x' | 'ban-outline' | 'bell' | 'bolt' | 'bot' | 'branch' | 'bug' | 'bus' | 'calendar' | 'calendar-add' | 'calendar-clock' | 'campaign' | 'certificate' | 'chat' | 'chat-bell' | 'chat-close' | 'chat-disable' | 'chat-multi' | 'chat-notification-score' | 'checkbox' | 'checkbox-active' | 'checkbox-partial' | 'checkmark' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-left' | 'chevron-right' | 'chevron-small-down' | 'chevron-small-left' | 'chevron-small-right' | 'chevron-small-up' | 'chrome' | 'cjv-badge-file' | 'cjv-calendar-clock' | 'cjv-custom-default' | 'cjv-custom-event' | 'cjv-custom-session' | 'cjv-default-event' | 'cjv-delivery' | 'cjv-finance-invoice' | 'cjv-form-abandoned' | 'cjv-form-submitted' | 'cjv-generic-application' | 'cjv-offer-closed' | 'cjv-offer-ignored' | 'cjv-offer-offered' | 'cjv-offer-opened' | 'cjv-outcome-achieved' | 'cjv-page-view' | 'cjv-policy-contract' | 'cjv-product-added' | 'cjv-product-purchased' | 'cjv-product-removed' | 'cjv-search' | 'cjv-segment' | 'cjv-segment-assigned' | 'cjv-web-session' | 'cjv-webchat-accepted' | 'cjv-webchat-error' | 'cjv-webchat-ignored' | 'cjv-webchat-offered' | 'cjv-webchat-rejected' | 'cjv-webchat-requested' | 'cjv-webchat-submitted' | 'cjv-webchat-timeout' | 'clipboard' | 'clipboard-error' | 'clipboard-success' | 'clock' | 'clock-outline' | 'clone' | 'close' | 'close-circle' | 'cloud' | 'cloud-outline' | 'coaching' | 'cobrowse' | 'collapse' | 'comments' | 'comments-disable' | 'configuration' | 'control-end' | 'control-pause' | 'control-play' | 'control-skip-left' | 'control-skip-right' | 'control-slide-back' | 'control-slide-forward' | 'control-start' | 'control-stop' | 'copy' | 'custom/binoculars-slash-regular' | 'custom/clipboard-list-slash-regular' | 'customer-journey' | 'cut' | 'dash' | 'delete' | 'device-camera' | 'device-cellphone' | 'device-headphones' | 'device-laptop' | 'device-pc' | 'device-server' | 'device-tablet' | 'download' | 'edge' | 'edit' | 'email-notification-score' | 'expand' | 'export' | 'external-link' | 'fa/00-solid' | 'fa/1-regular' | 'fa/align-center-regular' | 'fa/align-justify-regular' | 'fa/align-left-regular' | 'fa/align-right-regular' | 'fa/arrow-down-wide-short-regular' | 'fa/arrow-turn-down-right-regular' | 'fa/arrows-rotate-solid' | 'fa/asterix-regular' | 'fa/ban-regular' | 'fa/binoculars-regular' | 'fa/bold-regular' | 'fa/book-regular' | 'fa/briefcase-regular' | 'fa/bullseye-regular' | 'fa/calculator-regular' | 'fa/calendar-days-regular' | 'fa/circle-check-regular' | 'fa/circle-check-solid' | 'fa/circle-info-solid' | 'fa/circle-play-regular' | 'fa/circle-xmark-regular' | 'fa/clipboard-list-regular' | 'fa/clock-nine-regular' | 'fa/clock-rotate-left-regular' | 'fa/code-branch-regular' | 'fa/code-regular' | 'fa/comments-regular' | 'fa/crop-simple-regular' | 'fa/cube-regular' | 'fa/database-regular' | 'fa/diagram-project-gear-regular' | 'fa/diagram-project-regular' | 'fa/diamond-regular' | 'fa/draw-circle-solid' | 'fa/file-chart-pie-regular' | 'fa/film-solid' | 'fa/filter-solid' | 'fa/font-regular' | 'fa/gears-regular' | 'fa/gem-regular' | 'fa/hand-pointer-regular' | 'fa/hashtag-regular' | 'fa/hexagon-exclamation-solid' | 'fa/highlighter-line-regular' | 'fa/hourglass-start-regular' | 'fa/indent-regular' | 'fa/infinity-regular' | 'fa/italic-regular' | 'fa/language-regular' | 'fa/life-ring-regular' | 'fa/link-horizontal-slash-regular' | 'fa/link-horizontal-solid' | 'fa/list-ol-regular' | 'fa/list-radio-regular' | 'fa/list-regular' | 'fa/list-ul-regular' | 'fa/map-regular' | 'fa/map-solid' | 'fa/memo-circle-check-regular' | 'fa/message-regular' | 'fa/microchip-solid' | 'fa/money-bill-regular' | 'fa/outdent-regular' | 'fa/puzzle-piece-regular' | 'fa/question-solid' | 'fa/ranking-star-regular' | 'fa/rectangle-list-regular' | 'fa/reply-regular' | 'fa/right-to-bracket-regular' | 'fa/road-regular' | 'fa/rocket-regular' | 'fa/route-regular' | 'fa/share-regular' | 'fa/shuffle-regular' | 'fa/sigma-regular' | 'fa/signs-post-regular' | 'fa/sitemap-regular' | 'fa/sliders-solid' | 'fa/strikethrough-regular' | 'fa/text-size-regular' | 'fa/text-slash-regular' | 'fa/ticket-regular' | 'fa/triangle-exclamation-solid' | 'fa/underline-regular' | 'face-empathy' | 'face-happy' | 'face-happy-solid' | 'face-neutral' | 'face-neutral-solid' | 'face-sad' | 'face-sad-solid' | 'facebook' | 'facebook-messenger' | 'fax' | 'file' | 'file-all' | 'file-audio' | 'file-image-landscape' | 'file-image-portrait' | 'file-pdf' | 'file-preview' | 'file-report' | 'file-text' | 'file-video' | 'filter' | 'fire' | 'firefox' | 'flag' | 'folder' | 'folder-add' | 'folder-open' | 'follow' | 'generic' | 'globe' | 'grab-horizontal' | 'grab-vertical' | 'graph-bar-horizontal' | 'graph-bar-vertical' | 'graph-bubble' | 'graph-chart' | 'graph-line' | 'graph-pie' | 'graph-spark' | 'group-standard' | 'help' | 'home' | 'hourglass' | 'import' | 'inbox' | 'inspect' | 'inspect-disable' | 'instagram' | 'internet-explorer' | 'key' | 'lightbulb' | 'line-messenger' | 'link' | 'linkedin' | 'linux' | 'lock' | 'lock-hold' | 'logout' | 'low-bandwidth' | 'lunch' | 'menu' | 'menu-kebab-horizontal' | 'menu-kebab-vertical' | 'message-email' | 'message-email-outbound' | 'message-forward' | 'message-reply' | 'message-reply-all' | 'microphone' | 'microphone-disable' | 'microphone-talking' | 'microsoft' | 'microsoft-teams' | 'moon' | 'music' | 'notes' | 'notification' | 'opera' | 'operator-pair' | 'paint' | 'palette' | 'parking-sign-regular' | 'paste' | 'people' | 'phone' | 'phone-bell' | 'phone-call-directory' | 'phone-call-history' | 'phone-callback' | 'phone-close' | 'phone-conference' | 'phone-dialpad' | 'phone-disable' | 'phone-forward' | 'phone-hangup' | 'phone-hold' | 'phone-inbound' | 'phone-missed-call' | 'phone-notification-score' | 'phone-outbound' | 'phone-success' | 'phone-voice' | 'pin' | 'pin-location' | 'post' | 'product-logo-beyond' | 'product-logo-g' | 'quote-left' | 'quote-right' | 'radio' | 'radio-active' | 'rating' | 'rating-active' | 'rating-partial' | 'record' | 'refresh' | 'reset' | 'resource' | 'retweet' | 'roster-chat' | 'roster-chat-disable' | 'roster-email' | 'roster-email-disable' | 'roster-instagram' | 'roster-instagram-disable' | 'roster-line' | 'roster-line-disable' | 'roster-message' | 'roster-message-disable' | 'roster-messenger' | 'roster-messenger-disable' | 'roster-phone' | 'roster-phone-disable' | 'roster-sms' | 'roster-sms-disable' | 'roster-twitter' | 'roster-twitter-disable' | 'roster-wechat' | 'roster-wechat-disable' | 'roster-whatsapp' | 'roster-whatsapp-disable' | 'rss' | 'run' | 'safari' | 'save' | 'screen-share-regular' | 'screen-share-slash' | 'scripter' | 'search' | 'send' | 'server' | 'settings' | 'share' | 'shield-lock' | 'shield-outline' | 'shield-solid' | 'site' | 'skills' | 'slideshare' | 'sms' | 'sms-cancel' | 'sms-close' | 'stamp' | 'subtract' | 'subtract-circle' | 'sun' | 'tag' | 'tag-add' | 'tag-remove' | 'telegram' | 'tenant' | 'thumbs-down' | 'thumbs-up' | 'timeline' | 'toolbar-apps' | 'toolbar-apps-disable' | 'toolbar-assist' | 'toolbar-assist-disable' | 'toolbar-chat' | 'toolbar-chat-disable' | 'toolbar-favorite' | 'toolbar-favourite' | 'toolbar-help' | 'toolbar-inbox' | 'toolbar-interactions' | 'toolbar-interactions-disable' | 'toolbar-notification' | 'toolbar-phone' | 'toolbar-phone-active-1' | 'toolbar-phone-active-2' | 'toolbar-phone-active-3' | 'toolbar-phone-disable' | 'toolbar-video' | 'toolbar-video-disable' | 'trade' | 'transfer' | 'twitter' | 'unknown' | 'unlink' | 'unlock' | 'upload' | 'user' | 'user-add' | 'user-circle' | 'user-contact-id' | 'user-directory' | 'user-group' | 'user-interactions' | 'user-interactions-disable' | 'viber' | 'video' | 'video-disable' | 'view-all' | 'view-cells' | 'view-grid' | 'view-list' | 'view-lists' | 'view-roster' | 'view-stacked' | 'voicemail' | 'volume-disable' | 'volume-down' | 'volume-none' | 'volume-up' | 'web' | 'webcam' | 'webcam-disable' | 'wechat' | 'whatsapp' | 'window-actual-size' | 'window-contract' | 'window-drag-out' | 'window-expand' | 'window-fullscreen' | 'window-popout' | 'wordpress' | 'youtube' | 'zoom-in' | 'zoom-out';
+export type GuxIconIconName = '8x8' | '8x8-alt' | 'add' | 'add-circle' | 'agent' | 'agent-circle' | 'agent-group' | 'alert-info' | 'alert-success' | 'alert-warning-octogon' | 'alert-warning-triangle' | 'android' | 'app-chart' | 'app-generic' | 'app-layout' | 'app-table' | 'apple' | 'archive' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-solid-down' | 'arrow-solid-left' | 'arrow-solid-right' | 'arrow-solid-up' | 'arrow-up' | 'arrow-up-left' | 'arrow-up-right' | 'at' | 'attachment' | 'backspace' | 'badge-amount' | 'badge-check' | 'badge-edit' | 'badge-file' | 'badge-pause' | 'badge-x' | 'ban-outline' | 'bell' | 'bolt' | 'bot' | 'branch' | 'bug' | 'bus' | 'calendar' | 'calendar-add' | 'calendar-clock' | 'campaign' | 'certificate' | 'chat' | 'chat-bell' | 'chat-close' | 'chat-disable' | 'chat-multi' | 'chat-notification-score' | 'checkbox' | 'checkbox-active' | 'checkbox-partial' | 'checkmark' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-left' | 'chevron-right' | 'chevron-small-down' | 'chevron-small-left' | 'chevron-small-right' | 'chevron-small-up' | 'chrome' | 'cjv-badge-file' | 'cjv-calendar-clock' | 'cjv-custom-default' | 'cjv-custom-event' | 'cjv-custom-session' | 'cjv-default-event' | 'cjv-delivery' | 'cjv-finance-invoice' | 'cjv-form-abandoned' | 'cjv-form-submitted' | 'cjv-generic-application' | 'cjv-offer-closed' | 'cjv-offer-ignored' | 'cjv-offer-offered' | 'cjv-offer-opened' | 'cjv-outcome-achieved' | 'cjv-page-view' | 'cjv-policy-contract' | 'cjv-product-added' | 'cjv-product-purchased' | 'cjv-product-removed' | 'cjv-search' | 'cjv-segment' | 'cjv-segment-assigned' | 'cjv-web-session' | 'cjv-webchat-accepted' | 'cjv-webchat-error' | 'cjv-webchat-ignored' | 'cjv-webchat-offered' | 'cjv-webchat-rejected' | 'cjv-webchat-requested' | 'cjv-webchat-submitted' | 'cjv-webchat-timeout' | 'clipboard' | 'clipboard-error' | 'clipboard-success' | 'clock' | 'clock-outline' | 'clone' | 'close' | 'close-circle' | 'cloud' | 'cloud-outline' | 'coaching' | 'cobrowse' | 'collapse' | 'comments' | 'comments-disable' | 'configuration' | 'control-end' | 'control-pause' | 'control-play' | 'control-skip-left' | 'control-skip-right' | 'control-slide-back' | 'control-slide-forward' | 'control-start' | 'control-stop' | 'copy' | 'custom/add-column-after' | 'custom/add-column-before' | 'custom/add-row-after' | 'custom/add-row-before' | 'custom/binoculars-slash-regular' | 'custom/carousel' | 'custom/clipboard-list-slash-regular' | 'custom/co-browse' | 'custom/delete-column' | 'custom/delete-row' | 'custom/delete-table' | 'custom/face-smile-hearts-regular' | 'custom/file-pen-question' | 'custom/filter-notification' | 'custom/font-regular-highlight' | 'custom/gkn-logo' | 'custom/list-alphabetical-regular' | 'custom/list-roman-regular' | 'custom/one-button' | 'custom/person-running' | 'custom/quick-reply' | 'custom/three-button' | 'custom/wrap-text-inline' | 'custom/wrap-text-tight' | 'custom/wrap-text-top-bottom' | 'customer-journey' | 'cut' | 'dash' | 'delete' | 'device-camera' | 'device-cellphone' | 'device-headphones' | 'device-laptop' | 'device-pc' | 'device-server' | 'device-tablet' | 'download' | 'edge' | 'edit' | 'email-notification-score' | 'expand' | 'export' | 'external-link' | 'fa/00-solid' | 'fa/1-regular' | 'fa/alarm-clock-regular' | 'fa/alarm-snooze-regular' | 'fa/align-center-regular' | 'fa/align-justify-regular' | 'fa/align-left-regular' | 'fa/align-right-regular' | 'fa/arrow-down-wide-short-regular' | 'fa/arrow-turn-down-right-regular' | 'fa/arrows-rotate-solid' | 'fa/arrows-to-circle-regular' | 'fa/asterix-regular' | 'fa/award-solid' | 'fa/backward-step-regular' | 'fa/ban-regular' | 'fa/bell-on-regular' | 'fa/bell-slash-regular' | 'fa/binoculars-regular' | 'fa/bold-regular' | 'fa/book-regular' | 'fa/bookmark-regular' | 'fa/briefcase-regular' | 'fa/bullseye-regular' | 'fa/calculator-regular' | 'fa/calendar-days-regular' | 'fa/check-solid' | 'fa/circle-check-regular' | 'fa/circle-check-solid' | 'fa/circle-info-solid' | 'fa/circle-play-regular' | 'fa/circle-plus-solid' | 'fa/circle-xmark-regular' | 'fa/clipboard-list-regular' | 'fa/clock-nine-regular' | 'fa/clock-rotate-left-regular' | 'fa/code-branch-regular' | 'fa/code-regular' | 'fa/comment-dots-regular' | 'fa/comments-regular' | 'fa/crop-simple-regular' | 'fa/cube-regular' | 'fa/database-regular' | 'fa/diagram-nested-regular' | 'fa/diagram-project-gear-regular' | 'fa/diagram-project-regular' | 'fa/diamond-regular' | 'fa/draw-circle-solid' | 'fa/eye-regular' | 'fa/eye-slash-regular' | 'fa/face-frown-regular' | 'fa/face-frown-solid' | 'fa/face-laugh-regular' | 'fa/face-laugh-solid' | 'fa/file-chart-pie-regular' | 'fa/file-exclamation-regular' | 'fa/file-zip-regular' | 'fa/film-solid' | 'fa/filter-solid' | 'fa/font-regular' | 'fa/forward-step-regular' | 'fa/function-regular' | 'fa/gears-regular' | 'fa/gem-regular' | 'fa/google' | 'fa/hand-back-point-right-regular' | 'fa/hand-pointer-regular' | 'fa/hashtag-regular' | 'fa/hexagon-exclamation-solid' | 'fa/highlighter-line-regular' | 'fa/hourglass-start-regular' | 'fa/indent-regular' | 'fa/infinity-regular' | 'fa/italic-regular' | 'fa/language-regular' | 'fa/laptop-slash-regular' | 'fa/life-ring-regular' | 'fa/link-horizontal-slash-regular' | 'fa/link-horizontal-solid' | 'fa/list-ol-regular' | 'fa/list-radio-clean-regular' | 'fa/list-radio-regular' | 'fa/list-regular' | 'fa/list-ul-regular' | 'fa/map-regular' | 'fa/map-solid' | 'fa/memo-circle-check-regular' | 'fa/message-bot-regular' | 'fa/message-regular' | 'fa/microchip-solid' | 'fa/microsoft' | 'fa/money-bill-regular' | 'fa/outdent-regular' | 'fa/pause-regular' | 'fa/pen-slash-regular' | 'fa/play-regular' | 'fa/puzzle-piece-regular' | 'fa/question-solid' | 'fa/ranking-star-regular' | 'fa/rectangle-list-regular' | 'fa/regular-user-circle-arrow-left' | 'fa/reply-regular' | 'fa/right-to-bracket-regular' | 'fa/road-regular' | 'fa/rocket-regular' | 'fa/route-regular' | 'fa/share-regular' | 'fa/shuffle-regular' | 'fa/sigma-regular' | 'fa/signs-post-regular' | 'fa/sitemap-regular' | 'fa/sliders-solid' | 'fa/square-dashed-regular' | 'fa/stop-regular' | 'fa/strikethrough-regular' | 'fa/subscript-regular' | 'fa/superscript-regular' | 'fa/table-cells-regular' | 'fa/table-columns-regular' | 'fa/text-size-regular' | 'fa/text-slash-regular' | 'fa/ticket-regular' | 'fa/triangle-exclamation-solid' | 'fa/underline-regular' | 'fa/user-group-solid' | 'fa/volume-regular' | 'fa/volume-xmark-regular' | 'fa/wand-magic-sparkles-regular' | 'fa/windows' | 'face-empathy' | 'face-happy' | 'face-happy-solid' | 'face-neutral' | 'face-neutral-solid' | 'face-sad' | 'face-sad-solid' | 'facebook' | 'facebook-messenger' | 'fax' | 'file' | 'file-all' | 'file-audio' | 'file-image-landscape' | 'file-image-portrait' | 'file-pdf' | 'file-preview' | 'file-report' | 'file-text' | 'file-video' | 'filter' | 'fire' | 'firefox' | 'flag' | 'folder' | 'folder-add' | 'folder-open' | 'follow' | 'generic' | 'globe' | 'grab-horizontal' | 'grab-vertical' | 'graph-bar-horizontal' | 'graph-bar-vertical' | 'graph-bubble' | 'graph-chart' | 'graph-line' | 'graph-pie' | 'graph-spark' | 'group-standard' | 'help' | 'home' | 'hourglass' | 'import' | 'inbox' | 'inspect' | 'inspect-disable' | 'instagram' | 'internet-explorer' | 'key' | 'lightbulb' | 'line-messenger' | 'link' | 'linkedin' | 'linux' | 'lock' | 'lock-hold' | 'logout' | 'low-bandwidth' | 'lunch' | 'menu' | 'menu-kebab-horizontal' | 'menu-kebab-vertical' | 'message-email' | 'message-email-outbound' | 'message-forward' | 'message-reply' | 'message-reply-all' | 'microphone' | 'microphone-disable' | 'microphone-talking' | 'microsoft' | 'microsoft-teams' | 'moon' | 'music' | 'notes' | 'notification' | 'opera' | 'operator-pair' | 'paint' | 'palette' | 'parking-sign-regular' | 'paste' | 'people' | 'phone' | 'phone-bell' | 'phone-call-directory' | 'phone-call-history' | 'phone-callback' | 'phone-close' | 'phone-conference' | 'phone-dialpad' | 'phone-disable' | 'phone-forward' | 'phone-hangup' | 'phone-hold' | 'phone-inbound' | 'phone-missed-call' | 'phone-notification-score' | 'phone-outbound' | 'phone-success' | 'phone-voice' | 'pin' | 'pin-location' | 'post' | 'product-logo-beyond' | 'product-logo-g' | 'quote-left' | 'quote-right' | 'radio' | 'radio-active' | 'rating' | 'rating-active' | 'rating-partial' | 'record' | 'refresh' | 'reset' | 'resource' | 'retweet' | 'roster-chat' | 'roster-chat-disable' | 'roster-email' | 'roster-email-disable' | 'roster-instagram' | 'roster-instagram-disable' | 'roster-line' | 'roster-line-disable' | 'roster-message' | 'roster-message-disable' | 'roster-messenger' | 'roster-messenger-disable' | 'roster-phone' | 'roster-phone-disable' | 'roster-sms' | 'roster-sms-disable' | 'roster-twitter' | 'roster-twitter-disable' | 'roster-wechat' | 'roster-wechat-disable' | 'roster-whatsapp' | 'roster-whatsapp-disable' | 'rss' | 'run' | 'safari' | 'save' | 'screen-share-regular' | 'screen-share-slash' | 'scripter' | 'search' | 'send' | 'server' | 'settings' | 'share' | 'shield-lock' | 'shield-outline' | 'shield-solid' | 'site' | 'skills' | 'slideshare' | 'sms' | 'sms-cancel' | 'sms-close' | 'stamp' | 'subtract' | 'subtract-circle' | 'sun' | 'tag' | 'tag-add' | 'tag-remove' | 'telegram' | 'tenant' | 'thumbs-down' | 'thumbs-up' | 'timeline' | 'toolbar-apps' | 'toolbar-apps-disable' | 'toolbar-assist' | 'toolbar-assist-disable' | 'toolbar-chat' | 'toolbar-chat-disable' | 'toolbar-favorite' | 'toolbar-favourite' | 'toolbar-help' | 'toolbar-inbox' | 'toolbar-interactions' | 'toolbar-interactions-disable' | 'toolbar-notification' | 'toolbar-phone' | 'toolbar-phone-active-1' | 'toolbar-phone-active-2' | 'toolbar-phone-active-3' | 'toolbar-phone-disable' | 'toolbar-video' | 'toolbar-video-disable' | 'trade' | 'transfer' | 'twitter' | 'unknown' | 'unlink' | 'unlock' | 'upload' | 'user' | 'user-add' | 'user-circle' | 'user-contact-id' | 'user-directory' | 'user-group' | 'user-interactions' | 'user-interactions-disable' | 'viber' | 'video' | 'video-disable' | 'view-all' | 'view-cells' | 'view-grid' | 'view-list' | 'view-lists' | 'view-roster' | 'view-stacked' | 'voicemail' | 'volume-disable' | 'volume-down' | 'volume-none' | 'volume-up' | 'web' | 'webcam' | 'webcam-disable' | 'wechat' | 'whatsapp' | 'window-actual-size' | 'window-contract' | 'window-drag-out' | 'window-expand' | 'window-fullscreen' | 'window-popout' | 'wordpress' | 'youtube' | 'zoom-in' | 'zoom-out';
+export type GuxIconSize = 'inherit' | 'small' | 'medium' | 'large';

package/dist/types/components/stable/gux-listbox/gux-listbox.d.ts

@@ -11,14 +11,14 @@ export declare class GuxListbox {
   private i18n;
   root: HTMLGuxListboxElement;
   value: string;
+  loading: boolean;
   filter: string;
   filterType: GuxFilterTypes;
-  loading: boolean;
+  emptyMessage: string;
   selectedValues: string[];
   listboxOptions: ListboxOptionElement[];
   allListboxOptionsFiltered: boolean;
   internallistboxoptionsupdated: EventEmitter;
-  onFocus(): void;
   onBlur(): void;
   onKeydown(event: KeyboardEvent): void;
   onKeyup(event: KeyboardEvent): void;

package/dist/types/components/stable/gux-listbox/gux-listbox.service.d.ts

@@ -1,5 +1,6 @@
 import { ListboxOptionElement } from './options/option-types';
 export declare function getListOptions(list: HTMLGuxListboxElement): ListboxOptionElement[];
+export declare function hasActiveOption(list: HTMLGuxListboxElement): boolean;
 export declare function getSearchOption(list: HTMLGuxListboxElement, searchString: string): ListboxOptionElement;
 export declare function clearActiveOptions(list: HTMLGuxListboxElement): void;
 export declare function setInitialActiveOption(list: HTMLGuxListboxElement): void;

package/dist/types/components/stable/gux-listbox/options/gux-option/gux-option.d.ts

@@ -10,9 +10,6 @@ export declare class GuxOption {
   selected: boolean;
   disabled: boolean;
   filtered: boolean;
-  hovered: boolean;
-  onmouseenter(): void;
-  onMouseleave(): void;
   handleActive(active: boolean): void;
   componentWillLoad(): void;
   private getAriaSelected;

package/dist/types/components/stable/gux-listbox/options/option-types.d.ts

@@ -25,7 +25,6 @@ export interface ListboxOptionElement extends HTMLElement {
   active: boolean;
   disabled: boolean;
   filtered: boolean;
-  hovered: boolean;
   selected: boolean;
   value: string;
 }

package/dist/types/components/stable/gux-listbox-multi/gux-listbox-multi.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
-import { GuxFilterTypes } from '../../stable/gux-dropdown/gux-dropdown.types';
+import { GuxFilterTypes } from '../gux-dropdown/gux-dropdown.types';
 /**
  * @slot - collection of gux-option-multi elements
  */
@@ -12,11 +12,11 @@ export declare class GuxListboxMulti {
   filter: string;
   textInput: string;
   filterType: GuxFilterTypes;
+  emptyMessage: string;
   listboxOptions: HTMLGuxOptionMultiElement[];
   allListboxOptionsFiltered: boolean;
   internallistboxoptionsupdated: EventEmitter;
   hasExactMatch: boolean;
-  onFocus(): void;
   onBlur(): void;
   selectNewCustomOption(event: CustomEvent<string>): void;
   onKeydown(event: KeyboardEvent): void;

package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts

@@ -11,15 +11,13 @@ export declare class GuxOptionMulti {
   selected: boolean;
   disabled: boolean;
   filtered: boolean;
-  hovered: boolean;
   custom: boolean;
-  onmouseenter(): void;
-  onMouseleave(): void;
   guxremovecustomoption: EventEmitter<string>;
   internalselectcustomoption: EventEmitter<string>;
   emitRemoveCustomOption(): void;
   handleActive(active: boolean): void;
   componentWillLoad(): Promise<void>;
+  renderSVGCheckbox(): JSX.Element;
   renderCustomOptionInstructions(): JSX.Element;
   render(): JSX.Element;
 }

package/dist/types/components/stable/gux-loading-message/gux-loading-message.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from '../../../stencil-public-runtime';
+/**
+ * @slot progress - Required slot for progress.
+ * @slot primary-guidance - Required slot for primary guidance.
+ * @slot additional-guidance - Slot for additional guidance.
+ */
+export declare class GuxLoadingMessage {
+  root: HTMLElement;
+  componentWillLoad(): void;
+  render(): JSX.Element;
+}

package/dist/types/components/stable/gux-modal/gux-modal.d.ts

@@ -1,37 +1,35 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
 import { GuxModalSize } from './gux-modal.types';
-/**
- * @slot content - Required slot for the modal content
- * @slot left-align-buttons - Optional slot to set gux-buttons aligned to the left of the modal
- * @slot right-align-buttons - Optional slot to set gux-buttons aligned to the left of the modal
- * @slot title - Optional slot to set the modal title
- */
 export declare class GuxModal {
-  private dismissButton;
-  private triggerElement;
+  private dialogElement;
   private root;
   /**
    * Indicates the size of the modal (small, medium or large)
    */
   size: GuxModalSize;
-  trapFocus: boolean;
   /**
-   * Query selector for the element to initially focus when the modal opens
-   * Defaults to the first tabbable element
+   * Indicates/sets whether or not the modal is open. On a native dialog, you should not toggle the
+   * open attribute, due to the unusual behaviors described [here](https://html.spec.whatwg.org/multipage/interactive-elements.html#attr-dialog-open)
+   * In this component, it is safe as this property acts as a proxy for calls to `showModal` and `close`.
    */
-  initialFocus?: string | undefined;
+  open: boolean;
   /**
-   * Fired when a user dismisses the modal (The default behaviour is to remove the component from the DOM)
+   * Fired when a user dismisses the modal
    */
   guxdismiss: EventEmitter<void>;
-  protected handleKeyEvent(event: KeyboardEvent): void;
-  connectedCallback(): void;
+  /**
+   * "Renders" the open state of the modal
+   */
+  private syncOpenState;
+  showModal(): Promise<void>;
+  close(): Promise<void>;
   componentWillLoad(): void;
   componentDidLoad(): void;
-  render(): JSX.Element;
-  private renderModalTrapFocusEl;
-  private getInitialFocusElement;
   private hasModalTitleSlot;
   private hasFooterButtons;
+  render(): JSX.Element;
+  private renderTitle;
+  private renderButtonFooter;
+  private onCloseHandler;
   private onDismissHandler;
 }

package/dist/types/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-button.service.d.ts

@@ -4,6 +4,6 @@ interface GuxPaginationButtonsExpandedPageListItem {
   current: boolean;
 }
 export declare class GuxPaginationButtonsService {
-  static getPageList(currentPage: number, totalPages: number): GuxPaginationButtonsExpandedPageListItem[];
+  static displayAllPageButtons(currentPage: number, totalPages: number, layout: string): GuxPaginationButtonsExpandedPageListItem[];
 }
 export {};

package/dist/types/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.d.ts

@@ -1,26 +1,23 @@
 import { JSX } from '../../../../stencil-public-runtime';
 import { GuxPaginationLayout } from '../gux-pagination.types';
 export declare class GuxPaginationButtons {
+  currentElement: HTMLElement;
   private root;
-  private textFieldRef;
   private i18n;
   currentPage: number;
   totalPages: number;
   layout: GuxPaginationLayout;
   private internalcurrentpagechange;
+  goToPageHandler(event: CustomEvent<number>): void;
   private get onFirstPage();
   private get onLastPage();
   private handleClickFirst;
   private handleClickPrevious;
   private handleClickNext;
   private handleClickLast;
-  private handleClickPage;
-  private setPageFromInput;
+  private handlePageChange;
   private getPageListEnteries;
-  private getSmallPagePicker;
-  private getExpandedPagePicker;
-  private getFullPagePicker;
-  private getPagePicker;
+  private getPageNavigation;
   componentWillLoad(): Promise<void>;
   render(): JSX.Element;
 }

package/dist/types/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.d.ts

@@ -8,5 +8,6 @@ export declare class GuxPaginationItemCounts implements ComponentInterface {
   private get firstItem();
   private get lastItem();
   componentWillLoad(): Promise<void>;
+  private getPaginationItemCountsRange;
   render(): JSX.Element;
 }

package/dist/types/components/stable/gux-pagination/gux-pagination.d.ts

@@ -1,7 +1,14 @@
 import { ComponentInterface, JSX } from '../../../stencil-public-runtime';
-import { GuxItemsPerPage, GuxPaginationLayout } from './gux-pagination.types';
+import { GuxItemsPerPage } from '../../legacy/gux-pagination-legacy/gux-pagination.types';
+import { GuxPaginationLayout } from './gux-pagination.types';
 export declare class GuxPagination implements ComponentInterface {
   private root;
+  private resizeObserver?;
+  private reinstateLayoutBreakpoint;
+  /**
+   * The pagination component can have different layouts to suit the available space
+   */
+  layout: GuxPaginationLayout;
   /**
    * The currently select page. Changes are watched by the component.
    */
@@ -14,22 +21,24 @@ export declare class GuxPagination implements ComponentInterface {
    * The max number of items on a page. Used to calculate total page count
    */
   itemsPerPage: GuxItemsPerPage;
-  /**
-   * The pagination component can have different layouts to suit the available space
-   */
-  layout: GuxPaginationLayout;
   /**
    * The total number of pages needed for the the data set.
    */
   private totalPages;
+  /**
+   * Pagination layout to display based on resize observer
+   */
+  displayedLayout: GuxPaginationLayout;
   private guxpaginationchange;
   private setPage;
-  private calculateTotalPages;
-  private calculateCurrentPage;
   private handleInternalitemsperpagechange;
   private handleInternalcurrentpagechange;
-  private getPaginationInfoElement;
+  private calculateTotalPages;
+  private calculateCurrentPage;
+  private checkPaginationContainerWidthForLayout;
   componentWillLoad(): void;
   componentWillRender(): void;
+  disconnectedCallback(): void;
+  componentDidLoad(): void;
   render(): JSX.Element;
 }

package/dist/types/components/stable/gux-pagination/gux-pagination.types.d.ts

@@ -1,6 +1,2 @@
+export type GuxPaginationLayout = 'simple' | 'advanced';
 export type GuxItemsPerPage = 25 | 50 | 75 | 100;
-export type GuxPaginationLayout = 'small' | 'expanded' | 'full';
-export type GuxPaginationState = {
-  currentPage: number;
-  itemsPerPage: number;
-};

package/dist/types/components/stable/gux-pagination-cursor/gux-pagination-cursor.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxItemsPerPage } from '../gux-pagination/gux-pagination.types';
+import { GuxItemsPerPage } from '../../legacy/gux-pagination-legacy/gux-pagination.types';
 export declare class GuxPaginationCursor {
   private i18n;
   private root;

package/dist/types/components/stable/gux-popover/gux-popover.d.ts

@@ -1,22 +1,22 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
-import { PopperPosition } from './gux-popover.types';
+import { Placement } from '@floating-ui/dom';
 /**
  * @slot - popover content
  * @slot title - Slot for popover title
  */
 export declare class GuxPopover {
-  private popperInstance;
-  private hiddenObserver;
   private popupElement;
+  private arrowElement;
+  private cleanupUpdatePosition;
   private root;
   /**
    * Indicates the id of the element the popover should anchor to
    */
   for: string;
   /**
-   * Indicate position of popover element arrow (follow popper js position attribute api)
+   * Indicate position of popover element arrow (follow floating ui placement attribute api)
    */
-  position: PopperPosition;
+  position: Placement;
   /**
    * Indicate if the dismiss button is displayed
    */
@@ -25,19 +25,22 @@ export declare class GuxPopover {
    * Close popover when the user clicks outside of its bounds
    */
   closeOnClickOutside: boolean;
+  /**
+   * Controls hiding and showing the popover
+   */
+  isOpen: boolean;
   /**
    * Fired when a user dismisses the popover
    */
   guxdismiss: EventEmitter<void>;
-  hidden: boolean;
-  hiddenHandler(hidden: boolean): void;
   checkForClickOutside(event: MouseEvent): void;
   get titleSlot(): HTMLSlotElement | null;
-  private runPopper;
-  private destroyPopper;
+  private runUpdatePosition;
+  private updatePosition;
   private dismiss;
   connectedCallback(): void;
   componentDidLoad(): void;
+  componentDidUpdate(): void;
   disconnectedCallback(): void;
   private renderDismissButton;
   render(): JSX.Element;

package/dist/types/components/stable/gux-popover-list/gux-popover-list.d.ts

@@ -24,6 +24,9 @@ export declare class GuxPopoverList {
    * Close popover when the user clicks outside of its bounds
    */
   closeOnClickOutside: boolean;
+  /**
+   * Controls hiding and showing the popover
+   */
   isOpen: boolean;
   /**
    * Fired when a user dismisses the popover

package/dist/types/components/stable/gux-popup/gux-popup.d.ts

@@ -9,6 +9,14 @@ export declare class GuxPopup {
   private cleanupUpdatePosition;
   expanded: boolean;
   disabled: boolean;
+  /**
+   * Number of pixels the popup is offset from the target.
+   */
+  offset: number;
+  /**
+   * set if parent component design allows for popup exceeding target width
+   */
+  exceedTargetWidth: boolean;
   /**
    * This event will run when the popup transitions to an expanded state.
    */

package/dist/types/components/stable/gux-radial-loading/gux-radial-loading.functional.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+import { GuxRadialLoadingContext } from './gux-radial-loading.types';
+interface GuxSpinnerStateProps {
+  context: GuxRadialLoadingContext;
+  screenreaderText: string;
+}
+export declare const GuxSpinnerState: FunctionalComponent<GuxSpinnerStateProps>;
+export {};

package/dist/types/components/stable/gux-radial-loading/gux-radial-loading.service.d.ts

@@ -0,0 +1,4 @@
+export declare const largeSpinner = 48;
+export declare const largeBorder = 4;
+export declare const smallSpinner = 16;
+export declare const smallBorder = 2;

package/dist/types/components/stable/gux-radial-progress/gux-radial-progress.d.ts

@@ -1,7 +1,5 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxRadialProgressScale } from './gux-radial-progress.types';
 export declare class GuxRadialProgress {
-  private dropshadowId;
   private root;
   /**
    * The progress made in the progress spinner compared to the max value
@@ -11,10 +9,6 @@ export declare class GuxRadialProgress {
    * The max value of the progress spinner
    */
   max: number;
-  /**
-   * The max number of decimal places that will be displayed
-   */
-  scale: GuxRadialProgressScale;
   /**
    * Required localized text to provide an accessible label for the component
    */

package/dist/types/components/stable/gux-radial-progress/gux-radial-progress.functional.d.ts

@@ -1,13 +1,7 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
-import { GuxRadialProgressScale } from './gux-radial-progress.types';
-interface GuxSpinnerStateProps {
-  screenreaderText: string;
-}
 interface GuxPercentageStateProps {
   value: number;
   max: number;
-  dropshadowId: string;
-  scale: GuxRadialProgressScale;
   screenreaderText: string;
 }
 interface GuxSpinnerStateProps {

package/dist/types/components/stable/gux-radial-progress/gux-radial-progress.service.d.ts

@@ -1,5 +1,6 @@
-import { GuxRadialProgressScale } from './gux-radial-progress.types';
-export declare const RADIUS = 23.5;
+export declare const OVERALL_SIZE = 48;
+export declare const BORDER_SIZE = 4;
+export declare const RADIUS: number;
 export declare const STROKE_DASH: number;
 export declare function canShowPercentageState(value: number, max: number): boolean;
-export declare function getPercentageString(value: number, max: number, scale: GuxRadialProgressScale): string;
+export declare function getPercentageString(value: number, max: number): string;

package/dist/types/components/stable/gux-rating/gux-rating.d.ts

@@ -6,6 +6,7 @@ export declare class GuxRating {
   maxValue: number;
   disabled: boolean;
   readonly: boolean;
+  increment: 'default' | 'half';
   onClick(event: MouseEvent): void;
   onKeyDown(event: KeyboardEvent): void;
   private updateRatingValue;

package/dist/types/components/stable/gux-table/gux-all-row-select/gux-all-row-select.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter, JSX } from '../../../../stencil-public-runtime';
+export declare class GuxAllRowSelect {
+  private inputElement;
+  private id;
+  private i18n;
+  root: HTMLElement;
+  selected: boolean;
+  disabled: boolean;
+  internalallrowselectchange: EventEmitter;
+  onCheck(event: CustomEvent): void;
+  setIndeterminate(indeterminate?: boolean): Promise<void>;
+  componentWillLoad(): Promise<void>;
+  render(): JSX.Element;
+}