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

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

import { ComponentStyle } from "../../core/system/index.types.js";
import { CSSModifierObject } from "../../core/css/index.types.js";
import "../../index.js";

//#region src/components/group/group.style.d.ts
declare const groupStyle: ComponentStyle<{
  /**
   * If `true`, the borderRadius of button that are direct children will be altered to look flushed together.
   *
   * @default false
   */
  attached: {
    true: {
      gap: "0px !important";
    };
  };
  /**
   * If `true`, the children will grow to fill the available space.
   *
   * @default false
   */
  grow: {
    true: {
      "& > *": {
        flex: 1;
      };
      display: "flex";
    };
  };
  /**
   * The orientation of the group.
   *
   * @default 'horizontal'
   */
  orientation: {
    horizontal: {
      flexDirection: "row";
    };
    vertical: {
      flexDirection: "column";
    };
  };
  /**
   * The stacking order of the group.
   */
  stacking: {
    "first-on-top": {
      "& > *": {
        zIndex: "calc({--group-count} - {--group-index})";
      };
    };
    "last-on-top": {
      "& > *": {
        zIndex: "{--group-index}";
      };
    };
  };
}, CSSModifierObject, CSSModifierObject>;
type GroupStyle = typeof groupStyle;
//#endregion
export { GroupStyle, groupStyle };
//# sourceMappingURL=group.style.d.ts.map