@uniformdev/design-system 19.20.0 → 19.20.1-alpha.32

package/dist/esm/index.js

@@ -983,12 +983,6 @@ import React3 from "react";
 // src/components/Icons/Icon.styles.ts
 import { css as css8 } from "@emotion/react";
 var IconImg = css8`
-  display: hidden;
-
-  ${mq("sm")} {
-    display: block;
-  }
-
   & svg {
     display: block;
     vertical-align: middle;
@@ -1009,6 +1003,9 @@ var IconColorCurrent = css8`
 var IconColorAction = css8`
   color: var(--primary-action-default);
 `;
+var IconColorAccent = css8`
+  color: var(--accent-alt-dark);
+`;
 
 // src/components/Icons/IconsProvider.tsx
 import { paramCase } from "param-case";
@@ -1058,6 +1055,7 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
     default: IconColorDefault,
     gray: IconColorGray,
     red: IconColorRed,
+    accent: IconColorAccent,
     currentColor: IconColorCurrent
   };
   if (isIconName && isLoading) {
@@ -1275,14 +1273,14 @@ var numberInput = GenIcon({
   tag: "svg",
   attr: {
     role: "img",
-    viewBox: "0 0 24 24"
+    viewBox: "0 0 40 40"
   },
   child: [
     {
       tag: "path",
       attr: {
         fill: "currentColor",
-        d: "M2.05742 12.4315V11.5127L3.72264 11.2687V4.46425H2V3.43066L4.51219 3H5.63191V11.2687L7.26842 11.5127V12.4315H2.05742Z"
+        d: "M6.10121 28.0571V15.3039L3.3335 15.9254V13.6694L7.40084 11.9429H9.30214V28.0571H6.10121Z"
       },
       child: []
     },
@@ -1290,7 +1288,7 @@ var numberInput = GenIcon({
       tag: "path",
       attr: {
         fill: "currentColor",
-        d: "M8.40723 15.7345V14.7583L11.4362 11.5858C11.7712 11.2413 12.0296 10.9255 12.2114 10.6383C12.3932 10.3512 12.5224 10.0641 12.599 9.77702C12.6756 9.48992 12.7138 9.1741 12.7138 8.82957C12.7138 8.34149 12.599 7.9826 12.3693 7.75292C12.1492 7.51366 11.7137 7.39403 11.063 7.39403C10.7567 7.39403 10.5127 7.41317 10.3308 7.45146C10.149 7.48974 9.97675 7.54716 9.81405 7.62372L9.51259 9.14539H8.52207V6.67627C8.7039 6.5997 8.93838 6.52314 9.22548 6.44658C9.52216 6.37002 9.84755 6.30781 10.2016 6.25996C10.5653 6.20254 10.9242 6.17383 11.2783 6.17383C12.1205 6.17383 12.7904 6.27432 13.2881 6.47529C13.7953 6.6667 14.1589 6.94902 14.3791 7.32226C14.5992 7.6955 14.7092 8.13573 14.7092 8.64295C14.7092 9.15017 14.6231 9.60955 14.4508 10.0211C14.2881 10.4326 14.0537 10.825 13.7474 11.1982C13.4412 11.5714 13.0775 11.9686 12.6564 12.3897L10.7041 14.2846V14.3851H13.7187L14.092 13.0357H15.0394V15.7345H8.40723Z"
+        d: "M11.6782 28.0571V25.9162C12.7051 25.1028 13.6998 24.2971 14.6625 23.4991C15.6413 22.701 16.5077 21.9107 17.2618 21.128C18.0319 20.3453 18.6416 19.5856 19.0909 18.849C19.5562 18.097 19.7888 17.368 19.7888 16.6621C19.7888 16.0021 19.5963 15.419 19.2112 14.9125C18.8422 14.4061 18.2245 14.1528 17.358 14.1528C16.4756 14.1528 15.8097 14.4291 15.3605 14.9816C14.9112 15.5341 14.6866 16.2016 14.6866 16.9843H11.7023C11.7344 15.8026 12.0071 14.8204 12.5206 14.0377C13.034 13.2397 13.7159 12.6489 14.5663 12.2652C15.4166 11.8662 16.3713 11.6667 17.4302 11.6667C19.147 11.6667 20.4787 12.1194 21.4254 13.0249C22.3881 13.915 22.8694 15.0737 22.8694 16.5009C22.8694 17.391 22.6528 18.2581 22.2196 19.1022C21.8024 19.9463 21.2489 20.7597 20.559 21.5423C19.869 22.325 19.123 23.0617 18.3207 23.7523C17.5185 24.4276 16.7403 25.0568 15.9862 25.64H23.2786V28.0571H11.6782Z"
       },
       child: []
     },
@@ -1298,7 +1296,7 @@ var numberInput = GenIcon({
       tag: "path",
       attr: {
         fill: "currentColor",
-        d: "M18.6692 21.2681C18.1333 21.2681 17.6691 21.2202 17.2767 21.1245C16.8939 21.0384 16.5781 20.9379 16.3293 20.8231C16.09 20.7082 15.9178 20.6173 15.8125 20.5503L15.9561 18.2391H17.0758L17.2337 19.5885C17.272 19.6077 17.3581 19.6555 17.4921 19.7321C17.6356 19.7991 17.8031 19.8661 17.9945 19.933C18.1859 19.9905 18.3773 20.0192 18.5687 20.0192C19.2195 20.0192 19.6789 19.8852 19.9468 19.6172C20.2148 19.3493 20.3488 18.933 20.3488 18.3683C20.3488 17.9951 20.2531 17.6936 20.0617 17.4639C19.8703 17.2247 19.6023 17.0428 19.2578 16.9184C18.9228 16.794 18.5257 16.7318 18.0663 16.7318H17.6213L17.3485 16.2007V15.5834H18.0232C18.3965 15.5834 18.7266 15.5212 19.0137 15.3967C19.3104 15.2723 19.5401 15.0905 19.7028 14.8512C19.8751 14.6024 19.9612 14.3105 19.9612 13.9756C19.9612 13.4971 19.8368 13.1669 19.588 12.985C19.3391 12.8032 18.9468 12.7123 18.4108 12.7123C18.2098 12.7123 18.0137 12.7314 17.8223 12.7697C17.6404 12.7984 17.4729 12.8415 17.3198 12.8989L17.205 14.1765H16.1857L16.0422 11.9658C16.3102 11.8605 16.669 11.7505 17.1188 11.6356C17.5686 11.5208 18.1094 11.4634 18.741 11.4634C19.3535 11.4634 19.8846 11.5304 20.3344 11.6644C20.7938 11.7888 21.1479 12.0041 21.3967 12.3103C21.6456 12.6166 21.77 13.0425 21.77 13.588C21.77 13.9612 21.6886 14.2962 21.5259 14.5928C21.3632 14.8895 21.1575 15.1384 20.9087 15.3393C20.6598 15.5403 20.4062 15.6982 20.1478 15.8131L20.1335 15.8992C20.4206 15.9662 20.6885 16.0619 20.9374 16.1863C21.1958 16.3011 21.4254 16.4543 21.6264 16.6457C21.8274 16.8371 21.9853 17.0715 22.1002 17.3491C22.215 17.617 22.2724 17.9377 22.2724 18.3109C22.2724 18.8564 22.1624 19.3206 21.9422 19.7034C21.7317 20.0766 21.4494 20.3781 21.0953 20.6077C20.7507 20.8374 20.3632 21.0049 19.9325 21.1102C19.5114 21.2155 19.0903 21.2681 18.6692 21.2681Z"
+        d: "M30.8667 28.3333C29.7596 28.3333 28.7568 28.1492 27.8583 27.7808C26.9598 27.3972 26.2377 26.814 25.6922 26.0313C25.1467 25.2486 24.8579 24.2664 24.8258 23.0847H27.8583C27.8743 23.8674 28.139 24.5273 28.6525 25.0644C29.182 25.5862 29.92 25.8471 30.8667 25.8471C31.7652 25.8471 32.4551 25.6093 32.9364 25.1335C33.4178 24.6578 33.6584 24.0592 33.6584 23.3379C33.6584 22.4939 33.3375 21.857 32.6958 21.4272C32.07 20.9822 31.2598 20.7597 30.265 20.7597H29.0135V18.3425H30.289C31.1073 18.3425 31.7892 18.1584 32.3347 17.79C32.8803 17.4217 33.153 16.8769 33.153 16.1556C33.153 15.5571 32.9445 15.0813 32.5273 14.7283C32.1262 14.36 31.5646 14.1759 30.8426 14.1759C30.0564 14.1759 29.4387 14.3984 28.9894 14.8435C28.5562 15.2885 28.3155 15.8333 28.2674 16.4779H25.259C25.3232 14.9892 25.8607 13.8152 26.8715 12.9558C27.8984 12.0964 29.2221 11.6667 30.8426 11.6667C31.9978 11.6667 32.9685 11.8662 33.7547 12.2652C34.5569 12.6489 35.1586 13.163 35.5597 13.8075C35.9769 14.4521 36.1855 15.1657 36.1855 15.9484C36.1855 16.8539 35.9207 17.6212 35.3913 18.2504C34.8778 18.8643 34.2361 19.2787 33.4659 19.4935C34.4125 19.6777 35.1827 20.1228 35.7763 20.8287C36.37 21.5193 36.6668 22.3941 36.6668 23.453C36.6668 24.3431 36.4422 25.1565 35.993 25.8932C35.5437 26.6298 34.8859 27.2207 34.0194 27.6657C33.1691 28.1108 32.1181 28.3333 30.8667 28.3333Z"
       },
       child: []
     }
@@ -1373,6 +1371,7 @@ var infoFilledIcon = GenIcon({
     }
   ]
 });
+var settingsIcon = MdSettings;
 var settings = (props) => /* @__PURE__ */ jsx7(Icon, { ...props, icon: MdSettings });
 var queryStringIcon = GenIcon({
   tag: "svg",
@@ -1393,6 +1392,25 @@ var queryStringIcon = GenIcon({
     }
   ]
 });
+var structurePanelIcon = GenIcon({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 24 24"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2.5 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-14a1 1 0 0 1-1-1V5ZM7.5 11a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1v-2ZM7.5 17a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1v-2Z"
+      },
+      child: []
+    }
+  ]
+});
 var formatBoldIcon = GenIcon({
   tag: "svg",
   attr: {
@@ -1570,6 +1588,39 @@ var clearFormatting = GenIcon({
     }
   ]
 });
+var yesNoIcon = GenIcon({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 40 40"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        d: "M8.9984 27.5V21.8919L4.00049 11.7342H7.08431L10.3808 19.009L13.656 11.7342H16.6973L11.7207 21.8919V27.5H8.9984Z"
+      },
+      child: []
+    },
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        d: "M15.0085 30L20.3255 10H22.9839L17.6457 30H15.0085Z"
+      },
+      child: []
+    },
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        d: "M24.8922 27.5V11.7342H27.6145L34.6116 22.8378V11.7342H37.3338V27.5H34.6116L27.6145 16.4189V27.5H24.8922Z"
+      },
+      child: []
+    }
+  ]
+});
 var customIcons = {
   "rectangle-rounded": rectangleRoundedIcon,
   card: cardIcon,
@@ -1590,7 +1641,8 @@ var customIcons = {
   "format-superscript": formatSuperscript,
   "format-subscript": formatSubscript,
   "layout-list-numbered": layoutListNumberedIcon,
-  "clear-formatting": clearFormatting
+  "clear-formatting": clearFormatting,
+  "yes-no": yesNoIcon
 };
 
 // src/components/AddListButton/AddListButton.styles.ts
@@ -12449,17 +12501,23 @@ var drawerStyles = (bgColor = "var(--white)") => css39`
   height: 100%;
 `;
 var drawerCloseButtonStyles = css39`
-  align-self: flex-end;
+  display: block;
+  padding: 0;
   background: transparent;
   border: none;
-  display: block;
-  padding: var(--spacing-xs);
+`;
+var headerWrapperStyles = css39`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  flex: 1;
   margin-right: var(--spacing-sm);
 `;
 var drawerHeaderStyles = css39`
   font-size: var(--fs-lg);
   font-weight: var(--fw-bold);
   padding-inline: var(--spacing-base);
+  flex: 1;
 `;
 var drawerRendererStyles = css39`
   inset: 0;
@@ -12487,6 +12545,21 @@ var slideDrawerIn = keyframes2`
   transform: translate(0);
 }
 `;
+var slideDrawerInLeftAligned = keyframes2`
+0% {
+  transform: translate(0);
+  opacity: 0;
+}
+1% {
+  transform: translate(-100%);
+}
+2% {
+  opacity: 1;
+}
+100% {
+  transform: translate(0);
+}
+`;
 var drawerWrapperStyles = css39`
   position: absolute;
   inset-block: 0;
