@trackunit/react-components 0.0.79 → 0.0.80-alpha-978fbf7c0.0

package/index.js

@@ -2451,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`
@@ -2462,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 
 `;
 
 /**
@@ -2741,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
 `;
 
 /**
@@ -2788,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
 `;
 
 /**
@@ -2846,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. */
@@ -2904,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];
@@ -3569,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
@@ -3959,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];
 };
@@ -4252,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,20 +1,20 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.79",
+  "version": "0.0.80-alpha-978fbf7c0.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "UNLICENSED",
   "dependencies": {
-    "@trackunit/css-core": "0.0.45",
-    "@trackunit/tailwind-styled-components": "0.0.40",
+    "@trackunit/css-core": "0.0.46-alpha-978fbf7c0.0",
+    "@trackunit/tailwind-styled-components": "0.0.41-alpha-978fbf7c0.0",
     "react": "17.0.1",
-    "@trackunit/ui-design-tokens": "0.0.39",
+    "@trackunit/ui-design-tokens": "0.0.40-alpha-978fbf7c0.0",
     "echarts-for-react": "^3.0.2",
     "uuid": "^8.3.2",
     "@react-spring/web": "^9.4.5",
     "react-use": "^17.3.2",
     "react-day-picker": "^8.0.3",
     "date-fns": "^2.28.0",
-    "@trackunit/ui-icons": "0.0.41",
+    "@trackunit/ui-icons": "0.0.42-alpha-978fbf7c0.0",
     "react-useportal": "^1.0.16",
     "react-helmet": "^6.1.0",
     "@popperjs/core": "^2.11.4",