@channel.io/bezier-react 1.4.0 → 1.5.0

package/build/index.cjs.js

@@ -15703,14 +15703,6 @@ function Select(_a, forwardedRef) {
         color: iconColor
       });
     }
-    if (isIconName(leftContent)) {
-      return e__default["default"].createElement(LegacyIcon$1, {
-        name: leftContent,
-        size: exports.IconSize.XS,
-        color: iconColor,
-        marginRight: 6
-      });
-    }
     return leftContent;
   }, [leftContent, iconColor]);
   const RightComponent = e$2.useMemo(() => {
@@ -15722,14 +15714,6 @@ function Select(_a, forwardedRef) {
         color: iconColor
       });
     }
-    if (isIconName(rightContent)) {
-      return e__default["default"].createElement(LegacyIcon$1, {
-        name: rightContent,
-        size: exports.IconSize.XS,
-        color: iconColor,
-        marginRight: 6
-      });
-    }
     return rightContent;
   }, [rightContent, iconColor]);
   const handleClickTrigger = e$2.useCallback(event => {
@@ -16677,11 +16661,6 @@ const Input = FoundationStyled.input`
   interpolation
 }) => interpolation}
 `;
-const LeftLegacyIcon = FoundationStyled(LegacyIcon$1)`
-  ${({
-  clickable
-}) => clickable && clickableElementStyle$1}
-`;
 const LeftIcon$1 = FoundationStyled(Icon$3)`
   ${({
   clickable
@@ -16813,7 +16792,6 @@ const Wrapper$a = FoundationStyled.div`
 `;
 var Styled$3 = {
   Input,
-  LeftLegacyIcon,
   LeftIcon: LeftIcon$1,
   LeftContentWrapper: LeftContentWrapper$3,
   RightItemWrapper: RightItemWrapper$1,
@@ -16998,21 +16976,12 @@ function TextFieldComponent(_a, forwardedRef) {
     }
   }, [activeInput]);
   const renderLeftItem = e$2.useCallback(item => {
-    var _a, _b;
+    var _a;
     if ('icon' in item) {
-      if (isIconName(item.icon)) {
-        return e__default["default"].createElement(Styled$3.LeftLegacyIcon, {
-          name: item.icon,
-          size: exports.IconSize.S,
-          color: (_a = item.iconColor) !== null && _a !== void 0 ? _a : 'txt-black-dark',
-          clickable: !isNil(item.onClick),
-          onClick: item.onClick
-        });
-      }
       return e__default["default"].createElement(Styled$3.LeftIcon, {
         source: item.icon,
         size: exports.IconSize.S,
-        color: (_b = item.iconColor) !== null && _b !== void 0 ? _b : 'txt-black-dark',
+        color: (_a = item.iconColor) !== null && _a !== void 0 ? _a : 'txt-black-dark',
         clickable: !isNil(item.onClick),
         onClick: item.onClick
       });
@@ -17033,19 +17002,8 @@ function TextFieldComponent(_a, forwardedRef) {
     }, item);
   }, [leftContent, withoutLeftContentWrapper, leftWrapperClassName, leftWrapperInterpolation, renderLeftItem]);
   const renderRightItem = e$2.useCallback((item, key) => {
-    var _a, _b;
+    var _a;
     if ('icon' in item) {
-      if (isIconName(item.icon)) {
-        return e__default["default"].createElement(Styled$3.RightItemWrapper, {
-          key: key,
-          clickable: !isNil(item.onClick),
-          onClick: item.onClick
-        }, e__default["default"].createElement(LegacyIcon$1, {
-          name: item.icon,
-          size: exports.IconSize.XS,
-          color: (_a = item.iconColor) !== null && _a !== void 0 ? _a : 'txt-black-dark'
-        }));
-      }
       return e__default["default"].createElement(Styled$3.RightItemWrapper, {
         key: key,
         clickable: !isNil(item.onClick),
@@ -17053,7 +17011,7 @@ function TextFieldComponent(_a, forwardedRef) {
       }, e__default["default"].createElement(Icon$3, {
         source: item.icon,
         size: exports.IconSize.XS,
-        color: (_b = item.iconColor) !== null && _b !== void 0 ? _b : 'txt-black-dark'
+        color: (_a = item.iconColor) !== null && _a !== void 0 ? _a : 'txt-black-dark'
       }));
     }
     return e__default["default"].cloneElement(item, {
@@ -20935,13 +20893,6 @@ function KeyItem(_a, forwardedRef) {
     } = _a,
     props = __rest(_a, ["className", "interpolation", "keyIcon", "testId", "children"]);
   const KeyIcon = e$2.useMemo(() => {
-    if (isIconName(keyIcon)) {
-      return e__default["default"].createElement(LegacyIcon$1, {
-        size: exports.IconSize.S,
-        name: keyIcon,
-        color: "txt-black-dark"
-      });
-    }
     if (r$1D(keyIcon)) {
       return e__default["default"].createElement(Icon$3, {
         size: exports.IconSize.S,
@@ -21349,23 +21300,6 @@ const Description = FoundationStyled.div`
   descriptionMaxLines
 }) => descriptionMaxLines && ellipsis(descriptionMaxLines, exports.LineHeightAbsoluteNumber.Lh16)}
 `;
-const StyledLegacyIcon$1 = FoundationStyled(LegacyIcon$1)`
-  color: ${({
-  foundation,
-  variant,
-  active
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a[getColorFromColorVariantWithDefaultValue(variant, active ? 'bgtxt-blue-normal' : 'txt-black-dark')];
-}};
-  
-  ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.transition) === null || _a === void 0 ? void 0 : _a.getTransitionsCSS('color', exports.TransitionDuration.M);
-}};
-`;
 const StyledIcon$1 = FoundationStyled(Icon$3)`
   color: ${({
   foundation,
@@ -21433,7 +21367,6 @@ const Wrapper$7 = FoundationStyled.div`
     ${focused && FoundationCSS`
       ${FocusedItemStyle$1}
 
-      ${StyledLegacyIcon$1},
       ${StyledIcon$1} {
         ${FocusedIconStyle}
       }
@@ -21443,10 +21376,6 @@ const Wrapper$7 = FoundationStyled.div`
       ${FocusedItemStyle$1}
     }
 
-    &:hover ${StyledLegacyIcon$1} {
-      ${FocusedIconStyle}
-    }
-
     &:hover ${StyledIcon$1} {
       ${FocusedIconStyle}
     }
@@ -21528,16 +21457,7 @@ function ListItem(_a, forwardedRef) {
     if (!isNil(leftContent)) {
       return e__default["default"].createElement(LeftContentWrapper$2, null, leftContent);
     }
-    if (isIconName(leftIcon)) {
-      return e__default["default"].createElement(LeftContentWrapper$2, null, e__default["default"].createElement(StyledLegacyIcon$1, {
-        className: iconClassName,
-        name: leftIcon,
-        size: exports.IconSize.S,
-        active: isActive,
-        variant: variant
-      }));
-    }
-    if (r$1D(leftIcon)) {
+    if (!isNil(leftIcon)) {
       return e__default["default"].createElement(LeftContentWrapper$2, null, e__default["default"].createElement(StyledIcon$1, {
         className: iconClassName,
         source: leftIcon,
@@ -25239,15 +25159,6 @@ const LeftContentWrapper$1 = FoundationStyled.div`
   align-items: center;
   margin-right: 8px;
 `;
-const StyledLegacyIcon = FoundationStyled(LegacyIcon$1)`
-  &.active {
-    color: var(--bgtxt-blue-normal);
-  }
-
-  ${({
-  interpolation
-}) => interpolation}
-`;
 const StyledIcon = FoundationStyled(Icon$3)`
   &.active {
     color: var(--bgtxt-blue-normal);
@@ -25365,9 +25276,8 @@ function OutlineItem({
     if (!isNil(leftContent)) {
       return e__default["default"].createElement(LeftContentWrapper$1, null, leftContent);
     }
-    const isLegacyIcon = isIconName(leftIcon);
     const isIcon = r$1D(leftIcon);
-    if (isLegacyIcon || isIcon) {
+    if (isIcon) {
       const iconProps = {
         testId: leftIconTestId,
         className: classNames(iconClassName, !disableIconActive && active && 'active'),
@@ -25376,11 +25286,6 @@ function OutlineItem({
         color: leftIconColor
       };
       const Icon = (() => {
-        if (isLegacyIcon) {
-          return e__default["default"].createElement(StyledLegacyIcon, Object.assign({}, iconProps, {
-            name: leftIcon
-          }));
-        }
         if (isIcon) {
           return e__default["default"].createElement(StyledIcon, Object.assign({}, iconProps, {
             source: leftIcon