@hh.ru/magritte-ui-icon 8.0.3 → 9.0.1

package/iconTypes.d.ts

@@ -1,13 +1,56 @@
-import { ReactElement, SVGProps } from 'react';
-import { IconColor, IconDisabledColor, IconHoveredColor } from '@hh.ru/magritte-ui-icon/colors';
-export interface IconProps extends SVGProps<SVGSVGElement> {
-    initial?: IconColor;
-    'aria-hidden'?: boolean;
+import { ReactElement, SVGProps, MouseEventHandler, ForwardedRef } from 'react';
+import { TokenBaseStaticSpace, TokenColorStroke, TokenBaseStaticBorderRadius, TokenColorBackground, TokenColorIcon, TokenShadow } from '@hh.ru/magritte-design-tokens/types';
+export type IconColor = TokenColorIcon;
+export type IconDisabledColor = TokenColorIcon;
+export type IconHoveredColor = TokenColorIcon;
+export type IconPressedColor = TokenColorIcon;
+interface StaticIconProps {
+    onClick?: never;
+    disabled?: never;
 }
-export interface IconDynamicProps extends IconProps {
-    highlighted: IconHoveredColor;
-    disabled: IconDisabledColor;
+interface ActiveIconProps {
+    onClick?: MouseEventHandler;
+    disabled?: boolean;
 }
+export type IconBaseProps = Omit<SVGProps<SVGSVGElement>, 'ref'> & {
+    'aria-hidden'?: boolean;
+    padding?: TokenBaseStaticSpace;
+    backgroundStyle?: TokenColorBackground;
+    shadow?: TokenShadow;
+    borderRadius?: TokenBaseStaticBorderRadius | 'halfHeight';
+    borderStyle?: TokenColorStroke;
+    increaseShadow?: boolean;
+    /** Компонент Badge */
+    badge?: ReactElement;
+    'data-qa'?: string;
+    ref?: ForwardedRef<HTMLOrSVGElement>;
+} & (StaticIconProps | ActiveIconProps);
+type StyledIconProps = IconBaseProps & {
+    initialColor?: TokenColorIcon;
+    hex?: never;
+};
+type HexedIconProps = IconBaseProps & {
+    initialColor?: never;
+    hex?: string;
+};
+export type IconProps = StyledIconProps | HexedIconProps;
+export type StyledIconDynamicProps = StyledIconProps & {
+    highlightedColor?: TokenColorIcon;
+    pressedColor?: TokenColorIcon;
+    disabledColor?: TokenColorIcon;
+    hexHighlighted?: never;
+    hexDisabled?: never;
+    hexPressed?: never;
+};
+export type HexedIconDynamicProps = HexedIconProps & {
+    highlightedColor?: never;
+    pressedColor?: never;
+    disabledColor?: never;
+    hexHighlighted?: string;
+    hexDisabled?: string;
+    hexPressed?: string;
+};
+export type IconDynamicProps = StyledIconDynamicProps | HexedIconDynamicProps;
 type MakeNever<T> = {
     [key in keyof T]?: never;
 };

package/iconTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconTypes.js","sources":["../src/iconTypes.ts"],"sourcesContent":["import { ReactElement, SVGProps, isValidElement } from 'react';\n\nimport { IconColor, IconDisabledColor, IconHoveredColor } from '@hh.ru/magritte-ui-icon/colors';\n\nexport interface IconProps extends SVGProps<SVGSVGElement> {\n    /* Указывает начальный цвет иконки */\n    initial?: IconColor;\n    /* Указывает есть ли поддержка accessibility API, если aria-label не указан\n     * считаем что нет поддержки. Если указан, то есть возможность для отключения.\n     * */\n    'aria-hidden'?: boolean;\n}\n\nexport interface IconDynamicProps extends IconProps {\n    /* Указывает цвет иконки, в случае если иконка динамическая\n     * (hover, focus etc. states)\n     * */\n    highlighted: IconHoveredColor;\n    /* Указывает цвет иконки, в случае если иконка динамическая\n     * и задизейблена\n     * */\n    disabled: IconDisabledColor;\n}\n\ntype MakeNever<T> = {\n    [key in keyof T]?: never;\n};\n\ntype IconPropsUnion = (IconProps & MakeNever<Omit<IconDynamicProps, keyof IconProps>>) | IconDynamicProps;\nexport const isIconComponent = (\n    component: ReactElement\n): component is ReactElement<IconPropsUnion, IconWrapperComponent> => {\n    return isValidElement(component) && typeof component.type !== 'string' && 'isIcon' in component?.type;\n};\n\nexport interface IconWrapperComponent<T = null> {\n    (props: T extends null ? IconProps | IconDynamicProps : (IconProps | IconDynamicProps) & T): ReactElement;\n    displayName?: string;\n    isIcon?: boolean;\n    _size?: number;\n}\n\nexport interface IconWrapperComponentSize16<T = null> extends IconWrapperComponent<T> {\n    _size: 16;\n}\nexport interface IconWrapperComponentSize24<T = null> extends IconWrapperComponent<T> {\n    _size: 24;\n}\nexport interface IconWrapperComponentSize32<T = null> extends IconWrapperComponent<T> {\n    _size: 32;\n}\n"],"names":[],"mappings":";;AA6Ba,MAAA,eAAe,GAAG,CAC3B,SAAuB,KAC0C;AACjE,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,QAAQ,IAAI,SAAS,EAAE,IAAI,CAAC;AAC1G;;;;"}
+{"version":3,"file":"iconTypes.js","sources":["../src/iconTypes.ts"],"sourcesContent":["import { ReactElement, SVGProps, isValidElement, MouseEventHandler, ForwardedRef } from 'react';\n\nimport {\n    TokenBaseStaticSpace,\n    TokenColorStroke,\n    TokenBaseStaticBorderRadius,\n    TokenColorBackground,\n    TokenColorIcon,\n    TokenShadow,\n} from '@hh.ru/magritte-design-tokens/types';\n\nexport type IconColor = TokenColorIcon;\nexport type IconDisabledColor = TokenColorIcon;\nexport type IconHoveredColor = TokenColorIcon;\nexport type IconPressedColor = TokenColorIcon;\n\ninterface StaticIconProps {\n    onClick?: never;\n    disabled?: never;\n}\n\ninterface ActiveIconProps {\n    onClick?: MouseEventHandler;\n    disabled?: boolean;\n}\n\nexport type IconBaseProps = Omit<SVGProps<SVGSVGElement>, 'ref'> & {\n    /* Указывает есть ли поддержка accessibility API, если aria-label не указан\n     * считаем что нет поддержки. Если указан, то есть возможность для отключения.\n     * */\n    'aria-hidden'?: boolean;\n    padding?: TokenBaseStaticSpace;\n    backgroundStyle?: TokenColorBackground;\n    shadow?: TokenShadow;\n    borderRadius?: TokenBaseStaticBorderRadius | 'halfHeight';\n    borderStyle?: TokenColorStroke;\n    increaseShadow?: boolean;\n    /** Компонент Badge */\n    badge?: ReactElement;\n    'data-qa'?: string;\n    ref?: ForwardedRef<HTMLOrSVGElement>;\n} & (StaticIconProps | ActiveIconProps);\n\ntype StyledIconProps = IconBaseProps & {\n    initialColor?: TokenColorIcon;\n    hex?: never;\n};\n\ntype HexedIconProps = IconBaseProps & {\n    initialColor?: never;\n    hex?: string;\n};\n\nexport type IconProps = StyledIconProps | HexedIconProps;\n\nexport type StyledIconDynamicProps = StyledIconProps & {\n    /* Указывает цвет иконки, в случае если иконка динамическая\n     * (hover, focus etc. states)\n     * */\n    highlightedColor?: TokenColorIcon;\n    /* Указывает цвет иконки, в случае если иконка динамическая\n     * и задизейблена\n     * */\n    pressedColor?: TokenColorIcon;\n    disabledColor?: TokenColorIcon;\n    hexHighlighted?: never;\n    hexDisabled?: never;\n    hexPressed?: never;\n};\n\nexport type HexedIconDynamicProps = HexedIconProps & {\n    highlightedColor?: never;\n    pressedColor?: never;\n    disabledColor?: never;\n    hexHighlighted?: string;\n    hexDisabled?: string;\n    hexPressed?: string;\n};\n\nexport type IconDynamicProps = StyledIconDynamicProps | HexedIconDynamicProps;\n\ntype MakeNever<T> = {\n    [key in keyof T]?: never;\n};\n\ntype IconPropsUnion = (IconProps & MakeNever<Omit<IconDynamicProps, keyof IconProps>>) | IconDynamicProps;\nexport const isIconComponent = (\n    component: ReactElement\n): component is ReactElement<IconPropsUnion, IconWrapperComponent> => {\n    return isValidElement(component) && typeof component.type !== 'string' && 'isIcon' in component?.type;\n};\n\nexport interface IconWrapperComponent<T = null> {\n    (props: T extends null ? IconProps | IconDynamicProps : (IconProps | IconDynamicProps) & T): ReactElement;\n    displayName?: string;\n    isIcon?: boolean;\n    _size?: number;\n}\n\nexport interface IconWrapperComponentSize16<T = null> extends IconWrapperComponent<T> {\n    _size: 16;\n}\nexport interface IconWrapperComponentSize24<T = null> extends IconWrapperComponent<T> {\n    _size: 24;\n}\nexport interface IconWrapperComponentSize32<T = null> extends IconWrapperComponent<T> {\n    _size: 32;\n}\n"],"names":[],"mappings":";;AAsFa,MAAA,eAAe,GAAG,CAC3B,SAAuB,KAC0C;AACjE,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,QAAQ,IAAI,SAAS,EAAE,IAAI,CAAC;AAC1G;;;;"}