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

package/dist/esm/index.js

@@ -37,21 +37,53 @@ var Theme = ({ disableReset = false }) => {
           /* secondary colours */
           --brand-secondary-1: #1f2b34; /* carbon */
           --brand-secondary-2: #ecf1f1; /* silver */
-          --brand-secondary-3: #2ECDB4; /* maroon */
+          --brand-secondary-3: var(--purple-rain-500);
           --brand-secondary-5: #d9534f; /* brick red */
 
 
+          /* new colour range 4th May 2023 (may the fourth be with you) */
+          /* purple spectrum */
+          --purple-rain-100: #dccbff;
+          --purple-rain-200: #c2a5ff;
+          --purple-rain-300: #a87eff;
+          --purple-rain-400: #9068e3;
+          --purple-rain-500: #7953c6;
+          --purple-rain-600: #6340a9;
+
+          /* raspberry spectrum*/
+          --raspberry-beret-100: #ffbee1;
+          --raspberry-beret-200: #ff94ce;
+          --raspberry-beret-300: #ff6aba;
+          --raspberry-beret-400: #ff40a7;
+          --raspberry-beret-500: #f5168e;
+          --raspberry-beret-600: #f5168e;
+          --raspberry-beret-700: #f5168e;
+
+
           /* action colours */
           --primary-action-default: #0052ed; /* new blue */
           --primary-action-hover: #1264ff;
           --primary-action-active: #0043c2;
 
+          /* accent dark */
+          --accent-dark: var(--purple-rain-500);
+          --accent-dark-hover: var(--purple-rain-400);
+          --accent-dark-active: var(--purple-rain-600);
+
+          /* accent light */
+          --accent-light: var(--purple-rain-200);
+          --accent-light-hover: var(--purple-rain-100);
+          --accent-light-active: var(--purple-rain-300);
 
-          /* accent primary */
-          --accent-primary: #2ECDB4;
-          --accent-primary-surface: #f7d4e4;
-          --accent-primary-hover: #eb4793;
-          --accent-primary-active: #e51a78;
+          /* accent alt dark */
+          --accent-alt-dark: var(--raspberry-beret-600);
+          --accent-alt-dark-hover: var(--raspberry-beret-500);
+          --accent-alt-dark-active: var(--raspberry-beret-700);
+
+          /* accent alt light */
+          --accent-alt-light: var(--raspberry-beret-200);
+          --accent-alt-light-hover: var(--raspberry-beret-100);
+          --accent-alt-light-active: var(--raspberry-beret-300);
 
           /* off brand */
           --input-border: rgba(31, 43, 52, 0.5);
@@ -1323,6 +1355,25 @@ var infoFilledIcon = GenIcon({
   ]
 });
 var settings = (props) => /* @__PURE__ */ jsx7(Icon, { ...props, icon: MdSettings });
