@itcase/ui 1.1.9 → 1.1.10

package/dist/cjs/components/Badge.js

@@ -1,206 +1,23 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var shape = require('../constants/componentProps/shape.js');
-var Text = require('../Text-D7Aq1i5R.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+var Badge = require('../Badge-BvJTwXqB.js');
+require('../jsx-runtime-BBxmckJR.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../Text-CgYNdSwY.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-const badgeConfig = {
-  appearance: {},
-  setAppearance: newComponent => {
-    badgeConfig.appearance = newComponent;
-  }
-};
-function Badge(props) {
-  const {
-    appearance,
-    className,
-    children,
-    mode,
-    textColor,
-    textSize,
-    value
-  } = props;
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: 'borderColorHover'
-  });
-  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'position_',
-    propsKey: 'position'
-  });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'badge_size_',
-    propsKey: 'size'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'badge_shape_',
-    propsKey: 'shape'
-  });
-  const {
-    styles: badgeStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(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.default.createElement(Text.Text, {
-    size: textSize,
-    textColor: textColor || badgeConfig.appearance[appearance]?.textColor
-  }, value));
-}
-Badge.propTypes = {
-  value: PropTypes__default.default.any.isRequired,
-  appearance: PropTypes__default.default.string,
-  borderColor: PropTypes__default.default.string,
-  borderType: PropTypes__default.default.string,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  fill: PropTypes__default.default.string,
-  shape: PropTypes__default.default.oneOf(shape.default),
-  size: PropTypes__default.default.string,
-  textColor: PropTypes__default.default.string,
-  textSize: PropTypes__default.default.string,
-  type: PropTypes__default.default.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
-    }
-  }
-};
-
-exports.Badge = Badge;
-exports.badgeConfig = badgeConfig;
+exports.Badge = Badge.Badge;
+exports.badgeConfig = Badge.badgeConfig;

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/Breadcrumbs/index.d.ts

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

package/dist/cjs/components/Breadcrumbs.js

@@ -1,41 +1,27 @@
 'use strict';
 
-var Breadcrumbs = require('../Breadcrumbs-HubY1qZQ.js');
+var Breadcrumbs = require('../Breadcrumbs-PHMiEJZH.js');
+require('../_tslib-CKiUdo7p.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
-require('prop-types');
 require('clsx');
 require('lodash/camelCase');
-require('../constants/componentProps/direction.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/position.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/width.js');
-require('../Icon-UBahY607.js');
-require('../Link-BoShjCEw.js');
-require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../Icon-D1v73UhR.js');
 require('react-inlinesvg');
-require('./Tooltip.js');
-require('../Text-D7Aq1i5R.js');
-require('./Title.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textSize.js');
+require('../Link-3qPujNn9.js');
+require('../Tooltip-DasmzIDY.js');
+require('../Text-CgYNdSwY.js');
+require('../Title-C3lN-EvU.js');
 
 
 

package/dist/cjs/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/cjs/components/Button.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Button = require('../Button-3GkRq8Pv.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+var Button = require('../Button-D7ctQMni.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');
@@ -15,25 +15,14 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-UBahY607.js');
-require('../Link-BoShjCEw.js');
+require('../Icon-D1v73UhR.js');
+require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
-require('./Tooltip.js');
-require('../Text-D7Aq1i5R.js');
-require('./Title.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/shape.js');
-require('./Loader.js');
+require('../Link-3qPujNn9.js');
+require('../Tooltip-DasmzIDY.js');
+require('../Text-CgYNdSwY.js');
+require('../Title-C3lN-EvU.js');
+require('../Loader-CK9zQAPl.js');
 
 
 

package/dist/cjs/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/cjs/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/cjs/components/Caption/index.d.ts

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