@semcore/icon 3.15.1 → 3.15.3

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.15.3] - 2023-06-27
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/flex-box` [4.7.31 ~> 4.7.32], `@semcore/utils` [3.53.4 ~> 3.54.0]).
+
+## [3.15.2] - 2023-06-14
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/flex-box` [4.7.30 ~> 4.7.31], `@semcore/utils` [3.53.3 ~> 3.53.4]).
+
 ## [3.15.1] - 2023-06-12
 
 ### Changed

package/FeauturedImage/l/index.js

@@ -49,7 +49,7 @@ FeauturedImage.displayName = 'FeauturedImage';
 
 var _default = (0, _core.createBaseComponent)(FeauturedImage);
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "FeauturedImage" icon is deprecated. Use the "FeaturedImage"', 'Icon');
 
 exports["default"] = _default;

package/FeauturedImage/l/index.mjs

@@ -28,7 +28,7 @@ function FeauturedImage({
   }));
 }
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "FeauturedImage" icon is deprecated. Use the "FeaturedImage"', 'Icon');
 
 FeauturedImage.displayName = 'FeauturedImage';

package/FeauturedImage/m/index.js

@@ -49,7 +49,7 @@ FeauturedImage.displayName = 'FeauturedImage';
 
 var _default = (0, _core.createBaseComponent)(FeauturedImage);
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "FeauturedImage" icon is deprecated. Use the "FeaturedImage"', 'Icon');
 
 exports["default"] = _default;

package/FeauturedImage/m/index.mjs

@@ -28,7 +28,7 @@ function FeauturedImage({
   }));
 }
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "FeauturedImage" icon is deprecated. Use the "FeaturedImage"', 'Icon');
 
 FeauturedImage.displayName = 'FeauturedImage';

package/FeauturedVideo/l/index.js

@@ -49,7 +49,7 @@ FeauturedVideo.displayName = 'FeauturedVideo';
 
 var _default = (0, _core.createBaseComponent)(FeauturedVideo);
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "FeauturedVideo" icon is deprecated. Use the "FeaturedVideo"', 'Icon');
 
 exports["default"] = _default;

package/FeauturedVideo/l/index.mjs

@@ -28,7 +28,7 @@ function FeauturedVideo({
   }));
 }
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "FeauturedVideo" icon is deprecated. Use the "FeaturedVideo"', 'Icon');
 
 FeauturedVideo.displayName = 'FeauturedVideo';

package/FeauturedVideo/m/index.js

@@ -49,7 +49,7 @@ FeauturedVideo.displayName = 'FeauturedVideo';
 
 var _default = (0, _core.createBaseComponent)(FeauturedVideo);
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "FeauturedVideo" icon is deprecated. Use the "FeaturedVideo"', 'Icon');
 
 exports["default"] = _default;

package/FeauturedVideo/m/index.mjs

@@ -28,7 +28,7 @@ function FeauturedVideo({
   }));
 }
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "FeauturedVideo" icon is deprecated. Use the "FeaturedVideo"', 'Icon');
 
 FeauturedVideo.displayName = 'FeauturedVideo';

package/Stoller/l/index.js

@@ -55,7 +55,7 @@ Stoller.displayName = 'Stoller';
 
 var _default = (0, _core.createBaseComponent)(Stoller);
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "Stoller" icon is deprecated. Use the "Stroller"', 'Icon');
 
 exports['default'] = _default;

package/Stoller/l/index.mjs

@@ -42,7 +42,7 @@ function Stoller({ width = '24', height = '24', viewBox = '0 0 24 24', ...props
   );
 }
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "Stoller" icon is deprecated. Use the "Stroller"', 'Icon');
 
 Stoller.displayName = 'Stoller';

package/Stoller/m/index.js

@@ -59,7 +59,7 @@ Stoller.displayName = 'Stoller';
 
 var _default = (0, _core.createBaseComponent)(Stoller);
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "Stoller" icon is deprecated. Use the "Stroller"', 'Icon');
 
 exports['default'] = _default;

package/Stoller/m/index.mjs

