@webstudio-is/icons 0.22.0 → 0.24.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.22.0",
+  "version": "0.24.0",
   "description": "Webstudio Icons",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -24,7 +24,7 @@
   "dependencies": {
     "@radix-ui/react-icons": "^1.1.0",
     "react": "^17.0.2",
-    "@webstudio-is/css-vars": "^0.22.0"
+    "@webstudio-is/css-vars": "^0.24.0"
   },
   "module": "./lib/index.js",
   "exports": {

package/src/__generated__/chevron-big-down.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/chevron-big-down.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const ChevronBigDownIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m8.46 10.947 4.553-5.463a.6.6 0 0 0-.46-.984H3.447a.6.6 0 0 0-.461.984l4.552 5.463a.6.6 0 0 0 .922 0Z" /></svg>
+    );
+  }
+);
+
+ChevronBigDownIcon.displayName = "ChevronBigDownIcon";

package/src/__generated__/chevron-big-left.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/chevron-big-left.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const ChevronBigLeftIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m5.053 8.46 5.463 4.553a.6.6 0 0 0 .984-.46V3.447a.6.6 0 0 0-.984-.461L5.053 7.539a.6.6 0 0 0 0 .922Z" /></svg>
+    );
+  }
+);
+
+ChevronBigLeftIcon.displayName = "ChevronBigLeftIcon";

package/src/__generated__/chevron-big-right.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/chevron-big-right.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const ChevronBigRightIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M10.947 7.54 5.484 2.986a.6.6 0 0 0-.984.46v9.105a.6.6 0 0 0 .984.461l5.463-4.552a.6.6 0 0 0 0-.922Z" /></svg>
+    );
+  }
+);
+
+ChevronBigRightIcon.displayName = "ChevronBigRightIcon";

package/src/__generated__/chevron-big-up.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/chevron-big-up.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const ChevronBigUpIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m7.54 5.053-4.553 5.463a.6.6 0 0 0 .46.984h9.105a.6.6 0 0 0 .461-.984L8.461 5.053a.6.6 0 0 0-.922 0Z" /></svg>
+    );
+  }
+);
+
+ChevronBigUpIcon.displayName = "ChevronBigUpIcon";

package/src/__generated__/chevron-filled-down.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/chevron-filled-down.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const ChevronFilledDownIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m8.5 10.251 2.878-4.318a.6.6 0 0 0-.5-.933H5.122a.6.6 0 0 0-.5.933l2.88 4.318a.6.6 0 0 0 .998 0Z" /></svg>
+    );
+  }
+);
+
+ChevronFilledDownIcon.displayName = "ChevronFilledDownIcon";

package/src/__generated__/chevron-filled-left.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/chevron-filled-left.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const ChevronFilledLeftIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="m5.749 8.5 4.318 2.878a.6.6 0 0 0 .933-.5V5.122a.6.6 0 0 0-.933-.5L5.75 7.502a.6.6 0 0 0 0 .998Z" /></svg>
+    );
+  }
+);
+
+ChevronFilledLeftIcon.displayName = "ChevronFilledLeftIcon";

package/src/__generated__/chevron-filled-right.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/chevron-filled-right.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const ChevronFilledRightIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M10.251 7.5 5.933 4.623a.6.6 0 0 0-.933.5v5.757a.6.6 0 0 0 .933.5l4.318-2.88a.6.6 0 0 0 0-.998Z" /></svg>
+    );
+  }
+);
+
+ChevronFilledRightIcon.displayName = "ChevronFilledRightIcon";

package/src/__generated__/chevron-filled-up.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/chevron-filled-up.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const ChevronFilledUpIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M7.5 5.508 4.623 9.826a.6.6 0 0 0 .5.933h5.757a.6.6 0 0 0 .5-.933l-2.88-4.318a.6.6 0 0 0-.998 0Z" /></svg>
+    );
+  }
+);
+
+ChevronFilledUpIcon.displayName = "ChevronFilledUpIcon";

package/src/__generated__/dot.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/dot.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const DotIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" /></svg>
+    );
+  }
+);
+
+DotIcon.displayName = "DotIcon";

package/src/__generated__/index.ts

