@gapo_ui/typography
Advanced tools
Comparing version 0.0.1-alpha.6 to 0.0.1
@@ -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 @@ }); |
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 @@ }); |
{ | ||
"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" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
27412
499
+ 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_ui/utils@^0.2.0