@@ -12494,9 +12567,18 @@ var drawerWrapperStyles = css39`
   overflow: hidden;
   transform: translate(0);
   animation: ${slideDrawerIn} var(--duration-fast) ease-out;
-  will-change: width, right, transform;
+  will-change: width, transform;
   transition: width var(--duration-fast) ease-out;
   box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
+
+  --drawer-close-icon-rotation: 0deg;
+`;
+var drawerWrapperLeftAlignedStyles = css39`
+  animation-name: ${slideDrawerInLeftAligned};
+  left: 0;
+  right: auto;
+
+  --drawer-close-icon-rotation: 180deg;
 `;
 var drawerWrapperOverlayStyles = css39`
   position: absolute;
@@ -12590,6 +12672,7 @@ var DrawerRenderer = ({
   width = "45%",
   minWidth = "0",
   maxWidth = "100%",
+  leftAligned = false,
   ...otherProps
 }) => {
   const { drawersRegistry } = useDrawer();
@@ -12597,7 +12680,7 @@ var DrawerRenderer = ({
   if (drawersToRender.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx40(CurrentDrawerRendererContext.Provider, { value: { stackId }, children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx40(CurrentDrawerRendererContext.Provider, { value: { stackId, leftAligned }, children: /* @__PURE__ */ jsx40(
     "div",
     {
       css: [
@@ -12615,6 +12698,7 @@ var DrawerRenderer = ({
           minWidth,
           maxWidth,
           onOverlayClick: onRequestClose,
+          leftAligned,
           children: component
         },
         `${stackId2}-${id}`
@@ -12628,6 +12712,7 @@ var DrawerWrapper = ({
   width,
   minWidth,
   maxWidth,
+  leftAligned,
   onOverlayClick,
   children
 }) => {
@@ -12639,7 +12724,14 @@ var DrawerWrapper = ({
   const calculatedWidth = `calc(${width} - ${offsetInPx}px)`;
   return /* @__PURE__ */ jsxs22(Fragment5, { children: [
     /* @__PURE__ */ jsx40("div", { css: drawerWrapperOverlayStyles, onClick: onOverlayClick }),
-    /* @__PURE__ */ jsx40("div", { css: [drawerWrapperStyles, { width: calculatedWidth, minWidth, maxWidth }], children })
+    /* @__PURE__ */ jsx40(
+      "div",
+      {
+        css: [drawerWrapperStyles, leftAligned ? drawerWrapperLeftAlignedStyles : null],
+        style: { width: calculatedWidth, minWidth, maxWidth },
+        children
+      }
+    )
   ] });
 };
 
@@ -12647,9 +12739,9 @@ var DrawerWrapper = ({
 import { jsx as jsx41, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
 var defaultSackId = "_default";
 var Drawer = React12.forwardRef(
-  ({ width, minWidth, maxWidth, position, ...drawerProps }, ref) => {
-    const drawerRendererProps = { width, minWidth, maxWidth, position };
+  ({ width, minWidth, maxWidth, position, leftAligned, ...drawerProps }, ref) => {
     const { stackId: inheritedStackId } = useCurrentDrawerRenderer();
+    const drawerRendererProps = { width, minWidth, maxWidth, position, leftAligned };
     return inheritedStackId ? /* @__PURE__ */ jsx41(DrawerInner, { ref, ...drawerProps, stackId: inheritedStackId }) : drawerProps.stackId ? /* @__PURE__ */ jsx41(DrawerInner, { ref, ...drawerProps }) : /* @__PURE__ */ jsxs23(DrawerProvider, { children: [
       /* @__PURE__ */ jsx41(DrawerInner, { ref, ...drawerProps }),
       /* @__PURE__ */ jsx41(DrawerRenderer, { stackId: defaultSackId, ...drawerRendererProps })
@@ -12682,19 +12774,29 @@ var DrawerInner = ({
         css: drawerStyles(bgColor),
         "data-test-id": testId,
         children: [
-          /* @__PURE__ */ jsx41(
-            Button,
-            {
-              ref: closeButtonRef,
-              type: "button",
-              onClick: onRequestClose,
-              css: drawerCloseButtonStyles,
-              title: "Close dialog",
-              buttonType: "ghost",
-              children: /* @__PURE__ */ jsx41(Icon, { icon: CgChevronRight, iconColor: "gray", size: "1.5rem" })
-            }
-          ),
-          header ? /* @__PURE__ */ jsx41("div", { id: headerId, css: drawerHeaderStyles, children: header }) : null,
+          /* @__PURE__ */ jsxs23("div", { css: headerWrapperStyles, children: [
+            header ? /* @__PURE__ */ jsx41("div", { id: headerId, css: drawerHeaderStyles, children: header }) : null,
+            /* @__PURE__ */ jsx41(
+              Button,
+              {
+                ref: closeButtonRef,
+                type: "button",
+                onClick: onRequestClose,
+                css: drawerCloseButtonStyles,
+                title: "Close dialog",
+                buttonType: "ghost",
+                children: /* @__PURE__ */ jsx41(
+                  Icon,
+                  {
+                    icon: CgChevronRight,
+                    iconColor: "gray",
+                    size: 24,
+                    css: { transform: "rotate(var(--drawer-close-icon-rotation))" }
+                  }
+                )
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsx41("div", { css: drawerInnerStyles, children })
         ]
       }
@@ -14533,7 +14635,7 @@ var Tile = css61`
   display: grid;
   padding: var(--spacing-base);
   place-items: center;
