@telus-uds/palette-koodo 3.2.0 → 3.3.0

package/build/rn/icons/PaymentAdd.native.js

@@ -7,19 +7,35 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    d: "M3.26 19.282c-.626 0-1.159-.22-1.6-.66a2.18 2.18 0 0 1-.66-1.6V5.247c0-.625.22-1.158.66-1.599.441-.44.974-.66 1.6-.66h15.75c.625 0 1.158.22 1.598.66.44.44.66.974.66 1.6V8.45a2.667 2.667 0 0 1-2.666 2.667H3.26v5.906h8.713c.317 0 .585.109.803.327.218.218.327.485.327.803 0 .317-.109.584-.327.802a1.091 1.091 0 0 1-.803.327H3.26Zm0-12.138h15.75V5.246H3.26v1.898Zm14.798 10.973h-1.874a.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.729.99.99 0 0 1 .294-.729.989.989 0 0 1 .729-.294h1.873v-1.874a.99.99 0 0 1 .294-.728.99.99 0 0 1 .729-.295.99.99 0 0 1 .729.295.99.99 0 0 1 .294.728v1.874h1.874a.99.99 0 0 1 .729.294.989.989 0 0 1 .294.729.99.99 0 0 1-.294.729.99.99 0 0 1-.729.294h-1.874v1.874a.99.99 0 0 1-.294.729.989.989 0 0 1-.728.294.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.73v-1.873Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M3.26 19.282c-.626 0-1.159-.22-1.6-.66a2.18 2.18 0 0 1-.66-1.6V5.247c0-.625.22-1.158.66-1.599.441-.44.974-.66 1.6-.66h15.75c.625 0 1.158.22 1.598.66.44.44.66.974.66 1.6V8.45a2.667 2.667 0 0 1-2.666 2.667H3.26v5.906h8.713c.317 0 .585.109.803.327.218.218.327.485.327.803 0 .317-.109.584-.327.802a1.091 1.091 0 0 1-.803.327H3.26Zm0-12.138h15.75V5.246H3.26v1.898Zm14.798 10.973h-1.874a.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.729.99.99 0 0 1 .294-.729.989.989 0 0 1 .729-.294h1.873v-1.874a.99.99 0 0 1 .294-.728.99.99 0 0 1 .729-.295.99.99 0 0 1 .729.295.99.99 0 0 1 .294.728v1.874h1.874a.99.99 0 0 1 .729.294.989.989 0 0 1 .294.729.99.99 0 0 1-.294.729.99.99 0 0 1-.729.294h-1.874v1.874a.99.99 0 0 1-.294.729.989.989 0 0 1-.728.294.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.73v-1.873Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Perk.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M23.429.437a1.597 1.597 0 0 0-2.241.045L14 8.192l-2.38-2.35a1.597 1.597 0 0 0-2.24 0 1.555 1.555 0 0 0 0 2.217l3.521 3.483a1.594 1.594 0 0 0 2.264-.023l8.308-8.865A1.555 1.555 0 0 0 23.43.437Zm-4.461.61a3.916 3.916 0 0 0-1.213-.19H9.918A3.918 3.918 0 0 0 6 4.774v7.836a3.918 3.918 0 0 0 3.918 3.919h7.837a3.918 3.918 0 0 0 3.919-3.919V6l-1.96 2.09v4.521a1.96 1.96 0 0 1-1.959 1.96H9.918a1.96 1.96 0 0 1-1.959-1.96V6.776a2.52 2.52 0 0 1 0-.184V4.775a1.96 1.96 0 0 1 1.96-1.96h7.4l1.649-1.767ZM5 8H4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4h-2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1V8Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M23.429.437a1.597 1.597 0 0 0-2.241.045L14 8.192l-2.38-2.35a1.597 1.597 0 0 0-2.24 0 1.555 1.555 0 0 0 0 2.217l3.521 3.483a1.594 1.594 0 0 0 2.264-.023l8.308-8.865A1.555 1.555 0 0 0 23.43.437Zm-4.461.61a3.916 3.916 0 0 0-1.213-.19H9.918A3.918 3.918 0 0 0 6 4.774v7.836a3.918 3.918 0 0 0 3.918 3.919h7.837a3.918 3.918 0 0 0 3.919-3.919V6l-1.96 2.09v4.521a1.96 1.96 0 0 1-1.959 1.96H9.918a1.96 1.96 0 0 1-1.959-1.96V6.776a2.52 2.52 0 0 1 0-.184V4.775a1.96 1.96 0 0 1 1.96-1.96h7.4l1.649-1.767ZM5 8H4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4h-2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1V8Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Perk.native.js

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M23.429.437a1.597 1.597 0 0 0-2.241.045L14 8.192l-2.38-2.35a1.597 1.597 0 0 0-2.24 0 1.555 1.555 0 0 0 0 2.217l3.521 3.483a1.594 1.594 0 0 0 2.264-.023l8.308-8.865A1.555 1.555 0 0 0 23.43.437Zm-4.461.61a3.916 3.916 0 0 0-1.213-.19H9.918A3.918 3.918 0 0 0 6 4.774v7.836a3.918 3.918 0 0 0 3.918 3.919h7.837a3.918 3.918 0 0 0 3.919-3.919V6l-1.96 2.09v4.521a1.96 1.96 0 0 1-1.959 1.96H9.918a1.96 1.96 0 0 1-1.959-1.96V6.776a2.52 2.52 0 0 1 0-.184V4.775a1.96 1.96 0 0 1 1.96-1.96h7.4l1.649-1.767ZM5 8H4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4h-2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1V8Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M23.429.437a1.597 1.597 0 0 0-2.241.045L14 8.192l-2.38-2.35a1.597 1.597 0 0 0-2.24 0 1.555 1.555 0 0 0 0 2.217l3.521 3.483a1.594 1.594 0 0 0 2.264-.023l8.308-8.865A1.555 1.555 0 0 0 23.43.437Zm-4.461.61a3.916 3.916 0 0 0-1.213-.19H9.918A3.918 3.918 0 0 0 6 4.774v7.836a3.918 3.918 0 0 0 3.918 3.919h7.837a3.918 3.918 0 0 0 3.919-3.919V6l-1.96 2.09v4.521a1.96 1.96 0 0 1-1.959 1.96H9.918a1.96 1.96 0 0 1-1.959-1.96V6.776a2.52 2.52 0 0 1 0-.184V4.775a1.96 1.96 0 0 1 1.96-1.96h7.4l1.649-1.767ZM5 8H4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4h-2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1V8Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Phone.js