+var queryStringIcon = GenIcon({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 24 24"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M6.23255 11.3213L6.32008 14.993H8.79253L8.85817 13.2128C9.86466 13.198 10.7472 13.0274 11.5057 12.701C12.2788 12.3746 12.8841 11.8776 13.3217 11.21C13.7739 10.5424 14 9.6968 14 8.67316C14 7.67918 13.7812 6.84098 13.3436 6.15855C12.9206 5.46129 12.3298 4.92721 11.5713 4.55633C10.8274 4.18544 9.96676 4 8.98945 4C7.9392 4 7.03483 4.20028 6.27631 4.60083C5.53239 5.00139 4.96351 5.5503 4.56966 6.24757C4.17582 6.94483 3.98619 7.73853 4.00078 8.62865H6.64828C6.64828 7.93139 6.85249 7.38248 7.26092 6.98192C7.66935 6.56653 8.23823 6.35883 8.96757 6.35883C9.66773 6.35883 10.2293 6.56653 10.6523 6.98192C11.0754 7.38248 11.2869 7.9388 11.2869 8.6509C11.2869 9.39267 11.1045 9.95642 10.7399 10.3421C10.3752 10.7279 9.88654 10.9875 9.27389 11.121C8.66125 11.2545 7.98296 11.3213 7.23904 11.3213H6.23255ZM6.29819 19.5104C6.63369 19.8368 7.05671 20 7.56724 20C8.07778 20 8.4935 19.8368 8.81441 19.5104C9.13532 19.1841 9.29577 18.7909 9.29577 18.331C9.29577 17.8563 9.13532 17.4557 8.81441 17.1293C8.4935 16.803 8.07778 16.6398 7.56724 16.6398C7.05671 16.6398 6.63369 16.803 6.29819 17.1293C5.97729 17.4557 5.81683 17.8563 5.81683 18.331C5.81683 18.7909 5.97729 19.1841 6.29819 19.5104ZM12 14V16.012H20V14H12ZM12 17.988V20H20V17.988H12Z"
+      },
+      child: []
+    }
+  ]
+});
 var customIcons = {
   "rectangle-rounded": rectangleRoundedIcon,
   card: cardIcon,
@@ -1334,7 +1385,8 @@ var customIcons = {
   "canvas-alert": canvasAlertIcon,
   warning: warningIcon,
   "info-filled": infoFilledIcon,
-  settings
+  settings,
+  "query-string": queryStringIcon
 };
 
 // src/components/AddListButton/AddListButton.styles.ts
@@ -1448,7 +1500,7 @@ var h6 = css9`
   font-size: var(--fs-base);
 `;
 var commonHeadingAttr = (withMarginBottom) => css9`
-  font-weight: var(--fw-bold);
+  font-weight: var(--fw-regular);
   font-family: var(--ff-base);
   margin-top: 0;
   margin-bottom: ${withMarginBottom ? "var(--spacing-base)" : "0"};
@@ -1705,8 +1757,8 @@ var IntegrationHeaderSectionTitleGroup = css13`
   }
 `;
 var IntegrationHeaderSectionTitle = css13`
-  font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
-  font-weight: var(--fw-bold);
+  font-size: clamp(1.75rem, var(--fluid-font-base), 2.25rem);
+  font-weight: var(--fw-regular);
   margin: 0;
 `;
 var IntegrationHeaderSectionText = css13``;
@@ -10682,6 +10734,83 @@ var UniformLogo = ({
     }
   ) });
 };
+var UniformLogoLarge = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs10(
+    "svg",
+    {
+      width: "250",
+      height: "64",
+      viewBox: "0 0 250 64",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs10("g", { clipPath: "url(#clip0)", children: [
+          /* @__PURE__ */ jsx19("path", { d: "M18.3804 0L0 10.6131V31.8393L18.3804 21.2262L36.7654 10.6131L18.3804 0Z", fill: "#7BB3FF" }),
+          /* @__PURE__ */ jsx19(
+            "path",
+            {
+              d: "M18.3804 42.4524V21.2262L0 31.8393V53.0655L18.3804 63.6786L36.7654 53.0655V31.8393L18.3804 42.4524Z",
+              fill: "#498DFF"
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            "path",
+            {
+              d: "M36.7654 10.6132L18.3804 21.2263L36.7654 31.8394V53.0656L55.1458 42.4525V21.2263L36.7654 10.6132Z",
+              fill: "#E61408"
+            }
+          ),
+          /* @__PURE__ */ jsx19("path", { d: "M141.257 21.2081H134.598V45.5052H141.257V21.2081Z", fill: "currentColor" }),
+          /* @__PURE__ */ jsx19("path", { d: "M141.496 10.0277H134.355V16.6874H141.496V10.0277Z", fill: "currentColor" }),
+          /* @__PURE__ */ jsx19(
+            "path",
+            {
+              d: "M151.073 13.2832V21.2082H146.602V26.8907H151.073V45.5053H157.733V26.8907H163.078V21.2082H157.733V15.7147H163.078V10.0277H156.711L151.073 13.2832Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            "path",
+            {
+              d: "M173.137 20.965L167.5 24.2205V42.4929L173.137 45.7484H183.489L189.127 42.4929V24.2205L183.489 20.965H173.137ZM182.467 40.0613H174.155V26.6475H182.467V40.0613Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            "path",
+            {
+              d: "M203.067 23.2074L199.605 21.2081H196.412V45.5052H203.072V26.8907H211.429V21.2081H206.53L203.067 23.2074Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            "path",
+            {
+              d: "M116.069 20.965L112.187 23.2074L108.301 20.965H105.685V45.5052H112.345V26.6475H120.653V45.5052H127.312V24.2205L121.675 20.965H116.069Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            "path",
+            {
+              d: "M91.7401 40.0614H83.4279V21.2081H76.7728V42.4929L82.4103 45.7484H88.2819L91.7311 43.7537L91.7356 43.7582L91.7401 43.7537V43.7582L95.1847 45.7484H98.3952V21.2081H91.7401V40.0614Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            "path",
+            {
+              d: "M244.813 20.965H240.148L235.582 23.5856L231.061 20.965H226.396L222.947 22.9552L219.498 20.965H216.288V45.5052H222.947V26.6475H230.044V45.5052H236.699V26.6475H243.795V45.5052H250.45V24.2205L244.813 20.965Z",
+              fill: "currentColor"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx19("defs", { children: /* @__PURE__ */ jsx19("clipPath", { id: "clip0", children: /* @__PURE__ */ jsx19("rect", { width: "250", height: "63.6786", fill: "currentColor" }) }) })
+      ]
+    }
+  );
+};
 
 // src/components/Button/Button.tsx
 import * as React5 from "react";
@@ -11673,16 +11802,16 @@ var ChipMedium = css32`
   }
 `;
 var ChipThemeAccentLight = css32`
