@mirohq/design-system-icons 0.70.0 → 0.71.0

package/dist/main.js

@@ -2572,7 +2572,7 @@ const IconArrowLeftRightDotted = react.forwardRef(
         "path",
         {
           fill: "currentColor",
-          d: "m18 12 .7593.6508v-1.3016l-.7593.6508Zm-.7593-.6508-3 3.5 1.5186 1.3016 3-3.5-1.5186-1.3016Zm1.5186 0-3-3.5-1.5186 1.3016 3 3.5 1.5186-1.3016Zm-6.2593 1.6508h2.5v-2h-2.5v2Zm2.5 0h3v-2h-3v2Z"
+          d: "m18.25 12 .7328.6805v-1.361l-.7328.6805Zm-.7328-.6805-3.25 3.5 1.4656 1.361 3.25-3.5-1.4656-1.361Zm1.4656 0-3.25-3.5-1.4656 1.361 3.25 3.5 1.4656-1.361Zm-5.9828 1.6805h2v-2h-2v2Zm2 0h3.25v-2h-3.25v2Z"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2581,7 +2581,7 @@ const IconArrowLeftRightDotted = react.forwardRef(
           stroke: "currentColor",
           strokeLinejoin: "bevel",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "m9 15.5-3-3.5 3-3.5"
+          d: "m9 15.5-3.25-3.5 3.25-3.5"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2589,7 +2589,7 @@ const IconArrowLeftRightDotted = react.forwardRef(
         {
           stroke: "currentColor",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "M11.5 12h-5"
+          d: "M11 12h-4.5"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2597,7 +2597,7 @@ const IconArrowLeftRightDotted = react.forwardRef(
         {
           fill: "currentColor",
           fillRule: "evenodd",
-          d: "M5.3333 4.2222c-.6136 0-1.111.4975-1.111 1.1111v2.2223h-2.2223v-2.2223c0-1.841 1.4924-3.3333 3.3333-3.3333h2.2223v2.2222h-2.2223Zm8.8889 0h-4.4444v-2.2222h4.4444v2.2222Zm4.4445 0h-2.2223v-2.2222h2.2223c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.2223h-2.2222v-2.2223c0-.6136-.4975-1.111-1.1111-1.111Zm-14.4445 5.5556v4.4444h-2.2222v-4.4444h2.2222Zm15.5556 4.4444v-4.4444h2.2222v4.4444h-2.2222Zm-15.5556 2.2222v2.2223c0 .6136.4975 1.1111 1.1111 1.1111h2.2223v2.2222h-2.2223c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.2223h2.2222Zm15.5556 2.2223v-2.2223h2.2222v2.2223c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.2223v-2.2222h2.2223c.6136 0 1.1111-.4975 1.1111-1.1111Zm-10 1.1111h4.4444v2.2222h-4.4444v-2.2222Z",
+          d: "M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z",
           clipRule: "evenodd"
         }
       )
@@ -9652,7 +9652,7 @@ const IconClusteredNew = react.forwardRef(
         {
           fill: "currentColor",
           fillRule: "evenodd",
-          d: "M6 5c-.5523 0-1 .4477-1 1v2h-2v-2c0-1.6569 1.3431-3 3-3h2v2h-2Zm8 0h-4v-2h4v2Zm4 0h-2v-2h2c1.6569 0 3 1.3431 3 3v2h-2v-2c0-.5523-.4477-1-1-1Zm-13 5v4h-2v-4h2Zm14 4v-4h2v4h-2Zm-14 2v2c0 .5523.4477 1 1 1h2v2h-2c-1.6569 0-3-1.3431-3-3v-2h2Zm14 2v-2h2v2c0 1.6569-1.3431 3-3 3h-2v-2h2c.5523 0 1-.4477 1-1Zm-9 1h4v2h-4v-2Z",
+          d: "M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z",
           clipRule: "evenodd"
         }
       ),
@@ -16632,7 +16632,7 @@ const IconHandFilledNew = react.forwardRef(
         {
           fill: "currentColor",
           fillRule: "evenodd",
-          d: "M11.5 2c.8284 0 1.5.6716 1.5 1.5v7.5h1.5v-6c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6h1.5v-3c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6c0 4.4183-3.5817 8-8 8h-1.497a8.7501 8.7501 0 0 1-6.1871-2.5628l-4.8766-4.8765c-.5857-.5858-.5857-1.5356 0-2.1214.5858-.5857 1.432-.5606 2.1214 0 .268.2181 1.0652.8528 1.9393 1.5472v-8.9865c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6h1.5v-7.5c0-.8284.6716-1.5 1.5-1.5Z",
+          d: "M13.857 3.5c0-.8284-.6076-1.5-1.3571-1.5-.7495 0-1.3571.6716-1.3571 1.5v7.5h-1.0239v-5.1875c0-.5-.1904-1.5-1.1904-1.5-1 0-1.5.6716-1.5 1.5v8.5499c-.9369-.686-2.0209-1.4959-2.4285-1.8624-.7757-.6973-2.0726-.6464-2.6026-.0607-.53.5858-.3974 1.5607 0 2.1214l4.6025 4.9393c1.4286 1.25 3.5 2.5 5.4075 2.5h1.3544c2.4514 0 3.3706-.5607 4.2381-1.25.4542-.3609 1.0803-.9807 1.55-1.75.8501-1.3926 1.2001-4 1.2001-5l-.0001-.0292v-5.9708c0-.8284-.6077-1.5-1.3572-1.5-.7495 0-1.1428.6716-1.1428 1.5v3h-.8939v-5.3103c0-.8284-.4647-1.5-1.2143-1.5-.7495 0-1.2857.6716-1.2857 1.5v5.3103h-.999v-7.5Z",
           clipRule: "evenodd"
         }
       )
@@ -16788,6 +16788,35 @@ const IconHandPointing = react.forwardRef(
 );
 IconHandPointing[designSystemBaseIcon.iconSymbol] = true;
 
+const IconHandRaisedFilled = 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",
+          fillRule: "evenodd",
+          d: "M10.1908 3.5c0-.8284.6076-1.5 1.3572-1.5.7495 0 1.3571.6716 1.3571 1.5v7.5h1.0238v-5.1875c0-.5.1905-1.5 1.1905-1.5 1 0 1.5.6716 1.5 1.5v8.5499c.9368-.686 2.0208-1.4959 2.4285-1.8624.7756-.6973 2.0726-.6464 2.6026-.0607.53.5858.3974 1.5607 0 2.1214l-4.6025 4.9393c-1.4286 1.25-3.5 2.5-5.4076 2.5h-1.3543c-2.4514 0-3.3706-.5607-4.2381-1.25-.4543-.3609-1.0804-.9807-1.55-1.75-.8502-1.3926-1.2002-4-1.2002-5l.0002-.0292v-5.9708c0-.8284.6076-1.5 1.3571-1.5.7496 0 1.1428.6716 1.1428 1.5v3h.894v-5.3103c0-.8284.4647-1.5 1.2142-1.5.7496 0 1.2857.6716 1.2857 1.5v5.3103h.999v-7.5Z",
+          clipRule: "evenodd"
+        }
+      )
+    );
+  }
+);
+IconHandRaisedFilled[designSystemBaseIcon.iconSymbol] = true;
+
 const IconHandNew = react.forwardRef(
   (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
@@ -17247,7 +17276,7 @@ const IconHexagon = react.forwardRef(
 );
 IconHexagon[designSystemBaseIcon.iconSymbol] = true;
 
-const IconHighlighterUnderlineNew = react.forwardRef(
+const IconHighlighterColorSelectionNew = react.forwardRef(
   (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
     return react.createElement(
@@ -17260,29 +17289,119 @@ const IconHighlighterUnderlineNew = react.forwardRef(
         fill: "none",
         ref: forwardRef2
       },
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "m3.8909 17.0704-.6573-.6573.475 1.5688.1823-.9115Zm4.6479.9296-.1823.9115.8396-.2542-.6573-.6573Zm-1.8592-6.507-.646-.6684-.421.4069.1851.5554.8819-.2939Zm9.8204-9.493.6573-.6573-1.3034-.011.6461.6683Zm5.5 5.5.6514.6632.0059-1.3205-.6573.6573Zm-9.7429 9.5704-.294.8819.5396.1799.4058-.3986-.6514-.6632Zm-5.6928-2.6734-.6573-.6573.6573.6573Zm.4491-1.9026-.8818.294.8818-.294Zm-3.3048 5.4875 4.6479.9296.3646-1.823-4.648-.9296-.3645 1.823Zm.8396-.2542 2.6734-2.6734-1.3146-1.3146-2.6734 2.6734 1.3146 1.3146Zm3.3471-5.5272-.3338-1.0015-1.7638.5879.3339 1.0015 1.7637-.5879Zm-.5696-.0392 9.8204-9.493-1.2922-1.3367-9.8204 9.493 1.2922 1.3367Zm8.517-9.504 5.5 5.5 1.3146-1.3146-5.5-5.5-1.3146 1.3146Zm5.5059 4.1795-9.7429 9.5705 1.3028 1.3263 9.7429-9.5704-1.3028-1.3264Zm-8.7976 9.3517-1.0015-.3338-.5879 1.7638 1.0015.3338.5879-1.7638Zm-3.8553.3399-.8143.8143 1.3147 1.3146.8142-.8143-1.3146-1.3146Zm2.8538-.6737a2.7888 2.7888 0 0 0-2.8538.6737l1.3146 1.3146a.9297.9297 0 0 1 .9513-.2245l.5879-1.7638Zm-4.3279-.8004a2.7887 2.7887 0 0 0 .6737-2.8538l-1.7637.5879a.9297.9297 0 0 1-.2246.9513l1.3146 1.3146Z"
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
           stroke: "currentColor",
-          strokeLinejoin: "bevel",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "M2.8389 21h18"
+          d: "m13 6 5 5"
+        }
+      )
+    );
+  }
+);
+const IconHighlighterColorSelectionOld = 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("rect", { width: 18, height: 2, x: 3, y: 20, fill: "currentColor", rx: 0.5 }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "m18 9.8571 3-2.8571-4.5-4.5-3 3"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          fill: "currentColor",
-          d: "m10 16.5-.7071.7071.5625.5625.6746-.4216-.53-.848Zm4-.5-.3162.9487 1.1011-.3291-.7849-.6196Zm-7-2.5-.9398-.3417-.2176.5985.4503.4503.7071-.7071Zm0-4-.6-.8-.3487 1.1162.9487-.3162Zm8.7129-6.5347-.6-.8.6.8Zm4.7649 4.8295-.7849-.6197.7849.6197Zm-10.4778 8.7052c.53.848.5297.8482.5294.8484l-.0006.0003-.001.0006-.0014.001-.0011.0006.0057-.0034a1.603 1.603 0 0 1 .041-.0234 3.5563 3.5563 0 0 1 .1905-.0977 4.7675 4.7675 0 0 1 .7305-.276c.6198-.1777 1.4012-.2649 2.1908-.0017l.6324-1.8974c-1.2974-.4324-2.516-.2696-3.3745-.0234a6.7583 6.7583 0 0 0-1.0411.3938 5.491 5.491 0 0 0-.3.1542 3.8872 3.8872 0 0 0-.0876.0501l-.0272.0163a3.4367 3.4367 0 0 1-.0094.0057l-.0036.0022-.0015.001a.0038.0038 0 0 0-.0007.0004c-.0003.0002-.0006.0004.5294.8484Zm4.7849.1196 6.4778-8.2052-1.5698-1.2393-6.4778 8.2053 1.5698 1.2392Zm-7.7849-3.1196c.9398.3417.94.3414.94.3411a.0207.0207 0 0 0 .0008-.0022l.0013-.0035a3.8862 3.8862 0 0 0 .0407-.1227 5.9034 5.9034 0 0 0 .0837-.2958 7.7923 7.7923 0 0 0 .1875-1.0174c.0984-.8362.1023-1.9928-.3053-3.2157l-1.8974.6324c.288.8641.292 1.7075.2164 2.3496a5.7923 5.7923 0 0 1-.1385.7543 3.915 3.915 0 0 1-.055.1947 1.7896 1.7896 0 0 1-.0136.042l-.002.006.0003-.001.0005-.0014.0004-.001a.0207.0207 0 0 0 .0002-.0006c.0001-.0002.0002-.0005.94.3412Zm.6-3.2 8.7129-6.5347-1.2-1.6-8.7129 6.5347 1.2 1.6Zm-1.3071 3.9071 3 3 1.4142-1.4142-3-3-1.4142 1.4142Zm14.7477-9.5807-2.1958-2.1958-1.4142 1.4142 2.1958 2.1958 1.4142-1.4142Zm-4.7277-.861a.8551.8551 0 0 1 1.1177.0794l1.4142-1.4142c-1.0047-1.0047-2.5953-1.1178-3.7319-.2653l1.2 1.6Zm4.9498 4.649c.8971-1.1363.8017-2.7642-.2221-3.788l-1.4142 1.4142a.855.855 0 0 1 .0665 1.1345l1.5698 1.2393Z"
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M11 17h-2l-1 1h-4v-1l1-1 1-1 .5-2.5 2.75-2.75 2.75-2.75 1.5-1.5 4.5 4.3571-7 7.1429Z"
         }
       ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M12 21v.0001"
+        }
+      )
+    );
+  }
+);
+const IconHighlighterColorSelection = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = designSystemExperiments.useNewDesignLanguageIcons();
+    return v1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconHighlighterColorSelectionNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconHighlighterColorSelectionOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
+IconHighlighterColorSelection[designSystemBaseIcon.iconSymbol] = true;
+
+const IconHighlighterUnderlineNew = 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",
           strokeLinejoin: "bevel",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "m7 13.5-3 4 4.5.5 1.5-1.5"