-  place-content: flex-start center;
+  place-content: center;
   gap: var(--spacing-sm);
   transition: background-color var(--duration-fast) var(--timing-ease-out);
   min-height: 128px;
@@ -15624,12 +15726,22 @@ var ParameterNameAndPublicIdInput = ({
 import { css as css75 } from "@emotion/react";
 import { CodeNode } from "@lexical/code";
 import { ListItemNode, ListNode as ListNode2 } from "@lexical/list";
+import {
+  CODE,
+  HEADING,
+  LINK,
+  ORDERED_LIST,
+  QUOTE,
+  TEXT_FORMAT_TRANSFORMERS,
+  UNORDERED_LIST
+} from "@lexical/markdown";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
 import { useLexicalComposerContext as useLexicalComposerContext4 } from "@lexical/react/LexicalComposerContext";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
 import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import { ListPlugin } from "@lexical/react/LexicalListPlugin";
+import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
 import { deepEqual as deepEqual2 } from "fast-equals";
@@ -17066,6 +17178,15 @@ var ParameterRichTextInner = ({
     editorFooter ? editorFooter : null
   ] });
 };
+var MARKDOWN_TRANSFORMERS = [
+  HEADING,
+  ORDERED_LIST,
+  UNORDERED_LIST,
+  LINK,
+  CODE,
+  QUOTE,
+  ...TEXT_FORMAT_TRANSFORMERS
+];
 var RichText = ({
   onChange,
   onConnectLink,
@@ -17107,7 +17228,8 @@ var RichText = ({
       /* @__PURE__ */ jsx93(ListPlugin, {}),
       readOnly ? null : /* @__PURE__ */ jsx93(HistoryPlugin, {}),
       /* @__PURE__ */ jsx93(LinkNodePlugin, { onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve() }),
-      /* @__PURE__ */ jsx93(ListIndentPlugin, { maxDepth: 4 })
+      /* @__PURE__ */ jsx93(ListIndentPlugin, { maxDepth: 4 }),
+      /* @__PURE__ */ jsx93(MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS })
     ] })
   ] });
 };
