@uniformdev/design-system 18.27.1-alpha.25 → 18.29.0

package/dist/esm/index.js

@@ -306,20 +306,6 @@ var buttonSecondaryInvert = css`
 
   ${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
 `;
-var buttonPrimaryInvert = css`
-  background: var(--white);
-  color: var(--brand-secondary-1);
-  box-shadow: 0 0 0 1px var(--brand-secondary-1);
-  transition: box-shadow var(--duration-fast) var(--timing-ease-out);
-  gap: var(--spacing-sm);
-
-  &:disabled {
-    color: var(--gray-300);
-    box-shadow: 0 0 0 1px var(--gray-300);
-  }
-
-  ${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
-`;
 var buttonUnimportant = css`
   background: var(--brand-secondary-2);
   color: var(--brand-secondary-1);
@@ -10405,7 +10391,6 @@ var Button = React5.forwardRef(
   ({ buttonType = "primary", size = "md", children, ...props }, ref) => {
     const buttonTheme = {
       primary: buttonPrimary,
-      primaryInvert: buttonPrimaryInvert,
       secondary: buttonSecondary,
       secondaryInvert: buttonSecondaryInvert,
       ghost: buttonGhost,
@@ -11317,8 +11302,7 @@ var drawerHeaderStyles = css27`
   font-weight: var(--fw-bold);
   padding-inline: var(--spacing-base);
 `;
-var drawerRendererStyles = (position) => css27`
-  position: ${position};
+var drawerRendererStyles = css27`
   inset: 0;
   overflow: hidden;
   z-index: 40;
@@ -11454,19 +11438,30 @@ var DrawerRenderer = ({
   if (drawersToRender.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx31(CurrentDrawerRendererContext.Provider, { value: { stackId }, children: /* @__PURE__ */ jsx31("div", { css: drawerRendererStyles(position), ...otherProps, children: drawersToRender.map(({ component, id, stackId: stackId2, onRequestClose }, index) => /* @__PURE__ */ jsx31(
-    DrawerWrapper,
+  return /* @__PURE__ */ jsx31(CurrentDrawerRendererContext.Provider, { value: { stackId }, children: /* @__PURE__ */ jsx31(
+    "div",
     {
-      index,
-      totalDrawers: drawersToRender.length,
-      width,
-      minWidth,
-      maxWidth,
-      onOverlayClick: onRequestClose,
-      children: component
-    },
-    `${stackId2}-${id}`
-  )) }) });
+      css: [
+        drawerRendererStyles,
+        { position },
+        position === "sticky" ? { height: "100%", marginTop: "-100%" } : void 0
+      ],
+      ...otherProps,
+      children: drawersToRender.map(({ component, id, stackId: stackId2, onRequestClose }, index) => /* @__PURE__ */ jsx31(
+        DrawerWrapper,
+        {
+          index,
+          totalDrawers: drawersToRender.length,
+          width,
+          minWidth,
+          maxWidth,
+          onOverlayClick: onRequestClose,
+          children: component
+        },
+        `${stackId2}-${id}`
+      ))
+    }
+  ) });
 };
 var DrawerWrapper = ({
   index,
@@ -12706,8 +12701,8 @@ var loadingDot = css44`
 
 // src/components/LoadingIndicator/LoadingIndicator.tsx
 import { jsx as jsx55, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
-var LoadingIndicator = ({ ...props }) => {
-  return /* @__PURE__ */ jsxs33("div", { role: "alert", css: loader, "data-test-id": "loading-indicator", ...props, children: [
+var LoadingIndicator = () => {
+  return /* @__PURE__ */ jsxs33("div", { css: loader, role: "alert", "data-test-id": "loading-indicator", children: [
     /* @__PURE__ */ jsx55("span", { css: loadingDot }),
     /* @__PURE__ */ jsx55("span", { css: loadingDot }),
     /* @__PURE__ */ jsx55("span", { css: loadingDot })
@@ -15075,7 +15070,6 @@ export {
   buttonGhost,
   buttonGhostDestructive,
   buttonPrimary,
-  buttonPrimaryInvert,
   buttonRippleEffect,
   buttonSecondary,
   buttonSecondaryInvert,

package/dist/index.d.ts

@@ -67,7 +67,6 @@ declare const buttonRippleEffect: (props: {
 declare const buttonPrimary: _emotion_react.SerializedStyles;
 declare const buttonSecondary: _emotion_react.SerializedStyles;
 declare const buttonSecondaryInvert: _emotion_react.SerializedStyles;
-declare const buttonPrimaryInvert: _emotion_react.SerializedStyles;
 declare const buttonUnimportant: _emotion_react.SerializedStyles;
 declare const buttonGhost: _emotion_react.SerializedStyles;
 declare const buttonGhostDestructive: _emotion_react.SerializedStyles;
@@ -20185,7 +20184,7 @@ declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<S
 declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Button themes that are available to use with our brand */
-type ButtonThemeProps$1 = 'primary' | 'secondary' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert';
+type ButtonThemeProps$1 = 'primary' | 'secondary' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'secondaryInvert';
 /** Button sizes that are available to use with our brand */
 type ButtonSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type ButtonProps = ButtonProps$1 & {
@@ -20416,7 +20415,7 @@ interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDiv
     /** Sets the css position value
      * @default 'absolute'
      */
-    position?: 'absolute' | 'fixed';
+    position?: 'absolute' | 'fixed' | 'sticky';
 }
 declare const useCurrentDrawerRenderer: () => {
     stackId?: string | undefined;
@@ -20926,7 +20925,7 @@ declare const ScrollableListItem: ({ buttonText, active, ...props }: ScrollableL
  * Loading Indicator
  * @example <LoadingIndicator />
  */
-declare const LoadingIndicator: ({ ...props }: HTMLAttributes<HTMLDivElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const LoadingIndicator: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 interface LoadingOverlayProps {
     /** sets whether to display the loading overlay components */
@@ -21787,4 +21786,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
 };
 declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-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, buttonPrimaryInvert, 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 };
+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

@@ -146,7 +146,6 @@ __export(src_exports, {
   buttonGhost: () => buttonGhost,
   buttonGhostDestructive: () => buttonGhostDestructive,
   buttonPrimary: () => buttonPrimary,
-  buttonPrimaryInvert: () => buttonPrimaryInvert,
   buttonRippleEffect: () => buttonRippleEffect,
   buttonSecondary: () => buttonSecondary,
   buttonSecondaryInvert: () => buttonSecondaryInvert,
@@ -494,20 +493,6 @@ var buttonSecondaryInvert = import_react3.css`
 
   ${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
 `;
-var buttonPrimaryInvert = import_react3.css`
-  background: var(--white);
-  color: var(--brand-secondary-1);
-  box-shadow: 0 0 0 1px var(--brand-secondary-1);
-  transition: box-shadow var(--duration-fast) var(--timing-ease-out);
-  gap: var(--spacing-sm);
-
-  &:disabled {
-    color: var(--gray-300);
-    box-shadow: 0 0 0 1px var(--gray-300);
-  }
-
-  ${buttonRippleEffect({ hoverColor: "var(--gray-50)" })}
-`;
 var buttonUnimportant = import_react3.css`
   background: var(--brand-secondary-2);
   color: var(--brand-secondary-1);
@@ -10593,7 +10578,6 @@ var Button = React5.forwardRef(
   ({ buttonType = "primary", size = "md", children, ...props }, ref) => {
     const buttonTheme = {
       primary: buttonPrimary,
-      primaryInvert: buttonPrimaryInvert,
       secondary: buttonSecondary,
       secondaryInvert: buttonSecondaryInvert,
       ghost: buttonGhost,
@@ -11501,8 +11485,7 @@ var drawerHeaderStyles = import_react34.css`
   font-weight: var(--fw-bold);
   padding-inline: var(--spacing-base);
 `;
-var drawerRendererStyles = (position) => import_react34.css`
-  position: ${position};
+var drawerRendererStyles = import_react34.css`
   inset: 0;
   overflow: hidden;
   z-index: 40;
@@ -11638,19 +11621,30 @@ var DrawerRenderer = ({
   if (drawersToRender.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CurrentDrawerRendererContext.Provider, { value: { stackId }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { css: drawerRendererStyles(position), ...otherProps, children: drawersToRender.map(({ component, id, stackId: stackId2, onRequestClose }, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    DrawerWrapper,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CurrentDrawerRendererContext.Provider, { value: { stackId }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "div",
     {
-      index,
-      totalDrawers: drawersToRender.length,
-      width,
-      minWidth,
-      maxWidth,
-      onOverlayClick: onRequestClose,
-      children: component
-    },
-    `${stackId2}-${id}`
-  )) }) });
+      css: [
+        drawerRendererStyles,
+        { position },
+        position === "sticky" ? { height: "100%", marginTop: "-100%" } : void 0
+      ],
+      ...otherProps,
+      children: drawersToRender.map(({ component, id, stackId: stackId2, onRequestClose }, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        DrawerWrapper,
+        {
+          index,
+          totalDrawers: drawersToRender.length,
+          width,
+          minWidth,
+          maxWidth,
+          onOverlayClick: onRequestClose,
+          children: component
+        },
+        `${stackId2}-${id}`
+      ))
+    }
+  ) });
 };
 var DrawerWrapper = ({
   index,
@@ -12890,8 +12884,8 @@ var loadingDot = import_react58.css`
 
 // src/components/LoadingIndicator/LoadingIndicator.tsx
 var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
-var LoadingIndicator = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { role: "alert", css: loader, "data-test-id": "loading-indicator", ...props, children: [
+var LoadingIndicator = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: loader, role: "alert", "data-test-id": "loading-indicator", children: [
     /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: loadingDot }),
     /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: loadingDot }),
     /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: loadingDot })
@@ -15246,7 +15240,6 @@ var StatusBullet = ({
   buttonGhost,
   buttonGhostDestructive,
   buttonPrimary,
-  buttonPrimaryInvert,
   buttonRippleEffect,
   buttonSecondary,
   buttonSecondaryInvert,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "18.27.1-alpha.25+16ccb5a67",
+  "version": "18.29.0",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -39,7 +39,7 @@
     "react-hotkeys-hook": "4.3.8",
     "react-icons": "4.8.0",
     "react-paginate": "8.1.4",
-    "react-select": "5.7.0",
+    "react-select": "5.7.2",
     "react-use": "17.4.0",
     "reakit": "1.3.11",
     "zod-to-json-schema": "3.20.4"
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "16ccb5a67849a262c250651e2574d64a7edd12a2"
+  "gitHead": "6f1bd112312b3a261b71cd94ea3e74151fc5b0d2"
 }