@trackunit/react-components 0.0.195 → 0.0.198

package/components/TextAreaField/TextAreaField.d.ts

@@ -2,7 +2,6 @@ import * as React from "react";
 import { CommonProps } from "../../common";
 import { FormGroupProps } from "../FormGroup/FormGroup";
 import { TextAreaProps } from "../TextArea/TextArea";
-import "../TextArea/TextArea.css";
 declare type FormGroupExposedProps = Pick<FormGroupProps, "label" | "tip" | "helpText" | "helpAddon">;
 export interface TextAreaFieldProps extends TextAreaProps, FormGroupExposedProps, CommonProps {
     /**

package/components/Timeline/Timeline.d.ts

@@ -18,6 +18,7 @@ interface TimeLineElementProps extends CommonProps {
     header?: React.ReactNode;
     children: React.ReactNode;
     dot?: React.ReactNode;
+    onClick?: () => void;
 }
 /**
  * TimelineElement - entry on a timeline - rendered with an icon on the timeline
@@ -26,5 +27,5 @@ interface TimeLineElementProps extends CommonProps {
  * @param {TimeLineElementProps} props the props
  * @returns {JSX.Element} component
  */
-export declare const TimelineElement: ({ date, children, className, dataTestId, dot, header, }: TimeLineElementProps) => JSX.Element;
+export declare const TimelineElement: ({ date, children, className, dataTestId, dot, header, onClick, }: TimeLineElementProps) => JSX.Element;
 export {};

package/index.css

@@ -354,31 +354,6 @@
   }
 }
 
-.tu-textarea {
-  @apply tu-input-base 
-    block
-    overflow-auto
-    appearance-none
-    px-3
-    py-2
-    bg-transparent
-    text-base
-    text-slate-900
-    placeholder-slate-400
-    focus-visible:outline-none
-    w-full 
-    h-20
-    transition;
-
-  &--invalid {
-    @apply tu-input--invalid;
-  }
-
-  &--disabled {
-    @apply tu-input--disabled;
-  }
-}
-
 /* CSS related to the toggle component */
 .tu-toggle {
   @apply rounded-full

package/index.js

@@ -422,6 +422,9 @@ const Root$6 = tw.span`
     case "unknown":
       return tws`tu-icon--unknown`;
 
+    case "white":
+      return tws`text-white`;
+
     default:
       return "tu-icon--default";
   }
@@ -4850,14 +4853,16 @@ const TimelineElement = ({
   }),
   header = `${format(date, "MMM d, yyyy")} (${formatDistance(date, new Date(), {
     addSuffix: true
-  })})`
+  })})`,
+  onClick
 }) => {
   var _a;
 
   return jsxs("li", Object.assign({
     className: `${tws`tu-timeline-element`}${(_a = " " + className) !== null && _a !== void 0 ? _a : ""}  `,
     "data-date": `${date}`,
-    "data-testid": `${dataTestId}`
+    "data-testid": `${dataTestId}`,
+    onClick: () => onClick && onClick()
   }, {
     children: [jsx("div", Object.assign({
       className: tws`tu-timeline-element__dot`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.195",
+  "version": "0.0.198",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {