@consta/uikit 5.0.2 → 5.0.3

package/__internal__/src/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["IconClear","IconEye","IconEyeClose","IconSelect","IconSelectOpen","React","forwardRef","useCallback","useEffect","TextAreaAutoSize","usePropsHandler","FieldCaption","FieldLabel","useFlag","useForkRef","useMutableRef","useSortSteps","cn","getByMap","isString","getIncrementFlag","getTypeForRender","getValueByStep","sizeMap","textFieldPropFormDefault","textFieldPropSizeDefault","textFieldPropViewDefault","COMPONENT_NAME","cnTextField","TextFieldRender","props","ref","textFieldRef","useRef","inputRef","className","type","value","defaultValue","onChange","id","name","rows","cols","minRows","maxRows","inputRefProp","maxLength","disabled","size","view","form","state","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSizeProp","iconSize","focused","onClick","onKeyDownProp","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","otherProps","focus","setFocus","passwordVisible","setPasswordVisuble","valueRef","onClickRef","onChangeRef","handleEyeClick","e","stopPropagation","toggle","current","LeftIcon","RightIcon","leftSideIsString","rightSideIsString","sortedSteps","handleChange","target","handleFocus","on","commonProps","handleBlur","off","toString","Eye","textareaProps","inputProps","Array","isArray","flag","preventDefault","newValue","handleClear","changeNumberValue","isIncrement","rootProps","selectionStart","length","withValue","position","TextField"],"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import './TextField.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { IconSelectOpen } from '@consta/icons/IconSelectOpen';\nimport React, { forwardRef, useCallback, useEffect } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { FieldCaption } from '##/components/FieldCaption/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel/FieldLabel';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps/useSortSteps';\nimport { cn } from '##/utils/bem';\nimport { getByMap } from '##/utils/getByMap';\nimport { isString } from '##/utils/type-guards';\n\nimport {\n  getIncrementFlag,\n  getTypeForRender,\n  getValueByStep,\n  sizeMap,\n} from './helpers';\nimport {\n  TextFieldComponent,\n  textFieldPropFormDefault,\n  TextFieldProps,\n  textFieldPropSizeDefault,\n  textFieldPropViewDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'TextField' as const;\nexport const cnTextField = cn(COMPONENT_NAME);\n\nexport const TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const textFieldRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\n  const {\n    className,\n    type = 'text',\n    value,\n    defaultValue,\n    onChange,\n    id,\n    name,\n    rows,\n    cols,\n    minRows,\n    maxRows,\n    inputRef: inputRefProp,\n    maxLength,\n    disabled,\n    size = textFieldPropSizeDefault,\n    view = textFieldPropViewDefault,\n    form = textFieldPropFormDefault,\n    state,\n    status,\n    onBlur,\n    onFocus,\n    autoFocus = false,\n    placeholder,\n    leftSide,\n    rightSide,\n    autoComplete,\n    withClearButton,\n    incrementButtons = true,\n    max,\n    min,\n    readOnly,\n    required,\n    step = 1,\n    tabIndex,\n    ariaLabel,\n    label,\n    labelIcon,\n    inputContainerRef,\n    labelPosition = 'top',\n    caption,\n    iconSize: iconSizeProp,\n    focused,\n    onClick,\n    // onkey props\n    onKeyDown: onKeyDownProp,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, textFieldRef);\n  const [focus, setFocus] = useFlag(autoFocus);\n  const [passwordVisible, setPasswordVisuble] = useFlag(false);\n\n  const valueRef = useMutableRef(value);\n  const onClickRef = useMutableRef(onClick);\n  const onChangeRef = useMutableRef(onChange);\n\n  const handleEyeClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      e.stopPropagation();\n      setPasswordVisuble.toggle();\n      inputRef.current?.focus();\n    },\n    [],\n  );\n\n  const textarea = type === 'textarea';\n  const LeftIcon = leftSide;\n  const RightIcon = rightSide;\n  const leftSideIsString = isString(leftSide);\n  const rightSideIsString = isString(rightSide);\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  const sortedSteps = useSortSteps({\n    step,\n    min: Number(min),\n    max: Number(max),\n  });\n\n  const handleChange: React.ChangeEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = useCallback(\n    (e) => {\n      !disabled &&\n        onChangeRef.current?.(e.target.value || null, {\n          e,\n          id,\n          name,\n        });\n    },\n    [id, name, disabled],\n  );\n\n  const handleBlur: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.off();\n    onBlur?.(e);\n  };\n\n  const handleFocus: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.on();\n    onFocus?.(e);\n  };\n\n  const commonProps = {\n    'className': cnTextField('Input'),\n    'value': value ?? undefined,\n    'defaultValue': defaultValue ?? undefined,\n    'onChange': handleChange,\n    maxLength,\n    disabled,\n    'onBlur': handleBlur,\n    'onFocus': handleFocus,\n    autoFocus,\n    placeholder,\n    autoComplete,\n    readOnly,\n    tabIndex,\n    name,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    'id': id ? id.toString() : undefined,\n    'aria-label': ariaLabel,\n  };\n\n  const Eye = passwordVisible ? IconEyeClose : IconEye;\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const flag = getIncrementFlag(e);\n    onKeyDownProp?.(e);\n    if (type === 'number' && typeof flag === 'boolean' && !disabled) {\n      e.preventDefault();\n      const newValue = getValueByStep(sortedSteps, value, flag, min, max);\n      onChangeRef.current?.(newValue, {\n        e,\n        id,\n        name,\n      });\n    }\n  };\n\n  const textareaProps = {\n    rows,\n    cols,\n    minRows: minRows || rows,\n    maxRows: maxRows || rows,\n    ref: useForkRef([inputRef, inputRefProp]) as (\n      node: HTMLTextAreaElement,\n    ) => void,\n  };\n\n  const inputProps = {\n    type: getTypeForRender(type, passwordVisible),\n    max,\n    min,\n    step: !Array.isArray(sortedSteps) ? sortedSteps : 0,\n    onKeyDown,\n    ref: useForkRef([\n      inputRef,\n      inputRefProp,\n    ]) as React.RefCallback<HTMLInputElement>,\n  };\n\n  const handleClear = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n    onChangeRef.current?.(null, {\n      e,\n      id,\n      name,\n    });\n  }, []);\n\n  const changeNumberValue = (\n    e: React.MouseEvent<HTMLButtonElement>,\n    isIncrement = true,\n  ) => {\n    const newValue = getValueByStep(sortedSteps, value, isIncrement, min, max);\n    onChangeRef.current?.(newValue, {\n      e,\n      id,\n      name,\n    });\n  };\n\n  const rootProps = {\n    onClick: useCallback((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      inputRef.current?.focus();\n      onClickRef.current?.(e);\n    }, []),\n  };\n\n  // при смене passwordVible, перемещаем курсор в конец строки\n  useEffect(() => {\n    if (type === 'password' && inputRef.current) {\n      inputRef.current.selectionStart = valueRef.current?.length || 0;\n    }\n  }, [passwordVisible]);\n\n  return (\n    <div\n      className={cnTextField({ labelPosition, size, view }, [className])}\n      ref={useForkRef([ref, textFieldRef])}\n      {...rootProps}\n      {...otherProps}\n    >\n      {label && (\n        <FieldLabel\n          as=\"label\"\n          htmlFor={id?.toString()}\n          icon={labelIcon}\n          required={required}\n          className={cnTextField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnTextField('Body')}>\n        <div\n          ref={inputContainerRef}\n          className={cnTextField('InputContainer', {\n            view,\n            form,\n            status: status || state,\n            disabled,\n            type,\n            focus: focus || focused,\n            withValue: !!value,\n          })}\n        >\n          {LeftIcon && (\n            <div\n              className={cnTextField('Side', {\n                position: 'left',\n                type: leftSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof leftSide === 'string' ? leftSide : undefined}\n            >\n              {leftSideIsString ? (\n                leftSide\n              ) : (\n                <LeftIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n          {textarea ? (\n            <TextAreaAutoSize {...commonProps} {...textareaProps} />\n          ) : (\n            <input {...commonProps} {...inputProps} />\n          )}\n\n          {type === 'number' && incrementButtons && (\n            <div className={cnTextField('Counter')}>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, true)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelectOpen size=\"xs\" />\n              </button>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, false)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n            </div>\n          )}\n\n          {!!value && withClearButton && type !== 'number' && (\n            <button\n              type=\"button\"\n              disabled={disabled}\n              tabIndex={-1}\n              onClick={handleClear}\n              className={cnTextField('ClearButton')}\n            >\n              <IconClear\n                size={sizeMap[size]}\n                className={cnTextField('ClearButtonIcon')}\n              />\n            </button>\n          )}\n\n          {type === 'password' && !!value && (\n            <button\n              className={cnTextField('ClearButton')}\n              type=\"button\"\n              onClick={handleEyeClick}\n            >\n              <Eye className={cnTextField('Icon')} size={iconSize} />\n            </button>\n          )}\n\n          {RightIcon && type !== 'number' && type !== 'password' && (\n            <div\n              className={cnTextField('Side', {\n                position: 'right',\n                type: rightSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof rightSide === 'string' ? rightSide : undefined}\n            >\n              {rightSideIsString ? (\n                rightSide\n              ) : (\n                <RightIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnTextField('Caption')}\n            status={status || state}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"TextField.js","names":["IconClear","IconEye","IconEyeClose","IconSelect","React","forwardRef","useCallback","useEffect","TextAreaAutoSize","usePropsHandler","FieldCaption","FieldLabel","useFlag","useForkRef","useMutableRef","useSortSteps","cn","getByMap","isString","getIncrementFlag","getTypeForRender","getValueByStep","inputValue","sizeMap","textFieldPropFormDefault","textFieldPropSizeDefault","textFieldPropViewDefault","COMPONENT_NAME","cnTextField","TextFieldRender","props","ref","textFieldRef","useRef","inputRef","className","type","value","defaultValue","onChange","id","name","rows","cols","minRows","maxRows","inputRefProp","maxLength","disabled","size","view","form","state","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSizeProp","iconSize","focused","onClick","onKeyDownProp","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","otherProps","focus","setFocus","passwordVisible","setPasswordVisuble","withValue","setWithValue","onClickRef","onChangeRef","handleEyeClick","e","stopPropagation","toggle","current","LeftIcon","RightIcon","leftSideIsString","rightSideIsString","sortedSteps","handleChange","target","on","off","handleFocus","commonProps","handleBlur","toString","Eye","textareaProps","inputProps","Array","isArray","flag","preventDefault","newValue","handleClear","changeNumberValue","isIncrement","rootProps","position","fn","TextField"],"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import './TextField.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useCallback, useEffect } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { FieldCaption } from '##/components/FieldCaption/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel/FieldLabel';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps/useSortSteps';\nimport { cn } from '##/utils/bem';\nimport { getByMap } from '##/utils/getByMap';\nimport { isString } from '##/utils/type-guards';\n\nimport {\n  getIncrementFlag,\n  getTypeForRender,\n  getValueByStep,\n  inputValue,\n  sizeMap,\n} from './helpers';\nimport {\n  TextFieldComponent,\n  textFieldPropFormDefault,\n  TextFieldProps,\n  textFieldPropSizeDefault,\n  textFieldPropViewDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'TextField' as const;\nexport const cnTextField = cn(COMPONENT_NAME);\n\nexport const TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const textFieldRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\n  const {\n    className,\n    type = 'text',\n    value,\n    defaultValue,\n    onChange,\n    id,\n    name,\n    rows,\n    cols,\n    minRows,\n    maxRows,\n    inputRef: inputRefProp,\n    maxLength,\n    disabled,\n    size = textFieldPropSizeDefault,\n    view = textFieldPropViewDefault,\n    form = textFieldPropFormDefault,\n    state,\n    status,\n    onBlur,\n    onFocus,\n    autoFocus = false,\n    placeholder,\n    leftSide,\n    rightSide,\n    autoComplete,\n    withClearButton,\n    incrementButtons: incrementButtonsProp = true,\n    max,\n    min,\n    readOnly,\n    required,\n    step = 1,\n    tabIndex,\n    ariaLabel,\n    label,\n    labelIcon,\n    inputContainerRef,\n    labelPosition = 'top',\n    caption,\n    iconSize: iconSizeProp,\n    focused,\n    onClick,\n    // onkey props\n    onKeyDown: onKeyDownProp,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, textFieldRef);\n\n  const incrementButtons = type === 'number' ? incrementButtonsProp : false;\n\n  const [focus, setFocus] = useFlag(autoFocus);\n  const [passwordVisible, setPasswordVisuble] = useFlag();\n  const [withValue, setWithValue] = useFlag();\n\n  const onClickRef = useMutableRef(onClick);\n  const onChangeRef = useMutableRef(onChange);\n\n  const handleEyeClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      e.stopPropagation();\n      setPasswordVisuble.toggle();\n      inputRef.current?.focus();\n    },\n    [],\n  );\n\n  const textarea = type === 'textarea';\n  const LeftIcon = leftSide;\n  const RightIcon = rightSide;\n  const leftSideIsString = isString(leftSide);\n  const rightSideIsString = isString(rightSide);\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  const sortedSteps = useSortSteps({\n    step,\n    min: Number(min),\n    max: Number(max),\n  });\n\n  const handleChange: React.ChangeEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = useCallback(\n    (e) => {\n      !disabled &&\n        onChangeRef.current?.(e.target.value || null, {\n          e,\n          id,\n          name,\n        });\n\n      if (e.target.value) {\n        setWithValue.on();\n      } else {\n        setWithValue.off();\n      }\n    },\n    [id, name, disabled],\n  );\n\n  const handleBlur: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.off();\n    onBlur?.(e);\n  };\n\n  const handleFocus: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.on();\n    onFocus?.(e);\n  };\n\n  const commonProps = {\n    'className': cnTextField('Input'),\n    'value': inputValue(value),\n    'defaultValue': inputValue(defaultValue),\n    'onChange': handleChange,\n    maxLength,\n    disabled,\n    'onBlur': handleBlur,\n    'onFocus': handleFocus,\n    autoFocus,\n    placeholder,\n    autoComplete,\n    readOnly,\n    tabIndex,\n    name,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    'id': id ? id.toString() : undefined,\n    'aria-label': ariaLabel,\n  };\n\n  const Eye = passwordVisible ? IconEyeClose : IconEye;\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const flag = getIncrementFlag(e);\n    onKeyDownProp?.(e);\n    if (type === 'number' && typeof flag === 'boolean' && !disabled) {\n      e.preventDefault();\n\n      const newValue = getValueByStep(\n        sortedSteps,\n        inputRef.current?.value,\n        flag,\n        min,\n        max,\n      );\n\n      onChangeRef.current?.(newValue, {\n        e,\n        id,\n        name,\n      });\n\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        setWithValue.on();\n      }\n    }\n  };\n\n  const textareaProps = {\n    rows,\n    cols,\n    minRows: minRows || rows,\n    maxRows: maxRows || rows,\n    ref: useForkRef([inputRef, inputRefProp]) as (\n      node: HTMLTextAreaElement,\n    ) => void,\n  };\n\n  const inputProps = {\n    type: getTypeForRender(type, passwordVisible),\n    max,\n    min,\n    step: !Array.isArray(sortedSteps) ? sortedSteps : 0,\n    onKeyDown,\n    ref: useForkRef([\n      inputRef,\n      inputRefProp,\n    ]) as React.RefCallback<HTMLInputElement>,\n  };\n\n  const handleClear = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n    onChangeRef.current?.(null, {\n      e,\n      id,\n      name,\n    });\n\n    if (inputRef.current) {\n      inputRef.current.value = '';\n      setWithValue.off();\n    }\n  }, []);\n\n  const changeNumberValue = (\n    e: React.MouseEvent<HTMLButtonElement>,\n    isIncrement = true,\n  ) => {\n    const newValue = getValueByStep(\n      sortedSteps,\n      inputRef.current?.value,\n      isIncrement,\n      min,\n      max,\n    );\n    onChangeRef.current?.(newValue, {\n      e,\n      id,\n      name,\n    });\n    if (inputRef.current) {\n      inputRef.current.value = newValue;\n      setWithValue.on();\n    }\n  };\n\n  const rootProps = {\n    onClick: useCallback((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      inputRef.current?.focus();\n      onClickRef.current?.(e);\n    }, []),\n  };\n\n  useEffect(() => {\n    if (inputRef.current && type !== 'number' && withClearButton) {\n      if (inputRef.current?.value) {\n        setWithValue.on();\n      } else {\n        setWithValue.off();\n      }\n    }\n  }, [inputRef.current, withClearButton, type]);\n\n  return (\n    <div\n      className={cnTextField({ labelPosition, size, view }, [className])}\n      ref={useForkRef([ref, textFieldRef])}\n      {...rootProps}\n      {...otherProps}\n    >\n      {label && (\n        <FieldLabel\n          as=\"label\"\n          htmlFor={id?.toString()}\n          icon={labelIcon}\n          required={required}\n          className={cnTextField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnTextField('Body')}>\n        <div\n          ref={inputContainerRef}\n          className={cnTextField('InputContainer', {\n            view,\n            form,\n            status: status || state,\n            disabled,\n            type,\n            focus: focus || focused,\n            withValue,\n            incrementButtons: type === 'number' && incrementButtons,\n          })}\n        >\n          {LeftIcon && (\n            <div\n              className={cnTextField('Side', {\n                position: 'left',\n                type: leftSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof leftSide === 'string' ? leftSide : undefined}\n            >\n              {leftSideIsString ? (\n                leftSide\n              ) : (\n                <LeftIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n          {textarea ? (\n            <TextAreaAutoSize {...commonProps} {...textareaProps} />\n          ) : (\n            <input {...commonProps} {...inputProps} />\n          )}\n\n          {type === 'number' && incrementButtons && !disabled && (\n            <div className={cnTextField('Counter')}>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, true)}\n                type=\"button\"\n                className={cnTextField('CounterButton', { fn: 'increment' })}\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, false)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n            </div>\n          )}\n\n          {!incrementButtons && withValue && withClearButton && !disabled && (\n            <button\n              type=\"button\"\n              disabled={disabled}\n              tabIndex={-1}\n              onClick={handleClear}\n              className={cnTextField('ClearButton')}\n            >\n              <IconClear\n                size={sizeMap[size]}\n                className={cnTextField('ClearButtonIcon')}\n              />\n            </button>\n          )}\n\n          {type === 'password' && inputRef.current?.value && (\n            <button\n              className={cnTextField('ClearButton')}\n              type=\"button\"\n              onClick={handleEyeClick}\n            >\n              <Eye className={cnTextField('Icon')} size={iconSize} />\n            </button>\n          )}\n\n          {RightIcon && !incrementButtons && type !== 'password' && (\n            <div\n              className={cnTextField('Side', {\n                position: 'right',\n                type: rightSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof rightSide === 'string' ? rightSide : undefined}\n            >\n              {rightSideIsString ? (\n                rightSide\n              ) : (\n                <RightIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnTextField('Caption')}\n            status={status || state}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/TextField/helpers.d.ts

