@itwin/components-react 4.17.6 → 5.0.0-dev.3

package/lib/components-react.js

@@ -0,0 +1,207 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+export { UiComponents } from "./components-react/UiComponents.js";
+export { SelectionMode, SelectionModeFlags, hasSelectionModeFlag, } from "./components-react/common/selection/SelectionModes.js";
+export { CheckBoxState } from "./components-react/common/CheckBoxState.js";
+export { adjustDateToTimezone, toDateString, toTimeString, } from "./components-react/common/DateUtils.js";
+export { HighlightedText, } from "./components-react/common/HighlightedText.js";
+export { matchLinks } from "./components-react/common/Links.js";
+export { Orientation } from "./components-react/common/Orientation.js";
+export { TimeFormat } from "./components-react/common/TimeFormat.js";
+export { useAsyncValue } from "./components-react/common/UseAsyncValue.js";
+export { useDebouncedAsyncValue } from "./components-react/common/UseDebouncedAsyncValue.js";
+export { TypeConverter, } from "./components-react/converters/TypeConverter.js";
+export { TypeConverterManager } from "./components-react/converters/TypeConverterManager.js";
+export { BooleanTypeConverter } from "./components-react/converters/BooleanTypeConverter.js";
+export { DateTimeTypeConverter, DateTimeTypeConverterBase, ShortDateTypeConverter, } from "./components-react/converters/DateTimeTypeConverter.js";
+export { EnumTypeConverter } from "./components-react/converters/EnumTypeConverter.js";
+export { HexadecimalTypeConverter } from "./components-react/converters/HexadecimalTypeConverter.js";
+export { NavigationPropertyTypeConverter } from "./components-react/converters/NavigationPropertyTypeConverter.js";
+export { FloatTypeConverter, IntTypeConverter, NumericTypeConverterBase, } from "./components-react/converters/NumericTypeConverter.js";
+export { BasePointTypeConverter, Point2dTypeConverter, Point3dTypeConverter, } from "./components-react/converters/PointTypeConverter.js";
+export { StringTypeConverter, } from "./components-react/converters/StringTypeConverter.js";
+export { CompositeTypeConverter } from "./components-react/converters/CompositeTypeConverter.js";
+export { DatePicker, } from "./components-react/datepicker/DatePicker.js";
+export { DatePickerPopupButton, } from "./components-react/datepicker/DatePickerPopupButton.js";
+export { IntlFormatter } from "./components-react/datepicker/IntlFormatter.js";
+export { BooleanEditor, BooleanPropertyEditor, } from "./components-react/editors/BooleanEditor.js";
+export { CustomNumberEditor, CustomNumberPropertyEditor, } from "./components-react/editors/CustomNumberEditor.js";
+export { EditorContainer, } from "./components-react/editors/EditorContainer.js";
+export { EnumButtonGroupEditor, EnumPropertyButtonGroupEditor, } from "./components-react/editors/EnumButtonGroupEditor.js";
+export { EnumEditor, EnumPropertyEditor, } from "./components-react/editors/EnumEditor.js";
+export { IconEditor, IconPropertyEditor, } from "./components-react/editors/IconEditor.js";
+export { ImageCheckBoxEditor, ImageCheckBoxPropertyEditor, } from "./components-react/editors/ImageCheckBoxEditor.js";
+export { NumericInputEditor, NumericInputPropertyEditor, } from "./components-react/editors/NumericInputEditor.js";
+export { BasicPropertyEditor, DataControllerBase, PropertyEditorBase, PropertyEditorManager, } from "./components-react/editors/PropertyEditorManager.js";
+export { SliderEditor, SliderPropertyEditor, } from "./components-react/editors/SliderEditor.js";
+export { TextEditor } from "./components-react/editors/TextEditor.js";
+export { TextareaEditor, TextareaPropertyEditor, } from "./components-react/editors/TextareaEditor.js";
+export { ToggleEditor, TogglePropertyEditor, } from "./components-react/editors/ToggleEditor.js";
+export { FavoritePropertiesRenderer } from "./components-react/favorite/FavoritePropertiesRenderer.js";
+export { FavoritePropertyList, } from "./components-react/favorite/FavoritePropertyList.js";
+export { FilteringInput, FilteringInputStatus, } from "./components-react/filtering/FilteringInput.js";
+export { ResultSelector, } from "./components-react/filtering/ResultSelector.js";
+export { ParsedInput, } from "./components-react/inputs/ParsedInput.js";
+export { LocalizationProvider } from "./components-react/l10n/LocalizationProvider.js";
+export { LinksRenderer, renderLinks, withLinks, } from "./components-react/properties/LinkHandler.js";
+export { PropertyContainerType, PropertyValueRendererManager, } from "./components-react/properties/ValueRendererManager.js";
+export { NonPrimitivePropertyRenderer, } from "./components-react/properties/renderers/NonPrimitivePropertyRenderer.js";
+export { PrimitivePropertyRenderer, } from "./components-react/properties/renderers/PrimitivePropertyRenderer.js";
+export { CustomizablePropertyRenderer } from "./components-react/properties/renderers/CustomizablePropertyRenderer.js";
+export { PropertyRenderer, } from "./components-react/properties/renderers/PropertyRenderer.js";
+export { PropertyView, } from "./components-react/properties/renderers/PropertyView.js";
+export { ActionButtonList, } from "./components-react/properties/renderers/ActionButtonList.js";
+export { MergedPropertyValueRenderer } from "./components-react/properties/renderers/value/MergedPropertyValueRenderer.js";
+export { UrlPropertyValueRenderer } from "./components-react/properties/renderers/value/UrlPropertyValueRenderer.js";
+export { withContextStyle } from "./components-react/properties/renderers/value/WithContextStyle.js";
+export { PropertyFilterBuilder, PropertyFilterBuilderRenderer, } from "./components-react/filter-builder/FilterBuilder.js";
+export { PropertyFilterBuilderActions, isPropertyFilterBuilderRuleGroup, useDefaultPropertyFilterBuilderRuleValidator, usePropertyFilterBuilder, defaultPropertyFilterBuilderRuleValidator, } from "./components-react/filter-builder/FilterBuilderState.js";
+export { PropertyFilterBuilderRuleValue, } from "./components-react/filter-builder/FilterBuilderRuleValue.js";
+export { PropertyFilterBuilderRuleRangeValue } from "./components-react/filter-builder/FilterBuilderRangeValue.js";
+export { PropertyFilterRuleGroupOperator, PropertyFilterRuleOperator, getPropertyFilterBuilderOperators, isUnaryPropertyFilterBuilderOperator, isUnaryPropertyFilterOperator, } from "./components-react/filter-builder/Operators.js";
+export { isPropertyFilterRuleGroup, } from "./components-react/filter-builder/Types.js";
+export { PropertyFilterBuilderLogicalOperator, } from "./components-react/filter-builder/FilterBuilderLogicalOperator.js";
+export { PropertyFilterBuilderToolbar } from "./components-react/filter-builder/FilterBuilderToolbar.js";
+export { NonPrimitivePropertyLabelRenderer, } from "./components-react/properties/renderers/label/NonPrimitivePropertyLabelRenderer.js";
+export { PrimitivePropertyLabelRenderer, } from "./components-react/properties/renderers/label/PrimitivePropertyLabelRenderer.js";
+export { DEFAULT_LINKS_HANDLER, PrimitivePropertyValueRenderer, } from "./components-react/properties/renderers/value/PrimitivePropertyValueRenderer.js";
+export { ArrayPropertyValueRenderer } from "./components-react/properties/renderers/value/ArrayPropertyValueRenderer.js";
+export { StructPropertyValueRenderer } from "./components-react/properties/renderers/value/StructPropertyValueRenderer.js";
+export { DoublePropertyValueRenderer } from "./components-react/properties/renderers/value/DoublePropertyValueRenderer.js";
+export { NavigationPropertyValueRenderer } from "./components-react/properties/renderers/value/NavigationPropertyValueRenderer.js";
+export { TableArrayValueRenderer } from "./components-react/properties/renderers/value/table/ArrayValueRenderer.js";
+export { TableStructValueRenderer } from "./components-react/properties/renderers/value/table/StructValueRenderer.js";
+export { TableNonPrimitiveValueRenderer, } from "./components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.js";
+export { ItemStyleProvider, TableRowStyleProvider, } from "./components-react/properties/ItemStyle.js";
+export { PropertyCategoryRendererManager, } from "./components-react/propertygrid/PropertyCategoryRendererManager.js";
+export { PropertyDataChangeEvent, } from "./components-react/propertygrid/PropertyDataProvider.js";
+export { SimplePropertyDataProvider } from "./components-react/propertygrid/SimplePropertyDataProvider.js";
+export { createMergedPropertyDataProvider, } from "./components-react/propertygrid/MergingPropertyDataProvider.js";
+export { VirtualizedPropertyGrid, useVirtualizedPropertyGridLayoutStorage, } from "./components-react/propertygrid/component/VirtualizedPropertyGrid.js";
+export { VirtualizedPropertyGridWithDataProvider, } from "./components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.js";
+export { PropertyCategoryBlock, } from "./components-react/propertygrid/component/PropertyCategoryBlock.js";
+export { PropertyList, } from "./components-react/propertygrid/component/PropertyList.js";
+export { MutableCategorizedArrayProperty } from "./components-react/propertygrid/internal/flat-items/MutableCategorizedArrayProperty.js";
+export { MutableCategorizedPrimitiveProperty } from "./components-react/propertygrid/internal/flat-items/MutableCategorizedPrimitiveProperty.js";
+export { MutableCategorizedStructProperty } from "./components-react/propertygrid/internal/flat-items/MutableCategorizedStructProperty.js";
+export { FlatGridItemType, MutableCategorizedProperty, MutableFlatPropertyGridItem, } from "./components-react/propertygrid/internal/flat-items/MutableFlatGridItem.js";
+export { MutableGridCategory, } from "./components-react/propertygrid/internal/flat-items/MutableGridCategory.js";
+export { MutableGridItemFactory, } from "./components-react/propertygrid/internal/flat-items/MutableGridItemFactory.js";
+export { PropertyGridEventHandler, } from "./components-react/propertygrid/internal/PropertyGridEventHandler.js";
+export { usePropertyData, usePropertyGridEventHandler, usePropertyGridModel, useTrackedPropertyGridModelSource, usePropertyGridModelSource, } from "./components-react/propertygrid/internal/PropertyGridHooks.js";
+export { MutablePropertyGridModel, } from "./components-react/propertygrid/internal/PropertyGridModel.js";
+export { PropertyGridModelChangeEvent, } from "./components-react/propertygrid/internal/PropertyGridModelChangeEvent.js";
+export { PropertyGridModelSource, } from "./components-react/propertygrid/internal/PropertyGridModelSource.js";
+export { FilteringPropertyDataProvider, } from "./components-react/propertygrid/dataproviders/FilteringDataProvider.js";
+export { PropertyCategoryLabelFilterer } from "./components-react/propertygrid/dataproviders/filterers/PropertyCategoryLabelFilterer.js";
+export { CompositeFilterType, CompositePropertyDataFilterer, } from "./components-react/propertygrid/dataproviders/filterers/CompositePropertyDataFilterer.js";
+export { DisplayValuePropertyDataFilterer } from "./components-react/propertygrid/dataproviders/filterers/DisplayValuePropertyDataFilterer.js";
+export { LabelPropertyDataFilterer } from "./components-react/propertygrid/dataproviders/filterers/LabelPropertyDataFilterer.js";
+export { FilteredType, PropertyCategoryDataFiltererBase, PropertyDataFiltererBase, PropertyFilterChangeEvent, PropertyRecordDataFiltererBase, } from "./components-react/propertygrid/dataproviders/filterers/PropertyDataFiltererBase.js";
+export { ControlledSelectableContent, SelectableContent, } from "./components-react/selectable-content/SelectableContent.js";
+export { ToolbarOpacitySetting, ToolbarPanelAlignment, ToolbarPopupAutoHideContext, useToolbarPopupAutoHideContext, } from "./components-react/toolbar/InternalToolbarComponent.js";
+export { PopupItem, ToolbarPopupContext, useToolbarPopupContext, } from "./components-react/toolbar/PopupItem.js";
+export { PopupItemWithDrag, } from "./components-react/toolbar/PopupItemWithDrag.js";
+export { Toolbar } from "./components-react/toolbar/Toolbar.js";
+export { ToolbarWithOverflow, } from "./components-react/toolbar/ToolbarWithOverflow.js";
+export { ToolbarButtonItem, } from "./components-react/toolbar/Item.js";
+export { Direction, OrthogonalDirection, } from "./components-react/toolbar/utilities/Direction.js";
+export { hasChildren, isTreeDataProviderInterface, isTreeDataProviderMethod, isTreeDataProviderPromise, isTreeDataProviderRaw, } from "./components-react/tree/TreeDataProvider.js";
+export { SimpleTreeDataProvider, } from "./components-react/tree/SimpleTreeDataProvider.js";
+export { HighlightingEngine, } from "./components-react/tree/HighlightingEngine.js";
+export { TreeImageLoader, } from "./components-react/tree/ImageLoader.js";
+export { TreeEventHandler, } from "./components-react/tree/controlled/TreeEventHandler.js";
+export { MutableTreeModel, computeVisibleNodes, getVisibleDescendants, isTreeModelNode, isTreeModelNodePlaceholder, isTreeModelRootNode, } from "./components-react/tree/controlled/TreeModel.js";
+export { TreeModelSource, } from "./components-react/tree/controlled/TreeModelSource.js";
+export { AbstractTreeNodeLoader, AbstractTreeNodeLoaderWithProvider, PagedTreeNodeLoader, TreeNodeLoader, } from "./components-react/tree/controlled/TreeNodeLoader.js";
+export { from, } from "./components-react/tree/controlled/Observable.js";
+export { useControlledTreeEventsHandler, usePagedTreeNodeLoader, useTreeModel, useTreeModelSource, useTreeNodeLoader, useTreeEventsHandler, } from "./components-react/tree/controlled/TreeHooks.js";
+export { ControlledTree, useControlledTreeLayoutStorage, } from "./components-react/tree/controlled/component/ControlledTree.js";
+export { TreeNodeContent, } from "./components-react/tree/controlled/component/NodeContent.js";
+export { TreeNodeEditor, } from "./components-react/tree/controlled/component/TreeNodeEditor.js";
+export { TreeNodeIcon, TreeNodeRenderer, } from "./components-react/tree/controlled/component/TreeNodeRenderer.js";
+export { TreeRenderer, } from "./components-react/tree/controlled/component/TreeRenderer.js";
+export { SparseArray, } from "./components-react/tree/controlled/internal/SparseTree.js";
+// #region "SideEffects"
+import { registerEditors } from "./components-react/editors/registerEditors.js";
+import { registerConverters } from "./components-react/converters/registerConverters.js";
+import { PropertyValueRendererManager } from "./components-react/properties/ValueRendererManager.js";
+import { UrlPropertyValueRenderer } from "./components-react/properties/renderers/value/UrlPropertyValueRenderer.js";
+import { MultilineTextPropertyValueRenderer } from "./components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.js";
+registerEditors();
+registerConverters();
+PropertyValueRendererManager.defaultManager.registerRenderer("url", new UrlPropertyValueRenderer());
+PropertyValueRendererManager.defaultManager.registerRenderer("multiline", new MultilineTextPropertyValueRenderer());
+// #endregion "SideEffects"
+/** @docs-package-description
+ * The components-react package contains React components that are data-oriented, such as PropertyGrid, Table and Tree.
+ */
+/**
+ * @docs-group-description Common
+ * Common classes used across various UI components.
+ */
+/**
+ * @docs-group-description Breadcrumb
+ * Classes and components for working with a Breadcrumb.
+ * As of version 3.0, the Breadcrumb is deprecated.
+ */
+/**
+ * @docs-group-description Date
+ * Classes, interfaces, and components for showing and setting date and time.
+ */
+/**
+ * @docs-group-description DragDrop
+ * Classes and Higher Order Components for working with the DragDrop API.
+ */
+/**
+ * @docs-group-description Favorite
+ * Classes and components for displaying favorite properties.
+ */
+/**
+ * @docs-group-description Filtering
+ * Classes and components for working with filtering.
+ */
+/**
+ * @docs-group-description Inputs
+ * Input Components that format and parse input.
+ */
+/**
+ * @docs-group-description SelectableContent
+ * Classes and components for working with SelectableContent component.
+ */
+/**
+ * @docs-group-description Properties
+ * Classes and components for working with Properties.
+ */
+/**
+ * @docs-group-description PropertyEditors
+ * Classes and components for working with Property Editors.
+ */
+/**
+ * @docs-group-description PropertyGrid
+ * Classes and components for working with a PropertyGrid.
+ */
+/**
+ * @docs-group-description Table
+ * Classes and components for working with a Table.
+ */
+/**
+ * @docs-group-description Toolbar
+ * Functions and components that provide a Toolbar.
+ */
+/**
+ * @docs-group-description Tree
+ * Classes and components for working with a Tree.
+ */
+/**
+ * @docs-group-description TypeConverters
+ * Classes for working with Type Converters.
+ */
+/**
+ * @docs-group-description PropertyFilterBuilder
+ * Classes and components for working with PropertyFilterBuilder.
+ */
+//# sourceMappingURL=components-react.js.map

