@rescui/textarea 0.10.2-RUI-285-Support-blur-for-glow-hover-6f393bc1.1 → 0.11.0

package/lib/textarea.p.module.css.js

@@ -1,23 +1,24 @@
 var styles = {
-  "themeLight": "_themeLight_1inmah8_8",
-  "themeDark": "_themeDark_1inmah8_11",
-  "sizeS": "_sizeS_1inmah8_15",
-  "sizeM": "_sizeM_1inmah8_18",
-  "sizeL": "_sizeL_1inmah8_21",
-  "classic": "_classic_1inmah8_25",
-  "rock": "_rock_1inmah8_28",
-  "labelWrapper": "_labelWrapper_1inmah8_32",
-  "wrapper": "_wrapper_1inmah8_39",
-  "error": "_error_1inmah8_56",
-  "disabled": "_disabled_1inmah8_62",
-  "enabled": "_enabled_1inmah8_68",
-  "focused": "_focused_1inmah8_68",
-  "filled": "_filled_1inmah8_74",
-  "inner": "_inner_1inmah8_90",
-  "busyIcon": "_busyIcon_1inmah8_176",
-  "errorMessage": "_errorMessage_1inmah8_196",
-  "errorIcon": "_errorIcon_1inmah8_208",
-  "note": "_note_1inmah8_214",
-  "label": "_label_1inmah8_32"
+  "themeLight": "_themeLight_tr93ef_8",
+  "themeDark": "_themeDark_tr93ef_11",
+  "sizeS": "_sizeS_tr93ef_15",
+  "sizeM": "_sizeM_tr93ef_18",
+  "sizeL": "_sizeL_tr93ef_21",
+  "classic": "_classic_tr93ef_25",
+  "rock": "_rock_tr93ef_28",
+  "labelWrapper": "_labelWrapper_tr93ef_32",
+  "wrapper": "_wrapper_tr93ef_40",
+  "error": "_error_tr93ef_57",
+  "disabled": "_disabled_tr93ef_63",
+  "enabled": "_enabled_tr93ef_69",
+  "focused": "_focused_tr93ef_69",
+  "filled": "_filled_tr93ef_75",
+  "inner": "_inner_tr93ef_91",
+  "busyIcon": "_busyIcon_tr93ef_177",
+  "label": "_label_tr93ef_32",
+  "footer": "_footer_tr93ef_208",
+  "characterCounter": "_characterCounter_tr93ef_227",
+  "errorMessage": "_errorMessage_tr93ef_236",
+  "note": "_note_tr93ef_240"
 };
 export { styles as default };

package/lib/use-backward-compatible-id.d.ts

@@ -0,0 +1,4 @@
+export declare const useBackwardCompatibleId: {
+    (): string | number;
+    counter: number;
+};

package/lib/use-backward-compatible-id.js

@@ -0,0 +1,14 @@
+import React, { useRef } from 'react';
+
+const useBackwardCompatibleId = () => {
+  const id = useRef(null);
+
+  if (id.current === null) {
+    id.current = useBackwardCompatibleId.counter++;
+  }
+
+  return (React.useId ? React.useId : () => id.current)();
+};
+
+useBackwardCompatibleId.counter = 0;
+export { useBackwardCompatibleId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/textarea",
-  "version": "0.10.2-RUI-285-Support-blur-for-glow-hover-6f393bc1.1+6f393bc1",
+  "version": "0.11.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
+    "@rescui/form-field": "^0.1.0",
     "classnames": "^2.2.6",
     "react-textarea-autosize": "^8.3.4"
   },
@@ -25,10 +26,10 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "0.2.13-RUI-285-Support-blur-for-glow-hover-6f393bc1.50+6f393bc1",
-    "@rescui/scripts": "0.5.1",
-    "@rescui/typography": "0.24.4-RUI-285-Support-blur-for-glow-hover-6f393bc1.1+6f393bc1",
-    "@rescui/visual-regression": "0.1.4",
+    "@rescui/colors": "^0.3.0",
+    "@rescui/scripts": "^0.5.1",
+    "@rescui/typography": "^0.24.4",
+    "@rescui/visual-regression": "^0.1.4",
     "@types/classnames": "^2.2.11"
   },
   "scripts": {
@@ -36,5 +37,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "6f393bc1b7394a744b9737ba9fe13126c3163219"
+  "gitHead": "1c29c8940bcec78d637ea6070ee8a63c258c8e89"
 }