@@ -1,8 +1,19 @@
 export * from "./auto-scroll";
+export * from "./chevron-big-down";
+export * from "./chevron-big-left";
+export * from "./chevron-big-right";
+export * from "./chevron-big-up";
+export * from "./chevron-filled-down";
+export * from "./chevron-filled-left";
+export * from "./chevron-filled-right";
+export * from "./chevron-filled-up";
+export * from "./dot";
 export * from "./eyecon-closed";
 export * from "./eyecon-open";
+export * from "./info";
 export * from "./linked";
 export * from "./scroll";
 export * from "./subscript";
 export * from "./superscript";
 export * from "./unlinked";
+export * from "./webstudio";

package/src/__generated__/info.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/info.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const InfoIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill={color} {...props} ref={forwardedRef}><path d="M8.76 5.628a.75.75 0 1 0-1.5 0v2.828a.75.75 0 1 0 1.5 0V5.628ZM8 9.626a.75.75 0 1 0 0 1.5h.007a.75.75 0 1 0 0-1.5H8Z" /><path fillRule="evenodd" d="M8 2.35a5.65 5.65 0 1 0 0 11.3 5.65 5.65 0 0 0 0-11.3ZM4.924 4.924a4.35 4.35 0 1 1 6.152 6.152 4.35 4.35 0 0 1-6.152-6.152Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+InfoIcon.displayName = "InfoIcon";

