@yamada-ui/react/dist/types/components/resizable/resizable.style.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ComponentSlotStyle } from "../../core/system/index.types.js";
import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
import "../../index.js";

//#region src/components/resizable/resizable.style.d.ts
declare const resizableStyle: ComponentSlotStyle<"icon" | "root" | "item" | "trigger", {
  /**
   * The orientation of the resizable.
   *
   * @default 'horizontal'
   */
  orientation: {
    horizontal: {
      icon: {
        transform: "translate(-50%, -50%) rotate(0deg)";
      };
    };
    vertical: {
      icon: {
        transform: "translate(-50%, -50%) rotate(90deg)";
      };
    };
  };
}, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item" | "trigger">>, {
  border: {
    icon: {
      bg: "colorScheme.muted";
      color: "colorScheme.fg";
      py: "1";
      rounded: "l1";
    };
    trigger: {
      bg: "colorScheme.muted";
      focusVisibleRing: "none";
      _after: {
        position: "absolute";
      };
      _hover: {
        bg: "colorScheme.emphasized";
      };
      _focusVisible: {
        bg: "colorScheme.emphasized";
      };
    };
  };
  plain: {
    trigger: {
      focusVisibleRing: "none";
      _after: {
        position: "absolute";
      };
    };
  };
  spacer: {
    icon: {
      color: "colorScheme.fg";
      transitionDuration: "moderate";
      transitionProperty: "common";
      _active: {
        color: "transparent";
      };
    };
    trigger: {
      focusVisibleRing: "none";
      p: "1";
      _after: {
        bg: "transparent";
        display: "block";
        rounded: "full";
      };
      _hover: {
        _after: {
          bg: "colorScheme.bg";
        };
        _icon: {
          color: "transparent";
        };
      };
      _focusVisible: {
        _after: {
          bg: "colorScheme.bg";
        };
        _icon: {
          color: "transparent";
        };
      };
    };
  };
}>;
type ResizableStyle = typeof resizableStyle;
//#endregion
export { ResizableStyle, resizableStyle };
//# sourceMappingURL=resizable.style.d.ts.map