@commercetools-uikit/text-input 0.0.0-FCT-1500-adjust-legacy-css-reset-20250527090339

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 commercetools GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,84 @@
+<!-- THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
+<!-- This file is created by the `yarn generate-readme` script. -->
+
+# TextInput
+
+## Description
+
+A controlled text input component for single-line strings with validation states.
+
+## Installation
+
+```
+yarn add @commercetools-uikit/text-input
+```
+
+```
+npm --save install @commercetools-uikit/text-input
+```
+
+Additionally install the peer dependencies (if not present)
+
+```
+yarn add react
+```
+
+```
+npm --save install react
+```
+
+## Usage
+
+```jsx
+import TextInput from '@commercetools-uikit/text-input';
+
+const Example = () => (
+  <TextInput value="foo" onChange={(event) => alert(event.target.value)} />
+);
+
+export default Example;
+```
+
+## Properties
+
+| Props                  | Type                                                                                                  | Required | Default   | Description                                                                                                                                                                 |
+| ---------------------- | ----------------------------------------------------------------------------------------------------- | :------: | --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `id`                   | `string`                                                                                              |          |           | Used as HTML id property. An id is auto-generated when it is not specified.                                                                                                 |
+| `autoComplete`         | `string`                                                                                              |          |           | Used as HTML autocomplete property                                                                                                                                          |
+| `aria-invalid`         | `boolean`                                                                                             |          |           | Indicate if the value entered in the input is invalid.                                                                                                                      |
+| `aria-errormessage`    | `string`                                                                                              |          |           | HTML ID of an element containing an error message related to the input.                                                                                                     |
+| `className`            | `string`                                                                                              |          |           | `className` forwarded to the underlying `<input />`.                                                                                                                        |
+| `name`                 | `string`                                                                                              |          |           | Used as HTML name of the input component. property                                                                                                                          |
+| `value`                | `string`                                                                                              |    ✅    |           | Value of the input component.                                                                                                                                               |
+| `onChange`             | `ChangeEventHandler`                                                                                  |          |           | Called with an event containing the new value. Required when input is not read only. Parent should pass it back as value.                                                   |
+| `onBlur`               | `FocusEventHandler`                                                                                   |          |           | Called when input is blurred                                                                                                                                                |
+| `onFocus`              | `FocusEventHandler`                                                                                   |          |           | Called when input is focused                                                                                                                                                |
+| `isAutofocussed`       | `boolean`                                                                                             |          |           | Focus the input on initial render                                                                                                                                           |
+| `isCondensed`          | `boolean`                                                                                             |          |           | Use this property to reduce the paddings of the component for a ui compact variant                                                                                          |
+| `isDisabled`           | `boolean`                                                                                             |          |           | Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).                                                                              |
+| `isReadOnly`           | `boolean`                                                                                             |          |           | Indicates that the field is displaying read-only content                                                                                                                    |
+| `hasError`             | `boolean`                                                                                             |          |           | Indicates if the input has invalid values                                                                                                                                   |
+| `hasWarning`           | `boolean`                                                                                             |          |           |                                                                                                                                                                             |
+| `placeholder`          | `string`                                                                                              |          |           | Placeholder text for the input                                                                                                                                              |
+| `horizontalConstraint` | `union`<br/>Possible values:<br/>`, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` |          | `'scale'` | Horizontal size limit of the input fields.                                                                                                                                  |
+| `maxLength`            | `number`                                                                                              |          |           | Maximum number of characters allowed in the input. If this prop is used, it is recommended to inform the user about this limit in the InputField description, or otherwise. |
+
+## `data-*` props
+
+The component further forwards all `data-` attributes to the underlying `input` component.
+
+## Static methods
+
+### `TextInput.isEmpty`
+
+Returns `true` when the value is considered empty, which is when the value is empty or consists of spaces only.
+
+```js
+TextInput.isEmpty(''); // -> true
+TextInput.isEmpty(' '); // -> true
+TextInput.isEmpty('tree'); // -> false
+```
+
+## Main Functions and use cases are:
+
+- Input field for single-line strings

