@semcore/icon 4.61.0 → 4.62.0

package/lib/es6/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["React","cn","createBaseComponent","sstyled","useBox","keyboardFocusEnhance","propsForElement","logger","useForkRef","hasLabels","useColorResolver","styles","_sstyled","insert","Icon","props","ref","_useBox","_objectSpread","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray","SIcon","other","colorProps","color","resolveColor","_keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties","_excluded","sstyles","_sstyles$cn","className","style","onKeyDown","event","onClick","key","preventDefault","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 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';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\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 resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      propsEnhance.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        labelCheckRef.current && !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(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,YAAY;AAC3B,SAASC,mBAAmB,EAAEC,OAAO,QAAQ,eAAe;AAC5D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,eAAe,MAAM,oCAAoC;AAChE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SAASC,UAAU,QAAQ,wBAAwB;AACnD,OAAOC,SAAS,MAAM,8BAA8B;AACpD,SAASC,gBAAgB,QAAQ,yCAAyC;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI3E,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EACxB,IAAAC,OAAA,GAAuBb,MAAM,CAAAc,aAAA;MAEzBC,GAAG,EAAE,KAAK;MACV,cAAc,EAAE,MAAM;MACtBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,WAAW;MACpBC,SAAS,EAAER,KAAK,CAACS;IAAW,GACzBT,KAAK,GAEVC,GAAG,CACJ;IAAAS,QAAA,GAAAC,cAAA,CAAAT,OAAA;IAXMU,KAAK,GAAAF,QAAA;IAAEG,KAAK,GAAAH,QAAA;EAanB,IAAQD,WAAW,GAAwBT,KAAK,CAAxCS,WAAW;IAASK,UAAU,GAAKd,KAAK,CAA3Be,KAAK;EAC1B,IAAMC,YAAY,GAAGrB,gBAAgB,EAAE;EACvC,IAAMoB,KAAK,GAAGC,YAAY,CAACF,UAAU,CAAC;EACtC,IAAAG,qBAAA,GAA6C3B,oBAAoB,EAAE,CAAAa,aAAA;MACjEe,QAAQ,EAAE,CAACT;IAAW,GACnBI,KAAK,EACR;IAHMM,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAKC,YAAY,GAAAC,wBAAA,CAAAJ,qBAAA,EAAAK,SAAA;EAIxC,IAAMC,OAAO,GAAGnC,OAAO,CAACQ,MAAM,CAAC;EAC/B,IAAA4B,WAAA,GAA6BD,OAAO,CAACrC,EAAE,CAAC,OAAO,EAAE;MAC/C,WAAW,EAAE6B,KAAK;MAClBN,WAAW,EAAEA,WAAW;MACxBU,eAAe,EAAEA;IACnB,CAAC,CAAC;IAJMM,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;EAMxB,SAASC,SAASA,CAACC,KAAK,EAAE;IACxB,IAAIR,YAAY,CAACO,SAAS,EAAE;MAC1B,OAAOP,YAAY,CAACO,SAAS,CAACC,KAAK,CAAC;IACtC;IAEA,IAAInB,WAAW,IAAIW,YAAY,CAACS,OAAO,KAAKD,KAAK,CAACE,GAAG,KAAK,OAAO,IAAIF,KAAK,CAACE,GAAG,KAAK,GAAG,CAAC,EAAE;MACvFF,KAAK,CAACG,cAAc,EAAE;MACtBX,YAAY,CAACS,OAAO,CAACD,KAAK,CAAC;IAC7B;EACF;EAEA,IAAMI,aAAa,GAAG/C,KAAK,CAACgD,MAAM,EAAE;EACpChD,KAAK,CAACiD,SAAS,CAAC,YAAM;IACpB,IAAI,CAACzB,WAAW,EAAE;IAClB,IAAI0B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;MACzC7C,MAAM,CAAC8C,IAAI,CACTN,aAAa,CAACO,OAAO,IAAI,CAAC7C,SAAS,CAACsC,aAAa,CAACO,OAAO,CAAC,gFAE1DvC,KAAK,CAAC,cAAc,CAAC,IAAID,IAAI,CAACyC,WAAW,CAC1C;IACH;EACF,CAAC,EAAE,CAAC/B,WAAW,CAAC,CAAC;EACjB,IAAMgC,SAAS,GAAGhD,UAAU,CAACQ,GAAG,EAAE+B,aAAa,CAAC;EAEhD,oBACE/C,KAAA,CAAAyD,aAAA,CAAC9B,KAAK,EAAA+B,QAAA;IACJC,IAAI,EAAEnC,WAAW,GAAG,QAAQ,GAAGoC,SAAU;IACzC,eAAapC,WAAW,GAAGoC,SAAS,GAAG;EAAO,GAC1CtD,eAAe,CAAC6B,YAAY,CAAC;IACjCM,KAAK,EAAEoB,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAErB,KAAK,EAAEN,YAAY,CAACM,KAAK,CAAE;IACpDD,SAAS,EAAEvC,EAAE,CAACuC,SAAS,EAAEL,YAAY,CAACK,SAAS,CAAC,IAAIoB,SAAU;IAC9DlB,SAAS,EAAEA,SAAU;IACrB1B,GAAG,EAAEwC;EAAU,GACf;AAEN;AAEA1C,IAAI,CAACyC,WAAW,GAAG,MAAM;AAEzB,eAAerD,mBAAmB,CAACY,IAAI,CAAC"}
+{"version":3,"file":"Icon.js","names":["React","cn","createBaseComponent","sstyled","useBox","keyboardFocusEnhance","propsForElement","logger","useForkRef","hasLabels","useColorResolver","styles","_sstyled","insert","Icon","props","ref","_useBox","_objectSpread","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray","SIcon","other","colorProps","color","resolveColor","_keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties","_excluded","sstyles","_sstyles$cn","className","style","onKeyDown","event","onClick","key","preventDefault","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 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';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\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 resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      propsEnhance.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        labelCheckRef.current && !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(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.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/lib/esm/Icon.mjs

@@ -1,68 +1,85 @@
-import I from "@babel/runtime/helpers/esm/extends";
-import F from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import d from "@babel/runtime/helpers/esm/objectSpread2";
-import E from "@babel/runtime/helpers/esm/slicedToArray";
-import { sstyled as S } from "@semcore/utils/lib/core/index";
-import i from "react";
-import w from "classnames";
-import { createBaseComponent as N, sstyled as C } from "@semcore/core";
-import { useBox as R } from "@semcore/flex-box";
-import B from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import D from "@semcore/utils/lib/propsForElement";
-import j from "@semcore/utils/lib/logger";
-import { useForkRef as K } from "@semcore/utils/lib/ref";
-import P from "@semcore/utils/lib/hasLabels";
-import { useColorResolver as $ } from "@semcore/utils/lib/use/useColorResolver";
-var z = ["keyboardFocused"], O = (
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import React from "react";
+import cn from "classnames";
+import { createBaseComponent, sstyled as sstyled$1 } from "@semcore/core";
+import { useBox } from "@semcore/flex-box";
+import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import propsForElement from "@semcore/utils/lib/propsForElement";
+import logger from "@semcore/utils/lib/logger";
+import { useForkRef } from "@semcore/utils/lib/ref";
+import hasLabels from "@semcore/utils/lib/hasLabels";
+import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
+var _excluded = ["keyboardFocused"];
+/*!__reshadow-styles__:"./style/icon.shadow.css"*/
+var styles = (
   /*__reshadow_css_start__*/
-  (S.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SIcon_3q66l_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_3q66l)}.___SIcon_3q66l_gg_.__keyboardFocused_3q66l_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_3q66l_gg_.__interactive_3q66l_gg_{cursor:pointer}@media (hover:hover){.___SIcon_3q66l_gg_.__interactive_3q66l_gg_:hover{filter:brightness(.8)}}",
-    "3q66l_gg_"
-  ), {
-    __SIcon: "___SIcon_3q66l_gg_",
-    "--color": "--color_3q66l",
-    _keyboardFocused: "__keyboardFocused_3q66l_gg_",
-    _interactive: "__interactive_3q66l_gg_"
+    ".___SIcon_19mvi_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_19mvi)}.___SIcon_19mvi_gg_.__keyboardFocused_19mvi_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_19mvi_gg_.__interactive_19mvi_gg_{cursor:pointer}@media (hover:hover){.___SIcon_19mvi_gg_.__interactive_19mvi_gg_:hover{filter:brightness(.8)}}",
+    /*__inner_css_end__*/
+    "19mvi_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SIcon": "___SIcon_19mvi_gg_",
+    "--color": "--color_19mvi",
+    "_keyboardFocused": "__keyboardFocused_19mvi_gg_",
+    "_interactive": "__interactive_19mvi_gg_"
   })
 );