@@ -1,9 +1,10 @@
 import { IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { TextFieldPropSize } from './types';
+import { TextFieldPropSize, TextFieldPropValue } from './types';
 export declare const sizeMap: Record<TextFieldPropSize, IconPropSize>;
 export declare const getValueByStepArray: (steps: number[], value: string | null | undefined, min: number | string | undefined, max: number | string | undefined, isIncrement: boolean) => number;
 export declare const getValueByStepNumber: (step: number | string, value: string | null | undefined, min: number | string | undefined, max: number | string | undefined, isIncrement: boolean) => number;
 export declare const getIncrementFlag: (event: React.KeyboardEvent) => boolean | null;
 export declare const getTypeForRender: (type: string, passwordVible: boolean) => string;
 export declare const getValueByStep: (steps: number | number[], value: string | null | undefined, isIncrement: boolean, min?: number | string, max?: number | string) => string;
+export declare const inputValue: (value?: TextFieldPropValue) => string | undefined;

package/__internal__/src/components/TextField/helpers.js

@@ -1,2 +1,2 @@
-export var sizeMap={xs:"xs",s:"s",m:"s",l:"m"};export var getValueByStepArray=function(a,b,c,d,e){var f=+(null!==b&&void 0!==b?b:c);if("string"!=typeof b)return"undefined"==typeof c?0:+c;if(f<a[0])return a[0];if(f>a[a.length-1])return a[a.length-1];if(!e&&f===a[0]||e&&f===a[a.length-1])return f;for(var g=0;g<a.length;g++)if(f===a[g]||a[g]<f&&a[g+1]>f)return a[g+(e?1:-1)];return 0};export var getValueByStepNumber=function(a,b,c,d,e){var f,g=+c,h=+d,i=("string"==typeof b?+b:0)+ +a*(e?1:-1);return!Number.isNaN(g)&&i<=g?g:!Number.isNaN(h)&&i>=h?h:+i.toFixed(+(null===(f=(+a).toString().split(".")[1])||void 0===f?void 0:f.length)||0)};export var getIncrementFlag=function(a){return"ArrowUp"!==(null===a||void 0===a?void 0:a.key)&&"ArrowDown"!==(null===a||void 0===a?void 0:a.key)?null:"ArrowUp"===(null===a||void 0===a?void 0:a.key)};export var getTypeForRender=function(a,b){return"password"===a?b?"text":"password":a};export var getValueByStep=function(a,b,c,d,e){return(Array.isArray(a)?getValueByStepArray(a,b,d,e,c):getValueByStepNumber(a,b,d,e,c)).toString()};
+export var sizeMap={xs:"xs",s:"s",m:"s",l:"m"};export var getValueByStepArray=function(a,b,c,d,e){var f=+(null!==b&&void 0!==b?b:c);if("string"!=typeof b)return"undefined"==typeof c?0:+c;if(f<a[0])return a[0];if(f>a[a.length-1])return a[a.length-1];if(!e&&f===a[0]||e&&f===a[a.length-1])return f;for(var g=0;g<a.length;g++)if(f===a[g]||a[g]<f&&a[g+1]>f)return a[g+(e?1:-1)];return 0};export var getValueByStepNumber=function(a,b,c,d,e){var f,g=+c,h=+d,i=("string"==typeof b?+b:0)+ +a*(e?1:-1);return!Number.isNaN(g)&&i<=g?g:!Number.isNaN(h)&&i>=h?h:+i.toFixed(+(null===(f=(+a).toString().split(".")[1])||void 0===f?void 0:f.length)||0)};export var getIncrementFlag=function(a){return"ArrowUp"!==(null===a||void 0===a?void 0:a.key)&&"ArrowDown"!==(null===a||void 0===a?void 0:a.key)?null:"ArrowUp"===(null===a||void 0===a?void 0:a.key)};export var getTypeForRender=function(a,b){return"password"===a?b?"text":"password":a};export var getValueByStep=function(a,b,c,d,e){return(Array.isArray(a)?getValueByStepArray(a,b,d,e,c):getValueByStepNumber(a,b,d,e,c)).toString()};export var inputValue=function(a){return null===a?"":a};
 //# sourceMappingURL=helpers.js.map

package/__internal__/src/components/TextField/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["sizeMap","xs","s","m","l","getValueByStepArray","steps","value","min","max","isIncrement","currentValue","length","i","getValueByStepNumber","step","minValue","maxValue","Number","isNaN","toFixed","toString","split","getIncrementFlag","event","key","getTypeForRender","type","passwordVible","getValueByStep","Array","isArray"],"sources":["../../../../../src/components/TextField/helpers.ts"],"sourcesContent":["import { IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { TextFieldPropSize } from './types';\n\nexport const sizeMap: Record<TextFieldPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 'm',\n};\n\nexport const getValueByStepArray = (\n  steps: number[],\n  value: string | null | undefined,\n  min: number | string | undefined,\n  max: number | string | undefined,\n  isIncrement: boolean,\n): number => {\n  const currentValue = Number(value ?? min);\n  const minValue = Number(min);\n  if (typeof value !== 'string') {\n    return typeof min !== 'undefined' ? minValue : 0;\n  }\n  if (currentValue < steps[0]) {\n    return steps[0];\n  }\n  if (currentValue > steps[steps.length - 1]) {\n    return steps[steps.length - 1];\n  }\n  if (\n    (!isIncrement && currentValue === steps[0]) ||\n    (isIncrement && currentValue === steps[steps.length - 1])\n  ) {\n    return currentValue;\n  }\n  for (let i = 0; i < steps.length; i++) {\n    if (\n      currentValue === steps[i] ||\n      (steps[i] < currentValue && steps[i + 1] > currentValue)\n    ) {\n      return steps[i + (isIncrement ? 1 : -1)];\n    }\n  }\n  return 0;\n};\n\nexport const getValueByStepNumber = (\n  step: number | string,\n  value: string | null | undefined,\n  min: number | string | undefined,\n  max: number | string | undefined,\n  isIncrement: boolean,\n): number => {\n  const minValue = Number(min);\n  const maxValue = Number(max);\n  const currentValue: number =\n    (typeof value === 'string' ? Number(value) : 0) +\n    Number(step) * (isIncrement ? 1 : -1);\n  if (!Number.isNaN(minValue) && currentValue <= minValue) {\n    return minValue;\n  }\n  if (!Number.isNaN(maxValue) && currentValue >= maxValue) {\n    return maxValue;\n  }\n  return Number(\n    currentValue.toFixed(\n      Number(\n        /* Необходимо для того, чтобы избежать ситуации, когда по нажатию\nна кнопку прибавляется число с погрешностью.\nЗдесь мы берем разрядность дробной части шага и ограничиваем\nрезультирующее число этой разрядностью */\n        Number(step).toString().split('.')[1]?.length,\n      ) || 0,\n    ),\n  );\n};\n\nexport const getIncrementFlag = (\n  event: React.KeyboardEvent,\n): boolean | null => {\n  if (event?.key !== 'ArrowUp' && event?.key !== 'ArrowDown') {\n    return null;\n  }\n  return event?.key === 'ArrowUp';\n};\n\nexport const getTypeForRender = (type: string, passwordVible: boolean) => {\n  if (type !== 'password') {\n    return type;\n  }\n  if (passwordVible) {\n    return 'text';\n  }\n  return 'password';\n};\n\nexport const getValueByStep = (\n  steps: number | number[],\n  value: string | null | undefined,\n  isIncrement: boolean,\n  min?: number | string,\n  max?: number | string,\n) => {\n  return (\n    Array.isArray(steps)\n      ? getValueByStepArray(steps, value, min, max, isIncrement)\n      : getValueByStepNumber(steps, value, min, max, isIncrement)\n  ).toString();\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["sizeMap","xs","s","m","l","getValueByStepArray","steps","value","min","max","isIncrement","currentValue","length","i","getValueByStepNumber","step","minValue","maxValue","Number","isNaN","toFixed","toString","split","getIncrementFlag","event","key","getTypeForRender","type","passwordVible","getValueByStep","Array","isArray","inputValue"],"sources":["../../../../../src/components/TextField/helpers.ts"],"sourcesContent":["import { IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { TextFieldPropSize, TextFieldPropValue } from './types';\n\nexport const sizeMap: Record<TextFieldPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 'm',\n};\n\nexport const getValueByStepArray = (\n  steps: number[],\n  value: string | null | undefined,\n  min: number | string | undefined,\n  max: number | string | undefined,\n  isIncrement: boolean,\n): number => {\n  const currentValue = Number(value ?? min);\n  const minValue = Number(min);\n  if (typeof value !== 'string') {\n    return typeof min !== 'undefined' ? minValue : 0;\n  }\n  if (currentValue < steps[0]) {\n    return steps[0];\n  }\n  if (currentValue > steps[steps.length - 1]) {\n    return steps[steps.length - 1];\n  }\n  if (\n    (!isIncrement && currentValue === steps[0]) ||\n    (isIncrement && currentValue === steps[steps.length - 1])\n  ) {\n    return currentValue;\n  }\n  for (let i = 0; i < steps.length; i++) {\n    if (\n      currentValue === steps[i] ||\n      (steps[i] < currentValue && steps[i + 1] > currentValue)\n    ) {\n      return steps[i + (isIncrement ? 1 : -1)];\n    }\n  }\n  return 0;\n};\n\nexport const getValueByStepNumber = (\n  step: number | string,\n  value: string | null | undefined,\n  min: number | string | undefined,\n  max: number | string | undefined,\n  isIncrement: boolean,\n): number => {\n  const minValue = Number(min);\n  const maxValue = Number(max);\n  const currentValue: number =\n    (typeof value === 'string' ? Number(value) : 0) +\n    Number(step) * (isIncrement ? 1 : -1);\n  if (!Number.isNaN(minValue) && currentValue <= minValue) {\n    return minValue;\n  }\n  if (!Number.isNaN(maxValue) && currentValue >= maxValue) {\n    return maxValue;\n  }\n  return Number(\n    currentValue.toFixed(\n      Number(\n        /* Необходимо для того, чтобы избежать ситуации, когда по нажатию\nна кнопку прибавляется число с погрешностью.\nЗдесь мы берем разрядность дробной части шага и ограничиваем\nрезультирующее число этой разрядностью */\n        Number(step).toString().split('.')[1]?.length,\n      ) || 0,\n    ),\n  );\n};\n\nexport const getIncrementFlag = (\n  event: React.KeyboardEvent,\n): boolean | null => {\n  if (event?.key !== 'ArrowUp' && event?.key !== 'ArrowDown') {\n    return null;\n  }\n  return event?.key === 'ArrowUp';\n};\n\nexport const getTypeForRender = (type: string, passwordVible: boolean) => {\n  if (type !== 'password') {\n    return type;\n  }\n  if (passwordVible) {\n    return 'text';\n  }\n  return 'password';\n};\n\nexport const getValueByStep = (\n  steps: number | number[],\n  value: string | null | undefined,\n  isIncrement: boolean,\n  min?: number | string,\n  max?: number | string,\n) => {\n  return (\n    Array.isArray(steps)\n      ? getValueByStepArray(steps, value, min, max, isIncrement)\n      : getValueByStepNumber(steps, value, min, max, isIncrement)\n  ).toString();\n};\n\nexport const inputValue = (value?: TextFieldPropValue) =>\n  value === null ? '' : value;\n"],"mappings":"AAKA,MAAO,IAAMA,QAAgD,CAAG,CAC9DC,EAAE,CAAE,IAD0D,CAE9DC,CAAC,CAAE,GAF2D,CAG9DC,CAAC,CAAE,GAH2D,CAI9DC,CAAC,CAAE,GAJ2D,CAAzD,CAOP,MAAO,IAAMC,oBAAmB,CAAG,SACjCC,CADiC,CAEjCC,CAFiC,CAGjCC,CAHiC,CAIjCC,CAJiC,CAKjCC,CALiC,CAMtB,IACLC,EAAY,UAAUJ,CAAV,WAAUA,CAAV,CAAUA,CAAV,CAAmBC,CAAnB,CADP,CAGX,GAAqB,QAAjB,QAAOD,EAAX,CACE,MAAsB,WAAf,QAAOC,EAAP,CAAwC,CAAxC,EAFeA,CAEtB,CAEF,GAAIG,CAAY,CAAGL,CAAK,CAAC,CAAD,CAAxB,CACE,MAAOA,EAAK,CAAC,CAAD,CAAZ,CAEF,GAAIK,CAAY,CAAGL,CAAK,CAACA,CAAK,CAACM,MAAN,CAAe,CAAhB,CAAxB,CACE,MAAON,EAAK,CAACA,CAAK,CAACM,MAAN,CAAe,CAAhB,CAAZ,CAEF,GACG,CAACF,CAAD,EAAgBC,CAAY,GAAKL,CAAK,CAAC,CAAD,CAAvC,EACCI,CAAW,EAAIC,CAAY,GAAKL,CAAK,CAACA,CAAK,CAACM,MAAN,CAAe,CAAhB,CAFxC,CAIE,MAAOD,EAAP,CAEF,IAAK,GAAIE,EAAC,CAAG,CAAb,CAAgBA,CAAC,CAAGP,CAAK,CAACM,MAA1B,CAAkCC,CAAC,EAAnC,CACE,GACEF,CAAY,GAAKL,CAAK,CAACO,CAAD,CAAtB,EACCP,CAAK,CAACO,CAAD,CAAL,CAAWF,CAAX,EAA2BL,CAAK,CAACO,CAAC,CAAG,CAAL,CAAL,CAAeF,CAF7C,CAIE,MAAOL,EAAK,CAACO,CAAC,EAAIH,CAAW,CAAG,CAAH,CAAO,CAAC,CAAvB,CAAF,CAAZ,CAGJ,MAAO,EACR,CAjCM,CAmCP,MAAO,IAAMI,qBAAoB,CAAG,SAClCC,CADkC,CAElCR,CAFkC,CAGlCC,CAHkC,CAIlCC,CAJkC,CAKlCC,CALkC,CAMvB,OACLM,CAAQ,EAAUR,CADb,CAELS,CAAQ,EAAUR,CAFb,CAGLE,CAAoB,CACxB,CAAkB,QAAjB,QAAOJ,EAAP,EAAmCA,CAAnC,CAA4C,CAA7C,EACA,EAAOQ,CAAP,EAAgBL,CAAW,CAAG,CAAH,CAAO,CAAC,CAAnC,CALS,OAMP,CAACQ,MAAM,CAACC,KAAP,CAAaH,CAAb,CAAD,EAA2BL,CAAY,EAAIK,CANpC,CAOFA,CAPE,CASP,CAACE,MAAM,CAACC,KAAP,CAAaF,CAAb,CAAD,EAA2BN,CAAY,EAAIM,CATpC,CAUFA,CAVE,EAaTN,CAAY,CAACS,OAAb,CACE,YAKE,EAAOL,CAAP,EAAaM,QAAb,GAAwBC,KAAxB,CAA8B,GAA9B,EAAmC,CAAnC,CALF,qBAKE,EAAuCV,MALzC,GAMK,CAPP,CAUH,CA7BM,CA+BP,MAAO,IAAMW,iBAAgB,CAAG,SAC9BC,CAD8B,CAEX,OACA,SAAf,WAAAA,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEC,GAAP,GAA2C,WAAf,WAAAD,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEC,GAAP,CADb,CAEV,IAFU,CAIG,SAAf,WAAAD,CAAK,WAALA,CAAA,QAAAA,CAAK,CAAEC,GAAP,CACR,CAPM,CASP,MAAO,IAAMC,iBAAgB,CAAG,SAACC,CAAD,CAAeC,CAAf,CAA0C,OAC3D,UAAT,GAAAD,CADoE,CAIpEC,CAJoE,CAK/D,MAL+D,CAOjE,UAPiE,CAE/DD,CAMV,CARM,CAUP,MAAO,IAAME,eAAc,CAAG,SAC5BvB,CAD4B,CAE5BC,CAF4B,CAG5BG,CAH4B,CAI5BF,CAJ4B,CAK5BC,CAL4B,CAMzB,CACH,MAAO,CACLqB,KAAK,CAACC,OAAN,CAAczB,CAAd,EACID,mBAAmB,CAACC,CAAD,CAAQC,CAAR,CAAeC,CAAf,CAAoBC,CAApB,CAAyBC,CAAzB,CADvB,CAEII,oBAAoB,CAACR,CAAD,CAAQC,CAAR,CAAeC,CAAf,CAAoBC,CAApB,CAAyBC,CAAzB,CAHnB,EAILW,QAJK,EAKR,CAZM,CAcP,MAAO,IAAMW,WAAU,CAAG,SAACzB,CAAD,QACd,KAAV,GAAAA,CAAK,CAAY,EAAZ,CAAiBA,CADE,CAAnB"}

package/__internal__/src/components/TextField/types.d.ts

@@ -40,11 +40,6 @@ declare type InputRef<TYPE> = TYPE extends 'textarea' ? {
 } : {
     inputRef?: React.Ref<HTMLInputElement>;
 };
-export declare type TextFieldPropRightSide<TYPE extends string> = TYPE extends 'number' | 'password' ? {
-    rightSide?: never;
-} : {
-    rightSide?: string | IconComponent;
-};
 export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<{
     className?: string;
     value?: TextFieldPropValue;
@@ -91,6 +86,6 @@ export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttribute
     onKeyUp?: React.KeyboardEventHandler;
     onKeyUpCapture?: React.KeyboardEventHandler;
     onKeyDown?: React.KeyboardEventHandler;
-}, HTMLDivElement> & InputRef<TYPE> & TextFieldPropsTextareaType<TYPE> & TextFieldPropRightSide<TYPE> & React.RefAttributes<HTMLDivElement>;
+}, HTMLDivElement> & InputRef<TYPE> & TextFieldPropsTextareaType<TYPE> & React.RefAttributes<HTMLDivElement>;
 export declare type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactElement | null;
 export {};

package/__internal__/src/components/TextField/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["textFieldPropSize","textFieldPropSizeDefault","textFieldPropView","textFieldPropViewDefault","textFieldPropForm","textFieldPropFormDefault","textFieldPropStatus"],"sources":["../../../../../src/components/TextField/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AutoCompete } from '../../utils/types/AutoComplete';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue = string | null;\nexport type TextFieldPropName = string;\nexport type TextFieldPropId = string | number;\n\nexport const textFieldPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type TextFieldPropSize = typeof textFieldPropSize[number];\nexport const textFieldPropSizeDefault: TextFieldPropSize = textFieldPropSize[0];\n\nexport type TextFieldPropOnChange = (\n  value: TextFieldPropValue,\n  params: TextFieldOnChangeArguments,\n) => void;\nexport type TextFieldOnChangeArguments = {\n  e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  id?: TextFieldPropId;\n  name?: TextFieldPropName;\n};\n\nexport const textFieldPropView = ['default', 'clear'] as const;\nexport type TextFieldPropView = typeof textFieldPropView[number];\nexport const textFieldPropViewDefault: TextFieldPropView = textFieldPropView[0];\n\nexport const textFieldPropForm = [\n  'default',\n  'defaultClear',\n  'defaultBrick',\n  'brick',\n  'brickDefault',\n  'brickClear',\n  'brickRound',\n  'round',\n  'roundClear',\n  'roundBrick',\n  'clearRound',\n  'clearDefault',\n  'clearBrick',\n  'clearClear',\n] as const;\nexport type TextFieldPropForm = typeof textFieldPropForm[number];\nexport const textFieldPropFormDefault: TextFieldPropForm = textFieldPropForm[0];\n\nexport const textFieldPropStatus = ['alert', 'success', 'warning'] as const;\nexport type TextFieldPropStatus = typeof textFieldPropStatus[number];\n\nexport type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea'\n  ?\n      | {\n          minRows?: never;\n          maxRows?: never;\n          rows?: number;\n        }\n      | {\n          rows?: never;\n          minRows?: number;\n          maxRows?: number;\n        }\n  : {\n      rows?: never;\n      minRows?: never;\n      maxRows?: never;\n    };\n\ntype InputRef<TYPE> = TYPE extends 'textarea'\n  ? { inputRef?: React.Ref<HTMLTextAreaElement> }\n  : { inputRef?: React.Ref<HTMLInputElement> };\n\nexport type TextFieldPropRightSide<TYPE extends string> = TYPE extends\n  | 'number'\n  | 'password'\n  ? {\n      rightSide?: never;\n    }\n  : {\n      rightSide?: string | IconComponent;\n    };\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: TextFieldPropValue;\n    defaultValue?: TextFieldPropValue;\n    cols?: number;\n    onChange?: TextFieldPropOnChange;\n    id?: TextFieldPropId;\n    name?: TextFieldPropName;\n    type?: TYPE;\n    disabled?: boolean;\n    maxLength?: number;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    state?: TextFieldPropStatus;\n    status?: TextFieldPropStatus;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    incrementButtons?: boolean;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    withClearButton?: boolean;\n    autoComplete?: AutoCompete;\n    max?: number | string;\n    min?: number | string;\n    readOnly?: boolean;\n    required?: boolean;\n    step?: number | string | number[];\n    tabIndex?: number;\n    inputContainerRef?: React.Ref<HTMLDivElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    label?: string;\n    labelIcon?: IconComponent;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    focused?: boolean;\n    onKeyDownCapture?: React.KeyboardEventHandler;\n    onKeyPress?: React.KeyboardEventHandler;\n    onKeyPressCapture?: React.KeyboardEventHandler;\n    onKeyUp?: React.KeyboardEventHandler;\n    onKeyUpCapture?: React.KeyboardEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  },\n  HTMLDivElement\n> &\n  InputRef<TYPE> &\n  TextFieldPropsTextareaType<TYPE> &\n  TextFieldPropRightSide<TYPE> &\n  React.RefAttributes<HTMLDivElement>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n) => React.ReactElement | null;\n"],"mappings":"AAUA,MAAO,IAAMA,kBAAiB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAYP,MAAO,IAAME,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,SAD+B,CAE/B,cAF+B,CAG/B,cAH+B,CAI/B,OAJ+B,CAK/B,cAL+B,CAM/B,YAN+B,CAO/B,YAP+B,CAQ/B,OAR+B,CAS/B,YAT+B,CAU/B,YAV+B,CAW/B,YAX+B,CAY/B,cAZ+B,CAa/B,YAb+B,CAc/B,YAd+B,CAA1B,CAiBP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA5B"}
+{"version":3,"file":"types.js","names":["textFieldPropSize","textFieldPropSizeDefault","textFieldPropView","textFieldPropViewDefault","textFieldPropForm","textFieldPropFormDefault","textFieldPropStatus"],"sources":["../../../../../src/components/TextField/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AutoCompete } from '../../utils/types/AutoComplete';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue = string | null;\nexport type TextFieldPropName = string;\nexport type TextFieldPropId = string | number;\n\nexport const textFieldPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type TextFieldPropSize = typeof textFieldPropSize[number];\nexport const textFieldPropSizeDefault: TextFieldPropSize = textFieldPropSize[0];\n\nexport type TextFieldPropOnChange = (\n  value: TextFieldPropValue,\n  params: TextFieldOnChangeArguments,\n) => void;\nexport type TextFieldOnChangeArguments = {\n  e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  id?: TextFieldPropId;\n  name?: TextFieldPropName;\n};\n\nexport const textFieldPropView = ['default', 'clear'] as const;\nexport type TextFieldPropView = typeof textFieldPropView[number];\nexport const textFieldPropViewDefault: TextFieldPropView = textFieldPropView[0];\n\nexport const textFieldPropForm = [\n  'default',\n  'defaultClear',\n  'defaultBrick',\n  'brick',\n  'brickDefault',\n  'brickClear',\n  'brickRound',\n  'round',\n  'roundClear',\n  'roundBrick',\n  'clearRound',\n  'clearDefault',\n  'clearBrick',\n  'clearClear',\n] as const;\nexport type TextFieldPropForm = typeof textFieldPropForm[number];\nexport const textFieldPropFormDefault: TextFieldPropForm = textFieldPropForm[0];\n\nexport const textFieldPropStatus = ['alert', 'success', 'warning'] as const;\nexport type TextFieldPropStatus = typeof textFieldPropStatus[number];\n\nexport type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea'\n  ?\n      | {\n          minRows?: never;\n          maxRows?: never;\n          rows?: number;\n        }\n      | {\n          rows?: never;\n          minRows?: number;\n          maxRows?: number;\n        }\n  : {\n      rows?: never;\n      minRows?: never;\n      maxRows?: never;\n    };\n\ntype InputRef<TYPE> = TYPE extends 'textarea'\n  ? { inputRef?: React.Ref<HTMLTextAreaElement> }\n  : { inputRef?: React.Ref<HTMLInputElement> };\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: TextFieldPropValue;\n    defaultValue?: TextFieldPropValue;\n    cols?: number;\n    onChange?: TextFieldPropOnChange;\n    id?: TextFieldPropId;\n    name?: TextFieldPropName;\n    type?: TYPE;\n    disabled?: boolean;\n    maxLength?: number;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    state?: TextFieldPropStatus;\n    status?: TextFieldPropStatus;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    incrementButtons?: boolean;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    withClearButton?: boolean;\n    autoComplete?: AutoCompete;\n    max?: number | string;\n    min?: number | string;\n    readOnly?: boolean;\n    required?: boolean;\n    step?: number | string | number[];\n    tabIndex?: number;\n    inputContainerRef?: React.Ref<HTMLDivElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    label?: string;\n    labelIcon?: IconComponent;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    focused?: boolean;\n    onKeyDownCapture?: React.KeyboardEventHandler;\n    onKeyPress?: React.KeyboardEventHandler;\n    onKeyPressCapture?: React.KeyboardEventHandler;\n    onKeyUp?: React.KeyboardEventHandler;\n    onKeyUpCapture?: React.KeyboardEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  },\n  HTMLDivElement\n> &\n  InputRef<TYPE> &\n  TextFieldPropsTextareaType<TYPE> &\n  React.RefAttributes<HTMLDivElement>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n) => React.ReactElement | null;\n"],"mappings":"AAUA,MAAO,IAAMA,kBAAiB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAYP,MAAO,IAAME,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,SAD+B,CAE/B,cAF+B,CAG/B,cAH+B,CAI/B,OAJ+B,CAK/B,cAL+B,CAM/B,YAN+B,CAO/B,YAP+B,CAQ/B,OAR+B,CAS/B,YAT+B,CAU/B,YAV+B,CAW/B,YAX+B,CAY/B,cAZ+B,CAa/B,YAb+B,CAc/B,YAd+B,CAA1B,CAiBP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA5B"}

