@telus-uds/palette-allium 5.3.2 → 5.3.3

package/build/rn/icons/ThumbsDown.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: "M7 3.5V13H2.5c-.827 0-1.5-.673-1.5-1.5v-8C1 2.673 1.673 2 2.5 2h3C6.327 2 7 2.673 7 3.5Zm1 8.691v-8.46C8.564 3.315 9.76 3 10.5 3h9.179c.624 0 1.166.404 1.289.962.099.448-.033.883-.362 1.193a.5.5 0 0 0 .286.861A1.246 1.246 0 0 1 22 7.25c0 .344-.141.666-.395.905a.5.5 0 0 0 .286.861A1.246 1.246 0 0 1 23 10.25c0 .466-.262.89-.685 1.105a.502.502 0 0 0-.034.871c.491.303.765.845.712 1.415-.07.762-.778 1.359-1.612 1.359H14.5a.503.503 0 0 0-.412.216.503.503 0 0 0-.055.462c.009.025.967 2.562.967 4.322 0 1.638-1.452 3-2 3-.431 0-.792-.156-1-.271V19.5a.51.51 0 0 0-.046-.21l-3-6.5a.5.5 0 0 0-.23-.237L8 12.191ZM5.5 1h-3A2.502 2.502 0 0 0 0 3.5v8C0 12.879 1.121 14 2.5 14h5a.5.5 0 0 0 .5-.5v-.191l.119.061L11 19.609V23a.5.5 0 0 0 .188.391c.031.024.774.609 1.812.609 1.157 0 3-1.831 3-4 0-1.368-.49-3.071-.796-4h6.177c1.346 0 2.491-.996 2.608-2.267a2.483 2.483 0 0 0-.64-1.909c.412-.413.651-.973.651-1.574a2.24 2.24 0 0 0-1.234-2.001 2.24 2.24 0 0 0-1.001-3c.228-.456.295-.981.18-1.503C21.721 2.734 20.768 2 19.679 2H10.5c-.695 0-1.815.225-2.647.653A2.506 2.506 0 0 0 5.5 1Z",
-    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: "M7 3.5V13H2.5c-.827 0-1.5-.673-1.5-1.5v-8C1 2.673 1.673 2 2.5 2h3C6.327 2 7 2.673 7 3.5Zm1 8.691v-8.46C8.564 3.315 9.76 3 10.5 3h9.179c.624 0 1.166.404 1.289.962.099.448-.033.883-.362 1.193a.5.5 0 0 0 .286.861A1.246 1.246 0 0 1 22 7.25c0 .344-.141.666-.395.905a.5.5 0 0 0 .286.861A1.246 1.246 0 0 1 23 10.25c0 .466-.262.89-.685 1.105a.502.502 0 0 0-.034.871c.491.303.765.845.712 1.415-.07.762-.778 1.359-1.612 1.359H14.5a.503.503 0 0 0-.412.216.503.503 0 0 0-.055.462c.009.025.967 2.562.967 4.322 0 1.638-1.452 3-2 3-.431 0-.792-.156-1-.271V19.5a.51.51 0 0 0-.046-.21l-3-6.5a.5.5 0 0 0-.23-.237L8 12.191ZM5.5 1h-3A2.502 2.502 0 0 0 0 3.5v8C0 12.879 1.121 14 2.5 14h5a.5.5 0 0 0 .5-.5v-.191l.119.061L11 19.609V23a.5.5 0 0 0 .188.391c.031.024.774.609 1.812.609 1.157 0 3-1.831 3-4 0-1.368-.49-3.071-.796-4h6.177c1.346 0 2.491-.996 2.608-2.267a2.483 2.483 0 0 0-.64-1.909c.412-.413.651-.973.651-1.574a2.24 2.24 0 0 0-1.234-2.001 2.24 2.24 0 0 0-1.001-3c.228-.456.295-.981.18-1.503C21.721 2.734 20.768 2 19.679 2H10.5c-.695 0-1.815.225-2.647.653A2.506 2.506 0 0 0 5.5 1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ThumbsDownFill.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.5 1h-3A2.503 2.503 0 0 0 0 3.5v8C0 12.878 1.122 14 2.5 14h5a.5.5 0 0 0 .5-.5v-10C8 2.122 6.878 1 5.5 1ZM24 10.25a2.24 2.24 0 0 0-1.235-2 2.24 2.24 0 0 0-1.001-3.001c.228-.456.295-.981.18-1.502C21.72 2.735 20.768 2 19.679 2H10.5c-.339 0-.769.055-1.208.154a.499.499 0 0 0-.378.595c.058.265.086.51.086.751v10c0 .269-.075.528-.222.771a.498.498 0 0 0-.026.468L11 19.609v3.39c0 .152.069.295.187.391.032.026.774.61 1.813.61 1.157 0 3-1.831 3-4 0-1.368-.49-3.071-.795-4h6.176c1.346 0 2.491-.996 2.608-2.266a2.483 2.483 0 0 0-.639-1.909c.411-.414.65-.974.65-1.575Z"
-  })]
-});
+}) => {
+  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.5 1h-3A2.503 2.503 0 0 0 0 3.5v8C0 12.878 1.122 14 2.5 14h5a.5.5 0 0 0 .5-.5v-10C8 2.122 6.878 1 5.5 1ZM24 10.25a2.24 2.24 0 0 0-1.235-2 2.24 2.24 0 0 0-1.001-3.001c.228-.456.295-.981.18-1.502C21.72 2.735 20.768 2 19.679 2H10.5c-.339 0-.769.055-1.208.154a.499.499 0 0 0-.378.595c.058.265.086.51.086.751v10c0 .269-.075.528-.222.771a.498.498 0 0 0-.026.468L11 19.609v3.39c0 .152.069.295.187.391.032.026.774.61 1.813.61 1.157 0 3-1.831 3-4 0-1.368-.49-3.071-.795-4h6.176c1.346 0 2.491-.996 2.608-2.266a2.483 2.483 0 0 0-.639-1.909c.411-.414.65-.974.65-1.575Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ThumbsDownFill.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.5 1h-3A2.503 2.503 0 0 0 0 3.5v8C0 12.878 1.122 14 2.5 14h5a.5.5 0 0 0 .5-.5v-10C8 2.122 6.878 1 5.5 1ZM24 10.25a2.24 2.24 0 0 0-1.235-2 2.24 2.24 0 0 0-1.001-3.001c.228-.456.295-.981.18-1.502C21.72 2.735 20.768 2 19.679 2H10.5c-.339 0-.769.055-1.208.154a.499.499 0 0 0-.378.595c.058.265.086.51.086.751v10c0 .269-.075.528-.222.771a.498.498 0 0 0-.026.468L11 19.609v3.39c0 .152.069.295.187.391.032.026.774.61 1.813.61 1.157 0 3-1.831 3-4 0-1.368-.49-3.071-.795-4h6.176c1.346 0 2.491-.996 2.608-2.266a2.483 2.483 0 0 0-.639-1.909c.411-.414.65-.974.65-1.575Z"
-  })]
-});
+}) => {
+  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.5 1h-3A2.503 2.503 0 0 0 0 3.5v8C0 12.878 1.122 14 2.5 14h5a.5.5 0 0 0 .5-.5v-10C8 2.122 6.878 1 5.5 1ZM24 10.25a2.24 2.24 0 0 0-1.235-2 2.24 2.24 0 0 0-1.001-3.001c.228-.456.295-.981.18-1.502C21.72 2.735 20.768 2 19.679 2H10.5c-.339 0-.769.055-1.208.154a.499.499 0 0 0-.378.595c.058.265.086.51.086.751v10c0 .269-.075.528-.222.771a.498.498 0 0 0-.026.468L11 19.609v3.39c0 .152.069.295.187.391.032.026.774.61 1.813.61 1.157 0 3-1.831 3-4 0-1.368-.49-3.071-.795-4h6.176c1.346 0 2.491-.996 2.608-2.266a2.483 2.483 0 0 0-.639-1.909c.411-.414.65-.974.65-1.575Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ThumbsUp.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: "M7 21.5V12H2.5c-.827 0-1.5.673-1.5 1.5v8c0 .827.673 1.5 1.5 1.5h3c.827 0 1.5-.673 1.5-1.5Zm1-8.691v8.46c.564.415 1.76.731 2.5.731h9.179c.624 0 1.166-.404 1.289-.962a1.237 1.237 0 0 0-.362-1.193.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 22 17.75c0-.344-.141-.666-.395-.905a.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 23 14.75c0-.466-.262-.89-.685-1.105a.502.502 0 0 1-.034-.871c.491-.303.765-.845.712-1.415-.07-.762-.778-1.359-1.612-1.359H14.5a.503.503 0 0 1-.412-.216.503.503 0 0 1-.055-.462C14.042 9.297 15 6.76 15 5c0-1.638-1.452-3-2-3-.431 0-.792.156-1 .271V5.5a.51.51 0 0 1-.046.21l-3 6.5a.5.5 0 0 1-.23.237L8 12.809ZM5.5 24h-3A2.502 2.502 0 0 1 0 21.5v-8C0 12.121 1.121 11 2.5 11h5a.5.5 0 0 1 .5.5v.191l.119-.061L11 5.391V2a.5.5 0 0 1 .188-.391C11.219 1.585 11.962 1 13 1c1.157 0 3 1.831 3 4 0 1.368-.49 3.071-.796 4h6.177c1.346 0 2.491.996 2.608 2.267a2.483 2.483 0 0 1-.64 1.909c.412.413.651.973.651 1.574a2.24 2.24 0 0 1-1.234 2.001 2.24 2.24 0 0 1-1.001 3c.228.456.295.981.18 1.503C21.721 22.266 20.768 23 19.679 23H10.5c-.695 0-1.815-.225-2.647-.653A2.506 2.506 0 0 1 5.5 24Z",
-    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: "M7 21.5V12H2.5c-.827 0-1.5.673-1.5 1.5v8c0 .827.673 1.5 1.5 1.5h3c.827 0 1.5-.673 1.5-1.5Zm1-8.691v8.46c.564.415 1.76.731 2.5.731h9.179c.624 0 1.166-.404 1.289-.962a1.237 1.237 0 0 0-.362-1.193.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 22 17.75c0-.344-.141-.666-.395-.905a.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 23 14.75c0-.466-.262-.89-.685-1.105a.502.502 0 0 1-.034-.871c.491-.303.765-.845.712-1.415-.07-.762-.778-1.359-1.612-1.359H14.5a.503.503 0 0 1-.412-.216.503.503 0 0 1-.055-.462C14.042 9.297 15 6.76 15 5c0-1.638-1.452-3-2-3-.431 0-.792.156-1 .271V5.5a.51.51 0 0 1-.046.21l-3 6.5a.5.5 0 0 1-.23.237L8 12.809ZM5.5 24h-3A2.502 2.502 0 0 1 0 21.5v-8C0 12.121 1.121 11 2.5 11h5a.5.5 0 0 1 .5.5v.191l.119-.061L11 5.391V2a.5.5 0 0 1 .188-.391C11.219 1.585 11.962 1 13 1c1.157 0 3 1.831 3 4 0 1.368-.49 3.071-.796 4h6.177c1.346 0 2.491.996 2.608 2.267a2.483 2.483 0 0 1-.64 1.909c.412.413.651.973.651 1.574a2.24 2.24 0 0 1-1.234 2.001 2.24 2.24 0 0 1-1.001 3c.228.456.295.981.18 1.503C21.721 22.266 20.768 23 19.679 23H10.5c-.695 0-1.815-.225-2.647-.653A2.506 2.506 0 0 1 5.5 24Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ThumbsUp.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: "M7 21.5V12H2.5c-.827 0-1.5.673-1.5 1.5v8c0 .827.673 1.5 1.5 1.5h3c.827 0 1.5-.673 1.5-1.5Zm1-8.691v8.46c.564.415 1.76.731 2.5.731h9.179c.624 0 1.166-.404 1.289-.962a1.237 1.237 0 0 0-.362-1.193.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 22 17.75c0-.344-.141-.666-.395-.905a.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 23 14.75c0-.466-.262-.89-.685-1.105a.502.502 0 0 1-.034-.871c.491-.303.765-.845.712-1.415-.07-.762-.778-1.359-1.612-1.359H14.5a.503.503 0 0 1-.412-.216.503.503 0 0 1-.055-.462C14.042 9.297 15 6.76 15 5c0-1.638-1.452-3-2-3-.431 0-.792.156-1 .271V5.5a.51.51 0 0 1-.046.21l-3 6.5a.5.5 0 0 1-.23.237L8 12.809ZM5.5 24h-3A2.502 2.502 0 0 1 0 21.5v-8C0 12.121 1.121 11 2.5 11h5a.5.5 0 0 1 .5.5v.191l.119-.061L11 5.391V2a.5.5 0 0 1 .188-.391C11.219 1.585 11.962 1 13 1c1.157 0 3 1.831 3 4 0 1.368-.49 3.071-.796 4h6.177c1.346 0 2.491.996 2.608 2.267a2.483 2.483 0 0 1-.64 1.909c.412.413.651.973.651 1.574a2.24 2.24 0 0 1-1.234 2.001 2.24 2.24 0 0 1-1.001 3c.228.456.295.981.18 1.503C21.721 22.266 20.768 23 19.679 23H10.5c-.695 0-1.815-.225-2.647-.653A2.506 2.506 0 0 1 5.5 24Z",
-    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: "M7 21.5V12H2.5c-.827 0-1.5.673-1.5 1.5v8c0 .827.673 1.5 1.5 1.5h3c.827 0 1.5-.673 1.5-1.5Zm1-8.691v8.46c.564.415 1.76.731 2.5.731h9.179c.624 0 1.166-.404 1.289-.962a1.237 1.237 0 0 0-.362-1.193.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 22 17.75c0-.344-.141-.666-.395-.905a.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 23 14.75c0-.466-.262-.89-.685-1.105a.502.502 0 0 1-.034-.871c.491-.303.765-.845.712-1.415-.07-.762-.778-1.359-1.612-1.359H14.5a.503.503 0 0 1-.412-.216.503.503 0 0 1-.055-.462C14.042 9.297 15 6.76 15 5c0-1.638-1.452-3-2-3-.431 0-.792.156-1 .271V5.5a.51.51 0 0 1-.046.21l-3 6.5a.5.5 0 0 1-.23.237L8 12.809ZM5.5 24h-3A2.502 2.502 0 0 1 0 21.5v-8C0 12.121 1.121 11 2.5 11h5a.5.5 0 0 1 .5.5v.191l.119-.061L11 5.391V2a.5.5 0 0 1 .188-.391C11.219 1.585 11.962 1 13 1c1.157 0 3 1.831 3 4 0 1.368-.49 3.071-.796 4h6.177c1.346 0 2.491.996 2.608 2.267a2.483 2.483 0 0 1-.64 1.909c.412.413.651.973.651 1.574a2.24 2.24 0 0 1-1.234 2.001 2.24 2.24 0 0 1-1.001 3c.228.456.295.981.18 1.503C21.721 22.266 20.768 23 19.679 23H10.5c-.695 0-1.815-.225-2.647-.653A2.506 2.506 0 0 1 5.5 24Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ThumbsUpFill.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: "M22.765 16.75a2.239 2.239 0 0 0 1.235-2c0-.601-.238-1.161-.651-1.574a2.483 2.483 0 0 0 .64-1.909C23.872 9.996 22.727 9 21.381 9h-6.177c.306-.929.796-2.632.796-4 0-2.169-1.843-4-3-4-1.015 0-1.747.559-1.81.607l-.003.002A.502.502 0 0 0 11 2v3.391L8.12 11.63l-.12.061v10.718c.814.384 1.844.591 2.5.591h9.179c1.089 0 2.042-.734 2.266-1.747a2.25 2.25 0 0 0-.181-1.502 2.24 2.24 0 0 0 1.001-3.001ZM5.5 24c.563 0 1.081-.19 1.5-.506V11H2.5A2.503 2.503 0 0 0 0 13.5v8C0 22.878 1.122 24 2.5 24h3Z"
-  })]
-});
+}) => {
+  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: "M22.765 16.75a2.239 2.239 0 0 0 1.235-2c0-.601-.238-1.161-.651-1.574a2.483 2.483 0 0 0 .64-1.909C23.872 9.996 22.727 9 21.381 9h-6.177c.306-.929.796-2.632.796-4 0-2.169-1.843-4-3-4-1.015 0-1.747.559-1.81.607l-.003.002A.502.502 0 0 0 11 2v3.391L8.12 11.63l-.12.061v10.718c.814.384 1.844.591 2.5.591h9.179c1.089 0 2.042-.734 2.266-1.747a2.25 2.25 0 0 0-.181-1.502 2.24 2.24 0 0 0 1.001-3.001ZM5.5 24c.563 0 1.081-.19 1.5-.506V11H2.5A2.503 2.503 0 0 0 0 13.5v8C0 22.878 1.122 24 2.5 24h3Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ThumbsUpFill.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: "M22.765 16.75a2.239 2.239 0 0 0 1.235-2c0-.601-.238-1.161-.651-1.574a2.483 2.483 0 0 0 .64-1.909C23.872 9.996 22.727 9 21.381 9h-6.177c.306-.929.796-2.632.796-4 0-2.169-1.843-4-3-4-1.015 0-1.747.559-1.81.607l-.003.002A.502.502 0 0 0 11 2v3.391L8.12 11.63l-.12.061v10.718c.814.384 1.844.591 2.5.591h9.179c1.089 0 2.042-.734 2.266-1.747a2.25 2.25 0 0 0-.181-1.502 2.24 2.24 0 0 0 1.001-3.001ZM5.5 24c.563 0 1.081-.19 1.5-.506V11H2.5A2.503 2.503 0 0 0 0 13.5v8C0 22.878 1.122 24 2.5 24h3Z"
-  })]
-});
+}) => {
+  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: "M22.765 16.75a2.239 2.239 0 0 0 1.235-2c0-.601-.238-1.161-.651-1.574a2.483 2.483 0 0 0 .64-1.909C23.872 9.996 22.727 9 21.381 9h-6.177c.306-.929.796-2.632.796-4 0-2.169-1.843-4-3-4-1.015 0-1.747.559-1.81.607l-.003.002A.502.502 0 0 0 11 2v3.391L8.12 11.63l-.12.061v10.718c.814.384 1.844.591 2.5.591h9.179c1.089 0 2.042-.734 2.266-1.747a2.25 2.25 0 0 0-.181-1.502 2.24 2.24 0 0 0 1.001-3.001ZM5.5 24c.563 0 1.081-.19 1.5-.506V11H2.5A2.503 2.503 0 0 0 0 13.5v8C0 22.878 1.122 24 2.5 24h3Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Time.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 0c6.616 0 12 5.384 12 12 0 6.617-5.384 12-12 12-6.617 0-12-5.383-12-12C0 5.384 5.383 0 12 0Zm0 1.067C5.972 1.067 1.066 5.972 1.066 12c0 6.03 4.906 10.934 10.934 10.934 6.029 0 10.934-4.904 10.934-10.934 0-6.028-4.905-10.933-10.934-10.933Zm0 2.21c.283 0 .488.177.527.442l.006.09v7.658h3.972a.51.51 0 0 1 .533.533.505.505 0 0 1-.442.526l-.091.007H12a.506.506 0 0 1-.527-.442L11.467 12V3.81A.51.51 0 0 1 12 3.277Z",
-    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 0c6.616 0 12 5.384 12 12 0 6.617-5.384 12-12 12-6.617 0-12-5.383-12-12C0 5.384 5.383 0 12 0Zm0 1.067C5.972 1.067 1.066 5.972 1.066 12c0 6.03 4.906 10.934 10.934 10.934 6.029 0 10.934-4.904 10.934-10.934 0-6.028-4.905-10.933-10.934-10.933Zm0 2.21c.283 0 .488.177.527.442l.006.09v7.658h3.972a.51.51 0 0 1 .533.533.505.505 0 0 1-.442.526l-.091.007H12a.506.506 0 0 1-.527-.442L11.467 12V3.81A.51.51 0 0 1 12 3.277Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Time.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 0c6.616 0 12 5.384 12 12 0 6.617-5.384 12-12 12-6.617 0-12-5.383-12-12C0 5.384 5.383 0 12 0Zm0 1.067C5.972 1.067 1.066 5.972 1.066 12c0 6.03 4.906 10.934 10.934 10.934 6.029 0 10.934-4.904 10.934-10.934 0-6.028-4.905-10.933-10.934-10.933Zm0 2.21c.283 0 .488.177.527.442l.006.09v7.658h3.972a.51.51 0 0 1 .533.533.505.505 0 0 1-.442.526l-.091.007H12a.506.506 0 0 1-.527-.442L11.467 12V3.81A.51.51 0 0 1 12 3.277Z",
-    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 0c6.616 0 12 5.384 12 12 0 6.617-5.384 12-12 12-6.617 0-12-5.383-12-12C0 5.384 5.383 0 12 0Zm0 1.067C5.972 1.067 1.066 5.972 1.066 12c0 6.03 4.906 10.934 10.934 10.934 6.029 0 10.934-4.904 10.934-10.934 0-6.028-4.905-10.933-10.934-10.933Zm0 2.21c.283 0 .488.177.527.442l.006.09v7.658h3.972a.51.51 0 0 1 .533.533.505.505 0 0 1-.442.526l-.091.007H12a.506.506 0 0 1-.527-.442L11.467 12V3.81A.51.51 0 0 1 12 3.277Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/TimeCycle.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: "M20.5 9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1.64C20.33 4.66 17.17 1 12 1 5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11c0-.28.22-.5.5-.5s.5.22.5.5c0 6.62-5.38 12-12 12S0 18.62 0 12 5.38 0 12 0c4.55 0 8.33 2.59 11 7.49V5.54c0-.28.22-.5.5-.5s.5.22.5.5V8.5c0 .28-.22.5-.5.5h-3ZM4.35 12.18c0 4.14 3.36 7.5 7.5 7.5 4.14 0 7.5-3.36 7.5-7.5 0-4.14-3.36-7.5-7.5-7.5-4.14 0-7.5 3.36-7.5 7.5Zm1 0c0-3.58 2.92-6.5 6.5-6.5s6.5 2.92 6.5 6.5-2.92 6.5-6.5 6.5-6.5-2.92-6.5-6.5Zm10.2 3.4c.09.07.2.1.3.1.15 0 .3-.07.4-.2.17-.22.12-.53-.1-.7l-3.8-2.85V7.18c0-.28-.22-.5-.5-.5s-.5.22-.5.5v5a.48.48 0 0 0 .2.4l4 3Z",
-    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: "M20.5 9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1.64C20.33 4.66 17.17 1 12 1 5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11c0-.28.22-.5.5-.5s.5.22.5.5c0 6.62-5.38 12-12 12S0 18.62 0 12 5.38 0 12 0c4.55 0 8.33 2.59 11 7.49V5.54c0-.28.22-.5.5-.5s.5.22.5.5V8.5c0 .28-.22.5-.5.5h-3ZM4.35 12.18c0 4.14 3.36 7.5 7.5 7.5 4.14 0 7.5-3.36 7.5-7.5 0-4.14-3.36-7.5-7.5-7.5-4.14 0-7.5 3.36-7.5 7.5Zm1 0c0-3.58 2.92-6.5 6.5-6.5s6.5 2.92 6.5 6.5-2.92 6.5-6.5 6.5-6.5-2.92-6.5-6.5Zm10.2 3.4c.09.07.2.1.3.1.15 0 .3-.07.4-.2.17-.22.12-.53-.1-.7l-3.8-2.85V7.18c0-.28-.22-.5-.5-.5s-.5.22-.5.5v5a.48.48 0 0 0 .2.4l4 3Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};