@telus-uds/palette-allium 5.3.2 → 5.3.3

package/build/rn/icons/Photos.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.383 12.998a.495.495 0 0 1 .581.27l.03.085.929 3.48a2.194 2.194 0 0 1-1.49 2.679l-.03.011L7.458 23.53a2.177 2.177 0 0 1-1.666-.212c-.44-.25-.77-.636-.952-1.1l-.081-.24-.722-2.712a.501.501 0 0 1 .936-.343l.03.085.712 2.673.018.053c.083.305.28.559.555.716.237.135.509.186.775.143l.133-.03 14.882-3.987.047-.015c.304-.084.559-.284.717-.562.134-.238.184-.508.142-.772l-.028-.131-.93-3.486a.5.5 0 0 1 .356-.612ZM18.935.392a1.9 1.9 0 0 1 1.89 1.748l.005.148v13.073c0 .995-.772 1.815-1.747 1.89l-.148.006H1.896a1.9 1.9 0 0 1-1.89-1.748L0 15.361V2.288A1.9 1.9 0 0 1 1.748.398l.148-.006h17.039Zm-4.786 8.071a1.206 1.206 0 0 0-.87.306l-.097.097-3.457 3.862a.504.504 0 0 1-.665.072l-.062-.053-1.737-1.745a1.221 1.221 0 0 0-1.541-.146l-.108.081L1 14.862v.5c0 .455.343.833.784.888l.112.007h17.039c.44 0 .801-.322.873-.743l.01-.108-4.753-6.452a1.208 1.208 0 0 0-.916-.49Zm4.786-7.07H1.896a.897.897 0 0 0-.889.783L1 2.288V13.55l3.967-3.376a2.22 2.22 0 0 1 2.866-.002l.134.122 1.366 1.373 3.105-3.469a2.201 2.201 0 0 1 1.76-.732c.606.03 1.166.302 1.56.755l.112.141 3.96 5.374V2.288a.896.896 0 0 0-.895-.896Zm-12.2 2.784a2.09 2.09 0 0 1 0 2.95 2.08 2.08 0 0 1-1.476.61 2.083 2.083 0 0 1-1.475-.61 2.088 2.088 0 0 1 0-2.95 2.09 2.09 0 0 1 2.95 0Zm-1.475.389a1.088 1.088 0 1 0 .768 1.855 1.09 1.09 0 0 0 0-1.537 1.084 1.084 0 0 0-.768-.318Z",
-    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.383 12.998a.495.495 0 0 1 .581.27l.03.085.929 3.48a2.194 2.194 0 0 1-1.49 2.679l-.03.011L7.458 23.53a2.177 2.177 0 0 1-1.666-.212c-.44-.25-.77-.636-.952-1.1l-.081-.24-.722-2.712a.501.501 0 0 1 .936-.343l.03.085.712 2.673.018.053c.083.305.28.559.555.716.237.135.509.186.775.143l.133-.03 14.882-3.987.047-.015c.304-.084.559-.284.717-.562.134-.238.184-.508.142-.772l-.028-.131-.93-3.486a.5.5 0 0 1 .356-.612ZM18.935.392a1.9 1.9 0 0 1 1.89 1.748l.005.148v13.073c0 .995-.772 1.815-1.747 1.89l-.148.006H1.896a1.9 1.9 0 0 1-1.89-1.748L0 15.361V2.288A1.9 1.9 0 0 1 1.748.398l.148-.006h17.039Zm-4.786 8.071a1.206 1.206 0 0 0-.87.306l-.097.097-3.457 3.862a.504.504 0 0 1-.665.072l-.062-.053-1.737-1.745a1.221 1.221 0 0 0-1.541-.146l-.108.081L1 14.862v.5c0 .455.343.833.784.888l.112.007h17.039c.44 0 .801-.322.873-.743l.01-.108-4.753-6.452a1.208 1.208 0 0 0-.916-.49Zm4.786-7.07H1.896a.897.897 0 0 0-.889.783L1 2.288V13.55l3.967-3.376a2.22 2.22 0 0 1 2.866-.002l.134.122 1.366 1.373 3.105-3.469a2.201 2.201 0 0 1 1.76-.732c.606.03 1.166.302 1.56.755l.112.141 3.96 5.374V2.288a.896.896 0 0 0-.895-.896Zm-12.2 2.784a2.09 2.09 0 0 1 0 2.95 2.08 2.08 0 0 1-1.476.61 2.083 2.083 0 0 1-1.475-.61 2.088 2.088 0 0 1 0-2.95 2.09 2.09 0 0 1 2.95 0Zm-1.475.389a1.088 1.088 0 1 0 .768 1.855 1.09 1.09 0 0 0 0-1.537 1.084 1.084 0 0 0-.768-.318Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PiggyBank.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: "M13.453 2c4.545 0 7.64 2.57 8.647 6.916.45.046.814.266 1.13.62.27.312.451.694.527 1.104.056.249.084.47.084.691 0 .205-.025.402-.078.59l-.07.201H24l-.125 2.594-.481-.027a2.348 2.348 0 0 1-1.134-.383c-.37 1.703-1.252 3.048-2.657 4l-.004 3.19-.036.504h-5.748l-.037-.529-.002-1.493-.323.005a40.35 40.35 0 0 1-1.744-.035l-.002 1.564-.017.488H5.904l-.02-.548v-2.708c-1.147-.59-1.99-1.424-2.54-2.535H2.045C.92 16.21 0 15.241 0 14.054V11.1c0-1.187.92-2.156 2.046-2.156h.974c.15-.525.34-1.029.565-1.509l.551-3.63c.19-1.246 1.281-1.792 2.319-1.162l1.09.663C9.188 2.445 11.178 2 13.453 2Zm0 1.012c-2.236 0-4.155.453-5.696 1.317l-.235.131-1.547-.94c-.455-.277-.807-.1-.89.446L4.52 7.672l-.045.148a9.084 9.084 0 0 0-.627 1.757l-.093.379h-1.71C1.45 9.956.96 10.472.96 11.1v2.954c0 .628.49 1.143 1.086 1.143h1.907l.128.297c.482 1.12 1.287 1.916 2.475 2.463l.287.133v2.898h3.906v-2.107l.508.03c.531.033 1.1.051 1.72.057h.75a.395.395 0 0 0 .062-.005l.122-.024c.076-.013.154-.022.308-.034l.518-.043v2.126h3.905v-3.255l.237-.146c1.517-.941 2.354-2.353 2.568-4.259l.116-1.036.7.738c.114.12.233.226.355.316.119.087.235.157.352.21l.028-.598-.076-.053a2.004 2.004 0 0 1-.262-.227l-.362-.367.363-.365a.702.702 0 0 0 .153-.23c.046-.114.067-.24.067-.384a2.21 2.21 0 0 0-.062-.479 1.329 1.329 0 0 0-.294-.63c-.178-.2-.354-.299-.58-.303a.507.507 0 0 0-.118.017l-.478.115-.1-.506c-.807-4.137-3.563-6.534-7.796-6.534ZM6 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm7.138-4c1.424 0 2.71.234 3.862.68l-.526 1.27c-.966-.374-2.079-.585-3.355-.585-1.322 0-2.544.226-3.653.635L9 5.721A11.919 11.919 0 0 1 13.138 5Z",
-    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: "M13.453 2c4.545 0 7.64 2.57 8.647 6.916.45.046.814.266 1.13.62.27.312.451.694.527 1.104.056.249.084.47.084.691 0 .205-.025.402-.078.59l-.07.201H24l-.125 2.594-.481-.027a2.348 2.348 0 0 1-1.134-.383c-.37 1.703-1.252 3.048-2.657 4l-.004 3.19-.036.504h-5.748l-.037-.529-.002-1.493-.323.005a40.35 40.35 0 0 1-1.744-.035l-.002 1.564-.017.488H5.904l-.02-.548v-2.708c-1.147-.59-1.99-1.424-2.54-2.535H2.045C.92 16.21 0 15.241 0 14.054V11.1c0-1.187.92-2.156 2.046-2.156h.974c.15-.525.34-1.029.565-1.509l.551-3.63c.19-1.246 1.281-1.792 2.319-1.162l1.09.663C9.188 2.445 11.178 2 13.453 2Zm0 1.012c-2.236 0-4.155.453-5.696 1.317l-.235.131-1.547-.94c-.455-.277-.807-.1-.89.446L4.52 7.672l-.045.148a9.084 9.084 0 0 0-.627 1.757l-.093.379h-1.71C1.45 9.956.96 10.472.96 11.1v2.954c0 .628.49 1.143 1.086 1.143h1.907l.128.297c.482 1.12 1.287 1.916 2.475 2.463l.287.133v2.898h3.906v-2.107l.508.03c.531.033 1.1.051 1.72.057h.75a.395.395 0 0 0 .062-.005l.122-.024c.076-.013.154-.022.308-.034l.518-.043v2.126h3.905v-3.255l.237-.146c1.517-.941 2.354-2.353 2.568-4.259l.116-1.036.7.738c.114.12.233.226.355.316.119.087.235.157.352.21l.028-.598-.076-.053a2.004 2.004 0 0 1-.262-.227l-.362-.367.363-.365a.702.702 0 0 0 .153-.23c.046-.114.067-.24.067-.384a2.21 2.21 0 0 0-.062-.479 1.329 1.329 0 0 0-.294-.63c-.178-.2-.354-.299-.58-.303a.507.507 0 0 0-.118.017l-.478.115-.1-.506c-.807-4.137-3.563-6.534-7.796-6.534ZM6 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm7.138-4c1.424 0 2.71.234 3.862.68l-.526 1.27c-.966-.374-2.079-.585-3.355-.585-1.322 0-2.544.226-3.653.635L9 5.721A11.919 11.919 0 0 1 13.138 5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PiggyBank.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: "M13.453 2c4.545 0 7.64 2.57 8.647 6.916.45.046.814.266 1.13.62.27.312.451.694.527 1.104.056.249.084.47.084.691 0 .205-.025.402-.078.59l-.07.201H24l-.125 2.594-.481-.027a2.348 2.348 0 0 1-1.134-.383c-.37 1.703-1.252 3.048-2.657 4l-.004 3.19-.036.504h-5.748l-.037-.529-.002-1.493-.323.005a40.35 40.35 0 0 1-1.744-.035l-.002 1.564-.017.488H5.904l-.02-.548v-2.708c-1.147-.59-1.99-1.424-2.54-2.535H2.045C.92 16.21 0 15.241 0 14.054V11.1c0-1.187.92-2.156 2.046-2.156h.974c.15-.525.34-1.029.565-1.509l.551-3.63c.19-1.246 1.281-1.792 2.319-1.162l1.09.663C9.188 2.445 11.178 2 13.453 2Zm0 1.012c-2.236 0-4.155.453-5.696 1.317l-.235.131-1.547-.94c-.455-.277-.807-.1-.89.446L4.52 7.672l-.045.148a9.084 9.084 0 0 0-.627 1.757l-.093.379h-1.71C1.45 9.956.96 10.472.96 11.1v2.954c0 .628.49 1.143 1.086 1.143h1.907l.128.297c.482 1.12 1.287 1.916 2.475 2.463l.287.133v2.898h3.906v-2.107l.508.03c.531.033 1.1.051 1.72.057h.75a.395.395 0 0 0 .062-.005l.122-.024c.076-.013.154-.022.308-.034l.518-.043v2.126h3.905v-3.255l.237-.146c1.517-.941 2.354-2.353 2.568-4.259l.116-1.036.7.738c.114.12.233.226.355.316.119.087.235.157.352.21l.028-.598-.076-.053a2.004 2.004 0 0 1-.262-.227l-.362-.367.363-.365a.702.702 0 0 0 .153-.23c.046-.114.067-.24.067-.384a2.21 2.21 0 0 0-.062-.479 1.329 1.329 0 0 0-.294-.63c-.178-.2-.354-.299-.58-.303a.507.507 0 0 0-.118.017l-.478.115-.1-.506c-.807-4.137-3.563-6.534-7.796-6.534ZM6 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm7.138-4c1.424 0 2.71.234 3.862.68l-.526 1.27c-.966-.374-2.079-.585-3.355-.585-1.322 0-2.544.226-3.653.635L9 5.721A11.919 11.919 0 0 1 13.138 5Z",
-    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: "M13.453 2c4.545 0 7.64 2.57 8.647 6.916.45.046.814.266 1.13.62.27.312.451.694.527 1.104.056.249.084.47.084.691 0 .205-.025.402-.078.59l-.07.201H24l-.125 2.594-.481-.027a2.348 2.348 0 0 1-1.134-.383c-.37 1.703-1.252 3.048-2.657 4l-.004 3.19-.036.504h-5.748l-.037-.529-.002-1.493-.323.005a40.35 40.35 0 0 1-1.744-.035l-.002 1.564-.017.488H5.904l-.02-.548v-2.708c-1.147-.59-1.99-1.424-2.54-2.535H2.045C.92 16.21 0 15.241 0 14.054V11.1c0-1.187.92-2.156 2.046-2.156h.974c.15-.525.34-1.029.565-1.509l.551-3.63c.19-1.246 1.281-1.792 2.319-1.162l1.09.663C9.188 2.445 11.178 2 13.453 2Zm0 1.012c-2.236 0-4.155.453-5.696 1.317l-.235.131-1.547-.94c-.455-.277-.807-.1-.89.446L4.52 7.672l-.045.148a9.084 9.084 0 0 0-.627 1.757l-.093.379h-1.71C1.45 9.956.96 10.472.96 11.1v2.954c0 .628.49 1.143 1.086 1.143h1.907l.128.297c.482 1.12 1.287 1.916 2.475 2.463l.287.133v2.898h3.906v-2.107l.508.03c.531.033 1.1.051 1.72.057h.75a.395.395 0 0 0 .062-.005l.122-.024c.076-.013.154-.022.308-.034l.518-.043v2.126h3.905v-3.255l.237-.146c1.517-.941 2.354-2.353 2.568-4.259l.116-1.036.7.738c.114.12.233.226.355.316.119.087.235.157.352.21l.028-.598-.076-.053a2.004 2.004 0 0 1-.262-.227l-.362-.367.363-.365a.702.702 0 0 0 .153-.23c.046-.114.067-.24.067-.384a2.21 2.21 0 0 0-.062-.479 1.329 1.329 0 0 0-.294-.63c-.178-.2-.354-.299-.58-.303a.507.507 0 0 0-.118.017l-.478.115-.1-.506c-.807-4.137-3.563-6.534-7.796-6.534ZM6 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm7.138-4c1.424 0 2.71.234 3.862.68l-.526 1.27c-.966-.374-2.079-.585-3.355-.585-1.322 0-2.544.226-3.653.635L9 5.721A11.919 11.919 0 0 1 13.138 5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PikTV.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: "M22.5 2h-21C.673 2 0 2.673 0 3.5v14c0 .827.673 1.5 1.5 1.5H10v1.077l-5.582.93A.5.5 0 0 0 4.5 22l.082-.007L10.54 21h2.919l5.958.993a.497.497 0 0 0 .575-.411.5.5 0 0 0-.411-.575L14 20.077V19h8.5c.827 0 1.5-.673 1.5-1.5v-14c0-.827-.673-1.5-1.5-1.5ZM13 20h-2v-1h2v1Zm9.5-17a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1-.5-.5v-14a.5.5 0 0 1 .5-.5h21ZM10.278 5.584a.5.5 0 0 0-.77.325L9.5 6v8a.5.5 0 0 0 .69.463l.087-.047 6-4a.501.501 0 0 0 .077-.77l-.076-.062-6-4Zm.222 1.35L15.099 10 10.5 13.066V6.934Z",
-    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: "M22.5 2h-21C.673 2 0 2.673 0 3.5v14c0 .827.673 1.5 1.5 1.5H10v1.077l-5.582.93A.5.5 0 0 0 4.5 22l.082-.007L10.54 21h2.919l5.958.993a.497.497 0 0 0 .575-.411.5.5 0 0 0-.411-.575L14 20.077V19h8.5c.827 0 1.5-.673 1.5-1.5v-14c0-.827-.673-1.5-1.5-1.5ZM13 20h-2v-1h2v1Zm9.5-17a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1-.5-.5v-14a.5.5 0 0 1 .5-.5h21ZM10.278 5.584a.5.5 0 0 0-.77.325L9.5 6v8a.5.5 0 0 0 .69.463l.087-.047 6-4a.501.501 0 0 0 .077-.77l-.076-.062-6-4Zm.222 1.35L15.099 10 10.5 13.066V6.934Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PikTV.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.5 2h-21C.673 2 0 2.673 0 3.5v14c0 .827.673 1.5 1.5 1.5H10v1.077l-5.582.93A.5.5 0 0 0 4.5 22l.082-.007L10.54 21h2.919l5.958.993a.497.497 0 0 0 .575-.411.5.5 0 0 0-.411-.575L14 20.077V19h8.5c.827 0 1.5-.673 1.5-1.5v-14c0-.827-.673-1.5-1.5-1.5ZM13 20h-2v-1h2v1Zm9.5-17a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1-.5-.5v-14a.5.5 0 0 1 .5-.5h21ZM10.278 5.584a.5.5 0 0 0-.77.325L9.5 6v8a.5.5 0 0 0 .69.463l.087-.047 6-4a.501.501 0 0 0 .077-.77l-.076-.062-6-4Zm.222 1.35L15.099 10 10.5 13.066V6.934Z",
-    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.5 2h-21C.673 2 0 2.673 0 3.5v14c0 .827.673 1.5 1.5 1.5H10v1.077l-5.582.93A.5.5 0 0 0 4.5 22l.082-.007L10.54 21h2.919l5.958.993a.497.497 0 0 0 .575-.411.5.5 0 0 0-.411-.575L14 20.077V19h8.5c.827 0 1.5-.673 1.5-1.5v-14c0-.827-.673-1.5-1.5-1.5ZM13 20h-2v-1h2v1Zm9.5-17a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1-.5-.5v-14a.5.5 0 0 1 .5-.5h21ZM10.278 5.584a.5.5 0 0 0-.77.325L9.5 6v8a.5.5 0 0 0 .69.463l.087-.047 6-4a.501.501 0 0 0 .077-.77l-.076-.062-6-4Zm.222 1.35L15.099 10 10.5 13.066V6.934Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Play.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: "m15.407 11.922-5.653 3.792V8.203l5.653 3.719Zm3.32-9.943a5.28 5.28 0 0 1 5.269 5.056l.004.217v9.496a5.28 5.28 0 0 1-5.057 5.269l-.217.004H5.273a5.28 5.28 0 0 1-5.269-5.056L0 16.748V7.252a5.279 5.279 0 0 1 5.056-5.269l.217-.004h13.453Zm0 1.049H5.272c-2.22 0-4.107 1.819-4.219 4.017l-.005.207v9.496c0 2.22 1.819 4.107 4.017 4.22l.207.004h13.453c2.22 0 4.107-1.82 4.219-4.017l.005-.207V7.252c0-2.22-1.819-4.107-4.017-4.22l-.207-.004ZM9.143 6.8l.07-.011c.088-.016.193-.034.282.01l.062.045 7.103 4.732c.101.098.216.21.216.424a.5.5 0 0 1-.154.364l-.043.044-7.142 4.764a.344.344 0 0 1-.25.1l-.058.001c-.055 0-.194 0-.256-.094-.138-.041-.238-.17-.263-.342l-.007-.09V7.253c0-.226.119-.398.291-.437l.15-.015Z",
-    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: "m15.407 11.922-5.653 3.792V8.203l5.653 3.719Zm3.32-9.943a5.28 5.28 0 0 1 5.269 5.056l.004.217v9.496a5.28 5.28 0 0 1-5.057 5.269l-.217.004H5.273a5.28 5.28 0 0 1-5.269-5.056L0 16.748V7.252a5.279 5.279 0 0 1 5.056-5.269l.217-.004h13.453Zm0 1.049H5.272c-2.22 0-4.107 1.819-4.219 4.017l-.005.207v9.496c0 2.22 1.819 4.107 4.017 4.22l.207.004h13.453c2.22 0 4.107-1.82 4.219-4.017l.005-.207V7.252c0-2.22-1.819-4.107-4.017-4.22l-.207-.004ZM9.143 6.8l.07-.011c.088-.016.193-.034.282.01l.062.045 7.103 4.732c.101.098.216.21.216.424a.5.5 0 0 1-.154.364l-.043.044-7.142 4.764a.344.344 0 0 1-.25.1l-.058.001c-.055 0-.194 0-.256-.094-.138-.041-.238-.17-.263-.342l-.007-.09V7.253c0-.226.119-.398.291-.437l.15-.015Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Play.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: "m15.407 11.922-5.653 3.792V8.203l5.653 3.719Zm3.32-9.943a5.28 5.28 0 0 1 5.269 5.056l.004.217v9.496a5.28 5.28 0 0 1-5.057 5.269l-.217.004H5.273a5.28 5.28 0 0 1-5.269-5.056L0 16.748V7.252a5.279 5.279 0 0 1 5.056-5.269l.217-.004h13.453Zm0 1.049H5.272c-2.22 0-4.107 1.819-4.219 4.017l-.005.207v9.496c0 2.22 1.819 4.107 4.017 4.22l.207.004h13.453c2.22 0 4.107-1.82 4.219-4.017l.005-.207V7.252c0-2.22-1.819-4.107-4.017-4.22l-.207-.004ZM9.143 6.8l.07-.011c.088-.016.193-.034.282.01l.062.045 7.103 4.732c.101.098.216.21.216.424a.5.5 0 0 1-.154.364l-.043.044-7.142 4.764a.344.344 0 0 1-.25.1l-.058.001c-.055 0-.194 0-.256-.094-.138-.041-.238-.17-.263-.342l-.007-.09V7.253c0-.226.119-.398.291-.437l.15-.015Z",
-    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: "m15.407 11.922-5.653 3.792V8.203l5.653 3.719Zm3.32-9.943a5.28 5.28 0 0 1 5.269 5.056l.004.217v9.496a5.28 5.28 0 0 1-5.057 5.269l-.217.004H5.273a5.28 5.28 0 0 1-5.269-5.056L0 16.748V7.252a5.279 5.279 0 0 1 5.056-5.269l.217-.004h13.453Zm0 1.049H5.272c-2.22 0-4.107 1.819-4.219 4.017l-.005.207v9.496c0 2.22 1.819 4.107 4.017 4.22l.207.004h13.453c2.22 0 4.107-1.82 4.219-4.017l.005-.207V7.252c0-2.22-1.819-4.107-4.017-4.22l-.207-.004ZM9.143 6.8l.07-.011c.088-.016.193-.034.282.01l.062.045 7.103 4.732c.101.098.216.21.216.424a.5.5 0 0 1-.154.364l-.043.044-7.142 4.764a.344.344 0 0 1-.25.1l-.058.001c-.055 0-.194 0-.256-.094-.138-.041-.238-.17-.263-.342l-.007-.09V7.253c0-.226.119-.398.291-.437l.15-.015Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PlaySolid.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M4.758 22a.743.743 0 0 1-.375-.1.773.773 0 0 1-.383-.67V2.77c0-.277.147-.533.383-.67a.747.747 0 0 1 .764.01l18.485 9.23a.773.773 0 0 1 0 1.32L5.147 21.89a.753.753 0 0 1-.39.11Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M4.758 22a.743.743 0 0 1-.375-.1.773.773 0 0 1-.383-.67V2.77c0-.277.147-.533.383-.67a.747.747 0 0 1 .764.01l18.485 9.23a.773.773 0 0 1 0 1.32L5.147 21.89a.753.753 0 0 1-.39.11Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M4.758 22a.743.743 0 0 1-.375-.1.773.773 0 0 1-.383-.67V2.77c0-.277.147-.533.383-.67a.747.747 0 0 1 .764.01l18.485 9.23a.773.773 0 0 1 0 1.32L5.147 21.89a.753.753 0 0 1-.39.11Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M4.758 22a.743.743 0 0 1-.375-.1.773.773 0 0 1-.383-.67V2.77c0-.277.147-.533.383-.67a.747.747 0 0 1 .764.01l18.485 9.23a.773.773 0 0 1 0 1.32L5.147 21.89a.753.753 0 0 1-.39.11Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PlayVideo.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.896 5.01c.09-.012.282-.035.435.085l10.343 6.268.025.023c.117.107.301.273.301.585 0 .312-.184.479-.3.585l-.008.006-.018.017-10.341 6.267C8.149 19 7.954 19 7.839 19h-.017c-.048 0-.143 0-.227-.025a.366.366 0 0 1-.17-.105.567.567 0 0 1-.292-.21.72.72 0 0 1-.132-.424V5.706a.72.72 0 0 1 .132-.425.57.57 0 0 1 .469-.234c.06 0 .108-.008.172-.019a2.72 2.72 0 0 1 .123-.018Zm.766 11.738V7.085l7.999 4.784-8 4.88Z",
-    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.896 5.01c.09-.012.282-.035.435.085l10.343 6.268.025.023c.117.107.301.273.301.585 0 .312-.184.479-.3.585l-.008.006-.018.017-10.341 6.267C8.149 19 7.954 19 7.839 19h-.017c-.048 0-.143 0-.227-.025a.366.366 0 0 1-.17-.105.567.567 0 0 1-.292-.21.72.72 0 0 1-.132-.424V5.706a.72.72 0 0 1 .132-.425.57.57 0 0 1 .469-.234c.06 0 .108-.008.172-.019a2.72 2.72 0 0 1 .123-.018Zm.766 11.738V7.085l7.999 4.784-8 4.88Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};