@yamada-ui/react/dist/types/components/field/field.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/field/field.style.d.ts
declare const fieldStyle: ComponentSlotStyle<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator", {
  /**
   * The orientation of the field.
   */
  orientation: {
    horizontal: {
      errorMessage: {
        gridColumn: "2 / 3";
      };
      helperMessage: {
        gridColumn: "2 / 3";
      };
      label: {
        gridColumn: "1 / 2";
      };
      root: {
        gridTemplateColumns: "{field-label-width, spaces.32} 1fr";
      };
    };
    vertical: {
      errorMessage: {
        gridColumn: "initial";
      };
      helperMessage: {
        gridColumn: "initial";
      };
      label: {
        gridColumn: "initial";
      };
      root: {
        gridTemplateColumns: "initial";
      };
    };
  };
}, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "errorMessage" | "helperMessage" | "requiredIndicator">>>;
type FieldStyle = typeof fieldStyle;
//#endregion
export { FieldStyle, fieldStyle };
//# sourceMappingURL=field.style.d.ts.map