@micromag/element-text-input 0.3.832 → 0.4.4

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-element-text-input-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-element-text-input-container em,.micromag-element-text-input-container i{font-style:italic}.micromag-element-text-input-container b,.micromag-element-text-input-container strong{font-weight:700}.micromag-element-text-input-container p{margin-bottom:.5em;margin-top:.5em}.micromag-element-text-input-container mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0}.micromag-element-text-input-container{line-height:1.3}.micromag-element-text-input-container h2{font-size:2em}.micromag-element-text-input-container h3{font-size:1.75em}.micromag-element-text-input-container h4{font-size:1.5em}.micromag-element-text-input-container blockquote{padding:0 0 0 1em}.micromag-element-text-input-container img{display:block;height:auto;max-width:100%;width:auto}.micromag-element-text-input-container{margin:0;padding:0}.micromag-element-text-input-element{background-color:hsla(0,0%,100%,.1);border:0;outline:0}
+.container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0}.container em,.container i{font-style:italic}.container b,.container strong{font-weight:700}.container p{margin-bottom:.5em;margin-top:.5em}.container mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0}.container h2{font-size:2em}.container h3{font-size:1.75em}.container h4{font-size:1.5em}.container blockquote{padding:0 0 0 1em}.container img{display:block;height:auto;max-width:100%;width:auto}.element{background-color:hsla(0,0%,100%,.1);border:0;outline:0}

package/es/index.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextStyle, BoxStyle, Margin } from '@micromag/core';
+
+interface TextInputProps {
+    label?: string | null;
+    labelOutside?: boolean;
+    labelClassName?: string | null;
+    textStyle?: TextStyle | null;
+    placeholderTextStyle?: TextStyle | null;
+    buttonStyle?: BoxStyle | null;
+    labelOutsideStyle?: TextStyle | null;
+    margin?: Margin | null;
+    multiline?: boolean;
+    value?: string;
+    onChange?: ((...args: unknown[]) => void) | null;
+    onFocus?: ((...args: unknown[]) => void) | null;
+    onBlur?: ((...args: unknown[]) => void) | null;
+    required?: boolean;
+    disabled?: boolean;
+    focusable?: boolean;
+    className?: string | null;
+}
+declare function TextInput({ label, labelOutside, labelClassName, textStyle, placeholderTextStyle, buttonStyle, labelOutsideStyle, margin, multiline, value, onChange, onFocus, onBlur, required, disabled, focusable, className, }: TextInputProps): react_jsx_runtime.JSX.Element;
+
+export { TextInput as default };

package/es/index.js

@@ -1,71 +1,48 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import React from 'react';
 import { Helmet } from 'react-helmet';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { usePlaceholderStyle } from '@micromag/core/hooks';
 import { getStyleFromMargin, getStyleFromText, getStyleFromBox } from '@micromag/core/utils';
 
-var styles = {"container":"micromag-element-text-input-container","element":"micromag-element-text-input-element"};
+var styles = {"container":"container","element":"element"};
 
-var propTypes = {
-  label: PropTypes.string,
-  labelOutside: PropTypes.bool,
-  labelClassName: PropTypes.string,
-  textStyle: PropTypes$1.textStyle,
-  placeholderTextStyle: PropTypes$1.textStyle,
-  buttonStyle: PropTypes$1.boxStyle,
-  labelOutsideStyle: PropTypes$1.textStyle,
-  margin: PropTypes$1.margin,
-  multiline: PropTypes.bool,
-  value: PropTypes.string,
-  onChange: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  required: PropTypes.bool,
-  disabled: PropTypes.bool,
-  focusable: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps = {
-  label: null,
-  labelOutside: false,
-  labelClassName: null,
-  textStyle: null,
-  placeholderTextStyle: null,
-  buttonStyle: null,
-  labelOutsideStyle: null,
-  margin: null,
-  multiline: false,
-  value: '',
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  required: false,
-  disabled: false,
-  focusable: true,
-  className: null
-};
-var TextInput = function TextInput(_ref) {
-  var label = _ref.label,
-    labelOutside = _ref.labelOutside,
-    labelClassName = _ref.labelClassName,
-    textStyle = _ref.textStyle,
-    placeholderTextStyle = _ref.placeholderTextStyle,
-    buttonStyle = _ref.buttonStyle,
-    labelOutsideStyle = _ref.labelOutsideStyle,
-    margin = _ref.margin,
-    multiline = _ref.multiline,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    required = _ref.required,
-    disabled = _ref.disabled,
-    focusable = _ref.focusable,
-    className = _ref.className;
+function TextInput(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? null : _ref$label,
+    _ref$labelOutside = _ref.labelOutside,
+    labelOutside = _ref$labelOutside === void 0 ? false : _ref$labelOutside,
+    _ref$labelClassName = _ref.labelClassName,
+    labelClassName = _ref$labelClassName === void 0 ? null : _ref$labelClassName,
+    _ref$textStyle = _ref.textStyle,
+    textStyle = _ref$textStyle === void 0 ? null : _ref$textStyle,
+    _ref$placeholderTextS = _ref.placeholderTextStyle,
+    placeholderTextStyle = _ref$placeholderTextS === void 0 ? null : _ref$placeholderTextS,
+    _ref$buttonStyle = _ref.buttonStyle,
+    buttonStyle = _ref$buttonStyle === void 0 ? null : _ref$buttonStyle,
+    _ref$labelOutsideStyl = _ref.labelOutsideStyle,
+    labelOutsideStyle = _ref$labelOutsideStyl === void 0 ? null : _ref$labelOutsideStyl,
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? null : _ref$margin,
+    _ref$multiline = _ref.multiline,
+    multiline = _ref$multiline === void 0 ? false : _ref$multiline,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    _ref$onFocus = _ref.onFocus,
+    onFocus = _ref$onFocus === void 0 ? null : _ref$onFocus,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? null : _ref$onBlur,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$focusable = _ref.focusable,
+    focusable = _ref$focusable === void 0 ? true : _ref$focusable,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var containerStyle = {};
   var labelStyle = {};
   var elementStyle = {};
@@ -116,8 +93,6 @@ var TextInput = function TextInput(_ref) {
     className: labelClassName,
     style: labelStyle
   }, label), element, placeholderStyleElement);
-};
-TextInput.propTypes = propTypes;
-TextInput.defaultProps = defaultProps;
+}
 
 export { TextInput as default };

package/es/styles.css

@@ -0,0 +1 @@
+.container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0}.container em,.container i{font-style:italic}.container b,.container strong{font-weight:700}.container p{margin-bottom:.5em;margin-top:.5em}.container mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0}.container h2{font-size:2em}.container h3{font-size:1.75em}.container h4{font-size:1.5em}.container blockquote{padding:0 0 0 1em}.container img{display:block;height:auto;max-width:100%;width:auto}.element{background-color:hsla(0,0%,100%,.1);border:0;outline:0}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-text-input",
-    "version": "0.3.832",
+    "version": "0.4.4",
     "private": false,
     "description": "",
     "keywords": [
@@ -34,6 +34,7 @@
     "module": "es/index.js",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -47,26 +48,26 @@
     "scripts": {
         "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.832",
+        "@micromag/core": "^0.4.4",
         "classnames": "^2.2.6",
-        "prop-types": "^15.7.2",
         "react-helmet": "^6.1.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
+    "types": "es/index.d.ts"
 }