@ukic/web-components 3.0.0-alpha.1 → 3.0.0-alpha.10

package/dist/types/components/ic-pagination/ic-pagination.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcThemeForeground } from "../../utils/types";
+import { IcThemeMode } from "../../utils/types";
 import { IcPaginationTypes, IcChangeEventDetail } from "./ic-pagination.types";
 export declare class Pagination {
     el: HTMLIcPaginationElement;
@@ -13,10 +13,6 @@ export declare class Pagination {
      */
     adjacentPageCount: number;
     watchAdjacentPageCountHandler(): void;
-    /**
-     * The appearance of the pagination, e.g. dark, light or the default.
-     */
-    appearance: IcThemeForeground;
     /**
      * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
      */
@@ -30,6 +26,7 @@ export declare class Pagination {
      * If `true`, the pagination will not allow interaction.
      */
     disabled: boolean;
+    watchDisabledHandler(): void;
     /**
      * If `true`, the current page of the simple pagination will not be displayed.
      */
@@ -42,11 +39,19 @@ export declare class Pagination {
      * The label for the pagination item (applicable when simple pagination is being used).
      */
     label: string;
+    /**
+     * If `true`, the pagination will display as black in the light theme, and white in dark theme.
+     */
+    monochrome?: boolean;
     /**
      * The total number of pages.
      */
     pages: number;
     watchNumberPagesHandler(): void;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * The type of pagination to be used.
      */

package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts

@@ -1,22 +1,23 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcPaginationItemType } from "./ic-pagination-item.types";
-import { IcThemeForeground } from "../../utils/types";
+import { IcThemeMode } from "../../utils/types";
 export declare class PaginationItem {
     el: HTMLIcPaginationItemElement;
     capitalizedLabel: string;
-    /**
-     * The appearance of the pagination, e.g. dark, light or the default.
-     */
-    appearance: IcThemeForeground;
     /**
      * If `true`, the pagination item will be disabled.
      */
     disabled: boolean;
+    watchDisabledHandler(): void;
     /**
      * The label for the pagination item (applicable when simple pagination is being used).
      */
     label: string;
     watchLabelHandler(): void;
+    /**
+     * If `true`, the pagination item will display as black in the light theme, and white in dark theme.
+     */
+    monochrome?: boolean;
     /**
      * The current page number.
      */
@@ -25,6 +26,10 @@ export declare class PaginationItem {
      * If `true`, the pagination item will be selected.
      */
     selected: boolean;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * The type of pagination item - 'page' or 'ellipsis'.
      */

package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { IcThemeMode } from "../../utils/types";
 export declare class PopoverMenu {
     private anchorEl;
     private ARIA_LABEL;
@@ -29,6 +30,10 @@ export declare class PopoverMenu {
      * @internal The level of menu being displayed.
      */
     submenuLevel: number;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * If `true`, the popover menu will be displayed.
      */
@@ -37,15 +42,12 @@ export declare class PopoverMenu {
     /**
      * Emitted when the popover menu is closed.
      */
-    icPopoverClosed: EventEmitter<void>;
+    icPopoverClosed: EventEmitter<HTMLIcMenuItemElement>;
     disconnectedCallback(): void;
     componentDidLoad(): void;
     componentWillRender(): void;
     componentDidRender(): void;
-    handleMenuItemClick(ev: CustomEvent<{
-        label: string;
-        hasSubMenu: boolean;
-    }>): void;
+    handleMenuItemClick(ev: CustomEvent<HTMLIcMenuItemElement>): void;
     handleSubmenuChange(ev: Event): void;
     handleClick(ev: Event): void;
     handleKeyDown(ev: KeyboardEvent): void;
@@ -61,10 +63,10 @@ export declare class PopoverMenu {
     private findAnchorEl;
     private isNotPopoverMenuEl;
     /**
-     * Close the popover menu, emit isPopoverClosed event
+     * @internal Close the menu, emit icPopoverClosed of the root popover
      * @param setFocusToAnchor when true return focus to anchor element when menu is closed
      */
-    private closeMenu;
+    closeMenu(setFocusToAnchor?: boolean, menuElement?: HTMLIcMenuItemElement): Promise<void>;
     private getNextItemToSelect;
     private addMenuItems;
     private getMenuAriaLabel;

package/dist/types/components/ic-radio-group/ic-radio-group.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcInformationStatusOrEmpty, IcOrientation, IcSizesNoLarge, IcValueEventDetail } from "../../utils/types";
+import { IcInformationStatusOrEmpty, IcOrientation, IcSizesNoLarge, IcThemeMode, IcValueEventDetail } from "../../utils/types";
 import { IcChangeEventDetail } from "./ic-radio-group.types";
 export declare class RadioGroup {
     private radioContainer;
@@ -55,6 +55,11 @@ export declare class RadioGroup {
      */
     validationText: string;
     orientationChangeHandler(): void;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
+    watchThemeHandler(newValue: IcThemeMode): void;
     /**
      * Emitted when a user selects a radio.
      */

package/dist/types/components/ic-radio-option/ic-radio-option.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcAdditionalFieldTypes, IcValueEventDetail } from "../../utils/types";
+import { IcAdditionalFieldTypes, IcThemeMode, IcValueEventDetail } from "../../utils/types";
 /**
  * @slot additional-field - Content to displayed alongside a radio option.
  */
@@ -17,6 +17,7 @@ export declare class RadioOption {
      * If `true`, the disabled state will be set.
      */
     disabled?: boolean;
+    watchDisabledHandler(): void;
     /**
      * The text to be displayed when dynamic.
      */
@@ -37,6 +38,10 @@ export declare class RadioOption {
      * The name for the radio option.
      */
     name: string;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * The value for the radio option.
      */
@@ -51,6 +56,7 @@ export declare class RadioOption {
      * Emitted when the radio option is selected.
      */
     icCheck: EventEmitter<IcValueEventDetail>;
+    handleCheck(ev: CustomEvent<IcValueEventDetail>): void;
     /**
      * Emitted when the radio option is selected or deselected.
      */
@@ -60,7 +66,7 @@ export declare class RadioOption {
     componentDidLoad(): void;
     componentWillRender(): void;
     componentDidRender(): void;
-    textfieldValueHandler(event: CustomEvent<{
+    additionalFieldValueHandler(event: CustomEvent<{
         value: string;
     }>): void;
     /**
@@ -71,8 +77,9 @@ export declare class RadioOption {
      * @internal Sets the tabIndex of the radio option.
      */
     setTabIndex(value: number): Promise<void>;
+    private getAdditionalField;
     private handleClick;
-    private swallowClick;
+    private handleKeyDown;
     private handleFormReset;
     render(): any;
 }

package/dist/types/components/ic-search-bar/ic-search-bar.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcAutocompleteTypes, IcAutocorrectStates, IcMenuOption, IcSizesNoLarge } from "../../utils/types";
+import { IcAutocompleteTypes, IcAutocorrectStates, IcMenuOption, IcSizesNoLarge, IcThemeMode } from "../../utils/types";
 import { IcSearchBarBlurEventDetail, IcSearchBarSearchModes } from "./ic-search-bar.types";
 import { IcValueEventDetail, IcBlurEventDetail } from "../../utils/types";
 import { IcMenuChangeEventDetail, IcOptionSelectEventDetail } from "../ic-menu/ic-menu.types";
@@ -53,6 +53,7 @@ export declare class SearchBar {
      * If `true`, the disabled state will be set.
      */
     disabled?: boolean;
+    watchDisabledHandler(): void;
     /**
      * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.
      * If `true`, all options provided will be displayed.
@@ -62,6 +63,7 @@ export declare class SearchBar {
      * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
      */
     debounce?: number;
+    private debounceChanged;
     /**
      * The text displayed when there are no options in the option list.
      */
@@ -135,6 +137,10 @@ export declare class SearchBar {
      * If `true`, the value of the search will have its spelling and grammar checked.
      */
     spellcheck: boolean;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * If using external filtering, set a timeout for when loading takes too long.
      */
@@ -206,11 +212,18 @@ export declare class SearchBar {
      * Emitted when focus is invoked from ic-search-bar
      */
     icSearchBarFocus: EventEmitter<IcValueEventDetail>;
+    /**
+     * Emitted when a keydown event occurred.
+     */
+    icKeydown: EventEmitter<{
+        event: KeyboardEvent;
+    }>;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     componentWillRender(): void;
-    handleKeyDown(ev: CustomEvent): void;
+    handleKeyDown(event: KeyboardEvent): void;
     handleKeyUp(ev: KeyboardEvent): void;
     /**
      * Sets focus on the native `input`.
@@ -231,7 +244,6 @@ export declare class SearchBar {
     private handleHostBlur;
     private handleShowClearButton;
     private handleFocusClearButton;
-    private handleMenuCloseFromMenuChange;
     private handleTruncateValue;
     private renderAssistiveHintEl;
     private updateSearchResultAriaLive;

package/dist/types/components/ic-select/ic-select.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcInformationStatusOrEmpty, IcMenuOption, IcSearchMatchPositions, IcValueEventDetail, IcSizes } from "../../utils/types";
+import { IcInformationStatusOrEmpty, IcMenuOption, IcSearchMatchPositions, IcValueEventDetail, IcSizes, IcThemeMode } from "../../utils/types";
 import { IcOptionSelectEventDetail } from "../ic-menu/ic-menu.types";
 /**
  * @slot icon - Content will be placed to the left of the select text input.
@@ -28,7 +28,7 @@ export declare class Select {
     el: HTMLIcSelectElement;
     ariaActiveDescendant: string;
     clearButtonFocused: boolean;
-    debounceIcChange: number;
+    debounceIcInput: number;
     hiddenInputValue: string;
     noOptions: IcMenuOption[];
     open: boolean;
@@ -38,6 +38,7 @@ export declare class Select {
      * If `true`, the disabled state will be set.
      */
     disabled?: boolean;
+    watchDisabledHandler(): void;
     /**
      * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source.
      */
@@ -51,7 +52,7 @@ export declare class Select {
      */
     form?: string;
     /**
-     * If `true`, the select element will fill the width of the container. This prop should only be used with searchable select and will only be applied if searchable is true.
+     * If `true`, the select will fill the width of the container.
      */
     fullWidth: boolean;
     /**
@@ -82,6 +83,10 @@ export declare class Select {
      * The message displayed whilst the options are being loaded externally.
      */
     loadingLabel?: string;
+    /**
+     * If `true`, multiple options can be selected.
+     */
+    multiple?: boolean;
     /**
      * The name of the control, which is submitted with the form data.
      */
@@ -99,7 +104,7 @@ export declare class Select {
      */
     required?: boolean;
     /**
-     * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.
+     * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options. This functionality is only available on the single-select variant of the select component.
      */
     searchable?: boolean;
     /**
@@ -107,7 +112,7 @@ export declare class Select {
      */
     searchMatchPosition?: IcSearchMatchPositions;
     /**
-     * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.
+     * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown on the single select.
      */
     selectOnEnter?: boolean;
     /**
@@ -115,13 +120,17 @@ export declare class Select {
      */
     showClearButton?: boolean;
     /**
-     * The size of the select component.
+     * The size of the select.
      */
     size?: IcSizes;
     /**
      * If using external filtering, set a timeout for when loading takes too long.
      */
     timeout?: number;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * The validation status - e.g. 'error' | 'warning' | 'success'.
      */
@@ -143,18 +152,20 @@ export declare class Select {
     uniqueOptions: IcMenuOption[];
     watchOptionsHandler(): void;
     /**
-     * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
+     * The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke.
      */
     debounce?: number;
     currDebounce: number;
     debounceChangedHandler(newValue: number): void;
     /**
-     * The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input.
+     * The value of the select, reflected by the value of the currently selected option.
+     * For the searchable variant, the value is also reflected by the user input.
+     * For the multi-select variant, the value must be an array of option values.
      */
-    value?: string;
-    initialValue: string;
+    value?: string | string[];
+    initialValue: string | string[];
     inputValueToFilter: string;
-    currValue: string;
+    currValue: string | string[];
     valueChangedHandler(): void;
     openChangedHandler(): void;
     /**
@@ -166,7 +177,7 @@ export declare class Select {
      */
     icChange: EventEmitter<IcValueEventDetail>;
     /**
-     * Emitted when the clear button is clicked.
+     * Emitted when the clear or clear all button is clicked.
      */
     icClear: EventEmitter<void>;
     /**
@@ -186,10 +197,14 @@ export declare class Select {
      */
     icOpen: EventEmitter<void>;
     /**
-     * Emitted when an option is highlighted within the menu.
-     * Highlighting a menu item will also trigger an `icChange/onIcChange` due to the value being updated.
+     * Emitted when an option is selected.
+     * Selecting an option will also trigger an `icChange/onIcChange` due to the value being updated.
      */
     icOptionSelect: EventEmitter<IcOptionSelectEventDetail>;
+    /**
+     * Emitted when `multiple` is `true` and an option is deselected.
+     */
+    icOptionDeselect: EventEmitter<IcOptionSelectEventDetail>;
     /**
      * Emitted when the 'retry loading' button is clicked for a searchable variant.
      */
@@ -206,7 +221,7 @@ export declare class Select {
     private handleRetry;
     private updateOnChangeDebounce;
     private emitIcChange;
-    private emitImmediateIcChange;
+    private emitIcInput;
     /**
      * Processes the provided array of IcMenuOptions, removing duplicates and reporting them with a console.warn
      * @param options array of IcMenuOptions
@@ -221,12 +236,15 @@ export declare class Select {
     private setTextColor;
     private setMenuChange;
     private getLabelFromValue;
+    private getMultipleOptionsString;
     private getFilteredChildMenuOptions;
+    private getValueSortedByOptions;
     private handleNativeSelectChange;
     private handleCustomSelectChange;
+    private handleMultipleSelectChange;
+    private handleSelectAllChange;
     private handleMenuChange;
     private handleMenuKeyPress;
-    private handleMenuValueChange;
     private handleFocusIndicatorDisplay;
     private handleMouseDown;
     private isExternalFiltering;
@@ -248,11 +266,13 @@ export declare class Select {
     private handleSearchableSelectInput;
     private updateSearchableSelectResultAriaLive;
     private debounceAriaLiveUpdate;
+    private updateMultiSelectedCountAriaLive;
     private getDefaultValue;
     private setDefaultValue;
     private onFocus;
     private onBlur;
     private onTimeoutBlur;
     private handleFormReset;
+    private clearInput;
     render(): any;
 }

package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcThemeForeground } from "../../utils/types";
+import { IcBrand, IcBrandForeground } from "../../utils/types";
 import { IcExpandedDetail } from "./ic-side-navigation.types";
 /**
  * @slot app-icon - Content will be rendered adjacent to the app title at the very top of the side navigation.
@@ -17,7 +17,7 @@ export declare class SideNavigation {
     el: HTMLIcSideNavigationElement;
     deviceSize: number;
     deviceSizeAppTitle: number;
-    foregroundColor: IcThemeForeground;
+    foregroundColor: IcBrandForeground;
     hasSecondaryNavigation: boolean;
     menuExpanded: boolean;
     menuOpen: boolean;
@@ -73,7 +73,7 @@ export declare class SideNavigation {
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
-    themeChangeHandler({ detail }: CustomEvent): void;
+    brandChangeHandler({ detail }: CustomEvent<IcBrand>): void;
     private emitSideNavigationExpanded;
     private toggleMenu;
     private setToggleMenuFlyoutMenuVisibility;

package/dist/types/components/ic-side-navigation/ic-side-navigation.types.d.ts

@@ -1,7 +1,7 @@
-import { IcThemeForeground } from "../../utils/types";
+import { IcBrandForeground } from "../../utils/types";
 export interface IcTopBar {
     isSDevice: boolean;
-    foregroundColor: IcThemeForeground;
+    foregroundColor: IcBrandForeground;
     menuOpen: boolean;
     href: string;
     isAppNameSubtitleVariant: boolean;

package/dist/types/components/ic-skeleton/ic-skeleton.d.ts

@@ -1,10 +1,11 @@
 import { IcSkeletonVariants } from "./ic-skeleton.types";
+import { IcThemeMode } from "../../utils/types";
 export declare class Skeleton {
     el: HTMLIcSkeletonElement;
     /**
-     * The appearance of the skeleton.
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
      */
-    appearance?: "light" | "default";
+    theme?: IcThemeMode;
     /**
      * The variant of the skeleton that will be displayed.
      */

package/dist/types/components/ic-status-tag/ic-status-tag.d.ts

@@ -22,6 +22,10 @@ export declare class StatusTag {
      * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
      */
     theme?: "dark" | "light" | "inherit";
+    /**
+     * The letter case of the status tag's label.
+     */
+    uppercase?: boolean;
     /**
      * The emphasis of the status tag.
      */

package/dist/types/components/ic-step/ic-step.d.ts

@@ -1,4 +1,5 @@
 import { IcStepVariants, IcStepStatuses, IcStepTypes } from "./ic-step.types";
+import { IcThemeMode } from "../../utils/types";
 export declare class Step {
     el: HTMLIcStepElement;
     /**
@@ -41,6 +42,10 @@ export declare class Step {
      * The title of the step within the stepper.
      */
     heading?: string;
+    /**
+     * @internal Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * @internal The variant of the step. This is managed by ic-stepper.
      */

package/dist/types/components/ic-stepper/ic-stepper.d.ts

@@ -1,5 +1,6 @@
 import { IcStepperAlignment } from "./ic-stepper.types";
 import { IcStepTypes, IcStepVariants } from "../ic-step/ic-step.types";
+import { IcThemeMode } from "../../utils/types";
 export declare class Stepper {
     private resizeObserver;
     private steps;
@@ -17,10 +18,6 @@ export declare class Stepper {
      * The alignment of the default stepper within its container.
      */
     aligned?: IcStepperAlignment;
-    /**
-     * The appearance of the stepper.
-     */
-    appearance?: "light" | "default";
     /**
      * The length of the connector between each step in pixels. Minimum length is 100px.
      */
@@ -29,6 +26,11 @@ export declare class Stepper {
      * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.
      */
     hideStepInfo?: boolean;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
+    handleThemeChange(): void;
     /**
      * The variant of the stepper.
      */

package/dist/types/components/ic-switch/ic-switch.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcSwitchChangeEventDetail } from "./ic-switch.types";
-import { IcSizesNoLarge } from "../../utils/types";
+import { IcSizesNoLarge, IcThemeMode } from "../../utils/types";
 /**
- * @slot right-adornment - Content is placed to the right of switch before state label.
+ * @slot right-adornment - Content is placed to the right of switch.
  */
 export declare class Switch {
     private inputId;
@@ -18,6 +18,7 @@ export declare class Switch {
      * If `true`, the disabled state will be set.
      */
     disabled?: boolean;
+    watchDisabledHandler(): void;
     /**
      * The helper text that will be displayed for additional field guidance.
      */
@@ -34,14 +35,14 @@ export declare class Switch {
      * The name of the control, which is submitted with the form data.
      */
     name?: string;
-    /**
-     * If `true`, the switch will render the On/Off state text.
-     */
-    showState?: boolean;
     /**
      * The size of the switch component.
      */
     size?: IcSizesNoLarge;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
     /**
      * The value of the toggle does not mean if it's checked or not, use the `checked`
      * property for that.

package/dist/types/components/ic-tab/ic-tab.d.ts

@@ -16,6 +16,7 @@ export declare class Tab {
      * If `true`, the disabled state will be set.
      */
     disabled?: boolean;
+    watchDisabledHandler(): void;
     /** @internal Determines whether black variant of the tabs should be displayed. */
     monochrome?: boolean;
     /** @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. */

package/dist/types/components/ic-tab-context/ic-tab-context.d.ts

@@ -2,7 +2,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { IcActivationTypes, IcThemeMode } from "../../utils/types";
 import { IcTabClickEventDetail, IcTabSelectEventDetail } from "../ic-tab/ic-tab.types";
 export declare class TabContext {
-    private controlledMode;
     private enabledTabs;
     private focusedTabIndex;
     private newTabPanels;
@@ -49,18 +48,21 @@ export declare class TabContext {
      * @internal Used to set tab/tab panel IDs when a tab/tab panel has been removed
      */
     tabRemovedHandler(hadFocus?: boolean): Promise<void>;
+    /** Sets attributes to link tab-group, tabs and tab-panels */
     private linkTabs;
+    /**
+     * Gets tabs and tabpanels with the same context ID using querySelector to selector the children in relation to the host
+     */
     private getChildren;
     private keydownHandler;
-    private attachEventListeners;
-    private setControlledMode;
+    /** Sets the tab that is selected on initial render */
     private setInitialTab;
+    /** Passes the selected tab to the tab and tab panel components */
     private configureTabs;
     private getEnabledTabs;
-    private getIndexOfEnabledTab;
+    /** Sets focus on tab and selects it */
     private keyboardSelectTab;
+    /** Sets focus on tab without selecting it (for manual activation) */
     private keyboardFocusTab;
-    private handleKeyBoardNavAutomatic;
-    private handleKeyBoardNavManual;
     render(): any;
 }

package/dist/types/components/ic-tab-group/ic-tab-group.d.ts

@@ -13,9 +13,5 @@ export declare class TabGroup {
     /** @internal Determines whether the light or dark variant of the tabs should be displayed. */
     theme?: IcThemeMode;
     componentDidLoad(): void;
-    /**
-     * Temporary function to handle horizontal scroll appearance until other dark mode work is completed.
-     */
-    private handleHorizontalScrollAppearance;
     render(): any;
 }