pixel-react 1.14.98 → 1.15.0

package/lib/assets/icons/vertical_separator.svg.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-const SvgVerticalSeparator = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 1 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("line", { x1: 0.5, y1: 0.5, x2: 0.5, y2: 15.5, stroke: "currentColor", strokeLinecap: "round" }));
+const SvgVerticalSeparator = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 2 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("rect", { x: 0.5, width: 1, height: 16, rx: 0.5, fill: "currentColor" }));
 
 export { SvgVerticalSeparator as default };
 //# sourceMappingURL=vertical_separator.svg.js.map

package/lib/assets/icons/vertical_separator.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertical_separator.svg.js","sources":["../../../src/assets/icons/vertical_separator.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgVerticalSeparator = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 1 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"line\", { x1: 0.5, y1: 0.5, x2: 0.5, y2: 15.5, stroke: \"currentColor\", strokeLinecap: \"round\" }));\nexport default SvgVerticalSeparator;\n"],"names":[],"mappings":";;AACK,MAAC,oBAAoB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,4BAA4B,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC;;;;"}
+{"version":3,"file":"vertical_separator.svg.js","sources":["../../../src/assets/icons/vertical_separator.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgVerticalSeparator = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: \"1em\", height: \"1em\", viewBox: \"0 0 2 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"rect\", { x: 0.5, width: 1, height: 16, rx: 0.5, fill: \"currentColor\" }));\nexport default SvgVerticalSeparator;\n"],"names":[],"mappings":";;AACK,MAAC,oBAAoB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,4BAA4B,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;;;;"}

package/lib/components/Icon/Icon.js

@@ -24,7 +24,7 @@ const Icon = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const IconComponent = Components[name];
   const iconHeight = height || 16;
-  const iconWidth = name === 'vertical_separator' ? '' : width || 16;
+  const iconWidth = width || 16;
   if (!IconComponent) {
     return null;
   }
