@yamada-ui/react/dist/types/components/input/input.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 { CSSObject, CSSPropObject } from "../../core/css/index.types.js";
import "../../core/index.js";
import "../../index.js";

//#region src/components/input/input.style.d.ts
declare const getInputPaddingStartResetStyle: (key?: string) => {
  "&:not([data-input-element] + &)": {
    ps: "0px";
  } | {
    [x: string]: {
      ps: "0px";
    };
  };
};
declare const getInputPaddingEndResetStyle: (key?: string) => {
  "&:not(:has(+ [data-input-element]))": {
    pe: "0px";
  } | {
    [x: string]: {
      pe: "0px";
    };
  };
};
declare const getInputHeightStyle: (height?: string, key?: string) => {
  "&:has(+ [data-input-element])": {
    pe: string | undefined;
  } | {
    [x: string]: {
      pe: string | undefined;
    };
  };
  "& ~ [data-input-element]": {
    minW: string | undefined;
  };
  "--height": string | undefined;
  "[data-input-element] + &": {
    ps: string | undefined;
  } | {
    [x: string]: {
      ps: string | undefined;
    };
  };
  "[data-input-element]:has(~ &)": {
    minW: string | undefined;
  };
  minH: string | undefined;
};
declare const inputStyle: ComponentStyle<CSSPropObject<CSSObject>, {
  xs: {
    "&:has(+ [data-input-element])": {
      pe: string | undefined;
    } | {
      [x: string]: {
        pe: string | undefined;
      };
    };
    "& ~ [data-input-element]": {
      minW: string | undefined;
    };
    "--height": string | undefined;
    "[data-input-element] + &": {
      ps: string | undefined;
    } | {
      [x: string]: {
        ps: string | undefined;
      };
    };
    "[data-input-element]:has(~ &)": {
      minW: string | undefined;
    };
    minH: string | undefined;
    "--space-x": "spaces.2";
    "--space-y": "spaces.1.5";
    fontSize: "xs";
    px: "{space-x}";
  };
  sm: {
    "&:has(+ [data-input-element])": {
      pe: string | undefined;
    } | {
      [x: string]: {
        pe: string | undefined;
      };
    };
    "& ~ [data-input-element]": {
      minW: string | undefined;
    };
    "--height": string | undefined;
    "[data-input-element] + &": {
      ps: string | undefined;
    } | {
      [x: string]: {
        ps: string | undefined;
      };
    };
    "[data-input-element]:has(~ &)": {
      minW: string | undefined;
    };
    minH: string | undefined;
    "--space-x": "spaces.2.5";
    "--space-y": "spaces.2";
    fontSize: "sm";
    px: "{space-x}";
  };
  md: {
    "&:has(+ [data-input-element])": {
      pe: string | undefined;
    } | {
      [x: string]: {
        pe: string | undefined;
      };
    };
    "& ~ [data-input-element]": {
      minW: string | undefined;
    };
    "--height": string | undefined;
    "[data-input-element] + &": {
      ps: string | undefined;
    } | {
      [x: string]: {
        ps: string | undefined;
      };
    };
    "[data-input-element]:has(~ &)": {
      minW: string | undefined;
    };
    minH: string | undefined;
    "--space-x": "spaces.3";
    "--space-y": "spaces.2";
    fontSize: "md";
    px: "{space-x}";
  };
  lg: {
    "&:has(+ [data-input-element])": {
      pe: string | undefined;
    } | {
      [x: string]: {
        pe: string | undefined;
      };
    };
    "& ~ [data-input-element]": {
      minW: string | undefined;
    };
    "--height": string | undefined;
    "[data-input-element] + &": {
      ps: string | undefined;
    } | {
      [x: string]: {
        ps: string | undefined;
      };
    };
    "[data-input-element]:has(~ &)": {
      minW: string | undefined;
    };
    minH: string | undefined;
    "--space-x": "spaces.3.5";
    "--space-y": "spaces.2.5";
    fontSize: "lg";
    px: "{space-x}";
  };
  xl: {
    "&:has(+ [data-input-element])": {
      pe: string | undefined;
    } | {
      [x: string]: {
        pe: string | undefined;
      };
    };
    "& ~ [data-input-element]": {
      minW: string | undefined;
    };
    "--height": string | undefined;
    "[data-input-element] + &": {
      ps: string | undefined;
    } | {
      [x: string]: {
        ps: string | undefined;
      };
    };
    "[data-input-element]:has(~ &)": {
      minW: string | undefined;
    };
    minH: string | undefined;
    "--space-x": "spaces.4";
    "--space-y": "spaces.3";
    fontSize: "xl";
    px: "{space-x}";
  };
  "2xl": {
    "&:has(+ [data-input-element])": {
      pe: string | undefined;
    } | {
      [x: string]: {
        pe: string | undefined;
      };
    };
    "& ~ [data-input-element]": {
      minW: string | undefined;
    };
    "--height": string | undefined;
    "[data-input-element] + &": {
      ps: string | undefined;
    } | {
      [x: string]: {
        ps: string | undefined;
      };
    };
    "[data-input-element]:has(~ &)": {
      minW: string | undefined;
    };
    minH: string | undefined;
    "--space-x": "spaces.4";
    "--space-y": "spaces.3";
    fontSize: "xl";
    px: "{space-x}";
  };
}, {
  filled: {
    bg: "bg.panel";
    border: "1px solid transparent";
    focusRingColor: "{focus-border-color}";
    focusVisibleRing: "inside";
    _invalid: {
      borderColor: "{error-border-color}";
      focusRingColor: "{error-border-color}";
    };
  };
  flushed: {
    bg: "transparent";
    borderBottomColor: "colorScheme.muted";
    borderBottomWidth: "1px";
    rounded: "0px";
    _focusVisible: {
      borderColor: "{focus-border-color}";
      boxShadow: "0px 1px 0px 0px {focus-border-color}";
      outline: "none";
    };
    _invalid: {
      borderColor: "{error-border-color}";
      _focusVisible: {
        boxShadow: "0px 1px 0px 0px {error-border-color}";
      };
    };
  };
  outline: {
    border: "1px solid {colors.border}";
    focusRingColor: "{focus-border-color}";
    focusVisibleRing: "inside";
    _invalid: {
      borderColor: "{error-border-color}";
      focusRingColor: "{error-border-color}";
    };
  };
  plain: {
    focusRingColor: "{focus-border-color}";
    focusVisibleRing: "inside";
    _invalid: {
      borderColor: "{error-border-color}";
      focusRingColor: "{error-border-color}";
    };
  };
}>;
type InputStyle = typeof inputStyle;
//#endregion
export { InputStyle, getInputHeightStyle, getInputPaddingEndResetStyle, getInputPaddingStartResetStyle, inputStyle };
//# sourceMappingURL=input.style.d.ts.map