@metamask-previews/design-system-react 0.28.0-preview.ba3ace4e → 0.28.0-preview.e22e766

package/dist/components/Icon/Icon.cjs

@@ -1,48 +1,26 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 const design_system_shared_1 = require("@metamask-previews/design-system-shared");
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Icon_constants_1 = require("./Icon.constants.cjs");
-const Icon_registry_1 = require("./Icon.registry.cjs");
-const IconRenderer = ({ name, size = design_system_shared_1.IconSize.Md, color = design_system_shared_1.IconColor.IconDefault, className, style, ...props }) => {
+const icons_1 = require("./icons/index.cjs");
+const Icon = ({ name, size = design_system_shared_1.IconSize.Md, color = design_system_shared_1.IconColor.IconDefault, className, style, ...props }) => {
     if (!name) {
         console.warn('Icon name is required');
         return null;
     }
-    if (!(0, Icon_registry_1.isIconName)(name)) {
-        console.warn(`Icon "${String(name)}" not found`);
+    const IconComponent = icons_1.Icons[name];
+    if (!IconComponent) {
+        console.warn(`Icon "${name}" not found`);
         return null;
     }
-    const IconComponent = (0, Icon_registry_1.getIconComponent)(name);
     const mergedClassName = (0, tw_merge_1.twMerge)('inline-block', Icon_constants_1.TWCLASSMAP_ICON_SIZE_DIMENSION[size], color, className);
     return (react_1.default.createElement(IconComponent, { className: mergedClassName, ...props, style: style }));
 };
-const Icon = (props) => (react_1.default.createElement(react_1.Suspense, { fallback: null },
-    react_1.default.createElement(IconRenderer, { ...props })));
 exports.Icon = Icon;
 //# sourceMappingURL=Icon.cjs.map

package/dist/components/Icon/Icon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.cjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kFAA8E;AAC9E,+CAAwC;AAExC,uDAA+C;AAE/C,yDAAkE;AAClE,uDAA+D;AAG/D,MAAM,YAAY,GAAwB,CAAC,EACzC,IAAI,EACJ,IAAI,GAAG,+BAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,IAAA,0BAAU,EAAC,IAAI,CAAC,EAAE;QACrB,OAAO,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACjD,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,IAAA,gCAAgB,EAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,cAAc,EACd,+CAA8B,CAAC,IAAI,CAAC,EACpC,KAAK,EACL,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,aAAa,IACZ,SAAS,EAAE,eAAe,KACrB,KAAuC,EAC5C,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,IAAI,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,IAAI;IACtB,8BAAC,YAAY,OAAK,KAAK,GAAI,CAClB,CACZ,CAAC;AAJW,QAAA,IAAI,QAIf","sourcesContent":["import { IconSize, IconColor } from '@metamask-previews/design-system-shared';\nimport React, { Suspense } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport { TWCLASSMAP_ICON_SIZE_DIMENSION } from './Icon.constants';\nimport { getIconComponent, isIconName } from './Icon.registry';\nimport type { IconProps } from './Icon.types';\n\nconst IconRenderer: React.FC<IconProps> = ({\n  name,\n  size = IconSize.Md,\n  color = IconColor.IconDefault,\n  className,\n  style,\n  ...props\n}) => {\n  if (!name) {\n    console.warn('Icon name is required');\n    return null;\n  }\n\n  if (!isIconName(name)) {\n    console.warn(`Icon \"${String(name)}\" not found`);\n    return null;\n  }\n\n  const IconComponent = getIconComponent(name);\n\n  const mergedClassName = twMerge(\n    'inline-block',\n    TWCLASSMAP_ICON_SIZE_DIMENSION[size],\n    color,\n    className,\n  );\n\n  return (\n    <IconComponent\n      className={mergedClassName}\n      {...(props as React.SVGProps<SVGSVGElement>)}\n      style={style}\n    />\n  );\n};\n\nexport const Icon: React.FC<IconProps> = (props) => (\n  <Suspense fallback={null}>\n    <IconRenderer {...props} />\n  </Suspense>\n);\n"]}
+{"version":3,"file":"Icon.cjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAA8E;AAC9E,kDAA0B;AAE1B,uDAA+C;AAE/C,yDAAkE;AAElE,6CAAgC;AAEzB,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,IAAI,GAAG,+BAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,aAAK,CAAC,IAAI,CAAC,CAAC;IAElC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,aAAa,CAAC,CAAC;QACzC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,cAAc,EACd,+CAA8B,CAAC,IAAI,CAAC,EACpC,KAAK,EACL,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,aAAa,IACZ,SAAS,EAAE,eAAe,KACrB,KAAuC,EAC5C,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf","sourcesContent":["import { IconSize, IconColor } from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport { TWCLASSMAP_ICON_SIZE_DIMENSION } from './Icon.constants';\nimport type { IconProps } from './Icon.types';\nimport { Icons } from './icons';\n\nexport const Icon: React.FC<IconProps> = ({\n  name,\n  size = IconSize.Md,\n  color = IconColor.IconDefault,\n  className,\n  style,\n  ...props\n}) => {\n  if (!name) {\n    console.warn('Icon name is required');\n    return null;\n  }\n\n  const IconComponent = Icons[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon \"${name}\" not found`);\n    return null;\n  }\n\n  const mergedClassName = twMerge(\n    'inline-block',\n    TWCLASSMAP_ICON_SIZE_DIMENSION[size],\n    color,\n    className,\n  );\n\n  return (\n    <IconComponent\n      className={mergedClassName}\n      {...(props as React.SVGProps<SVGSVGElement>)}\n      style={style}\n    />\n  );\n};\n"]}

package/dist/components/Icon/Icon.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,cAAc;AAMxC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAsC9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIpC,CAAC"}
+{"version":3,"file":"Icon.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkCpC,CAAC"}

package/dist/components/Icon/Icon.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.mts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,cAAc;AAMxC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAsC9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIpC,CAAC"}
+{"version":3,"file":"Icon.d.mts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkCpC,CAAC"}

package/dist/components/Icon/Icon.mjs

@@ -5,24 +5,22 @@ function $importDefault(module) {
     return module;
 }
 import { IconSize, IconColor } from "@metamask-previews/design-system-shared";
-import $React, { Suspense } from "react";
+import $React from "react";
 const React = $importDefault($React);
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { TWCLASSMAP_ICON_SIZE_DIMENSION } from "./Icon.constants.mjs";
-import { getIconComponent, isIconName } from "./Icon.registry.mjs";
-const IconRenderer = ({ name, size = IconSize.Md, color = IconColor.IconDefault, className, style, ...props }) => {
+import { Icons } from "./icons/index.mjs";
+export const Icon = ({ name, size = IconSize.Md, color = IconColor.IconDefault, className, style, ...props }) => {
     if (!name) {
         console.warn('Icon name is required');
         return null;
     }
-    if (!isIconName(name)) {
-        console.warn(`Icon "${String(name)}" not found`);
+    const IconComponent = Icons[name];
+    if (!IconComponent) {
+        console.warn(`Icon "${name}" not found`);
         return null;
     }
-    const IconComponent = getIconComponent(name);
     const mergedClassName = twMerge('inline-block', TWCLASSMAP_ICON_SIZE_DIMENSION[size], color, className);
     return (React.createElement(IconComponent, { className: mergedClassName, ...props, style: style }));
 };
-export const Icon = (props) => (React.createElement(Suspense, { fallback: null },
-    React.createElement(IconRenderer, { ...props })));
 //# sourceMappingURL=Icon.mjs.map

package/dist/components/Icon/Icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,gDAAgD;AAC9E,OAAO,QAAO,EAAE,QAAQ,EAAE,cAAc;;AAExC,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EAAE,8BAA8B,EAAE,6BAAyB;AAClE,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,4BAAwB;AAG/D,MAAM,YAAY,GAAwB,CAAC,EACzC,IAAI,EACJ,IAAI,GAAG,QAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;QACrB,OAAO,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACjD,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,eAAe,GAAG,OAAO,CAC7B,cAAc,EACd,8BAA8B,CAAC,IAAI,CAAC,EACpC,KAAK,EACL,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,eAAe,KACrB,KAAuC,EAC5C,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,oBAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;IACtB,oBAAC,YAAY,OAAK,KAAK,GAAI,CAClB,CACZ,CAAC","sourcesContent":["import { IconSize, IconColor } from '@metamask-previews/design-system-shared';\nimport React, { Suspense } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport { TWCLASSMAP_ICON_SIZE_DIMENSION } from './Icon.constants';\nimport { getIconComponent, isIconName } from './Icon.registry';\nimport type { IconProps } from './Icon.types';\n\nconst IconRenderer: React.FC<IconProps> = ({\n  name,\n  size = IconSize.Md,\n  color = IconColor.IconDefault,\n  className,\n  style,\n  ...props\n}) => {\n  if (!name) {\n    console.warn('Icon name is required');\n    return null;\n  }\n\n  if (!isIconName(name)) {\n    console.warn(`Icon \"${String(name)}\" not found`);\n    return null;\n  }\n\n  const IconComponent = getIconComponent(name);\n\n  const mergedClassName = twMerge(\n    'inline-block',\n    TWCLASSMAP_ICON_SIZE_DIMENSION[size],\n    color,\n    className,\n  );\n\n  return (\n    <IconComponent\n      className={mergedClassName}\n      {...(props as React.SVGProps<SVGSVGElement>)}\n      style={style}\n    />\n  );\n};\n\nexport const Icon: React.FC<IconProps> = (props) => (\n  <Suspense fallback={null}>\n    <IconRenderer {...props} />\n  </Suspense>\n);\n"]}
+{"version":3,"file":"Icon.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,gDAAgD;AAC9E,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EAAE,8BAA8B,EAAE,6BAAyB;AAElE,OAAO,EAAE,KAAK,EAAE,0BAAgB;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,IAAI,GAAG,QAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAElC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,aAAa,CAAC,CAAC;QACzC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,eAAe,GAAG,OAAO,CAC7B,cAAc,EACd,8BAA8B,CAAC,IAAI,CAAC,EACpC,KAAK,EACL,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,eAAe,KACrB,KAAuC,EAC5C,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { IconSize, IconColor } from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport { TWCLASSMAP_ICON_SIZE_DIMENSION } from './Icon.constants';\nimport type { IconProps } from './Icon.types';\nimport { Icons } from './icons';\n\nexport const Icon: React.FC<IconProps> = ({\n  name,\n  size = IconSize.Md,\n  color = IconColor.IconDefault,\n  className,\n  style,\n  ...props\n}) => {\n  if (!name) {\n    console.warn('Icon name is required');\n    return null;\n  }\n\n  const IconComponent = Icons[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon \"${name}\" not found`);\n    return null;\n  }\n\n  const mergedClassName = twMerge(\n    'inline-block',\n    TWCLASSMAP_ICON_SIZE_DIMENSION[size],\n    color,\n    className,\n  );\n\n  return (\n    <IconComponent\n      className={mergedClassName}\n      {...(props as React.SVGProps<SVGSVGElement>)}\n      style={style}\n    />\n  );\n};\n"]}