package/__internal__/src/uiKit/components/ColorPreview/ColorPreview.css

@@ -1 +1 @@
-.UiKit--ColorPreview-Circle{border-radius:50%;box-shadow:var(--shadow-group);height:60px;overflow:hidden;position:relative;width:60px;z-index:0}.UiKit--ColorPreview-Circle:before{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.UiKit--ColorPreview-Circle:after{background-image:linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 0,transparent 75%,rgba(0,0,0,.5) 0,rgba(0,0,0,.5)),linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 0,transparent 75%,rgba(0,0,0,.5) 0,rgba(0,0,0,.5));background-position:0 0,5px 5px;background-size:10px 10px;border-radius:0 99em 99em 0;content:"";height:100%;left:50%;position:absolute;top:0;transform:rotate(45deg);transform-origin:left center;width:50%;z-index:-1}.UiKit--ColorPreview-ColorCode{align-items:center;border-radius:var(--control-radius);cursor:pointer;display:flex;width:-moz-fit-content;width:fit-content}.UiKit--ColorPreview-ColorCode>.Icon{color:var(--color-typo-secondary);margin-right:var(--space-xs)}.UiKit--ColorPreview-ColorCode:hover{background-color:var(--color-bg-stripe);color:var(--color-typo-primary)}
+.UiKit--ColorPreview-Circle{border-radius:50%;box-shadow:var(--shadow-group);flex:none;height:60px;overflow:hidden;position:relative;width:60px;z-index:0}.UiKit--ColorPreview-Circle:before{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.UiKit--ColorPreview-Circle:after{background-image:linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 0,transparent 75%,rgba(0,0,0,.5) 0,rgba(0,0,0,.5)),linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 0,transparent 75%,rgba(0,0,0,.5) 0,rgba(0,0,0,.5));background-position:0 0,5px 5px;background-size:10px 10px;border-radius:0 99em 99em 0;content:"";height:100%;left:50%;position:absolute;top:0;transform:rotate(45deg);transform-origin:left center;width:50%;z-index:-1}.UiKit--ColorPreview-ColorCode{border-radius:var(--control-radius);cursor:pointer;width:-moz-fit-content;width:fit-content}.UiKit--ColorPreview-ColorCode>.Icon{color:var(--color-typo-secondary);margin-right:var(--space-xs)}.UiKit--ColorPreview-ColorCode:hover{background-color:var(--color-bg-stripe);color:var(--color-typo-primary)}

