@trackunit/react-components 0.0.64 → 0.0.66-alpha-5162616e1.0

package/components/Tip/Tip.d.ts

@@ -16,7 +16,4 @@ export interface TipProps extends CommonProps {
  * @param {TipProps} props - The props for the Tip component
  * @returns {JSX.Element} Tip component
  */
-export declare const Tip: {
-    ({ children, iconProps, tooltipProps, dataTestId, ...rest }: TipProps): JSX.Element;
-    displayName: string;
-};
+export declare const Tip: ({ children, iconProps, tooltipProps, dataTestId, ...rest }: TipProps) => JSX.Element;

package/index.js

@@ -249,7 +249,6 @@ const StyledButton$1 = tw.button`
 const StyledSpinner = tw(Spinner)`
   button__spinner
 `;
-Button.displayName = "Button";
 
 const IconButton = React.forwardRef((_a, ref) => {
   var {
@@ -272,7 +271,6 @@ const IconButton = React.forwardRef((_a, ref) => {
     children: loading ? jsx(Spinner, {}) : icon
   }));
 });
-IconButton.displayName = "IconButton";
 const StyledButton = tw(Button)`
   ${p => p.$circular ? tws`button--rounded` : null}
 `;
@@ -928,7 +926,6 @@ const InputContainer = tw.div`
   $fieldSize
 }) => $fieldSize === "small" ? tws`input--small` : null}
 `;
-BaseInput.displayName = "BaseInput";
 
 const ROLE_CARD = "region";
 /**
@@ -1517,7 +1514,6 @@ const Checkbox = React.forwardRef((_a, ref) => {
     })), children]
   }));
 });
-Checkbox.displayName = "Checkbox";
 const StyledCheckIcon = tw(CheckIcon)`
   checkbox--icon
 `;
@@ -1910,7 +1906,6 @@ const AnimatedPopover = React.forwardRef(({
     }))]
   });
 });
-AnimatedPopover.displayName = "AnimatedPopover";
 const Backdrop$1 = tw.div`
   fixed
   inset-0
