@patreon/studio - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

build/core/typography/Text/__fixtures__/manyStyles.d.ts

@@ -17,2 +17,3 @@ declare const _default: {
     uppercase: boolean;
+    verticalAlign: VerticalAlign;
     weight: Weight;
@@ -19,0 +20,0 @@ whiteSpace: WhiteSpace;

build/core/typography/Text/__fixtures__/manyStyles.js

@@ -20,2 +20,3 @@ "use strict";
     uppercase: true,
+    verticalAlign: __1.Text.VerticalAlign.Super,
     weight: __1.Text.Weight.Bold,
@@ -22,0 +23,0 @@ whiteSpace: __1.Text.WhiteSpace.NoWrap,

build/core/typography/Text/index.d.ts

@@ -84,2 +84,6 @@ import * as React from 'react';
     /**
+     * CSS vertical-align. See [MDN article](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) for valid values.
+     */
+    verticalAlign?: _CSS.VerticalAlign;
+    /**
      * Sets the weight of the text.
@@ -102,2 +106,3 @@ */
     static Tracking: typeof _Text.Tracking;
+    static VerticalAlign: typeof _CSS.VerticalAlign;
     static Weight: typeof _Text.Weight;
@@ -104,0 +109,0 @@ static WhiteSpace: typeof _CSS.WhiteSpace;

build/core/typography/Text/index.js

@@ -69,2 +69,3 @@ "use strict";
             uppercase: this.props.uppercase,
+            verticalAlign: this.props.verticalAlign,
             weight: this.props.weight,
@@ -91,2 +92,3 @@ whiteSpace: this.props.whiteSpace,
     Text.Tracking = _Text.Tracking;
+    Text.VerticalAlign = _CSS.VerticalAlign;
     Text.Weight = _Text.Weight;
@@ -99,5 +101,5 @@ Text.WhiteSpace = _CSS.WhiteSpace;
     "\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, weight = props.weight, whiteSpace = props.whiteSpace;
+    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 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('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', !!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));
     return s.join(';\n');
@@ -104,0 +106,0 @@ }, function (props) { return props.theme.text.getWeight(_Text.Weight.Bold); }, function (props) { return props.theme.text.getSize(_Text.Size.Sm); });

package.json

 {
     "name": "@patreon/studio",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "description": "Patreon Studio Design System",
@@ -33,3 +33,5 @@ "repository": {
         "test:coverage": "npm test -- --coverage",
-        "test:watch": "npm test -- --watch"
+        "test:watch": "npm test -- --watch",
+        "happo": "happo",
+        "happo-ci-circleci": "happo-ci-circleci"
     },
@@ -54,3 +56,3 @@ "homepage": "https://github.com/Patreon/studio#readme",
         "babel-jest": "^23.4.2",
-        "babel-loader": "^7.1.4",
+        "babel-loader": "^7.1.5",
         "babel-plugin-styled-components": "^1.5.1",
@@ -63,2 +65,3 @@ "babel-preset-es2015": "^6.24.1",
         "enzyme-to-json": "^3.3.4",
+        "happo.io": "^2.1.0",
         "jest": "^23.4.2",
@@ -86,3 +89,3 @@ "jest-cli": "^23.5.0",
         "typescript-styled-plugin": "^0.10.0",
-        "webpack": "^3.3.0"
+        "webpack": "^3.12.0"
     },
@@ -89,0 +92,0 @@ "peerDependencies": {

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Improved metrics

Total package byte prevSize

308984

increased by1.31%

Number of package files

181

increased by2.26%

Lines of code

6327

increased by1.17%

Worsened metrics

Dev dependency count

43

increased by2.38%

Number of low supply chain risk alerts

2

increased byInfinity%

No dependency changes