@payloadcms/richtext-slate 3.0.0-beta.13 → 3.0.0-beta.130

package/dist/field/icons/IndentLeft/index.scss

@@ -1,16 +1,18 @@
 @import '../../../scss/styles.scss';
 
-.icon--indent-left {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--indent-left {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    fill: none;
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width-m;
-  }
+    .stroke {
+      fill: none;
+      stroke: var(--theme-elevation-800);
+      stroke-width: $style-stroke-width-m;
+    }
 
-  .fill {
-    fill: var(--theme-elevation-800);
+    .fill {
+      fill: var(--theme-elevation-800);
+    }
   }
 }

package/dist/field/icons/IndentRight/index.js

@@ -1,30 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const IndentRight = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const IndentRight = ()=>/*#__PURE__*/ _jsxs("svg", {
         className: "icon icon--indent-right",
         viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M10 9.61502L5 6.04361L5 13.1864L10 9.61502Z"
-    }), /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2.15625",
-        width: "9.0675",
-        x: "11.9375",
-        y: "5.68199"
-    }), /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2.15625",
-        width: "9.0675",
-        x: "11.9375",
-        y: "11.4738"
-    }), /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2.15625",
-        width: "16.005",
-        x: "5",
-        y: "17.2656"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M10 9.61502L5 6.04361L5 13.1864L10 9.61502Z"
+            }),
+            /*#__PURE__*/ _jsx("rect", {
+                className: "fill",
+                height: "2.15625",
+                width: "9.0675",
+                x: "11.9375",
+                y: "5.68199"
+            }),
+            /*#__PURE__*/ _jsx("rect", {
+                className: "fill",
+                height: "2.15625",
+                width: "9.0675",
+                x: "11.9375",
+                y: "11.4738"
+            }),
+            /*#__PURE__*/ _jsx("rect", {
+                className: "fill",
+                height: "2.15625",
+                width: "16.005",
+                x: "5",
+                y: "17.2656"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/IndentRight/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/IndentRight/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const IndentRight: React.FC = () => (\n  <svg className=\"icon icon--indent-right\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path className=\"fill\" d=\"M10 9.61502L5 6.04361L5 13.1864L10 9.61502Z\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"9.0675\" x=\"11.9375\" y=\"5.68199\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"9.0675\" x=\"11.9375\" y=\"11.4738\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"16.005\" x=\"5\" y=\"17.2656\" />\n  </svg>\n)\n"],"names":["React","IndentRight","svg","className","viewBox","xmlns","path","d","rect","height","width","x","y"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,cAAwB,kBACnC,oBAACC;QAAIC,WAAU;QAA0BC,SAAQ;QAAYC,OAAM;qBACjE,oBAACC;QAAKH,WAAU;QAAOI,GAAE;sBACzB,oBAACC;QAAKL,WAAU;QAAOM,QAAO;QAAUC,OAAM;QAASC,GAAE;QAAUC,GAAE;sBACrE,oBAACJ;QAAKL,WAAU;QAAOM,QAAO;QAAUC,OAAM;QAASC,GAAE;QAAUC,GAAE;sBACrE,oBAACJ;QAAKL,WAAU;QAAOM,QAAO;QAAUC,OAAM;QAASC,GAAE;QAAIC,GAAE;QAElE"}
+{"version":3,"sources":["../../../../src/field/icons/IndentRight/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const IndentRight: React.FC = () => (\n  <svg className=\"icon icon--indent-right\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path className=\"fill\" d=\"M10 9.61502L5 6.04361L5 13.1864L10 9.61502Z\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"9.0675\" x=\"11.9375\" y=\"5.68199\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"9.0675\" x=\"11.9375\" y=\"11.4738\" />\n    <rect className=\"fill\" height=\"2.15625\" width=\"16.005\" x=\"5\" y=\"17.2656\" />\n  </svg>\n)\n"],"names":["React","IndentRight","svg","className","viewBox","xmlns","path","d","rect","height","width","x","y"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,cAAwB,kBACnC,MAACC;QAAIC,WAAU;QAA0BC,SAAQ;QAAYC,OAAM;;0BACjE,KAACC;gBAAKH,WAAU;gBAAOI,GAAE;;0BACzB,KAACC;gBAAKL,WAAU;gBAAOM,QAAO;gBAAUC,OAAM;gBAASC,GAAE;gBAAUC,GAAE;;0BACrE,KAACJ;gBAAKL,WAAU;gBAAOM,QAAO;gBAAUC,OAAM;gBAASC,GAAE;gBAAUC,GAAE;;0BACrE,KAACJ;gBAAKL,WAAU;gBAAOM,QAAO;gBAAUC,OAAM;gBAASC,GAAE;gBAAIC,GAAE;;;OAElE"}

package/dist/field/icons/IndentRight/index.scss

@@ -1,16 +1,18 @@
 @import '../../../scss/styles.scss';
 
-.icon--indent-right {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--indent-right {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    fill: none;
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width-m;
-  }
+    .stroke {
+      fill: none;
+      stroke: var(--theme-elevation-800);
+      stroke-width: $style-stroke-width-m;
+    }
 
-  .fill {
-    fill: var(--theme-elevation-800);
+    .fill {
+      fill: var(--theme-elevation-800);
+    }
   }
 }

package/dist/field/icons/Italic/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const ItalicIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const ItalicIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic italic-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/Italic/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/Italic/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const ItalicIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic italic-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path className=\"fill\" d=\"M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z\" />\n  </svg>\n)\n"],"names":["React","ItalicIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,aAAuB,kBAClC,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QAAKL,WAAU;QAAOM,GAAE;QAE5B"}
+{"version":3,"sources":["../../../../src/field/icons/Italic/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const ItalicIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic italic-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path className=\"fill\" d=\"M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z\" />\n  </svg>\n)\n"],"names":["React","ItalicIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,aAAuB,kBAClC,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBAAKL,WAAU;gBAAOM,GAAE;;;OAE5B"}

package/dist/field/icons/Link/index.js

@@ -1,18 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const LinkIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const LinkIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic link icon icon--link",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/Link/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LinkIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic link icon icon--link\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"\n    />\n  </svg>\n)\n"],"names":["React","LinkIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../../src/field/icons/Link/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LinkIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic link icon icon--link\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"\n    />\n  </svg>\n)\n"],"names":["React","LinkIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}

package/dist/field/icons/Link/index.scss

@@ -1,11 +1,13 @@
 @import '../../../scss/styles.scss';
 
-.icon--link {
-  width: $baseline;
-  height: $baseline;
+@layer payload-default {
+  .icon--link {
+    width: $baseline;
+    height: $baseline;
 
-  .stroke {
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width;
+    .stroke {
+      stroke: var(--theme-elevation-800);
+      stroke-width: $style-stroke-width;
+    }
   }
 }

package/dist/field/icons/OrderedList/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const OLIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const OLIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic ordered-list-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"
-    }), /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/OrderedList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/OrderedList/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const OLIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic ordered-list-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z\"\n    />\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n  </svg>\n)\n"],"names":["React","OLIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QACCL,WAAU;QACVM,GAAE;sBAEJ,oBAACD;QAAKC,GAAE;QAAgBL,MAAK;QAEhC"}
+{"version":3,"sources":["../../../../src/field/icons/OrderedList/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const OLIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic ordered-list-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z\"\n    />\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n  </svg>\n)\n"],"names":["React","OLIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBACCL,WAAU;gBACVM,GAAE;;0BAEJ,KAACD;gBAAKC,GAAE;gBAAgBL,MAAK;;;OAEhC"}

package/dist/field/icons/Relationship/index.js

@@ -1,24 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const RelationshipIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const RelationshipIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         className: "icon icon--relationship",
         viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "stroke",
-        d: "M19.0597 14.9691L19.0597 19.0946L6.01681 19.0946L6.01681 6.03028L10.0948 6.03028",
-        strokeWidth: "2"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "stroke",
-        d: "M19.0597 11.0039L19.0597 6.00387L14.0597 6.00387",
-        strokeWidth: "2"
-    }), /*#__PURE__*/ React.createElement("line", {
-        className: "stroke",
-        strokeWidth: "2",
-        x1: "18.7061",
-        x2: "13.0493",
-        y1: "6.40767",
-        y2: "12.0645"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "stroke",
+                d: "M19.0597 14.9691L19.0597 19.0946L6.01681 19.0946L6.01681 6.03028L10.0948 6.03028",
+                strokeWidth: "2"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "stroke",
+                d: "M19.0597 11.0039L19.0597 6.00387L14.0597 6.00387",
+                strokeWidth: "2"
+            }),
+            /*#__PURE__*/ _jsx("line", {
+                className: "stroke",
+                strokeWidth: "2",
+                x1: "18.7061",
+                x2: "13.0493",
+                y1: "6.40767",
+                y2: "12.0645"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/Relationship/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/Relationship/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const RelationshipIcon: React.FC = () => (\n  <svg className=\"icon icon--relationship\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M19.0597 14.9691L19.0597 19.0946L6.01681 19.0946L6.01681 6.03028L10.0948 6.03028\"\n      strokeWidth=\"2\"\n    />\n    <path className=\"stroke\" d=\"M19.0597 11.0039L19.0597 6.00387L14.0597 6.00387\" strokeWidth=\"2\" />\n    <line className=\"stroke\" strokeWidth=\"2\" x1=\"18.7061\" x2=\"13.0493\" y1=\"6.40767\" y2=\"12.0645\" />\n  </svg>\n)\n"],"names":["React","RelationshipIcon","svg","className","viewBox","xmlns","path","d","strokeWidth","line","x1","x2","y1","y2"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,mBAA6B,kBACxC,oBAACC;QAAIC,WAAU;QAA0BC,SAAQ;QAAYC,OAAM;qBACjE,oBAACC;QACCH,WAAU;QACVI,GAAE;QACFC,aAAY;sBAEd,oBAACF;QAAKH,WAAU;QAASI,GAAE;QAAmDC,aAAY;sBAC1F,oBAACC;QAAKN,WAAU;QAASK,aAAY;QAAIE,IAAG;QAAUC,IAAG;QAAUC,IAAG;QAAUC,IAAG;QAEtF"}
+{"version":3,"sources":["../../../../src/field/icons/Relationship/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const RelationshipIcon: React.FC = () => (\n  <svg className=\"icon icon--relationship\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M19.0597 14.9691L19.0597 19.0946L6.01681 19.0946L6.01681 6.03028L10.0948 6.03028\"\n      strokeWidth=\"2\"\n    />\n    <path className=\"stroke\" d=\"M19.0597 11.0039L19.0597 6.00387L14.0597 6.00387\" strokeWidth=\"2\" />\n    <line className=\"stroke\" strokeWidth=\"2\" x1=\"18.7061\" x2=\"13.0493\" y1=\"6.40767\" y2=\"12.0645\" />\n  </svg>\n)\n"],"names":["React","RelationshipIcon","svg","className","viewBox","xmlns","path","d","strokeWidth","line","x1","x2","y1","y2"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,mBAA6B,kBACxC,MAACC;QAAIC,WAAU;QAA0BC,SAAQ;QAAYC,OAAM;;0BACjE,KAACC;gBACCH,WAAU;gBACVI,GAAE;gBACFC,aAAY;;0BAEd,KAACF;gBAAKH,WAAU;gBAASI,GAAE;gBAAmDC,aAAY;;0BAC1F,KAACC;gBAAKN,WAAU;gBAASK,aAAY;gBAAIE,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;;;OAEtF"}

package/dist/field/icons/Relationship/index.scss

@@ -1,12 +1,14 @@
 @import '../../../scss/styles.scss';
 
-.icon--relationship {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--relationship {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    fill: none;
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width-m;
+    .stroke {
+      fill: none;
+      stroke: var(--theme-elevation-800);
+      stroke-width: $style-stroke-width-m;
+    }
   }
 }

package/dist/field/icons/Strikethrough/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const StrikethroughIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const StrikethroughIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic strikethrough-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/Strikethrough/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/Strikethrough/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const StrikethroughIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic strikethrough-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path className=\"fill\" d=\"M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z\" />\n  </svg>\n)\n"],"names":["React","StrikethroughIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,oBAA8B,kBACzC,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QAAKL,WAAU;QAAOM,GAAE;QAE5B"}
+{"version":3,"sources":["../../../../src/field/icons/Strikethrough/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const StrikethroughIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic strikethrough-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path className=\"fill\" d=\"M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z\" />\n  </svg>\n)\n"],"names":["React","StrikethroughIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,oBAA8B,kBACzC,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBAAKL,WAAU;gBAAOM,GAAE;;;OAE5B"}

package/dist/field/icons/Underline/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const UnderlineIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const UnderlineIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic underline-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/Underline/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/Underline/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const UnderlineIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic underline-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z\"\n    />\n  </svg>\n)\n"],"names":["React","UnderlineIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B,kBACrC,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../../src/field/icons/Underline/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const UnderlineIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic underline-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z\"\n    />\n  </svg>\n)\n"],"names":["React","UnderlineIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B,kBACrC,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}

package/dist/field/icons/UnorderedList/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const ULIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const ULIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic unordered-list-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"
-    }), /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0V0z",
-        fill: "none"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0V0z",
+                fill: "none"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/UnorderedList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/UnorderedList/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const ULIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic unordered-list-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z\"\n    />\n    <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n  </svg>\n)\n"],"names":["React","ULIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QACCL,WAAU;QACVM,GAAE;sBAEJ,oBAACD;QAAKC,GAAE;QAAkBL,MAAK;QAElC"}
+{"version":3,"sources":["../../../../src/field/icons/UnorderedList/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const ULIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic unordered-list-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z\"\n    />\n    <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n  </svg>\n)\n"],"names":["React","ULIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBACCL,WAAU;gBACVM,GAAE;;0BAEJ,KAACD;gBAAKC,GAAE;gBAAkBL,MAAK;;;OAElC"}

package/dist/field/icons/Upload/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const UploadIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const UploadIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         className: "icon icon--upload",
         viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M20.06,5.12h-15v15h15Zm-2,2v7L15.37,11l-3.27,4.1-2-1.58-3,3.74V7.12Z"
-    }), /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "9.69",
-        cy: "9.47",
-        r: "0.97"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M20.06,5.12h-15v15h15Zm-2,2v7L15.37,11l-3.27,4.1-2-1.58-3,3.74V7.12Z"
+            }),
+            /*#__PURE__*/ _jsx("circle", {
+                className: "fill",
+                cx: "9.69",
+                cy: "9.47",
+                r: "0.97"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/Upload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/icons/Upload/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const UploadIcon: React.FC = () => (\n  <svg className=\"icon icon--upload\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"fill\"\n      d=\"M20.06,5.12h-15v15h15Zm-2,2v7L15.37,11l-3.27,4.1-2-1.58-3,3.74V7.12Z\"\n    />\n    <circle className=\"fill\" cx=\"9.69\" cy=\"9.47\" r=\"0.97\" />\n  </svg>\n)\n"],"names":["React","UploadIcon","svg","className","viewBox","xmlns","path","d","circle","cx","cy","r"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAuB,kBAClC,oBAACC;QAAIC,WAAU;QAAoBC,SAAQ;QAAYC,OAAM;qBAC3D,oBAACC;QACCH,WAAU;QACVI,GAAE;sBAEJ,oBAACC;QAAOL,WAAU;QAAOM,IAAG;QAAOC,IAAG;QAAOC,GAAE;QAElD"}
+{"version":3,"sources":["../../../../src/field/icons/Upload/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const UploadIcon: React.FC = () => (\n  <svg className=\"icon icon--upload\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"fill\"\n      d=\"M20.06,5.12h-15v15h15Zm-2,2v7L15.37,11l-3.27,4.1-2-1.58-3,3.74V7.12Z\"\n    />\n    <circle className=\"fill\" cx=\"9.69\" cy=\"9.47\" r=\"0.97\" />\n  </svg>\n)\n"],"names":["React","UploadIcon","svg","className","viewBox","xmlns","path","d","circle","cx","cy","r"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAuB,kBAClC,MAACC;QAAIC,WAAU;QAAoBC,SAAQ;QAAYC,OAAM;;0BAC3D,KAACC;gBACCH,WAAU;gBACVI,GAAE;;0BAEJ,KAACC;gBAAOL,WAAU;gBAAOM,IAAG;gBAAOC,IAAG;gBAAOC,GAAE;;;OAElD"}

package/dist/field/icons/Upload/index.scss

@@ -1,11 +1,13 @@
 @import '../../../scss/styles.scss';
 
-.icon--upload {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--upload {
+    height: $baseline;
+    width: $baseline;
 
-  .fill {
-    fill: var(--theme-elevation-800);
-    stroke: none;
+    .fill {
+      fill: var(--theme-elevation-800);
+      stroke: none;
+    }
   }
 }

package/dist/field/icons/headings/H1/index.js

@@ -1,17 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const H1Icon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const H1Icon = ()=>/*#__PURE__*/ _jsxs("svg", {
         "aria-hidden": "true",
         className: "graphic h1-icon",
         fill: "currentColor",
         focusable: "false",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

package/dist/field/icons/headings/H1/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/icons/headings/H1/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H1Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h1-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z\"\n    />\n  </svg>\n)\n"],"names":["React","H1Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../../../src/field/icons/headings/H1/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const H1Icon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic h1-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z\"\n    />\n  </svg>\n)\n"],"names":["React","H1Icon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,SAAmB,kBAC9B,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}