@@ -53,7 +53,6 @@ const Icon = /*#__PURE__*/forwardRef(({
       return 'default';
     }
   };
-  const isFrameNotRequired = name === 'vertical_separator';
   const baseProps = {
     ref: iconRef,
     onClick: disabled ? () => {} : onClick,
@@ -62,7 +61,7 @@ const Icon = /*#__PURE__*/forwardRef(({
       width: `${iconWidth}px`,
       cursor: getCursor()
     },
-    className: classNames(isFrameNotRequired ? '' : 'ff-icon-container', {
+    className: classNames('ff-icon-container', {
       'ff-icon-click': hoverEffect,
       'ff-icon-disabled': disabled,
       'ff-icon-selected': isSelected,

package/lib/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":[null],"names":["Icon","forwardRef","name","height","width","onClick","color","hoverEffect","className","disabled","variant","isSelected","x","y","chartIcon","tabIndex","cursorType","props","ref","IconComponent","Components","iconHeight","iconWidth","iconRef","useRef","useEffect","current","undefined","setAttribute","String","iconColor","getCursor","isFrameNotRequired","baseProps","style","cursor","classNames","_jsx","_Fragment","children"],"mappings":"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"}
+{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":[null],"names":["Icon","forwardRef","name","height","width","onClick","color","hoverEffect","className","disabled","variant","isSelected","x","y","chartIcon","tabIndex","cursorType","props","ref","IconComponent","Components","iconHeight","iconWidth","iconRef","useRef","useEffect","current","undefined","setAttribute","String","iconColor","getCursor","baseProps","style","cursor","classNames","_jsx","_Fragment","children"],"mappings":"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"}

package/lib/index.cjs

@@ -374,7 +374,7 @@ const SvgCalendarIcon = (props) => /* @__PURE__ */ React__namespace.createElemen
 
 const SvgHideIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.024 6.97605L6.97599 11.0241C6.45599 10.5041 6.13599 9.79205 6.13599 9.00005C6.13599 7.41605 7.41599 6.13605 8.99999 6.13605C9.79199 6.13605 10.504 6.45605 11.024 6.97605Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M3.87988 13.608C3.07988 12.92 2.35188 12.072 1.71188 11.072C0.991875 9.94404 0.991875 8.04804 1.71188 6.92003C2.65588 5.44003 3.80788 4.28003 5.09588 3.50403", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.656 4.01597C12.256 2.95997 10.656 2.38397 9 2.38397", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.13599 15.0241C7.04799 15.4081 8.01599 15.6161 8.99999 15.6161C11.824 15.6161 14.456 13.9521 16.288 11.0721C17.008 9.94409 17.008 8.04808 16.288 6.92008C16.024 6.50408 15.736 6.11208 15.44 5.74408", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.8079 9.56C11.5999 10.688 10.6799 11.608 9.55188 11.816", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.97601 11.024L1 17.0001", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M17.0001 1L11.024 6.97601", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }));
 
-const SvgVerticalSeparator = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 1 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("line", { x1: 0.5, y1: 0.5, x2: 0.5, y2: 15.5, stroke: "currentColor", strokeLinecap: "round" }));
+const SvgVerticalSeparator = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 2 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("rect", { x: 0.5, width: 1, height: 16, rx: 0.5, fill: "currentColor" }));
 
 const SvgCollapseIcon$1 = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.4095 5.32067C8.41256 5.33569 8.41816 5.34969 8.42248 5.3642C8.42758 5.38151 8.43165 5.39882 8.43852 5.41562C8.44565 5.43267 8.45532 5.4482 8.46423 5.46449C8.47136 5.47722 8.47696 5.49071 8.48536 5.50318C8.52252 5.55893 8.57037 5.60703 8.62637 5.6442C8.6391 5.65285 8.6531 5.65871 8.66634 5.66609C8.68212 5.67474 8.69714 5.68416 8.71394 5.69103C8.73099 5.69816 8.74856 5.70223 8.76612 5.70733C8.78037 5.7114 8.79412 5.717 8.80888 5.72005C8.84172 5.72642 8.87532 5.72998 8.90867 5.72998L11.9632 5.72998C12.2442 5.72998 12.4723 5.50191 12.4723 5.22089C12.4723 4.93987 12.2442 4.7118 11.9632 4.7118L10.1376 4.7118L13.8504 0.998999C14.0492 0.800199 14.0492 0.477945 13.8504 0.279145C13.7511 0.179618 13.6208 0.129981 13.4905 0.129981C13.3602 0.129981 13.2298 0.179618 13.1306 0.279145L9.41776 3.99194L9.41776 2.16634C9.41776 1.88533 9.18968 1.65725 8.90867 1.65725C8.62739 1.65725 8.39958 1.88533 8.39958 2.16634L8.39957 5.22089C8.39957 5.25423 8.40314 5.28758 8.4095 5.32067Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.869116 13.9808L4.58192 10.268L4.58192 12.0936C4.58192 12.3746 4.80973 12.6027 5.09101 12.6027C5.37228 12.6027 5.6001 12.3746 5.6001 12.0936L5.6001 9.03904C5.6001 9.00569 5.59653 8.97235 5.58992 8.93925C5.58712 8.92424 5.58152 8.91024 5.57719 8.89573C5.5721 8.87842 5.56803 8.86111 5.56115 8.84431C5.55403 8.82725 5.54435 8.81173 5.53544 8.79569C5.52832 8.78271 5.52272 8.76922 5.51432 8.75674C5.47715 8.701 5.4293 8.65289 5.3733 8.61573C5.36083 8.60733 5.34708 8.60147 5.33384 8.59434C5.31806 8.58569 5.30253 8.57602 5.28573 8.56889C5.26893 8.56202 5.25137 8.55794 5.23406 8.55285C5.21955 8.54853 5.20581 8.54293 5.19079 8.54013C5.1577 8.53351 5.12435 8.52994 5.09101 8.52994L2.03646 8.52994C1.75544 8.52994 1.52737 8.75802 1.52737 9.03904C1.52737 9.32005 1.75544 9.54813 2.03646 9.54813L3.86206 9.54813L0.149262 13.2609C-0.0495386 13.4597 -0.0495386 13.782 0.149261 13.9808C0.347807 14.1796 0.67057 14.1796 0.869116 13.9808Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.09052 1.65676C4.80925 1.65676 4.58143 1.88484 4.58143 2.16586L4.58143 3.99146L0.868883 0.27891C0.76961 0.179637 0.639283 0.130001 0.508955 0.130001C0.378882 0.130001 0.248555 0.179637 0.149028 0.27891C-0.0497718 0.47771 -0.0497718 0.800219 0.149028 0.999019L3.86157 4.71131L2.03597 4.71131C1.75495 4.71131 1.52688 4.93938 1.52688 5.2204C1.52688 5.50142 1.75495 5.72949 2.03597 5.72949L5.09052 5.72949C5.12386 5.72949 5.15721 5.72593 5.1903 5.71956C5.20506 5.71651 5.21881 5.71091 5.23306 5.70684C5.25063 5.70175 5.26819 5.69767 5.28525 5.69055C5.30205 5.68367 5.31706 5.674 5.33285 5.6656C5.34634 5.65822 5.36008 5.65236 5.37281 5.64371C5.42881 5.60655 5.47666 5.55844 5.51383 5.50269C5.52223 5.49022 5.52783 5.47673 5.53495 5.464C5.54386 5.44771 5.55354 5.43218 5.56066 5.41513C5.56754 5.39833 5.57161 5.38102 5.5767 5.36371C5.58103 5.3492 5.58663 5.3352 5.58943 5.32018C5.59605 5.28709 5.59961 5.25375 5.59961 5.2204L5.59961 2.16586C5.59961 1.88484 5.37179 1.65676 5.09052 1.65676Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.9089 12.6024C9.18992 12.6024 9.41799 12.3743 9.41799 12.0933L9.41799 10.2677L13.1308 13.9808C13.3296 14.1796 13.6521 14.1796 13.8509 13.9808C14.0497 13.782 14.0497 13.4595 13.8509 13.2607L10.1378 9.54787L11.9634 9.54787C12.2445 9.54787 12.4725 9.3198 12.4725 9.03878C12.4725 8.75776 12.2445 8.52969 11.9634 8.52969L8.9089 8.52969C8.87555 8.52969 8.84221 8.53325 8.80912 8.53987C8.7941 8.54267 8.78035 8.54827 8.76585 8.5526C8.74854 8.55769 8.73097 8.56176 8.71417 8.56864C8.69737 8.57576 8.68185 8.58544 8.66606 8.59409C8.65283 8.60122 8.63908 8.60707 8.62661 8.61547C8.57061 8.65264 8.52276 8.70074 8.48559 8.75649C8.47719 8.76896 8.47159 8.78245 8.46446 8.79544C8.45555 8.81147 8.44588 8.827 8.43875 8.84405C8.43188 8.86085 8.42781 8.87816 8.42272 8.89547C8.41839 8.90998 8.41279 8.92398 8.40974 8.939C8.40337 8.97209 8.39981 9.00544 8.39981 9.03878L8.39981 12.0933C8.39981 12.3743 8.62763 12.6024 8.9089 12.6024Z", fill: "currentColor" }));
 
@@ -2593,7 +2593,7 @@ const Icon = /*#__PURE__*/React.forwardRef(({
 }, ref) => {
   const IconComponent = Components[name];
   const iconHeight = height || 16;
-  const iconWidth = name === 'vertical_separator' ? '' : width || 16;
+  const iconWidth = width || 16;
   if (!IconComponent) {
     return null;
   }
@@ -2622,7 +2622,6 @@ const Icon = /*#__PURE__*/React.forwardRef(({
       return 'default';
     }
   };
-  const isFrameNotRequired = name === 'vertical_separator';
   const baseProps = {
     ref: iconRef,
     onClick: disabled ? () => {} : onClick,
@@ -2631,7 +2630,7 @@ const Icon = /*#__PURE__*/React.forwardRef(({
       width: `${iconWidth}px`,
       cursor: getCursor()
     },
-    className: classNames(isFrameNotRequired ? '' : 'ff-icon-container', {
+    className: classNames('ff-icon-container', {
       'ff-icon-click': hoverEffect,
       'ff-icon-disabled': disabled,
       'ff-icon-selected': isSelected,