@spark-web/password-input
Version:
--- title: Password Input storybookPath: forms-passwordinput--default isExperimentalPackage: true ---
67 lines (66 loc) • 2.31 kB
TypeScript
export declare function useIconButtonStyles(): readonly [{
readonly alignItems: "center";
readonly borderRadius: "full";
readonly cursor: "pointer";
readonly display: "inline-flex";
readonly gap: "small";
readonly height: "small";
readonly justifyContent: "center";
readonly paddingX: "xsmall";
readonly position: "relative";
readonly width: "small";
}, {
readonly '&:not([aria-disabled=true])': {
readonly ':hover': {
readonly borderColor: string | undefined;
readonly backgroundColor: string | undefined;
readonly '> *': {
readonly color: string | undefined;
readonly stroke: string | undefined;
readonly transitionProperty: string;
readonly transitionTimingFunction: string;
readonly transitionDuration: string;
};
};
readonly ':active': {
readonly borderColor: string | undefined;
readonly backgroundColor: string | undefined;
readonly transform: "scale(0.98)";
readonly '> *': {
readonly color: string | undefined;
readonly stroke: string | undefined;
readonly transitionProperty: string;
readonly transitionTimingFunction: string;
readonly transitionDuration: string;
};
};
readonly ':focus': {
boxShadow: string;
outline: string;
outlineOffset: string;
} | {
outline: string;
outlineOffset: string;
};
};
readonly '&[aria-disabled=true]': {
readonly backgroundColor: string | undefined;
readonly borderColor: string | undefined;
readonly cursor: "default";
readonly '*': {
readonly color: string | undefined;
readonly stroke: string | undefined;
};
readonly ':focus': {
boxShadow: string;
outline: string;
outlineOffset: string;
} | {
outline: string;
outlineOffset: string;
};
};
readonly transitionProperty: string;
readonly transitionTimingFunction: string;
readonly transitionDuration: string;
}];