@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
100 lines (99 loc) • 2.47 kB
TypeScript
import { ComponentSlotStyle } from "../../core/system/index.types.js";
import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
import "../../index.js";
//#region src/components/pin-input/pin-input.style.d.ts
declare const pinInputStyle: ComponentSlotStyle<"root" | "field", CSSPropObject<CSSSlotObject<"root" | "field">>, {
xs: {
field: {
boxSize: string | undefined;
fontSize: "xs" | undefined;
};
};
sm: {
field: {
boxSize: string | undefined;
fontSize: "sm" | undefined;
};
};
md: {
field: {
boxSize: string | undefined;
fontSize: "md" | undefined;
};
};
lg: {
field: {
boxSize: string | undefined;
fontSize: "lg" | undefined;
};
};
xl: {
field: {
boxSize: string | undefined;
fontSize: "xl" | undefined;
};
};
"2xl": {
field: {
boxSize: string | undefined;
fontSize: "xl" | undefined;
};
};
}, {
filled: {
field: {
bg: "bg.panel";
border: "1px solid transparent";
focusRingColor: "{focus-border-color}";
focusVisibleRing: "inside";
_invalid: {
borderColor: "{error-border-color}";
focusRingColor: "{error-border-color}";
};
} | undefined;
};
flushed: {
field: {
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}";
};
};
} | undefined;
};
outline: {
field: {
border: "1px solid {colors.border}";
focusRingColor: "{focus-border-color}";
focusVisibleRing: "inside";
_invalid: {
borderColor: "{error-border-color}";
focusRingColor: "{error-border-color}";
};
} | undefined;
};
plain: {
field: {
focusRingColor: "{focus-border-color}";
focusVisibleRing: "inside";
_invalid: {
borderColor: "{error-border-color}";
focusRingColor: "{error-border-color}";
};
} | undefined;
};
}>;
type PinInputStyle = typeof pinInputStyle;
//#endregion
export { PinInputStyle, pinInputStyle };
//# sourceMappingURL=pin-input.style.d.ts.map