@trackunit/react-components 0.1.238 → 0.1.241

package/package.json

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

package/src/components/Collapse/Collapse.d.ts

@@ -19,9 +19,10 @@ export interface CollapseProps extends CommonProps {
      */
     label: React.ReactNode;
     /**
-     *  layout - The layout of the Collapse component. (full width is default)
+     * An addon to add to the header.
+     * This can be used for a status indicator or similar.
      */
-    layout?: "fullwidth" | "compact";
+    headerAddon?: React.ReactNode;
 }
 /**
  * The Collapse component is used to condense non-important information.
@@ -29,4 +30,4 @@ export interface CollapseProps extends CommonProps {
  * @param {CollapseProps} props - The props for the Collapse component
  * @returns {JSX.Element} Collapse component
  */
-export declare const Collapse: ({ id, initialExpanded, onToggle, label, children, layout, className, dataTestId, }: CollapseProps) => JSX.Element;
+export declare const Collapse: ({ id, initialExpanded, onToggle, label, children, className, headerAddon, dataTestId, }: CollapseProps) => JSX.Element;

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

@@ -1,10 +1,7 @@
 export declare const cvaCollapse: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaCollapseLabel: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaCollapseLabelContainer: (props?: ({
-    layout?: "fullwidth" | "compact" | null | undefined;
+export declare const cvaCollapseHeader: (props?: ({
+    expanded?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaCollapseLabelContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaCollapsible: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaCollapseAnimated: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaCollapseIcon: (props?: ({
-    expanded?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { ActivityColors, CriticalityColors, GeneralColors, IntentColors, RentalStatusColors, SitesColors, UtilizationColors } from "@trackunit/ui-design-tokens";
 import { IconName } from "@trackunit/ui-icons";
+import { CSSProperties } from "react";
 import { CommonProps, Size } from "../../common/CommonProps";
 export type IconColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors | UtilizationColors | SitesColors | RentalStatusColors;
 export declare const iconPalette: {
@@ -205,7 +205,11 @@ export declare const iconPalette: {
         readonly 50: "239 246 255";
         readonly 100: "219 234 254";
         readonly 200: "191 219 254";
-        readonly 300: "147 197 253";
+        readonly 300: "147 197 253"; /**
+         * Select if the icon should be rendered as solid or outline.
+         * Default value depends on the Size prop, mini == solid, medium == solid, large == outline.
+         * Trackunit icons might not support both outline and Solid.
+         */
         readonly 400: "96 165 250";
         readonly 500: "59 130 246";
         readonly 600: "37 99 235";
@@ -305,7 +309,7 @@ export type IconProps = DiscriminatedIconProps & CommonProps & {
      *
      * @memberof IconProps
      */
-    style?: Record<string, string>;
+    style?: CSSProperties;
 };
 /**
  * - The Icon component is used to display an Icon.
@@ -315,5 +319,5 @@ export type IconProps = DiscriminatedIconProps & CommonProps & {
  * @param {IconProps} props - The props for the Icon component
  * @returns {JSX.Element} Icon component
  */
-export declare const Icon: ({ name, size, className, dataTestId, color, onClick, type, style, forwardedRef, }: IconProps) => JSX.Element | null;
+export declare const Icon: ({ name, size, className, dataTestId, color, onClick, type, style, forwardedRef, }: IconProps) => JSX.Element;
 export {};

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

@@ -6,3 +6,5 @@ export declare const cvaPageHeaderHeading: (props?: import("class-variance-autho
 export declare const cvaPageHeaderHeadingContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaPageHeaderHeadingAccessoriesContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaPageHeaderChildContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaPageHeaderDescriptionAndLinkContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaPageHeaderLink: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/SkeletonLines/SkeletonLines.d.ts

@@ -20,7 +20,5 @@ export interface SkeletonLinesProps extends CommonProps {
 }
 /**
  * Display placeholder lines before the data gets loaded to reduce load-time frustration.
- 
  */
 export declare const SkeletonLines: import("react").MemoExoticComponent<({ margin, lines, height, width, className, dataTestId }: SkeletonLinesProps) => JSX.Element>;
-export default SkeletonLines;

package/src/components/buttons/shared/Button.variants.d.ts

@@ -7,7 +7,3 @@ export declare const cvaButton: (props?: ({
     disabled?: boolean | null | undefined;
     variant?: "transparent" | "filled" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaButtonSpinner: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaIconButtonContainer: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;