@telus-uds/palette-koodo 3.2.0 → 3.4.0

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;
+};

package/build/rn/icons/PlayVideo.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: "M5.494.017c.148-.02.47-.06.724.146l17.238 10.745.043.04c.193.18.496.464.5.99l.001.01v.002c0 .535-.306.82-.501 1.003l-.043.04L6.222 23.734C5.915 24 5.59 24 5.399 24h-.032c-.042 0-.106 0-.178-.006C5.126 24 5.063 24 5 24c-.2 0-.4 0-.4-.185-.4 0-.6-.371-.6-.742V.824c0-.37.2-.742.6-.742.142 0 .283-.023.416-.045.18-.03.343-.056.468-.02h.01Z",
-    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: "M5.494.017c.148-.02.47-.06.724.146l17.238 10.745.043.04c.193.18.496.464.5.99l.001.01v.002c0 .535-.306.82-.501 1.003l-.043.04L6.222 23.734C5.915 24 5.59 24 5.399 24h-.032c-.042 0-.106 0-.178-.006C5.126 24 5.063 24 5 24c-.2 0-.4 0-.4-.185-.4 0-.6-.371-.6-.742V.824c0-.37.2-.742.6-.742.142 0 .283-.023.416-.045.18-.03.343-.056.468-.02h.01Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PlayVideo.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: "M5.494.017c.148-.02.47-.06.724.146l17.238 10.745.043.04c.193.18.496.464.5.99l.001.01v.002c0 .535-.306.82-.501 1.003l-.043.04L6.222 23.734C5.915 24 5.59 24 5.399 24h-.032c-.042 0-.106 0-.178-.006C5.126 24 5.063 24 5 24c-.2 0-.4 0-.4-.185-.4 0-.6-.371-.6-.742V.824c0-.37.2-.742.6-.742.142 0 .283-.023.416-.045.18-.03.343-.056.468-.02h.01Z",
-    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: "M5.494.017c.148-.02.47-.06.724.146l17.238 10.745.043.04c.193.18.496.464.5.99l.001.01v.002c0 .535-.306.82-.501 1.003l-.043.04L6.222 23.734C5.915 24 5.59 24 5.399 24h-.032c-.042 0-.106 0-.178-.006C5.126 24 5.063 24 5 24c-.2 0-.4 0-.4-.185-.4 0-.6-.371-.6-.742V.824c0-.37.2-.742.6-.742.142 0 .283-.023.416-.045.18-.03.343-.056.468-.02h.01Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PlugPlay.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: "M11.025 0H8.772c-.316 0-.58.107-.794.32-.214.214-.32.478-.32.795v5.692c0 .316.106.58.32.794.213.214.478.32.794.32h2.253c.503 0 .94-.177 1.314-.533.373-.356.608-.81.702-1.364h2.301V5.42c.95.4 1.812.992 2.585 1.778 1.569 1.598 2.353 3.55 2.353 5.856 0 2.287-.808 4.235-2.424 5.842-1.617 1.607-3.569 2.41-5.856 2.41-2.288 0-4.24-.799-5.856-2.396-1.616-1.598-2.424-3.55-2.424-5.856a1.29 1.29 0 0 0-.383-.95 1.29 1.29 0 0 0-.95-.383 1.29 1.29 0 0 0-.95.383 1.29 1.29 0 0 0-.383.95c0 1.531.284 2.959.85 4.282a10.976 10.976 0 0 0 2.34 3.474 10.934 10.934 0 0 0 3.488 2.34c1.333.566 2.756.85 4.268.85s2.935-.284 4.268-.85a10.934 10.934 0 0 0 3.488-2.34 10.934 10.934 0 0 0 2.34-3.488c.566-1.333.85-2.756.85-4.268 0-1.531-.284-2.959-.85-4.282a10.977 10.977 0 0 0-2.34-3.474 10.933 10.933 0 0 0-3.488-2.34 10.939 10.939 0 0 0-.926-.343v-.718h-2.3c-.095-.553-.33-1.008-.703-1.363A1.843 1.843 0 0 0 11.025 0ZM6.946 1.091v1.684H4.265a.848.848 0 0 1-.608-.232.803.803 0 0 1-.245-.61c0-.229.08-.426.24-.593a.806.806 0 0 1 .606-.249h2.688Zm0 4.056V6.83H4.265a.862.862 0 0 1-.608-.226.77.77 0 0 1-.245-.593c0-.23.08-.43.24-.604a.788.788 0 0 1 .606-.261h2.688Zm2.771 12.876c.227.128.459.121.695-.02l5.331-3.418a.592.592 0 0 0 .327-.546.623.623 0 0 0-.327-.56l-5.33-3.417c-.237-.142-.469-.149-.696-.021a.63.63 0 0 0-.34.588v6.806c0 .265.114.46.34.588Z",
-    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: "M11.025 0H8.772c-.316 0-.58.107-.794.32-.214.214-.32.478-.32.795v5.692c0 .316.106.58.32.794.213.214.478.32.794.32h2.253c.503 0 .94-.177 1.314-.533.373-.356.608-.81.702-1.364h2.301V5.42c.95.4 1.812.992 2.585 1.778 1.569 1.598 2.353 3.55 2.353 5.856 0 2.287-.808 4.235-2.424 5.842-1.617 1.607-3.569 2.41-5.856 2.41-2.288 0-4.24-.799-5.856-2.396-1.616-1.598-2.424-3.55-2.424-5.856a1.29 1.29 0 0 0-.383-.95 1.29 1.29 0 0 0-.95-.383 1.29 1.29 0 0 0-.95.383 1.29 1.29 0 0 0-.383.95c0 1.531.284 2.959.85 4.282a10.976 10.976 0 0 0 2.34 3.474 10.934 10.934 0 0 0 3.488 2.34c1.333.566 2.756.85 4.268.85s2.935-.284 4.268-.85a10.934 10.934 0 0 0 3.488-2.34 10.934 10.934 0 0 0 2.34-3.488c.566-1.333.85-2.756.85-4.268 0-1.531-.284-2.959-.85-4.282a10.977 10.977 0 0 0-2.34-3.474 10.933 10.933 0 0 0-3.488-2.34 10.939 10.939 0 0 0-.926-.343v-.718h-2.3c-.095-.553-.33-1.008-.703-1.363A1.843 1.843 0 0 0 11.025 0ZM6.946 1.091v1.684H4.265a.848.848 0 0 1-.608-.232.803.803 0 0 1-.245-.61c0-.229.08-.426.24-.593a.806.806 0 0 1 .606-.249h2.688Zm0 4.056V6.83H4.265a.862.862 0 0 1-.608-.226.77.77 0 0 1-.245-.593c0-.23.08-.43.24-.604a.788.788 0 0 1 .606-.261h2.688Zm2.771 12.876c.227.128.459.121.695-.02l5.331-3.418a.592.592 0 0 0 .327-.546.623.623 0 0 0-.327-.56l-5.33-3.417c-.237-.142-.469-.149-.696-.021a.63.63 0 0 0-.34.588v6.806c0 .265.114.46.34.588Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};