+          d: "M2.8389 21h18"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "m3.8909 17.0704-.6573-.6573.475 1.5688.1823-.9115Zm4.6479.9296-.1823.9115.8396-.2542-.6573-.6573Zm-1.8592-6.507-.646-.6684-.421.4069.1851.5554.8819-.2939Zm9.8204-9.493.6573-.6573-1.3034-.011.6461.6683Zm5.5 5.5.6514.6632.0059-1.3205-.6573.6573Zm-9.7429 9.5704-.294.8819.5396.1799.4058-.3986-.6514-.6632Zm-5.6928-2.6734-.6573-.6573.6573.6573Zm.4491-1.9026-.8818.294.8818-.294Zm-3.3048 5.4875 4.6479.9296.3646-1.823-4.648-.9296-.3645 1.823Zm.8396-.2542 2.6734-2.6734-1.3146-1.3146-2.6734 2.6734 1.3146 1.3146Zm3.3471-5.5272-.3338-1.0015-1.7638.5879.3339 1.0015 1.7637-.5879Zm-.5696-.0392 9.8204-9.493-1.2922-1.3367-9.8204 9.493 1.2922 1.3367Zm8.517-9.504 5.5 5.5 1.3146-1.3146-5.5-5.5-1.3146 1.3146Zm5.5059 4.1795-9.7429 9.5705 1.3028 1.3263 9.7429-9.5704-1.3028-1.3264Zm-8.7976 9.3517-1.0015-.3338-.5879 1.7638 1.0015.3338.5879-1.7638Zm-3.8553.3399-.8143.8143 1.3147 1.3146.8142-.8143-1.3146-1.3146Zm2.8538-.6737a2.7888 2.7888 0 0 0-2.8538.6737l1.3146 1.3146a.9297.9297 0 0 1 .9513-.2245l.5879-1.7638Zm-4.3279-.8004a2.7887 2.7887 0 0 0 .6737-2.8538l-1.7637.5879a.9297.9297 0 0 1-.2246.9513l1.3146 1.3146Z"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -17290,7 +17409,7 @@ const IconHighlighterUnderlineNew = react.forwardRef(
         {
           stroke: "currentColor",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "m9.5 7.5 6 6"
+          d: "m13 6 5 5"
         }
       )
     );
