@consta/uikit 3.24.1-beta.0 → 3.24.1

package/__internal__/cjs-src/components/Text/Text.d.ts

@@ -1,51 +0,0 @@
-import './Text.css';
-export declare const textPropAlign: readonly ["left", "center", "right"];
-export declare type TextPropAlign = typeof textPropAlign[number];
-export declare const textPropDisplay: readonly ["block", "inlineBlock", "inline"];
-export declare type TextPropDisplay = typeof textPropDisplay[number];
-export declare const textPropFont: readonly ["primary", "mono"];
-export declare type TextPropFont = typeof textPropFont[number];
-export declare const textPropCursor: readonly ["pointer"];
-export declare type TextPropCursor = typeof textPropCursor[number];
-export declare const textPropDecoration: readonly ["underline"];
-export declare type TextPropDecoration = typeof textPropDecoration[number];
-export declare const textPropLineHeight: readonly ["2xs", "xs", "s", "m", "l"];
-export declare type TextPropLineHeight = typeof textPropLineHeight[number];
-export declare const textPropLineHeightDefault: TextPropLineHeight;
-export declare const textPropSize: readonly ["m", "2xs", "xs", "s", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export declare type TextPropSize = typeof textPropSize[number];
-export declare const textPropSizeDefault: TextPropSize;
-export declare const textPropSpacing: readonly ["xs", "s", "m", "l"];
-export declare type TextPropSpacing = typeof textPropSpacing[number];
-export declare const textPropType: readonly ["blockquote", "p", "h3", "h2", "h1"];
-export declare type TextPropType = typeof textPropType[number];
-export declare const textPropView: readonly ["primary", "alert", "brand", "ghost", "link", "linkMinor", "primary", "secondary", "success", "warning"];
-export declare type TextPropView = typeof textPropView[number];
-export declare const textPropViewDefault: TextPropView;
-export declare const textPropWeight: readonly ["black", "bold", "light", "regular", "semibold", "thin"];
-export declare type TextPropWeight = typeof textPropWeight[number];
-export declare const textPropFontStyle: readonly ["italic"];
-export declare type TextPropFontStyle = typeof textPropFontStyle[number];
-export declare const textPropTransform: readonly ["uppercase"];
-export declare type TextPropTransform = typeof textPropTransform[number];
-export declare const textPropWidth: readonly ["default"];
-export declare type TextPropWidth = typeof textPropWidth[number];
-export declare type TextProps = {
-    align?: TextPropAlign;
-    cursor?: TextPropCursor;
-    decoration?: TextPropDecoration;
-    display?: TextPropDisplay;
-    font?: TextPropFont;
-    lineHeight?: TextPropLineHeight;
-    size?: TextPropSize;
-    spacing?: TextPropSpacing;
-    fontStyle?: TextPropFontStyle;
-    transform?: TextPropTransform;
-    type?: TextPropType;
-    view?: TextPropView;
-    weight?: TextPropWeight;
-    width?: TextPropWidth;
-    truncate?: boolean;
-};
-export declare const cnText: import("@bem-react/classname").ClassNameFormatter;
-export declare const Text: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<TextProps, "div">;

package/__internal__/cjs-src/components/Text/Text.js

@@ -1,70 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.Text = exports.cnText = exports.textPropWidth = exports.textPropTransform = exports.textPropFontStyle = exports.textPropWeight = exports.textPropViewDefault = exports.textPropView = exports.textPropType = exports.textPropSpacing = exports.textPropSizeDefault = exports.textPropSize = exports.textPropLineHeightDefault = exports.textPropLineHeight = exports.textPropDecoration = exports.textPropCursor = exports.textPropFont = exports.textPropDisplay = exports.textPropAlign = void 0;
-var tslib_1 = require("tslib");
-require("./Text.css");
-var react_1 = tslib_1.__importDefault(require("react"));
-var bem_1 = require("../../utils/bem");
-var PropsWithAsAttributes_1 = require("../../utils/types/PropsWithAsAttributes");
-exports.textPropAlign = ['left', 'center', 'right'];
-exports.textPropDisplay = ['block', 'inlineBlock', 'inline'];
-exports.textPropFont = ['primary', 'mono'];
-exports.textPropCursor = ['pointer'];
-exports.textPropDecoration = ['underline'];
-exports.textPropLineHeight = ['2xs', 'xs', 's', 'm', 'l'];
-exports.textPropLineHeightDefault = 'm';
-exports.textPropSize = [
-    'm',
-    '2xs',
-    'xs',
-    's',
-    'l',
-    'xl',
-    '2xl',
-    '3xl',
-    '4xl',
-    '5xl',
-    '6xl',
-];
-exports.textPropSizeDefault = exports.textPropSize[0];
-exports.textPropSpacing = ['xs', 's', 'm', 'l'];
-exports.textPropType = ['blockquote', 'p', 'h3', 'h2', 'h1'];
-exports.textPropView = [
-    'primary',
-    'alert',
-    'brand',
-    'ghost',
-    'link',
-    'linkMinor',
-    'primary',
-    'secondary',
-    'success',
-    'warning',
-];
-exports.textPropViewDefault = exports.textPropView[0];
-exports.textPropWeight = ['black', 'bold', 'light', 'regular', 'semibold', 'thin'];
-exports.textPropFontStyle = ['italic'];
-exports.textPropTransform = ['uppercase'];
-exports.textPropWidth = ['default'];
-exports.cnText = bem_1.cn('Text');
-exports.Text = PropsWithAsAttributes_1.forwardRefWithAs(function (props, ref) {
-    var _a = props.as, as = _a === void 0 ? 'div' : _a, align = props.align, cursor = props.cursor, decoration = props.decoration, display = props.display, font = props.font, _b = props.lineHeight, lineHeight = _b === void 0 ? exports.textPropLineHeightDefault : _b, _c = props.size, size = _c === void 0 ? exports.textPropSizeDefault : _c, spacing = props.spacing, fontStyle = props.fontStyle, transform = props.transform, type = props.type, _d = props.view, view = _d === void 0 ? exports.textPropViewDefault : _d, weight = props.weight, width = props.width, className = props.className, children = props.children, _e = props.truncate, truncate = _e === void 0 ? false : _e, otherProps = tslib_1.__rest(props, ["as", "align", "cursor", "decoration", "display", "font", "lineHeight", "size", "spacing", "fontStyle", "transform", "type", "view", "weight", "width", "className", "children", "truncate"]);
-    var Tag = as;
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({}, otherProps, { className: exports.cnText({
-            align: align,
-            cursor: cursor,
-            decoration: decoration,
-            display: display,
-            font: font,
-            lineHeight: lineHeight,
-            size: size,
-            spacing: spacing,
-            fontStyle: fontStyle,
-            transform: transform,
-            type: type,
-            view: view,
-            weight: weight,
-            width: width,
-            truncate: truncate
-        }, [className]), ref: ref }), children));
-});

