@wistia/ui 0.18.14-beta.cfcb41da.a0c17d8 → 0.18.14-beta.e9acbfe3.e18434d
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 +49 -14
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +14 -1
- package/dist/index.d.ts +14 -1
- package/dist/index.mjs +48 -14
- package/dist/index.mjs.map +1 -1
- package/package.json +7 -7
package/dist/index.d.mts
CHANGED
|
@@ -4367,4 +4367,17 @@ declare const SplitButton: {
|
|
|
4367
4367
|
displayName: string;
|
|
4368
4368
|
};
|
|
4369
4369
|
|
|
4370
|
-
|
|
4370
|
+
type CustomizableTokens = '--wui-color-backdrop' | '--wui-color-bg-app' | '--wui-color-bg-fill-active' | '--wui-color-bg-fill-hover' | '--wui-color-bg-fill-white ' | '--wui-color-bg-fill' | '--wui-color-bg-surface-active' | '--wui-color-bg-surface-disabled' | '--wui-color-bg-surface-hover' | '--wui-color-bg-surface-secondary-active' | '--wui-color-bg-surface-secondary-hover' | '--wui-color-bg-surface-secondary' | '--wui-color-bg-surface-selected-active' | '--wui-color-bg-surface-selected-hover' | '--wui-color-bg-surface-selected' | '--wui-color-bg-surface-tertiary' | '--wui-color-bg-surface' | '--wui-color-bg-tooltip' | '--wui-color-border-active-selected' | '--wui-color-border-active' | '--wui-color-border-disabled' | '--wui-color-border-hover-selected' | '--wui-color-border-hover' | '--wui-color-border-secondary-active' | '--wui-color-border-secondary-hover' | '--wui-color-border-secondary' | '--wui-color-border-selected' | '--wui-color-border' | '--wui-color-drop-shadow' | '--wui-color-focus-color' | '--wui-color-focus-ring-disabled' | '--wui-color-focus-ring' | '--wui-color-icon-disabled' | '--wui-color-icon-on-fill' | '--wui-color-icon-selected' | '--wui-color-icon' | '--wui-color-invalid-indicator' | '--wui-color-notification-pill-color' | '--wui-color-segmented-control-checked-background' | '--wui-color-text-button' | '--wui-color-text-disabled' | '--wui-color-text-link' | '--wui-color-text-on-fill-white-selected' | '--wui-color-text-on-fill' | '--wui-color-text-secondary' | '--wui-color-text-selected' | '--wui-color-text';
|
|
4371
|
+
type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
|
|
4372
|
+
children: ReactNode;
|
|
4373
|
+
overrides: Partial<Record<CustomizableTokens, number | string>>;
|
|
4374
|
+
};
|
|
4375
|
+
/**
|
|
4376
|
+
* Component description goes here
|
|
4377
|
+
*/
|
|
4378
|
+
declare const CustomizableThemeWrapper: {
|
|
4379
|
+
({ children, overrides, ...props }: CustomizableThemeWrapperProps): JSX.Element;
|
|
4380
|
+
displayName: string;
|
|
4381
|
+
};
|
|
4382
|
+
|
|
4383
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, BannerImage, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, ModalCallout, ModalCallouts, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -4367,4 +4367,17 @@ declare const SplitButton: {
|
|
|
4367
4367
|
displayName: string;
|
|
4368
4368
|
};
|
|
4369
4369
|
|
|
4370
|
-
|
|
4370
|
+
type CustomizableTokens = '--wui-color-backdrop' | '--wui-color-bg-app' | '--wui-color-bg-fill-active' | '--wui-color-bg-fill-hover' | '--wui-color-bg-fill-white ' | '--wui-color-bg-fill' | '--wui-color-bg-surface-active' | '--wui-color-bg-surface-disabled' | '--wui-color-bg-surface-hover' | '--wui-color-bg-surface-secondary-active' | '--wui-color-bg-surface-secondary-hover' | '--wui-color-bg-surface-secondary' | '--wui-color-bg-surface-selected-active' | '--wui-color-bg-surface-selected-hover' | '--wui-color-bg-surface-selected' | '--wui-color-bg-surface-tertiary' | '--wui-color-bg-surface' | '--wui-color-bg-tooltip' | '--wui-color-border-active-selected' | '--wui-color-border-active' | '--wui-color-border-disabled' | '--wui-color-border-hover-selected' | '--wui-color-border-hover' | '--wui-color-border-secondary-active' | '--wui-color-border-secondary-hover' | '--wui-color-border-secondary' | '--wui-color-border-selected' | '--wui-color-border' | '--wui-color-drop-shadow' | '--wui-color-focus-color' | '--wui-color-focus-ring-disabled' | '--wui-color-focus-ring' | '--wui-color-icon-disabled' | '--wui-color-icon-on-fill' | '--wui-color-icon-selected' | '--wui-color-icon' | '--wui-color-invalid-indicator' | '--wui-color-notification-pill-color' | '--wui-color-segmented-control-checked-background' | '--wui-color-text-button' | '--wui-color-text-disabled' | '--wui-color-text-link' | '--wui-color-text-on-fill-white-selected' | '--wui-color-text-on-fill' | '--wui-color-text-secondary' | '--wui-color-text-selected' | '--wui-color-text';
|
|
4371
|
+
type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
|
|
4372
|
+
children: ReactNode;
|
|
4373
|
+
overrides: Partial<Record<CustomizableTokens, number | string>>;
|
|
4374
|
+
};
|
|
4375
|
+
/**
|
|
4376
|
+
* Component description goes here
|
|
4377
|
+
*/
|
|
4378
|
+
declare const CustomizableThemeWrapper: {
|
|
4379
|
+
({ children, overrides, ...props }: CustomizableThemeWrapperProps): JSX.Element;
|
|
4380
|
+
displayName: string;
|
|
4381
|
+
};
|
|
4382
|
+
|
|
4383
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, BannerImage, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, ModalCallout, ModalCallouts, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.18.14-beta.
|
|
3
|
+
* @license @wistia/ui v0.18.14-beta.e9acbfe3.e18434d
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -18,8 +18,6 @@ import { createGlobalStyle } from "styled-components";
|
|
|
18
18
|
// src/css/globalStyleAdjustmentsCss.tsx
|
|
19
19
|
import { css } from "styled-components";
|
|
20
20
|
var globalStyleAdjustmentsCss = css`
|
|
21
|
-
/* stylelint-disable property-no-vendor-prefix */
|
|
22
|
-
|
|
23
21
|
/**
|
|
24
22
|
* 1. Change from 'content-box' so that 'width' calculations are unaffected by 'padding' or 'border'
|
|
25
23
|
See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
|
|
@@ -8061,7 +8059,7 @@ var StyledActionButton = styled7(Button)`
|
|
|
8061
8059
|
min-width: 96px;
|
|
8062
8060
|
padding: var(--wui-space-03);
|
|
8063
8061
|
background: var(--wui-color-bg-surface-secondary);
|
|
8064
|
-
|
|
8062
|
+
row-gap: var(--wui-space-02);
|
|
8065
8063
|
border-radius: var(--wui-border-radius-03);
|
|
8066
8064
|
flex: 0 0 auto;
|
|
8067
8065
|
transition: background-color var(--wui-motion-duration-02) var(--wui-motion-ease);
|
|
@@ -10184,9 +10182,9 @@ var isClickableElement = (element) => {
|
|
|
10184
10182
|
};
|
|
10185
10183
|
var ClickRegion = ({ children, targetRef }) => {
|
|
10186
10184
|
useEffect9(() => {
|
|
10187
|
-
if (targetRef.current
|
|
10185
|
+
if (targetRef.current?.tagName === "A") {
|
|
10188
10186
|
targetRef.current.setAttribute("data-click-region-target-link", "");
|
|
10189
|
-
} else if (targetRef.current
|
|
10187
|
+
} else if (targetRef.current?.tagName === "BUTTON") {
|
|
10190
10188
|
targetRef.current.setAttribute("data-click-region-target-button", "");
|
|
10191
10189
|
} else {
|
|
10192
10190
|
}
|
|
@@ -12294,7 +12292,9 @@ var Root = styled48(SliderRoot)`
|
|
|
12294
12292
|
var Track = styled48(SliderTrack)`
|
|
12295
12293
|
width: 100%;
|
|
12296
12294
|
`;
|
|
12297
|
-
var Thumb = styled48(SliderThumb)
|
|
12295
|
+
var Thumb = styled48(SliderThumb)`
|
|
12296
|
+
position: relative;
|
|
12297
|
+
`;
|
|
12298
12298
|
var ThumbInner = styled48.div`
|
|
12299
12299
|
cursor: pointer;
|
|
12300
12300
|
display: block;
|
|
@@ -13532,8 +13532,12 @@ MenuItemButton.displayName = "MenuItemButton_UI";
|
|
|
13532
13532
|
// src/components/Menu/MenuItemLabelDescription.tsx
|
|
13533
13533
|
import { styled as styled56 } from "styled-components";
|
|
13534
13534
|
import { jsx as jsx269 } from "react/jsx-runtime";
|
|
13535
|
-
var StyledMenuItemLabel = styled56.span
|
|
13536
|
-
|
|
13535
|
+
var StyledMenuItemLabel = styled56.span`
|
|
13536
|
+
/* avoid no-empty-source rule */
|
|
13537
|
+
`;
|
|
13538
|
+
var StyledMenuItemDescription = styled56(Text)`
|
|
13539
|
+
/* avoid no-empty-source rule */
|
|
13540
|
+
`;
|
|
13537
13541
|
var MenuItemLabel = ({ children }) => {
|
|
13538
13542
|
return /* @__PURE__ */ jsx269(StyledMenuItemLabel, { children });
|
|
13539
13543
|
};
|
|
@@ -14665,7 +14669,8 @@ var StyledEditableTextDisplay = styled66.div`
|
|
|
14665
14669
|
${({ $minLines }) => isNotNil26($minLines) && css35`
|
|
14666
14670
|
min-height: calc(${$minLines}lh + calc(var(--wui-editable-text-padding) * 2));
|
|
14667
14671
|
`}
|
|
14668
|
-
word-break:
|
|
14672
|
+
word-break: normal;
|
|
14673
|
+
overflow-wrap: anywhere;
|
|
14669
14674
|
|
|
14670
14675
|
&[data-wui-editable-text-display='placeholder'] {
|
|
14671
14676
|
color: var(--wui-color-text-secondary);
|
|
@@ -17618,7 +17623,9 @@ var TableSectionContext = createContext11(null);
|
|
|
17618
17623
|
|
|
17619
17624
|
// src/components/Table/TableBody.tsx
|
|
17620
17625
|
import { jsx as jsx323 } from "react/jsx-runtime";
|
|
17621
|
-
var StyledTableBody = styled98.tbody
|
|
17626
|
+
var StyledTableBody = styled98.tbody`
|
|
17627
|
+
width: 100%;
|
|
17628
|
+
`;
|
|
17622
17629
|
var TableBody = ({ children, ...props }) => {
|
|
17623
17630
|
return /* @__PURE__ */ jsx323(TableSectionContext.Provider, { value: "body", children: /* @__PURE__ */ jsx323(StyledTableBody, { ...props, children }) });
|
|
17624
17631
|
};
|
|
@@ -17655,7 +17662,9 @@ var TableCell = ({ children, ...props }) => {
|
|
|
17655
17662
|
// src/components/Table/TableFoot.tsx
|
|
17656
17663
|
import { styled as styled100 } from "styled-components";
|
|
17657
17664
|
import { jsx as jsx325 } from "react/jsx-runtime";
|
|
17658
|
-
var StyledTableFoot = styled100.tfoot
|
|
17665
|
+
var StyledTableFoot = styled100.tfoot`
|
|
17666
|
+
width: 100%;
|
|
17667
|
+
`;
|
|
17659
17668
|
var TableFoot = ({ children, ...props }) => {
|
|
17660
17669
|
return /* @__PURE__ */ jsx325(TableSectionContext.Provider, { value: "footer", children: /* @__PURE__ */ jsx325(StyledTableFoot, { ...props, children }) });
|
|
17661
17670
|
};
|
|
@@ -17663,7 +17672,9 @@ var TableFoot = ({ children, ...props }) => {
|
|
|
17663
17672
|
// src/components/Table/TableHead.tsx
|
|
17664
17673
|
import { styled as styled101 } from "styled-components";
|
|
17665
17674
|
import { jsx as jsx326 } from "react/jsx-runtime";
|
|
17666
|
-
var StyledThead = styled101.thead
|
|
17675
|
+
var StyledThead = styled101.thead`
|
|
17676
|
+
width: 100%;
|
|
17677
|
+
`;
|
|
17667
17678
|
var TableHead = ({ children, ...props }) => {
|
|
17668
17679
|
return /* @__PURE__ */ jsx326(TableSectionContext.Provider, { value: "head", children: /* @__PURE__ */ jsx326(StyledThead, { ...props, children }) });
|
|
17669
17680
|
};
|
|
@@ -17671,7 +17682,9 @@ var TableHead = ({ children, ...props }) => {
|
|
|
17671
17682
|
// src/components/Table/TableRow.tsx
|
|
17672
17683
|
import { styled as styled102 } from "styled-components";
|
|
17673
17684
|
import { jsx as jsx327 } from "react/jsx-runtime";
|
|
17674
|
-
var StyledTableRow = styled102.tr
|
|
17685
|
+
var StyledTableRow = styled102.tr`
|
|
17686
|
+
width: 100%;
|
|
17687
|
+
`;
|
|
17675
17688
|
var TableRow = ({ children, ...props }) => {
|
|
17676
17689
|
return /* @__PURE__ */ jsx327(StyledTableRow, { ...props, children });
|
|
17677
17690
|
};
|
|
@@ -18677,6 +18690,26 @@ var SplitButton = ({
|
|
|
18677
18690
|
] });
|
|
18678
18691
|
};
|
|
18679
18692
|
SplitButton.displayName = "SplitButton_UI";
|
|
18693
|
+
|
|
18694
|
+
// src/components/CustomizableThemeWrapper/CustomizableThemeWrapper.tsx
|
|
18695
|
+
import { styled as styled112 } from "styled-components";
|
|
18696
|
+
import { jsx as jsx338 } from "react/jsx-runtime";
|
|
18697
|
+
var StyledCustomizableThemeWrapper = styled112.div(
|
|
18698
|
+
(props) => props.$overrides
|
|
18699
|
+
);
|
|
18700
|
+
var CustomizableThemeWrapper = ({
|
|
18701
|
+
children,
|
|
18702
|
+
overrides,
|
|
18703
|
+
...props
|
|
18704
|
+
}) => /* @__PURE__ */ jsx338(
|
|
18705
|
+
StyledCustomizableThemeWrapper,
|
|
18706
|
+
{
|
|
18707
|
+
...props,
|
|
18708
|
+
$overrides: overrides,
|
|
18709
|
+
children
|
|
18710
|
+
}
|
|
18711
|
+
);
|
|
18712
|
+
CustomizableThemeWrapper.displayName = "CustomizableThemeWrapper_UI";
|
|
18680
18713
|
export {
|
|
18681
18714
|
ActionButton,
|
|
18682
18715
|
Avatar,
|
|
@@ -18712,6 +18745,7 @@ export {
|
|
|
18712
18745
|
ComboboxOption,
|
|
18713
18746
|
ContextMenu,
|
|
18714
18747
|
ContrastControls,
|
|
18748
|
+
CustomizableThemeWrapper,
|
|
18715
18749
|
DataCard,
|
|
18716
18750
|
DataCardHoverArrow,
|
|
18717
18751
|
DataCardTrend,
|