@telus-uds/palette-allium 5.3.2 → 5.4.0

package/build/rn/icons/Warranty.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: "m22.853.147 1 1a.5.5 0 0 1 .094.577l-2 4A.5.5 0 0 1 21.5 6h-1.293l-5.604 5.604a.502.502 0 0 1-.082.066l8.708 8.471c.492.493.771 1.169.771 1.858A2.002 2.002 0 0 1 22 24a2.6 2.6 0 0 1-1.853-.768l-8.143-8.371-.03.04-.034.039c-.284.283-.44.659-.44 1.06 0 .127-.05.251-.137.344l-6.292 6.79A2.903 2.903 0 0 1 3 24c-.77 0-1.52-.311-2.062-.853l-.093-.097A2.885 2.885 0 0 1 0 21c0-.77.311-1.52.853-2.061l6.898-6.225a.5.5 0 0 1 .243-.12l.094-.009c.35 0 .68-.12.948-.339l.111-.1a.5.5 0 0 1 .127-.092l-1.79-1.839a1.496 1.496 0 0 0-1.462-.402C5.548 9.94 5.223 10 5 10a5.023 5.023 0 0 1-3.639-1.57A4.964 4.964 0 0 1 .009 4.699a.5.5 0 0 1 .26-.41.537.537 0 0 1 .517 0L3.521 5.93a2.715 2.715 0 0 0 1.465-2.155L1.931 1.941a.5.5 0 0 1-.057-.817A4.954 4.954 0 0 1 4.894.001c1.234-.022 2.438.485 3.395 1.44C9.516 2.667 10.011 4.277 9.722 6.1c-.078.49.083.983.431 1.321l2.155 2.097a.5.5 0 0 1 .089-.121L18 3.793V2.5a.5.5 0 0 1 .276-.447l4-2a.497.497 0 0 1 .577.094Zm-17.938.854c-.63.014-1.24.18-1.798.487l2.64 1.583A.5.5 0 0 1 6 3.5a3.716 3.716 0 0 1-2.065 3.342l-.211.105a.504.504 0 0 1-.481-.018L1.045 5.61a3.967 3.967 0 0 0 1.044 2.133A3.963 3.963 0 0 0 5 9l.094-.007c.109-.013.31-.05.669-.146a2.5 2.5 0 0 1 2.438.671L20.859 22.53c.301.302.708.47 1.141.47.552 0 1-.449 1-1 0-.433-.169-.84-.475-1.146L9.454 8.139a2.513 2.513 0 0 1-.722-2.194c.24-1.515-.146-2.792-1.151-3.795C6.82 1.389 5.918.981 4.915 1.001Zm4.939 11.853a2.474 2.474 0 0 1-1.566.724l-6.746 6.086c-.338.337-.542.83-.542 1.333 0 .514.199.993.56 1.354l.094.098c.703.703 1.982.707 2.697-.008l6.157-6.646a2.48 2.48 0 0 1 .725-1.563.502.502 0 0 1 .09-.071L9.94 12.739a.503.503 0 0 1-.086.115ZM22.401 1.109 19 2.809V4c0 .133-.053.26-.146.354l-5.75 5.75a.5.5 0 0 1-.108.082l.826.805a.498.498 0 0 1 .074-.094l5.75-5.75A.5.5 0 0 1 20 5h1.191l1.7-3.401-.49-.49Z",
-    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: "m22.853.147 1 1a.5.5 0 0 1 .094.577l-2 4A.5.5 0 0 1 21.5 6h-1.293l-5.604 5.604a.502.502 0 0 1-.082.066l8.708 8.471c.492.493.771 1.169.771 1.858A2.002 2.002 0 0 1 22 24a2.6 2.6 0 0 1-1.853-.768l-8.143-8.371-.03.04-.034.039c-.284.283-.44.659-.44 1.06 0 .127-.05.251-.137.344l-6.292 6.79A2.903 2.903 0 0 1 3 24c-.77 0-1.52-.311-2.062-.853l-.093-.097A2.885 2.885 0 0 1 0 21c0-.77.311-1.52.853-2.061l6.898-6.225a.5.5 0 0 1 .243-.12l.094-.009c.35 0 .68-.12.948-.339l.111-.1a.5.5 0 0 1 .127-.092l-1.79-1.839a1.496 1.496 0 0 0-1.462-.402C5.548 9.94 5.223 10 5 10a5.023 5.023 0 0 1-3.639-1.57A4.964 4.964 0 0 1 .009 4.699a.5.5 0 0 1 .26-.41.537.537 0 0 1 .517 0L3.521 5.93a2.715 2.715 0 0 0 1.465-2.155L1.931 1.941a.5.5 0 0 1-.057-.817A4.954 4.954 0 0 1 4.894.001c1.234-.022 2.438.485 3.395 1.44C9.516 2.667 10.011 4.277 9.722 6.1c-.078.49.083.983.431 1.321l2.155 2.097a.5.5 0 0 1 .089-.121L18 3.793V2.5a.5.5 0 0 1 .276-.447l4-2a.497.497 0 0 1 .577.094Zm-17.938.854c-.63.014-1.24.18-1.798.487l2.64 1.583A.5.5 0 0 1 6 3.5a3.716 3.716 0 0 1-2.065 3.342l-.211.105a.504.504 0 0 1-.481-.018L1.045 5.61a3.967 3.967 0 0 0 1.044 2.133A3.963 3.963 0 0 0 5 9l.094-.007c.109-.013.31-.05.669-.146a2.5 2.5 0 0 1 2.438.671L20.859 22.53c.301.302.708.47 1.141.47.552 0 1-.449 1-1 0-.433-.169-.84-.475-1.146L9.454 8.139a2.513 2.513 0 0 1-.722-2.194c.24-1.515-.146-2.792-1.151-3.795C6.82 1.389 5.918.981 4.915 1.001Zm4.939 11.853a2.474 2.474 0 0 1-1.566.724l-6.746 6.086c-.338.337-.542.83-.542 1.333 0 .514.199.993.56 1.354l.094.098c.703.703 1.982.707 2.697-.008l6.157-6.646a2.48 2.48 0 0 1 .725-1.563.502.502 0 0 1 .09-.071L9.94 12.739a.503.503 0 0 1-.086.115ZM22.401 1.109 19 2.809V4c0 .133-.053.26-.146.354l-5.75 5.75a.5.5 0 0 1-.108.082l.826.805a.498.498 0 0 1 .074-.094l5.75-5.75A.5.5 0 0 1 20 5h1.191l1.7-3.401-.49-.49Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Watch.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: "M14.39 18.5H9.611l.8 4h3.18l.799-4Zm1.11 0h-.089l-.2 1h.489c.33 0 .6-.224.6-.5l.001-.576c-.249.05-.516.076-.801.076Zm-7.8-.076V19c0 .276.27.5.6.5h.49l-.2-1H8.5c-.285 0-.552-.026-.8-.076ZM16.5 6.5h-8c-1.327 0-2 .673-2 2v8c0 .327.673 1 2 1h8c.327 0 1-.673 1-1v-8c0-1.327-.673-2-1-2Zm0 1c-.224 0 0 .224 0 1v7.997l-.005-.048c-.032-.135-.199.05.005.05h-8c-.724 0-.968-.194-.997-.038l-.003.033V8.5c0-.776.224-1 1-1h8Zm-1 1h-7v7h7v-7Zm3 7c0 1.064-.36 1.885-1.014 2.398A.36.36 0 0 1 17.5 18v1c0 .827-.808 1.5-1.8 1.5h-.6l-.088-.006-.52 2.604A.502.502 0 0 1 14 23.5h-4a.5.5 0 0 1-.49-.402l-.52-2.604-.045.004-.645.002c-.992 0-1.8-.673-1.8-1.5v-1a.42.42 0 0 1 .013-.103C5.86 17.385 5.5 16.564 5.5 15.5V10a.5.5 0 0 1-1 0V9a.5.5 0 0 1 1 0V7.5c0-.495.356-1.067 1.003-1.472L6.5 6V5c0-.827.808-1.5 1.8-1.5h.6l.089.006L9.51.902A.5.5 0 0 1 10 .5h4a.5.5 0 0 1 .49.402l.521 2.603.089-.005h.6c.992 0 1.8.673 1.8 1.5v1l-.003.028c.647.405 1.003.977 1.003 1.472V9a.5.5 0 0 1 1 0v1a.5.5 0 0 1-1 0v4a.5.5 0 0 1 1 0v1a.5.5 0 0 1-1 0v.5Zm-9.71-11H8.3c-.33 0-.6.224-.6.5v.572a4.33 4.33 0 0 1 .8-.072h.09l.2-1Zm6.91 0h-.49l.2 1h.09c.285 0 .552.025.8.072V5c0-.276-.27-.5-.6-.5Zm-2.11-3h-3.18l-.8 4h4.78l-.8-4Z",
-    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: "M14.39 18.5H9.611l.8 4h3.18l.799-4Zm1.11 0h-.089l-.2 1h.489c.33 0 .6-.224.6-.5l.001-.576c-.249.05-.516.076-.801.076Zm-7.8-.076V19c0 .276.27.5.6.5h.49l-.2-1H8.5c-.285 0-.552-.026-.8-.076ZM16.5 6.5h-8c-1.327 0-2 .673-2 2v8c0 .327.673 1 2 1h8c.327 0 1-.673 1-1v-8c0-1.327-.673-2-1-2Zm0 1c-.224 0 0 .224 0 1v7.997l-.005-.048c-.032-.135-.199.05.005.05h-8c-.724 0-.968-.194-.997-.038l-.003.033V8.5c0-.776.224-1 1-1h8Zm-1 1h-7v7h7v-7Zm3 7c0 1.064-.36 1.885-1.014 2.398A.36.36 0 0 1 17.5 18v1c0 .827-.808 1.5-1.8 1.5h-.6l-.088-.006-.52 2.604A.502.502 0 0 1 14 23.5h-4a.5.5 0 0 1-.49-.402l-.52-2.604-.045.004-.645.002c-.992 0-1.8-.673-1.8-1.5v-1a.42.42 0 0 1 .013-.103C5.86 17.385 5.5 16.564 5.5 15.5V10a.5.5 0 0 1-1 0V9a.5.5 0 0 1 1 0V7.5c0-.495.356-1.067 1.003-1.472L6.5 6V5c0-.827.808-1.5 1.8-1.5h.6l.089.006L9.51.902A.5.5 0 0 1 10 .5h4a.5.5 0 0 1 .49.402l.521 2.603.089-.005h.6c.992 0 1.8.673 1.8 1.5v1l-.003.028c.647.405 1.003.977 1.003 1.472V9a.5.5 0 0 1 1 0v1a.5.5 0 0 1-1 0v4a.5.5 0 0 1 1 0v1a.5.5 0 0 1-1 0v.5Zm-9.71-11H8.3c-.33 0-.6.224-.6.5v.572a4.33 4.33 0 0 1 .8-.072h.09l.2-1Zm6.91 0h-.49l.2 1h.09c.285 0 .552.025.8.072V5c0-.276-.27-.5-.6-.5Zm-2.11-3h-3.18l-.8 4h4.78l-.8-4Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Watch.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: "M14.39 18.5H9.611l.8 4h3.18l.799-4Zm1.11 0h-.089l-.2 1h.489c.33 0 .6-.224.6-.5l.001-.576c-.249.05-.516.076-.801.076Zm-7.8-.076V19c0 .276.27.5.6.5h.49l-.2-1H8.5c-.285 0-.552-.026-.8-.076ZM16.5 6.5h-8c-1.327 0-2 .673-2 2v8c0 .327.673 1 2 1h8c.327 0 1-.673 1-1v-8c0-1.327-.673-2-1-2Zm0 1c-.224 0 0 .224 0 1v7.997l-.005-.048c-.032-.135-.199.05.005.05h-8c-.724 0-.968-.194-.997-.038l-.003.033V8.5c0-.776.224-1 1-1h8Zm-1 1h-7v7h7v-7Zm3 7c0 1.064-.36 1.885-1.014 2.398A.36.36 0 0 1 17.5 18v1c0 .827-.808 1.5-1.8 1.5h-.6l-.088-.006-.52 2.604A.502.502 0 0 1 14 23.5h-4a.5.5 0 0 1-.49-.402l-.52-2.604-.045.004-.645.002c-.992 0-1.8-.673-1.8-1.5v-1a.42.42 0 0 1 .013-.103C5.86 17.385 5.5 16.564 5.5 15.5V10a.5.5 0 0 1-1 0V9a.5.5 0 0 1 1 0V7.5c0-.495.356-1.067 1.003-1.472L6.5 6V5c0-.827.808-1.5 1.8-1.5h.6l.089.006L9.51.902A.5.5 0 0 1 10 .5h4a.5.5 0 0 1 .49.402l.521 2.603.089-.005h.6c.992 0 1.8.673 1.8 1.5v1l-.003.028c.647.405 1.003.977 1.003 1.472V9a.5.5 0 0 1 1 0v1a.5.5 0 0 1-1 0v4a.5.5 0 0 1 1 0v1a.5.5 0 0 1-1 0v.5Zm-9.71-11H8.3c-.33 0-.6.224-.6.5v.572a4.33 4.33 0 0 1 .8-.072h.09l.2-1Zm6.91 0h-.49l.2 1h.09c.285 0 .552.025.8.072V5c0-.276-.27-.5-.6-.5Zm-2.11-3h-3.18l-.8 4h4.78l-.8-4Z",
-    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: "M14.39 18.5H9.611l.8 4h3.18l.799-4Zm1.11 0h-.089l-.2 1h.489c.33 0 .6-.224.6-.5l.001-.576c-.249.05-.516.076-.801.076Zm-7.8-.076V19c0 .276.27.5.6.5h.49l-.2-1H8.5c-.285 0-.552-.026-.8-.076ZM16.5 6.5h-8c-1.327 0-2 .673-2 2v8c0 .327.673 1 2 1h8c.327 0 1-.673 1-1v-8c0-1.327-.673-2-1-2Zm0 1c-.224 0 0 .224 0 1v7.997l-.005-.048c-.032-.135-.199.05.005.05h-8c-.724 0-.968-.194-.997-.038l-.003.033V8.5c0-.776.224-1 1-1h8Zm-1 1h-7v7h7v-7Zm3 7c0 1.064-.36 1.885-1.014 2.398A.36.36 0 0 1 17.5 18v1c0 .827-.808 1.5-1.8 1.5h-.6l-.088-.006-.52 2.604A.502.502 0 0 1 14 23.5h-4a.5.5 0 0 1-.49-.402l-.52-2.604-.045.004-.645.002c-.992 0-1.8-.673-1.8-1.5v-1a.42.42 0 0 1 .013-.103C5.86 17.385 5.5 16.564 5.5 15.5V10a.5.5 0 0 1-1 0V9a.5.5 0 0 1 1 0V7.5c0-.495.356-1.067 1.003-1.472L6.5 6V5c0-.827.808-1.5 1.8-1.5h.6l.089.006L9.51.902A.5.5 0 0 1 10 .5h4a.5.5 0 0 1 .49.402l.521 2.603.089-.005h.6c.992 0 1.8.673 1.8 1.5v1l-.003.028c.647.405 1.003.977 1.003 1.472V9a.5.5 0 0 1 1 0v1a.5.5 0 0 1-1 0v4a.5.5 0 0 1 1 0v1a.5.5 0 0 1-1 0v.5Zm-9.71-11H8.3c-.33 0-.6.224-.6.5v.572a4.33 4.33 0 0 1 .8-.072h.09l.2-1Zm6.91 0h-.49l.2 1h.09c.285 0 .552.025.8.072V5c0-.276-.27-.5-.6-.5Zm-2.11-3h-3.18l-.8 4h4.78l-.8-4Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/WifiBoost.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: "M9.556 1A8.556 8.556 0 0 0 1 9.556v4.888A8.556 8.556 0 0 0 9.556 23h4.888A8.556 8.556 0 0 0 23 14.444V9.556A8.556 8.556 0 0 0 14.444 1H9.556ZM14.4 0A9.6 9.6 0 0 1 24 9.6v4.8a9.6 9.6 0 0 1-9.6 9.6H9.6A9.6 9.6 0 0 1 0 14.4V9.6A9.6 9.6 0 0 1 9.6 0h4.8ZM12 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-1.768-1.267a.5.5 0 0 0 .707.707c.566-.566 1.555-.566 2.121 0a.502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707c-.943-.944-2.592-.944-3.535 0Zm-1.414-1.415a.5.5 0 0 0 .707.707 3.505 3.505 0 0 1 4.95 0 .502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707 4.506 4.506 0 0 0-6.364 0ZM7.404 9.904a.5.5 0 0 0 .707.707 5.505 5.505 0 0 1 7.778 0 .502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707 6.508 6.508 0 0 0-9.192 0Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M9.556 1A8.556 8.556 0 0 0 1 9.556v4.888A8.556 8.556 0 0 0 9.556 23h4.888A8.556 8.556 0 0 0 23 14.444V9.556A8.556 8.556 0 0 0 14.444 1H9.556ZM14.4 0A9.6 9.6 0 0 1 24 9.6v4.8a9.6 9.6 0 0 1-9.6 9.6H9.6A9.6 9.6 0 0 1 0 14.4V9.6A9.6 9.6 0 0 1 9.6 0h4.8ZM12 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-1.768-1.267a.5.5 0 0 0 .707.707c.566-.566 1.555-.566 2.121 0a.502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707c-.943-.944-2.592-.944-3.535 0Zm-1.414-1.415a.5.5 0 0 0 .707.707 3.505 3.505 0 0 1 4.95 0 .502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707 4.506 4.506 0 0 0-6.364 0ZM7.404 9.904a.5.5 0 0 0 .707.707 5.505 5.505 0 0 1 7.778 0 .502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707 6.508 6.508 0 0 0-9.192 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/WifiBoost.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: "M9.556 1A8.556 8.556 0 0 0 1 9.556v4.888A8.556 8.556 0 0 0 9.556 23h4.888A8.556 8.556 0 0 0 23 14.444V9.556A8.556 8.556 0 0 0 14.444 1H9.556ZM14.4 0A9.6 9.6 0 0 1 24 9.6v4.8a9.6 9.6 0 0 1-9.6 9.6H9.6A9.6 9.6 0 0 1 0 14.4V9.6A9.6 9.6 0 0 1 9.6 0h4.8ZM12 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-1.768-1.267a.5.5 0 0 0 .707.707c.566-.566 1.555-.566 2.121 0a.502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707c-.943-.944-2.592-.944-3.535 0Zm-1.414-1.415a.5.5 0 0 0 .707.707 3.505 3.505 0 0 1 4.95 0 .502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707 4.506 4.506 0 0 0-6.364 0ZM7.404 9.904a.5.5 0 0 0 .707.707 5.505 5.505 0 0 1 7.778 0 .502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707 6.508 6.508 0 0 0-9.192 0Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M9.556 1A8.556 8.556 0 0 0 1 9.556v4.888A8.556 8.556 0 0 0 9.556 23h4.888A8.556 8.556 0 0 0 23 14.444V9.556A8.556 8.556 0 0 0 14.444 1H9.556ZM14.4 0A9.6 9.6 0 0 1 24 9.6v4.8a9.6 9.6 0 0 1-9.6 9.6H9.6A9.6 9.6 0 0 1 0 14.4V9.6A9.6 9.6 0 0 1 9.6 0h4.8ZM12 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-1.768-1.267a.5.5 0 0 0 .707.707c.566-.566 1.555-.566 2.121 0a.502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707c-.943-.944-2.592-.944-3.535 0Zm-1.414-1.415a.5.5 0 0 0 .707.707 3.505 3.505 0 0 1 4.95 0 .502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707 4.506 4.506 0 0 0-6.364 0ZM7.404 9.904a.5.5 0 0 0 .707.707 5.505 5.505 0 0 1 7.778 0 .502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707 6.508 6.508 0 0 0-9.192 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/WifiCloud.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M11.5 4c3.564 0 6.651 2.561 7.346 6.023C21.758 10.232 24 12.609 24 15.5c0 3.033-2.468 5.5-5.5 5.5h-14A4.505 4.505 0 0 1 0 16.5a4.507 4.507 0 0 1 4.022-4.475A6.391 6.391 0 0 1 4 11.5C4 7.364 7.364 4 11.5 4Zm0 1A6.508 6.508 0 0 0 5 11.5c0 .282.024.58.076.937a.5.5 0 0 1-.12.402.566.566 0 0 1-.384.169l-.106-.009C2.57 13 1 14.57 1 16.5S2.57 20 4.5 20h14c2.481 0 4.5-2.019 4.5-4.5a4.506 4.506 0 0 0-4.288-4.495L18.5 11c-.216.016-.538-.172-.573-.422C17.474 7.398 14.711 5 11.5 5Zm.03 11.5a.5.5 0 0 1 0 1 .504.504 0 0 1-.505-.5c0-.245.173-.45.405-.492l.1-.008Zm2.45-.803a.5.5 0 0 1-.761.647c-.928-1.092-2.51-1.092-3.438 0a.5.5 0 0 1-.762-.647 3.23 3.23 0 0 1 4.961 0Zm-2.48-3.199c1.398 0 2.705.634 3.681 1.785a.5.5 0 1 1-.762.647c-.784-.923-1.82-1.432-2.919-1.432s-2.135.508-2.919 1.432a.5.5 0 0 1-.762-.647c.976-1.151 2.283-1.785 3.681-1.785Zm0-1.998c1.851 0 3.585.842 4.881 2.37a.5.5 0 1 1-.762.647C14.516 12.216 13.053 11.5 11.5 11.5s-3.016.716-4.119 2.017a.5.5 0 1 1-.762-.647c1.296-1.528 3.03-2.37 4.881-2.37Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M11.5 4c3.564 0 6.651 2.561 7.346 6.023C21.758 10.232 24 12.609 24 15.5c0 3.033-2.468 5.5-5.5 5.5h-14A4.505 4.505 0 0 1 0 16.5a4.507 4.507 0 0 1 4.022-4.475A6.391 6.391 0 0 1 4 11.5C4 7.364 7.364 4 11.5 4Zm0 1A6.508 6.508 0 0 0 5 11.5c0 .282.024.58.076.937a.5.5 0 0 1-.12.402.566.566 0 0 1-.384.169l-.106-.009C2.57 13 1 14.57 1 16.5S2.57 20 4.5 20h14c2.481 0 4.5-2.019 4.5-4.5a4.506 4.506 0 0 0-4.288-4.495L18.5 11c-.216.016-.538-.172-.573-.422C17.474 7.398 14.711 5 11.5 5Zm.03 11.5a.5.5 0 0 1 0 1 .504.504 0 0 1-.505-.5c0-.245.173-.45.405-.492l.1-.008Zm2.45-.803a.5.5 0 0 1-.761.647c-.928-1.092-2.51-1.092-3.438 0a.5.5 0 0 1-.762-.647 3.23 3.23 0 0 1 4.961 0Zm-2.48-3.199c1.398 0 2.705.634 3.681 1.785a.5.5 0 1 1-.762.647c-.784-.923-1.82-1.432-2.919-1.432s-2.135.508-2.919 1.432a.5.5 0 0 1-.762-.647c.976-1.151 2.283-1.785 3.681-1.785Zm0-1.998c1.851 0 3.585.842 4.881 2.37a.5.5 0 1 1-.762.647C14.516 12.216 13.053 11.5 11.5 11.5s-3.016.716-4.119 2.017a.5.5 0 1 1-.762-.647c1.296-1.528 3.03-2.37 4.881-2.37Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/WifiCloud.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: "M11.5 4c3.564 0 6.651 2.561 7.346 6.023C21.758 10.232 24 12.609 24 15.5c0 3.033-2.468 5.5-5.5 5.5h-14A4.505 4.505 0 0 1 0 16.5a4.507 4.507 0 0 1 4.022-4.475A6.391 6.391 0 0 1 4 11.5C4 7.364 7.364 4 11.5 4Zm0 1A6.508 6.508 0 0 0 5 11.5c0 .282.024.58.076.937a.5.5 0 0 1-.12.402.566.566 0 0 1-.384.169l-.106-.009C2.57 13 1 14.57 1 16.5S2.57 20 4.5 20h14c2.481 0 4.5-2.019 4.5-4.5a4.506 4.506 0 0 0-4.288-4.495L18.5 11c-.216.016-.538-.172-.573-.422C17.474 7.398 14.711 5 11.5 5Zm.03 11.5a.5.5 0 0 1 0 1 .504.504 0 0 1-.505-.5c0-.245.173-.45.405-.492l.1-.008Zm2.45-.803a.5.5 0 0 1-.761.647c-.928-1.092-2.51-1.092-3.438 0a.5.5 0 0 1-.762-.647 3.23 3.23 0 0 1 4.961 0Zm-2.48-3.199c1.398 0 2.705.634 3.681 1.785a.5.5 0 1 1-.762.647c-.784-.923-1.82-1.432-2.919-1.432s-2.135.508-2.919 1.432a.5.5 0 0 1-.762-.647c.976-1.151 2.283-1.785 3.681-1.785Zm0-1.998c1.851 0 3.585.842 4.881 2.37a.5.5 0 1 1-.762.647C14.516 12.216 13.053 11.5 11.5 11.5s-3.016.716-4.119 2.017a.5.5 0 1 1-.762-.647c1.296-1.528 3.03-2.37 4.881-2.37Z",
-    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: "M11.5 4c3.564 0 6.651 2.561 7.346 6.023C21.758 10.232 24 12.609 24 15.5c0 3.033-2.468 5.5-5.5 5.5h-14A4.505 4.505 0 0 1 0 16.5a4.507 4.507 0 0 1 4.022-4.475A6.391 6.391 0 0 1 4 11.5C4 7.364 7.364 4 11.5 4Zm0 1A6.508 6.508 0 0 0 5 11.5c0 .282.024.58.076.937a.5.5 0 0 1-.12.402.566.566 0 0 1-.384.169l-.106-.009C2.57 13 1 14.57 1 16.5S2.57 20 4.5 20h14c2.481 0 4.5-2.019 4.5-4.5a4.506 4.506 0 0 0-4.288-4.495L18.5 11c-.216.016-.538-.172-.573-.422C17.474 7.398 14.711 5 11.5 5Zm.03 11.5a.5.5 0 0 1 0 1 .504.504 0 0 1-.505-.5c0-.245.173-.45.405-.492l.1-.008Zm2.45-.803a.5.5 0 0 1-.761.647c-.928-1.092-2.51-1.092-3.438 0a.5.5 0 0 1-.762-.647 3.23 3.23 0 0 1 4.961 0Zm-2.48-3.199c1.398 0 2.705.634 3.681 1.785a.5.5 0 1 1-.762.647c-.784-.923-1.82-1.432-2.919-1.432s-2.135.508-2.919 1.432a.5.5 0 0 1-.762-.647c.976-1.151 2.283-1.785 3.681-1.785Zm0-1.998c1.851 0 3.585.842 4.881 2.37a.5.5 0 1 1-.762.647C14.516 12.216 13.053 11.5 11.5 11.5s-3.016.716-4.119 2.017a.5.5 0 1 1-.762-.647c1.296-1.528 3.03-2.37 4.881-2.37Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/index.js

