@itcase/ui 1.1.7 → 1.1.9

package/dist/cjs/components/Select.js

@@ -2,26 +2,18 @@
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var index$1 = require('./Icon.js');
+var Icon = require('../Icon-UBahY607.js');
 var Select$1 = require('react-select');
 var clsx = require('clsx');
 var ReactDOM = require('react-dom');
 var floatingUi_dom = require('../floating-ui.dom-C34fOuI9.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var index$2 = require('./Badge.js');
-var Text = require('../Text-CfBPhwqK.js');
-var Group$2 = require('../Group-DbzIk8kt.js');
-var index$3 = require('./Divider.js');
-require('react-inlinesvg');
-require('./Link.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
+var Text = require('../Text-D7Aq1i5R.js');
+var index$1 = require('./Badge.js');
+var Group$2 = require('../Group-4zWTDvKx.js');
+var Divider = require('../Divider-CIYsHYud.js');
+require('../Link-BoShjCEw.js');
+require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useStyles.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
@@ -30,21 +22,22 @@ require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('lodash/castArray');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
+require('react-inlinesvg');
 require('./Tooltip.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('lodash/castArray');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/textSize.js');
-require('../jsx-runtime-BCmQOGxJ.js');
-require('../constants/componentProps/direction.js');
-require('../constants/componentProps/width.js');
+require('../constants/componentProps/shape.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -77,7 +70,7 @@ const SelectClearIndicator = props => {
     clearIconFill,
     clearIconStroke
   } = props.selectProps;
-  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.ClearIndicator, props, clearIcon ? /*#__PURE__*/React__namespace.default.createElement(index$1.Icon, {
+  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.ClearIndicator, props, clearIcon ? /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
     SvgImage: clearIcon,
     iconFill: clearIconFill,
     iconStroke: clearIconStroke
@@ -7459,45 +7452,29 @@ SelectControl.__docgenInfo = {
   }
 };
 
-const SelectIndicatorsContainer = props => {
-  const {
-    badgeAppearance,
-    badgeSize,
-    badgeTextSize,
-    showBadge,
-    value
-  } = props.selectProps;
-  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.IndicatorsContainer, props, showBadge && value?.length > 0 ? /*#__PURE__*/React__namespace.default.createElement(index$2.Badge, {
-    appearance: badgeAppearance,
-    size: badgeSize,
-    textSize: badgeTextSize,
-    value: value.length
-  }) : null, props.children);
-};
-SelectIndicatorsContainer.propTypes = {};
-SelectIndicatorsContainer.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "SelectIndicatorsContainer"
-};
-
 const SelectDropdownIndicator = props => {
   const {
+    dropdownFillHover,
     dropdownIcon,
     dropdownIconFill,
+    dropdownIconShape,
     dropdownIconStroke
   } = props.selectProps;
-  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.DropdownIndicator, props, dropdownIcon ? /*#__PURE__*/React__namespace.default.createElement(index$1.Icon, {
+  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.DropdownIndicator, props, dropdownIcon ? /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
     SvgImage: dropdownIcon,
     iconFill: dropdownIconFill,
-    iconStroke: dropdownIconStroke
+    fillHover: dropdownFillHover,
+    iconStroke: dropdownIconStroke,
+    shape: dropdownIconShape
   }) : props.children);
 };
 SelectDropdownIndicator.propTypes = {
   selectProps: PropTypes__default.default.shape({
     // "dropdownIcon" is SvgImage(file.svg)
+    dropdownFillHover: PropTypes__default.default.string,
     dropdownIcon: PropTypes__default.default.oneOfType([PropTypes__default.default.func, PropTypes__default.default.element]),
     dropdownIconFill: PropTypes__default.default.string,
+    dropdownIconShape: PropTypes__default.default.string,
     dropdownIconStroke: PropTypes__default.default.string
   })
 };
