@arcteryx/components-button - npm Package Compare versions

Comparing version 1.35.0-alpha.0 to 1.35.0

dist/cjs/index.js

@@ -90,2 +90,3 @@ 'use strict';
 const FINDINSTORE = "Find-In-Store";
+const STANDARD = "Standard";
 
@@ -131,3 +132,3 @@ const widthValue = _ref => {
   font-weight: 400;
-  text-transform: ${props => Boolean(props.href) ? "none" : "uppercase"};
+  text-transform: ${props => props.context === STANDARD || !props.href ? "uppercase" : "none"};
   word-break: keep-all;
@@ -157,8 +158,9 @@ cursor: pointer;
 
+
   ${props => props.disabled && styled.css`
       &:disabled,
       &.disabled {
-        color: ${props => props.context === SECONDARY ? "var(--colour-grey-inactive)" : "var(--colour-white)"};
+        color: ${() => props.context === SECONDARY ? "var(--colour-grey-inactive)" : "var(--colour-white)"};
         cursor: not-allowed;
-        background-color: ${props => props.context === SECONDARY ? "var(--colour-grey-background)" : "var(--colour-grey-inactive)"};
+        background-color: ${() => props.context === SECONDARY ? "var(--colour-grey-background)" : "var(--colour-grey-inactive)"};
         border: none;
@@ -165,0 +167,0 @@ &:hover {

dist/es/index.js

@@ -79,2 +79,3 @@ import React from 'react';
 const FINDINSTORE = "Find-In-Store";
+const STANDARD = "Standard";
 
@@ -120,3 +121,3 @@ const widthValue = _ref => {
   font-weight: 400;
-  text-transform: ${props => Boolean(props.href) ? "none" : "uppercase"};
+  text-transform: ${props => props.context === STANDARD || !props.href ? "uppercase" : "none"};
   word-break: keep-all;
@@ -146,8 +147,9 @@ cursor: pointer;
 
+
   ${props => props.disabled && css`
       &:disabled,
       &.disabled {
-        color: ${props => props.context === SECONDARY ? "var(--colour-grey-inactive)" : "var(--colour-white)"};
+        color: ${() => props.context === SECONDARY ? "var(--colour-grey-inactive)" : "var(--colour-white)"};
         cursor: not-allowed;
-        background-color: ${props => props.context === SECONDARY ? "var(--colour-grey-background)" : "var(--colour-grey-inactive)"};
+        background-color: ${() => props.context === SECONDARY ? "var(--colour-grey-background)" : "var(--colour-grey-inactive)"};
         border: none;
@@ -154,0 +156,0 @@ &:hover {

dist/umd/index.js

@@ -92,2 +92,3 @@ (function (global, factory) {
   const FINDINSTORE = "Find-In-Store";
+  const STANDARD = "Standard";
 
@@ -133,3 +134,3 @@ const widthValue = _ref => {
   font-weight: 400;
-  text-transform: ${props => Boolean(props.href) ? "none" : "uppercase"};
+  text-transform: ${props => props.context === STANDARD || !props.href ? "uppercase" : "none"};
   word-break: keep-all;
@@ -159,8 +160,9 @@ cursor: pointer;
 
+
   ${props => props.disabled && styled.css`
       &:disabled,
       &.disabled {
-        color: ${props => props.context === SECONDARY ? "var(--colour-grey-inactive)" : "var(--colour-white)"};
+        color: ${() => props.context === SECONDARY ? "var(--colour-grey-inactive)" : "var(--colour-white)"};
         cursor: not-allowed;
-        background-color: ${props => props.context === SECONDARY ? "var(--colour-grey-background)" : "var(--colour-grey-inactive)"};
+        background-color: ${() => props.context === SECONDARY ? "var(--colour-grey-background)" : "var(--colour-grey-inactive)"};
         border: none;
@@ -167,0 +169,0 @@ &:hover {

package.json

 {
   "name": "@arcteryx/components-button",
-  "version": "1.35.0-alpha.0",
+  "version": "1.35.0",
   "description": "Arcteryx Button",
@@ -10,3 +10,2 @@ "source": "src/index.js",
   "jsnext:main": "dist/es/index.js",
-  "types": "dist/es/index.d.ts",
   "scripts": {
@@ -20,3 +19,3 @@ "build": "../node_modules/.bin/rollup -c ../scripts/rollup.config.js",
   "license": "ISC",
-  "gitHead": "62220ec46c7009487fa7953207a575eac9c02bb5",
+  "gitHead": "82506a97efbde49982692619942e4d3efbfa8120",
   "files": [
@@ -27,4 +26,4 @@ "dist",
   "devDependencies": {
-    "@arcteryx/components-icons": "^0.21.0-alpha.0"
+    "@arcteryx/components-icons": "^0.20.1"
   }
 }

src/components/button.js

@@ -6,3 +6,3 @@ import React from "react";
 import LoadingIcon from "./LoadingIcon";
-import { ADDTOCART, EMAIL, SECURE, SUBTLE, FINDINSTORE, SECONDARY, INVERTED } from "../constants";
+import { ADDTOCART, EMAIL, SECURE, SUBTLE, FINDINSTORE, SECONDARY, INVERTED, STANDARD } from "../constants";
 import { widthValue } from "../helpers";
@@ -32,3 +32,3 @@
   font-weight: 400;
-  text-transform: ${props => (Boolean(props.href) ? "none" : "uppercase")};
+  text-transform: ${props => props.context === STANDARD || !props.href ? "uppercase" : "none"};
   word-break: keep-all;
@@ -60,2 +60,3 @@ cursor: pointer;
 
+
   ${props =>
@@ -66,5 +67,5 @@ props.disabled &&
       &.disabled {
-        color: ${props => (props.context === SECONDARY ? "var(--colour-grey-inactive)" : "var(--colour-white)")};
+        color: ${() => (props.context === SECONDARY ? "var(--colour-grey-inactive)" : "var(--colour-white)")};
         cursor: not-allowed;
-        background-color: ${props =>
+        background-color: ${() =>
           props.context === SECONDARY ? "var(--colour-grey-background)" : "var(--colour-grey-inactive)"};
@@ -71,0 +72,0 @@ border: none;

src/constants.js

@@ -8,1 +8,2 @@ export const SUBTLE = "Subtle";
 export const FINDINSTORE = "Find-In-Store";
+export const STANDARD = "Standard"

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

99523

increased by0.51%

Lines of code

1494

increased by0.27%

Number of low quality alerts

1

decreased by-50%

No dependency changes