@telus-uds/palettes-community.palette-casa 4.1.4 → 4.1.5

package/build/rn/icons/Edit.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: "M19.717 2c.612 0 1.198.235 1.61.646a2.275 2.275 0 0 1 .135 3.086l-.138.148L7.11 20.093a2.212 2.212 0 0 1-.227.204l-.03.016-4.114 1.648a.544.544 0 0 1-.581-.119.536.536 0 0 1-.146-.495l.027-.087 1.644-4.118a.518.518 0 0 1 .07-.124l.05-.056L18.107 2.646A2.281 2.281 0 0 1 19.718 2Zm-15.1 15.715-1.11 2.776 2.772-1.11-1.663-1.666ZM16.114 6.167 5.358 16.931l1.68 1.682 1.335-1.37a866.6 866.6 0 0 1 5.672-5.67l3.753-3.721-1.683-1.685Zm4.454-2.753a1.222 1.222 0 0 0-1.595-.096l-.103.091-1.993 1.995 1.686 1.689 2.002-1.982c.23-.224.355-.524.355-.844a1.19 1.19 0 0 0-.352-.853Z",
-    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: "M19.717 2c.612 0 1.198.235 1.61.646a2.275 2.275 0 0 1 .135 3.086l-.138.148L7.11 20.093a2.212 2.212 0 0 1-.227.204l-.03.016-4.114 1.648a.544.544 0 0 1-.581-.119.536.536 0 0 1-.146-.495l.027-.087 1.644-4.118a.518.518 0 0 1 .07-.124l.05-.056L18.107 2.646A2.281 2.281 0 0 1 19.718 2Zm-15.1 15.715-1.11 2.776 2.772-1.11-1.663-1.666ZM16.114 6.167 5.358 16.931l1.68 1.682 1.335-1.37a866.6 866.6 0 0 1 5.672-5.67l3.753-3.721-1.683-1.685Zm4.454-2.753a1.222 1.222 0 0 0-1.595-.096l-.103.091-1.993 1.995 1.686 1.689 2.002-1.982c.23-.224.355-.524.355-.844a1.19 1.19 0 0 0-.352-.853Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Email.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: "M2.103 4.206h19.793c.587 0 1.065.478 1.065 1.064v1.284L12.778 12.46a1.561 1.561 0 0 1-1.555.001L1.039 6.554V5.27c0-.586.478-1.064 1.064-1.064Zm11.195 9.154 9.663-5.604v10.973c0 .587-.478 1.065-1.065 1.065H2.103a1.066 1.066 0 0 1-1.064-1.065V7.756l9.664 5.605a2.645 2.645 0 0 0 2.595-.001Zm8.598-10.193H2.103C.943 3.167 0 4.11 0 5.27v13.459c0 1.161.943 2.104 2.103 2.104h19.793A2.105 2.105 0 0 0 24 18.729V5.27c0-1.16-.943-2.103-2.104-2.103Z",
-    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: "M2.103 4.206h19.793c.587 0 1.065.478 1.065 1.064v1.284L12.778 12.46a1.561 1.561 0 0 1-1.555.001L1.039 6.554V5.27c0-.586.478-1.064 1.064-1.064Zm11.195 9.154 9.663-5.604v10.973c0 .587-.478 1.065-1.065 1.065H2.103a1.066 1.066 0 0 1-1.064-1.065V7.756l9.664 5.605a2.645 2.645 0 0 0 2.595-.001Zm8.598-10.193H2.103C.943 3.167 0 4.11 0 5.27v13.459c0 1.161.943 2.104 2.103 2.104h19.793A2.105 2.105 0 0 0 24 18.729V5.27c0-1.16-.943-2.103-2.104-2.103Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Email.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: "M2.103 4.206h19.793c.587 0 1.065.478 1.065 1.064v1.284L12.778 12.46a1.561 1.561 0 0 1-1.555.001L1.039 6.554V5.27c0-.586.478-1.064 1.064-1.064Zm11.195 9.154 9.663-5.604v10.973c0 .587-.478 1.065-1.065 1.065H2.103a1.066 1.066 0 0 1-1.064-1.065V7.756l9.664 5.605a2.645 2.645 0 0 0 2.595-.001Zm8.598-10.193H2.103C.943 3.167 0 4.11 0 5.27v13.459c0 1.161.943 2.104 2.103 2.104h19.793A2.105 2.105 0 0 0 24 18.729V5.27c0-1.16-.943-2.103-2.104-2.103Z",
-    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: "M2.103 4.206h19.793c.587 0 1.065.478 1.065 1.064v1.284L12.778 12.46a1.561 1.561 0 0 1-1.555.001L1.039 6.554V5.27c0-.586.478-1.064 1.064-1.064Zm11.195 9.154 9.663-5.604v10.973c0 .587-.478 1.065-1.065 1.065H2.103a1.066 1.066 0 0 1-1.064-1.065V7.756l9.664 5.605a2.645 2.645 0 0 0 2.595-.001Zm8.598-10.193H2.103C.943 3.167 0 4.11 0 5.27v13.459c0 1.161.943 2.104 2.103 2.104h19.793A2.105 2.105 0 0 0 24 18.729V5.27c0-1.16-.943-2.103-2.104-2.103Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Error.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 14 14",
-  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: "M1 7c0-3.312 2.688-6 6-6s6 2.688 6 6-2.688 6-6 6-6-2.688-6-6Zm.857 0A5.145 5.145 0 0 1 7 1.857 5.145 5.145 0 0 1 12.143 7 5.145 5.145 0 0 1 7 12.143 5.145 5.145 0 0 1 1.857 7ZM7 10.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM6.998 9c.213 0 .386-.184.392-.414l.11-4.147C7.506 4.199 7.329 4 7.107 4h-.214c-.222 0-.399.198-.393.438l.105 4.147c.007.231.18.415.393.415Z",
-    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 14 14",
+    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: "M1 7c0-3.312 2.688-6 6-6s6 2.688 6 6-2.688 6-6 6-6-2.688-6-6Zm.857 0A5.145 5.145 0 0 1 7 1.857 5.145 5.145 0 0 1 12.143 7 5.145 5.145 0 0 1 7 12.143 5.145 5.145 0 0 1 1.857 7ZM7 10.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM6.998 9c.213 0 .386-.184.392-.414l.11-4.147C7.506 4.199 7.329 4 7.107 4h-.214c-.222 0-.399.198-.393.438l.105 4.147c.007.231.18.415.393.415Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Error.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 14 14",
-  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: "M1 7c0-3.312 2.688-6 6-6s6 2.688 6 6-2.688 6-6 6-6-2.688-6-6Zm.857 0A5.145 5.145 0 0 1 7 1.857 5.145 5.145 0 0 1 12.143 7 5.145 5.145 0 0 1 7 12.143 5.145 5.145 0 0 1 1.857 7ZM7 10.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM6.998 9c.213 0 .386-.184.392-.414l.11-4.147C7.506 4.199 7.329 4 7.107 4h-.214c-.222 0-.399.198-.393.438l.105 4.147c.007.231.18.415.393.415Z",
-    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 14 14",
+    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: "M1 7c0-3.312 2.688-6 6-6s6 2.688 6 6-2.688 6-6 6-6-2.688-6-6Zm.857 0A5.145 5.145 0 0 1 7 1.857 5.145 5.145 0 0 1 12.143 7 5.145 5.145 0 0 1 7 12.143 5.145 5.145 0 0 1 1.857 7ZM7 10.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM6.998 9c.213 0 .386-.184.392-.414l.11-4.147C7.506 4.199 7.329 4 7.107 4h-.214c-.222 0-.399.198-.393.438l.105 4.147c.007.231.18.415.393.415Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Escalations.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: "M6.369 2.27c.888 0 1.61.723 1.61 1.61 0 1.258.197 2.49.585 3.664a1.621 1.621 0 0 1-.399 1.644L6.464 11.45c1.399 2.638 3.1 4.337 5.757 5.755l2.316-1.748c.376-.383 1.024-.534 1.593-.337 1.167.385 2.4.582 3.658.582.888 0 1.61.722 1.61 1.61v3.748a1.611 1.611 0 0 1-1.608 1.611C9.43 22.67 1 14.24 1 3.88c0-.887.722-1.61 1.61-1.61h3.76Zm0 1.073H2.61a.537.537 0 0 0-.536.538c0 9.768 7.948 17.715 17.716 17.715.295 0 .536-.24.536-.537v-3.747a.538.538 0 0 0-.536-.537c-1.373 0-2.72-.214-4.004-.639a.536.536 0 0 0-.546.129l-2.643 2.004a.534.534 0 0 1-.568.048c-3.152-1.613-5.085-3.549-6.677-6.676a.537.537 0 0 1 .05-.567l1.953-2.588c.198-.204.249-.411.186-.61a12.78 12.78 0 0 1-.636-3.995.538.538 0 0 0-.536-.538Zm16.79 5.58a.527.527 0 1 1 .588.875l-4.704 3.156a.528.528 0 0 1-.811-.336h.001l-.119-1.024-2.853 1.654a.526.526 0 1 1-.528-.912l3.42-1.981a.529.529 0 0 1 .781.354l.181.927 4.044-2.713Zm-4.778-5.237a.528.528 0 0 1 .937.48l-2.582 5.04a.526.526 0 0 1-.873.1l-.6-.838L13.57 11.3a.528.528 0 0 1-.905-.541l2.03-3.392a.526.526 0 0 1 .856-.069l.607.724 2.223-4.335ZM14.18 0l.09.005.095.023a.524.524 0 0 1 .364.477l-.004.096-.794 5.607a.526.526 0 0 1-.792.379l-.84-.595-.676 3.228a.527.527 0 1 1-1.032-.216l.81-3.87a.527.527 0 0 1 .786-.344l.799.574.695-4.912a.527.527 0 0 1 .408-.44L14.182 0h-.001Z"
-  })]
-});
+}) => {
+  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: "M6.369 2.27c.888 0 1.61.723 1.61 1.61 0 1.258.197 2.49.585 3.664a1.621 1.621 0 0 1-.399 1.644L6.464 11.45c1.399 2.638 3.1 4.337 5.757 5.755l2.316-1.748c.376-.383 1.024-.534 1.593-.337 1.167.385 2.4.582 3.658.582.888 0 1.61.722 1.61 1.61v3.748a1.611 1.611 0 0 1-1.608 1.611C9.43 22.67 1 14.24 1 3.88c0-.887.722-1.61 1.61-1.61h3.76Zm0 1.073H2.61a.537.537 0 0 0-.536.538c0 9.768 7.948 17.715 17.716 17.715.295 0 .536-.24.536-.537v-3.747a.538.538 0 0 0-.536-.537c-1.373 0-2.72-.214-4.004-.639a.536.536 0 0 0-.546.129l-2.643 2.004a.534.534 0 0 1-.568.048c-3.152-1.613-5.085-3.549-6.677-6.676a.537.537 0 0 1 .05-.567l1.953-2.588c.198-.204.249-.411.186-.61a12.78 12.78 0 0 1-.636-3.995.538.538 0 0 0-.536-.538Zm16.79 5.58a.527.527 0 1 1 .588.875l-4.704 3.156a.528.528 0 0 1-.811-.336h.001l-.119-1.024-2.853 1.654a.526.526 0 1 1-.528-.912l3.42-1.981a.529.529 0 0 1 .781.354l.181.927 4.044-2.713Zm-4.778-5.237a.528.528 0 0 1 .937.48l-2.582 5.04a.526.526 0 0 1-.873.1l-.6-.838L13.57 11.3a.528.528 0 0 1-.905-.541l2.03-3.392a.526.526 0 0 1 .856-.069l.607.724 2.223-4.335ZM14.18 0l.09.005.095.023a.524.524 0 0 1 .364.477l-.004.096-.794 5.607a.526.526 0 0 1-.792.379l-.84-.595-.676 3.228a.527.527 0 1 1-1.032-.216l.81-3.87a.527.527 0 0 1 .786-.344l.799.574.695-4.912a.527.527 0 0 1 .408-.44L14.182 0h-.001Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Escalations.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: "M6.369 2.27c.888 0 1.61.723 1.61 1.61 0 1.258.197 2.49.585 3.664a1.621 1.621 0 0 1-.399 1.644L6.464 11.45c1.399 2.638 3.1 4.337 5.757 5.755l2.316-1.748c.376-.383 1.024-.534 1.593-.337 1.167.385 2.4.582 3.658.582.888 0 1.61.722 1.61 1.61v3.748a1.611 1.611 0 0 1-1.608 1.611C9.43 22.67 1 14.24 1 3.88c0-.887.722-1.61 1.61-1.61h3.76Zm0 1.073H2.61a.537.537 0 0 0-.536.538c0 9.768 7.948 17.715 17.716 17.715.295 0 .536-.24.536-.537v-3.747a.538.538 0 0 0-.536-.537c-1.373 0-2.72-.214-4.004-.639a.536.536 0 0 0-.546.129l-2.643 2.004a.534.534 0 0 1-.568.048c-3.152-1.613-5.085-3.549-6.677-6.676a.537.537 0 0 1 .05-.567l1.953-2.588c.198-.204.249-.411.186-.61a12.78 12.78 0 0 1-.636-3.995.538.538 0 0 0-.536-.538Zm16.79 5.58a.527.527 0 1 1 .588.875l-4.704 3.156a.528.528 0 0 1-.811-.336h.001l-.119-1.024-2.853 1.654a.526.526 0 1 1-.528-.912l3.42-1.981a.529.529 0 0 1 .781.354l.181.927 4.044-2.713Zm-4.778-5.237a.528.528 0 0 1 .937.48l-2.582 5.04a.526.526 0 0 1-.873.1l-.6-.838L13.57 11.3a.528.528 0 0 1-.905-.541l2.03-3.392a.526.526 0 0 1 .856-.069l.607.724 2.223-4.335ZM14.18 0l.09.005.095.023a.524.524 0 0 1 .364.477l-.004.096-.794 5.607a.526.526 0 0 1-.792.379l-.84-.595-.676 3.228a.527.527 0 1 1-1.032-.216l.81-3.87a.527.527 0 0 1 .786-.344l.799.574.695-4.912a.527.527 0 0 1 .408-.44L14.182 0h-.001Z"
-  })]
-});
+}) => {
+  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: "M6.369 2.27c.888 0 1.61.723 1.61 1.61 0 1.258.197 2.49.585 3.664a1.621 1.621 0 0 1-.399 1.644L6.464 11.45c1.399 2.638 3.1 4.337 5.757 5.755l2.316-1.748c.376-.383 1.024-.534 1.593-.337 1.167.385 2.4.582 3.658.582.888 0 1.61.722 1.61 1.61v3.748a1.611 1.611 0 0 1-1.608 1.611C9.43 22.67 1 14.24 1 3.88c0-.887.722-1.61 1.61-1.61h3.76Zm0 1.073H2.61a.537.537 0 0 0-.536.538c0 9.768 7.948 17.715 17.716 17.715.295 0 .536-.24.536-.537v-3.747a.538.538 0 0 0-.536-.537c-1.373 0-2.72-.214-4.004-.639a.536.536 0 0 0-.546.129l-2.643 2.004a.534.534 0 0 1-.568.048c-3.152-1.613-5.085-3.549-6.677-6.676a.537.537 0 0 1 .05-.567l1.953-2.588c.198-.204.249-.411.186-.61a12.78 12.78 0 0 1-.636-3.995.538.538 0 0 0-.536-.538Zm16.79 5.58a.527.527 0 1 1 .588.875l-4.704 3.156a.528.528 0 0 1-.811-.336h.001l-.119-1.024-2.853 1.654a.526.526 0 1 1-.528-.912l3.42-1.981a.529.529 0 0 1 .781.354l.181.927 4.044-2.713Zm-4.778-5.237a.528.528 0 0 1 .937.48l-2.582 5.04a.526.526 0 0 1-.873.1l-.6-.838L13.57 11.3a.528.528 0 0 1-.905-.541l2.03-3.392a.526.526 0 0 1 .856-.069l.607.724 2.223-4.335ZM14.18 0l.09.005.095.023a.524.524 0 0 1 .364.477l-.004.096-.794 5.607a.526.526 0 0 1-.792.379l-.84-.595-.676 3.228a.527.527 0 1 1-1.032-.216l.81-3.87a.527.527 0 0 1 .786-.344l.799.574.695-4.912a.527.527 0 0 1 .408-.44L14.182 0h-.001Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Expand.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: "M12.704 2.862c.037.474.41.613.701.614l5.743.243-6.287 6.213c-.3.302-.3.79 0 1.092.3.301.785.301 1.085 0l6.29-6.217.235 5.777c.011.25.146.765.644.738.498-.028.602-.46.592-.71L22 2.474A.502.502 0 0 0 21.53 2l-8.177.21c-.24-.03-.686.177-.649.652Zm-1.408 18.276c-.037-.474-.41-.613-.701-.614l-5.743-.243 6.287-6.213c.3-.302.3-.79 0-1.092a.764.764 0 0 0-1.085 0l-6.29 6.216-.235-5.776c-.011-.25-.146-.766-.644-.738-.498.028-.602.46-.592.71L2 21.526c.01.25.222.463.47.473l8.177-.21c.24.03.686-.177.649-.652Z",
-    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: "M12.704 2.862c.037.474.41.613.701.614l5.743.243-6.287 6.213c-.3.302-.3.79 0 1.092.3.301.785.301 1.085 0l6.29-6.217.235 5.777c.011.25.146.765.644.738.498-.028.602-.46.592-.71L22 2.474A.502.502 0 0 0 21.53 2l-8.177.21c-.24-.03-.686.177-.649.652Zm-1.408 18.276c-.037-.474-.41-.613-.701-.614l-5.743-.243 6.287-6.213c.3-.302.3-.79 0-1.092a.764.764 0 0 0-1.085 0l-6.29 6.216-.235-5.776c-.011-.25-.146-.766-.644-.738-.498.028-.602.46-.592.71L2 21.526c.01.25.222.463.47.473l8.177-.21c.24.03.686-.177.649-.652Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Expand.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: "M12.704 2.862c.037.474.41.613.701.614l5.743.243-6.287 6.213c-.3.302-.3.79 0 1.092.3.301.785.301 1.085 0l6.29-6.217.235 5.777c.011.25.146.765.644.738.498-.028.602-.46.592-.71L22 2.474A.502.502 0 0 0 21.53 2l-8.177.21c-.24-.03-.686.177-.649.652Zm-1.408 18.276c-.037-.474-.41-.613-.701-.614l-5.743-.243 6.287-6.213c.3-.302.3-.79 0-1.092a.764.764 0 0 0-1.085 0l-6.29 6.216-.235-5.776c-.011-.25-.146-.766-.644-.738-.498.028-.602.46-.592.71L2 21.526c.01.25.222.463.47.473l8.177-.21c.24.03.686-.177.649-.652Z",
-    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: "M12.704 2.862c.037.474.41.613.701.614l5.743.243-6.287 6.213c-.3.302-.3.79 0 1.092.3.301.785.301 1.085 0l6.29-6.217.235 5.777c.011.25.146.765.644.738.498-.028.602-.46.592-.71L22 2.474A.502.502 0 0 0 21.53 2l-8.177.21c-.24-.03-.686.177-.649.652Zm-1.408 18.276c-.037-.474-.41-.613-.701-.614l-5.743-.243 6.287-6.213c.3-.302.3-.79 0-1.092a.764.764 0 0 0-1.085 0l-6.29 6.216-.235-5.776c-.011-.25-.146-.766-.644-.738-.498.028-.602.46-.592.71L2 21.526c.01.25.222.463.47.473l8.177-.21c.24.03.686-.177.649-.652Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/EyeClosed.js

@@ -6,31 +6,47 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 29 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", {
-    transform: "translate(2)",
-    stroke: "#016b6a",
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M12.5 20c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 6.667 0 12c3.731 5.333 7.898 8 12.5 8Z"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      cx: 12,
-      cy: 12,
-      r: 4
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M1 23C16.611 7.667 23.944.333 23 1"
+}) => {
+  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 29 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", {
+      transform: "translate(2)",
+      stroke: "#016b6a",
+      fill: "none",
+      children: [(0, _jsxRuntime.jsx)("path", {
+        d: "M12.5 20c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 6.667 0 12c3.731 5.333 7.898 8 12.5 8Z"
+      }), (0, _jsxRuntime.jsx)("circle", {
+        cx: 12,
+        cy: 12,
+        r: 4
+      }), (0, _jsxRuntime.jsx)("path", {
+        d: "M1 23C16.611 7.667 23.944.333 23 1"
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};