package/src/__generated__/webstudio.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/webstudio.svg
+
+import { forwardRef } from "react";
+import { IconProps } from "../types";
+
+// prettier-ignore
+export const WebstudioIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 210" width="16" height="16" fill={color} {...props} ref={forwardedRef}><mask id="a" width="280" height="210" x="0" y="0" maskUnits="userSpaceOnUse" style={{"maskType":"alpha"}}><path fill="#000" fillRule="evenodd" d="M73.71 98.769 47.071 16.686C42.971 3.983 29.375-2.918 16.678 1.183 3.981 5.283-2.917 18.987 1.182 31.59L53.57 193.328c.176.546.43 1.041.753 1.487 3.324 8.339 11.18 14.469 20.742 15.117 13.297.9 24.794-9.102 25.694-22.406 0 0 2.399-36.008 14.997-64.815 2.799-6.401 6.098-12.503 10.297-17.304 3.689-4.389 8.074-7.882 14.047-7.902 5.873.02 10.258 3.513 14.047 7.902 4.099 4.901 7.498 10.903 10.297 17.304 12.698 28.807 15.097 64.815 15.097 64.815.9 13.304 12.397 23.406 25.694 22.406 10.761-.729 19.362-8.467 21.774-18.39L278.818 31.59c4.099-12.703-2.799-26.307-15.496-30.407-12.598-4.101-26.294 2.8-30.393 15.503L206.442 98.46c-13.815-28.497-36.054-49.266-66.292-49.266-30.347 0-52.637 20.92-66.44 49.575Zm66.39-1.264h-.05.1-.05Z" clipRule="evenodd" /></mask><g mask="url(#a)"><path fill="url(#b)" fillRule="evenodd" d="M156.5 220.034 231.1-10.02H290v39.509l-61.8 190.545h-71.7Z" clipRule="evenodd" /><path fill="url(#c)" fillRule="evenodd" d="M156.5 220.034 231.1-10.02H290v39.509l-61.8 190.545h-71.7Z" clipRule="evenodd" /><path fill="url(#d)" fillOpacity=".8" fillRule="evenodd" d="M156.5 220.034 231.1-10.02H290v39.509l-61.8 190.545h-71.7Z" clipRule="evenodd" /><path fill="url(#e)" fillRule="evenodd" d="M156.5 220.034 231.1-10.02H290v39.509l-61.8 190.545h-71.7Z" clipRule="evenodd" /><g fillRule="evenodd" clipRule="evenodd" style={{"mixBlendMode":"multiply"}}><path fill="url(#f)" d="M156.5 220.034 231.1-10.02 290 29.489l-61.8 190.545h-71.7Z" /><path fill="url(#g)" d="M156.5 220.034 231.1-10.02 290 29.489l-61.8 190.545h-71.7Z" /></g><path fill="#E63CFE" fillRule="evenodd" d="M226.5 219.934h-51.4c-3.6-31.208-15-112.527-35-112.527-21.7 0-31.8 90.121-34 112.527H32.4c3.2-38.909 20.8-180.843 107.7-180.843 25.2 0 47.1 12.403 63.7 35.308l2.645 24.061s1.555 3.346 2.155 4.646c15.9 36.009 19 81.019 19 81.019.2 3.201-.2 6.302-1.1 9.102v26.707Z" clipRule="evenodd" /><path fill="url(#h)" fillRule="evenodd" d="M226.5 219.934h-51.4c-3.6-31.208-15-112.527-35-112.527-21.7 0-31.8 90.121-34 112.527H32.4c3.2-38.909 20.8-180.843 107.7-180.843 25.2 0 47.1 12.403 63.7 35.308l2.645 24.061s1.555 3.346 2.155 4.646c15.9 36.009 19 81.019 19 81.019.2 3.201-.2 6.302-1.1 9.102v26.707Z" clipRule="evenodd" /><path fill="url(#i)" fillRule="evenodd" d="M226.5 219.934h-51.4c-3.6-31.208-15-112.527-35-112.527-21.7 0-31.8 90.121-34 112.527H32.4c3.2-38.909 20.8-180.843 107.7-180.843 25.2 0 47.1 12.403 63.7 35.308l2.645 24.061s1.555 3.346 2.155 4.646c15.9 36.009 19 81.019 19 81.019.2 3.201-.2 6.302-1.1 9.102v26.707Z" clipRule="evenodd" /><path fill="url(#j)" fillRule="evenodd" d="M226.5 219.934h-51.4c-3.6-31.208-15-112.527-35-112.527-21.7 0-31.8 90.121-34 112.527H32.4c3.2-38.909 20.8-180.843 107.7-180.843 25.2 0 47.1 12.403 63.7 35.308l2.645 24.061s1.555 3.346 2.155 4.646c15.9 36.009 19 81.019 19 81.019.2 3.201-.2 6.302-1.1 9.102v26.707Z" clipRule="evenodd" /><path fill="url(#k)" fillRule="evenodd" d="M226.5 219.934h-51.4c-3.6-31.208-15-112.527-35-112.527-21.7 0-31.8 90.121-34 112.527H32.4c3.2-38.909 20.8-180.843 107.7-180.843 25.2 0 47.1 12.403 63.7 35.308l2.645 24.061s1.555 3.346 2.155 4.646c15.9 36.009 19 81.019 19 81.019.2 3.201-.2 6.302-1.1 9.102v26.707Z" clipRule="evenodd" /><g fillRule="evenodd" clipRule="evenodd" style={{"mixBlendMode":"multiply"}}><path fill="url(#l)" d="M140.1 107.407c-21.7 0-31.8 90.121-34 112.527H32.4c3.2-38.909 20.8-180.843 107.7-180.843 111.75 0 95.397 68.316 0 68.316Z" /><path fill="url(#m)" d="M140.1 107.407c-21.7 0-31.8 90.121-34 112.527H32.4c3.2-38.909 20.8-180.843 107.7-180.843 111.75 0 95.397 68.316 0 68.316Z" /></g><path fill="url(#n)" fillRule="evenodd" d="M-9.9 29.489v-39.51H49L76.4 74.5l-2.693 24.27L99.5 178.424c1 3.001 1.3 6.201 1.1 9.202 0 0-1.9 28.207-13.4 32.508H51.8L-9.9 29.489Z" clipRule="evenodd" /><path fill="url(#o)" fillRule="evenodd" d="M-9.9 29.489v-39.51H49L76.4 74.5l-2.693 24.27L99.5 178.424c1 3.001 1.3 6.201 1.1 9.202 0 0-1.9 28.207-13.4 32.508H51.8L-9.9 29.489Z" clipRule="evenodd" /><path fill="url(#p)" fillRule="evenodd" d="M-9.9 29.489v-39.51H49L76.4 74.5l-2.693 24.27L99.5 178.424c1 3.001 1.3 6.201 1.1 9.202 0 0-1.9 28.207-13.4 32.508H51.8L-9.9 29.489Z" clipRule="evenodd" /><path fill="url(#q)" fillRule="evenodd" d="M-9.9 29.489v-39.51H49L76.4 74.5l-2.693 24.27L99.5 178.424c1 3.001 1.3 6.201 1.1 9.202 0 0-1.9 28.207-13.4 32.508H51.8L-9.9 29.489Z" clipRule="evenodd" /><path fill="url(#r)" fillRule="evenodd" d="M-9.9 29.489v-39.51H49L76.4 74.5l-2.693 24.27L99.5 178.424c1 3.001 1.3 6.201 1.1 9.202 0 0-1.9 28.207-13.4 32.508H51.8L-9.9 29.489Z" clipRule="evenodd" /><path fill="url(#s)" d="M290-10.02H-10v230.054h300V-10.02Z" /><path fill="url(#t)" d="M290-10.02H-10v230.054h300V-10.02Z" /><path fill="url(#u)" d="M290-10.02H-10v230.054h300V-10.02Z" /></g><defs><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="rotate(83.438 43.842 167.73) scale(155.653 39.7647)" gradientUnits="userSpaceOnUse"><stop stopColor="#6F15A9" stopOpacity=".9" /><stop offset=".613" stopColor="#6F15A9" stopOpacity="0" /></radialGradient><radialGradient id="g" cx="0" cy="0" r="1" gradientTransform="matrix(24.69652 161.33978 -34.3153 5.2527 217.626 .959)" gradientUnits="userSpaceOnUse"><stop offset=".377" stopColor="#fff" /><stop offset="1" stopColor="#fff" stopOpacity="0" /></radialGradient><radialGradient id="h" cx="0" cy="0" r="1" gradientTransform="rotate(-82.825 148.387 -.173) scale(129.813 100.452)" gradientUnits="userSpaceOnUse"><stop stopColor="#39FBBB" stopOpacity=".5" /><stop offset=".701" stopColor="#39FBBB" /><stop offset=".949" stopColor="#39FBBB" stopOpacity="0" /></radialGradient><radialGradient id="i" cx="0" cy="0" r="1" gradientTransform="matrix(-159.54108 -251.31895 60.92249 -38.67452 296.764 204.529)" gradientUnits="userSpaceOnUse"><stop stopColor="#E63CFE" /><stop offset="1" stopColor="#E63CFE" stopOpacity="0" /></radialGradient><radialGradient id="j" cx="0" cy="0" r="1" gradientTransform="matrix(0 -115.84 97.1865 0 136.481 174.605)" gradientUnits="userSpaceOnUse"><stop offset=".64" stopColor="#4A4EFA" /><stop offset="1" stopColor="#4A4EFA" stopOpacity="0" /></radialGradient><radialGradient id="k" cx="0" cy="0" r="1" gradientTransform="rotate(-71.666 204.704 51.35) scale(155.998 62.8576)" gradientUnits="userSpaceOnUse"><stop offset=".632" stopColor="#E63CFE" /><stop offset="1" stopColor="#E63CFE" stopOpacity="0" /></radialGradient><radialGradient id="l" cx="0" cy="0" r="1" gradientTransform="rotate(71.833 -38.114 102.588) scale(75.0284 46.6295)" gradientUnits="userSpaceOnUse"><stop stopColor="#6F15A9" /><stop offset="1" stopColor="#00127F" stopOpacity="0" /></radialGradient><radialGradient id="m" cx="0" cy="0" r="1" gradientTransform="rotate(175.292 74.822 60.88) scale(82.9292 111.991)" gradientUnits="userSpaceOnUse"><stop offset=".758" stopColor="#fff" /><stop offset="1" stopColor="#fff" stopOpacity="0" /></radialGradient><radialGradient id="s" cx="0" cy="0" r="1" gradientTransform="matrix(0 -229.783 165.804 0 96.901 219.762)" gradientUnits="userSpaceOnUse"><stop offset=".262" stopColor="#FFAE3C" /><stop offset=".527" stopColor="#FFAE3C" stopOpacity="0" /></radialGradient><radialGradient id="t" cx="0" cy="0" r="1" gradientTransform="matrix(0 -129.629 126.516 0 242.706 219.762)" gradientUnits="userSpaceOnUse"><stop offset=".283" stopColor="#E63CFE" /><stop offset=".857" stopColor="#E63CFE" stopOpacity="0" /></radialGradient><radialGradient id="u" cx="0" cy="0" r="1" gradientTransform="matrix(-24.1919 -176.1889 68.00682 -9.33778 164.141 219.762)" gradientUnits="userSpaceOnUse"><stop offset=".251" stopColor="#FFAE3C" /><stop offset=".656" stopColor="#FFAE3C" stopOpacity="0" /></radialGradient><linearGradient id="b" x1="328.489" x2="259.397" y1="-101.75" y2="227.415" gradientUnits="userSpaceOnUse"><stop stopColor="#4A4EFA" /><stop offset=".625" stopColor="#E63CFE" /></linearGradient><linearGradient id="c" x1="193.001" x2="247.46" y1="96.497" y2="115.178" gradientUnits="userSpaceOnUse"><stop offset=".259" stopColor="#4A4EFA" /><stop offset=".961" stopColor="#4A4EFA" stopOpacity="0" /></linearGradient><linearGradient id="d" x1="202.309" x2="243.057" y1="71.375" y2="86.077" gradientUnits="userSpaceOnUse"><stop offset=".252" stopColor="#39FBBB" /><stop offset="1" stopColor="#39FBBB" stopOpacity="0" /></linearGradient><linearGradient id="e" x1="295.535" x2="286.169" y1="-10.021" y2="31.423" gradientUnits="userSpaceOnUse"><stop stopColor="#4A4EFA" /><stop offset=".933" stopColor="#4A4EFA" stopOpacity="0" /></linearGradient><linearGradient id="n" x1="-18.948" x2="55.093" y1="1.039" y2="231.932" gradientUnits="userSpaceOnUse"><stop offset=".17" stopColor="#E63CFE" /><stop offset=".592" stopColor="#FFAE3C" /></linearGradient><linearGradient id="o" x1="63.506" x2="20.255" y1="74.425" y2="88.815" gradientUnits="userSpaceOnUse"><stop offset=".321" stopColor="#4A4EFA" /><stop offset="1" stopColor="#4A4EFA" stopOpacity="0" /></linearGradient><linearGradient id="p" x1="82.497" x2="64.141" y1="106.838" y2="112.322" gradientUnits="userSpaceOnUse"><stop stopColor="#E63CFE" /><stop offset="1" stopColor="#E63CFE" stopOpacity="0" /></linearGradient><linearGradient id="q" x1="52.445" x2="17.265" y1="223.209" y2="146.13" gradientUnits="userSpaceOnUse"><stop offset=".372" stopColor="#FFAE3C" /><stop offset="1" stopColor="#FFAE3C" stopOpacity="0" /></linearGradient><linearGradient id="r" x1="20.419" x2="34.66" y1="-10.021" y2="23.34" gradientUnits="userSpaceOnUse"><stop stopColor="#E63CFE" /><stop offset="1" stopColor="#E63CFE" stopOpacity="0" /></linearGradient></defs></svg>
+    );
+  }
+);
+
+WebstudioIcon.displayName = "WebstudioIcon";

package/src/check-mark.tsx

@@ -0,0 +1,28 @@
+import { forwardRef } from "react";
+import { IconProps } from "./types";
+
+export const CheckMarkIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return (
+      <svg
+        width="16"
+        height="16"
+        viewBox="0 0 16 16"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M4.75 8.25L6.75 10.25L11.25 5.75"
+          stroke={color}
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+);
+
+CheckMarkIcon.displayName = "CheckMarkIcon";

package/src/index.ts

@@ -89,3 +89,4 @@ export * from "./text-underline";
 export * from "./text-uppercase";
 export * from "./text-direction-ltr";
 export * from "./text-direction-rtl";
+export * from "./check-mark";

package/src/legacy.ts

@@ -24,8 +24,6 @@ export {
   HeadingIcon,
   TextIcon,
   SquareIcon,
-  InfoCircledIcon,
   CrossCircledIcon,
   CheckCircledIcon,
-  TokensIcon,
 } from "@radix-ui/react-icons";