@dt-dds/react-text-area 1.0.0-beta.39 → 1.0.0-beta.42

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @dt-ui/react-text-area
 
+## 1.0.0-beta.42
+
+### Patch Changes
+
+- Updated dependencies [223664b]
+  - @dt-dds/react-box@1.0.0-beta.31
+
+## 1.0.0-beta.41
+
+### Minor Changes
+
+- feat: allow passing icon to text area label
+
+### Patch Changes
+
+- Updated dependencies [223664b]
+  - @dt-dds/react-box@1.0.0-beta.30
+
+## 1.0.0-beta.40
+
+### Patch Changes
+
+- Updated dependencies [223664b]
+  - @dt-dds/react-box@1.0.0-beta.29
+
 ## 1.0.0-beta.39
 
 ### Patch Changes

package/README.md

@@ -29,6 +29,7 @@ export const App = () => {
 | `message`        | `string`                    | -                | The message to be displayed below the input field. Useful for hints or to display errors. |
 | `labelVariant`   | `[default, floating]`       | `default`        | Sets the label floating or traditional on top of the input                                |
 | `hasLabel`       | `boolean`                   | `true`           | Show/hide the label                                                                       |
+| `labelIcon`      | `ReactNode`.      | -                | Sets an element for label to provide guidance about the scope of the field.                     |
 
 ## Stack
 

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import { CustomTheme } from '@dt-dds/themes';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BaseProps } from '@dt-dds/react-core';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 
 type TextAreaVariant = 'outlined' | 'bottom-line';
 type TextAreaBackgroundFill = 'default' | 'contrast' | 'light';
@@ -19,8 +19,9 @@ interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'>, BaseProps
     message?: string;
     labelVariant?: TextAreaLabelVariant;
     hasLabel?: boolean;
+    labelIcon?: ReactNode;
 }
-declare const TextArea: ({ label, dataTestId, name, value, style, onChange, maxLength, variant, backgroundFill, enableResize, disabled, required, hasError, hasLabel, message: messageProp, labelVariant, placeholder, readOnly, ...rest }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+declare const TextArea: ({ label, labelIcon, dataTestId, name, value, style, onChange, maxLength, variant, backgroundFill, enableResize, disabled, required, hasError, hasLabel, message: messageProp, labelVariant, placeholder, readOnly, ...rest }: TextAreaProps) => react_jsx_runtime.JSX.Element;
 
 declare module '@emotion/react' {
     interface Theme extends CustomTheme {

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { CustomTheme } from '@dt-dds/themes';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BaseProps } from '@dt-dds/react-core';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 
 type TextAreaVariant = 'outlined' | 'bottom-line';
 type TextAreaBackgroundFill = 'default' | 'contrast' | 'light';
@@ -19,8 +19,9 @@ interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'>, BaseProps
     message?: string;
     labelVariant?: TextAreaLabelVariant;
     hasLabel?: boolean;
+    labelIcon?: ReactNode;
 }
-declare const TextArea: ({ label, dataTestId, name, value, style, onChange, maxLength, variant, backgroundFill, enableResize, disabled, required, hasError, hasLabel, message: messageProp, labelVariant, placeholder, readOnly, ...rest }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+declare const TextArea: ({ label, labelIcon, dataTestId, name, value, style, onChange, maxLength, variant, backgroundFill, enableResize, disabled, required, hasError, hasLabel, message: messageProp, labelVariant, placeholder, readOnly, ...rest }: TextAreaProps) => react_jsx_runtime.JSX.Element;
 
 declare module '@emotion/react' {
     interface Theme extends CustomTheme {

package/dist/index.js

@@ -139,6 +139,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var TextArea = (_a) => {
   var _b = _a, {
     label,
+    labelIcon,
     dataTestId,
     name,
     value,
@@ -158,6 +159,7 @@ var TextArea = (_a) => {
     readOnly
   } = _b, rest = __objRest(_b, [
     "label",
+    "labelIcon",
     "dataTestId",
     "name",
     "value",
@@ -225,6 +227,7 @@ var TextArea = (_a) => {
       {
         hasError: showError,
         htmlFor: testId,
+        icon: labelIcon,
         isActive: isActive && !readOnly ? true : false,
         isDisabled: disabled || readOnly,
         isFloating: isFloatingLabel,

package/dist/index.mjs

@@ -109,6 +109,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var TextArea = (_a) => {
   var _b = _a, {
     label,
+    labelIcon,
     dataTestId,
     name,
     value,
@@ -128,6 +129,7 @@ var TextArea = (_a) => {
     readOnly
   } = _b, rest = __objRest(_b, [
     "label",
+    "labelIcon",
     "dataTestId",
     "name",
     "value",
@@ -195,6 +197,7 @@ var TextArea = (_a) => {
       {
         hasError: showError,
         htmlFor: testId,
+        icon: labelIcon,
         isActive: isActive && !readOnly ? true : false,
         isDisabled: disabled || readOnly,
         isFloating: isFloatingLabel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-text-area",
-  "version": "1.0.0-beta.39",
+  "version": "1.0.0-beta.42",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -20,10 +20,12 @@
     "test:update:snapshot": "jest -u"
   },
   "dependencies": {
-    "@dt-dds/react-box": "1.0.0-beta.28",
+    "@dt-dds/react-box": "1.0.0-beta.31",
     "@dt-dds/react-core": "1.0.0-beta.49",
     "@dt-dds/react-label-field": "1.0.0-beta.47",
     "@dt-dds/react-typography": "1.0.0-beta.40",
+    "@dt-dds/react-tooltip": "1.0.0-beta.57",
+    "@dt-dds/react-icon": "1.0.0-beta.50",
     "@dt-dds/themes": "1.0.0-beta.8"
   },
   "devDependencies": {