@uniformdev/design-system 19.2.0 → 19.5.1-alpha.22

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.
Files changed (4) hide show
  1. package/dist/esm/index.js +1512 -1272
  2. package/dist/index.d.ts +261 -299
  3. package/dist/index.js +1615 -1372
  4. package/package.json +6 -6
package/dist/index.d.ts CHANGED
@@ -76,6 +76,7 @@ declare const buttonRippleEffect: (props: {
76
76
  activeColor?: string;
77
77
  }) => _emotion_react.SerializedStyles;
78
78
  declare const buttonPrimary: _emotion_react.SerializedStyles;
79
+ declare const buttonDestructive: _emotion_react.SerializedStyles;
79
80
  declare const buttonSecondary: _emotion_react.SerializedStyles;
80
81
  declare const buttonSecondaryInvert: _emotion_react.SerializedStyles;
81
82
  declare const buttonPrimaryInvert: _emotion_react.SerializedStyles;
@@ -83,6 +84,7 @@ declare const buttonUnimportant: _emotion_react.SerializedStyles;
83
84
  declare const buttonGhost: _emotion_react.SerializedStyles;
84
85
  declare const buttonGhostDestructive: _emotion_react.SerializedStyles;
85
86
  declare const buttonTertiary: _emotion_react.SerializedStyles;
87
+ declare const buttonGhostUnimportant: _emotion_react.SerializedStyles;
86
88
 
87
89
  declare const labelText: _emotion_react.SerializedStyles;
88
90
  declare const input: (whiteSpaceWrap: 'wrap' | 'nowrap') => _emotion_react.SerializedStyles;
@@ -146,7 +148,7 @@ type AddButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onC
146
148
  */
147
149
  declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
148
150
 
149
- type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--brand-secondary-3)';
151
+ type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--primary-action-default)';
150
152
  type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
151
153
  /** (optional) - sets the button text and title value
152
154
  * @default 'Add Item'
@@ -20187,6 +20189,7 @@ type BadgeSizeProps = Record<SizeProps, SerializedStyles>;
20187
20189
  /**
20188
20190
  * Uniform Badge Component
20189
20191
  * @example <Badge text="My badge" theme="success" size="base" />
20192
+ * @deprecated please use Chip component instead
20190
20193
  */
