@patreon/studio
Advanced tools
Comparing version 1.0.5 to 1.0.6
@@ -6,3 +6,3 @@ declare const _default: { | ||
el: Element; | ||
ellipsize: boolean; | ||
ellipsis: boolean; | ||
id: string; | ||
@@ -9,0 +9,0 @@ noMargin: boolean; |
@@ -9,3 +9,3 @@ "use strict"; | ||
el: __1.Text.Element.H3, | ||
ellipsize: true, | ||
ellipsis: true, | ||
id: 'gentlemen-war-room', | ||
@@ -12,0 +12,0 @@ noMargin: true, |
@@ -34,3 +34,3 @@ import * as React from 'react'; | ||
*/ | ||
ellipsize?: boolean; | ||
ellipsis?: boolean; | ||
/** | ||
@@ -37,0 +37,0 @@ * HTML id pass-through for ARIA purposes. |
@@ -53,3 +53,3 @@ "use strict"; | ||
el: this.props.el, | ||
ellipsize: this.props.ellipsize, | ||
ellipsis: this.props.ellipsis, | ||
id: this.props.id, | ||
@@ -118,5 +118,5 @@ lineHeight: this.props.lineHeight, | ||
"\n\n strong, b {\n font-weight: ", ";\n }\n\n small {\n font-size: ", ";\n }\n"])), function (props) { | ||
var align = props.align, color = props.color, el = props.el, ellipsize = props.ellipsize, lineHeight = props.lineHeight, noMargin = props.noMargin, noSelect = props.noSelect, opacity = props.opacity, overflowWrap = props.overflowWrap, responsiveTextSize = props.responsiveTextSize, textShadow = props.textShadow, theme = props.theme, tracking = props.tracking, uppercase = props.uppercase, verticalAlign = props.verticalAlign, weight = props.weight, whiteSpace = props.whiteSpace; | ||
var align = props.align, color = props.color, el = props.el, ellipsis = props.ellipsis, lineHeight = props.lineHeight, noMargin = props.noMargin, noSelect = props.noSelect, opacity = props.opacity, overflowWrap = props.overflowWrap, responsiveTextSize = props.responsiveTextSize, textShadow = props.textShadow, theme = props.theme, tracking = props.tracking, uppercase = props.uppercase, verticalAlign = props.verticalAlign, weight = props.weight, whiteSpace = props.whiteSpace; | ||
var s = []; | ||
s.push(css_1.style('color', lodash_1.get(theme.colors, color || '')), css_1.style('display', 'block', !!ellipsize), css_1.style('font-weight', theme.text.getWeight(weight), true, true), css_1.style('letter-spacing', lodash_1.get(theme.text.tracking, tracking || '')), css_1.style('margin', noMargin ? '0' : theme.text.getMargin(el)), css_1.style('opacity', opacity), css_1.style('overflow-wrap', overflowWrap), css_1.style('overflow', 'hidden', !!ellipsize), css_1.style('position', 'relative'), css_1.style('text-align', align), css_1.style('text-overflow', 'ellipsis', !!ellipsize), css_1.style('text-shadow', textShadow), css_1.style('text-transform', 'uppercase', !!uppercase), css_1.style('transition', theme.transitions.default), css_1.style('user-select', 'none', !!noSelect), css_1.style('vertical-align', verticalAlign), css_1.style('white-space', ellipsize ? 'nowrap' : whiteSpace), responsive_utils_1.getResponsiveTextSizeCSS(responsiveTextSize, theme), responsive_utils_1.getLineHeightCSS(lineHeight, responsiveTextSize, theme)); | ||
s.push(css_1.style('color', lodash_1.get(theme.colors, color || '')), css_1.style('display', 'block', !!ellipsis), css_1.style('font-weight', theme.text.getWeight(weight), true, true), css_1.style('letter-spacing', lodash_1.get(theme.text.tracking, tracking || '')), css_1.style('margin', noMargin ? '0' : theme.text.getMargin(el)), css_1.style('opacity', opacity), css_1.style('overflow-wrap', overflowWrap), css_1.style('overflow', 'hidden', !!ellipsis), css_1.style('position', 'relative'), css_1.style('text-align', align), css_1.style('text-overflow', 'ellipsis', !!ellipsis), css_1.style('text-shadow', textShadow), css_1.style('text-transform', 'uppercase', !!uppercase), css_1.style('transition', theme.transitions.default), css_1.style('user-select', 'none', !!noSelect), css_1.style('vertical-align', verticalAlign), css_1.style('white-space', ellipsis ? 'nowrap' : whiteSpace), responsive_utils_1.getResponsiveTextSizeCSS(responsiveTextSize, theme), responsive_utils_1.getLineHeightCSS(lineHeight, responsiveTextSize, theme)); | ||
return s.join(';\n'); | ||
@@ -123,0 +123,0 @@ }, function (props) { return props.theme.text.getWeight(_Text.Weight.Bold); }, function (props) { return props.theme.text.getSize(_Text.Size.Sm); }); |
{ | ||
"name": "@patreon/studio", | ||
"version": "1.0.5", | ||
"version": "1.0.6", | ||
"description": "Patreon Studio Design System", | ||
@@ -5,0 +5,0 @@ "repository": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
319032