@@ -251,6 +251,7 @@ module.exports = {
   TVEntertainment: require('./TVEntertainment'),
   Tablet: require('./Tablet'),
   Tag: require('./Tag'),
+  TagFilled: require('./TagFilled'),
   Target: require('./Target'),
   Tasks: require('./Tasks'),
   Teapot: require('./Teapot'),

package/build/rn/icons/tag-filled.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012ZM18.6 2.999a2.001 2.001 0 1 0 .003 4.003 2.001 2.001 0 0 0-.003-4.003Z" clip-rule="evenodd"/>
+</svg>

package/build/rn/icons/utils/icon-native-utils.js

@@ -0,0 +1,63 @@
+"use strict";
+
+const iconNativeUtils = {
+  renderNativeGradientDefs: (gradient, gradientId) => {
+    if (!gradient || !gradientId) return null;
+    const React = require('react');
+    const {
+      Defs,
+      LinearGradient,
+      RadialGradient,
+      Stop
+    } = require('react-native-svg');
+    if (gradient.type === 'linear') {
+      const angle = gradient.angle || 0;
+      const angleInRadians = (angle - 90) * Math.PI / 180;
+      const x1 = 0.5 - 0.5 * Math.cos(angleInRadians);
+      const y1 = 0.5 - 0.5 * Math.sin(angleInRadians);
+      const x2 = 0.5 + 0.5 * Math.cos(angleInRadians);
+      const y2 = 0.5 + 0.5 * Math.sin(angleInRadians);
+      return React.createElement(Defs, null, React.createElement(LinearGradient, {
+        id: gradientId,
+        x1: x1,
+        y1: y1,
+        x2: x2,
+        y2: y2
+      }, gradient.stops.map((stopItem, index) => {
+        const offset = stopItem.hint !== undefined ? stopItem.hint : stopItem.stop !== undefined ? stopItem.stop : index / (gradient.stops.length - 1);
+        return React.createElement(Stop, {
+          key: index,
+          offset: offset,
+          stopColor: stopItem.color
+        });
+      })));
+    } else if (gradient.type === 'radial') {
+      let cx = 0.5,
+        cy = 0.5,
+        r = 0.5;
+      if (gradient.specification) {
+        const match = gradient.specification.match(/([0-9.]+)%\s+([0-9.]+)%\s+at\s+([0-9.]+)%\s+([0-9.]+)%/);
+        if (match) {
+          r = parseFloat(match[1]) / 100;
+          cx = parseFloat(match[3]) / 100;
+          cy = parseFloat(match[4]) / 100;
+        }
+      }
+      return React.createElement(Defs, null, React.createElement(RadialGradient, {
+        id: gradientId,
+        cx: cx,
+        cy: cy,
+        r: r
+      }, gradient.stops.map((stopItem, index) => {
+        const offset = stopItem.hint !== undefined ? stopItem.hint : stopItem.stop !== undefined ? stopItem.stop : index / (gradient.stops.length - 1);
+        return React.createElement(Stop, {
+          key: index,
+          offset: offset,
+          stopColor: stopItem.color
+        });
+      })));
+    }
+    return null;
+  }
+};
+module.exports = iconNativeUtils;

package/build/rn/icons/utils/icon-shared-utils.js

@@ -0,0 +1,34 @@
+"use strict";
+
+const iconSharedUtils = {
+  hasValidGradient: gradient => {
+    return gradient && gradient.type && gradient.stops && gradient.stops.length > 0;
+  }
+};
+const gradientUtils = {
+  generateGradientId: gradient => {
+    if (!gradient) return '';
+    const type = gradient.type || '';
+    const angle = gradient.angle || 0;
+    const spec = gradient.specification || '';
+    const stopsStr = gradient.stops ? gradient.stops.map(s => `${s.color}-${s.stop || s.hint || 0}`).join('_') : '';
+    const gradientStr = `${type}-${angle}-${spec}-${stopsStr}`;
+    let hash = 0;
+    for (let i = 0; i < gradientStr.length; i++) {
+      const char = gradientStr.charCodeAt(i);
+      hash = (hash << 5) - hash + char;
+      hash = hash & hash;
+    }
+    const random = Math.floor(Math.random() * 10000);
+    return `gradient-${type}-${Math.abs(hash).toString(16)}-${random}`;
+  },
+  addGradientToSvg: (svgContent, gradientDefs) => {
+    if (!gradientDefs) return svgContent;
+    const React = require('react');
+    return React.cloneElement(svgContent, svgContent.props, gradientDefs, ...React.Children.toArray(svgContent.props.children));
+  }
+};
+iconSharedUtils.getGradientUtils = () => {
+  return gradientUtils;
+};
+module.exports = iconSharedUtils;

package/build/rn/icons/utils/icon-web-utils.js

@@ -0,0 +1,50 @@
+"use strict";
+
+const iconWebUtils = {
+  renderWebGradientDefs: (gradient, gradientId) => {
+    if (!gradient || !gradientId) return null;
+    const React = require('react');
+    if (gradient.type === 'linear') {
+      const angle = 180 - (gradient.angle || 0);
+      return React.createElement('defs', null, React.createElement('linearGradient', {
+        id: gradientId,
+        gradientTransform: `rotate(${angle})`
+      }, gradient.stops.map((stop, index) => {
+        const offset = stop.hint !== undefined ? stop.hint * 100 : stop.stop !== undefined ? stop.stop * 100 : '';
+        return React.createElement('stop', {
+          key: index,
+          offset: `${offset}%`,
+          stopColor: stop.color
+        });
+      })));
+    } else if (gradient.type === 'radial') {
+      let cx = '50%',
+        cy = '50%',
+        r = '50%';
+      if (typeof gradient.specification === 'string' && gradient.specification.length < 1000) {
+        const match = gradient.specification.match(/^(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%\s+at\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%$/);
+        if (match) {
+          r = match[1] + '%';
+          cx = match[3] + '%';
+          cy = match[4] + '%';
+        }
+      }
+      return React.createElement('defs', null, React.createElement('radialGradient', {
+        id: gradientId,
+        cx: cx,
+        cy: cy,
+        r: r,
+        gradientUnits: "userSpaceOnUse"
+      }, gradient.stops.map((stop, index) => {
+        const offset = stop.hint !== undefined ? stop.hint * 100 : stop.stop !== undefined ? stop.stop * 100 : '';
+        return React.createElement('stop', {
+          key: index,
+          offset: `${offset}%`,
+          stopColor: stop.color
+        });
+      })));
+    }
+    return null;
+  }
+};
+module.exports = iconWebUtils;

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Thu, 24 Apr 2025 18:55:04 GMT
+* Generated on Fri, 23 May 2025 15:14:35 GMT
 */
 module.exports = {
   border: {
@@ -108,7 +108,8 @@ module.exports = {
       stops: [
         {
           stop: 0,
-          color: '#4b286d'
+          color: '#4b286d',
+          hint: 0.75
         },
         {
           stop: 1,
@@ -122,7 +123,8 @@ module.exports = {
       stops: [
         {
           stop: 0,
-          color: '#00784a'
+          color: '#00784a',
+          hint: 0.75
         },
         {
           stop: 1,
@@ -150,7 +152,8 @@ module.exports = {
       stops: [
         {
           stop: 0,
-          color: '#4b286d'
+          color: '#4b286d',
+          hint: 0.75
         },
         {
           stop: 1,
@@ -413,6 +416,7 @@ module.exports = {
     TVEntertainment: '@telus-uds/palette-allium/build/rn/icons/tventertainment.icon.svg',
     Tablet: '@telus-uds/palette-allium/build/rn/icons/tablet.icon.svg',
     Tag: '@telus-uds/palette-allium/build/rn/icons/tag.icon.svg',
+    TagFilled: '@telus-uds/palette-allium/build/rn/icons/tag-filled.icon.svg',
     Target: '@telus-uds/palette-allium/build/rn/icons/target.icon.svg',
     Tasks: '@telus-uds/palette-allium/build/rn/icons/tasks.icon.svg',
     Teapot: '@telus-uds/palette-allium/build/rn/icons/teapot.icon.svg',