@mirohq/design-system-icons 0.57.0 → 0.58.1

package/dist/module.js

@@ -5,6 +5,7 @@ import { useLocalStorage } from '@mirohq/design-system-use-local-storage';
 import { Primitive } from '@mirohq/design-system-primitive';
 import { styled, theme } from '@mirohq/design-system-stitches';
 import { mapKeysToVariants } from '@mirohq/design-system-utils';
+import { useNewDesignLanguage } from '@mirohq/design-system-experiments';
 
 const StyledIcon = styled(Primitive.svg, {
   display: "inline-flex",
@@ -925,17 +926,15 @@ const IconArrowDownRight = forwardRef(
 );
 IconArrowDownRight[iconSymbol] = true;
 
-const IconArrowDown = forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconArrowDownNew = forwardRef(
+  (props, forwardRef2) => {
     const [debug] = useLocalStorage("DEBUG_ICON", false);
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 24 24",
         fill: "none",
         ref: forwardRef2
@@ -960,6 +959,61 @@ const IconArrowDown = forwardRef(
     );
   }
 );
+const IconArrowDownOld = forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = useLocalStorage("DEBUG_ICON", false);
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M12 3v17.205m-6.9964-6.2033 6.9964 6.5983 7.0031-6.6044"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M12 12v.0001"
+        }
+      )
+    );
+  }
+);
+const IconArrowDown = forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsx(
+      IconArrowDownNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsx(
+      IconArrowDownOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconArrowDown[iconSymbol] = true;
 
 const IconArrowElbowDownRight = forwardRef(
@@ -1064,17 +1118,39 @@ const IconArrowFatLeft = forwardRef(
 );
 IconArrowFatLeft[iconSymbol] = true;
 
-const IconArrowFatRight = forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconArrowFatRightNew = forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = useLocalStorage("DEBUG_ICON", false);
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M11 7h-7.75a.25.25 0 0 0-.25.25v9.5a.25.25 0 0 0 .25.25h7.75v3.9367c0 .2167.257.3308.4177.1854l10.0823-9.1221-10.0823-9.122c-.1607-.1455-.4177-.0314-.4177.1853v3.9367ZM3 12v.0001"
+        }
+      )
+    );
+  }
+);
+const IconArrowFatRightOld = forwardRef(
+  (props, forwardRef2) => {
     const [debug] = useLocalStorage("DEBUG_ICON", false);
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 24 24",
         fill: "none",
         ref: forwardRef2
@@ -1090,6 +1166,28 @@ const IconArrowFatRight = forwardRef(
     );
   }
 );
+const IconArrowFatRight = forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsx(
+      IconArrowFatRightNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsx(
+      IconArrowFatRightOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconArrowFatRight[iconSymbol] = true;
 
 const IconArrowFatUpRight = forwardRef(
@@ -1130,17 +1228,15 @@ const IconArrowFatUpRight = forwardRef(
 );
 IconArrowFatUpRight[iconSymbol] = true;
 
-const IconArrowLeft = forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconArrowLeftNew = forwardRef(
+  (props, forwardRef2) => {
     const [debug] = useLocalStorage("DEBUG_ICON", false);
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 24 24",
         fill: "none",
         ref: forwardRef2
@@ -1165,19 +1261,72 @@ const IconArrowLeft = forwardRef(
     );
   }
 );
+const IconArrowLeftOld = forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = useLocalStorage("DEBUG_ICON", false);
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M21 12h-17m6.41-7-7 7 7 7"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M12 12v.0001"
+        }
+      )
+    );
+  }
+);
+const IconArrowLeft = forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsx(
+      IconArrowLeftNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsx(
+      IconArrowLeftOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconArrowLeft[iconSymbol] = true;
 
-const IconArrowRight = forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconArrowRightNew = forwardRef(
+  (props, forwardRef2) => {
     const [debug] = useLocalStorage("DEBUG_ICON", false);
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 25 24",
         fill: "none",
         ref: forwardRef2
@@ -1202,6 +1351,61 @@ const IconArrowRight = forwardRef(
     );
   }
 );
+const IconArrowRightOld = forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = useLocalStorage("DEBUG_ICON", false);
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 25 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M21 12h-17m10.59-7 7 7-7 7"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M1 0v.0001"
+        }
+      )
+    );
+  }
+);
+const IconArrowRight = forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsx(
+      IconArrowRightNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsx(
+      IconArrowRightOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconArrowRight[iconSymbol] = true;
 
 const IconArrowUpCircle = forwardRef(
@@ -1532,17 +1736,49 @@ const IconArrowsHorizontalLinesTopBottom = forwardRef(
 );
 IconArrowsHorizontalLinesTopBottom[iconSymbol] = true;
 
-const IconArrowsInSimple = forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconArrowsInSimpleNew = forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = useLocalStorage("DEBUG_ICON", false);
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "m21 3-7 7m0 0v-5m0 5h5m-16 11 7-7m0 0v5m0-5h-5"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M16 8v.0001"
+        }
+      )
+    );
+  }
+);
+const IconArrowsInSimpleOld = forwardRef(
+  (props, forwardRef2) => {
     const [debug] = useLocalStorage("DEBUG_ICON", false);
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 24 24",
         fill: "none",
         ref: forwardRef2
@@ -1568,6 +1804,28 @@ const IconArrowsInSimple = forwardRef(
     );
   }
 );