@@ -17640,11 +17762,16 @@ import * as React21 from "react";
 
 // src/components/Table/Table.styles.ts
 import { css as css82 } from "@emotion/react";
-var table = css82`
+var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) => css82`
   border-bottom: 1px solid var(--gray-400);
   border-collapse: collapse;
   min-width: 100%;
   table-layout: auto;
+
+  th,
+  td {
+    padding: ${cellPadding};
+  }
 `;
 var tableHead = css82`
   background: var(--gray-100);
@@ -17656,19 +17783,17 @@ var tableRow = css82`
 `;
 var tableCellHead = css82`
   font-size: var(--fs-sm);
-  padding: var(--spacing-base) var(--spacing-md);
   text-transform: uppercase;
   font-weight: var(--fw-bold);
 `;
-var tableCellData = css82`
-  padding: var(--spacing-base) var(--spacing-md);
-`;
 
 // src/components/Table/Table.tsx
 import { jsx as jsx102 } from "@emotion/react/jsx-runtime";
-var Table = React21.forwardRef(({ children, ...otherProps }, ref) => {
-  return /* @__PURE__ */ jsx102("table", { ref, css: table, ...otherProps, children });
-});
+var Table = React21.forwardRef(
+  ({ children, cellPadding, ...otherProps }, ref) => {
+    return /* @__PURE__ */ jsx102("table", { ref, css: table({ cellPadding }), ...otherProps, children });
+  }
+);
 var TableHead = React21.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx102("thead", { ref, css: tableHead, ...otherProps, children });
@@ -17696,7 +17821,7 @@ var TableCellHead = React21.forwardRef(
 );
 var TableCellData = React21.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx102("td", { ref, css: tableCellData, ...otherProps, children });
+    return /* @__PURE__ */ jsx102("td", { ref, ...otherProps, children });
   }
 );
 
@@ -17827,7 +17952,14 @@ var StatusModified = css84`
 var StatusError = css84`
   color: var(--error);
   &:before {
-    background: linear-gradient(120deg, var(--error) 40%, var(--white) 50%, var(--error) 60%);
+    /* TODO: replace this with an svg icon */
+    background: linear-gradient(
+      120deg,
+      var(--error) 45%,
+      var(--white) 46%,
+      var(--white) 54%,
+      var(--error) 55%
+    );
   }
 `;
 var StatusPublished = css84`
@@ -18047,9 +18179,11 @@ export {
   ripple,
   scrollbarStyles,
   settings,
+  settingsIcon,
   skeletonLoading,
   slideInTtb,
   spinner_default as spinnerAnimationData,
+  structurePanelIcon,
   supports,
   textInput,
   useBreakpoint,
@@ -18062,5 +18196,6 @@ export {
   useOutsideClick,
   useParameterShell,
   useShortcut,
-  warningIcon
+  warningIcon,
+  yesNoIcon
 };

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import { ButtonProps as ButtonProps$1 } from 'reakit/Button';
 import { MenuProps as MenuProps$1, MenuItemHTMLProps } from 'reakit';
 import * as react_icons from 'react-icons';
 import { IconType as IconType$1, IconBaseProps } from 'react-icons';
+import * as react_icons_lib from 'react-icons/lib';
 import InternalSelect from 'react-select/dist/declarations/src/Select';
 import { StateManagerProps } from 'react-select/dist/declarations/src/useStateManager';
 import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
@@ -20521,28 +20522,34 @@ interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDiv
      * @default 'absolute'
      */
     position?: 'absolute' | 'fixed' | 'sticky';
+    /** Opens the drawer from left to right
+     * @default false
+     */
+    leftAligned?: boolean;
 }
 declare const useCurrentDrawerRenderer: () => {
     stackId?: string | undefined;
+    leftAligned?: DrawerRendererProps['leftAligned'];
 };
-declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, ...otherProps }: DrawerRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, leftAligned, ...otherProps }: DrawerRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
     index: number;
     totalDrawers: number;
     width: DrawerRendererProps['width'];
     minWidth: Required<DrawerRendererProps['minWidth']>;
     maxWidth: Required<DrawerRendererProps['maxWidth']>;
+    leftAligned: Required<DrawerRendererProps['leftAligned']>;
     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", "clear-formatting", "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-code", "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-subscript", "format-superscript", "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-list-numbered", "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", "json"];
+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", "clear-formatting", "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-code", "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-subscript", "format-superscript", "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-list-numbered", "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", "json", "yes-no"];
 /** A list of available icon names that can be used with the Uniform brand */
 type IconName = (typeof iconNames)[number];
 
 /** sets fill color of the svg icon
  * @default 'default'
  */