package/lib/components-react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-react.js","sourceRoot":"","sources":["../src/components-react.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/* eslint-disable deprecation/deprecation */\n\nexport { UiComponents } from \"./components-react/UiComponents.js\";\n\nexport {\n  OnItemsDeselectedCallback,\n  OnItemsSelectedCallback,\n  OnSelectionChanged,\n} from \"./components-react/common/selection/SelectionHandler.js\";\nexport {\n  SelectionMode,\n  SelectionModeFlags,\n  hasSelectionModeFlag,\n} from \"./components-react/common/selection/SelectionModes.js\";\n\nexport { CheckBoxState } from \"./components-react/common/CheckBoxState.js\";\nexport {\n  DateFormatOptions,\n  adjustDateToTimezone,\n  toDateString,\n  toTimeString,\n} from \"./components-react/common/DateUtils.js\";\nexport {\n  HighlightedText,\n  HighlightedTextProps,\n} from \"./components-react/common/HighlightedText.js\";\nexport {\n  HighlightInfo,\n  HighlightingComponentProps,\n} from \"./components-react/common/HighlightingComponentProps.js\";\nexport {\n  IImageLoader,\n  Image,\n  ImageFileFormat,\n  ImageSourceType,\n  LoadedBinaryImage,\n  LoadedImage,\n} from \"./components-react/common/IImageLoader.js\";\nexport { matchLinks } from \"./components-react/common/Links.js\";\nexport { Orientation } from \"./components-react/common/Orientation.js\";\nexport { PageOptions } from \"./components-react/common/PageOptions.js\";\nexport { TimeFormat } from \"./components-react/common/TimeFormat.js\";\nexport { useAsyncValue } from \"./components-react/common/UseAsyncValue.js\";\nexport { useDebouncedAsyncValue } from \"./components-react/common/UseDebouncedAsyncValue.js\";\n\nexport {\n  LessGreaterOperatorProcessor,\n  NullableOperatorProcessor,\n  OperatorProcessor,\n  SortComparer,\n  TypeConverter,\n} from \"./components-react/converters/TypeConverter.js\";\nexport { TypeConverterManager } from \"./components-react/converters/TypeConverterManager.js\";\nexport { BooleanTypeConverter } from \"./components-react/converters/BooleanTypeConverter.js\";\nexport {\n  DateTimeTypeConverter,\n  DateTimeTypeConverterBase,\n  ShortDateTypeConverter,\n} from \"./components-react/converters/DateTimeTypeConverter.js\";\nexport { EnumTypeConverter } from \"./components-react/converters/EnumTypeConverter.js\";\nexport { HexadecimalTypeConverter } from \"./components-react/converters/HexadecimalTypeConverter.js\";\nexport { NavigationPropertyTypeConverter } from \"./components-react/converters/NavigationPropertyTypeConverter.js\";\nexport {\n  FloatTypeConverter,\n  IntTypeConverter,\n  NumericTypeConverterBase,\n} from \"./components-react/converters/NumericTypeConverter.js\";\nexport {\n  BasePointTypeConverter,\n  Point2dTypeConverter,\n  Point3dTypeConverter,\n} from \"./components-react/converters/PointTypeConverter.js\";\nexport {\n  StringOperatorProcessor,\n  StringTypeConverter,\n} from \"./components-react/converters/StringTypeConverter.js\";\nexport { CompositeTypeConverter } from \"./components-react/converters/CompositeTypeConverter.js\";\n\nexport { ConvertedPrimitives } from \"./components-react/converters/valuetypes/ConvertedTypes.js\";\n\nexport {\n  DatePicker,\n  DatePickerProps,\n} from \"./components-react/datepicker/DatePicker.js\";\nexport {\n  DatePickerPopupButton,\n  DatePickerPopupButtonProps,\n} from \"./components-react/datepicker/DatePickerPopupButton.js\";\nexport { IntlFormatter } from \"./components-react/datepicker/IntlFormatter.js\";\n\nexport {\n  BooleanEditor,\n  BooleanPropertyEditor,\n} from \"./components-react/editors/BooleanEditor.js\";\nexport {\n  CustomNumberEditor,\n  CustomNumberPropertyEditor,\n} from \"./components-react/editors/CustomNumberEditor.js\";\nexport {\n  EditorContainer,\n  PropertyEditorProps,\n  PropertyUpdatedArgs,\n  TypeEditor,\n  EditorContainerProps,\n} from \"./components-react/editors/EditorContainer.js\";\nexport {\n  EnumButtonGroupEditor,\n  EnumPropertyButtonGroupEditor,\n} from \"./components-react/editors/EnumButtonGroupEditor.js\";\nexport {\n  EnumEditor,\n  EnumPropertyEditor,\n} from \"./components-react/editors/EnumEditor.js\";\nexport {\n  IconEditor,\n  IconPropertyEditor,\n} from \"./components-react/editors/IconEditor.js\";\nexport {\n  ImageCheckBoxEditor,\n  ImageCheckBoxPropertyEditor,\n} from \"./components-react/editors/ImageCheckBoxEditor.js\";\nexport {\n  NumericInputEditor,\n  NumericInputPropertyEditor,\n} from \"./components-react/editors/NumericInputEditor.js\";\nexport {\n  AsyncErrorMessage,\n  AsyncValueProcessingResult,\n  BasicPropertyEditor,\n  DataController,\n  DataControllerBase,\n  PropertyEditorBase,\n  PropertyEditorManager,\n} from \"./components-react/editors/PropertyEditorManager.js\";\nexport {\n  SliderEditor,\n  SliderPropertyEditor,\n} from \"./components-react/editors/SliderEditor.js\";\nexport { TextEditor } from \"./components-react/editors/TextEditor.js\";\nexport {\n  TextareaEditor,\n  TextareaPropertyEditor,\n} from \"./components-react/editors/TextareaEditor.js\";\nexport {\n  ToggleEditor,\n  TogglePropertyEditor,\n} from \"./components-react/editors/ToggleEditor.js\";\n\nexport { FavoritePropertiesRenderer } from \"./components-react/favorite/FavoritePropertiesRenderer.js\";\nexport {\n  FavoritePropertyList,\n  FavoritePropertyListProps,\n} from \"./components-react/favorite/FavoritePropertyList.js\";\n\nexport {\n  FilteringInput,\n  FilteringInputProps,\n  FilteringInputStatus,\n} from \"./components-react/filtering/FilteringInput.js\";\nexport {\n  ResultSelector,\n  ResultSelectorProps,\n} from \"./components-react/filtering/ResultSelector.js\";\n\nexport {\n  ParsedInput,\n  ParsedInputProps,\n} from \"./components-react/inputs/ParsedInput.js\";\n\nexport { LocalizationProvider } from \"./components-react/l10n/LocalizationProvider.js\";\n\nexport {\n  LinksRenderer,\n  renderLinks,\n  withLinks,\n  LinksRendererProps,\n} from \"./components-react/properties/LinkHandler.js\";\nexport {\n  IPropertyValueRenderer,\n  PropertyContainerType,\n  PropertyDialogState,\n  PropertyPopupState,\n  PropertyValueRendererContext,\n  PropertyValueRendererManager,\n} from \"./components-react/properties/ValueRendererManager.js\";\nexport {\n  NonPrimitivePropertyRenderer,\n  NonPrimitivePropertyRendererProps,\n} from \"./components-react/properties/renderers/NonPrimitivePropertyRenderer.js\";\nexport {\n  PrimitivePropertyRenderer,\n  PrimitiveRendererProps,\n} from \"./components-react/properties/renderers/PrimitivePropertyRenderer.js\";\nexport { CustomizablePropertyRenderer } from \"./components-react/properties/renderers/CustomizablePropertyRenderer.js\";\nexport {\n  PropertyRenderer,\n  PropertyRendererProps,\n  SharedRendererProps,\n} from \"./components-react/properties/renderers/PropertyRenderer.js\";\nexport {\n  PropertyView,\n  PropertyViewProps,\n} from \"./components-react/properties/renderers/PropertyView.js\";\nexport {\n  ActionButtonList,\n  ActionButtonListProps,\n} from \"./components-react/properties/renderers/ActionButtonList.js\";\nexport {\n  ActionButtonRenderer,\n  ActionButtonRendererProps,\n} from \"./components-react/properties/renderers/ActionButtonRenderer.js\";\nexport { MergedPropertyValueRenderer } from \"./components-react/properties/renderers/value/MergedPropertyValueRenderer.js\";\nexport { UrlPropertyValueRenderer } from \"./components-react/properties/renderers/value/UrlPropertyValueRenderer.js\";\nexport { withContextStyle } from \"./components-react/properties/renderers/value/WithContextStyle.js\";\n\nexport {\n  PropertyFilterBuilder,\n  PropertyFilterBuilderProps,\n  PropertyFilterBuilderRenderer,\n  PropertyFilterBuilderRendererProps,\n} from \"./components-react/filter-builder/FilterBuilder.js\";\nexport { PropertyFilterBuilderRuleOperatorProps } from \"./components-react/filter-builder/FilterBuilderRuleOperator.js\";\nexport {\n  BuildFilterOptions,\n  PropertyFilterBuilderActions,\n  PropertyFilterBuilderRule,\n  PropertyFilterBuilderRuleGroup,\n  PropertyFilterBuilderRuleGroupItem,\n  PropertyFilterBuilderState,\n  UsePropertyFilterBuilderProps,\n  UsePropertyFilterBuilderResult,\n  isPropertyFilterBuilderRuleGroup,\n  useDefaultPropertyFilterBuilderRuleValidator,\n  usePropertyFilterBuilder,\n  defaultPropertyFilterBuilderRuleValidator,\n} from \"./components-react/filter-builder/FilterBuilderState.js\";\nexport {\n  PropertyFilterBuilderRuleValue,\n  PropertyFilterBuilderRuleValueProps,\n  PropertyFilterBuilderRuleValueRendererProps,\n} from \"./components-react/filter-builder/FilterBuilderRuleValue.js\";\nexport { PropertyFilterBuilderRuleRangeValue } from \"./components-react/filter-builder/FilterBuilderRangeValue.js\";\nexport {\n  PropertyFilterBuilderRuleOperator,\n  PropertyFilterRuleGroupOperator,\n  PropertyFilterRuleOperator,\n  getPropertyFilterBuilderOperators,\n  isUnaryPropertyFilterBuilderOperator,\n  isUnaryPropertyFilterOperator,\n} from \"./components-react/filter-builder/Operators.js\";\nexport {\n  PropertyFilter,\n  PropertyFilterRule,\n  PropertyFilterRuleGroup,\n  isPropertyFilterRuleGroup,\n} from \"./components-react/filter-builder/Types.js\";\nexport {\n  PropertyFilterBuilderLogicalOperator,\n  PropertyFilterBuilderLogicalOperatorProps,\n} from \"./components-react/filter-builder/FilterBuilderLogicalOperator.js\";\nexport { PropertyFilterBuilderToolbar } from \"./components-react/filter-builder/FilterBuilderToolbar.js\";\n\nexport {\n  NonPrimitivePropertyLabelRenderer,\n  NonPrimitivePropertyLabelRendererProps,\n} from \"./components-react/properties/renderers/label/NonPrimitivePropertyLabelRenderer.js\";\nexport {\n  PrimitivePropertyLabelRenderer,\n  PrimitivePropertyLabelRendererProps,\n} from \"./components-react/properties/renderers/label/PrimitivePropertyLabelRenderer.js\";\nexport { PropertyLabelRendererProps } from \"./components-react/properties/renderers/label/PropertyLabelRenderer.js\";\n\nexport {\n  DEFAULT_LINKS_HANDLER,\n  PrimitivePropertyValueRenderer,\n} from \"./components-react/properties/renderers/value/PrimitivePropertyValueRenderer.js\";\nexport { ArrayPropertyValueRenderer } from \"./components-react/properties/renderers/value/ArrayPropertyValueRenderer.js\";\nexport { StructPropertyValueRenderer } from \"./components-react/properties/renderers/value/StructPropertyValueRenderer.js\";\nexport { DoublePropertyValueRenderer } from \"./components-react/properties/renderers/value/DoublePropertyValueRenderer.js\";\nexport { NavigationPropertyValueRenderer } from \"./components-react/properties/renderers/value/NavigationPropertyValueRenderer.js\";\nexport { TableArrayValueRenderer } from \"./components-react/properties/renderers/value/table/ArrayValueRenderer.js\";\nexport { TableStructValueRenderer } from \"./components-react/properties/renderers/value/table/StructValueRenderer.js\";\nexport {\n  SharedTableNonPrimitiveValueRendererProps,\n  TableNonPrimitiveValueRenderer,\n  TableNonPrimitiveValueRendererProps,\n  TableSpecificValueRendererProps,\n} from \"./components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.js\";\nexport {\n  ItemColorOverrides,\n  ItemStyle,\n  ItemStyleProvider,\n  TableRowStyleProvider,\n} from \"./components-react/properties/ItemStyle.js\";\n\nexport {\n  PropertyCategoryRenderer,\n  PropertyCategoryRendererManager,\n  PropertyCategoryRendererProps,\n} from \"./components-react/propertygrid/PropertyCategoryRendererManager.js\";\nexport {\n  IPropertyDataProvider,\n  PropertyCategory,\n  PropertyData,\n  PropertyDataChangeEvent,\n  PropertyDataChangesListener,\n} from \"./components-react/propertygrid/PropertyDataProvider.js\";\nexport { SimplePropertyDataProvider } from \"./components-react/propertygrid/SimplePropertyDataProvider.js\";\nexport {\n  IMergingPropertyDataProvider,\n  createMergedPropertyDataProvider,\n} from \"./components-react/propertygrid/MergingPropertyDataProvider.js\";\nexport {\n  VirtualizedPropertyGrid,\n  VirtualizedPropertyGridContext,\n  VirtualizedPropertyGridProps,\n  useVirtualizedPropertyGridLayoutStorage,\n} from \"./components-react/propertygrid/component/VirtualizedPropertyGrid.js\";\nexport {\n  VirtualizedPropertyGridWithDataProvider,\n  VirtualizedPropertyGridWithDataProviderProps,\n} from \"./components-react/propertygrid/component/VirtualizedPropertyGridWithDataProvider.js\";\nexport {\n  PropertyCategoryBlock,\n  PropertyCategoryBlockProps,\n} from \"./components-react/propertygrid/component/PropertyCategoryBlock.js\";\nexport {\n  CommonPropertyGridProps,\n  PropertyEditingArgs,\n  PropertyGridContentHighlightProps,\n  PropertyGridContextMenuArgs,\n} from \"./components-react/propertygrid/component/PropertyGridCommons.js\";\nexport {\n  PropertyList,\n  PropertyListProps,\n} from \"./components-react/propertygrid/component/PropertyList.js\";\nexport {\n  CategorizedPropertyItem,\n  FlatGridItem,\n  FlatGridItemBase,\n  GridCategoryItem,\n} from \"./components-react/propertygrid/internal/flat-items/FlatGridItem.js\";\nexport { MutableCategorizedArrayProperty } from \"./components-react/propertygrid/internal/flat-items/MutableCategorizedArrayProperty.js\";\nexport { MutableCategorizedPrimitiveProperty } from \"./components-react/propertygrid/internal/flat-items/MutableCategorizedPrimitiveProperty.js\";\nexport { MutableCategorizedStructProperty } from \"./components-react/propertygrid/internal/flat-items/MutableCategorizedStructProperty.js\";\nexport {\n  CategorizedPropertyTypes,\n  FlatGridItemType,\n  IMutableCategorizedPropertyItem,\n  IMutableFlatGridItem,\n  IMutableFlatPropertyGridItem,\n  IMutableGridCategoryItem,\n  MutableCategorizedProperty,\n  MutableFlatPropertyGridItem,\n} from \"./components-react/propertygrid/internal/flat-items/MutableFlatGridItem.js\";\nexport {\n  CategoryRecordsDict,\n  MutableGridCategory,\n} from \"./components-react/propertygrid/internal/flat-items/MutableGridCategory.js\";\nexport {\n  IMutableGridItemFactory,\n  MutableGridItemFactory,\n} from \"./components-react/propertygrid/internal/flat-items/MutableGridItemFactory.js\";\nexport {\n  IPropertyGridEventHandler,\n  PropertyGridEventHandler,\n} from \"./components-react/propertygrid/internal/PropertyGridEventHandler.js\";\nexport {\n  usePropertyData,\n  usePropertyGridEventHandler,\n  usePropertyGridModel,\n  useTrackedPropertyGridModelSource,\n  usePropertyGridModelSource,\n} from \"./components-react/propertygrid/internal/PropertyGridHooks.js\";\nexport {\n  IMutablePropertyGridModel,\n  IPropertyGridModel,\n  MutablePropertyGridModel,\n} from \"./components-react/propertygrid/internal/PropertyGridModel.js\";\nexport {\n  PropertyGridModelChangeEvent,\n  PropertyGridModelChangeListener,\n} from \"./components-react/propertygrid/internal/PropertyGridModelChangeEvent.js\";\nexport {\n  IPropertyGridModelSource,\n  PropertyGridModelSource,\n} from \"./components-react/propertygrid/internal/PropertyGridModelSource.js\";\nexport {\n  FilteredPropertyData,\n  FilteringPropertyDataProvider,\n} from \"./components-react/propertygrid/dataproviders/FilteringDataProvider.js\";\nexport { PropertyCategoryLabelFilterer } from \"./components-react/propertygrid/dataproviders/filterers/PropertyCategoryLabelFilterer.js\";\nexport {\n  CompositeFilterType,\n  CompositePropertyDataFilterer,\n} from \"./components-react/propertygrid/dataproviders/filterers/CompositePropertyDataFilterer.js\";\nexport { DisplayValuePropertyDataFilterer } from \"./components-react/propertygrid/dataproviders/filterers/DisplayValuePropertyDataFilterer.js\";\nexport { LabelPropertyDataFilterer } from \"./components-react/propertygrid/dataproviders/filterers/LabelPropertyDataFilterer.js\";\nexport {\n  FilteredType,\n  IPropertyDataFilterer,\n  PropertyCategoryDataFiltererBase,\n  PropertyDataFilterResult,\n  PropertyDataFiltererBase,\n  PropertyFilterChangeEvent,\n  PropertyFilterChangesListener,\n  PropertyRecordDataFiltererBase,\n} from \"./components-react/propertygrid/dataproviders/filterers/PropertyDataFiltererBase.js\";\n\nexport {\n  ControlledSelectableContent,\n  SelectableContent,\n  SelectableContentDefinition,\n  ControlledSelectableContentProps,\n  SelectableContentProps,\n} from \"./components-react/selectable-content/SelectableContent.js\";\n\nexport {\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n  ToolbarPopupAutoHideContext,\n  useToolbarPopupAutoHideContext,\n  CustomToolbarItem,\n  ToolbarItem,\n} from \"./components-react/toolbar/InternalToolbarComponent.js\";\nexport {\n  PopupItem,\n  PopupItemProps,\n  ToolbarPopupContext,\n  ToolbarPopupContextProps,\n  useToolbarPopupContext,\n} from \"./components-react/toolbar/PopupItem.js\";\nexport {\n  PopupItemWithDrag,\n  PopupItemWithDragProps,\n} from \"./components-react/toolbar/PopupItemWithDrag.js\";\nexport { Toolbar, ToolbarProps } from \"./components-react/toolbar/Toolbar.js\";\nexport {\n  ToolbarWithOverflow,\n  ToolbarWithOverflowProps,\n} from \"./components-react/toolbar/ToolbarWithOverflow.js\";\nexport {\n  ToolbarButtonItem,\n  ToolbarButtonItemProps,\n} from \"./components-react/toolbar/Item.js\";\nexport {\n  Direction,\n  OrthogonalDirection,\n} from \"./components-react/toolbar/utilities/Direction.js\";\n\nexport {\n  DelayLoadedTreeNodeItem,\n  EditableTreeDataProvider,\n  ITreeDataProvider,\n  ImmediatelyLoadedTreeNodeItem,\n  TreeDataProvider,\n  TreeDataProviderMethod,\n  TreeDataProviderPromise,\n  TreeDataProviderRaw,\n  TreeNodeItem,\n  hasChildren,\n  isTreeDataProviderInterface,\n  isTreeDataProviderMethod,\n  isTreeDataProviderPromise,\n  isTreeDataProviderRaw,\n} from \"./components-react/tree/TreeDataProvider.js\";\nexport {\n  SimpleTreeDataProvider,\n  SimpleTreeDataProviderHierarchy,\n} from \"./components-react/tree/SimpleTreeDataProvider.js\";\nexport {\n  ActiveMatchInfo,\n  HighlightableTreeNodeProps,\n  HighlightableTreeProps,\n  HighlightingEngine,\n} from \"./components-react/tree/HighlightingEngine.js\";\nexport {\n  ITreeImageLoader,\n  TreeImageLoader,\n} from \"./components-react/tree/ImageLoader.js\";\nexport { TreeActions } from \"./components-react/tree/controlled/TreeActions.js\";\nexport {\n  TreeEditingParams,\n  TreeEventHandler,\n  TreeEventHandlerParams,\n} from \"./components-react/tree/controlled/TreeEventHandler.js\";\nexport {\n  CheckboxStateChange,\n  TreeCheckboxStateChangeEventArgs,\n  TreeEvents,\n  TreeNodeEventArgs,\n  TreeSelectionChange,\n  TreeSelectionModificationEventArgs,\n  TreeSelectionReplacementEventArgs,\n} from \"./components-react/tree/controlled/TreeEvents.js\";\nexport {\n  CheckBoxInfo,\n  MutableCheckBoxInfo,\n  MutableTreeModel,\n  MutableTreeModelNode,\n  TreeModel,\n  TreeModelNode,\n  TreeModelNodeEditingInfo,\n  TreeModelNodeInput,\n  TreeModelNodePlaceholder,\n  TreeModelNodeType,\n  TreeModelRootNode,\n  TreeNodeItemData,\n  VisibleTreeNodes,\n  computeVisibleNodes,\n  getVisibleDescendants,\n  isTreeModelNode,\n  isTreeModelNodePlaceholder,\n  isTreeModelRootNode,\n} from \"./components-react/tree/controlled/TreeModel.js\";\nexport {\n  TreeModelChanges,\n  TreeModelSource,\n} from \"./components-react/tree/controlled/TreeModelSource.js\";\nexport {\n  AbstractTreeNodeLoader,\n  AbstractTreeNodeLoaderWithProvider,\n  ITreeNodeLoader,\n  ITreeNodeLoaderWithProvider,\n  LoadedNodeHierarchy,\n  LoadedNodeHierarchyItem,\n  PagedTreeNodeLoader,\n  TreeNodeLoadResult,\n  TreeNodeLoader,\n} from \"./components-react/tree/controlled/TreeNodeLoader.js\";\nexport {\n  CompletionObserver,\n  ErrorObserver,\n  NextObserver,\n  Observable,\n  Observer,\n  Subscribable,\n  Subscription,\n  Unsubscribable,\n  from,\n} from \"./components-react/tree/controlled/Observable.js\";\nexport {\n  useControlledTreeEventsHandler,\n  usePagedTreeNodeLoader,\n  useTreeModel,\n  useTreeModelSource,\n  useTreeNodeLoader,\n  useTreeEventsHandler,\n} from \"./components-react/tree/controlled/TreeHooks.js\";\nexport {\n  ControlledTree,\n  ControlledTreeProps,\n  useControlledTreeLayoutStorage,\n} from \"./components-react/tree/controlled/component/ControlledTree.js\";\nexport {\n  TreeNodeContent,\n  TreeNodeContentProps,\n} from \"./components-react/tree/controlled/component/NodeContent.js\";\nexport {\n  TreeNodeEditor,\n  TreeNodeEditorProps,\n  TreeNodeEditorRenderer,\n} from \"./components-react/tree/controlled/component/TreeNodeEditor.js\";\nexport {\n  TreeNodeIcon,\n  TreeNodeRenderer,\n  TreeNodeRendererProps,\n  TreeNodeIconProps,\n} from \"./components-react/tree/controlled/component/TreeNodeRenderer.js\";\nexport {\n  RenderedItemsRange,\n  TreeRenderer,\n  TreeRendererAttributes,\n  TreeRendererProps,\n} from \"./components-react/tree/controlled/component/TreeRenderer.js\";\nexport {\n  Node,\n  SparseArray,\n} from \"./components-react/tree/controlled/internal/SparseTree.js\";\n\n// #region \"SideEffects\"\n\nimport { registerEditors } from \"./components-react/editors/registerEditors.js\";\nimport { registerConverters } from \"./components-react/converters/registerConverters.js\";\nimport { PropertyValueRendererManager } from \"./components-react/properties/ValueRendererManager.js\";\nimport { UrlPropertyValueRenderer } from \"./components-react/properties/renderers/value/UrlPropertyValueRenderer.js\";\nimport { MultilineTextPropertyValueRenderer } from \"./components-react/properties/renderers/value/MultilineTextPropertyValueRenderer.js\";\n\nregisterEditors();\nregisterConverters();\nPropertyValueRendererManager.defaultManager.registerRenderer(\n  \"url\",\n  new UrlPropertyValueRenderer()\n);\nPropertyValueRendererManager.defaultManager.registerRenderer(\n  \"multiline\",\n  new MultilineTextPropertyValueRenderer()\n);\n\n// #endregion \"SideEffects\"\n\n/** @docs-package-description\n * The components-react package contains React components that are data-oriented, such as PropertyGrid, Table and Tree.\n */\n/**\n * @docs-group-description Common\n * Common classes used across various UI components.\n */\n/**\n * @docs-group-description Breadcrumb\n * Classes and components for working with a Breadcrumb.\n * As of version 3.0, the Breadcrumb is deprecated.\n */\n/**\n * @docs-group-description Date\n * Classes, interfaces, and components for showing and setting date and time.\n */\n/**\n * @docs-group-description DragDrop\n * Classes and Higher Order Components for working with the DragDrop API.\n */\n/**\n * @docs-group-description Favorite\n * Classes and components for displaying favorite properties.\n */\n/**\n * @docs-group-description Filtering\n * Classes and components for working with filtering.\n */\n/**\n * @docs-group-description Inputs\n * Input Components that format and parse input.\n */\n/**\n * @docs-group-description SelectableContent\n * Classes and components for working with SelectableContent component.\n */\n/**\n * @docs-group-description Properties\n * Classes and components for working with Properties.\n */\n/**\n * @docs-group-description PropertyEditors\n * Classes and components for working with Property Editors.\n */\n/**\n * @docs-group-description PropertyGrid\n * Classes and components for working with a PropertyGrid.\n */\n/**\n * @docs-group-description Table\n * Classes and components for working with a Table.\n */\n/**\n * @docs-group-description Toolbar\n * Functions and components that provide a Toolbar.\n */\n/**\n * @docs-group-description Tree\n * Classes and components for working with a Tree.\n */\n/**\n * @docs-group-description TypeConverters\n * Classes for working with Type Converters.\n */\n/**\n * @docs-group-description PropertyFilterBuilder\n * Classes and components for working with PropertyFilterBuilder.\n */\n"]}