package/__internal__/src/uiKit/components/ColorPreview/ColorPreview.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["color","value","clickHandler","opacity","description","className","rgba"];import"./ColorPreview.css";import{IconCopy}from"@consta/icons/IconCopy";import React from"react";import{Text}from"../../../components/Text/Text";import{cn}from"../../cn";import*as wp from"../../whitepaper/whitepaper";var cnColorPreview=cn("ColorPreview");export var ColorPreview=function(a){var b=a.color,c=a.value,d=a.clickHandler,e=a.opacity,f=a.description,g=a.className,h=a.rgba,i=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},i,{className:cnColorPreview("",[wp.ptIconPlus(),g])}),React.createElement("div",{className:cnColorPreview("Circle",[wp.ptIconPlus("icon",{"vertical-align":"top","indent-r":"m"}),wp.decorator({"indent-b":"l"})]),style:h?{color:"rgba(var(".concat(b,"), 0.5)")}:{color:"var(".concat(b,")")}}),React.createElement("div",{className:wp.ptIconPlus("block")},React.createElement(Text,{as:"h3",size:"m",font:"mono",view:"primary",lineHeight:"m",className:cnColorPreview("Name",[wp.decorator({"indent-b":"2xs","indent-l":"2xs"})])},b),React.createElement("div",{className:cnColorPreview("ColorCode",[wp.decorator({"indent-t":"none","space-h":"2xs"})]),onClick:function onClick(){navigator.clipboard.writeText(c),d()}},React.createElement(IconCopy,{size:"xs"}),React.createElement(Text,{size:"s",font:"mono",view:"primary",lineHeight:"m"},c)),React.createElement(Text,{as:"p",size:"s",view:"primary",lineHeight:"m",className:cnColorPreview("Description",[wp.decorator({"indent-t":"none","indent-l":"2xs"})])},f)))};export default ColorPreview;
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["color","value","clickHandler","opacity","description","className","rgba"];import"./ColorPreview.css";import{classnames}from"@bem-react/classnames";import{IconCopy}from"@consta/icons/IconCopy";import React from"react";import{Text}from"../../../components/Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../cn";var cnColorPreview=cn("ColorPreview");export var ColorPreview=function(a){var b=a.color,c=a.value,d=a.clickHandler,e=a.opacity,f=a.description,g=a.className,h=a.rgba,i=_objectWithoutProperties(a,_excluded),j=(null===c||void 0===c?void 0:c.replace(/\s/g,""))||"";return React.createElement("div",Object.assign({},i,{className:classnames(cnMixFlex({gap:"m"}),g)}),React.createElement("div",{className:cnColorPreview("Circle"),style:h?{color:"rgba(var(".concat(b,"), 0.5)")}:{color:"var(".concat(b,")")}}),React.createElement("div",null,React.createElement(Text,{as:"h3",size:"m",font:"mono",view:"primary",lineHeight:"m",className:cnColorPreview("Name",[cnMixSpace({mB:"2xs"})])},b),React.createElement("div",{className:cnColorPreview("ColorCode",[cnMixFlex({gap:"2xs",align:"center"}),cnMixSpace({mB:"2xs"})]),onClick:function onClick(){navigator.clipboard.writeText(j),d()}},React.createElement(IconCopy,{size:"xs"}),React.createElement(Text,{size:"s",font:"mono",view:"primary",lineHeight:"m"},j)),React.createElement(Text,{as:"p",size:"s",view:"primary",lineHeight:"m",className:cnColorPreview("Description")},f)))};export default ColorPreview;
 //# sourceMappingURL=ColorPreview.js.map

