@itwin/itwinui-react 3.2.0 → 3.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -71,7 +71,25 @@ export declare const Carousel: PolymorphicForwardRefComponent<"section", Carouse
71
71
  ariaStrategy?: "label" | "description" | "none" | undefined;
72
72
  id?: string | undefined;
73
73
  }> & {
74
- content: React.ReactNode;
74
+ content: React.ReactNode; /**
75
+ * The Carousel component consists of a set of slides, normally displayed one at a time. A navigation section is
76
+ * shown below the slides, consisting of "dots" and "previous"/"next" buttons, used for changing slides; this navigation
77
+ * section must be present _before_ the slides in DOM order, even though it is visually shown below the slides.
78
+ *
79
+ * The currently shown slide can also be changed using the left/right arrow keys or by dragging on a touch device.
80
+ *
81
+ * This component uses a composition approach so it should be used with the provided subcomponents.
82
+ *
83
+ * @example
84
+ * <Carousel>
85
+ * <Carousel.Navigation />
86
+ * <Carousel.Slider>
87
+ * <Carousel.Slide>...</Carousel.Slide>
88
+ * <Carousel.Slide>...</Carousel.Slide>
89
+ * <Carousel.Slide>...</Carousel.Slide>
90
+ * </Carousel.Slider>
91
+ * </Carousel>
92
+ */
75
93
  children?: React.ReactNode;
76
94
  } & import("../utils/index.js").PortalProps & {
77
95
  placement?: import("@floating-ui/utils").Placement | undefined;
@@ -134,7 +152,25 @@ export declare const Carousel: PolymorphicForwardRefComponent<"section", Carouse
134
152
  ariaStrategy?: "label" | "description" | "none" | undefined;
135
153
  id?: string | undefined;
136
154
  }> & {
137
- content: React.ReactNode;
155
+ content: React.ReactNode; /**
156
+ * The Carousel component consists of a set of slides, normally displayed one at a time. A navigation section is
157
+ * shown below the slides, consisting of "dots" and "previous"/"next" buttons, used for changing slides; this navigation
158
+ * section must be present _before_ the slides in DOM order, even though it is visually shown below the slides.
159
+ *
160
+ * The currently shown slide can also be changed using the left/right arrow keys or by dragging on a touch device.
161
+ *
162
+ * This component uses a composition approach so it should be used with the provided subcomponents.
163
+ *
164
+ * @example
165
+ * <Carousel>
166
+ * <Carousel.Navigation />
167
+ * <Carousel.Slider>
168
+ * <Carousel.Slide>...</Carousel.Slide>
169
+ * <Carousel.Slide>...</Carousel.Slide>
170
+ * <Carousel.Slide>...</Carousel.Slide>
171
+ * </Carousel.Slider>
172
+ * </Carousel>
173
+ */
138
174
  children?: React.ReactNode;
139
175
  } & import("../utils/index.js").PortalProps & {
140
176
  placement?: import("@floating-ui/utils").Placement | undefined;
@@ -8,7 +8,7 @@ import { useSafeContext, useMergedRefs, useContainerWidth, mergeEventHandlers, }
8
8
  import { ComboBoxMultipleContainer } from './ComboBoxMultipleContainer.js';
9
9
  import { ComboBoxStateContext, ComboBoxActionContext, ComboBoxRefsContext, } from './helpers.js';
10
10
  export const ComboBoxInput = React.forwardRef((props, forwardedRef) => {
11
- const { selectTags, size, ...rest } = props;
11
+ const { selectTags, size, style, ...rest } = props;
12
12
  const { isOpen, id, focusedIndex, enableVirtualization, multiple, onClickHandler, popover, show, hide, } = useSafeContext(ComboBoxStateContext);
13
13
  const dispatch = useSafeContext(ComboBoxActionContext);
14
14
  const { inputRef, menuRef, optionsExtraInfoRef } = useSafeContext(ComboBoxRefsContext);
@@ -143,7 +143,10 @@ export const ComboBoxInput = React.forwardRef((props, forwardedRef) => {
143
143
  return (React.createElement(React.Fragment, null,
144
144
  React.createElement(Input, { ref: refs, "aria-expanded": isOpen, "aria-activedescendant": isOpen && focusedIndex != undefined && focusedIndex > -1
145
145
  ? getIdFromIndex(focusedIndex)
146
- : undefined, role: 'combobox', "aria-controls": isOpen ? `${id}-list` : undefined, "aria-autocomplete": 'list', spellCheck: false, autoCapitalize: 'none', autoCorrect: 'off', style: multiple ? { paddingInlineStart: tagContainerWidth + 18 } : {}, "aria-describedby": multiple ? `${id}-selected-live` : undefined, size: size, ...popover.getReferenceProps({
146
+ : undefined, role: 'combobox', "aria-controls": isOpen ? `${id}-list` : undefined, "aria-autocomplete": 'list', spellCheck: false, autoCapitalize: 'none', autoCorrect: 'off', style: {
147
+ ...(multiple && { paddingInlineStart: tagContainerWidth + 18 }),
148
+ ...style,
149
+ }, "aria-describedby": multiple ? `${id}-selected-live` : undefined, size: size, ...popover.getReferenceProps({
147
150
  ...rest,
148
151
  onPointerDown: mergeEventHandlers(props.onPointerDown, handlePointerDown),
149
152
  onClick: mergeEventHandlers(props.onClick, handleClick),
@@ -260,7 +260,10 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
260
260
  onVisibleChange?: ((visible: boolean) => void) | undefined;
261
261
  autoUpdateOptions?: {
262
262
  ancestorScroll?: boolean | undefined;
263
- ancestorResize?: boolean | undefined;
263
+ ancestorResize?: boolean | undefined; /**
264
+ * Display a loading state.
265
+ * @default false
266
+ */
264
267
  elementResize?: boolean | undefined;
265
268
  animationFrame?: boolean | undefined;
266
269
  layoutShift?: boolean | undefined;
@@ -275,10 +278,7 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
275
278
  inline?: boolean | undefined;
276
279
  } | undefined;
277
280
  reference?: HTMLElement | null | undefined;
278
- ariaStrategy?: "label" | "description" | "none" | undefined; /**
279
- * Default tile variant or the folder layout.
280
- * @default 'default'
281
- */
281
+ ariaStrategy?: "label" | "description" | "none" | undefined;
282
282
  id?: string | undefined;
283
283
  }> & {
284
284
  content: React.ReactNode;
@@ -289,7 +289,10 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
289
289
  onVisibleChange?: ((visible: boolean) => void) | undefined;
290
290
  autoUpdateOptions?: {
291
291
  ancestorScroll?: boolean | undefined;
292
- ancestorResize?: boolean | undefined;
292
+ ancestorResize?: boolean | undefined; /**
293
+ * Display a loading state.
294
+ * @default false
295
+ */
293
296
  elementResize?: boolean | undefined;
294
297
  animationFrame?: boolean | undefined;
295
298
  layoutShift?: boolean | undefined;
@@ -304,10 +307,7 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
304
307
  inline?: boolean | undefined;
305
308
  } | undefined;
306
309
  reference?: HTMLElement | null | undefined;
307
- ariaStrategy?: "label" | "description" | "none" | undefined; /**
308
- * Default tile variant or the folder layout.
309
- * @default 'default'
310
- */
310
+ ariaStrategy?: "label" | "description" | "none" | undefined;
311
311
  id?: string | undefined;
312
312
  } & {
313
313
  as?: "div" | undefined;
@@ -20,9 +20,9 @@ type TooltipOptions = {
20
20
  * autoUpdate options that recalculates position
21
21
  * to ensure the floating element remains anchored
22
22
  * to its reference element, such as when scrolling
23
- * and resizing the screen
23
+ * and resizing the screen.
24
24
  *
25
- * https://floating-ui.com/docs/autoUpdate#options
25
+ * @see [floating-ui docs](https://floating-ui.com/docs/autoUpdate#options)
26
26
  */
27
27
  autoUpdateOptions?: {
28
28
  ancestorScroll?: boolean;
@@ -36,7 +36,8 @@ type TooltipOptions = {
36
36
  };
37
37
  /**
38
38
  * Tooltip middleware options.
39
- * https://floating-ui.com/docs/offset
39
+ *
40
+ * @see [floating-ui docs](https://floating-ui.com/docs/middleware)
40
41
  */
41
42
  middleware?: {
42
43
  offset?: number;
package/esm/styles.js CHANGED
@@ -1,418 +1,15 @@
1
- const closeAnimation = "_iui3-closeAnimation";
2
- const pulse = "_iui3-pulse";
3
- const styles = {
4
- "iui-root": "_iui3-root",
5
- "iui-root-background": "_iui3-root-background",
6
- "iui-alert": "_iui3-alert",
7
- "iui-alert-link": "_iui3-alert-link",
8
- "iui-button": "_iui3-button",
9
- "iui-alert-message": "_iui3-alert-message",
10
- "iui-anchor": "_iui3-anchor",
11
- "iui-anchor-external": "_iui3-anchor-external",
12
- "iui-avatar": "_iui3-avatar",
13
- "iui-avatar-count": "_iui3-avatar-count",
14
- "iui-small": "_iui3-small",
15
- "iui-large": "_iui3-large",
16
- "iui-x-large": "_iui3-x-large",
17
- "iui-avatar-list": "_iui3-avatar-list",
18
- "iui-stacked": "_iui3-stacked",
19
- "iui-animated": "_iui3-animated",
20
- "iui-backdrop": "_iui3-backdrop",
21
- "iui-backdrop-visible": "_iui3-backdrop-visible",
22
- "iui-backdrop-fixed": "_iui3-backdrop-fixed",
23
- "iui-badge": "_iui3-badge",
24
- "iui-blockquote": "_iui3-blockquote",
25
- "iui-breadcrumbs": "_iui3-breadcrumbs",
26
- "iui-breadcrumbs-list": "_iui3-breadcrumbs-list",
27
- "iui-breadcrumbs-item": "_iui3-breadcrumbs-item",
28
- "iui-breadcrumbs-content": "_iui3-breadcrumbs-content",
29
- "iui-breadcrumbs-separator": "_iui3-breadcrumbs-separator",
30
- "iui-button-icon": "_iui3-button-icon",
31
- "iui-button-dropdown": "_iui3-button-dropdown",
32
- "iui-button-split": "_iui3-button-split",
33
- "iui-button-group": "_iui3-button-group",
34
- "iui-input-flex-container": "_iui3-input-flex-container",
35
- "iui-input": "_iui3-input",
36
- "iui-disabled": "_iui3-disabled",
37
- "iui-button-group-overflow-x": "_iui3-button-group-overflow-x",
38
- "iui-carousel": "_iui3-carousel",
39
- "iui-carousel-slider": "_iui3-carousel-slider",
40
- "iui-carousel-slider-item": "_iui3-carousel-slider-item",
41
- "iui-carousel-navigation": "_iui3-carousel-navigation",
42
- "iui-carousel-navigation-left": "_iui3-carousel-navigation-left",
43
- "iui-carousel-navigation-right": "_iui3-carousel-navigation-right",
44
- "iui-carousel-navigation-dots": "_iui3-carousel-navigation-dots",
45
- "iui-carousel-navigation-dot": "_iui3-carousel-navigation-dot",
46
- "iui-first": "_iui3-first",
47
- "iui-second": "_iui3-second",
48
- "iui-active": "_iui3-active",
49
- "iui-checkbox-wrapper": "_iui3-checkbox-wrapper",
50
- "iui-loading": "_iui3-loading",
51
- "iui-checkbox-label": "_iui3-checkbox-label",
52
- "iui-radio-label": "_iui3-radio-label",
53
- "iui-positive": "_iui3-positive",
54
- "iui-warning": "_iui3-warning",
55
- "iui-negative": "_iui3-negative",
56
- "iui-checkbox": "_iui3-checkbox",
57
- "iui-checkbox-visibility": "_iui3-checkbox-visibility",
58
- "iui-code": "_iui3-code",
59
- "iui-codeblock": "_iui3-codeblock",
60
- "iui-title-bar": "_iui3-title-bar",
61
- "iui-title": "_iui3-title",
62
- "iui-codeblock-content": "_iui3-codeblock-content",
63
- "iui-color-picker": "_iui3-color-picker",
64
- "iui-color-swatch": "_iui3-color-swatch",
65
- "iui-color-palette": "_iui3-color-palette",
66
- "iui-color-palette-wrapper": "_iui3-color-palette-wrapper",
67
- "iui-color-input": "_iui3-color-input",
68
- "iui-color-input-wrapper": "_iui3-color-input-wrapper",
69
- "iui-color-input-fields": "_iui3-color-input-fields",
70
- "iui-color-picker-section-label": "_iui3-color-picker-section-label",
71
- "iui-color-selection-wrapper": "_iui3-color-selection-wrapper",
72
- "iui-color-field": "_iui3-color-field",
73
- "iui-hue-slider": "_iui3-hue-slider",
74
- "iui-slider": "_iui3-slider",
75
- "iui-opacity-slider": "_iui3-opacity-slider",
76
- "iui-color-dot": "_iui3-color-dot",
77
- "iui-date-picker": "_iui3-date-picker",
78
- "iui-time-picker": "_iui3-time-picker",
79
- "iui-calendar-month-year": "_iui3-calendar-month-year",
80
- "iui-calendar-month": "_iui3-calendar-month",
81
- "iui-calendar-weekdays": "_iui3-calendar-weekdays",
82
- "iui-calendar-week": "_iui3-calendar-week",
83
- "iui-calendar-day": "_iui3-calendar-day",
84
- "iui-calendar-day-today": "_iui3-calendar-day-today",
85
- "iui-calendar-day-selected": "_iui3-calendar-day-selected",
86
- "iui-calendar-day-selected-today": "_iui3-calendar-day-selected-today",
87
- "iui-calendar-day-outside-month": "_iui3-calendar-day-outside-month",
88
- "iui-calendar-day-outside-month-today": "_iui3-calendar-day-outside-month-today",
89
- "iui-calendar-day-range-start": "_iui3-calendar-day-range-start",
90
- "iui-calendar-day-range-start-today": "_iui3-calendar-day-range-start-today",
91
- "iui-calendar-day-range-end": "_iui3-calendar-day-range-end",
92
- "iui-calendar-day-range-end-today": "_iui3-calendar-day-range-end-today",
93
- "iui-calendar-day-range": "_iui3-calendar-day-range",
94
- "iui-calendar-day-range-today": "_iui3-calendar-day-range-today",
95
- "iui-dialog-wrapper": "_iui3-dialog-wrapper",
96
- "iui-dialog": "_iui3-dialog",
97
- "iui-dialog-content": "_iui3-dialog-content",
98
- "iui-dialog-visible": "_iui3-dialog-visible",
99
- "iui-dialog-default": "_iui3-dialog-default",
100
- "iui-dialog-full-page": "_iui3-dialog-full-page",
101
- "iui-dialog-draggable": "_iui3-dialog-draggable",
102
- "iui-dialog-animation-enter": "_iui3-dialog-animation-enter",
103
- "iui-dialog-animation-enter-active": "_iui3-dialog-animation-enter-active",
104
- "iui-dialog-title": "_iui3-dialog-title",
105
- "iui-dialog-title-bar": "_iui3-dialog-title-bar",
106
- "iui-dialog-title-bar-filled": "_iui3-dialog-title-bar-filled",
107
- "iui-dialog-button-bar": "_iui3-dialog-button-bar",
108
- "iui-expandable-block": "_iui3-expandable-block",
109
- "iui-expandable-header": "_iui3-expandable-header",
110
- "iui-expandable-block-icon": "_iui3-expandable-block-icon",
111
- "iui-expandable-block-label": "_iui3-expandable-block-label",
112
- "iui-expandable-block-title": "_iui3-expandable-block-title",
113
- "iui-expandable-block-caption": "_iui3-expandable-block-caption",
114
- "iui-expandable-content": "_iui3-expandable-content",
115
- "iui-fieldset": "_iui3-fieldset",
116
- "iui-file-upload": "_iui3-file-upload",
117
- "iui-content": "_iui3-content",
118
- "iui-browse-input": "_iui3-browse-input",
119
- "iui-template-icon": "_iui3-template-icon",
120
- "iui-template-text": "_iui3-template-text",
121
- "iui-drag": "_iui3-drag",
122
- "iui-file-upload-template": "_iui3-file-upload-template",
123
- "iui-file-card": "_iui3-file-card",
124
- "iui-file-card-icon": "_iui3-file-card-icon",
125
- "iui-file-card-text": "_iui3-file-card-text",
126
- "iui-file-card-title": "_iui3-file-card-title",
127
- "iui-file-card-description": "_iui3-file-card-description",
128
- "iui-file-card-action": "_iui3-file-card-action",
129
- "iui-file-card-empty": "_iui3-file-card-empty",
130
- "iui-file-card-empty-icon": "_iui3-file-card-empty-icon",
131
- "iui-file-card-empty-action": "_iui3-file-card-empty-action",
132
- "iui-legal-footer": "_iui3-legal-footer",
133
- "iui-legal-footer-list": "_iui3-legal-footer-list",
134
- "iui-legal-footer-item": "_iui3-legal-footer-item",
135
- "iui-legal-footer-separator": "_iui3-legal-footer-separator",
136
- "iui-legal-footer-developer": "_iui3-legal-footer-developer",
137
- "iui-page-header": "_iui3-page-header",
138
- "iui-page-header-left": "_iui3-page-header-left",
139
- "iui-page-header-center": "_iui3-page-header-center",
140
- "iui-page-header-right": "_iui3-page-header-right",
141
- "iui-page-header-divider": "_iui3-page-header-divider",
142
- "iui-header-breadcrumbs": "_iui3-header-breadcrumbs",
143
- "iui-header-brand": "_iui3-header-brand",
144
- "iui-header-brand-icon": "_iui3-header-brand-icon",
145
- "iui-header-brand-label": "_iui3-header-brand-label",
146
- "iui-header-breadcrumbs-list": "_iui3-header-breadcrumbs-list",
147
- "iui-header-breadcrumb-button": "_iui3-header-breadcrumb-button",
148
- "iui-header-breadcrumb-button-split": "_iui3-header-breadcrumb-button-split",
149
- "iui-header-breadcrumb-item": "_iui3-header-breadcrumb-item",
150
- "iui-header-breadcrumb-button-wrapper": "_iui3-header-breadcrumb-button-wrapper",
151
- "iui-header-breadcrumb-button-icon": "_iui3-header-breadcrumb-button-icon",
152
- "iui-header-breadcrumb-button-dropdown-icon": "_iui3-header-breadcrumb-button-dropdown-icon",
153
- "iui-header-breadcrumb-button-text": "_iui3-header-breadcrumb-button-text",
154
- "iui-header-breadcrumb-button-text-label": "_iui3-header-breadcrumb-button-text-label",
155
- "iui-header-breadcrumb-button-text-sublabel": "_iui3-header-breadcrumb-button-text-sublabel",
156
- "iui-information-panel-wrapper": "_iui3-information-panel-wrapper",
157
- "iui-information-panel": "_iui3-information-panel",
158
- "iui-resizer": "_iui3-resizer",
159
- "iui-resizer-bar": "_iui3-resizer-bar",
160
- "iui-information-header": "_iui3-information-header",
161
- "iui-information-body": "_iui3-information-body",
162
- "iui-information-header-label": "_iui3-information-header-label",
163
- "iui-information-header-actions": "_iui3-information-header-actions",
164
- "iui-right": "_iui3-right",
165
- "iui-bottom": "_iui3-bottom",
166
- "iui-visible": "_iui3-visible",
167
- "iui-information-body-content": "_iui3-information-body-content",
168
- "iui-input-label": "_iui3-input-label",
169
- "iui-inline": "_iui3-inline",
170
- "iui-input-with-icon": "_iui3-input-with-icon",
171
- "iui-select-tag-container": "_iui3-select-tag-container",
172
- "iui-end-icon": "_iui3-end-icon",
173
- "iui-open": "_iui3-open",
174
- "iui-input-grid": "_iui3-input-grid",
175
- "iui-required": "_iui3-required",
176
- "iui-input-group": "_iui3-input-group",
177
- "iui-status-message": "_iui3-status-message",
178
- "iui-select-button": "_iui3-select-button",
179
- "iui-input-group-wrapper": "_iui3-input-group-wrapper",
180
- "iui-toggle-switch-wrapper": "_iui3-toggle-switch-wrapper",
181
- "iui-radio-wrapper": "_iui3-radio-wrapper",
182
- "iui-keyboard": "_iui3-keyboard",
183
- "iui-list": "_iui3-list",
184
- "iui-menu": "_iui3-menu",
185
- "iui-header-menu-icon": "_iui3-header-menu-icon",
186
- "iui-list-item": "_iui3-list-item",
187
- "iui-menu-item-skeleton": "_iui3-menu-item-skeleton",
188
- "iui-menu-item": "_iui3-menu-item",
189
- "iui-link-action": "_iui3-link-action",
190
- "iui-focused": "_iui3-focused",
191
- "iui-icon": "_iui3-icon",
192
- "iui-list-item-icon": "_iui3-list-item-icon",
193
- "iui-menu-label": "_iui3-menu-label",
194
- "iui-menu-description": "_iui3-menu-description",
195
- "iui-menu-content": "_iui3-menu-content",
196
- "iui-list-item-content": "_iui3-list-item-content",
197
- "iui-list-item-description": "_iui3-list-item-description",
198
- "iui-menu-divider": "_iui3-menu-divider",
199
- "iui-non-ideal-state": "_iui3-non-ideal-state",
200
- "iui-non-ideal-state-illustration": "_iui3-non-ideal-state-illustration",
201
- "iui-non-ideal-state-title": "_iui3-non-ideal-state-title",
202
- "iui-non-ideal-state-description": "_iui3-non-ideal-state-description",
203
- "iui-non-ideal-state-actions": "_iui3-non-ideal-state-actions",
204
- "iui-overlay": "_iui3-overlay",
205
- "iui-progress-indicator-linear": "_iui3-progress-indicator-linear",
206
- "iui-overlay-wrapper": "_iui3-overlay-wrapper",
207
- "iui-overlay-exiting": "_iui3-overlay-exiting",
208
- closeAnimation,
209
- "iui-progress-indicator-radial": "_iui3-progress-indicator-radial",
210
- "iui-ud082cf": "_iui3-ud082cf",
211
- "iui-progress-indicator-linear-label": "_iui3-progress-indicator-linear-label",
212
- "iui-ud082df": "_iui3-ud082df",
213
- "iui-radio": "_iui3-radio",
214
- "iui-radio-tile": "_iui3-radio-tile",
215
- "iui-radio-tile-icon": "_iui3-radio-tile-icon",
216
- "iui-radio-tile-container": "_iui3-radio-tile-container",
217
- "iui-radio-tile-input": "_iui3-radio-tile-input",
218
- "iui-radio-tile-label": "_iui3-radio-tile-label",
219
- "iui-radio-tile-sublabel": "_iui3-radio-tile-sublabel",
220
- "iui-searchbox": "_iui3-searchbox",
221
- "iui-expandable-searchbox": "_iui3-expandable-searchbox",
222
- "iui-searchbox-open-button": "_iui3-searchbox-open-button",
223
- "iui-search-icon": "_iui3-search-icon",
224
- "iui-search-input": "_iui3-search-input",
225
- "iui-placeholder": "_iui3-placeholder",
226
- "iui-select-tag": "_iui3-select-tag",
227
- "iui-select-tag-label": "_iui3-select-tag-label",
228
- "iui-select-tag-button": "_iui3-select-tag-button",
229
- "iui-select-tag-button-icon": "_iui3-select-tag-button-icon",
230
- "iui-side-navigation": "_iui3-side-navigation",
231
- "iui-sidenav-content": "_iui3-sidenav-content",
232
- "iui-top": "_iui3-top",
233
- "iui-sidenav-button": "_iui3-sidenav-button",
234
- "iui-expand": "_iui3-expand",
235
- "iui-collapsed": "_iui3-collapsed",
236
- "iui-expanded": "_iui3-expanded",
237
- "iui-submenu-open": "_iui3-submenu-open",
238
- "iui-side-navigation-submenu": "_iui3-side-navigation-submenu",
239
- "iui-enter": "_iui3-enter",
240
- "iui-enter-active": "_iui3-enter-active",
241
- "iui-exit": "_iui3-exit",
242
- "iui-exit-active": "_iui3-exit-active",
243
- "iui-side-navigation-submenu-content": "_iui3-side-navigation-submenu-content",
244
- "iui-side-navigation-submenu-header": "_iui3-side-navigation-submenu-header",
245
- "iui-side-navigation-submenu-header-label": "_iui3-side-navigation-submenu-header-label",
246
- "iui-side-navigation-submenu-header-actions": "_iui3-side-navigation-submenu-header-actions",
247
- "iui-side-navigation-wrapper": "_iui3-side-navigation-wrapper",
248
- "iui-skip-to-content-link": "_iui3-skip-to-content-link",
249
- "iui-slider-container": "_iui3-slider-container",
250
- "iui-slider-min": "_iui3-slider-min",
251
- "iui-slider-max": "_iui3-slider-max",
252
- "iui-slider-ticks": "_iui3-slider-ticks",
253
- "iui-slider-tick": "_iui3-slider-tick",
254
- "iui-slider-track": "_iui3-slider-track",
255
- "iui-slider-thumb": "_iui3-slider-thumb",
256
- "iui-grabbing": "_iui3-grabbing",
257
- "iui-stepper": "_iui3-stepper",
258
- "iui-stepper-step": "_iui3-stepper-step",
259
- "iui-current": "_iui3-current",
260
- "iui-clickable": "_iui3-clickable",
261
- "iui-stepper-circle": "_iui3-stepper-circle",
262
- "iui-stepper-track-content": "_iui3-stepper-track-content",
263
- "iui-stepper-step-name": "_iui3-stepper-step-name",
264
- "iui-stepper-steps-label": "_iui3-stepper-steps-label",
265
- "iui-stepper-steps-label-count": "_iui3-stepper-steps-label-count",
266
- "iui-surface": "_iui3-surface",
267
- "iui-surface-body": "_iui3-surface-body",
268
- "iui-surface-header": "_iui3-surface-header",
269
- "iui-popover-surface": "_iui3-popover-surface",
270
- "iui-table": "_iui3-table",
271
- "iui-table-cell-end-icon": "_iui3-table-cell-end-icon",
272
- "iui-table-cell-start-icon": "_iui3-table-cell-start-icon",
273
- "iui-table-header": "_iui3-table-header",
274
- "iui-table-cell": "_iui3-table-cell",
275
- "iui-table-paginator": "_iui3-table-paginator",
276
- "iui-table-body": "_iui3-table-body",
277
- "iui-table-header-wrapper": "_iui3-table-header-wrapper",
278
- "iui-slot": "_iui3-slot",
279
- "iui-actionable": "_iui3-actionable",
280
- "iui-table-filter-button": "_iui3-table-filter-button",
281
- "iui-table-resizer": "_iui3-table-resizer",
282
- "iui-table-resizer-bar": "_iui3-table-resizer-bar",
283
- "iui-table-sort": "_iui3-table-sort",
284
- "iui-table-reorder-bar": "_iui3-table-reorder-bar",
285
- "iui-table-reorder-column-right": "_iui3-table-reorder-column-right",
286
- "iui-table-reorder-column-left": "_iui3-table-reorder-column-left",
287
- "iui-sorted": "_iui3-sorted",
288
- "iui-table-row": "_iui3-table-row",
289
- "iui-table-more-options": "_iui3-table-more-options",
290
- "iui-table-row-expander": "_iui3-table-row-expander",
291
- "iui-table-row-expanded": "_iui3-table-row-expanded",
292
- "iui-table-expanded-content": "_iui3-table-expanded-content",
293
- "iui-new": "_iui3-new",
294
- "iui-main-column": "_iui3-main-column",
295
- "iui-table-header-actions-container": "_iui3-table-header-actions-container",
296
- "iui-scroll-snapping": "_iui3-scroll-snapping",
297
- "iui-zebra-striping": "_iui3-zebra-striping",
298
- "iui-table-empty": "_iui3-table-empty",
299
- "iui-table-cell-sticky": "_iui3-table-cell-sticky",
300
- "iui-table-cell-shadow-left": "_iui3-table-cell-shadow-left",
301
- "iui-table-cell-shadow-right": "_iui3-table-cell-shadow-right",
302
- "iui-left": "_iui3-left",
303
- "iui-center": "_iui3-center",
304
- "iui-table-paginator-page-size-label": "_iui3-table-paginator-page-size-label",
305
- "iui-table-paginator-ellipsis": "_iui3-table-paginator-ellipsis",
306
- "iui-table-paginator-ellipsis-small": "_iui3-table-paginator-ellipsis-small",
307
- "iui-table-paginator-pages-group": "_iui3-table-paginator-pages-group",
308
- "iui-table-paginator-page-button": "_iui3-table-paginator-page-button",
309
- "iui-table-paginator-page-button-small": "_iui3-table-paginator-page-button-small",
310
- "iui-table-column-filter": "_iui3-table-column-filter",
311
- "iui-button-bar": "_iui3-button-bar",
312
- "iui-tabs-wrapper": "_iui3-tabs-wrapper",
313
- "iui-horizontal": "_iui3-horizontal",
314
- "iui-tabs": "_iui3-tabs",
315
- "scroll-shadow-inset-horizontal": "_iui3-scroll-shadow-inset-horizontal",
316
- "iui-borderless": "_iui3-borderless",
317
- "iui-tab": "_iui3-tab",
318
- "iui-vertical": "_iui3-vertical",
319
- "scroll-shadow-inset-vertical": "_iui3-scroll-shadow-inset-vertical",
320
- "iui-tabs-content": "_iui3-tabs-content",
321
- "iui-tabs-actions-wrapper": "_iui3-tabs-actions-wrapper",
322
- "iui-default": "_iui3-default",
323
- "iui-tabs-actions": "_iui3-tabs-actions",
324
- "iui-tab-icon": "_iui3-tab-icon",
325
- "iui-tab-description": "_iui3-tab-description",
326
- "iui-tab-label": "_iui3-tab-label",
327
- "iui-green": "_iui3-green",
328
- "iui-pill": "_iui3-pill",
329
- "iui-not-animated": "_iui3-not-animated",
330
- "iui-tag": "_iui3-tag",
331
- "iui-tag-basic": "_iui3-tag-basic",
332
- "iui-tag-label": "_iui3-tag-label",
333
- "iui-tag-button": "_iui3-tag-button",
334
- "iui-tag-container": "_iui3-tag-container",
335
- "iui-truncate": "_iui3-truncate",
336
- "iui-scroll": "_iui3-scroll",
337
- "iui-text-headline": "_iui3-text-headline",
338
- "iui-text-title": "_iui3-text-title",
339
- "iui-text-subheading": "_iui3-text-subheading",
340
- "iui-text-leading": "_iui3-text-leading",
341
- "iui-text-block": "_iui3-text-block",
342
- "iui-text-small": "_iui3-text-small",
343
- "iui-text-muted": "_iui3-text-muted",
344
- "iui-skeleton": "_iui3-skeleton",
345
- "skeleton-shimmer": "_iui3-skeleton-shimmer",
346
- "iui-text-spacing": "_iui3-text-spacing",
347
- "iui-tile": "_iui3-tile",
348
- "iui-folder": "_iui3-folder",
349
- "iui-tile-thumbnail": "_iui3-tile-thumbnail",
350
- "iui-tile-name": "_iui3-tile-name",
351
- "iui-tile-more-options": "_iui3-tile-more-options",
352
- "iui-tile-metadata": "_iui3-tile-metadata",
353
- "iui-tile-description": "_iui3-tile-description",
354
- "iui-thumbnail-icon": "_iui3-thumbnail-icon",
355
- "iui-tile-thumbnail-picture": "_iui3-tile-thumbnail-picture",
356
- "iui-selected": "_iui3-selected",
357
- "iui-tile-content": "_iui3-tile-content",
358
- "iui-tile-thumbnail-type-indicator": "_iui3-tile-thumbnail-type-indicator",
359
- "iui-tile-thumbnail-quick-action": "_iui3-tile-thumbnail-quick-action",
360
- "iui-tile-thumbnail-badge-container": "_iui3-tile-thumbnail-badge-container",
361
- "iui-tile-buttons": "_iui3-tile-buttons",
362
- "iui-tile-name-label": "_iui3-tile-name-label",
363
- "iui-tile-metadata-icon": "_iui3-tile-metadata-icon",
364
- "iui-tile-status-icon": "_iui3-tile-status-icon",
365
- "iui-time": "_iui3-time",
366
- "iui-period": "_iui3-period",
367
- "iui-toast-wrapper": "_iui3-toast-wrapper",
368
- "iui-toast-all": "_iui3-toast-all",
369
- "iui-placement-top": "_iui3-placement-top",
370
- "iui-placement-top-start": "_iui3-placement-top-start",
371
- "iui-placement-top-end": "_iui3-placement-top-end",
372
- "iui-placement-bottom": "_iui3-placement-bottom",
373
- "iui-toast": "_iui3-toast",
374
- "iui-placement-bottom-start": "_iui3-placement-bottom-start",
375
- "iui-placement-bottom-end": "_iui3-placement-bottom-end",
376
- "iui-status-area": "_iui3-status-area",
377
- "iui-message": "_iui3-message",
378
- "iui-toast-anchor": "_iui3-toast-anchor",
379
- "iui-informational": "_iui3-informational",
380
- "iui-label-on-left": "_iui3-label-on-left",
381
- "iui-label-on-right": "_iui3-label-on-right",
382
- "iui-toggle-switch-icon": "_iui3-toggle-switch-icon",
383
- "iui-toggle-switch": "_iui3-toggle-switch",
384
- "iui-toggle-switch-label": "_iui3-toggle-switch-label",
385
- "iui-tooltip": "_iui3-tooltip",
386
- "iui-transfer-list-wrapper": "_iui3-transfer-list-wrapper",
387
- "iui-transfer-list-listbox-wrapper": "_iui3-transfer-list-listbox-wrapper",
388
- "iui-transfer-list-listbox": "_iui3-transfer-list-listbox",
389
- "iui-transfer-list-toolbar": "_iui3-transfer-list-toolbar",
390
- "iui-tree": "_iui3-tree",
391
- "iui-sub-tree": "_iui3-sub-tree",
392
- "iui-tree-item": "_iui3-tree-item",
393
- "iui-tree-node": "_iui3-tree-node",
394
- "iui-tree-node-checkbox": "_iui3-tree-node-checkbox",
395
- "iui-tree-node-content": "_iui3-tree-node-content",
396
- "iui-tree-node-content-icon": "_iui3-tree-node-content-icon",
397
- "iui-tree-node-content-expander-icon": "_iui3-tree-node-content-expander-icon",
398
- "iui-tree-node-content-expander-icon-expanded": "_iui3-tree-node-content-expander-icon-expanded",
399
- "iui-tree-node-content-label": "_iui3-tree-node-content-label",
400
- "iui-tree-node-content-title": "_iui3-tree-node-content-title",
401
- "iui-tree-node-content-caption": "_iui3-tree-node-content-caption",
402
- "iui-button-base": "_iui3-button-base",
403
- "iui-svg-icon": "_iui3-svg-icon",
404
- "iui-notification-marker": "_iui3-notification-marker",
405
- pulse,
406
- "iui-divider": "_iui3-divider",
407
- "iui-flex": "_iui3-flex",
408
- "iui-flex-spacer": "_iui3-flex-spacer",
409
- "iui-flex-item": "_iui3-flex-item",
410
- "iui-visually-hidden": "_iui3-visually-hidden",
411
- "iui-link-box": "_iui3-link-box",
412
- "iui-workflow-diagram": "_iui3-workflow-diagram",
413
- "iui-workflow-diagram-step": "_iui3-workflow-diagram-step",
414
- "iui-workflow-diagram-content": "_iui3-workflow-diagram-content"
415
- };
1
+ const t = new Proxy(
2
+ {},
3
+ {
4
+ get(e, i) {
5
+ if (typeof i == "string" && i.startsWith("iui-"))
6
+ return i.replace("iui-", "_iui3-");
7
+ },
8
+ has(e, i) {
9
+ return typeof i == "string" && i.startsWith("iui-");
10
+ }
11
+ }
12
+ );
416
13
  export {
417
- styles as default
14
+ t as default
418
15
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-react",
3
- "version": "3.2.0",
3
+ "version": "3.2.2",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "type": "module",