-  background: var(--accent-primary-surface);
+  background: var(--accent-light);
   color: var(--brand-secondary-1);
 
   &:hover,
   &:focus {
-    background: var(--accent-primary-hover);
+    background: var(--accent-light-hover);
   }
 
   &:active {
-    background: var(--accent-primary-active);
+    background: var(--accent-light-active);
   }
 
   &:hover,
@@ -11692,20 +11821,62 @@ var ChipThemeAccentLight = css32`
   }
 
   [data-icon] {
-    color: var(--accent-primary);
+    color: var(--accent-light);
   }
 `;
 var ChipThemeAccentDark = css32`
-  background: var(--accent-primary);
+  background: var(--accent-dark);
+  color: var(--white);
+
+  &:hover,
+  &:focus {
+    background: var(--accent-dark-hover);
+  }
+
+  &:active {
+    background: var(--accent-dark-active);
+  }
+
+  &:hover,
+  &:focus,
+  &:active {
+    color: var(--white);
+  }
+`;
+var ChipAltThemeAccentLight = css32`
+  background: var(--accent-alt-light);
+  color: var(--brand-secondary-1);
+
+  &:hover,
+  &:focus {
+    background: var(--accent-alt-light-hover);
+  }
+
+  &:active {
+    background: var(--accent-alt-light-active);
+  }
+
+  &:hover,
+  &:focus,
+  &:active {
+    color: var(--white);
+  }
+
+  [data-icon] {
+    color: var(--accent-alt-light);
+  }
+`;
+var ChipAltThemeAccentDark = css32`
+  background: var(--accent-alt-dark);
   color: var(--white);
 
   &:hover,
   &:focus {
-    background: var(--accent-primary-hover);
+    background: var(--accent-alt-dark-hover);
   }
 
   &:active {
-    background: var(--accent-primary-active);
+    background: var(--accent-alt-dark-active);
   }
 
   &:hover,
@@ -11761,6 +11932,8 @@ var Chip = ({
   const chipTheme = {
     "accent-light": ChipThemeAccentLight,
     "accent-dark": ChipThemeAccentDark,
+    "accent-alt-light": ChipAltThemeAccentLight,
+    "accent-alt-dark": ChipAltThemeAccentDark,
     "neutral-light": ChipThemeNeutralLight,
     "neutral-dark": ChipThemeNeutralDark
   };
@@ -13936,6 +14109,9 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
         iconSrc = iconUrl.href;
       }
     } catch (e) {
+      if (icon == null ? void 0 : icon.startsWith("/")) {
+        iconSrc = icon;
+      }
     }
   }
   return /* @__PURE__ */ jsxs46("div", { css: IntegrationModalIconContainer, children: [
@@ -13954,7 +14130,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
         /* @__PURE__ */ jsx71("stop", { offset: "1", stopColor: "#B3EFE4" })
       ] }) })
     ] }),
-    CompIcon ? /* @__PURE__ */ jsx71(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : /* @__PURE__ */ jsx71(
+    CompIcon ? /* @__PURE__ */ jsx71(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : iconSrc ? /* @__PURE__ */ jsx71(
       "img",
       {
         src: iconSrc,
@@ -13963,7 +14139,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
         css: IntegrationModalImage,
         ...imgProps
       }
-    )
+    ) : null
   ] });
 };
 
@@ -14467,7 +14643,8 @@ var linkParameterControls = css61`
 `;
 var linkParameterInput = (withExternalLinkIcon) => css61`
   padding-right: calc(
-    ${withExternalLinkIcon ? "var(--spacing-2xl)" : "var(--spacing-xl)"} + var(--spacing-base)
+    ${withExternalLinkIcon ? "calc(var(--spacing-lg) * 2 + var(--spacing-xs))" : "var(--spacing-xl)"} +
+      var(--spacing-base)
   );
 `;
 var linkParameterIcon = css61`