package/lib/esm/components-react/datepicker/DateField.scss

@@ -2,8 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
+@use "~@itwin/core-react/lib/core-react/inputs/variables" as *;
 
 .components-date-input {
   width: auto;
@@ -14,7 +13,7 @@
   }
 
   &[disabled] {
-    color: var(--buic-foreground-body);
+    color: var(--iui-color-text);
     opacity: 0.65;
   }
 }

package/lib/esm/components-react/datepicker/DatePicker.scss

@@ -2,25 +2,21 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/style/opacity";
-@import "~@itwin/core-react/lib/cjs/core-react/icons/variables";
-
 $date-picker-m: 16px;
 $date-picker-icons-color-actionable: rgba(
-  $buic-foreground-body,
-  $uicore-opacity-2
+  var(--iui-color-text),
+  var(--iui-opacity-2)
 );
 $date-picker-icons-color-actionable-hover: rgba(
-  $buic-foreground-body,
-  $uicore-opacity-1
+  var(--iui-color-text),
+  var(--iui-opacity-1)
 );
 $date-picker-outside-month-color: var(--iui-color-text-disabled);
 $outline-size: 2px;
 
 .components-date-picker-calendar {
   border-radius: var(--iui-border-radius-1) var(--iui-border-radius-1) 0 0;
-  background-color: $buic-background-control;
+  background-color: var(--iui-color-background);
   color: var(--iui-color-text);
   font-size: 14px;
 
@@ -37,7 +33,7 @@ $outline-size: 2px;
 
     button.components-previous-month,
     button.components-next-month {
-      background-color: $buic-background-control;
+      background-color: var(--iui-color-background);
       border: none;
       cursor: pointer;
       padding: 5px;
@@ -53,9 +49,11 @@ $outline-size: 2px;
           outline: 0px;
           border: 0px solid var(--iui-color-border-foreground);
           border-radius: var(--iui-border-radius-1);
-          border-color: var(--buic-foreground-focus-border);
-          box-shadow: var(--buic-focus-boxshadow-gradient1) 0px 1px 1px,
-            var(--buic-focus-boxshadow-gradient2) 0px 0px 0px 2px;
+          border-color: hsl(
+            var(--iui-color-foreground-hsl) / var(--iui-opacity-4)
+          );
+          box-shadow: hsl(var(--iui-color-accent-hsl) / 0) 0px 1px 1px,
+            hsl(var(--iui-color-accent-hsl) / 0.65) 0px 0px 0px 2px;
         }
       }
 
