@arcteryx/components-button - npm Package Compare versions

Comparing version 1.29.1 to 1.29.2

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [1.29.2](http://bitbucket.org/arcteryx/arcteryx-js-helpers/compare/@arcteryx/components-button@1.29.1...@arcteryx/components-button@1.29.2) (2021-02-26)
+
+
+### Bug Fixes
+
+* SHOP-966 vertical align center button text even when on 2 lines ([711afe8](http://bitbucket.org/arcteryx/arcteryx-js-helpers/commits/711afe8fb3eaae81c38e62f272e9acd58d3d8362))
+
+
+
+
+
 ## [1.29.1](http://bitbucket.org/arcteryx/arcteryx-js-helpers/compare/@arcteryx/components-button@1.29.0...@arcteryx/components-button@1.29.1) (2020-12-07)
@@ -8,0 +19,0 @@

dist/cjs/index.js

@@ -73,3 +73,3 @@ 'use strict';
   height: 45px;
-  padding: 0.967rem 1.5rem;
+  padding: 0 1.5rem;
   margin: 0;
@@ -170,2 +170,3 @@ color: ${props => props.context === "Subtle" || props.context === "Find-In-Store" || props.context === "Secondary-cta" ? "black" : "white"};
       justify-content: center;
+      align-items: center;
       & {
@@ -172,0 +173,0 @@ &::before {

dist/es/index.js

@@ -66,3 +66,3 @@ import React from 'react';
   height: 45px;
-  padding: 0.967rem 1.5rem;
+  padding: 0 1.5rem;
   margin: 0;
@@ -163,2 +163,3 @@ color: ${props => props.context === "Subtle" || props.context === "Find-In-Store" || props.context === "Secondary-cta" ? "black" : "white"};
       justify-content: center;
+      align-items: center;
       & {
@@ -165,0 +166,0 @@ &::before {

dist/umd/index.js

@@ -77,3 +77,3 @@ (function (global, factory) {
   height: 45px;
-  padding: 0.967rem 1.5rem;
+  padding: 0 1.5rem;
   margin: 0;
@@ -174,2 +174,3 @@ color: ${props => props.context === "Subtle" || props.context === "Find-In-Store" || props.context === "Secondary-cta" ? "black" : "white"};
       justify-content: center;
+      align-items: center;
       & {
@@ -176,0 +177,0 @@ &::before {

package.json

 {
   "name": "@arcteryx/components-button",
-  "version": "1.29.1",
+  "version": "1.29.2",
   "description": "Arcteryx Button",
@@ -18,3 +18,3 @@ "source": "src/index.js",
   "license": "ISC",
-  "gitHead": "2936231ef6768971b49d87c45d04cb3a68364c8b",
+  "gitHead": "a406603fde783ba69be0a4039982e7a9f735e018",
   "files": [
@@ -21,0 +21,0 @@ "dist",

src/Button.stories.js

@@ -31,3 +31,3 @@ import React from "react";
 const Front = styled.div`
-  width: 100%;
+  width: ${props => props.width || "100%"};
   height: 100%;
@@ -67,2 +67,7 @@ display: block;
   ))
+  .add("Button With Long Label", () => (
+    <Front width="220px">
+      <Button context="Standard">Standard Button on Two Lines</Button>
+    </Front>
+  ))
   .add("Subtle Button", () => (
@@ -69,0 +74,0 @@ <Front>

src/components/button.js

@@ -13,3 +13,3 @@ import React from "react";
   height: 45px;
-  padding: 0.967rem 1.5rem;
+  padding: 0 1.5rem;
   margin: 0;
@@ -125,2 +125,3 @@ color: ${props =>
       justify-content: center;
+      align-items: center;
       & {
@@ -127,0 +128,0 @@ &::before {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

82618

increased by0.92%

Lines of code

1207

increased by0.75%

No dependency changes