@itcase/ui 1.1.9 → 1.1.11

package/dist/components/Badge/Badge.interface.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface IBadgeThemeColor {
+    borderColor?: borderColorPropsType;
+    borderColorHover?: borderColorHoverPropsType;
+    borderType?: borderTypePropsType;
+    borderWidth?: borderWidthPropsType;
+    fill?: fillPropsType;
+    shape?: shapePropsType;
+    size?: sizePropsType;
+    textColor?: textColorPropsType;
+    textSize?: textSizePropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type badgeAppearanceType = {
+    [key in appearanceKeysType]?: IBadgeThemeColor;
+};
+export interface IBadgeConfig {
+    appearance: badgeAppearanceType | undefined;
+    setAppearance: (newComponent: badgeAppearanceType) => void;
+}
+export interface IBadgeProps extends IBadgeThemeColor, TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    children?: ReactNode;
+    className?: string;
+    mode?: string;
+    style?: CSSProperties;
+    value?: string;
+}
+export {};

package/dist/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export { Badge, badgeConfig } from './Badge';

package/dist/components/Badge.js

@@ -1,197 +1,16 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import shapeProps from '../constants/componentProps/shape.js';
-import { T as Text } from '../Text-BcGbRc14.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { useStyles } from '../hooks/useStyles.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { B as Badge, b as badgeConfig } from '../Badge-D-4zpdfU.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-
-const badgeConfig = {
-  appearance: {},
-  setAppearance: newComponent => {
-    badgeConfig.appearance = newComponent;
-  }
-};
-function Badge(props) {
-  const {
-    appearance,
-    className,
-    children,
-    mode,
-    textColor,
-    textSize,
-    value
-  } = props;
-  const borderColorClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderColorHoverClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: 'borderColorHover'
-  });
-  const borderWidthClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  const borderTypeClass = useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const positionClass = useDeviceTargetClass(props, {
-    prefix: 'position_',
-    propsKey: 'position'
-  });
-  const sizeClass = useDeviceTargetClass(props, {
-    prefix: 'badge_size_',
-    propsKey: 'size'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'badge_shape_',
-    propsKey: 'shape'
-  });
-  const {
-    styles: badgeStyles
-  } = useStyles(props);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'badge', !value && 'badge_type_status', mode && `badge_mode_${mode}`, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass || badgeConfig.appearance[appearance]?.fill && `fill_${badgeConfig.appearance[appearance].fill}`?.replace(/([A-Z])/g, '-$1').toLowerCase(), positionClass, sizeClass, shapeClass),
-    style: badgeStyles
-  }, children || value && /*#__PURE__*/React__default.createElement(Text, {
-    size: textSize,
-    textColor: textColor || badgeConfig.appearance[appearance]?.textColor
-  }, value));
-}
-Badge.propTypes = {
-  value: PropTypes.any.isRequired,
-  appearance: PropTypes.string,
-  borderColor: PropTypes.string,
-  borderType: PropTypes.string,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  fill: PropTypes.string,
-  shape: PropTypes.oneOf(shapeProps),
-  size: PropTypes.string,
-  textColor: PropTypes.string,
-  textSize: PropTypes.string,
-  type: PropTypes.string
-};
-Badge.defaultProps = {
-  size: 'm',
-  shape: 'circular'
-};
-Badge.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Badge",
-  "props": {
-    "size": {
-      "defaultValue": {
-        "value": "'m'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "shape": {
-      "defaultValue": {
-        "value": "'circular'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "value": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": true
-    },
-    "appearance": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderType": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Badge, badgeConfig };
+import '../Text-CxrzHFN1.js';

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,8 @@
+import { IBreadcrumbsProps } from './Breadcrumbs.interface';
+declare function Breadcrumbs(props: IBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Breadcrumbs {
+    var defaultProps: {
+        direction: string;
+    };
+}
+export { Breadcrumbs };

package/dist/components/Breadcrumbs/Breadcrumbs.interface.d.ts

@@ -0,0 +1,71 @@
+import { ElementType, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { directionPropsType, fillPropsType, iconSizePropsType, positionPropsType, shapePropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, underlinePropsType, widthPropsType } from '../../types';
+export interface IBreadcrumbsItemProps extends TypeStyleAttributes {
+    children?: ReactNode;
+    className?: string;
+    cursor?: string;
+    fill?: fillPropsType;
+    fillDesktop?: fillPropsType;
+    fillMobile?: fillPropsType;
+    fillTablet?: fillPropsType;
+    href?: string;
+    iconAfter?: ElementType;
+    itemIconAfter?: ElementType;
+    iconAfterBgFill?: fillPropsType;
+    iconAfterFill?: fillPropsType;
+    iconAfterSize?: iconSizePropsType;
+    id?: string;
+    position?: positionPropsType;
+    positionDesktop?: positionPropsType;
+    positionMobile?: positionPropsType;
+    positionTablet?: positionPropsType;
+    set?: string;
+    shape?: shapePropsType;
+    shapeDesktop?: shapePropsType;
+    shapeMobile?: shapePropsType;
+    shapeTablet?: shapePropsType;
+    tag?: string;
+    text?: string;
+    textColor?: textColorPropsType;
+    textColorHover?: textColorHoverPropsType;
+    textSize?: textSizePropsType;
+    onClick?: () => void;
+    underline?: underlinePropsType;
+}
+export interface IBreadcrumbsProps extends TypeStyleAttributes {
+    breadcrumbsList?: {
+        href?: string;
+        id?: string;
+        text?: string;
+    }[];
+    children?: ReactNode;
+    className?: string;
+    direction?: directionPropsType;
+    directionDesktop?: directionPropsType;
+    directionMobile?: directionPropsType;
+    directionTablet?: directionPropsType;
+    fill?: fillPropsType;
+    fillDesktop?: fillPropsType;
+    fillMobile?: fillPropsType;
+    fillTablet?: fillPropsType;
+    iconAfterBgFill?: fillPropsType;
+    iconAfterFill?: fillPropsType;
+    iconAfterSize?: iconSizePropsType;
+    itemTextColor?: textColorPropsType;
+    itemTextColorHover?: textColorHoverPropsType;
+    itemUnderline?: underlinePropsType;
+    position?: positionPropsType;
+    positionDesktop?: positionPropsType;
+    positionMobile?: positionPropsType;
+    positionTablet?: positionPropsType;
+    set?: string;
+    shape?: shapePropsType;
+    shapeDesktop?: shapePropsType;
+    shapeMobile?: shapePropsType;
+    shapeTablet?: shapePropsType;
+    width?: widthPropsType;
+    widthDesktop?: widthPropsType;
+    widthMobile?: widthPropsType;
+    widthTablet?: widthPropsType;
+}

package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -0,0 +1,8 @@
+import { IBreadcrumbsItemProps } from './Breadcrumbs.interface';
+declare function BreadcrumbsItem(props: IBreadcrumbsItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace BreadcrumbsItem {
+    var defaultProps: {
+        set: string;
+    };
+}
+export { BreadcrumbsItem };

package/dist/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,3 @@
+import { Breadcrumbs } from './Breadcrumbs';
+import { BreadcrumbsItem } from './BreadcrumbsItem';
+export { Breadcrumbs, BreadcrumbsItem };

package/dist/components/Breadcrumbs.js

@@ -1,36 +1,22 @@
-export { B as Breadcrumbs, a as BreadcrumbsItem } from '../Breadcrumbs-B79kOtMG.js';
+export { B as Breadcrumbs, a as BreadcrumbsItem } from '../Breadcrumbs-CciIq1Na.js';
+import '../_tslib-S-VPg1Cw.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
-import 'prop-types';
 import 'clsx';
 import 'lodash/camelCase';
-import '../constants/componentProps/direction.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/position.js';
-import '../constants/componentProps/shape.js';
-import '../constants/componentProps/width.js';
-import '../Icon-Dn2eEZvb.js';
-import '../Link-ByBzBRDH.js';
-import '../jsx-runtime-ClDdVO4Q.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
+import '../Icon-Duj1nynQ.js';
 import 'react-inlinesvg';
-import './Tooltip.js';
-import '../Text-BcGbRc14.js';
-import './Title.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/wrap.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textSize.js';
+import '../Link-CbCqej5B.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
+import '../Title-BUN57fWw.js';

package/dist/components/Button/Button.interface.d.ts

@@ -1,6 +1,6 @@
-import { ElementType, ReactNode } from 'react';
+import { CSSProperties, ElementType, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, shapePropsType, sizePropsType, strokeColorPropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, textWeightPropsType, textWrapPropsType, widthPropsType } from '../../types';
+import { borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, textWeightPropsType, textWrapPropsType, widthPropsType } from '../../types';
 import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
 export interface IButtonThemeColor {
     borderColor?: borderColorPropsType;
@@ -12,33 +12,28 @@ export interface IButtonThemeColor {
     fillIcon?: fillPropsType;
     fillIconAfter?: fillPropsType;
     fillIconBefore?: fillPropsType;
-    iconAfter?: React.ElementType;
-    iconAfterFill?: fillPropsType;
+    iconAfterFill?: itemColorPropsType;
     iconAfterFillSize?: iconFillSizePropsType;
     iconAfterShape?: shapePropsType;
     iconAfterSize?: iconSizePropsType;
     iconAfterSrc?: string;
-    iconAfterStroke?: strokeColorPropsType;
-    iconBefore?: React.ElementType;
-    iconBeforeFill?: fillPropsType;
+    iconBeforeFill?: itemColorPropsType;
     iconBeforeFillSize?: iconFillSizePropsType;
     iconBeforeShape?: shapePropsType;
     iconBeforeSize?: iconSizePropsType;
     iconBeforeSrc?: string;
-    iconBeforeStroke?: strokeColorPropsType;
-    iconFill?: fillPropsType;
+    iconFill?: itemColorPropsType;
     iconFillSize?: iconFillSizePropsType;
     iconShape?: shapePropsType;
     iconSize?: iconSizePropsType;
-    iconStroke?: strokeColorPropsType;
     label?: string;
     labelTextColor?: textColorPropsType;
     labelTextColorHover?: textColorHoverPropsType;
     labelTextSize?: textSizePropsType;
     labelTextWeight?: textWeightPropsType;
     labelTextWrap?: textWrapPropsType;
-    loaderFill?: string;
-    loaderItemFill?: string;
+    loaderFill?: fillPropsType;
+    loaderItemFill?: itemColorPropsType;
     loaderSet?: string;
     shape?: shapePropsType;
     size?: sizePropsType;
@@ -53,26 +48,29 @@ export interface IButtonConfig {
     setAppearance: (newComponent: buttonAppearanceType) => void;
 }
 export interface IButtonProps extends IButtonThemeColor, TypeStyleAttributes {
+    Badge?: ReactNode;
     after?: ReactNode;
     appearance?: appearanceKeysType;
-    Badge?: ReactNode;
     before?: ReactNode;
-    children?: string;
+    children?: ReactNode;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
     href?: string;
     htmlType?: ElementType;
     icon?: ElementType;
+    iconAfter?: ElementType;
+    iconBefore?: ElementType;
     iconSrc?: string;
     isDisabled?: boolean;
     label?: string;
     link?: string;
     loading?: boolean;
-    onClick?: () => void;
-    onMouseDown?: () => void;
     rel?: string;
+    style?: CSSProperties;
     target?: string;
-    type?: string;
+    set?: string;
+    onClick?: () => void;
+    onMouseDown?: () => void;
 }
 export {};

package/dist/components/Button.js

@@ -1,5 +1,5 @@
-export { B as Button, b as buttonConfig } from '../Button-B7vbiqrJ.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { B as Button, b as buttonConfig } from '../Button-BXClqM-t.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
@@ -13,22 +13,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-Dn2eEZvb.js';
-import '../Link-ByBzBRDH.js';
+import '../Icon-Duj1nynQ.js';
+import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
-import './Tooltip.js';
-import '../Text-BcGbRc14.js';
-import './Title.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/wrap.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textSize.js';
-import '../constants/componentProps/shape.js';
-import './Loader.js';
+import '../Link-CbCqej5B.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
+import '../Title-BUN57fWw.js';
+import '../Loader-YZrWGaNy.js';

package/dist/components/Caption/Caption.d.ts

@@ -0,0 +1,3 @@
+import { ICaptionProps } from './Caption.interface';
+declare function Caption(props: ICaptionProps): import("react/jsx-runtime").JSX.Element;
+export { Caption };

package/dist/components/Caption/Caption.interface.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { captionPositionPropsType, fillGradientPropsType, fillPropsType } from '../../types';
+export interface ICaptionThemeColor {
+    fill: fillPropsType;
+    fillMobile: fillPropsType;
+    fillTablet: fillPropsType;
+    fillDesktop: fillPropsType;
+    fillGradient: fillGradientPropsType;
+    fillGradientMobile: fillGradientPropsType;
+    fillGradientTablet: fillGradientPropsType;
+    fillGradientDesktop: fillGradientPropsType;
+    position: captionPositionPropsType;
+    positionMobile: captionPositionPropsType;
+    positionTablet: captionPositionPropsType;
+    positionDesktop: captionPositionPropsType;
+}
+export interface ICaptionProps extends ICaptionThemeColor, Omit<TypeStyleAttributes, 'position'> {
+    children?: ReactNode;
+    className?: string;
+}

package/dist/components/Caption/index.d.ts

@@ -0,0 +1 @@
+export { Caption } from './Caption';