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

The parent module that contains all Workday Canvas Kit React components

import { CanvasAccentIcon } from '@workday/design-assets-types';
import { CSSObject } from '@emotion/styled';
import { SystemPropValues } from '@workday/canvas-kit-react/layout';
import { SvgProps } from './Svg';
/**
 * @deprecated Interface `AccentIconStyles` will be removed in a future version. All props will be moved inside `AccentIconProps`. Consider to use the new tokens set to set `color` prop: `color={base.blueberry500}`.
 */
export interface AccentIconStyles {
    /**
     * The fill color of the AccentIcon.
     * @default base.blueberry500
     */
    color?: SystemPropValues['color'];
    /**
     * If true, set the background fill of the AccentIcon to `transparent`.
     * If false, set the background fill of the AccentIcon to `base.frenchVanilla100`.
     * @default false
     */
    transparent?: boolean;
}
export interface AccentIconProps extends AccentIconStyles, Omit<SvgProps, 'src' | 'type'> {
    /**
     *  The icon to display from `@workday/canvas-accent-icons-web`.
     */
    icon: CanvasAccentIcon;
    /**
     * The size of the AccentIcon in `px`.
     * @default 56
     */
    size?: number;
}
/**
 * @deprecated `accentIconStyles` will be removed in in a future version as a part of implementation of stencils and new tokens. Consider to use `accentIconStencil` instead.
 */
export declare const accentIconStyles: ({ color, transparent, }: AccentIconStyles) => CSSObject;
export declare const accentIconStencil: import("@workday/canvas-kit-styling").Stencil<{
    transparent: {
        true: {
            '& .french-vanilla-100': {
                fill: "transparent";
            };
        };
    };
}, {}, {
    color: string;
}, import("@workday/canvas-kit-styling").Stencil<{
    shouldMirror: {
        true: {
            transform: "scaleX(-1)";
        };
    };
}, {}, {
    width: string;
    height: string;
    size: string;
}, never, never>, never>;
export declare const AccentIcon: import("@workday/canvas-kit-react/common").ElementComponent<"span", AccentIconProps>;
//# sourceMappingURL=AccentIcon.d.ts.map