@uniformdev/design-system 19.173.1-alpha.17 → 19.176.1-alpha.9

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 CHANGED
@@ -3119,37 +3119,10 @@ var customIcons = {
3119
3119
 
3120
3120
  // src/components/Icons/systemIcons.tsx
3121
3121
  import { GenIcon as GenIcon2 } from "@react-icons/all-files";
3122
- import { CgGlobeAlt } from "@react-icons/all-files/cg/CgGlobeAlt";
3123
3122
  import { CgList } from "@react-icons/all-files/cg/CgList";
3124
3123
  import { CgPen } from "@react-icons/all-files/cg/CgPen";
3125
- import { TbBinaryTree2 } from "@react-icons/all-files/tb/TbBinaryTree2";
3126
3124
  import { TbBox } from "@react-icons/all-files/tb/TbBox";
3127
3125
  var uniformComponentIcon = TbBox;
3128
- var uniformConditionalValuesIcon = TbBinaryTree2;
3129
- var uniformAiIcon = customIcons["magic-wand"];
3130
- var uniformLocaleIcon = CgGlobeAlt;
3131
- var uniformLocaleDisabledIcon = GenIcon2({
3132
- tag: "svg",
3133
- attr: { fill: "currentColor", viewBox: "0 0 24 24", role: "img" },
3134
- child: [
3135
- {
3136
- tag: "path",
3137
- attr: {
3138
- fillRule: "evenodd",
3139
- d: "M20.123 15.88A9 9 0 0 0 8.12 3.877l2.787 2.787c.03-.073.06-.145.092-.216.294-.661.592-1.073.823-1.292a.988.988 0 0 1 .178-.14.991.991 0 0 1 .178.14c.23.22.528.63.823 1.292.366.825.665 1.901.838 3.148l3.593 3.594a9.739 9.739 0 0 0 1.548-.665 6.968 6.968 0 0 1-.385 1.827l1.528 1.528ZM14.805 5.585c.691 1.53 1.136 3.62 1.19 5.945a9.939 9.939 0 0 0 1.557-.53c.6-.266.994-.536 1.226-.756a7.016 7.016 0 0 0-3.973-4.66ZM3.877 8.12A9 9 0 0 0 15.88 20.123l-2.787-2.787a7.89 7.89 0 0 1-.092.216c-.294.661-.593 1.073-.823 1.292a.996.996 0 0 1-.178.14.99.99 0 0 1-.178-.14c-.23-.22-.529-.63-.823-1.292-.367-.825-.666-1.901-.838-3.148L6.967 11.21a8.334 8.334 0 0 1-.519-.21c-.6-.266-.995-.536-1.226-.756a6.95 6.95 0 0 1 .183-.596L3.877 8.12Zm5.317 10.295c-.577-1.278-.982-2.947-1.131-4.817-1.183-.256-2.22-.624-3.044-1.073a7.004 7.004 0 0 0 4.175 5.89Z",
3140
- clipRule: "evenodd"
3141
- },
3142
- child: []
3143
- },
3144
- {
3145
- tag: "path",
3146
- attr: {
3147
- d: "M20.031 20.031a1.5 1.5 0 0 1-2.121 0L3.06 5.182a1.5 1.5 0 0 1 2.122-2.121L20.03 17.91a1.5 1.5 0 0 1 0 2.121Z"
3148
- },
3149
- child: []
3150
- }
3151
- ]
3152
- });
3153
3126
  var uniformComponentPatternIcon = GenIcon2({
3154
3127
  tag: "svg",
3155
3128
  attr: {
@@ -12316,7 +12289,6 @@ var menuItem = (textTheme, forceActive) => css26`
12316
12289
  font-weight: var(--fw-regular);
12317
12290
  flex-grow: 1;
12318
12291
  gap: var(--spacing-xs);
12319
- cursor: default;
12320
12292
  white-space: nowrap;
12321
12293
  transition: background-color var(--duration-fast) var(--timing-ease-out);
12322
12294
  ${forceActive ? activeMenuItem : ""}
@@ -15230,19 +15202,17 @@ var MultilineChip = ({ children, onClick, ...props }) => {
15230
15202
 
15231
15203
  // src/components/Counter/Counter.styles.ts
15232
15204
  import { css as css50 } from "@emotion/react";
15233
- var counterContainer = (bgColor, hasIcon) => css50`
15205
+ var counterContainer = (bgColor) => css50`
15234
15206
  align-items: center;
15235
15207
  border-radius: var(--rounded-full);
15236
15208
  border: 1px solid var(--gray-300);
15237
15209
  background: ${bgColor};
15238
- color: ${bgColor === "var(--accent-dark)" ? "white" : "var(--typography-base)"};
15210
+ color: var(--typography-base);
15239
15211
  display: inline-flex;
15240
- gap: var(--spacing-xs);
15241
- font-size: var(--fs-xs);
15212
+ font-size: var(--fs-xxs);
15242
15213
  font-weight: var(--fw-regular);
15243
15214
  justify-content: center;
15244
- padding: 4px;
15245
- width: ${hasIcon ? "auto" : "var(--spacing-base)"};
15215
+ width: var(--spacing-base);
15246
15216
  height: var(--spacing-base);
15247
15217
  `;
15248
15218
  var counterZeroValue = css50`
@@ -15266,13 +15236,7 @@ var counterIcon = css50`
15266
15236
 
15267
15237
  // src/components/Counter/Counter.tsx
15268
15238
  import { jsx as jsx63, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
15269
- var Counter = ({
15270
- count,
15271
- bgColor = "transparent",
15272
- icon,
15273
- iconColor = "auto",
15274
- ...props
15275
- }) => {
15239
+ var Counter = ({ count, bgColor = "transparent", ...props }) => {
15276
15240
  if (typeof count === "undefined") {
15277
15241
  return null;
15278
15242
  }
@@ -15281,19 +15245,7 @@ var Counter = ({
15281
15245
  /* @__PURE__ */ jsx63(Icon, { icon: "math-plus", iconColor: "currentColor", size: "0.5rem", css: counterIcon })
15282
15246
  ] }) : count;
15283
15247
  const formatCount = count === 0 ? /* @__PURE__ */ jsx63("span", { css: counterZeroValue, title: `${count}` }) : isTripleDigits;
15284
- return /* @__PURE__ */ jsxs39("div", { css: counterContainer(bgColor, Boolean(icon)), ...props, children: [
15285
- icon ? /* @__PURE__ */ jsx63(
15286
- "span",
15287
- {
15288
- css: [
15289
- iconColor ? functionalColors : void 0,
15290
- { color: iconColor ? iconColor === "red" ? "var(--brand-secondary-5)" : iconColor : "inherit" }
15291
- ],
15292
- children: /* @__PURE__ */ jsx63(Icon, { icon, iconColor: "currentColor", size: "0.6rem" })
15293
- }
15294
- ) : null,
15295
- /* @__PURE__ */ jsx63("span", { children: formatCount })
15296
- ] });
15248
+ return /* @__PURE__ */ jsx63("div", { css: counterContainer(bgColor), ...props, children: formatCount });
15297
15249
  };
15298
15250
 
15299
15251
  // src/components/DashedBox/DashedBox.styles.ts
@@ -15383,6 +15335,7 @@ var input2 = css53`
15383
15335
  padding: 0;
15384
15336
  display: flex;
15385
15337
  justify-content: space-between;
15338
+ gap: var(--spacing-xs);
15386
15339
  `;
15387
15340
  var inputLabel = css53`
15388
15341
  flex-grow: 1;
@@ -15401,9 +15354,9 @@ var trigger = css53`
15401
15354
  `;
15402
15355
  var popover = css53`
15403
15356
  padding: var(--spacing-md);
15404
- max-width: none;
15357
+ max-width: unset;
15405
15358
  container-type: inline-size;
15406
- width: 100%;
15359
+ width: clamp(200px, 100%, 540px);
15407
15360
  `;
15408
15361
  var popoverInnerContent = css53`
15409
15362
  display: grid;
@@ -15422,6 +15375,8 @@ var popoverInnerContent = css53`
15422
15375
  var calendarSection = css53`
15423
15376
  grid-column: 1;
15424
15377
  grid-row: 1 / 3;
15378
+ max-width: 240px;
15379
+ margin-inline: auto;
15425
15380
 
15426
15381
  [data-variant='date'] & {
15427
15382
  grid-row: 1 / 2;
@@ -15443,6 +15398,7 @@ var datePart = css53`
15443
15398
  var datePartButton = css53`
15444
15399
  // this allows the button to be as wide as the text
15445
15400
  min-width: 0;
15401
+ margin-right: auto;
15446
15402
  `;
15447
15403
 
15448
15404
  // src/components/DateTimePicker/DateTimePickerSummary.tsx
@@ -15591,10 +15547,12 @@ var DateTimePicker = ({
15591
15547
  warningMessage,
15592
15548
  disabled: disabled2,
15593
15549
  onChange,
15594
- testId,
15550
+ testId = "datetime-picker",
15551
+ placement = "bottom-start",
15552
+ offset,
15595
15553
  ...props
15596
15554
  }) => {
15597
- const popover2 = usePopoverState({ placement: "bottom-start" });
15555
+ const popover2 = usePopoverState({ placement, unstable_offset: offset });
15598
15556
  const parsedValue = useMemo(() => tryParseAbsolute(value == null ? void 0 : value.datetime, value == null ? void 0 : value.timeZone), [value]);
15599
15557
  const parsedMinVisible = useMemo(
15600
15558
  () => tryParseAbsoluteToDateString(minVisible, value == null ? void 0 : value.timeZone),
@@ -15765,21 +15723,17 @@ import { css as css54 } from "@emotion/react";
15765
15723
  var descriptionListHorizontal = css54`
15766
15724
  display: grid;
15767
15725
  grid-template-columns: max-content auto;
15768
- gap: var(--spacing-xs) var(--spacing-md);
15726
+ gap: var(--spacing-sm) var(--spacing-md);
15769
15727
  `;
15770
15728
  var descriptionListVertical = css54`
15771
15729
  display: flex;
15772
15730
  flex-direction: column;
15773
- gap: var(--spacing-xs);
15731
+ gap: var(--spacing-sm);
15774
15732
  `;
15775
15733
  var descriptionListLabelStyles = css54`
15776
15734
  display: flex;
15777
15735
  align-items: center;
15778
15736
  color: var(--gray-500);
15779
-
15780
- dd + & {
15781
- margin-top: var(--spacing-sm);
15782
- }
15783
15737
  `;
15784
15738
  var descriptionListValueStyles = css54`
15785
15739
  display: flex;
@@ -15834,7 +15788,10 @@ var detailsContent = css55`
15834
15788
  position: relative;
15835
15789
  animation: ${fadeInRtl} var(--duration-fast) var(--timing-ease-out) forwards;
15836
15790
  will-change: height;
15837
- z-index: 1;
15791
+
15792
+ &:focus-within {
15793
+ z-index: 1;
15794
+ }
15838
15795
  `;
15839
15796
  var detailsContentIndented = css55`
15840
15797
  margin-left: calc(1.25rem / 2);
@@ -18966,14 +18923,19 @@ var ObjectListItemContainer = css84`
18966
18923
  }
18967
18924
  `;
18968
18925
  var ObjectListItemCover = css84`
18969
- max-width: 80px;
18970
- min-height: 45px;
18926
+ align-items: center;
18927
+ background: var(--gray-100);
18928
+ color: var(--gray-500);
18929
+ display: flex;
18930
+ width: 80px;
18931
+ height: 45px;
18932
+ text-align: center;
18933
+ font-size: var(--fs-xs);
18934
+ `;
18935
+ var ObjectListItemImage = css84`
18971
18936
  object-fit: cover;
18972
-
18973
- [role='presentation'] {
18974
- background: var(--gray-200);
18975
- height: 45px;
18976
- }
18937
+ width: 100%;
18938
+ height: 100%;
18977
18939
  `;
18978
18940
  var ObjectListItemLoading = css84`
18979
18941
  animation: ${skeletonLoading} 1s linear infinite alternate;
@@ -19056,26 +19018,30 @@ var ObjectListItem2 = (props) => {
19056
19018
 
19057
19019
  // src/components/Objects/ObjectListItemContainer.tsx
19058
19020
  import { jsx as jsx110 } from "@emotion/react/jsx-runtime";
19059
- var ObjectListItemContainer2 = ({ children, ...props }) => {
19060
- return /* @__PURE__ */ jsx110(VerticalRhythm, { css: ObjectListItemContainer, role: "list", ...props, children });
19021
+ var ObjectListItemContainer2 = ({ children, gap = "0", ...props }) => {
19022
+ return /* @__PURE__ */ jsx110(VerticalRhythm, { gap, css: ObjectListItemContainer, role: "list", ...props, children });
19061
19023
  };
19062
19024
 
19063
19025
  // src/components/Objects/ObjectListItemCover.tsx
19064
19026
  import { jsx as jsx111 } from "@emotion/react/jsx-runtime";
19065
- var ObjectListItemCover2 = ({ imageUrl, ...props }) => {
19027
+ var ObjectListItemCover2 = ({
19028
+ imageUrl,
19029
+ noImageText = "Image not available",
19030
+ ...props
19031
+ }) => {
19066
19032
  if (!imageUrl) {
19067
- return /* @__PURE__ */ jsx111("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail" });
19033
+ return /* @__PURE__ */ jsx111("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail", children: noImageText });
19068
19034
  }
19069
- return /* @__PURE__ */ jsx111(
19035
+ return /* @__PURE__ */ jsx111("div", { css: ObjectListItemCover, children: /* @__PURE__ */ jsx111(
19070
19036
  "img",
19071
19037
  {
19072
- css: ObjectListItemCover,
19073
19038
  src: imageUrl,
19039
+ css: ObjectListItemImage,
19074
19040
  loading: "lazy",
19075
19041
  "data-testid": "object-list-item-thumbnail",
19076
19042
  ...props
19077
19043
  }
19078
- );
19044
+ ) });
19079
19045
  };
19080
19046
 
19081
19047
  // src/components/Objects/ObjectListItemHeading.tsx
@@ -23030,16 +22996,12 @@ export {
23030
22996
  supports,
23031
22997
  textInput,
23032
22998
  toast,
23033
- uniformAiIcon,
23034
22999
  uniformComponentIcon,
23035
23000
  uniformComponentPatternIcon,
23036
23001
  uniformCompositionPatternIcon,
23037
- uniformConditionalValuesIcon,
23038
23002
  uniformContentTypeIcon,
23039
23003
  uniformEntryIcon,
23040
23004
  uniformEntryPatternIcon,
23041
- uniformLocaleDisabledIcon,
23042
- uniformLocaleIcon,
23043
23005
  useBreakpoint,
23044
23006
  useCloseCurrentDrawer,
23045
23007
  useCurrentDrawer,
package/dist/index.d.mts CHANGED
@@ -16,6 +16,7 @@ import * as _react_icons_all_files from '@react-icons/all-files';
16
16
  import { IconType as IconType$2 } from '@react-icons/all-files';
17
17
  import { DateValue } from '@internationalized/date';
18
18
  import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
19
+ import { PopoverState } from 'reakit/Popover';
19
20
  import { CreatableProps } from 'react-select/creatable';
20
21
  import InternalSelect from 'react-select/dist/declarations/src/Select';
21
22
  import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
@@ -21187,10 +21188,6 @@ declare function IconsProvider({ children }: {
21187
21188
  }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21188
21189
 
21189
21190
  declare const uniformComponentIcon: IconType$1;
21190
- declare const uniformConditionalValuesIcon: IconType$1;
21191
- declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21192
- declare const uniformLocaleIcon: IconType$1;
21193
- declare const uniformLocaleDisabledIcon: IconType$1;
21194
21191
  declare const uniformComponentPatternIcon: IconType$1;
21195
21192
  declare const uniformCompositionPatternIcon: IconType$1;
21196
21193
  declare const uniformContentTypeIcon: IconType$1;
@@ -21400,22 +21397,16 @@ type MultilineChipProps = {
21400
21397
  */
21401
21398
  declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21402
21399
 
21403
- type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
21404
- type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
21405
21400
  type CounterProps = {
21406
21401
  /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
21407
21402
  count: number | undefined;
21408
21403
  /** sets the background color
21409
21404
  * @default 'transparent'
21410
21405
  */
21411
- bgColor?: CounterBgColors;
21412
- /** sets the color of the icon if one is provided */
21413
- iconColor?: CounterIconColors;
21414
- /** Optional icon for the counter */
21415
- icon?: IconType;
21416
- } & React.HTMLAttributes<HTMLDivElement>;
21406
+ bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
21407
+ } & React$1.HTMLAttributes<HTMLDivElement>;
21417
21408
  /** @example <Counter count={1} /> */
21418
- declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21409
+ declare const Counter: ({ count, bgColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21419
21410
 
21420
21411
  type TextAlignProps = 'left' | 'right' | 'center';
21421
21412
  type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
@@ -21480,6 +21471,10 @@ type DateTimePickerProps = {
21480
21471
  disabled?: boolean;
21481
21472
  /** (optional) sets the base test id for each of the elements with a testid */
21482
21473
  testId?: string;
21474
+ /** (optional) sets the popover placement */
21475
+ placement?: PopoverState['placement'];
21476
+ /** (optional) sets the popover offset */
21477
+ offset?: [string | number, string | number] | undefined;
21483
21478
  };
21484
21479
  /**
21485
21480
  * Use this context for slots within the date time picker
@@ -21502,7 +21497,7 @@ declare function useDateTimePickerContext(): {
21502
21497
  * Subcomponents can manipulate the value directly by using
21503
21498
  * the `useDateTimePickerContext()` hook.
21504
21499
  */
21505
- declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21500
+ declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, placement, offset, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21506
21501
 
21507
21502
  declare function DateTimePickerSummary({ value, placeholder, }: {
21508
21503
  value: DateTimePickerValue | null | undefined;
@@ -22915,14 +22910,18 @@ type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
22915
22910
  declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22916
22911
 
22917
22912
  /** @deprecated - Beta Object list item container component */
22918
- declare const ObjectListItemContainer: ({ children, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22913
+ declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22919
22914
 
22920
22915
  /** @deprecated - Beta Object list item cover component */
22921
22916
  type ObjectListItemCoverProps = {
22922
22917
  imageUrl?: string;
22918
+ /** (optional) sets the text to display when there is no image
22919
+ * @default 'Image not available'
22920
+ */
22921
+ noImageText?: string;
22923
22922
  } & HTMLAttributes<HTMLImageElement>;
22924
22923
  /** @deprecated - beta Object list item cover component */
22925
- declare const ObjectListItemCover: ({ imageUrl, ...props }: ObjectListItemCoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22924
+ declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22926
22925
 
22927
22926
  /** @deprecated - Beta Object list item heading component */
22928
22927
  type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading'> & HTMLAttributes<HTMLDivElement> & {
@@ -23945,4 +23944,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
23945
23944
  };
23946
23945
  declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23947
23946
 
23948
- export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
23947
+ export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
package/dist/index.d.ts CHANGED
@@ -16,6 +16,7 @@ import * as _react_icons_all_files from '@react-icons/all-files';
16
16
  import { IconType as IconType$2 } from '@react-icons/all-files';
17
17
  import { DateValue } from '@internationalized/date';
18
18
  import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
19
+ import { PopoverState } from 'reakit/Popover';
19
20
  import { CreatableProps } from 'react-select/creatable';
20
21
  import InternalSelect from 'react-select/dist/declarations/src/Select';
21
22
  import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
@@ -21187,10 +21188,6 @@ declare function IconsProvider({ children }: {
21187
21188
  }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21188
21189
 
21189
21190
  declare const uniformComponentIcon: IconType$1;
21190
- declare const uniformConditionalValuesIcon: IconType$1;
21191
- declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21192
- declare const uniformLocaleIcon: IconType$1;
21193
- declare const uniformLocaleDisabledIcon: IconType$1;
21194
21191
  declare const uniformComponentPatternIcon: IconType$1;
21195
21192
  declare const uniformCompositionPatternIcon: IconType$1;
21196
21193
  declare const uniformContentTypeIcon: IconType$1;
@@ -21400,22 +21397,16 @@ type MultilineChipProps = {
21400
21397
  */
21401
21398
  declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21402
21399
 
21403
- type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
21404
- type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
21405
21400
  type CounterProps = {
21406
21401
  /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
21407
21402
  count: number | undefined;
21408
21403
  /** sets the background color
21409
21404
  * @default 'transparent'
21410
21405
  */
21411
- bgColor?: CounterBgColors;
21412
- /** sets the color of the icon if one is provided */
21413
- iconColor?: CounterIconColors;
21414
- /** Optional icon for the counter */
21415
- icon?: IconType;
21416
- } & React.HTMLAttributes<HTMLDivElement>;
21406
+ bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
21407
+ } & React$1.HTMLAttributes<HTMLDivElement>;
21417
21408
  /** @example <Counter count={1} /> */
21418
- declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21409
+ declare const Counter: ({ count, bgColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21419
21410
 
21420
21411
  type TextAlignProps = 'left' | 'right' | 'center';
21421
21412
  type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
@@ -21480,6 +21471,10 @@ type DateTimePickerProps = {
21480
21471
  disabled?: boolean;
21481
21472
  /** (optional) sets the base test id for each of the elements with a testid */
21482
21473
  testId?: string;
21474
+ /** (optional) sets the popover placement */
21475
+ placement?: PopoverState['placement'];
21476
+ /** (optional) sets the popover offset */
21477
+ offset?: [string | number, string | number] | undefined;
21483
21478
  };
21484
21479
  /**
21485
21480
  * Use this context for slots within the date time picker
@@ -21502,7 +21497,7 @@ declare function useDateTimePickerContext(): {
21502
21497
  * Subcomponents can manipulate the value directly by using
21503
21498
  * the `useDateTimePickerContext()` hook.
21504
21499
  */
21505
- declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21500
+ declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, placement, offset, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21506
21501
 
21507
21502
  declare function DateTimePickerSummary({ value, placeholder, }: {
21508
21503
  value: DateTimePickerValue | null | undefined;
@@ -22915,14 +22910,18 @@ type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
22915
22910
  declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22916
22911
 
22917
22912
  /** @deprecated - Beta Object list item container component */
22918
- declare const ObjectListItemContainer: ({ children, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22913
+ declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22919
22914
 
22920
22915
  /** @deprecated - Beta Object list item cover component */
22921
22916
  type ObjectListItemCoverProps = {
22922
22917
  imageUrl?: string;
22918
+ /** (optional) sets the text to display when there is no image
22919
+ * @default 'Image not available'
22920
+ */
22921
+ noImageText?: string;
22923
22922
  } & HTMLAttributes<HTMLImageElement>;
22924
22923
  /** @deprecated - beta Object list item cover component */
22925
- declare const ObjectListItemCover: ({ imageUrl, ...props }: ObjectListItemCoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22924
+ declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22926
22925
 
22927
22926
  /** @deprecated - Beta Object list item heading component */
22928
22927
  type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading'> & HTMLAttributes<HTMLDivElement> & {
@@ -23945,4 +23944,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
23945
23944
  };
23946
23945
  declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23947
23946
 
23948
- export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
23947
+ export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
package/dist/index.js CHANGED
@@ -1592,16 +1592,12 @@ __export(src_exports, {
1592
1592
  supports: () => supports,
1593
1593
  textInput: () => textInput,
1594
1594
  toast: () => import_react_toastify.toast,
1595
- uniformAiIcon: () => uniformAiIcon,
1596
1595
  uniformComponentIcon: () => uniformComponentIcon,
1597
1596
  uniformComponentPatternIcon: () => uniformComponentPatternIcon,
1598
1597
  uniformCompositionPatternIcon: () => uniformCompositionPatternIcon,
1599
- uniformConditionalValuesIcon: () => uniformConditionalValuesIcon,
1600
1598
  uniformContentTypeIcon: () => uniformContentTypeIcon,
1601
1599
  uniformEntryIcon: () => uniformEntryIcon,
1602
1600
  uniformEntryPatternIcon: () => uniformEntryPatternIcon,
1603
- uniformLocaleDisabledIcon: () => uniformLocaleDisabledIcon,
1604
- uniformLocaleIcon: () => uniformLocaleIcon,
1605
1601
  useBreakpoint: () => useBreakpoint,
1606
1602
  useCloseCurrentDrawer: () => useCloseCurrentDrawer,
1607
1603
  useCurrentDrawer: () => useCurrentDrawer,
@@ -4791,37 +4787,10 @@ var customIcons = {
4791
4787
  // src/components/Icons/systemIcons.tsx
4792
4788
  init_emotion_jsx_shim();
4793
4789
  var import_all_files2 = require("@react-icons/all-files");
4794
- var import_CgGlobeAlt2 = require("@react-icons/all-files/cg/CgGlobeAlt");
4795
4790
  var import_CgList2 = require("@react-icons/all-files/cg/CgList");
4796
4791
  var import_CgPen2 = require("@react-icons/all-files/cg/CgPen");
4797
- var import_TbBinaryTree2 = require("@react-icons/all-files/tb/TbBinaryTree2");
4798
4792
  var import_TbBox = require("@react-icons/all-files/tb/TbBox");
4799
4793
  var uniformComponentIcon = import_TbBox.TbBox;
4800
- var uniformConditionalValuesIcon = import_TbBinaryTree2.TbBinaryTree2;
4801
- var uniformAiIcon = customIcons["magic-wand"];
4802
- var uniformLocaleIcon = import_CgGlobeAlt2.CgGlobeAlt;
4803
- var uniformLocaleDisabledIcon = (0, import_all_files2.GenIcon)({
4804
- tag: "svg",
4805
- attr: { fill: "currentColor", viewBox: "0 0 24 24", role: "img" },
4806
- child: [
4807
- {
4808
- tag: "path",
4809
- attr: {
4810
- fillRule: "evenodd",
4811
- d: "M20.123 15.88A9 9 0 0 0 8.12 3.877l2.787 2.787c.03-.073.06-.145.092-.216.294-.661.592-1.073.823-1.292a.988.988 0 0 1 .178-.14.991.991 0 0 1 .178.14c.23.22.528.63.823 1.292.366.825.665 1.901.838 3.148l3.593 3.594a9.739 9.739 0 0 0 1.548-.665 6.968 6.968 0 0 1-.385 1.827l1.528 1.528ZM14.805 5.585c.691 1.53 1.136 3.62 1.19 5.945a9.939 9.939 0 0 0 1.557-.53c.6-.266.994-.536 1.226-.756a7.016 7.016 0 0 0-3.973-4.66ZM3.877 8.12A9 9 0 0 0 15.88 20.123l-2.787-2.787a7.89 7.89 0 0 1-.092.216c-.294.661-.593 1.073-.823 1.292a.996.996 0 0 1-.178.14.99.99 0 0 1-.178-.14c-.23-.22-.529-.63-.823-1.292-.367-.825-.666-1.901-.838-3.148L6.967 11.21a8.334 8.334 0 0 1-.519-.21c-.6-.266-.995-.536-1.226-.756a6.95 6.95 0 0 1 .183-.596L3.877 8.12Zm5.317 10.295c-.577-1.278-.982-2.947-1.131-4.817-1.183-.256-2.22-.624-3.044-1.073a7.004 7.004 0 0 0 4.175 5.89Z",
4812
- clipRule: "evenodd"
4813
- },
4814
- child: []
4815
- },
4816
- {
4817
- tag: "path",
4818
- attr: {
4819
- d: "M20.031 20.031a1.5 1.5 0 0 1-2.121 0L3.06 5.182a1.5 1.5 0 0 1 2.122-2.121L20.03 17.91a1.5 1.5 0 0 1 0 2.121Z"
4820
- },
4821
- child: []
4822
- }
4823
- ]
4824
- });
4825
4794
  var uniformComponentPatternIcon = (0, import_all_files2.GenIcon)({
4826
4795
  tag: "svg",
4827
4796
  attr: {
@@ -14019,7 +13988,6 @@ var menuItem = (textTheme, forceActive) => import_react34.css`
14019
13988
  font-weight: var(--fw-regular);
14020
13989
  flex-grow: 1;
14021
13990
  gap: var(--spacing-xs);
14022
- cursor: default;
14023
13991
  white-space: nowrap;
14024
13992
  transition: background-color var(--duration-fast) var(--timing-ease-out);
14025
13993
  ${forceActive ? activeMenuItem : ""}
@@ -16997,19 +16965,17 @@ init_emotion_jsx_shim();
16997
16965
  // src/components/Counter/Counter.styles.ts
16998
16966
  init_emotion_jsx_shim();
16999
16967
  var import_react71 = require("@emotion/react");
17000
- var counterContainer = (bgColor, hasIcon) => import_react71.css`
16968
+ var counterContainer = (bgColor) => import_react71.css`
17001
16969
  align-items: center;
17002
16970
  border-radius: var(--rounded-full);
17003
16971
  border: 1px solid var(--gray-300);
17004
16972
  background: ${bgColor};
17005
- color: ${bgColor === "var(--accent-dark)" ? "white" : "var(--typography-base)"};
16973
+ color: var(--typography-base);
17006
16974
  display: inline-flex;
17007
- gap: var(--spacing-xs);
17008
- font-size: var(--fs-xs);
16975
+ font-size: var(--fs-xxs);
17009
16976
  font-weight: var(--fw-regular);
17010
16977
  justify-content: center;
17011
- padding: 4px;
17012
- width: ${hasIcon ? "auto" : "var(--spacing-base)"};
16978
+ width: var(--spacing-base);
17013
16979
  height: var(--spacing-base);
17014
16980
  `;
17015
16981
  var counterZeroValue = import_react71.css`
@@ -17033,13 +16999,7 @@ var counterIcon = import_react71.css`
17033
16999
 
17034
17000
  // src/components/Counter/Counter.tsx
17035
17001
  var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
17036
- var Counter = ({
17037
- count,
17038
- bgColor = "transparent",
17039
- icon,
17040
- iconColor = "auto",
17041
- ...props
17042
- }) => {
17002
+ var Counter = ({ count, bgColor = "transparent", ...props }) => {
17043
17003
  if (typeof count === "undefined") {
17044
17004
  return null;
17045
17005
  }
@@ -17048,19 +17008,7 @@ var Counter = ({
17048
17008
  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { icon: "math-plus", iconColor: "currentColor", size: "0.5rem", css: counterIcon })
17049
17009
  ] }) : count;
17050
17010
  const formatCount = count === 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { css: counterZeroValue, title: `${count}` }) : isTripleDigits;
17051
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { css: counterContainer(bgColor, Boolean(icon)), ...props, children: [
17052
- icon ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
17053
- "span",
17054
- {
17055
- css: [
17056
- iconColor ? functionalColors : void 0,
17057
- { color: iconColor ? iconColor === "red" ? "var(--brand-secondary-5)" : iconColor : "inherit" }
17058
- ],
17059
- children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { icon, iconColor: "currentColor", size: "0.6rem" })
17060
- }
17061
- ) : null,
17062
- /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: formatCount })
17063
- ] });
17011
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { css: counterContainer(bgColor), ...props, children: formatCount });
17064
17012
  };
17065
17013
 
17066
17014
  // src/components/DashedBox/DashedBox.tsx
@@ -17160,6 +17108,7 @@ var input2 = import_react74.css`
17160
17108
  padding: 0;
17161
17109
  display: flex;
17162
17110
  justify-content: space-between;
17111
+ gap: var(--spacing-xs);
17163
17112
  `;
17164
17113
  var inputLabel = import_react74.css`
17165
17114
  flex-grow: 1;
@@ -17178,9 +17127,9 @@ var trigger = import_react74.css`
17178
17127
  `;
17179
17128
  var popover = import_react74.css`
17180
17129
  padding: var(--spacing-md);
17181
- max-width: none;
17130
+ max-width: unset;
17182
17131
  container-type: inline-size;
17183
- width: 100%;
17132
+ width: clamp(200px, 100%, 540px);
17184
17133
  `;
17185
17134
  var popoverInnerContent = import_react74.css`
17186
17135
  display: grid;
@@ -17199,6 +17148,8 @@ var popoverInnerContent = import_react74.css`
17199
17148
  var calendarSection = import_react74.css`
17200
17149
  grid-column: 1;
17201
17150
  grid-row: 1 / 3;
17151
+ max-width: 240px;
17152
+ margin-inline: auto;
17202
17153
 
17203
17154
  [data-variant='date'] & {
17204
17155
  grid-row: 1 / 2;
@@ -17220,6 +17171,7 @@ var datePart = import_react74.css`
17220
17171
  var datePartButton = import_react74.css`
17221
17172
  // this allows the button to be as wide as the text
17222
17173
  min-width: 0;
17174
+ margin-right: auto;
17223
17175
  `;
17224
17176
 
17225
17177
  // src/components/DateTimePicker/DateTimePickerSummary.tsx
@@ -17363,10 +17315,12 @@ var DateTimePicker = ({
17363
17315
  warningMessage,
17364
17316
  disabled: disabled2,
17365
17317
  onChange,
17366
- testId,
17318
+ testId = "datetime-picker",
17319
+ placement = "bottom-start",
17320
+ offset,
17367
17321
  ...props
17368
17322
  }) => {
17369
- const popover2 = (0, import_Popover.usePopoverState)({ placement: "bottom-start" });
17323
+ const popover2 = (0, import_Popover.usePopoverState)({ placement, unstable_offset: offset });
17370
17324
  const parsedValue = (0, import_react75.useMemo)(() => tryParseAbsolute(value == null ? void 0 : value.datetime, value == null ? void 0 : value.timeZone), [value]);
17371
17325
  const parsedMinVisible = (0, import_react75.useMemo)(
17372
17326
  () => tryParseAbsoluteToDateString(minVisible, value == null ? void 0 : value.timeZone),
@@ -17539,21 +17493,17 @@ var import_react76 = require("@emotion/react");
17539
17493
  var descriptionListHorizontal = import_react76.css`
17540
17494
  display: grid;
17541
17495
  grid-template-columns: max-content auto;
17542
- gap: var(--spacing-xs) var(--spacing-md);
17496
+ gap: var(--spacing-sm) var(--spacing-md);
17543
17497
  `;
17544
17498
  var descriptionListVertical = import_react76.css`
17545
17499
  display: flex;
17546
17500
  flex-direction: column;
17547
- gap: var(--spacing-xs);
17501
+ gap: var(--spacing-sm);
17548
17502
  `;
17549
17503
  var descriptionListLabelStyles = import_react76.css`
17550
17504
  display: flex;
17551
17505
  align-items: center;
17552
17506
  color: var(--gray-500);
17553
-
17554
- dd + & {
17555
- margin-top: var(--spacing-sm);
17556
- }
17557
17507
  `;
17558
17508
  var descriptionListValueStyles = import_react76.css`
17559
17509
  display: flex;
@@ -17610,7 +17560,10 @@ var detailsContent = import_react78.css`
17610
17560
  position: relative;
17611
17561
  animation: ${fadeInRtl} var(--duration-fast) var(--timing-ease-out) forwards;
17612
17562
  will-change: height;
17613
- z-index: 1;
17563
+
17564
+ &:focus-within {
17565
+ z-index: 1;
17566
+ }
17614
17567
  `;
17615
17568
  var detailsContentIndented = import_react78.css`
17616
17569
  margin-left: calc(1.25rem / 2);
@@ -20829,14 +20782,19 @@ var ObjectListItemContainer = import_react126.css`
20829
20782
  }
20830
20783
  `;
20831
20784
  var ObjectListItemCover = import_react126.css`
20832
- max-width: 80px;
20833
- min-height: 45px;
20785
+ align-items: center;
20786
+ background: var(--gray-100);
20787
+ color: var(--gray-500);
20788
+ display: flex;
20789
+ width: 80px;
20790
+ height: 45px;
20791
+ text-align: center;
20792
+ font-size: var(--fs-xs);
20793
+ `;
20794
+ var ObjectListItemImage = import_react126.css`
20834
20795
  object-fit: cover;
20835
-
20836
- [role='presentation'] {
20837
- background: var(--gray-200);
20838
- height: 45px;
20839
- }
20796
+ width: 100%;
20797
+ height: 100%;
20840
20798
  `;
20841
20799
  var ObjectListItemLoading = import_react126.css`
20842
20800
  animation: ${skeletonLoading} 1s linear infinite alternate;
@@ -20921,27 +20879,31 @@ var ObjectListItem2 = (props) => {
20921
20879
  // src/components/Objects/ObjectListItemContainer.tsx
20922
20880
  init_emotion_jsx_shim();
20923
20881
  var import_jsx_runtime110 = require("@emotion/react/jsx-runtime");
20924
- var ObjectListItemContainer2 = ({ children, ...props }) => {
20925
- return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(VerticalRhythm, { css: ObjectListItemContainer, role: "list", ...props, children });
20882
+ var ObjectListItemContainer2 = ({ children, gap = "0", ...props }) => {
20883
+ return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(VerticalRhythm, { gap, css: ObjectListItemContainer, role: "list", ...props, children });
20926
20884
  };
20927
20885
 
20928
20886
  // src/components/Objects/ObjectListItemCover.tsx
20929
20887
  init_emotion_jsx_shim();
20930
20888
  var import_jsx_runtime111 = require("@emotion/react/jsx-runtime");
20931
- var ObjectListItemCover2 = ({ imageUrl, ...props }) => {
20889
+ var ObjectListItemCover2 = ({
20890
+ imageUrl,
20891
+ noImageText = "Image not available",
20892
+ ...props
20893
+ }) => {
20932
20894
  if (!imageUrl) {
20933
- return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail" });
20895
+ return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail", children: noImageText });
20934
20896
  }
20935
- return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
20897
+ return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { css: ObjectListItemCover, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
20936
20898
  "img",
20937
20899
  {
20938
- css: ObjectListItemCover,
20939
20900
  src: imageUrl,
20901
+ css: ObjectListItemImage,
20940
20902
  loading: "lazy",
20941
20903
  "data-testid": "object-list-item-thumbnail",
20942
20904
  ...props
20943
20905
  }
20944
- );
20906
+ ) });
20945
20907
  };
20946
20908
 
20947
20909
  // src/components/Objects/ObjectListItemHeading.tsx
@@ -24917,16 +24879,12 @@ var StatusBullet = ({
24917
24879
  supports,
24918
24880
  textInput,
24919
24881
  toast,
24920
- uniformAiIcon,
24921
24882
  uniformComponentIcon,
24922
24883
  uniformComponentPatternIcon,
24923
24884
  uniformCompositionPatternIcon,
24924
- uniformConditionalValuesIcon,
24925
24885
  uniformContentTypeIcon,
24926
24886
  uniformEntryIcon,
24927
24887
  uniformEntryPatternIcon,
24928
- uniformLocaleDisabledIcon,
24929
- uniformLocaleIcon,
24930
24888
  useBreakpoint,
24931
24889
  useCloseCurrentDrawer,
24932
24890
  useCurrentDrawer,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "19.173.1-alpha.17+25c1176cea",
3
+ "version": "19.176.1-alpha.9+f0d014e428",
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": "8.0.10",
25
25
  "@types/react": "18.2.40",
26
26
  "@types/react-dom": "18.2.17",
27
- "@uniformdev/canvas": "^19.173.1-alpha.17+25c1176cea",
28
- "@uniformdev/richtext": "^19.173.1-alpha.17+25c1176cea",
27
+ "@uniformdev/canvas": "^19.176.1-alpha.9+f0d014e428",
28
+ "@uniformdev/richtext": "^19.176.1-alpha.9+f0d014e428",
29
29
  "autoprefixer": "10.4.16",
30
30
  "hygen": "6.2.11",
31
31
  "postcss": "8.4.38",
@@ -76,5 +76,5 @@
76
76
  "publishConfig": {
77
77
  "access": "public"
78
78
  },
79
- "gitHead": "25c1176cea8d5114b92fc75cdd8bba4aa6463a50"
79
+ "gitHead": "f0d014e4289935e7192ae91d421883c8b49cc3fb"
80
80
  }