@itwin/itwinui-react 3.0.0-dev.0 → 3.0.0-dev.1

package/cjs/core/utils/functions/dom.js

@@ -3,8 +3,12 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeEventHandlers = exports.getWindow = exports.getDocument = exports.getContainer = void 0;
+exports.getTranslateValues = exports.mergeEventHandlers = exports.getWindow = exports.getDocument = exports.getContainer = void 0;
+const styles_js_1 = __importDefault(require("../../../styles.js"));
 /**
  * Get the container as a child of body, or create one if it doesn't exist.
  * Mostly used for dynamic components like Modal or Toast.
@@ -18,7 +22,7 @@ const getContainer = (containerId, ownerDocument = (0, exports.getDocument)()) =
     if (container == null && !!ownerDocument) {
         container = ownerDocument.createElement('div');
         container.setAttribute('id', containerId);
-        const root = (_b = ownerDocument.querySelector('.iui-root')) !== null && _b !== void 0 ? _b : ownerDocument.body;
+        const root = (_b = ownerDocument.querySelector(`.${styles_js_1.default['iui-root']}`)) !== null && _b !== void 0 ? _b : ownerDocument.body;
         root.appendChild(container);
     }
     return container;
@@ -53,3 +57,17 @@ const mergeEventHandlers = (...callbacks) => (event) => {
     }
 };
 exports.mergeEventHandlers = mergeEventHandlers;
+/**
+ * Returns translate values as an array of a given element.
+ * @param element HTML element you want to get translate value of
+ * @returns Translate values in pixels in an array `[translateX, translateY]`
+ */
+const getTranslateValues = (element) => {
+    if (!element) {
+        return [];
+    }
+    const transformValue = getComputedStyle(element).getPropertyValue('transform');
+    const matrix = new DOMMatrix(transformValue);
+    return [matrix.m41, matrix.m42];
+};
+exports.getTranslateValues = getTranslateValues;

package/cjs/core/utils/functions/index.d.ts

@@ -3,6 +3,5 @@ export * from './dom.js';
 export * from './colors.js';
 export * from './numbers.js';
 export * from './focusable.js';
-export * from './styles.js';
 export * from './supports.js';
 export * from './polymorphic.js';

package/cjs/core/utils/functions/index.js

@@ -23,6 +23,5 @@ __exportStar(require("./dom.js"), exports);
 __exportStar(require("./colors.js"), exports);
 __exportStar(require("./numbers.js"), exports);
 __exportStar(require("./focusable.js"), exports);
-__exportStar(require("./styles.js"), exports);
 __exportStar(require("./supports.js"), exports);
 __exportStar(require("./polymorphic.js"), exports);

package/cjs/core/utils/functions/polymorphic.js

