@mirohq/design-system-icons 1.46.0 → 1.46.1-reactdismissablelayer.0

package/dist/main.js

@@ -4,52 +4,26 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var designSystemBaseIcon = require('@mirohq/design-system-base-icon');
 var designSystemUseLocalStorage = require('@mirohq/design-system-use-local-storage');
-var designSystemUtils = require('@mirohq/design-system-utils');
 var designSystemPrimitive = require('@mirohq/design-system-primitive');
 var designSystemStitches = require('@mirohq/design-system-stitches');
+var designSystemUtils = require('@mirohq/design-system-utils');
 
-const BaseStyledIcon = designSystemStitches.styled(designSystemPrimitive.Primitive.svg, {
+const StyledIcon = designSystemStitches.styled(designSystemPrimitive.Primitive.svg, {
   display: "inline-flex",
   verticalAlign: "text-bottom",
   forcedColorAdjust: "auto",
   variants: {
     ...designSystemBaseIcon.styles,
-    color: designSystemUtils.mapKeysToVariants(designSystemStitches.theme.colors, "color")
+    color: designSystemUtils.mapKeysToVariants(designSystemStitches.theme.colors, "color"),
+    debug: {
+      true: {
+        color: "#06D834 !important"
+      },
+      false: {}
+    }
   }
 });
 
-const DEBUG_COLOR = "#06D834";
-const DEBUG_STORAGE_KEY = "MIRO_DS_DEBUG_ICON";
-function isDebugFlagEnabled(debugProp) {
-  var _a;
-  if (debugProp === true) return true;
-  if (typeof window === "undefined") return false;
-  try {
-    return JSON.parse((_a = window.localStorage.getItem(DEBUG_STORAGE_KEY)) != null ? _a : "false") === true;
-  } catch {
-    return false;
-  }
-}
-const StyledIcon = react.forwardRef(
-  ({ debug, ...props }, forwardedRef) => {
-    const internalRef = react.useRef(null);
-    react.useLayoutEffect(() => {
-      const el = internalRef.current;
-      if (el == null || !isDebugFlagEnabled(debug)) return;
-      el.style.setProperty("color", DEBUG_COLOR, "important");
-      el.style.setProperty("fill", DEBUG_COLOR, "important");
-      return () => {
-        el.style.removeProperty("color");
-        el.style.removeProperty("fill");
-      };
-    }, [debug]);
-    return react.createElement(BaseStyledIcon, {
-      ...props,
-      ref: designSystemUtils.mergeRefs([internalRef, forwardedRef])
-    });
-  }
-);
-
 const IconActivitySparkle = react.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
@@ -630,26 +604,6 @@ const IconAndroidShare = react.forwardRef(
 );
 IconAndroidShare[designSystemBaseIcon.iconSymbol] = true;
 
-const IconAngleSlash = react.forwardRef(
-  ({ size = "medium", ...props }, forwardRef2) => {
-    const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
-    return react.createElement(
-      StyledIcon,
-      {
-        ...props,
-        debug,
-        "aria-hidden": true,
-        size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        ref: forwardRef2
-      },
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M15.032 4 11 20H9l4-16h2.032Z" })
-    );
-  }
-);
-IconAngleSlash[designSystemBaseIcon.iconSymbol] = true;
-
 const IconArrowArcLeft = react.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
@@ -18144,7 +18098,6 @@ exports.IconAlignmentScale = IconAlignmentScale;
 exports.IconAltText = IconAltText;
 exports.IconAltTextUnderline = IconAltTextUnderline;
 exports.IconAndroidShare = IconAndroidShare;
-exports.IconAngleSlash = IconAngleSlash;
 exports.IconArrowArcLeft = IconArrowArcLeft;
 exports.IconArrowArcRight = IconArrowArcRight;
 exports.IconArrowBendUpLeft = IconArrowBendUpLeft;