Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@hixme-ui/text

Package Overview
Dependencies
Maintainers
3
Versions
48
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hixme-ui/text - npm Package Compare versions

Comparing version 2.0.0-alpha.12 to 3.0.2

10

lib/Text.js

@@ -27,2 +27,6 @@ 'use strict';

var _styledComponents = require('styled-components');
var _styledComponents2 = _interopRequireDefault(_styledComponents);
var _theme = require('@hixme-ui/theme');

@@ -44,8 +48,8 @@

var TextLink = exports.TextLink = _TextBase2.default.withComponent('a');
var HyperLink = exports.HyperLink = TextLink.extend(_templateObject, function (props) {
return props.color || (0, _themeProps.getTextColor)(props, _theme2.default.textColors.darkBlue);
var HyperLink = exports.HyperLink = (0, _styledComponents2.default)(TextLink)(_templateObject, function (props) {
return props.color || (0, _themeProps.getTextColor)(props, _theme2.default.textColors.primary);
});
var LabelBase = exports.LabelBase = _TextBase2.default.withComponent('label');
var Label = exports.Label = LabelBase.extend(_templateObject2, function (props) {
var Label = exports.Label = (0, _styledComponents2.default)(LabelBase)(_templateObject2, function (props) {
return props.color || (0, _themeProps.getTextColor)(props, '#394651');

@@ -52,0 +56,0 @@ }, function (props) {

{
"name": "@hixme-ui/text",
"version": "2.0.0-alpha.12",
"version": "3.0.2",
"description": "hixme-ui text component. For all your communictation needs.",

@@ -81,5 +81,5 @@ "publishConfig": {

"dependencies": {
"@hixme-ui/theme": "^2.0.0-alpha.12",
"@hixme-ui/theme-props": "^2.0.0-alpha.12",
"styled-components": "^2.3.3"
"@hixme-ui/theme": "^3.0.2",
"@hixme-ui/theme-props": "^1.20.7",
"styled-components": "^5.3.1"
},

@@ -89,3 +89,4 @@ "peerDependencies": {

"react": "~15 || ~16"
}
},
"gitHead": "b0acaf739551b2cbb6f7fab3816743f197600c0b"
}
import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
import theme from '@hixme-ui/theme'

@@ -12,4 +13,4 @@ import { getTextColor } from '@hixme-ui/theme-props'

export const TextLink = TextBase.withComponent('a')
export const HyperLink = TextLink.extend`
color: ${props => props.color || getTextColor(props, theme.textColors.darkBlue)};
export const HyperLink = styled(TextLink)`
color: ${props => props.color || getTextColor(props, theme.textColors.primary)};
cursor: pointer;

@@ -19,3 +20,3 @@ `

export const LabelBase = TextBase.withComponent('label')
export const Label = LabelBase.extend`
export const Label = styled(LabelBase)`
color: ${props => props.color || getTextColor(props, '#394651')};

@@ -22,0 +23,0 @@ line-height: ${props => props.lineHeight || '19px'};

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc