@uniformdev/design-system 19.30.1-alpha.5 → 19.32.1-alpha.4

package/dist/esm/index.js

@@ -12875,9 +12875,9 @@ var DrawerContentBtnGroup = css40`
 
 // src/components/Drawer/DrawerContent.tsx
 import { jsx as jsx41, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
-var DrawerContent2 = ({ children, buttonGroup, ...props }) => {
+var DrawerContent2 = ({ children, buttonGroup, noPadding = false, ...props }) => {
   return /* @__PURE__ */ jsxs23("div", { css: DrawerContent, ...props, children: [
-    /* @__PURE__ */ jsx41("div", { css: DrawerContentInner, children }),
+    /* @__PURE__ */ jsx41("div", { css: [DrawerContentInner, noPadding ? { padding: 0 } : null], children }),
     buttonGroup ? /* @__PURE__ */ jsx41("div", { css: DrawerContentBtnGroup, children: buttonGroup }) : null
   ] });
 };
@@ -14778,11 +14778,11 @@ var IntegrationTile = ({
 
 // src/components/Tiles/styles/Tile.styles.ts
 import { css as css62 } from "@emotion/react";
+var tileBorderSize = "1px";
 var Tile = css62`
   background: var(--white);
-  border: none;
   cursor: pointer;
-  outline: 1px solid var(--gray-300);
+  border: ${tileBorderSize} solid var(--gray-300);
   display: grid;
   padding: var(--spacing-base);
   place-items: center;
@@ -14795,12 +14795,17 @@ var Tile = css62`
   &:focus {
     background: var(--gray-50);
   }
+
+  &[aria-disabled='true'],
+  &:disabled {
+    pointer-events: none;
+  }
 `;
 
 // src/components/Tiles/Tile.tsx
 import { jsx as jsx75 } from "@emotion/react/jsx-runtime";
-var Tile2 = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx75("button", { type: "button", css: Tile, ...props, children });
+var Tile2 = ({ children, disabled, ...props }) => {
+  return /* @__PURE__ */ jsx75("button", { type: "button", css: Tile, disabled, ...props, children });
 };
 
 // src/components/Tiles/styles/TileContainer.styles.ts
@@ -14813,6 +14818,13 @@ var TileContainerInner = (gap, templateColumns) => css63`
   display: grid;
   grid-template-columns: ${templateColumns};
   gap: var(--spacing-${gap});
+  margin-top: ${tileBorderSize};
+  margin-left: ${tileBorderSize};
+
+  > * {
+    margin-top: -${tileBorderSize};
+    margin-left: -${tileBorderSize};
+  }
 `;
 
 // src/components/Tiles/TileContainer.tsx

package/dist/index.d.ts

@@ -20525,8 +20525,9 @@ declare const Drawer: React__default.ForwardRefExoticComponent<DrawerProps & Omi
 type DrawerContentProps = {
     children: ReactNode;
     buttonGroup?: ReactNode;
+    noPadding?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-declare const DrawerContent: ({ children, buttonGroup, ...props }: DrawerContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const DrawerContent: ({ children, buttonGroup, noPadding, ...props }: DrawerContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** The ID of the stack to render. Some drawers need to use the same stack ID to be rendered here */
@@ -22022,8 +22023,9 @@ declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProp
 
 type TileProps = {
     children: ReactNode;
+    disabled?: boolean;
 } & HtmlHTMLAttributes<HTMLButtonElement>;
-declare const Tile: ({ children, ...props }: TileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Tile: ({ children, disabled, ...props }: TileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
     /** sets the background colour of the outter container

package/dist/index.js

@@ -13103,9 +13103,9 @@ var DrawerContentBtnGroup = import_react50.css`
 
 // src/components/Drawer/DrawerContent.tsx
 var import_jsx_runtime40 = require("@emotion/react/jsx-runtime");
-var DrawerContent2 = ({ children, buttonGroup, ...props }) => {
+var DrawerContent2 = ({ children, buttonGroup, noPadding = false, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { css: DrawerContent, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { css: DrawerContentInner, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { css: [DrawerContentInner, noPadding ? { padding: 0 } : null], children }),
     buttonGroup ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { css: DrawerContentBtnGroup, children: buttonGroup }) : null
   ] });
 };
@@ -15006,11 +15006,11 @@ var IntegrationTile = ({
 
 // src/components/Tiles/styles/Tile.styles.ts
 var import_react77 = require("@emotion/react");
+var tileBorderSize = "1px";
 var Tile = import_react77.css`
   background: var(--white);
-  border: none;
   cursor: pointer;
-  outline: 1px solid var(--gray-300);
+  border: ${tileBorderSize} solid var(--gray-300);
   display: grid;
   padding: var(--spacing-base);
   place-items: center;
@@ -15023,12 +15023,17 @@ var Tile = import_react77.css`
   &:focus {
     background: var(--gray-50);
   }
+
+  &[aria-disabled='true'],
+  &:disabled {
+    pointer-events: none;
+  }
 `;
 
 // src/components/Tiles/Tile.tsx
 var import_jsx_runtime74 = require("@emotion/react/jsx-runtime");
-var Tile2 = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("button", { type: "button", css: Tile, ...props, children });
+var Tile2 = ({ children, disabled, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("button", { type: "button", css: Tile, disabled, ...props, children });
 };
 
 // src/components/Tiles/styles/TileContainer.styles.ts
@@ -15041,6 +15046,13 @@ var TileContainerInner = (gap, templateColumns) => import_react78.css`
   display: grid;
   grid-template-columns: ${templateColumns};
   gap: var(--spacing-${gap});
+  margin-top: ${tileBorderSize};
+  margin-left: ${tileBorderSize};
+
+  > * {
+    margin-top: -${tileBorderSize};
+    margin-left: -${tileBorderSize};
+  }
 `;
 
 // src/components/Tiles/TileContainer.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.30.1-alpha.5+2a53a5820",
+  "version": "19.32.1-alpha.4+e139d9ab3",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -24,8 +24,8 @@
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.7",
     "@types/react-dom": "18.2.4",
-    "@uniformdev/canvas": "^19.30.1-alpha.5+2a53a5820",
-    "@uniformdev/richtext": "^19.30.1-alpha.5+2a53a5820",
+    "@uniformdev/canvas": "^19.32.1-alpha.4+e139d9ab3",
+    "@uniformdev/richtext": "^19.32.1-alpha.4+e139d9ab3",
     "autoprefixer": "10.4.14",
     "hygen": "6.2.11",
     "postcss": "8.4.24",
@@ -56,7 +56,7 @@
     "react-select": "5.7.3",
     "react-use": "17.4.0",
     "reakit": "1.3.11",
-    "zod-to-json-schema": "3.21.1"
+    "zod-to-json-schema": "3.21.3"
   },
   "peerDependencies": {
     "react": ">=17 || 17 || 18",
@@ -68,5 +68,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2a53a5820c0343ca6bc8d883ed6737717afba488"
+  "gitHead": "e139d9ab324b00fff68e36751585b829c3bb1fb5"
 }