package/dist/commercetools-uikit-text-input.cjs.d.ts

@@ -0,0 +1,3 @@
+export * from "./declarations/src/index.js";
+export { default } from "./declarations/src/index.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVyY2V0b29scy11aWtpdC10ZXh0LWlucHV0LmNqcy5kLnRzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi9kZWNsYXJhdGlvbnMvc3JjL2luZGV4LmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEifQ==

package/dist/commercetools-uikit-text-input.cjs.dev.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _pt = require('prop-types');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
+var utils = require('@commercetools-uikit/utils');
+var Constraints = require('@commercetools-uikit/constraints');
+var inputUtils = require('@commercetools-uikit/input-utils');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
+var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
+
+const _excluded = ["horizontalConstraint"];
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const TextInput = _ref => {
+  let _ref$horizontalConstr = _ref.horizontalConstraint,
+    horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (!props.isReadOnly) {
+    process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'TextInput: `onChange` is required when is not read only.') : void 0;
+  }
+  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+    max: horizontalConstraint,
+    children: jsxRuntime.jsx("input", _objectSpread(_objectSpread({
+      id: props.id,
+      name: props.name,
+      type: "text",
+      value: props.value,
+      onChange: props.onChange,
+      onBlur: props.onBlur,
+      onFocus: props.onFocus,
+      disabled: props.isDisabled,
+      placeholder: props.placeholder,
+      maxLength: props.maxLength,
+      readOnly: props.isReadOnly,
+      autoFocus: props.isAutofocussed,
+      autoComplete: props.autoComplete,
+      css: inputUtils.getInputStyles(props)
+      // Allow to override the styles by passing a `className` prop.
+      // Custom styles can also be passed using the `css` prop from emotion.
+      // https://emotion.sh/docs/css-prop#style-precedence
+      ,
+      className: props.className
+    }, utils.filterDataAttributes(_objectSpread({
+      horizontalConstraint
+    }, props))), {}, {
+      /* ARIA */
+      "aria-readonly": props.isReadOnly,
+      contentEditable: !props.isReadOnly,
+      "aria-invalid": props['aria-invalid'],
+      "aria-errormessage": props['aria-errormessage']
+    }))
+  });
+};
+TextInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _pt__default["default"].string,
+  autoComplete: _pt__default["default"].string,
+  'aria-invalid': _pt__default["default"].bool,
+  'aria-errormessage': _pt__default["default"].string,
+  className: _pt__default["default"].string,
+  name: _pt__default["default"].string,
+  value: _pt__default["default"].string.isRequired,
+  onChange: _pt__default["default"].func,
+  onBlur: _pt__default["default"].func,
+  onFocus: _pt__default["default"].func,
+  isAutofocussed: _pt__default["default"].bool,
+  isCondensed: _pt__default["default"].bool,
+  isDisabled: _pt__default["default"].bool,
+  isReadOnly: _pt__default["default"].bool,
+  hasError: _pt__default["default"].bool,
+  hasWarning: _pt__default["default"].bool,
+  placeholder: _pt__default["default"].string,
+  horizontalConstraint: _pt__default["default"].oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
+  maxLength: _pt__default["default"].number
+} : {};
+TextInput.displayName = 'TextInput';
+TextInput.isEmpty = value => !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
+var TextInput$1 = TextInput;
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "19.25.1";
+
+exports["default"] = TextInput$1;
+exports.version = version;

package/dist/commercetools-uikit-text-input.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./commercetools-uikit-text-input.cjs.prod.js");
+} else {
+  module.exports = require("./commercetools-uikit-text-input.cjs.dev.js");
+}