@@ -18579,7 +18698,7 @@ const IconLightningNew = react.forwardRef(
           stroke: "currentColor",
           strokeLinejoin: "bevel",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "m4.5345 9.8114 7.5837-7.1098c.7572-.7098 1.9609.0612 1.6327 1.0458l-1.7509 5.2526h5.0657c2.7639 0 4.0574 3.4208 1.9849 5.2495l-8.2659 7.2934c-.7662.6761-1.9334-.0967-1.6103-1.066l1.8256-5.4769h-4.4137c-2.7196 0-4.0358-3.3286-2.0518-5.1886Z"
+          d: "m4 15 8-14v8h8l-8.5 14v-8h-7.5Z"
         }
       )
     );
@@ -23789,6 +23908,95 @@ const IconPdf = react.forwardRef(
 );
 IconPdf[designSystemBaseIcon.iconSymbol] = true;
 
+const IconPenColorSelectionNew = 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: "m5 13-.7071-.7071-.2141.2141-.0594.2969.9806.1961Zm-1 5-.9806-.1961 1.1767 1.1767-.1961-.9806Zm5-1 .1961.9806.297-.0594.214-.2141-.7071-.7071Zm9.5858-12.4142-.7071.707.7071-.707Zm-1.1716-1.1716-.7071.7071.7071-.707Zm-3.5355-.707-9.5858 9.5857 1.4142 1.4142 9.5858-9.5858-1.4142-1.4142Zm-9.8593 10.0967-1 5 1.9612.3922 1-5-1.9612-.3922Zm.1767 6.1767 5-1-.3922-1.9612-5 1 .3922 1.9612Zm5.511-1.2735 9.5858-9.5858-1.4142-1.4142-9.5858 9.5858 1.4142 1.4142Zm9.5858-13.8284-1.1716-1.1716-1.4142 1.4142 1.1716 1.1716 1.4142-1.4142Zm0 4.2426c1.1716-1.1715 1.1716-3.071 0-4.2426l-1.4142 1.4142c.3905.3905.3905 1.0237 0 1.4142l1.4142 1.4142Zm-4-4c.3905-.3905 1.0237-.3905 1.4142 0l1.4142-1.4142c-1.1716-1.1716-3.071-1.1716-4.2426 0l1.4142 1.4142Z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "m12.5 5.5 4 4"
+        }
+      )
+    );
+  }
+);
+const IconPenColorSelectionOld = 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: "m13.8889 5.5556-7.5718 7.5718a2.0001 2.0001 0 0 0-.547 1.0219l-.6966 3.483c-.035.1749.1193.3291.2942.2942l3.483-.6966a2.0005 2.0005 0 0 0 1.022-.547l7.5717-7.5718m-3.5555-3.5555 2.1413-2.1414c.7811-.781 2.0474-.781 2.8285 0l.7271.7271c.781.781.781 2.0474 0 2.8285l-2.1414 2.1413m-3.5555-3.5555 3.5555 3.5555"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M12 15v.0001"
+        }
+      )
+    );
+  }
+);
+const IconPenColorSelection = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = designSystemExperiments.useNewDesignLanguageIcons();
+    return v1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconPenColorSelectionNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconPenColorSelectionOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
+IconPenColorSelection[designSystemBaseIcon.iconSymbol] = true;
+
 const IconPenTipNew = react.forwardRef(
   (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
@@ -27559,11 +27767,11 @@ const IconRectanglePortraitDashSquareTopCenterNew = react.forwardRef((props, for
       {
         fill: "currentColor",
         fillRule: "evenodd",
-        d: "M6 5c-.5523 0-1 .4477-1 1v2h-2v-2c0-1.6569 1.3431-3 3-3h2v2h-2Zm8 0h-4v-2h4v2Zm4 0h-2v-2h2c1.6569 0 3 1.3431 3 3v2h-2v-2c0-.5523-.4477-1-1-1Zm-13 5v4h-2v-4h2Zm14 4v-4h2v4h-2Zm-14 2v2c0 .5523.4477 1 1 1h2v2h-2c-1.6569 0-3-1.3431-3-3v-2h2Zm14 2v-2h2v2c0 1.6569-1.3431 3-3 3h-2v-2h2c.5523 0 1-.4477 1-1Zm-9 1h4v2h-4v-2Z",
+        d: "M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z",
         clipRule: "evenodd"
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M8 3h8v7h-8v-7Z" })
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M8 2h8v8h-8v-8Z" })
   );
 });
 const IconRectanglePortraitDashSquareTopCenterOld = react.forwardRef((props, forwardRef2) => {
@@ -27628,7 +27836,7 @@ const IconRectanglePortraitDashSquareTopLeftNew = react.forwardRef((props, forwa
       {
         fill: "currentColor",
         fillRule: "evenodd",
-        d: "M6 5c-.5523 0-1 .4477-1 1v2h-2v-2c0-1.6569 1.3431-3 3-3h2v2h-2Zm8 0h-4v-2h4v2Zm4 0h-2v-2h2c1.6569 0 3 1.3431 3 3v2h-2v-2c0-.5523-.4477-1-1-1Zm-13 5v4h-2v-4h2Zm14 4v-4h2v4h-2Zm-14 2v2c0 .5523.4477 1 1 1h2v2h-2c-1.6569 0-3-1.3431-3-3v-2h2Zm14 2v-2h2v2c0 1.6569-1.3431 3-3 3h-2v-2h2c.5523 0 1-.4477 1-1Zm-9 1h4v2h-4v-2Z",
+        d: "M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z",
         clipRule: "evenodd"
       }
     ),
@@ -27638,7 +27846,7 @@ const IconRectanglePortraitDashSquareTopLeftNew = react.forwardRef((props, forwa
         fill: "currentColor",
         stroke: "currentColor",
         strokeWidth: "var(--svg-stroke-width)",
-        d: "M4 7c0-1.6569 1.3431-3 3-3h4v6h-7v-3Z"
+        d: "M3 6c0-1.6569 1.3431-3 3-3h5v7h-8v-4Z"
       }
     )
   );
@@ -27706,7 +27914,7 @@ const IconRectanglePortraitDashNew = react.forwardRef(
         {
           fill: "currentColor",
           fillRule: "evenodd",
-          d: "M6 5c-.5523 0-1 .4477-1 1v2h-2v-2c0-1.6569 1.3431-3 3-3h2v2h-2Zm8 0h-4v-2h4v2Zm4 0h-2v-2h2c1.6569 0 3 1.3431 3 3v2h-2v-2c0-.5523-.4477-1-1-1Zm-13 5v4h-2v-4h2Zm14 4v-4h2v4h-2Zm-14 2v2c0 .5523.4477 1 1 1h2v2h-2c-1.6569 0-3-1.3431-3-3v-2h2Zm14 2v-2h2v2c0 1.6569-1.3431 3-3 3h-2v-2h2c.5523 0 1-.4477 1-1Zm-9 1h4v2h-4v-2Z",
+          d: "M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z",
           clipRule: "evenodd"
         }
       )
@@ -27823,10 +28031,10 @@ const IconRectanglePortraitSquareTopLeftNew = react.forwardRef((props, forwardRe
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
       {
-        width: 16,
-        height: 16,
-        x: 4,
-        y: 4,
+        width: 18,
+        height: 18,
+        x: 3,
+        y: 3,
         stroke: "currentColor",
         strokeWidth: "var(--svg-stroke-width)",
         rx: 2
@@ -27838,7 +28046,7 @@ const IconRectanglePortraitSquareTopLeftNew = react.forwardRef((props, forwardRe
         fill: "currentColor",
         stroke: "currentColor",
         strokeWidth: "var(--svg-stroke-width)",
-        d: "M4 7c0-1.6569 1.3431-3 3-3h4v6h-7v-3Z"
+        d: "M3 6c0-1.6569 1.3431-3 3-3h5v7h-8v-4Z"
       }
     )
   );
@@ -29436,7 +29644,7 @@ const IconSentimentNew = react.forwardRef(
           fill: "currentColor",
           stroke: "currentColor",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "M10.3333 6.8333h.8334v.8334h-.8334v-.8334ZM16.3333 12.8333h.8334v.8334h-.8334v-.8334Z"
+          d: "M10.3333 6.3333h1.3334v1.3334h-1.3334v-1.3334ZM16.3333 12.3333h1.3334v1.3334h-1.3334v-1.3334Z"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -29455,7 +29663,7 @@ const IconSentimentNew = react.forwardRef(
           fill: "currentColor",
           stroke: "currentColor",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "M6.8333 6.8333h.8334v.8334h-.8334v-.8334Z"
+          d: "M6.3333 6.3333h1.3334v1.3334h-1.3334v-1.3334Z"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -32985,7 +33193,7 @@ const IconSquareLineSquareDashedNew = react.forwardRef(
         {
           fill: "currentColor",
           fillRule: "evenodd",
-          d: "M6 5c-.5523 0-1 .4477-1 1v2h-2v-2c0-1.6569 1.3431-3 3-3h2v2h-2Zm8 0h-4v-2h4v2Zm4 0h-2v-2h2c1.6569 0 3 1.3431 3 3v2h-2v-2c0-.5523-.4477-1-1-1Zm-13 5v4h-2v-4h2Zm14 4v-4h2v4h-2Zm-14 2v2c0 .5523.4477 1 1 1h2v2h-2c-1.6569 0-3-1.3431-3-3v-2h2Zm14 2v-2h2v2c0 1.6569-1.3431 3-3 3h-2v-2h2c.5523 0 1-.4477 1-1Zm-9 1h4v2h-4v-2Z",
+          d: "M5.3333 4c-.6136 0-1.3333.7197-1.3333 1.3333v2.6667h-2v-2.6667c0-1.841 1.4924-3.3333 3.3333-3.3333h2.6667v2h-2.6667Zm8.6667 0h-4v-2h4v2Zm4.6667 0h-2.6667v-2h2.6667c1.8409 0 3.3333 1.4924 3.3333 3.3333v2.6667h-2v-2.6667c0-.6136-.7197-1.3333-1.3333-1.3333Zm-14.6667 6v4h-2v-4h2Zm16 4v-4h2v4h-2Zm-16 2v2.6667c0 .6136.8864 1.3333 1.5 1.3333h2.5v2h-2.6667c-1.841 0-3.3333-1.4924-3.3333-3.3333v-2.6667h2Zm16 2.6667v-2.6667h2v2.6667c0 1.8409-1.4924 3.3333-3.3333 3.3333h-2.6667v-2h2.6667c.6136 0 1.3333-.7197 1.3333-1.3333Zm-10 1.3333h4v2h-4v-2Z",
           clipRule: "evenodd"
         }
       ),
@@ -32994,7 +33202,7 @@ const IconSquareLineSquareDashedNew = react.forwardRef(
         {
           stroke: "currentColor",
           strokeWidth: "var(--svg-stroke-width)",
-          d: "M4 6c0-1.1046.8954-2 2-2h7v9h-9v-7Z"
+          d: "M3 5c0-1.1046.8954-2 2-2h8v10h-10v-8Z"
         }
       )
     );
@@ -35830,6 +36038,133 @@ const IconTasks = react.forwardRef(
 );
 IconTasks[designSystemBaseIcon.iconSymbol] = true;
 
+const IconTextAColorSelectionNew = 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: "m6.077 15.6154-.3847.9231 1.8462.7692.3846-.9231-1.8462-.7692Zm5.923-11.6154.9231-.3846h-1.8462l.9231.3846Zm4.0769 12.3846.3846.9231 1.8462-.7692-.3846-.9231-1.8462.7692Zm-5-12 3.75 9 1.8462-.7692-3.75-9-1.8462.7692Zm3.75 9 1.25 3 1.8462-.7692-1.25-3-1.8462.7692Zm-6.9038 3 1.25-3-1.8462-.7692-1.25 3 1.8462.7692Zm1.25-3 3.75-9-1.8462-.7692-3.75 9 1.8462.7692Zm6.5769-1.3846h-7.5v2h7.5v-2Z"
+        }
+      )
+    );
+  }
+);
+const IconTextAColorSelectionOld = 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: "m7 16 1.25-3m8.75 3-1.25-3m0 0-3.75-9-3.75 9m7.5 0h-7.5"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M12 13v.0001"
+        }
+      )
+    );
+  }
+);
+const IconTextAColorSelection = react.forwardRef(
+  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
+    const [v1] = designSystemExperiments.useNewDesignLanguageIcons();
+    return v1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconTextAColorSelectionNew,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconTextAColorSelectionOld,
+      {
+        ...props,
+        size,
+        weight,
+        ref: forwardRef2
+      }
+    );
+  }
+);
+IconTextAColorSelection[designSystemBaseIcon.iconSymbol] = true;
+
+const IconTextAHorizontal = 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: "m7.0715 11.6286-.3714.9285 1.857.7428.3714-.9285-1.857-.7428Zm4.9285-9.6286.9285-.3714h-1.857l.9285.3714Zm3.0715 10.3714.3714.9285 1.857-.7428-.3714-.9285-1.857.7428Zm-4-10 3 7.5 1.857-.7428-3-7.5-1.857.7428Zm3 7.5 1 2.5 1.857-.7428-1-2.5-1.857.7428Zm-5.143 2.5 1-2.5-1.857-.7428-1 2.5 1.857.7428Zm1-2.5 3-7.5-1.857-.7428-3 7.5 1.857.7428Zm5.0715-1.3714h-6v2h6v-2Z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "square",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M4 18h17"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "square",
+          strokeLinejoin: "bevel",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "m19 21 2.5-3-2.5-3"
+        }
+      )
+    );
+  }
+);
+IconTextAHorizontal[designSystemBaseIcon.iconSymbol] = true;
+
 const IconTextAUnderlineNew = react.forwardRef(
   (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
@@ -35920,6 +36255,52 @@ const IconTextAUnderline = react.forwardRef(
 );
 IconTextAUnderline[designSystemBaseIcon.iconSymbol] = true;
 
+const IconTextAVertical = 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: "m11.6286 18.9285.9285.3714.7428-1.857-.9285-.3714-.7428 1.857Zm-9.6286-4.9285-.3714-.9285v1.857l.3714-.9285Zm10.3714-3.0715.9285-.3714-.7428-1.857-.9285.3714.7428 1.857Zm-10 4 7.5-3-.7428-1.857-7.5 3 .7428 1.857Zm7.5-3 2.5-1-.7428-1.857-2.5 1 .7428 1.857Zm2.5 5.143-2.5-1-.7428 1.857 2.5 1 .7428-1.857Zm-2.5-1-7.5-3-.7428 1.857 7.5 3 .7428-1.857Zm-1.3714-5.0715v6h2v-6h-2Z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "square",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "M18 20v-16"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "square",
+          strokeLinejoin: "bevel",
+          strokeWidth: "var(--svg-stroke-width)",
+          d: "m21 6-3-2.5-3 2.5"
+        }
+      )
+    );
+  }
+);
+IconTextAVertical[designSystemBaseIcon.iconSymbol] = true;
+
 const IconTextAaNew = react.forwardRef(
   (props, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
@@ -41206,12 +41587,14 @@ exports.IconGridSix = IconGridSix;
 exports.IconHand = IconHand;
 exports.IconHandFilled = IconHandFilled;
 exports.IconHandPointing = IconHandPointing;
+exports.IconHandRaisedFilled = IconHandRaisedFilled;
 exports.IconHeadphones = IconHeadphones;
 exports.IconHeadsetPerson = IconHeadsetPerson;
 exports.IconHeart = IconHeart;
 exports.IconHeartFilled = IconHeartFilled;
 exports.IconHexagon = IconHexagon;
 exports.IconHighlighter = IconHighlighter;
+exports.IconHighlighterColorSelection = IconHighlighterColorSelection;
 exports.IconHighlighterUnderline = IconHighlighterUnderline;
 exports.IconHouse = IconHouse;
 exports.IconImage = IconImage;
@@ -41297,6 +41680,7 @@ exports.IconPause = IconPause;
 exports.IconPauseCircle = IconPauseCircle;
 exports.IconPdf = IconPdf;
 exports.IconPen = IconPen;
+exports.IconPenColorSelection = IconPenColorSelection;
 exports.IconPenTip = IconPenTip;
 exports.IconPenUnderline = IconPenUnderline;
 exports.IconPentagon = IconPentagon;
@@ -41457,7 +41841,10 @@ exports.IconTableFormat = IconTableFormat;
 exports.IconTablet = IconTablet;
 exports.IconTag = IconTag;
 exports.IconTasks = IconTasks;
+exports.IconTextAColorSelection = IconTextAColorSelection;
+exports.IconTextAHorizontal = IconTextAHorizontal;
 exports.IconTextAUnderline = IconTextAUnderline;
+exports.IconTextAVertical = IconTextAVertical;
 exports.IconTextAa = IconTextAa;
 exports.IconTextAlignCenter = IconTextAlignCenter;
 exports.IconTextAlignLeft = IconTextAlignLeft;