@@ -48,7 +48,7 @@ function Stoller({ width = '16', height = '16', viewBox = '0 0 16 16', ...props
 
 Stoller.displayName = 'Stoller';
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "Stoller" icon is deprecated. Use the "Stroller"', 'Icon');
 
 export default createBaseComponent(Stoller);

package/color/YoutubeAlt/l/index.js

@@ -49,7 +49,7 @@ YoutubeAlt.displayName = 'YoutubeAlt';
 
 var _default = (0, _core.createBaseComponent)(YoutubeAlt);
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "YoutubeAlt" icon is deprecated. Use the "YoutubeColored"', 'Icon');
 
 exports["default"] = _default;

package/color/YoutubeAlt/l/index.mjs

@@ -28,7 +28,7 @@ function YoutubeAlt({
   }));
 }
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "YoutubeAlt" icon is deprecated. Use the "YoutubeColored"', 'Icon');
 
 YoutubeAlt.displayName = 'YoutubeAlt';

package/color/YoutubeAlt/m/index.js

@@ -49,7 +49,7 @@ YoutubeAlt.displayName = 'YoutubeAlt';
 
 var _default = (0, _core.createBaseComponent)(YoutubeAlt);
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "YoutubeAlt" icon is deprecated. Use the "YoutubeColored"', 'Icon');
 
 exports["default"] = _default;

package/color/YoutubeAlt/m/index.mjs

@@ -28,7 +28,7 @@ function YoutubeAlt({
   }));
 }
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "YoutubeAlt" icon is deprecated. Use the "YoutubeColored"', 'Icon');
 
 YoutubeAlt.displayName = 'YoutubeAlt';

package/color/YoutubeRed/l/index.js

@@ -48,7 +48,7 @@ YoutubeRed.displayName = 'YoutubeRed';
 
 var _default = (0, _core.createBaseComponent)(YoutubeRed);
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "YoutubeRed" icon is deprecated. Use the "YoutubeInvert"', 'Icon');
 
 exports["default"] = _default;

package/color/YoutubeRed/l/index.mjs

@@ -27,7 +27,7 @@ function YoutubeRed({
   }));
 }
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "YoutubeRed" icon is deprecated. Use the "YoutubeInvert"', 'Icon');
 
 YoutubeRed.displayName = 'YoutubeRed';

package/color/YoutubeRed/m/index.js

@@ -48,7 +48,7 @@ YoutubeRed.displayName = 'YoutubeRed';
 
 var _default = (0, _core.createBaseComponent)(YoutubeRed);
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "YoutubeRed" icon is deprecated. Use the "YoutubeInvert"', 'Icon');
 
 exports["default"] = _default;

package/color/YoutubeRed/m/index.mjs

@@ -27,7 +27,7 @@ function YoutubeRed({
   }));
 }
 
-// eslint-disable-next-line no-console
+
 console.warn(true, 'The "YoutubeRed" icon is deprecated. Use the "YoutubeInvert"', 'Icon');
 
 YoutubeRed.displayName = 'YoutubeRed';

package/lib/cjs/Icon.js