@@ -7511,6 +7488,10 @@ SelectDropdownIndicator.__docgenInfo = {
       "type": {
         "name": "shape",
         "value": {
+          "dropdownFillHover": {
+            "name": "string",
+            "required": false
+          },
           "dropdownIcon": {
             "name": "union",
             "value": [{
@@ -7524,6 +7505,10 @@ SelectDropdownIndicator.__docgenInfo = {
             "name": "string",
             "required": false
           },
+          "dropdownIconShape": {
+            "name": "string",
+            "required": false
+          },
           "dropdownIconStroke": {
             "name": "string",
             "required": false
@@ -7570,6 +7555,28 @@ SelectGroupHeading.__docgenInfo = {
   }
 };
 
+const SelectIndicatorsContainer = props => {
+  const {
+    badgeAppearance,
+    badgeSize,
+    badgeTextSize,
+    showBadge,
+    value
+  } = props.selectProps;
+  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.IndicatorsContainer, props, showBadge && value?.length > 0 ? /*#__PURE__*/React__namespace.default.createElement(index$1.Badge, {
+    appearance: badgeAppearance,
+    size: badgeSize,
+    textSize: badgeTextSize,
+    value: value.length
+  }) : null, props.children);
+};
+SelectIndicatorsContainer.propTypes = {};
+SelectIndicatorsContainer.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "SelectIndicatorsContainer"
+};
+
 const SelectInput = props => {
   const {
     inputTextSize,
@@ -7717,7 +7724,7 @@ const SelectMultiValueRemove = props => {
     multipleItemIcon,
     multipleItemIconFill
   } = props.selectProps;
-  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.MultiValueRemove, props, /*#__PURE__*/React__namespace.default.createElement(index$1.Icon, {
+  return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.MultiValueRemove, props, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
     SvgImage: multipleItemIcon,
     iconFill: multipleItemIconFill
   }));
@@ -7820,7 +7827,7 @@ const SelectOption = props => {
     textColor: optionTextColor
   }, label), isSelected && /*#__PURE__*/React__namespace.default.createElement("div", {
     className: "select__menu-list-item_selected"
-  }, optionSelected), optionAfter, showDivider && /*#__PURE__*/React__namespace.default.createElement(index$3.Divider, {
+  }, optionSelected), optionAfter, showDivider && /*#__PURE__*/React__namespace.default.createElement(Divider.Divider, {
     direction: dividerDirection,
     fill: dividerFill,
     size: dividerSize,
@@ -8072,8 +8079,10 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
     dividerDirection,
     dividerFill,
     dividerSize,
+    dropdownFillHover,
     dropdownIcon,
     dropdownIconFill,
+    dropdownIconShape,
     dropdownIconStroke,
     multipleItemIcon,
     multipleItemIconFill,
@@ -8256,8 +8265,10 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
     dividerDirection: dividerDirection,
     dividerFill: dividerFill,
     dividerSize: dividerSize,
+    dropdownFillHover: dropdownFillHover,
     dropdownIcon: dropdownIcon,
     dropdownIconFill: dropdownIconFill,
+    dropdownIconShape: dropdownIconShape,
     dropdownIconStroke: dropdownIconStroke,
     elevation: elevation || selectAppearanceItem.elevation,
     filterOption: filterOption,
@@ -8326,8 +8337,10 @@ SelectContainer.propTypes = {
   clearIconStroke: PropTypes__default.default.string,
   closeMenuOnSelect: PropTypes__default.default.bool,
   // "dropdownIcon" is SvgImage(file.svg)
+  dropdownFillHover: PropTypes__default.default.string,
   dropdownIcon: PropTypes__default.default.oneOfType([PropTypes__default.default.func, PropTypes__default.default.element]),
   dropdownIconFill: PropTypes__default.default.string,
+  dropdownIconShape: PropTypes__default.default.string,
   dropdownIconStroke: PropTypes__default.default.string,
   filterOption: PropTypes__default.default.func,
   initialValue: PropTypes__default.default.any,
@@ -8404,6 +8417,13 @@ SelectContainer.__docgenInfo = {
       },
       "required": false
     },
+    "dropdownFillHover": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "dropdownIcon": {
       "description": "",
       "type": {
@@ -8423,6 +8443,13 @@ SelectContainer.__docgenInfo = {
       },
       "required": false
     },
+    "dropdownIconShape": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "dropdownIconStroke": {
       "description": "",
       "type": {

package/dist/cjs/components/SiteMenu.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SiteMenuButton = require('../SiteMenuButton-CVdX1ouh.js');
+var SiteMenuButton = require('../SiteMenuButton-BGi0gR1z.js');
 require('react');
 require('prop-types');
 require('clsx');
@@ -10,34 +10,29 @@ require('react-responsive');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
-require('./Icon.js');
-require('react-inlinesvg');
-require('./Link.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
+require('../Icon-UBahY607.js');
+require('../Link-BoShjCEw.js');
+require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
+require('react-inlinesvg');
 require('./Tooltip.js');
-require('../Text-CfBPhwqK.js');
-require('../jsx-runtime-BCmQOGxJ.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');
 
 
 

package/dist/cjs/components/Tab.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var TabGroup = require('../TabGroup-B1LUF9Hg.js');
+var TabGroup = require('../TabGroup-DIWmGIp2.js');
 require('react');
 require('prop-types');
 require('clsx');
 require('./Badge.js');
 require('../constants/componentProps/shape.js');
-require('../Text-CfBPhwqK.js');
+require('../Text-D7Aq1i5R.js');
 require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
@@ -18,22 +18,22 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('./Link.js');
+require('../Link-BoShjCEw.js');
+require('../Divider-CIYsHYud.js');
 require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
+require('../constants/componentProps/textColorActive.js');
+require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
-require('./Divider.js');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/direction.js');
-require('../constants/componentProps/width.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/stacking.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/width.js');
 
 
 

package/dist/cjs/components/Text/Text.interface.d.ts

@@ -1,51 +1,53 @@
 import React, { ElementType } from 'react';
-import { sizePropsType, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, typePropsType, widthPropsType } from '../../constants-ts';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-interface ThemeColor {
+import { sizePropsType, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, typePropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+interface ITextThemeColor {
     size?: sizePropsType;
     textColor?: textColorPropsType;
+    textColorActive?: textColorActivePropsType;
+    textColorGradient?: textGradientPropsType;
+    textColorHover?: textColorHoverPropsType;
 }
-interface IAppearance {
-    [key: string]: ThemeColor;
-}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceType = {
+    [key in appearanceKeysType]: ITextThemeColor;
+};
 export interface ITextConfig {
-    appearance: IAppearance;
-    setAppearance: (newComponent: IAppearance) => void;
+    appearance: appearanceType | undefined;
+    setAppearance: (newComponent: appearanceType) => void;
 }
-export interface ITextProps extends TypeStyleAttributes {
-    id?: number | string;
-    dataTestId?: number | string;
-    children: React.ReactNode;
-    className?: string;
+export interface ITextProps extends ITextThemeColor, TypeStyleAttributes {
     after?: React.ReactNode;
+    appearance?: appearanceKeysType;
     before?: React.ReactNode;
-    appearance?: string;
+    children: React.ReactNode;
+    className?: string;
+    dataTestId?: number | string;
     dataTour?: string;
+    htmlFor?: string;
+    id?: number | string;
     mode?: string;
     tag?: ElementType;
-    htmlFor?: string;
     onClick?: () => void;
-    cursor?: string;
-    size?: sizePropsType;
-    textWeight?: textWeightPropsType;
-    textColor?: textColorPropsType;
-    textAlign?: textAlignPropsType;
-    textColorActive?: textColorActivePropsType;
-    textColorHover?: textColorHoverPropsType;
-    textColorGradient?: textGradientPropsType;
-    textTruncate?: string;
-    textStyle?: textStylePropsType;
-    textWrap?: textWrapPropsType;
-    width?: widthPropsType;
     sizeDesktop?: sizePropsType;
     sizeMobile?: sizePropsType;
     sizeTablet?: sizePropsType;
+    textColorDesktop?: textColorPropsType;
     textColorMobile?: textColorPropsType;
     textColorTablet?: textColorPropsType;
-    textColorDesktop?: textColorPropsType;
     textWeightDesktop?: textWeightPropsType;
     textWeightMobile?: textWeightPropsType;
     textWeightTablet?: textWeightPropsType;
     type?: typePropsType;
+    cursor?: string;
+    size?: textSizePropsType;
+    textAlign?: textAlignPropsType;
+    textColor?: textColorPropsType;
+    textStyle?: textStylePropsType;
+    textTruncate?: string;
+    textWeight?: textWeightPropsType;
+    textWrap?: textWrapPropsType;
+    width?: widthPropsType;
 }
 export {};

package/dist/cjs/components/Text.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 require('../jsx-runtime-BCmQOGxJ.js');
 require('react');
 require('clsx');

package/dist/cjs/components/Tile.js

@@ -4,9 +4,9 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var index$1 = require('./Badge.js');
-require('./Icon.js');
+require('../Icon-UBahY607.js');
 var index = require('./Title.js');
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 var align = require('../constants/componentProps/align.js');
 var alignDirection = require('../constants/componentProps/alignDirection.js');
 var borderColor = require('../constants/componentProps/borderColor.js');
@@ -29,18 +29,15 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../Link-BoShjCEw.js');
 require('react-inlinesvg');
-require('./Link.js');
+require('./Tooltip.js');
+require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/wrap.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/components/Tooltip.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 var index = require('./Title.js');
 var size = require('../constants/componentProps/size.js');
 var textSize = require('../constants/componentProps/textSize.js');