@trackunit/react-components 0.0.115 → 0.0.116
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Card/Card.d.ts +2 -2
- package/components/TextAreaField/TextAreaField.d.ts +1 -0
- package/index.css +25 -0
- package/index.js +2 -2
- package/package.json +1 -1
|
@@ -35,8 +35,8 @@ export interface CardProps extends CommonProps {
|
|
|
35
35
|
onMouseLeave?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
36
36
|
}
|
|
37
37
|
/**
|
|
38
|
-
* The Card component is a container for
|
|
39
|
-
* To get the most out of the Card use it in combination with the CardHeader, CardBody and CardFooter.
|
|
38
|
+
* The Card component is a container for UI elements, and is the main component of the modal.
|
|
39
|
+
* To get the most out of the Card, use it in combination with the CardHeader, CardBody and CardFooter.
|
|
40
40
|
*
|
|
41
41
|
* @param {CardProps} props - The props for the Card component
|
|
42
42
|
* @returns {JSX.Element} Card component
|
|
@@ -2,6 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { CommonProps } from "../../common";
|
|
3
3
|
import { FormGroupProps } from "../FormGroup/FormGroup";
|
|
4
4
|
import { TextAreaProps } from "../TextArea/TextArea";
|
|
5
|
+
import "../TextArea/TextArea.css";
|
|
5
6
|
declare type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
|
|
6
7
|
export interface TextAreaFieldProps extends TextAreaProps, FormGroupExposedProps, CommonProps {
|
|
7
8
|
/**
|
package/index.css
CHANGED
|
@@ -163,6 +163,31 @@
|
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
+
.tu-textarea {
|
|
167
|
+
@apply tu-input-base
|
|
168
|
+
block
|
|
169
|
+
overflow-auto
|
|
170
|
+
appearance-none
|
|
171
|
+
px-3
|
|
172
|
+
py-2
|
|
173
|
+
bg-transparent
|
|
174
|
+
text-base
|
|
175
|
+
text-slate-900
|
|
176
|
+
placeholder-slate-400
|
|
177
|
+
focus-visible:outline-none
|
|
178
|
+
w-full
|
|
179
|
+
h-20
|
|
180
|
+
transition;
|
|
181
|
+
|
|
182
|
+
&--invalid {
|
|
183
|
+
@apply tu-input--invalid;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
&--disabled {
|
|
187
|
+
@apply tu-input--disabled;
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
|
|
166
191
|
/* CSS related to the toggle component */
|
|
167
192
|
.tu-toggle {
|
|
168
193
|
@apply rounded-full
|
package/index.js
CHANGED
|
@@ -958,8 +958,8 @@ const InputContainer = tw.div`
|
|
|
958
958
|
|
|
959
959
|
const ROLE_CARD = "region";
|
|
960
960
|
/**
|
|
961
|
-
* The Card component is a container for
|
|
962
|
-
* To get the most out of the Card use it in combination with the CardHeader, CardBody and CardFooter.
|
|
961
|
+
* The Card component is a container for UI elements, and is the main component of the modal.
|
|
962
|
+
* To get the most out of the Card, use it in combination with the CardHeader, CardBody and CardFooter.
|
|
963
963
|
*
|
|
964
964
|
* @param {CardProps} props - The props for the Card component
|
|
965
965
|
* @returns {JSX.Element} Card component
|