@@ -15982,6 +16159,7 @@ export {
   TwoColumnLayout,
   UniformBadge,
   UniformLogo,
+  UniformLogoLarge,
   VerticalRhythm,
   WarningMessage,
   borderTopIcon,
@@ -16022,6 +16200,7 @@ export {
   macifyShortcut,
   mq,
   numberInput,
+  queryStringIcon,
   rectangleRoundedIcon,
   replaceUnderscoreInString,
   ripple,

package/dist/index.d.ts

@@ -20236,6 +20236,7 @@ declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<S
  * @param props - sets react svg element attribute props
  * @example <UniformLogo theme="light" /> */
 declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Button themes that are available to use with our brand */
 type ButtonThemeProps$1 = 'primary' | 'secondary' | 'destructive' | 'tertiary' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
@@ -20378,7 +20379,7 @@ declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...p
 declare const LoadingCardSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ChipSizeProp = 'xs' | 'sm' | 'md';
-type ChipThemeProps = 'accent-light' | 'accent-dark' | 'neutral-light' | 'neutral-dark';
+type ChipThemeProps = 'accent-light' | 'accent-dark' | 'accent-alt-light' | 'accent-alt-dark' | 'neutral-light' | 'neutral-dark';
 type ChipProps = {
     icon?: IconType$1;
     text: string;
@@ -20527,7 +20528,7 @@ interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivE
     onOverlayClick?: () => void;
 }
 
-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"];
+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"];
 /** A list of available icon names that can be used with the Uniform brand */
 type IconName = (typeof iconNames)[number];
 
@@ -20562,6 +20563,7 @@ declare const canvasAlertIcon: (props: react_icons.IconBaseProps) => JSX.Element
 declare const warningIcon: (props: react_icons.IconBaseProps) => JSX.Element;
 declare const infoFilledIcon: (props: react_icons.IconBaseProps) => JSX.Element;
 declare const settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const queryStringIcon: (props: react_icons.IconBaseProps) => JSX.Element;
 declare const customIcons: {
     'rectangle-rounded': (props: react_icons.IconBaseProps) => JSX.Element;
     card: (props: react_icons.IconBaseProps) => JSX.Element;
@@ -20574,6 +20576,7 @@ declare const customIcons: {
     warning: (props: react_icons.IconBaseProps) => JSX.Element;
     'info-filled': (props: react_icons.IconBaseProps) => JSX.Element;
     settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+    'query-string': (props: react_icons.IconBaseProps) => JSX.Element;
 };
 
 type IconsMap = Record<string, IconType$1>;
@@ -22054,4 +22057,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
 };
 declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, 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, 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, rectangleRoundedIcon, replaceUnderscoreInString, ripple, scrollbarStyles, settings, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon };
+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 };

