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

The parent module that contains all Workday Canvas Kit React components

import { CanvasExpressiveIcon } from '@workday/canvas-expressive-icons-web';
import { SvgProps } from './Svg';
type ExpressiveSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export interface ExpressiveIconProps extends Omit<SvgProps, 'src' | 'type'> {
    /**
     * The accent color of the ExpressiveIcon.
     */
    accent?: string;
    /**
     * The outline color of the ExpressiveIcon.
     */
    color?: string;
    /**
     * The icon to display from `@workday/canvas-expressive-icons-web`.
     */
    icon: CanvasExpressiveIcon;
    /**
     * The size of the ExpressiveIcon in size variants or string / numeric (px) values.
     * **Expressive icon sizes**
     * - `xs`: 40px / 2.5rem
     * - `sm`: 48px / 3rem
     * - `md`: 56px / 3.5rem
     * - `lg`: 64px / 4rem
     * - `xl`: 96px / 6rem
     * @default `56px`
     */
    size?: ExpressiveSize | string | number;
}
export declare const expressiveIconStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
    /**
     * This will set the icon's outline color for the `.wd-expressive-fill` SVG layer.
     */
    color: string;
    /**
     * This will set the icon's accent color for the `.wd-expressive-accent` SVG layer.
     */
    accentColor: string;
}, import("@workday/canvas-kit-styling").Stencil<{
    shouldMirror: {
        true: {
            transform: string;
        };
    };
    shouldMirrorInRTL: {
        true: {
            '&:dir(rtl)': {
                transform: string;
            };
        };
    };
}, {}, {
    width: string;
    height: string;
    size: string;
}, never, never>>, {}, {
    /**
     * This will set the icon's outline color for the `.wd-expressive-fill` SVG layer.
     */
    color: string;
    /**
     * This will set the icon's accent color for the `.wd-expressive-accent` SVG layer.
     */
    accentColor: string;
}, import("@workday/canvas-kit-styling").Stencil<{
    shouldMirror: {
        true: {
            transform: string;
        };
    };
    shouldMirrorInRTL: {
        true: {
            '&:dir(rtl)': {
                transform: string;
            };
        };
    };
}, {}, {
    width: string;
    height: string;
    size: string;
}, never, never>, never>;
export declare const ExpressiveIcon: import("@workday/canvas-kit-react/common").ElementComponent<"span", ExpressiveIconProps>;
export {};
//# sourceMappingURL=ExpressiveIcon.d.ts.map