20191
20194
  declare const Badge: ({ text, theme, size, uppercaseText, ...props }: BadgeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20192
20195
 
@@ -20233,11 +20236,12 @@ declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<S
20233
20236
  * @param props - sets react svg element attribute props
20234
20237
  * @example <UniformLogo theme="light" /> */
20235
20238
  declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20239
+ declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20236
20240
 
20237
20241
  /** Button themes that are available to use with our brand */
20238
- type ButtonThemeProps$1 = 'primary' | 'secondary' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert';
20242
+ type ButtonThemeProps$1 = 'primary' | 'secondary' | 'destructive' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
20239
20243
  /** Button sizes that are available to use with our brand */
20240
- type ButtonSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
20244
+ type ButtonSizeProps = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
20241
20245
  type ButtonProps = ButtonProps$1 & {
20242
20246
  /** sets the theme of the button
20243
20247
  * @default "primary"
@@ -20247,7 +20251,7 @@ type ButtonProps = ButtonProps$1 & {
20247
20251
  children?: React$1.ReactNode;
20248
20252
  /**
20249
20253
  * @default "md"
20250
- * @deprecated size might no longer be used as we are trying to consolidate button designs */
20254
+ * */
20251
20255
  size?: ButtonSizeProps;
20252
20256
  };
20253
20257
  /**
@@ -20374,6 +20378,35 @@ declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...p
20374
20378
 
20375
20379
  declare const LoadingCardSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20376
20380
 
20381
+ type ChipSizeProp = 'xs' | 'sm' | 'md';
20382
+ type ChipThemeProps = 'accent-light' | 'accent-dark' | 'accent-alt-light' | 'accent-alt-dark' | 'neutral-light' | 'neutral-dark';
20383
+ type ChipProps = {
20384
+ icon?: IconType$1;
20385
+ text: string;
20386
+ /** sets the size of the chip
20387
+ * @default 'sm'
20388
+ */
20389
+ theme?: ChipThemeProps;
20390
+ chipAction?: React$1.ReactNode;
20391
+ size?: ChipSizeProp;
20392
+ } & React$1.HTMLAttributes<HTMLSpanElement>;
20393
+ /**
20394
+ * @description Chips are used in a variety of ways
20395
+ * To represent tokens, where the value of the chip will be replaced with something dynamically.
20396
+ * To represent tags or important metadata about an object
20397
+ * To represent a different object, as a reference
20398
+ * @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
20399
+ */
20400
+ declare const Chip: ({ icon, text, size, theme, chipAction, ...props }: ChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20401
+ type DismissibleChipActionProps = {
20402
+ onDismiss: () => void;
20403
+ } & HTMLAttributes<HTMLButtonElement>;
20404
+ /**
20405
+ * @description Dismissible chip action should be used with the Chip component
20406
+ * @example <DismissibleChipAction onDismiss={() => {...}}/>
20407
+ */
20408
+ declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20409
+
20377
20410
  type CounterProps = {
20378
20411
  /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
20379
20412
  count: number | undefined;
@@ -20381,9 +20414,9 @@ type CounterProps = {
20381
20414
  * @default 'transparent'
20382
20415
  */
20383
20416
  bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
20384
- };
20417
+ } & React$1.HTMLAttributes<HTMLDivElement>;
20385
20418
  /** @example <Counter count={1} /> */
20386
- declare const Counter: ({ count, bgColor }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
20419
+ declare const Counter: ({ count, bgColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
20387
20420
 
20388
20421
  type TextAlignProps = 'left' | 'right' | 'center';
20389
20422
  type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
@@ -20495,12 +20528,14 @@ interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivE
20495
20528
  onOverlayClick?: () => void;
20496
20529
  }
20497
20530
 
20498
- declare const iconNames: readonly ["add-r", "add", "airplane", "alarm", "album", "align-bottom", "align-center", "align-left", "align-middle", "align-right", "align-top", "anchor", "apple-watch", "arrange-back", "arrange-front", "arrow-align-h", "arrow-align-v", "arrow-bottom-left-o", "arrow-bottom-left-r", "arrow-bottom-left", "arrow-bottom-right-o", "arrow-bottom-right-r", "arrow-bottom-right", "arrow-down-o", "arrow-down-r", "arrow-down", "arrow-left-o", "arrow-left-r", "arrow-left", "arrow-long-down-c", "arrow-long-down-e", "arrow-long-down-l", "arrow-long-down-r", "arrow-long-down", "arrow-long-left-c", "arrow-long-left-e", "arrow-long-left-l", "arrow-long-left-r", "arrow-long-left", "arrow-long-right-c", "arrow-long-right-e", "arrow-long-right-l", "arrow-long-right-r", "arrow-long-right", "arrow-long-up-c", "arrow-long-up-e", "arrow-long-up-l", "arrow-long-up-r", "arrow-long-up", "arrow-right-o", "arrow-right-r", "arrow-right", "arrow-top-left-o", "arrow-top-left-r", "arrow-top-left", "arrow-top-right-o", "arrow-top-right-r", "arrow-top-right", "arrow-up-o", "arrow-up-r", "arrow-up", "arrows-breake-h", "arrows-breake-v", "arrows-exchange-alt-v", "arrows-exchange-alt", "arrows-exchange-v", "arrows-exchange", "arrows-expand-down-left", "arrows-expand-down-right", "arrows-expand-left-alt", "arrows-expand-left", "arrows-expand-right-alt", "arrows-expand-right", "arrows-expand-up-left", "arrows-expand-up-right", "arrows-h-alt", "arrows-h", "arrows-merge-alt-h", "arrows-merge-alt-v", "arrows-scroll-h", "arrows-scroll-v", "arrows-shrink-h", "arrows-shrink-v", "arrows-v-alt", "arrows-v", "assign", "asterisk", "attachment", "attribution", "awards", "backspace", "band-aid", "battery-empty", "battery-full", "battery", "bee", "bell", "bitbucket", "block", "board", "bolt", "bookmark", "border-all", "border-bottom", "border-left", "border-right", "border-style-dashed", "border-style-dotted", "border-style-solid", "border-top", "bot", "bowl", "box", "boy", "briefcase", "browse", "browser", "brush", "bulb", "c-plus-plus", "calculator", "calendar-dates", "calendar-due", "calendar-next", "calendar-today", "calendar-two", "calendar", "calibrate", "camera", "cap", "captions", "card-clubs", "card-diamonds", "card-hearts", "card-spades", "carousel", "cast", "chart", "check-o", "check-r", "check", "chevron-double-down-o", "chevron-double-down-r", "chevron-double-down", "chevron-double-left-o", "chevron-double-left-r", "chevron-double-left", "chevron-double-right-o", "chevron-double-right-r", "chevron-double-right", "chevron-double-up-o", "chevron-double-up-r", "chevron-double-up", "chevron-down-o", "chevron-down-r", "chevron-down", "chevron-left-o", "chevron-left-r", "chevron-left", "chevron-right-o", "chevron-right-r", "chevron-right", "chevron-up-o", "chevron-up-r", "chevron-up", "clapper-board", "clipboard", "close-o", "close-r", "close", "cloud", "code-slash", "code", "coffee", "collage", "color-bucket", "color-picker", "comment", "community", "components", "compress-left", "compress-right", "compress-v", "compress", "controller", "copy", "copyright", "corner-double-down-left", "corner-double-down-right", "corner-double-left-down", "corner-double-left-up", "corner-double-right-down", "corner-double-right-up", "corner-double-up-left", "corner-double-up-right", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "credit-card", "crop", "cross", "crown", "danger", "dark-mode", "data", "database", "debug", "desktop", "details-less", "details-more", "dialpad", "dice-1", "dice-2", "dice-3", "dice-4", "dice-5", "dice-6", "disc", "display-flex", "display-fullwidth", "display-grid", "display-spacing", "distribute-horizontal", "distribute-vertical", "dock-bottom", "dock-left", "dock-right", "dock-window", "dollar", "drive", "drop-invert", "drop-opacity", "drop", "duplicate", "edit-black-point", "edit-contrast", "edit-exposure", "edit-fade", "edit-flip-h", "edit-flip-v", "edit-highlight", "edit-markup", "edit-mask", "edit-noise", "edit-shadows", "edit-straight", "edit-unmask", "eject", "enter", "erase", "ereader", "ericsson", "ethernet", "euro", "expand", "export", "extension-add", "extension-alt", "extension-remove", "extension", "external", "eye-alt", "eye", "feed", "file-add", "file-document", "file-remove", "file", "film", "filters", "flag-alt", "flag", "folder-add", "folder-remove", "folder", "font-height", "font-spacing", "format-bold", "format-center", "format-color", "format-heading", "format-indent-decrease", "format-indent-increase", "format-italic", "format-justify", "format-left", "format-line-height", "format-right", "format-separator", "format-slash", "format-strike", "format-text", "format-underline", "format-uppercase", "games", "gender-female", "gender-male", "ghost-character", "gift", "girl", "git-branch", "git-commit", "git-fork", "git-pull", "glass-alt", "glass", "globe-alt", "globe", "gym", "hashtag", "headset", "heart", "home-alt", "home-screen", "home", "icecream", "image", "import", "inbox", "infinity", "info", "inpicture", "insert-after-o", "insert-after-r", "insert-after", "insert-before-o", "insert-before-r", "insert-before", "insights", "internal", "key", "keyboard", "keyhole", "laptop", "layout-grid-small", "layout-grid", "layout-list", "layout-pin", "link", "list-tree", "list", "live-photo", "loadbar-alt", "loadbar-doc", "loadbar-sound", "loadbar", "lock-unlock", "lock", "log-in", "log-off", "log-out", "loupe", "magnet", "mail-forward", "mail-open", "mail-reply", "mail", "math-divide", "math-equal", "math-minus", "math-percent", "math-plus", "maximize-alt", "maximize", "media-live", "media-podcast", "menu-boxed", "menu-cake", "menu-cheese", "menu-grid-o", "menu-grid-r", "menu-hotdog", "menu-left-alt", "menu-left", "menu-motion", "menu-oreos", "menu-right-alt", "menu-right", "menu-round", "menu", "merge-horizontal", "merge-vertical", "mic", "mini-player", "minimize-alt", "minimize", "modem", "moon", "more-alt", "more-o", "more-r", "more-vertical-alt", "more-vertical-o", "more-vertical-r", "more-vertical", "more", "mouse", "move-down", "move-left", "move-right", "move-task", "move-up", "music-note", "music-speaker", "music", "nametag", "notes", "notifications", "options", "organisation", "password", "path-back", "path-crop", "path-divide", "path-exclude", "path-front", "path-intersect", "path-outline", "path-trim", "path-unite", "pen", "pentagon-bottom-left", "pentagon-bottom-right", "pentagon-down", "pentagon-left", "pentagon-right", "pentagon-top-left", "pentagon-top-right", "pentagon-up", "performance", "phone", "photoscan", "piano", "pill", "pin-alt", "pin-bottom", "pin-top", "pin", "play-backwards", "play-button-o", "play-button-r", "play-button", "play-forwards", "play-list-add", "play-list-check", "play-list-remove", "play-list-search", "play-list", "play-pause-o", "play-pause-r", "play-pause", "play-stop-o", "play-stop-r", "play-stop", "play-track-next-o", "play-track-next-r", "play-track-next", "play-track-prev-o", "play-track-prev-r", "play-track-prev", "plug", "polaroid", "poll", "presentation", "printer", "profile", "pull-clear", "push-chevron-down-o", "push-chevron-down-r", "push-chevron-down", "push-chevron-left-o", "push-chevron-left-r", "push-chevron-left", "push-chevron-right-o", "push-chevron-right-r", "push-chevron-right", "push-chevron-up-o", "push-chevron-up-r", "push-chevron-up", "push-down", "push-left", "push-right", "push-up", "qr", "quote-o", "quote", "radio-check", "radio-checked", "ratio", "read", "readme", "record", "redo", "remote", "remove-r", "remove", "rename", "reorder", "repeat", "ring", "row-first", "row-last", "ruler", "sand-clock", "scan", "screen-mirror", "screen-shot", "screen-wide", "screen", "scroll-h", "scroll-v", "search-found", "search-loading", "search", "select-o", "select-r", "select", "server", "shape-circle", "shape-half-circle", "shape-hexagon", "shape-rhombus", "shape-square", "shape-triangle", "shape-zigzag", "share", "shield", "shopping-bag", "shopping-cart", "shortcut", "sidebar-open", "sidebar-right", "sidebar", "signal", "size", "sleep", "smart-home-boiler", "smart-home-cooker", "smart-home-heat", "smart-home-light", "smart-home-refrigerator", "smart-home-wash-machine", "smartphone-chip", "smartphone-ram", "smartphone-shake", "smartphone", "smile-mouth-open", "smile-neutral", "smile-no-mouth", "smile-none", "smile-sad", "smile-upside", "smile", "software-download", "software-upload", "sort-az", "sort-za", "space-between-v", "space-between", "spinner-alt", "spinner-two-alt", "spinner-two", "spinner", "stack", "stopwatch", "stories", "style", "sun", "support", "swap-vertical", "swap", "sweden", "swiss", "sync", "tab", "tag", "tap-double", "tap-single", "template", "tennis", "terminal", "terrain", "thermometer", "thermostat", "tikcode", "time", "timelapse", "timer", "today", "toggle-off", "toggle-on", "toggle-square-off", "toggle-square", "toolbar-bottom", "toolbar-left", "toolbar-right", "toolbar-top", "toolbox", "touchpad", "track", "transcript", "trash-empty", "trash", "tree", "trees", "trending-down", "trending", "trophy", "tv", "ui-kit", "umbrella", "unavailable", "unblock", "undo", "unsplash", "usb-c", "usb", "user-add", "user-list", "user-remove", "user", "view-cols", "view-comfortable", "view-day", "view-grid", "view-list", "view-month", "view-split", "vinyl", "voicemail-o", "voicemail-r", "voicemail", "volume", "webcam", "website", "work-alt", "yinyang", "zoom-in", "zoom-out", "rectangle-rounded", "card", "image-text", "border-top", "full-width-screen", "text-input", "number-input", "canvas-alert", "warning", "settings"];
20531
+ declare const iconNames: readonly ["add-r", "add", "airplane", "alarm", "album", "align-bottom", "align-center", "align-left", "align-middle", "align-right", "align-top", "anchor", "apple-watch", "arrange-back", "arrange-front", "arrow-align-h", "arrow-align-v", "arrow-bottom-left-o", "arrow-bottom-left-r", "arrow-bottom-left", "arrow-bottom-right-o", "arrow-bottom-right-r", "arrow-bottom-right", "arrow-down-o", "arrow-down-r", "arrow-down", "arrow-left-o", "arrow-left-r", "arrow-left", "arrow-long-down-c", "arrow-long-down-e", "arrow-long-down-l", "arrow-long-down-r", "arrow-long-down", "arrow-long-left-c", "arrow-long-left-e", "arrow-long-left-l", "arrow-long-left-r", "arrow-long-left", "arrow-long-right-c", "arrow-long-right-e", "arrow-long-right-l", "arrow-long-right-r", "arrow-long-right", "arrow-long-up-c", "arrow-long-up-e", "arrow-long-up-l", "arrow-long-up-r", "arrow-long-up", "arrow-right-o", "arrow-right-r", "arrow-right", "arrow-top-left-o", "arrow-top-left-r", "arrow-top-left", "arrow-top-right-o", "arrow-top-right-r", "arrow-top-right", "arrow-up-o", "arrow-up-r", "arrow-up", "arrows-breake-h", "arrows-breake-v", "arrows-exchange-alt-v", "arrows-exchange-alt", "arrows-exchange-v", "arrows-exchange", "arrows-expand-down-left", "arrows-expand-down-right", "arrows-expand-left-alt", "arrows-expand-left", "arrows-expand-right-alt", "arrows-expand-right", "arrows-expand-up-left", "arrows-expand-up-right", "arrows-h-alt", "arrows-h", "arrows-merge-alt-h", "arrows-merge-alt-v", "arrows-scroll-h", "arrows-scroll-v", "arrows-shrink-h", "arrows-shrink-v", "arrows-v-alt", "arrows-v", "assign", "asterisk", "attachment", "attribution", "awards", "backspace", "band-aid", "battery-empty", "battery-full", "battery", "bee", "bell", "bitbucket", "block", "board", "bolt", "bookmark", "border-all", "border-bottom", "border-left", "border-right", "border-style-dashed", "border-style-dotted", "border-style-solid", "border-top", "bot", "bowl", "box", "boy", "briefcase", "browse", "browser", "brush", "bulb", "c-plus-plus", "calculator", "calendar-dates", "calendar-due", "calendar-next", "calendar-today", "calendar-two", "calendar", "calibrate", "camera", "cap", "captions", "card-clubs", "card-diamonds", "card-hearts", "card-spades", "carousel", "cast", "chart", "check-o", "check-r", "check", "chevron-double-down-o", "chevron-double-down-r", "chevron-double-down", "chevron-double-left-o", "chevron-double-left-r", "chevron-double-left", "chevron-double-right-o", "chevron-double-right-r", "chevron-double-right", "chevron-double-up-o", "chevron-double-up-r", "chevron-double-up", "chevron-down-o", "chevron-down-r", "chevron-down", "chevron-left-o", "chevron-left-r", "chevron-left", "chevron-right-o", "chevron-right-r", "chevron-right", "chevron-up-o", "chevron-up-r", "chevron-up", "clapper-board", "clipboard", "close-o", "close-r", "close", "cloud", "code-slash", "code", "coffee", "collage", "color-bucket", "color-picker", "comment", "community", "components", "compress-left", "compress-right", "compress-v", "compress", "controller", "copy", "copyright", "corner-double-down-left", "corner-double-down-right", "corner-double-left-down", "corner-double-left-up", "corner-double-right-down", "corner-double-right-up", "corner-double-up-left", "corner-double-up-right", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "credit-card", "crop", "cross", "crown", "danger", "dark-mode", "data", "database", "debug", "desktop", "details-less", "details-more", "dialpad", "dice-1", "dice-2", "dice-3", "dice-4", "dice-5", "dice-6", "disc", "display-flex", "display-fullwidth", "display-grid", "display-spacing", "distribute-horizontal", "distribute-vertical", "dock-bottom", "dock-left", "dock-right", "dock-window", "dollar", "drive", "drop-invert", "drop-opacity", "drop", "duplicate", "edit-black-point", "edit-contrast", "edit-exposure", "edit-fade", "edit-flip-h", "edit-flip-v", "edit-highlight", "edit-markup", "edit-mask", "edit-noise", "edit-shadows", "edit-straight", "edit-unmask", "eject", "enter", "erase", "ereader", "ericsson", "ethernet", "euro", "expand", "export", "extension-add", "extension-alt", "extension-remove", "extension", "external", "eye-alt", "eye", "feed", "file-add", "file-document", "file-remove", "file", "film", "filters", "flag-alt", "flag", "folder-add", "folder-remove", "folder", "font-height", "font-spacing", "format-bold", "format-center", "format-color", "format-heading", "format-indent-decrease", "format-indent-increase", "format-italic", "format-justify", "format-left", "format-line-height", "format-right", "format-separator", "format-slash", "format-strike", "format-text", "format-underline", "format-uppercase", "games", "gender-female", "gender-male", "ghost-character", "gift", "girl", "git-branch", "git-commit", "git-fork", "git-pull", "glass-alt", "glass", "globe-alt", "globe", "gym", "hashtag", "headset", "heart", "home-alt", "home-screen", "home", "icecream", "image", "import", "inbox", "infinity", "info", "inpicture", "insert-after-o", "insert-after-r", "insert-after", "insert-before-o", "insert-before-r", "insert-before", "insights", "internal", "key", "keyboard", "keyhole", "laptop", "layout-grid-small", "layout-grid", "layout-list", "layout-pin", "link", "list-tree", "list", "live-photo", "loadbar-alt", "loadbar-doc", "loadbar-sound", "loadbar", "lock-unlock", "lock", "log-in", "log-off", "log-out", "loupe", "magnet", "mail-forward", "mail-open", "mail-reply", "mail", "math-divide", "math-equal", "math-minus", "math-percent", "math-plus", "maximize-alt", "maximize", "media-live", "media-podcast", "menu-boxed", "menu-cake", "menu-cheese", "menu-grid-o", "menu-grid-r", "menu-hotdog", "menu-left-alt", "menu-left", "menu-motion", "menu-oreos", "menu-right-alt", "menu-right", "menu-round", "menu", "merge-horizontal", "merge-vertical", "mic", "mini-player", "minimize-alt", "minimize", "modem", "moon", "more-alt", "more-o", "more-r", "more-vertical-alt", "more-vertical-o", "more-vertical-r", "more-vertical", "more", "mouse", "move-down", "move-left", "move-right", "move-task", "move-up", "music-note", "music-speaker", "music", "nametag", "notes", "notifications", "options", "organisation", "password", "path-back", "path-crop", "path-divide", "path-exclude", "path-front", "path-intersect", "path-outline", "path-trim", "path-unite", "pen", "pentagon-bottom-left", "pentagon-bottom-right", "pentagon-down", "pentagon-left", "pentagon-right", "pentagon-top-left", "pentagon-top-right", "pentagon-up", "performance", "phone", "photoscan", "piano", "pill", "pin-alt", "pin-bottom", "pin-top", "pin", "play-backwards", "play-button-o", "play-button-r", "play-button", "play-forwards", "play-list-add", "play-list-check", "play-list-remove", "play-list-search", "play-list", "play-pause-o", "play-pause-r", "play-pause", "play-stop-o", "play-stop-r", "play-stop", "play-track-next-o", "play-track-next-r", "play-track-next", "play-track-prev-o", "play-track-prev-r", "play-track-prev", "plug", "polaroid", "poll", "presentation", "printer", "profile", "pull-clear", "push-chevron-down-o", "push-chevron-down-r", "push-chevron-down", "push-chevron-left-o", "push-chevron-left-r", "push-chevron-left", "push-chevron-right-o", "push-chevron-right-r", "push-chevron-right", "push-chevron-up-o", "push-chevron-up-r", "push-chevron-up", "push-down", "push-left", "push-right", "push-up", "qr", "quote-o", "quote", "radio-check", "radio-checked", "ratio", "read", "readme", "record", "redo", "remote", "remove-r", "remove", "rename", "reorder", "repeat", "ring", "row-first", "row-last", "ruler", "sand-clock", "scan", "screen-mirror", "screen-shot", "screen-wide", "screen", "scroll-h", "scroll-v", "search-found", "search-loading", "search", "select-o", "select-r", "select", "server", "shape-circle", "shape-half-circle", "shape-hexagon", "shape-rhombus", "shape-square", "shape-triangle", "shape-zigzag", "share", "shield", "shopping-bag", "shopping-cart", "shortcut", "sidebar-open", "sidebar-right", "sidebar", "signal", "size", "sleep", "smart-home-boiler", "smart-home-cooker", "smart-home-heat", "smart-home-light", "smart-home-refrigerator", "smart-home-wash-machine", "smartphone-chip", "smartphone-ram", "smartphone-shake", "smartphone", "smile-mouth-open", "smile-neutral", "smile-no-mouth", "smile-none", "smile-sad", "smile-upside", "smile", "software-download", "software-upload", "sort-az", "sort-za", "space-between-v", "space-between", "spinner-alt", "spinner-two-alt", "spinner-two", "spinner", "stack", "stopwatch", "stories", "style", "sun", "support", "swap-vertical", "swap", "sweden", "swiss", "sync", "tab", "tag", "tap-double", "tap-single", "template", "tennis", "terminal", "terrain", "thermometer", "thermostat", "tikcode", "time", "timelapse", "timer", "today", "toggle-off", "toggle-on", "toggle-square-off", "toggle-square", "toolbar-bottom", "toolbar-left", "toolbar-right", "toolbar-top", "toolbox", "touchpad", "track", "transcript", "trash-empty", "trash", "tree", "trees", "trending-down", "trending", "trophy", "tv", "ui-kit", "umbrella", "unavailable", "unblock", "undo", "unsplash", "usb-c", "usb", "user-add", "user-list", "user-remove", "user", "view-cols", "view-comfortable", "view-day", "view-grid", "view-list", "view-month", "view-split", "vinyl", "voicemail-o", "voicemail-r", "voicemail", "volume", "webcam", "website", "work-alt", "yinyang", "zoom-in", "zoom-out", "rectangle-rounded", "card", "image-text", "border-top", "full-width-screen", "text-input", "number-input", "canvas-alert", "warning", "settings", "query-string"];
20499
20532
  /** A list of available icon names that can be used with the Uniform brand */
20500
20533
  type IconName = (typeof iconNames)[number];
20501
20534
 
20502
- /** sets fill color of the svg icon */
20503
- type IconColor = 'green' | 'red' | 'gray' | 'currentColor';
20535
+ /** sets fill color of the svg icon
20536
+ * @default 'default'
20537
+ */
20538
+ type IconColor = 'action' | 'default' | 'red' | 'gray' | 'currentColor';
20504
20539
  /** sets the type of icon to use from the available list */
20505
20540
  type IconType = IconName | IconType$1;
20506
20541
  interface IconProps extends IconBaseProps {
@@ -20528,6 +20563,7 @@ declare const canvasAlertIcon: (props: react_icons.IconBaseProps) => JSX.Element
20528
20563
  declare const warningIcon: (props: react_icons.IconBaseProps) => JSX.Element;
20529
20564
  declare const infoFilledIcon: (props: react_icons.IconBaseProps) => JSX.Element;
20530
20565
  declare const settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20566
+ declare const queryStringIcon: (props: react_icons.IconBaseProps) => JSX.Element;
20531
20567
  declare const customIcons: {
20532
20568
  'rectangle-rounded': (props: react_icons.IconBaseProps) => JSX.Element;
20533
20569
  card: (props: react_icons.IconBaseProps) => JSX.Element;
@@ -20540,6 +20576,7 @@ declare const customIcons: {
20540
20576
  warning: (props: react_icons.IconBaseProps) => JSX.Element;
20541
20577
  'info-filled': (props: react_icons.IconBaseProps) => JSX.Element;
20542
20578
  settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20579
+ 'query-string': (props: react_icons.IconBaseProps) => JSX.Element;
20543
20580
  };
20544
20581
 
20545
20582
  type IconsMap = Record<string, IconType$1>;
@@ -20951,8 +20988,8 @@ declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnl
20951
20988
 
20952
20989
  type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
20953
20990
  type BackgroundColorProp = 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
20954
- type HtmlTagProps = 'div' | 'section' | 'article' | 'aside';
20955
- type BorderRadiusProps = 'rounded-sm' | '--rounded-base' | 'rounded-md';
20991
+ type HtmlTagProps = 'div' | 'section' | 'article' | 'aside' | 'span';
20992
+ type BorderRadiusProps = 'rounded-sm' | 'rounded-base' | 'rounded-md';
20956
20993
  type CommonContainerProps = {
20957
20994
  /** sets the background color of the element */
20958
20995
  backgroundColor?: BackgroundColorProp;
@@ -20972,6 +21009,19 @@ type ContainerProps = CommonContainerProps & React$1.HTMLAttributes<HTMLDivEleme
20972
21009
  };
20973
21010
  declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20974
21011
 
21012
+ type HorizontalRhythmProps = React$1.HTMLAttributes<HTMLDivElement | HTMLFieldSetElement> & {
21013
+ /** sets the wrapping html tag
21014
+ * @default 'div'
21015
+ */
21016
+ tag?: HtmlTagProps | 'fieldset';
21017
+ /** sets the vertical spacing between each element
21018
+ * @default 'div'
21019
+ */
21020
+ gap?: SpacingProp;
21021
+ children: React$1.ReactNode;
21022
+ };
21023
+ declare const HorizontalRhythm: ({ tag, gap, children, ...props }: HorizontalRhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21024
+
20975
21025
  type TwoColumnLayoutProps = {
20976
21026
  /** sets the full bleed background colour
20977
21027
  * @default 'var(--white)'
@@ -20995,7 +21045,7 @@ type VerticalRhythmProps = React$1.HTMLAttributes<HTMLDivElement | HTMLFieldSetE
20995
21045
  */
20996
21046
  tag?: HtmlTagProps | 'fieldset';
20997
21047
  /** sets the vertical spacing between each element
20998
- * @default 'base'
21048
+ * @default 'div'
20999
21049
  */
21000
21050
  gap?: SpacingProp;
21001
21051
  children: React$1.ReactNode;
@@ -21040,32 +21090,37 @@ type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
21040
21090
  */
21041
21091
  declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21042
21092
 
21043
- type ScrollableItemProps = React.HTMLAttributes<HTMLInputElement> & {
21093
+ type ScrollableListContainerProps = {
21094
+ /** sets whether to show or hide the shadow around the element
21095
+ * @default 'false'
21096
+ */
21097
+ disableShadow?: boolean;
21098
+ /** sets the active style of the button */
21099
+ active: boolean;
21100
+ };
21101
+
21102
+ type ScrollableItemProps = {
21044
21103
  /** sets an element within the label > span element */
21045
21104
  icon?: React.ReactElement;
21046
21105
  /**sets the label value */
21047
- label: string;
21106
+ label: string | React.ReactElement;
21048
21107
  /** sets a data-test-id on the label */
21049
21108
  labelTestId?: string;
21050
- /** sets the active style of the element */
21051
- active: boolean;
21052
21109
  /** recommended to use a form input element of type radio or checkbox */
21053
21110
  children: React.ReactNode;
21054
- };
21111
+ } & ScrollableListContainerProps;
21055
21112
  /** @example <ScrollableListInputItem label="my label" active={true}><input type="radio" name="age" /></ScrollableListInputItem>*/
21056
- declare const ScrollableListInputItem: ({ label, icon, active, children, labelTestId, }: ScrollableItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21113
+ declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21057
21114
 
21058
21115
  type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
21059
21116
  /** sets the button text value */
21060
21117
  buttonText: string;
21061
- /** sets the active style of the button */
21062
- active: boolean;
21063
- };
21118
+ } & ScrollableListContainerProps;
21064
21119
  /**
21065
21120
  * Component used within <ScrollableList /> for adding interactive button components with predefined styles
21066
21121
  * @example <ScrollableListItem buttontext="my button" active={false} />
21067
21122
  */
21068
- declare const ScrollableListItem: ({ buttonText, active, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21123
+ declare const ScrollableListItem: ({ buttonText, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21069
21124
 
21070
21125
  /**
21071
21126
  * Loading Indicator
@@ -21197,280 +21252,6 @@ declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _em
21197
21252
  */
21198
21253
  declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21199
21254
 
21200
- /** Available heading weights e.g. 1 - 6 */
21201
- type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
21202
- type HeadingProps = {
21203
- /** sets the type of heading tag between h1 to h6, defaults to <h2>
21204
- * @default 2
21205
- */
21206
- level?: LevelProps;
21207
- /** sets whether to display a span with the defined heading styles
21208
- * @default undefined
21209
- */
21210
- asSpan?: boolean;
21211
- /** sets the title value */
21212
- children: React$1.ReactNode;
21213
- /** (optional) sets whether to use the default margin for the heading element
21214
- * @default true
21215
- */
21216
- withMarginBottom?: boolean;
21217
- } & React$1.HTMLAttributes<HTMLHeadingElement>;
21218
- /**
21219
- * Component that sets the heading tag
21220
- * @example <Heading level={1}>Blog Post Title</Heading>
21221
- */
21222
- declare const Heading: ({ level, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21223
-
21224
- type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
21225
- /** sets the title text of the integration */
21226
- title: string;
21227
- /** sets the description text of the integration */
21228
- description: string | string[];
21229
- /** (optional) sets the icon of the integration */
21230
- icon?: string | React$1.ComponentType<{
21231
- className?: string;
21232
- }>;
21233
- /** (optional) sets the react child elements*/
21234
- children?: React$1.ReactNode;
21235
- /** (optional) sets an external link to documentation */
21236
- docsLink?: string;
21237
- /** (optional) sets the badge text of the integration */
21238
- badgeText?: string;
21239
- /** (optional) location for the menu options to be positioned */
21240
- menu?: React$1.ReactNode;
21241
- };
21242
- /**
21243
- * Uniform Integration Header Section Component
21244
- * @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
21245
- */
21246
- declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21247
-
21248
- type LinkColorProps = 'currentColor' | 'red' | 'green';
21249
- type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
21250
- /** sets the link text and title text */
21251
- text: string;
21252
- /** (optional) sets the link color
21253
- * @default 'currentColor'
21254
- */
21255
- linkColor?: LinkColorProps;
21256
- /** (optional) sets whether the link is external or not adding an icon to the link */
21257
- external?: boolean;
21258
- /** (optional) For supporting inside next/link component */
21259
- ref?: React$1.ForwardedRef<HTMLAnchorElement>;
21260
- /** (optional) sets react child elements */
21261
- children?: React$1.ReactNode;
21262
- };
21263
- /** Uniform Link Component
21264
- * @example <Link text="my link" href="#" />
21265
- */
21266
- declare const Link: React$1.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
21267
- type LinkManagerWithRefType = (props: Partial<LinkProps> & {
21268
- as?: string;
21269
- href: string;
21270
- passHref: true;
21271
- legacyBehavior?: boolean;
21272
- } & React$1.RefAttributes<HTMLAnchorElement>) => JSX.Element | null;
21273
- /** Uniform LinkWithRef Component
21274
- * We recommend using this link `next/link`
21275
- * @example <LinkWithRef linkManagerComponent={NextLink} href="some-url" text="my link" />
21276
- */
21277
- declare const LinkWithRef: React$1.ForwardRefExoticComponent<Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
21278
- /** sets the link text and title text */
21279
- text: string;
21280
- /** (optional) sets the link color
21281
- * @default 'currentColor'
21282
- */
21283
- linkColor?: LinkColorProps | undefined;
21284
- /** (optional) sets whether the link is external or not adding an icon to the link */
21285
- external?: boolean | undefined;
21286
- /** (optional) For supporting inside next/link component */
21287
- ref?: React$1.ForwardedRef<HTMLAnchorElement> | undefined;
21288
- /** (optional) sets react child elements */
21289
- children?: React$1.ReactNode;
21290
- } & {
21291
- href: string;
21292
- as?: string | undefined;
21293
- linkManagerComponent: LinkManagerWithRefType;
21294
- }, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
21295
-
21296
- interface RouteProps {
21297
- as: string;
21298
- href: string;
21299
- }
21300
- type PageHeaderSectionProps = React$1.HTMLAttributes<HTMLElement> & {
21301
- title: string | undefined;
21302
- desc?: React$1.ReactNode;
21303
- children?: React$1.ReactNode;
21304
- linkProps?: RouteProps;
21305
- linkText?: string;
21306
- level?: LevelProps;
21307
- linkManagerComponent?: LinkManagerWithRefType;
21308
- };
21309
- declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21310
-
21311
- type ParagraphProps = {
21312
- /** (optional) adds child elements to the paragraph tag */
21313
- children?: React$1.ReactNode;
21314
- /** (optional) sets raw html values */
21315
- htmlContent?: string | string[];
21316
- /** (optional) allows user to set overriding class names or emotion styles */
21317
- className?: SerializedStyles | string;
21318
- } & React$1.HTMLAttributes<HTMLParagraphElement>;
21319
- /**
21320
- * Component for generic paragraph tags
21321
- * @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
21322
- */
21323
- declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21324
-
21325
- type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan';
21326
- type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
21327
- /** sets the current status */
21328
- status: StatusTypeProps;
21329
- /** sets an overriding message */
21330
- message?: string;
21331
- /** sets whether to show or hide the status text
21332
- * @default false
21333
- */
21334
- hideText?: boolean;
21335
- /** sets the size of the status message and icon
21336
- * @default 'base'
21337
- */
21338
- size?: 'sm' | 'base';
21339
- };
21340
- declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21341
-
21342
- type ObjectCompositionListItemProps = {
21343
- /** sets the title value */
21344
- title: string;
21345
- /** sets the date value with date formatting */
21346
- date: Date;
21347
- /** sets the component name if present */
21348
- componentName?: string;
21349
- /** sets the icon to use if present */
21350
- icon?: IconName;
21351
- /** sets the publish status if present */
21352
- publishStatus?: StatusTypeProps;
21353
- /** sets the href value */
21354
- href: string;
21355
- /** sets the as value when using a link manager e.g. next/link */
21356
- as?: string;
21357
- /** sets the link manager component to use e.g. next/link */
21358
- linkManagerComponent: LinkManagerWithRefType;
21359
- } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
21360
- /**
21361
- * @description used for displaying composition data on the project dashboard page
21362
- * @example <ObjectCompositionListItem title="my title" date={new Date()} href="https://uniform.app" linkManagerComponent={NextLink} />
21363
- */
21364
- declare const ObjectCompositionListItem: React$1.ForwardRefExoticComponent<{
21365
- /** sets the title value */
21366
- title: string;
21367
- /** sets the date value with date formatting */
21368
- date: Date;
21369
- /** sets the component name if present */
21370
- componentName?: string | undefined;
21371
- /** sets the icon to use if present */
21372
- icon?: "code" | "data" | "link" | "menu" | "select" | "style" | "template" | "time" | "track" | "image" | "key" | "search" | "repeat" | "anchor" | "close" | "copy" | "drop" | "server" | "shortcut" | "feed" | "list" | "presentation" | "tab" | "timer" | "tree" | "add-r" | "add" | "airplane" | "alarm" | "album" | "align-bottom" | "align-center" | "align-left" | "align-middle" | "align-right" | "align-top" | "apple-watch" | "arrange-back" | "arrange-front" | "arrow-align-h" | "arrow-align-v" | "arrow-bottom-left-o" | "arrow-bottom-left-r" | "arrow-bottom-left" | "arrow-bottom-right-o" | "arrow-bottom-right-r" | "arrow-bottom-right" | "arrow-down-o" | "arrow-down-r" | "arrow-down" | "arrow-left-o" | "arrow-left-r" | "arrow-left" | "arrow-long-down-c" | "arrow-long-down-e" | "arrow-long-down-l" | "arrow-long-down-r" | "arrow-long-down" | "arrow-long-left-c" | "arrow-long-left-e" | "arrow-long-left-l" | "arrow-long-left-r" | "arrow-long-left" | "arrow-long-right-c" | "arrow-long-right-e" | "arrow-long-right-l" | "arrow-long-right-r" | "arrow-long-right" | "arrow-long-up-c" | "arrow-long-up-e" | "arrow-long-up-l" | "arrow-long-up-r" | "arrow-long-up" | "arrow-right-o" | "arrow-right-r" | "arrow-right" | "arrow-top-left-o" | "arrow-top-left-r" | "arrow-top-left" | "arrow-top-right-o" | "arrow-top-right-r" | "arrow-top-right" | "arrow-up-o" | "arrow-up-r" | "arrow-up" | "arrows-breake-h" | "arrows-breake-v" | "arrows-exchange-alt-v" | "arrows-exchange-alt" | "arrows-exchange-v" | "arrows-exchange" | "arrows-expand-down-left" | "arrows-expand-down-right" | "arrows-expand-left-alt" | "arrows-expand-left" | "arrows-expand-right-alt" | "arrows-expand-right" | "arrows-expand-up-left" | "arrows-expand-up-right" | "arrows-h-alt" | "arrows-h" | "arrows-merge-alt-h" | "arrows-merge-alt-v" | "arrows-scroll-h" | "arrows-scroll-v" | "arrows-shrink-h" | "arrows-shrink-v" | "arrows-v-alt" | "arrows-v" | "assign" | "asterisk" | "attachment" | "attribution" | "awards" | "backspace" | "band-aid" | "battery-empty" | "battery-full" | "battery" | "bee" | "bell" | "bitbucket" | "block" | "board" | "bolt" | "bookmark" | "border-all" | "border-bottom" | "border-left" | "border-right" | "border-style-dashed" | "border-style-dotted" | "border-style-solid" | "border-top" | "bot" | "bowl" | "box" | "boy" | "briefcase" | "browse" | "browser" | "brush" | "bulb" | "c-plus-plus" | "calculator" | "calendar-dates" | "calendar-due" | "calendar-next" | "calendar-today" | "calendar-two" | "calendar" | "calibrate" | "camera" | "cap" | "captions" | "card-clubs" | "card-diamonds" | "card-hearts" | "card-spades" | "carousel" | "cast" | "chart" | "check-o" | "check-r" | "check" | "chevron-double-down-o" | "chevron-double-down-r" | "chevron-double-down" | "chevron-double-left-o" | "chevron-double-left-r" | "chevron-double-left" | "chevron-double-right-o" | "chevron-double-right-r" | "chevron-double-right" | "chevron-double-up-o" | "chevron-double-up-r" | "chevron-double-up" | "chevron-down-o" | "chevron-down-r" | "chevron-down" | "chevron-left-o" | "chevron-left-r" | "chevron-left" | "chevron-right-o" | "chevron-right-r" | "chevron-right" | "chevron-up-o" | "chevron-up-r" | "chevron-up" | "clapper-board" | "clipboard" | "close-o" | "close-r" | "cloud" | "code-slash" | "coffee" | "collage" | "color-bucket" | "color-picker" | "comment" | "community" | "components" | "compress-left" | "compress-right" | "compress-v" | "compress" | "controller" | "copyright" | "corner-double-down-left" | "corner-double-down-right" | "corner-double-left-down" | "corner-double-left-up" | "corner-double-right-down" | "corner-double-right-up" | "corner-double-up-left" | "corner-double-up-right" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "credit-card" | "crop" | "cross" | "crown" | "danger" | "dark-mode" | "database" | "debug" | "desktop" | "details-less" | "details-more" | "dialpad" | "dice-1" | "dice-2" | "dice-3" | "dice-4" | "dice-5" | "dice-6" | "disc" | "display-flex" | "display-fullwidth" | "display-grid" | "display-spacing" | "distribute-horizontal" | "distribute-vertical" | "dock-bottom" | "dock-left" | "dock-right" | "dock-window" | "dollar" | "drive" | "drop-invert" | "drop-opacity" | "duplicate" | "edit-black-point" | "edit-contrast" | "edit-exposure" | "edit-fade" | "edit-flip-h" | "edit-flip-v" | "edit-highlight" | "edit-markup" | "edit-mask" | "edit-noise" | "edit-shadows" | "edit-straight" | "edit-unmask" | "eject" | "enter" | "erase" | "ereader" | "ericsson" | "ethernet" | "euro" | "expand" | "export" | "extension-add" | "extension-alt" | "extension-remove" | "extension" | "external" | "eye-alt" | "eye" | "file-add" | "file-document" | "file-remove" | "file" | "film" | "filters" | "flag-alt" | "flag" | "folder-add" | "folder-remove" | "folder" | "font-height" | "font-spacing" | "format-bold" | "format-center" | "format-color" | "format-heading" | "format-indent-decrease" | "format-indent-increase" | "format-italic" | "format-justify" | "format-left" | "format-line-height" | "format-right" | "format-separator" | "format-slash" | "format-strike" | "format-text" | "format-underline" | "format-uppercase" | "games" | "gender-female" | "gender-male" | "ghost-character" | "gift" | "girl" | "git-branch" | "git-commit" | "git-fork" | "git-pull" | "glass-alt" | "glass" | "globe-alt" | "globe" | "gym" | "hashtag" | "headset" | "heart" | "home-alt" | "home-screen" | "home" | "icecream" | "import" | "inbox" | "infinity" | "info" | "inpicture" | "insert-after-o" | "insert-after-r" | "insert-after" | "insert-before-o" | "insert-before-r" | "insert-before" | "insights" | "internal" | "keyboard" | "keyhole" | "laptop" | "layout-grid-small" | "layout-grid" | "layout-list" | "layout-pin" | "list-tree" | "live-photo" | "loadbar-alt" | "loadbar-doc" | "loadbar-sound" | "loadbar" | "lock-unlock" | "lock" | "log-in" | "log-off" | "log-out" | "loupe" | "magnet" | "mail-forward" | "mail-open" | "mail-reply" | "mail" | "math-divide" | "math-equal" | "math-minus" | "math-percent" | "math-plus" | "maximize-alt" | "maximize" | "media-live" | "media-podcast" | "menu-boxed" | "menu-cake" | "menu-cheese" | "menu-grid-o" | "menu-grid-r" | "menu-hotdog" | "menu-left-alt" | "menu-left" | "menu-motion" | "menu-oreos" | "menu-right-alt" | "menu-right" | "menu-round" | "merge-horizontal" | "merge-vertical" | "mic" | "mini-player" | "minimize-alt" | "minimize" | "modem" | "moon" | "more-alt" | "more-o" | "more-r" | "more-vertical-alt" | "more-vertical-o" | "more-vertical-r" | "more-vertical" | "more" | "mouse" | "move-down" | "move-left" | "move-right" | "move-task" | "move-up" | "music-note" | "music-speaker" | "music" | "nametag" | "notes" | "notifications" | "options" | "organisation" | "password" | "path-back" | "path-crop" | "path-divide" | "path-exclude" | "path-front" | "path-intersect" | "path-outline" | "path-trim" | "path-unite" | "pen" | "pentagon-bottom-left" | "pentagon-bottom-right" | "pentagon-down" | "pentagon-left" | "pentagon-right" | "pentagon-top-left" | "pentagon-top-right" | "pentagon-up" | "performance" | "phone" | "photoscan" | "piano" | "pill" | "pin-alt" | "pin-bottom" | "pin-top" | "pin" | "play-backwards" | "play-button-o" | "play-button-r" | "play-button" | "play-forwards" | "play-list-add" | "play-list-check" | "play-list-remove" | "play-list-search" | "play-list" | "play-pause-o" | "play-pause-r" | "play-pause" | "play-stop-o" | "play-stop-r" | "play-stop" | "play-track-next-o" | "play-track-next-r" | "play-track-next" | "play-track-prev-o" | "play-track-prev-r" | "play-track-prev" | "plug" | "polaroid" | "poll" | "printer" | "profile" | "pull-clear" | "push-chevron-down-o" | "push-chevron-down-r" | "push-chevron-down" | "push-chevron-left-o" | "push-chevron-left-r" | "push-chevron-left" | "push-chevron-right-o" | "push-chevron-right-r" | "push-chevron-right" | "push-chevron-up-o" | "push-chevron-up-r" | "push-chevron-up" | "push-down" | "push-left" | "push-right" | "push-up" | "qr" | "quote-o" | "quote" | "radio-check" | "radio-checked" | "ratio" | "read" | "readme" | "record" | "redo" | "remote" | "remove-r" | "remove" | "rename" | "reorder" | "ring" | "row-first" | "row-last" | "ruler" | "sand-clock" | "scan" | "screen-mirror" | "screen-shot" | "screen-wide" | "screen" | "scroll-h" | "scroll-v" | "search-found" | "search-loading" | "select-o" | "select-r" | "shape-circle" | "shape-half-circle" | "shape-hexagon" | "shape-rhombus" | "shape-square" | "shape-triangle" | "shape-zigzag" | "share" | "shield" | "shopping-bag" | "shopping-cart" | "sidebar-open" | "sidebar-right" | "sidebar" | "signal" | "size" | "sleep" | "smart-home-boiler" | "smart-home-cooker" | "smart-home-heat" | "smart-home-light" | "smart-home-refrigerator" | "smart-home-wash-machine" | "smartphone-chip" | "smartphone-ram" | "smartphone-shake" | "smartphone" | "smile-mouth-open" | "smile-neutral" | "smile-no-mouth" | "smile-none" | "smile-sad" | "smile-upside" | "smile" | "software-download" | "software-upload" | "sort-az" | "sort-za" | "space-between-v" | "space-between" | "spinner-alt" | "spinner-two-alt" | "spinner-two" | "spinner" | "stack" | "stopwatch" | "stories" | "sun" | "support" | "swap-vertical" | "swap" | "sweden" | "swiss" | "sync" | "tag" | "tap-double" | "tap-single" | "tennis" | "terminal" | "terrain" | "thermometer" | "thermostat" | "tikcode" | "timelapse" | "today" | "toggle-off" | "toggle-on" | "toggle-square-off" | "toggle-square" | "toolbar-bottom" | "toolbar-left" | "toolbar-right" | "toolbar-top" | "toolbox" | "touchpad" | "transcript" | "trash-empty" | "trash" | "trees" | "trending-down" | "trending" | "trophy" | "tv" | "ui-kit" | "umbrella" | "unavailable" | "unblock" | "undo" | "unsplash" | "usb-c" | "usb" | "user-add" | "user-list" | "user-remove" | "user" | "view-cols" | "view-comfortable" | "view-day" | "view-grid" | "view-list" | "view-month" | "view-split" | "vinyl" | "voicemail-o" | "voicemail-r" | "voicemail" | "volume" | "webcam" | "website" | "work-alt" | "yinyang" | "zoom-in" | "zoom-out" | "rectangle-rounded" | "card" | "image-text" | "full-width-screen" | "text-input" | "number-input" | "canvas-alert" | "warning" | "settings" | undefined;
21373
- /** sets the publish status if present */
21374
- publishStatus?: StatusTypeProps | undefined;
21375
- /** sets the href value */
21376
- href: string;
21377
- /** sets the as value when using a link manager e.g. next/link */
21378
- as?: string | undefined;
21379
- /** sets the link manager component to use e.g. next/link */
21380
- linkManagerComponent: LinkManagerWithRefType;
21381
- } & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & React$1.RefAttributes<HTMLAnchorElement>>;
21382
-
21383
- type SegmentedControlOption<TValue extends string = string> = {
21384
- value: TValue;
21385
- label?: string;
21386
- icon?: IconType$1;
21387
- tooltip?: string;
21388
- disabled?: boolean;
21389
- };
21390
- type SegmentedControlProps<TValue extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
21391
- /** A unique name for the component, used to group the options */
21392
- name: string;
21393
- /** The options to show */
21394
- options: SegmentedControlOption<TValue>[];
21395
- /** The value of the option to be selected */
21396
- value?: TValue;
21397
- /** Called when the user selects a different option */
21398
- onChange: (value: TValue) => void;
21399
- /** Doesn't show a checkmark next to the selected item */
21400
- noCheckmark?: boolean;
21401
- /** Disables all the options */
21402
- disabled?: boolean;
21403
- /**
21404
- * The orientation by which the items are rendered
21405
- * @default 'horizontal'
21406
- */
21407
- orientation?: 'horizontal' | 'vertical';
21408
- /**
21409
- * The size of the input
21410
- * @default 'md'
21411
- */
21412
- size?: 'sm' | 'md' | 'lg';
21413
- };
21414
- /**
21415
- * Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
21416
- * @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
21417
- */
21418
- declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21419
-
21420
- type ObjectListContainerProps = {
21421
- /** sets the heading text
21422
- * @default 'Recent Compositions'
21423
- */
21424
- title?: string;
21425
- /** sets the filter options */
21426
- filterOptions: Array<SegmentedControlOption>;
21427
- /** sets the current selected filter value */
21428
- filterValue: string;
21429
- /** sets the loading state */
21430
- isLoading: boolean;
21431
- /** sets the onChange function takes a string argument */
21432
- onSetFilterOption: (value: string) => void;
21433
- /** sets the list of data to render */
21434
- list: Array<ObjectCompositionListItemProps>;
21435
- /** allows different components to be passed as the results list item
21436
- * @default 'ObjectCompositionListItem'
21437
- */
21438
- resolveDefaultComponent?: (value: ObjectCompositionListItemProps) => React$1.ReactNode;
21439
- /** sets the disabled state on the segmented control filter options */
21440
- isDisabled?: boolean;
21441
- /** sets whether to show or hide the controls */
21442
- hideControls?: boolean;
21443
- children?: React$1.ReactNode;
21444
- } & React$1.HTMLAttributes<HTMLDivElement>;
21445
- /**
21446
- * @description
21447
- * @example <ObjectListContainer
21448
- */
21449
- declare const ObjectListContainer: ({ title, list, filterOptions, filterValue, isLoading, isDisabled, hideControls, onSetFilterOption, resolveDefaultComponent, children, ...props }: ObjectListContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21450
-
21451
- declare const ObjectListItemLoadingSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21452
-
21453
- type ObjectPersonalizationListItemProps = {
21454
- title: string;
21455
- id: string;
21456
- date: Date;
21457
- data: {
21458
- [key: string]: string | number;
21459
- };
21460
- as?: string;
21461
- linkManagerComponent: LinkManagerWithRefType;
21462
- } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
21463
- declare const ObjectPersonalizationListItem: React$1.ForwardRefExoticComponent<{
21464
- title: string;
21465
- id: string;
21466
- date: Date;
21467
- data: {
21468
- [key: string]: string | number;
21469
- };
21470
- as?: string | undefined;
21471
- linkManagerComponent: LinkManagerWithRefType;
21472
- } & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & React$1.RefAttributes<HTMLAnchorElement>>;
21473
-
21474
21255
  type ConnectToDataElementButtonProps = HTMLAttributes<HTMLButtonElement> & {
21475
21256
  icon?: IconType;
21476
21257
  iconColor?: IconColor;
@@ -21791,7 +21572,7 @@ declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.In
21791
21572
  type PopoverProps = PopoverProps$1 & {
21792
21573
  /** sets the aria-controls and id value of the matching popover set */
21793
21574
  /** sets the icon color
21794
- * @default 'green'
21575
+ * @default 'action'
21795
21576
  */
21796
21577
  iconColor?: IconColor;
21797
21578
  /** sets the icon type
@@ -21810,9 +21591,11 @@ type PopoverProps = PopoverProps$1 & {
21810
21591
  * @default 'bottom'
21811
21592
  */
21812
21593
  placement?: PopoverInitialState['placement'];
21594
+ /** sets a test id for e2e tests */
21595
+ testId?: string;
21813
21596
  children: ReactNode;
21814
21597
  };
21815
- declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, children, }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21598
+ declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, children, }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21816
21599
 
21817
21600
  type ProgressListItemStatus = 'completed' | 'inProgress' | 'queued';
21818
21601
  type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
@@ -21851,6 +21634,43 @@ type ProgressListItem<IdType extends string = string> = {
21851
21634
  };
21852
21635
  declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21853
21636
 
21637
+ type SegmentedControlOption<TValue extends string = string> = {
21638
+ value: TValue;
21639
+ label?: string;
21640
+ icon?: IconType$1;
21641
+ tooltip?: string;
21642
+ disabled?: boolean;
21643
+ };
21644
+ type SegmentedControlProps<TValue extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
21645
+ /** A unique name for the component, used to group the options */
21646
+ name: string;
21647
+ /** The options to show */
21648
+ options: SegmentedControlOption<TValue>[];
21649
+ /** The value of the option to be selected */
21650
+ value?: TValue;
21651
+ /** Called when the user selects a different option */
21652
+ onChange: (value: TValue) => void;
21653
+ /** Doesn't show a checkmark next to the selected item */
21654
+ noCheckmark?: boolean;
21655
+ /** Disables all the options */
21656
+ disabled?: boolean;
21657
+ /**
21658
+ * The orientation by which the items are rendered
21659
+ * @default 'horizontal'
21660
+ */
21661
+ orientation?: 'horizontal' | 'vertical';
21662
+ /**
21663
+ * The size of the input
21664
+ * @default 'md'
21665
+ */
21666
+ size?: 'sm' | 'md' | 'lg';
21667
+ };
21668
+ /**
21669
+ * Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
21670
+ * @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
21671
+ */
21672
+ declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21673
+
21854
21674
  declare function ShortcutContext({ children }: {
21855
21675
  children: React__default.ReactNode;
21856
21676
  }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
@@ -22095,4 +21915,146 @@ type TooltipProps = TooltipOptions & {
22095
21915
  };
22096
21916
  declare function Tooltip({ children, title, placement, visible, ...props }: TooltipProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22097
21917
 
22098
- export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, 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, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, ObjectCompositionListItem, ObjectCompositionListItemProps, ObjectListContainer, ObjectListContainerProps, ObjectListItemLoadingSkeleton, ObjectPersonalizationListItem, ObjectPersonalizationListItemProps, 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, SegmentedControl, SegmentedControlOption, SegmentedControlProps, 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, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoProps, UseShortcutOptions, VerticalRhythm, VerticalRhythmProps, WarningMessage, WarningMessageProps, borderTopIcon, breakpoints, button, buttonGhost, buttonGhostDestructive, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, rectangleRoundedIcon, replaceUnderscoreInString, ripple, scrollbarStyles, settings, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon };
21918
+ /** Available heading weights e.g. 1 - 6 */
21919
+ type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
21920
+ type HeadingProps = {
21921
+ /** sets the type of heading tag between h1 to h6, defaults to <h2>
21922
+ * @default 2
21923
+ */
21924
+ level?: LevelProps;
21925
+ /** sets whether to display a span with the defined heading styles
21926
+ * @default undefined
21927
+ */
21928
+ asSpan?: boolean;
21929
+ /** sets the title value */
21930
+ children: React$1.ReactNode;
21931
+ /** (optional) sets whether to use the default margin for the heading element
21932
+ * @default true
21933
+ */
21934
+ withMarginBottom?: boolean;
21935
+ } & React$1.HTMLAttributes<HTMLHeadingElement>;
21936
+ /**
21937
+ * Component that sets the heading tag
21938
+ * @example <Heading level={1}>Blog Post Title</Heading>
21939
+ */
21940
+ declare const Heading: ({ level, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21941
+
21942
+ type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
21943
+ /** sets the title text of the integration */
21944
+ title: string;
21945
+ /** sets the description text of the integration */
21946
+ description: string | string[];
21947
+ /** (optional) sets the icon of the integration */
21948
+ icon?: string | React$1.ComponentType<{
21949
+ className?: string;
21950
+ }>;
21951
+ /** (optional) sets the react child elements*/
21952
+ children?: React$1.ReactNode;
21953
+ /** (optional) sets an external link to documentation */
21954
+ docsLink?: string;
21955
+ /** (optional) sets the badge text of the integration */
21956
+ badgeText?: string;
21957
+ /** (optional) location for the menu options to be positioned */
21958
+ menu?: React$1.ReactNode;
21959
+ };
21960
+ /**
21961
+ * Uniform Integration Header Section Component
21962
+ * @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
21963
+ */
21964
+ declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21965
+
21966
+ type LinkColorProps = 'currentColor' | 'destructive' | 'default';
21967
+ type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
21968
+ /** sets the link text and title text */
21969
+ text: string;
21970
+ /** (optional) sets the link color
21971
+ * @default 'currentColor'
21972
+ */
21973
+ linkColor?: LinkColorProps;
21974
+ /** (optional) sets whether the link is external or not adding an icon to the link */
21975
+ external?: boolean;
21976
+ /** (optional) For supporting inside next/link component */
21977
+ ref?: React$1.ForwardedRef<HTMLAnchorElement>;
21978
+ /** (optional) sets react child elements */
21979
+ children?: React$1.ReactNode;
21980
+ };
21981
+ /** Uniform Link Component
21982
+ * @example <Link text="my link" href="#" />
21983
+ */
21984
+ declare const Link: React$1.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
21985
+ type LinkManagerWithRefType = (props: Partial<LinkProps> & {
21986
+ as?: string;
21987
+ href: string;
21988
+ passHref: true;
21989
+ legacyBehavior?: boolean;
21990
+ } & React$1.RefAttributes<HTMLAnchorElement>) => JSX.Element | null;
21991
+ /** Uniform LinkWithRef Component
21992
+ * We recommend using this link `next/link`
21993
+ * @example <LinkWithRef linkManagerComponent={NextLink} href="some-url" text="my link" />
21994
+ */
21995
+ declare const LinkWithRef: React$1.ForwardRefExoticComponent<Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
21996
+ /** sets the link text and title text */
21997
+ text: string;
21998
+ /** (optional) sets the link color
21999
+ * @default 'currentColor'
22000
+ */
22001
+ linkColor?: LinkColorProps | undefined;
22002
+ /** (optional) sets whether the link is external or not adding an icon to the link */
22003
+ external?: boolean | undefined;
22004
+ /** (optional) For supporting inside next/link component */
22005
+ ref?: React$1.ForwardedRef<HTMLAnchorElement> | undefined;
22006
+ /** (optional) sets react child elements */
22007
+ children?: React$1.ReactNode;
22008
+ } & {
22009
+ href: string;
22010
+ as?: string | undefined;
22011
+ linkManagerComponent: LinkManagerWithRefType;
22012
+ }, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
22013
+
22014
+ interface RouteProps {
22015
+ as: string;
22016
+ href: string;
22017
+ }
22018
+ type PageHeaderSectionProps = React$1.HTMLAttributes<HTMLElement> & {
22019
+ title: string | undefined;
22020
+ desc?: React$1.ReactNode;
22021
+ children?: React$1.ReactNode;
22022
+ linkProps?: RouteProps;
22023
+ linkText?: string;
22024
+ level?: LevelProps;
22025
+ linkManagerComponent?: LinkManagerWithRefType;
22026
+ };
22027
+ declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22028
+
22029
+ type ParagraphProps = {
22030
+ /** (optional) adds child elements to the paragraph tag */
22031
+ children?: React$1.ReactNode;
22032
+ /** (optional) sets raw html values */
22033
+ htmlContent?: string | string[];
22034
+ /** (optional) allows user to set overriding class names or emotion styles */
22035
+ className?: SerializedStyles | string;
22036
+ } & React$1.HTMLAttributes<HTMLParagraphElement>;
22037
+ /**
22038
+ * Component for generic paragraph tags
22039
+ * @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
22040
+ */
22041
+ declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22042
+
22043
+ type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan';
22044
+ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
22045
+ /** sets the current status */
22046
+ status: StatusTypeProps;
22047
+ /** sets an overriding message */
22048
+ message?: string;
22049
+ /** sets whether to show or hide the status text
22050
+ * @default false
22051
+ */
22052
+ hideText?: boolean;
22053
+ /** sets the size of the status message and icon
22054
+ * @default 'base'
22055
+ */
22056
+ size?: 'sm' | 'base';
22057
+ };
22058
+ declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22059
+
22060
+ export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, HorizontalRhythmProps, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuGroup, MenuGroupProps, 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, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, 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, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, VerticalRhythmProps, WarningMessage, WarningMessageProps, borderTopIcon, breakpoints, button, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, ripple, scrollbarStyles, settings, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon };