@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
54 lines • 1.91 kB
TypeScript
import { BrandingColor } from '@workday/canvas-kit-react/tokens';
import { CanvasAppletIcon } from '@workday/design-assets-types';
import { CSSObject } from '@emotion/styled';
import { SvgProps } from './Svg';
/**
* @deprecated Interface `AppletIconStyles` will be removed in a future version. All props will be moved inside `AppletIconProps`.
*/
export interface AppletIconStyles {
/**
* The icon color hue. Must use a member of the `AppletIcon.Colors` static enum.
* @default AppletIcon.Colors.Blueberry
*/
color?: BrandingColor;
}
/**
* @deprecated `appletIconStyles` will be removed in in a future version as a part of implementation of stencils and new tokens. Consider to use `appletIconStencil` instead.
*/
export declare const appletIconStyles: ({ color, }: AppletIconStyles) => CSSObject;
export interface AppletIconProps extends AppletIconStyles, Pick<SvgProps, 'shouldMirror' | 'cs'> {
/**
* The icon to display from `@workday/canvas-applet-icons-web`.
*/
icon: CanvasAppletIcon;
/**
* The size of the AppletIcon in `px`.
* @default 92
*/
size?: number;
}
export declare const appletIconStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
color200: string;
color300: string;
color400: string;
color500: string;
}, never>, {}, {
color200: string;
color300: string;
color400: string;
color500: string;
}, import("@workday/canvas-kit-styling").Stencil<{
shouldMirror: {
true: {
transform: "scaleX(-1)";
};
};
}, {}, {
width: string;
height: string;
size: string;
}, never, never>, never>;
export declare const AppletIcon: import("@workday/canvas-kit-react/common").ElementComponent<"span", AppletIconProps> & {
Colors: typeof BrandingColor;
};
//# sourceMappingURL=AppletIcon.d.ts.map