package/__internal__/cjs-src/components/TextField/TextField.css

@@ -1,525 +0,0 @@
-.TextField {
-  --caption-margin-left: calc(var(--input-space) + var(--control-border-width));
-  --counter-button-icon-color: var(--color-control-typo-ghost);
-  --counter-button-background: transparent;
-  --clear-button-color: var(--color-control-typo-clear);
-  position: relative;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-  .TextField_width_full {
-    width: 100%;
-  }
-
-  .TextField_size_xs {
-      --input-height: var(--control-height-xs);
-      --input-font-size: var(--control-text-size-xs);
-      --input-space: calc(var(--control-space-xs) * 0.5);
-    }
-
-  .TextField_size_s {
-      --input-height: var(--control-height-s);
-      --input-font-size: var(--control-text-size-s);
-      --input-space: calc(var(--control-space-s) * 0.5);
-    }
-
-  .TextField_size_m {
-      --input-height: var(--control-height-m);
-      --input-font-size: var(--control-text-size-m);
-      --input-space: calc(var(--control-space-m) * 0.5);
-    }
-
-  .TextField_size_l {
-      --input-height: var(--control-height-l);
-      --input-font-size: var(--control-text-size-l);
-      --input-space: calc(var(--control-space-l) * 0.5);
-    }
-
-  .TextField_labelPosition_top {
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-          -ms-flex-direction: column;
-              flex-direction: column;
-    }
-
-  .TextField_labelPosition_top > *:not(:last-child) {
-        margin-bottom: var(--space-xs);
-      }
-
-  .TextField_labelPosition_left {
-      -webkit-box-orient: horizontal;
-      -webkit-box-direction: normal;
-          -ms-flex-direction: row;
-              flex-direction: row;
-    }
-
-  .TextField_labelPosition_left .TextField-Label {
-        display: -webkit-inline-box;
-        display: -ms-inline-flexbox;
-        display: inline-flex;
-        -webkit-box-align: center;
-            -ms-flex-align: center;
-                align-items: center;
-        height: var(--input-height);
-      }
-
-  .TextField_labelPosition_left > *:not(:last-child) {
-        margin-right: var(--space-s);
-      }
-
-  .TextField-Body {
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    width: 100%;
-  }
-
-  .TextField-Body .TextField-Caption {
-      margin-top: var(--space-2xs);
-      margin-left: var(--caption-margin-left);
-    }
-
-  .TextField_view_clear .TextField-Caption {
-      --caption-margin-left: 0;
-    }
-
-  .TextField-InputContainer {
-    position: relative;
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    max-width: 100%;
-    min-height: var(--input-height);
-    font-family: var(--font-primary);
-    font-weight: var(--font-weight-text-regular);
-    -webkit-transition: border-color 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
-    transition: border-color 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
-    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
-    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
-  }
-
-  .TextField-InputContainer_disabled {
-      --counter-button-background: var(--color-control-bg-disable);
-      --counter-button-icon-color: var(--color-control-typo-disable);
-    }
-
-  .TextField-InputContainer_view_clear,
-    .TextField-InputContainer_view_clear:hover,
-    .TextField-InputContainer_view_clear:focus {
-      padding: 0;
-      color: var(--color-control-typo-default);
-    }
-
-  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled {
-        pointer-events: none;
-      }
-
-  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,
-          .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,
-          .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,
-          .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,
-          .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,
-          .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,
-          .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,
-          .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,
-          .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus {
-            -webkit-text-fill-color: var(--color-control-typo-disable);
-          }
-
-  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::-webkit-input-placeholder, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::-webkit-input-placeholder, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::-webkit-input-placeholder {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-ms-input-placeholder, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-ms-input-placeholder, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-ms-input-placeholder {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::-ms-input-placeholder, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::-ms-input-placeholder, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::-ms-input-placeholder {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::placeholder, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::placeholder, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::placeholder {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Side_type_string,
-        .TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,
-        .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Side_type_string,
-        .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,
-        .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Side_type_string,
-        .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,
-        .TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,
-        .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,
-        .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,
-        .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,
-        .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_default {
-      --container-border-color: var(--color-control-bg-border-default);
-      overflow-x: hidden;
-      padding: 0 var(--input-space);
-      color: var(--color-control-typo-default);
-      background: var(--color-control-bg-default);
-      border: var(--control-border-width) solid var(--container-border-color);
-      border-radius: var(--control-radius);
-    }
-
-  .TextField-InputContainer_view_default:hover {
-        border-color: var(--color-control-bg-border-default-hover);
-      }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_status_alert {
-          --container-border-color: var(--color-bg-alert);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_status_success {
-          --container-border-color: var(--color-bg-success);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_status_warning {
-          --container-border-color: var(--color-bg-warning);
-        }
-
-  .TextField-InputContainer_view_default .TextField-Input {
-        color: var(--color-control-typo-default);
-      }
-
-  .TextField-InputContainer_view_default .TextField-Input::-webkit-input-placeholder {
-          color: var(--color-control-typo-placeholder);
-        }
-
-  .TextField-InputContainer_view_default .TextField-Input::-moz-placeholder {
-          color: var(--color-control-typo-placeholder);
-        }
-
-  .TextField-InputContainer_view_default .TextField-Input:-ms-input-placeholder {
-          color: var(--color-control-typo-placeholder);
-        }
-
-  .TextField-InputContainer_view_default .TextField-Input::-ms-input-placeholder {
-          color: var(--color-control-typo-placeholder);
-        }
-
-  .TextField-InputContainer_view_default .TextField-Input::placeholder {
-          color: var(--color-control-typo-placeholder);
-        }
-
-  .TextField-InputContainer_view_default .TextField-Input:-webkit-autofill,
-        .TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:hover,
-        .TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:focus {
-          -webkit-text-fill-color: var(--color-control-typo-default);
-        }
-
-  .TextField-InputContainer_view_default .TextField-Side_type_string {
-          color: var(--color-control-typo-placeholder);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_focus {
-        z-index: 1;
-        border-color: var(--color-control-bg-border-focus);
-        outline: none;
-      }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearClear {
-          -webkit-box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus),
-            calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
-                  box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus),
-            calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_defaultClear,
-        .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_brickClear,
-        .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_roundClear {
-          -webkit-box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus);
-                  box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearDefault,
-        .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearBrick,
-        .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearRound {
-          -webkit-box-shadow: calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
-                  box-shadow: calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_disabled {
-        --clear-button-color: var(--color-control-typo-disable);
-        background: var(--color-control-bg-disable);
-        border-color: var(--color-control-bg-border-disable);
-        pointer-events: none;
-      }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::-webkit-input-placeholder {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input:-ms-input-placeholder {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::-ms-input-placeholder {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::placeholder {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Side_type_string,
-        .TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,
-        .TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon {
-          color: var(--color-control-typo-disable);
-        }
-
-  .TextField-InputContainer_form_defaultClear {
-        border-right-width: 0;
-        border-radius: var(--control-radius) 0 0 var(--control-radius);
-      }
-
-  .TextField-InputContainer_form_defaultBrick {
-        border-radius: var(--control-radius) 0 0 var(--control-radius);
-      }
-
-  .TextField-InputContainer_form_round {
-        padding-right: calc(var(--input-space) * 1.6);
-        padding-left: calc(var(--input-space) * 1.6);
-        border-radius: calc(var(--input-height) / 2);
-      }
-
-  .TextField-InputContainer_form_roundBrick {
-        padding-left: calc(var(--input-space) * 1.6);
-        border-radius: calc(var(--input-height) / 2) 0 0 calc(var(--input-height) / 2);
-      }
-
-  .TextField-InputContainer_form_roundClear {
-        padding-left: calc(var(--input-space) * 1.6);
-        border-right-width: 0;
-        border-radius: calc(var(--input-height) / 2) 0 0 calc(var(--input-height) / 2);
-      }
-
-  .TextField-InputContainer_form_brick {
-        border-radius: 0;
-      }
-
-  .TextField-InputContainer_form_brickDefault {
-        border-radius: 0 var(--control-radius) var(--control-radius) 0;
-      }
-
-  .TextField-InputContainer_form_brickRound {
-        padding-right: calc(var(--input-space) * 1.6);
-        border-radius: 0 calc(var(--input-height) / 2) calc(var(--input-height) / 2) 0;
-      }
-
-  .TextField-InputContainer_form_brickClear {
-        border-right-width: 0;
-        border-radius: 0;
-      }
-
-  .TextField-InputContainer_form_clearDefault {
-        border-left-width: 0;
-        border-radius: 0 var(--control-radius) var(--control-radius) 0;
-      }
-
-  .TextField-InputContainer_form_clearBrick {
-        border-left-width: 0;
-        border-radius: 0;
-      }
-
-  .TextField-InputContainer_form_clearRound {
-        padding-right: calc(var(--input-space) * 1.6);
-        border-left-width: 0;
-        border-radius: 0 calc(var(--input-height) / 2) calc(var(--input-height) / 2) 0;
-      }
-
-  .TextField-InputContainer_form_clearClear {
-        border-width: 0;
-        border-top-width: var(--control-border-width);
-        border-bottom-width: var(--control-border-width);
-        border-radius: 0;
-      }
-
-  .TextField-InputContainer_withValue .TextField-Side.TextField-Side_type_string {
-        color: var(--color-control-typo-default);
-      }
-
-  .TextField-InputContainer_withValue .TextField-Icon {
-        color: var(--color-typo-secondary);
-      }
-
-  .TextField-InputContainer_type_number {
-      padding-right: 0;
-    }
-
-  .TextField-InputContainer_type_textarea .TextField-Input {
-        resize: none;
-        display: block;
-        min-width: 0;
-        padding-top: calc(
-          (var(--input-height) - (var(--control-border-width) * 2) - var(--line-height-text-m)) / 2
-        );
-        padding-bottom: calc(
-          (var(--input-height) - (var(--control-border-width) * 2) - var(--line-height-text-m)) / 2
-        );
-        line-height: var(--line-height-text-m);
-      }
-
-  .TextField-Counter {
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    width: var(--space-xl);
-    height: calc(var(--input-height) - (var(--control-border-width) * 2));
-  }
-
-  .TextField-CounterButton {
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    overflow-y: hidden;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-flex: 1;
-        -ms-flex: 1;
-            flex: 1;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    width: var(--space-xl);
-    margin: 0;
-    padding: 0;
-    color: var(--counter-button-icon-color);
-    background-color: var(--counter-button-background);
-    border: none;
-    cursor: pointer;
-    -webkit-transition: background-color 0.15s;
-    transition: background-color 0.15s;
-  }
-
-  .TextField-ClearButton {
-    height: calc(var(--input-height) - (var(--control-border-width) * 2));
-    margin: 0;
-    margin-left: var(--input-space);
-    padding: 0;
-    color: var(--clear-button-color);
-    background-color: transparent;
-    border: none;
-    cursor: pointer;
-  }
-
-  .TextField-ClearButton:hover {
-      --clear-button-color: var(--color-control-typo-clear-hover);
-    }
-
-  .TextField-ClearButtonIcon {
-    position: relative;
-    top: 1px;
-  }
-
-  .TextField-Input {
-    -webkit-box-flex: 1;
-        -ms-flex: 1;
-            flex: 1;
-    width: 100%;
-    min-width: 80px;
-    height: calc(var(--input-height) - (var(--control-border-width) * 2));
-    padding: 0;
-    color: currentColor;
-    background: transparent;
-    border: none;
-    outline: none;
-    font-family: var(--font-primary);
-    font-size: var(--input-font-size);
-  }
-
-  .TextField-Input::-webkit-outer-spin-button,
-    .TextField-Input::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-
-  .TextField-Input[type='number'] {
-      -moz-appearance: textfield;
-    }
-
-  .TextField-Input:focus {
-      outline: none;
-    }
-
-  .TextField-Input:-webkit-autofill,
-    .TextField-Input:-webkit-autofill:hover,
-    .TextField-Input:-webkit-autofill:focus {
-      border: none;
-      -webkit-box-shadow: 0 0 0 1000px transparent inset;
-      -webkit-transition: background-color 5000s ease-in-out 0s;
-      transition: background-color 5000s ease-in-out 0s;
-    }
-
-  .TextField-Side {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    overflow: hidden;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    height: calc(var(--input-height) - (var(--control-border-width) * 2));
-  }
-
-  .TextField-Side_position_left {
-        margin-right: var(--input-space);
-      }
-
-  .TextField-Side_position_right {
-        margin-left: var(--input-space);
-      }
-
-  .TextField-Side_type_string {
-        font-size: var(--input-font-size);
-        white-space: nowrap;
-      }
-
-  .TextField-Icon {
-    color: var(--color-control-typo-placeholder);
-  }

package/__internal__/cjs-src/components/TextField/TextField.d.ts

@@ -1,8 +0,0 @@
-import './TextField.css';
-import React from 'react';
-import { TextFieldComponent, TextFieldProps } from './helpers';
-export declare const COMPONENT_NAME: "TextField";
-export declare const cnTextField: import("@bem-react/classname").ClassNameFormatter;
-export declare function TextFieldRender<TYPE extends string>(props: TextFieldProps<TYPE>, ref: React.Ref<HTMLDivElement>): JSX.Element;
-export declare const TextField: TextFieldComponent;
-export * from './helpers';