-type IconColor = 'action' | 'default' | 'red' | 'gray' | 'currentColor';
+type IconColor = 'action' | 'default' | 'red' | 'gray' | 'accent' | 'currentColor';
 /** sets the type of icon to use from the available list */
 type IconType = IconName | IconType$1;
 interface IconProps extends IconBaseProps {
@@ -20569,9 +20576,12 @@ declare const numberInput: (props: react_icons.IconBaseProps) => JSX.Element;
 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 settingsIcon: react_icons_lib.IconType;
 declare const settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 declare const queryStringIcon: (props: react_icons.IconBaseProps) => JSX.Element;
+declare const structurePanelIcon: (props: react_icons.IconBaseProps) => JSX.Element;
 declare const jsonIcon: (props: react_icons.IconBaseProps) => JSX.Element;
+declare const yesNoIcon: (props: react_icons.IconBaseProps) => JSX.Element;
 declare const customIcons: {
     'rectangle-rounded': (props: react_icons.IconBaseProps) => JSX.Element;
     card: (props: react_icons.IconBaseProps) => JSX.Element;
@@ -20593,6 +20603,7 @@ declare const customIcons: {
     'format-subscript': (props: react_icons.IconBaseProps) => JSX.Element;
     'layout-list-numbered': (props: react_icons.IconBaseProps) => JSX.Element;
     'clear-formatting': (props: react_icons.IconBaseProps) => JSX.Element;
+    'yes-no': (props: react_icons.IconBaseProps) => JSX.Element;
 };
 
 type IconsMap = Record<string, IconType$1>;
@@ -21015,7 +21026,7 @@ type JsonEditorProps = {
 declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnly }: JsonEditorProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
-type BackgroundColorProp = 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
+type BackgroundColorProp = 'transparent' | 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
 type HtmlTagProps = 'div' | 'section' | 'article' | 'aside' | 'span';
 type BorderRadiusProps = 'rounded-sm' | 'rounded-base' | 'rounded-md';
 type CommonContainerProps = {
@@ -21811,7 +21822,12 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
     children?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
-type TableProps = React$1.ComponentPropsWithoutRef<'table'>;
+type TableProps = {
+    /** The CSS padding of the table cells (includes the head cells as well).
+     * @default 'var(--spacing-base) var(--spacing-md)'
+     */
+    cellPadding?: string;
+} & Omit<React$1.ComponentPropsWithoutRef<'table'>, 'cellPadding'>;
 type TableHeadProps = React$1.ComponentPropsWithoutRef<'thead'>;
 type TableBodyProps = React$1.ComponentPropsWithoutRef<'tbody'>;
 type TableFootProps = React$1.ComponentPropsWithoutRef<'tfoot'>;
@@ -21841,7 +21857,12 @@ type TableCellDataProps = React$1.ComponentPropsWithoutRef<'td'>;
     </TableFoot>
   </Table>
  */
-declare const Table: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & React$1.RefAttributes<HTMLTableElement>>;
+declare const Table: React$1.ForwardRefExoticComponent<{
+    /** The CSS padding of the table cells (includes the head cells as well).
+     * @default 'var(--spacing-base) var(--spacing-md)'
+     */
+    cellPadding?: string | undefined;
+} & Omit<Omit<React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "cellPadding"> & React$1.RefAttributes<HTMLTableElement>>;
 declare const TableHead: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
 declare const TableBody: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
 declare const TableFoot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -22166,4 +22187,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, 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, LinkNode, 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, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, 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, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, 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, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextBuiltInElements, richTextBuiltInFormats, richTextIsValueConsideredEmpty, 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, 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, LinkNode, 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, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, 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, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, 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, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextBuiltInElements, richTextBuiltInFormats, richTextIsValueConsideredEmpty, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };

package/dist/index.js

@@ -205,9 +205,11 @@ __export(src_exports, {
   ripple: () => ripple,
   scrollbarStyles: () => scrollbarStyles,
   settings: () => settings,
+  settingsIcon: () => settingsIcon,
   skeletonLoading: () => skeletonLoading,
   slideInTtb: () => slideInTtb,
   spinnerAnimationData: () => spinner_default,
+  structurePanelIcon: () => structurePanelIcon,
   supports: () => supports,
   textInput: () => textInput,
   useBreakpoint: () => useBreakpoint,
@@ -220,7 +222,8 @@ __export(src_exports, {
   useOutsideClick: () => useOutsideClick,
   useParameterShell: () => useParameterShell,
   useShortcut: () => useShortcut,
-  warningIcon: () => warningIcon
+  warningIcon: () => warningIcon,
+  yesNoIcon: () => yesNoIcon
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -1209,12 +1212,6 @@ var import_react14 = __toESM(require("react"));
 // src/components/Icons/Icon.styles.ts
 var import_react12 = require("@emotion/react");
 var IconImg = import_react12.css`
-  display: hidden;
-
-  ${mq("sm")} {
-    display: block;
-  }
-
   & svg {
     display: block;
     vertical-align: middle;
@@ -1235,6 +1232,9 @@ var IconColorCurrent = import_react12.css`
 var IconColorAction = import_react12.css`
   color: var(--primary-action-default);
 `;
+var IconColorAccent = import_react12.css`
+  color: var(--accent-alt-dark);
+`;
 
 // src/components/Icons/IconsProvider.tsx
 var import_param_case = require("param-case");
@@ -1284,6 +1284,7 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
     default: IconColorDefault,
     gray: IconColorGray,
     red: IconColorRed,
+    accent: IconColorAccent,
     currentColor: IconColorCurrent
   };
   if (isIconName && isLoading) {
@@ -1501,14 +1502,14 @@ var numberInput = (0, import_react_icons.GenIcon)({
   tag: "svg",
   attr: {
     role: "img",
-    viewBox: "0 0 24 24"
+    viewBox: "0 0 40 40"
   },
   child: [
     {
       tag: "path",
       attr: {
         fill: "currentColor",
-        d: "M2.05742 12.4315V11.5127L3.72264 11.2687V4.46425H2V3.43066L4.51219 3H5.63191V11.2687L7.26842 11.5127V12.4315H2.05742Z"
+        d: "M6.10121 28.0571V15.3039L3.3335 15.9254V13.6694L7.40084 11.9429H9.30214V28.0571H6.10121Z"
       },
       child: []
     },
@@ -1516,7 +1517,7 @@ var numberInput = (0, import_react_icons.GenIcon)({
       tag: "path",
       attr: {
         fill: "currentColor",
-        d: "M8.40723 15.7345V14.7583L11.4362 11.5858C11.7712 11.2413 12.0296 10.9255 12.2114 10.6383C12.3932 10.3512 12.5224 10.0641 12.599 9.77702C12.6756 9.48992 12.7138 9.1741 12.7138 8.82957C12.7138 8.34149 12.599 7.9826 12.3693 7.75292C12.1492 7.51366 11.7137 7.39403 11.063 7.39403C10.7567 7.39403 10.5127 7.41317 10.3308 7.45146C10.149 7.48974 9.97675 7.54716 9.81405 7.62372L9.51259 9.14539H8.52207V6.67627C8.7039 6.5997 8.93838 6.52314 9.22548 6.44658C9.52216 6.37002 9.84755 6.30781 10.2016 6.25996C10.5653 6.20254 10.9242 6.17383 11.2783 6.17383C12.1205 6.17383 12.7904 6.27432 13.2881 6.47529C13.7953 6.6667 14.1589 6.94902 14.3791 7.32226C14.5992 7.6955 14.7092 8.13573 14.7092 8.64295C14.7092 9.15017 14.6231 9.60955 14.4508 10.0211C14.2881 10.4326 14.0537 10.825 13.7474 11.1982C13.4412 11.5714 13.0775 11.9686 12.6564 12.3897L10.7041 14.2846V14.3851H13.7187L14.092 13.0357H15.0394V15.7345H8.40723Z"
+        d: "M11.6782 28.0571V25.9162C12.7051 25.1028 13.6998 24.2971 14.6625 23.4991C15.6413 22.701 16.5077 21.9107 17.2618 21.128C18.0319 20.3453 18.6416 19.5856 19.0909 18.849C19.5562 18.097 19.7888 17.368 19.7888 16.6621C19.7888 16.0021 19.5963 15.419 19.2112 14.9125C18.8422 14.4061 18.2245 14.1528 17.358 14.1528C16.4756 14.1528 15.8097 14.4291 15.3605 14.9816C14.9112 15.5341 14.6866 16.2016 14.6866 16.9843H11.7023C11.7344 15.8026 12.0071 14.8204 12.5206 14.0377C13.034 13.2397 13.7159 12.6489 14.5663 12.2652C15.4166 11.8662 16.3713 11.6667 17.4302 11.6667C19.147 11.6667 20.4787 12.1194 21.4254 13.0249C22.3881 13.915 22.8694 15.0737 22.8694 16.5009C22.8694 17.391 22.6528 18.2581 22.2196 19.1022C21.8024 19.9463 21.2489 20.7597 20.559 21.5423C19.869 22.325 19.123 23.0617 18.3207 23.7523C17.5185 24.4276 16.7403 25.0568 15.9862 25.64H23.2786V28.0571H11.6782Z"
       },
       child: []
     },
@@ -1524,7 +1525,7 @@ var numberInput = (0, import_react_icons.GenIcon)({
       tag: "path",
       attr: {
         fill: "currentColor",
-        d: "M18.6692 21.2681C18.1333 21.2681 17.6691 21.2202 17.2767 21.1245C16.8939 21.0384 16.5781 20.9379 16.3293 20.8231C16.09 20.7082 15.9178 20.6173 15.8125 20.5503L15.9561 18.2391H17.0758L17.2337 19.5885C17.272 19.6077 17.3581 19.6555 17.4921 19.7321C17.6356 19.7991 17.8031 19.8661 17.9945 19.933C18.1859 19.9905 18.3773 20.0192 18.5687 20.0192C19.2195 20.0192 19.6789 19.8852 19.9468 19.6172C20.2148 19.3493 20.3488 18.933 20.3488 18.3683C20.3488 17.9951 20.2531 17.6936 20.0617 17.4639C19.8703 17.2247 19.6023 17.0428 19.2578 16.9184C18.9228 16.794 18.5257 16.7318 18.0663 16.7318H17.6213L17.3485 16.2007V15.5834H18.0232C18.3965 15.5834 18.7266 15.5212 19.0137 15.3967C19.3104 15.2723 19.5401 15.0905 19.7028 14.8512C19.8751 14.6024 19.9612 14.3105 19.9612 13.9756C19.9612 13.4971 19.8368 13.1669 19.588 12.985C19.3391 12.8032 18.9468 12.7123 18.4108 12.7123C18.2098 12.7123 18.0137 12.7314 17.8223 12.7697C17.6404 12.7984 17.4729 12.8415 17.3198 12.8989L17.205 14.1765H16.1857L16.0422 11.9658C16.3102 11.8605 16.669 11.7505 17.1188 11.6356C17.5686 11.5208 18.1094 11.4634 18.741 11.4634C19.3535 11.4634 19.8846 11.5304 20.3344 11.6644C20.7938 11.7888 21.1479 12.0041 21.3967 12.3103C21.6456 12.6166 21.77 13.0425 21.77 13.588C21.77 13.9612 21.6886 14.2962 21.5259 14.5928C21.3632 14.8895 21.1575 15.1384 20.9087 15.3393C20.6598 15.5403 20.4062 15.6982 20.1478 15.8131L20.1335 15.8992C20.4206 15.9662 20.6885 16.0619 20.9374 16.1863C21.1958 16.3011 21.4254 16.4543 21.6264 16.6457C21.8274 16.8371 21.9853 17.0715 22.1002 17.3491C22.215 17.617 22.2724 17.9377 22.2724 18.3109C22.2724 18.8564 22.1624 19.3206 21.9422 19.7034C21.7317 20.0766 21.4494 20.3781 21.0953 20.6077C20.7507 20.8374 20.3632 21.0049 19.9325 21.1102C19.5114 21.2155 19.0903 21.2681 18.6692 21.2681Z"
+        d: "M30.8667 28.3333C29.7596 28.3333 28.7568 28.1492 27.8583 27.7808C26.9598 27.3972 26.2377 26.814 25.6922 26.0313C25.1467 25.2486 24.8579 24.2664 24.8258 23.0847H27.8583C27.8743 23.8674 28.139 24.5273 28.6525 25.0644C29.182 25.5862 29.92 25.8471 30.8667 25.8471C31.7652 25.8471 32.4551 25.6093 32.9364 25.1335C33.4178 24.6578 33.6584 24.0592 33.6584 23.3379C33.6584 22.4939 33.3375 21.857 32.6958 21.4272C32.07 20.9822 31.2598 20.7597 30.265 20.7597H29.0135V18.3425H30.289C31.1073 18.3425 31.7892 18.1584 32.3347 17.79C32.8803 17.4217 33.153 16.8769 33.153 16.1556C33.153 15.5571 32.9445 15.0813 32.5273 14.7283C32.1262 14.36 31.5646 14.1759 30.8426 14.1759C30.0564 14.1759 29.4387 14.3984 28.9894 14.8435C28.5562 15.2885 28.3155 15.8333 28.2674 16.4779H25.259C25.3232 14.9892 25.8607 13.8152 26.8715 12.9558C27.8984 12.0964 29.2221 11.6667 30.8426 11.6667C31.9978 11.6667 32.9685 11.8662 33.7547 12.2652C34.5569 12.6489 35.1586 13.163 35.5597 13.8075C35.9769 14.4521 36.1855 15.1657 36.1855 15.9484C36.1855 16.8539 35.9207 17.6212 35.3913 18.2504C34.8778 18.8643 34.2361 19.2787 33.4659 19.4935C34.4125 19.6777 35.1827 20.1228 35.7763 20.8287C36.37 21.5193 36.6668 22.3941 36.6668 23.453C36.6668 24.3431 36.4422 25.1565 35.993 25.8932C35.5437 26.6298 34.8859 27.2207 34.0194 27.6657C33.1691 28.1108 32.1181 28.3333 30.8667 28.3333Z"
       },
       child: []
     }
@@ -1599,6 +1600,7 @@ var infoFilledIcon = (0, import_react_icons.GenIcon)({
     }
   ]
 });
+var settingsIcon = import_md.MdSettings;
 var settings = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { ...props, icon: import_md.MdSettings });
 var queryStringIcon = (0, import_react_icons.GenIcon)({
   tag: "svg",
@@ -1619,6 +1621,25 @@ var queryStringIcon = (0, import_react_icons.GenIcon)({
     }
   ]
 });
+var structurePanelIcon = (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: "M2.5 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-14a1 1 0 0 1-1-1V5ZM7.5 11a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1v-2ZM7.5 17a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1v-2Z"
+      },
+      child: []
+    }
+  ]
+});
 var formatBoldIcon = (0, import_react_icons.GenIcon)({
   tag: "svg",
   attr: {
@@ -1796,6 +1817,39 @@ var clearFormatting = (0, import_react_icons.GenIcon)({
     }
   ]
 });
+var yesNoIcon = (0, import_react_icons.GenIcon)({
+  tag: "svg",
+  attr: {
+    role: "img",
+    viewBox: "0 0 40 40"
+  },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        d: "M8.9984 27.5V21.8919L4.00049 11.7342H7.08431L10.3808 19.009L13.656 11.7342H16.6973L11.7207 21.8919V27.5H8.9984Z"
+      },
+      child: []
+    },
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        d: "M15.0085 30L20.3255 10H22.9839L17.6457 30H15.0085Z"
+      },
+      child: []
+    },
+    {
+      tag: "path",
+      attr: {
+        fill: "currentColor",
+        d: "M24.8922 27.5V11.7342H27.6145L34.6116 22.8378V11.7342H37.3338V27.5H34.6116L27.6145 16.4189V27.5H24.8922Z"
+      },
+      child: []
+    }
+  ]
+});
 var customIcons = {
   "rectangle-rounded": rectangleRoundedIcon,
   card: cardIcon,
@@ -1816,7 +1870,8 @@ var customIcons = {
   "format-superscript": formatSuperscript,
   "format-subscript": formatSubscript,
   "layout-list-numbered": layoutListNumberedIcon,
-  "clear-formatting": clearFormatting
+  "clear-formatting": clearFormatting,
+  "yes-no": yesNoIcon
 };
 
 // src/components/AddListButton/AddListButton.styles.ts
@@ -12671,17 +12726,23 @@ var drawerStyles = (bgColor = "var(--white)") => import_react47.css`
   height: 100%;
 `;
 var drawerCloseButtonStyles = import_react47.css`
-  align-self: flex-end;
+  display: block;
+  padding: 0;
   background: transparent;
   border: none;
-  display: block;
-  padding: var(--spacing-xs);
+`;
+var headerWrapperStyles = import_react47.css`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  flex: 1;
   margin-right: var(--spacing-sm);
 `;
 var drawerHeaderStyles = import_react47.css`
   font-size: var(--fs-lg);
   font-weight: var(--fw-bold);
   padding-inline: var(--spacing-base);
+  flex: 1;
 `;
 var drawerRendererStyles = import_react47.css`
   inset: 0;
@@ -12709,6 +12770,21 @@ var slideDrawerIn = import_react47.keyframes`
   transform: translate(0);
 }
 `;
+var slideDrawerInLeftAligned = import_react47.keyframes`
+0% {
+  transform: translate(0);
+  opacity: 0;
+}
+1% {
+  transform: translate(-100%);
+}
+2% {
+  opacity: 1;
+}
+100% {
+  transform: translate(0);
+}
+`;
 var drawerWrapperStyles = import_react47.css`
   position: absolute;
   inset-block: 0;
