@mirohq/design-system-icons 0.57.0 → 0.58.1

package/dist/main.js

@@ -9,6 +9,7 @@ var designSystemUseLocalStorage = require('@mirohq/design-system-use-local-stora
 var designSystemPrimitive = require('@mirohq/design-system-primitive');
 var designSystemStitches = require('@mirohq/design-system-stitches');
 var designSystemUtils = require('@mirohq/design-system-utils');
+var designSystemExperiments = require('@mirohq/design-system-experiments');
 
 const StyledIcon = designSystemStitches.styled(designSystemPrimitive.Primitive.svg, {
   display: "inline-flex",
@@ -929,17 +930,15 @@ const IconArrowDownRight = react.forwardRef(
 );
 IconArrowDownRight[designSystemBaseIcon.iconSymbol] = true;
 
-const IconArrowDown = react.forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconArrowDownNew = react.forwardRef(
+  (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
     return react.createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 24 24",
         fill: "none",
         ref: forwardRef2
@@ -964,6 +963,61 @@ const IconArrowDown = react.forwardRef(
     );
   }
 );
+const IconArrowDownOld = react.forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
+    return react.createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M12 12v.0001"
+        }
+      )
+    );
+  }
+);
+const IconArrowDown = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = designSystemExperiments.useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconArrowDownNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconArrowDownOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconArrowDown[designSystemBaseIcon.iconSymbol] = true;
 
 const IconArrowElbowDownRight = react.forwardRef(
@@ -1068,17 +1122,39 @@ const IconArrowFatLeft = react.forwardRef(
 );
 IconArrowFatLeft[designSystemBaseIcon.iconSymbol] = true;
 
-const IconArrowFatRight = react.forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconArrowFatRightNew = react.forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
+    return react.createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsxRuntime.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 = react.forwardRef(
+  (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
     return react.createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 24 24",
         fill: "none",
         ref: forwardRef2
@@ -1094,6 +1170,28 @@ const IconArrowFatRight = react.forwardRef(
     );
   }
 );
+const IconArrowFatRight = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = designSystemExperiments.useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconArrowFatRightNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconArrowFatRightOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconArrowFatRight[designSystemBaseIcon.iconSymbol] = true;
 
 const IconArrowFatUpRight = react.forwardRef(
@@ -1134,17 +1232,15 @@ const IconArrowFatUpRight = react.forwardRef(
 );
 IconArrowFatUpRight[designSystemBaseIcon.iconSymbol] = true;
 
-const IconArrowLeft = react.forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconArrowLeftNew = react.forwardRef(
+  (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
     return react.createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 24 24",
         fill: "none",
         ref: forwardRef2
@@ -1169,19 +1265,72 @@ const IconArrowLeft = react.forwardRef(
     );
   }
 );
+const IconArrowLeftOld = react.forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
+    return react.createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M21 12h-17m6.41-7-7 7 7 7"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M12 12v.0001"
+        }
+      )
+    );
+  }
+);
+const IconArrowLeft = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = designSystemExperiments.useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconArrowLeftNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconArrowLeftOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconArrowLeft[designSystemBaseIcon.iconSymbol] = true;
 
-const IconArrowRight = react.forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconArrowRightNew = react.forwardRef(
+  (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
     return react.createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 25 24",
         fill: "none",
         ref: forwardRef2
@@ -1206,6 +1355,61 @@ const IconArrowRight = react.forwardRef(
     );
   }
 );
+const IconArrowRightOld = react.forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
+    return react.createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 25 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M21 12h-17m10.59-7 7 7-7 7"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M1 0v.0001"
+        }
+      )
+    );
+  }
+);
+const IconArrowRight = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = designSystemExperiments.useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconArrowRightNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconArrowRightOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconArrowRight[designSystemBaseIcon.iconSymbol] = true;
 
 const IconArrowUpCircle = react.forwardRef(
@@ -1536,17 +1740,49 @@ const IconArrowsHorizontalLinesTopBottom = react.forwardRef(
 );
 IconArrowsHorizontalLinesTopBottom[designSystemBaseIcon.iconSymbol] = true;
 
-const IconArrowsInSimple = react.forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconArrowsInSimpleNew = react.forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
+    return react.createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M16 8v.0001"
+        }
+      )
+    );
+  }
+);
+const IconArrowsInSimpleOld = react.forwardRef(
+  (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
     return react.createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 24 24",
         fill: "none",
         ref: forwardRef2
@@ -1572,6 +1808,28 @@ const IconArrowsInSimple = react.forwardRef(
     );
   }
 );
+const IconArrowsInSimple = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = designSystemExperiments.useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconArrowsInSimpleNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconArrowsInSimpleOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconArrowsInSimple[designSystemBaseIcon.iconSymbol] = true;
 
 const IconArrowsOutCardinal = react.forwardRef(
@@ -3840,17 +4098,39 @@ const IconClockCounterClockwiseSimple = react.forwardRef(
 );
 IconClockCounterClockwiseSimple[designSystemBaseIcon.iconSymbol] = true;
 
-const IconClockCounterClockwise = react.forwardRef(
-  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+const IconClockCounterClockwiseNew = react.forwardRef(
+  (props, forwardRef2) => {
+    const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
+    return react.createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        "aria-hidden": true,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ref: forwardRef2
+      },
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("circle", { cx: 13, cy: 12, r: 2, fill: "currentColor" })
+    );
+  }
+);
+const IconClockCounterClockwiseOld = react.forwardRef(
+  (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
     return react.createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         "aria-hidden": true,
-        size,
         viewBox: "0 0 24 24",
         fill: "none",
         ref: forwardRef2
@@ -3876,6 +4156,28 @@ const IconClockCounterClockwise = react.forwardRef(
     );
   }
 );
+const IconClockCounterClockwise = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = designSystemExperiments.useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconClockCounterClockwiseNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconClockCounterClockwiseOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
 IconClockCounterClockwise[designSystemBaseIcon.iconSymbol] = true;
 
 const IconClockOvertime = react.forwardRef(
@@ -5598,7 +5900,7 @@ const IconDiagrammingFormat = react.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"
         }
       )