package/dist/commercetools-uikit-text-input.cjs.prod.js

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('prop-types');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
+var utils = require('@commercetools-uikit/utils');
+var Constraints = require('@commercetools-uikit/constraints');
+var inputUtils = require('@commercetools-uikit/input-utils');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
+var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
+
+const _excluded = ["horizontalConstraint"];
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const TextInput = _ref => {
+  let _ref$horizontalConstr = _ref.horizontalConstraint,
+    horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (!props.isReadOnly) ;
+  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+    max: horizontalConstraint,
+    children: jsxRuntime.jsx("input", _objectSpread(_objectSpread({
+      id: props.id,
+      name: props.name,
+      type: "text",
+      value: props.value,
+      onChange: props.onChange,
+      onBlur: props.onBlur,
+      onFocus: props.onFocus,
+      disabled: props.isDisabled,
+      placeholder: props.placeholder,
+      maxLength: props.maxLength,
+      readOnly: props.isReadOnly,
+      autoFocus: props.isAutofocussed,
+      autoComplete: props.autoComplete,
+      css: inputUtils.getInputStyles(props)
+      // Allow to override the styles by passing a `className` prop.
+      // Custom styles can also be passed using the `css` prop from emotion.
+      // https://emotion.sh/docs/css-prop#style-precedence
+      ,
+      className: props.className
+    }, utils.filterDataAttributes(_objectSpread({
+      horizontalConstraint
+    }, props))), {}, {
+      /* ARIA */
+      "aria-readonly": props.isReadOnly,
+      contentEditable: !props.isReadOnly,
+      "aria-invalid": props['aria-invalid'],
+      "aria-errormessage": props['aria-errormessage']
+    }))
+  });
+};
+TextInput.propTypes = {};
+TextInput.displayName = 'TextInput';
+TextInput.isEmpty = value => !value || _trimInstanceProperty__default["default"](value).call(value).length === 0;
+var TextInput$1 = TextInput;
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "19.25.1";
+
+exports["default"] = TextInput$1;
+exports.version = version;

package/dist/commercetools-uikit-text-input.esm.js

@@ -0,0 +1,89 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
+import _pt from 'prop-types';
+import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
+import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
+import Constraints from '@commercetools-uikit/constraints';
+import { getInputStyles } from '@commercetools-uikit/input-utils';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+const _excluded = ["horizontalConstraint"];
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const TextInput = _ref => {
+  let _ref$horizontalConstr = _ref.horizontalConstraint,
+    horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (!props.isReadOnly) {
+    process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'TextInput: `onChange` is required when is not read only.') : void 0;
+  }
+  return jsx(Constraints.Horizontal, {
+    max: horizontalConstraint,
+    children: jsx("input", _objectSpread(_objectSpread({
+      id: props.id,
+      name: props.name,
+      type: "text",
+      value: props.value,
+      onChange: props.onChange,
+      onBlur: props.onBlur,
+      onFocus: props.onFocus,
+      disabled: props.isDisabled,
+      placeholder: props.placeholder,
+      maxLength: props.maxLength,
+      readOnly: props.isReadOnly,
+      autoFocus: props.isAutofocussed,
+      autoComplete: props.autoComplete,
+      css: getInputStyles(props)
+      // Allow to override the styles by passing a `className` prop.
+      // Custom styles can also be passed using the `css` prop from emotion.
+      // https://emotion.sh/docs/css-prop#style-precedence
+      ,
+      className: props.className
+    }, filterDataAttributes(_objectSpread({
+      horizontalConstraint
+    }, props))), {}, {
+      /* ARIA */
+      "aria-readonly": props.isReadOnly,
+      contentEditable: !props.isReadOnly,
+      "aria-invalid": props['aria-invalid'],
+      "aria-errormessage": props['aria-errormessage']
+    }))
+  });
+};
+TextInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _pt.string,
+  autoComplete: _pt.string,
+  'aria-invalid': _pt.bool,
+  'aria-errormessage': _pt.string,
+  className: _pt.string,
+  name: _pt.string,
+  value: _pt.string.isRequired,
+  onChange: _pt.func,
+  onBlur: _pt.func,
+  onFocus: _pt.func,
+  isAutofocussed: _pt.bool,
+  isCondensed: _pt.bool,
+  isDisabled: _pt.bool,
+  isReadOnly: _pt.bool,
+  hasError: _pt.bool,
+  hasWarning: _pt.bool,
+  placeholder: _pt.string,
+  horizontalConstraint: _pt.oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
+  maxLength: _pt.number
+} : {};
+TextInput.displayName = 'TextInput';
+TextInput.isEmpty = value => !value || _trimInstanceProperty(value).call(value).length === 0;
+var TextInput$1 = TextInput;
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "19.25.1";
+
+export { TextInput$1 as default, version };

