@payloadcms/ui 4.0.0-canary.3 → 4.0.0-canary.4

package/dist/icons/Reset/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--reset {
+    /* Icon uses fill, no additional styles needed */
+  }
+}

package/dist/icons/Reset/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.css';
+export declare const ResetIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Reset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Reset/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/icons/Reset/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  16: 'M5.64648 2.14648C5.84175 1.95122 6.15825 1.95122 6.35352 2.14648C6.54878 2.34175 6.54878 2.65825 6.35352 2.85352L5.20703 4H8.5C11.2614 4 13.5 6.23858 13.5 9C13.5 11.7614 11.2614 14 8.5 14C5.73858 14 3.5 11.7614 3.5 9C3.5 8.72386 3.72386 8.5 4 8.5C4.27614 8.5 4.5 8.72386 4.5 9C4.5 11.2091 6.29086 13 8.5 13C10.7091 13 12.5 11.2091 12.5 9C12.5 6.79086 10.7091 5 8.5 5H5.20703L6.35352 6.14648C6.54878 6.34175 6.54878 6.65825 6.35352 6.85352C6.15825 7.04878 5.84175 7.04878 5.64648 6.85352L3.64648 4.85352C3.45122 4.65825 3.45122 4.34175 3.64648 4.14648L5.64648 2.14648Z',
+  24: 'M8.14658 5.14631C8.34183 4.95119 8.65839 4.95113 8.85361 5.14631C9.04882 5.34152 9.04873 5.65806 8.85361 5.85334L7.70712 6.99982H12.0001C15.3137 6.99987 18 9.68623 18.0001 12.9998C18.0001 16.3135 15.3138 18.9998 12.0001 18.9998C8.68638 18.9998 6.00009 16.3135 6.00009 12.9998C6.00019 12.7238 6.22401 12.4998 6.50009 12.4998C6.77613 12.4999 6.99999 12.7238 7.00009 12.9998C7.00009 15.7612 9.23867 17.9998 12.0001 17.9998C14.7615 17.9998 17.0001 15.7612 17.0001 12.9998C17 10.2385 14.7614 7.99987 12.0001 7.99982H7.70712L8.85361 9.14631C9.04882 9.34152 9.04873 9.65806 8.85361 9.85334C8.65835 10.0486 8.34184 10.0486 8.14658 9.85334L6.14658 7.85334C5.95136 7.65807 5.95133 7.34155 6.14658 7.14631L8.14658 5.14631Z'
+};
+export const ResetIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--reset', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/Reset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","ResetIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Reset/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M5.64648 2.14648C5.84175 1.95122 6.15825 1.95122 6.35352 2.14648C6.54878 2.34175 6.54878 2.65825 6.35352 2.85352L5.20703 4H8.5C11.2614 4 13.5 6.23858 13.5 9C13.5 11.7614 11.2614 14 8.5 14C5.73858 14 3.5 11.7614 3.5 9C3.5 8.72386 3.72386 8.5 4 8.5C4.27614 8.5 4.5 8.72386 4.5 9C4.5 11.2091 6.29086 13 8.5 13C10.7091 13 12.5 11.2091 12.5 9C12.5 6.79086 10.7091 5 8.5 5H5.20703L6.35352 6.14648C6.54878 6.34175 6.54878 6.65825 6.35352 6.85352C6.15825 7.04878 5.84175 7.04878 5.64648 6.85352L3.64648 4.85352C3.45122 4.65825 3.45122 4.34175 3.64648 4.14648L5.64648 2.14648Z',\n  24: 'M8.14658 5.14631C8.34183 4.95119 8.65839 4.95113 8.85361 5.14631C9.04882 5.34152 9.04873 5.65806 8.85361 5.85334L7.70712 6.99982H12.0001C15.3137 6.99987 18 9.68623 18.0001 12.9998C18.0001 16.3135 15.3138 18.9998 12.0001 18.9998C8.68638 18.9998 6.00009 16.3135 6.00009 12.9998C6.00019 12.7238 6.22401 12.4998 6.50009 12.4998C6.77613 12.4999 6.99999 12.7238 7.00009 12.9998C7.00009 15.7612 9.23867 17.9998 12.0001 17.9998C14.7615 17.9998 17.0001 15.7612 17.0001 12.9998C17 10.2385 14.7614 7.99987 12.0001 7.99982H7.70712L8.85361 9.14631C9.04882 9.34152 9.04873 9.65806 8.85361 9.85334C8.65835 10.0486 8.34184 10.0486 8.14658 9.85334L6.14658 7.85334C5.95136 7.65807 5.95133 7.34155 6.14658 7.14631L8.14658 5.14631Z',\n}\n\nexport const ResetIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--reset', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,SAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,eAAeA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACnEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Swap/index.js

