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

package/esm/styles.js

@@ -0,0 +1,451 @@
+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-button": "_iui3-button",
+  "iui-alert-message": "_iui3-alert-message",
+  "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-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"
+};
+export {
+  styles as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "3.0.0-dev.0",
+  "version": "3.0.0-dev.2",
   "author": "Bentley Systems",
   "license": "MIT",
   "main": "cjs/index.js",
@@ -17,6 +17,7 @@
         "default": "./cjs/index.js"
       }
     },
+    "./styles.css": "./styles.css",
     "./cjs": "./cjs/index.js",
     "./esm": "./esm/index.js",
     "./cjs/core/utils": "./cjs/core/utils/index.js",
@@ -26,6 +27,7 @@
   "files": [
     "cjs",
     "esm",
+    "styles.css",
     "CHANGELOG.md",
     "LICENSE.md"
   ],
@@ -51,8 +53,10 @@
     "ux"
   ],
   "scripts": {
-    "build": "yarn clean:build && tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json",
+    "build": "yarn clean:build && tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json && yarn build:styles",
+    "build:styles": "vite build src/styles.js",
     "build:watch": "concurrently \"tsc -p tsconfig.cjs.json --watch\" \"tsc -p tsconfig.esm.json --watch\"",
+    "copy-styles": "node ./scripts/copyStyles.mjs",
     "clean:build": "rimraf esm && rimraf cjs",
     "clean:coverage": "rimraf coverage",
     "clean": "rimraf .turbo && yarn clean:coverage && yarn clean:build && rimraf node_modules",
@@ -61,15 +65,14 @@
     "format": "prettier --config .prettierrc **/*.{tsx,ts,js} --ignore-path .gitignore --write",
     "lint": "eslint \"**/*.{js,ts,tsx}\" --max-warnings=0",
     "lint:fix": "yarn lint --fix && node ../../scripts/copyrightLinter.js --fix \"*/**/*.{js,ts,tsx}\"",
-    "dev": "yarn clean:build && concurrently \"yarn dev:esm\" \"yarn dev:cjs\" \"yarn dev:types\"",
+    "dev": "yarn clean:build && concurrently \"yarn dev:esm\" \"yarn dev:cjs\" \"yarn build:styles --watch\" \"yarn dev:types\"",
     "dev:esm": "swc src -d esm --watch",
     "dev:cjs": "swc src -d cjs --watch -C module.type=commonjs",
-    "dev:types": "concurrently \"tsc -p tsconfig.cjs.json --emitDeclarationOnly --watch --preserveWatchOutput\" \"tsc -p tsconfig.esm.json --emitDeclarationOnly --watch --preserveWatchOutput\""
+    "dev:types": "concurrently \"tsc -p tsconfig.cjs.json --emitDeclarationOnly --watch --preserveWatchOutput\" \"tsc -p tsconfig.esm.json --emitDeclarationOnly --watch --preserveWatchOutput\"",
+    "dev:styles": "concurrently \"yarn build:styles --watch\" \"yarn copy-styles\""
   },
   "dependencies": {
-    "@itwin/itwinui-css": "^2.0.0-dev.0",
     "@itwin/itwinui-illustrations-react": "^2.0.0",
-    "@itwin/itwinui-variables": "^2.0.0",
     "@tippyjs/react": "^4.2.6",
     "@types/react-table": "^7.0.18",
     "classnames": "^2.2.6",
@@ -79,6 +82,8 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
+    "@itwin/itwinui-css": "^2.0.0-dev.2",
+    "@itwin/itwinui-variables": "2.1.0-dev.0",
     "@swc/cli": "^0.1.57",
     "@swc/core": "^1.3.21",
     "@testing-library/jest-dom": "^5.16.4",
@@ -108,7 +113,8 @@
     "ts-jest": "^28.0.2",
     "ts-loader": "^9.2.8",
     "ts-node": "^8.0.2",
-    "typescript": "^4.4.3"
+    "typescript": "^4.4.3",
+    "vite": "^4.3.8"
   },
   "peerDependencies": {
     "react": ">=16.8.6 < 19.0.0",
@@ -124,8 +130,5 @@
     ]
   },
   "prettier": "configs/prettier-config",
-  "sideEffects": [
-    "**/*.scss",
-    "**/*.css"
-  ]
+  "sideEffects": false
 }