@gapo_ui/typography - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

dist/main.js

@@ -50,6 +50,7 @@ require("./main.css");
     });
+    let domRef = (0, $fr4wS$gapo_uiutils.useDOMRef)(ref);
     const classNameTypography = (0, $fr4wS$gapo_uiutils.classNames)((0, {}), "gapo-Typography", `${variant ? `gapo-Typography--${$b7366991e07cd86f$var$variantValue(variant)}` : ""}`, `${ellipsis ? "gapo-Typography--ellipsis" : ""}`, classNameProps, styleProps.className);
     return /*#__PURE__*/ (0, $fr4wS$reactjsxruntime.jsx)(ElementType1, {
         className: classNameTypography,
-        ref: ref,
+        ref: domRef,
         title: title,
@@ -56,0 +57,0 @@ style: {

dist/module.js

 import "./main.css";
 import {jsx as $cX9vi$jsx} from "react/jsx-runtime";
-import {useStyleProps as $cX9vi$useStyleProps, viewStyleProps as $cX9vi$viewStyleProps, customStyleProps as $cX9vi$customStyleProps, classNames as $cX9vi$classNames} from "@gapo_ui/utils";
+import {useStyleProps as $cX9vi$useStyleProps, viewStyleProps as $cX9vi$viewStyleProps, customStyleProps as $cX9vi$customStyleProps, useDOMRef as $cX9vi$useDOMRef, classNames as $cX9vi$classNames} from "@gapo_ui/utils";
 import {forwardRef as $cX9vi$forwardRef} from "react";
@@ -34,6 +34,7 @@
     });
+    let domRef = (0, $cX9vi$useDOMRef)(ref);
     const classNameTypography = (0, $cX9vi$classNames)((0, {}), "gapo-Typography", `${variant ? `gapo-Typography--${$6878dbcb5e28bd00$var$variantValue(variant)}` : ""}`, `${ellipsis ? "gapo-Typography--ellipsis" : ""}`, classNameProps, styleProps.className);
     return /*#__PURE__*/ (0, $cX9vi$jsx)(ElementType1, {
         className: classNameTypography,
-        ref: ref,
+        ref: domRef,
         title: title,
@@ -40,0 +41,0 @@ style: {

dist/types.d.ts

@@ -0,5 +1,6 @@
+import { ColorVersion, DOMRef } from "@gapo_types/shared";
 import { GapoTypographyProps } from "@gapo_types/typography";
-import React, { ReactElement, RefObject } from "react";
-export let Typography: <T extends React.ElementType<any> = "div">(props: GapoTypographyProps<T> & {
-    ref?: RefObject<HTMLElement>;
+import React, { ReactElement } from "react";
+export let Typography: <T extends React.ElementType<any> = "div", C extends ColorVersion = 5>(props: GapoTypographyProps<T, C> & {
+    ref?: DOMRef;
 }) => ReactElement;
@@ -6,0 +7,0 @@ export type { GapoTypographyProps } from '@gapo_types/typography';

package.json

 {
   "name": "@gapo_ui/typography",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Gapo UI components in React",
@@ -40,3 +40,3 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@gapo_types/typography": "^0.1.0",
+    "@gapo_types/typography": "^0.1.1",
     "@gapo_ui/utils": "^0.2.0"
@@ -47,3 +47,3 @@ },
   },
-  "gitHead": "1c4e11bbf529239a5cfd1bb3f8936e4ac9ee7413"
+  "gitHead": "cfee4e7f6aa604821402a00e1de4d4aee6e32c65"
 }

No alert changes

Improved metrics

Total package byte prevSize

21554

increased by3.45%

Lines of code

211

increased by7.11%

Dependency changes

• Updated@gapo_types/typography@^0.1.1