@telus-uds/palette-koodo 3.2.0 → 3.3.0

package/build/rn/icons/InfoSelected.js

@@ -6,30 +6,46 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  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.jsxs)("g", {
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      stroke: "#016b6a",
-      fill: "#c3efff",
-      cx: 12,
-      cy: 12,
-      r: 11
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M12.833 18h-1.7V8.273h.95c.667 0 .75.223.75 1.45V18ZM12 7.195c-.533 0-1-.484-1-1.08C11 5.503 11.467 5 12 5c.533 0 1 .502 1 1.116 0 .595-.467 1.079-1 1.079Z",
-      fill: "#016b6a"
+}) => {
+  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 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.jsxs)("g", {
+      fill: "none",
+      children: [(0, _jsxRuntime.jsx)("circle", {
+        stroke: "#016b6a",
+        fill: "#c3efff",
+        cx: 12,
+        cy: 12,
+        r: 11
+      }), (0, _jsxRuntime.jsx)("path", {
+        d: "M12.833 18h-1.7V8.273h.95c.667 0 .75.223.75 1.45V18ZM12 7.195c-.533 0-1-.484-1-1.08C11 5.503 11.467 5 12 5c.533 0 1 .502 1 1.116 0 .595-.467 1.079-1 1.079Z",
+        fill: "#016b6a"
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,28 +7,44 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  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.jsxs)(_reactNativeSvg.G, {
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
-      stroke: "#016b6a",
-      fill: "#c3efff",
-      cx: 12,
-      cy: 12,
-      r: 11
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-      d: "M12.833 18h-1.7V8.273h.95c.667 0 .75.223.75 1.45V18ZM12 7.195c-.533 0-1-.484-1-1.08C11 5.503 11.467 5 12 5c.533 0 1 .502 1 1.116 0 .595-.467 1.079-1 1.079Z",
-      fill: "#016b6a"
+}) => {
+  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 24 24",
+    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: "none",
+      children: [(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+        stroke: "#016b6a",
+        fill: "#c3efff",
+        cx: 12,
+        cy: 12,
+        r: 11
+      }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: "M12.833 18h-1.7V8.273h.95c.667 0 .75.223.75 1.45V18ZM12 7.195c-.533 0-1-.484-1-1.08C11 5.503 11.467 5 12 5c.533 0 1 .502 1 1.116 0 .595-.467 1.079-1 1.079Z",
+        fill: "#016b6a"
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/InformationCircled.js

@@ -6,20 +6,36 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  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: "M10.724 8.897h2.596V6.532h-2.596v2.365zm-.027 8.625h2.596v-6.341h-2.596v6.341zM12 1C5.924 1 1 5.927 1 12c0 6.076 4.924 11 11 11 6.073 0 11-4.924 11-11 0-6.073-4.927-11-11-11z"
-  })]
-});
+}) => {
+  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 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: "M10.724 8.897h2.596V6.532h-2.596v2.365zm-.027 8.625h2.596v-6.341h-2.596v6.341zM12 1C5.924 1 1 5.927 1 12c0 6.076 4.924 11 11 11 6.073 0 11-4.924 11-11 0-6.073-4.927-11-11-11z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,18 +7,34 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  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: "M10.724 8.897h2.596V6.532h-2.596v2.365zm-.027 8.625h2.596v-6.341h-2.596v6.341zM12 1C5.924 1 1 5.927 1 12c0 6.076 4.924 11 11 11 6.073 0 11-4.924 11-11 0-6.073-4.927-11-11-11z"
-  })]
-});
+}) => {
+  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 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: "M10.724 8.897h2.596V6.532h-2.596v2.365zm-.027 8.625h2.596v-6.341h-2.596v6.341zM12 1C5.924 1 1 5.927 1 12c0 6.076 4.924 11 11 11 6.073 0 11-4.924 11-11 0-6.073-4.927-11-11-11z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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