@trackunit/react-components 1.9.39 → 1.9.40

package/index.cjs.js

@@ -127,9 +127,9 @@ const isSafari = () => {
     return ua.includes("safari") && !ua.includes("chrome");
 };
 /**
- * - The Icon component is used to display an Icon.
- * - Icons are semantic vector graphics that adds character and improves the visual appeal of elements when combined with.
- * - All the [HeroIcons](https://heroicons.dev/) as well as custom Trackunit icons are available.
+ * Icons help in making the interface more intuitive by providing visual cues for various actions or elements. They're used to enhance usability, and depending on the context, they can be used alone or paired with text to increase comprehension.
+ *
+ * All the [HeroIcons](https://heroicons.com/) as well as custom Trackunit icons are available.
  *
  * @param {IconProps} props - The props for the Icon component
  * @returns {ReactElement} Icon component

package/index.esm.js

@@ -125,9 +125,9 @@ const isSafari = () => {
     return ua.includes("safari") && !ua.includes("chrome");
 };
 /**
- * - The Icon component is used to display an Icon.
- * - Icons are semantic vector graphics that adds character and improves the visual appeal of elements when combined with.
- * - All the [HeroIcons](https://heroicons.dev/) as well as custom Trackunit icons are available.
+ * Icons help in making the interface more intuitive by providing visual cues for various actions or elements. They're used to enhance usability, and depending on the context, they can be used alone or paired with text to increase comprehension.
+ *
+ * All the [HeroIcons](https://heroicons.com/) as well as custom Trackunit icons are available.
  *
  * @param {IconProps} props - The props for the Icon component
  * @returns {ReactElement} Icon component

package/package.json

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

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

@@ -267,15 +267,14 @@ export type IconProps = DiscriminatedIconProps & CommonProps & AriaProps & {
     color?: IconColors;
     /**
      * The size of the icon.
-     * Small = 16x16px, medium = 20x20px, Large = 24x24px.
-     * Default value is Large.
+     * Small = 16x16px, Medium = 20x20px, Large = 24x24px.
+     * Default value is Medium.
      * If a custom size is needed, set it in the className.
      */
     size?: Size;
     /**
      * 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.
+     * The type value depends on the size prop, the small and medium size are always solid, the large size is either solid or outline.
      */
     type?: "solid" | "outline" | "mini";
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
@@ -299,9 +298,9 @@ export type IconProps = DiscriminatedIconProps & CommonProps & AriaProps & {
     fontSize?: boolean;
 };
 /**
- * - The Icon component is used to display an Icon.
- * - Icons are semantic vector graphics that adds character and improves the visual appeal of elements when combined with.
- * - All the [HeroIcons](https://heroicons.dev/) as well as custom Trackunit icons are available.
+ * Icons help in making the interface more intuitive by providing visual cues for various actions or elements. They're used to enhance usability, and depending on the context, they can be used alone or paired with text to increase comprehension.
+ *
+ * All the [HeroIcons](https://heroicons.com/) as well as custom Trackunit icons are available.
  *
  * @param {IconProps} props - The props for the Icon component
  * @returns {ReactElement} Icon component