package/dist/declarations/src/export-types.d.ts

@@ -0,0 +1 @@
+export type { TTextInputProps } from "./text-input.js";

package/dist/declarations/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./text-input.js";
+export { default as version } from "./version.js";
+export * from "./export-types.js";

package/dist/declarations/src/text-input.d.ts

@@ -0,0 +1,82 @@
+import type { FocusEventHandler, ChangeEventHandler } from 'react';
+export type TTextInputProps = {
+    /**
+     * Used as HTML id property. An id is auto-generated when it is not specified.
+     */
+    id?: string;
+    /**
+     * Used as HTML autocomplete property
+     */
+    autoComplete?: string;
+    /**
+     * Indicate if the value entered in the input is invalid.
+     */
+    'aria-invalid'?: boolean;
+    /**
+     * HTML ID of an element containing an error message related to the input.
+     */
+    'aria-errormessage'?: string;
+    /**
+     * `className` forwarded to the underlying `<input />`.
+     */
+    className?: string;
+    /**
+     * Used as HTML name of the input component. property
+     */
+    name?: string;
+    /**
+     * Value of the input component.
+     */
+    value: string;
+    /**
+     * Called with an event containing the new value. Required when input is not read only. Parent should pass it back as value.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Called when input is blurred
+     */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Called when input is focused
+     */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Focus the input on initial render
+     */
+    isAutofocussed?: boolean;
+    /**
+     * Use this property to reduce the paddings of the component for a ui compact variant
+     */
+    isCondensed?: boolean;
+    /**
+     * Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).
+     */
+    isDisabled?: boolean;
+    /**
+     * Indicates that the field is displaying read-only content
+     */
+    isReadOnly?: boolean;
+    /**
+     * Indicates if the input has invalid values
+     */
+    hasError?: boolean;
+    hasWarning?: boolean;
+    /**
+     * Placeholder text for the input
+     */
+    placeholder?: string;
+    /**
+     * Horizontal size limit of the input fields.
+     */
+    horizontalConstraint?: 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
+    /**
+     * Maximum number of characters allowed in the input. If this prop is used, it is recommended to inform the user about this limit in the InputField description, or otherwise.
+     */
+    maxLength?: number;
+};
+declare const TextInput: {
+    ({ horizontalConstraint, ...props }: TTextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    isEmpty(value: TTextInputProps["value"]): boolean;
+};
+export default TextInput;

package/dist/declarations/src/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
+export default _default;

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@commercetools-uikit/text-input",
+  "description": "A controlled text input component for single-line strings with validation states.",
+  "version": "0.0.0-FCT-1500-adjust-legacy-css-reset-20250527090339",
+  "bugs": "https://github.com/commercetools/ui-kit/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/commercetools/ui-kit.git",
+    "directory": "packages/components/inputs/text-input"
+  },
+  "homepage": "https://uikit.commercetools.com",
+  "keywords": [
+    "javascript",
+    "typescript",
+    "design-system",
+    "react",
+    "uikit"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "main": "dist/commercetools-uikit-text-input.cjs.js",
+  "module": "dist/commercetools-uikit-text-input.esm.js",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.20.13",
+    "@babel/runtime-corejs3": "^7.20.13",
+    "@commercetools-uikit/constraints": "0.0.0-FCT-1500-adjust-legacy-css-reset-20250527090339",
+    "@commercetools-uikit/design-system": "0.0.0-FCT-1500-adjust-legacy-css-reset-20250527090339",
+    "@commercetools-uikit/input-utils": "0.0.0-FCT-1500-adjust-legacy-css-reset-20250527090339",
+    "@commercetools-uikit/utils": "0.0.0-FCT-1500-adjust-legacy-css-reset-20250527090339",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "prop-types": "15.8.1"
+  },
+  "devDependencies": {
+    "react": "17.0.2"
+  },
+  "peerDependencies": {
+    "react": "17.x"
+  }
+}