@gapo_ui/typography - npm Package Compare versions

Comparing version 0.0.1-alpha.6 to 0.0.1

dist/main.js

@@ -42,4 +42,7 @@ require("./main.css");
 function $abb9185ae819b77a$var$Typography(props, ref) {
-    const { children: children , className: classNameProps , color: color , variant: variant = "bodyMedium" , elementType: ElementType = "div" , title: title , ellipsis: ellipsis = false , lineClamp: lineClamp = 1 , ...otherProps } = props;
-    const { styleProps: styleProps  } = (0, $jxaJ1$gapo_uiutils.useStyleProps)(otherProps, (0, $jxaJ1$gapo_uiutils.viewStyleProps));
+    const { children: children , className: classNameProps , color: color , variant: variant = "bodyMedium" , elementType: ElementType = "div" , title: title , ellipsis: ellipsis = false , lineClamp: lineClamp = 1 , onClick: onClick , ...otherProps } = props;
+    const { styleProps: styleProps  } = (0, $jxaJ1$gapo_uiutils.useStyleProps)(otherProps, {
+        ...(0, $jxaJ1$gapo_uiutils.viewStyleProps),
+        ...(0, $jxaJ1$gapo_uiutils.customStyleProps)
+    });
     const classNameTypography = (0, $jxaJ1$gapo_uiutils.classNames)((0, {}), "gapo-Typography", `${variant ? `gapo-Typography--${$abb9185ae819b77a$var$variantValue(variant)}` : ""}`, `${ellipsis ? "gapo-Typography--ellipsis" : ""}`, classNameProps, styleProps.className);
@@ -51,3 +54,5 @@ return /*#__PURE__*/ (0, $jxaJ1$reactjsxruntime.jsx)(ElementType, {
         style: {
-            WebkitLineClamp: lineClamp,
+            ...ellipsis && {
+                WebkitLineClamp: lineClamp
+            },
             ...color && {
@@ -58,2 +63,5 @@ color: $abb9185ae819b77a$var$colorValue(color)
         },
+        ...typeof onClick === "function" && {
+            onClick: onClick
+        },
         children: children
@@ -60,0 +68,0 @@ });

dist/module.js

 import "./main.css";
 import {jsx as $5t5Ln$jsx} from "react/jsx-runtime";
-import {useStyleProps as $5t5Ln$useStyleProps, viewStyleProps as $5t5Ln$viewStyleProps, classNames as $5t5Ln$classNames} from "@gapo_ui/utils";
+import {useStyleProps as $5t5Ln$useStyleProps, viewStyleProps as $5t5Ln$viewStyleProps, customStyleProps as $5t5Ln$customStyleProps, classNames as $5t5Ln$classNames} from "@gapo_ui/utils";
 import $5t5Ln$react from "react";
@@ -23,4 +23,7 @@
 function $a1bbb73d669f3b85$var$Typography(props, ref) {
-    const { children: children , className: classNameProps , color: color , variant: variant = "bodyMedium" , elementType: ElementType = "div" , title: title , ellipsis: ellipsis = false , lineClamp: lineClamp = 1 , ...otherProps } = props;
-    const { styleProps: styleProps  } = (0, $5t5Ln$useStyleProps)(otherProps, (0, $5t5Ln$viewStyleProps));
+    const { children: children , className: classNameProps , color: color , variant: variant = "bodyMedium" , elementType: ElementType = "div" , title: title , ellipsis: ellipsis = false , lineClamp: lineClamp = 1 , onClick: onClick , ...otherProps } = props;
+    const { styleProps: styleProps  } = (0, $5t5Ln$useStyleProps)(otherProps, {
+        ...(0, $5t5Ln$viewStyleProps),
+        ...(0, $5t5Ln$customStyleProps)
+    });
     const classNameTypography = (0, $5t5Ln$classNames)((0, {}), "gapo-Typography", `${variant ? `gapo-Typography--${$a1bbb73d669f3b85$var$variantValue(variant)}` : ""}`, `${ellipsis ? "gapo-Typography--ellipsis" : ""}`, classNameProps, styleProps.className);
@@ -32,3 +35,5 @@ return /*#__PURE__*/ (0, $5t5Ln$jsx)(ElementType, {
         style: {
-            WebkitLineClamp: lineClamp,
+            ...ellipsis && {
+                WebkitLineClamp: lineClamp
+            },
             ...color && {
@@ -39,2 +44,5 @@ color: $a1bbb73d669f3b85$var$colorValue(color)
         },
+        ...typeof onClick === "function" && {
+            onClick: onClick
+        },
         children: children
@@ -41,0 +49,0 @@ });

package.json

 {
   "name": "@gapo_ui/typography",
-  "version": "0.0.1-alpha.6",
+  "version": "0.0.1",
   "description": "Gapo UI components in React",
@@ -28,6 +28,6 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@gapo_types/typography": "0.0.1-alpha.5",
-    "@gapo_ui/utils": "^0.1.0"
+    "@gapo_types/typography": "^0.0.1",
+    "@gapo_ui/utils": "^0.2.0"
   },
-  "gitHead": "b0d448f212a28beca0c46090ba2afeb1d730d845"
+  "gitHead": "48d5fd201c78288a862186f05aca04dfa80a8b9f"
 }

No alert changes

Improved metrics

Total package byte prevSize

27412

4.88%

Lines of code

499

5.5%

Dependency changes

• + Added

  @gapo_types/shared@0.2.3
  (transitive)

• + Added

  @gapo_types/typography@0.0.1
  (transitive)

• + Added

  @gapo_ui/utils@0.2.0
  (transitive)

• - Removed

  @gapo_types/shared@0.1.4
  (transitive)

• - Removed

  @gapo_types/typography@0.0.1-alpha.5
  (transitive)

• - Removed

  @gapo_ui/utils@0.1.2
  (transitive)

• Updated

  @gapo_types/typography@^0.0.1

• Updated

  @gapo_ui/utils@^0.2.0