Socket
Socket
Sign inDemoInstall

@commercetools-uikit/tag

Package Overview
Dependencies
Maintainers
4
Versions
900
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@commercetools-uikit/tag - npm Package Compare versions

Comparing version 10.18.7-canary.4 to 10.18.7-canary.5

12

dist/tag.cjs.js

@@ -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"
}
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