@arcteryx/components-button - npm Package Compare versions

Comparing version 1.36.3 to 1.37.0

dist/cjs/index.js

@@ -119,3 +119,3 @@ 'use strict';
   height: 3rem;
-  padding: 0 1rem;
+  padding: 0 1rem 0 1rem;
   margin: 0;
@@ -157,3 +157,2 @@ color: ${props => [INVERTED, SUBTLE, FINDINSTORE, SECONDARY].includes(props.context) ? "var(--colour-black)" : "var(--colour-white)"};
 
-
   ${props => props.disabled && styled.css`
@@ -196,3 +195,2 @@ &:disabled,
       text-decoration-line: ${props => Boolean(props.href) ? "underline" : "none"};
-      
     }
@@ -214,3 +212,3 @@ &.disabled {
       max-width: 100%;
-      line-height: 16px;
+      line-height: 1rem;
       text-transform: none;
@@ -217,0 +215,0 @@ &::before {

dist/es/index.js

@@ -108,3 +108,3 @@ import React from 'react';
   height: 3rem;
-  padding: 0 1rem;
+  padding: 0 1rem 0 1rem;
   margin: 0;
@@ -146,3 +146,2 @@ color: ${props => [INVERTED, SUBTLE, FINDINSTORE, SECONDARY].includes(props.context) ? "var(--colour-black)" : "var(--colour-white)"};
 
-
   ${props => props.disabled && css`
@@ -185,3 +184,2 @@ &:disabled,
       text-decoration-line: ${props => Boolean(props.href) ? "underline" : "none"};
-      
     }
