@royaloperahouse/harmonic 0.11.0-k → 0.11.0-m

package/dist/components/atoms/Buttons/Secondary/utils.d.ts

@@ -8,7 +8,7 @@ export declare const COLORS: {
     readonly hover: "var(--button-secondary-hover-color)";
     readonly pressed: "var(--button-secondary-pressed-color)";
 };
-export declare const getTextColor: ({ disabled, textColor, theme }: SecondaryButtonProps) => string;
-export declare const getBorderColor: ({ disabled, borderColor, theme }: SecondaryButtonProps) => string;
-export declare const getHoveredColor: ({ disabled, hoveredColor, theme }: SecondaryButtonProps) => string;
-export declare const getPressedColor: ({ disabled, pressedColor, theme }: SecondaryButtonProps) => string;
+export declare const getTextColor: ({ disabled, textColor }: SecondaryButtonProps) => string;
+export declare const getBorderColor: ({ disabled, borderColor }: SecondaryButtonProps) => string;
+export declare const getHoveredColor: ({ disabled, hoveredColor }: SecondaryButtonProps) => string;
+export declare const getPressedColor: ({ disabled, pressedColor }: SecondaryButtonProps) => string;

package/dist/harmonic.cjs.development.js

@@ -2670,70 +2670,48 @@ var COLORS$1 = {
   hover: 'var(--button-secondary-hover-color)',
   pressed: 'var(--button-secondary-pressed-color)'
 };
-var isObjectWithKey = function isObjectWithKey(object, key) {
-  return typeof object === 'object' && object !== null && key in object;
-};
-var hasSecondaryButtonColor = function hasSecondaryButtonColor(theme) {
-  return isObjectWithKey(theme, 'colors') && isObjectWithKey(theme.colors, 'secondaryButton') && typeof theme.colors.secondaryButton === 'string';
-};
 var getTextColor$1 = function getTextColor(_ref) {
   var disabled = _ref.disabled,
-    textColor = _ref.textColor,
-    theme = _ref.theme;
+    textColor = _ref.textColor;
   if (disabled) {
     return COLORS$1.darkGrey;
   }
   if (textColor) {
     return "var(--color-" + textColor + ")";
   }
-  if (hasSecondaryButtonColor(theme)) {
-    return theme.colors.secondaryButton;
-  }
   return COLORS$1["default"];
 };
 var getBorderColor = function getBorderColor(_ref2) {
   var disabled = _ref2.disabled,
-    borderColor = _ref2.borderColor,
-    theme = _ref2.theme;
+    borderColor = _ref2.borderColor;
   if (disabled) {
     return COLORS$1.disabled;
   }
   if (borderColor) {
     return "var(--color-" + borderColor + ")";
   }
-  if (hasSecondaryButtonColor(theme)) {
-    return theme.colors.secondaryButton;
-  }
   return COLORS$1.border;
 };
 var getHoveredColor$1 = function getHoveredColor(_ref3) {
   var disabled = _ref3.disabled,
-    hoveredColor = _ref3.hoveredColor,
-    theme = _ref3.theme;
+    hoveredColor = _ref3.hoveredColor;
   if (disabled) {
     return COLORS$1.disabled;
   }
   if (hoveredColor) {
     return "var(--color-" + hoveredColor + ")";
   }
-  if (hasSecondaryButtonColor(theme)) {
-    return theme.colors.secondaryButton;
-  }
   return COLORS$1.hover;
 };
 var getPressedColor$1 = function getPressedColor(_ref4) {
   var disabled = _ref4.disabled,
-    pressedColor = _ref4.pressedColor,
-    theme = _ref4.theme;
+    pressedColor = _ref4.pressedColor;
   if (disabled) {
     return COLORS$1.disabled;
   }
   if (pressedColor) {
     return "var(--color-" + pressedColor + ")";
   }
-  if (hasSecondaryButtonColor(theme)) {
-    return theme.colors.secondaryButton;
-  }
   return COLORS$1.pressed;
 };
 
@@ -6211,11 +6189,19 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
     }, 500);
   }, []);
   React.useEffect(function () {
-    var _tabListRef$current, _tabListRef$current2;
-    var tabsIsOverflowed = (((_tabListRef$current = tabListRef.current) == null ? void 0 : _tabListRef$current.scrollWidth) || 0) > (((_tabListRef$current2 = tabListRef.current) == null ? void 0 : _tabListRef$current2.clientWidth) || 0);
-    setTabsOverflow(tabsIsOverflowed);
-    setCanScrollToRight(tabsIsOverflowed);
-  }, [tabListRef]);
+    if (typeof window === 'undefined') return undefined;
+    var handleResize = function handleResize() {
+      var _tabListRef$current, _tabListRef$current2;
+      var tabsIsOverflowed = (((_tabListRef$current = tabListRef.current) == null ? void 0 : _tabListRef$current.scrollWidth) || 0) > (((_tabListRef$current2 = tabListRef.current) == null ? void 0 : _tabListRef$current2.clientWidth) || 0);
+      setTabsOverflow(tabsIsOverflowed);
+      setCanScrollToRight(tabsIsOverflowed);
+    };
+    window.addEventListener('resize', handleResize);
+    handleResize(); // Initial check
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, []);
   React.useEffect(function () {
     var scrollTriggerCheck = function scrollTriggerCheck() {
       var elementGap = 100;