package/dist/index.js

@@ -149,6 +149,7 @@ __export(src_exports, {
   TwoColumnLayout: () => TwoColumnLayout,
   UniformBadge: () => UniformBadge,
   UniformLogo: () => UniformLogo,
+  UniformLogoLarge: () => UniformLogoLarge,
   VerticalRhythm: () => VerticalRhythm,
   WarningMessage: () => WarningMessage,
   borderTopIcon: () => borderTopIcon,
@@ -189,6 +190,7 @@ __export(src_exports, {
   macifyShortcut: () => macifyShortcut,
   mq: () => mq,
   numberInput: () => numberInput,
+  queryStringIcon: () => queryStringIcon,
   rectangleRoundedIcon: () => rectangleRoundedIcon,
   replaceUnderscoreInString: () => replaceUnderscoreInString,
   ripple: () => ripple,
@@ -252,21 +254,53 @@ var Theme = ({ disableReset = false }) => {
           /* secondary colours */
           --brand-secondary-1: #1f2b34; /* carbon */
           --brand-secondary-2: #ecf1f1; /* silver */
-          --brand-secondary-3: #2ECDB4; /* maroon */
+          --brand-secondary-3: var(--purple-rain-500);
           --brand-secondary-5: #d9534f; /* brick red */
 
 
+          /* new colour range 4th May 2023 (may the fourth be with you) */
+          /* purple spectrum */
+          --purple-rain-100: #dccbff;
+          --purple-rain-200: #c2a5ff;
+          --purple-rain-300: #a87eff;
+          --purple-rain-400: #9068e3;
+          --purple-rain-500: #7953c6;
+          --purple-rain-600: #6340a9;
+
+          /* raspberry spectrum*/
+          --raspberry-beret-100: #ffbee1;
+          --raspberry-beret-200: #ff94ce;
+          --raspberry-beret-300: #ff6aba;
+          --raspberry-beret-400: #ff40a7;
+          --raspberry-beret-500: #f5168e;
+          --raspberry-beret-600: #f5168e;
+          --raspberry-beret-700: #f5168e;
+
+
           /* action colours */
           --primary-action-default: #0052ed; /* new blue */
           --primary-action-hover: #1264ff;
           --primary-action-active: #0043c2;
 
+          /* accent dark */
+          --accent-dark: var(--purple-rain-500);
+          --accent-dark-hover: var(--purple-rain-400);
+          --accent-dark-active: var(--purple-rain-600);
+
+          /* accent light */
+          --accent-light: var(--purple-rain-200);
+          --accent-light-hover: var(--purple-rain-100);
+          --accent-light-active: var(--purple-rain-300);
 
-          /* accent primary */
-          --accent-primary: #2ECDB4;
-          --accent-primary-surface: #f7d4e4;
-          --accent-primary-hover: #eb4793;
-          --accent-primary-active: #e51a78;
+          /* accent alt dark */
+          --accent-alt-dark: var(--raspberry-beret-600);
+          --accent-alt-dark-hover: var(--raspberry-beret-500);
+          --accent-alt-dark-active: var(--raspberry-beret-700);
+
+          /* accent alt light */
+          --accent-alt-light: var(--raspberry-beret-200);
+          --accent-alt-light-hover: var(--raspberry-beret-100);
+          --accent-alt-light-active: var(--raspberry-beret-300);
 
           /* off brand */
           --input-border: rgba(31, 43, 52, 0.5);
@@ -1538,6 +1572,25 @@ var infoFilledIcon = (0, import_react_icons.GenIcon)({
   ]
 });
 var settings = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { ...props, icon: import_md.MdSettings });
+var queryStringIcon = (0, import_react_icons.GenIcon)({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 24 24"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M6.23255 11.3213L6.32008 14.993H8.79253L8.85817 13.2128C9.86466 13.198 10.7472 13.0274 11.5057 12.701C12.2788 12.3746 12.8841 11.8776 13.3217 11.21C13.7739 10.5424 14 9.6968 14 8.67316C14 7.67918 13.7812 6.84098 13.3436 6.15855C12.9206 5.46129 12.3298 4.92721 11.5713 4.55633C10.8274 4.18544 9.96676 4 8.98945 4C7.9392 4 7.03483 4.20028 6.27631 4.60083C5.53239 5.00139 4.96351 5.5503 4.56966 6.24757C4.17582 6.94483 3.98619 7.73853 4.00078 8.62865H6.64828C6.64828 7.93139 6.85249 7.38248 7.26092 6.98192C7.66935 6.56653 8.23823 6.35883 8.96757 6.35883C9.66773 6.35883 10.2293 6.56653 10.6523 6.98192C11.0754 7.38248 11.2869 7.9388 11.2869 8.6509C11.2869 9.39267 11.1045 9.95642 10.7399 10.3421C10.3752 10.7279 9.88654 10.9875 9.27389 11.121C8.66125 11.2545 7.98296 11.3213 7.23904 11.3213H6.23255ZM6.29819 19.5104C6.63369 19.8368 7.05671 20 7.56724 20C8.07778 20 8.4935 19.8368 8.81441 19.5104C9.13532 19.1841 9.29577 18.7909 9.29577 18.331C9.29577 17.8563 9.13532 17.4557 8.81441 17.1293C8.4935 16.803 8.07778 16.6398 7.56724 16.6398C7.05671 16.6398 6.63369 16.803 6.29819 17.1293C5.97729 17.4557 5.81683 17.8563 5.81683 18.331C5.81683 18.7909 5.97729 19.1841 6.29819 19.5104ZM12 14V16.012H20V14H12ZM12 17.988V20H20V17.988H12Z"
+      },
+      child: []
+    }
+  ]
+});
 var customIcons = {
   "rectangle-rounded": rectangleRoundedIcon,
   card: cardIcon,
@@ -1549,7 +1602,8 @@ var customIcons = {
   "canvas-alert": canvasAlertIcon,
   warning: warningIcon,
   "info-filled": infoFilledIcon,
-  settings
+  settings,
+  "query-string": queryStringIcon
 };
 
 // src/components/AddListButton/AddListButton.styles.ts
@@ -1663,7 +1717,7 @@ var h6 = import_react15.css`
   font-size: var(--fs-base);
 `;
 var commonHeadingAttr = (withMarginBottom) => import_react15.css`
-  font-weight: var(--fw-bold);
+  font-weight: var(--fw-regular);
   font-family: var(--ff-base);
   margin-top: 0;
   margin-bottom: ${withMarginBottom ? "var(--spacing-base)" : "0"};
@@ -1920,8 +1974,8 @@ var IntegrationHeaderSectionTitleGroup = import_react20.css`
   }
 `;
 var IntegrationHeaderSectionTitle = import_react20.css`