@@ -203,3 +201,3 @@ &.disabled {
       max-width: 100%;
-      line-height: 16px;
+      line-height: 1rem;
       text-transform: none;
@@ -206,0 +204,0 @@ &::before {

dist/umd/index.js

@@ -121,3 +121,3 @@ (function (global, factory) {
   height: 3rem;
-  padding: 0 1rem;
+  padding: 0 1rem 0 1rem;
   margin: 0;
@@ -159,3 +159,2 @@ color: ${props => [INVERTED, SUBTLE, FINDINSTORE, SECONDARY].includes(props.context) ? "var(--colour-black)" : "var(--colour-white)"};
 
-
   ${props => props.disabled && styled.css`
@@ -198,3 +197,2 @@ &:disabled,
       text-decoration-line: ${props => Boolean(props.href) ? "underline" : "none"};
-      
     }
@@ -216,3 +214,3 @@ &.disabled {
       max-width: 100%;
-      line-height: 16px;
+      line-height: 1rem;
       text-transform: none;
@@ -219,0 +217,0 @@ &::before {

package.json

 {
   "name": "@arcteryx/components-button",
-  "version": "1.36.3",
+  "version": "1.37.0",
   "description": "Arcteryx Button",
@@ -19,3 +19,3 @@ "source": "src/index.js",
   "license": "ISC",
-  "gitHead": "8308bc5b8f6f5a52e0194d2f633c1bb308742214",
+  "gitHead": "86047a764d5217c7cda10d035aa02daf7e058da4",
   "files": [
@@ -22,0 +22,0 @@ "dist",

src/components/button.js

@@ -14,8 +14,8 @@ import React from "react";
   justify-content: center;
-  width: ${props => widthValue(props)};
-  max-width: ${props => (props.context === ADDTOCART && "400px") || (props.context === SECURE && "100%")};
+  width: ${(props) => widthValue(props)};
+  max-width: ${(props) => (props.context === ADDTOCART && "400px") || (props.context === SECURE && "100%")};
   height: 3rem;
-  padding: 0 1rem;
+  padding: 0 1rem 0 1rem;
   margin: 0;
-  color: ${props =>
+  color: ${(props) =>
     [INVERTED, SUBTLE, FINDINSTORE, SECONDARY].includes(props.context) ? "var(--colour-black)" : "var(--colour-white)"};
@@ -26,3 +26,3 @@ text-decoration: none;
   box-sizing: border-box;
-  border: ${props =>
+  border: ${(props) =>
     [SUBTLE, FINDINSTORE].includes(props.context) ? "1px solid var(--colour-black)" : "1px solid transparent"};
@@ -33,6 +33,6 @@ font-size: 1rem;
   font-weight: 400;
-  text-transform: ${props => props.context === STANDARD || !props.href ? "uppercase" : "none"};
+  text-transform: ${(props) => (props.context === STANDARD || !props.href ? "uppercase" : "none")};
   word-break: keep-all;
   cursor: pointer;
-  background-color: ${props =>
+  background-color: ${(props) =>
     [INVERTED, SUBTLE, FINDINSTORE, SECONDARY].includes(props.context) ? "var(--colour-white)" : "var(--colour-black)"};
@@ -42,7 +42,7 @@
   &:active {
-    border: ${props => (props.context === SECONDARY ? "1px solid var(--colour-black)" : "1px solid transparent")};
+    border: ${(props) => (props.context === SECONDARY ? "1px solid var(--colour-black)" : "1px solid transparent")};
     background-image: linear-gradient(var(--colour-black), var(--background-gradient));
     transition: background-color 400ms ease-in;
     text-decoration: none;
-    color: ${props => (props.context === SECONDARY ? "var(--colour-black)" : "var(--colour-white)")};
+    color: ${(props) => (props.context === SECONDARY ? "var(--colour-black)" : "var(--colour-white)")};
   }
@@ -52,3 +52,3 @@
   &.is-waiting {
-    color: ${props =>
+    color: ${(props) =>
       [SUBTLE, FINDINSTORE, SECONDARY].includes(props.context) ? "var(--colour-white)" : "var(--colour-black)"};
@@ -63,4 +63,3 @@ pointer-events: none;
 
-
-  ${props =>
+  ${(props) =>
     props.disabled &&
@@ -82,3 +81,3 @@ css`
 
-  ${props =>
+  ${(props) =>
     props.context === SECURE &&
@@ -97,4 +96,4 @@ css`
   &.button--Secondary-cta {
-    border: ${props => (Boolean(props.href) ? "none" : "1px solid transparent")};
-    text-decoration-line: ${props => (Boolean(props.href) ? "underline" : "none")};
+    border: ${(props) => (Boolean(props.href) ? "none" : "1px solid transparent")};
+    text-decoration-line: ${(props) => (Boolean(props.href) ? "underline" : "none")};
     &:hover,
@@ -105,7 +104,6 @@ &:active,
       color: var(--colour-black);
-      border: ${props => (Boolean(props.href) ? "none" : "1px solid var(--colour-black)")};
-      font-weight: ${props => (Boolean(props.href) ? "600" : "400")};
+      border: ${(props) => (Boolean(props.href) ? "none" : "1px solid var(--colour-black)")};
+      font-weight: ${(props) => (Boolean(props.href) ? "600" : "400")};
       cursor: pointer;
-      text-decoration-line: ${props => (Boolean(props.href) ? "underline" : "none")};
-      
+      text-decoration-line: ${(props) => (Boolean(props.href) ? "underline" : "none")};
     }
@@ -116,8 +114,8 @@ &.disabled {
       cursor: not-allowed;
-      background-color: ${props => (Boolean(props.href) ? "transparent" : "var(--colour-grey-background)")};
+      background-color: ${(props) => (Boolean(props.href) ? "transparent" : "var(--colour-grey-background)")};
       font-weight: 400;
-      text-decoration-line: ${props => (Boolean(props.href) ? "underline" : "none")};
+      text-decoration-line: ${(props) => (Boolean(props.href) ? "underline" : "none")};
     }
   }
-  ${props =>
+  ${(props) =>
     props.context === FINDINSTORE &&
@@ -130,3 +128,3 @@ css`
       max-width: 100%;
-      line-height: 16px;
+      line-height: 1rem;
       text-transform: none;
@@ -148,3 +146,3 @@ &::before {
 
-  ${props =>
+  ${(props) =>
     props.context === EMAIL &&
@@ -163,3 +161,3 @@ css`
 
-  ${props =>
+  ${(props) =>
     props.context === ADDTOCART &&
@@ -166,0 +164,0 @@ css`

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

110780

increased by0.12%

No dependency changes