@@ -12716,9 +12792,18 @@ var drawerWrapperStyles = import_react47.css`
   overflow: hidden;
   transform: translate(0);
   animation: ${slideDrawerIn} var(--duration-fast) ease-out;
-  will-change: width, right, transform;
+  will-change: width, transform;
   transition: width var(--duration-fast) ease-out;
   box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
+
+  --drawer-close-icon-rotation: 0deg;
+`;
+var drawerWrapperLeftAlignedStyles = import_react47.css`
+  animation-name: ${slideDrawerInLeftAligned};
+  left: 0;
+  right: auto;
+
+  --drawer-close-icon-rotation: 180deg;
 `;
 var drawerWrapperOverlayStyles = import_react47.css`
   position: absolute;
@@ -12812,6 +12897,7 @@ var DrawerRenderer = ({
   width = "45%",
   minWidth = "0",
   maxWidth = "100%",
+  leftAligned = false,
   ...otherProps
 }) => {
   const { drawersRegistry } = useDrawer();
@@ -12819,7 +12905,7 @@ var DrawerRenderer = ({
   if (drawersToRender.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CurrentDrawerRendererContext.Provider, { value: { stackId }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CurrentDrawerRendererContext.Provider, { value: { stackId, leftAligned }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       css: [
@@ -12837,6 +12923,7 @@ var DrawerRenderer = ({
           minWidth,
           maxWidth,
           onOverlayClick: onRequestClose,
+          leftAligned,
           children: component
         },
         `${stackId2}-${id}`
@@ -12850,6 +12937,7 @@ var DrawerWrapper = ({
   width,
   minWidth,
   maxWidth,
+  leftAligned,
   onOverlayClick,
   children
 }) => {
@@ -12861,7 +12949,14 @@ var DrawerWrapper = ({
   const calculatedWidth = `calc(${width} - ${offsetInPx}px)`;
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { css: drawerWrapperOverlayStyles, onClick: onOverlayClick }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { css: [drawerWrapperStyles, { width: calculatedWidth, minWidth, maxWidth }], children })
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      "div",
+      {
+        css: [drawerWrapperStyles, leftAligned ? drawerWrapperLeftAlignedStyles : null],
+        style: { width: calculatedWidth, minWidth, maxWidth },
+        children
+      }
+    )
   ] });
 };
 
@@ -12869,9 +12964,9 @@ var DrawerWrapper = ({
 var import_jsx_runtime40 = require("@emotion/react/jsx-runtime");
 var defaultSackId = "_default";
 var Drawer = import_react50.default.forwardRef(
-  ({ width, minWidth, maxWidth, position, ...drawerProps }, ref) => {
-    const drawerRendererProps = { width, minWidth, maxWidth, position };
+  ({ width, minWidth, maxWidth, position, leftAligned, ...drawerProps }, ref) => {
     const { stackId: inheritedStackId } = useCurrentDrawerRenderer();
+    const drawerRendererProps = { width, minWidth, maxWidth, position, leftAligned };
     return inheritedStackId ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DrawerInner, { ref, ...drawerProps, stackId: inheritedStackId }) : drawerProps.stackId ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DrawerInner, { ref, ...drawerProps }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(DrawerProvider, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DrawerInner, { ref, ...drawerProps }),
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DrawerRenderer, { stackId: defaultSackId, ...drawerRendererProps })
@@ -12904,19 +12999,29 @@ var DrawerInner = ({
         css: drawerStyles(bgColor),
         "data-test-id": testId,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-            Button,
-            {
-              ref: closeButtonRef,
-              type: "button",
-              onClick: onRequestClose,
-              css: drawerCloseButtonStyles,
-              title: "Close dialog",
-              buttonType: "ghost",
-              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { icon: import_cg10.CgChevronRight, iconColor: "gray", size: "1.5rem" })
-            }
-          ),
-          header ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { id: headerId, css: drawerHeaderStyles, children: header }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { css: headerWrapperStyles, children: [
+            header ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { id: headerId, css: drawerHeaderStyles, children: header }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              Button,
+              {
+                ref: closeButtonRef,
+                type: "button",
+                onClick: onRequestClose,
+                css: drawerCloseButtonStyles,
+                title: "Close dialog",
+                buttonType: "ghost",
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  Icon,
+                  {
+                    icon: import_cg10.CgChevronRight,
+                    iconColor: "gray",
+                    size: 24,
+                    css: { transform: "rotate(var(--drawer-close-icon-rotation))" }
+                  }
+                )
+              }
+            )
+          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { css: drawerInnerStyles, children })
         ]
       }
@@ -14755,7 +14860,7 @@ var Tile = import_react77.css`
   display: grid;
   padding: var(--spacing-base);
   place-items: center;
