npm - genesys-spark-components - Versions diffs - 4.0.0-beta.5 → 4.0.0-beta.51 - Mend

genesys-spark-components 4.0.0-beta.5 → 4.0.0-beta.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2045) hide show

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

	@@ -1 +1 @@
1	- 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';
1	+ 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/carousel' \| 'custom/clipboard-list-slash-regular' \| 'custom/co-browse' \| 'custom/face-smile-hearts-regular' \| 'custom/file-pen-question' \| 'custom/filter-notification' \| 'custom/font-regular-highlight' \| 'custom/list-alphabetical-regular' \| 'custom/list-roman-regular' \| 'custom/one-button' \| 'custom/person-running' \| 'custom/quick-reply' \| 'custom/three-button' \| '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/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-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/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/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';

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -1,37 +1,24 @@
 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
-   */
-  initialFocus?: string | undefined;
-  /**
-   * 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;
+  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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,21 +1,21 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
-import { PopperPosition } from './gux-popover-list.types';
+import { Placement } from '@floating-ui/dom';
 /**
  * @slot - popover content
  */
 export declare class GuxPopoverList {
-  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
    */
@@ -24,18 +24,21 @@ 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
    */
   guxdismiss: EventEmitter<void>;
-  hidden: boolean;
-  hiddenHandler(hidden: boolean): void;
   checkForClickOutside(event: MouseEvent): void;
-  private runPopper;
-  private destroyPopper;
+  private runUpdatePosition;
+  private updatePosition;
   private dismiss;
   connectedCallback(): void;
   componentDidLoad(): void;
+  componentDidUpdate(): void;
   disconnectedCallback(): void;
   render(): JSX.Element;
 }

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

@@ -9,6 +9,10 @@ export declare class GuxPopup {
   private cleanupUpdatePosition;
   expanded: boolean;
   disabled: boolean;
+  /**
+   * 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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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-table/gux-row-select/gux-row-select.d.ts ADDED Viewed

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

package/dist/types/components/stable/gux-table/gux-table.d.ts ADDED Viewed

@@ -0,0 +1,89 @@
+import { EventEmitter, JSX } from '../../../stencil-public-runtime';
+import { GuxTableSortState, GuxTableSelectedState } from './gux-table.types';
+/**
+ * @slot data - Slot for table element
+ */
+export declare class GuxTable {
+  root: HTMLElement;
+  private resizeObserver;
+  private slotObserver;
+  private i18n;
+  private columnResizeState;
+  private tableId;
+  private columnsWidths;
+  /**
+   * Indicates that vertical scroll is presented for table
+   */
+  private isVerticalScroll;
+  /**
+   * Indicates if the mouse is in a position that supports starting resize
+   */
+  private columnResizeHover;
+  /**
+   * Indicates table row density style
+   */
+  compact: boolean;
+  /**
+   * Indicates that object table specific styles should be applied
+   */
+  objectTable: boolean;
+  /**
+   * Represents info message that should be displayed for empty table
+   */
+  emptyMessage: string;
+  /**
+   * Triggers when table row was selected/unselected
+   */
+  guxselectionchanged: EventEmitter<GuxTableSelectedState>;
+  /**
+   * Triggers when the sorting of the table column is changed.
+   */
+  guxsortchanged: EventEmitter<GuxTableSortState>;
+  /**
+   * Indicates that table should have resizable columns
+   */
+  resizableColumns: boolean;
+  /******************************* Lifecycle Hooks *******************************/
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  private checkVerticalScroll;
+  disconnectedCallback(): void;
+  /******************************* Event Listeners *******************************/
+  onInternalAllRowSelectChange(event: CustomEvent): void;
+  onInternalRowSelectChange(event: CustomEvent): void;
+  onMouseMove(event: MouseEvent): void;
+  onMouseDown(event: MouseEvent): void;
+  onMouseUp(): void;
+  /******************************* Element Getters *******************************/
+  private get tableContainer();
+  private get slottedTable();
+  private get tableRows();
+  private get tableColumns();
+  private get rowCheckboxes();
+  private get selectAllCheckbox();
+  /******************************* Row Selection *******************************/
+  /**
+   * Returns the selected rows Ids.
+   */
+  getSelected(): Promise<GuxTableSelectedState>;
+  private getSelectedInternal;
+  private prepareSelectableRows;
+  private updateSelectAllBoxState;
+  private handleSelectAllRows;
+  private handleRowSelection;
+  private emitSelectionEvent;
+  private updateRowSelection;
+  /******************************* Resizable Columns *******************************/
+  private prepareResizableColumns;
+  private updateResizeState;
+  private maybeStartResizing;
+  private stopResizing;
+  private isInResizeZone;
+  /** Calculates column width minus padding in pixels */
+  private calculateColumnWidths;
+  private setResizableColumnsStyles;
+  /******************************* Rendering *******************************/
+  private get isTableEmpty();
+  private get tableContainerClasses();
+  render(): JSX.Element;
+}

package/dist/types/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { JSX } from '../../../../stencil-public-runtime';
+import { GuxTableToolbarActionAccent } from '../gux-table-toolbar-action-accents.types';
+/**
+ * @slot text - Slot for action text.
+ * @slot icon - Slot for icon.
+ */
+export declare class GuxTableToolbarCustomAction {
+  root: HTMLElement;
+  iconOnly: boolean;
+  accent: GuxTableToolbarActionAccent;
+  disabled: boolean;
+  private renderTooltip;
+  componentWillLoad(): void;
+  render(): JSX.Element;
+}

package/dist/types/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { JSX } from '../../../../stencil-public-runtime';
+export declare class GuxTableToolbarMenuButton {
+  listElement: HTMLGuxListElement;
+  dropdownButton: HTMLElement;
+  private tooltipTitleElement;
+  private i18n;
+  private root;
+  showMenu: boolean;
+  expanded: boolean;
+  handleKeyDown(event: KeyboardEvent): void;
+  handleKeyup(event: KeyboardEvent): void;
+  onFocusin(): void;
+  onFocusout(): void;
+  private toggle;
+  onClickOutside(): void;
+  private focusPopupList;
+  private focusFirstItemInPopupList;
+  componentWillLoad(): Promise<void>;
+  render(): JSX.Element;
+}