@mirohq/design-system-icons 0.60.0 → 0.61.0

package/dist/main.js

@@ -5514,25 +5514,7 @@ const IconCalendarEndNew = react.forwardRef(
           stroke: "currentColor",
           strokeLinejoin: "bevel",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "m7 14 3 3-3 3"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          stroke: "currentColor",
-          strokeLinejoin: "bevel",
-          strokeMiterlimit: 1.414,
-          strokeWidth: "var(--svg-stroke-width)",
-          d: "M21 11v10h-8m8-10v-6h-18v6h18Zm-13-9v6m8-6v6"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          stroke: "currentColor",
-          strokeWidth: "var(--svg-stroke-width)",
-          d: "M14 15v6"
+          d: "m7 14 3 3-3 3M16 5h5v6m-5-6h-8m8 0v-3m0 3v3m-8-3h-5v6h18m-13-6v-3m0 3v3m13 3v10h-8m1-6v7"
         }
       )
     );
@@ -5611,37 +5593,19 @@ const IconCalendarStartNew = react.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          stroke: "currentColor",
-          strokeLinejoin: "bevel",
-          strokeMiterlimit: 1.414,
-          strokeWidth: "var(--svg-stroke-width)",
-          d: "M3 11v10h8m-8-10v-6h18v6h-18Zm13-9v6m-8-6v6"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          stroke: "currentColor",
-          strokeWidth: "var(--svg-stroke-width)",
-          d: "M10 15v6"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          stroke: "currentColor",
-          strokeLinejoin: "round",
-          strokeWidth: "var(--svg-stroke-width)",
-          d: "M13 17.0002h7"
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M7 4v-2h2v2h6v-2h2v2h4l1 1v6l-1 1h-17v8h5v-5h2v7h-8l-1-1v-16l1-1h4Zm0 2h-3v4h16v-4h-3v2h-2v-2h-6v2h-2v-2Z",
+          clipRule: "evenodd"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          stroke: "currentColor",
-          strokeLinejoin: "bevel",
-          strokeWidth: "var(--svg-stroke-width)",
-          d: "m18 14 3 3-3 3"
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M18.5855 18.0003h-5.5855v-2h5.586l-1.2931-1.2932 1.4142-1.4142 3 3v1.4142l-3 3-1.4142-1.4142 1.2926-1.2926Z",
+          clipRule: "evenodd"
         }
       )
     );
@@ -7514,14 +7478,6 @@ const IconChevronDownDoubleOld = react.forwardRef(
           strokeWidth: "var(--svg-stroke-width)",
           d: "m15 14-3 3-3-3m6-7-3 3-3-3"
         }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          stroke: "currentColor",
-          strokeWidth: "var(--svg-stroke-width)",
-          d: "M12 10v.0001"
-        }
       )
     );
   }
@@ -10600,7 +10556,7 @@ const IconCrossSquareNew = react.forwardRef(
         {
           stroke: "currentColor",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "m16 8-4 4m-4 4 4-4m-4-4 4 4m4 4-4-4"
+          d: "m8 8 4 4m0 0 4 4m-4-4 4-4m-4 4-4 4"
         }
       )
     );
@@ -16376,6 +16332,92 @@ const IconHand = react.forwardRef(
 );
 IconHand[designSystemBaseIcon.iconSymbol] = true;
 
