npm - @channel.io/bezier-react - Versions diffs - 1.4.0 → 1.5.0 - Mend

@channel.io/bezier-react 1.4.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/build/src/components/Forms/Inputs/Select/Select.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;~~AA0Bd~~,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAK/C,eAAO,MAAM,wBAAwB,kCAAkC,CAAA;AACvE,eAAO,MAAM,sBAAsB,gCAAgC,CAAA;AACnE,eAAO,MAAM,2BAA2B,qCAAqC,CAAA;AAC7E,eAAO,MAAM,uBAAuB,iCAAiC,CAAA;;~~AAkNrE~~,wBAAiC"}
1	+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;AAsBd,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAK/C,eAAO,MAAM,wBAAwB,kCAAkC,CAAA;AACvE,eAAO,MAAM,sBAAsB,gCAAgC,CAAA;AACnE,eAAO,MAAM,2BAA2B,qCAAqC,CAAA;AAC7E,eAAO,MAAM,uBAAuB,iCAAiC,CAAA;;AA4LrE,wBAAiC"}

package/build/src/components/Forms/Inputs/Select/Select.js CHANGED Viewed

@@ -13,8 +13,6 @@ import { SelectSize } from './Select.types.js';
 import { Container, Trigger, MainContentWrapper, Dropdown } from './Select.styled.js';
 import { Icon } from '../../../Icon/Icon.js';
 import { IconSize } from '../../../Icon/Icon.types.js';
-import LegacyIcon from '../../../LegacyIcon/LegacyIcon.js';
-import { isIconName } from '../../../LegacyIcon/utils.js';
 import { Typography } from '../../../../foundation/Typography.js';
 const SELECT_CONTAINER_TEST_ID = 'bezier-react-select-container';
@@ -74,14 +72,6 @@ function Select(_a, forwardedRef) {
         color: iconColor
       });
     }
-    if (isIconName(leftContent)) {
-      return e__default.createElement(LegacyIcon, {
-        name: leftContent,
-        size: IconSize.XS,
-        color: iconColor,
-        marginRight: 6
-      });
-    }
     return leftContent;
   }, [leftContent, iconColor]);
   const RightComponent = useMemo(() => {
@@ -93,14 +83,6 @@ function Select(_a, forwardedRef) {
         color: iconColor
       });
     }