@@ -2391,7 +2386,6 @@ const Tip = _a => {
 const TipContainer = tw.span`
   tip
 `;
-Tip.displayName = "Tip";
 
 /**
  * The FormGroup component should be used to wrap any Input element that needs a label.
@@ -3252,7 +3246,6 @@ const NumberInput = forwardRef((props, ref) => jsx(BaseInput, Object.assign({
   ref: ref,
   type: "number"
 }, props)));
-NumberInput.displayName = "NumberInput";
 
 /**
  * The number field component is used for entering numeric values and includes controls for incrementally increasing or decreasing the value.
@@ -3297,7 +3290,6 @@ const NumberField = forwardRef((_a, ref) => {
     }))
   }));
 });
-NumberField.displayName = "NumberField";
 
 const GetSpacerHeight = () => ({
   minHeight
@@ -3860,7 +3852,6 @@ const SkeletonLines = memo(({
 const SkeletonLine = tw.div`
   skeleton-line
 `;
-SkeletonLines.displayName = "SkeletonLines";
 
 /**
  * Tags allow users to enter information and filter content.
@@ -3900,7 +3891,7 @@ const Tag = _a => {
         style: {
           "-webkit-transition": "-webkit-transform 0.150s"
         },
-        className: size === "default" ? tws`tag__icon` : tws`tag__icon tag__icon--small`
+        className: size === "default" ? tws`tu-tag__icon` : tws`tu-tag__icon tu-tag__icon--small`
       })
     }))]
   }));
@@ -3911,8 +3902,8 @@ const getSizeModifierClass = () => ({
   $withXIcon
 }) => {
   const tagSizeModifierClass = {
-    default: $withXIcon ? tws`tag--withIcon ` : tws` `,
-    small: $withXIcon ? tws`tag--small tag--withIcon` : tws`tag--small`
+    default: $withXIcon ? tws`tu-tag--withIcon ` : tws` `,
+    small: $withXIcon ? tws`tu-tag--small tu-tag--withIcon` : tws`tu-tag--small`
   };
   return tagSizeModifierClass[$size];
 };
@@ -3921,26 +3912,26 @@ const getColorModifierClass = () => ({
   $color
 }) => {
   const colorClasses = {
-    primary: tws`tag--primary`,
-    accent: tws`tag--accent`,
-    success: tws`tag--success`,
-    danger: tws`tag--danger`,
-    warning: tws`tag--warning`,
-    info: tws`tag--info`,
-    neutral: tws`tag--neutral`,
-    good: tws`tag--good`,
-    low: tws`tag--low`,
-    critical: tws`tag--critical`,
-    working: tws`tag--working`,
-    idle: tws`tag--idle`,
-    stopped: tws`tag--stopped`,
-    unknown: tws`tag--unknown`
+    primary: tws`tu-tag--primary`,
+    accent: tws`tu-tag--accent`,
+    success: tws`tu-tag--success`,
+    danger: tws`tu-tag--danger`,
+    warning: tws`tu-tag--warning`,
+    info: tws`tu-tag--info`,
+    neutral: tws`tu-tag--neutral`,
+    good: tws`tu-tag--good`,
+    low: tws`tu-tag--low`,
+    critical: tws`tu-tag--critical`,
+    working: tws`tu-tag--working`,
+    idle: tws`tu-tag--idle`,
+    stopped: tws`tu-tag--stopped`,
+    unknown: tws`tu-tag--unknown`
   };
   return colorClasses[$color];
 };
 
 const StyledText = tw.text`
-  tag
+  tu-tag
   ${getSizeModifierClass()}
   ${getColorModifierClass()}
 `;
@@ -4007,7 +3998,6 @@ const TextArea = React.forwardRef(({
     }))]
   }));
 });
-TextArea.displayName = "TextArea";
 const TextAreaContainer = tw.div``;
 const StyledTextArea = tw.textarea`
   input
@@ -4069,7 +4059,6 @@ const TextInput = forwardRef((props, ref) => jsx(BaseInput, Object.assign({
   ref: ref,
   type: "text"
 }, props)));
-TextInput.displayName = "TextInput";
 
 /**
  * The TextLengthIndicator component shows a `{length}/{maxLength}` label.
@@ -4147,7 +4136,6 @@ const TextField = React.forwardRef((_a, ref) => {
     }))
   }));
 });
-TextField.displayName = "TextField";
 
 const Toggle = React.forwardRef(({
   toggled = false,
@@ -4194,7 +4182,6 @@ const Toggle = React.forwardRef(({
     }))]
   });
 });
-Toggle.displayName = "Toggle";
 const Switch = tw.span`
   rounded-full
   bg-white

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.64",
+  "version": "0.0.66-alpha-5162616e1.0",
   "repository": "https://github.com/Trackunit/manager",
-  "license": "MIT",
+  "license": "UNLICENSED",
   "dependencies": {
-    "@trackunit/css-core": "0.0.42",
-    "@trackunit/tailwind-styled-components": "0.0.38",
+    "@trackunit/css-core": "0.0.43-alpha-5162616e1.0",
+    "@trackunit/tailwind-styled-components": "0.0.39-alpha-5162616e1.0",
     "react": "17.0.1",
-    "@trackunit/ui-design-tokens": "0.0.37",
+    "@trackunit/ui-design-tokens": "0.0.38-alpha-5162616e1.0",
     "echarts-for-react": "^3.0.2",
     "uuid": "^8.3.2",
     "@react-spring/web": "^9.4.4",
     "react-use": "^17.3.2",
     "react-day-picker": "^8.0.3",
     "date-fns": "^2.28.0",
-    "@trackunit/ui-icons": "0.0.39",
+    "@trackunit/ui-icons": "0.0.40-alpha-5162616e1.0",
     "react-useportal": "^1.0.16",
     "react-helmet": "^6.1.0",
     "@popperjs/core": "^2.11.4",