@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/rn/icons/InternetSpeed.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: "M19.148 14.595c-.21.21-.437.332-.682.367a1.038 1.038 0 0 1-.708-.157c-.192-.14-.359-.262-.498-.367a9.212 9.212 0 0 1-.368-.289l.604-2.675c.227.123.48.289.76.498.28.21.577.455.892.735.28.262.42.572.42.93 0 .36-.14.678-.42.958ZM24 9.153v.026a1.35 1.35 0 0 1-.446 1.01c-.28.297-.63.446-1.049.446-.42 0-.796-.131-1.128-.393a18.671 18.671 0 0 0-1.547-1.154 12.473 12.473 0 0 0-1.495-.866l.734-3.016c.857.384 1.661.84 2.413 1.364a22.434 22.434 0 0 1 2.098 1.652c.277.225.417.535.42.931ZM4.854 14.621c-.298-.297-.442-.633-.433-1.01.009-.375.144-.668.406-.878a12.462 12.462 0 0 1 3.2-2.02c1.137-.49 2.405-.743 3.803-.76l-1.678 3.357a4.293 4.293 0 0 0-1.666.42 5.938 5.938 0 0 0-1.403.97c-.297.227-.669.345-1.115.354-.445.009-.817-.135-1.114-.433Zm6.032 5.928c-.49-.21-.861-.616-1.115-1.22-.253-.603-.231-1.184.066-1.744.122-.245.459-.93 1.01-2.059a999.93 999.93 0 0 1 1.836-3.737l1.967-3.987a579.126 579.126 0 0 0 1.403-2.859.84.84 0 0 1 .341-.38.694.694 0 0 1 .55-.066c.21.07.364.184.46.341a.59.59 0 0 1 .065.499c-.157.63-.406 1.66-.747 3.095a457.21 457.21 0 0 1-1.076 4.42c-.376 1.511-.72 2.893-1.036 4.143-.314 1.25-.533 2.006-.655 2.269a2.171 2.171 0 0 1-1.338 1.246c-.63.218-1.206.231-1.73.039ZM.002 9.192c.017.403.166.735.445.997.263.28.608.424 1.036.433a1.73 1.73 0 0 0 1.141-.38 17.228 17.228 0 0 1 4.38-2.65 12.807 12.807 0 0 1 4.984-.996c.28 0 .542.013.787.04.244.025.445.047.603.065l1.442-2.833c-.42-.087-.892-.148-1.416-.183a21.495 21.495 0 0 0-1.416-.053c-2.186 0-4.262.407-6.23 1.22a18.808 18.808 0 0 0-5.363 3.37c-.28.245-.41.568-.393.97Z"
-  })]
-});
+}) => {
+  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: "M19.148 14.595c-.21.21-.437.332-.682.367a1.038 1.038 0 0 1-.708-.157c-.192-.14-.359-.262-.498-.367a9.212 9.212 0 0 1-.368-.289l.604-2.675c.227.123.48.289.76.498.28.21.577.455.892.735.28.262.42.572.42.93 0 .36-.14.678-.42.958ZM24 9.153v.026a1.35 1.35 0 0 1-.446 1.01c-.28.297-.63.446-1.049.446-.42 0-.796-.131-1.128-.393a18.671 18.671 0 0 0-1.547-1.154 12.473 12.473 0 0 0-1.495-.866l.734-3.016c.857.384 1.661.84 2.413 1.364a22.434 22.434 0 0 1 2.098 1.652c.277.225.417.535.42.931ZM4.854 14.621c-.298-.297-.442-.633-.433-1.01.009-.375.144-.668.406-.878a12.462 12.462 0 0 1 3.2-2.02c1.137-.49 2.405-.743 3.803-.76l-1.678 3.357a4.293 4.293 0 0 0-1.666.42 5.938 5.938 0 0 0-1.403.97c-.297.227-.669.345-1.115.354-.445.009-.817-.135-1.114-.433Zm6.032 5.928c-.49-.21-.861-.616-1.115-1.22-.253-.603-.231-1.184.066-1.744.122-.245.459-.93 1.01-2.059a999.93 999.93 0 0 1 1.836-3.737l1.967-3.987a579.126 579.126 0 0 0 1.403-2.859.84.84 0 0 1 .341-.38.694.694 0 0 1 .55-.066c.21.07.364.184.46.341a.59.59 0 0 1 .065.499c-.157.63-.406 1.66-.747 3.095a457.21 457.21 0 0 1-1.076 4.42c-.376 1.511-.72 2.893-1.036 4.143-.314 1.25-.533 2.006-.655 2.269a2.171 2.171 0 0 1-1.338 1.246c-.63.218-1.206.231-1.73.039ZM.002 9.192c.017.403.166.735.445.997.263.28.608.424 1.036.433a1.73 1.73 0 0 0 1.141-.38 17.228 17.228 0 0 1 4.38-2.65 12.807 12.807 0 0 1 4.984-.996c.28 0 .542.013.787.04.244.025.445.047.603.065l1.442-2.833c-.42-.087-.892-.148-1.416-.183a21.495 21.495 0 0 0-1.416-.053c-2.186 0-4.262.407-6.23 1.22a18.808 18.808 0 0 0-5.363 3.37c-.28.245-.41.568-.393.97Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/InternetSpeed.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: "M19.148 14.595c-.21.21-.437.332-.682.367a1.038 1.038 0 0 1-.708-.157c-.192-.14-.359-.262-.498-.367a9.212 9.212 0 0 1-.368-.289l.604-2.675c.227.123.48.289.76.498.28.21.577.455.892.735.28.262.42.572.42.93 0 .36-.14.678-.42.958ZM24 9.153v.026a1.35 1.35 0 0 1-.446 1.01c-.28.297-.63.446-1.049.446-.42 0-.796-.131-1.128-.393a18.671 18.671 0 0 0-1.547-1.154 12.473 12.473 0 0 0-1.495-.866l.734-3.016c.857.384 1.661.84 2.413 1.364a22.434 22.434 0 0 1 2.098 1.652c.277.225.417.535.42.931ZM4.854 14.621c-.298-.297-.442-.633-.433-1.01.009-.375.144-.668.406-.878a12.462 12.462 0 0 1 3.2-2.02c1.137-.49 2.405-.743 3.803-.76l-1.678 3.357a4.293 4.293 0 0 0-1.666.42 5.938 5.938 0 0 0-1.403.97c-.297.227-.669.345-1.115.354-.445.009-.817-.135-1.114-.433Zm6.032 5.928c-.49-.21-.861-.616-1.115-1.22-.253-.603-.231-1.184.066-1.744.122-.245.459-.93 1.01-2.059a999.93 999.93 0 0 1 1.836-3.737l1.967-3.987a579.126 579.126 0 0 0 1.403-2.859.84.84 0 0 1 .341-.38.694.694 0 0 1 .55-.066c.21.07.364.184.46.341a.59.59 0 0 1 .065.499c-.157.63-.406 1.66-.747 3.095a457.21 457.21 0 0 1-1.076 4.42c-.376 1.511-.72 2.893-1.036 4.143-.314 1.25-.533 2.006-.655 2.269a2.171 2.171 0 0 1-1.338 1.246c-.63.218-1.206.231-1.73.039ZM.002 9.192c.017.403.166.735.445.997.263.28.608.424 1.036.433a1.73 1.73 0 0 0 1.141-.38 17.228 17.228 0 0 1 4.38-2.65 12.807 12.807 0 0 1 4.984-.996c.28 0 .542.013.787.04.244.025.445.047.603.065l1.442-2.833c-.42-.087-.892-.148-1.416-.183a21.495 21.495 0 0 0-1.416-.053c-2.186 0-4.262.407-6.23 1.22a18.808 18.808 0 0 0-5.363 3.37c-.28.245-.41.568-.393.97Z"
-  })]
-});
+}) => {
+  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: "M19.148 14.595c-.21.21-.437.332-.682.367a1.038 1.038 0 0 1-.708-.157c-.192-.14-.359-.262-.498-.367a9.212 9.212 0 0 1-.368-.289l.604-2.675c.227.123.48.289.76.498.28.21.577.455.892.735.28.262.42.572.42.93 0 .36-.14.678-.42.958ZM24 9.153v.026a1.35 1.35 0 0 1-.446 1.01c-.28.297-.63.446-1.049.446-.42 0-.796-.131-1.128-.393a18.671 18.671 0 0 0-1.547-1.154 12.473 12.473 0 0 0-1.495-.866l.734-3.016c.857.384 1.661.84 2.413 1.364a22.434 22.434 0 0 1 2.098 1.652c.277.225.417.535.42.931ZM4.854 14.621c-.298-.297-.442-.633-.433-1.01.009-.375.144-.668.406-.878a12.462 12.462 0 0 1 3.2-2.02c1.137-.49 2.405-.743 3.803-.76l-1.678 3.357a4.293 4.293 0 0 0-1.666.42 5.938 5.938 0 0 0-1.403.97c-.297.227-.669.345-1.115.354-.445.009-.817-.135-1.114-.433Zm6.032 5.928c-.49-.21-.861-.616-1.115-1.22-.253-.603-.231-1.184.066-1.744.122-.245.459-.93 1.01-2.059a999.93 999.93 0 0 1 1.836-3.737l1.967-3.987a579.126 579.126 0 0 0 1.403-2.859.84.84 0 0 1 .341-.38.694.694 0 0 1 .55-.066c.21.07.364.184.46.341a.59.59 0 0 1 .065.499c-.157.63-.406 1.66-.747 3.095a457.21 457.21 0 0 1-1.076 4.42c-.376 1.511-.72 2.893-1.036 4.143-.314 1.25-.533 2.006-.655 2.269a2.171 2.171 0 0 1-1.338 1.246c-.63.218-1.206.231-1.73.039ZM.002 9.192c.017.403.166.735.445.997.263.28.608.424 1.036.433a1.73 1.73 0 0 0 1.141-.38 17.228 17.228 0 0 1 4.38-2.65 12.807 12.807 0 0 1 4.984-.996c.28 0 .542.013.787.04.244.025.445.047.603.065l1.442-2.833c-.42-.087-.892-.148-1.416-.183a21.495 21.495 0 0 0-1.416-.053c-2.186 0-4.262.407-6.23 1.22a18.808 18.808 0 0 0-5.363 3.37c-.28.245-.41.568-.393.97Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Kebab.js

@@ -6,33 +6,49 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 4 16",
-  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.jsxs)("g", {
-    fill: "#000",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      cx: 2,
-      cy: 2,
-      r: 2
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      cx: 2,
-      cy: 8,
-      r: 2
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      cx: 2,
-      cy: 14,
-      r: 2
+}) => {
+  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,
+    viewBox: "0 0 4 16",
+    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.jsxs)("g", {
+      fill: "#000",
+      children: [(0, _jsxRuntime.jsx)("circle", {
+        cx: 2,
+        cy: 2,
+        r: 2
+      }), (0, _jsxRuntime.jsx)("circle", {
+        cx: 2,
+        cy: 8,
+        r: 2
+      }), (0, _jsxRuntime.jsx)("circle", {
+        cx: 2,
+        cy: 14,
+        r: 2
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,31 +7,47 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 4 16",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
-    fill: "#000",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
-      cx: 2,
-      cy: 2,
-      r: 2
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
-      cx: 2,
-      cy: 8,
-      r: 2
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
-      cx: 2,
-      cy: 14,
-      r: 2
+}) => {
+  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,
+    viewBox: "0 0 4 16",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+      fill: "#000",
+      children: [(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+        cx: 2,
+        cy: 2,
+        r: 2
+      }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+        cx: 2,
+        cy: 8,
+        r: 2
+      }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+        cx: 2,
+        cy: 14,
+        r: 2
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LeftCircle.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 25",
-  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: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm.276-6.418a1.429 1.429 0 1 0 2.02-2.02l-3.36-3.36a.286.286 0 0 1 0-.403l3.36-3.36a1.429 1.429 0 1 0-2.02-2.02L7.704 11.99a1.429 1.429 0 0 0 0 2.02l4.572 4.571Z",
-    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 25",
+    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: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm.276-6.418a1.429 1.429 0 1 0 2.02-2.02l-3.36-3.36a.286.286 0 0 1 0-.403l3.36-3.36a1.429 1.429 0 1 0-2.02-2.02L7.704 11.99a1.429 1.429 0 0 0 0 2.02l4.572 4.571Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LeftCircle.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 25",
-  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: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm.276-6.418a1.429 1.429 0 1 0 2.02-2.02l-3.36-3.36a.286.286 0 0 1 0-.403l3.36-3.36a1.429 1.429 0 1 0-2.02-2.02L7.704 11.99a1.429 1.429 0 0 0 0 2.02l4.572 4.571Z",
-    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 25",
+    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: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm.276-6.418a1.429 1.429 0 1 0 2.02-2.02l-3.36-3.36a.286.286 0 0 1 0-.403l3.36-3.36a1.429 1.429 0 1 0-2.02-2.02L7.704 11.99a1.429 1.429 0 0 0 0 2.02l4.572 4.571Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LinkExternal.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.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
-    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.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LinkExternal.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.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
-    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.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LocationMap.js

@@ -6,23 +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", {
-    fillRule: "evenodd",
-    d: "M8.56 16.878H4.791a.556.556 0 0 0-.46.245L.357 23.096a.556.556 0 0 0 .461.863h21.855a.552.552 0 0 0 .46-.863l-3.973-5.97a.555.555 0 0 0-.461-.248h-3.768l.497-.774c.835-1.302 1.69-2.738 2.379-4.118.845-1.693 1.446-3.314 1.446-4.506A7.526 7.526 0 0 0 12.536 0h-1.581a7.526 7.526 0 0 0-6.717 7.48c0 1.192.601 2.813 1.446 4.505.689 1.381 1.544 2.817 2.378 4.119l.497.774Zm-3.472 1.109h4.225l.15.217a69.847 69.847 0 0 0 1.844 2.551.553.553 0 0 0 .876.002c.093-.121.854-1.121 1.844-2.553l.15-.217h4.226l3.236 4.863H1.853l3.235-4.863Zm6.657 1.51-.408-.566c-.828-1.148-2.135-3.024-3.318-4.998-.716-1.193-1.385-2.422-1.875-3.545-.49-1.126-.799-2.14-.799-2.908 0-3.536 2.872-6.413 6.4-6.413 3.53 0 6.4 2.877 6.4 6.413 0 .768-.308 1.782-.799 2.908-.49 1.123-1.159 2.352-1.874 3.545-1.183 1.974-2.49 3.85-3.319 4.998l-.408.566ZM8.212 7.48a3.54 3.54 0 0 0 3.533 3.54 3.54 3.54 0 0 0 0-7.08 3.54 3.54 0 0 0-3.533 3.54Zm1.107 0a2.431 2.431 0 0 1 2.426-2.431 2.431 2.431 0 0 1 0 4.862A2.431 2.431 0 0 1 9.32 7.48Z",
-    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", {
+      d: "M12 16.158c1.598-1.301 2.808-2.555 3.63-3.76.822-1.206 1.232-2.335 1.232-3.388 0-.908-.165-1.682-.497-2.322-.332-.64-.742-1.159-1.23-1.555a4.79 4.79 0 0 0-1.58-.864C12.988 4.089 12.47 4 12.001 4c-.469 0-.987.09-1.554.269a4.786 4.786 0 0 0-1.583.864c-.488.396-.898.915-1.23 1.555-.332.641-.498 1.416-.498 2.324 0 1.052.411 2.18 1.233 3.386.822 1.205 2.032 2.459 3.63 3.76Zm0 2.418a1.76 1.76 0 0 1-.547-.087 1.681 1.681 0 0 1-.498-.26 25.971 25.971 0 0 1-4.187-4.17c-1.27-1.581-1.906-3.264-1.906-5.047 0-1.203.217-2.26.65-3.169.434-.91.99-1.67 1.67-2.282a6.887 6.887 0 0 1 2.294-1.377A7.412 7.412 0 0 1 12 1.725c.833 0 1.674.153 2.524.459.85.306 1.614.765 2.294 1.377.68.612 1.236 1.373 1.67 2.282.433.91.65 1.966.65 3.17 0 1.782-.636 3.465-1.906 5.046a25.975 25.975 0 0 1-4.187 4.17 1.684 1.684 0 0 1-.497.26c-.178.058-.36.087-.547.087ZM12 11a2.06 2.06 0 0 0 1.511-.626 2.06 2.06 0 0 0 .627-1.512 2.06 2.06 0 0 0-.627-1.51A2.06 2.06 0 0 0 12 6.724a2.06 2.06 0 0 0-1.511.626 2.06 2.06 0 0 0-.627 1.511c0 .59.21 1.094.627 1.512A2.06 2.06 0 0 0 12 11ZM6 22.275c-.32 0-.589-.11-.808-.33a1.095 1.095 0 0 1-.33-.808c0-.319.11-.588.33-.808.22-.22.489-.329.808-.329h12c.32 0 .589.11.808.33.22.219.33.488.33.808 0 .319-.11.588-.33.808-.22.22-.489.329-.808.329H6Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,21 +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, {
-    fillRule: "evenodd",
-    d: "M8.56 16.878H4.791a.556.556 0 0 0-.46.245L.357 23.096a.556.556 0 0 0 .461.863h21.855a.552.552 0 0 0 .46-.863l-3.973-5.97a.555.555 0 0 0-.461-.248h-3.768l.497-.774c.835-1.302 1.69-2.738 2.379-4.118.845-1.693 1.446-3.314 1.446-4.506A7.526 7.526 0 0 0 12.536 0h-1.581a7.526 7.526 0 0 0-6.717 7.48c0 1.192.601 2.813 1.446 4.505.689 1.381 1.544 2.817 2.378 4.119l.497.774Zm-3.472 1.109h4.225l.15.217a69.847 69.847 0 0 0 1.844 2.551.553.553 0 0 0 .876.002c.093-.121.854-1.121 1.844-2.553l.15-.217h4.226l3.236 4.863H1.853l3.235-4.863Zm6.657 1.51-.408-.566c-.828-1.148-2.135-3.024-3.318-4.998-.716-1.193-1.385-2.422-1.875-3.545-.49-1.126-.799-2.14-.799-2.908 0-3.536 2.872-6.413 6.4-6.413 3.53 0 6.4 2.877 6.4 6.413 0 .768-.308 1.782-.799 2.908-.49 1.123-1.159 2.352-1.874 3.545-1.183 1.974-2.49 3.85-3.319 4.998l-.408.566ZM8.212 7.48a3.54 3.54 0 0 0 3.533 3.54 3.54 3.54 0 0 0 0-7.08 3.54 3.54 0 0 0-3.533 3.54Zm1.107 0a2.431 2.431 0 0 1 2.426-2.431 2.431 2.431 0 0 1 0 4.862A2.431 2.431 0 0 1 9.32 7.48Z",
-    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, {
+      d: "M12 16.158c1.598-1.301 2.808-2.555 3.63-3.76.822-1.206 1.232-2.335 1.232-3.388 0-.908-.165-1.682-.497-2.322-.332-.64-.742-1.159-1.23-1.555a4.79 4.79 0 0 0-1.58-.864C12.988 4.089 12.47 4 12.001 4c-.469 0-.987.09-1.554.269a4.786 4.786 0 0 0-1.583.864c-.488.396-.898.915-1.23 1.555-.332.641-.498 1.416-.498 2.324 0 1.052.411 2.18 1.233 3.386.822 1.205 2.032 2.459 3.63 3.76Zm0 2.418a1.76 1.76 0 0 1-.547-.087 1.681 1.681 0 0 1-.498-.26 25.971 25.971 0 0 1-4.187-4.17c-1.27-1.581-1.906-3.264-1.906-5.047 0-1.203.217-2.26.65-3.169.434-.91.99-1.67 1.67-2.282a6.887 6.887 0 0 1 2.294-1.377A7.412 7.412 0 0 1 12 1.725c.833 0 1.674.153 2.524.459.85.306 1.614.765 2.294 1.377.68.612 1.236 1.373 1.67 2.282.433.91.65 1.966.65 3.17 0 1.782-.636 3.465-1.906 5.046a25.975 25.975 0 0 1-4.187 4.17 1.684 1.684 0 0 1-.497.26c-.178.058-.36.087-.547.087ZM12 11a2.06 2.06 0 0 0 1.511-.626 2.06 2.06 0 0 0 .627-1.512 2.06 2.06 0 0 0-.627-1.51A2.06 2.06 0 0 0 12 6.724a2.06 2.06 0 0 0-1.511.626 2.06 2.06 0 0 0-.627 1.511c0 .59.21 1.094.627 1.512A2.06 2.06 0 0 0 12 11ZM6 22.275c-.32 0-.589-.11-.808-.33a1.095 1.095 0 0 1-.33-.808c0-.319.11-.588.33-.808.22-.22.489-.329.808-.329h12c.32 0 .589.11.808.33.22.219.33.488.33.808 0 .319-.11.588-.33.808-.22.22-.489.329-.808.329H6Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};