@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
48 lines • 1.57 kB
TypeScript
import { CanvasSystemIcon } from '@workday/design-assets-types';
import { CSProps } from '@workday/canvas-kit-styling';
export declare enum SystemIconCircleSize {
xs = 16,
s = 24,
m = 32,
l = 40,
xl = 64,
xxl = 120
}
export interface SystemIconCircleProps extends CSProps {
/**
* The background color of the SystemIconCircle
* @default base.soap300
*/
background?: string;
/**
* The icon color for the SystemIconCircle. Required if background specified as a CSS variable.
* If not specified, it will be calculated based on the background color.
* @default rgba(0,0,0,0.65)
*/
color?: string;
/**
* The icon to display from `@workday/canvas-accent-icons-web`.
*/
icon: CanvasSystemIcon;
/**
* The size of the SystemIconCircle.
* @default SystemIconCircleSize.l
*/
size?: SystemIconCircleSize | number;
/**
* If set to `true`, transform the SVG's x-axis to mirror the graphic
* @default false
*/
shouldMirror?: boolean;
}
export declare const systemIconCircleStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
containerSize: string;
background: string;
color: string;
}, never>, {}, {
containerSize: string;
background: string;
color: string;
}, never, never>;
export declare const SystemIconCircle: import("@workday/canvas-kit-react/common").ElementComponent<"span", SystemIconCircleProps>;
//# sourceMappingURL=SystemIconCircle.d.ts.map