package/lib/_virtual/warning.js

@@ -1,106 +0,0 @@
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import styles from './index.css.js';
-const sizeStyles = {
-  "xs": styles.sizeXS,
-  "s": styles.sizeS,
-  "m": styles.sizeM,
-  "l": styles.sizeL
-};
-const Size = {
-  "xs": "xs",
-  "s": "s",
-  "m": "m",
-  "l": "l"
-};
-const WarningIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 16 16"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "m6.303 1.989-5.027 8.874C.483 12.263 1.494 14 3.103 14h9.793c1.609 0 2.62-1.736 1.827-3.137L9.696 1.99C8.949.67 7.05.67 6.303 1.989M8 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2m0-8a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 4"
-})));
-WarningIcon16.displayName = 'WarningIcon16';
-const WarningIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 20 20"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "m8.042 3.141-5.8 10.24C1.327 14.997 2.494 17 4.35 17h11.3c1.856 0 3.023-2.003 2.108-3.62l-5.8-10.239c-.862-1.521-3.054-1.521-3.916 0M10 5.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V6a.75.75 0 0 1 .75-.75m0 9.25a1 1 0 1 1 0-2 1 1 0 0 1 0 2"
-})));
-WarningIcon20.displayName = 'WarningIcon20';
-const WarningIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 24 24"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "m9.52 3.446-7.346 12.97C1.014 18.463 2.492 21 4.844 21h14.312c2.352 0 3.83-2.537 2.67-4.584L14.48 3.446c-1.092-1.928-3.868-1.928-4.96 0M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
-})));
-WarningIcon24.displayName = 'WarningIcon24';
-const WarningIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
-  viewBox: "0 0 28 28"
-}, props, {
-  ref: ref
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M11.26 4.598 3.14 18.933C1.858 21.195 3.492 24 6.09 24h15.82c2.599 0 4.232-2.805 2.951-5.067l-8.12-14.335c-1.207-2.13-4.275-2.13-5.481 0M14 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
-})));
-WarningIcon28.displayName = 'WarningIcon28';
-const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    theme,
-    size: sizeFromProps = "m",
-    className,
-    style,
-    ['data-render-all-sizes']: renderAllSizes = false,
-    ...props
-  } = _ref;
-  const size = sizeFromProps in Size ? sizeFromProps : "m";
-  const mainProps = { ...props,
-    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
-    style: renderAllSizes ? {
-      '--rs-icon-ar-width': 28,
-      '--rs-icon-ar-height': 28,
-      ...style
-    } : style,
-    ref
-  };
-
-  if (renderAllSizes) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 28 28"
-    }, mainProps), /*#__PURE__*/React.createElement(WarningIcon16, {
-      className: styles.variant16
-    }), /*#__PURE__*/React.createElement(WarningIcon20, {
-      className: styles.variant20
-    }), /*#__PURE__*/React.createElement(WarningIcon24, {
-      className: styles.variant24
-    }), /*#__PURE__*/React.createElement(WarningIcon28, {
-      className: styles.variant28
-    }));
-  }
-
-  if (size === Size['xs']) {
-    return /*#__PURE__*/React.createElement(WarningIcon16, mainProps);
-  }
-
-  if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement(WarningIcon20, mainProps);
-  }
-
-  if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement(WarningIcon24, mainProps);
-  }
-
-  return /*#__PURE__*/React.createElement(WarningIcon28, mainProps);
-});
-WarningIcon.displayName = 'WarningIcon';
-WarningIcon.propTypes = {
-  className: PropTypes.string,
-  theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
-  'data-render-all-sizes': PropTypes.bool,
-  style: PropTypes.object
-};
-export { Size, WarningIcon as default };