@trackunit/react-components 0.0.78 → 0.0.80

package/index.js

@@ -2031,6 +2031,17 @@ const DateField = forwardRef(({
         type: "solid",
         onClick: !disabled ? onShow : undefined,
         forwardedRef: targetRef
+      }),
+      actions: selectedDay && jsx(RemoveValueContainer, {
+        children: jsx(Button, Object.assign({
+          intent: "tertiary",
+          onClick: () => setSelectedDay(undefined)
+        }, {
+          children: jsx(Icon$1, {
+            name: "XIcon",
+            size: "small"
+          })
+        }))
       })
     }), jsx(AnimatedPopover, Object.assign({
       ref: popoverRef,
@@ -2052,6 +2063,9 @@ const DateField = forwardRef(({
     }))]
   });
 });
+const RemoveValueContainer = tw.div`
+tu-date__remove
+  `;
 
 /**
  * The PopoverListItem component.
@@ -2437,7 +2451,7 @@ const FormGroup = ({
   }));
 };
 const FormGroupRoot = tw.label`
-  tu-formgroup
+  tu-form-group
 `; // TODO: Update and use Label component instead
 
 const StyledTitle = tw.span`
@@ -2448,16 +2462,16 @@ const StyledTitle = tw.span`
   mb-1
 `;
 const ContainerBefore = tw.div`
-  tu-formGroup-container-before
+  tu-form-group__container-before
 `;
 const ContainerAfter = tw.div`
-  tu-formGroup-container-after
+  tu-form-group__container-after
   ${({
   $isInvalid
-}) => $isInvalid ? tws`tu-formGroup-container-after--invalid` : null}
+}) => $isInvalid ? tws`tu-form-group__container-after--invalid` : null}
 `;
 const HelpAddon = tw.span`
-  tu-formGroup-helpAddon 
+  tu-form-group__help-addon 
 `;
 
 /**
@@ -2727,16 +2741,16 @@ const MenuItem = ({
   }));
 };
 const Container$2 = tw.div`
-  group tu-menuItem
+  group tu-menu-item
 `;
 const Content = tw.div`
-  tu-menuItem__content
+  tu-menu-item__content
 `;
 const Icon = tw.div`
-  tu-menuItem__icon
+  tu-menu-item__icon
 `;
 const Label$1 = tw.div`
-  tu-menuItem__label
+  tu-menu-item__label
 `;
 
 /**
@@ -2774,13 +2788,13 @@ const MenuList = _a => {
   });
 };
 const Wrapper = tw.div`
-  tu-menuList__wrapper
+  tu-menu-list__wrapper
 `;
 const Container$1 = tw.div`
-  tu-menuList
+  tu-menu-list
 `;
 const Divider = tw.div`
-  tu-menuList__divider
+  tu-menu-list__divider
 `;
 
 /**
@@ -2832,7 +2846,7 @@ const ModalBackdrop = ({
   });
 };
 const Backdrop = tw(animated.div)`
-  tu-modal--backdrop
+  tu-modal-backdrop
 `;
 
 /** Preferred usage is with useModal(), so the modal is placed at highest level. */
@@ -2890,10 +2904,10 @@ const getCardMaxWidth = () => ({
 }) => {
   maxWidth = maxWidth ? maxWidth : "full";
   const widths = {
-    slim: tws`tu-modal-card--slim`,
-    narrow: tws`tu-modal-card--narrow`,
-    wide: tws`tu-modal-card--wide`,
-    normal: tws`tu-modal-card--normal`,
+    slim: tws`tu-modal__card--slim`,
+    narrow: tws`tu-modal__card--narrow`,
+    wide: tws`tu-modal__card--wide`,
+    normal: tws`tu-modal__card--normal`,
     full: ""
   };
   return widths[maxWidth];
@@ -3555,10 +3569,10 @@ const RadioItem = ({
   }));
 };
 const CustomFlex = tw.div`
-tu-radioitem_custom_flex
+tu-radioitem__custom-flex
 `;
 const InputWrapper = tw.div`
-tu-radioitem_wrapper
+tu-radioitem__wrapper
 `;
 const Input = tw.input`
 tu-radioitem
@@ -3945,8 +3959,8 @@ const getSizeModifierClass = () => ({
   $withXIcon
 }) => {
   const tagSizeModifierClass = {
-    default: $withXIcon ? tws`tu-tag--withIcon ` : tws` `,
-    small: $withXIcon ? tws`tu-tag--small tu-tag--withIcon` : tws`tu-tag--small`
+    default: $withXIcon ? tws`tu-tag--with-icon ` : tws` `,
+    small: $withXIcon ? tws`tu-tag--small tu-tag--with-icon` : tws`tu-tag--small`
   };
   return tagSizeModifierClass[$size];
 };
@@ -4238,7 +4252,7 @@ const TimelineElement = ({
     "data-testid": `${dataTestId}`
   }, {
     children: [jsx("div", Object.assign({
-      className: tws`tu-timeline-element-dot`
+      className: tws`tu-timeline-element__dot`
     }, {
       children: dot
     })), jsx("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.78",
+  "version": "0.0.80",
   "repository": "https://github.com/Trackunit/manager",
   "license": "UNLICENSED",
   "dependencies": {