+const IconArrowsInSimple = forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsx(
+      IconArrowsInSimpleNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsx(
+      IconArrowsInSimpleOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconArrowsInSimple[iconSymbol] = true;
 
 const IconArrowsOutCardinal = forwardRef(
@@ -3836,17 +4094,39 @@ const IconClockCounterClockwiseSimple = forwardRef(
 );
 IconClockCounterClockwiseSimple[iconSymbol] = true;
 
-const IconClockCounterClockwise = forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconClockCounterClockwiseNew = forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = useLocalStorage("DEBUG_ICON", false);
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "m4.0696 13.1237.1237.9924 1.9847-.2475-.1238-.9923-1.9846.2474Zm.9304 1.8763-.7071.7071h1.4142l-.7071-.7071Zm8 6c4.9706 0 9-4.0294 9-9h-2c0 3.866-3.134 7-7 7v2Zm9-9c0-4.9706-4.0294-9-9-9v2c3.866 0 7 3.134 7 7h2Zm-9-9c-4.9706 0-9 4.0294-9 9h2c0-3.866 3.134-7 7-7v-2Zm-9 9c0 .3801.0236.7552.0696 1.1237l1.9846-.2474a7.079 7.079 0 0 1-.0542-.8763h-2Zm1.7071 3.7071 3-3-1.4142-1.4142-3 3 1.4142 1.4142Zm0-1.4142-3-3-1.4142 1.4142 3 3 1.4142-1.4142Z"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: 13, cy: 12, r: 2, fill: "currentColor" })
+    );
+  }
+);
+const IconClockCounterClockwiseOld = forwardRef(
+  (props, forwardRef2) => {
     const [debug] = useLocalStorage("DEBUG_ICON", false);
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 24 24",
         fill: "none",
         ref: forwardRef2
@@ -3872,6 +4152,28 @@ const IconClockCounterClockwise = forwardRef(
     );
   }
 );
+const IconClockCounterClockwise = forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsx(
+      IconClockCounterClockwiseNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsx(
+      IconClockCounterClockwiseOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconClockCounterClockwise[iconSymbol] = true;
 
 const IconClockOvertime = forwardRef(
@@ -5594,7 +5896,7 @@ const IconDiagrammingFormat = forwardRef(
         {
           fill: "currentColor",
           fillRule: "evenodd",
-          d: "M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.6264l-2.1436-1.7116 1.2341-1.5769 4.3833 3.5001c.2387.1906.3779.481.3779.7884 0 .3073-.1392.5978-.3779.7884l-4.3833 3.5-1.2341-1.5769 2.1435-1.7115h-6.6263c-.4633 2.2822-2.481 4-4.9 4-2.7614 0-5-2.2386-5-5 0-2.0503 1.2341-3.8124 3-4.584v-.916c0-3.3137 2.6863-6 6-6h2v-1Zm2.5-.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4Zm-8.5 10c-1.6569 0-3 1.3431-3 3s1.3431 3 3 3 3-1.3431 3-3-1.3431-3-3-3Z",
+          d: "M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.6265l-2.1437-1.7117 1.2341-1.5768 4.3833 3.5001c.2387.1906.378.481.378.7884 0 .3073-.1393.5978-.378.7884l-4.3833 3.4999-1.2341-1.5768 2.1435-1.7115h-6.6263c-.4633 2.2822-2.481 4-4.9 4-2.7614 0-5-2.2386-5-5 0-2.0503 1.2341-3.8124 3-4.584v-.916c0-3.3137 2.6863-6 6-6h2v-1Zm2.5-.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4Zm-8.5 10c-1.6569 0-3 1.3431-3 3s1.3431 3 3 3 3-1.3431 3-3-1.3431-3-3-3Z",
           clipRule: "evenodd"
         }
       )