@@ -6,21 +6,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M5.83 22c-.5 0-.928-.178-1.285-.534a1.75 1.75 0 0 1-.534-1.284V3.818c0-.5.178-.928.534-1.284A1.75 1.75 0 0 1 5.83 2h9.09c.5 0 .928.178 1.284.534.357.356.535.784.535 1.284v3.637H14.92v-.91H5.83v10.91h9.09v-.91h1.819v3.637c0 .5-.178.928-.535 1.284A1.75 1.75 0 0 1 14.92 22H5.83Zm0-2.727v.909h9.09v-.91H5.83Zm8.136-6.182 4.5-4.5a.862.862 0 0 1 .636-.25c.258 0 .47.083.637.25.166.167.25.379.25.636 0 .258-.084.47-.25.637L14.602 15a.872.872 0 0 1-.636.273.872.872 0 0 1-.636-.273l-2.591-2.59a.862.862 0 0 1-.25-.637c0-.258.083-.47.25-.637a.862.862 0 0 1 .636-.25c.258 0 .47.084.636.25l1.955 1.955ZM5.83 4.727h9.09v-.909H5.83v.91Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      d: "M5.83 22c-.5 0-.928-.178-1.285-.534a1.75 1.75 0 0 1-.534-1.284V3.818c0-.5.178-.928.534-1.284A1.75 1.75 0 0 1 5.83 2h9.09c.5 0 .928.178 1.284.534.357.356.535.784.535 1.284v3.637H14.92v-.91H5.83v10.91h9.09v-.91h1.819v3.637c0 .5-.178.928-.535 1.284A1.75 1.75 0 0 1 14.92 22H5.83Zm0-2.727v.909h9.09v-.91H5.83Zm8.136-6.182 4.5-4.5a.862.862 0 0 1 .636-.25c.258 0 .47.083.637.25.166.167.25.379.25.636 0 .258-.084.47-.25.637L14.602 15a.872.872 0 0 1-.636.273.872.872 0 0 1-.636-.273l-2.591-2.59a.862.862 0 0 1-.25-.637c0-.258.083-.47.25-.637a.862.862 0 0 1 .636-.25c.258 0 .47.084.636.25l1.955 1.955ZM5.83 4.727h9.09v-.909H5.83v.91Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Phone.native.js