-  place-content: flex-start center;
+  place-content: center;
   gap: var(--spacing-sm);
   transition: background-color var(--duration-fast) var(--timing-ease-out);
   min-height: 128px;
@@ -15841,12 +15946,14 @@ var ParameterNameAndPublicIdInput = ({
 var import_react101 = require("@emotion/react");
 var import_code2 = require("@lexical/code");
 var import_list3 = require("@lexical/list");
+var import_markdown = require("@lexical/markdown");
 var import_LexicalComposer = require("@lexical/react/LexicalComposer");
 var import_LexicalComposerContext4 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
 var import_LexicalErrorBoundary = __toESM(require("@lexical/react/LexicalErrorBoundary"));
 var import_LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
 var import_LexicalListPlugin = require("@lexical/react/LexicalListPlugin");
+var import_LexicalMarkdownShortcutPlugin = require("@lexical/react/LexicalMarkdownShortcutPlugin");
 var import_LexicalRichTextPlugin = require("@lexical/react/LexicalRichTextPlugin");
 var import_rich_text2 = require("@lexical/rich-text");
 var import_fast_equals2 = require("fast-equals");
@@ -17242,6 +17349,15 @@ var ParameterRichTextInner = ({
     editorFooter ? editorFooter : null
   ] });
 };
+var MARKDOWN_TRANSFORMERS = [
+  import_markdown.HEADING,
+  import_markdown.ORDERED_LIST,
+  import_markdown.UNORDERED_LIST,
+  import_markdown.LINK,
+  import_markdown.CODE,
+  import_markdown.QUOTE,
+  ...import_markdown.TEXT_FORMAT_TRANSFORMERS
+];
 var RichText = ({
   onChange,
   onConnectLink,
@@ -17283,7 +17399,8 @@ var RichText = ({
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_LexicalListPlugin.ListPlugin, {}),
       readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_LexicalHistoryPlugin.HistoryPlugin, {}),
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(LinkNodePlugin, { onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve() }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ListIndentPlugin, { maxDepth: 4 })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ListIndentPlugin, { maxDepth: 4 }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_LexicalMarkdownShortcutPlugin.MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS })
     ] })
   ] });
 };
