@workday/canvas-kit-react/dist/commonjs/icon/lib/SystemIconCircle.d.ts

The parent module that contains all Workday Canvas Kit React components

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. Use this if you want to
     * always mirror the icon regardless of the content direction. If the SVG should mirror only when
     * in an right-to-left language, use `shouldMirrorInRTL` instead.
     * @default false
     */
    shouldMirror?: boolean;
    /**
     * If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction
     * is `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.
     * Setting this to `true` indicates the icon should be mirrored in right-to-left languages.
     * @default false
     */
    shouldMirrorInRTL?: 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