-function n(r, c) {
-  var m = R(d({
+function Icon(props, ref) {
+  var _useBox = useBox(_objectSpread({
     tag: "svg",
     "data-ui-name": "Icon",
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
-    focusable: r.interactive
-  }, r), c), s = E(m, 2), u = s[0], f = s[1], e = r.interactive, g = r.color, p = $(), v = p(g), l = B()(d({
-    disabled: !e
-  }, f)), y = l.keyboardFocused, o = F(l, z), b = C(O), _ = b.cn("SIcon", {
-    "use:color": v,
-    interactive: e,
-    keyboardFocused: y
-  }), k = _.className, h = _.style;
-  function x(t) {
-    if (o.onKeyDown)
-      return o.onKeyDown(t);
-    e && o.onClick && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o.onClick(t));
+    focusable: props.interactive
+  }, props), ref), _useBox2 = _slicedToArray(_useBox, 2), SIcon = _useBox2[0], other = _useBox2[1];
+  var interactive = props.interactive, colorProps = props.color;
+  var resolveColor = useColorResolver();
+  var color = resolveColor(colorProps);
+  var _keyboardFocusEnhance = keyboardFocusEnhance()(_objectSpread({
+    disabled: !interactive
+  }, other)), keyboardFocused = _keyboardFocusEnhance.keyboardFocused, propsEnhance = _objectWithoutProperties(_keyboardFocusEnhance, _excluded);
+  var sstyles = sstyled$1(styles);
+  var _sstyles$cn = sstyles.cn("SIcon", {
+    "use:color": color,
+    interactive,
+    keyboardFocused
+  }), className = _sstyles$cn.className, style = _sstyles$cn.style;
+  function onKeyDown(event) {
+    if (propsEnhance.onKeyDown) {
+      return propsEnhance.onKeyDown(event);
+    }
+    if (interactive && propsEnhance.onClick && (event.key === "Enter" || event.key === " ")) {
+      event.preventDefault();
+      propsEnhance.onClick(event);
+    }
   }
-  var a = i.useRef();
-  i.useEffect(function() {
-    e && process.env.NODE_ENV !== "production" && j.warn(a.current && !P(a.current), "'aria-label' or 'aria-labelledby' are required props for interactive icons", r["data-ui-name"] || n.displayName);
-  }, [e]);
-  var q = K(c, a);
-  return /* @__PURE__ */ i.createElement(u, I({
-    role: e ? "button" : void 0,
-    "aria-hidden": e ? void 0 : "true"
-  }, D(o), {
-    style: Object.assign({}, h, o.style),
-    className: w(k, o.className) || void 0,
-    onKeyDown: x,
-    ref: q
+  var labelCheckRef = React.useRef();
+  React.useEffect(function() {
+    if (!interactive) return;
+    if (process.env.NODE_ENV !== "production") {
+      logger.warn(labelCheckRef.current && !hasLabels(labelCheckRef.current), "'aria-label' or 'aria-labelledby' are required props for interactive icons", props["data-ui-name"] || Icon.displayName);
+    }
+  }, [interactive]);
+  var forkedRef = useForkRef(ref, labelCheckRef);
+  return /* @__PURE__ */ React.createElement(SIcon, _extends({
+    role: interactive ? "button" : void 0,
+    "aria-hidden": interactive ? void 0 : "true"
+  }, propsForElement(propsEnhance), {
+    style: Object.assign({}, style, propsEnhance.style),
+    className: cn(className, propsEnhance.className) || void 0,
+    onKeyDown,
+    ref: forkedRef
   }));
 }
-n.displayName = "Icon";
-const oe = N(n);
+Icon.displayName = "Icon";
+const Icon$1 = createBaseComponent(Icon);
 export {
-  oe as default
+  Icon$1 as default
 };

package/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./Icon.mjs";
+import { default as default2 } from "./Icon.mjs";
 export {
-  o as default
+  default2 as default
 };

package/lib/esm/style/icon.shadow.css

@@ -0,0 +1,22 @@
+SIcon {
+  display: inline-block;
+  user-select: none;
+  shape-rendering: geometricPrecision;
+  box-sizing: content-box;
+  fill: currentColor;
+  flex-shrink: 0;
+  outline: none;
+  color: var(--color);
+}
+
+SIcon[keyboardFocused] {
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+}
+
+SIcon[interactive] {
+  cursor: pointer;
+
+  &:hover {
+    filter: brightness(0.8);
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/icon",
   "description": "Semrush Icon Component",
-  "version": "4.61.0",
+  "version": "4.62.0",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
@@ -9,9 +9,9 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/flex-box": "5.41.2",
-    "@semcore/icon": "4.61.0",
-    "@semcore/utils": "4.48.2",
+    "@semcore/flex-box": "5.41.3",
+    "@semcore/icon": "4.62.0",
+    "@semcore/utils": "4.48.4",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
@@ -796,6 +796,11 @@
       "import": "./platform/ContentToolkit/index.mjs",
       "types": "./platform/ContentToolkit/index.d.ts"
     },
+    "./platform/EnterpriseSolutions": {
+      "require": "./platform/EnterpriseSolutions/index.js",
+      "import": "./platform/EnterpriseSolutions/index.mjs",
+      "types": "./platform/EnterpriseSolutions/index.d.ts"
+    },
     "./platform/HomePlatform": {
       "require": "./platform/HomePlatform/index.js",
       "import": "./platform/HomePlatform/index.mjs",

package/pay/Discover/l/index.js

@@ -32,7 +32,7 @@ function RootDiscover(_ref, ref) {
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M17.5 14a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z",
-    fill: "url(#intergalactic-icon-Discover_l_a-4.61.0)",
+    fill: "url(#intergalactic-icon-Discover_l_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",

package/pay/Discover/l/index.mjs

@@ -21,7 +21,7 @@ function RootDiscover({
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M17.5 14a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z",
-    fill: "url(#intergalactic-icon-Discover_l_a-4.61.0)",
+    fill: "url(#intergalactic-icon-Discover_l_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",

package/pay/Discover/m/index.js

@@ -32,7 +32,7 @@ function RootDiscover(_ref, ref) {
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M11.48 9.33c.91 0 1.64-.74 1.64-1.66 0-.92-.73-1.67-1.64-1.67-.9 0-1.64.75-1.64 1.67 0 .92.74 1.66 1.64 1.66Z",
-    fill: "url(#intergalactic-icon-Discover_m_a-4.61.0)",
+    fill: "url(#intergalactic-icon-Discover_m_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",

package/pay/Discover/m/index.mjs

@@ -21,7 +21,7 @@ function RootDiscover({
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M11.48 9.33c.91 0 1.64-.74 1.64-1.66 0-.92-.73-1.67-1.64-1.67-.9 0-1.64.75-1.64 1.67 0 .92.74 1.66 1.64 1.66Z",
-    fill: "url(#intergalactic-icon-Discover_m_a-4.61.0)",
+    fill: "url(#intergalactic-icon-Discover_m_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",

package/pay/JCB/l/index.js

@@ -32,26 +32,26 @@ function RootJCB(_ref, ref) {
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M23.6 14.15h1.87l.24-.01c.35-.08.66-.4.66-.87 0-.44-.3-.77-.66-.86-.06-.02-.16-.02-.24-.02H23.6v1.76Z",
-    fill: "url(#intergalactic-icon-JCB_l_a-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_l_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M25.26 2a3.3 3.3 0 0 0-3.24 3.34V8.8h4.58c.1 0 .23 0 .32.02 1.03.05 1.8.6 1.8 1.56 0 .75-.52 1.4-1.48 1.52v.04c1.05.07 1.85.67 1.85 1.6 0 1.02-.89 1.68-2.07 1.68H22V22h4.76A3.3 3.3 0 0 0 30 18.66V2h-4.74Z",
-    fill: "url(#intergalactic-icon-JCB_l_b-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_l_b-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M26.13 10.6c0-.44-.3-.74-.66-.79l-.17-.02h-1.7v1.61h1.7l.17-.01a.77.77 0 0 0 .66-.8Z",
-    fill: "url(#intergalactic-icon-JCB_l_c-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_l_c-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M5.26 2a3.3 3.3 0 0 0-3.24 3.34v8.24c.9.46 1.85.75 2.8.75 1.12 0 1.72-.7 1.72-1.65v-3.9h2.78v3.88c0 1.5-.9 2.73-3.99 2.73-1.87 0-3.33-.42-3.33-.42V22h4.76A3.3 3.3 0 0 0 10 18.66V2H5.26Z",
-    fill: "url(#intergalactic-icon-JCB_l_d-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_l_d-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15.24 2A3.29 3.29 0 0 0 12 5.33V9.7c.82-.71 2.24-1.17 4.54-1.06 1.23.05 2.55.4 2.55.4v1.41a6.04 6.04 0 0 0-2.46-.73c-1.74-.13-2.8.75-2.8 2.29 0 1.56 1.06 2.44 2.8 2.29 1.02-.07 1.8-.4 2.46-.73v1.4s-1.3.35-2.55.41c-2.3.11-3.72-.35-4.54-1.06V22h4.76A3.29 3.29 0 0 0 20 18.67V2h-4.76Z",
-    fill: "url(#intergalactic-icon-JCB_l_e-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_l_e-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_l_a-4.61.0",
+    id: "intergalactic-icon-JCB_l_a-4.62.0",
     x1: "22.01",
     y1: "13.28",
     x2: "30.02",
@@ -69,7 +69,7 @@ function RootJCB(_ref, ref) {
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_l_b-4.61.0",
+    id: "intergalactic-icon-JCB_l_b-4.62.0",
     x1: "22.01",
     y1: "11.99",
     x2: "30.02",
@@ -87,7 +87,7 @@ function RootJCB(_ref, ref) {
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_l_c-4.61.0",
+    id: "intergalactic-icon-JCB_l_c-4.62.0",
     x1: "22.01",
     y1: "10.6",
     x2: "30.02",
@@ -105,7 +105,7 @@ function RootJCB(_ref, ref) {
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_l_d-4.61.0",
+    id: "intergalactic-icon-JCB_l_d-4.62.0",
     x1: "2.01",
     y1: "12",
     x2: "10.14",
@@ -123,7 +123,7 @@ function RootJCB(_ref, ref) {
     offset: "1",
     stopColor: "#006FBC"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_l_e-4.61.0",
+    id: "intergalactic-icon-JCB_l_e-4.62.0",
     x1: "11.95",
     y1: "11.98",
     x2: "19.85",

package/pay/JCB/l/index.mjs

@@ -21,26 +21,26 @@ function RootJCB({
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M23.6 14.15h1.87l.24-.01c.35-.08.66-.4.66-.87 0-.44-.3-.77-.66-.86-.06-.02-.16-.02-.24-.02H23.6v1.76Z",
-    fill: "url(#intergalactic-icon-JCB_l_a-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_l_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M25.26 2a3.3 3.3 0 0 0-3.24 3.34V8.8h4.58c.1 0 .23 0 .32.02 1.03.05 1.8.6 1.8 1.56 0 .75-.52 1.4-1.48 1.52v.04c1.05.07 1.85.67 1.85 1.6 0 1.02-.89 1.68-2.07 1.68H22V22h4.76A3.3 3.3 0 0 0 30 18.66V2h-4.74Z",
-    fill: "url(#intergalactic-icon-JCB_l_b-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_l_b-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M26.13 10.6c0-.44-.3-.74-.66-.79l-.17-.02h-1.7v1.61h1.7l.17-.01a.77.77 0 0 0 .66-.8Z",
-    fill: "url(#intergalactic-icon-JCB_l_c-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_l_c-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M5.26 2a3.3 3.3 0 0 0-3.24 3.34v8.24c.9.46 1.85.75 2.8.75 1.12 0 1.72-.7 1.72-1.65v-3.9h2.78v3.88c0 1.5-.9 2.73-3.99 2.73-1.87 0-3.33-.42-3.33-.42V22h4.76A3.3 3.3 0 0 0 10 18.66V2H5.26Z",
-    fill: "url(#intergalactic-icon-JCB_l_d-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_l_d-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15.24 2A3.29 3.29 0 0 0 12 5.33V9.7c.82-.71 2.24-1.17 4.54-1.06 1.23.05 2.55.4 2.55.4v1.41a6.04 6.04 0 0 0-2.46-.73c-1.74-.13-2.8.75-2.8 2.29 0 1.56 1.06 2.44 2.8 2.29 1.02-.07 1.8-.4 2.46-.73v1.4s-1.3.35-2.55.41c-2.3.11-3.72-.35-4.54-1.06V22h4.76A3.29 3.29 0 0 0 20 18.67V2h-4.76Z",
-    fill: "url(#intergalactic-icon-JCB_l_e-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_l_e-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_l_a-4.61.0",
+    id: "intergalactic-icon-JCB_l_a-4.62.0",
     x1: "22.01",
     y1: "13.28",
     x2: "30.02",
@@ -58,7 +58,7 @@ function RootJCB({
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_l_b-4.61.0",
+    id: "intergalactic-icon-JCB_l_b-4.62.0",
     x1: "22.01",
     y1: "11.99",
     x2: "30.02",
@@ -76,7 +76,7 @@ function RootJCB({
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_l_c-4.61.0",
+    id: "intergalactic-icon-JCB_l_c-4.62.0",
     x1: "22.01",
     y1: "10.6",
     x2: "30.02",
@@ -94,7 +94,7 @@ function RootJCB({
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_l_d-4.61.0",
+    id: "intergalactic-icon-JCB_l_d-4.62.0",
     x1: "2.01",
     y1: "12",
     x2: "10.14",
@@ -112,7 +112,7 @@ function RootJCB({
     offset: "1",
     stopColor: "#006FBC"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_l_e-4.61.0",
+    id: "intergalactic-icon-JCB_l_e-4.62.0",
     x1: "11.95",
     y1: "11.98",
     x2: "19.85",

package/pay/JCB/m/index.js

@@ -32,26 +32,26 @@ function RootJCB(_ref, ref) {
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15.49 9.44h1.23l.15-.02a.57.57 0 0 0 .43-.57c0-.3-.2-.51-.43-.58h-1.38v1.17Z",
-    fill: "url(#intergalactic-icon-JCB_m_a-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_m_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M16.58 1.33c-1.17 0-2.13 1-2.13 2.23v2.3h3c.07 0 .16 0 .21.02.68.04 1.19.4 1.19 1.04 0 .5-.34.93-.97 1.01v.03c.69.05 1.21.45 1.21 1.07 0 .68-.58 1.12-1.36 1.12h-3.3v4.52h3.13c1.17 0 2.13-1 2.13-2.23V1.34h-3.11Z",
-    fill: "url(#intergalactic-icon-JCB_m_b-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_m_b-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M17.15 7.07c0-.3-.2-.5-.43-.53l-.12-.01H15.5V7.6h1.23a.51.51 0 0 0 .43-.53Z",
-    fill: "url(#intergalactic-icon-JCB_m_c-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_m_c-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M3.45 1.33c-1.17 0-2.13 1-2.13 2.23v5.5c.6.3 1.22.5 1.84.5.74 0 1.13-.47 1.13-1.1v-2.6h1.83v2.58c0 1-.6 1.82-2.62 1.82a8.6 8.6 0 0 1-2.19-.28v4.69h3.12c1.17 0 2.13-1 2.13-2.23V1.34h-3.1Z",
-    fill: "url(#intergalactic-icon-JCB_m_d-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_m_d-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M10 1.33c-1.17 0-2.13 1-2.13 2.23v2.9c.54-.47 1.48-.78 2.99-.7.8.03 1.67.26 1.67.26v.94a3.92 3.92 0 0 0-1.61-.49C9.77 6.4 9.08 6.97 9.08 8c0 1.04.69 1.62 1.84 1.53a4.11 4.11 0 0 0 1.6-.5v.95s-.84.23-1.66.27c-1.51.07-2.45-.24-2.98-.71v5.13H11c1.17 0 2.13-1 2.13-2.23V1.34H10Z",
-    fill: "url(#intergalactic-icon-JCB_m_e-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_m_e-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_m_a-4.61.0",
+    id: "intergalactic-icon-JCB_m_a-4.62.0",
     x1: "14.45",
     y1: "8.85",
     x2: "19.7",
@@ -69,7 +69,7 @@ function RootJCB(_ref, ref) {
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_m_b-4.61.0",
+    id: "intergalactic-icon-JCB_m_b-4.62.0",
     x1: "14.45",
     y1: "7.99",
     x2: "19.7",
@@ -87,7 +87,7 @@ function RootJCB(_ref, ref) {
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_m_c-4.61.0",
+    id: "intergalactic-icon-JCB_m_c-4.62.0",
     x1: "14.45",
     y1: "7.06",
     x2: "19.7",
@@ -105,7 +105,7 @@ function RootJCB(_ref, ref) {
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_m_d-4.61.0",
+    id: "intergalactic-icon-JCB_m_d-4.62.0",
     x1: "1.32",
     y1: "8",
     x2: "6.66",
@@ -123,7 +123,7 @@ function RootJCB(_ref, ref) {
     offset: "1",
     stopColor: "#006FBC"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_m_e-4.61.0",
+    id: "intergalactic-icon-JCB_m_e-4.62.0",
     x1: "7.84",
     y1: "7.99",
     x2: "13.03",

package/pay/JCB/m/index.mjs

@@ -21,26 +21,26 @@ function RootJCB({
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15.49 9.44h1.23l.15-.02a.57.57 0 0 0 .43-.57c0-.3-.2-.51-.43-.58h-1.38v1.17Z",
-    fill: "url(#intergalactic-icon-JCB_m_a-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_m_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M16.58 1.33c-1.17 0-2.13 1-2.13 2.23v2.3h3c.07 0 .16 0 .21.02.68.04 1.19.4 1.19 1.04 0 .5-.34.93-.97 1.01v.03c.69.05 1.21.45 1.21 1.07 0 .68-.58 1.12-1.36 1.12h-3.3v4.52h3.13c1.17 0 2.13-1 2.13-2.23V1.34h-3.11Z",
-    fill: "url(#intergalactic-icon-JCB_m_b-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_m_b-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M17.15 7.07c0-.3-.2-.5-.43-.53l-.12-.01H15.5V7.6h1.23a.51.51 0 0 0 .43-.53Z",
-    fill: "url(#intergalactic-icon-JCB_m_c-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_m_c-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M3.45 1.33c-1.17 0-2.13 1-2.13 2.23v5.5c.6.3 1.22.5 1.84.5.74 0 1.13-.47 1.13-1.1v-2.6h1.83v2.58c0 1-.6 1.82-2.62 1.82a8.6 8.6 0 0 1-2.19-.28v4.69h3.12c1.17 0 2.13-1 2.13-2.23V1.34h-3.1Z",
-    fill: "url(#intergalactic-icon-JCB_m_d-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_m_d-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M10 1.33c-1.17 0-2.13 1-2.13 2.23v2.9c.54-.47 1.48-.78 2.99-.7.8.03 1.67.26 1.67.26v.94a3.92 3.92 0 0 0-1.61-.49C9.77 6.4 9.08 6.97 9.08 8c0 1.04.69 1.62 1.84 1.53a4.11 4.11 0 0 0 1.6-.5v.95s-.84.23-1.66.27c-1.51.07-2.45-.24-2.98-.71v5.13H11c1.17 0 2.13-1 2.13-2.23V1.34H10Z",
-    fill: "url(#intergalactic-icon-JCB_m_e-4.61.0)",
+    fill: "url(#intergalactic-icon-JCB_m_e-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_m_a-4.61.0",
+    id: "intergalactic-icon-JCB_m_a-4.62.0",
     x1: "14.45",
     y1: "8.85",
     x2: "19.7",
@@ -58,7 +58,7 @@ function RootJCB({
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_m_b-4.61.0",
+    id: "intergalactic-icon-JCB_m_b-4.62.0",
     x1: "14.45",
     y1: "7.99",
     x2: "19.7",
@@ -76,7 +76,7 @@ function RootJCB({
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_m_c-4.61.0",
+    id: "intergalactic-icon-JCB_m_c-4.62.0",
     x1: "14.45",
     y1: "7.06",
     x2: "19.7",
@@ -94,7 +94,7 @@ function RootJCB({
     offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_m_d-4.61.0",
+    id: "intergalactic-icon-JCB_m_d-4.62.0",
     x1: "1.32",
     y1: "8",
     x2: "6.66",
@@ -112,7 +112,7 @@ function RootJCB({
     offset: "1",
     stopColor: "#006FBC"
   })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-JCB_m_e-4.61.0",
+    id: "intergalactic-icon-JCB_m_e-4.62.0",
     x1: "7.84",
     y1: "7.99",
     x2: "13.03",

package/pay/Visa/l/index.js

@@ -28,7 +28,7 @@ function RootVisa(_ref, ref) {
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M32 21.82c0 1.2-.9 2.18-2 2.18H2c-1.1 0-2-.98-2-2.18V2.18C0 .98.9 0 2 0h28c1.1 0 2 .98 2 2.18v19.64Z",
-    fill: "url(#intergalactic-icon-Visa_l_a-4.61.0)",
+    fill: "url(#intergalactic-icon-Visa_l_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M18.2 12.8c-.8-.4-1.8-1-1.8-2.2.1-1.6 1.5-2.7 3.6-2.8.8 0 1.5.2 2 .4l-.5 1.8c-.88-.44-1.6-.42-1.97-.4h-.13c-.6.1-.9.4-.9.7-.04.36.42.61.99.92.84.45 1.91 1.03 1.91 2.28 0 1.7-1.5 2.8-3.7 2.8-.9 0-1.8-.2-2.3-.4l.4-1.8.16.06c.47.2 1.05.44 2.04.44.6 0 1.3-.3 1.3-.8 0-.3-.3-.6-1.1-1ZM10.7 8l-2.2 5.4-.9-4.6c-.1-.5-.5-.8-1-.8H3v.2l.45.12c.6.17 1.25.34 1.65.58.3.2.4.3.5.7L7.2 16h2.2l3.4-8h-2.1ZM13.8 8 12 16h2.1l1.8-8h-2.1Z",
@@ -41,7 +41,7 @@ function RootVisa(_ref, ref) {
     fill: "#fff",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-Visa_l_a-4.61.0",
+    id: "intergalactic-icon-Visa_l_a-4.62.0",
     x1: "0",
     y1: "24",
     x2: "32",

package/pay/Visa/l/index.mjs

@@ -17,7 +17,7 @@ function RootVisa({
     viewBox: viewBox
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M32 21.82c0 1.2-.9 2.18-2 2.18H2c-1.1 0-2-.98-2-2.18V2.18C0 .98.9 0 2 0h28c1.1 0 2 .98 2 2.18v19.64Z",
-    fill: "url(#intergalactic-icon-Visa_l_a-4.61.0)",
+    fill: "url(#intergalactic-icon-Visa_l_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M18.2 12.8c-.8-.4-1.8-1-1.8-2.2.1-1.6 1.5-2.7 3.6-2.8.8 0 1.5.2 2 .4l-.5 1.8c-.88-.44-1.6-.42-1.97-.4h-.13c-.6.1-.9.4-.9.7-.04.36.42.61.99.92.84.45 1.91 1.03 1.91 2.28 0 1.7-1.5 2.8-3.7 2.8-.9 0-1.8-.2-2.3-.4l.4-1.8.16.06c.47.2 1.05.44 2.04.44.6 0 1.3-.3 1.3-.8 0-.3-.3-.6-1.1-1ZM10.7 8l-2.2 5.4-.9-4.6c-.1-.5-.5-.8-1-.8H3v.2l.45.12c.6.17 1.25.34 1.65.58.3.2.4.3.5.7L7.2 16h2.2l3.4-8h-2.1ZM13.8 8 12 16h2.1l1.8-8h-2.1Z",
@@ -30,7 +30,7 @@ function RootVisa({
     fill: "#fff",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-Visa_l_a-4.61.0",
+    id: "intergalactic-icon-Visa_l_a-4.62.0",
     x1: "0",
     y1: "24",
     x2: "32",

package/pay/Visa/m/index.js

@@ -28,7 +28,7 @@ function RootVisa(_ref, ref) {
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M21 14.55c0 .8-.6 1.45-1.31 1.45H1.3C.6 16 0 15.35 0 14.55V1.45C0 .65.6 0 1.31 0H19.7C20.4 0 21 .65 21 1.45v13.1Z",
-    fill: "url(#intergalactic-icon-Visa_m_a-4.61.0)",
+    fill: "url(#intergalactic-icon-Visa_m_a-4.62.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M11.97 8.33c-.52-.26-1.18-.66-1.18-1.46.07-1.07.99-1.8 2.37-1.87.52 0 .98.13 1.3.27l-.32 1.2c-.58-.3-1.05-.28-1.3-.27h-.08c-.4.07-.59.27-.59.47-.02.24.28.4.65.6.55.3 1.25.7 1.25 1.53 0 1.13-.98 1.87-2.42 1.87a4.4 4.4 0 0 1-1.51-.27l.26-1.2.1.04c.31.13.7.3 1.34.3.4 0 .86-.2.86-.54 0-.2-.2-.4-.72-.67ZM7.05 5.13l-1.44 3.6L5 5.67a.64.64 0 0 0-.65-.54H2v.14l.3.08c.4.1.82.22 1.08.38.2.14.26.2.33.47l1.05 4.27H6.2l2.23-5.34H7.05ZM9.09 5.13 7.9 10.47h1.37l1.19-5.34H9.09Z",
@@ -41,7 +41,7 @@ function RootVisa(_ref, ref) {
     fill: "#fff",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
-    id: "intergalactic-icon-Visa_m_a-4.61.0",
+    id: "intergalactic-icon-Visa_m_a-4.62.0",
     x1: "0",
     y1: "16",
     x2: "21",