Socket
Socket
Sign inDemoInstall

@commercetools-uikit/design-system

Package Overview
Dependencies
Maintainers
4
Versions
715
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@commercetools-uikit/design-system - npm Package Compare versions

Comparing version 10.18.4-canary.0 to 10.18.4-canary.1

2

dist/design-system.cjs.js

@@ -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"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc