@codecademy/gamut-icons 9.51.1-alpha.3e8b72.0 → 9.51.1-alpha.4bc7f1.0

package/dist/icons/mini/MiniAccessibilityIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniAccessibilityIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniAccessibilityIcon.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniAccessibilityIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniAccessibilityIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        fillRule: "evenodd",
+        d: "M0 8a8 8 0 1116 0A8 8 0 010 8zm8-5.143a1.714 1.714 0 100 3.429 1.714 1.714 0 000-3.429zM4.571 7.286a.714.714 0 100 1.428h2.715v.003c0 .858-.286 1.691-.813 2.368L5.436 12.42a.714.714 0 101.128.877L7.6 11.962c.147-.189.28-.386.399-.591.119.205.252.402.4.591l1.036 1.334a.714.714 0 101.128-.877l-1.037-1.334a3.857 3.857 0 01-.813-2.368v-.003h2.715a.714.714 0 100-1.428H4.57z",
+        clipRule: "evenodd"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniAddIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniAddIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniAddIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniAddIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniAddIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M0 6a.75.75 0 00.75.75h4.375a.125.125 0 01.125.125v4.375a.75.75 0 001.5 0V6.875a.125.125 0 01.125-.125h4.375a.75.75 0 000-1.5H6.875a.125.125 0 01-.125-.125V.75a.75.75 0 00-1.5 0v4.375a.125.125 0 01-.125.125H.75A.75.75 0 000 6z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniArrowDownIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniArrowDownIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniArrowDownIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniArrowDownIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniArrowDownIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 140 140",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M27.93 102.07l35 35a10 10 0 0014.14 0l35-35a10 10 0 00-14.14-14.14l-13.66 13.66A2.5 2.5 0 0180 99.82V10a10 10 0 00-20 0v89.82a2.5 2.5 0 01-4.27 1.77L42.07 87.93a10 10 0 00-14.14 14.14z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniArrowLeftIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniArrowLeftIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniArrowLeftIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniArrowLeftIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniArrowLeftIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M14.8 6.8H4.098l1.95-1.952a1.2 1.2 0 00-1.696-1.696l-4 4a1.198 1.198 0 000 1.696l4 4a1.2 1.2 0 101.696-1.696L4.098 9.2H14.8a1.2 1.2 0 000-2.4z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniArrowRightIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniArrowRightIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniArrowRightIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniArrowRightIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniArrowRightIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M11.665 3.192l4 4a1.143 1.143 0 010 1.616l-4 4a1.143 1.143 0 01-1.616-1.616l1.561-1.561a.286.286 0 00-.202-.488H1.143a1.143 1.143 0 010-2.286h10.265a.286.286 0 00.202-.488l-1.56-1.561a1.143 1.143 0 011.615-1.616z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniArrowUpIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniArrowUpIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniArrowUpIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniArrowUpIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniArrowUpIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M12.848 4.352l-4-4a1.198 1.198 0 00-1.696 0l-4 4a1.2 1.2 0 001.696 1.696L6.8 4.098V14.8a1.2 1.2 0 002.4 0V4.098l1.952 1.95a1.2 1.2 0 101.696-1.696z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniAudioDescriptionIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniAudioDescriptionIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniAudioDescriptionIcon.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniAudioDescriptionIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniAudioDescriptionIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        fillRule: "evenodd",
+        d: "M14.41 4.161a5.429 5.429 0 010 7.678.857.857 0 01-1.212-1.213 3.714 3.714 0 000-5.252.857.857 0 111.212-1.213zM2.486 6.701L3 8.628H1.972l.514-1.927zm1.081 4.054l-.186-.698H1.59l-.186.698a.714.714 0 11-1.38-.368l1.268-4.756a1.235 1.235 0 012.386 0l1.268 4.756a.714.714 0 11-1.38.368zm2.89-6.04a.714.714 0 00-.714.714v5.142c0 .395.32.715.714.715h.6C8.562 11.286 9.83 9.954 9.83 8S8.562 4.714 7.057 4.714h-.6zM8.4 8c0 1.248-.688 1.784-1.229 1.85v-3.7C7.712 6.216 8.4 6.752 8.4 8zm4.743 0c0-.682-.27-1.336-.753-1.818a.857.857 0 10-1.212 1.212.857.857 0 010 1.212.857.857 0 001.212 1.212A2.571 2.571 0 0013.143 8z",
+        clipRule: "evenodd"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniCheckCircleIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniCheckCircleIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniCheckCircleIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniCheckCircleIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniCheckCircleIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 140 140",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm36 59L66.24 98.74a10 10 0 01-14.15 0L34 80.68a10.013 10.013 0 0114.18-14.14l11 11 32.64-32.67A10.01 10.01 0 01106 59z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniChevronDownIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniChevronDownIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniChevronDownIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniChevronDownIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniChevronDownIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 140 140",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M137.07 34a10 10 0 00-14.14 0L71.77 85.13a2.5 2.5 0 01-3.54 0L17.07 34A10 10 0 002.93 48.11l56.46 56.47a15 15 0 0021.22 0l56.46-56.47a10 10 0 000-14.11z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniChevronLeftIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniChevronLeftIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniChevronLeftIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniChevronLeftIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniChevronLeftIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 140 140",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M54.87 71.77a2.5 2.5 0 010-3.54L106 17.07A10 10 0 1091.89 2.93L35.43 59.39a15 15 0 000 21.22l56.46 56.46A10 10 0 10106 122.93z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniChevronRightIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniChevronRightIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniChevronRightIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniChevronRightIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniChevronRightIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 140 140",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M34 137.07a10 10 0 010-14.14l51.13-51.16a2.5 2.5 0 000-3.54L34 17.07A10 10 0 0148.11 2.93l56.46 56.46a15 15 0 010 21.22l-56.46 56.46a10 10 0 01-14.11 0z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniChevronUpIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniChevronUpIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniChevronUpIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniChevronUpIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniChevronUpIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 140 140",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M122.93 106L71.77 54.87a2.5 2.5 0 00-3.54 0L17.07 106A10 10 0 112.93 91.89l56.46-56.46a15 15 0 0121.22 0l56.46 56.46A10 10 0 11122.93 106z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniCircleIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniCircleIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/mini/MiniCircleIcon.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MiniCircleIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('MiniCircleIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 12,
+        r: 11.25,
+        fill: "none",
+        stroke: "#fff",
+        strokeWidth: 1.5
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/mini/MiniCloseCaptioningIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const MiniCloseCaptioningIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;