-    if (isIconName(rightContent)) {
-      return e__default.createElement(LegacyIcon, {
-        name: rightContent,
-        size: IconSize.XS,
-        color: iconColor,
-        marginRight: 6
-      });
-    }
     return rightContent;
   }, [rightContent, iconColor]);
   const handleClickTrigger = useCallback(event => {

package/build/src/components/Forms/Inputs/Select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sources":["../../../../../../src/components/Forms/Inputs/Select/Select.tsx"],"sourcesContent":["import React, {\n type Ref,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport {\n ChevronDownIcon,\n ChevronUpIcon,\n isBezierIcon,\n} from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\nimport { noop } from '~/src/utils/functionUtils'\nimport { isEmpty } from '~/src/utils/typeUtils'\n\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\nimport {\n Icon,\n IconSize,\n} from '~/src/components/Icon'\nimport {\n LegacyIcon,\n isIconName,\n} from '~/src/components/LegacyIcon'\nimport { OverlayPosition } from '~/src/components/Overlay'\nimport { Text } from '~/src/components/Text'\n\nimport type SelectProps from './Select.types'\nimport { type SelectRef } from './Select.types'\nimport { SelectSize } from './Select.types'\n\nimport * as Styled from './Select.styled'\n\nexport const SELECT_CONTAINER_TEST_ID = 'bezier-react-select-container'\nexport const SELECT_TRIGGER_TEST_ID = 'bezier-react-select-trigger'\nexport const SELECT_TRIGGER_TEXT_TEST_ID = 'bezier-react-select-trigger-text'\nexport const SELECT_DROPDOWN_TEST_ID = 'bezier-react-select-dropdown'\n\nconst DEFAULT_DROPDOWN_MARGIN_Y = 6\nconst DEFAULT_DROPDOWN_Z_INDEX = ZIndex.Overlay\n\nfunction Select({\n testId = SELECT_CONTAINER_TEST_ID,\n triggerTestId = SELECT_TRIGGER_TEST_ID,\n triggerTextTestId = SELECT_TRIGGER_TEXT_TEST_ID,\n dropdownTestId = SELECT_DROPDOWN_TEST_ID,\n as,\n style,\n className,\n interpolation,\n dropdownInterpolation,\n size = SelectSize.M,\n defaultFocus = false,\n placeholder = '',\n leftContent,\n rightContent,\n iconColor = 'txt-black-dark',\n text,\n textColor = 'txt-black-darkest',\n withoutChevron = false,\n dropdownStyle,\n dropdownClassName,\n dropdownContainer,\n dropdownMarginX,\n dropdownMarginY = DEFAULT_DROPDOWN_MARGIN_Y,\n dropdownZIndex = DEFAULT_DROPDOWN_Z_INDEX,\n dropdownPosition = OverlayPosition.BottomLeft,\n onClickTrigger = noop,\n onHideDropdown = noop,\n children,\n ...rest\n}: SelectProps,\nforwardedRef: Ref<SelectRef>,\n) {\n const {\n disabled,\n readOnly,\n hasError,\n ...ownProps\n } = useFormFieldProps(rest)\n\n const containerRef = useRef<HTMLDivElement>(null)\n const triggerRef = useRef<HTMLDivElement>(null)\n\n const [isDropdownOpened, setIsDropdownOpened] = useState(false)\n\n const LeftComponent = useMemo(() => {\n if (isBezierIcon(leftContent)) {\n return (\n <Icon\n source={leftContent}\n size={IconSize.XS}\n marginRight={6}\n color={iconColor}\n />\n )\n }\n\n if (isIconName(leftContent)) {\n return (\n <LegacyIcon\n name={leftContent}\n size={IconSize.XS}\n color={iconColor}\n marginRight={6}\n />\n )\n }\n\n return leftContent\n }, [\n leftContent,\n iconColor,\n ])\n\n const RightComponent = useMemo(() => {\n if (isBezierIcon(rightContent)) {\n return (\n <Icon\n source={rightContent}\n size={IconSize.XS}\n marginRight={6}\n color={iconColor}\n />\n )\n }\n\n if (isIconName(rightContent)) {\n return (\n <LegacyIcon\n name={rightContent}\n size={IconSize.XS}\n color={iconColor}\n marginRight={6}\n />\n )\n }\n\n return rightContent\n }, [\n rightContent,\n iconColor,\n ])\n\n const handleClickTrigger = useCallback((event: React.MouseEvent) => {\n if (!disabled && !readOnly) {\n setIsDropdownOpened(prevState => !prevState)\n onClickTrigger(event)\n }\n }, [\n disabled,\n readOnly,\n onClickTrigger,\n ])\n\n const handleHideDropdown = useCallback(() => {\n setIsDropdownOpened(false)\n onHideDropdown()\n }, [onHideDropdown])\n\n const getDOMNode = useCallback(() => triggerRef.current, [])\n\n const handle = useMemo((): SelectRef => ({ handleClickTrigger, handleHideDropdown, getDOMNode }), [\n handleClickTrigger,\n handleHideDropdown,\n getDOMNode,\n ])\n\n useEffect(() => {\n if (defaultFocus && !disabled && !readOnly) {\n setIsDropdownOpened(true)\n }\n }, [\n defaultFocus,\n disabled,\n readOnly,\n ])\n\n useImperativeHandle(forwardedRef, () => handle)\n\n const hasContent = !isEmpty(text)\n\n return (\n <Styled.Container\n data-testid={testId}\n ref={containerRef}\n style={style}\n className={className}\n interpolation={interpolation}\n >\n <Styled.Trigger\n type=\"button\"\n data-testid={triggerTestId}\n as={as}\n ref={triggerRef}\n size={size}\n hasError={hasError}\n disabled={disabled}\n readOnly={readOnly}\n active={isDropdownOpened}\n onClick={handleClickTrigger}\n {...ownProps}\n >\n <Styled.MainContentWrapper>\n { LeftComponent }\n <Text\n testId={triggerTextTestId}\n typo={Typography.Size14}\n truncated\n color={hasContent ? textColor : 'txt-black-dark'}\n >\n { hasContent ? text : placeholder }\n </Text>\n { RightComponent }\n </Styled.MainContentWrapper>\n { !withoutChevron && (\n <Icon\n source={isDropdownOpened ? ChevronUpIcon : ChevronDownIcon}\n size={IconSize.XS}\n color={readOnly ? 'txt-black-dark' : 'txt-black-darker'}\n marginLeft={6}\n />\n ) }\n </Styled.Trigger>\n\n <Styled.Dropdown\n style={dropdownStyle}\n className={dropdownClassName}\n testId={dropdownTestId}\n withTransition\n show={isDropdownOpened && !disabled}\n zIndex={dropdownZIndex}\n marginX={dropdownMarginX}\n marginY={dropdownMarginY}\n target={triggerRef.current}\n container={dropdownContainer \|\| containerRef.current}\n position={dropdownPosition}\n interpolation={dropdownInterpolation}\n onHide={handleHideDropdown}\n >\n { children }\n </Styled.Dropdown>\n </Styled.Container>\n )\n}\n\nexport default forwardRef(Select)\n"],"names":["SELECT_CONTAINER_TEST_ID","SELECT_TRIGGER_TEST_ID","SELECT_TRIGGER_TEXT_TEST_ID","SELECT_DROPDOWN_TEST_ID","DEFAULT_DROPDOWN_MARGIN_Y","DEFAULT_DROPDOWN_Z_INDEX","ZIndex","Overlay","Select","_a","forwardedRef","testId","triggerTestId","triggerTextTestId","dropdownTestId","as","style","className","interpolation","dropdownInterpolation","size","SelectSize","M","defaultFocus","placeholder","leftContent","rightContent","iconColor","text","textColor","withoutChevron","dropdownStyle","dropdownClassName","dropdownContainer","dropdownMarginX","dropdownMarginY","dropdownZIndex","dropdownPosition","OverlayPosition","BottomLeft","onClickTrigger","noop","onHideDropdown","children","rest","__rest","_b","useFormFieldProps","disabled","readOnly","hasError","ownProps","containerRef","useRef","triggerRef","isDropdownOpened","setIsDropdownOpened","useState","LeftComponent","useMemo","isBezierIcon","React","Icon","source","IconSize","XS","marginRight","color","isIconName","LegacyIcon","name","RightComponent","handleClickTrigger","useCallback","event","prevState","handleHideDropdown","getDOMNode","current","handle","useEffect","useImperativeHandle","hasContent","isEmpty","Styled","ref","createElement","type","active","onClick","Text","typo","Typography","Size14","truncated","ChevronUpIcon","ChevronDownIcon","marginLeft","withTransition","show","zIndex","marginX","marginY","target","container","position","onHide","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"Select.js","sources":["../../../../../../src/components/Forms/Inputs/Select/Select.tsx"],"sourcesContent":["import React, {\n type Ref,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport {\n ChevronDownIcon,\n ChevronUpIcon,\n isBezierIcon,\n} from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\nimport { noop } from '~/src/utils/functionUtils'\nimport { isEmpty } from '~/src/utils/typeUtils'\n\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\nimport {\n Icon,\n IconSize,\n} from '~/src/components/Icon'\nimport { OverlayPosition } from '~/src/components/Overlay'\nimport { Text } from '~/src/components/Text'\n\nimport type SelectProps from './Select.types'\nimport { type SelectRef } from './Select.types'\nimport { SelectSize } from './Select.types'\n\nimport * as Styled from './Select.styled'\n\nexport const SELECT_CONTAINER_TEST_ID = 'bezier-react-select-container'\nexport const SELECT_TRIGGER_TEST_ID = 'bezier-react-select-trigger'\nexport const SELECT_TRIGGER_TEXT_TEST_ID = 'bezier-react-select-trigger-text'\nexport const SELECT_DROPDOWN_TEST_ID = 'bezier-react-select-dropdown'\n\nconst DEFAULT_DROPDOWN_MARGIN_Y = 6\nconst DEFAULT_DROPDOWN_Z_INDEX = ZIndex.Overlay\n\nfunction Select({\n testId = SELECT_CONTAINER_TEST_ID,\n triggerTestId = SELECT_TRIGGER_TEST_ID,\n triggerTextTestId = SELECT_TRIGGER_TEXT_TEST_ID,\n dropdownTestId = SELECT_DROPDOWN_TEST_ID,\n as,\n style,\n className,\n interpolation,\n dropdownInterpolation,\n size = SelectSize.M,\n defaultFocus = false,\n placeholder = '',\n leftContent,\n rightContent,\n iconColor = 'txt-black-dark',\n text,\n textColor = 'txt-black-darkest',\n withoutChevron = false,\n dropdownStyle,\n dropdownClassName,\n dropdownContainer,\n dropdownMarginX,\n dropdownMarginY = DEFAULT_DROPDOWN_MARGIN_Y,\n dropdownZIndex = DEFAULT_DROPDOWN_Z_INDEX,\n dropdownPosition = OverlayPosition.BottomLeft,\n onClickTrigger = noop,\n onHideDropdown = noop,\n children,\n ...rest\n}: SelectProps,\nforwardedRef: Ref<SelectRef>,\n) {\n const {\n disabled,\n readOnly,\n hasError,\n ...ownProps\n } = useFormFieldProps(rest)\n\n const containerRef = useRef<HTMLDivElement>(null)\n const triggerRef = useRef<HTMLDivElement>(null)\n\n const [isDropdownOpened, setIsDropdownOpened] = useState(false)\n\n const LeftComponent = useMemo(() => {\n if (isBezierIcon(leftContent)) {\n return (\n <Icon\n source={leftContent}\n size={IconSize.XS}\n marginRight={6}\n color={iconColor}\n />\n )\n }\n\n return leftContent\n }, [\n leftContent,\n iconColor,\n ])\n\n const RightComponent = useMemo(() => {\n if (isBezierIcon(rightContent)) {\n return (\n <Icon\n source={rightContent}\n size={IconSize.XS}\n marginRight={6}\n color={iconColor}\n />\n )\n }\n\n return rightContent\n }, [\n rightContent,\n iconColor,\n ])\n\n const handleClickTrigger = useCallback((event: React.MouseEvent) => {\n if (!disabled && !readOnly) {\n setIsDropdownOpened(prevState => !prevState)\n onClickTrigger(event)\n }\n }, [\n disabled,\n readOnly,\n onClickTrigger,\n ])\n\n const handleHideDropdown = useCallback(() => {\n setIsDropdownOpened(false)\n onHideDropdown()\n }, [onHideDropdown])\n\n const getDOMNode = useCallback(() => triggerRef.current, [])\n\n const handle = useMemo((): SelectRef => ({ handleClickTrigger, handleHideDropdown, getDOMNode }), [\n handleClickTrigger,\n handleHideDropdown,\n getDOMNode,\n ])\n\n useEffect(() => {\n if (defaultFocus && !disabled && !readOnly) {\n setIsDropdownOpened(true)\n }\n }, [\n defaultFocus,\n disabled,\n readOnly,\n ])\n\n useImperativeHandle(forwardedRef, () => handle)\n\n const hasContent = !isEmpty(text)\n\n return (\n <Styled.Container\n data-testid={testId}\n ref={containerRef}\n style={style}\n className={className}\n interpolation={interpolation}\n >\n <Styled.Trigger\n type=\"button\"\n data-testid={triggerTestId}\n as={as}\n ref={triggerRef}\n size={size}\n hasError={hasError}\n disabled={disabled}\n readOnly={readOnly}\n active={isDropdownOpened}\n onClick={handleClickTrigger}\n {...ownProps}\n >\n <Styled.MainContentWrapper>\n { LeftComponent }\n <Text\n testId={triggerTextTestId}\n typo={Typography.Size14}\n truncated\n color={hasContent ? textColor : 'txt-black-dark'}\n >\n { hasContent ? text : placeholder }\n </Text>\n { RightComponent }\n </Styled.MainContentWrapper>\n { !withoutChevron && (\n <Icon\n source={isDropdownOpened ? ChevronUpIcon : ChevronDownIcon}\n size={IconSize.XS}\n color={readOnly ? 'txt-black-dark' : 'txt-black-darker'}\n marginLeft={6}\n />\n ) }\n </Styled.Trigger>\n\n <Styled.Dropdown\n style={dropdownStyle}\n className={dropdownClassName}\n testId={dropdownTestId}\n withTransition\n show={isDropdownOpened && !disabled}\n zIndex={dropdownZIndex}\n marginX={dropdownMarginX}\n marginY={dropdownMarginY}\n target={triggerRef.current}\n container={dropdownContainer \|\| containerRef.current}\n position={dropdownPosition}\n interpolation={dropdownInterpolation}\n onHide={handleHideDropdown}\n >\n { children }\n </Styled.Dropdown>\n </Styled.Container>\n )\n}\n\nexport default forwardRef(Select)\n"],"names":["SELECT_CONTAINER_TEST_ID","SELECT_TRIGGER_TEST_ID","SELECT_TRIGGER_TEXT_TEST_ID","SELECT_DROPDOWN_TEST_ID","DEFAULT_DROPDOWN_MARGIN_Y","DEFAULT_DROPDOWN_Z_INDEX","ZIndex","Overlay","Select","_a","forwardedRef","testId","triggerTestId","triggerTextTestId","dropdownTestId","as","style","className","interpolation","dropdownInterpolation","size","SelectSize","M","defaultFocus","placeholder","leftContent","rightContent","iconColor","text","textColor","withoutChevron","dropdownStyle","dropdownClassName","dropdownContainer","dropdownMarginX","dropdownMarginY","dropdownZIndex","dropdownPosition","OverlayPosition","BottomLeft","onClickTrigger","noop","onHideDropdown","children","rest","__rest","_b","useFormFieldProps","disabled","readOnly","hasError","ownProps","containerRef","useRef","triggerRef","isDropdownOpened","setIsDropdownOpened","useState","LeftComponent","useMemo","isBezierIcon","React","Icon","source","IconSize","XS","marginRight","color","RightComponent","handleClickTrigger","useCallback","event","prevState","handleHideDropdown","getDOMNode","current","handle","useEffect","useImperativeHandle","hasContent","isEmpty","Styled","ref","createElement","type","active","onClick","Text","typo","Typography","Size14","truncated","ChevronUpIcon","ChevronDownIcon","marginLeft","withTransition","show","zIndex","marginX","marginY","target","container","position","onHide","forwardRef"],"mappings":"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"}

package/build/src/components/Forms/Inputs/TextField/TextField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;~~AAyBd~~,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,YAAY,EAIlB,MAAM,mBAAmB,CAAA;AAQ1B,eAAO,MAAM,kBAAkB,4BAA4B,CAAA;;~~AAmZ3D~~,wBAA6C"}
1	+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;AAqBd,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,YAAY,EAIlB,MAAM,mBAAmB,CAAA;AAQ1B,eAAO,MAAM,kBAAkB,4BAA4B,CAAA;;AAuX3D,wBAA6C"}

package/build/src/components/Forms/Inputs/TextField/TextField.js CHANGED Viewed

@@ -11,10 +11,8 @@ import { TextFieldSize, TextFieldVariant, TextFieldType } from './TextField.type
 import { getProperTextFieldBgColor, getProperTextFieldBorderRadius } from './TextFieldUtils.js';
 import Styled from './TextField.styled.js';
 import { IconSize } from '../../../Icon/Icon.types.js';
-import LegacyIcon from '../../../LegacyIcon/LegacyIcon.js';
 import { Icon } from '../../../Icon/Icon.js';
 import v4 from '../../../../../node_modules/uuid/dist/esm-browser/v4.js';
-import { isIconName } from '../../../LegacyIcon/utils.js';
 const TEXT_INPUT_TEST_ID = 'bezier-react-text-input';
 function TextFieldComponent(_a, forwardedRef) {
@@ -192,21 +190,12 @@ function TextFieldComponent(_a, forwardedRef) {
     }
   }, [activeInput]);
   const renderLeftItem = useCallback(item => {
-    var _a, _b;
+    var _a;
     if ('icon' in item) {
-      if (isIconName(item.icon)) {
-        return e__default.createElement(Styled.LeftLegacyIcon, {
-          name: item.icon,
-          size: IconSize.S,
-          color: (_a = item.iconColor) !== null && _a !== void 0 ? _a : 'txt-black-dark',
-          clickable: !isNil(item.onClick),
-          onClick: item.onClick
-        });
-      }
       return e__default.createElement(Styled.LeftIcon, {
         source: item.icon,
         size: 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
       });
@@ -227,19 +216,8 @@ function TextFieldComponent(_a, forwardedRef) {
     }, item);
   }, [leftContent, withoutLeftContentWrapper, leftWrapperClassName, leftWrapperInterpolation, renderLeftItem]);
   const renderRightItem = useCallback((item, key) => {
-    var _a, _b;
+    var _a;
     if ('icon' in item) {
-      if (isIconName(item.icon)) {
-        return e__default.createElement(Styled.RightItemWrapper, {
-          key: key,
-          clickable: !isNil(item.onClick),
-          onClick: item.onClick
-        }, e__default.createElement(LegacyIcon, {
-          name: item.icon,
-          size: IconSize.XS,
-          color: (_a = item.iconColor) !== null && _a !== void 0 ? _a : 'txt-black-dark'
-        }));
-      }
       return e__default.createElement(Styled.RightItemWrapper, {
         key: key,
         clickable: !isNil(item.onClick),
@@ -247,7 +225,7 @@ function TextFieldComponent(_a, forwardedRef) {
       }, e__default.createElement(Icon, {
         source: item.icon,
         size: 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.cloneElement(item, {

package/build/src/components/Forms/Inputs/TextField/TextField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.tsx"],"sourcesContent":["import React, {\n type Ref,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport { CancelCircleFilledIcon } from '@channel.io/bezier-icons'\nimport { v4 as uuid } from 'uuid'\n\nimport { window } from '~/src/utils/domUtils'\nimport { toString } from '~/src/utils/stringUtils'\nimport {\n isArray,\n isEmpty,\n isNil,\n} from '~/src/utils/typeUtils'\n\nimport { COMMON_IME_CONTROL_KEYS } from '~/src/components/Forms/Inputs/constants/CommonImeControlKeys'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\nimport useKeyboardActionLockerWhileComposing from '~/src/components/Forms/useKeyboardActionLockerWhileComposing'\nimport {\n Icon,\n IconSize,\n} from '~/src/components/Icon'\nimport {\n LegacyIcon,\n isIconName,\n} from '~/src/components/LegacyIcon'\n\nimport {\n type SelectionRangeDirections,\n type TextFieldItemProps,\n type TextFieldProps,\n type TextFieldRef,\n TextFieldSize,\n TextFieldType,\n TextFieldVariant,\n} from './TextField.types'\nimport {\n getProperTextFieldBgColor,\n getProperTextFieldBorderRadius,\n} from './TextFieldUtils'\n\nimport Styled from './TextField.styled'\n\nexport const TEXT_INPUT_TEST_ID = 'bezier-react-text-input'\n\nfunction TextFieldComponent({\n name,\n type,\n size = TextFieldSize.M,\n testId = TEXT_INPUT_TEST_ID,\n autoFocus,\n autoComplete = 'off',\n variant = TextFieldVariant.Primary,\n allowClear = false,\n selectAllOnInit = false,\n selectAllOnFocus = false,\n leftContent,\n rightContent,\n withoutLeftContentWrapper = false,\n withoutRightContentWrapper = false,\n inputClassName,\n inputInterpolation,\n wrapperClassName,\n wrapperInterpolation,\n leftWrapperClassName,\n leftWrapperInterpolation,\n rightWrapperClassName,\n rightWrapperInterpolation,\n value,\n onBlur,\n onFocus,\n onChange,\n onKeyDown,\n onKeyUp,\n ...rest\n}: TextFieldProps,\nforwardedRef: Ref<TextFieldRef>,\n) {\n const {\n disabled,\n readOnly,\n hasError,\n ...ownProps\n } = useFormFieldProps(rest)\n\n const [focused, setFocused] = useState(false)\n const [hovered, setHovered] = useState(false)\n\n const wrapperBgColorSemanticName = useMemo(() => (\n getProperTextFieldBgColor({\n variant,\n focused,\n hasError,\n readOnly,\n })\n ), [\n variant,\n focused,\n hasError,\n readOnly,\n ])\n\n const wrapperBorderRadius = useMemo(() => (\n getProperTextFieldBorderRadius({\n size,\n })\n ), [size])\n\n const focusTimeout = useRef<ReturnType<Window['setTimeout']>>()\n const blurTimeout = useRef<ReturnType<Window['setTimeout']>>()\n\n const normalizedValue = useMemo(() => (\n isNil(value) ? undefined : toString(value)\n ), [value])\n\n const activeInput = !disabled && !readOnly\n const activeClear = activeInput && allowClear\n\n const inputRef = useRef<HTMLInputElement \| null>(null)\n\n const focus = useCallback(() => {\n clearTimeout(focusTimeout.current)\n focusTimeout.current = window.setTimeout(() => {\n inputRef.current?.focus()\n }, 0)\n }, [])\n\n const blur = useCallback(() => {\n clearTimeout(blurTimeout.current)\n blurTimeout.current = window.setTimeout(() => {\n inputRef.current?.blur()\n }, 0)\n }, [])\n\n const setSelectionRange = useCallback((start?: number, end?: number, direction?: SelectionRangeDirections) => {\n if (type && [TextFieldType.Number, TextFieldType.Email, TextFieldType.Hidden].includes(type)) { return }\n inputRef.current?.setSelectionRange(start \|\| 0, end \|\| 0, direction \|\| 'none')\n }, [type])\n\n const getSelectionRange = useCallback((): [number, number] =>\n [inputRef.current?.selectionStart \|\| 0, inputRef.current?.selectionEnd \|\| 0], [])\n\n const selectAll = useCallback(() => {\n focus()\n if (inputRef.current) {\n setSelectionRange(0, inputRef.current.value.length, 'backward')\n }\n }, [\n focus,\n setSelectionRange,\n ])\n\n const unselect = useCallback(() => {\n focus()\n if (inputRef.current) {\n const valueLen = inputRef.current.value.length\n setSelectionRange(valueLen, valueLen)\n }\n }, [\n focus,\n setSelectionRange,\n ])\n\n const getBoundingClientRect = useCallback((): DOMRect => {\n if (inputRef.current) { return inputRef.current.getBoundingClientRect() }\n return new DOMRect(undefined, undefined, 0, 0)\n }, [])\n\n const getDOMNode = useCallback(() => inputRef.current, [])\n\n const handle = useMemo((): TextFieldRef => ({\n focus,\n blur,\n setSelectionRange,\n getSelectionRange,\n selectAll,\n unselect,\n getBoundingClientRect,\n getDOMNode,\n }), [\n focus,\n blur,\n setSelectionRange,\n getSelectionRange,\n selectAll,\n unselect,\n getBoundingClientRect,\n getDOMNode,\n ])\n\n useImperativeHandle(forwardedRef, () => handle)\n\n useEffect(() => {\n if (autoFocus) {\n focus()\n }\n if (selectAllOnInit) {\n focus()\n selectAll()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const handleFocus = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n if (activeInput) {\n setFocused(true)\n if (selectAllOnFocus) { selectAll() }\n if (onFocus) { onFocus(event) }\n }\n }, [\n selectAllOnFocus,\n selectAll,\n activeInput,\n onFocus,\n ])\n\n const handleBlur = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false)\n if (onBlur) { onBlur(event) }\n }, [onBlur])\n\n const handleChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n if (activeInput && onChange) {\n onChange(event)\n }\n }, [\n activeInput,\n onChange,\n ])\n\n const {\n handleKeyDown: handleKeyDownWrappedWithComposingLocker,\n handleKeyUp: handleKeyUpWrappedWithComposingLocker,\n } = useKeyboardActionLockerWhileComposing({\n keysToLock: COMMON_IME_CONTROL_KEYS,\n onKeyDown,\n onKeyUp,\n })\n\n const handleKeyDown = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n if (activeInput && handleKeyDownWrappedWithComposingLocker) {\n handleKeyDownWrappedWithComposingLocker(event)\n }\n }, [\n activeInput,\n handleKeyDownWrappedWithComposingLocker,\n ])\n\n const handleKeyUp = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n if (activeInput && handleKeyUpWrappedWithComposingLocker) {\n handleKeyUpWrappedWithComposingLocker(event)\n }\n }, [\n activeInput,\n handleKeyUpWrappedWithComposingLocker,\n ])\n\n const handleClear = useCallback(() => {\n const input = inputRef.current\n if (activeInput && input) {\n const setValue = Object?.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n const event = new Event('input', { bubbles: true })\n setValue?.call(input, '')\n input.dispatchEvent(event)\n }\n }, [activeInput])\n\n const renderLeftItem = useCallback((item: TextFieldItemProps) => {\n if ('icon' in item) {\n if (isIconName(item.icon)) {\n return (\n <Styled.LeftLegacyIcon\n name={item.icon}\n size={IconSize.S}\n color={item.iconColor ?? 'txt-black-dark'}\n clickable={!isNil(item.onClick)}\n onClick={item.onClick}\n />\n )\n }\n\n return (\n <Styled.LeftIcon\n source={item.icon}\n size={IconSize.S}\n color={item.iconColor ?? 'txt-black-dark'}\n clickable={!isNil(item.onClick)}\n onClick={item.onClick}\n />\n )\n }\n\n return item\n }, [])\n\n const LeftComponent = useMemo(() => {\n if (isNil(leftContent)) {\n return null\n }\n\n const item = renderLeftItem(leftContent)\n\n if (withoutLeftContentWrapper) { return item }\n\n return (\n <Styled.LeftContentWrapper\n className={leftWrapperClassName}\n interpolation={leftWrapperInterpolation}\n >\n { item }\n </Styled.LeftContentWrapper>\n )\n }, [\n leftContent,\n withoutLeftContentWrapper,\n leftWrapperClassName,\n leftWrapperInterpolation,\n renderLeftItem,\n ])\n\n const renderRightItem = useCallback((item: TextFieldItemProps, key?: string) => {\n if ('icon' in item) {\n if (isIconName(item.icon)) {\n return (\n <Styled.RightItemWrapper\n key={key}\n clickable={!isNil(item.onClick)}\n onClick={item.onClick}\n >\n <LegacyIcon\n name={item.icon}\n size={IconSize.XS}\n color={item.iconColor ?? 'txt-black-dark'}\n />\n </Styled.RightItemWrapper>\n )\n }\n\n return (\n <Styled.RightItemWrapper\n key={key}\n clickable={!isNil(item.onClick)}\n onClick={item.onClick}\n >\n <Icon\n source={item.icon}\n size={IconSize.XS}\n color={item.iconColor ?? 'txt-black-dark'}\n />\n </Styled.RightItemWrapper>\n )\n }\n\n return React.cloneElement(\n item, { key },\n )\n }, [])\n\n const RightComponent = useMemo(() => {\n if (isNil(rightContent) \|\| isEmpty(rightContent)) {\n return null\n }\n\n const items = isArray(rightContent)\n ? rightContent.map((item) => renderRightItem(item, uuid()))\n : renderRightItem(rightContent)\n\n if (withoutRightContentWrapper) { return items }\n\n return (\n <Styled.RightContentWrapper\n className={rightWrapperClassName}\n interpolation={rightWrapperInterpolation}\n >\n { items }\n </Styled.RightContentWrapper>\n )\n }, [\n rightContent,\n withoutRightContentWrapper,\n rightWrapperClassName,\n rightWrapperInterpolation,\n renderRightItem,\n ])\n\n const ClearComponent = useMemo(() => (\n <Styled.ClearIconWrapper\n onClick={handleClear}\n >\n {\n normalizedValue && normalizedValue.length > 0 && (focused \|\| hovered) && (\n <Icon\n source={CancelCircleFilledIcon}\n size={IconSize.XS}\n />\n )\n }\n </Styled.ClearIconWrapper>\n ), [\n focused,\n handleClear,\n hovered,\n normalizedValue,\n ])\n\n return (\n <Styled.Wrapper\n className={wrapperClassName}\n variant={variant}\n size={size}\n bgColor={wrapperBgColorSemanticName}\n borderRadius={wrapperBorderRadius}\n hasError={hasError}\n disabled={disabled}\n focused={focused}\n interpolation={wrapperInterpolation}\n data-testid={testId}\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n onMouseDown={focus}\n >\n { LeftComponent }\n <Styled.Input\n type={type}\n className={inputClassName}\n interpolation={inputInterpolation}\n ref={inputRef}\n value={normalizedValue}\n name={name}\n size={size}\n autoComplete={autoComplete}\n readOnly={readOnly}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onKeyUp={handleKeyUp}\n {...ownProps}\n />\n { activeClear && ClearComponent }\n { RightComponent }\n </Styled.Wrapper>\n )\n}\n\nexport default forwardRef(TextFieldComponent)\n"],"names":["TEXT_INPUT_TEST_ID","TextFieldComponent","_a","forwardedRef","name","type","size","TextFieldSize","M","testId","autoFocus","autoComplete","variant","TextFieldVariant","Primary","allowClear","selectAllOnInit","selectAllOnFocus","leftContent","rightContent","withoutLeftContentWrapper","withoutRightContentWrapper","inputClassName","inputInterpolation","wrapperClassName","wrapperInterpolation","leftWrapperClassName","leftWrapperInterpolation","rightWrapperClassName","rightWrapperInterpolation","value","onBlur","onFocus","onChange","onKeyDown","onKeyUp","rest","__rest","_b","useFormFieldProps","disabled","readOnly","hasError","ownProps","focused","setFocused","useState","hovered","setHovered","wrapperBgColorSemanticName","useMemo","getProperTextFieldBgColor","wrapperBorderRadius","getProperTextFieldBorderRadius","focusTimeout","useRef","blurTimeout","normalizedValue","isNil","undefined","toString","activeInput","activeClear","inputRef","focus","useCallback","clearTimeout","current","window","setTimeout","blur","setSelectionRange","start","end","direction","TextFieldType","Number","Email","Hidden","includes","getSelectionRange","selectionStart","selectionEnd","selectAll","length","unselect","valueLen","getBoundingClientRect","DOMRect","getDOMNode","handle","useImperativeHandle","useEffect","handleFocus","event","handleBlur","handleChange","handleKeyDown","handleKeyDownWrappedWithComposingLocker","handleKeyUp","handleKeyUpWrappedWithComposingLocker","useKeyboardActionLockerWhileComposing","keysToLock","COMMON_IME_CONTROL_KEYS","handleClear","input","setValue","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","Event","bubbles","call","dispatchEvent","renderLeftItem","item","isIconName","icon","React","Styled","LeftLegacyIcon","IconSize","S","color","iconColor","clickable","onClick","LeftIcon","source","LeftComponent","createElement","LeftContentWrapper","className","interpolation","renderRightItem","key","RightItemWrapper","LegacyIcon","XS","Icon","cloneElement","RightComponent","isEmpty","items","isArray","map","uuid","RightContentWrapper","ClearComponent","ClearIconWrapper","CancelCircleFilledIcon","Wrapper","bgColor","borderRadius","onMouseEnter","onMouseLeave","onMouseDown","Input","assign","ref","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"TextField.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.tsx"],"sourcesContent":["import React, {\n type Ref,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport { CancelCircleFilledIcon } from '@channel.io/bezier-icons'\nimport { v4 as uuid } from 'uuid'\n\nimport { window } from '~/src/utils/domUtils'\nimport { toString } from '~/src/utils/stringUtils'\nimport {\n isArray,\n isEmpty,\n isNil,\n} from '~/src/utils/typeUtils'\n\nimport { COMMON_IME_CONTROL_KEYS } from '~/src/components/Forms/Inputs/constants/CommonImeControlKeys'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\nimport useKeyboardActionLockerWhileComposing from '~/src/components/Forms/useKeyboardActionLockerWhileComposing'\nimport {\n Icon,\n IconSize,\n} from '~/src/components/Icon'\n\nimport {\n type SelectionRangeDirections,\n type TextFieldItemProps,\n type TextFieldProps,\n type TextFieldRef,\n TextFieldSize,\n TextFieldType,\n TextFieldVariant,\n} from './TextField.types'\nimport {\n getProperTextFieldBgColor,\n getProperTextFieldBorderRadius,\n} from './TextFieldUtils'\n\nimport Styled from './TextField.styled'\n\nexport const TEXT_INPUT_TEST_ID = 'bezier-react-text-input'\n\nfunction TextFieldComponent({\n name,\n type,\n size = TextFieldSize.M,\n testId = TEXT_INPUT_TEST_ID,\n autoFocus,\n autoComplete = 'off',\n variant = TextFieldVariant.Primary,\n allowClear = false,\n selectAllOnInit = false,\n selectAllOnFocus = false,\n leftContent,\n rightContent,\n withoutLeftContentWrapper = false,\n withoutRightContentWrapper = false,\n inputClassName,\n inputInterpolation,\n wrapperClassName,\n wrapperInterpolation,\n leftWrapperClassName,\n leftWrapperInterpolation,\n rightWrapperClassName,\n rightWrapperInterpolation,\n value,\n onBlur,\n onFocus,\n onChange,\n onKeyDown,\n onKeyUp,\n ...rest\n}: TextFieldProps,\nforwardedRef: Ref<TextFieldRef>,\n) {\n const {\n disabled,\n readOnly,\n hasError,\n ...ownProps\n } = useFormFieldProps(rest)\n\n const [focused, setFocused] = useState(false)\n const [hovered, setHovered] = useState(false)\n\n const wrapperBgColorSemanticName = useMemo(() => (\n getProperTextFieldBgColor({\n variant,\n focused,\n hasError,\n readOnly,\n })\n ), [\n variant,\n focused,\n hasError,\n readOnly,\n ])\n\n const wrapperBorderRadius = useMemo(() => (\n getProperTextFieldBorderRadius({\n size,\n })\n ), [size])\n\n const focusTimeout = useRef<ReturnType<Window['setTimeout']>>()\n const blurTimeout = useRef<ReturnType<Window['setTimeout']>>()\n\n const normalizedValue = useMemo(() => (\n isNil(value) ? undefined : toString(value)\n ), [value])\n\n const activeInput = !disabled && !readOnly\n const activeClear = activeInput && allowClear\n\n const inputRef = useRef<HTMLInputElement \| null>(null)\n\n const focus = useCallback(() => {\n clearTimeout(focusTimeout.current)\n focusTimeout.current = window.setTimeout(() => {\n inputRef.current?.focus()\n }, 0)\n }, [])\n\n const blur = useCallback(() => {\n clearTimeout(blurTimeout.current)\n blurTimeout.current = window.setTimeout(() => {\n inputRef.current?.blur()\n }, 0)\n }, [])\n\n const setSelectionRange = useCallback((start?: number, end?: number, direction?: SelectionRangeDirections) => {\n if (type && [TextFieldType.Number, TextFieldType.Email, TextFieldType.Hidden].includes(type)) { return }\n inputRef.current?.setSelectionRange(start \|\| 0, end \|\| 0, direction \|\| 'none')\n }, [type])\n\n const getSelectionRange = useCallback((): [number, number] =>\n [inputRef.current?.selectionStart \|\| 0, inputRef.current?.selectionEnd \|\| 0], [])\n\n const selectAll = useCallback(() => {\n focus()\n if (inputRef.current) {\n setSelectionRange(0, inputRef.current.value.length, 'backward')\n }\n }, [\n focus,\n setSelectionRange,\n ])\n\n const unselect = useCallback(() => {\n focus()\n if (inputRef.current) {\n const valueLen = inputRef.current.value.length\n setSelectionRange(valueLen, valueLen)\n }\n }, [\n focus,\n setSelectionRange,\n ])\n\n const getBoundingClientRect = useCallback((): DOMRect => {\n if (inputRef.current) { return inputRef.current.getBoundingClientRect() }\n return new DOMRect(undefined, undefined, 0, 0)\n }, [])\n\n const getDOMNode = useCallback(() => inputRef.current, [])\n\n const handle = useMemo((): TextFieldRef => ({\n focus,\n blur,\n setSelectionRange,\n getSelectionRange,\n selectAll,\n unselect,\n getBoundingClientRect,\n getDOMNode,\n }), [\n focus,\n blur,\n setSelectionRange,\n getSelectionRange,\n selectAll,\n unselect,\n getBoundingClientRect,\n getDOMNode,\n ])\n\n useImperativeHandle(forwardedRef, () => handle)\n\n useEffect(() => {\n if (autoFocus) {\n focus()\n }\n if (selectAllOnInit) {\n focus()\n selectAll()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const handleFocus = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n if (activeInput) {\n setFocused(true)\n if (selectAllOnFocus) { selectAll() }\n if (onFocus) { onFocus(event) }\n }\n }, [\n selectAllOnFocus,\n selectAll,\n activeInput,\n onFocus,\n ])\n\n const handleBlur = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false)\n if (onBlur) { onBlur(event) }\n }, [onBlur])\n\n const handleChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n if (activeInput && onChange) {\n onChange(event)\n }\n }, [\n activeInput,\n onChange,\n ])\n\n const {\n handleKeyDown: handleKeyDownWrappedWithComposingLocker,\n handleKeyUp: handleKeyUpWrappedWithComposingLocker,\n } = useKeyboardActionLockerWhileComposing({\n keysToLock: COMMON_IME_CONTROL_KEYS,\n onKeyDown,\n onKeyUp,\n })\n\n const handleKeyDown = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n if (activeInput && handleKeyDownWrappedWithComposingLocker) {\n handleKeyDownWrappedWithComposingLocker(event)\n }\n }, [\n activeInput,\n handleKeyDownWrappedWithComposingLocker,\n ])\n\n const handleKeyUp = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n if (activeInput && handleKeyUpWrappedWithComposingLocker) {\n handleKeyUpWrappedWithComposingLocker(event)\n }\n }, [\n activeInput,\n handleKeyUpWrappedWithComposingLocker,\n ])\n\n const handleClear = useCallback(() => {\n const input = inputRef.current\n if (activeInput && input) {\n const setValue = Object?.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n const event = new Event('input', { bubbles: true })\n setValue?.call(input, '')\n input.dispatchEvent(event)\n }\n }, [activeInput])\n\n const renderLeftItem = useCallback((item: TextFieldItemProps) => {\n if ('icon' in item) {\n return (\n <Styled.LeftIcon\n source={item.icon}\n size={IconSize.S}\n color={item.iconColor ?? 'txt-black-dark'}\n clickable={!isNil(item.onClick)}\n onClick={item.onClick}\n />\n )\n }\n\n return item\n }, [])\n\n const LeftComponent = useMemo(() => {\n if (isNil(leftContent)) {\n return null\n }\n\n const item = renderLeftItem(leftContent)\n\n if (withoutLeftContentWrapper) { return item }\n\n return (\n <Styled.LeftContentWrapper\n className={leftWrapperClassName}\n interpolation={leftWrapperInterpolation}\n >\n { item }\n </Styled.LeftContentWrapper>\n )\n }, [\n leftContent,\n withoutLeftContentWrapper,\n leftWrapperClassName,\n leftWrapperInterpolation,\n renderLeftItem,\n ])\n\n const renderRightItem = useCallback((item: TextFieldItemProps, key?: string) => {\n if ('icon' in item) {\n return (\n <Styled.RightItemWrapper\n key={key}\n clickable={!isNil(item.onClick)}\n onClick={item.onClick}\n >\n <Icon\n source={item.icon}\n size={IconSize.XS}\n color={item.iconColor ?? 'txt-black-dark'}\n />\n </Styled.RightItemWrapper>\n )\n }\n\n return React.cloneElement(\n item, { key },\n )\n }, [])\n\n const RightComponent = useMemo(() => {\n if (isNil(rightContent) \|\| isEmpty(rightContent)) {\n return null\n }\n\n const items = isArray(rightContent)\n ? rightContent.map((item) => renderRightItem(item, uuid()))\n : renderRightItem(rightContent)\n\n if (withoutRightContentWrapper) { return items }\n\n return (\n <Styled.RightContentWrapper\n className={rightWrapperClassName}\n interpolation={rightWrapperInterpolation}\n >\n { items }\n </Styled.RightContentWrapper>\n )\n }, [\n rightContent,\n withoutRightContentWrapper,\n rightWrapperClassName,\n rightWrapperInterpolation,\n renderRightItem,\n ])\n\n const ClearComponent = useMemo(() => (\n <Styled.ClearIconWrapper\n onClick={handleClear}\n >\n {\n normalizedValue && normalizedValue.length > 0 && (focused \|\| hovered) && (\n <Icon\n source={CancelCircleFilledIcon}\n size={IconSize.XS}\n />\n )\n }\n </Styled.ClearIconWrapper>\n ), [\n focused,\n handleClear,\n hovered,\n normalizedValue,\n ])\n\n return (\n <Styled.Wrapper\n className={wrapperClassName}\n variant={variant}\n size={size}\n bgColor={wrapperBgColorSemanticName}\n borderRadius={wrapperBorderRadius}\n hasError={hasError}\n disabled={disabled}\n focused={focused}\n interpolation={wrapperInterpolation}\n data-testid={testId}\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n onMouseDown={focus}\n >\n { LeftComponent }\n <Styled.Input\n type={type}\n className={inputClassName}\n interpolation={inputInterpolation}\n ref={inputRef}\n value={normalizedValue}\n name={name}\n size={size}\n autoComplete={autoComplete}\n readOnly={readOnly}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onKeyUp={handleKeyUp}\n {...ownProps}\n />\n { activeClear && ClearComponent }\n { RightComponent }\n </Styled.Wrapper>\n )\n}\n\nexport default forwardRef(TextFieldComponent)\n"],"names":["TEXT_INPUT_TEST_ID","TextFieldComponent","_a","forwardedRef","name","type","size","TextFieldSize","M","testId","autoFocus","autoComplete","variant","TextFieldVariant","Primary","allowClear","selectAllOnInit","selectAllOnFocus","leftContent","rightContent","withoutLeftContentWrapper","withoutRightContentWrapper","inputClassName","inputInterpolation","wrapperClassName","wrapperInterpolation","leftWrapperClassName","leftWrapperInterpolation","rightWrapperClassName","rightWrapperInterpolation","value","onBlur","onFocus","onChange","onKeyDown","onKeyUp","rest","__rest","_b","useFormFieldProps","disabled","readOnly","hasError","ownProps","focused","setFocused","useState","hovered","setHovered","wrapperBgColorSemanticName","useMemo","getProperTextFieldBgColor","wrapperBorderRadius","getProperTextFieldBorderRadius","focusTimeout","useRef","blurTimeout","normalizedValue","isNil","undefined","toString","activeInput","activeClear","inputRef","focus","useCallback","clearTimeout","current","window","setTimeout","blur","setSelectionRange","start","end","direction","TextFieldType","Number","Email","Hidden","includes","getSelectionRange","selectionStart","selectionEnd","selectAll","length","unselect","valueLen","getBoundingClientRect","DOMRect","getDOMNode","handle","useImperativeHandle","useEffect","handleFocus","event","handleBlur","handleChange","handleKeyDown","handleKeyDownWrappedWithComposingLocker","handleKeyUp","handleKeyUpWrappedWithComposingLocker","useKeyboardActionLockerWhileComposing","keysToLock","COMMON_IME_CONTROL_KEYS","handleClear","input","setValue","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","Event","bubbles","call","dispatchEvent","renderLeftItem","item","React","Styled","LeftIcon","source","icon","IconSize","S","color","iconColor","clickable","onClick","LeftComponent","createElement","LeftContentWrapper","className","interpolation","renderRightItem","key","RightItemWrapper","Icon","XS","cloneElement","RightComponent","isEmpty","items","isArray","map","uuid","RightContentWrapper","ClearComponent","ClearIconWrapper","CancelCircleFilledIcon","Wrapper","bgColor","borderRadius","onMouseEnter","onMouseLeave","onMouseDown","Input","assign","ref","forwardRef"],"mappings":"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"}

package/build/src/components/Forms/Inputs/TextField/TextField.styled.d.ts CHANGED Viewed

@@ -19,9 +19,6 @@ declare const _default: {
     Input: import("styled-components").StyledComponent<"input", import("~/src/foundation").Foundation, {
         foundation?: import("~/src/foundation").Foundation | undefined;
     } & InterpolationProps, never>;
-    LeftLegacyIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/LegacyIcon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
-        foundation?: import("~/src/foundation").Foundation | undefined;
-    } & ClickableElementProps, never>;
     LeftIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("~/src/components/Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>>, import("~/src/foundation").Foundation, {
         foundation?: import("~/src/foundation").Foundation | undefined;
     } & ClickableElementProps, never>;

package/build/src/components/Forms/Inputs/TextField/TextField.styled.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.styled.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AAEnE,OAAO,EACL,KAAK,aAAa,EAInB,+BAAwB;AAGzB,OAAO,EAAE,KAAK,kBAAkB,EAAE,qCAA8B;~~AAYhE~~,OAAO,EACL,aAAa,EACb,gBAAgB,EACjB,MAAM,mBAAmB,CAAA;AAE1B,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAA;CACnB;~~AA6ED~~,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,OAAO,EAAE,aAAa,CAAA;IACtB,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,CAAC,EAAE,0BAA0B,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA0CD,~~wBASC~~"}
1	+ {"version":3,"file":"TextField.styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.styled.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AAEnE,OAAO,EACL,KAAK,aAAa,EAInB,+BAAwB;AAGzB,OAAO,EAAE,KAAK,kBAAkB,EAAE,qCAA8B;AAWhE,OAAO,EACL,aAAa,EACb,gBAAgB,EACjB,MAAM,mBAAmB,CAAA;AAE1B,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAA;CACnB;AAyED,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,OAAO,EAAE,aAAa,CAAA;IACtB,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,CAAC,EAAE,0BAA0B,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;;;;;;;;;;;;;;;;;;;;;;;;AA0CD,wBAQC"}

package/build/src/components/Forms/Inputs/TextField/TextField.styled.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import disabledOpacity from '../../../../constants/DisabledOpacity.js';
 import { inputTextStyle, inputPlaceholderStyle, inputWrapperStyle, focusedInputWrapperStyle, erroredInputWrapperStyle } from '../mixins.js';
 import { TextFieldVariant, TextFieldSize } from './TextField.types.js';
-import LegacyIcon from '../../../LegacyIcon/LegacyIcon.js';
 import { Icon } from '../../../Icon/Icon.js';
 import { css as FoundationCSS, styled as FoundationStyled } from '../../../../foundation/FoundationStyledComponent.js';
 import { Typography } from '../../../../foundation/Typography.js';
@@ -30,11 +29,6 @@ const Input = FoundationStyled.input`
   interpolation
 }) => interpolation}
 `;
-const LeftLegacyIcon = FoundationStyled(LegacyIcon)`
-  ${({
-  clickable
-}) => clickable && clickableElementStyle}
-`;
 const LeftIcon = FoundationStyled(Icon)`
   ${({
   clickable
@@ -166,7 +160,6 @@ const Wrapper = FoundationStyled.div`
 `;
 var Styled = {
   Input,
-  LeftLegacyIcon,
   LeftIcon,
   LeftContentWrapper,
   RightItemWrapper,

package/build/src/components/Forms/Inputs/TextField/TextField.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.styled.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.styled.ts"],"sourcesContent":["import { type FlattenSimpleInterpolation } from 'styled-components'\n\nimport {\n type SemanticNames,\n Typography,\n css,\n styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport {\n erroredInputWrapperStyle,\n focusedInputWrapperStyle,\n inputPlaceholderStyle,\n inputTextStyle,\n inputWrapperStyle,\n} from '~/src/components/Forms/Inputs/mixins'\nimport { Icon } from '~/src/components/Icon'\~~nimport { LegacyIcon } from '~/src/components/LegacyIcon'\~~n\nimport {\n TextFieldSize,\n TextFieldVariant,\n} from './TextField.types'\n\ninterface ClickableElementProps {\n clickable: boolean\n}\n\nconst clickableElementStyle = css`\n cursor: pointer;\n`\n\nconst Input = styled.input<InterpolationProps>`\n width: 100%;\n height: 100%;\n padding: 0;\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n background-color: transparent;\n border: none;\n outline: none;\n\n ${Typography.Size14}\n\n ${inputTextStyle}\n\n ${inputPlaceholderStyle}\n\n ${({ interpolation }) => interpolation}\n`\n\nconst ~~LeftLegacyIcon = styled(LegacyIcon)<ClickableElementProps>`\n ${({ clickable }) => clickable && clickableElementStyle}\n`\n\nconst~~ LeftIcon = styled(Icon)<ClickableElementProps>`\n ${({ clickable }) => clickable && clickableElementStyle}\n`\n\nconst LeftContentWrapper = styled.div<InterpolationProps>`\n display: flex;\n align-items: center;\n padding-right: 6px;\n\n ${({ interpolation }) => interpolation}\n`\n\nconst RightContentWrapper = styled.div<InterpolationProps>`\n display: flex;\n align-items: center;\n padding-right: 2px;\n\n ${({ interpolation }) => interpolation}\n`\n\nconst RightItemWrapper = styled.div<ClickableElementProps & InterpolationProps>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n\n ${({ clickable }) => clickable && clickableElementStyle}\n\n ${({ interpolation }) => interpolation}\n`\n\nconst ClearIconWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n padding-right: 2px;\n\n color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n\n :hover {\n color: ${({ foundation }) => foundation?.theme?.['txt-black-darker']};\n }\n\n ${clickableElementStyle}\n`\n\ninterface WrapperProps {\n variant?: TextFieldVariant\n bgColor: SemanticNames\n size: TextFieldSize\n borderRadius?: FlattenSimpleInterpolation\n hasError?: boolean\n focused?: boolean\n disabled?: boolean\n}\n\nfunction getInputTypography({ size }: Pick<WrapperProps, 'size'>) {\n switch (size) {\n case TextFieldSize.XS:\n case TextFieldSize.M:\n return Typography.Size14\n case TextFieldSize.L:\n return Typography.Size16\n case TextFieldSize.XL:\n return Typography.Size18\n // NOTE: should never reach here\n default:\n return Typography.Size14\n }\n}\n\nconst Wrapper = styled.div<WrapperProps & InterpolationProps>`\n position: relative;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n height: ${({ size }) => size}px;\n padding: 0 12px;\n background-color: ${({ foundation, bgColor }) => foundation?.theme?.[bgColor]};\n\n ${({ borderRadius }) => borderRadius}\n opacity: ${({ disabled }) => disabled && DisabledOpacity};\n\n ${({ variant }) => variant === TextFieldVariant.Primary && inputWrapperStyle}\n ${({ focused }) => focused && focusedInputWrapperStyle}\n ${({ hasError }) => hasError && erroredInputWrapperStyle}\n\n ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['border-color', 'box-shadow'])}\n\n ${({ interpolation }) => interpolation}\n\n ${Input} {\n ${getInputTypography}\n }\n`\n\nexport default {\n Input,\n ~~LeftLegacyIcon,\n~~ LeftIcon,\n LeftContentWrapper,\n RightItemWrapper,\n RightContentWrapper,\n ClearIconWrapper,\n Wrapper,\n}\n"],"names":["clickableElementStyle","css","Input","styled","input","disabled","Typography","Size14","inputTextStyle","inputPlaceholderStyle","interpolation","~~LeftLegacyIcon~~","~~LegacyIcon~~","clickable","~~LeftIcon","Icon","~~LeftContentWrapper","div","RightContentWrapper","RightItemWrapper","ClearIconWrapper","foundation","_a","theme","getInputTypography","size","TextFieldSize","XS","M","L","Size16","XL","Size18","Wrapper","bgColor","borderRadius","DisabledOpacity","variant","TextFieldVariant","Primary","inputWrapperStyle","focused","focusedInputWrapperStyle","hasError","erroredInputWrapperStyle","transition","getTransitionsCSS"],"mappings":"~~;;;;;;;;AA+BA~~,MAAMA,qBAAqB,GAAGC,aAAG,CAAA;;CAEhC,CAAA;AAED,MAAMC,KAAK,GAAGC,gBAAM,CAACC,KAAyB,CAAA;;;;AAIlC,UAAA,EAAA,CAAC;AAAEC,EAAAA,QAAAA;AAAQ,CAAE,KAAMA,QAAQ,GAAG,aAAa,GAAG,MAAO,CAAA;;;;;AAK7D,EAAAC,EAAAA,UAAU,CAACC,MAAM,CAAA;;IAEjBC,cAAc,CAAA;;IAEdC,qBAAqB,CAAA;;AAErB,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMC,~~cAAc~~,GAAGR,gBAAM,CAACS,~~UAAU~~,CAAwB,CAAA;~~IAC5D~~,CAAC;AAAEC,EAAAA,SAAAA;AAAW,CAAA,KAAKA,SAAS,IAAIb,qBAAqB,CAAA;CACxD,CAAA;AAED,MAAMc,~~QAAQ~~,GAAGX,gBAAM,CAACY,~~IAAI,CAAwB,CAAA;IAChD,CAAC;AAAEF,EAAAA,SAAAA;AAAW,CAAA,KAAKA,SAAS,IAAIb,qBAAqB,CAAA;CACxD,CAAA;AAED,MAAMgB,kBAAkB,GAAGb,gBAAM,CAACc,~~GAAuB,CAAA;;;;;AAKrD,EAAA,EAAA,CAAC;~~AAAEP~~,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,~~MAAMQ~~,mBAAmB,~~GAAGf~~,gBAAM,~~CAACc~~,GAAuB,CAAA;;;;;AAKtD,EAAA,EAAA,CAAC;~~AAAEP~~,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,~~MAAMS~~,gBAAgB,~~GAAGhB~~,gBAAM,~~CAACc~~,GAA+C,CAAA;;;;;;;IAO3E,CAAC;~~AAAEJ~~,EAAAA,SAAAA;AAAW,CAAA,KAAKA,SAAS,IAAIb,qBAAqB,CAAA;;AAErD,EAAA,EAAA,CAAC;AAAEU,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,~~MAAMU~~,gBAAgB,~~GAAGjB~~,gBAAM,~~CAACc~~,GAAG,CAAA;;;;;;;;AAQxB,SAAA,EAAA,CAAC;AAAEI,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,gBAAgB,CAAC,CAAA;AAAA,CAAA,CAAA;;;AAGvD,WAAA,EAAA,CAAC;AAAEF,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,kBAAkB,CAAC,CAAA;AAAA,CAAA,CAAA;;;~~IAGpEvB~~,qBAAqB,CAAA;CACxB,CAAA;AAYD,~~SAASwB~~,kBAAkB,CAAC;AAAEC,EAAAA,IAAAA;AAAkC,CAAA,EAAA;AAC9D,EAAA,QAAQA,IAAI;IACV,KAAKC,aAAa,CAACC,EAAE,CAAA;IACrB,KAAKD,aAAa,CAACE,CAAC;MAClB,~~OAAOtB~~,UAAU,CAACC,MAAM,CAAA;IAC1B,~~KAAKmB~~,aAAa,CAACG,CAAC;MAClB,~~OAAOvB~~,UAAU,~~CAACwB~~,MAAM,CAAA;IAC1B,KAAKJ,aAAa,CAACK,EAAE;MACnB,~~OAAOzB~~,UAAU,~~CAAC0B~~,MAAM,CAAA;AAC1B;AACA,IAAA;MACE,~~OAAO1B~~,UAAU,CAACC,MAAM,CAAA;AAAA,GAAA;AAE9B,CAAA;AAEA,~~MAAM0B~~,OAAO,~~GAAG9B~~,gBAAM,~~CAACc~~,GAAsC,CAAA;;;;;AAKjD,UAAA,EAAA,CAAC;AAAEQ,EAAAA,IAAAA;AAAI,CAAE,KAAKA,IAAI,CAAA;;sBAER,CAAC;EAAEJ,UAAU;AAAEa,EAAAA,OAAAA;CAAS;;AAAK,EAAA,OAAA,CAAAZ,EAAA,GAAAD,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEE,KAAK,MAAG,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAY,OAAO,CAAC,CAAA;AAAA,CAAA,CAAA;;AAE3E,EAAA,EAAA,CAAC;AAAEC,EAAAA,YAAAA;AAAY,CAAE,KAAKA,YAAY,CAAA;aACzB,CAAC;~~AAAE9B~~,EAAAA,QAAAA;AAAU,CAAA,KAAKA,QAAQ,~~IAAI+B~~,eAAe,CAAA;;AAEtD,EAAA,EAAA,CAAC;AAAEC,EAAAA,OAAAA;AAAS,CAAA,KAAKA,OAAO,KAAKC,gBAAgB,CAACC,OAAO,IAAIC,iBAAiB,CAAA;IAC1E,CAAC;AAAEC,EAAAA,OAAAA;AAAS,CAAA,KAAKA,OAAO,IAAIC,wBAAwB,CAAA;IACpD,CAAC;AAAEC,EAAAA,QAAAA;AAAU,CAAA,KAAKA,QAAQ,IAAIC,wBAAwB,CAAA;;IAEtD,CAAC;AAAEvB,EAAAA,UAAAA;AAAU,CAAE;;AAAK,EAAA,OAAA,CAAAC,EAAA,GAAAD,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEwB,UAAU,MAAE,IAAA,IAAAvB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAwB,iBAAiB,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,CAAA;AAAA,CAAA,CAAA;;AAE7F,EAAA,EAAA,CAAC;~~AAAEpC~~,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;;IAEpCR,KAAK,CAAA;~~MACHsB~~,kBAAkB,CAAA;;CAEvB,CAAA;AAED,aAAe;~~EACbtB~~,KAAK;EACLS,~~cAAc;EACdG,~~QAAQ;~~EACRE~~,kBAAkB;EAClBG,gBAAgB;EAChBD,mBAAmB;EACnBE,gBAAgB;AAChBa,EAAAA,OAAAA;CACD;;;;"}
1	+ {"version":3,"file":"TextField.styled.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.styled.ts"],"sourcesContent":["import { type FlattenSimpleInterpolation } from 'styled-components'\n\nimport {\n type SemanticNames,\n Typography,\n css,\n styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport {\n erroredInputWrapperStyle,\n focusedInputWrapperStyle,\n inputPlaceholderStyle,\n inputTextStyle,\n inputWrapperStyle,\n} from '~/src/components/Forms/Inputs/mixins'\nimport { Icon } from '~/src/components/Icon'\n\nimport {\n TextFieldSize,\n TextFieldVariant,\n} from './TextField.types'\n\ninterface ClickableElementProps {\n clickable: boolean\n}\n\nconst clickableElementStyle = css`\n cursor: pointer;\n`\n\nconst Input = styled.input<InterpolationProps>`\n width: 100%;\n height: 100%;\n padding: 0;\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n background-color: transparent;\n border: none;\n outline: none;\n\n ${Typography.Size14}\n\n ${inputTextStyle}\n\n ${inputPlaceholderStyle}\n\n ${({ interpolation }) => interpolation}\n`\n\nconst LeftIcon = styled(Icon)<ClickableElementProps>`\n ${({ clickable }) => clickable && clickableElementStyle}\n`\n\nconst LeftContentWrapper = styled.div<InterpolationProps>`\n display: flex;\n align-items: center;\n padding-right: 6px;\n\n ${({ interpolation }) => interpolation}\n`\n\nconst RightContentWrapper = styled.div<InterpolationProps>`\n display: flex;\n align-items: center;\n padding-right: 2px;\n\n ${({ interpolation }) => interpolation}\n`\n\nconst RightItemWrapper = styled.div<ClickableElementProps & InterpolationProps>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n\n ${({ clickable }) => clickable && clickableElementStyle}\n\n ${({ interpolation }) => interpolation}\n`\n\nconst ClearIconWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n padding-right: 2px;\n\n color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n\n :hover {\n color: ${({ foundation }) => foundation?.theme?.['txt-black-darker']};\n }\n\n ${clickableElementStyle}\n`\n\ninterface WrapperProps {\n variant?: TextFieldVariant\n bgColor: SemanticNames\n size: TextFieldSize\n borderRadius?: FlattenSimpleInterpolation\n hasError?: boolean\n focused?: boolean\n disabled?: boolean\n}\n\nfunction getInputTypography({ size }: Pick<WrapperProps, 'size'>) {\n switch (size) {\n case TextFieldSize.XS:\n case TextFieldSize.M:\n return Typography.Size14\n case TextFieldSize.L:\n return Typography.Size16\n case TextFieldSize.XL:\n return Typography.Size18\n // NOTE: should never reach here\n default:\n return Typography.Size14\n }\n}\n\nconst Wrapper = styled.div<WrapperProps & InterpolationProps>`\n position: relative;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n height: ${({ size }) => size}px;\n padding: 0 12px;\n background-color: ${({ foundation, bgColor }) => foundation?.theme?.[bgColor]};\n\n ${({ borderRadius }) => borderRadius}\n opacity: ${({ disabled }) => disabled && DisabledOpacity};\n\n ${({ variant }) => variant === TextFieldVariant.Primary && inputWrapperStyle}\n ${({ focused }) => focused && focusedInputWrapperStyle}\n ${({ hasError }) => hasError && erroredInputWrapperStyle}\n\n ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['border-color', 'box-shadow'])}\n\n ${({ interpolation }) => interpolation}\n\n ${Input} {\n ${getInputTypography}\n }\n`\n\nexport default {\n Input,\n LeftIcon,\n LeftContentWrapper,\n RightItemWrapper,\n RightContentWrapper,\n ClearIconWrapper,\n Wrapper,\n}\n"],"names":["clickableElementStyle","css","Input","styled","input","disabled","Typography","Size14","inputTextStyle","inputPlaceholderStyle","interpolation","LeftIcon","Icon","clickable","LeftContentWrapper","div","RightContentWrapper","RightItemWrapper","ClearIconWrapper","foundation","_a","theme","getInputTypography","size","TextFieldSize","XS","M","L","Size16","XL","Size18","Wrapper","bgColor","borderRadius","DisabledOpacity","variant","TextFieldVariant","Primary","inputWrapperStyle","focused","focusedInputWrapperStyle","hasError","erroredInputWrapperStyle","transition","getTransitionsCSS"],"mappings":";;;;;;;AA8BA,MAAMA,qBAAqB,GAAGC,aAAG,CAAA;;CAEhC,CAAA;AAED,MAAMC,KAAK,GAAGC,gBAAM,CAACC,KAAyB,CAAA;;;;AAIlC,UAAA,EAAA,CAAC;AAAEC,EAAAA,QAAAA;AAAQ,CAAE,KAAMA,QAAQ,GAAG,aAAa,GAAG,MAAO,CAAA;;;;;AAK7D,EAAAC,EAAAA,UAAU,CAACC,MAAM,CAAA;;IAEjBC,cAAc,CAAA;;IAEdC,qBAAqB,CAAA;;AAErB,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMC,QAAQ,GAAGR,gBAAM,CAACS,IAAI,CAAwB,CAAA;IAChD,CAAC;AAAEC,EAAAA,SAAAA;AAAW,CAAA,KAAKA,SAAS,IAAIb,qBAAqB,CAAA;CACxD,CAAA;AAED,MAAMc,kBAAkB,GAAGX,gBAAM,CAACY,GAAuB,CAAA;;;;;AAKrD,EAAA,EAAA,CAAC;AAAEL,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMM,mBAAmB,GAAGb,gBAAM,CAACY,GAAuB,CAAA;;;;;AAKtD,EAAA,EAAA,CAAC;AAAEL,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMO,gBAAgB,GAAGd,gBAAM,CAACY,GAA+C,CAAA;;;;;;;IAO3E,CAAC;AAAEF,EAAAA,SAAAA;AAAW,CAAA,KAAKA,SAAS,IAAIb,qBAAqB,CAAA;;AAErD,EAAA,EAAA,CAAC;AAAEU,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMQ,gBAAgB,GAAGf,gBAAM,CAACY,GAAG,CAAA;;;;;;;;AAQxB,SAAA,EAAA,CAAC;AAAEI,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,gBAAgB,CAAC,CAAA;AAAA,CAAA,CAAA;;;AAGvD,WAAA,EAAA,CAAC;AAAEF,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,kBAAkB,CAAC,CAAA;AAAA,CAAA,CAAA;;;IAGpErB,qBAAqB,CAAA;CACxB,CAAA;AAYD,SAASsB,kBAAkB,CAAC;AAAEC,EAAAA,IAAAA;AAAkC,CAAA,EAAA;AAC9D,EAAA,QAAQA,IAAI;IACV,KAAKC,aAAa,CAACC,EAAE,CAAA;IACrB,KAAKD,aAAa,CAACE,CAAC;MAClB,OAAOpB,UAAU,CAACC,MAAM,CAAA;IAC1B,KAAKiB,aAAa,CAACG,CAAC;MAClB,OAAOrB,UAAU,CAACsB,MAAM,CAAA;IAC1B,KAAKJ,aAAa,CAACK,EAAE;MACnB,OAAOvB,UAAU,CAACwB,MAAM,CAAA;AAC1B;AACA,IAAA;MACE,OAAOxB,UAAU,CAACC,MAAM,CAAA;AAAA,GAAA;AAE9B,CAAA;AAEA,MAAMwB,OAAO,GAAG5B,gBAAM,CAACY,GAAsC,CAAA;;;;;AAKjD,UAAA,EAAA,CAAC;AAAEQ,EAAAA,IAAAA;AAAI,CAAE,KAAKA,IAAI,CAAA;;sBAER,CAAC;EAAEJ,UAAU;AAAEa,EAAAA,OAAAA;CAAS;;AAAK,EAAA,OAAA,CAAAZ,EAAA,GAAAD,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEE,KAAK,MAAG,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAY,OAAO,CAAC,CAAA;AAAA,CAAA,CAAA;;AAE3E,EAAA,EAAA,CAAC;AAAEC,EAAAA,YAAAA;AAAY,CAAE,KAAKA,YAAY,CAAA;aACzB,CAAC;AAAE5B,EAAAA,QAAAA;AAAU,CAAA,KAAKA,QAAQ,IAAI6B,eAAe,CAAA;;AAEtD,EAAA,EAAA,CAAC;AAAEC,EAAAA,OAAAA;AAAS,CAAA,KAAKA,OAAO,KAAKC,gBAAgB,CAACC,OAAO,IAAIC,iBAAiB,CAAA;IAC1E,CAAC;AAAEC,EAAAA,OAAAA;AAAS,CAAA,KAAKA,OAAO,IAAIC,wBAAwB,CAAA;IACpD,CAAC;AAAEC,EAAAA,QAAAA;AAAU,CAAA,KAAKA,QAAQ,IAAIC,wBAAwB,CAAA;;IAEtD,CAAC;AAAEvB,EAAAA,UAAAA;AAAU,CAAE;;AAAK,EAAA,OAAA,CAAAC,EAAA,GAAAD,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEwB,UAAU,MAAE,IAAA,IAAAvB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAwB,iBAAiB,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,CAAA;AAAA,CAAA,CAAA;;AAE7F,EAAA,EAAA,CAAC;AAAElC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;;IAEpCR,KAAK,CAAA;MACHoB,kBAAkB,CAAA;;CAEvB,CAAA;AAED,aAAe;EACbpB,KAAK;EACLS,QAAQ;EACRG,kBAAkB;EAClBG,gBAAgB;EAChBD,mBAAmB;EACnBE,gBAAgB;AAChBa,EAAAA,OAAAA;CACD;;;;"}

package/build/src/components/Forms/Inputs/TextField/TextField.types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type React from 'react';
-import { type BezierIcon, type IconName } from '@channel.io/bezier-icons';
+import { type BezierIcon } from '@channel.io/bezier-icons';
 import type { AdditionalColorProps, AdditionalStylableProps, BezierComponentProps, SideContentProps, SizeProps, VariantProps } from "../../../../types/ComponentProps";
 import type { FormComponentProps } from "../..";
 export declare enum TextFieldType {
@@ -24,7 +24,7 @@ export declare enum TextFieldVariant {
     Secondary = 1
 }
 export type TextFieldItemProps = {
-    icon: IconName | BezierIcon;
+    icon: BezierIcon;
     onClick?: React.MouseEventHandler;
 } & AdditionalColorProps<'icon'> | React.ReactElement;
 export interface TextFieldRef {

package/build/src/components/Forms/Inputs/TextField/TextField.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,~~EACL~~,KAAK,UAAU,~~EACf~~,~~KAAK,QAAQ,EACd,~~MAAM,0BAA0B,CAAA;~~AAEjC~~,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACb,yCAAkC;AAEnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAA8B;AAGhE,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,aAAa;IACvB,EAAE,KAAmB;IACrB,CAAC,KAAkB;IACnB,CAAC,KAAkB;IACnB,EAAE,KAAmB;CACtB;AAED,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;AAEtE,oBAAY,gBAAgB;IAC1B,OAAO,IAAA;IACP,SAAS,IAAA;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,~~QAAQ,GAAG,~~UAAU,CAAA;~~IAC3B~~,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC,GAAG,oBAAoB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;AAErD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,IAAI,IAAI,CAAA;IACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;IAC3F,iBAAiB,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,SAAS,IAAI,IAAI,CAAA;IACjB,QAAQ,IAAI,IAAI,CAAA;IAChB,qBAAqB,IAAI,UAAU,GAAG,OAAO,CAAA;IAC7C,UAAU,IAAI,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;CACpC;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;AACpE,KAAK,oBAAoB,GAAG,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;AAExE,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAA;AAEvF,MAAM,WAAW,cAAe,SAC9B,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,CAAC,aAAa,CAAC,EACxB,YAAY,CAAC,gBAAgB,CAAC,EAC9B,gBAAgB,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAC/E,uBAAuB,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,EAC5E,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,0BAA0B,CAAC,EAC7E,gBAAgB;CAAG"}
1	+ {"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACb,yCAAkC;AAEnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAA8B;AAGhE,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,aAAa;IACvB,EAAE,KAAmB;IACrB,CAAC,KAAkB;IACnB,CAAC,KAAkB;IACnB,EAAE,KAAmB;CACtB;AAED,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;AAEtE,oBAAY,gBAAgB;IAC1B,OAAO,IAAA;IACP,SAAS,IAAA;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC,GAAG,oBAAoB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;AAErD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,IAAI,IAAI,CAAA;IACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;IAC3F,iBAAiB,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,SAAS,IAAI,IAAI,CAAA;IACjB,QAAQ,IAAI,IAAI,CAAA;IAChB,qBAAqB,IAAI,UAAU,GAAG,OAAO,CAAA;IAC7C,UAAU,IAAI,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;CACpC;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;AACpE,KAAK,oBAAoB,GAAG,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;AAExE,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAA;AAEvF,MAAM,WAAW,cAAe,SAC9B,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,CAAC,aAAa,CAAC,EACxB,YAAY,CAAC,gBAAgB,CAAC,EAC9B,gBAAgB,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAC/E,uBAAuB,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,EAC5E,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,0BAA0B,CAAC,EAC7E,gBAAgB;CAAG"}

package/build/src/components/Forms/Inputs/TextField/TextField.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.types.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport {\n type BezierIcon~~,\n type~~ ~~IconName,\n~~} from '@channel.io/bezier-icons'\n\nimport type {\n AdditionalColorProps,\n AdditionalStylableProps,\n BezierComponentProps,\n SideContentProps,\n SizeProps,\n VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms'\nimport { FormFieldSize } from '~/src/components/Forms'\n\nexport enum TextFieldType {\n Search = 'search',\n Text = 'text',\n Email = 'email',\n Password = 'password',\n Tel = 'tel',\n Url = 'url',\n Hidden = 'hidden',\n Number = 'number',\n}\n\nexport enum TextFieldSize {\n XL = FormFieldSize.XL,\n L = FormFieldSize.L,\n M = FormFieldSize.M,\n XS = FormFieldSize.XS,\n}\n\nexport type SelectionRangeDirections = 'forward' \| 'backward' \| 'none'\n\nexport enum TextFieldVariant {\n Primary,\n Secondary,\n}\n\nexport type TextFieldItemProps = {\n icon: ~~IconName \|~~ BezierIcon\n onClick?: React.MouseEventHandler\n} & AdditionalColorProps<'icon'> \| React.ReactElement\n\nexport interface TextFieldRef {\n focus(options?: FocusOptions): void\n blur(): void\n setSelectionRange(start?: number, end?: number, direction?: SelectionRangeDirections): void\n getSelectionRange(): [number, number]\n selectAll(): void\n unselect(): void\n getBoundingClientRect(): ClientRect \| DOMRect\n getDOMNode(): Element \| Text \| null\n}\n\ntype ChangeEventHandler = React.ChangeEventHandler<HTMLInputElement>\ntype KeyboardEventHandler = React.KeyboardEventHandler<HTMLInputElement>\n\ninterface TextFieldOptions {\n type?: TextFieldType\n allowClear?: boolean\n selectAllOnInit?: boolean\n selectAllOnFocus?: boolean\n withoutLeftContentWrapper?: boolean\n withoutRightContentWrapper?: boolean\n onFocus?: ChangeEventHandler\n onChange?: ChangeEventHandler\n onKeyDown?: KeyboardEventHandler\n onKeyUp?: KeyboardEventHandler\n}\n\ntype OmittedInputHTMLAttributes = 'type' \| 'size' \| 'readOnly' \| 'disabled' \| 'onFocus'\n\nexport interface TextFieldProps extends\n FormComponentProps,\n BezierComponentProps,\n SizeProps<TextFieldSize>,\n VariantProps<TextFieldVariant>,\n SideContentProps<TextFieldItemProps, TextFieldItemProps \| TextFieldItemProps[]>,\n AdditionalStylableProps<['input', 'wrapper', 'leftWrapper', 'rightWrapper']>,\n Omit<React.InputHTMLAttributes<HTMLInputElement>, OmittedInputHTMLAttributes>,\n TextFieldOptions {}\n"],"names":["TextFieldType","TextFieldSize","TextFieldVariant"],"mappings":"~~IAmBYA~~,cASX;AATD,CAAA,UAAYA,aAAa,EAAA;AACvBA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EATWA,aAAa,KAAbA,aAAa,GASxB,EAAA,CAAA,CAAA,CAAA;IAEWC,cAKX;AALD,CAAA,UAAYA,aAAa,EAAA;EACvBA,aAAA,CAAAA,aAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAqB,CAAA;EACrBA,aAAA,CAAAA,aAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAmB,CAAA;EACnBA,aAAA,CAAAA,aAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAmB,CAAA;EACnBA,aAAA,CAAAA,aAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAqB,CAAA;AACvB,CAAC,EALWA,aAAa,KAAbA,aAAa,GAKxB,EAAA,CAAA,CAAA,CAAA;IAIWC,iBAGX;AAHD,CAAA,UAAYA,gBAAgB,EAAA;EAC1BA,gBAAA,CAAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAO,CAAA;EACPA,gBAAA,CAAAA,gBAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAS,CAAA;AACX,CAAC,EAHWA,gBAAgB,KAAhBA,gBAAgB,GAG3B,EAAA,CAAA,CAAA;;;;"}
1	+ {"version":3,"file":"TextField.types.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport type {\n AdditionalColorProps,\n AdditionalStylableProps,\n BezierComponentProps,\n SideContentProps,\n SizeProps,\n VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms'\nimport { FormFieldSize } from '~/src/components/Forms'\n\nexport enum TextFieldType {\n Search = 'search',\n Text = 'text',\n Email = 'email',\n Password = 'password',\n Tel = 'tel',\n Url = 'url',\n Hidden = 'hidden',\n Number = 'number',\n}\n\nexport enum TextFieldSize {\n XL = FormFieldSize.XL,\n L = FormFieldSize.L,\n M = FormFieldSize.M,\n XS = FormFieldSize.XS,\n}\n\nexport type SelectionRangeDirections = 'forward' \| 'backward' \| 'none'\n\nexport enum TextFieldVariant {\n Primary,\n Secondary,\n}\n\nexport type TextFieldItemProps = {\n icon: BezierIcon\n onClick?: React.MouseEventHandler\n} & AdditionalColorProps<'icon'> \| React.ReactElement\n\nexport interface TextFieldRef {\n focus(options?: FocusOptions): void\n blur(): void\n setSelectionRange(start?: number, end?: number, direction?: SelectionRangeDirections): void\n getSelectionRange(): [number, number]\n selectAll(): void\n unselect(): void\n getBoundingClientRect(): ClientRect \| DOMRect\n getDOMNode(): Element \| Text \| null\n}\n\ntype ChangeEventHandler = React.ChangeEventHandler<HTMLInputElement>\ntype KeyboardEventHandler = React.KeyboardEventHandler<HTMLInputElement>\n\ninterface TextFieldOptions {\n type?: TextFieldType\n allowClear?: boolean\n selectAllOnInit?: boolean\n selectAllOnFocus?: boolean\n withoutLeftContentWrapper?: boolean\n withoutRightContentWrapper?: boolean\n onFocus?: ChangeEventHandler\n onChange?: ChangeEventHandler\n onKeyDown?: KeyboardEventHandler\n onKeyUp?: KeyboardEventHandler\n}\n\ntype OmittedInputHTMLAttributes = 'type' \| 'size' \| 'readOnly' \| 'disabled' \| 'onFocus'\n\nexport interface TextFieldProps extends\n FormComponentProps,\n BezierComponentProps,\n SizeProps<TextFieldSize>,\n VariantProps<TextFieldVariant>,\n SideContentProps<TextFieldItemProps, TextFieldItemProps \| TextFieldItemProps[]>,\n AdditionalStylableProps<['input', 'wrapper', 'leftWrapper', 'rightWrapper']>,\n Omit<React.InputHTMLAttributes<HTMLInputElement>, OmittedInputHTMLAttributes>,\n TextFieldOptions {}\n"],"names":["TextFieldType","TextFieldSize","TextFieldVariant"],"mappings":"IAgBYA,cASX;AATD,CAAA,UAAYA,aAAa,EAAA;AACvBA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EATWA,aAAa,KAAbA,aAAa,GASxB,EAAA,CAAA,CAAA,CAAA;IAEWC,cAKX;AALD,CAAA,UAAYA,aAAa,EAAA;EACvBA,aAAA,CAAAA,aAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAqB,CAAA;EACrBA,aAAA,CAAAA,aAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAmB,CAAA;EACnBA,aAAA,CAAAA,aAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAmB,CAAA;EACnBA,aAAA,CAAAA,aAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAqB,CAAA;AACvB,CAAC,EALWA,aAAa,KAAbA,aAAa,GAKxB,EAAA,CAAA,CAAA,CAAA;IAIWC,iBAGX;AAHD,CAAA,UAAYA,gBAAgB,EAAA;EAC1BA,gBAAA,CAAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAO,CAAA;EACPA,gBAAA,CAAAA,gBAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAS,CAAA;AACX,CAAC,EAHWA,gBAAgB,KAAhBA,gBAAgB,GAG3B,EAAA,CAAA,CAAA;;;;"}

package/build/src/components/KeyValueListItem/KeyValueListItem.types.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 import type React from 'react';
-import { type BezierIcon, type IconName } from '@channel.io/bezier-icons';
+import { type BezierIcon } from '@channel.io/bezier-icons';
 import type { AdditionalStylableProps, BezierComponentProps, ChildrenProps } from "../../types/ComponentProps";
 import { type KeyValueListItemActionProps } from './common';
 interface KeyValueListItemOptions {
-    keyIcon?: IconName | BezierIcon | React.ReactNode;
+    keyIcon?: BezierIcon | React.ReactNode;
     keyContent?: React.ReactNode;
     actions?: KeyValueListItemActionProps | KeyValueListItemActionProps[];
 }

package/build/src/components/KeyValueListItem/KeyValueListItem.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KeyValueListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,~~EACL~~,KAAK,UAAU,~~EACf~~,~~KAAK,QAAQ,EACd,~~MAAM,0BAA0B,CAAA;~~AAEjC~~,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACd,mCAAkC;AAEnC,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAA;AAE3D,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,~~QAAQ,GAAG,~~UAAU,GAAG,KAAK,CAAC,SAAS,CAAA;~~IACjD~~,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,2BAA2B,GAAG,2BAA2B,EAAE,CAAA;CACtE;AAED,MAAM,WAAW,qBAAsB,SACrC,oBAAoB,EACpB,aAAa,EACb,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,uBAAuB,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EACvD,uBAAuB;IACvB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC1D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC7D"}
1	+ {"version":3,"file":"KeyValueListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACd,mCAAkC;AAEnC,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAA;AAE3D,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAA;IACtC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,2BAA2B,GAAG,2BAA2B,EAAE,CAAA;CACtE;AAED,MAAM,WAAW,qBAAsB,SACrC,oBAAoB,EACpB,aAAa,EACb,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,uBAAuB,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EACvD,uBAAuB;IACvB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC1D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC7D"}

package/build/src/components/KeyValueListItem/common/KeyItem/KeyItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KeyItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAA;~~AAkBd~~,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;;~~AA+DnD~~,wBAAwC"}
1	+ {"version":3,"file":"KeyItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAA;AAcd,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;;AAqDnD,wBAAwC"}

package/build/src/components/KeyValueListItem/common/KeyItem/KeyItem.js CHANGED Viewed

@@ -3,11 +3,9 @@ import e__default, { memo, forwardRef, useMemo } from 'react';
 import { isString } from '../../../../utils/typeUtils.js';
 import { TEST_ID_MAP } from '../../KeyValueListItem.const.js';
 import { KeyText, KeyContent } from './KeyItem.styled.js';
-import LegacyIcon from '../../../LegacyIcon/LegacyIcon.js';
-import { IconSize } from '../../../Icon/Icon.types.js';
 import { i as r } from '../../../../../packages/bezier-icons/dist/utils/index.mjs.js';
 import { Icon } from '../../../Icon/Icon.js';
-import { isIconName } from '../../../LegacyIcon/utils.js';
+import { IconSize } from '../../../Icon/Icon.types.js';
 import { Typography } from '../../../../foundation/Typography.js';
 function KeyItem(_a, forwardedRef) {
@@ -20,13 +18,6 @@ function KeyItem(_a, forwardedRef) {
     } = _a,
     props = __rest(_a, ["className", "interpolation", "keyIcon", "testId", "children"]);
   const KeyIcon = useMemo(() => {
-    if (isIconName(keyIcon)) {
-      return e__default.createElement(LegacyIcon, {
-        size: IconSize.S,
-        name: keyIcon,
-        color: "txt-black-dark"
-      });
-    }
     if (r(keyIcon)) {
       return e__default.createElement(Icon, {
         size: IconSize.S,

package/build/src/components/KeyValueListItem/common/KeyItem/KeyItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KeyItem.js","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.tsx"],"sourcesContent":["import React, {\n type Ref,\n forwardRef,\n memo,\n useMemo,\n} from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isString } from '~/src/utils/typeUtils'\n\nimport {\n Icon,\n IconSize,\n} from '~/src/components/Icon'\nimport { TEST_ID_MAP } from '~/src/components/KeyValueListItem/KeyValueListItem.const'\~~nimport {\~~n ~~LegacyIcon,\n isIconName,\n} from '~/src/components/LegacyIcon'~~\n\nimport { type KeyItemProps } from './KeyItem.types'\n\nimport * as Styled from './KeyItem.styled'\n\nfunction KeyItem(\n {\n className,\n interpolation,\n keyIcon,\n testId = TEST_ID_MAP.KEY_ITEM,\n children,\n ...props\n }: KeyItemProps,\n forwardedRef: Ref<HTMLDivElement>,\n) {\n const KeyIcon = useMemo(() => {\n if (~~isIconName(keyIcon)) {\n return (\n <LegacyIcon\n size={IconSize.S}\n name={keyIcon}\n color=\"txt-black-dark\"\n />\n )\n }\n\n if (~~isBezierIcon(keyIcon)) {\n return (\n <Icon\n size={IconSize.S}\n source={keyIcon}\n color=\"txt-black-dark\"\n />\n )\n }\n\n return keyIcon\n }, [keyIcon])\n\n const KeyText = useMemo(() => {\n if (isString(children)) {\n return (\n <Styled.KeyText bold typo={Typography.Size12} truncated>\n { children }\n </Styled.KeyText>\n )\n }\n return children\n }, [children])\n\n return (\n <Styled.KeyContent\n data-testid={testId}\n {...props}\n ref={forwardedRef}\n interpolation={interpolation}\n >\n { KeyIcon }\n { KeyText }\n </Styled.KeyContent>\n )\n}\n\nexport default memo(forwardRef(KeyItem))\n"],"names":["KeyItem","_a","forwardedRef","className","interpolation","keyIcon","testId","TEST_ID_MAP","KEY_ITEM","children","props","__rest","KeyIcon","useMemo","~~isIconName~~","React","createElement","~~LegacyIcon~~","size","IconSize","S","~~name~~","color","~~isBezierIcon","Icon","source","~~KeyText","isString","Styled","bold","typo","Typography","Size12","truncated","ref","memo","forwardRef"],"mappings":"~~;;;;;;;;;;;;AA2BA~~,SAASA,OAAO,CACdC,EAOe,EACfC,YAAiC,EAAA;EARjC,IAAA;MACEC,SAAS;MACTC,aAAa;MACbC,OAAO;MACPC,MAAM,GAAGC,WAAW,CAACC,QAAQ;AAC7BC,MAAAA,QAAAA;AAAQ,KAAA,GAAAR,EAEK;AADVS,IAAAA,KAAK,GAAAC,MAAA,CAAAV,EAAA,EANV,+DAOC,CADS,CAAA;AAIV,EAAA,MAAMW,OAAO,GAAGC,OAAO,CAAC,MAAK;AAC3B,IAAA,IAAIC,~~UAAU~~,CAACT,OAAO,CAAC,EAAE;~~AACvB~~,MAAA,OACEU,UAAC,CAAAC,aAAA,CAAAC,~~UAAU~~;~~QACTC~~,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBC,QAAAA,~~IAAI~~,EAAEhB,OAAO;AACbiB,QAAAA,KAAK,EAAC,gBAAA;AAAgB,OAAA,CACtB,CAAA;AAEL,KAAA;AAED,IAAA,IAAIC,CAAY,CAAClB,OAAO,CAAC,EAAE;AACzB,MAAA,OACEU,UAAC,CAAAC,aAAA,CAAAQ,IAAI;QACHN,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBK,QAAAA,MAAM,EAAEpB,OAAO;AACfiB,QAAAA,KAAK,EAAC,gBAAA;AAAgB,OAAA,CACtB,CAAA;AAEL,KAAA;AAED,IAAA,OAAOjB,OAAO,CAAA;AAChB,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAEb,EAAA,~~MAAMqB~~,SAAO,~~GAAGb~~,OAAO,CAAC,MAAK;AAC3B,IAAA,~~IAAIc~~,QAAQ,~~CAAClB~~,QAAQ,CAAC,EAAE;AACtB,MAAA,OACEM,UAAC,CAAAC,aAAA,~~CAAAY~~,OAAc,EAAA;AAACC,QAAAA,IAAI,EAAC,IAAA;QAAAC,IAAI,EAAEC,UAAU,CAACC,MAAM;AAAEC,QAAAA,SAAS;~~SACnDxB~~,QAAQ,CACK,CAAA;AAEpB,KAAA;AACD,IAAA,OAAOA,QAAQ,CAAA;AACjB,GAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;EAEd,OACEM,UAAC,CAAAC,aAAA,~~CAAAY~~,UAAiB;~~mBACHtB~~,MAAAA;GAAM,EACfI,KAAK,EAAA;~~AACTwB~~,IAAAA,GAAG,~~EAAEhC~~,YAAY;AACjBE,IAAAA,aAAa,EAAEA,aAAAA;AAAa,GAAA,CAAA,EAE1BQ,OAAO,~~EACPc~~,SAAO,CACS,CAAA;AAExB,CAAA;AAEA,gBAAeS,IAAI,CAACC,UAAU,~~CAACpC~~,OAAO,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"KeyItem.js","sources":["../../../../../../src/components/KeyValueListItem/common/KeyItem/KeyItem.tsx"],"sourcesContent":["import React, {\n type Ref,\n forwardRef,\n memo,\n useMemo,\n} from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isString } from '~/src/utils/typeUtils'\n\nimport {\n Icon,\n IconSize,\n} from '~/src/components/Icon'\nimport { TEST_ID_MAP } from '~/src/components/KeyValueListItem/KeyValueListItem.const'\n\nimport { type KeyItemProps } from './KeyItem.types'\n\nimport * as Styled from './KeyItem.styled'\n\nfunction KeyItem(\n {\n className,\n interpolation,\n keyIcon,\n testId = TEST_ID_MAP.KEY_ITEM,\n children,\n ...props\n }: KeyItemProps,\n forwardedRef: Ref<HTMLDivElement>,\n) {\n const KeyIcon = useMemo(() => {\n if (isBezierIcon(keyIcon)) {\n return (\n <Icon\n size={IconSize.S}\n source={keyIcon}\n color=\"txt-black-dark\"\n />\n )\n }\n\n return keyIcon\n }, [keyIcon])\n\n const KeyText = useMemo(() => {\n if (isString(children)) {\n return (\n <Styled.KeyText bold typo={Typography.Size12} truncated>\n { children }\n </Styled.KeyText>\n )\n }\n return children\n }, [children])\n\n return (\n <Styled.KeyContent\n data-testid={testId}\n {...props}\n ref={forwardedRef}\n interpolation={interpolation}\n >\n { KeyIcon }\n { KeyText }\n </Styled.KeyContent>\n )\n}\n\nexport default memo(forwardRef(KeyItem))\n"],"names":["KeyItem","_a","forwardedRef","className","interpolation","keyIcon","testId","TEST_ID_MAP","KEY_ITEM","children","props","__rest","KeyIcon","useMemo","isBezierIcon","React","createElement","Icon","size","IconSize","S","source","color","KeyText","isString","Styled","bold","typo","Typography","Size12","truncated","ref","memo","forwardRef"],"mappings":";;;;;;;;;;AAuBA,SAASA,OAAO,CACdC,EAOe,EACfC,YAAiC,EAAA;EARjC,IAAA;MACEC,SAAS;MACTC,aAAa;MACbC,OAAO;MACPC,MAAM,GAAGC,WAAW,CAACC,QAAQ;AAC7BC,MAAAA,QAAAA;AAAQ,KAAA,GAAAR,EAEK;AADVS,IAAAA,KAAK,GAAAC,MAAA,CAAAV,EAAA,EANV,+DAOC,CADS,CAAA;AAIV,EAAA,MAAMW,OAAO,GAAGC,OAAO,CAAC,MAAK;AAC3B,IAAA,IAAIC,CAAY,CAACT,OAAO,CAAC,EAAE;AACzB,MAAA,OACEU,UAAC,CAAAC,aAAA,CAAAC,IAAI;QACHC,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBC,QAAAA,MAAM,EAAEhB,OAAO;AACfiB,QAAAA,KAAK,EAAC,gBAAA;AAAgB,OAAA,CACtB,CAAA;AAEL,KAAA;AAED,IAAA,OAAOjB,OAAO,CAAA;AAChB,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAEb,EAAA,MAAMkB,SAAO,GAAGV,OAAO,CAAC,MAAK;AAC3B,IAAA,IAAIW,QAAQ,CAACf,QAAQ,CAAC,EAAE;AACtB,MAAA,OACEM,UAAC,CAAAC,aAAA,CAAAS,OAAc,EAAA;AAACC,QAAAA,IAAI,EAAC,IAAA;QAAAC,IAAI,EAAEC,UAAU,CAACC,MAAM;AAAEC,QAAAA,SAAS;SACnDrB,QAAQ,CACK,CAAA;AAEpB,KAAA;AACD,IAAA,OAAOA,QAAQ,CAAA;AACjB,GAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;EAEd,OACEM,UAAC,CAAAC,aAAA,CAAAS,UAAiB;mBACHnB,MAAAA;GAAM,EACfI,KAAK,EAAA;AACTqB,IAAAA,GAAG,EAAE7B,YAAY;AACjBE,IAAAA,aAAa,EAAEA,aAAAA;AAAa,GAAA,CAAA,EAE1BQ,OAAO,EACPW,SAAO,CACS,CAAA;AAExB,CAAA;AAEA,gBAAeS,IAAI,CAACC,UAAU,CAACjC,OAAO,CAAC,CAAC;;;;"}

package/build/src/components/ListItem/ListItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAA;~~AAoBd~~,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAA;~~AAsBjD~~,eAAO,MAAM,iBAAiB,gCAAgC,CAAA;AAM9D,KAAK,WAAW,GAAG,cAAc,GAAG,iBAAiB,CAAA;;~~AAmQrD~~,wBAAmC"}
1	+ {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAA;AAkBd,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAA;AAqBjD,eAAO,MAAM,iBAAiB,gCAAgC,CAAA;AAM9D,KAAK,WAAW,GAAG,cAAc,GAAG,iBAAiB,CAAA;;AAqPrD,wBAAmC"}

package/build/src/components/ListItem/ListItem.js CHANGED Viewed

@@ -7,12 +7,10 @@ import { isEmpty, isNil, isString } from '../../utils/typeUtils.js';
 import Text from '../Text/Text.js';
 import { ListItemSize, ListItemVariant } from './ListItem.types.js';
 import useAdjacentElementBorderRadius from './useAdjacentElementBorderRadius.js';
-import { LeftContentWrapper, StyledLegacyIcon, StyledIcon, TitleWrapper, Title, DescriptionWrapper, Description, RightContent, ContentWrapper, Wrapper } from './ListItem.styled.js';
+import { LeftContentWrapper, StyledIcon, TitleWrapper, Title, DescriptionWrapper, Description, RightContent, ContentWrapper, Wrapper } from './ListItem.styled.js';
 import v4 from '../../../node_modules/uuid/dist/esm-browser/v4.js';
 import { IconSize } from '../Icon/Icon.types.js';
-import { i as r } from '../../../packages/bezier-icons/dist/utils/index.mjs.js';
 import { Typography } from '../../foundation/Typography.js';
-import { isIconName } from '../LegacyIcon/utils.js';
 const LINE_BREAK_CHAR = '\n';
 const LIST_ITEM_TEST_ID = 'bezier-react-list-menu-item';
@@ -85,16 +83,7 @@ function ListItem(_a, forwardedRef) {
     if (!isNil(leftContent)) {
       return e__default.createElement(LeftContentWrapper, null, leftContent);
     }
-    if (isIconName(leftIcon)) {
-      return e__default.createElement(LeftContentWrapper, null, e__default.createElement(StyledLegacyIcon, {
-        className: iconClassName,
-        name: leftIcon,
-        size: IconSize.S,
-        active: isActive,
-        variant: variant
-      }));
-    }
-    if (r(leftIcon)) {
+    if (!isNil(leftIcon)) {
       return e__default.createElement(LeftContentWrapper, null, e__default.createElement(StyledIcon, {
         className: iconClassName,
         source: leftIcon,