@@ -77,7 +75,7 @@ $outline-size: 2px;
 
   .components-date-picker-calendar-header-weekdays {
     display: grid;
-    background-color: $buic-background-2;
+    background-color: var(--iui-color-background-hover);
     padding-inline-start: 8px;
     padding-inline-end: 8px;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
@@ -111,17 +109,21 @@ $outline-size: 2px;
       &.showFocusOutline {
         border: 0px solid var(--iui-color-border-foreground);
         border-radius: var(--iui-border-radius-1);
-        border-color: var(--buic-foreground-focus-border);
-        box-shadow: var(--buic-focus-boxshadow-gradient1) 0px 1px 1px,
-          var(--buic-focus-boxshadow-gradient2) 0px 0px 0px 2px;
+        border-color: hsl(
+          var(--iui-color-foreground-hsl) / var(--iui-opacity-4)
+        );
+        box-shadow: hsl(var(--iui-color-accent-hsl) / 0) 0px 1px 1px,
+          hsl(var(--iui-color-accent-hsl) / 0.65) 0px 0px 0px 2px;
 
         .components-date-picker-calendar-day.focused {
           outline: 0px;
           border: 1px solid var(--iui-color-border-foreground);
           border-radius: var(--iui-border-radius-1);
-          border-color: var(--buic-foreground-focus-border);
-          box-shadow: var(--buic-focus-boxshadow-gradient1) 0px 1px 1px,
-            var(--buic-focus-boxshadow-gradient2) 0px 0px 0px 2px;
+          border-color: hsl(
+            var(--iui-color-foreground-hsl) / var(--iui-opacity-4)
+          );
+          box-shadow: hsl(var(--iui-color-accent-hsl) / 0) 0px 1px 1px,
+            hsl(var(--iui-color-accent-hsl) / 0.65) 0px 0px 0px 2px;
           z-index: 1;
         }
       }
@@ -143,25 +145,25 @@ $outline-size: 2px;
       }
 
       &:hover:not(.selected) {
-        background-color: $buic-row-hover;
+        background-color: var(--iui-color-background-hover);
         border-radius: var(--iui-border-radius-1);
         font-weight: var(--iui-font-weight-semibold);
       }
 
       &.selected {
-        background-color: $buic-background-primary;
+        background-color: var(--iui-color-background-accent);
         color: var(--iui-color-white);
         font-weight: var(--iui-font-weight-semibold);
         border-radius: var(--iui-border-radius-1);
 
         &:hover {
-          background-color: $buic-row-hover;
+          background-color: var(--iui-color-background-hover);
           color: var(--iui-color-text);
         }
       }
 
       &.today {
-        background-color: rgba($buic-foreground-body, $uicore-opacity-6);
+        background-color: rgba(var(--iui-color-text), var(--iui-opacity-6));
         font-weight: var(--iui-font-weight-semibold);
         border-radius: 50%;
       }