package/__internal__/src/uiKit/components/ColorPreview/ColorPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPreview.js","names":["IconCopy","React","Text","cn","wp","cnColorPreview","ColorPreview","color","value","clickHandler","opacity","description","className","rgba","restProps","ptIconPlus","decorator","navigator","clipboard","writeText"],"sources":["../../../../../../src/uiKit/components/ColorPreview/ColorPreview.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport './ColorPreview.css';\n\nimport { IconCopy } from '@consta/icons/IconCopy';\nimport React from 'react';\n\nimport { Text } from '../../../components/Text/Text';\nimport { cn } from '../../cn';\nimport * as wp from '../../whitepaper/whitepaper';\n\nconst cnColorPreview = cn('ColorPreview');\n\ntype Props = {\n  color: string;\n  value: string;\n  clickHandler: () => void;\n  opacity?: boolean;\n  description?: string;\n  rgba?: boolean;\n  className?: string;\n  children?: never;\n};\n\nexport const ColorPreview: React.FC<Props> = ({\n  color,\n  value,\n  clickHandler,\n  opacity,\n  description,\n  className,\n  rgba,\n  ...restProps\n}) => {\n  return (\n    <div\n      {...restProps}\n      className={cnColorPreview('', [wp.ptIconPlus(), className])}\n    >\n      <div\n        className={cnColorPreview('Circle', [\n          wp.ptIconPlus('icon', { 'vertical-align': 'top', 'indent-r': 'm' }),\n          wp.decorator({ 'indent-b': 'l' }),\n        ])}\n        style={\n          !rgba\n            ? { color: `var(${color})` }\n            : { color: `rgba(var(${color}), 0.5)` }\n        }\n      />\n      <div className={wp.ptIconPlus('block')}>\n        <Text\n          as=\"h3\"\n          size=\"m\"\n          font=\"mono\"\n          view=\"primary\"\n          lineHeight=\"m\"\n          className={cnColorPreview('Name', [\n            wp.decorator({ 'indent-b': '2xs', 'indent-l': '2xs' }),\n          ])}\n        >\n          {color}\n        </Text>\n        <div\n          className={cnColorPreview('ColorCode', [\n            wp.decorator({ 'indent-t': 'none', 'space-h': '2xs' }),\n          ])}\n          onClick={() => {\n            navigator.clipboard.writeText(value);\n            clickHandler();\n          }}\n        >\n          <IconCopy size=\"xs\" />\n          <Text size=\"s\" font=\"mono\" view=\"primary\" lineHeight=\"m\">\n            {value}\n          </Text>\n        </div>\n        <Text\n          as=\"p\"\n          size=\"s\"\n          view=\"primary\"\n          lineHeight=\"m\"\n          className={cnColorPreview('Description', [\n            wp.decorator({ 'indent-t': 'none', 'indent-l': '2xs' }),\n          ])}\n        >\n          {description}\n        </Text>\n      </div>\n    </div>\n  );\n};\n\nexport default ColorPreview;\n"],"mappings":"+KAEA,2BAEA,OAASA,QAAT,KAAyB,wBAAzB,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,qCACA,OAASC,EAAT,gBACA,MAAO,GAAKC,GAAZ,mCAEA,GAAMC,eAAc,CAAGF,EAAE,CAAC,cAAD,CAAzB,CAaA,MAAO,IAAMG,aAA6B,CAAG,WASvC,IARJC,EAQI,GARJA,KAQI,CAPJC,CAOI,GAPJA,KAOI,CANJC,CAMI,GANJA,YAMI,CALJC,CAKI,GALJA,OAKI,CAJJC,CAII,GAJJA,WAII,CAHJC,CAGI,GAHJA,SAGI,CAFJC,CAEI,GAFJA,IAEI,CADDC,CACC,uCACJ,MACE,4CACMA,CADN,EAEE,SAAS,CAAET,cAAc,CAAC,EAAD,CAAK,CAACD,EAAE,CAACW,UAAH,EAAD,CAAkBH,CAAlB,CAAL,CAF3B,GAIE,2BACE,SAAS,CAAEP,cAAc,CAAC,QAAD,CAAW,CAClCD,EAAE,CAACW,UAAH,CAAc,MAAd,CAAsB,CAAE,iBAAkB,KAApB,CAA2B,WAAY,GAAvC,CAAtB,CADkC,CAElCX,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,GAAd,CAAb,CAFkC,CAAX,CAD3B,CAKE,KAAK,CACFH,CAAD,CAEI,CAAEN,KAAK,oBAAcA,CAAd,WAAP,CAFJ,CACI,CAAEA,KAAK,eAASA,CAAT,KAAP,CAPR,EAJF,CAeE,2BAAK,SAAS,CAAEH,EAAE,CAACW,UAAH,CAAc,OAAd,CAAhB,EACE,oBAAC,IAAD,EACE,EAAE,CAAC,IADL,CAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,MAHP,CAIE,IAAI,CAAC,SAJP,CAKE,UAAU,CAAC,GALb,CAME,SAAS,CAAEV,cAAc,CAAC,MAAD,CAAS,CAChCD,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,KAAd,CAAqB,WAAY,KAAjC,CAAb,CADgC,CAAT,CAN3B,EAUGT,CAVH,CADF,CAaE,2BACE,SAAS,CAAEF,cAAc,CAAC,WAAD,CAAc,CACrCD,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,MAAd,CAAsB,UAAW,KAAjC,CAAb,CADqC,CAAd,CAD3B,CAIE,OAAO,CAAE,kBAAM,CACbC,SAAS,CAACC,SAAV,CAAoBC,SAApB,CAA8BX,CAA9B,CADa,CAEbC,CAAY,EACb,CAPH,EASE,oBAAC,QAAD,EAAU,IAAI,CAAC,IAAf,EATF,CAUE,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,IAAI,CAAC,MAApB,CAA2B,IAAI,CAAC,SAAhC,CAA0C,UAAU,CAAC,GAArD,EACGD,CADH,CAVF,CAbF,CA2BE,oBAAC,IAAD,EACE,EAAE,CAAC,GADL,CAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,SAHP,CAIE,UAAU,CAAC,GAJb,CAKE,SAAS,CAAEH,cAAc,CAAC,aAAD,CAAgB,CACvCD,EAAE,CAACY,SAAH,CAAa,CAAE,WAAY,MAAd,CAAsB,WAAY,KAAlC,CAAb,CADuC,CAAhB,CAL3B,EASGL,CATH,CA3BF,CAfF,CAwDH,CAnEM,CAqEP,cAAeL,aAAf"}
+{"version":3,"file":"ColorPreview.js","names":["classnames","IconCopy","React","Text","cnMixFlex","cnMixSpace","cn","cnColorPreview","ColorPreview","color","valueProp","value","clickHandler","opacity","description","className","rgba","restProps","replace","gap","mB","align","navigator","clipboard","writeText"],"sources":["../../../../../../src/uiKit/components/ColorPreview/ColorPreview.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport './ColorPreview.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconCopy } from '@consta/icons/IconCopy';\nimport React from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../cn';\n\nconst cnColorPreview = cn('ColorPreview');\n\ntype Props = {\n  color: string;\n  value: string;\n  clickHandler: () => void;\n  opacity?: boolean;\n  description?: string;\n  rgba?: boolean;\n  className?: string;\n  children?: never;\n};\n\nexport const ColorPreview: React.FC<Props> = ({\n  color,\n  value: valueProp,\n  clickHandler,\n  opacity,\n  description,\n  className,\n  rgba,\n  ...restProps\n}) => {\n  const value = valueProp?.replace(/\\s/g, '') || '';\n\n  return (\n    <div\n      {...restProps}\n      className={classnames(cnMixFlex({ gap: 'm' }), className)}\n    >\n      <div\n        className={cnColorPreview('Circle')}\n        style={\n          !rgba\n            ? { color: `var(${color})` }\n            : { color: `rgba(var(${color}), 0.5)` }\n        }\n      />\n      <div>\n        <Text\n          as=\"h3\"\n          size=\"m\"\n          font=\"mono\"\n          view=\"primary\"\n          lineHeight=\"m\"\n          className={cnColorPreview('Name', [cnMixSpace({ mB: '2xs' })])}\n        >\n          {color}\n        </Text>\n        <div\n          className={cnColorPreview('ColorCode', [\n            cnMixFlex({ gap: '2xs', align: 'center' }),\n            cnMixSpace({ mB: '2xs' }),\n          ])}\n          onClick={() => {\n            navigator.clipboard.writeText(value);\n            clickHandler();\n          }}\n        >\n          <IconCopy size=\"xs\" />\n          <Text size=\"s\" font=\"mono\" view=\"primary\" lineHeight=\"m\">\n            {value}\n          </Text>\n        </div>\n        <Text\n          as=\"p\"\n          size=\"s\"\n          view=\"primary\"\n          lineHeight=\"m\"\n          className={cnColorPreview('Description')}\n        >\n          {description}\n        </Text>\n      </div>\n    </div>\n  );\n};\n\nexport default ColorPreview;\n"],"mappings":"+KAEA,2BAEA,OAASA,UAAT,KAA2B,uBAA3B,CACA,OAASC,QAAT,KAAyB,wBAAzB,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,gCACA,OAASC,SAAT,6BACA,OAASC,UAAT,8BAEA,OAASC,EAAT,gBAEA,GAAMC,eAAc,CAAGD,EAAE,CAAC,cAAD,CAAzB,CAaA,MAAO,IAAME,aAA6B,CAAG,WASvC,IARJC,EAQI,GARJA,KAQI,CAPGC,CAOH,GAPJC,KAOI,CANJC,CAMI,GANJA,YAMI,CALJC,CAKI,GALJA,OAKI,CAJJC,CAII,GAJJA,WAII,CAHJC,CAGI,GAHJA,SAGI,CAFJC,CAEI,GAFJA,IAEI,CADDC,CACC,uCACEN,CAAK,CAAG,QAAAD,CAAS,WAATA,CAAA,QAAAA,CAAS,CAAEQ,OAAX,CAAmB,KAAnB,CAA0B,EAA1B,IAAiC,EAD3C,CAGJ,MACE,4CACMD,CADN,EAEE,SAAS,CAAEjB,UAAU,CAACI,SAAS,CAAC,CAAEe,GAAG,CAAE,GAAP,CAAD,CAAV,CAA0BJ,CAA1B,CAFvB,GAIE,2BACE,SAAS,CAAER,cAAc,CAAC,QAAD,CAD3B,CAEE,KAAK,CACFS,CAAD,CAEI,CAAEP,KAAK,oBAAcA,CAAd,WAAP,CAFJ,CACI,CAAEA,KAAK,eAASA,CAAT,KAAP,CAJR,EAJF,CAYE,+BACE,oBAAC,IAAD,EACE,EAAE,CAAC,IADL,CAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,MAHP,CAIE,IAAI,CAAC,SAJP,CAKE,UAAU,CAAC,GALb,CAME,SAAS,CAAEF,cAAc,CAAC,MAAD,CAAS,CAACF,UAAU,CAAC,CAAEe,EAAE,CAAE,KAAN,CAAD,CAAX,CAAT,CAN3B,EAQGX,CARH,CADF,CAWE,2BACE,SAAS,CAAEF,cAAc,CAAC,WAAD,CAAc,CACrCH,SAAS,CAAC,CAAEe,GAAG,CAAE,KAAP,CAAcE,KAAK,CAAE,QAArB,CAAD,CAD4B,CAErChB,UAAU,CAAC,CAAEe,EAAE,CAAE,KAAN,CAAD,CAF2B,CAAd,CAD3B,CAKE,OAAO,CAAE,kBAAM,CACbE,SAAS,CAACC,SAAV,CAAoBC,SAApB,CAA8Bb,CAA9B,CADa,CAEbC,CAAY,EACb,CARH,EAUE,oBAAC,QAAD,EAAU,IAAI,CAAC,IAAf,EAVF,CAWE,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,IAAI,CAAC,MAApB,CAA2B,IAAI,CAAC,SAAhC,CAA0C,UAAU,CAAC,GAArD,EACGD,CADH,CAXF,CAXF,CA0BE,oBAAC,IAAD,EACE,EAAE,CAAC,GADL,CAEE,IAAI,CAAC,GAFP,CAGE,IAAI,CAAC,SAHP,CAIE,UAAU,CAAC,GAJb,CAKE,SAAS,CAAEJ,cAAc,CAAC,aAAD,CAL3B,EAOGO,CAPH,CA1BF,CAZF,CAkDH,CA/DM,CAiEP,cAAeN,aAAf"}

package/__internal__/src/uiKit/components/ThemePreview/ThemePreview.css

@@ -1 +1 @@
-.UiKit--ThemePreview-Snackbar{bottom:0;position:fixed;right:var(--space-m);z-index:9999}
+.UiKit--ThemePreview-Snackbar{bottom:var(--space-m);position:fixed;right:var(--space-m);z-index:9999}

