@uniformdev/design-system 18.27.1-alpha.23 → 18.28.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 -18
- package/dist/index.d.ts +3 -4
- package/dist/index.js +2 -19
- package/package.json +2 -2
package/dist/esm/index.js
CHANGED
|
@@ -306,20 +306,6 @@ var buttonSecondaryInvert = css`
|
|
|
306
306
|
|
|
307
307
|
${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
|
|
308
308
|
`;
|
|
309
|
-
var buttonPrimaryInvert = css`
|
|
310
|
-
background: var(--white);
|
|
311
|
-
color: var(--brand-secondary-1);
|
|
312
|
-
box-shadow: 0 0 0 1px var(--brand-secondary-1);
|
|
313
|
-
transition: box-shadow var(--duration-fast) var(--timing-ease-out);
|
|
314
|
-
gap: var(--spacing-sm);
|
|
315
|
-
|
|
316
|
-
&:disabled {
|
|
317
|
-
color: var(--gray-300);
|
|
318
|
-
box-shadow: 0 0 0 1px var(--gray-300);
|
|
319
|
-
}
|
|
320
|
-
|
|
321
|
-
${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
|
|
322
|
-
`;
|
|
323
309
|
var buttonUnimportant = css`
|
|
324
310
|
background: var(--brand-secondary-2);
|
|
325
311
|
color: var(--brand-secondary-1);
|
|
@@ -10405,7 +10391,6 @@ var Button = React5.forwardRef(
|
|
|
10405
10391
|
({ buttonType = "primary", size = "md", children, ...props }, ref) => {
|
|
10406
10392
|
const buttonTheme = {
|
|
10407
10393
|
primary: buttonPrimary,
|
|
10408
|
-
primaryInvert: buttonPrimaryInvert,
|
|
10409
10394
|
secondary: buttonSecondary,
|
|
10410
10395
|
secondaryInvert: buttonSecondaryInvert,
|
|
10411
10396
|
ghost: buttonGhost,
|
|
@@ -12706,8 +12691,8 @@ var loadingDot = css44`
|
|
|
12706
12691
|
|
|
12707
12692
|
// src/components/LoadingIndicator/LoadingIndicator.tsx
|
|
12708
12693
|
import { jsx as jsx55, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
|
|
12709
|
-
var LoadingIndicator = (
|
|
12710
|
-
return /* @__PURE__ */ jsxs33("div", { role: "alert",
|
|
12694
|
+
var LoadingIndicator = () => {
|
|
12695
|
+
return /* @__PURE__ */ jsxs33("div", { css: loader, role: "alert", "data-test-id": "loading-indicator", children: [
|
|
12711
12696
|
/* @__PURE__ */ jsx55("span", { css: loadingDot }),
|
|
12712
12697
|
/* @__PURE__ */ jsx55("span", { css: loadingDot }),
|
|
12713
12698
|
/* @__PURE__ */ jsx55("span", { css: loadingDot })
|
|
@@ -15075,7 +15060,6 @@ export {
|
|
|
15075
15060
|
buttonGhost,
|
|
15076
15061
|
buttonGhostDestructive,
|
|
15077
15062
|
buttonPrimary,
|
|
15078
|
-
buttonPrimaryInvert,
|
|
15079
15063
|
buttonRippleEffect,
|
|
15080
15064
|
buttonSecondary,
|
|
15081
15065
|
buttonSecondaryInvert,
|
package/dist/index.d.ts
CHANGED
|
@@ -67,7 +67,6 @@ declare const buttonRippleEffect: (props: {
|
|
|
67
67
|
declare const buttonPrimary: _emotion_react.SerializedStyles;
|
|
68
68
|
declare const buttonSecondary: _emotion_react.SerializedStyles;
|
|
69
69
|
declare const buttonSecondaryInvert: _emotion_react.SerializedStyles;
|
|
70
|
-
declare const buttonPrimaryInvert: _emotion_react.SerializedStyles;
|
|
71
70
|
declare const buttonUnimportant: _emotion_react.SerializedStyles;
|
|
72
71
|
declare const buttonGhost: _emotion_react.SerializedStyles;
|
|
73
72
|
declare const buttonGhostDestructive: _emotion_react.SerializedStyles;
|
|
@@ -20185,7 +20184,7 @@ declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<S
|
|
|
20185
20184
|
declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20186
20185
|
|
|
20187
20186
|
/** Button themes that are available to use with our brand */
|
|
20188
|
-
type ButtonThemeProps$1 = 'primary' | 'secondary' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | '
|
|
20187
|
+
type ButtonThemeProps$1 = 'primary' | 'secondary' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'secondaryInvert';
|
|
20189
20188
|
/** Button sizes that are available to use with our brand */
|
|
20190
20189
|
type ButtonSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
20191
20190
|
type ButtonProps = ButtonProps$1 & {
|
|
@@ -20926,7 +20925,7 @@ declare const ScrollableListItem: ({ buttonText, active, ...props }: ScrollableL
|
|
|
20926
20925
|
* Loading Indicator
|
|
20927
20926
|
* @example <LoadingIndicator />
|
|
20928
20927
|
*/
|
|
20929
|
-
declare const LoadingIndicator: (
|
|
20928
|
+
declare const LoadingIndicator: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20930
20929
|
|
|
20931
20930
|
interface LoadingOverlayProps {
|
|
20932
20931
|
/** sets whether to display the loading overlay components */
|
|
@@ -21787,4 +21786,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
21787
21786
|
};
|
|
21788
21787
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21789
21788
|
|
|
21790
|
-
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, 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, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, ScrollableItemProps, ScrollableList, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, 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, TileContainer, TileContainerProps, Tooltip, TooltipProps, UniformBadge, UniformLogo, UniformLogoProps, UseShortcutOptions, VerticalRhythm, VerticalRhythmProps, WarningMessage, WarningMessageProps, breakpoints, button, buttonGhost, buttonGhostDestructive, buttonPrimary,
|
|
21789
|
+
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, 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, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, ScrollableItemProps, ScrollableList, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, 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, TileContainer, TileContainerProps, Tooltip, TooltipProps, UniformBadge, UniformLogo, UniformLogoProps, UseShortcutOptions, VerticalRhythm, VerticalRhythmProps, WarningMessage, WarningMessageProps, breakpoints, button, buttonGhost, buttonGhostDestructive, buttonPrimary, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, growSubtle, input, inputError, inputSelect, isMacLike, labelText, loader as loaderAnimationData, macifyShortcut, mq, ripple, scrollbarStyles, skeletonLoading, spinner as spinnerAnimationData, supports, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut };
|
package/dist/index.js
CHANGED
|
@@ -146,7 +146,6 @@ __export(src_exports, {
|
|
|
146
146
|
buttonGhost: () => buttonGhost,
|
|
147
147
|
buttonGhostDestructive: () => buttonGhostDestructive,
|
|
148
148
|
buttonPrimary: () => buttonPrimary,
|
|
149
|
-
buttonPrimaryInvert: () => buttonPrimaryInvert,
|
|
150
149
|
buttonRippleEffect: () => buttonRippleEffect,
|
|
151
150
|
buttonSecondary: () => buttonSecondary,
|
|
152
151
|
buttonSecondaryInvert: () => buttonSecondaryInvert,
|
|
@@ -494,20 +493,6 @@ var buttonSecondaryInvert = import_react3.css`
|
|
|
494
493
|
|
|
495
494
|
${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
|
|
496
495
|
`;
|
|
497
|
-
var buttonPrimaryInvert = import_react3.css`
|
|
498
|
-
background: var(--white);
|
|
499
|
-
color: var(--brand-secondary-1);
|
|
500
|
-
box-shadow: 0 0 0 1px var(--brand-secondary-1);
|
|
501
|
-
transition: box-shadow var(--duration-fast) var(--timing-ease-out);
|
|
502
|
-
gap: var(--spacing-sm);
|
|
503
|
-
|
|
504
|
-
&:disabled {
|
|
505
|
-
color: var(--gray-300);
|
|
506
|
-
box-shadow: 0 0 0 1px var(--gray-300);
|
|
507
|
-
}
|
|
508
|
-
|
|
509
|
-
${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
|
|
510
|
-
`;
|
|
511
496
|
var buttonUnimportant = import_react3.css`
|
|
512
497
|
background: var(--brand-secondary-2);
|
|
513
498
|
color: var(--brand-secondary-1);
|
|
@@ -10593,7 +10578,6 @@ var Button = React5.forwardRef(
|
|
|
10593
10578
|
({ buttonType = "primary", size = "md", children, ...props }, ref) => {
|
|
10594
10579
|
const buttonTheme = {
|
|
10595
10580
|
primary: buttonPrimary,
|
|
10596
|
-
primaryInvert: buttonPrimaryInvert,
|
|
10597
10581
|
secondary: buttonSecondary,
|
|
10598
10582
|
secondaryInvert: buttonSecondaryInvert,
|
|
10599
10583
|
ghost: buttonGhost,
|
|
@@ -12890,8 +12874,8 @@ var loadingDot = import_react58.css`
|
|
|
12890
12874
|
|
|
12891
12875
|
// src/components/LoadingIndicator/LoadingIndicator.tsx
|
|
12892
12876
|
var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
|
|
12893
|
-
var LoadingIndicator = (
|
|
12894
|
-
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { role: "alert",
|
|
12877
|
+
var LoadingIndicator = () => {
|
|
12878
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: loader, role: "alert", "data-test-id": "loading-indicator", children: [
|
|
12895
12879
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: loadingDot }),
|
|
12896
12880
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: loadingDot }),
|
|
12897
12881
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: loadingDot })
|
|
@@ -15246,7 +15230,6 @@ var StatusBullet = ({
|
|
|
15246
15230
|
buttonGhost,
|
|
15247
15231
|
buttonGhostDestructive,
|
|
15248
15232
|
buttonPrimary,
|
|
15249
|
-
buttonPrimaryInvert,
|
|
15250
15233
|
buttonRippleEffect,
|
|
15251
15234
|
buttonSecondary,
|
|
15252
15235
|
buttonSecondaryInvert,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "18.
|
|
3
|
+
"version": "18.28.0",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "97d916ca20965e8a86d2454847114068895ccddd"
|
|
58
58
|
}
|