@uniformdev/design-system 19.50.2-alpha.11 → 19.51.0
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/esm/index.js +2 -97
- package/dist/index.d.mts +4 -9
- package/dist/index.d.ts +4 -9
- package/dist/index.js +2 -99
- package/package.json +4 -4
package/dist/esm/index.js
CHANGED
|
@@ -328,34 +328,6 @@ var buttonRippleEffect = (props) => css`
|
|
|
328
328
|
transition: background 0s;
|
|
329
329
|
}
|
|
330
330
|
`;
|
|
331
|
-
var buttonAccent = css`
|
|
332
|
-
background: var(--accent-alt-dark);
|
|
333
|
-
color: var(--white);
|
|
334
|
-
|
|
335
|
-
&:disabled {
|
|
336
|
-
background: var(--gray-300);
|
|
337
|
-
color: var(--white);
|
|
338
|
-
}
|
|
339
|
-
|
|
340
|
-
${buttonRippleEffect({ hoverColor: "var(--brand-secondary-1)" })}
|
|
341
|
-
`;
|
|
342
|
-
var buttonAccentOutline = css`
|
|
343
|
-
background: var(--white);
|
|
344
|
-
color: var(--accent-alt-dark);
|
|
345
|
-
box-shadow: 0 0 0 1px var(--accent-alt-dark);
|
|
346
|
-
transition: box-shadow var(--duration-fast) var(--timing-ease-out);
|
|
347
|
-
|
|
348
|
-
&:hover {
|
|
349
|
-
color: var(--primary-action-hover);
|
|
350
|
-
}
|
|
351
|
-
|
|
352
|
-
&:disabled {
|
|
353
|
-
color: var(--gray-300);
|
|
354
|
-
box-shadow: 0 0 0 1px var(--gray-300);
|
|
355
|
-
}
|
|
356
|
-
|
|
357
|
-
${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
|
|
358
|
-
`;
|
|
359
331
|
var buttonPrimary = css`
|
|
360
332
|
background: var(--brand-secondary-1);
|
|
361
333
|
color: var(--white);
|
|
@@ -1053,9 +1025,6 @@ var IconImg = css8`
|
|
|
1053
1025
|
vertical-align: middle;
|
|
1054
1026
|
}
|
|
1055
1027
|
`;
|
|
1056
|
-
var IconWhite = css8`
|
|
1057
|
-
color: var(--white);
|
|
1058
|
-
`;
|
|
1059
1028
|
var IconColorDefault = css8`
|
|
1060
1029
|
color: var(--brand-secondary-3);
|
|
1061
1030
|
`;
|
|
@@ -1110,7 +1079,6 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
|
|
|
1110
1079
|
const isIconName = typeof icon === "string";
|
|
1111
1080
|
const { iconsMap, isLoading } = useIconContext();
|
|
1112
1081
|
const customColor = {
|
|
1113
|
-
white: IconWhite,
|
|
1114
1082
|
action: IconColorAction,
|
|
1115
1083
|
default: IconColorDefault,
|
|
1116
1084
|
gray: IconColorGray,
|
|
@@ -1720,60 +1688,6 @@ var diamondFill = GenIcon({
|
|
|
1720
1688
|
}
|
|
1721
1689
|
]
|
|
1722
1690
|
});
|
|
1723
|
-
var magicWand = GenIcon({
|
|
1724
|
-
tag: "svg",
|
|
1725
|
-
attr: {
|
|
1726
|
-
role: "img",
|
|
1727
|
-
viewBox: "0 0 24 24"
|
|
1728
|
-
},
|
|
1729
|
-
child: [
|
|
1730
|
-
{
|
|
1731
|
-
tag: "path",
|
|
1732
|
-
attr: {
|
|
1733
|
-
fill: "currentColor",
|
|
1734
|
-
fillOpacity: "0.5",
|
|
1735
|
-
d: "M12.6021 0.799316C12.5443 0.799316 12.487 0.802204 12.4305 0.807862C12.3484 1.91145 11.5902 2.79082 10.6387 2.88601C10.6338 2.9516 10.6313 3.01798 10.6313 3.08503C10.6313 3.15208 10.6338 3.21846 10.6387 3.28405C11.5902 3.37924 12.3484 4.25862 12.4305 5.3622C12.487 5.36786 12.5443 5.37074 12.6021 5.37074C12.6599 5.37074 12.7171 5.36786 12.7737 5.3622C12.8558 4.25862 13.614 3.37924 14.5655 3.28405C14.5704 3.21846 14.5729 3.15208 14.5729 3.08503C14.5729 3.01798 14.5704 2.9516 14.5655 2.88601C13.614 2.79082 12.8558 1.91145 12.7737 0.807862C12.7171 0.802204 12.6599 0.799316 12.6021 0.799316Z"
|
|
1736
|
-
},
|
|
1737
|
-
child: []
|
|
1738
|
-
},
|
|
1739
|
-
{
|
|
1740
|
-
tag: "path",
|
|
1741
|
-
attr: {
|
|
1742
|
-
fill: "currentColor",
|
|
1743
|
-
fillOpacity: "0.5",
|
|
1744
|
-
d: "M17.8945 12.4247C17.8367 12.4247 17.7795 12.4276 17.7229 12.4332C17.6409 13.5368 16.8826 14.4162 15.9311 14.5114C15.9262 14.577 15.9237 14.6433 15.9237 14.7104C15.9237 14.7774 15.9262 14.8438 15.9311 14.9094C16.8826 15.0046 17.6409 15.884 17.7229 16.9876C17.7795 16.9932 17.8367 16.9961 17.8945 16.9961C17.9523 16.9961 18.0096 16.9932 18.0661 16.9876C18.1482 15.884 18.9064 15.0046 19.858 14.9094C19.8628 14.8438 19.8653 14.7774 19.8653 14.7104C19.8653 14.6433 19.8628 14.577 19.858 14.5114C18.9064 14.4162 18.1482 13.5368 18.0661 12.4332C18.0096 12.4276 17.9523 12.4247 17.8945 12.4247Z"
|
|
1745
|
-
},
|
|
1746
|
-
child: []
|
|
1747
|
-
},
|
|
1748
|
-
{
|
|
1749
|
-
tag: "path",
|
|
1750
|
-
attr: {
|
|
1751
|
-
fill: "currentColor",
|
|
1752
|
-
fillOpacity: "0.5",
|
|
1753
|
-
d: "M21.571 1.6413C21.509 1.6413 21.4476 1.6449 21.387 1.65195C21.299 3.02718 20.4858 4.12302 19.4653 4.24164C19.4601 4.32337 19.4574 4.40609 19.4574 4.48965C19.4574 4.57321 19.4601 4.65592 19.4653 4.73766C20.4858 4.85628 21.299 5.95211 21.387 7.32734C21.4476 7.33439 21.509 7.33799 21.571 7.33799C21.633 7.33799 21.6944 7.33439 21.755 7.32734C21.8431 5.95211 22.6562 4.85628 23.6767 4.73766C23.6819 4.65592 23.6846 4.57321 23.6846 4.48965C23.6846 4.40609 23.6819 4.32337 23.6767 4.24164C22.6562 4.12302 21.8431 3.02718 21.755 1.65195C21.6944 1.6449 21.633 1.6413 21.571 1.6413Z"
|
|
1754
|
-
},
|
|
1755
|
-
child: []
|
|
1756
|
-
},
|
|
1757
|
-
{
|
|
1758
|
-
tag: "path",
|
|
1759
|
-
attr: {
|
|
1760
|
-
fill: "currentColor",
|
|
1761
|
-
d: "M15.6875 11.9141L12.5116 8.73823L2.07262 19.1773C1.9166 19.3333 1.9166 19.5862 2.07262 19.7422L4.68354 22.3532C4.83956 22.5092 5.0925 22.5092 5.24852 22.3532L15.6875 11.9141Z"
|
|
1762
|
-
},
|
|
1763
|
-
child: []
|
|
1764
|
-
},
|
|
1765
|
-
{
|
|
1766
|
-
tag: "path",
|
|
1767
|
-
attr: {
|
|
1768
|
-
fill: "currentColor",
|
|
1769
|
-
fillRule: "evenodd",
|
|
1770
|
-
clipRule: "evenodd",
|
|
1771
|
-
d: "M16.8929 4.92196L19.5038 7.53288L14.8688 12.1679L12.2578 9.55702L16.8929 4.92196ZM19.7863 7.2504C19.9423 7.40641 19.9423 7.65936 19.7863 7.81537L15.6875 11.9141L12.5116 8.73823L16.6104 4.63947C16.7664 4.48346 17.0194 4.48346 17.1754 4.63947L19.7863 7.2504Z"
|
|
1772
|
-
},
|
|
1773
|
-
child: []
|
|
1774
|
-
}
|
|
1775
|
-
]
|
|
1776
|
-
});
|
|
1777
1691
|
var customIcons = {
|
|
1778
1692
|
"rectangle-rounded": rectangleRoundedIcon,
|
|
1779
1693
|
card: cardIcon,
|
|
@@ -1797,8 +1711,7 @@ var customIcons = {
|
|
|
1797
1711
|
"clear-formatting": clearFormatting,
|
|
1798
1712
|
"yes-no": yesNoIcon,
|
|
1799
1713
|
"diamond-outline": diamondOutline,
|
|
1800
|
-
"diamond-fill": diamondFill
|
|
1801
|
-
"magic-wand": magicWand
|
|
1714
|
+
"diamond-fill": diamondFill
|
|
1802
1715
|
};
|
|
1803
1716
|
|
|
1804
1717
|
// src/components/AddListButton/AddListButton.styles.ts
|
|
@@ -11386,8 +11299,6 @@ var Button = React6.forwardRef(
|
|
|
11386
11299
|
const buttonTheme = {
|
|
11387
11300
|
primary: buttonPrimary,
|
|
11388
11301
|
primaryInvert: buttonPrimaryInvert,
|
|
11389
|
-
accent: buttonAccent,
|
|
11390
|
-
accentOutline: buttonAccentOutline,
|
|
11391
11302
|
destructive: buttonDestructive,
|
|
11392
11303
|
secondary: buttonSecondary,
|
|
11393
11304
|
secondaryInvert: buttonSecondaryInvert,
|
|
@@ -15292,7 +15203,6 @@ import { CgCheck as CgCheck3 } from "@react-icons/all-files/cg/CgCheck";
|
|
|
15292
15203
|
import { jsx as jsx82, jsxs as jsxs53 } from "@emotion/react/jsx-runtime";
|
|
15293
15204
|
var ScrollableListItem = ({
|
|
15294
15205
|
buttonText,
|
|
15295
|
-
icon,
|
|
15296
15206
|
active,
|
|
15297
15207
|
disableShadow,
|
|
15298
15208
|
...props
|
|
@@ -15306,10 +15216,7 @@ var ScrollableListItem = ({
|
|
|
15306
15216
|
active ? ScrollableListItemActive : void 0
|
|
15307
15217
|
],
|
|
15308
15218
|
children: /* @__PURE__ */ jsxs53("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
|
|
15309
|
-
/* @__PURE__ */
|
|
15310
|
-
icon,
|
|
15311
|
-
/* @__PURE__ */ jsx82("span", { children: buttonText })
|
|
15312
|
-
] }),
|
|
15219
|
+
/* @__PURE__ */ jsx82("span", { children: buttonText }),
|
|
15313
15220
|
/* @__PURE__ */ jsx82(
|
|
15314
15221
|
Icon,
|
|
15315
15222
|
{
|
|
@@ -19300,8 +19207,6 @@ export {
|
|
|
19300
19207
|
borderTopIcon,
|
|
19301
19208
|
breakpoints,
|
|
19302
19209
|
button,
|
|
19303
|
-
buttonAccent,
|
|
19304
|
-
buttonAccentOutline,
|
|
19305
19210
|
buttonDestructive,
|
|
19306
19211
|
buttonGhost,
|
|
19307
19212
|
buttonGhostDestructive,
|
package/dist/index.d.mts
CHANGED
|
@@ -82,8 +82,6 @@ declare const buttonRippleEffect: (props: {
|
|
|
82
82
|
hoverColor: string;
|
|
83
83
|
activeColor?: string;
|
|
84
84
|
}) => _emotion_react.SerializedStyles;
|
|
85
|
-
declare const buttonAccent: _emotion_react.SerializedStyles;
|
|
86
|
-
declare const buttonAccentOutline: _emotion_react.SerializedStyles;
|
|
87
85
|
declare const buttonPrimary: _emotion_react.SerializedStyles;
|
|
88
86
|
declare const buttonDestructive: _emotion_react.SerializedStyles;
|
|
89
87
|
declare const buttonSecondary: _emotion_react.SerializedStyles;
|
|
@@ -20282,7 +20280,7 @@ declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAtt
|
|
|
20282
20280
|
declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20283
20281
|
|
|
20284
20282
|
/** Button themes that are available to use with our brand */
|
|
20285
|
-
type ButtonThemeProps$1 = 'primary' | 'secondary' | '
|
|
20283
|
+
type ButtonThemeProps$1 = 'primary' | 'secondary' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
|
|
20286
20284
|
/** Button sizes that are available to use with our brand */
|
|
20287
20285
|
type ButtonSizeProps = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
20288
20286
|
type ButtonProps = ButtonProps$1 & {
|
|
@@ -20692,7 +20690,6 @@ declare const allSupportedIcons: {
|
|
|
20692
20690
|
'yes-no': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20693
20691
|
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20694
20692
|
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20695
|
-
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20696
20693
|
'add-r': _react_icons_all_files_lib.IconType;
|
|
20697
20694
|
add: _react_icons_all_files_lib.IconType;
|
|
20698
20695
|
airplane: _react_icons_all_files_lib.IconType;
|
|
@@ -21342,7 +21339,7 @@ type IconName = keyof typeof allSupportedIcons;
|
|
|
21342
21339
|
/** sets fill color of the svg icon
|
|
21343
21340
|
* @default 'default'
|
|
21344
21341
|
*/
|
|
21345
|
-
type IconColor = '
|
|
21342
|
+
type IconColor = 'action' | 'default' | 'red' | 'gray' | 'accent' | 'currentColor' | 'accent-light';
|
|
21346
21343
|
/** sets the type of icon to use from the available list */
|
|
21347
21344
|
type IconType = IconName | IconType$1;
|
|
21348
21345
|
interface IconProps extends IconBaseProps {
|
|
@@ -21399,7 +21396,6 @@ declare const customIcons: {
|
|
|
21399
21396
|
'yes-no': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21400
21397
|
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21401
21398
|
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21402
|
-
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21403
21399
|
};
|
|
21404
21400
|
|
|
21405
21401
|
type IconsMap = Record<string, IconType$1>;
|
|
@@ -21995,13 +21991,12 @@ declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, ch
|
|
|
21995
21991
|
type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
21996
21992
|
/** sets the button text value */
|
|
21997
21993
|
buttonText: string;
|
|
21998
|
-
icon?: React$1.ReactElement;
|
|
21999
21994
|
} & ScrollableListContainerProps;
|
|
22000
21995
|
/**
|
|
22001
21996
|
* Component used within <ScrollableList /> for adding interactive button components with predefined styles
|
|
22002
21997
|
* @example <ScrollableListItem buttontext="my button" active={false} />
|
|
22003
21998
|
*/
|
|
22004
|
-
declare const ScrollableListItem: ({ buttonText,
|
|
21999
|
+
declare const ScrollableListItem: ({ buttonText, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22005
22000
|
|
|
22006
22001
|
/**
|
|
22007
22002
|
* Loading Indicator
|
|
@@ -23128,4 +23123,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23128
23123
|
};
|
|
23129
23124
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23130
23125
|
|
|
23131
|
-
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ChipTheme, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, DashedBoxProps, DescriptionList, DescriptionListProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContent, DrawerContentProps, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, DrawersRegistryRecord, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, IconButtonProps, IconColor, IconName, IconProps, IconType, IconsProvider, ImageBroken, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelLeadingIcon, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, MediaCard, MediaCardProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, Modal, ModalProps, MultilineChip, MultilineChipProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, RichTextToolbarIcon, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, borderTopIcon, breakpoints, button,
|
|
23126
|
+
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ChipTheme, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, DashedBoxProps, DescriptionList, DescriptionListProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContent, DrawerContentProps, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, DrawersRegistryRecord, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, IconButtonProps, IconColor, IconName, IconProps, IconType, IconsProvider, ImageBroken, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelLeadingIcon, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, MediaCard, MediaCardProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, Modal, ModalProps, MultilineChip, MultilineChipProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, RichTextToolbarIcon, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, borderTopIcon, breakpoints, button, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getDrawerAttributes, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };
|
package/dist/index.d.ts
CHANGED
|
@@ -82,8 +82,6 @@ declare const buttonRippleEffect: (props: {
|
|
|
82
82
|
hoverColor: string;
|
|
83
83
|
activeColor?: string;
|
|
84
84
|
}) => _emotion_react.SerializedStyles;
|
|
85
|
-
declare const buttonAccent: _emotion_react.SerializedStyles;
|
|
86
|
-
declare const buttonAccentOutline: _emotion_react.SerializedStyles;
|
|
87
85
|
declare const buttonPrimary: _emotion_react.SerializedStyles;
|
|
88
86
|
declare const buttonDestructive: _emotion_react.SerializedStyles;
|
|
89
87
|
declare const buttonSecondary: _emotion_react.SerializedStyles;
|
|
@@ -20282,7 +20280,7 @@ declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAtt
|
|
|
20282
20280
|
declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20283
20281
|
|
|
20284
20282
|
/** Button themes that are available to use with our brand */
|
|
20285
|
-
type ButtonThemeProps$1 = 'primary' | 'secondary' | '
|
|
20283
|
+
type ButtonThemeProps$1 = 'primary' | 'secondary' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
|
|
20286
20284
|
/** Button sizes that are available to use with our brand */
|
|
20287
20285
|
type ButtonSizeProps = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
20288
20286
|
type ButtonProps = ButtonProps$1 & {
|
|
@@ -20692,7 +20690,6 @@ declare const allSupportedIcons: {
|
|
|
20692
20690
|
'yes-no': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20693
20691
|
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20694
20692
|
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20695
|
-
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
20696
20693
|
'add-r': _react_icons_all_files_lib.IconType;
|
|
20697
20694
|
add: _react_icons_all_files_lib.IconType;
|
|
20698
20695
|
airplane: _react_icons_all_files_lib.IconType;
|
|
@@ -21342,7 +21339,7 @@ type IconName = keyof typeof allSupportedIcons;
|
|
|
21342
21339
|
/** sets fill color of the svg icon
|
|
21343
21340
|
* @default 'default'
|
|
21344
21341
|
*/
|
|
21345
|
-
type IconColor = '
|
|
21342
|
+
type IconColor = 'action' | 'default' | 'red' | 'gray' | 'accent' | 'currentColor' | 'accent-light';
|
|
21346
21343
|
/** sets the type of icon to use from the available list */
|
|
21347
21344
|
type IconType = IconName | IconType$1;
|
|
21348
21345
|
interface IconProps extends IconBaseProps {
|
|
@@ -21399,7 +21396,6 @@ declare const customIcons: {
|
|
|
21399
21396
|
'yes-no': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21400
21397
|
'diamond-outline': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21401
21398
|
'diamond-fill': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21402
|
-
'magic-wand': (props: _react_icons_all_files.IconBaseProps) => JSX.Element;
|
|
21403
21399
|
};
|
|
21404
21400
|
|
|
21405
21401
|
type IconsMap = Record<string, IconType$1>;
|
|
@@ -21995,13 +21991,12 @@ declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, ch
|
|
|
21995
21991
|
type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
21996
21992
|
/** sets the button text value */
|
|
21997
21993
|
buttonText: string;
|
|
21998
|
-
icon?: React$1.ReactElement;
|
|
21999
21994
|
} & ScrollableListContainerProps;
|
|
22000
21995
|
/**
|
|
22001
21996
|
* Component used within <ScrollableList /> for adding interactive button components with predefined styles
|
|
22002
21997
|
* @example <ScrollableListItem buttontext="my button" active={false} />
|
|
22003
21998
|
*/
|
|
22004
|
-
declare const ScrollableListItem: ({ buttonText,
|
|
21999
|
+
declare const ScrollableListItem: ({ buttonText, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22005
22000
|
|
|
22006
22001
|
/**
|
|
22007
22002
|
* Loading Indicator
|
|
@@ -23128,4 +23123,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
23128
23123
|
};
|
|
23129
23124
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
23130
23125
|
|
|
23131
|
-
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ChipTheme, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, DashedBoxProps, DescriptionList, DescriptionListProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContent, DrawerContentProps, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, DrawersRegistryRecord, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, IconButtonProps, IconColor, IconName, IconProps, IconType, IconsProvider, ImageBroken, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelLeadingIcon, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, MediaCard, MediaCardProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, Modal, ModalProps, MultilineChip, MultilineChipProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, RichTextToolbarIcon, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, borderTopIcon, breakpoints, button,
|
|
23126
|
+
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ChipTheme, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, DashedBoxProps, DescriptionList, DescriptionListProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContent, DrawerContentProps, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, DrawersRegistryRecord, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, IconButtonProps, IconColor, IconName, IconProps, IconType, IconsProvider, ImageBroken, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelLeadingIcon, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, MediaCard, MediaCardProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, Modal, ModalProps, MultilineChip, MultilineChipProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, RichTextToolbarIcon, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, borderTopIcon, breakpoints, button, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getDrawerAttributes, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };
|
package/dist/index.js
CHANGED
|
@@ -1487,8 +1487,6 @@ __export(src_exports, {
|
|
|
1487
1487
|
borderTopIcon: () => borderTopIcon,
|
|
1488
1488
|
breakpoints: () => breakpoints,
|
|
1489
1489
|
button: () => button,
|
|
1490
|
-
buttonAccent: () => buttonAccent,
|
|
1491
|
-
buttonAccentOutline: () => buttonAccentOutline,
|
|
1492
1490
|
buttonDestructive: () => buttonDestructive,
|
|
1493
1491
|
buttonGhost: () => buttonGhost,
|
|
1494
1492
|
buttonGhostDestructive: () => buttonGhostDestructive,
|
|
@@ -1896,34 +1894,6 @@ var buttonRippleEffect = (props) => import_react3.css`
|
|
|
1896
1894
|
transition: background 0s;
|
|
1897
1895
|
}
|
|
1898
1896
|
`;
|
|
1899
|
-
var buttonAccent = import_react3.css`
|
|
1900
|
-
background: var(--accent-alt-dark);
|
|
1901
|
-
color: var(--white);
|
|
1902
|
-
|
|
1903
|
-
&:disabled {
|
|
1904
|
-
background: var(--gray-300);
|
|
1905
|
-
color: var(--white);
|
|
1906
|
-
}
|
|
1907
|
-
|
|
1908
|
-
${buttonRippleEffect({ hoverColor: "var(--brand-secondary-1)" })}
|
|
1909
|
-
`;
|
|
1910
|
-
var buttonAccentOutline = import_react3.css`
|
|
1911
|
-
background: var(--white);
|
|
1912
|
-
color: var(--accent-alt-dark);
|
|
1913
|
-
box-shadow: 0 0 0 1px var(--accent-alt-dark);
|
|
1914
|
-
transition: box-shadow var(--duration-fast) var(--timing-ease-out);
|
|
1915
|
-
|
|
1916
|
-
&:hover {
|
|
1917
|
-
color: var(--primary-action-hover);
|
|
1918
|
-
}
|
|
1919
|
-
|
|
1920
|
-
&:disabled {
|
|
1921
|
-
color: var(--gray-300);
|
|
1922
|
-
box-shadow: 0 0 0 1px var(--gray-300);
|
|
1923
|
-
}
|
|
1924
|
-
|
|
1925
|
-
${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
|
|
1926
|
-
`;
|
|
1927
1897
|
var buttonPrimary = import_react3.css`
|
|
1928
1898
|
background: var(--brand-secondary-1);
|
|
1929
1899
|
color: var(--white);
|
|
@@ -2634,9 +2604,6 @@ var IconImg = import_react12.css`
|
|
|
2634
2604
|
vertical-align: middle;
|
|
2635
2605
|
}
|
|
2636
2606
|
`;
|
|
2637
|
-
var IconWhite = import_react12.css`
|
|
2638
|
-
color: var(--white);
|
|
2639
|
-
`;
|
|
2640
2607
|
var IconColorDefault = import_react12.css`
|
|
2641
2608
|
color: var(--brand-secondary-3);
|
|
2642
2609
|
`;
|
|
@@ -2692,7 +2659,6 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
|
|
|
2692
2659
|
const isIconName = typeof icon === "string";
|
|
2693
2660
|
const { iconsMap, isLoading } = useIconContext();
|
|
2694
2661
|
const customColor = {
|
|
2695
|
-
white: IconWhite,
|
|
2696
2662
|
action: IconColorAction,
|
|
2697
2663
|
default: IconColorDefault,
|
|
2698
2664
|
gray: IconColorGray,
|
|
@@ -3302,60 +3268,6 @@ var diamondFill = (0, import_all_files.GenIcon)({
|
|
|
3302
3268
|
}
|
|
3303
3269
|
]
|
|
3304
3270
|
});
|
|
3305
|
-
var magicWand = (0, import_all_files.GenIcon)({
|
|
3306
|
-
tag: "svg",
|
|
3307
|
-
attr: {
|
|
3308
|
-
role: "img",
|
|
3309
|
-
viewBox: "0 0 24 24"
|
|
3310
|
-
},
|
|
3311
|
-
child: [
|
|
3312
|
-
{
|
|
3313
|
-
tag: "path",
|
|
3314
|
-
attr: {
|
|
3315
|
-
fill: "currentColor",
|
|
3316
|
-
fillOpacity: "0.5",
|
|
3317
|
-
d: "M12.6021 0.799316C12.5443 0.799316 12.487 0.802204 12.4305 0.807862C12.3484 1.91145 11.5902 2.79082 10.6387 2.88601C10.6338 2.9516 10.6313 3.01798 10.6313 3.08503C10.6313 3.15208 10.6338 3.21846 10.6387 3.28405C11.5902 3.37924 12.3484 4.25862 12.4305 5.3622C12.487 5.36786 12.5443 5.37074 12.6021 5.37074C12.6599 5.37074 12.7171 5.36786 12.7737 5.3622C12.8558 4.25862 13.614 3.37924 14.5655 3.28405C14.5704 3.21846 14.5729 3.15208 14.5729 3.08503C14.5729 3.01798 14.5704 2.9516 14.5655 2.88601C13.614 2.79082 12.8558 1.91145 12.7737 0.807862C12.7171 0.802204 12.6599 0.799316 12.6021 0.799316Z"
|
|
3318
|
-
},
|
|
3319
|
-
child: []
|
|
3320
|
-
},
|
|
3321
|
-
{
|
|
3322
|
-
tag: "path",
|
|
3323
|
-
attr: {
|
|
3324
|
-
fill: "currentColor",
|
|
3325
|
-
fillOpacity: "0.5",
|
|
3326
|
-
d: "M17.8945 12.4247C17.8367 12.4247 17.7795 12.4276 17.7229 12.4332C17.6409 13.5368 16.8826 14.4162 15.9311 14.5114C15.9262 14.577 15.9237 14.6433 15.9237 14.7104C15.9237 14.7774 15.9262 14.8438 15.9311 14.9094C16.8826 15.0046 17.6409 15.884 17.7229 16.9876C17.7795 16.9932 17.8367 16.9961 17.8945 16.9961C17.9523 16.9961 18.0096 16.9932 18.0661 16.9876C18.1482 15.884 18.9064 15.0046 19.858 14.9094C19.8628 14.8438 19.8653 14.7774 19.8653 14.7104C19.8653 14.6433 19.8628 14.577 19.858 14.5114C18.9064 14.4162 18.1482 13.5368 18.0661 12.4332C18.0096 12.4276 17.9523 12.4247 17.8945 12.4247Z"
|
|
3327
|
-
},
|
|
3328
|
-
child: []
|
|
3329
|
-
},
|
|
3330
|
-
{
|
|
3331
|
-
tag: "path",
|
|
3332
|
-
attr: {
|
|
3333
|
-
fill: "currentColor",
|
|
3334
|
-
fillOpacity: "0.5",
|
|
3335
|
-
d: "M21.571 1.6413C21.509 1.6413 21.4476 1.6449 21.387 1.65195C21.299 3.02718 20.4858 4.12302 19.4653 4.24164C19.4601 4.32337 19.4574 4.40609 19.4574 4.48965C19.4574 4.57321 19.4601 4.65592 19.4653 4.73766C20.4858 4.85628 21.299 5.95211 21.387 7.32734C21.4476 7.33439 21.509 7.33799 21.571 7.33799C21.633 7.33799 21.6944 7.33439 21.755 7.32734C21.8431 5.95211 22.6562 4.85628 23.6767 4.73766C23.6819 4.65592 23.6846 4.57321 23.6846 4.48965C23.6846 4.40609 23.6819 4.32337 23.6767 4.24164C22.6562 4.12302 21.8431 3.02718 21.755 1.65195C21.6944 1.6449 21.633 1.6413 21.571 1.6413Z"
|
|
3336
|
-
},
|
|
3337
|
-
child: []
|
|
3338
|
-
},
|
|
3339
|
-
{
|
|
3340
|
-
tag: "path",
|
|
3341
|
-
attr: {
|
|
3342
|
-
fill: "currentColor",
|
|
3343
|
-
d: "M15.6875 11.9141L12.5116 8.73823L2.07262 19.1773C1.9166 19.3333 1.9166 19.5862 2.07262 19.7422L4.68354 22.3532C4.83956 22.5092 5.0925 22.5092 5.24852 22.3532L15.6875 11.9141Z"
|
|
3344
|
-
},
|
|
3345
|
-
child: []
|
|
3346
|
-
},
|
|
3347
|
-
{
|
|
3348
|
-
tag: "path",
|
|
3349
|
-
attr: {
|
|
3350
|
-
fill: "currentColor",
|
|
3351
|
-
fillRule: "evenodd",
|
|
3352
|
-
clipRule: "evenodd",
|
|
3353
|
-
d: "M16.8929 4.92196L19.5038 7.53288L14.8688 12.1679L12.2578 9.55702L16.8929 4.92196ZM19.7863 7.2504C19.9423 7.40641 19.9423 7.65936 19.7863 7.81537L15.6875 11.9141L12.5116 8.73823L16.6104 4.63947C16.7664 4.48346 17.0194 4.48346 17.1754 4.63947L19.7863 7.2504Z"
|
|
3354
|
-
},
|
|
3355
|
-
child: []
|
|
3356
|
-
}
|
|
3357
|
-
]
|
|
3358
|
-
});
|
|
3359
3271
|
var customIcons = {
|
|
3360
3272
|
"rectangle-rounded": rectangleRoundedIcon,
|
|
3361
3273
|
card: cardIcon,
|
|
@@ -3379,8 +3291,7 @@ var customIcons = {
|
|
|
3379
3291
|
"clear-formatting": clearFormatting,
|
|
3380
3292
|
"yes-no": yesNoIcon,
|
|
3381
3293
|
"diamond-outline": diamondOutline,
|
|
3382
|
-
"diamond-fill": diamondFill
|
|
3383
|
-
"magic-wand": magicWand
|
|
3294
|
+
"diamond-fill": diamondFill
|
|
3384
3295
|
};
|
|
3385
3296
|
|
|
3386
3297
|
// src/components/AddListButton/AddListButton.styles.ts
|
|
@@ -13009,8 +12920,6 @@ var Button = React6.forwardRef(
|
|
|
13009
12920
|
const buttonTheme = {
|
|
13010
12921
|
primary: buttonPrimary,
|
|
13011
12922
|
primaryInvert: buttonPrimaryInvert,
|
|
13012
|
-
accent: buttonAccent,
|
|
13013
|
-
accentOutline: buttonAccentOutline,
|
|
13014
12923
|
destructive: buttonDestructive,
|
|
13015
12924
|
secondary: buttonSecondary,
|
|
13016
12925
|
secondaryInvert: buttonSecondaryInvert,
|
|
@@ -17060,7 +16969,6 @@ var import_CgCheck4 = require("@react-icons/all-files/cg/CgCheck");
|
|
|
17060
16969
|
var import_jsx_runtime82 = require("@emotion/react/jsx-runtime");
|
|
17061
16970
|
var ScrollableListItem = ({
|
|
17062
16971
|
buttonText,
|
|
17063
|
-
icon,
|
|
17064
16972
|
active,
|
|
17065
16973
|
disableShadow,
|
|
17066
16974
|
...props
|
|
@@ -17074,10 +16982,7 @@ var ScrollableListItem = ({
|
|
|
17074
16982
|
active ? ScrollableListItemActive : void 0
|
|
17075
16983
|
],
|
|
17076
16984
|
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
|
|
17077
|
-
/* @__PURE__ */ (0, import_jsx_runtime82.
|
|
17078
|
-
icon,
|
|
17079
|
-
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: buttonText })
|
|
17080
|
-
] }),
|
|
16985
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: buttonText }),
|
|
17081
16986
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
17082
16987
|
Icon,
|
|
17083
16988
|
{
|
|
@@ -21096,8 +21001,6 @@ var StatusBullet = ({
|
|
|
21096
21001
|
borderTopIcon,
|
|
21097
21002
|
breakpoints,
|
|
21098
21003
|
button,
|
|
21099
|
-
buttonAccent,
|
|
21100
|
-
buttonAccentOutline,
|
|
21101
21004
|
buttonDestructive,
|
|
21102
21005
|
buttonGhost,
|
|
21103
21006
|
buttonGhostDestructive,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.51.0",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"@storybook/react": "6.5.16",
|
|
25
25
|
"@types/react": "18.2.21",
|
|
26
26
|
"@types/react-dom": "18.2.7",
|
|
27
|
-
"@uniformdev/canvas": "^19.
|
|
28
|
-
"@uniformdev/richtext": "^19.
|
|
27
|
+
"@uniformdev/canvas": "^19.51.0",
|
|
28
|
+
"@uniformdev/richtext": "^19.51.0",
|
|
29
29
|
"autoprefixer": "10.4.15",
|
|
30
30
|
"hygen": "6.2.11",
|
|
31
31
|
"postcss": "8.4.28",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "6169b3df00a64ebb66e4c4434cbf171e5cfbe6e4"
|
|
71
71
|
}
|