@itwin/itwinui-react 3.8.1 → 3.9.1

package/cjs/core/Surface/Surface.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type SurfaceBodyOwnProps = {
     /**
      * Gives padding to the surface body

package/cjs/core/Surface/Surface.js

@@ -33,7 +33,7 @@ exports.Surface = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * Helper function that returns one of the preset surface elevation values.
  */

package/cjs/core/Table/SubRowExpander.js

@@ -29,7 +29,7 @@ exports.SubRowExpander = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const IconButton_js_1 = require("../Buttons/IconButton.js");
 const SubRowExpander = (props) => {
     const { cell, isDisabled, cellProps, expanderCell, density, ...rest } = props;

package/cjs/core/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { CellProps, TableOptions, Row, TableState } from '../../react-table/react-table.js';
-import type { CommonProps } from '../utils/index.js';
+import type { CommonProps } from '../../utils/index.js';
 import type { TableFilterValue } from './filters/index.js';
 export declare const tableResizeStartAction = "tableResizeStart";
 export type TablePaginatorRendererProps = {

package/cjs/core/Table/Table.js

@@ -35,14 +35,14 @@ const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const react_table_1 = require("react-table");
 const ProgressRadial_js_1 = require("../ProgressIndicators/ProgressRadial.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const utils_js_1 = require("./utils.js");
 const TableRowMemoized_js_1 = require("./TableRowMemoized.js");
 const index_js_2 = require("./filters/index.js");
 const customFilterFunctions_js_1 = require("./filters/customFilterFunctions.js");
 const index_js_3 = require("./hooks/index.js");
 const index_js_4 = require("./actionHandlers/index.js");
-const VirtualScroll_js_1 = require("../utils/components/VirtualScroll.js");
+const VirtualScroll_js_1 = require("../../utils/components/VirtualScroll.js");
 const index_js_5 = require("./columns/index.js");
 const singleRowSelectedAction = 'singleRowSelected';
 const shiftRowSelectedAction = 'shiftRowSelected';

package/cjs/core/Table/TableCell.js

@@ -37,7 +37,7 @@ const utils_js_1 = require("./utils.js");
 const SubRowExpander_js_1 = require("./SubRowExpander.js");
 const index_js_1 = require("./columns/index.js");
 const index_js_2 = require("./cells/index.js");
-const index_js_3 = require("../utils/index.js");
+const index_js_3 = require("../../utils/index.js");
 const TableCell = (props) => {
     const { cell, cellIndex, isDisabled, tableHasSubRows, tableInstance, expanderCell, density, } = props;
     const hasSubRowExpander = cellIndex ===

package/cjs/core/Table/TablePaginator.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CommonProps } from '../utils/index.js';
+import type { CommonProps } from '../../utils/index.js';
 import type { TablePaginatorRendererProps } from './Table.js';
 export type TablePaginatorProps = {
     /**

package/cjs/core/Table/TablePaginator.js

@@ -38,7 +38,7 @@ const Button_js_1 = require("../Buttons/Button.js");
 const DropdownButton_js_1 = require("../Buttons/DropdownButton.js");
 const ProgressRadial_js_1 = require("../ProgressIndicators/ProgressRadial.js");
 const MenuItem_js_1 = require("../Menu/MenuItem.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const defaultLocalization = {
     pageSizeLabel: (size) => `${size} per page`,
     rangeLabel: (startIndex, endIndex, totalRows, isLoading) => isLoading

package/cjs/core/Table/TableRowMemoized.js

@@ -33,7 +33,7 @@ exports.TableRowMemoized = exports.TableRow = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const TableCell_js_1 = require("./TableCell.js");
 /**
  * Memoization is needed to avoid unnecessary re-renders of all rows when additional data is added when lazy-loading.

package/cjs/core/Table/cells/DefaultCell.js

@@ -33,7 +33,7 @@ exports.DefaultCell = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../../utils/index.js");
+const index_js_1 = require("../../../utils/index.js");
 const utils_js_1 = require("../utils.js");
 /**
  * Default cell.

package/cjs/core/Table/cells/EditableCell.js

@@ -29,7 +29,7 @@ exports.EditableCell = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
+const index_js_1 = require("../../../utils/index.js");
 /**
  * Editable cell.
  * It should be passed to `cellRenderer`.

package/cjs/core/Table/columns/actionColumn.js

@@ -30,7 +30,7 @@ exports.ActionColumn = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const Checkbox_js_1 = require("../../Checkbox/Checkbox.js");
-const index_js_1 = require("../../utils/index.js");
+const index_js_1 = require("../../../utils/index.js");
 const DropdownMenu_js_1 = require("../../DropdownMenu/DropdownMenu.js");
 const IconButton_js_1 = require("../../Buttons/IconButton.js");
 const MenuItem_js_1 = require("../../Menu/MenuItem.js");

package/cjs/core/Table/columns/expanderColumn.js

@@ -29,7 +29,7 @@ exports.ExpanderColumn = exports.EXPANDER_CELL_ID = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
+const index_js_1 = require("../../../utils/index.js");
 const IconButton_js_1 = require("../../Buttons/IconButton.js");
 const index_js_2 = require("../cells/index.js");
 exports.EXPANDER_CELL_ID = 'iui-table-expander';

package/cjs/core/Table/filters/BaseFilter.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CommonProps } from '../../utils/index.js';
+import type { CommonProps } from '../../../utils/index.js';
 export type BaseFilterProps = {
     /**
      * Filter body.

package/cjs/core/Table/filters/BaseFilter.js

@@ -33,7 +33,7 @@ exports.BaseFilter = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../../utils/index.js");
+const index_js_1 = require("../../../utils/index.js");
 /**
  * Filter wrapper that should be used when creating custom filters.
  * @example

package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { LabeledInput } from '../../../LabeledInput/LabeledInput.js';
-import type { PolymorphicForwardRefComponent } from '../../../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../../../utils/index.js';
+import { DatePicker } from '../../../DatePicker/DatePicker.js';
 import type { DatePickerLocalizedNames } from '../../../DatePicker/DatePicker.js';
 export type DatePickerInputProps = {
     date?: Date;
@@ -19,5 +20,5 @@ export type DatePickerInputProps = {
      * Months, short days and days localized names for DatePicker
      */
     localizedNames?: DatePickerLocalizedNames;
-} & Omit<React.ComponentProps<typeof LabeledInput>, 'value' | 'onChange' | 'svgIcon' | 'displayStyle'>;
+} & Omit<React.ComponentProps<typeof LabeledInput>, 'value' | 'onChange' | 'svgIcon' | 'displayStyle'> & Pick<React.ComponentProps<typeof DatePicker>, 'showYearSelection'>;
 export declare const DatePickerInput: PolymorphicForwardRefComponent<"input", DatePickerInputProps>;

package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js

@@ -29,7 +29,7 @@ exports.DatePickerInput = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../../../utils/index.js");
+const index_js_1 = require("../../../../utils/index.js");
 const DatePicker_js_1 = require("../../../DatePicker/DatePicker.js");
 const InputGrid_js_1 = require("../../../InputGrid/InputGrid.js");
 const Label_js_1 = require("../../../Label/Label.js");
@@ -37,7 +37,7 @@ const InputWithDecorations_js_1 = require("../../../InputWithDecorations/InputWi
 const Popover_js_1 = require("../../../Popover/Popover.js");
 exports.DatePickerInput = React.forwardRef((props, forwardedRef) => {
     const uid = (0, index_js_1.useId)();
-    const { onChange, date, parseInput, formatDate, label, required, disabled, isFromOrTo, selectedDate, wrapperProps, labelProps, inputWrapperProps, id = uid, localizedNames, ...rest } = props;
+    const { onChange, date, parseInput, formatDate, label, required, disabled, isFromOrTo, selectedDate, wrapperProps, labelProps, inputWrapperProps, id = uid, localizedNames, showYearSelection, ...rest } = props;
     const isDateDisabled = (date) => {
         if (isFromOrTo === 'to') {
             return (0, index_js_1.isBefore)(date, selectedDate);
@@ -75,7 +75,7 @@ exports.DatePickerInput = React.forwardRef((props, forwardedRef) => {
         React.createElement(Label_js_1.Label, { as: 'label', required: required, disabled: disabled, htmlFor: id, ...labelProps }, label),
         React.createElement(InputWithDecorations_js_1.InputWithDecorations, { ...inputWrapperProps },
             React.createElement(InputWithDecorations_js_1.InputWithDecorations.Input, { id: id, value: inputValue, onChange: onInputChange, required: required, disabled: disabled, ref: forwardedRef, ...rest }),
-            React.createElement(Popover_js_1.Popover, { content: React.createElement(DatePicker_js_1.DatePicker, { date: date, onChange: onDateSelected, setFocus: true, isDateDisabled: isDateDisabled, localizedNames: localizedNames, applyBackground: false }), placement: 'bottom-end', visible: isVisible, onVisibleChange: setIsVisible, closeOnOutsideClick: true, applyBackground: true },
+            React.createElement(Popover_js_1.Popover, { content: React.createElement(DatePicker_js_1.DatePicker, { date: date, onChange: onDateSelected, setFocus: true, isDateDisabled: isDateDisabled, localizedNames: localizedNames, applyBackground: false, showDatesOutsideMonth: false, showYearSelection: showYearSelection }), placement: 'bottom-end', visible: isVisible, onVisibleChange: setIsVisible, closeOnOutsideClick: true, applyBackground: true },
                 React.createElement(InputWithDecorations_js_1.InputWithDecorations.Button, { "aria-label": 'Date picker', ref: buttonRef },
                     React.createElement(index_js_1.SvgCalendar, null))))));
 });

package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { FilterButtonBarTranslation } from '../FilterButtonBar.js';
 import type { TableFilterProps } from '../types.js';
+import { DatePickerInput } from './DatePickerInput.js';
 import type { DatePickerLocalizedNames } from '../../../DatePicker/DatePicker.js';
 export type DateRangeTranslation = {
     from: string;
@@ -12,5 +13,5 @@ export type DateRangeFilterProps<T extends Record<string, unknown>> = TableFilte
     parseInput?: (text: string) => Date;
     placeholder?: string;
     translatedLabels?: DateRangeTranslation & FilterButtonBarTranslation;
-};
+} & Pick<React.ComponentProps<typeof DatePickerInput>, 'showYearSelection'>;
 export declare const DateRangeFilter: <T extends Record<string, unknown>>(props: DateRangeFilterProps<T>) => React.JSX.Element;

package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js

@@ -29,7 +29,7 @@ exports.DateRangeFilter = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../../../utils/index.js");
+const index_js_1 = require("../../../../utils/index.js");
 const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
 const BaseFilter_js_1 = require("../BaseFilter.js");
 const DatePickerInput_js_1 = require("./DatePickerInput.js");
@@ -53,7 +53,7 @@ const defaultParseInput = (text) => {
     return new Date('');
 };
 const DateRangeFilter = (props) => {
-    const { column, translatedLabels, setFilter, clearFilter, formatDate = defaultFormatDate, parseInput = defaultParseInput, placeholder = 'MMM dd, yyyy', } = props;
+    const { column, translatedLabels, setFilter, clearFilter, formatDate = defaultFormatDate, parseInput = defaultParseInput, placeholder = 'MMM dd, yyyy', showYearSelection, } = props;
     (0, index_js_1.useGlobals)();
     const translatedStrings = { ...defaultStrings, ...translatedLabels };
     const [from, setFrom] = React.useState(column.filterValue?.[0] ? new Date(column.filterValue?.[0]) : undefined);
@@ -89,8 +89,8 @@ const DateRangeFilter = (props) => {
         }
     };
     return (React.createElement(BaseFilter_js_1.BaseFilter, null,
-        React.createElement(DatePickerInput_js_1.DatePickerInput, { ref: inputRef, label: translatedStrings.from, date: from, onChange: onFromChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: to, isFromOrTo: 'from', localizedNames: translatedStrings.datePicker }),
-        React.createElement(DatePickerInput_js_1.DatePickerInput, { label: translatedStrings.to, date: to, onChange: onToChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: from, isFromOrTo: 'to', localizedNames: translatedStrings.datePicker }),
+        React.createElement(DatePickerInput_js_1.DatePickerInput, { ref: inputRef, label: translatedStrings.from, date: from, onChange: onFromChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: to, isFromOrTo: 'from', localizedNames: translatedStrings.datePicker, showYearSelection: showYearSelection }),
+        React.createElement(DatePickerInput_js_1.DatePickerInput, { label: translatedStrings.to, date: to, onChange: onToChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, selectedDate: from, isFromOrTo: 'to', localizedNames: translatedStrings.datePicker, showYearSelection: showYearSelection }),
         React.createElement(FilterButtonBar_js_1.FilterButtonBar, { setFilter: () => setFilter([from, to]), clearFilter: clearFilter, translatedLabels: translatedLabels })));
 };
 exports.DateRangeFilter = DateRangeFilter;

package/cjs/core/Table/filters/FilterButtonBar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CommonProps } from '../../utils/index.js';
+import type { CommonProps } from '../../../utils/index.js';
 export type FilterButtonBarTranslation = {
     filter: string;
     clear: string;

package/cjs/core/Table/filters/FilterButtonBar.js

@@ -33,7 +33,7 @@ exports.FilterButtonBar = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../../utils/index.js");
+const index_js_1 = require("../../../utils/index.js");
 const Button_js_1 = require("../../Buttons/Button.js");
 const defaultStrings = {
     filter: 'Filter',

package/cjs/core/Table/filters/FilterToggle.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { HeaderGroup } from '../../../react-table/react-table.js';
-import type { CommonProps } from '../../utils/index.js';
+import type { CommonProps } from '../../../utils/index.js';
 export type FilterToggleProps<T extends Record<string, unknown>> = {
     column: HeaderGroup<T>;
 } & CommonProps;

package/cjs/core/Table/filters/FilterToggle.js

@@ -33,7 +33,7 @@ exports.FilterToggle = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../../utils/index.js");
+const index_js_1 = require("../../../utils/index.js");
 const IconButton_js_1 = require("../../Buttons/IconButton.js");
 const Popover_js_1 = require("../../Popover/Popover.js");
 /**

package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js

@@ -29,7 +29,7 @@ exports.NumberRangeFilter = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../../../utils/index.js");
+const index_js_1 = require("../../../../utils/index.js");
 const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
 const BaseFilter_js_1 = require("../BaseFilter.js");
 const LabeledInput_js_1 = require("../../../LabeledInput/LabeledInput.js");

package/cjs/core/Table/filters/TextFilter/TextFilter.js

@@ -29,7 +29,7 @@ exports.TextFilter = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../../../utils/index.js");
+const index_js_1 = require("../../../../utils/index.js");
 const Input_js_1 = require("../../../Input/Input.js");
 const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
 const BaseFilter_js_1 = require("../BaseFilter.js");

package/cjs/core/Table/filters/tableFilters.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { DateRangeFilter } from './DateRangeFilter/DateRangeFilter.js';
 import type { DateRangeTranslation } from './DateRangeFilter/DateRangeFilter.js';
 import type { FilterButtonBarTranslation } from './FilterButtonBar.js';
 import type { NumberRangeTranslation, NumberRangeFilterProps } from './NumberRangeFilter/NumberRangeFilter.js';
@@ -22,7 +23,7 @@ export type DateRangeFilterOptions = {
      * Translated filter labels.
      */
     translatedLabels?: DateRangeTranslation & FilterButtonBarTranslation;
-};
+} & Pick<React.ComponentProps<typeof DateRangeFilter>, 'showYearSelection'>;
 export declare const tableFilters: {
     /**
      * Basic filter with a single input field.

package/cjs/core/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type TabsOrientationProps = {
     /**
      * Orientation of the tabs.
@@ -268,8 +268,8 @@ export declare const Tabs: PolymorphicForwardRefComponent<"div", TabsLegacyProps
     TabIcon: PolymorphicForwardRefComponent<"span", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
     }, "fill" | "as" | "key" | "size" | keyof React.HTMLAttributes<HTMLSpanElement> | "padded"> & {
-        size?: "small" | "auto" | "medium" | "large" | import("../utils/types.js").AnyString | undefined;
-        fill?: "default" | "informational" | "negative" | "positive" | "warning" | import("../utils/types.js").AnyString | undefined;
+        size?: "small" | "auto" | "medium" | "large" | import("../../utils/types.js").AnyString | undefined;
+        fill?: "default" | import("../../utils/types.js").AnyString | "informational" | "negative" | "positive" | "warning" | undefined;
         padded?: boolean | undefined;
     } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         as?: "span" | undefined;

package/cjs/core/Tabs/Tabs.js

@@ -33,7 +33,7 @@ exports.Tabs = exports.Tab = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const Icon_js_1 = require("../Icon/Icon.js");
 const TabsWrapper = React.forwardRef((props, ref) => {
     const { className, children, orientation = 'horizontal', type = 'default', focusActivationMode = 'auto', color = 'blue', defaultValue, value: activeValueProp, onValueChange, ...rest } = props;

package/cjs/core/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type TagProps = {
     /**
      * Text inside the tag.

package/cjs/core/Tag/Tag.js

@@ -33,7 +33,7 @@ exports.Tag = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const IconButton_js_1 = require("../Buttons/IconButton.js");
 const LinkAction_js_1 = require("../LinkAction/LinkAction.js");
 /**
@@ -51,9 +51,7 @@ exports.Tag = React.forwardRef((props, forwardedRef) => {
     return (React.createElement(index_js_1.Box, { as: shouldUseLinkAction ? LinkAction_js_1.LinkBox : !!onClick ? index_js_1.ButtonBase : 'span', className: (0, classnames_1.default)({
             'iui-tag-basic': variant === 'basic',
             'iui-tag': variant === 'default',
-        }, className), 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- ref's type doesn't matter internally
-        ref: forwardedRef, onClick: !shouldUseLinkAction ? onClick : undefined, ...rest },
+        }, className), ref: forwardedRef, onClick: !shouldUseLinkAction ? onClick : undefined, ...rest },
         variant === 'default' ? (React.createElement(index_js_1.Box, { as: (shouldUseLinkAction ? LinkAction_js_1.LinkAction : 'span'), onClick: shouldUseLinkAction ? onClick : undefined, ...labelProps, className: (0, classnames_1.default)('iui-tag-label', labelProps?.className) }, children)) : (children),
         onRemove && (React.createElement(IconButton_js_1.IconButton, { styleType: 'borderless', size: 'small', onClick: onRemove, "aria-label": 'Delete tag', ...removeButtonProps, className: (0, classnames_1.default)('iui-tag-button', removeButtonProps?.className) },
             React.createElement(index_js_1.SvgCloseSmall, { "aria-hidden": true })))));

package/cjs/core/Tag/TagContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type TagContainerProps = {
     /**
      * Tags inside the container.

package/cjs/core/Tag/TagContainer.js

@@ -33,7 +33,7 @@ exports.TagContainer = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * TagContainer for grouping tags.
  * @example

package/cjs/core/Textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type TextareaProps = {
     /**
      * Status of textarea.

package/cjs/core/ThemeProvider/ThemeProvider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type ThemeOptions = {
     /**
      * Whether to apply high-contrast versions of light and dark themes.

package/cjs/core/ThemeProvider/ThemeProvider.js

@@ -34,7 +34,7 @@ exports.ThemeProvider = void 0;
 const React = __importStar(require("react"));
 const ReactDOM = __importStar(require("react-dom"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const ThemeContext_js_1 = require("./ThemeContext.js");
 const Toaster_js_1 = require("../Toast/Toaster.js");
 /**

package/cjs/core/Tile/Tile.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import { IconButton } from '../Buttons/IconButton.js';
 type TileWrapperOwnProps = {
     /**
@@ -249,7 +249,7 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
      */
     IconButton: PolymorphicForwardRefComponent<"button", Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-    }, "label" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "isActive" | "iconProps"> & {
+    }, "label" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & {
         isActive?: boolean | undefined;
         label?: React.ReactNode;
         labelProps?: Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -280,7 +280,7 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
         }> & {
             content: React.ReactNode;
             children?: React.ReactNode;
-        } & import("../utils/index.js").PortalProps & {
+        } & import("../../utils/index.js").PortalProps & {
             placement?: import("@floating-ui/utils").Placement | undefined;
             visible?: boolean | undefined;
             onVisibleChange?: ((visible: boolean) => void) | undefined;

package/cjs/core/Tile/Tile.js

@@ -33,7 +33,7 @@ exports.Tile = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const DropdownMenu_js_1 = require("../DropdownMenu/DropdownMenu.js");
 const IconButton_js_1 = require("../Buttons/IconButton.js");
 const ProgressRadial_js_1 = require("../ProgressIndicators/ProgressRadial.js");

package/cjs/core/TimePicker/TimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type MeridiemType = 'AM' | 'PM';
 export type Precision = 'hours' | 'minutes' | 'seconds';
 export type TimePickerProps = {

package/cjs/core/TimePicker/TimePicker.js

@@ -33,7 +33,7 @@ exports.TimePicker = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const isSameHour = (date1, date2, meridiem) => {
     const adjustedHours = meridiem
         ? formatHourFrom12(date1.getHours(), meridiem)

package/cjs/core/Toast/Toast.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type ToastCategory = 'informational' | 'negative' | 'positive' | 'warning';
 export type ToastProps = {
     /**

package/cjs/core/Toast/Toast.js

@@ -34,7 +34,7 @@ exports.ToastPresentation = exports.Toast = void 0;
 const React = __importStar(require("react"));
 const react_transition_group_1 = require("react-transition-group");
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const IconButton_js_1 = require("../Buttons/IconButton.js");
 const Toaster_js_1 = require("./Toaster.js");
 const isMotionOk = () => (0, index_js_1.getWindow)()?.matchMedia?.('(prefers-reduced-motion: no-preference)')?.matches;

package/cjs/core/Toast/Toaster.js

@@ -33,7 +33,7 @@ exports.ToasterStateContext = exports.ToastProvider = exports.Toaster = exports.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const Toast_js_1 = require("./Toast.js");
 // ----------------------------------------------------------------------------
 const useToaster = () => {

package/cjs/core/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ToggleSwitchProps = {
     /**
      * Label for the toggle switch.

package/cjs/core/ToggleSwitch/ToggleSwitch.js

@@ -33,7 +33,7 @@ exports.ToggleSwitch = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * A switch for turning on and off.
  * @example

package/cjs/core/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Placement } from '@floating-ui/react';
-import type { PolymorphicForwardRefComponent, PortalProps } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent, PortalProps } from '../../utils/index.js';
 type TooltipOptions = {
     /**
      * Placement of the Tooltip