@@ -7,19 +7,35 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    d: "M5.83 22c-.5 0-.928-.178-1.285-.534a1.75 1.75 0 0 1-.534-1.284V3.818c0-.5.178-.928.534-1.284A1.75 1.75 0 0 1 5.83 2h9.09c.5 0 .928.178 1.284.534.357.356.535.784.535 1.284v3.637H14.92v-.91H5.83v10.91h9.09v-.91h1.819v3.637c0 .5-.178.928-.535 1.284A1.75 1.75 0 0 1 14.92 22H5.83Zm0-2.727v.909h9.09v-.91H5.83Zm8.136-6.182 4.5-4.5a.862.862 0 0 1 .636-.25c.258 0 .47.083.637.25.166.167.25.379.25.636 0 .258-.084.47-.25.637L14.602 15a.872.872 0 0 1-.636.273.872.872 0 0 1-.636-.273l-2.591-2.59a.862.862 0 0 1-.25-.637c0-.258.083-.47.25-.637a.862.862 0 0 1 .636-.25c.258 0 .47.084.636.25l1.955 1.955ZM5.83 4.727h9.09v-.909H5.83v.91Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M5.83 22c-.5 0-.928-.178-1.285-.534a1.75 1.75 0 0 1-.534-1.284V3.818c0-.5.178-.928.534-1.284A1.75 1.75 0 0 1 5.83 2h9.09c.5 0 .928.178 1.284.534.357.356.535.784.535 1.284v3.637H14.92v-.91H5.83v10.91h9.09v-.91h1.819v3.637c0 .5-.178.928-.535 1.284A1.75 1.75 0 0 1 14.92 22H5.83Zm0-2.727v.909h9.09v-.91H5.83Zm8.136-6.182 4.5-4.5a.862.862 0 0 1 .636-.25c.258 0 .47.083.637.25.166.167.25.379.25.636 0 .258-.084.47-.25.637L14.602 15a.872.872 0 0 1-.636.273.872.872 0 0 1-.636-.273l-2.591-2.59a.862.862 0 0 1-.25-.637c0-.258.083-.47.25-.637a.862.862 0 0 1 .636-.25c.258 0 .47.084.636.25l1.955 1.955ZM5.83 4.727h9.09v-.909H5.83v.91Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PhoneTroubleshoot.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M24 17.398v.095a6.555 6.555 0 1 1 0-.095ZM12.443 0H2.317L2.14.007C.95.103 0 1.183 0 2.511v18.975l.008.218c.034.424.123.747.369 1.151a2.98 2.98 0 0 0 .24.33l.02.027.007.006.001.002.004.005c.126.171.375.366.682.52.307.151.659.255.983.255h9.079a.548.548 0 0 0 .375-.16.554.554 0 0 0 0-.78.547.547 0 0 0-.376-.16H2.314c-.691 0-1.226-.654-1.226-1.423v-.34h8.465c.14 0 .28-.052.385-.157a.548.548 0 0 0 0-.771.541.541 0 0 0-.36-.158l-8.49-.001V4.03h12.58v5.555a.551.551 0 0 0 .547.572.538.538 0 0 0 .542-.572V2.513l-.007-.192C14.66 1.018 13.652 0 12.443 0ZM1.088 2.5c0-.768.535-1.42 1.226-1.42h10.128c.69 0 1.225.652 1.225 1.42v.44H1.088V2.5ZM7.33 1.465a.546.546 0 0 0-.546.545c0 .3.245.544.546.544h.983a.546.546 0 0 0 .546-.544c0-.3-.245-.545-.546-.545H7.33Zm7.087 12.952a.673.673 0 0 1 .952 0l2.078 2.077 2.078-2.077a.673.673 0 1 1 .951.951l-2.077 2.078 2.077 2.078a.673.673 0 1 1-.951.952l-2.078-2.078-2.078 2.078a.673.673 0 0 1-.952-.952l2.078-2.078-2.078-2.078a.673.673 0 0 1 0-.951Zm-2.248 3.03a5.277 5.277 0 1 1 10.555 0 5.277 5.277 0 0 1-10.555 0Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M24 17.398v.095a6.555 6.555 0 1 1 0-.095ZM12.443 0H2.317L2.14.007C.95.103 0 1.183 0 2.511v18.975l.008.218c.034.424.123.747.369 1.151a2.98 2.98 0 0 0 .24.33l.02.027.007.006.001.002.004.005c.126.171.375.366.682.52.307.151.659.255.983.255h9.079a.548.548 0 0 0 .375-.16.554.554 0 0 0 0-.78.547.547 0 0 0-.376-.16H2.314c-.691 0-1.226-.654-1.226-1.423v-.34h8.465c.14 0 .28-.052.385-.157a.548.548 0 0 0 0-.771.541.541 0 0 0-.36-.158l-8.49-.001V4.03h12.58v5.555a.551.551 0 0 0 .547.572.538.538 0 0 0 .542-.572V2.513l-.007-.192C14.66 1.018 13.652 0 12.443 0ZM1.088 2.5c0-.768.535-1.42 1.226-1.42h10.128c.69 0 1.225.652 1.225 1.42v.44H1.088V2.5ZM7.33 1.465a.546.546 0 0 0-.546.545c0 .3.245.544.546.544h.983a.546.546 0 0 0 .546-.544c0-.3-.245-.545-.546-.545H7.33Zm7.087 12.952a.673.673 0 0 1 .952 0l2.078 2.077 2.078-2.077a.673.673 0 1 1 .951.951l-2.077 2.078 2.077 2.078a.673.673 0 1 1-.951.952l-2.078-2.078-2.078 2.078a.673.673 0 0 1-.952-.952l2.078-2.078-2.078-2.078a.673.673 0 0 1 0-.951Zm-2.248 3.03a5.277 5.277 0 1 1 10.555 0 5.277 5.277 0 0 1-10.555 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PhoneTroubleshoot.native.js

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M24 17.398v.095a6.555 6.555 0 1 1 0-.095ZM12.443 0H2.317L2.14.007C.95.103 0 1.183 0 2.511v18.975l.008.218c.034.424.123.747.369 1.151a2.98 2.98 0 0 0 .24.33l.02.027.007.006.001.002.004.005c.126.171.375.366.682.52.307.151.659.255.983.255h9.079a.548.548 0 0 0 .375-.16.554.554 0 0 0 0-.78.547.547 0 0 0-.376-.16H2.314c-.691 0-1.226-.654-1.226-1.423v-.34h8.465c.14 0 .28-.052.385-.157a.548.548 0 0 0 0-.771.541.541 0 0 0-.36-.158l-8.49-.001V4.03h12.58v5.555a.551.551 0 0 0 .547.572.538.538 0 0 0 .542-.572V2.513l-.007-.192C14.66 1.018 13.652 0 12.443 0ZM1.088 2.5c0-.768.535-1.42 1.226-1.42h10.128c.69 0 1.225.652 1.225 1.42v.44H1.088V2.5ZM7.33 1.465a.546.546 0 0 0-.546.545c0 .3.245.544.546.544h.983a.546.546 0 0 0 .546-.544c0-.3-.245-.545-.546-.545H7.33Zm7.087 12.952a.673.673 0 0 1 .952 0l2.078 2.077 2.078-2.077a.673.673 0 1 1 .951.951l-2.077 2.078 2.077 2.078a.673.673 0 1 1-.951.952l-2.078-2.078-2.078 2.078a.673.673 0 0 1-.952-.952l2.078-2.078-2.078-2.078a.673.673 0 0 1 0-.951Zm-2.248 3.03a5.277 5.277 0 1 1 10.555 0 5.277 5.277 0 0 1-10.555 0Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M24 17.398v.095a6.555 6.555 0 1 1 0-.095ZM12.443 0H2.317L2.14.007C.95.103 0 1.183 0 2.511v18.975l.008.218c.034.424.123.747.369 1.151a2.98 2.98 0 0 0 .24.33l.02.027.007.006.001.002.004.005c.126.171.375.366.682.52.307.151.659.255.983.255h9.079a.548.548 0 0 0 .375-.16.554.554 0 0 0 0-.78.547.547 0 0 0-.376-.16H2.314c-.691 0-1.226-.654-1.226-1.423v-.34h8.465c.14 0 .28-.052.385-.157a.548.548 0 0 0 0-.771.541.541 0 0 0-.36-.158l-8.49-.001V4.03h12.58v5.555a.551.551 0 0 0 .547.572.538.538 0 0 0 .542-.572V2.513l-.007-.192C14.66 1.018 13.652 0 12.443 0ZM1.088 2.5c0-.768.535-1.42 1.226-1.42h10.128c.69 0 1.225.652 1.225 1.42v.44H1.088V2.5ZM7.33 1.465a.546.546 0 0 0-.546.545c0 .3.245.544.546.544h.983a.546.546 0 0 0 .546-.544c0-.3-.245-.545-.546-.545H7.33Zm7.087 12.952a.673.673 0 0 1 .952 0l2.078 2.077 2.078-2.077a.673.673 0 1 1 .951.951l-2.077 2.078 2.077 2.078a.673.673 0 1 1-.951.952l-2.078-2.078-2.078 2.078a.673.673 0 0 1-.952-.952l2.078-2.078-2.078-2.078a.673.673 0 0 1 0-.951Zm-2.248 3.03a5.277 5.277 0 1 1 10.555 0 5.277 5.277 0 0 1-10.555 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Play.js