package/lib/esm/components-react/datepicker/DatePickerPopupButton.scss

@@ -2,8 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-
 .components-date-picker-calendar-popup-button {
   color: var(--iui-color-text);
   font-size: var(--iui-font-size-1);
@@ -26,12 +24,13 @@
     cursor: auto;
 
     svg {
-      fill: $buic-foreground-primary-tone;
+      fill: var(--iui-color-text-accent-hover);
     }
   }
 
   &:focus {
-    box-shadow: $buic-focus-boxshadow 0px 0px 0px 2px;
+    box-shadow: hsl(var(--iui-color-accent-hsl) / var(--iui-opacity-4)) 0px 0px
+      0px 2px;
     outline: none;
   }
 }
@@ -39,7 +38,7 @@
 .components-date-picker-calendar-popup-panel {
   display: flex;
   flex-direction: column;
-  background-color: $buic-background-control;
+  background-color: var(--iui-color-background);
 
   .time-container {
     display: flex;

package/lib/esm/components-react/datepicker/TimeField.scss

@@ -2,18 +2,17 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@use "~@itwin/core-react/lib/core-react/inputs/variables" as *;
 
 .components-time {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
-  background-color: $buic-background-control;
+  background-color: var(--iui-color-background);
   border: 1px solid var(--iui-color-border-foreground);
   border-radius: var(--iui-border-radius-1);
-  box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset;
+  box-shadow: var(--iui-focus-box-shadow) 0px 1px 1px inset;
   box-sizing: border-box;
 
   &.has-error {
@@ -34,9 +33,9 @@
       outline: 0px;
       border: 1px solid var(--iui-color-border-foreground);
       border-radius: var(--iui-border-radius-1);
-      border-color: var(--buic-foreground-focus-border);
-      box-shadow: var(--buic-focus-boxshadow-gradient1) 0px 1px 1px,
-        var(--buic-focus-boxshadow-gradient2) 0px 0px 0px 2px;
+      border-color: hsl(var(--iui-color-foreground-hsl) / var(--iui-opacity-4));
+      box-shadow: hsl(var(--iui-color-accent-hsl) / 0) 0px 1px 1px,
+        hsl(var(--iui-color-accent-hsl) / 0.65) 0px 0px 0px 2px;
       z-index: 1;
       /* bump z-index so drop shadow in not cut off by AM/PM */
     }
@@ -56,9 +55,9 @@
       outline: 0px;
       border: 1px solid var(--iui-color-border-foreground);
       border-radius: var(--iui-border-radius-1);
-      border-color: var(--buic-foreground-focus-border);
-      box-shadow: var(--buic-focus-boxshadow-gradient1) 0px 1px 1px,
-        var(--buic-focus-boxshadow-gradient2) 0px 0px 0px 2px;
+      border-color: hsl(var(--iui-color-foreground-hsl) / var(--iui-opacity-4));
+      box-shadow: hsl(var(--iui-color-accent-hsl) / 0) 0px 1px 1px,
+        hsl(var(--iui-color-accent-hsl) / 0.65) 0px 0px 0px 2px;
     }
   }
 

package/lib/esm/components-react/editors/CustomNumberEditor.scss

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "./variables";
+@use "./variables" as *;
 
 .components-customnumber-editor {
   width: 100%;

package/lib/esm/components-react/editors/EnumEditor.scss

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "./variables";
+@use "./variables" as *;
 
 .components-enum-editor {
   width: 100%;

package/lib/esm/components-react/editors/IconEditor.scss

@@ -2,8 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
 $components-color-editor-item-height: 100%;
 
 .components-icon-editor {

package/lib/esm/components-react/editors/NumericInputEditor.scss

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "./variables";
+@use "./variables" as *;
 
 .components-smallEditor-host {
   .components-numeric-input-editor {

package/lib/esm/components-react/editors/PopupButton.scss

@@ -2,11 +2,8 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/icons/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/baseline";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "./variables.scss";
+@use "~@itwin/core-react/lib/core-react/inputs/variables" as *;
+@use "./variables" as *;
 
 .components-popup-button {
   min-width: 100%;
@@ -14,10 +11,10 @@
   height: 100%;
   margin: 0;
   padding: 0;
-  background-color: $buic-background-control;
+  background-color: var(--iui-color-background);
   border: 1px solid var(--iui-color-border-foreground);
   border-radius: var(--iui-border-radius-1);
-  box-shadow: $buic-inputs-boxshadow 0px 1px 1px inset;
+  box-shadow: var(--iui-focus-box-shadow) 0px 1px 1px inset;
   box-sizing: border-box;
   cursor: pointer;
 
@@ -39,7 +36,7 @@
   }
 
   > .components-popup-button-arrow {
-    background-color: $buic-background-control;
+    background-color: var(--iui-color-background);
     width: var(--iui-size-l);
     height: var(--iui-size-l);
 
@@ -57,7 +54,7 @@
 
   &:focus,
   &.components-popup-expanded {
-    border-color: $buic-foreground-focus;
+    border-color: var(--iui-color-text-accent-hover);
     outline: 0px;
     box-shadow: $uicore-inputs-focus-boxshadow;
 

package/lib/esm/components-react/editors/SliderEditor.scss

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "./variables";
+@use "./variables" as *;
 
 .components-slider-editor {
   min-width: 100%;

package/lib/esm/components-react/editors/TextEditor.scss

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "./variables";
+@use "./variables" as *;
 
 .components-text-editor {
   min-width: 100%;