@@ -22,12 +22,12 @@ var _ref = require("@semcore/utils/lib/ref");
 var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
 var _excluded = ["keyboardFocused"];
 /*__reshadow-styles__:"./style/icon.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SIcon_1t4um_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_1t4um)}.___SIcon_1t4um_gg_.__keyboardFocused_1t4um_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1t4um_gg_.__interactive_1t4um_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1t4um_gg_.__interactive_1t4um_gg_:hover{color:var(--color-interactive_1t4um)}}" /*__inner_css_end__*/, "1t4um_gg_") /*__reshadow_css_end__*/, {
-  "__SIcon": "___SIcon_1t4um_gg_",
-  "--color": "--color_1t4um",
-  "_keyboardFocused": "__keyboardFocused_1t4um_gg_",
-  "_interactive": "__interactive_1t4um_gg_",
-  "--color-interactive": "--color-interactive_1t4um"
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SIcon_ec5td_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_ec5td)}.___SIcon_ec5td_gg_.__keyboardFocused_ec5td_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_ec5td_gg_.__interactive_ec5td_gg_{cursor:pointer}@media (hover:hover){.___SIcon_ec5td_gg_.__interactive_ec5td_gg_:hover{color:var(--color-interactive_ec5td)}}" /*__inner_css_end__*/, "ec5td_gg_") /*__reshadow_css_end__*/, {
+  "__SIcon": "___SIcon_ec5td_gg_",
+  "--color": "--color_ec5td",
+  "_keyboardFocused": "__keyboardFocused_ec5td_gg_",
+  "_interactive": "__interactive_ec5td_gg_",
+  "--color-interactive": "--color-interactive_ec5td"
 });
 function Icon(props, ref) {
   var _useBox = (0, _flexBox.useBox)((0, _objectSpread2["default"])({
@@ -63,7 +63,8 @@ function Icon(props, ref) {
       return props.onKeyDown(event);
     }
     if (interactive && event.code === 'Enter') {
-      props.onClick && props.onClick(event);
+      var _props$onClick;
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, event);
     }
   }
   var labelCheckRef = _react["default"].useRef();

package/lib/cjs/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["_core","require","_react","_interopRequireDefault","_classnames","_flexBox","_color","_interopRequireWildcard","_keyboardFocusEnhance2","_propsForElement","_logger","_ref","_hasLabels","_excluded","styles","sstyled","insert","Icon","props","ref","_useBox","useBox","_objectSpread2","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray2","SIcon","other","colorProps","color","resolveColor","_keyboardFocusEnhance","keyboardFocusEnhance","disabled","keyboardFocused","propsWithKeyboardEnhance","_objectWithoutProperties2","sstyles","_sstyles$cn","cn","shade","className","style","onKeyDown","event","code","onClick","labelCheckRef","React","useRef","useEffect","process","env","NODE_ENV","logger","warn","hasLabels","current","displayName","forkedRef","useForkRef","createElement","_extends2","role","undefined","propsForElement","Object","assign","_default","createBaseComponent","exports"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      focusable: props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'color-interactive': shade(color, -0.12),\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (props.onKeyDown) {\n      return props.onKeyDown(event);\n    }\n\n    if (interactive && event.code === 'Enter') {\n      props.onClick && props.onClick(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsWithKeyboardEnhance)}\n      style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n      className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":"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"}
+{"version":3,"file":"Icon.js","names":["_core","require","_react","_interopRequireDefault","_classnames","_flexBox","_color","_interopRequireWildcard","_keyboardFocusEnhance2","_propsForElement","_logger","_ref","_hasLabels","_excluded","styles","sstyled","insert","Icon","props","ref","_useBox","useBox","_objectSpread2","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray2","SIcon","other","colorProps","color","resolveColor","_keyboardFocusEnhance","keyboardFocusEnhance","disabled","keyboardFocused","propsWithKeyboardEnhance","_objectWithoutProperties2","sstyles","_sstyles$cn","cn","shade","className","style","onKeyDown","event","code","_props$onClick","onClick","call","labelCheckRef","React","useRef","useEffect","process","env","NODE_ENV","logger","warn","hasLabels","current","displayName","forkedRef","useForkRef","createElement","_extends2","role","undefined","propsForElement","Object","assign","_default","createBaseComponent","exports"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      focusable: props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'color-interactive': shade(color, -0.12),\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (props.onKeyDown) {\n      return props.onKeyDown(event);\n    }\n\n    if (interactive && event.code === 'Enter') {\n      props.onClick?.(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsWithKeyboardEnhance)}\n      style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n      className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":";;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,gBAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,OAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,IAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAT,sBAAA,CAAAF,OAAA;AAAqD,IAAAY,SAAA;AAAA;AAAA,IAAAC,MAAA,+BAAAd,KAAA,CAAAe,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIrD,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EACxB,IAAAC,OAAA,GAAuB,IAAAC,eAAM,MAAAC,cAAA;MAEzBC,GAAG,EAAE,KAAK;MACV,cAAc,EAAE,MAAM;MACtBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,WAAW;MACpBC,SAAS,EAAET,KAAK,CAACU;IAAW,GACzBV,KAAK,GAEVC,GAAG,CACJ;IAAAU,QAAA,OAAAC,eAAA,aAAAV,OAAA;IAXMW,KAAK,GAAAF,QAAA;IAAEG,KAAK,GAAAH,QAAA;EAanB,IAAQD,WAAW,GAAwBV,KAAK,CAAxCU,WAAW;IAASK,UAAU,GAAKf,KAAK,CAA3BgB,KAAK;EAC1B,IAAMA,KAAK,GAAG,IAAAC,iBAAY,EAACF,UAAU,CAAC;EACtC,IAAAG,qBAAA,GAAyD,IAAAC,iCAAoB,GAAE,KAAAf,cAAA;MAC7EgB,QAAQ,EAAE,CAACV;IAAW,GACnBI,KAAK,EACR;IAHMO,eAAe,GAAAH,qBAAA,CAAfG,eAAe;IAAKC,wBAAwB,OAAAC,yBAAA,aAAAL,qBAAA,EAAAvB,SAAA;EAIpD,IAAM6B,OAAO,GAAG,IAAA3B,aAAO,EAACD,MAAM,CAAC;EAC/B,IAAA6B,WAAA,GAA6BD,OAAO,CAACE,EAAE,CAAC,OAAO,EAAE;MAC/C,mBAAmB,EAAE,IAAAC,YAAK,EAACX,KAAK,EAAE,CAAC,IAAI,CAAC;MACxC,WAAW,EAAEA,KAAK;MAClBN,WAAW,EAAEA,WAAW;MACxBW,eAAe,EAAEA;IACnB,CAAC,CAAC;IALMO,SAAS,GAAAH,WAAA,CAATG,SAAS;IAAEC,KAAK,GAAAJ,WAAA,CAALI,KAAK;EAOxB,SAASC,SAASA,CAACC,KAAK,EAAE;IACxB,IAAI/B,KAAK,CAAC8B,SAAS,EAAE;MACnB,OAAO9B,KAAK,CAAC8B,SAAS,CAACC,KAAK,CAAC;IAC/B;IAEA,IAAIrB,WAAW,IAAIqB,KAAK,CAACC,IAAI,KAAK,OAAO,EAAE;MAAA,IAAAC,cAAA;MACzC,CAAAA,cAAA,GAAAjC,KAAK,CAACkC,OAAO,cAAAD,cAAA,uBAAbA,cAAA,CAAAE,IAAA,CAAAnC,KAAK,EAAW+B,KAAK,CAAC;IACxB;EACF;EAEA,IAAMK,aAAa,GAAGC,iBAAK,CAACC,MAAM,EAAE;EACpCD,iBAAK,CAACE,SAAS,CAAC,YAAM;IACpB,IAAI,CAAC7B,WAAW,EAAE;IAClB,IAAI8B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;MACzCC,kBAAM,CAACC,IAAI,CACT,CAAC,IAAAC,qBAAS,EAACT,aAAa,CAACU,OAAO,CAAC,gFAEjC9C,KAAK,CAAC,cAAc,CAAC,IAAID,IAAI,CAACgD,WAAW,CAC1C;IACH;EACF,CAAC,EAAE,CAACrC,WAAW,CAAC,CAAC;EACjB,IAAMsC,SAAS,GAAG,IAAAC,eAAU,EAAChD,GAAG,EAAEmC,aAAa,CAAC;EAEhD,oBACEpD,MAAA,YAAAkE,aAAA,CAACrC,KAAK,MAAAsC,SAAA;IACJC,IAAI,EAAE1C,WAAW,GAAG,QAAQ,GAAG2C,SAAU;IACzC,eAAa3C,WAAW,GAAG2C,SAAS,GAAG;EAAO,GAC1C,IAAAC,2BAAe,EAAChC,wBAAwB,CAAC;IAC7CO,KAAK,EAAE0B,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAE3B,KAAK,EAAEP,wBAAwB,CAACO,KAAK,EAAE7B,KAAK,CAAC6B,KAAK,CAAE;IAC7ED,SAAS,EAAE,IAAAF,sBAAE,EAACE,SAAS,EAAEN,wBAAwB,CAACM,SAAS,EAAE5B,KAAK,CAAC4B,SAAS,CAAC,IAAIyB,SAAU;IAC3FvB,SAAS,EAAEA,SAAU;IACrB7B,GAAG,EAAE+C;EAAU,GACf;AAEN;AAEAjD,IAAI,CAACgD,WAAW,GAAG,MAAM;AAAC,IAAAU,QAAA,GAEX,IAAAC,yBAAmB,EAAC3D,IAAI,CAAC;AAAA4D,OAAA,cAAAF,QAAA"}

package/lib/es6/Icon.js

@@ -15,12 +15,12 @@ import logger from '@semcore/utils/lib/logger';
 import { useForkRef } from '@semcore/utils/lib/ref';
 import hasLabels from '@semcore/utils/lib/hasLabels';
 /*__reshadow-styles__:"./style/icon.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SIcon_1t4um_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_1t4um)}.___SIcon_1t4um_gg_.__keyboardFocused_1t4um_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1t4um_gg_.__interactive_1t4um_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1t4um_gg_.__interactive_1t4um_gg_:hover{color:var(--color-interactive_1t4um)}}" /*__inner_css_end__*/, "1t4um_gg_") /*__reshadow_css_end__*/, {
-  "__SIcon": "___SIcon_1t4um_gg_",
-  "--color": "--color_1t4um",
-  "_keyboardFocused": "__keyboardFocused_1t4um_gg_",
-  "_interactive": "__interactive_1t4um_gg_",
-  "--color-interactive": "--color-interactive_1t4um"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SIcon_ec5td_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_ec5td)}.___SIcon_ec5td_gg_.__keyboardFocused_ec5td_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_ec5td_gg_.__interactive_ec5td_gg_{cursor:pointer}@media (hover:hover){.___SIcon_ec5td_gg_.__interactive_ec5td_gg_:hover{color:var(--color-interactive_ec5td)}}" /*__inner_css_end__*/, "ec5td_gg_") /*__reshadow_css_end__*/, {
+  "__SIcon": "___SIcon_ec5td_gg_",
+  "--color": "--color_ec5td",
+  "_keyboardFocused": "__keyboardFocused_ec5td_gg_",
+  "_interactive": "__interactive_ec5td_gg_",
+  "--color-interactive": "--color-interactive_ec5td"
 });
 function Icon(props, ref) {
   var _useBox = useBox(_objectSpread({
@@ -56,7 +56,8 @@ function Icon(props, ref) {
       return props.onKeyDown(event);
     }
     if (interactive && event.code === 'Enter') {
-      props.onClick && props.onClick(event);
+      var _props$onClick;
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, event);
     }
   }
   var labelCheckRef = React.useRef();

package/lib/es6/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["React","cn","createBaseComponent","sstyled","useBox","resolveColor","shade","keyboardFocusEnhance","propsForElement","logger","useForkRef","hasLabels","styles","_sstyled","insert","Icon","props","ref","_useBox","_objectSpread","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray","SIcon","other","colorProps","color","_keyboardFocusEnhance","disabled","keyboardFocused","propsWithKeyboardEnhance","_objectWithoutProperties","_excluded","sstyles","_sstyles$cn","className","style","onKeyDown","event","code","onClick","labelCheckRef","useRef","useEffect","process","env","NODE_ENV","warn","current","displayName","forkedRef","createElement","_extends","role","undefined","Object","assign"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      focusable: props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'color-interactive': shade(color, -0.12),\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (props.onKeyDown) {\n      return props.onKeyDown(event);\n    }\n\n    if (interactive && event.code === 'Enter') {\n      props.onClick && props.onClick(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsWithKeyboardEnhance)}\n      style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n      className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":"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"}
+{"version":3,"file":"Icon.js","names":["React","cn","createBaseComponent","sstyled","useBox","resolveColor","shade","keyboardFocusEnhance","propsForElement","logger","useForkRef","hasLabels","styles","_sstyled","insert","Icon","props","ref","_useBox","_objectSpread","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray","SIcon","other","colorProps","color","_keyboardFocusEnhance","disabled","keyboardFocused","propsWithKeyboardEnhance","_objectWithoutProperties","_excluded","sstyles","_sstyles$cn","className","style","onKeyDown","event","code","_props$onClick","onClick","call","labelCheckRef","useRef","useEffect","process","env","NODE_ENV","warn","current","displayName","forkedRef","createElement","_extends","role","undefined","Object","assign"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      focusable: props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'color-interactive': shade(color, -0.12),\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (props.onKeyDown) {\n      return props.onKeyDown(event);\n    }\n\n    if (interactive && event.code === 'Enter') {\n      props.onClick?.(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsWithKeyboardEnhance)}\n      style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n      className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/icon",
   "description": "Semrush Icon Component",
-  "version": "3.15.1",
+  "version": "3.15.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -19,9 +19,6 @@
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
-  "jest": {
-    "preset": "@semcore/jest-preset-ui"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/semrush/intergalactic.git",
@@ -29,13 +26,12 @@
   },
   "devDependencies": {
     "@semcore/icon-transform-svg": "1.1.0",
-    "@semcore/jest-preset-ui": "1.0.0",
+    "@semcore/testing-utils": "1.0.0",
     "@types/react": "18.0.21"
   },
   "scripts": {
     "transform": "pnpm icon-transform-svg",
     "build": "pnpm run clean && pnpm semcore-builder --source=js && pnpm run transform --configFile=./transform-svg-legacy.config.js && pnpm run transform --configFile=./transform-svg.config.js",
-    "test": "jest",
     "clean": "node clean.js"
   }
 }