@trackunit/react-components 0.4.2 → 0.4.4

package/index.cjs.js

@@ -254,16 +254,6 @@ const cvaTag = cssClassVarianceUtilities.cvaMerge([
             unknown: "bg-unknown-100 text-unknown-700",
             moving: "bg-neutral-100 text-neutral-700",
             active: "bg-neutral-100 text-neutral-700",
-            customer_type_contractor: "bg-customer_type_contractor-100 text-customer_type_contractor-700",
-            customer_type_dealer: "bg-customer_type_dealer-100 text-customer_type_dealer-700",
-            customer_type_rental: "bg-customer_type_rental-100 text-customer_type_rental-700",
-            customer_type_oem: "bg-customer_type_oem-100 text-customer_type_oem-700",
-            customer_type_service: "bg-customer_type_service-100 text-customer_type_service-700",
-            customer_type_distributor: "bg-customer_type_distributor-100 text-customer_type_distributor-700",
-            customer_type_other_customer_type: "bg-customer_type_other_customer_type-100 text-customer_type_other_customer_type-700",
-            customer_source_user_defined: "bg-customer_source_user_defined-100 text-customer_source_user_defined-700",
-            customer_source_classic_migration: "bg-customer_source_classic_migration-100 text-customer_source_classic_migration-700",
-            customer_source_system_defined: "bg-customer_source_system_defined-100 text-customer_source_system_defined-700",
         },
     },
     defaultVariants: {
@@ -4234,7 +4224,18 @@ const cvaPage = cssClassVarianceUtilities.cvaMerge(["grid", "h-full"], {
         layout: "none",
     },
 });
-const cvaPageContent = cssClassVarianceUtilities.cvaMerge(["overflow-auto", "p-4", "md:p-6", "lg:p-8"]);
+const cvaPageContent = cssClassVarianceUtilities.cvaMerge(["overflow-auto", "page-content", "grid", "gap-responsive-space"], {
+    variants: {
+        layout: {
+            content: "",
+            "v-min-fr": ["grid-rows-min-fr"],
+            "h-min-fr": ["grid-cols-min-fr", "sm:grid-cols-1", "sm:grid-rows-min-fr"],
+        },
+    },
+    defaultVariants: {
+        layout: "content",
+    },
+});
 
 /**
  * Renders the page component. Adds padding and layout to the page.
@@ -4250,8 +4251,8 @@ const Page = ({ layout, className, children, dataTestId }) => {
  * @param {PageContentProps} props - The component props.
  * @returns {React.ReactNode} - The rendered component.
  */