@@ -17812,11 +17929,16 @@ var React21 = __toESM(require("react"));
 
 // src/components/Table/Table.styles.ts
 var import_react114 = require("@emotion/react");
-var table = import_react114.css`
+var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) => import_react114.css`
   border-bottom: 1px solid var(--gray-400);
   border-collapse: collapse;
   min-width: 100%;
   table-layout: auto;
+
+  th,
+  td {
+    padding: ${cellPadding};
+  }
 `;
 var tableHead = import_react114.css`
   background: var(--gray-100);
@@ -17828,19 +17950,17 @@ var tableRow = import_react114.css`
 `;
 var tableCellHead = import_react114.css`
   font-size: var(--fs-sm);
-  padding: var(--spacing-base) var(--spacing-md);
   text-transform: uppercase;
   font-weight: var(--fw-bold);
 `;
-var tableCellData = import_react114.css`
-  padding: var(--spacing-base) var(--spacing-md);
-`;
 
 // src/components/Table/Table.tsx
 var import_jsx_runtime101 = require("@emotion/react/jsx-runtime");
-var Table = React21.forwardRef(({ children, ...otherProps }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("table", { ref, css: table, ...otherProps, children });
-});
+var Table = React21.forwardRef(
+  ({ children, cellPadding, ...otherProps }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
+  }
+);
 var TableHead = React21.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
@@ -17868,7 +17988,7 @@ var TableCellHead = React21.forwardRef(
 );
 var TableCellData = React21.forwardRef(
   ({ children, ...otherProps }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("td", { ref, css: tableCellData, ...otherProps, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("td", { ref, ...otherProps, children });
   }
 );
 
@@ -17994,7 +18114,14 @@ var StatusModified = import_react117.css`
 var StatusError = import_react117.css`
   color: var(--error);
   &:before {
-    background: linear-gradient(120deg, var(--error) 40%, var(--white) 50%, var(--error) 60%);
+    /* TODO: replace this with an svg icon */
+    background: linear-gradient(
+      120deg,
+      var(--error) 45%,
+      var(--white) 46%,
+      var(--white) 54%,
+      var(--error) 55%
+    );
   }
 `;
 var StatusPublished = import_react117.css`
@@ -18215,9 +18342,11 @@ var StatusBullet = ({
   ripple,
   scrollbarStyles,
   settings,
+  settingsIcon,
   skeletonLoading,
   slideInTtb,
   spinnerAnimationData,
+  structurePanelIcon,
   supports,
   textInput,
   useBreakpoint,
@@ -18230,5 +18359,6 @@ var StatusBullet = ({
   useOutsideClick,
   useParameterShell,
   useShortcut,
-  warningIcon
+  warningIcon,
+  yesNoIcon
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.20.0",
+  "version": "19.20.1-alpha.32+9ad53dedb",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -23,7 +23,7 @@
     "@storybook/client-api": "6.5.16",
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.7",
-    "@uniformdev/canvas": "^19.20.0",
+    "@uniformdev/canvas": "^19.20.1-alpha.32+9ad53dedb",
     "autoprefixer": "10.4.14",
     "hygen": "6.2.11",
     "postcss": "8.4.24",
@@ -37,6 +37,7 @@
     "@lexical/code": "^0.11.1",
     "@lexical/link": "^0.11.0",
     "@lexical/list": "^0.11.0",
+    "@lexical/markdown": "^0.11.0",
     "@lexical/react": "^0.11.0",
     "@lexical/rich-text": "^0.11.0",
     "@lexical/selection": "^0.11.0",
@@ -65,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eb731fec3a9f35b9cc6d218e2a77861ccf00441a"
+  "gitHead": "9ad53dedb0a0c580abc314fe1422f48a09efd0aa"
 }