@commercetools-uikit/tag
Advanced tools
Comparing version 10.18.7-canary.4 to 10.18.7-canary.5
@@ -88,3 +88,3 @@ 'use strict'; | ||
var getTextDetailColor = function getTextDetailColor(isDisabled, theme) { | ||
var overwrittenVars = _objectSpread2({}, designSystem.customProperties, {}, theme); | ||
var overwrittenVars = _objectSpread2(_objectSpread2({}, designSystem.customProperties), theme); | ||
if (isDisabled) return overwrittenVars[designSystem.designTokens.fontColorForTagWhenDisabled]; | ||
@@ -94,7 +94,7 @@ return overwrittenVars[designSystem.designTokens.fontColorForTag]; | ||
var getContentWrapperStyles = function getContentWrapperStyles(props, theme) { | ||
var overwrittenVars = _objectSpread2({}, designSystem.customProperties, {}, theme); | ||
var overwrittenVars = _objectSpread2(_objectSpread2({}, designSystem.customProperties), theme); | ||
return core.css("position:relative;display:flex;box-sizing:border-box;align-items:center;border-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForTag], ";padding:5px ", designSystem.customProperties.spacingS, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;border-style:solid;border-width:1px;border-color:", props.type === 'warning' ? overwrittenVars[designSystem.designTokens.borderColorForTagWarning] : overwrittenVars[designSystem.designTokens.borderColorForTag], ";width:100%;small{color:", getTextDetailColor(props.isDisabled, theme), ";}"); | ||
}; | ||
var getWrapperBackgroundColor = function getWrapperBackgroundColor(type, theme) { | ||
var overwrittenVars = _objectSpread2({}, designSystem.customProperties, {}, theme); | ||
var overwrittenVars = _objectSpread2(_objectSpread2({}, designSystem.customProperties), theme); | ||
return type === 'warning' ? overwrittenVars[designSystem.designTokens.backgroundColorForTagWarning] : overwrittenVars[designSystem.designTokens.backgroundColorForTag]; | ||
@@ -105,3 +105,3 @@ }; | ||
theme = _ref.theme; | ||
var overwrittenVars = _objectSpread2({}, designSystem.customProperties, {}, theme); | ||
var overwrittenVars = _objectSpread2(_objectSpread2({}, designSystem.customProperties), theme); | ||
return type === 'warning' ? [] : [core.css("&:hover{border-color:", overwrittenVars[designSystem.designTokens.borderColorForTagWhenFocused], ";}")]; | ||
@@ -157,3 +157,3 @@ }; | ||
css: function css(theme) { | ||
var overwrittenVars = _objectSpread2({}, designSystem.customProperties, {}, theme); | ||
var overwrittenVars = _objectSpread2(_objectSpread2({}, designSystem.customProperties), theme); | ||
return [core.css("border-color:", props.type === 'warning' ? overwrittenVars[designSystem.designTokens.borderColorForTagWarning] : overwrittenVars[designSystem.designTokens.borderColorForTag], ";padding:0 ", designSystem.customProperties.spacingXs, ";border-radius:0 ", overwrittenVars[designSystem.designTokens.borderRadiusForTag], " ", overwrittenVars[designSystem.designTokens.borderRadiusForTag], " 0;display:flex;align-items:center;background:inherit;border-style:solid;border-width:1px 1px 1px 1px;:not(:disabled)&:hover,:not(:disabled)&:focus{border-color:", overwrittenVars[designSystem.designTokens.borderColorForTagWarning], ";> svg *{fill:", overwrittenVars[designSystem.designTokens.borderColorForTagWarning], ";}}> svg *{fill:", overwrittenVars[designSystem.designTokens.fontColorForTag], ";}&:disabled > svg *{fill:", overwrittenVars[designSystem.designTokens.fontColorForTagWhenDisabled], ";}")]; | ||
@@ -187,5 +187,5 @@ } | ||
var version = '10.18.7-canary.4+635c2bdf'; | ||
var version = '10.18.7-canary.5+37850586'; | ||
exports.default = Tag; | ||
exports.version = version; |
@@ -82,3 +82,3 @@ import _styled from '@emotion/styled-base'; | ||
var getTextDetailColor = function getTextDetailColor(isDisabled, theme) { | ||
var overwrittenVars = _objectSpread2({}, customProperties, {}, theme); | ||
var overwrittenVars = _objectSpread2(_objectSpread2({}, customProperties), theme); | ||
if (isDisabled) return overwrittenVars[designTokens.fontColorForTagWhenDisabled]; | ||
@@ -88,7 +88,7 @@ return overwrittenVars[designTokens.fontColorForTag]; | ||
var getContentWrapperStyles = function getContentWrapperStyles(props, theme) { | ||
var overwrittenVars = _objectSpread2({}, customProperties, {}, theme); | ||
var overwrittenVars = _objectSpread2(_objectSpread2({}, customProperties), theme); | ||
return css("position:relative;display:flex;box-sizing:border-box;align-items:center;border-radius:", overwrittenVars[designTokens.borderRadiusForTag], ";padding:5px ", customProperties.spacingS, ";white-space:normal;text-align:left;min-width:0;overflow-wrap:break-word;hyphens:auto;border-style:solid;border-width:1px;border-color:", props.type === 'warning' ? overwrittenVars[designTokens.borderColorForTagWarning] : overwrittenVars[designTokens.borderColorForTag], ";width:100%;small{color:", getTextDetailColor(props.isDisabled, theme), ";}"); | ||
}; | ||
var getWrapperBackgroundColor = function getWrapperBackgroundColor(type, theme) { | ||
var overwrittenVars = _objectSpread2({}, customProperties, {}, theme); | ||
var overwrittenVars = _objectSpread2(_objectSpread2({}, customProperties), theme); | ||
return type === 'warning' ? overwrittenVars[designTokens.backgroundColorForTagWarning] : overwrittenVars[designTokens.backgroundColorForTag]; | ||
@@ -99,3 +99,3 @@ }; | ||
theme = _ref.theme; | ||
var overwrittenVars = _objectSpread2({}, customProperties, {}, theme); | ||
var overwrittenVars = _objectSpread2(_objectSpread2({}, customProperties), theme); | ||
return type === 'warning' ? [] : [css("&:hover{border-color:", overwrittenVars[designTokens.borderColorForTagWhenFocused], ";}")]; | ||
@@ -151,3 +151,3 @@ }; | ||
css: function css$1(theme) { | ||
var overwrittenVars = _objectSpread2({}, customProperties, {}, theme); | ||
var overwrittenVars = _objectSpread2(_objectSpread2({}, customProperties), theme); | ||
return [css("border-color:", props.type === 'warning' ? overwrittenVars[designTokens.borderColorForTagWarning] : overwrittenVars[designTokens.borderColorForTag], ";padding:0 ", customProperties.spacingXs, ";border-radius:0 ", overwrittenVars[designTokens.borderRadiusForTag], " ", overwrittenVars[designTokens.borderRadiusForTag], " 0;display:flex;align-items:center;background:inherit;border-style:solid;border-width:1px 1px 1px 1px;:not(:disabled)&:hover,:not(:disabled)&:focus{border-color:", overwrittenVars[designTokens.borderColorForTagWarning], ";> svg *{fill:", overwrittenVars[designTokens.borderColorForTagWarning], ";}}> svg *{fill:", overwrittenVars[designTokens.fontColorForTag], ";}&:disabled > svg *{fill:", overwrittenVars[designTokens.fontColorForTagWhenDisabled], ";}")]; | ||
@@ -181,5 +181,5 @@ } | ||
var version = '10.18.7-canary.4+635c2bdf'; | ||
var version = '10.18.7-canary.5+37850586'; | ||
export default Tag; | ||
export { version }; |
{ | ||
"name": "@commercetools-uikit/tag", | ||
"version": "10.18.7-canary.4+635c2bdf", | ||
"version": "10.18.7-canary.5+37850586", | ||
"description": "", | ||
@@ -21,7 +21,7 @@ "main": "dist/tag.cjs.js", | ||
"dependencies": { | ||
"@commercetools-uikit/accessible-button": "10.18.7-canary.4+635c2bdf", | ||
"@commercetools-uikit/constraints": "10.18.7-canary.4+635c2bdf", | ||
"@commercetools-uikit/design-system": "10.18.7-canary.4+635c2bdf", | ||
"@commercetools-uikit/icons": "10.18.7-canary.4+635c2bdf", | ||
"@commercetools-uikit/text": "10.18.7-canary.4+635c2bdf", | ||
"@commercetools-uikit/accessible-button": "10.18.7-canary.5+37850586", | ||
"@commercetools-uikit/constraints": "10.18.7-canary.5+37850586", | ||
"@commercetools-uikit/design-system": "10.18.7-canary.5+37850586", | ||
"@commercetools-uikit/icons": "10.18.7-canary.5+37850586", | ||
"@commercetools-uikit/text": "10.18.7-canary.5+37850586", | ||
"@emotion/core": "10.0.28", | ||
@@ -35,3 +35,3 @@ "prop-types": "15.7.2" | ||
"license": "MIT", | ||
"gitHead": "635c2bdf3baf85f99a493ca78a75216ef4383f40" | ||
"gitHead": "37850586b5473b8ece407856e358f56b284bd60c" | ||
} |
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
20335