+const IconHeadphonesNew = 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: "M4 13v-.5c0-4.6944 3.5817-8.5 8-8.5M12 4c4.4183 0 8 3.8056 8 8.5v.5"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "m6 13 .9487-.3162-.9487-.6838v1Zm1.3125 6.5.4961.8682.0477-.0272.0444-.0323-.5882-.8087Zm.6875-.5.5882.8087.3605-1.1249-.9487.3162Zm-2.5 0c-1.3807 0-2.5-1.1193-2.5-2.5h-2c0 2.4853 2.0147 4.5 4.5 4.5v-2Zm-2.5-2.5c0-1.3807 1.1193-2.5 2.5-2.5v-2c-2.4853 0-4.5 2.0147-4.5 4.5h2Zm3-4.5h-.5v2h.5v-2Zm.8164 6.6318c-.3365.1922-.7902.3682-1.3164.3682v2c.9738 0 1.77-.324 2.3086-.6318l-.9922-1.7364Zm1.0843 1.6769.6875-.5-1.1764-1.6174-.6875.5 1.1764 1.6174Zm1.048-1.6249-2-6-1.8974.6324 2 6 1.8974-.6324ZM18 13l-.9487-.3162.9487-.6838v1Zm-1.3125 6.5-.4961.8682-.0477-.0272-.0444-.0323.5882-.8087Zm-.6875-.5-.5882.8087-.3605-1.1249.9487.3162Zm2.5 0c1.3807 0 2.5-1.1193 2.5-2.5h2c0 2.4853-2.0147 4.5-4.5 4.5v-2Zm2.5-2.5c0-1.3807-1.1193-2.5-2.5-2.5v-2c2.4853 0 4.5 2.0147 4.5 4.5h-2Zm-3-4.5h.5v2h-.5v-2Zm-.8164 6.6318c.3365.1922.7902.3682 1.3164.3682v2c-.9738 0-1.7701-.324-2.3086-.6318l.9922-1.7364Zm-1.0843 1.6769-.6875-.5 1.1764-1.6174.6875.5-1.1764 1.6174Zm-1.048-1.6249 2-6 1.8974.6324-2 6-1.8974-.6324Z"
+        }
+      )
+    );
+  }
+);
+const IconHeadphonesOld = 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: "M4 13v-.5c0-4.6944 3.5817-8.5 8-8.5M12 4c4.4183 0 8 3.8056 8 8.5v.5"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "m6 13 .9487-.3162a1 1 0 0 0-.9487-.6838v1Zm1.3125 6.5.4961.8682.0477-.0272.0444-.0323-.5882-.8087Zm.6875-.5.5882.8087a.9999.9999 0 0 0 .3605-1.1249l-.9487.3162Zm-2.5 0c-1.3807 0-2.5-1.1193-2.5-2.5h-2c0 2.4853 2.0147 4.5 4.5 4.5v-2Zm-2.5-2.5c0-1.3807 1.1193-2.5 2.5-2.5v-2c-2.4853 0-4.5 2.0147-4.5 4.5h2Zm3-4.5h-.5v2h.5v-2Zm.8164 6.6318c-.3365.1922-.7902.3682-1.3164.3682v2c.9738 0 1.77-.324 2.3086-.6318l-.9922-1.7364Zm1.0843 1.6769.6875-.5-1.1764-1.6174-.6875.5 1.1764 1.6174Zm1.048-1.6249-2-6-1.8974.6324 2 6 1.8974-.6324ZM18 13l-.9487-.3162a1 1 0 0 1 .9487-.6838v1Zm-1.3125 6.5-.4961.8682-.0477-.0272-.0444-.0323.5882-.8087Zm-.6875-.5-.5882.8087a.9999.9999 0 0 1-.3605-1.1249l.9487.3162Zm2.5 0c1.3807 0 2.5-1.1193 2.5-2.5h2c0 2.4853-2.0147 4.5-4.5 4.5v-2Zm2.5-2.5c0-1.3807-1.1193-2.5-2.5-2.5v-2c2.4853 0 4.5 2.0147 4.5 4.5h-2Zm-3-4.5h.5v2h-.5v-2Zm-.8164 6.6318c.3365.1922.7902.3682 1.3164.3682v2c-.9738 0-1.7701-.324-2.3086-.6318l.9922-1.7364Zm-1.0843 1.6769-.6875-.5 1.1764-1.6174.6875.5-1.1764 1.6174Zm-1.048-1.6249 2-6 1.8974.6324-2 6-1.8974-.6324Z"
+        }
+      )
+    );
+  }
+);
+const IconHeadphones = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = designSystemExperiments.useNewDesignLanguage();
+    return v1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconHeadphonesNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconHeadphonesOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
+IconHeadphones[designSystemBaseIcon.iconSymbol] = true;
+
 const IconHeadsetPersonNew = react.forwardRef(
   (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
@@ -23689,6 +23731,40 @@ const IconPersonInCircle = react.forwardRef(
 );
 IconPersonInCircle[designSystemBaseIcon.iconSymbol] = true;
 
+const IconPhoneFilled = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...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
+      },
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M12 7.5c-5.5 0-10 3-10 4.5v1.5c0 .924.4545 2.0673 1.5 2.5.5168.2139 2 0 2 0 1.4193-.2839 2.1775-.5217 3-1v-4h7v4c.8225.4783 1.5807.7161 3 1 0 0 1.4832.2139 2 0 1.0455-.4327 1.5-1.576 1.5-2.5v-1.5c0-1.5-4.5-4.5-10-4.5Z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "m5.5 16 .1427.9898.0268-.0039.0266-.0053-.1961-.9806Zm-2 0 .3824-.924-.3824.924Zm5-1 .5027.8645a1 1 0 0 0 .4973-.8645h-1Zm10 1-.1961.9806.0266.0053.0268.0039.1427-.9898Zm2 0-.3824-.924.3824.924Zm-5-1h-1a1 1 0 0 0 .4973.8645l.5027-.8645Zm-7-4v-1l-1 1h1Zm7 0h1l-1-1v1Zm-12.5 1c0 .0547-.0164.022.0642-.1139.0761-.1283.2103-.2999.4208-.504.4207-.4076 1.0684-.8701 1.912-1.3064 1.684-.871 4.0275-1.5757 6.603-1.5757v-2c-2.9245 0-5.581.7954-7.522 1.7993-.9689.5012-1.7899 1.07-2.385 1.6467-.2972.2882-.5575.597-.749.9199-.187.3153-.344.7044-.344 1.1341h2Zm9-3.5c2.5755 0 4.919.7046 6.6031 1.5757.8435.4363 1.4913.8988 1.9119 1.3064.2105.2041.3447.3757.4208.504.0806.1359.0642.1686.0642.1139h2c0-.4297-.157-.8188-.344-1.1341-.1915-.3229-.4518-.6317-.7491-.92-.595-.5766-1.416-1.1454-2.385-1.6466-1.9409-1.004-4.5974-1.7993-7.5219-1.7993v2Zm-6.5 7.5c-.1427-.9898-.1426-.9898-.1425-.9898h.0003-.0001l-.0017.0002-.0093.0013-.041.0055a10.1769 10.1769 0 0 1-.6732.0649c-.1987.0122-.393.0169-.5547.0092-.1895-.0089-.2339-.0312-.1954-.0153l-.7648 1.848c.2969.1229.6316.154.8656.1651.2618.0124.5352.0038.7719-.0108a12.1915 12.1915 0 0 0 .8646-.0853l.0157-.0022.0048-.0007.0015-.0002.0006-.0001h.0002c.0001 0 .0002 0-.1425-.9898Zm-1.6176-.924c-.5389-.223-.8824-.8903-.8824-1.576h-2c0 1.1623.5654 2.7816 2.1176 3.424l.7648-1.848Zm4.115-.9405c-.683.3971-1.3163.6085-2.6935.8839l.3922 1.9612c1.4614-.2923 2.3445-.5567 3.3066-1.1161l-1.0054-1.729Zm10.5026 1.8645c-.1427.9898-.1426.9898-.1425.9898h.0002l.0006.0001.0015.0002.0048.0007.0157.0022.0549.0073a12.1984 12.1984 0 0 0 .8097.078c.2367.0146.5101.0232.7719.0108.234-.0111.5687-.0422.8656-.1651l-.7648-1.848c.0385-.0159-.0059.0064-.1954.0153-.1617.0077-.356.003-.5547-.0092a10.1817 10.1817 0 0 1-.6732-.0649l-.041-.0055-.0093-.0013-.0017-.0002c-.0001 0-.0001 0 0 0h.0003l-.1426.9898Zm2.3824.924c1.5522-.6424 2.1176-2.2617 2.1176-3.424h-2c0 .6857-.3435 1.353-.8824 1.576l.7648 1.848Zm-5.8851-1.0595c.9621.5594 1.8452.8238 3.3066 1.1161l.3922-1.9612c-1.3772-.2754-2.0105-.4868-2.6934-.8839l-1.0054 1.729Zm-13.9973-3.8645v1.5h2v-1.5h-2Zm6.5-1v4h2v-4h-2Zm7 0v4h2v-4h-2Zm6.5 1v1.5h2v-1.5h-2Zm-5.5-2h-3.5v2h3.5v-2Zm-3.5 0h-3.5v2h3.5v-2Z"
+        }
+      )
+    );
+  }
+);
+IconPhoneFilled[designSystemBaseIcon.iconSymbol] = true;
+
 const IconPlaceholderNew = react.forwardRef(
   (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
@@ -23746,14 +23822,6 @@ const IconPlaceholderOld = react.forwardRef(
           strokeWidth: "var(--svg-stroke-width)",
           d: "m3 3 18 18m0-18-18 18m18-9c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z"
         }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          stroke: "currentColor",
-          strokeWidth: "var(--svg-stroke-width)",
-          d: "M12 12.9999v.0001"
-        }
       )
     );
   }