-const PageContent = ({ className, children, dataTestId }) => {
-    return (jsxRuntime.jsx("div", { className: cvaPageContent({ className }), "data-testid": dataTestId || "page-content", children: children }));
+const PageContent = ({ className, children, dataTestId, layout }) => {
+    return (jsxRuntime.jsx("div", { className: cvaPageContent({ className, layout }), "data-testid": dataTestId ? dataTestId : "page-content", children: children }));
 };
 
 const cvaPageHeaderContainer = cssClassVarianceUtilities.cvaMerge(["bg-white", "tu-page-header"], {

package/index.esm.js

@@ -234,16 +234,6 @@ const cvaTag = cvaMerge([
             unknown: "bg-unknown-100 text-unknown-700",
             moving: "bg-neutral-100 text-neutral-700",
             active: "bg-neutral-100 text-neutral-700",
-            customer_type_contractor: "bg-customer_type_contractor-100 text-customer_type_contractor-700",
-            customer_type_dealer: "bg-customer_type_dealer-100 text-customer_type_dealer-700",
-            customer_type_rental: "bg-customer_type_rental-100 text-customer_type_rental-700",
-            customer_type_oem: "bg-customer_type_oem-100 text-customer_type_oem-700",
-            customer_type_service: "bg-customer_type_service-100 text-customer_type_service-700",
-            customer_type_distributor: "bg-customer_type_distributor-100 text-customer_type_distributor-700",
-            customer_type_other_customer_type: "bg-customer_type_other_customer_type-100 text-customer_type_other_customer_type-700",
-            customer_source_user_defined: "bg-customer_source_user_defined-100 text-customer_source_user_defined-700",
-            customer_source_classic_migration: "bg-customer_source_classic_migration-100 text-customer_source_classic_migration-700",
-            customer_source_system_defined: "bg-customer_source_system_defined-100 text-customer_source_system_defined-700",
         },
     },
     defaultVariants: {
@@ -4214,7 +4204,18 @@ const cvaPage = cvaMerge(["grid", "h-full"], {
         layout: "none",
     },
 });
-const cvaPageContent = cvaMerge(["overflow-auto", "p-4", "md:p-6", "lg:p-8"]);
+const cvaPageContent = cvaMerge(["overflow-auto", "page-content", "grid", "gap-responsive-space"], {
+    variants: {
+        layout: {
+            content: "",
+            "v-min-fr": ["grid-rows-min-fr"],
+            "h-min-fr": ["grid-cols-min-fr", "sm:grid-cols-1", "sm:grid-rows-min-fr"],
+        },
+    },
+    defaultVariants: {
+        layout: "content",
+    },
+});
 
 /**
  * Renders the page component. Adds padding and layout to the page.
@@ -4230,8 +4231,8 @@ const Page = ({ layout, className, children, dataTestId }) => {
  * @param {PageContentProps} props - The component props.
  * @returns {React.ReactNode} - The rendered component.
  */
-const PageContent = ({ className, children, dataTestId }) => {
-    return (jsx("div", { className: cvaPageContent({ className }), "data-testid": dataTestId || "page-content", children: children }));
+const PageContent = ({ className, children, dataTestId, layout }) => {
+    return (jsx("div", { className: cvaPageContent({ className, layout }), "data-testid": dataTestId ? dataTestId : "page-content", children: children }));
 };
 
 const cvaPageHeaderContainer = cvaMerge(["bg-white", "tu-page-header"], {

package/package.json

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

package/src/components/Page/Page.variants.d.ts

@@ -1,4 +1,6 @@
 export declare const cvaPage: (props?: ({
     layout?: "content" | "header-content" | "sidebar-content" | "none" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaPageContent: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaPageContent: (props?: ({
+    layout?: "content" | "v-min-fr" | "h-min-fr" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Page/PageContent.d.ts

@@ -4,6 +4,7 @@ import { CommonProps } from "../../common";
  * The props for the page content component.
  */
 interface PageContentProps extends CommonProps {
+    layout: "content" | "h-min-fr" | "v-min-fr";
     children?: React.ReactNode;
 }
 /**
@@ -13,5 +14,5 @@ interface PageContentProps extends CommonProps {
  * @param {PageContentProps} props - The component props.
  * @returns {React.ReactNode} - The rendered component.
  */
-export declare const PageContent: ({ className, children, dataTestId }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageContent: ({ className, children, dataTestId, layout }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Tag/Tag.d.ts

@@ -1,8 +1,8 @@
-import { ActivityColors, CriticalityColors, CustomerDataSourceColors, CustomerTypeColors, GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
+import { ActivityColors, CriticalityColors, GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
 import * as React from "react";
 import { CommonProps, Size } from "../../common";
 export type TagSize = Extract<Size, "small" | "medium">;
-export type TagColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors | CustomerTypeColors | CustomerDataSourceColors;
+export type TagColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors;
 export interface TagProps extends CommonProps {
     /**
      * The color of the tag.

package/src/components/Tag/Tag.variants.d.ts

@@ -1,7 +1,7 @@
 export declare const cvaTag: (props?: ({
     size?: "small" | "medium" | null | undefined;
     layout?: "default" | "withIcon" | null | undefined;
-    color?: "primary" | "secondary" | "accent" | "neutral" | "black" | "white" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "stopped" | "idle" | "unknown" | "moving" | "active" | "customer_type_contractor" | "customer_type_dealer" | "customer_type_rental" | "customer_type_oem" | "customer_type_service" | "customer_type_distributor" | "customer_type_other_customer_type" | "customer_source_user_defined" | "customer_source_classic_migration" | "customer_source_system_defined" | null | undefined;
+    color?: "primary" | "secondary" | "accent" | "neutral" | "black" | "white" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "stopped" | "idle" | "unknown" | "moving" | "active" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaTagIconContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaTagIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;