@arcteryx/components-button
Advanced tools
Comparing version 1.28.1 to 1.29.0
@@ -6,2 +6,13 @@ # Change Log | ||
# 1.29.0 (2020-12-03) | ||
### Features | ||
* add icon to add to cart button ([2f75483](http://bitbucket.org/arcteryx/arcteryx-js-helpers/commits/2f75483528330886ccd175cf4846faca70c8bfab)) | ||
## [1.28.1](http://bitbucket.org/arcteryx/arcteryx-js-helpers/compare/@arcteryx/components-button@1.28.0...@arcteryx/components-button@1.28.1) (2020-09-22) | ||
@@ -8,0 +19,0 @@ |
@@ -106,3 +106,3 @@ 'use strict'; | ||
${props => props.disabled && styled.css` | ||
${props => props.isDisabled && styled.css` | ||
&:disabled, | ||
@@ -166,2 +166,16 @@ &.is-disabled { | ||
} | ||
${props => props.context === "Add-To-Cart" && styled.css` | ||
display: inline-flex; | ||
justify-content: center; | ||
& { | ||
&::before { | ||
content: url(//images.arcteryx.com/foundation-ui/svgs/Cart_Icon_White.svg); | ||
width: 22px; | ||
margin-right: 5px; | ||
display: inline-block; | ||
} | ||
} | ||
`}; | ||
} | ||
`; | ||
@@ -201,3 +215,3 @@ | ||
context: context | ||
}, otherProps), children); | ||
}, otherProps), /*#__PURE__*/React.createElement("span", null, children)); | ||
}; | ||
@@ -204,0 +218,0 @@ |
@@ -99,3 +99,3 @@ import React from 'react'; | ||
${props => props.disabled && css` | ||
${props => props.isDisabled && css` | ||
&:disabled, | ||
@@ -159,2 +159,16 @@ &.is-disabled { | ||
} | ||
${props => props.context === "Add-To-Cart" && css` | ||
display: inline-flex; | ||
justify-content: center; | ||
& { | ||
&::before { | ||
content: url(//images.arcteryx.com/foundation-ui/svgs/Cart_Icon_White.svg); | ||
width: 22px; | ||
margin-right: 5px; | ||
display: inline-block; | ||
} | ||
} | ||
`}; | ||
} | ||
`; | ||
@@ -194,3 +208,3 @@ | ||
context: context | ||
}, otherProps), children); | ||
}, otherProps), /*#__PURE__*/React.createElement("span", null, children)); | ||
}; | ||
@@ -197,0 +211,0 @@ |
@@ -110,3 +110,3 @@ (function (global, factory) { | ||
${props => props.disabled && styled.css` | ||
${props => props.isDisabled && styled.css` | ||
&:disabled, | ||
@@ -170,2 +170,16 @@ &.is-disabled { | ||
} | ||
${props => props.context === "Add-To-Cart" && styled.css` | ||
display: inline-flex; | ||
justify-content: center; | ||
& { | ||
&::before { | ||
content: url(//images.arcteryx.com/foundation-ui/svgs/Cart_Icon_White.svg); | ||
width: 22px; | ||
margin-right: 5px; | ||
display: inline-block; | ||
} | ||
} | ||
`}; | ||
} | ||
`; | ||
@@ -205,3 +219,3 @@ | ||
context: context | ||
}, otherProps), children); | ||
}, otherProps), /*#__PURE__*/React.createElement("span", null, children)); | ||
}; | ||
@@ -208,0 +222,0 @@ |
{ | ||
"name": "@arcteryx/components-button", | ||
"version": "1.28.1", | ||
"version": "1.29.0", | ||
"description": "Arcteryx Button", | ||
@@ -18,3 +18,3 @@ "source": "src/index.js", | ||
"license": "ISC", | ||
"gitHead": "55c6c2e46c1624b03a5502ece864b09fd3b079f5", | ||
"gitHead": "978f8d3f8b1771b547a64ad78001efb5519a7832", | ||
"files": [ | ||
@@ -21,0 +21,0 @@ "dist", |
@@ -54,3 +54,3 @@ import React from "react"; | ||
${props => | ||
props.disabled && | ||
props.isDisabled && | ||
css` | ||
@@ -119,2 +119,18 @@ &:disabled, | ||
} | ||
${props => | ||
props.context === "Add-To-Cart" && | ||
css` | ||
display: inline-flex; | ||
justify-content: center; | ||
& { | ||
&::before { | ||
content: url(//images.arcteryx.com/foundation-ui/svgs/Cart_Icon_White.svg); | ||
width: 22px; | ||
margin-right: 5px; | ||
display: inline-block; | ||
} | ||
} | ||
`}; | ||
} | ||
`; | ||
@@ -156,3 +172,3 @@ | ||
> | ||
{children} | ||
<span>{children}</span> | ||
</ButtonWrapper> | ||
@@ -159,0 +175,0 @@ ); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
81523
1198