@@ -27434,6 +27502,35 @@ const IconRectangleTriangleBottomCenter = react.forwardRef(
 );
 IconRectangleTriangleBottomCenter[designSystemBaseIcon.iconSymbol] = true;
 
+const IconRectanglesSquares = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...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
+      },
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M8 9.5v-5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5ZM22 19.5v-5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5ZM22 9.5v-5c0-.2761-.2487-.5-.5556-.5h-8.8888c-.3069 0-.5556.2239-.5556.5v5c0 .2761.2487.5.5556.5h8.8888c.3069 0 .5556-.2239.5556-.5ZM12 19.5v-5c0-.2761-.2487-.5-.5556-.5h-8.8888c-.3069 0-.5556.2239-.5556.5v5c0 .2761.2487.5.5556.5h8.8888c.3069 0 .5556-.2239.5556-.5Z"
+        }
+      )
+    );
+  }
+);
+IconRectanglesSquares[designSystemBaseIcon.iconSymbol] = true;
+
 const IconRectanglesThreeAlignedNew = react.forwardRef(
   (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
@@ -39921,6 +40018,7 @@ exports.IconGridSix = IconGridSix;
 exports.IconHand = IconHand;
 exports.IconHandFilled = IconHandFilled;
 exports.IconHandPointing = IconHandPointing;
+exports.IconHeadphones = IconHeadphones;
 exports.IconHeadsetPerson = IconHeadsetPerson;
 exports.IconHeart = IconHeart;
 exports.IconHeartFilled = IconHeartFilled;
@@ -40016,6 +40114,7 @@ exports.IconPenUnderline = IconPenUnderline;
 exports.IconPentagon = IconPentagon;
 exports.IconPeopleList = IconPeopleList;
 exports.IconPersonInCircle = IconPersonInCircle;
+exports.IconPhoneFilled = IconPhoneFilled;
 exports.IconPlaceholder = IconPlaceholder;
 exports.IconPlanet = IconPlanet;
 exports.IconPlay = IconPlay;
@@ -40067,6 +40166,7 @@ exports.IconRectanglePortraitFilled = IconRectanglePortraitFilled;
 exports.IconRectanglePortraitSquareTopLeft = IconRectanglePortraitSquareTopLeft;
 exports.IconRectangleTick = IconRectangleTick;
 exports.IconRectangleTriangleBottomCenter = IconRectangleTriangleBottomCenter;
+exports.IconRectanglesSquares = IconRectanglesSquares;
 exports.IconRectanglesThreeAligned = IconRectanglesThreeAligned;
 exports.IconRectanglesThreeFree = IconRectanglesThreeFree;
 exports.IconRectanglesThreeOverlap = IconRectanglesThreeOverlap;