@@ -12,7 +12,7 @@ export const SwapIcon = ({
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
     clipRule: "evenodd",
-    d: "M8.354 6.354a.5.5 0 1 0-.708-.708l-2.5 2.5a.5.5 0 0 0 0 .708l2.5 2.5a.5.5 0 0 0 .708-.708L6.707 9H18.5a.5.5 0 0 0 0-1H6.707zm7.292 7a.5.5 0 0 1 .708-.708l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L17.293 16H5.5a.5.5 0 0 1 0-1h11.793z",
+    d: "M14.647 12.646a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .707l-2.5 2.5a.5.5 0 0 1-.707-.707L16.293 16H6.5a.5.5 0 0 1 0-1h9.793l-1.646-1.646a.5.5 0 0 1 0-.708m-6-7a.5.5 0 1 1 .707.707L7.707 8H17.5a.5.5 0 0 1 0 1H7.707l1.647 1.646a.5.5 0 0 1-.708.707l-2.5-2.5a.5.5 0 0 1 0-.707z",
     fill: "currentColor",
     fillRule: "evenodd"
   })

package/dist/icons/Swap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","SwapIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Swap/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nexport const SwapIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--swap', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      clipRule=\"evenodd\"\n      d=\"M8.354 6.354a.5.5 0 1 0-.708-.708l-2.5 2.5a.5.5 0 0 0 0 .708l2.5 2.5a.5.5 0 0 0 .708-.708L6.707 9H18.5a.5.5 0 0 0 0-1H6.707zm7.292 7a.5.5 0 0 1 .708-.708l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L17.293 16H5.5a.5.5 0 0 1 0-1h11.793z\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACCD,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,QAAA,EAAS;IACTC,CAAA,EAAE;IACFN,IAAA,EAAK;IACLO,QAAA,EAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","SwapIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Swap/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nexport const SwapIcon: React.FC<{\n  readonly className?: string\n}> = ({ className }) => (\n  <svg\n    className={['icon', 'icon--swap', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={24}\n    viewBox=\"0 0 24 24\"\n    width={24}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      clipRule=\"evenodd\"\n      d=\"M14.647 12.646a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .707l-2.5 2.5a.5.5 0 0 1-.707-.707L16.293 16H6.5a.5.5 0 0 1 0-1h9.793l-1.646-1.646a.5.5 0 0 1 0-.708m-6-7a.5.5 0 1 1 .707.707L7.707 8H17.5a.5.5 0 0 1 0 1H7.707l1.647 1.646a.5.5 0 0 1-.708.707l-2.5-2.5a.5.5 0 0 1 0-.707z\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACCD,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,QAAA,EAAS;IACTC,CAAA,EAAE;IACFN,IAAA,EAAK;IACLO,QAAA,EAAS","ignoreList":[]}

package/dist/scss/app.scss

@@ -38,7 +38,9 @@
 
     --gutter-h: var(--spacer-5);
     --spacing-view-bottom: var(--gutter-h);
-    --doc-controls-height: calc(var(--text-body-large-line-height) + var(--spacer-4));
+    --app-header-height: 0px;
+    --doc-controls-height: 0px;
+    --doc-header-height: 0px;
     --nav-width: 275px;
 
     @include large-break {
@@ -47,7 +49,6 @@
 
     @include mid-break {
       --gutter-h: var(--spacer-3);
-      --doc-controls-height: calc(var(--base) * 2.4);
     }
 
     @include small-break {
@@ -95,6 +96,12 @@
     overflow-x: hidden;
   }
 
+  // Lock background scroll while a drawer is open. Backs up faceless-ui's JS
+  // body-scroll-lock, which a sibling modal can clear prematurely.
+  body:has(.drawer--is-open) {
+    overflow: hidden;
+  }
+
   img {
     max-width: 100%;
     height: auto;