@@ -6,21 +6,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M18.902 11.134a1 1 0 0 1 0 1.732L6.098 20.26a1 1 0 0 1-1.5-.866V4.607a1 1 0 0 1 1.5-.866l12.805 7.393Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      d: "M18.902 11.134a1 1 0 0 1 0 1.732L6.098 20.26a1 1 0 0 1-1.5-.866V4.607a1 1 0 0 1 1.5-.866l12.805 7.393Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Play.native.js

@@ -7,19 +7,35 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    d: "M18.902 11.134a1 1 0 0 1 0 1.732L6.098 20.26a1 1 0 0 1-1.5-.866V4.607a1 1 0 0 1 1.5-.866l12.805 7.393Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M18.902 11.134a1 1 0 0 1 0 1.732L6.098 20.26a1 1 0 0 1-1.5-.866V4.607a1 1 0 0 1 1.5-.866l12.805 7.393Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PlaySolid.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M4.758 22a.743.743 0 0 1-.375-.1.773.773 0 0 1-.383-.67V2.77c0-.277.147-.533.383-.67a.747.747 0 0 1 .764.01l18.485 9.23a.773.773 0 0 1 0 1.32L5.147 21.89a.753.753 0 0 1-.39.11Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M4.758 22a.743.743 0 0 1-.375-.1.773.773 0 0 1-.383-.67V2.77c0-.277.147-.533.383-.67a.747.747 0 0 1 .764.01l18.485 9.23a.773.773 0 0 1 0 1.32L5.147 21.89a.753.753 0 0 1-.39.11Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PlaySolid.native.js

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M4.758 22a.743.743 0 0 1-.375-.1.773.773 0 0 1-.383-.67V2.77c0-.277.147-.533.383-.67a.747.747 0 0 1 .764.01l18.485 9.23a.773.773 0 0 1 0 1.32L5.147 21.89a.753.753 0 0 1-.39.11Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M4.758 22a.743.743 0 0 1-.375-.1.773.773 0 0 1-.383-.67V2.77c0-.277.147-.533.383-.67a.747.747 0 0 1 .764.01l18.485 9.23a.773.773 0 0 1 0 1.32L5.147 21.89a.753.753 0 0 1-.39.11Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};