@join-x5/react-icons 1.0.5-rc → 1.0.5

package/dist/components/Remove.es.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "@emotion/react/jsx-runtime";
 import { forwardRef as t, SizeTokenValue as m } from "@join-x5/react-theme";
 import { SVG as C } from "./SVG.es.js";
-const a = /* @__PURE__ */ e("path", { d: "M18 13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z" }), c = /* @__PURE__ */ e("path", { d: "M4 7C3.72386 7 3.5 7.22386 3.5 7.5C3.5 7.77614 3.72386 8 4 8C10.1842 8 6.38911 8 13 8C13.2761 8 13.5 7.77614 13.5 7.5C13.5 7.22386 13.2761 7 13 7C6.56424 7 10.9081 7 4 7Z" }), f = t((r, n) => {
+const a = /* @__PURE__ */ e("path", { d: "M18 13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z" }), c = /* @__PURE__ */ e("path", { d: "M3.5 7C3.22386 7 3 7.22386 3 7.5C3 7.77614 3.22386 8 3.5 8C9.68421 8 5.88911 8 12.5 8C12.7761 8 13 7.77614 13 7.5C13 7.22386 12.7761 7 12.5 7C6.06424 7 10.4081 7 3.5 7Z" }), f = t((r, n) => {
   const {
     size: o
   } = r;

package/dist/components/Remove.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Remove.es.js","sources":["../../src/components/Remove.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M18 13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M4 7C3.72386 7 3.5 7.22386 3.5 7.5C3.5 7.77614 3.72386 8 4 8C10.1842 8 6.38911 8 13 8C13.2761 8 13.5 7.77614 13.5 7.5C13.5 7.22386 13.2761 7 13 7C6.56424 7 10.9081 7 4 7Z\" />\n);\n\nexport const RemoveIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"Remove\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","RemoveIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,yGACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,6KACT,CAAA,GAEYE,IAA4BC,EAAW,CAACC,GAAOC,MAAQ;AAC5D,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,UAAS,GAAID,GAC9B,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}
+{"version":3,"file":"Remove.es.js","sources":["../../src/components/Remove.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n  <path d=\"M18 13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z\" />\n);\n\nconst smallIcon = (\n  <path d=\"M3.5 7C3.22386 7 3 7.22386 3 7.5C3 7.77614 3.22386 8 3.5 8C9.68421 8 5.88911 8 12.5 8C12.7761 8 13 7.77614 13 7.5C13 7.22386 12.7761 7 12.5 7C6.06424 7 10.4081 7 3.5 7Z\" />\n);\n\nexport const RemoveIcon: IconComponent = forwardRef((props, ref) => {\n  const {size} = props;\n\n  return (\n    <SVG ref={ref} name=\"Remove\" {...props}>\n      {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n    </SVG>\n  );\n});\n"],"names":["largeIcon","jsx","smallIcon","RemoveIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,yGACT,CAAA,GAEKC,IACJ,gBAAAD,EAAC,QAAK,EAAA,GAAE,2KACT,CAAA,GAEYE,IAA4BC,EAAW,CAACC,GAAOC,MAAQ;AAC5D,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,UAAS,GAAID,GAC9B,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASX,IAAYE,GAC1F;AAEJ,CAAC;"}

package/dist/components/SVG.es.js

@@ -1,18 +1,20 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { forwardRef as w, SizeTokenValue as a } from "@join-x5/react-theme";
-const d = w((t, c) => {
+import { jsx as f } from "@emotion/react/jsx-runtime";
+import { forwardRef as v, SizeTokenValue as a } from "@join-x5/react-theme";
+const h = v((l, n) => {
   const {
-    name: i,
-    size: o = a.Large,
-    color: s = "currentColor",
-    ...m
-  } = t;
+    name: m,
+    verticalAlign: s,
+    style: o,
+    size: t = a.Large,
+    color: c = "currentColor",
+    ...g
+  } = l;
   let {
     width: e,
     height: r,
-    viewBox: l
-  } = t;
-  switch (o) {
+    viewBox: i
+  } = l;
+  switch (t) {
     case a.Large:
     case a.Medium:
       e ?? (e = 24), r ?? (r = 24);
@@ -25,11 +27,16 @@ const d = w((t, c) => {
       e ?? (e = 12), r ?? (r = 12);
       break;
     default:
-      e ?? (e = o), r ?? (r = o);
+      e ?? (e = t), r ?? (r = t);
   }
-  return l ?? (l = `0 0 ${e} ${r}`), /* @__PURE__ */ n("svg", { ref: c, fill: s, color: s, "data-qa": `${i}Icon`, width: e, height: r, viewBox: l, xmlns: "http://www.w3.org/2000/svg", version: "1.1", ...m });
+  i ?? (i = `0 0 ${e} ${r}`);
+  const w = s ? {
+    ...o,
+    verticalAlign: s
+  } : o;
+  return /* @__PURE__ */ f("svg", { ref: n, fill: c, color: c, "data-qa": `${m}Icon`, width: e, height: r, viewBox: i, style: w, xmlns: "http://www.w3.org/2000/svg", version: "1.1", ...g });
 });
 export {
-  d as SVG
+  h as SVG
 };
 //# sourceMappingURL=SVG.es.js.map

package/dist/components/SVG.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVG.es.js","sources":["../../src/components/SVG.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport type {FRC} from '@join-x5/react-theme';\nimport type {IconProps} from '../types';\n\nexport const SVG: FRC<SVGSVGElement, IconProps> = forwardRef((props, ref) => {\n  const {name, size = SizeTokenValue.Large, color = 'currentColor', ...restProps} = props;\n  let {width, height, viewBox} = props;\n\n  switch (size) {\n    case SizeTokenValue.Large:\n    case SizeTokenValue.Medium:\n      width ??= 24;\n      height ??= 24;\n      break;\n\n    case SizeTokenValue.Small:\n      width ??= 16;\n      height ??= 16;\n      break;\n\n    case SizeTokenValue.XSmall:\n    case SizeTokenValue.XXSmall:\n      width ??= 12;\n      height ??= 12;\n      break;\n\n    default:\n      width ??= size;\n      height ??= size;\n  }\n\n  viewBox ??= `0 0 ${width} ${height}`;\n\n  return (\n    <svg\n      ref={ref}\n      fill={color}\n      color={color}\n      data-qa={`${name}Icon`}\n      width={width}\n      height={height}\n      viewBox={viewBox}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      version=\"1.1\"\n      {...restProps}\n    />\n  );\n});\n"],"names":["SVG","forwardRef","props","ref","name","size","SizeTokenValue","Large","color","restProps","width","height","viewBox","Medium","Small","XSmall","XXSmall"],"mappings":";;AAKO,MAAMA,IAAqCC,EAAW,CAACC,GAAOC,MAAQ;AACrE,QAAA;AAAA,IAACC,MAAAA;AAAAA,IAAMC,MAAAA,IAAOC,EAAeC;AAAAA,IAAOC,OAAAA,IAAQ;AAAA,IAAgB,GAAGC;AAAAA,EAAAA,IAAaP;AAC9E,MAAA;AAAA,IAACQ,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,SAAAA;AAAAA,EAAAA,IAAWV;AAE/B,UAAQG,GAAI;AAAA,IACV,KAAKC,EAAeC;AAAAA,IACpB,KAAKD,EAAeO;AACR,MAAAH,UAAA,KACCC,UAAA;AACX;AAAA,IAEF,KAAKL,EAAeQ;AACR,MAAAJ,UAAA,KACCC,UAAA;AACX;AAAA,IAEF,KAAKL,EAAeS;AAAAA,IACpB,KAAKT,EAAeU;AACR,MAAAN,UAAA,KACCC,UAAA;AACX;AAAA,IAEF;AACYN,MAAAA,UAAAA,IACCA,UAAAA;AAAAA,EAAAA;AAGH,SAAAO,UAAA,OAAOF,CAAK,IAAIC,CAAM,uBAG/B,OACC,EAAA,KAAAR,GACA,MAAMK,GACN,OAAAA,GACA,WAAS,GAAGJ,CAAI,QAChB,OAAAM,GACA,QAAAC,GACA,SAAAC,GACA,OAAM,8BACN,SAAQ,OACR,GAAIH,GACJ;AAEN,CAAC;"}
+{"version":3,"file":"SVG.es.js","sources":["../../src/components/SVG.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport type {FRC} from '@join-x5/react-theme';\nimport type {IconProps} from '../types';\n\nexport const SVG: FRC<SVGSVGElement, IconProps> = forwardRef((props, ref) => {\n  const {name, verticalAlign, style, size = SizeTokenValue.Large, color = 'currentColor', ...restProps} = props;\n  let {width, height, viewBox} = props;\n\n  switch (size) {\n    case SizeTokenValue.Large:\n    case SizeTokenValue.Medium:\n      width ??= 24;\n      height ??= 24;\n      break;\n\n    case SizeTokenValue.Small:\n      width ??= 16;\n      height ??= 16;\n      break;\n\n    case SizeTokenValue.XSmall:\n    case SizeTokenValue.XXSmall:\n      width ??= 12;\n      height ??= 12;\n      break;\n\n    default:\n      width ??= size;\n      height ??= size;\n  }\n\n  viewBox ??= `0 0 ${width} ${height}`;\n\n  const svgStyle = verticalAlign ? {...style, verticalAlign} : style;\n\n  return (\n    <svg\n      ref={ref}\n      fill={color}\n      color={color}\n      data-qa={`${name}Icon`}\n      width={width}\n      height={height}\n      viewBox={viewBox}\n      style={svgStyle}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      version=\"1.1\"\n      {...restProps}\n    />\n  );\n});\n"],"names":["SVG","forwardRef","props","ref","name","verticalAlign","style","size","SizeTokenValue","Large","color","restProps","width","height","viewBox","Medium","Small","XSmall","XXSmall","svgStyle","jsx"],"mappings":";;AAKO,MAAMA,IAAqCC,EAAW,CAACC,GAAOC,MAAQ;AACrE,QAAA;AAAA,IAACC,MAAAA;AAAAA,IAAMC,eAAAA;AAAAA,IAAeC,OAAAA;AAAAA,IAAOC,MAAAA,IAAOC,EAAeC;AAAAA,IAAOC,OAAAA,IAAQ;AAAA,IAAgB,GAAGC;AAAAA,EAAAA,IAAaT;AACpG,MAAA;AAAA,IAACU,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,SAAAA;AAAAA,EAAAA,IAAWZ;AAE/B,UAAQK,GAAI;AAAA,IACV,KAAKC,EAAeC;AAAAA,IACpB,KAAKD,EAAeO;AACR,MAAAH,UAAA,KACCC,UAAA;AACX;AAAA,IAEF,KAAKL,EAAeQ;AACR,MAAAJ,UAAA,KACCC,UAAA;AACX;AAAA,IAEF,KAAKL,EAAeS;AAAAA,IACpB,KAAKT,EAAeU;AACR,MAAAN,UAAA,KACCC,UAAA;AACX;AAAA,IAEF;AACYN,MAAAA,UAAAA,IACCA,UAAAA;AAAAA,EAAAA;AAGH,EAAAO,UAAA,OAAOF,CAAK,IAAIC,CAAM;AAElC,QAAMM,IAAWd,IAAgB;AAAA,IAAC,GAAGC;AAAAA,IAAOD,eAAAA;AAAAA,EAAAA,IAAiBC;AAG3D,SAAA,gBAAAc,EAAC,SACC,KAAAjB,GACA,MAAMO,GACN,OAAAA,GACA,WAAS,GAAGN,CAAI,QAChB,OAAAQ,GACA,QAAAC,GACA,SAAAC,GACA,OAAOK,GACP,OAAM,8BACN,SAAQ,OACJR,GAAAA,GACJ;AAEN,CAAC;"}