package/__internal__/src/uiKit/components/ThemePreview/ThemePreview.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./ThemePreview.css";import React,{useReducer}from"react";import{useStyleProps}from"../../../hooks/useStyleProps";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{SnackBar}from"../../../components/SnackBar/SnackBar";import{Text}from"../../../components/Text/Text";import{cn}from"../../cn";import*as wp from"../../whitepaper/whitepaper";import{ColorPreview}from"../ColorPreview/ColorPreview";import{bgColors,clearControls,defaultControls,disableControls,ghostControls,primaryControls,scrollbarColors,secondaryControls,typoColors}from"./helpers";var cnThemePreview=cn("ThemePreview"),cssColorVars=["--color-bg-default","--color-bg-secondary","--color-bg-brand","--color-bg-link","--color-bg-border","--color-bg-stripe","--color-bg-ghost","--color-bg-tone","--color-bg-soft","--color-bg-system","--color-bg-normal","--color-bg-success","--color-bg-caution","--color-bg-warning","--color-bg-alert","--color-bg-critical","--color-typo-primary","--color-typo-secondary","--color-typo-ghost","--color-typo-brand","--color-typo-system","--color-typo-normal","--color-typo-success","--color-typo-caution","--color-typo-warning","--color-typo-alert","--color-typo-critical","--color-typo-link","--color-typo-link-minor","--color-typo-link-hover","--color-scroll-bg","--color-scroll-thumb","--color-scroll-thumb-hover","--color-control-bg-default","--color-control-typo-default","--color-control-typo-placeholder","--color-control-bg-border-default","--color-control-bg-border-default-hover","--color-control-bg-border-focus","--color-control-bg-focus","--color-control-bg-active","--color-control-bg-primary","--color-control-bg-primary-hover","--color-control-typo-primary","--color-control-typo-primary-hover","--color-control-bg-secondary","--color-control-bg-border-secondary","--color-control-bg-border-secondary-hover","--color-control-typo-secondary","--color-control-typo-secondary-hover","--color-control-bg-ghost","--color-control-bg-ghost-hover","--color-control-typo-ghost","--color-control-typo-ghost-hover","--color-control-bg-clear","--color-control-bg-clear-hover","--color-control-typo-clear","--color-control-typo-clear-hover","--color-control-bg-disable","--color-control-bg-border-disable","--color-control-typo-disable"];function reducer(a,b){switch(b.type){case"add":return[].concat(_toConsumableArray(a),[b.item]);case"remove":return a.filter(function(a){return a.key!==b.key});}}export var ThemePreview=function(){var a=useReducer(reducer,[]),b=_slicedToArray(a,2),c=b[0],d=b[1],e=function(a){return function(){d({type:"add",item:{key:"".concat(a.color,"-").concat(c.length+1),message:"\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",status:"system",autoClose:3,onClose:function onClose(a){d({type:"remove",key:a.key})}}})}},f=useStyleProps(cssColorVars),g=_slicedToArray(f,2),h=g[0],i=g[1];return React.createElement("div",{ref:h,className:wp.layout()},React.createElement(SnackBar,{className:cnThemePreview("Snackbar"),items:c}),React.createElement("div",{className:wp.layout("content")},React.createElement("div",{className:wp.layout("container",{size:"m"})},React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0444\u043E\u043D\u043E\u0432"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},bgColors.map(function(a,b){var c=a.color,d=a.description;return React.createElement(ColorPreview,{value:i[c],color:c,description:d,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0438"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},typoColors.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0441\u043A\u0440\u043E\u043B\u043B\u0431\u0430\u0440\u0430"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},scrollbarColors.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",{className:wp.tplGrid({"s-ratio":"1-1-1","col-gap":"full","row-gap":"full"})},React.createElement("section",null,React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Default"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0431\u043E\u043B\u044C\u0448\u0438\u043D\u0441\u0442\u0432\u0430 \u043D\u0435\u0439\u0442\u0440\u0430\u043B\u044C\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},defaultControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Primary"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0430\u043A\u0446\u0435\u043D\u0442\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 \u0438 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},primaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Secondary"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0432\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438)"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},secondaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl",mT:"3xl"})},React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Ghost"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0442\u0440\u0435\u0442\u044C\u0435\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432, \u0447\u0430\u0441\u0442\u043E \u0438\u0434\u0443\u0449\u0438\u0445 \u0432 \u043F\u0430\u0440\u0435 \u0441 Primary"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},ghostControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl",mT:"3xl"})},React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Clear"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \xAB\u043D\u0435\u0432\u0438\u0434\u0438\u043C\u044B\u0445\xBB \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438 \u0431\u0435\u0437 \u044F\u0432\u043D\u043E\u0439 \u0433\u0440\u0430\u043D\u0438\u0446\u044B)"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},clearControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl",mT:"3xl"})},React.createElement("h3",{className:"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs"},"Disable"),React.createElement("p",{className:"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b"},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",{className:"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full"},disableControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))))))))};export default ColorPreview;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./ThemePreview.css";import React,{useReducer}from"react";import{Grid}from"../../../components/Grid";import{Text}from"../../../components/Text";import{useStyleProps}from"../../../hooks/useStyleProps";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{SnackBar}from"../../../components/SnackBar/SnackBar";import{cn}from"../../cn";import{ColorPreview}from"../ColorPreview/ColorPreview";import{bgColors,clearControls,defaultControls,disableControls,ghostControls,primaryControls,scrollbarColors,secondaryControls,typoColors}from"./helpers";var cnThemePreview=cn("ThemePreview"),cssColorVars=["--color-bg-default","--color-bg-secondary","--color-bg-brand","--color-bg-link","--color-bg-border","--color-bg-stripe","--color-bg-ghost","--color-bg-tone","--color-bg-soft","--color-bg-system","--color-bg-normal","--color-bg-success","--color-bg-caution","--color-bg-warning","--color-bg-alert","--color-bg-critical","--color-typo-primary","--color-typo-secondary","--color-typo-ghost","--color-typo-brand","--color-typo-system","--color-typo-normal","--color-typo-success","--color-typo-caution","--color-typo-warning","--color-typo-alert","--color-typo-critical","--color-typo-link","--color-typo-link-minor","--color-typo-link-hover","--color-scroll-bg","--color-scroll-thumb","--color-scroll-thumb-hover","--color-control-bg-default","--color-control-typo-default","--color-control-typo-placeholder","--color-control-bg-border-default","--color-control-bg-border-default-hover","--color-control-bg-border-focus","--color-control-bg-focus","--color-control-bg-active","--color-control-bg-primary","--color-control-bg-primary-hover","--color-control-typo-primary","--color-control-typo-primary-hover","--color-control-bg-secondary","--color-control-bg-border-secondary","--color-control-bg-border-secondary-hover","--color-control-typo-secondary","--color-control-typo-secondary-hover","--color-control-bg-ghost","--color-control-bg-ghost-hover","--color-control-typo-ghost","--color-control-typo-ghost-hover","--color-control-bg-clear","--color-control-bg-clear-hover","--color-control-typo-clear","--color-control-typo-clear-hover","--color-control-bg-disable","--color-control-bg-border-disable","--color-control-typo-disable"];function reducer(a,b){switch(b.type){case"add":return[].concat(_toConsumableArray(a),[b.item]);case"remove":return a.filter(function(a){return a.key!==b.key});}}export var ThemePreview=function(){var a=useReducer(reducer,[]),b=_slicedToArray(a,2),c=b[0],d=b[1],e=function(a){return function(){d({type:"add",item:{key:"".concat(a.color,"-").concat(c.length+1),message:"\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",status:"system",autoClose:3,onClose:function onClose(a){d({type:"remove",key:a.key})}}})}},f=useStyleProps(cssColorVars),g=_slicedToArray(f,2),h=g[0],i=g[1],j={breakpointsForRef:h,breakpoints:{620:{cols:2},760:{cols:3}},colGap:"m",rowGap:"l",cols:1,className:cnMixSpace({mB:"3xl"})};return React.createElement("div",{ref:h},React.createElement(SnackBar,{className:cnThemePreview("Snackbar"),items:c}),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl",mT:"3xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0444\u043E\u043D\u043E\u0432"),React.createElement(Grid,j,bgColors.map(function(a,b){var c=a.color,d=a.description;return React.createElement(ColorPreview,{value:i[c],color:c,description:d,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0438"),React.createElement(Grid,j,typoColors.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u0441\u043A\u0440\u043E\u043B\u043B\u0431\u0430\u0440\u0430"),React.createElement(Grid,j,scrollbarColors.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h2",size:"xl",view:"primary",weight:"bold",className:cnMixSpace({mB:"xl"}),lineHeight:"m"},"\u0426\u0432\u0435\u0442\u0430 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement("div",null,React.createElement("section",null,React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Default"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0431\u043E\u043B\u044C\u0448\u0438\u043D\u0441\u0442\u0432\u0430 \u043D\u0435\u0439\u0442\u0440\u0430\u043B\u044C\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement(Grid,j,defaultControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Primary"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0430\u043A\u0446\u0435\u043D\u0442\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 \u0438 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439"),React.createElement(Grid,j,primaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",null,React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Secondary"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0432\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438)"),React.createElement(Grid,j,secondaryControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl"})},React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Ghost"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u0442\u0440\u0435\u0442\u044C\u0435\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432, \u0447\u0430\u0441\u0442\u043E \u0438\u0434\u0443\u0449\u0438\u0445 \u0432 \u043F\u0430\u0440\u0435 \u0441 Primary"),React.createElement(Grid,j,ghostControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl"})},React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Clear"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \xAB\u043D\u0435\u0432\u0438\u0434\u0438\u043C\u044B\u0445\xBB \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432 (\u043F\u0440\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u043A\u043D\u043E\u043F\u043A\u0438 \u0431\u0435\u0437 \u044F\u0432\u043D\u043E\u0439 \u0433\u0440\u0430\u043D\u0438\u0446\u044B)"),React.createElement(Grid,j,clearControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))),React.createElement("section",{className:cnMixSpace({mB:"xl"})},React.createElement(Text,{as:"h3",size:"l",view:"secondary",transform:"uppercase",weight:"semibold",spacing:"xs",className:cnMixSpace({mB:"xs"})},"Disable"),React.createElement(Text,{as:"p",size:"m",view:"secondary",className:cnMixSpace({mB:"xl"})},"\u0426\u0432\u0435\u0442\u0430 \u0434\u043B\u044F \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043E\u0432"),React.createElement(Grid,j,disableControls.map(function(a,b){return React.createElement(ColorPreview,{value:i[a.color],color:a.color,description:a.description,key:b,clickHandler:e(a)})}))))))};export default ColorPreview;
 //# sourceMappingURL=ThemePreview.js.map

package/__internal__/src/uiKit/components/ThemePreview/ThemePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePreview.js","names":["React","useReducer","useStyleProps","cnMixSpace","SnackBar","Text","cn","wp","ColorPreview","bgColors","clearControls","defaultControls","disableControls","ghostControls","primaryControls","scrollbarColors","secondaryControls","typoColors","cnThemePreview","cssColorVars","reducer","state","action","type","item","filter","key","ThemePreview","copiedItems","dispatchCopiedItems","clickHandlerCallback","color","length","message","status","autoClose","onClose","ref","primaryColors","layout","size","mB","mT","tplGrid","map","index","description"],"sources":["../../../../../../src/uiKit/components/ThemePreview/ThemePreview.tsx"],"sourcesContent":["import './ThemePreview.css';\n\nimport React, { useReducer } from 'react';\n\nimport { useStyleProps } from '##/hooks/useStyleProps';\nimport { cnMixSpace } from '##/mixs/MixSpace/MixSpace';\n\nimport { SnackBar } from '../../../components/SnackBar/SnackBar';\nimport { SnackBarItemDefault } from '../../../components/SnackBar/types';\nimport { Text } from '../../../components/Text/Text';\nimport { cn } from '../../cn';\nimport * as wp from '../../whitepaper/whitepaper';\nimport { ColorPreview } from '../ColorPreview/ColorPreview';\nimport {\n  bgColors,\n  clearControls,\n  defaultControls,\n  disableControls,\n  ghostControls,\n  primaryControls,\n  scrollbarColors,\n  secondaryControls,\n  typoColors,\n} from './helpers';\n\nconst cnThemePreview = cn('ThemePreview');\n\nconst cssColorVars = [\n  '--color-bg-default',\n  '--color-bg-secondary',\n  '--color-bg-brand',\n  '--color-bg-link',\n  '--color-bg-border',\n  '--color-bg-stripe',\n  '--color-bg-ghost',\n  '--color-bg-tone',\n  '--color-bg-soft',\n  '--color-bg-system',\n  '--color-bg-normal',\n  '--color-bg-success',\n  '--color-bg-caution',\n  '--color-bg-warning',\n  '--color-bg-alert',\n  '--color-bg-critical',\n  '--color-typo-primary',\n  '--color-typo-secondary',\n  '--color-typo-ghost',\n  '--color-typo-brand',\n  '--color-typo-system',\n  '--color-typo-normal',\n  '--color-typo-success',\n  '--color-typo-caution',\n  '--color-typo-warning',\n  '--color-typo-alert',\n  '--color-typo-critical',\n  '--color-typo-link',\n  '--color-typo-link-minor',\n  '--color-typo-link-hover',\n  '--color-scroll-bg',\n  '--color-scroll-thumb',\n  '--color-scroll-thumb-hover',\n  '--color-control-bg-default',\n  '--color-control-typo-default',\n  '--color-control-typo-placeholder',\n  '--color-control-bg-border-default',\n  '--color-control-bg-border-default-hover',\n  '--color-control-bg-border-focus',\n  '--color-control-bg-focus',\n  '--color-control-bg-active',\n  '--color-control-bg-primary',\n  '--color-control-bg-primary-hover',\n  '--color-control-typo-primary',\n  '--color-control-typo-primary-hover',\n  '--color-control-bg-secondary',\n  '--color-control-bg-border-secondary',\n  '--color-control-bg-border-secondary-hover',\n  '--color-control-typo-secondary',\n  '--color-control-typo-secondary-hover',\n  '--color-control-bg-ghost',\n  '--color-control-bg-ghost-hover',\n  '--color-control-typo-ghost',\n  '--color-control-typo-ghost-hover',\n  '--color-control-bg-clear',\n  '--color-control-bg-clear-hover',\n  '--color-control-typo-clear',\n  '--color-control-typo-clear-hover',\n  '--color-control-bg-disable',\n  '--color-control-bg-border-disable',\n  '--color-control-typo-disable',\n] as const;\n\ntype Action =\n  | { type: 'add'; item: SnackBarItemDefault }\n  | { type: 'remove'; key: number | string };\n\nfunction reducer(state: SnackBarItemDefault[], action: Action) {\n  switch (action.type) {\n    case 'add':\n      return [...state, action.item];\n    case 'remove':\n      return state.filter((item) => item.key !== action.key);\n  }\n}\n\nexport const ThemePreview: React.FC = () => {\n  const [copiedItems, dispatchCopiedItems] = useReducer(reducer, []);\n\n  const clickHandlerCallback = (item: { color: string }) => () => {\n    dispatchCopiedItems({\n      type: 'add',\n      item: {\n        key: `${item.color}-${copiedItems.length + 1}`,\n        message: 'Значение скопировано в буфер обмена',\n        status: 'system',\n        autoClose: 3,\n        onClose: (item) => {\n          dispatchCopiedItems({ type: 'remove', key: item.key });\n        },\n      },\n    });\n  };\n\n  const [ref, primaryColors] = useStyleProps(cssColorVars);\n\n  return (\n    <div ref={ref} className={wp.layout()}>\n      <SnackBar className={cnThemePreview('Snackbar')} items={copiedItems} />\n      <div className={wp.layout('content')}>\n        <div className={wp.layout('container', { size: 'm' })}>\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n              lineHeight=\"m\"\n            >\n              Цвета фонов\n            </Text>\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              {bgColors.map((item, index) => {\n                const { color, description } = item;\n                return (\n                  <ColorPreview\n                    value={primaryColors[color]}\n                    color={color}\n                    description={description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </div>\n          </section>\n\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n              lineHeight=\"m\"\n            >\n              Цвета типографики\n            </Text>\n\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              {typoColors.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </div>\n          </section>\n\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n              lineHeight=\"m\"\n            >\n              Цвета скроллбара\n            </Text>\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              {scrollbarColors.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </div>\n          </section>\n\n          <section>\n            <Text\n              as=\"h2\"\n              size=\"xl\"\n              view=\"primary\"\n              weight=\"bold\"\n              className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n              lineHeight=\"m\"\n            >\n              Цвета контролов\n            </Text>\n            <div\n              className={wp.tplGrid({\n                's-ratio': '1-1-1',\n                'col-gap': 'full',\n                'row-gap': 'full',\n              })}\n            >\n              <section>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Default\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для большинства нейтральных контролов\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {defaultControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Primary\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для акцентных контролов и состояний\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {primaryControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Secondary\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для второстепенных контролов (преимущественно кнопки)\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {secondaryControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section className={cnMixSpace({ mB: 'xl', mT: '3xl' })}>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Ghost\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для третьестепенных контролов, часто идущих в паре с\n                  Primary\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {ghostControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section className={cnMixSpace({ mB: 'xl', mT: '3xl' })}>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Clear\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для «невидимых» контролов (примущественно кнопки без\n                  явной границы)\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {clearControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n\n              <section className={cnMixSpace({ mB: 'xl', mT: '3xl' })}>\n                <h3 className=\"text text_size_l text_view_secondary text_transform_uppercase text_weight-semibold text_spacing_xs decorator decorator_indent-b_xs\">\n                  Disable\n                </h3>\n                <p className=\"text text_size_m text_view_secondary decorator decorator_indent-b_3xl decorator_space-b_m decorator_border_b\">\n                  Цвета для недоступных контролов\n                </p>\n                <div className=\"tpl-grid tpl-grid_col-gap_full tpl-grid_row-gap_full\">\n                  {disableControls.map((item, index) => {\n                    return (\n                      <ColorPreview\n                        value={primaryColors[item.color]}\n                        color={item.color}\n                        description={item.description}\n                        key={index}\n                        clickHandler={clickHandlerCallback(item)}\n                      />\n                    );\n                  })}\n                </div>\n              </section>\n            </div>\n          </section>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ColorPreview;\n"],"mappings":"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"}
+{"version":3,"file":"ThemePreview.js","names":["React","useReducer","Grid","Text","useStyleProps","cnMixSpace","SnackBar","cn","ColorPreview","bgColors","clearControls","defaultControls","disableControls","ghostControls","primaryControls","scrollbarColors","secondaryControls","typoColors","cnThemePreview","cssColorVars","reducer","state","action","type","item","filter","key","ThemePreview","copiedItems","dispatchCopiedItems","clickHandlerCallback","color","length","message","status","autoClose","onClose","ref","primaryColors","gridProps","breakpointsForRef","breakpoints","cols","colGap","rowGap","className","mB","mT","map","index","description"],"sources":["../../../../../../src/uiKit/components/ThemePreview/ThemePreview.tsx"],"sourcesContent":["import './ThemePreview.css';\n\nimport React, { useReducer } from 'react';\n\nimport { Grid, GridProps } from '##/components/Grid';\nimport { Text } from '##/components/Text';\nimport { useStyleProps } from '##/hooks/useStyleProps';\nimport { cnMixSpace } from '##/mixs/MixSpace/MixSpace';\n\nimport { SnackBar } from '../../../components/SnackBar/SnackBar';\nimport { SnackBarItemDefault } from '../../../components/SnackBar/types';\nimport { cn } from '../../cn';\nimport { ColorPreview } from '../ColorPreview/ColorPreview';\nimport {\n  bgColors,\n  clearControls,\n  defaultControls,\n  disableControls,\n  ghostControls,\n  primaryControls,\n  scrollbarColors,\n  secondaryControls,\n  typoColors,\n} from './helpers';\n\nconst cnThemePreview = cn('ThemePreview');\n\nconst cssColorVars = [\n  '--color-bg-default',\n  '--color-bg-secondary',\n  '--color-bg-brand',\n  '--color-bg-link',\n  '--color-bg-border',\n  '--color-bg-stripe',\n  '--color-bg-ghost',\n  '--color-bg-tone',\n  '--color-bg-soft',\n  '--color-bg-system',\n  '--color-bg-normal',\n  '--color-bg-success',\n  '--color-bg-caution',\n  '--color-bg-warning',\n  '--color-bg-alert',\n  '--color-bg-critical',\n  '--color-typo-primary',\n  '--color-typo-secondary',\n  '--color-typo-ghost',\n  '--color-typo-brand',\n  '--color-typo-system',\n  '--color-typo-normal',\n  '--color-typo-success',\n  '--color-typo-caution',\n  '--color-typo-warning',\n  '--color-typo-alert',\n  '--color-typo-critical',\n  '--color-typo-link',\n  '--color-typo-link-minor',\n  '--color-typo-link-hover',\n  '--color-scroll-bg',\n  '--color-scroll-thumb',\n  '--color-scroll-thumb-hover',\n  '--color-control-bg-default',\n  '--color-control-typo-default',\n  '--color-control-typo-placeholder',\n  '--color-control-bg-border-default',\n  '--color-control-bg-border-default-hover',\n  '--color-control-bg-border-focus',\n  '--color-control-bg-focus',\n  '--color-control-bg-active',\n  '--color-control-bg-primary',\n  '--color-control-bg-primary-hover',\n  '--color-control-typo-primary',\n  '--color-control-typo-primary-hover',\n  '--color-control-bg-secondary',\n  '--color-control-bg-border-secondary',\n  '--color-control-bg-border-secondary-hover',\n  '--color-control-typo-secondary',\n  '--color-control-typo-secondary-hover',\n  '--color-control-bg-ghost',\n  '--color-control-bg-ghost-hover',\n  '--color-control-typo-ghost',\n  '--color-control-typo-ghost-hover',\n  '--color-control-bg-clear',\n  '--color-control-bg-clear-hover',\n  '--color-control-typo-clear',\n  '--color-control-typo-clear-hover',\n  '--color-control-bg-disable',\n  '--color-control-bg-border-disable',\n  '--color-control-typo-disable',\n] as const;\n\ntype Action =\n  | { type: 'add'; item: SnackBarItemDefault }\n  | { type: 'remove'; key: number | string };\n\nfunction reducer(state: SnackBarItemDefault[], action: Action) {\n  switch (action.type) {\n    case 'add':\n      return [...state, action.item];\n    case 'remove':\n      return state.filter((item) => item.key !== action.key);\n  }\n}\n\nexport const ThemePreview: React.FC = () => {\n  const [copiedItems, dispatchCopiedItems] = useReducer(reducer, []);\n\n  const clickHandlerCallback = (item: { color: string }) => () => {\n    dispatchCopiedItems({\n      type: 'add',\n      item: {\n        key: `${item.color}-${copiedItems.length + 1}`,\n        message: 'Значение скопировано в буфер обмена',\n        status: 'system',\n        autoClose: 3,\n        onClose: (item) => {\n          dispatchCopiedItems({ type: 'remove', key: item.key });\n        },\n      },\n    });\n  };\n\n  const [ref, primaryColors] = useStyleProps(cssColorVars);\n\n  const gridProps: GridProps & { className: string } = {\n    breakpointsForRef: ref,\n    breakpoints: {\n      620: {\n        cols: 2,\n      },\n      760: {\n        cols: 3,\n      },\n    },\n    colGap: 'm',\n    rowGap: 'l',\n    cols: 1,\n    className: cnMixSpace({ mB: '3xl' }),\n  };\n\n  return (\n    <div ref={ref}>\n      <SnackBar className={cnThemePreview('Snackbar')} items={copiedItems} />\n\n      <section>\n        <Text\n          as=\"h2\"\n          size=\"xl\"\n          view=\"primary\"\n          weight=\"bold\"\n          className={cnMixSpace({ mB: 'xl', mT: '3xl' })}\n          lineHeight=\"m\"\n        >\n          Цвета фонов\n        </Text>\n        <Grid {...gridProps}>\n          {bgColors.map((item, index) => {\n            const { color, description } = item;\n            return (\n              <ColorPreview\n                value={primaryColors[color]}\n                color={color}\n                description={description}\n                key={index}\n                clickHandler={clickHandlerCallback(item)}\n              />\n            );\n          })}\n        </Grid>\n      </section>\n\n      <section>\n        <Text\n          as=\"h2\"\n          size=\"xl\"\n          view=\"primary\"\n          weight=\"bold\"\n          className={cnMixSpace({ mB: 'xl' })}\n          lineHeight=\"m\"\n        >\n          Цвета типографики\n        </Text>\n\n        <Grid {...gridProps}>\n          {typoColors.map((item, index) => {\n            return (\n              <ColorPreview\n                value={primaryColors[item.color]}\n                color={item.color}\n                description={item.description}\n                key={index}\n                clickHandler={clickHandlerCallback(item)}\n              />\n            );\n          })}\n        </Grid>\n      </section>\n\n      <section>\n        <Text\n          as=\"h2\"\n          size=\"xl\"\n          view=\"primary\"\n          weight=\"bold\"\n          className={cnMixSpace({ mB: 'xl' })}\n          lineHeight=\"m\"\n        >\n          Цвета скроллбара\n        </Text>\n        <Grid {...gridProps}>\n          {scrollbarColors.map((item, index) => {\n            return (\n              <ColorPreview\n                value={primaryColors[item.color]}\n                color={item.color}\n                description={item.description}\n                key={index}\n                clickHandler={clickHandlerCallback(item)}\n              />\n            );\n          })}\n        </Grid>\n      </section>\n\n      <section>\n        <Text\n          as=\"h2\"\n          size=\"xl\"\n          view=\"primary\"\n          weight=\"bold\"\n          className={cnMixSpace({ mB: 'xl' })}\n          lineHeight=\"m\"\n        >\n          Цвета контролов\n        </Text>\n        <div>\n          <section>\n            <Text\n              as=\"h3\"\n              size=\"l\"\n              view=\"secondary\"\n              transform=\"uppercase\"\n              weight=\"semibold\"\n              spacing=\"xs\"\n              className={cnMixSpace({ mB: 'xs' })}\n            >\n              Default\n            </Text>\n            <Text\n              as=\"p\"\n              size=\"m\"\n              view=\"secondary\"\n              className={cnMixSpace({ mB: 'xl' })}\n            >\n              Цвета для большинства нейтральных контролов\n            </Text>\n            <Grid {...gridProps}>\n              {defaultControls.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </Grid>\n          </section>\n\n          <section>\n            <Text\n              as=\"h3\"\n              size=\"l\"\n              view=\"secondary\"\n              transform=\"uppercase\"\n              weight=\"semibold\"\n              spacing=\"xs\"\n              className={cnMixSpace({ mB: 'xs' })}\n            >\n              Primary\n            </Text>\n            <Text\n              as=\"p\"\n              size=\"m\"\n              view=\"secondary\"\n              className={cnMixSpace({ mB: 'xl' })}\n            >\n              Цвета для акцентных контролов и состояний\n            </Text>\n            <Grid {...gridProps}>\n              {primaryControls.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </Grid>\n          </section>\n\n          <section>\n            <Text\n              as=\"h3\"\n              size=\"l\"\n              view=\"secondary\"\n              transform=\"uppercase\"\n              weight=\"semibold\"\n              spacing=\"xs\"\n              className={cnMixSpace({ mB: 'xs' })}\n            >\n              Secondary\n            </Text>\n            <Text\n              as=\"p\"\n              size=\"m\"\n              view=\"secondary\"\n              className={cnMixSpace({ mB: 'xl' })}\n            >\n              Цвета для второстепенных контролов (преимущественно кнопки)\n            </Text>\n\n            <Grid {...gridProps}>\n              {secondaryControls.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </Grid>\n          </section>\n\n          <section className={cnMixSpace({ mB: 'xl' })}>\n            <Text\n              as=\"h3\"\n              size=\"l\"\n              view=\"secondary\"\n              transform=\"uppercase\"\n              weight=\"semibold\"\n              spacing=\"xs\"\n              className={cnMixSpace({ mB: 'xs' })}\n            >\n              Ghost\n            </Text>\n            <Text\n              as=\"p\"\n              size=\"m\"\n              view=\"secondary\"\n              className={cnMixSpace({ mB: 'xl' })}\n            >\n              Цвета для третьестепенных контролов, часто идущих в паре с Primary\n            </Text>\n\n            <Grid {...gridProps}>\n              {ghostControls.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </Grid>\n          </section>\n\n          <section className={cnMixSpace({ mB: 'xl' })}>\n            <Text\n              as=\"h3\"\n              size=\"l\"\n              view=\"secondary\"\n              transform=\"uppercase\"\n              weight=\"semibold\"\n              spacing=\"xs\"\n              className={cnMixSpace({ mB: 'xs' })}\n            >\n              Clear\n            </Text>\n            <Text\n              as=\"p\"\n              size=\"m\"\n              view=\"secondary\"\n              className={cnMixSpace({ mB: 'xl' })}\n            >\n              Цвета для «невидимых» контролов (примущественно кнопки без явной\n              границы)\n            </Text>\n\n            <Grid {...gridProps}>\n              {clearControls.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </Grid>\n          </section>\n\n          <section className={cnMixSpace({ mB: 'xl' })}>\n            <Text\n              as=\"h3\"\n              size=\"l\"\n              view=\"secondary\"\n              transform=\"uppercase\"\n              weight=\"semibold\"\n              spacing=\"xs\"\n              className={cnMixSpace({ mB: 'xs' })}\n            >\n              Disable\n            </Text>\n            <Text\n              as=\"p\"\n              size=\"m\"\n              view=\"secondary\"\n              className={cnMixSpace({ mB: 'xl' })}\n            >\n              Цвета для недоступных контролов\n            </Text>\n\n            <Grid {...gridProps}>\n              {disableControls.map((item, index) => {\n                return (\n                  <ColorPreview\n                    value={primaryColors[item.color]}\n                    color={item.color}\n                    description={item.description}\n                    key={index}\n                    clickHandler={clickHandlerCallback(item)}\n                  />\n                );\n              })}\n            </Grid>\n          </section>\n        </div>\n      </section>\n    </div>\n  );\n};\n\nexport default ColorPreview;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "keywords": [
     "ui-kit",
     "design-system",

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGrid.css

@@ -1 +0,0 @@
-.UiKit--ComponentsGrid{background-color:var(--color-bg-secondary)}.UiKit--ComponentsGrid-Title{margin-bottom:.4em;margin-top:1.6em}

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGrid.d.ts

@@ -1,16 +0,0 @@
-import './ComponentsGrid.css';
-import React from 'react';
-declare type Item = {
-    name?: string;
-    description?: string;
-    url?: string;
-    image?: React.FC<React.SVGProps<SVGSVGElement>>;
-};
-export declare type ComponentsGridProps = {
-    data: {
-        title?: string;
-        items?: Item[];
-    }[];
-};
-export declare const ComponentsGrid: React.FC<ComponentsGridProps>;
-export {};

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGrid.js

@@ -1,2 +0,0 @@
-import"./ComponentsGrid.css";import React from"react";import{Text}from"../../../components/Text/Text";import{cn}from"../../cn";import*as wp from"../../whitepaper/whitepaper";import{ComponentsGridItem}from"./ComponentsGridItem/ComponentsGridItem";var cnComponentsGrid=cn("ComponentsGrid");export var ComponentsGrid=function(a){var b=a.data;return React.createElement("div",null,b.map(function(a){var b=a.title,c=a.items;return React.createElement(React.Fragment,null,b&&React.createElement(Text,{size:"3xl",lineHeight:"xs",weight:"bold",className:cnComponentsGrid("Title"),view:"primary"},b),React.createElement("div",{className:cnComponentsGrid("Section",[wp.tplGrid({ratio:"1-1-1","col-gap":"full"})])},null===c||void 0===c?void 0:c.map(function(a,b){return React.createElement(ComponentsGridItem,Object.assign({},a,{key:b}))})))}))};
-//# sourceMappingURL=ComponentsGrid.js.map

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentsGrid.js","names":["React","Text","cn","wp","ComponentsGridItem","cnComponentsGrid","ComponentsGrid","data","map","title","items","tplGrid","item","index"],"sources":["../../../../../../src/uiKit/components/ComponentsGrid/ComponentsGrid.tsx"],"sourcesContent":["import './ComponentsGrid.css';\n\nimport React from 'react';\n\nimport { Text } from '../../../components/Text/Text';\nimport { cn } from '../../cn';\nimport * as wp from '../../whitepaper/whitepaper';\nimport { ComponentsGridItem } from './ComponentsGridItem/ComponentsGridItem';\n\nconst cnComponentsGrid = cn('ComponentsGrid');\n\ntype Item = {\n  name?: string;\n  description?: string;\n  url?: string;\n  image?: React.FC<React.SVGProps<SVGSVGElement>>;\n};\n\nexport type ComponentsGridProps = {\n  data: {\n    title?: string;\n    items?: Item[];\n  }[];\n};\n\nexport const ComponentsGrid: React.FC<ComponentsGridProps> = ({ data }) => {\n  return (\n    <div>\n      {data.map(({ title, items }) => (\n        <>\n          {title && (\n            <Text\n              size=\"3xl\"\n              lineHeight=\"xs\"\n              weight=\"bold\"\n              className={cnComponentsGrid('Title')}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          <div\n            className={cnComponentsGrid('Section', [\n              wp.tplGrid({ 'ratio': '1-1-1', 'col-gap': 'full' }),\n            ])}\n          >\n            {items?.map((item, index) => (\n              <ComponentsGridItem {...item} key={index} />\n            ))}\n          </div>\n        </>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"AAAA,6BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,qCACA,OAASC,EAAT,gBACA,MAAO,GAAKC,GAAZ,mCACA,OAASC,kBAAT,+CAEA,GAAMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,CAA3B,CAgBA,MAAO,IAAMI,eAA6C,CAAG,WAAc,IAAXC,EAAW,GAAXA,IAAW,CACzE,MACE,gCACGA,CAAI,CAACC,GAAL,CAAS,eAAGC,EAAH,GAAGA,KAAH,CAAUC,CAAV,GAAUA,KAAV,OACR,yCACGD,CAAK,EACJ,oBAAC,IAAD,EACE,IAAI,CAAC,KADP,CAEE,UAAU,CAAC,IAFb,CAGE,MAAM,CAAC,MAHT,CAIE,SAAS,CAAEJ,gBAAgB,CAAC,OAAD,CAJ7B,CAKE,IAAI,CAAC,SALP,EAOGI,CAPH,CAFJ,CAYE,2BACE,SAAS,CAAEJ,gBAAgB,CAAC,SAAD,CAAY,CACrCF,EAAE,CAACQ,OAAH,CAAW,CAAE,MAAS,OAAX,CAAoB,UAAW,MAA/B,CAAX,CADqC,CAAZ,CAD7B,SAKGD,CALH,WAKGA,CALH,QAKGA,CAAK,CAAEF,GAAP,CAAW,SAACI,CAAD,CAAOC,CAAP,QACV,qBAAC,kBAAD,kBAAwBD,CAAxB,EAA8B,GAAG,CAAEC,CAAnC,GADU,CAAX,CALH,CAZF,CADQ,CAAT,CADH,CA2BH,CA7BM"}

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.css

@@ -1 +0,0 @@
-.UiKit--ComponentsGridItem{margin-bottom:var(--space-2xl)}.UiKit--ComponentsGridItem-Image{border:solid var(--control-border-width) var(--color-control-bg-border-default);border-radius:var(--control-radius);margin-bottom:var(--space-s);overflow:hidden;width:100%}

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.d.ts

@@ -1,11 +0,0 @@
-import './ComponentsGridItem.css';
-import React from 'react';
-declare type ComponentsGridItemProps = {
-    name?: string;
-    description?: string;
-    url?: string;
-    image?: React.FC<React.SVGProps<SVGSVGElement>>;
-    children?: never;
-};
-export declare const ComponentsGridItem: React.FC<ComponentsGridItemProps>;
-export {};

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.js

@@ -1,2 +0,0 @@
-import"./ComponentsGridItem.css";import React from"react";import{Text}from"../../../../components/Text/Text";import{cn}from"../../../cn";var cnComponentsGridItem=cn("ComponentsGridItem");export var ComponentsGridItem=function(a){var b=a.name,c=a.description,d=a.url,e=a.image;return React.createElement("div",{className:cnComponentsGridItem()},e&&React.createElement(e,{className:cnComponentsGridItem("Image")}),b&&d&&React.createElement(Text,{size:"l",as:"a",view:"link",href:d,target:"blank",lineHeight:"m"},b),c&&React.createElement(Text,{size:"s",view:"primary",lineHeight:"m"},c))};
-//# sourceMappingURL=ComponentsGridItem.js.map

package/__internal__/src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentsGridItem.js","names":["React","Text","cn","cnComponentsGridItem","ComponentsGridItem","name","description","url","Svg","image"],"sources":["../../../../../../../src/uiKit/components/ComponentsGrid/ComponentsGridItem/ComponentsGridItem.tsx"],"sourcesContent":["import './ComponentsGridItem.css';\n\nimport React from 'react';\n\nimport { Text } from '../../../../components/Text/Text';\nimport { cn } from '../../../cn';\n\nconst cnComponentsGridItem = cn('ComponentsGridItem');\n\ntype ComponentsGridItemProps = {\n  name?: string;\n  description?: string;\n  url?: string;\n  image?: React.FC<React.SVGProps<SVGSVGElement>>;\n  children?: never;\n};\n\nexport const ComponentsGridItem: React.FC<ComponentsGridItemProps> = ({\n  name,\n  description,\n  url,\n  image: Svg,\n}) => {\n  return (\n    <div className={cnComponentsGridItem()}>\n      {Svg && <Svg className={cnComponentsGridItem('Image')} />}\n      {name && url && (\n        <Text\n          size=\"l\"\n          as=\"a\"\n          view=\"link\"\n          href={url}\n          target=\"blank\"\n          lineHeight=\"m\"\n        >\n          {name}\n        </Text>\n      )}\n\n      {description && (\n        <Text size=\"s\" view=\"primary\" lineHeight=\"m\">\n          {description}\n        </Text>\n      )}\n    </div>\n  );\n};\n"],"mappings":"AAAA,iCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,wCACA,OAASC,EAAT,mBAEA,GAAMC,qBAAoB,CAAGD,EAAE,CAAC,oBAAD,CAA/B,CAUA,MAAO,IAAME,mBAAqD,CAAG,WAK/D,IAJJC,EAII,GAJJA,IAII,CAHJC,CAGI,GAHJA,WAGI,CAFJC,CAEI,GAFJA,GAEI,CADGC,CACH,GADJC,KACI,CACJ,MACE,4BAAK,SAAS,CAAEN,oBAAoB,EAApC,EACGK,CAAG,EAAI,oBAAC,CAAD,EAAK,SAAS,CAAEL,oBAAoB,CAAC,OAAD,CAApC,EADV,CAEGE,CAAI,EAAIE,CAAR,EACC,oBAAC,IAAD,EACE,IAAI,CAAC,GADP,CAEE,EAAE,CAAC,GAFL,CAGE,IAAI,CAAC,MAHP,CAIE,IAAI,CAAEA,CAJR,CAKE,MAAM,CAAC,OALT,CAME,UAAU,CAAC,GANb,EAQGF,CARH,CAHJ,CAeGC,CAAW,EACV,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,IAAI,CAAC,SAApB,CAA8B,UAAU,CAAC,GAAzC,EACGA,CADH,CAhBJ,CAsBH,CA7BM"}

package/__internal__/src/uiKit/components/ComponentsGridWithData/ComponentsGridWithData.d.ts

@@ -1 +0,0 @@
-export declare const ComponentsGridWithData: () => JSX.Element;

package/__internal__/src/uiKit/components/ComponentsGridWithData/ComponentsGridWithData.js

@@ -1,2 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React from"react";import{ComponentsGrid}from"../ComponentsGrid/ComponentsGrid";import{additionalData,data,imageMap}from"./data";import NoImage from"./data/images/NoImage";var getImage=function(a){return imageMap[a]||NoImage},sort=function(c,a){return c.name>a.name?1:c.name<a.name?-1:0},allData=[].concat(_toConsumableArray(data),_toConsumableArray(additionalData)).map(function(a){var b;return{title:a.title,items:null===a||void 0===a||null===(b=a.items)||void 0===b?void 0:b.map(function(a){return _objectSpread({image:getImage(a.componentName||a.name)},a)}).sort(sort)}});export var ComponentsGridWithData=function(){return React.createElement(ComponentsGrid,{data:allData})};
-//# sourceMappingURL=ComponentsGridWithData.js.map

package/__internal__/src/uiKit/components/ComponentsGridWithData/ComponentsGridWithData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentsGridWithData.js","names":["React","ComponentsGrid","additionalData","data","imageMap","NoImage","getImage","name","sort","a","b","allData","map","group","title","items","item","image","componentName","ComponentsGridWithData"],"sources":["../../../../../../src/uiKit/components/ComponentsGridWithData/ComponentsGridWithData.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ComponentsGrid } from '../ComponentsGrid/ComponentsGrid';\nimport { additionalData, data, imageMap } from './data';\nimport NoImage from './data/images/NoImage';\nimport { Data, DataItem } from './data/types';\n\nconst getImage = (name: string) => imageMap[name] || NoImage;\n\nconst sort = (a: DataItem, b: DataItem) => {\n  if (a.name > b.name) {\n    return 1;\n  }\n  if (a.name < b.name) {\n    return -1;\n  }\n  return 0;\n};\n\nconst allData: Data = [...data, ...additionalData].map((group) => {\n  return {\n    title: group.title,\n    items: group?.items\n      ?.map((item) => ({\n        image: getImage(item.componentName || item.name),\n        ...item,\n      }))\n      .sort(sort),\n  };\n});\n\nexport const ComponentsGridWithData = () => {\n  return <ComponentsGrid data={allData} />;\n};\n"],"mappings":"8uBAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,cAAT,wCACA,OAASC,cAAT,CAAyBC,IAAzB,CAA+BC,QAA/B,cACA,MAAOC,QAAP,6B,GAGMC,SAAQ,CAAG,SAACC,CAAD,QAAkBH,SAAQ,CAACG,CAAD,CAAR,EAAkBF,OAApC,C,CAEXG,IAAI,CAAG,SAACC,CAAD,CAAcC,CAAd,CAA8B,OACrCD,EAAC,CAACF,IAAF,CAASG,CAAC,CAACH,IAD0B,CAEhC,CAFgC,CAIrCE,CAAC,CAACF,IAAF,CAASG,CAAC,CAACH,IAJ0B,CAKhC,CAAC,CAL+B,CAOlC,CACR,C,CAEKI,OAAa,CAAG,6BAAIR,IAAJ,qBAAaD,cAAb,GAA6BU,GAA7B,CAAiC,SAACC,CAAD,CAAW,OAChE,MAAO,CACLC,KAAK,CAAED,CAAK,CAACC,KADR,CAELC,KAAK,QAAEF,CAAF,WAAEA,CAAF,YAAEA,CAAK,CAAEE,KAAT,qBAAE,EACHH,GADG,CACC,SAACI,CAAD,wBACJC,KAAK,CAAEX,QAAQ,CAACU,CAAI,CAACE,aAAL,EAAsBF,CAAI,CAACT,IAA5B,CADX,EAEDS,CAFC,EADD,EAKJR,IALI,CAKCA,IALD,CAFF,CASR,CAVqB,C,CAYtB,MAAO,IAAMW,uBAAsB,CAAG,UAAM,CAC1C,MAAO,qBAAC,cAAD,EAAgB,IAAI,CAAER,OAAtB,EACR,CAFM"}

package/__internal__/src/uiKit/components/ComponentsGridWithData/data/additionalData.d.ts

@@ -1,2 +0,0 @@
-import { Data } from './types';
-export declare const additionalData: Data;