-  font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
-  font-weight: var(--fw-bold);
+  font-size: clamp(1.75rem, var(--fluid-font-base), 2.25rem);
+  font-weight: var(--fw-regular);
   margin: 0;
 `;
 var IntegrationHeaderSectionText = import_react20.css``;
@@ -10897,6 +10951,83 @@ var UniformLogo = ({
     }
   ) });
 };
+var UniformLogoLarge = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "svg",
+    {
+      width: "250",
+      height: "64",
+      viewBox: "0 0 250 64",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { clipPath: "url(#clip0)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M18.3804 0L0 10.6131V31.8393L18.3804 21.2262L36.7654 10.6131L18.3804 0Z", fill: "#7BB3FF" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "path",
+            {
+              d: "M18.3804 42.4524V21.2262L0 31.8393V53.0655L18.3804 63.6786L36.7654 53.0655V31.8393L18.3804 42.4524Z",
+              fill: "#498DFF"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "path",
+            {
+              d: "M36.7654 10.6132L18.3804 21.2263L36.7654 31.8394V53.0656L55.1458 42.4525V21.2263L36.7654 10.6132Z",
+              fill: "#E61408"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M141.257 21.2081H134.598V45.5052H141.257V21.2081Z", fill: "currentColor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M141.496 10.0277H134.355V16.6874H141.496V10.0277Z", fill: "currentColor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "path",
+            {
+              d: "M151.073 13.2832V21.2082H146.602V26.8907H151.073V45.5053H157.733V26.8907H163.078V21.2082H157.733V15.7147H163.078V10.0277H156.711L151.073 13.2832Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "path",
+            {
+              d: "M173.137 20.965L167.5 24.2205V42.4929L173.137 45.7484H183.489L189.127 42.4929V24.2205L183.489 20.965H173.137ZM182.467 40.0613H174.155V26.6475H182.467V40.0613Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "path",
+            {
+              d: "M203.067 23.2074L199.605 21.2081H196.412V45.5052H203.072V26.8907H211.429V21.2081H206.53L203.067 23.2074Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "path",
+            {
+              d: "M116.069 20.965L112.187 23.2074L108.301 20.965H105.685V45.5052H112.345V26.6475H120.653V45.5052H127.312V24.2205L121.675 20.965H116.069Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "path",
+            {
+              d: "M91.7401 40.0614H83.4279V21.2081H76.7728V42.4929L82.4103 45.7484H88.2819L91.7311 43.7537L91.7356 43.7582L91.7401 43.7537V43.7582L95.1847 45.7484H98.3952V21.2081H91.7401V40.0614Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "path",
+            {
+              d: "M244.813 20.965H240.148L235.582 23.5856L231.061 20.965H226.396L222.947 22.9552L219.498 20.965H216.288V45.5052H222.947V26.6475H230.044V45.5052H236.699V26.6475H243.795V45.5052H250.45V24.2205L244.813 20.965Z",
+              fill: "currentColor"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("clipPath", { id: "clip0", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { width: "250", height: "63.6786", fill: "currentColor" }) }) })
+      ]
+    }
+  );
+};
 
 // src/components/Button/Button.tsx
 var React5 = __toESM(require("react"));
@@ -11884,16 +12015,16 @@ var ChipMedium = import_react39.css`
   }
 `;
 var ChipThemeAccentLight = import_react39.css`
