@commercetools-uikit/design-system
Advanced tools
Comparing version 10.18.4-canary.0 to 10.18.4-canary.1
@@ -143,3 +143,3 @@ 'use strict'; | ||
var version = '10.18.4-canary.0+5cb8aaf9'; | ||
var version = '10.18.4-canary.1+77574cd7'; | ||
@@ -146,0 +146,0 @@ exports.customProperties = customProperties; |
@@ -139,4 +139,4 @@ var customProperties = { | ||
var version = '10.18.4-canary.0+5cb8aaf9'; | ||
var version = '10.18.4-canary.1+77574cd7'; | ||
export { customProperties, designTokens, version }; |
@@ -37,3 +37,3 @@ import React from 'react'; | ||
padding: 10px; | ||
display: ${props => (props.isVisible ? 'block' : 'none')}; | ||
display: ${(props) => (props.isVisible ? 'block' : 'none')}; | ||
`; | ||
@@ -57,6 +57,6 @@ | ||
const getChoiceValue = choiceName => { | ||
const getChoiceValue = (choiceName) => { | ||
const choice = Object.values(definition.choiceGroups) | ||
.map(choiceGroup => choiceGroup.choices) | ||
.find(choices => choices[choiceName]); | ||
.map((choiceGroup) => choiceGroup.choices) | ||
.find((choices) => choices[choiceName]); | ||
if (!choice) | ||
@@ -100,3 +100,3 @@ throw new Error(`Tried to get value of non-existant choice ${choiceName}`); | ||
const ChoiceGroup = props => { | ||
const ChoiceGroup = (props) => { | ||
const choices = filterChoiceGroupValues( | ||
@@ -144,6 +144,6 @@ props.choiceGroup.choices, | ||
ChoiceGroup.defaultProps = { | ||
renderSample: value => value, | ||
renderSample: (value) => value, | ||
}; | ||
const DecisionGroup = props => { | ||
const DecisionGroup = (props) => { | ||
const decisions = filterDecisionGroupValues( | ||
@@ -197,6 +197,6 @@ props.decisionGroup.decisions, | ||
DecisionGroup.defaultProps = { | ||
renderSample: value => value, | ||
renderSample: (value) => value, | ||
}; | ||
const StatesGroup = props => { | ||
const StatesGroup = (props) => { | ||
const states = filterStatesGroupValues(props.states, props.searchText); | ||
@@ -236,3 +236,3 @@ return ( | ||
const ComponentGroupsGroup = props => { | ||
const ComponentGroupsGroup = (props) => { | ||
const componentGroups = filterComponentGroupsGroupValues( | ||
@@ -277,3 +277,3 @@ props.states, | ||
height: 30px; | ||
background-color: ${props => props.color}; | ||
background-color: ${(props) => props.color}; | ||
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1); | ||
@@ -284,3 +284,3 @@ display: inline-block; | ||
const FontColorSampleStyle = styled.div` | ||
color: ${props => props.color}; | ||
color: ${(props) => props.color}; | ||
font-size: 24pt; | ||
@@ -291,3 +291,3 @@ font-weight: bolder; | ||
const FontColorSample = props => ( | ||
const FontColorSample = (props) => ( | ||
<FontColorSampleStyle {...props}>Aa</FontColorSampleStyle> | ||
@@ -299,11 +299,11 @@ ); | ||
width: calc( | ||
${props => props.borderRadius} + 2 * ${props => props.borderRadius} | ||
${(props) => props.borderRadius} + 2 * ${(props) => props.borderRadius} | ||
); | ||
min-width: 20px; | ||
height: calc( | ||
${props => props.borderRadius} + 2 * ${props => props.borderRadius} | ||
${(props) => props.borderRadius} + 2 * ${(props) => props.borderRadius} | ||
); | ||
min-height: 20px; | ||
background-color: pink; | ||
border-radius: ${props => props.borderRadius}; | ||
border-radius: ${(props) => props.borderRadius}; | ||
display: inline-block; | ||
@@ -316,3 +316,3 @@ margin: 0 10px; | ||
height: 50px; | ||
box-shadow: ${props => props.shadow}; | ||
box-shadow: ${(props) => props.shadow}; | ||
display: inline-block; | ||
@@ -323,4 +323,4 @@ margin: 0 10px; | ||
const SpacingSample = styled.div` | ||
width: ${props => props.spacing}; | ||
height: ${props => props.spacing}; | ||
width: ${(props) => props.spacing}; | ||
height: ${(props) => props.spacing}; | ||
background-color: lightblue; | ||
@@ -343,3 +343,3 @@ display: inline-block; | ||
value={this.state.searchText} | ||
onChange={event => { | ||
onChange={(event) => { | ||
this.setState({ searchText: event.target.value }); | ||
@@ -354,3 +354,3 @@ }} | ||
href="#choices" | ||
onClick={event => { | ||
onClick={(event) => { | ||
event.preventDefault(); | ||
@@ -375,3 +375,3 @@ window.scrollTo( | ||
href={`#${choiceGroup.prefix}`} | ||
onClick={event => { | ||
onClick={(event) => { | ||
event.preventDefault(); | ||
@@ -396,3 +396,3 @@ window.scrollTo( | ||
href="#states" | ||
onClick={event => { | ||
onClick={(event) => { | ||
event.preventDefault(); | ||
@@ -408,3 +408,3 @@ window.scrollTo(0, document.getElementById('states').offsetTop); | ||
href="#component-groups" | ||
onClick={event => { | ||
onClick={(event) => { | ||
event.preventDefault(); | ||
@@ -424,3 +424,3 @@ window.scrollTo( | ||
href="#decisions" | ||
onClick={event => { | ||
onClick={(event) => { | ||
event.preventDefault(); | ||
@@ -445,3 +445,3 @@ window.scrollTo( | ||
href={`#${decisionGroup.prefix}`} | ||
onClick={event => { | ||
onClick={(event) => { | ||
event.preventDefault(); | ||
@@ -473,3 +473,3 @@ window.scrollTo( | ||
searchText={this.state.searchText} | ||
renderSample={value => ( | ||
renderSample={(value) => ( | ||
<React.Fragment> | ||
@@ -483,3 +483,3 @@ <ColorSample color={value} /> {value} | ||
searchText={this.state.searchText} | ||
renderSample={value => ( | ||
renderSample={(value) => ( | ||
<React.Fragment> | ||
@@ -493,3 +493,3 @@ <BorderRadiusSample borderRadius={value} /> {value} | ||
searchText={this.state.searchText} | ||
renderSample={value => ( | ||
renderSample={(value) => ( | ||
<React.Fragment> | ||
@@ -507,3 +507,3 @@ <ShadowSample shadow={value} /> {value} | ||
searchText={this.state.searchText} | ||
renderSample={value => ( | ||
renderSample={(value) => ( | ||
<React.Fragment> | ||
@@ -543,3 +543,3 @@ <SpacingSample spacing={value} /> {value} | ||
searchText={this.state.searchText} | ||
renderSample={value => ( | ||
renderSample={(value) => ( | ||
<React.Fragment> | ||
@@ -553,3 +553,3 @@ <ColorSample color={value} /> {value} | ||
searchText={this.state.searchText} | ||
renderSample={value => ( | ||
renderSample={(value) => ( | ||
<React.Fragment> | ||
@@ -563,3 +563,3 @@ <ColorSample color={value} /> {value} | ||
searchText={this.state.searchText} | ||
renderSample={value => ( | ||
renderSample={(value) => ( | ||
<React.Fragment> | ||
@@ -573,3 +573,3 @@ <BorderRadiusSample borderRadius={value} /> {value} | ||
searchText={this.state.searchText} | ||
renderSample={value => ( | ||
renderSample={(value) => ( | ||
<React.Fragment> | ||
@@ -583,3 +583,3 @@ <FontColorSample color={value} /> {value} | ||
searchText={this.state.searchText} | ||
renderSample={value => ( | ||
renderSample={(value) => ( | ||
<React.Fragment> | ||
@@ -586,0 +586,0 @@ <ShadowSample shadow={value} /> {value} |
{ | ||
"name": "@commercetools-uikit/design-system", | ||
"version": "10.18.4-canary.0+5cb8aaf9", | ||
"version": "10.18.4-canary.1+77574cd7", | ||
"description": "", | ||
@@ -24,3 +24,3 @@ "private": false, | ||
"license": "MIT", | ||
"gitHead": "5cb8aaf9aa8c6c72a73ef9a0449f726213ce79e0" | ||
"gitHead": "77574cd784dc6d2e613c98a53a76a682c588c850" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
76171