@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
142 lines • 5.42 kB
TypeScript
import { TertiaryButtonProps } from './TertiaryButton';
export interface ToolbarIconButtonProps extends Omit<TertiaryButtonProps, 'size' | 'variant'> {
onToggleChange?: (toggled: boolean | undefined) => void;
toggled?: boolean;
shouldMirrorIcon?: boolean;
shouldMirrorIconInRTL?: boolean;
}
export declare const toolbarIconButtonStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<{
size: {
large: {
fontWeight: "--cnvs-sys-font-weight-bold";
height: string;
paddingInline: "--cnvs-sys-space-x8";
minWidth: string;
fontFamily: "--cnvs-sys-font-family-default";
lineHeight: "--cnvs-sys-line-height-body-small";
fontSize: "--cnvs-sys-font-size-body-small";
letterSpacing: "--cnvs-base-letter-spacing-200";
};
medium: {
fontWeight: "--cnvs-sys-font-weight-bold";
minWidth: string;
paddingInline: "--cnvs-sys-space-x6";
height: "--cnvs-sys-space-x10";
fontFamily: "--cnvs-sys-font-family-default";
lineHeight: "--cnvs-sys-line-height-subtext-large";
fontSize: "--cnvs-sys-font-size-subtext-large";
letterSpacing: "--cnvs-base-letter-spacing-150";
};
small: {
fontWeight: "--cnvs-sys-font-weight-bold";
height: "--cnvs-sys-space-x8";
minWidth: "--cnvs-sys-space-x20";
paddingInline: "--cnvs-sys-space-x4";
gap: "--cnvs-sys-space-x1";
fontFamily: "--cnvs-sys-font-family-default";
lineHeight: "--cnvs-sys-line-height-subtext-large";
fontSize: "--cnvs-sys-font-size-subtext-large";
letterSpacing: "--cnvs-base-letter-spacing-150";
};
extraSmall: {
fontWeight: "--cnvs-sys-font-weight-bold";
height: "--cnvs-sys-space-x6";
minWidth: string;
paddingInline: "--cnvs-sys-space-x3";
gap: "--cnvs-sys-space-x1";
fontFamily: "--cnvs-sys-font-family-default";
lineHeight: "--cnvs-sys-line-height-subtext-medium";
fontSize: "--cnvs-sys-font-size-subtext-medium";
letterSpacing: "--cnvs-base-letter-spacing-100";
};
};
grow: {
true: {
width: string;
maxWidth: string;
};
};
iconPosition: {
only: {
padding: "--cnvs-sys-space-zero";
};
start: {};
end: {};
};
}, {}, {
background: string;
border: string;
boxShadowInner: string;
boxShadowOuter: string;
label: string;
opacity: string;
borderRadius: string;
}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
size: {
large: {
fontWeight: "--cnvs-sys-font-weight-bold";
height: string;
paddingInline: "--cnvs-sys-space-x8";
minWidth: string;
fontFamily: "--cnvs-sys-font-family-default";
lineHeight: "--cnvs-sys-line-height-body-small";
fontSize: "--cnvs-sys-font-size-body-small";
letterSpacing: "--cnvs-base-letter-spacing-200";
};
medium: {
fontWeight: "--cnvs-sys-font-weight-bold";
minWidth: string;
paddingInline: "--cnvs-sys-space-x6";
height: "--cnvs-sys-space-x10";
fontFamily: "--cnvs-sys-font-family-default";
lineHeight: "--cnvs-sys-line-height-subtext-large";
fontSize: "--cnvs-sys-font-size-subtext-large";
letterSpacing: "--cnvs-base-letter-spacing-150";
};
small: {
fontWeight: "--cnvs-sys-font-weight-bold";
height: "--cnvs-sys-space-x8";
minWidth: "--cnvs-sys-space-x20";
paddingInline: "--cnvs-sys-space-x4";
gap: "--cnvs-sys-space-x1";
fontFamily: "--cnvs-sys-font-family-default";
lineHeight: "--cnvs-sys-line-height-subtext-large";
fontSize: "--cnvs-sys-font-size-subtext-large";
letterSpacing: "--cnvs-base-letter-spacing-150";
};
extraSmall: {
fontWeight: "--cnvs-sys-font-weight-bold";
height: "--cnvs-sys-space-x6";
minWidth: string;
paddingInline: "--cnvs-sys-space-x3";
gap: "--cnvs-sys-space-x1";
fontFamily: "--cnvs-sys-font-family-default";
lineHeight: "--cnvs-sys-line-height-subtext-medium";
fontSize: "--cnvs-sys-font-size-subtext-medium";
letterSpacing: "--cnvs-base-letter-spacing-100";
};
};
grow: {
true: {
width: string;
maxWidth: string;
};
};
iconPosition: {
only: {
padding: "--cnvs-sys-space-zero";
};
start: {};
end: {};
};
}, {}, {
background: string;
border: string;
boxShadowInner: string;
boxShadowOuter: string;
label: string;
opacity: string;
borderRadius: string;
}, never, never>, never>;
export declare const ToolbarIconButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", ToolbarIconButtonProps>;
//# sourceMappingURL=ToolbarIconButton.d.ts.map