@@ -34,12 +34,13 @@ exports.polymorphic = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const useGlobals_js_1 = require("../hooks/useGlobals.js");
+const styles_js_1 = __importDefault(require("../../../styles.js"));
 const _base = (defaultElement) => {
     return (className, attrs) => {
         const Comp = React.forwardRef(({ as = defaultElement, ...props }, ref) => {
             const Element = as || 'div'; // eslint-disable-line
             (0, useGlobals_js_1.useGlobals)();
-            return (React.createElement(Element, { ref: ref, ...attrs, ...props, className: (0, classnames_1.default)(className, attrs === null || attrs === void 0 ? void 0 : attrs.className, props.className) }));
+            return (React.createElement(Element, { ref: ref, ...attrs, ...props, className: getScopedClassName((0, classnames_1.default)(className, attrs === null || attrs === void 0 ? void 0 : attrs.className, props.className)) }));
         });
         Comp.displayName = getDisplayNameFromClass(className);
         return Comp;
@@ -79,3 +80,10 @@ const getDisplayNameFromClass = (str) => {
     const camel = str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
     return camel.substring(3);
 };
+// e.g. iui-button -> _iui3-button
+const getScopedClassName = (className = '') => {
+    return (className
+        .split(' ')
+        .map((c) => (c in styles_js_1.default ? styles_js_1.default[c] : c))
+        .join(' ') || null);
+};

package/cjs/core/utils/hooks/useGlobals.d.ts

@@ -1,5 +1,3 @@
-import '@itwin/itwinui-css/css/global.css';
-import '@itwin/itwinui-variables/index.css';
 /**
  * Hook used in every component for any shared setup and side effects.
  *

package/cjs/core/utils/hooks/useGlobals.js

@@ -29,8 +29,6 @@ exports.useThemeProviderWarning = exports.useGlobals = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-require("@itwin/itwinui-css/css/global.css");
-require("@itwin/itwinui-variables/index.css");
 const ThemeContext_js_1 = require("../../ThemeProvider/ThemeContext.js");
 let isDev = false;
 // wrapping in try-catch because process might be undefined

package/cjs/styles.d.ts

@@ -0,0 +1,5 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+export default styles as Record<string, string>;

package/cjs/styles.js

@@ -0,0 +1,453 @@
+"use strict";
+const closeAnimation = "_iui3-closeAnimation";
+const pulse = "_iui3-pulse";
+const styles = {
+  "iui-root": "_iui3-root",
+  "iui-root-background": "_iui3-root-background",
+  "iui-alert": "_iui3-alert",
+  "iui-alert-link": "_iui3-alert-link",
+  "iui-alert-button": "_iui3-alert-button",
+  "iui-alert-icon": "_iui3-alert-icon",
+  "iui-alert-message": "_iui3-alert-message",
+  "iui-alert-button-icon": "_iui3-alert-button-icon",
+  "iui-anchor": "_iui3-anchor",
+  "iui-anchor-external": "_iui3-anchor-external",
+  "iui-avatar": "_iui3-avatar",
+  "iui-stroke": "_iui3-stroke",
+  "iui-initials": "_iui3-initials",
+  "iui-status": "_iui3-status",
+  "iui-online": "_iui3-online",
+  "iui-away": "_iui3-away",
+  "iui-busy": "_iui3-busy",
+  "iui-offline": "_iui3-offline",
+  "iui-avatar-count": "_iui3-avatar-count",
+  "iui-small": "_iui3-small",
+  "iui-large": "_iui3-large",
+  "iui-x-large": "_iui3-x-large",
+  "iui-avatar-list": "_iui3-avatar-list",
+  "iui-stacked": "_iui3-stacked",
+  "iui-animated": "_iui3-animated",
+  "iui-backdrop": "_iui3-backdrop",
+  "iui-backdrop-visible": "_iui3-backdrop-visible",
+  "iui-backdrop-fixed": "_iui3-backdrop-fixed",
+  "iui-badge": "_iui3-badge",
+  "iui-blockquote": "_iui3-blockquote",
+  "iui-surface-body": "_iui3-surface-body",
+  "iui-surface-header": "_iui3-surface-header",
+  "iui-breadcrumbs": "_iui3-breadcrumbs",
+  "iui-breadcrumbs-list": "_iui3-breadcrumbs-list",
+  "iui-breadcrumbs-item": "_iui3-breadcrumbs-item",
+  "iui-breadcrumbs-item-overrides": "_iui3-breadcrumbs-item-overrides",
+  "iui-button": "_iui3-button",
+  "iui-breadcrumbs-text": "_iui3-breadcrumbs-text",
+  "iui-breadcrumbs-button": "_iui3-breadcrumbs-button",
+  "iui-breadcrumbs-separator": "_iui3-breadcrumbs-separator",
+  "iui-button-icon": "_iui3-button-icon",
+  "iui-button-dropdown": "_iui3-button-dropdown",
+  "iui-button-split": "_iui3-button-split",
+  "iui-button-group": "_iui3-button-group",
+  "iui-input-container": "_iui3-input-container",
+  "iui-input": "_iui3-input",
+  "iui-disabled": "_iui3-disabled",
+  "iui-button-group-vertical": "_iui3-button-group-vertical",
+  "iui-button-group-overflow-x": "_iui3-button-group-overflow-x",
+  "iui-carousel": "_iui3-carousel",
+  "iui-carousel-slider": "_iui3-carousel-slider",
+  "iui-carousel-slider-item": "_iui3-carousel-slider-item",
+  "iui-carousel-navigation": "_iui3-carousel-navigation",
+  "iui-carousel-navigation-left": "_iui3-carousel-navigation-left",
+  "iui-carousel-navigation-right": "_iui3-carousel-navigation-right",
+  "iui-carousel-navigation-dots": "_iui3-carousel-navigation-dots",
+  "iui-carousel-navigation-dot": "_iui3-carousel-navigation-dot",
+  "iui-first": "_iui3-first",
+  "iui-second": "_iui3-second",
+  "iui-active": "_iui3-active",
+  "iui-checkbox-wrapper": "_iui3-checkbox-wrapper",
+  "iui-loading": "_iui3-loading",
+  "iui-checkbox-label": "_iui3-checkbox-label",
+  "iui-radio-label": "_iui3-radio-label",
+  "iui-positive": "_iui3-positive",
+  "iui-warning": "_iui3-warning",
+  "iui-negative": "_iui3-negative",
+  "iui-checkbox": "_iui3-checkbox",
+  "iui-checkbox-visibility": "_iui3-checkbox-visibility",
+  "iui-code": "_iui3-code",
+  "iui-codeblock": "_iui3-codeblock",
+  "iui-title-bar": "_iui3-title-bar",
+  "iui-title": "_iui3-title",
+  "iui-codeblock-content": "_iui3-codeblock-content",
+  "iui-color-picker": "_iui3-color-picker",
+  "iui-color-swatch": "_iui3-color-swatch",
+  "iui-color-palette": "_iui3-color-palette",
+  "iui-color-palette-wrapper": "_iui3-color-palette-wrapper",
+  "iui-color-input": "_iui3-color-input",
+  "iui-color-input-wrapper": "_iui3-color-input-wrapper",
+  "iui-color-input-fields": "_iui3-color-input-fields",
+  "iui-color-picker-section-label": "_iui3-color-picker-section-label",
+  "iui-color-selection-wrapper": "_iui3-color-selection-wrapper",
+  "iui-color-field": "_iui3-color-field",
+  "iui-hue-slider": "_iui3-hue-slider",
+  "iui-slider-container": "_iui3-slider-container",
+  "iui-slider-rail": "_iui3-slider-rail",
+  "iui-slider-thumb": "_iui3-slider-thumb",
+  "iui-opacity-slider": "_iui3-opacity-slider",
+  "iui-color-dot": "_iui3-color-dot",
+  "iui-date-picker": "_iui3-date-picker",
+  "iui-time-picker": "_iui3-time-picker",
+  "iui-calendar-month-year": "_iui3-calendar-month-year",
+  "iui-calendar-month": "_iui3-calendar-month",
+  "iui-calendar-weekdays": "_iui3-calendar-weekdays",
+  "iui-calendar-week": "_iui3-calendar-week",
+  "iui-calendar-day": "_iui3-calendar-day",
+  "iui-calendar-day-today": "_iui3-calendar-day-today",
+  "iui-calendar-day-selected": "_iui3-calendar-day-selected",
+  "iui-calendar-day-selected-today": "_iui3-calendar-day-selected-today",
+  "iui-calendar-day-outside-month": "_iui3-calendar-day-outside-month",
+  "iui-calendar-day-outside-month-today": "_iui3-calendar-day-outside-month-today",
+  "iui-calendar-day-range-start": "_iui3-calendar-day-range-start",
+  "iui-calendar-day-range-start-today": "_iui3-calendar-day-range-start-today",
+  "iui-calendar-day-range-end": "_iui3-calendar-day-range-end",
+  "iui-calendar-day-range-end-today": "_iui3-calendar-day-range-end-today",
+  "iui-calendar-day-range": "_iui3-calendar-day-range",
+  "iui-calendar-day-range-today": "_iui3-calendar-day-range-today",
+  "iui-dialog-wrapper": "_iui3-dialog-wrapper",
+  "iui-dialog": "_iui3-dialog",
+  "iui-dialog-visible": "_iui3-dialog-visible",
+  "iui-dialog-default": "_iui3-dialog-default",
+  "iui-dialog-full-page": "_iui3-dialog-full-page",
+  "iui-dialog-draggable": "_iui3-dialog-draggable",
+  "iui-dialog-animation-enter": "_iui3-dialog-animation-enter",
+  "iui-dialog-animation-enter-active": "_iui3-dialog-animation-enter-active",
+  "iui-dialog-title": "_iui3-dialog-title",
+  "iui-dialog-title-bar": "_iui3-dialog-title-bar",
+  "iui-dialog-title-bar-filled": "_iui3-dialog-title-bar-filled",
+  "iui-dialog-content": "_iui3-dialog-content",
+  "iui-dialog-button-bar": "_iui3-dialog-button-bar",
+  "iui-expandable-block": "_iui3-expandable-block",
+  "iui-expanded": "_iui3-expanded",
+  "iui-header": "_iui3-header",
+  "iui-icon": "_iui3-icon",
+  "iui-status-icon": "_iui3-status-icon",
+  "iui-expandable-content": "_iui3-expandable-content",
+  "iui-enter": "_iui3-enter",
+  "iui-enter-active": "_iui3-enter-active",
+  "iui-exit": "_iui3-exit",
+  "iui-exit-active": "_iui3-exit-active",
+  "iui-borderless": "_iui3-borderless",
+  "iui-expandable-block-label": "_iui3-expandable-block-label",
+  "iui-caption": "_iui3-caption",
+  "iui-fieldset": "_iui3-fieldset",
+  "iui-file-upload": "_iui3-file-upload",
+  "iui-content": "_iui3-content",
+  "iui-browse-input": "_iui3-browse-input",
+  "iui-template-icon": "_iui3-template-icon",
+  "iui-template-text": "_iui3-template-text",
+  "iui-drag": "_iui3-drag",
+  "iui-file-upload-template": "_iui3-file-upload-template",
+  "iui-file-card": "_iui3-file-card",
+  "iui-file-card-icon": "_iui3-file-card-icon",
+  "iui-file-card-text": "_iui3-file-card-text",
+  "iui-file-card-title": "_iui3-file-card-title",
+  "iui-file-card-description": "_iui3-file-card-description",
+  "iui-file-card-action": "_iui3-file-card-action",
+  "iui-file-card-empty": "_iui3-file-card-empty",
+  "iui-file-card-empty-icon": "_iui3-file-card-empty-icon",
+  "iui-file-card-empty-action": "_iui3-file-card-empty-action",
+  "iui-legal-footer": "_iui3-legal-footer",
+  "iui-legal-footer-list": "_iui3-legal-footer-list",
+  "iui-legal-footer-item": "_iui3-legal-footer-item",
+  "iui-legal-footer-separator": "_iui3-legal-footer-separator",
+  "iui-legal-footer-developer": "_iui3-legal-footer-developer",
+  "iui-page-header": "_iui3-page-header",
+  "iui-page-header-left": "_iui3-page-header-left",
+  "iui-page-header-center": "_iui3-page-header-center",
+  "iui-page-header-right": "_iui3-page-header-right",
+  "iui-page-header-divider": "_iui3-page-header-divider",
+  "iui-header-breadcrumbs": "_iui3-header-breadcrumbs",
+  "iui-header-brand": "_iui3-header-brand",
+  "iui-header-brand-icon": "_iui3-header-brand-icon",
+  "iui-header-brand-label": "_iui3-header-brand-label",
+  "iui-header-breadcrumbs-list": "_iui3-header-breadcrumbs-list",
+  "iui-header-breadcrumb-button": "_iui3-header-breadcrumb-button",
+  "iui-header-breadcrumb-button-split": "_iui3-header-breadcrumb-button-split",
+  "iui-header-breadcrumb-item": "_iui3-header-breadcrumb-item",
+  "iui-header-breadcrumb-button-wrapper": "_iui3-header-breadcrumb-button-wrapper",
+  "iui-header-breadcrumb-button-icon": "_iui3-header-breadcrumb-button-icon",
+  "iui-header-breadcrumb-button-dropdown-icon": "_iui3-header-breadcrumb-button-dropdown-icon",
+  "iui-header-breadcrumb-button-text": "_iui3-header-breadcrumb-button-text",
+  "iui-header-breadcrumb-button-text-label": "_iui3-header-breadcrumb-button-text-label",
+  "iui-header-breadcrumb-button-text-sublabel": "_iui3-header-breadcrumb-button-text-sublabel",
+  "iui-information-panel-wrapper": "_iui3-information-panel-wrapper",
+  "iui-information-panel": "_iui3-information-panel",
+  "iui-resizer": "_iui3-resizer",
+  "iui-resizer-bar": "_iui3-resizer-bar",
+  "iui-information-header": "_iui3-information-header",
+  "iui-information-body": "_iui3-information-body",
+  "iui-information-header-label": "_iui3-information-header-label",
+  "iui-information-header-actions": "_iui3-information-header-actions",
+  "iui-right": "_iui3-right",
+  "iui-bottom": "_iui3-bottom",
+  "iui-visible": "_iui3-visible",
+  "iui-information-body-content": "_iui3-information-body-content",
+  "iui-input-label": "_iui3-input-label",
+  "iui-inline": "_iui3-inline",
+  "iui-required": "_iui3-required",
+  "iui-input-with-icon": "_iui3-input-with-icon",
+  "iui-select-tag-container": "_iui3-select-tag-container",
+  "iui-end-icon": "_iui3-end-icon",
+  "iui-actionable": "_iui3-actionable",
+  "iui-open": "_iui3-open",
+  "iui-inline-icon": "_iui3-inline-icon",
+  "iui-with-message": "_iui3-with-message",
+  "iui-input-icon": "_iui3-input-icon",
+  "iui-input-group": "_iui3-input-group",
+  "iui-toggle-switch-wrapper": "_iui3-toggle-switch-wrapper",
+  "iui-radio-wrapper": "_iui3-radio-wrapper",
+  "iui-inline-label": "_iui3-inline-label",
+  "iui-label": "_iui3-label",
+  "iui-message": "_iui3-message",
+  "iui-select-button": "_iui3-select-button",
+  "iui-input-flex-container": "_iui3-input-flex-container",
+  "iui-keyboard": "_iui3-keyboard",
+  "iui-location-marker": "_iui3-location-marker",
+  "iui-location-marker-default": "_iui3-location-marker-default",
+  "iui-location-marker-default-pin": "_iui3-location-marker-default-pin",
+  "iui-location-marker-default-pin-dot": "_iui3-location-marker-default-pin-dot",
+  "iui-location-marker-data-rich": "_iui3-location-marker-data-rich",
+  "iui-location-marker-data-rich-body": "_iui3-location-marker-data-rich-body",
+  "iui-location-marker-data-rich-icon": "_iui3-location-marker-data-rich-icon",
+  "iui-location-marker-data-rich-icon-monochrome": "_iui3-location-marker-data-rich-icon-monochrome",
+  "iui-location-marker-me": "_iui3-location-marker-me",
+  "iui-location-marker-me-dot": "_iui3-location-marker-me-dot",
+  "iui-list": "_iui3-list",
+  "iui-menu": "_iui3-menu",
+  "iui-header-menu-icon": "_iui3-header-menu-icon",
+  "iui-scroll": "_iui3-scroll",
+  "iui-list-item": "_iui3-list-item",
+  "iui-menu-item-skeleton": "_iui3-menu-item-skeleton",
+  "iui-menu-item": "_iui3-menu-item",
+  "iui-link-action": "_iui3-link-action",
+  "iui-focused": "_iui3-focused",
+  "iui-list-item-icon": "_iui3-list-item-icon",
+  "iui-menu-label": "_iui3-menu-label",
+  "iui-menu-description": "_iui3-menu-description",
+  "iui-menu-content": "_iui3-menu-content",
+  "iui-list-item-content": "_iui3-list-item-content",
+  "iui-list-item-description": "_iui3-list-item-description",
+  "iui-menu-divider": "_iui3-menu-divider",
+  "iui-non-ideal-state": "_iui3-non-ideal-state",
+  "iui-non-ideal-state-illustration": "_iui3-non-ideal-state-illustration",
+  "iui-non-ideal-state-title": "_iui3-non-ideal-state-title",
+  "iui-non-ideal-state-description": "_iui3-non-ideal-state-description",
+  "iui-non-ideal-state-actions": "_iui3-non-ideal-state-actions",
+  "iui-progress-indicator-linear": "_iui3-progress-indicator-linear",
+  "iui-track": "_iui3-track",
+  "iui-fill": "_iui3-fill",
+  "iui-determinate": "_iui3-determinate",
+  "iui-indeterminate": "_iui3-indeterminate",
+  "iui-progress-indicator-linear-animate-indeterminate": "_iui3-progress-indicator-linear-animate-indeterminate",
+  "iui-progress-indicator-radial": "_iui3-progress-indicator-radial",
+  "iui-radial": "_iui3-radial",
+  "iui-inner-content": "_iui3-inner-content",
+  "iui-x-small": "_iui3-x-small",
+  "rotate-indeterminate": "_iui3-rotate-indeterminate",
+  "dash-indeterminate": "_iui3-dash-indeterminate",
+  "iui-progress-indicator-overlay": "_iui3-progress-indicator-overlay",
+  "iui-overlay-exiting": "_iui3-overlay-exiting",
+  closeAnimation,
+  "iui-radio": "_iui3-radio",
+  "iui-radio-tile": "_iui3-radio-tile",
+  "iui-radio-tile-content": "_iui3-radio-tile-content",
+  "iui-radio-tile-icon": "_iui3-radio-tile-icon",
+  "iui-radio-tile-container": "_iui3-radio-tile-container",
+  "iui-radio-tile-input": "_iui3-radio-tile-input",
+  "iui-radio-tile-label": "_iui3-radio-tile-label",
+  "iui-radio-tile-sublabel": "_iui3-radio-tile-sublabel",
+  "iui-searchbox": "_iui3-searchbox",
+  "iui-expandable-searchbox": "_iui3-expandable-searchbox",
+  "iui-searchbox-open-button": "_iui3-searchbox-open-button",
+  "iui-search-icon": "_iui3-search-icon",
+  "iui-placeholder": "_iui3-placeholder",
+  "iui-select-tag": "_iui3-select-tag",
+  "iui-select-tag-label": "_iui3-select-tag-label",
+  "iui-select-tag-button": "_iui3-select-tag-button",
+  "iui-select-tag-button-icon": "_iui3-select-tag-button-icon",
+  "iui-side-navigation": "_iui3-side-navigation",
+  "iui-sidenav-content": "_iui3-sidenav-content",
+  "iui-top": "_iui3-top",
+  "iui-sidenav-button": "_iui3-sidenav-button",
+  "iui-expand": "_iui3-expand",
+  "iui-collapsed": "_iui3-collapsed",
+  "iui-submenu-open": "_iui3-submenu-open",
+  "iui-side-navigation-submenu": "_iui3-side-navigation-submenu",
+  "iui-side-navigation-submenu-content": "_iui3-side-navigation-submenu-content",
+  "iui-side-navigation-submenu-header": "_iui3-side-navigation-submenu-header",
+  "iui-side-navigation-submenu-header-label": "_iui3-side-navigation-submenu-header-label",
+  "iui-side-navigation-submenu-header-actions": "_iui3-side-navigation-submenu-header-actions",
+  "iui-side-navigation-wrapper": "_iui3-side-navigation-wrapper",
+  "iui-skip-to-content-link": "_iui3-skip-to-content-link",
+  "iui-slider-component-container": "_iui3-slider-component-container",
+  "iui-slider-track": "_iui3-slider-track",
+  "iui-slider-min": "_iui3-slider-min",
+  "iui-slider-max": "_iui3-slider-max",
+  "iui-slider-tick": "_iui3-slider-tick",
+  "iui-grabbing": "_iui3-grabbing",
+  "iui-slider-ticks": "_iui3-slider-ticks",
+  "iui-slider-horizontal": "_iui3-slider-horizontal",
+  "iui-slider-vertical": "_iui3-slider-vertical",
+  "iui-stepper": "_iui3-stepper",
+  "iui-stepper-step": "_iui3-stepper-step",
+  "iui-current": "_iui3-current",
+  "iui-clickable": "_iui3-clickable",
+  "iui-stepper-circle": "_iui3-stepper-circle",
+  "iui-stepper-track-content": "_iui3-stepper-track-content",
+  "iui-stepper-step-name": "_iui3-stepper-step-name",
+  "iui-stepper-steps-label": "_iui3-stepper-steps-label",
+  "iui-stepper-steps-label-count": "_iui3-stepper-steps-label-count",
+  "iui-surface": "_iui3-surface",
+  "iui-table": "_iui3-table",
+  "iui-table-cell-end-icon": "_iui3-table-cell-end-icon",
+  "iui-table-cell-start-icon": "_iui3-table-cell-start-icon",
+  "iui-table-header": "_iui3-table-header",
+  "iui-table-cell": "_iui3-table-cell",
+  "iui-table-paginator": "_iui3-table-paginator",
+  "iui-table-body": "_iui3-table-body",
+  "iui-table-header-wrapper": "_iui3-table-header-wrapper",
+  "iui-slot": "_iui3-slot",
+  "iui-table-filter-button": "_iui3-table-filter-button",
+  "iui-table-resizer": "_iui3-table-resizer",
+  "iui-table-resizer-bar": "_iui3-table-resizer-bar",
+  "iui-table-sort": "_iui3-table-sort",
+  "iui-table-reorder-bar": "_iui3-table-reorder-bar",
+  "iui-table-reorder-column-right": "_iui3-table-reorder-column-right",
+  "iui-table-reorder-column-left": "_iui3-table-reorder-column-left",
+  "iui-sorted": "_iui3-sorted",
+  "iui-table-row": "_iui3-table-row",
+  "iui-table-more-options": "_iui3-table-more-options",
+  "iui-table-row-expander": "_iui3-table-row-expander",
+  "iui-table-row-expanded": "_iui3-table-row-expanded",
+  "iui-table-expanded-content": "_iui3-table-expanded-content",
+  "iui-new": "_iui3-new",
+  "iui-main-column": "_iui3-main-column",
+  "iui-table-header-actions-container": "_iui3-table-header-actions-container",
+  "iui-scroll-snapping": "_iui3-scroll-snapping",
+  "iui-zebra-striping": "_iui3-zebra-striping",
+  "iui-table-empty": "_iui3-table-empty",
+  "iui-table-cell-sticky": "_iui3-table-cell-sticky",
+  "iui-table-cell-shadow-left": "_iui3-table-cell-shadow-left",
+  "iui-table-cell-shadow-right": "_iui3-table-cell-shadow-right",
+  "iui-left": "_iui3-left",
+  "iui-center": "_iui3-center",
+  "iui-table-paginator-page-size-label": "_iui3-table-paginator-page-size-label",
+  "iui-table-paginator-ellipsis": "_iui3-table-paginator-ellipsis",
+  "iui-table-paginator-ellipsis-small": "_iui3-table-paginator-ellipsis-small",
+  "iui-table-paginator-pages-group": "_iui3-table-paginator-pages-group",
+  "iui-table-paginator-page-button": "_iui3-table-paginator-page-button",
+  "iui-table-paginator-page-button-small": "_iui3-table-paginator-page-button-small",
+  "iui-table-column-filter": "_iui3-table-column-filter",
+  "iui-button-bar": "_iui3-button-bar",
+  "iui-tabs-wrapper": "_iui3-tabs-wrapper",
+  "iui-horizontal": "_iui3-horizontal",
+  "iui-tabs": "_iui3-tabs",
+  "iui-tab": "_iui3-tab",
+  "iui-vertical": "_iui3-vertical",
+  "iui-tabs-content": "_iui3-tabs-content",
+  "iui-tabs-actions-wrapper": "_iui3-tabs-actions-wrapper",
+  "iui-default": "_iui3-default",
+  "iui-tabs-actions": "_iui3-tabs-actions",
+  "iui-tab-icon": "_iui3-tab-icon",
+  "iui-tab-description": "_iui3-tab-description",
+  "iui-tab-label": "_iui3-tab-label",
+  "iui-green": "_iui3-green",
+  "iui-pill": "_iui3-pill",
+  "iui-not-animated": "_iui3-not-animated",
+  "iui-tag": "_iui3-tag",
+  "iui-tag-basic": "_iui3-tag-basic",
+  "iui-tag-label": "_iui3-tag-label",
+  "iui-tag-button": "_iui3-tag-button",
+  "iui-tag-container": "_iui3-tag-container",
+  "iui-truncate": "_iui3-truncate",
+  "iui-text-headline": "_iui3-text-headline",
+  "iui-text-title": "_iui3-text-title",
+  "iui-text-subheading": "_iui3-text-subheading",
+  "iui-text-leading": "_iui3-text-leading",
+  "iui-text-block": "_iui3-text-block",
+  "iui-text-small": "_iui3-text-small",
+  "iui-text-muted": "_iui3-text-muted",
+  "iui-skeleton": "_iui3-skeleton",
+  "skeleton-shimmer": "_iui3-skeleton-shimmer",
+  "iui-text-spacing": "_iui3-text-spacing",
+  "iui-tile": "_iui3-tile",
+  "iui-folder": "_iui3-folder",
+  "iui-tile-thumbnail": "_iui3-tile-thumbnail",
+  "iui-tile-more-options": "_iui3-tile-more-options",
+  "iui-tile-metadata": "_iui3-tile-metadata",
+  "iui-tile-name": "_iui3-tile-name",
+  "iui-tile-description": "_iui3-tile-description",
+  "iui-thumbnail-icon": "_iui3-thumbnail-icon",
+  "iui-tile-thumbnail-picture": "_iui3-tile-thumbnail-picture",
+  "iui-selected": "_iui3-selected",
+  "iui-tile-content": "_iui3-tile-content",
+  "iui-tile-thumbnail-type-indicator": "_iui3-tile-thumbnail-type-indicator",
+  "iui-tile-thumbnail-quick-action": "_iui3-tile-thumbnail-quick-action",
+  "iui-tile-thumbnail-badge-container": "_iui3-tile-thumbnail-badge-container",
+  "iui-tile-buttons": "_iui3-tile-buttons",
+  "iui-tile-name-label": "_iui3-tile-name-label",
+  "iui-tile-metadata-icon": "_iui3-tile-metadata-icon",
+  "iui-tile-status-icon": "_iui3-tile-status-icon",
+  "iui-time": "_iui3-time",
+  "iui-period": "_iui3-period",
+  "iui-toast-wrapper": "_iui3-toast-wrapper",
+  "iui-toast-all": "_iui3-toast-all",
+  "iui-placement-top": "_iui3-placement-top",
+  "iui-placement-top-start": "_iui3-placement-top-start",
+  "iui-placement-top-end": "_iui3-placement-top-end",
+  "iui-placement-bottom": "_iui3-placement-bottom",
+  "iui-toast": "_iui3-toast",
+  "iui-placement-bottom-start": "_iui3-placement-bottom-start",
+  "iui-placement-bottom-end": "_iui3-placement-bottom-end",
+  "iui-status-area": "_iui3-status-area",
+  "iui-toast-anchor": "_iui3-toast-anchor",
+  "iui-informational": "_iui3-informational",
+  "iui-label-on-left": "_iui3-label-on-left",
+  "iui-label-on-right": "_iui3-label-on-right",
+  "iui-toggle-switch-icon": "_iui3-toggle-switch-icon",
+  "iui-toggle-switch": "_iui3-toggle-switch",
+  "iui-toggle-switch-label": "_iui3-toggle-switch-label",
+  "iui-tooltip-container": "_iui3-tooltip-container",
+  "iui-tooltip": "_iui3-tooltip",
+  "iui-tooltip-visible": "_iui3-tooltip-visible",
+  "iui-transfer-list-wrapper": "_iui3-transfer-list-wrapper",
+  "iui-transfer-list-listbox-label": "_iui3-transfer-list-listbox-label",
+  "iui-transfer-list-listbox-wrapper": "_iui3-transfer-list-listbox-wrapper",
+  "iui-transfer-list-listbox": "_iui3-transfer-list-listbox",
+  "iui-transfer-list-toolbar": "_iui3-transfer-list-toolbar",
+  "iui-tree": "_iui3-tree",
+  "iui-sub-tree": "_iui3-sub-tree",
+  "iui-tree-item": "_iui3-tree-item",
+  "iui-tree-node": "_iui3-tree-node",
+  "iui-tree-node-checkbox": "_iui3-tree-node-checkbox",
+  "iui-tree-node-content": "_iui3-tree-node-content",
+  "iui-tree-node-content-icon": "_iui3-tree-node-content-icon",
+  "iui-tree-node-content-expander-icon": "_iui3-tree-node-content-expander-icon",
+  "iui-tree-node-content-expander-icon-expanded": "_iui3-tree-node-content-expander-icon-expanded",
+  "iui-tree-node-content-label": "_iui3-tree-node-content-label",
+  "iui-tree-node-content-title": "_iui3-tree-node-content-title",
+  "iui-tree-node-content-caption": "_iui3-tree-node-content-caption",
+  "iui-svg-icon": "_iui3-svg-icon",
+  "iui-notification-marker": "_iui3-notification-marker",
+  pulse,
+  "iui-popover": "_iui3-popover",
+  "tippy-box": "_iui3-tippy-box",
+  "tippy-content": "_iui3-tippy-content",
+  "iui-divider": "_iui3-divider",
+  "iui-flex": "_iui3-flex",
+  "iui-flex-spacer": "_iui3-flex-spacer",
+  "iui-flex-item": "_iui3-flex-item",
+  "iui-visually-hidden": "_iui3-visually-hidden",
+  "iui-link-box": "_iui3-link-box",
+  "iui-workflow-diagram": "_iui3-workflow-diagram",
+  "iui-workflow-diagram-step": "_iui3-workflow-diagram-step",
+  "iui-workflow-diagram-content": "_iui3-workflow-diagram-content"
+};
+module.exports = styles;

package/esm/core/Alert/Alert.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/alert.css';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 declare type AlertProps = {
     /**

package/esm/core/Alert/Alert.js

@@ -4,7 +4,6 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import '@itwin/itwinui-css/css/alert.css';
 import { StatusIconMap, SvgCloseSmall, Box } from '../utils/index.js';
 /**
  * A small box to quickly grab user attention and communicate a brief message

package/esm/core/Avatar/Avatar.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import '@itwin/itwinui-css/css/avatar.css';
 export declare type AvatarStatus = 'online' | 'busy' | 'away' | 'offline';
 declare type StatusTitles = {
     [key in Exclude<AvatarStatus, ''>]: string;

package/esm/core/Avatar/Avatar.js

@@ -5,7 +5,6 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { Box } from '../utils/index.js';
-import '@itwin/itwinui-css/css/avatar.css';
 export const defaultStatusTitles = {
     away: 'Away',
     busy: 'Busy',

package/esm/core/AvatarGroup/AvatarGroup.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import '@itwin/itwinui-css/css/avatar.css';
 declare type AvatarGroupProps = {
     /**
      * Max number of avatars unstacked.

package/esm/core/AvatarGroup/AvatarGroup.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { Box } from '../utils/index.js';
-import '@itwin/itwinui-css/css/avatar.css';
 /**
  * Group Avatars together.
  *

package/esm/core/Backdrop/Backdrop.d.ts

@@ -1,5 +1,4 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import '@itwin/itwinui-css/css/backdrop.css';
 export declare type BackdropProps = {
     /**
      * Flag whether backdrop should be shown.

package/esm/core/Backdrop/Backdrop.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { Box } from '../utils/index.js';
-import '@itwin/itwinui-css/css/backdrop.css';
 export const Backdrop = React.forwardRef((props, ref) => {
     const { isVisible = true, className, ...rest } = props;
     return (React.createElement(Box, { className: cx('iui-backdrop', { 'iui-backdrop-visible': isVisible }, className), ref: ref, ...rest }));

package/esm/core/Badge/Badge.d.ts

@@ -1,6 +1,5 @@
 import { SoftBackgrounds } from '../utils/index.js';
 import type { AnyString, PolymorphicForwardRefComponent } from '../utils/index.js';
-import '@itwin/itwinui-css/css/badge.css';
 declare type BadgeProps = {
     /**
      * Background color of the badge.

package/esm/core/Badge/Badge.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { isSoftBackground, SoftBackgrounds, Box } from '../utils/index.js';
-import '@itwin/itwinui-css/css/badge.css';
 /**
  * Helper function that returns one of the preset badge color values.
  */