opus-react 0.6.33 → 0.6.35
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.
- package/dist/index.cjs +900 -342
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +331 -28
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +189 -45
- package/dist/index.d.ts +189 -45
- package/dist/index.js +899 -343
- package/dist/index.js.map +1 -1
- package/dist/styles.css +33 -8
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -9,6 +9,8 @@ type LabelPosition = "left" | "right";
|
|
|
9
9
|
type ChoiceShape = "round" | "square";
|
|
10
10
|
type ChoiceControlSize = "lg" | "md" | "sm";
|
|
11
11
|
type InputControlSize = "lg" | "md" | "sm";
|
|
12
|
+
type ControlRadius = "none" | "standard" | "medium" | "large" | "full";
|
|
13
|
+
type ControlTransparency = "none" | "standard" | "glass";
|
|
12
14
|
type ChipInputVariant = "filled" | "outlined" | "soft" | "glass" | "gradient";
|
|
13
15
|
type ChipInputPreset = "chip-input" | "tag-input" | "token-input";
|
|
14
16
|
type ChoiceOption = {
|
|
@@ -82,9 +84,10 @@ type ButtonVariant = "primary" | "secondary" | "tertiary" | "success" | "danger"
|
|
|
82
84
|
type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
83
85
|
children: ReactNode;
|
|
84
86
|
size?: InputControlSize;
|
|
87
|
+
radius?: ControlRadius;
|
|
85
88
|
variant?: ButtonVariant;
|
|
86
89
|
};
|
|
87
|
-
declare function Button({ children, className, size, variant, type, ...props }: ButtonProps): react.JSX.Element;
|
|
90
|
+
declare function Button({ children, className, size, variant, radius, type, ...props }: ButtonProps): react.JSX.Element;
|
|
88
91
|
|
|
89
92
|
type FieldShellAriaContextValue = {
|
|
90
93
|
describedBy?: string;
|
|
@@ -106,6 +109,9 @@ type FieldShellProps = {
|
|
|
106
109
|
children: ReactNode;
|
|
107
110
|
className?: string;
|
|
108
111
|
compactControl?: boolean;
|
|
112
|
+
radius?: ControlRadius;
|
|
113
|
+
transparency?: ControlTransparency;
|
|
114
|
+
gradient?: boolean;
|
|
109
115
|
error?: string;
|
|
110
116
|
fitContent?: boolean;
|
|
111
117
|
flaggedAlign?: "center" | "start";
|
|
@@ -119,9 +125,12 @@ type FieldShellProps = {
|
|
|
119
125
|
required?: boolean;
|
|
120
126
|
suppressErrorDisplay?: boolean;
|
|
121
127
|
};
|
|
122
|
-
declare function FieldShell({ children, className, compactControl, error, fitContent, flaggedAlign, help, id, label, labelVisuallyHidden, labelPosition, labelTag, mode, required, suppressErrorDisplay, }: FieldShellProps): react.JSX.Element;
|
|
128
|
+
declare function FieldShell({ children, className, compactControl, radius, transparency, gradient, error, fitContent, flaggedAlign, help, id, label, labelVisuallyHidden, labelPosition, labelTag, mode, required, suppressErrorDisplay, }: FieldShellProps): react.JSX.Element;
|
|
123
129
|
|
|
124
130
|
type CheckboxFieldProps = {
|
|
131
|
+
radius?: ControlRadius;
|
|
132
|
+
transparency?: ControlTransparency;
|
|
133
|
+
gradient?: boolean;
|
|
125
134
|
checked: boolean;
|
|
126
135
|
className?: string;
|
|
127
136
|
error?: string;
|
|
@@ -138,9 +147,12 @@ type CheckboxFieldProps = {
|
|
|
138
147
|
size?: ChoiceControlSize;
|
|
139
148
|
value?: string;
|
|
140
149
|
};
|
|
141
|
-
declare function CheckboxField({ checked, className, error, fitContent, help, id, label, labelPosition, labelVisuallyHidden, mode, name, onChange, shape, size, value, }: CheckboxFieldProps): react.JSX.Element;
|
|
150
|
+
declare function CheckboxField({ checked, className, error, fitContent, help, id, label, labelPosition, labelVisuallyHidden, mode, name, onChange, radius, transparency, gradient, shape, size, value, }: CheckboxFieldProps): react.JSX.Element;
|
|
142
151
|
|
|
143
152
|
type ColorFieldProps = {
|
|
153
|
+
radius?: ControlRadius;
|
|
154
|
+
transparency?: ControlTransparency;
|
|
155
|
+
gradient?: boolean;
|
|
144
156
|
error?: string;
|
|
145
157
|
help?: string;
|
|
146
158
|
id: string;
|
|
@@ -151,7 +163,7 @@ type ColorFieldProps = {
|
|
|
151
163
|
size?: InputControlSize;
|
|
152
164
|
value: string;
|
|
153
165
|
};
|
|
154
|
-
declare function ColorField({ error, help, id, label, labelPosition, mode, onChange, size, value, }: ColorFieldProps): react.JSX.Element;
|
|
166
|
+
declare function ColorField({ error, help, id, label, labelPosition, mode, onChange, radius, transparency, gradient, size, value, }: ColorFieldProps): react.JSX.Element;
|
|
155
167
|
|
|
156
168
|
type ColorPickerPanelProps = {
|
|
157
169
|
onClose?: () => void;
|
|
@@ -163,6 +175,9 @@ declare function ColorPickerPanel({ onClose, onSelect, value }: ColorPickerPanel
|
|
|
163
175
|
type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "aria-invalid" | "className" | "defaultValue" | "id" | "onChange" | "placeholder" | "ref" | "required" | "size" | "type" | "value">;
|
|
164
176
|
type NativeTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "aria-describedby" | "aria-invalid" | "className" | "defaultValue" | "id" | "maxLength" | "onChange" | "placeholder" | "required" | "value">;
|
|
165
177
|
type TextEntryBehaviourProps = {
|
|
178
|
+
radius?: ControlRadius;
|
|
179
|
+
transparency?: ControlTransparency;
|
|
180
|
+
gradient?: boolean;
|
|
166
181
|
autoCapitalize?: InputHTMLAttributes<HTMLInputElement>["autoCapitalize"];
|
|
167
182
|
autoComplete?: InputHTMLAttributes<HTMLInputElement>["autoComplete"];
|
|
168
183
|
autoCorrect?: InputHTMLAttributes<HTMLInputElement>["autoCorrect"];
|
|
@@ -192,7 +207,7 @@ type DateFieldProps = TextEntryBehaviourProps & {
|
|
|
192
207
|
value: string;
|
|
193
208
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
194
209
|
};
|
|
195
|
-
declare function DateField({ autoComplete, autoFocus, disabled, error, help, id, label, labelPosition, max, min, mode, inputProps, name, readOnly, required, size, type, value, onChange, }: DateFieldProps): react.JSX.Element;
|
|
210
|
+
declare function DateField({ autoComplete, autoFocus, disabled, error, help, id, label, labelPosition, max, min, mode, inputProps, name, readOnly, radius, transparency, gradient, required, size, type, value, onChange, }: DateFieldProps): react.JSX.Element;
|
|
196
211
|
|
|
197
212
|
type DateRangeValue = {
|
|
198
213
|
from: string;
|
|
@@ -207,6 +222,7 @@ type DatePickerPanelBaseProps = {
|
|
|
207
222
|
min?: string;
|
|
208
223
|
onClose?: () => void;
|
|
209
224
|
showFooter?: boolean;
|
|
225
|
+
transparency?: ControlTransparency;
|
|
210
226
|
};
|
|
211
227
|
type DatePickerPanelSingleProps = DatePickerPanelBaseProps & {
|
|
212
228
|
selectionMode?: "single";
|
|
@@ -258,6 +274,9 @@ type OpusDateRangeInputProps = {
|
|
|
258
274
|
declare function OpusDateRangeInput({ "aria-describedby": ariaDescribedBy, className, disabled, id, label, max, min, name, onChange, placeholder, readOnly, required, value, }: OpusDateRangeInputProps): react.JSX.Element;
|
|
259
275
|
|
|
260
276
|
type HiddenFieldProps = {
|
|
277
|
+
radius?: ControlRadius;
|
|
278
|
+
transparency?: ControlTransparency;
|
|
279
|
+
gradient?: boolean;
|
|
261
280
|
help?: string;
|
|
262
281
|
id: string;
|
|
263
282
|
label: string;
|
|
@@ -269,9 +288,12 @@ type HiddenFieldProps = {
|
|
|
269
288
|
size?: InputControlSize;
|
|
270
289
|
value: string;
|
|
271
290
|
};
|
|
272
|
-
declare function HiddenField({ help, id, label, labelPosition, mode, name, required, showPreview, size, value, }: HiddenFieldProps): react.JSX.Element;
|
|
291
|
+
declare function HiddenField({ help, id, label, labelPosition, mode, name, required, showPreview, size, value, radius, transparency, gradient, }: HiddenFieldProps): react.JSX.Element;
|
|
273
292
|
|
|
274
293
|
type FileFieldProps = {
|
|
294
|
+
radius?: ControlRadius;
|
|
295
|
+
transparency?: ControlTransparency;
|
|
296
|
+
gradient?: boolean;
|
|
275
297
|
error?: string;
|
|
276
298
|
footnote?: string;
|
|
277
299
|
help?: string;
|
|
@@ -283,7 +305,7 @@ type FileFieldProps = {
|
|
|
283
305
|
size?: InputControlSize;
|
|
284
306
|
fileName?: string;
|
|
285
307
|
};
|
|
286
|
-
declare function FileField({ error, fileName, footnote, help, id, label, labelPosition, mode, onChange, size, }: FileFieldProps): react.JSX.Element;
|
|
308
|
+
declare function FileField({ error, fileName, footnote, help, id, label, labelPosition, mode, onChange, radius, transparency, gradient, size, }: FileFieldProps): react.JSX.Element;
|
|
287
309
|
|
|
288
310
|
type ImageCropFit = "cover" | "contain";
|
|
289
311
|
|
|
@@ -293,6 +315,9 @@ type ImageCropUploadResult = {
|
|
|
293
315
|
};
|
|
294
316
|
type ImageCropShape = "circle" | "rect";
|
|
295
317
|
type ImageCropUploadFieldProps = {
|
|
318
|
+
radius?: ControlRadius;
|
|
319
|
+
transparency?: ControlTransparency;
|
|
320
|
+
gradient?: boolean;
|
|
296
321
|
accept?: string;
|
|
297
322
|
changeButtonLabel?: string;
|
|
298
323
|
cropButtonLabel?: string;
|
|
@@ -331,9 +356,12 @@ type ImageCropUploadFieldProps = {
|
|
|
331
356
|
zoomLabel?: string;
|
|
332
357
|
zoomStep?: number;
|
|
333
358
|
};
|
|
334
|
-
declare function ImageCropUploadField({ accept, changeButtonLabel, cropButtonLabel, embedded, error, fit, help, hideActions, id, label, labelPosition, labelVisuallyHidden, maxZoom, minZoom, mode, onChange, onCrop, onCropAvailabilityChange, outputHeight, outputSize, outputWidth, shape, size, uploadLabel, value, viewportHeight, viewportSize, viewportWidth, zoomLabel, zoomStep, }: ImageCropUploadFieldProps): react.JSX.Element;
|
|
359
|
+
declare function ImageCropUploadField({ accept, changeButtonLabel, cropButtonLabel, embedded, error, fit, help, hideActions, id, label, labelPosition, labelVisuallyHidden, maxZoom, minZoom, mode, onChange, onCrop, onCropAvailabilityChange, outputHeight, outputSize, outputWidth, shape, size, uploadLabel, value, viewportHeight, viewportSize, viewportWidth, zoomLabel, zoomStep, radius, transparency, gradient, }: ImageCropUploadFieldProps): react.JSX.Element;
|
|
335
360
|
|
|
336
361
|
type NumberFieldProps = {
|
|
362
|
+
radius?: ControlRadius;
|
|
363
|
+
transparency?: ControlTransparency;
|
|
364
|
+
gradient?: boolean;
|
|
337
365
|
error?: string;
|
|
338
366
|
help?: string;
|
|
339
367
|
id: string;
|
|
@@ -349,9 +377,12 @@ type NumberFieldProps = {
|
|
|
349
377
|
step?: number;
|
|
350
378
|
value: number;
|
|
351
379
|
};
|
|
352
|
-
declare function NumberField({ error, help, id, label, labelVisuallyHidden, labelPosition, max, min, mode, name, onChange, size, step, value, }: NumberFieldProps): react.JSX.Element;
|
|
380
|
+
declare function NumberField({ error, help, id, label, labelVisuallyHidden, labelPosition, max, radius, transparency, gradient, min, mode, name, onChange, size, step, value, }: NumberFieldProps): react.JSX.Element;
|
|
353
381
|
|
|
354
382
|
type RadioGroupProps = {
|
|
383
|
+
radius?: ControlRadius;
|
|
384
|
+
transparency?: ControlTransparency;
|
|
385
|
+
gradient?: boolean;
|
|
355
386
|
children: ReactNode;
|
|
356
387
|
error?: string;
|
|
357
388
|
help?: string;
|
|
@@ -366,8 +397,10 @@ type RadioGroupProps = {
|
|
|
366
397
|
size?: ChoiceControlSize;
|
|
367
398
|
value: string | null;
|
|
368
399
|
};
|
|
369
|
-
declare function RadioGroup({ children, error, help, id, label, labelPosition, mode, name, onChange, orientation, shape, size, value, }: RadioGroupProps): react.JSX.Element;
|
|
400
|
+
declare function RadioGroup({ children, error, help, id, label, labelPosition, mode, name, onChange, radius, transparency, gradient, orientation, shape, size, value, }: RadioGroupProps): react.JSX.Element;
|
|
370
401
|
type RadioProps = {
|
|
402
|
+
radius?: ControlRadius;
|
|
403
|
+
transparency?: ControlTransparency;
|
|
371
404
|
children?: ReactNode;
|
|
372
405
|
error?: string;
|
|
373
406
|
name?: string;
|
|
@@ -378,6 +411,9 @@ type RadioProps = {
|
|
|
378
411
|
declare function Radio({ children, error, name, shape, value, defaultChecked }: RadioProps): react.JSX.Element;
|
|
379
412
|
|
|
380
413
|
type ChipInputProps = {
|
|
414
|
+
radius?: ControlRadius;
|
|
415
|
+
transparency?: ControlTransparency;
|
|
416
|
+
gradient?: boolean;
|
|
381
417
|
disabled?: boolean;
|
|
382
418
|
error?: string;
|
|
383
419
|
help?: string;
|
|
@@ -393,10 +429,13 @@ type ChipInputProps = {
|
|
|
393
429
|
value: string[];
|
|
394
430
|
variant?: ChipInputVariant;
|
|
395
431
|
};
|
|
396
|
-
declare function ChipInput({ disabled, error, help, id, label, labelPosition, mode, onChange, placeholder, readOnly, required, size, value, variant, }: ChipInputProps): react.JSX.Element;
|
|
432
|
+
declare function ChipInput({ disabled, error, help, id, label, labelPosition, mode, onChange, placeholder, readOnly, required, radius, transparency, gradient, size, value, variant, }: ChipInputProps): react.JSX.Element;
|
|
397
433
|
declare const ChipInputField: typeof ChipInput;
|
|
398
434
|
|
|
399
435
|
type ChoiceChipsProps = {
|
|
436
|
+
radius?: ControlRadius;
|
|
437
|
+
transparency?: ControlTransparency;
|
|
438
|
+
gradient?: boolean;
|
|
400
439
|
disabled?: boolean;
|
|
401
440
|
error?: string;
|
|
402
441
|
help?: string;
|
|
@@ -414,10 +453,13 @@ type ChoiceChipsProps = {
|
|
|
414
453
|
variant?: ChoiceChipsVariant;
|
|
415
454
|
onChange: (value: string | string[]) => void;
|
|
416
455
|
};
|
|
417
|
-
declare function ChoiceChips({ disabled, error, help, id, label, labelVisuallyHidden, labelPosition, mode, name, options, required, selectionMode, size, value, variant, onChange, }: ChoiceChipsProps): react.JSX.Element;
|
|
456
|
+
declare function ChoiceChips({ disabled, error, help, id, label, labelVisuallyHidden, labelPosition, mode, name, options, required, radius, transparency, gradient, selectionMode, size, value, variant, onChange, }: ChoiceChipsProps): react.JSX.Element;
|
|
418
457
|
declare const ChoiceChipsField: typeof ChoiceChips;
|
|
419
458
|
|
|
420
459
|
type RangeFieldProps = {
|
|
460
|
+
radius?: ControlRadius;
|
|
461
|
+
transparency?: ControlTransparency;
|
|
462
|
+
gradient?: boolean;
|
|
421
463
|
error?: string;
|
|
422
464
|
help?: string;
|
|
423
465
|
id: string;
|
|
@@ -432,7 +474,7 @@ type RangeFieldProps = {
|
|
|
432
474
|
valueUnit?: string;
|
|
433
475
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
434
476
|
};
|
|
435
|
-
declare function RangeField({ error, help, id, label, labelPosition, max, min, mode, size, step, value, valueUnit, onChange, }: RangeFieldProps): react.JSX.Element;
|
|
477
|
+
declare function RangeField({ error, help, id, label, labelPosition, max, min, mode, radius, transparency, gradient, size, step, value, valueUnit, onChange, }: RangeFieldProps): react.JSX.Element;
|
|
436
478
|
|
|
437
479
|
type SelectFieldProps = {
|
|
438
480
|
error?: string;
|
|
@@ -445,13 +487,19 @@ type SelectFieldProps = {
|
|
|
445
487
|
name?: string;
|
|
446
488
|
options: string[];
|
|
447
489
|
required?: boolean;
|
|
490
|
+
radius?: ControlRadius;
|
|
491
|
+
transparency?: ControlTransparency;
|
|
492
|
+
gradient?: boolean;
|
|
448
493
|
size?: InputControlSize;
|
|
449
494
|
value: string;
|
|
450
495
|
onChange: ChangeEventHandler<HTMLSelectElement>;
|
|
451
496
|
};
|
|
452
|
-
declare function SelectField({ error, help, id, label, labelVisuallyHidden, labelPosition, mode, name, options, required, size, value, onChange, }: SelectFieldProps): react.JSX.Element;
|
|
497
|
+
declare function SelectField({ error, help, id, label, labelVisuallyHidden, labelPosition, mode, name, options, required, radius, transparency, gradient, size, value, onChange, }: SelectFieldProps): react.JSX.Element;
|
|
453
498
|
|
|
454
499
|
type SwitchFieldProps = {
|
|
500
|
+
radius?: ControlRadius;
|
|
501
|
+
transparency?: ControlTransparency;
|
|
502
|
+
gradient?: boolean;
|
|
455
503
|
checked: boolean;
|
|
456
504
|
error?: string;
|
|
457
505
|
help?: string;
|
|
@@ -463,7 +511,7 @@ type SwitchFieldProps = {
|
|
|
463
511
|
size?: InputControlSize;
|
|
464
512
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
465
513
|
};
|
|
466
|
-
declare function SwitchField({ checked, error, help, id, label, labelVisuallyHidden, labelPosition, mode, size, onChange, }: SwitchFieldProps): react.JSX.Element;
|
|
514
|
+
declare function SwitchField({ checked, error, help, id, label, labelVisuallyHidden, labelPosition, mode, size, radius, transparency, gradient, onChange, }: SwitchFieldProps): react.JSX.Element;
|
|
467
515
|
|
|
468
516
|
type TextAreaFieldProps = TextEntryBehaviourProps & {
|
|
469
517
|
error?: string;
|
|
@@ -481,9 +529,12 @@ type TextAreaFieldProps = TextEntryBehaviourProps & {
|
|
|
481
529
|
value: string;
|
|
482
530
|
onChange: ChangeEventHandler<HTMLTextAreaElement>;
|
|
483
531
|
};
|
|
484
|
-
declare function TextAreaField({ autoCapitalize, autoComplete, autoCorrect, autoFocus, disabled, enterKeyHint, error, help, id, label, labelPosition, maxChars, minLength, inputMode, inputProps, mode, placeholder, required, name, readOnly, size, value, spellCheck, onChange, }: TextAreaFieldProps): react.JSX.Element;
|
|
532
|
+
declare function TextAreaField({ autoCapitalize, autoComplete, autoCorrect, autoFocus, disabled, enterKeyHint, error, help, id, label, labelPosition, maxChars, minLength, inputMode, inputProps, mode, placeholder, required, name, readOnly, radius, transparency, gradient, size, value, spellCheck, onChange, }: TextAreaFieldProps): react.JSX.Element;
|
|
485
533
|
|
|
486
534
|
type RichTextFieldProps = {
|
|
535
|
+
radius?: ControlRadius;
|
|
536
|
+
transparency?: ControlTransparency;
|
|
537
|
+
gradient?: boolean;
|
|
487
538
|
error?: string;
|
|
488
539
|
help?: string;
|
|
489
540
|
id: string;
|
|
@@ -498,7 +549,7 @@ type RichTextFieldProps = {
|
|
|
498
549
|
value: string;
|
|
499
550
|
onChange: (html: string) => void;
|
|
500
551
|
};
|
|
501
|
-
declare function RichTextField({ error, help, id, label, labelPosition, minHeight, mode, placeholder, readOnly, required, size, value, onChange, }: RichTextFieldProps): react.JSX.Element;
|
|
552
|
+
declare function RichTextField({ error, help, id, label, labelPosition, minHeight, mode, placeholder, readOnly, required, size, value, onChange, radius, transparency, gradient, }: RichTextFieldProps): react.JSX.Element;
|
|
502
553
|
|
|
503
554
|
type TextFieldProps = TextEntryBehaviourProps & {
|
|
504
555
|
error?: string;
|
|
@@ -521,9 +572,12 @@ type TextFieldProps = TextEntryBehaviourProps & {
|
|
|
521
572
|
endAdornment?: ReactNode;
|
|
522
573
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
523
574
|
};
|
|
524
|
-
declare function TextField({ autoCapitalize, autoComplete, autoCorrect, autoFocus, disabled, enterKeyHint, error, help, id, inputRef, label, labelVisuallyHidden, labelPosition, mode, placeholder, inputMode, inputProps, maxLength, minLength, name, pattern, readOnly, required, size, type, value, spellCheck, endAdornment, onChange, }: TextFieldProps): react.JSX.Element;
|
|
575
|
+
declare function TextField({ autoCapitalize, autoComplete, autoCorrect, autoFocus, disabled, enterKeyHint, error, help, id, inputRef, label, labelVisuallyHidden, labelPosition, mode, placeholder, inputMode, inputProps, maxLength, minLength, name, pattern, readOnly, radius, transparency, gradient, required, size, type, value, spellCheck, endAdornment, onChange, }: TextFieldProps): react.JSX.Element;
|
|
525
576
|
|
|
526
577
|
type ThemeToggleFieldProps = {
|
|
578
|
+
radius?: ControlRadius;
|
|
579
|
+
transparency?: ControlTransparency;
|
|
580
|
+
gradient?: boolean;
|
|
527
581
|
className?: string;
|
|
528
582
|
help?: string;
|
|
529
583
|
id: string;
|
|
@@ -534,13 +588,16 @@ type ThemeToggleFieldProps = {
|
|
|
534
588
|
value: Theme;
|
|
535
589
|
onChange: (value: Theme) => void;
|
|
536
590
|
};
|
|
537
|
-
declare function ThemeToggleField({ className, help, id, label, labelPosition, labelVisuallyHidden, mode, value, onChange, }: ThemeToggleFieldProps): react.JSX.Element;
|
|
591
|
+
declare function ThemeToggleField({ className, help, id, label, labelPosition, labelVisuallyHidden, mode, value, onChange, radius, transparency, gradient, }: ThemeToggleFieldProps): react.JSX.Element;
|
|
538
592
|
|
|
539
593
|
type FilterSelectGroup = {
|
|
540
594
|
label: string;
|
|
541
595
|
options: string[];
|
|
542
596
|
};
|
|
543
597
|
type FilterSelectFieldProps = {
|
|
598
|
+
radius?: ControlRadius;
|
|
599
|
+
transparency?: ControlTransparency;
|
|
600
|
+
gradient?: boolean;
|
|
544
601
|
error?: string;
|
|
545
602
|
groups: FilterSelectGroup[];
|
|
546
603
|
help?: string;
|
|
@@ -555,9 +612,12 @@ type FilterSelectFieldProps = {
|
|
|
555
612
|
value: string[];
|
|
556
613
|
onChange: (value: string[]) => void;
|
|
557
614
|
};
|
|
558
|
-
declare function FilterSelectField({ error, groups, help, id, label, labelPosition, mode, placeholder, required, searchPlaceholder, size, value, onChange, }: FilterSelectFieldProps): react.JSX.Element;
|
|
615
|
+
declare function FilterSelectField({ error, groups, help, id, label, labelPosition, mode, placeholder, required, radius, transparency, gradient, searchPlaceholder, size, value, onChange, }: FilterSelectFieldProps): react.JSX.Element;
|
|
559
616
|
|
|
560
617
|
type MultiSelectFieldProps = {
|
|
618
|
+
radius?: ControlRadius;
|
|
619
|
+
transparency?: ControlTransparency;
|
|
620
|
+
gradient?: boolean;
|
|
561
621
|
error?: string;
|
|
562
622
|
help?: string;
|
|
563
623
|
id: string;
|
|
@@ -571,9 +631,12 @@ type MultiSelectFieldProps = {
|
|
|
571
631
|
value: string[];
|
|
572
632
|
onChange: (value: string[]) => void;
|
|
573
633
|
};
|
|
574
|
-
declare function MultiSelectField({ error, help, id, label, labelPosition, mode, options, placeholder, required, size, value, onChange, }: MultiSelectFieldProps): react.JSX.Element;
|
|
634
|
+
declare function MultiSelectField({ error, help, id, label, labelPosition, mode, options, placeholder, required, radius, transparency, gradient, size, value, onChange, }: MultiSelectFieldProps): react.JSX.Element;
|
|
575
635
|
|
|
576
636
|
type TransferListFieldProps = {
|
|
637
|
+
radius?: ControlRadius;
|
|
638
|
+
transparency?: ControlTransparency;
|
|
639
|
+
gradient?: boolean;
|
|
577
640
|
available: string[];
|
|
578
641
|
error?: string;
|
|
579
642
|
help?: string;
|
|
@@ -586,7 +649,7 @@ type TransferListFieldProps = {
|
|
|
586
649
|
selected: string[];
|
|
587
650
|
onChange: (selected: string[]) => void;
|
|
588
651
|
};
|
|
589
|
-
declare function TransferListField({ available, error, help, id, label, labelPosition, mode, required, size, selected, onChange, }: TransferListFieldProps): react.JSX.Element;
|
|
652
|
+
declare function TransferListField({ available, error, help, id, label, labelPosition, mode, required, size, selected, onChange, radius, transparency, gradient, }: TransferListFieldProps): react.JSX.Element;
|
|
590
653
|
|
|
591
654
|
type PasswordRequirement = {
|
|
592
655
|
id: string;
|
|
@@ -609,10 +672,13 @@ type PasswordStrengthFieldProps = TextEntryBehaviourProps & {
|
|
|
609
672
|
value: string;
|
|
610
673
|
onChange: (value: string) => void;
|
|
611
674
|
};
|
|
612
|
-
declare function PasswordStrengthField({ autoComplete, autoFocus, disabled, error, help, id, label, labelPosition, mode, placeholder, inputProps, name, readOnly, required, requirements, showRequirements, size, value, onChange, }: PasswordStrengthFieldProps): react.JSX.Element;
|
|
675
|
+
declare function PasswordStrengthField({ autoComplete, autoFocus, disabled, error, help, id, label, labelPosition, mode, placeholder, inputProps, name, readOnly, radius, transparency, gradient, required, requirements, showRequirements, size, value, onChange, }: PasswordStrengthFieldProps): react.JSX.Element;
|
|
613
676
|
|
|
614
677
|
type RatingVariant = "stars" | "hearts" | "numeric";
|
|
615
678
|
type RatingFieldProps = {
|
|
679
|
+
radius?: ControlRadius;
|
|
680
|
+
transparency?: ControlTransparency;
|
|
681
|
+
gradient?: boolean;
|
|
616
682
|
error?: string;
|
|
617
683
|
help?: string;
|
|
618
684
|
id: string;
|
|
@@ -626,9 +692,12 @@ type RatingFieldProps = {
|
|
|
626
692
|
variant?: RatingVariant;
|
|
627
693
|
onChange: (value: number) => void;
|
|
628
694
|
};
|
|
629
|
-
declare function RatingField({ error, help, id, label, labelPosition, max, mode, required, size, value, variant, onChange, }: RatingFieldProps): react.JSX.Element;
|
|
695
|
+
declare function RatingField({ error, help, id, label, labelPosition, max, mode, required, size, value, variant, onChange, radius, transparency, gradient, }: RatingFieldProps): react.JSX.Element;
|
|
630
696
|
|
|
631
697
|
type SegmentedControlFieldProps = {
|
|
698
|
+
radius?: ControlRadius;
|
|
699
|
+
transparency?: ControlTransparency;
|
|
700
|
+
gradient?: boolean;
|
|
632
701
|
error?: string;
|
|
633
702
|
help?: string;
|
|
634
703
|
id: string;
|
|
@@ -641,9 +710,12 @@ type SegmentedControlFieldProps = {
|
|
|
641
710
|
value: string;
|
|
642
711
|
onChange: (value: string) => void;
|
|
643
712
|
};
|
|
644
|
-
declare function SegmentedControlField({ error, help, id, label, labelPosition, mode, options, required, size, value, onChange, }: SegmentedControlFieldProps): react.JSX.Element;
|
|
713
|
+
declare function SegmentedControlField({ error, help, id, label, labelPosition, mode, options, required, size, value, onChange, radius, transparency, gradient, }: SegmentedControlFieldProps): react.JSX.Element;
|
|
645
714
|
|
|
646
715
|
type SliderRangeFieldProps = {
|
|
716
|
+
radius?: ControlRadius;
|
|
717
|
+
transparency?: ControlTransparency;
|
|
718
|
+
gradient?: boolean;
|
|
647
719
|
error?: string;
|
|
648
720
|
help?: string;
|
|
649
721
|
id: string;
|
|
@@ -658,7 +730,7 @@ type SliderRangeFieldProps = {
|
|
|
658
730
|
value: [number, number];
|
|
659
731
|
onChange: (value: [number, number]) => void;
|
|
660
732
|
};
|
|
661
|
-
declare function SliderRangeField({ error, help, id, label, labelPosition, max, min, mode, required, size, step, value, onChange, }: SliderRangeFieldProps): react.JSX.Element;
|
|
733
|
+
declare function SliderRangeField({ error, help, id, label, labelPosition, max, min, mode, required, size, step, value, onChange, radius, transparency, gradient, }: SliderRangeFieldProps): react.JSX.Element;
|
|
662
734
|
|
|
663
735
|
type PhoneCountry = {
|
|
664
736
|
code: string;
|
|
@@ -689,9 +761,12 @@ type PhoneNumberFieldProps = TextEntryBehaviourProps & {
|
|
|
689
761
|
onChange: (value: string) => void;
|
|
690
762
|
onCountryCodeChange: (countryCode: string) => void;
|
|
691
763
|
};
|
|
692
|
-
declare function PhoneNumberField({ autoComplete, autoFocus, disabled, countries, countryCode, error, help, id, label, labelPosition, mode, placeholder, inputProps, name, readOnly, required, size, value, onChange, onCountryCodeChange, }: PhoneNumberFieldProps): react.JSX.Element;
|
|
764
|
+
declare function PhoneNumberField({ autoComplete, autoFocus, disabled, countries, countryCode, error, help, id, label, labelPosition, mode, placeholder, inputProps, name, readOnly, radius, transparency, gradient, required, size, value, onChange, onCountryCodeChange, }: PhoneNumberFieldProps): react.JSX.Element;
|
|
693
765
|
|
|
694
766
|
type CountryPickerFieldProps = {
|
|
767
|
+
radius?: ControlRadius;
|
|
768
|
+
transparency?: ControlTransparency;
|
|
769
|
+
gradient?: boolean;
|
|
695
770
|
countries?: PhoneCountry[];
|
|
696
771
|
error?: string;
|
|
697
772
|
help?: string;
|
|
@@ -706,7 +781,7 @@ type CountryPickerFieldProps = {
|
|
|
706
781
|
value: string;
|
|
707
782
|
onChange: (countryCode: string) => void;
|
|
708
783
|
};
|
|
709
|
-
declare function CountryPickerField({ countries, error, help, id, label, labelPosition, mode, placeholder, required, searchPlaceholder, size, value, onChange, }: CountryPickerFieldProps): react.JSX.Element;
|
|
784
|
+
declare function CountryPickerField({ countries, error, help, id, label, labelPosition, mode, placeholder, required, searchPlaceholder, size, value, onChange, radius, transparency, gradient, }: CountryPickerFieldProps): react.JSX.Element;
|
|
710
785
|
|
|
711
786
|
type TreeSelectNode = {
|
|
712
787
|
children?: TreeSelectNode[];
|
|
@@ -714,6 +789,9 @@ type TreeSelectNode = {
|
|
|
714
789
|
value: string;
|
|
715
790
|
};
|
|
716
791
|
type TreeSelectFieldProps = {
|
|
792
|
+
radius?: ControlRadius;
|
|
793
|
+
transparency?: ControlTransparency;
|
|
794
|
+
gradient?: boolean;
|
|
717
795
|
error?: string;
|
|
718
796
|
help?: string;
|
|
719
797
|
id: string;
|
|
@@ -727,7 +805,7 @@ type TreeSelectFieldProps = {
|
|
|
727
805
|
value: string | null;
|
|
728
806
|
onChange: (value: string | null) => void;
|
|
729
807
|
};
|
|
730
|
-
declare function TreeSelectField({ error, help, id, label, labelPosition, mode, nodes, placeholder, required, size, value, onChange, }: TreeSelectFieldProps): react.JSX.Element;
|
|
808
|
+
declare function TreeSelectField({ error, help, id, label, labelPosition, mode, nodes, placeholder, required, size, value, onChange, radius, transparency, gradient, }: TreeSelectFieldProps): react.JSX.Element;
|
|
731
809
|
|
|
732
810
|
type CascaderOption = {
|
|
733
811
|
children?: CascaderOption[];
|
|
@@ -735,6 +813,9 @@ type CascaderOption = {
|
|
|
735
813
|
value: string;
|
|
736
814
|
};
|
|
737
815
|
type CascaderFieldProps = {
|
|
816
|
+
radius?: ControlRadius;
|
|
817
|
+
transparency?: ControlTransparency;
|
|
818
|
+
gradient?: boolean;
|
|
738
819
|
error?: string;
|
|
739
820
|
help?: string;
|
|
740
821
|
id: string;
|
|
@@ -748,7 +829,7 @@ type CascaderFieldProps = {
|
|
|
748
829
|
value: string[];
|
|
749
830
|
onChange: (value: string[]) => void;
|
|
750
831
|
};
|
|
751
|
-
declare function CascaderField({ error, help, id, label, labelPosition, mode, options, placeholder, required, size, value, onChange, }: CascaderFieldProps): react.JSX.Element;
|
|
832
|
+
declare function CascaderField({ error, help, id, label, labelPosition, mode, options, placeholder, required, size, value, onChange, radius, transparency, gradient, }: CascaderFieldProps): react.JSX.Element;
|
|
752
833
|
|
|
753
834
|
type TooltipPlacement = "top" | "bottom" | "left" | "right";
|
|
754
835
|
type TooltipProps = {
|
|
@@ -1211,6 +1292,9 @@ type CrmWorkspaceLabProps = {
|
|
|
1211
1292
|
declare function CrmWorkspaceLab({ variant, onAction }: CrmWorkspaceLabProps): react.JSX.Element;
|
|
1212
1293
|
|
|
1213
1294
|
type OtpFieldProps = {
|
|
1295
|
+
radius?: ControlRadius;
|
|
1296
|
+
transparency?: ControlTransparency;
|
|
1297
|
+
gradient?: boolean;
|
|
1214
1298
|
autoFocus?: boolean;
|
|
1215
1299
|
error?: string;
|
|
1216
1300
|
help?: string;
|
|
@@ -1224,13 +1308,16 @@ type OtpFieldProps = {
|
|
|
1224
1308
|
onChange: (value: string) => void;
|
|
1225
1309
|
onComplete?: (value: string) => void;
|
|
1226
1310
|
};
|
|
1227
|
-
declare function OtpField({ autoFocus, error, help, id, label, labelPosition, length, mode, required, value, onChange, onComplete, }: OtpFieldProps): react.JSX.Element;
|
|
1311
|
+
declare function OtpField({ autoFocus, error, help, id, label, labelPosition, length, mode, required, value, onChange, radius, transparency, gradient, onComplete, }: OtpFieldProps): react.JSX.Element;
|
|
1228
1312
|
|
|
1229
1313
|
type ComboboxOption = {
|
|
1230
1314
|
label: string;
|
|
1231
1315
|
value: string;
|
|
1232
1316
|
};
|
|
1233
1317
|
type ComboboxFieldProps = {
|
|
1318
|
+
radius?: ControlRadius;
|
|
1319
|
+
transparency?: ControlTransparency;
|
|
1320
|
+
gradient?: boolean;
|
|
1234
1321
|
error?: string;
|
|
1235
1322
|
help?: string;
|
|
1236
1323
|
id: string;
|
|
@@ -1243,7 +1330,7 @@ type ComboboxFieldProps = {
|
|
|
1243
1330
|
value: string;
|
|
1244
1331
|
onChange: (value: string) => void;
|
|
1245
1332
|
};
|
|
1246
|
-
declare function ComboboxField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange, }: ComboboxFieldProps): react.JSX.Element;
|
|
1333
|
+
declare function ComboboxField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange, radius, transparency, gradient, }: ComboboxFieldProps): react.JSX.Element;
|
|
1247
1334
|
|
|
1248
1335
|
type ShellProps = {
|
|
1249
1336
|
error?: string;
|
|
@@ -1252,6 +1339,9 @@ type ShellProps = {
|
|
|
1252
1339
|
label: string;
|
|
1253
1340
|
labelPosition?: LabelPosition;
|
|
1254
1341
|
mode?: FieldMode;
|
|
1342
|
+
radius?: ControlRadius;
|
|
1343
|
+
transparency?: ControlTransparency;
|
|
1344
|
+
gradient?: boolean;
|
|
1255
1345
|
required?: boolean;
|
|
1256
1346
|
};
|
|
1257
1347
|
|
|
@@ -1261,7 +1351,7 @@ type DateRangeFieldProps = ShellProps & {
|
|
|
1261
1351
|
max?: string;
|
|
1262
1352
|
onChange: (value: DateRangeValue) => void;
|
|
1263
1353
|
};
|
|
1264
|
-
declare function DateRangeField({ error, help, id, label, labelPosition, max, min, mode, required, value, onChange }: DateRangeFieldProps): react.JSX.Element;
|
|
1354
|
+
declare function DateRangeField({ error, help, id, label, labelPosition, max, min, mode, radius, transparency, gradient, required, value, onChange }: DateRangeFieldProps): react.JSX.Element;
|
|
1265
1355
|
|
|
1266
1356
|
type CurrencyFieldProps = ShellProps & {
|
|
1267
1357
|
currency?: string;
|
|
@@ -1269,7 +1359,7 @@ type CurrencyFieldProps = ShellProps & {
|
|
|
1269
1359
|
value: number | null;
|
|
1270
1360
|
onChange: (value: number | null) => void;
|
|
1271
1361
|
};
|
|
1272
|
-
declare function CurrencyField({ currency, error, help, id, label, labelPosition, locale, mode, required, value, onChange }: CurrencyFieldProps): react.JSX.Element;
|
|
1362
|
+
declare function CurrencyField({ currency, error, help, id, label, labelPosition, locale, mode, radius, transparency, gradient, required, value, onChange }: CurrencyFieldProps): react.JSX.Element;
|
|
1273
1363
|
type PercentageFieldProps = ShellProps & {
|
|
1274
1364
|
max?: number;
|
|
1275
1365
|
min?: number;
|
|
@@ -1278,14 +1368,14 @@ type PercentageFieldProps = ShellProps & {
|
|
|
1278
1368
|
onChange: (value: number | null) => void;
|
|
1279
1369
|
};
|
|
1280
1370
|
/** Values are expressed as 0–100, rather than a fractional 0–1 value. */
|
|
1281
|
-
declare function PercentageField({ error, help, id, label, labelPosition, max, min, mode, required, step, value, onChange, }: PercentageFieldProps): react.JSX.Element;
|
|
1371
|
+
declare function PercentageField({ error, help, id, label, labelPosition, max, min, mode, radius, transparency, gradient, required, step, value, onChange, }: PercentageFieldProps): react.JSX.Element;
|
|
1282
1372
|
type MaskedFieldProps = ShellProps & {
|
|
1283
1373
|
mask: string;
|
|
1284
1374
|
placeholder?: string;
|
|
1285
1375
|
value: string;
|
|
1286
1376
|
onChange: (value: string) => void;
|
|
1287
1377
|
};
|
|
1288
|
-
declare function MaskedField({ error, help, id, label, labelPosition, mask, mode, placeholder, required, value, onChange }: MaskedFieldProps): react.JSX.Element;
|
|
1378
|
+
declare function MaskedField({ error, help, id, label, labelPosition, mask, mode, placeholder, radius, transparency, gradient, required, value, onChange }: MaskedFieldProps): react.JSX.Element;
|
|
1289
1379
|
type MultiFileItem = File | {
|
|
1290
1380
|
name: string;
|
|
1291
1381
|
size: number;
|
|
@@ -1296,7 +1386,7 @@ type MultiFileFieldProps = ShellProps & {
|
|
|
1296
1386
|
maxFiles?: number;
|
|
1297
1387
|
onChange: (files: MultiFileItem[]) => void;
|
|
1298
1388
|
};
|
|
1299
|
-
declare function MultiFileField({ accept, error, files, help, id, label, labelPosition, maxFiles, mode, required, onChange }: MultiFileFieldProps): react.JSX.Element;
|
|
1389
|
+
declare function MultiFileField({ accept, error, files, help, id, label, labelPosition, maxFiles, mode, radius, transparency, gradient, required, onChange }: MultiFileFieldProps): react.JSX.Element;
|
|
1300
1390
|
type CheckboxGroupOption = {
|
|
1301
1391
|
disabled?: boolean;
|
|
1302
1392
|
label: string;
|
|
@@ -1307,7 +1397,7 @@ type CheckboxGroupFieldProps = ShellProps & {
|
|
|
1307
1397
|
value: string[];
|
|
1308
1398
|
onChange: (value: string[]) => void;
|
|
1309
1399
|
};
|
|
1310
|
-
declare function CheckboxGroupField({ error, help, id, label, labelPosition, mode, options, required, value, onChange }: CheckboxGroupFieldProps): react.JSX.Element;
|
|
1400
|
+
declare function CheckboxGroupField({ error, help, id, label, labelPosition, mode, options, radius, transparency, gradient, required, value, onChange }: CheckboxGroupFieldProps): react.JSX.Element;
|
|
1311
1401
|
type FormValidationSummaryProps = {
|
|
1312
1402
|
errors: Array<{
|
|
1313
1403
|
fieldId?: string;
|
|
@@ -1350,10 +1440,11 @@ type PanelProps = {
|
|
|
1350
1440
|
description?: string;
|
|
1351
1441
|
divided?: boolean;
|
|
1352
1442
|
footer?: ReactNode;
|
|
1443
|
+
style?: CSSProperties;
|
|
1353
1444
|
title: string;
|
|
1354
1445
|
tone?: SurfaceTone;
|
|
1355
1446
|
};
|
|
1356
|
-
declare function Panel({ actions, bordered, children, density, description, divided, footer, title, tone, }: PanelProps): react.JSX.Element;
|
|
1447
|
+
declare function Panel({ actions, bordered, children, density, description, divided, footer, style, title, tone, }: PanelProps): react.JSX.Element;
|
|
1357
1448
|
|
|
1358
1449
|
type SectionBreakpoint = "mobile" | "tablet" | "desktop";
|
|
1359
1450
|
/** @deprecated Use sidebar + columns instead. Kept for Section.Row shorthand. */
|
|
@@ -3069,6 +3160,9 @@ type AsyncSelectOption = {
|
|
|
3069
3160
|
description?: string;
|
|
3070
3161
|
};
|
|
3071
3162
|
type AsyncSelectFieldProps = {
|
|
3163
|
+
radius?: ControlRadius;
|
|
3164
|
+
transparency?: ControlTransparency;
|
|
3165
|
+
gradient?: boolean;
|
|
3072
3166
|
id: string;
|
|
3073
3167
|
label: string;
|
|
3074
3168
|
value?: AsyncSelectOption | null;
|
|
@@ -3085,7 +3179,7 @@ type AsyncSelectFieldProps = {
|
|
|
3085
3179
|
help?: string;
|
|
3086
3180
|
onChange: (option: AsyncSelectOption | null) => void;
|
|
3087
3181
|
};
|
|
3088
|
-
declare function AsyncSelectField({ id, label, value, defaultOptions, loadOptions, debounceMs, minQueryLength, placeholder, loadingMessage, emptyMessage, disabled, required, error, help, onChange }: AsyncSelectFieldProps): react.JSX.Element;
|
|
3182
|
+
declare function AsyncSelectField({ id, label, value, defaultOptions, loadOptions, debounceMs, minQueryLength, placeholder, loadingMessage, emptyMessage, disabled, required, error, help, radius, transparency, gradient, onChange }: AsyncSelectFieldProps): react.JSX.Element;
|
|
3089
3183
|
|
|
3090
3184
|
type MentionOption = {
|
|
3091
3185
|
id: string;
|
|
@@ -3093,6 +3187,9 @@ type MentionOption = {
|
|
|
3093
3187
|
description?: string;
|
|
3094
3188
|
};
|
|
3095
3189
|
type MentionInputFieldProps = {
|
|
3190
|
+
radius?: ControlRadius;
|
|
3191
|
+
transparency?: ControlTransparency;
|
|
3192
|
+
gradient?: boolean;
|
|
3096
3193
|
autoCapitalize?: string;
|
|
3097
3194
|
autoComplete?: string;
|
|
3098
3195
|
autoCorrect?: "off" | "on";
|
|
@@ -3107,13 +3204,15 @@ type MentionInputFieldProps = {
|
|
|
3107
3204
|
onChange: (value: string) => void;
|
|
3108
3205
|
onMention?: (option: MentionOption) => void;
|
|
3109
3206
|
};
|
|
3110
|
-
declare function MentionInputField({ autoCapitalize, autoComplete, autoCorrect, id, label, name, value, options, trigger, placeholder, spellCheck, onChange, onMention, }: MentionInputFieldProps): react.JSX.Element;
|
|
3207
|
+
declare function MentionInputField({ autoCapitalize, autoComplete, autoCorrect, id, label, name, value, options, trigger, placeholder, spellCheck, onChange, radius, transparency, gradient, onMention, }: MentionInputFieldProps): react.JSX.Element;
|
|
3111
3208
|
|
|
3112
3209
|
type TimeRangeValue = {
|
|
3113
3210
|
start: string;
|
|
3114
3211
|
end: string;
|
|
3115
3212
|
};
|
|
3116
3213
|
type TimeRangeFieldProps = {
|
|
3214
|
+
radius?: ControlRadius;
|
|
3215
|
+
transparency?: ControlTransparency;
|
|
3117
3216
|
id: string;
|
|
3118
3217
|
label: string;
|
|
3119
3218
|
name?: string;
|
|
@@ -3122,7 +3221,7 @@ type TimeRangeFieldProps = {
|
|
|
3122
3221
|
required?: boolean;
|
|
3123
3222
|
onChange: (value: TimeRangeValue) => void;
|
|
3124
3223
|
};
|
|
3125
|
-
declare function TimeRangeField({ id, label, name, value, step, required, onChange, }: TimeRangeFieldProps): react.JSX.Element;
|
|
3224
|
+
declare function TimeRangeField({ id, label, name, value, step, required, onChange, radius, }: TimeRangeFieldProps): react.JSX.Element;
|
|
3126
3225
|
|
|
3127
3226
|
type VirtualListProps<T> = {
|
|
3128
3227
|
items: T[];
|
|
@@ -3754,6 +3853,9 @@ declare function useTileAccentPreference(): {
|
|
|
3754
3853
|
tileAccentStyle: CSSProperties | undefined;
|
|
3755
3854
|
};
|
|
3756
3855
|
type AccentColorPickerProps = {
|
|
3856
|
+
radius?: ControlRadius;
|
|
3857
|
+
transparency?: ControlTransparency;
|
|
3858
|
+
gradient?: boolean;
|
|
3757
3859
|
help?: string;
|
|
3758
3860
|
id: string;
|
|
3759
3861
|
label?: string;
|
|
@@ -3784,7 +3886,7 @@ type AccentColorPickerProps = {
|
|
|
3784
3886
|
onSecondaryChange?: (value: string) => void;
|
|
3785
3887
|
onReset?: () => void;
|
|
3786
3888
|
};
|
|
3787
|
-
declare function AccentColorPicker({ help, id, label, labelPosition, mode, onChange, onSecondaryChange, onReset, primarySectionLabel, secondarySectionLabel, defaultValue, defaultSecondaryValue, secondaryValue, showQuickSwatches, showSecondary, variant, value, }: AccentColorPickerProps): react.JSX.Element;
|
|
3889
|
+
declare function AccentColorPicker({ help, id, label, labelPosition, mode, onChange, onSecondaryChange, onReset, primarySectionLabel, secondarySectionLabel, defaultValue, defaultSecondaryValue, secondaryValue, showQuickSwatches, showSecondary, variant, value, radius, transparency, gradient, }: AccentColorPickerProps): react.JSX.Element;
|
|
3788
3890
|
|
|
3789
3891
|
type CatalogIconProps = {
|
|
3790
3892
|
className?: string;
|
|
@@ -3809,6 +3911,9 @@ type OpusBrandProps = {
|
|
|
3809
3911
|
declare function OpusBrand({ alt, className, src, title, variant, }: OpusBrandProps): react.JSX.Element;
|
|
3810
3912
|
|
|
3811
3913
|
type IconPickerProps = {
|
|
3914
|
+
radius?: ControlRadius;
|
|
3915
|
+
transparency?: ControlTransparency;
|
|
3916
|
+
gradient?: boolean;
|
|
3812
3917
|
help?: string;
|
|
3813
3918
|
id: string;
|
|
3814
3919
|
label?: string;
|
|
@@ -3818,7 +3923,7 @@ type IconPickerProps = {
|
|
|
3818
3923
|
value: string;
|
|
3819
3924
|
onChange: (value: string) => void;
|
|
3820
3925
|
};
|
|
3821
|
-
declare function IconPicker({ help, id, label, labelPosition, mode, onChange, searchPlaceholder, value, }: IconPickerProps): react.JSX.Element;
|
|
3926
|
+
declare function IconPicker({ help, id, label, labelPosition, mode, onChange, searchPlaceholder, value, radius, transparency, gradient, }: IconPickerProps): react.JSX.Element;
|
|
3822
3927
|
|
|
3823
3928
|
type IconBadgeUrgency = "standard" | "danger" | "warning" | "success" | "info";
|
|
3824
3929
|
type IconBadgeProps = {
|
|
@@ -4171,6 +4276,45 @@ type FontPickerProps = {
|
|
|
4171
4276
|
};
|
|
4172
4277
|
declare function FontPicker({ compact, id, onChange, value }: FontPickerProps): react.JSX.Element;
|
|
4173
4278
|
|
|
4279
|
+
type BackgroundBlobPlacement = "absolute" | "fixed";
|
|
4280
|
+
type BackgroundBlobSize = "too-large" | "large" | "medium" | "small";
|
|
4281
|
+
type BackgroundBlobDrift = "a" | "b" | "c" | "a-reverse";
|
|
4282
|
+
type BackgroundBlob = {
|
|
4283
|
+
bottom?: string;
|
|
4284
|
+
drift?: BackgroundBlobDrift;
|
|
4285
|
+
from: string;
|
|
4286
|
+
left?: string;
|
|
4287
|
+
opacity?: number;
|
|
4288
|
+
right?: string;
|
|
4289
|
+
size?: string;
|
|
4290
|
+
to: string;
|
|
4291
|
+
top?: string;
|
|
4292
|
+
};
|
|
4293
|
+
type BackgroundBlobsProps = {
|
|
4294
|
+
/** Animate the colour field. Also respects `prefers-reduced-motion`. */
|
|
4295
|
+
animated?: boolean;
|
|
4296
|
+
/** Brightness multiplier for the colour field. `1` is unchanged. */
|
|
4297
|
+
brightness?: number;
|
|
4298
|
+
/** Gaussian blur radius in pixels. */
|
|
4299
|
+
blur?: number;
|
|
4300
|
+
/** Replace the default four-tone field. */
|
|
4301
|
+
blobs?: BackgroundBlob[];
|
|
4302
|
+
/** Number of generated blobs when `colors` is provided. */
|
|
4303
|
+
count?: number;
|
|
4304
|
+
/** Base colour for each generated blob. */
|
|
4305
|
+
colors?: string[];
|
|
4306
|
+
className?: string;
|
|
4307
|
+
children?: ReactNode;
|
|
4308
|
+
/** Add spacing around children when filling a parent. */
|
|
4309
|
+
padParent?: boolean;
|
|
4310
|
+
/** `fixed` covers the viewport; `absolute` fills a positioned parent. */
|
|
4311
|
+
placement?: BackgroundBlobPlacement;
|
|
4312
|
+
/** Diameter scale. `large` is the original marketing size. */
|
|
4313
|
+
size?: BackgroundBlobSize;
|
|
4314
|
+
};
|
|
4315
|
+
declare const defaultBackgroundBlobs: BackgroundBlob[];
|
|
4316
|
+
declare function BackgroundBlobs({ animated, brightness, blur, blobs, className, children, colors, count, placement, padParent, size, }: BackgroundBlobsProps): react.JSX.Element;
|
|
4317
|
+
|
|
4174
4318
|
/** Maximum coloured orbs this control can show. */
|
|
4175
4319
|
declare const COLOUR_CLOUDS_MAX = 5;
|
|
4176
4320
|
/** One colourable orb. Optional `secondary` makes a split dual-tone cloud. */
|
|
@@ -4251,4 +4395,4 @@ type SankeyLinkDef = {
|
|
|
4251
4395
|
};
|
|
4252
4396
|
declare const demoSankeyLinks: SankeyLinkDef[];
|
|
4253
4397
|
|
|
4254
|
-
export { type AccentColor, AccentColorPicker, type AccentPair, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, ApplicationFooter, type ApplicationFooterAction, type ApplicationFooterProps, ApplicationHeader, type ApplicationHeaderAction, type ApplicationHeaderProfile, type ApplicationHeaderProps, AspectRatio, type AspectRatioProps, Asteroids, type AsteroidsProps, AsyncSelectField, type AsyncSelectFieldProps, type AsyncSelectOption, AudioPlayer, type AudioPlayerProps, type AudioTrack, AuditLog, type AuditLogEntry, type AuditLogProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarShape, type AvatarSize, Badge, type BadgeSize, type BadgeTone, type BadgeVariant, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BulkAction, BulkActionBar, type BulkActionBarProps, Button, type ButtonVariant, COLOUR_CLOUDS_MAX, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, type CarouselProps, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, ChatBubble, type ChatBubbleAlignment, type ChatBubbleAvatar, type ChatBubbleMessage, type ChatBubbleProps, CheckboxField, CheckboxGroupField, type CheckboxGroupFieldProps, type CheckboxGroupOption, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, ChoiceChips, ChoiceChipsField, type ChoiceChipsSelectionMode, type ChoiceChipsVariant, type ChoiceControlSize, type ChoiceOption, type ChoiceShape, Clipboard, ClipboardProvider, Clock, type ClockSize, ColorField, ColorPickerPanel, type ColorPickerPanelProps, type ColourCloud, ColourClouds, type ColourCloudsDesignation, ColourCloudsMenu, type ColourCloudsProps, type ColourCloudsValue, Columns, type ColumnsDirection, type ColumnsProps, ComboboxField, type ComboboxFieldProps, type ComboboxOption, CommandPalette, type CommandPaletteItem, type CompactDocumentNode, type CompactDocumentView, CompactDocuments, type CompactDocumentsProps, type CompanyBranch, CompanyCard, type CompanyCardProps, type CompanyContactPerson, CompanyDetails, type CompanyDetailsAction, type CompanyDetailsCompany, type CompanyDetailsProps, CompanyIdentityCard, type CompanyIdentityCardProps, CompanyLogoUploadModal, type CompanyLogoUploadModalProps, CompanyNotesActivity, type CompanyNotesActivityProps, type CompanyNotesWorkspaceTab, CompanySummaryCard, type CompanySummaryCardProps, type CompanySummaryTab, ContactCard, type ContactCardProps, type ContactCompany, ContactDetails, type ContactDetailsAction, type ContactDetailsContact, type ContactDetailsProps, ContactIdentityCard, type ContactIdentityCardProps, ContactNotesActivity, type ContactNotesActivityProps, type ContactNotesWorkspaceTab, ContactSummaryCard, type ContactSummaryCardProps, type ContactSummaryTab, Container, type ContainerProps, type ContainerSize, ContentTimeline, type ContentTimelineGroup, type ContentTimelineItem, type ContentTimelineStatus, type ContentTimelineTag, ContextMenuProvider, ContextMenuTarget, CopyButton, CountryPickerField, CrmWorkspaceLab, type CrmWorkspaceLabProps, type CrmWorkspaceLabVariant, CurrencyField, type CurrencyFieldProps, CustomScrollbar, type CustomScrollbarOrientation, type CustomScrollbarProps, type CustomScrollbarShape, DEFAULT_FONT_FAMILY, DEFAULT_NOTE_TAG_OPTIONS, DEFAULT_TOAST_DURATION_MS, DashboardContentContainer, type DashboardContentContainerProps, type DashboardContentContainerWidth, DataGrid, type DataGridColumn, type DataGridLayout, type DataGridPivotConfig, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateFieldProps, type DateInputType, DatePickerPanel, type DatePickerPanelProps, type DatePickerPanelRangeProps, type DatePickerPanelSingleProps, type DateRangeValue as DatePickerRangeValue, DateRangeField, type DateRangeFieldProps, type DateRangeRecurrenceValue, type DateRangeValue, DealsOverTime, type DealsOverTimePoint, type DealsOverTimeProps, DescriptionList, type DescriptionListItem, type DescriptionListLayout, Desktop, DesktopDock, type DesktopDockItem, type DesktopDockProps, DesktopIcon, type DesktopIconProps, type DesktopIconTone, DesktopLab, type DesktopLabProps, type DesktopProps, type DesktopShortcut, DesktopWindow, type DesktopWindowItem, type DesktopWindowProps, type DesktopWindowRect, Dialog, type DialogAction, type DialogActionSet, type DialogProps, type DialogResult, DiffViewer, type DiffViewerProps, type DiffViewerView, Divider, type DividerOrientation, type DividerTone, DockLayout, type DockLayoutProps, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, DualListBuilder, type DualListBuilderProps, type DualListItem, EditableDataTable, type EditableDataTableColumn, type EditableDataTableProps, type EditableDataTableRow, type EditableTableValue, type ElementSize, EmojiPicker, type EmojiPickerPlacement, type EmojiPickerProps, EmptyState, type EmptyStateIcon, FLIP_CLOCK_FRAME_RATE, FONT_STORAGE_KEY, type FieldMode, FieldShell, FileField, FileManager, type FileManagerEntry, type FileManagerProps, FilterBuilder, type FilterBuilderProps, type FilterCondition, type FilterOperator, FilterSelectField, type FilterSelectGroup, FlipClock, type FlipClockSize, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, type FloatingActionButtonSize, FocusTrap, FontPicker, Form, FormActions, type FormFieldState, type FormFieldValue, FormHeader, type FormHeaderProps, FormSection, FormStateProvider, type FormStateProviderProps, type FormStateValidator, FormValidationSummary, type FormValidationSummaryProps, type FormValues, FormWizard, type FormWizardProps, type FormWizardStep, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, type GoogleFontFamily, Grid, type GridProps, Heading, type HeadingLevel, type HeadingPadding, type HeadingProps, type HeadingSize, type HeadingWeight, HiddenField, type HotkeyCombo, HotkeyManager, Icon, IconBadge, type IconBadgeProps, type IconBadgeUrgency, IconPicker, type IconSize, type IconTone, ImageCropUploadField, type ImageCropUploadFieldProps, type ImageCropUploadResult, ImageCropUploadWidget, type ImageCropUploadWidgetProps, ImageGallery, ImageThumbnail, type ImageThumbnailSize, InfiniteSelectableList, type InfiniteSelectableListItemState, type InfiniteSelectableListProps, type InfiniteSelectableListSelectionContext, type InfiniteSelectableListSelectionIndicator, type InfiniteSelectableListSelectionReason, type InputControlSize, IntersectionObserver, JetSetWilly, type JetSetWillyProps, JsonViewer, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, KeyboardShortcut, type KeyboardShortcutSize, type LabelPosition, Lightbox, List, type ListItem, Map, type MapCoordinate, type MapMarker, type MapProps, MaskedField, type MaskedFieldProps, MasonryGrid, type MasonryGridItem, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuProps, type MegaMenuSection, MentionInputField, type MentionInputFieldProps, type MentionOption, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MoreActionsMenu, type MoreActionsMenuItem, type MoreActionsMenuProps, MultiFileField, type MultiFileFieldProps, type MultiFileItem, MultiSelectField, type NativeInputProps, type NativeTextAreaProps, NavigationRail, type NavigationRailItem, type NavigationRailProps, NoteComposer, type NoteComposerProps, NoteTag, NoteTagList, type NoteTagOption, NoteTagPicker, type NoteTagTone, NotesActivity, type NotesActivityItem, type NotesActivityProps, type NotesActivityTag, type NotesActivityTagTone, NumberField, OpusBrand, type OpusBrandProps, type OpusBrandVariant, OpusDateInput, type OpusDateInputProps, OpusDateRangeInput, type OpusDateRangeInputProps, OpusThemeProvider, OtpField, type OtpFieldProps, PacMan, type PacManProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Panel, type PasswordRequirement, PasswordStrengthField, PercentageField, type PercentageFieldProps, type PermissionLevel, PermissionsMatrix, type PermissionsMatrixProps, PersistentVideoPlayer, type PersistentVideoPlayerProps, PersistentVideoPlayerProvider, type PersistentVideoPlayerProviderProps, type PhoneCountry, PhoneNumberField, PipelineOverview, type PipelineOverviewProps, type PipelineStage, Popover, type PopoverPlacement, Portal, PortalHost, ProductTour, type ProductTourProps, type ProductTourStep, ProfilePhotoUploadModal, ProgressBar, ProgressRing, PropertyGrid, type PropertyGridItem, type PropertyGridProps, PropertyInspector, type PropertyInspectorItem, type PropertyInspectorValue, QueryBuilder, type QueryBuilderProps, type QueryCombinator, type QueryGroup, type QueryOperator, type QueryRule, Radio, RadioGroup, RangeField, RatingField, type RatingVariant, RecentActivity, type RecentActivityItem, type RecentActivityProps, RecurrenceEditor, type RecurrenceEditorProps, type RecurrenceFrequency, type RecurrenceValue, type RepeatingRecurrenceValue, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleBackground, type ResizeHandleHeight, type ResizeHandleOrientation, type ResizeHandleProps, ResizeObserver, ResourcePlanner, type ResourcePlannerItem, type ResourcePlannerProps, type ResourcePlannerResource, RichTextField, RuleBuilder, type RuleBuilderProps, type RuleDefinition, type RuleEffect, type SaveState, SaveStateIndicator, type SaveStateIndicatorProps, Scheduler, type SchedulerEvent, type SchedulerProps, ScrollArea, type ScrollAreaProps, Section, type SectionAlign, type SectionColumns, type SectionGap, type SectionJustify, type SectionLayoutPreset, type SectionSidebar, type SectionSidebarRatio, type SectionSpan, type SectionStackBelow, type SectionTemplate, type SectionWidth, SegmentedControlField, SelectField, ShowMore, type ShowToastOptions, Sidebar, SidebarGroup, SidebarHeader, SidebarLayout, SidebarLink, type SidebarMenuGroupItem, type SidebarMenuItem, type SidebarMenuLinkItem, SidebarNav, type SidebarProps, type SidebarSide, SignaturePad, type SignaturePadProps, Skeleton, type SkeletonAnimation, type SkeletonVariant, SliderRangeField, Spacer, type SpacerProps, type SpacerSize, Sparkline, Speedometer, Spinner, type SpinnerSize, type SpinnerTone, SplitButton, type SplitButtonAction, type SplitButtonProps, Splitter, type SplitterOrientation, type SplitterProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, StatCard, type StatCardTrend, StatTile, type StatTileItem, type StatTileProps, type StatTileTone, type StatTileTrend, type StatTileTrendTone, StatTiles, type StatTilesProps, Statistic, type StatisticTrend, StatusIndicator, type StatusIndicatorState, type SurfaceDensity, type SurfaceTone, SwitchField, SyntaxHighlighter, type SyntaxHighlighterProps, type TabItem, Table, type TableColumn, type TableDensity, type TableRow, Tabs, type TabsOrientation, type TabsPanelMode, type TabsVariant, Text, TextAreaField, type TextAreaFieldProps, type TextElement, type TextEntryBehaviourProps, TextField, type TextFieldProps, TextMarquee, type TextMarqueeDirection, type TextMarqueeProps, type TextPadding, type TextProps, type TextSize, type TextWeight, type Theme, OpusThemeProvider as ThemeProvider, ThemeSwitcher, ThemeToggleField, ThreePaneLayout, type ThreePaneLayoutProps, type ThreePaneLayoutSize, Tile, type TileItem, type TileProps, type TileTone, Tiles, type TilesLayout, type TilesProps, TimeRangeField, type TimeRangeFieldProps, type TimeRangeValue, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Toolbar, type ToolbarProps, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, type TopPerformingUserItem, TopPerformingUsers, type TopPerformingUsersProps, TransferListField, TreeMenu, type TreeMenuNode, type TreeMenuProps, TreeSelectField, type TreeSelectNode, TreeView, type TreeViewNode, TrendBadge, type TrendBadgeDirection, type UpcomingTaskItem, UpcomingTasks, type UpcomingTasksProps, UploadQueue, type UploadQueueItem, type UploadQueueProps, type UseFormStateOptions, type UseFormStateResult, type UserProfileMenuItem, type UserProfilePhotoUploadOptions, UserProfileWidget, type UserProfileWidgetProps, VideoPlayer, type VideoPlayerProps, type VideoTrack, VirtualList, type VirtualListProps, VisuallyHidden, type WelcomeGreeting, WelcomeMessage, type WelcomeMessageProps, accentColors, accentPairs, accentPalette, accentPrimaryColors, accentSecondaryColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, createColourCloudsDesignation, createTileAccentStyle, defaultCompany, defaultCompanyContacts, defaultCompanyNotes, defaultContact, defaultContactNotes, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, fontStack, formatDateRangeDisplay, getPrimaryBranch, getPrimaryCompany, getWelcomeGreeting, googleFonts, parseColourClouds, countries as phoneCountries, resolveCompanyDetailsCompany, resolveContactDetailsContact, serializeColourClouds, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useFontPreference, useFormState, useFormStateContext, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useTileAccentPreference, useToast, useTopNavigation, worldMapRegionIds };
|
|
4398
|
+
export { type AccentColor, AccentColorPicker, type AccentPair, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, ApplicationFooter, type ApplicationFooterAction, type ApplicationFooterProps, ApplicationHeader, type ApplicationHeaderAction, type ApplicationHeaderProfile, type ApplicationHeaderProps, AspectRatio, type AspectRatioProps, Asteroids, type AsteroidsProps, AsyncSelectField, type AsyncSelectFieldProps, type AsyncSelectOption, AudioPlayer, type AudioPlayerProps, type AudioTrack, AuditLog, type AuditLogEntry, type AuditLogProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarShape, type AvatarSize, type BackgroundBlob, type BackgroundBlobDrift, type BackgroundBlobPlacement, type BackgroundBlobSize, BackgroundBlobs, type BackgroundBlobsProps, Badge, type BadgeSize, type BadgeTone, type BadgeVariant, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BulkAction, BulkActionBar, type BulkActionBarProps, Button, type ButtonVariant, COLOUR_CLOUDS_MAX, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, type CarouselProps, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, ChatBubble, type ChatBubbleAlignment, type ChatBubbleAvatar, type ChatBubbleMessage, type ChatBubbleProps, CheckboxField, CheckboxGroupField, type CheckboxGroupFieldProps, type CheckboxGroupOption, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, ChoiceChips, ChoiceChipsField, type ChoiceChipsSelectionMode, type ChoiceChipsVariant, type ChoiceControlSize, type ChoiceOption, type ChoiceShape, Clipboard, ClipboardProvider, Clock, type ClockSize, ColorField, ColorPickerPanel, type ColorPickerPanelProps, type ColourCloud, ColourClouds, type ColourCloudsDesignation, ColourCloudsMenu, type ColourCloudsProps, type ColourCloudsValue, Columns, type ColumnsDirection, type ColumnsProps, ComboboxField, type ComboboxFieldProps, type ComboboxOption, CommandPalette, type CommandPaletteItem, type CompactDocumentNode, type CompactDocumentView, CompactDocuments, type CompactDocumentsProps, type CompanyBranch, CompanyCard, type CompanyCardProps, type CompanyContactPerson, CompanyDetails, type CompanyDetailsAction, type CompanyDetailsCompany, type CompanyDetailsProps, CompanyIdentityCard, type CompanyIdentityCardProps, CompanyLogoUploadModal, type CompanyLogoUploadModalProps, CompanyNotesActivity, type CompanyNotesActivityProps, type CompanyNotesWorkspaceTab, CompanySummaryCard, type CompanySummaryCardProps, type CompanySummaryTab, ContactCard, type ContactCardProps, type ContactCompany, ContactDetails, type ContactDetailsAction, type ContactDetailsContact, type ContactDetailsProps, ContactIdentityCard, type ContactIdentityCardProps, ContactNotesActivity, type ContactNotesActivityProps, type ContactNotesWorkspaceTab, ContactSummaryCard, type ContactSummaryCardProps, type ContactSummaryTab, Container, type ContainerProps, type ContainerSize, ContentTimeline, type ContentTimelineGroup, type ContentTimelineItem, type ContentTimelineStatus, type ContentTimelineTag, ContextMenuProvider, ContextMenuTarget, type ControlRadius, type ControlTransparency, CopyButton, CountryPickerField, CrmWorkspaceLab, type CrmWorkspaceLabProps, type CrmWorkspaceLabVariant, CurrencyField, type CurrencyFieldProps, CustomScrollbar, type CustomScrollbarOrientation, type CustomScrollbarProps, type CustomScrollbarShape, DEFAULT_FONT_FAMILY, DEFAULT_NOTE_TAG_OPTIONS, DEFAULT_TOAST_DURATION_MS, DashboardContentContainer, type DashboardContentContainerProps, type DashboardContentContainerWidth, DataGrid, type DataGridColumn, type DataGridLayout, type DataGridPivotConfig, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateFieldProps, type DateInputType, DatePickerPanel, type DatePickerPanelProps, type DatePickerPanelRangeProps, type DatePickerPanelSingleProps, type DateRangeValue as DatePickerRangeValue, DateRangeField, type DateRangeFieldProps, type DateRangeRecurrenceValue, type DateRangeValue, DealsOverTime, type DealsOverTimePoint, type DealsOverTimeProps, DescriptionList, type DescriptionListItem, type DescriptionListLayout, Desktop, DesktopDock, type DesktopDockItem, type DesktopDockProps, DesktopIcon, type DesktopIconProps, type DesktopIconTone, DesktopLab, type DesktopLabProps, type DesktopProps, type DesktopShortcut, DesktopWindow, type DesktopWindowItem, type DesktopWindowProps, type DesktopWindowRect, Dialog, type DialogAction, type DialogActionSet, type DialogProps, type DialogResult, DiffViewer, type DiffViewerProps, type DiffViewerView, Divider, type DividerOrientation, type DividerTone, DockLayout, type DockLayoutProps, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, DualListBuilder, type DualListBuilderProps, type DualListItem, EditableDataTable, type EditableDataTableColumn, type EditableDataTableProps, type EditableDataTableRow, type EditableTableValue, type ElementSize, EmojiPicker, type EmojiPickerPlacement, type EmojiPickerProps, EmptyState, type EmptyStateIcon, FLIP_CLOCK_FRAME_RATE, FONT_STORAGE_KEY, type FieldMode, FieldShell, FileField, FileManager, type FileManagerEntry, type FileManagerProps, FilterBuilder, type FilterBuilderProps, type FilterCondition, type FilterOperator, FilterSelectField, type FilterSelectGroup, FlipClock, type FlipClockSize, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, type FloatingActionButtonSize, FocusTrap, FontPicker, Form, FormActions, type FormFieldState, type FormFieldValue, FormHeader, type FormHeaderProps, FormSection, FormStateProvider, type FormStateProviderProps, type FormStateValidator, FormValidationSummary, type FormValidationSummaryProps, type FormValues, FormWizard, type FormWizardProps, type FormWizardStep, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, type GoogleFontFamily, Grid, type GridProps, Heading, type HeadingLevel, type HeadingPadding, type HeadingProps, type HeadingSize, type HeadingWeight, HiddenField, type HotkeyCombo, HotkeyManager, Icon, IconBadge, type IconBadgeProps, type IconBadgeUrgency, IconPicker, type IconSize, type IconTone, ImageCropUploadField, type ImageCropUploadFieldProps, type ImageCropUploadResult, ImageCropUploadWidget, type ImageCropUploadWidgetProps, ImageGallery, ImageThumbnail, type ImageThumbnailSize, InfiniteSelectableList, type InfiniteSelectableListItemState, type InfiniteSelectableListProps, type InfiniteSelectableListSelectionContext, type InfiniteSelectableListSelectionIndicator, type InfiniteSelectableListSelectionReason, type InputControlSize, IntersectionObserver, JetSetWilly, type JetSetWillyProps, JsonViewer, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, KeyboardShortcut, type KeyboardShortcutSize, type LabelPosition, Lightbox, List, type ListItem, Map, type MapCoordinate, type MapMarker, type MapProps, MaskedField, type MaskedFieldProps, MasonryGrid, type MasonryGridItem, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuProps, type MegaMenuSection, MentionInputField, type MentionInputFieldProps, type MentionOption, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MoreActionsMenu, type MoreActionsMenuItem, type MoreActionsMenuProps, MultiFileField, type MultiFileFieldProps, type MultiFileItem, MultiSelectField, type NativeInputProps, type NativeTextAreaProps, NavigationRail, type NavigationRailItem, type NavigationRailProps, NoteComposer, type NoteComposerProps, NoteTag, NoteTagList, type NoteTagOption, NoteTagPicker, type NoteTagTone, NotesActivity, type NotesActivityItem, type NotesActivityProps, type NotesActivityTag, type NotesActivityTagTone, NumberField, OpusBrand, type OpusBrandProps, type OpusBrandVariant, OpusDateInput, type OpusDateInputProps, OpusDateRangeInput, type OpusDateRangeInputProps, OpusThemeProvider, OtpField, type OtpFieldProps, PacMan, type PacManProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Panel, type PasswordRequirement, PasswordStrengthField, PercentageField, type PercentageFieldProps, type PermissionLevel, PermissionsMatrix, type PermissionsMatrixProps, PersistentVideoPlayer, type PersistentVideoPlayerProps, PersistentVideoPlayerProvider, type PersistentVideoPlayerProviderProps, type PhoneCountry, PhoneNumberField, PipelineOverview, type PipelineOverviewProps, type PipelineStage, Popover, type PopoverPlacement, Portal, PortalHost, ProductTour, type ProductTourProps, type ProductTourStep, ProfilePhotoUploadModal, ProgressBar, ProgressRing, PropertyGrid, type PropertyGridItem, type PropertyGridProps, PropertyInspector, type PropertyInspectorItem, type PropertyInspectorValue, QueryBuilder, type QueryBuilderProps, type QueryCombinator, type QueryGroup, type QueryOperator, type QueryRule, Radio, RadioGroup, RangeField, RatingField, type RatingVariant, RecentActivity, type RecentActivityItem, type RecentActivityProps, RecurrenceEditor, type RecurrenceEditorProps, type RecurrenceFrequency, type RecurrenceValue, type RepeatingRecurrenceValue, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleBackground, type ResizeHandleHeight, type ResizeHandleOrientation, type ResizeHandleProps, ResizeObserver, ResourcePlanner, type ResourcePlannerItem, type ResourcePlannerProps, type ResourcePlannerResource, RichTextField, RuleBuilder, type RuleBuilderProps, type RuleDefinition, type RuleEffect, type SaveState, SaveStateIndicator, type SaveStateIndicatorProps, Scheduler, type SchedulerEvent, type SchedulerProps, ScrollArea, type ScrollAreaProps, Section, type SectionAlign, type SectionColumns, type SectionGap, type SectionJustify, type SectionLayoutPreset, type SectionSidebar, type SectionSidebarRatio, type SectionSpan, type SectionStackBelow, type SectionTemplate, type SectionWidth, SegmentedControlField, SelectField, ShowMore, type ShowToastOptions, Sidebar, SidebarGroup, SidebarHeader, SidebarLayout, SidebarLink, type SidebarMenuGroupItem, type SidebarMenuItem, type SidebarMenuLinkItem, SidebarNav, type SidebarProps, type SidebarSide, SignaturePad, type SignaturePadProps, Skeleton, type SkeletonAnimation, type SkeletonVariant, SliderRangeField, Spacer, type SpacerProps, type SpacerSize, Sparkline, Speedometer, Spinner, type SpinnerSize, type SpinnerTone, SplitButton, type SplitButtonAction, type SplitButtonProps, Splitter, type SplitterOrientation, type SplitterProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, StatCard, type StatCardTrend, StatTile, type StatTileItem, type StatTileProps, type StatTileTone, type StatTileTrend, type StatTileTrendTone, StatTiles, type StatTilesProps, Statistic, type StatisticTrend, StatusIndicator, type StatusIndicatorState, type SurfaceDensity, type SurfaceTone, SwitchField, SyntaxHighlighter, type SyntaxHighlighterProps, type TabItem, Table, type TableColumn, type TableDensity, type TableRow, Tabs, type TabsOrientation, type TabsPanelMode, type TabsVariant, Text, TextAreaField, type TextAreaFieldProps, type TextElement, type TextEntryBehaviourProps, TextField, type TextFieldProps, TextMarquee, type TextMarqueeDirection, type TextMarqueeProps, type TextPadding, type TextProps, type TextSize, type TextWeight, type Theme, OpusThemeProvider as ThemeProvider, ThemeSwitcher, ThemeToggleField, ThreePaneLayout, type ThreePaneLayoutProps, type ThreePaneLayoutSize, Tile, type TileItem, type TileProps, type TileTone, Tiles, type TilesLayout, type TilesProps, TimeRangeField, type TimeRangeFieldProps, type TimeRangeValue, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Toolbar, type ToolbarProps, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, type TopPerformingUserItem, TopPerformingUsers, type TopPerformingUsersProps, TransferListField, TreeMenu, type TreeMenuNode, type TreeMenuProps, TreeSelectField, type TreeSelectNode, TreeView, type TreeViewNode, TrendBadge, type TrendBadgeDirection, type UpcomingTaskItem, UpcomingTasks, type UpcomingTasksProps, UploadQueue, type UploadQueueItem, type UploadQueueProps, type UseFormStateOptions, type UseFormStateResult, type UserProfileMenuItem, type UserProfilePhotoUploadOptions, UserProfileWidget, type UserProfileWidgetProps, VideoPlayer, type VideoPlayerProps, type VideoTrack, VirtualList, type VirtualListProps, VisuallyHidden, type WelcomeGreeting, WelcomeMessage, type WelcomeMessageProps, accentColors, accentPairs, accentPalette, accentPrimaryColors, accentSecondaryColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, createColourCloudsDesignation, createTileAccentStyle, defaultBackgroundBlobs, defaultCompany, defaultCompanyContacts, defaultCompanyNotes, defaultContact, defaultContactNotes, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, fontStack, formatDateRangeDisplay, getPrimaryBranch, getPrimaryCompany, getWelcomeGreeting, googleFonts, parseColourClouds, countries as phoneCountries, resolveCompanyDetailsCompany, resolveContactDetailsContact, serializeColourClouds, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useFontPreference, useFormState, useFormStateContext, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useTileAccentPreference, useToast, useTopNavigation, worldMapRegionIds };
|