@hixme-ui/text - npm Package Compare versions

Comparing version 2.0.0-alpha.0 to 2.0.0-alpha.1

lib/Text.js

@@ -44,3 +44,3 @@ 'use strict';
 var HyperLink = exports.HyperLink = TextLink.extend(_templateObject, function (props) {
-  return props.color || (0, _themeProps.getTextColor)(props, _theme2.default.textColors.primary);
+  return props.color || (0, _themeProps.getTextColor)(props, _theme2.default.textColors.lightGreen);
 });
@@ -47,0 +47,0 @@

lib/TextBase.js

@@ -11,3 +11,3 @@ 'use strict';
 
-var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  color: ', ';\n  font-size: ', ';\n  font-weight: ', ';\n  border-bottom: ', ';\n  ', '\n  ', ';\n  justify-content: ', ';\n  line-height: ', ';\n  text-align: ', ';\n  text-indent: ', ';\n  text-transform: ', ';\n  text-overflow: ', ';\n  user-select: ', ';\n  white-space: ', ';\n  width: ', ';\n  word-break: ', ';\n'], ['\n  color: ', ';\n  font-size: ', ';\n  font-weight: ', ';\n  border-bottom: ', ';\n  ', '\n  ', ';\n  justify-content: ', ';\n  line-height: ', ';\n  text-align: ', ';\n  text-indent: ', ';\n  text-transform: ', ';\n  text-overflow: ', ';\n  user-select: ', ';\n  white-space: ', ';\n  width: ', ';\n  word-break: ', ';\n']);
+var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  color: ', ';\n  font-family: ', ';\n  font-size: ', ';\n  font-weight: ', ';\n  border-bottom: ', ';\n  ', '\n  ', ';\n  justify-content: ', ';\n  line-height: ', ';\n  text-align: ', ';\n  text-indent: ', ';\n  text-transform: ', ';\n  text-overflow: ', ';\n  user-select: ', ';\n  white-space: ', ';\n  width: ', ';\n  word-break: ', ';\n'], ['\n  color: ', ';\n  font-family: ', ';\n  font-size: ', ';\n  font-weight: ', ';\n  border-bottom: ', ';\n  ', '\n  ', ';\n  justify-content: ', ';\n  line-height: ', ';\n  text-align: ', ';\n  text-indent: ', ';\n  text-transform: ', ';\n  text-overflow: ', ';\n  user-select: ', ';\n  white-space: ', ';\n  width: ', ';\n  word-break: ', ';\n']);
 
@@ -25,2 +25,4 @@ var _styledComponents = require('styled-components');
 }, function (props) {
+  return props.fontFamily || (0, _themeProps.getFontFamily)(props);
+}, function (props) {
   return props.fontSize || (0, _themeProps.getFontSize)(props, 'inherit');
@@ -27,0 +29,0 @@ }, function (props) {

package.json

 {
   "name": "@hixme-ui/text",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.1",
   "description": "hixme-ui text component. For all your communictation needs.",
@@ -81,4 +81,4 @@ "publishConfig": {
   "dependencies": {
-    "@hixme-ui/theme": "^2.0.0-alpha.0",
-    "@hixme-ui/theme-props": "^2.0.0-alpha.0",
+    "@hixme-ui/theme": "^2.0.0-alpha.1",
+    "@hixme-ui/theme-props": "^2.0.0-alpha.1",
     "styled-components": "^2.3.3"
@@ -85,0 +85,0 @@ },

src/Text.js

@@ -13,3 +13,3 @@ import React from 'react'
 export const HyperLink = TextLink.extend`
-  color: ${props => props.color || getTextColor(props, theme.textColors.primary)};
+  color: ${props => props.color || getTextColor(props, theme.textColors.lightGreen)};
   cursor: pointer;
@@ -16,0 +16,0 @@ `

src/TextBase.js

 import styled from 'styled-components'
 import {
+  getFontFamily,
   getFontSize,
@@ -10,2 +11,3 @@ getFontWeight,
   color: ${props => props.color || getTextColor(props, 'inherit')};
+  font-family: ${props => props.fontFamily || getFontFamily(props)};
   font-size: ${props => props.fontSize || getFontSize(props, 'inherit')};
@@ -12,0 +14,0 @@ font-weight: ${props => props.fontWeight || getFontWeight(props)};

No alert changes

Improved metrics

Total package byte prevSize

26094

increased by2.3%

Lines of code

272

increased by1.49%

Dependency changes

• Updated@hixme-ui/theme@^2.0.0-alpha.1

• Updated@hixme-ui/theme-props@^2.0.0-alpha.1