-  background: var(--accent-primary-surface);
+  background: var(--accent-light);
   color: var(--brand-secondary-1);
 
   &:hover,
   &:focus {
-    background: var(--accent-primary-hover);
+    background: var(--accent-light-hover);
   }
 
   &:active {
-    background: var(--accent-primary-active);
+    background: var(--accent-light-active);
   }
 
   &:hover,
@@ -11903,20 +12034,62 @@ var ChipThemeAccentLight = import_react39.css`
   }
 
   [data-icon] {
-    color: var(--accent-primary);
+    color: var(--accent-light);
   }
 `;
 var ChipThemeAccentDark = import_react39.css`
-  background: var(--accent-primary);
+  background: var(--accent-dark);
+  color: var(--white);
+
+  &:hover,
+  &:focus {
+    background: var(--accent-dark-hover);
+  }
+
+  &:active {
+    background: var(--accent-dark-active);
+  }
+
+  &:hover,
+  &:focus,
+  &:active {
+    color: var(--white);
+  }
+`;
+var ChipAltThemeAccentLight = import_react39.css`
+  background: var(--accent-alt-light);
+  color: var(--brand-secondary-1);
+
+  &:hover,
+  &:focus {
+    background: var(--accent-alt-light-hover);
+  }
+
+  &:active {
+    background: var(--accent-alt-light-active);
+  }
+
+  &:hover,
+  &:focus,
+  &:active {
+    color: var(--white);
+  }
+
+  [data-icon] {
+    color: var(--accent-alt-light);
+  }
+`;
+var ChipAltThemeAccentDark = import_react39.css`
+  background: var(--accent-alt-dark);
   color: var(--white);
 
   &:hover,
   &:focus {
-    background: var(--accent-primary-hover);
+    background: var(--accent-alt-dark-hover);
   }
 
   &:active {
-    background: var(--accent-primary-active);
+    background: var(--accent-alt-dark-active);
   }
 
   &:hover,
@@ -11972,6 +12145,8 @@ var Chip = ({
   const chipTheme = {
     "accent-light": ChipThemeAccentLight,
     "accent-dark": ChipThemeAccentDark,
+    "accent-alt-light": ChipAltThemeAccentLight,
+    "accent-alt-dark": ChipAltThemeAccentDark,
     "neutral-light": ChipThemeNeutralLight,
     "neutral-dark": ChipThemeNeutralDark
   };
@@ -14147,6 +14322,9 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
         iconSrc = iconUrl.href;
       }
     } catch (e) {
+      if (icon == null ? void 0 : icon.startsWith("/")) {
+        iconSrc = icon;
+      }
     }
   }
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { css: IntegrationModalIconContainer, children: [
@@ -14165,7 +14343,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
         /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("stop", { offset: "1", stopColor: "#B3EFE4" })
       ] }) })
     ] }),
-    CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : iconSrc ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       "img",
       {
         src: iconSrc,
@@ -14174,7 +14352,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
         css: IntegrationModalImage,
         ...imgProps
       }
-    )
+    ) : null
   ] });
 };
 
@@ -14673,7 +14851,8 @@ var linkParameterControls = import_react78.css`
 `;
 var linkParameterInput = (withExternalLinkIcon) => import_react78.css`
   padding-right: calc(
-    ${withExternalLinkIcon ? "var(--spacing-2xl)" : "var(--spacing-xl)"} + var(--spacing-base)
+    ${withExternalLinkIcon ? "calc(var(--spacing-lg) * 2 + var(--spacing-xs))" : "var(--spacing-xl)"} +
+      var(--spacing-base)
   );
 `;
 var linkParameterIcon = import_react78.css`
