@payloadcms/ui 3.84.0 → 4.0.0-internal.38b7f1d

package/dist/icons/{Menu → Filter}/index.js

@@ -1,16 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const MenuIcon = () => /*#__PURE__*/_jsx("svg", {
-  className: "icon icon--menu",
+export const FilterIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--filter",
   fill: "none",
-  height: "20",
   viewBox: "0 0 20 20",
-  width: "20",
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
     className: "stroke",
-    d: "M4.66667 10H15.3333M4.66667 6H15.3333M4.66667 14H15.3333",
+    d: "M3 5H17M6 10H14M9 15H11",
     strokeLinecap: "square"
   })
 });

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","FilterIcon","_jsx","className","fill","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Filter/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const FilterIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--filter\"\n    fill=\"none\"\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M3 5H17M6 10H14M9 15H11\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,UAAA,GAAuBA,CAAA,kBAClCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,OAAA,EAAQ;EACRC,KAAA,EAAM;YAEN,aAAAJ,IAAA,CAAC;IAAKC,SAAA,EAAU;IAASI,CAAA,EAAE;IAA0BC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/{LogOut → Filter}/index.scss

@@ -1,7 +1,7 @@
-@import '../../scss/styles.scss';
+@import '../../scss/styles';
 
 @layer payload-default {
-  .icon--logout {
+  .icon--filter {
     height: $baseline;
     width: $baseline;
 

package/dist/icons/Folder/index.css

@@ -0,0 +1,8 @@
+@layer payload-default {
+  .icon--folder--muted {
+    color: var(--color-icon-secondary);
+  }
+  .icon--folder--dark {
+    color: var(--color-icon);
+  }
+}

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

@@ -1,6 +1,8 @@
 import React from 'react';
-import './index.scss';
-export declare function FolderIcon({ className }: {
-    className?: string;
-}): React.JSX.Element;
+import './index.css';
+export declare const FolderIcon: React.FC<{
+    readonly className?: string;
+    color?: 'dark' | 'default' | 'muted';
+    readonly size?: 16 | 24;
+}>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Folder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAgB/D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Folder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAaA,CAAA"}

package/dist/icons/Folder/index.js

@@ -1,20 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export function FolderIcon({
-  className
-}) {
-  return /*#__PURE__*/_jsx("svg", {
-    className: [className, 'icon icon--folder'].filter(Boolean).join(' '),
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M13.3333 13.3333C13.6869 13.3333 14.026 13.1929 14.2761 12.9428C14.5261 12.6928 14.6666 12.3536 14.6666 12V5.33333C14.6666 4.97971 14.5261 4.64057 14.2761 4.39052C14.026 4.14048 13.6869 4 13.3333 4H8.06659C7.84359 4.00219 7.62362 3.94841 7.42679 3.84359C7.22996 3.73877 7.06256 3.58625 6.93992 3.4L6.39992 2.6C6.27851 2.41565 6.11323 2.26432 5.91892 2.1596C5.7246 2.05488 5.50732 2.00004 5.28659 2H2.66659C2.31296 2 1.97382 2.14048 1.72378 2.39052C1.47373 2.64057 1.33325 2.97971 1.33325 3.33333V12C1.33325 12.3536 1.47373 12.6928 1.72378 12.9428C1.97382 13.1929 2.31296 13.3333 2.66659 13.3333H13.3333Z",
-      fill: "currentColor"
-    })
-  });
-}
+import './index.css';
+const paths = {
+  16: 'M6.75 3C7.22207 3 7.66691 3.221995 7.9502 3.599609L9 5H12.5C13.3284 5 14 5.67157 14 6.5V11.5C14 12.32843 13.3284 13 12.5 13H3.5C2.671573 13 2 12.32843 2 11.5V4.5C2 3.671573 2.671573 3 3.5 3H6.75ZM3.5 4C3.22386 4 3 4.22386 3 4.5V11.5C3 11.77614 3.22386 12 3.5 12H12.5C12.7761 12 13 11.77614 13 11.5V6.5C13 6.22386 12.7761 6 12.5 6H8.5L8.34961 5.7998L7.15039 4.2002C7.05596 4.07429 6.90738 4 6.75 4H3.5ZM6.25 5C6.52614 5 6.75 5.22386 6.75 5.5C6.75 5.77614 6.52614 6 6.25 6H4.5C4.22386 6 4 5.77614 4 5.5C4 5.22386 4.22386 5 4.5 5H6.25Z',
+  24: 'M7 7h3.882l.5 1H7zM6 8V7a1 1 0 0 1 1-1h3.882a1 1 0 0 1 .894.553L12.5 8h4A1.5 1.5 0 0 1 18 9.5v6a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 15.5zm7 1H7v6.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5z'
+};
+export const FolderIcon = ({
+  className,
+  color,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--folder', color ? `icon--folder--${color}` : '', 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/Folder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","FolderIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Folder/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport function FolderIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={[className, 'icon icon--folder'].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M13.3333 13.3333C13.6869 13.3333 14.026 13.1929 14.2761 12.9428C14.5261 12.6928 14.6666 12.3536 14.6666 12V5.33333C14.6666 4.97971 14.5261 4.64057 14.2761 4.39052C14.026 4.14048 13.6869 4 13.3333 4H8.06659C7.84359 4.00219 7.62362 3.94841 7.42679 3.84359C7.22996 3.73877 7.06256 3.58625 6.93992 3.4L6.39992 2.6C6.27851 2.41565 6.11323 2.26432 5.91892 2.1596C5.7246 2.05488 5.50732 2.00004 5.28659 2H2.66659C2.31296 2 1.97382 2.14048 1.72378 2.39052C1.47373 2.64057 1.33325 2.97971 1.33325 3.33333V12C1.33325 12.3536 1.47373 12.6928 1.72378 12.9428C1.97382 13.1929 2.31296 13.3333 2.66659 13.3333H13.3333Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,SAASC,WAAW;EAAEC;AAAS,CAA0B;EAC9D,oBACEC,IAAA,CAAC;IACCD,SAAA,EAAW,CAACA,SAAA,EAAW,oBAAoB,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACjEC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MACCS,CAAA,EAAE;MACFL,IAAA,EAAK;;;AAIb","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","FolderIcon","className","color","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Folder/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M6.75 3C7.22207 3 7.66691 3.221995 7.9502 3.599609L9 5H12.5C13.3284 5 14 5.67157 14 6.5V11.5C14 12.32843 13.3284 13 12.5 13H3.5C2.671573 13 2 12.32843 2 11.5V4.5C2 3.671573 2.671573 3 3.5 3H6.75ZM3.5 4C3.22386 4 3 4.22386 3 4.5V11.5C3 11.77614 3.22386 12 3.5 12H12.5C12.7761 12 13 11.77614 13 11.5V6.5C13 6.22386 12.7761 6 12.5 6H8.5L8.34961 5.7998L7.15039 4.2002C7.05596 4.07429 6.90738 4 6.75 4H3.5ZM6.25 5C6.52614 5 6.75 5.22386 6.75 5.5C6.75 5.77614 6.52614 6 6.25 6H4.5C4.22386 6 4 5.77614 4 5.5C4 5.22386 4.22386 5 4.5 5H6.25Z',\n  24: 'M7 7h3.882l.5 1H7zM6 8V7a1 1 0 0 1 1-1h3.882a1 1 0 0 1 .894.553L12.5 8h4A1.5 1.5 0 0 1 18 9.5v6a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 15.5zm7 1H7v6.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5z',\n}\n\nexport const FolderIcon: React.FC<{\n  readonly className?: string\n  color?: 'dark' | 'default' | 'muted'\n  readonly size?: 16 | 24\n}> = ({ className, color, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--folder', color ? `icon--folder--${color}` : '', className]\n      .filter(Boolean)\n      .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,UAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAEC,IAAA,GAAO;AAAE,CAAE,kBACnCC,IAAA,CAAC;EACCH,SAAA,EAAW,CAAC,QAAQ,gBAAgBC,KAAA,GAAQ,iBAAiBA,KAAA,EAAO,GAAG,IAAID,SAAA,CAAU,CAClFI,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACRC,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,EAAGf,KAAK,CAACI,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Gear/index.css

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Gear/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAiBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Gear/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAYA,CAAA"}

package/dist/icons/Gear/index.js

@@ -1,25 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-const baseClass = 'gear';
+import './index.css';
+const paths = {
+  16: 'M8.32 2.008q.48.027.937.124l.117.032c.49.151.76.557.848.937a4 4 0 0 0 .052.29.5.5 0 0 0 .226.28c.002.002.099.043.109.047a.5.5 0 0 0 .352-.028c.003-.004.15-.06.163-.065.372-.113.857-.084 1.233.26.006.001.082.077.088.083l.203.243a5.9 5.9 0 0 1 1.064 1.951l.03.12c.112.495-.104.93-.389 1.196l-.134.108a.5.5 0 0 0-.215.351c-.004 0-.004.125-.004.125.02.141.097.264.21.345.002 0 .132.1.141.108.28.267.497.7.39 1.196 0 .009-.03.117-.03.117a5.9 5.9 0 0 1-1.06 1.962c-.017.016-.205.241-.205.241-.387.422-.92.467-1.32.343l-.165-.062a.5.5 0 0 0-.28-.045l-.087.022a.2.2 0 0 0-.04.015l-.053.025-.055.038a.5.5 0 0 0-.192.336c-.004 0-.004.133-.004.133a1.02 1.02 0 0 1-.633.935c-.014.007-.14.05-.14.05a6.3 6.3 0 0 1-1.101.167A13 13 0 0 0 8 14q-.488 0-.953-.075l-.305-.058c-.645-.138-.953-.692-.992-1.14a.52.52 0 0 0-.18-.352l-.036-.018-.105-.06a.5.5 0 0 0-.39.014c-.387.18-.972.202-1.407-.2-.006-.009-.085-.088-.085-.088a6 6 0 0 1-1.155-1.883l-.103-.304c-.204-.625.125-1.168.494-1.425.008-.012.083-.075.091-.082A.5.5 0 0 0 3 8l-.015-.125a.5.5 0 0 0-.203-.29c-.37-.257-.696-.798-.497-1.422.008-.01.1-.288.106-.303a6 6 0 0 1 1.156-1.882 1.26 1.26 0 0 1 1.327-.351l.274.099a.497.497 0 0 0 .6-.445c.003-.006.024-.17.026-.179.096-.41.403-.852.967-.97.013-.001.285-.05.305-.054a5.7 5.7 0 0 1 1.274-.07m-.594 1a5 5 0 0 0-.778.102.27.27 0 0 0-.203.25A1.5 1.5 0 0 1 4.61 4.595c-.111-.05-.24-.038-.319.05a5 5 0 0 0-1.054 1.822c-.035.114.019.23.113.298.39.272.645.718.649 1.227 0 .517-.255.968-.644 1.239a.28.28 0 0 0-.127.26c0 .007.006.04.006.04a5.1 5.1 0 0 0 1.057 1.826c.083.088.211.1.317.05a1.5 1.5 0 0 1 1.274-.002l.25.141c.318.233.522.573.592.939.003.007.017.156.017.156.015.116.09.222.203.248A5 5 0 0 0 7.999 13a5 5 0 0 0 1.242-.156l.009-.015v-.046a1.51 1.51 0 0 1 .743-1.318L10 11.46l.14-.07.142-.055c.37-.12.765-.09 1.107.07.085.038.178.04.252 0l.063-.046a4.9 4.9 0 0 0 1.052-1.829.26.26 0 0 0-.05-.243c-.008-.006-.064-.061-.064-.061A1.49 1.49 0 0 1 12 8c0-.51.254-.959.644-1.233.088-.064.137-.16.124-.258a.2.2 0 0 1-.01-.04 4.9 4.9 0 0 0-1.055-1.825.27.27 0 0 0-.314-.05c-.38.177-.82.194-1.22.027-.015-.012-.17-.082-.17-.082a1.52 1.52 0 0 1-.747-1.178.28.28 0 0 0-.159-.236l-.047-.016a5 5 0 0 0-1.321-.101m2.718 9.344.032-.008q.006-.009.017-.013l-.046.024zm-2.24-6.344A2 2 0 1 1 5.998 8l.009-.203A2.003 2.003 0 0 1 7.999 6zm-.304 1a.995.995 0 0 0-.9.992l.009.102c.045.471.42.845.89.893a1 1 0 0 0 .204-1.99L8 7z',
+  24: 'M17.287 6.044c-.561.24-1.22.22-1.787-.106a2 2 0 0 1-.986-1.495c-.07-.576-.495-1.253-1.297-1.361a9 9 0 0 0-2.434 0c-.802.108-1.228.785-1.297 1.36A2 2 0 0 1 8.5 5.939a2 2 0 0 1-1.787.106c-.533-.227-1.33-.197-1.826.44a9 9 0 0 0-1.22 2.111c-.307.749.067 1.456.53 1.803.49.367.803.948.803 1.602s-.313 1.235-.802 1.602c-.464.347-.838 1.054-.531 1.803.311.761.724 1.47 1.22 2.11.495.638 1.293.668 1.826.44a2 2 0 0 1 1.787.107c.566.327.913.889.986 1.495.07.576.495 1.253 1.297 1.361a9 9 0 0 0 2.434 0c.802-.108 1.227-.785 1.297-1.36.073-.607.42-1.169.986-1.496a2 2 0 0 1 1.787-.106c.533.227 1.33.197 1.826-.44.496-.64.909-1.35 1.22-2.111.307-.749-.067-1.456-.53-1.803A2 2 0 0 1 19 12c0-.654.313-1.235.802-1.602.464-.347.838-1.054.531-1.803a9 9 0 0 0-1.22-2.11c-.495-.638-1.293-.668-1.826-.44M15 6.804c.85.49 1.841.518 2.68.16.224-.096.493-.058.643.134.442.57.808 1.2 1.085 1.876.092.226-.01.478-.206.624A3 3 0 0 0 18 12c0 .983.472 1.855 1.203 2.402.195.146.297.398.205.624a8 8 0 0 1-1.085 1.876c-.15.192-.419.23-.643.134a3 3 0 0 0-2.68.16 3 3 0 0 0-1.479 2.241c-.03.243-.196.458-.438.49a8 8 0 0 1-2.166 0c-.242-.032-.409-.247-.438-.49A3 3 0 0 0 9 17.197a3 3 0 0 0-2.68-.161c-.224.096-.493.058-.643-.134a8 8 0 0 1-1.085-1.876c-.092-.226.01-.478.205-.624A3 3 0 0 0 6 12c0-.983-.472-1.855-1.203-2.402-.195-.146-.297-.398-.205-.624a8 8 0 0 1 1.085-1.876c.15-.192.419-.23.643-.134.839.358 1.83.33 2.68-.16a3 3 0 0 0 1.479-2.241c.03-.243.196-.458.438-.49a8 8 0 0 1 2.166 0c.242.032.409.247.438.49.11.905.628 1.75 1.479 2.24M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7'
+};
 export const GearIcon = ({
   ariaLabel,
-  className
-}) => /*#__PURE__*/_jsx("div", {
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
   "aria-label": ariaLabel,
-  className: [className, baseClass].filter(Boolean).join(' '),
-  children: /*#__PURE__*/_jsx("svg", {
-    className: "icon icon--gear",
-    fill: "none",
-    height: "20",
-    viewBox: "0 0 20 20",
-    width: "20",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M9.33337 8.84671L6.66671 4.22671M9.33337 11.1534L6.66671 15.7734M10 16.6667V15.3334M10 15.3334C12.9456 15.3334 15.3334 12.9456 15.3334 10C15.3334 7.05452 12.9456 4.66671 10 4.66671M10 15.3334C7.05452 15.3334 4.66671 12.9456 4.66671 10M10 3.33337V4.66671M10 4.66671C7.05452 4.66671 4.66671 7.05452 4.66671 10M11.3334 10H16.6667M11.3334 10C11.3334 10.7364 10.7364 11.3334 10 11.3334C9.26366 11.3334 8.66671 10.7364 8.66671 10C8.66671 9.26366 9.26366 8.66671 10 8.66671C10.7364 8.66671 11.3334 9.26366 11.3334 10ZM13.3334 15.7734L12.6667 14.62M13.3334 4.22671L12.6667 5.38004M3.33337 10H4.66671M15.7734 13.3334L14.62 12.6667M15.7734 6.66671L14.62 7.33337M4.22671 13.3334L5.38004 12.6667M4.22671 6.66671L5.38004 7.33337",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
+  className: ['icon', 'icon--gear', 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/Gear/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","GearIcon","ariaLabel","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/Gear/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'gear'\n\nexport const GearIcon: React.FC<{\n  ariaLabel?: string\n  className?: string\n}> = ({ ariaLabel, className }) => (\n  <div aria-label={ariaLabel} className={[className, baseClass].filter(Boolean).join(' ')}>\n    <svg\n      className=\"icon icon--gear\"\n      fill=\"none\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      width=\"20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M9.33337 8.84671L6.66671 4.22671M9.33337 11.1534L6.66671 15.7734M10 16.6667V15.3334M10 15.3334C12.9456 15.3334 15.3334 12.9456 15.3334 10C15.3334 7.05452 12.9456 4.66671 10 4.66671M10 15.3334C7.05452 15.3334 4.66671 12.9456 4.66671 10M10 3.33337V4.66671M10 4.66671C7.05452 4.66671 4.66671 7.05452 4.66671 10M11.3334 10H16.6667M11.3334 10C11.3334 10.7364 10.7364 11.3334 10 11.3334C9.26366 11.3334 8.66671 10.7364 8.66671 10C8.66671 9.26366 9.26366 8.66671 10 8.66671C10.7364 8.66671 11.3334 9.26366 11.3334 10ZM13.3334 15.7734L12.6667 14.62M13.3334 4.22671L12.6667 5.38004M3.33337 10H4.66671M15.7734 13.3334L14.62 12.6667M15.7734 6.66671L14.62 7.33337M4.22671 13.3334L5.38004 12.6667M4.22671 6.66671L5.38004 7.33337\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  </div>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC;AAAS,CAAE,kBAC5BC,IAAA,CAAC;EAAI,cAAYF,SAAA;EAAWC,SAAA,EAAW,CAACA,SAAA,EAAWH,SAAA,CAAU,CAACK,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;YACjF,aAAAH,IAAA,CAAC;IACCD,SAAA,EAAU;IACVK,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MACCS,CAAA,EAAE;MACFC,aAAA,EAAc;MACdC,cAAA,EAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","GearIcon","ariaLabel","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Gear/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M8.32 2.008q.48.027.937.124l.117.032c.49.151.76.557.848.937a4 4 0 0 0 .052.29.5.5 0 0 0 .226.28c.002.002.099.043.109.047a.5.5 0 0 0 .352-.028c.003-.004.15-.06.163-.065.372-.113.857-.084 1.233.26.006.001.082.077.088.083l.203.243a5.9 5.9 0 0 1 1.064 1.951l.03.12c.112.495-.104.93-.389 1.196l-.134.108a.5.5 0 0 0-.215.351c-.004 0-.004.125-.004.125.02.141.097.264.21.345.002 0 .132.1.141.108.28.267.497.7.39 1.196 0 .009-.03.117-.03.117a5.9 5.9 0 0 1-1.06 1.962c-.017.016-.205.241-.205.241-.387.422-.92.467-1.32.343l-.165-.062a.5.5 0 0 0-.28-.045l-.087.022a.2.2 0 0 0-.04.015l-.053.025-.055.038a.5.5 0 0 0-.192.336c-.004 0-.004.133-.004.133a1.02 1.02 0 0 1-.633.935c-.014.007-.14.05-.14.05a6.3 6.3 0 0 1-1.101.167A13 13 0 0 0 8 14q-.488 0-.953-.075l-.305-.058c-.645-.138-.953-.692-.992-1.14a.52.52 0 0 0-.18-.352l-.036-.018-.105-.06a.5.5 0 0 0-.39.014c-.387.18-.972.202-1.407-.2-.006-.009-.085-.088-.085-.088a6 6 0 0 1-1.155-1.883l-.103-.304c-.204-.625.125-1.168.494-1.425.008-.012.083-.075.091-.082A.5.5 0 0 0 3 8l-.015-.125a.5.5 0 0 0-.203-.29c-.37-.257-.696-.798-.497-1.422.008-.01.1-.288.106-.303a6 6 0 0 1 1.156-1.882 1.26 1.26 0 0 1 1.327-.351l.274.099a.497.497 0 0 0 .6-.445c.003-.006.024-.17.026-.179.096-.41.403-.852.967-.97.013-.001.285-.05.305-.054a5.7 5.7 0 0 1 1.274-.07m-.594 1a5 5 0 0 0-.778.102.27.27 0 0 0-.203.25A1.5 1.5 0 0 1 4.61 4.595c-.111-.05-.24-.038-.319.05a5 5 0 0 0-1.054 1.822c-.035.114.019.23.113.298.39.272.645.718.649 1.227 0 .517-.255.968-.644 1.239a.28.28 0 0 0-.127.26c0 .007.006.04.006.04a5.1 5.1 0 0 0 1.057 1.826c.083.088.211.1.317.05a1.5 1.5 0 0 1 1.274-.002l.25.141c.318.233.522.573.592.939.003.007.017.156.017.156.015.116.09.222.203.248A5 5 0 0 0 7.999 13a5 5 0 0 0 1.242-.156l.009-.015v-.046a1.51 1.51 0 0 1 .743-1.318L10 11.46l.14-.07.142-.055c.37-.12.765-.09 1.107.07.085.038.178.04.252 0l.063-.046a4.9 4.9 0 0 0 1.052-1.829.26.26 0 0 0-.05-.243c-.008-.006-.064-.061-.064-.061A1.49 1.49 0 0 1 12 8c0-.51.254-.959.644-1.233.088-.064.137-.16.124-.258a.2.2 0 0 1-.01-.04 4.9 4.9 0 0 0-1.055-1.825.27.27 0 0 0-.314-.05c-.38.177-.82.194-1.22.027-.015-.012-.17-.082-.17-.082a1.52 1.52 0 0 1-.747-1.178.28.28 0 0 0-.159-.236l-.047-.016a5 5 0 0 0-1.321-.101m2.718 9.344.032-.008q.006-.009.017-.013l-.046.024zm-2.24-6.344A2 2 0 1 1 5.998 8l.009-.203A2.003 2.003 0 0 1 7.999 6zm-.304 1a.995.995 0 0 0-.9.992l.009.102c.045.471.42.845.89.893a1 1 0 0 0 .204-1.99L8 7z',\n  24: 'M17.287 6.044c-.561.24-1.22.22-1.787-.106a2 2 0 0 1-.986-1.495c-.07-.576-.495-1.253-1.297-1.361a9 9 0 0 0-2.434 0c-.802.108-1.228.785-1.297 1.36A2 2 0 0 1 8.5 5.939a2 2 0 0 1-1.787.106c-.533-.227-1.33-.197-1.826.44a9 9 0 0 0-1.22 2.111c-.307.749.067 1.456.53 1.803.49.367.803.948.803 1.602s-.313 1.235-.802 1.602c-.464.347-.838 1.054-.531 1.803.311.761.724 1.47 1.22 2.11.495.638 1.293.668 1.826.44a2 2 0 0 1 1.787.107c.566.327.913.889.986 1.495.07.576.495 1.253 1.297 1.361a9 9 0 0 0 2.434 0c.802-.108 1.227-.785 1.297-1.36.073-.607.42-1.169.986-1.496a2 2 0 0 1 1.787-.106c.533.227 1.33.197 1.826-.44.496-.64.909-1.35 1.22-2.111.307-.749-.067-1.456-.53-1.803A2 2 0 0 1 19 12c0-.654.313-1.235.802-1.602.464-.347.838-1.054.531-1.803a9 9 0 0 0-1.22-2.11c-.495-.638-1.293-.668-1.826-.44M15 6.804c.85.49 1.841.518 2.68.16.224-.096.493-.058.643.134.442.57.808 1.2 1.085 1.876.092.226-.01.478-.206.624A3 3 0 0 0 18 12c0 .983.472 1.855 1.203 2.402.195.146.297.398.205.624a8 8 0 0 1-1.085 1.876c-.15.192-.419.23-.643.134a3 3 0 0 0-2.68.16 3 3 0 0 0-1.479 2.241c-.03.243-.196.458-.438.49a8 8 0 0 1-2.166 0c-.242-.032-.409-.247-.438-.49A3 3 0 0 0 9 17.197a3 3 0 0 0-2.68-.161c-.224.096-.493.058-.643-.134a8 8 0 0 1-1.085-1.876c-.092-.226.01-.478.205-.624A3 3 0 0 0 6 12c0-.983-.472-1.855-1.203-2.402-.195-.146-.297-.398-.205-.624a8 8 0 0 1 1.085-1.876c.15-.192.419-.23.643-.134.839.358 1.83.33 2.68-.16a3 3 0 0 0 1.479-2.241c.03-.243.196-.458.438-.49a8 8 0 0 1 2.166 0c.242.032.409.247.438.49.11.905.628 1.75 1.479 2.24M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7',\n}\n\nexport const GearIcon: React.FC<{\n  readonly ariaLabel?: string\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ ariaLabel, className, size = 24 }) => (\n  <svg\n    aria-label={ariaLabel}\n    className={['icon', 'icon--gear', 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,QAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBACvCC,IAAA,CAAC;EACC,cAAYH,SAAA;EACZC,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,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,EAAGf,KAAK,CAACI,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/GridView/index.css

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

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

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

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

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

package/dist/icons/GridView/index.js

@@ -1,35 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export const GridViewIcon = () => {
-  return /*#__PURE__*/_jsxs("svg", {
-    className: "icon icon--grid-view",
-    fill: "none",
-    height: "20",
-    viewBox: "0 0 20 20",
-    width: "20",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M8 4H4.66667C4.29848 4 4 4.29848 4 4.66667V8C4 8.36819 4.29848 8.66667 4.66667 8.66667H8C8.36819 8.66667 8.66667 8.36819 8.66667 8V4.66667C8.66667 4.29848 8.36819 4 8 4Z",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M15.3333 4H12C11.6318 4 11.3333 4.29848 11.3333 4.66667V8C11.3333 8.36819 11.6318 8.66667 12 8.66667H15.3333C15.7015 8.66667 16 8.36819 16 8V4.66667C16 4.29848 15.7015 4 15.3333 4Z",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M15.3333 11.3333H12C11.6318 11.3333 11.3333 11.6318 11.3333 12V15.3333C11.3333 15.7015 11.6318 16 12 16H15.3333C15.7015 16 16 15.7015 16 15.3333V12C16 11.6318 15.7015 11.3333 15.3333 11.3333Z",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M8 11.3333H4.66667C4.29848 11.3333 4 11.6318 4 12V15.3333C4 15.7015 4.29848 16 4.66667 16H8C8.36819 16 8.66667 15.7015 8.66667 15.3333V12C8.66667 11.6318 8.36819 11.3333 8 11.3333Z",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
+import './index.css';
+const paths = {
+  16: 'M3 3h4v4H3zM2 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm1 6h4v4H3zm-1 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm10-6H9v4h3zm-3-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm0 7h3v4H9zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1z',
+  24: 'M7 7h3v3H7zM6 7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm1 7h3v3H7zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm11-7h-3v3h3zm-3-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm0 8h3v3h-3zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1z'
 };
+export const GridViewIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--grid-view', 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/GridView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","GridViewIcon","_jsxs","className","fill","height","viewBox","width","xmlns","_jsx","d","stroke","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/GridView/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const GridViewIcon = () => {\n  return (\n    <svg\n      className=\"icon icon--grid-view\"\n      fill=\"none\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      width=\"20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M8 4H4.66667C4.29848 4 4 4.29848 4 4.66667V8C4 8.36819 4.29848 8.66667 4.66667 8.66667H8C8.36819 8.66667 8.66667 8.36819 8.66667 8V4.66667C8.66667 4.29848 8.36819 4 8 4Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M15.3333 4H12C11.6318 4 11.3333 4.29848 11.3333 4.66667V8C11.3333 8.36819 11.6318 8.66667 12 8.66667H15.3333C15.7015 8.66667 16 8.36819 16 8V4.66667C16 4.29848 15.7015 4 15.3333 4Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M15.3333 11.3333H12C11.6318 11.3333 11.3333 11.6318 11.3333 12V15.3333C11.3333 15.7015 11.6318 16 12 16H15.3333C15.7015 16 16 15.7015 16 15.3333V12C16 11.6318 15.7015 11.3333 15.3333 11.3333Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M8 11.3333H4.66667C4.29848 11.3333 4 11.6318 4 12V15.3333C4 15.7015 4.29848 16 4.66667 16H8C8.36819 16 8.66667 15.7015 8.66667 15.3333V12C8.66667 11.6318 8.36819 11.3333 8 11.3333Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,oBACEC,KAAA,CAAC;IACCC,SAAA,EAAU;IACVC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;4BAENC,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;qBAEjBJ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;qBAEjBJ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;qBAEjBJ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;;;AAIvB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","GridViewIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/GridView/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M3 3h4v4H3zM2 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm1 6h4v4H3zm-1 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm10-6H9v4h3zm-3-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm0 7h3v4H9zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1z',\n  24: 'M7 7h3v3H7zM6 7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm1 7h3v3H7zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm11-7h-3v3h3zm-3-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm0 8h3v3h-3zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1z',\n}\n\nexport const GridViewIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--grid-view', 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,YAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,mBAAmBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACvEC,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/Line/index.css

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

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

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

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

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

package/dist/icons/Line/index.js

@@ -1,17 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export const LineIcon = () => /*#__PURE__*/_jsx("svg", {
-  className: "icon icon--line",
+import './index.css';
+const paths = {
+  16: 'M4 7.5H12V8.5H4Z',
+  24: 'M6 11.5H18V12.5H6Z'
+};
+export const LineIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--line', className].filter(Boolean).join(' '),
   fill: "none",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
-    className: "stroke",
-    d: "M5.33333 10H14.6667",
-    strokeLinecap: "square"
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
   })
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","LineIcon","_jsx","className","fill","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Line/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LineIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--line\"\n    fill=\"none\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M5.33333 10H14.6667\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAN,IAAA,CAAC;IAAKC,SAAA,EAAU;IAASM,CAAA,EAAE;IAAsBC,aAAA,EAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","LineIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Line/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M4 7.5H12V8.5H4Z',\n  24: 'M6 11.5H18V12.5H6Z',\n}\n\nexport const LineIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--line', 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,QAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,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/Link/index.css

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

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

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

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

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

package/dist/icons/Link/index.js

@@ -1,19 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
-export const LinkIcon = () => /*#__PURE__*/_jsx("svg", {
+import './index.css';
+const paths = {
+  16: 'M8.38 6.381a.29.29 0 0 1 .347-.056q.293.161.541.408a2.5 2.5 0 0 1 0 3.535l-2 2a2.5 2.5 0 0 1-3.535-3.535l.571-.573c.25-.249.692-.107.81.224a.46.46 0 0 1-.098.478l-.576.578a1.5 1.5 0 1 0 2.121 2.12l2-2a1.5 1.5 0 0 0 0-2.12c-.23-.23-.493-.509-.358-.805a.9.9 0 0 1 .178-.254m.352-2.648a2.5 2.5 0 1 1 3.535 3.535l-.471.47c-.253.254-.717.082-.819-.261a.44.44 0 0 1 .102-.435l.481-.481A1.5 1.5 0 0 0 9.44 4.44l-2 2a1.5 1.5 0 0 0 0 2.12c.136.138.168.365.031.502l-.182.181c-.154.154-.403.179-.557.025a2.5 2.5 0 0 1 0-3.535z',
+  24: 'M11.713 9.585c.26-.261.648-.367.982-.21.41.193.795.46 1.133.797l.141.148c1.371 1.517 1.401 3.859.027 5.384l-.143.15-3 3c-1.518 1.517-3.966 1.532-5.533.116l-.149-.142c-1.557-1.558-1.591-4.115-.025-5.682l1.917-1.918c.276-.275.79-.046.836.341a.43.43 0 0 1-.12.357l-1.926 1.927c-1.167 1.167-1.15 3.092.025 4.268l.113.107c1.183 1.07 3.024 1.048 4.155-.082l3-3 .105-.111c1.025-1.137 1.011-2.899-.023-4.044l-.107-.112a3 3 0 0 0-1.3-.769c-.211-.061-.327-.305-.172-.46zm1.583-4.581c1.576-1.42 4.024-1.341 5.532.168l.142.148c1.37 1.517 1.401 3.859.027 5.384l-.143.15-1.918 1.917c-.276.276-.79.047-.835-.34a.43.43 0 0 1 .12-.358l1.926-1.927.105-.111c1.025-1.137 1.011-2.899-.023-4.044l-.107-.112c-1.14-1.14-2.982-1.19-4.157-.131l-.111.105-3 3c-1.167 1.167-1.151 3.092.025 4.268l.113.107c.399.36.872.596 1.369.707.128.029.198.174.116.276l-.126.14-.065.064c-.26.26-.647.367-.98.21a4 4 0 0 1-.985-.655l-.149-.142c-1.557-1.557-1.592-4.115-.025-5.682l3-3z'
+};
+export const LinkIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
   "aria-hidden": "true",
-  className: "graphic link icon icon--link",
+  className: ['icon', 'icon--link', className].filter(Boolean).join(' '),
   fill: "none",
   focusable: "false",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
-    className: "stroke",
-    d: "M7.99999 13.3333H6.66666C5.78261 13.3333 4.93476 12.9821 4.30964 12.357C3.68452 11.7319 3.33333 10.884 3.33333 9.99999C3.33333 9.11593 3.68452 8.26809 4.30964 7.64297C4.93476 7.01785 5.78261 6.66666 6.66666 6.66666H7.99999M12 6.66666H13.3333C14.2174 6.66666 15.0652 7.01785 15.6904 7.64297C16.3155 8.26809 16.6667 9.11593 16.6667 9.99999C16.6667 10.884 16.3155 11.7319 15.6904 12.357C15.0652 12.9821 14.2174 13.3333 13.3333 13.3333H12M7.33333 9.99999H12.6667",
-    strokeLinecap: "square"
+    d: paths[size],
+    fill: "currentColor"
   })
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","LinkIcon","_jsx","className","fill","focusable","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/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=\"none\"\n    focusable=\"false\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M7.99999 13.3333H6.66666C5.78261 13.3333 4.93476 12.9821 4.30964 12.357C3.68452 11.7319 3.33333 10.884 3.33333 9.99999C3.33333 9.11593 3.68452 8.26809 4.30964 7.64297C4.93476 7.01785 5.78261 6.66666 6.66666 6.66666H7.99999M12 6.66666H13.3333C14.2174 6.66666 15.0652 7.01785 15.6904 7.64297C16.3155 8.26809 16.6667 9.11593 16.6667 9.99999C16.6667 10.884 16.3155 11.7319 15.6904 12.357C15.0652 12.9821 14.2174 13.3333 13.3333 13.3333H12M7.33333 9.99999H12.6667\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EACC,eAAY;EACZC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAP,IAAA,CAAC;IACCC,SAAA,EAAU;IACVO,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","LinkIcon","className","size","_jsx","filter","Boolean","join","fill","focusable","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Link/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M8.38 6.381a.29.29 0 0 1 .347-.056q.293.161.541.408a2.5 2.5 0 0 1 0 3.535l-2 2a2.5 2.5 0 0 1-3.535-3.535l.571-.573c.25-.249.692-.107.81.224a.46.46 0 0 1-.098.478l-.576.578a1.5 1.5 0 1 0 2.121 2.12l2-2a1.5 1.5 0 0 0 0-2.12c-.23-.23-.493-.509-.358-.805a.9.9 0 0 1 .178-.254m.352-2.648a2.5 2.5 0 1 1 3.535 3.535l-.471.47c-.253.254-.717.082-.819-.261a.44.44 0 0 1 .102-.435l.481-.481A1.5 1.5 0 0 0 9.44 4.44l-2 2a1.5 1.5 0 0 0 0 2.12c.136.138.168.365.031.502l-.182.181c-.154.154-.403.179-.557.025a2.5 2.5 0 0 1 0-3.535z',\n  24: 'M11.713 9.585c.26-.261.648-.367.982-.21.41.193.795.46 1.133.797l.141.148c1.371 1.517 1.401 3.859.027 5.384l-.143.15-3 3c-1.518 1.517-3.966 1.532-5.533.116l-.149-.142c-1.557-1.558-1.591-4.115-.025-5.682l1.917-1.918c.276-.275.79-.046.836.341a.43.43 0 0 1-.12.357l-1.926 1.927c-1.167 1.167-1.15 3.092.025 4.268l.113.107c1.183 1.07 3.024 1.048 4.155-.082l3-3 .105-.111c1.025-1.137 1.011-2.899-.023-4.044l-.107-.112a3 3 0 0 0-1.3-.769c-.211-.061-.327-.305-.172-.46zm1.583-4.581c1.576-1.42 4.024-1.341 5.532.168l.142.148c1.37 1.517 1.401 3.859.027 5.384l-.143.15-1.918 1.917c-.276.276-.79.047-.835-.34a.43.43 0 0 1 .12-.358l1.926-1.927.105-.111c1.025-1.137 1.011-2.899-.023-4.044l-.107-.112c-1.14-1.14-2.982-1.19-4.157-.131l-.111.105-3 3c-1.167 1.167-1.151 3.092.025 4.268l.113.107c.399.36.872.596 1.369.707.128.029.198.174.116.276l-.126.14-.065.064c-.26.26-.647.367-.98.21a4 4 0 0 1-.985-.655l-.149-.142c-1.557-1.557-1.592-4.115-.025-5.682l3-3z',\n}\n\nexport const LinkIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={['icon', 'icon--link', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    focusable=\"false\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d={paths[size]} fill=\"currentColor\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,QAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACC,eAAY;EACZF,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAQP,IAAA;EACRQ,OAAA,EAAS,OAAOR,IAAA,IAAQA,IAAA,EAAM;EAC9BS,KAAA,EAAOT,IAAA;EACPU,KAAA,EAAM;YAEN,aAAAT,IAAA,CAAC;IAAKU,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK","ignoreList":[]}

package/dist/icons/Lock/index.css

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

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

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

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

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

package/dist/icons/Lock/index.js

@@ -1,27 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import './index.css';
+const paths = {
+  16: 'M10.776 8H5.224l-.025.005A.25.25 0 0 0 5 8.25v3.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.199-.245zM7 7H6V6a2 2 0 1 1 4 0v1zM5 6a3 3 0 0 1 6 0v1.025c.57.116 1 .62 1 1.225v3.5c0 .69-.56 1.25-1.25 1.25h-5.5C4.56 13 4 12.44 4 11.75v-3.5c0-.605.43-1.11 1-1.225z',
+  24: 'M9 8a3 3 0 1 1 6 0v2H9zm-1 2V8a4 4 0 1 1 8 0v2h.125C17.16 10 18 10.84 18 11.875v5.25C18 18.16 17.16 19 16.125 19h-8.25A1.875 1.875 0 0 1 6 17.125v-5.25C6 10.839 6.84 10 7.875 10zm-1 1.875c0-.483.392-.875.875-.875h8.25c.483 0 .875.392.875.875v5.25a.875.875 0 0 1-.875.875h-8.25A.875.875 0 0 1 7 17.125z'
+};
 export const LockIcon = ({
-  className
-}) => /*#__PURE__*/_jsxs("svg", {
-  className: ['icon icon--lock', className].filter(Boolean).join(' '),
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--lock', className].filter(Boolean).join(' '),
   fill: "none",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
   xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("path", {
-    className: "stroke",
-    d: "M7.5 9.5V7.5C7.5 6.83696 7.76339 6.20107 8.23223 5.73223C8.70107 5.26339 9.33696 5 10 5C10.663 5 11.2989 5.26339 11.7678 5.73223C12.2366 6.20107 12.5 6.83696 12.5 7.5V9.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeOpacity: "1"
-  }), /*#__PURE__*/_jsx("path", {
-    className: "stroke",
-    d: "M13.5 9.5H6.5C5.94772 9.5 5.5 9.94772 5.5 10.5V14C5.5 14.5523 5.94772 15 6.5 15H13.5C14.0523 15 14.5 14.5523 14.5 14V10.5C14.5 9.94772 14.0523 9.5 13.5 9.5Z",
-    stopOpacity: "1",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })]
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","LockIcon","className","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin","strokeOpacity","stopOpacity"],"sources":["../../../src/icons/Lock/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LockIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--lock', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M7.5 9.5V7.5C7.5 6.83696 7.76339 6.20107 8.23223 5.73223C8.70107 5.26339 9.33696 5 10 5C10.663 5 11.2989 5.26339 11.7678 5.73223C12.2366 6.20107 12.5 6.83696 12.5 7.5V9.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeOpacity=\"1\"\n    />\n    <path\n      className=\"stroke\"\n      d=\"M13.5 9.5H6.5C5.94772 9.5 5.5 9.94772 5.5 10.5V14C5.5 14.5523 5.94772 15 6.5 15H13.5C14.0523 15 14.5 14.5523 14.5 14V10.5C14.5 9.94772 14.0523 9.5 13.5 9.5Z\"\n      stopOpacity=\"1\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAA6CA,CAAC;EAAEC;AAAS,CAAE,kBACtEC,KAAA,CAAC;EACCD,SAAA,EAAW,CAAC,mBAAmBA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC/DC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IACCV,SAAA,EAAU;IACVW,CAAA,EAAE;IACFC,aAAA,EAAc;IACdC,cAAA,EAAe;IACfC,aAAA,EAAc;mBAEhBJ,IAAA,CAAC;IACCV,SAAA,EAAU;IACVW,CAAA,EAAE;IACFI,WAAA,EAAY;IACZH,aAAA,EAAc;IACdC,cAAA,EAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","LockIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Lock/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n  16: 'M10.776 8H5.224l-.025.005A.25.25 0 0 0 5 8.25v3.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-3.5a.25.25 0 0 0-.199-.245zM7 7H6V6a2 2 0 1 1 4 0v1zM5 6a3 3 0 0 1 6 0v1.025c.57.116 1 .62 1 1.225v3.5c0 .69-.56 1.25-1.25 1.25h-5.5C4.56 13 4 12.44 4 11.75v-3.5c0-.605.43-1.11 1-1.225z',\n  24: 'M9 8a3 3 0 1 1 6 0v2H9zm-1 2V8a4 4 0 1 1 8 0v2h.125C17.16 10 18 10.84 18 11.875v5.25C18 18.16 17.16 19 16.125 19h-8.25A1.875 1.875 0 0 1 6 17.125v-5.25C6 10.839 6.84 10 7.875 10zm-1 1.875c0-.483.392-.875.875-.875h8.25c.483 0 .875.392.875.875v5.25a.875.875 0 0 1-.875.875h-8.25A.875.875 0 0 1 7 17.125z',\n}\n\nexport const LockIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={['icon', 'icon--lock', 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,QAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,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/LockOpen/index.css

@@ -0,0 +1,7 @@
+@layer payload-default {
+  .icon--lock-open {
+    .fill {
+      fill: currentColor;
+    }
+  }
+}