@@ -16180,6 +16359,7 @@ var StatusBullet = ({
   TwoColumnLayout,
   UniformBadge,
   UniformLogo,
+  UniformLogoLarge,
   VerticalRhythm,
   WarningMessage,
   borderTopIcon,
@@ -16220,6 +16400,7 @@ var StatusBullet = ({
   macifyShortcut,
   mq,
   numberInput,
+  queryStringIcon,
   rectangleRoundedIcon,
   replaceUnderscoreInString,
   ripple,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.3.0",
+  "version": "19.5.1-alpha.22+5b4a94102",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -18,7 +18,7 @@
     "document": "api-extractor run --local"
   },
   "devDependencies": {
-    "@emotion/jest": "11.10.5",
+    "@emotion/jest": "11.10.8",
     "@storybook/addon-docs": "6.5.16",
     "@storybook/client-api": "6.5.16",
     "@storybook/react": "6.5.16",
@@ -31,7 +31,7 @@
     "tsup": "6.7.0"
   },
   "dependencies": {
-    "@emotion/react": "11.10.5",
+    "@emotion/react": "11.10.8",
     "@monaco-editor/react": "4.5.0",
     "lottie-react": "^2.3.1",
     "monaco-editor": "0.37.1",
@@ -42,7 +42,7 @@
     "react-select": "5.7.2",
     "react-use": "17.4.0",
     "reakit": "1.3.11",
-    "zod-to-json-schema": "3.20.4"
+    "zod-to-json-schema": "3.21.0"
   },
   "peerDependencies": {
     "react": ">=17 || 17 || 18",
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "57552ffe10ca66f905d8908c82dde39935fb1803"
+  "gitHead": "5b4a94102c83a88c9fbf888a24d633e8abf96b76"
 }