@commercetools-uikit/tag - npm Package Compare versions

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

dist/tag.cjs.js

@@ -94,4 +94,3 @@ 'use strict';
   var overwrittenVars = _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), ";}")
+  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), ";}")
   );
@@ -107,4 +106,3 @@ };
   var overwrittenVars = _objectSpread2({}, designSystem.customProperties, {}, theme);
-  return type === 'warning' ? [] : [
-  core.css("&:hover{border-color:", overwrittenVars[designSystem.designTokens.borderColorForTagWhenFocused], ";}")];
+  return type === 'warning' ? [] : [core.css("&:hover{border-color:", overwrittenVars[designSystem.designTokens.borderColorForTagWhenFocused], ";}")];
 };
@@ -116,8 +114,6 @@ var TagBody = function TagBody(props) {
     css: function css(theme) {
-      return [getContentWrapperStyles(props, theme), Boolean(props.onRemove) &&
-      core.css("padding-right:", designSystem.customProperties.spacingS, ";border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;"), !props.isDisabled && Boolean(props.onClick) && getClickableContentWrapperStyles({
+      return [getContentWrapperStyles(props, theme), Boolean(props.onRemove) && core.css("padding-right:", designSystem.customProperties.spacingS, ";border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;"), !props.isDisabled && Boolean(props.onClick) && getClickableContentWrapperStyles({
         type: props.type,
         theme: theme
-      }), !props.isDisabled && Boolean(props.onClick) &&
-      core.css("&:hover{box-shadow:", designSystem.customProperties.shadowBoxTagWhenHovered, ";&::after{position:absolute;right:-1px;content:'';background-color:", designSystem.customProperties.borderColorForTagWhenFocused, ";width:1px;height:100%;}}"), props.styles.body];
+      }), !props.isDisabled && Boolean(props.onClick) && core.css("&:hover{box-shadow:", designSystem.customProperties.shadowBoxTagWhenHovered, ";&::after{position:absolute;right:-1px;content:'';background-color:", designSystem.customProperties.borderColorForTagWhenFocused, ";width:1px;height:100%;}}"), props.styles.body];
     },
@@ -149,4 +145,3 @@ onClick: props.isDisabled ? undefined : props.onClick
     css: function css(theme) {
-      return (
-        core.css("a{cursor:pointer;text-decoration:none;}cursor:default;min-width:0;display:flex;background-color:", getWrapperBackgroundColor(props.type, theme), ";")
+      return (core.css("a{cursor:pointer;text-decoration:none;}cursor:default;min-width:0;display:flex;background-color:", getWrapperBackgroundColor(props.type, theme), ";")
       );
@@ -166,4 +161,3 @@ }
       var overwrittenVars = _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], ";}")];
+      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], ";}")];
     }
@@ -196,5 +190,5 @@ }, core.jsx(icons.CloseBoldIcon, {
 
-var version = '10.16.1-canary.4+d2b7d28b';
+var version = '10.16.1-canary.5+73037d7e';
 
 exports.default = Tag;
 exports.version = version;

dist/tag.esm.js

@@ -88,4 +88,3 @@ import _styled from '@emotion/styled-base';
   var overwrittenVars = _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), ";}")
+  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), ";}")
   );
@@ -101,4 +100,3 @@ };
   var overwrittenVars = _objectSpread2({}, customProperties, {}, theme);
-  return type === 'warning' ? [] : [
-  css("&:hover{border-color:", overwrittenVars[designTokens.borderColorForTagWhenFocused], ";}")];
+  return type === 'warning' ? [] : [css("&:hover{border-color:", overwrittenVars[designTokens.borderColorForTagWhenFocused], ";}")];
 };
@@ -110,8 +108,6 @@ var TagBody = function TagBody(props) {
     css: function css$1(theme) {
-      return [getContentWrapperStyles(props, theme), Boolean(props.onRemove) &&
-      css("padding-right:", customProperties.spacingS, ";border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;"), !props.isDisabled && Boolean(props.onClick) && getClickableContentWrapperStyles({
+      return [getContentWrapperStyles(props, theme), Boolean(props.onRemove) && css("padding-right:", customProperties.spacingS, ";border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;"), !props.isDisabled && Boolean(props.onClick) && getClickableContentWrapperStyles({
         type: props.type,
         theme: theme
-      }), !props.isDisabled && Boolean(props.onClick) &&
-      css("&:hover{box-shadow:", customProperties.shadowBoxTagWhenHovered, ";&::after{position:absolute;right:-1px;content:'';background-color:", customProperties.borderColorForTagWhenFocused, ";width:1px;height:100%;}}"), props.styles.body];
+      }), !props.isDisabled && Boolean(props.onClick) && css("&:hover{box-shadow:", customProperties.shadowBoxTagWhenHovered, ";&::after{position:absolute;right:-1px;content:'';background-color:", customProperties.borderColorForTagWhenFocused, ";width:1px;height:100%;}}"), props.styles.body];
     },
@@ -143,4 +139,3 @@ onClick: props.isDisabled ? undefined : props.onClick
     css: function css$1(theme) {
-      return (
-        css("a{cursor:pointer;text-decoration:none;}cursor:default;min-width:0;display:flex;background-color:", getWrapperBackgroundColor(props.type, theme), ";")
+      return (css("a{cursor:pointer;text-decoration:none;}cursor:default;min-width:0;display:flex;background-color:", getWrapperBackgroundColor(props.type, theme), ";")
       );
@@ -160,4 +155,3 @@ }
       var overwrittenVars = _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], ";}")];
+      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], ";}")];
     }
@@ -190,5 +184,5 @@ }, jsx(CloseBoldIcon, {
 
-var version = '10.16.1-canary.4+d2b7d28b';
+var version = '10.16.1-canary.5+73037d7e';
 
 export default Tag;
 export { version };

package.json

 {
   "name": "@commercetools-uikit/tag",
-  "version": "10.16.1-canary.4+d2b7d28b",
+  "version": "10.16.1-canary.5+73037d7e",
   "description": "",
@@ -21,8 +21,8 @@ "main": "dist/tag.cjs.js",
   "dependencies": {
-    "@commercetools-uikit/accessible-button": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/constraints": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/design-system": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/icons": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/text": "10.16.1-canary.4+d2b7d28b",
-    "@emotion/core": "10.0.27",
+    "@commercetools-uikit/accessible-button": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/constraints": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/design-system": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/icons": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/text": "10.16.1-canary.5+73037d7e",
+    "@emotion/core": "10.0.28",
     "prop-types": "15.7.2"
@@ -35,3 +35,3 @@ },
   "license": "MIT",
-  "gitHead": "d2b7d28b8caab04100108fcf0d7efcf3b93f7cd9"
+  "gitHead": "73037d7e0407b8f2958f37d5a2cc6f17705fe897"
 }

New alerts

License Policy Violation

License

This 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 risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This 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 risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

20243

decreased by-0.35%

Lines of code

350

decreased by-2.51%

Dependency changes

• + Added@emotion/core@10.0.28(transitive)

• - Removed@emotion/core@10.0.27(transitive)

• Updated@commercetools-uikit/accessible-button@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/constraints@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/design-system@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/icons@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/text@10.16.1-canary.5+73037d7e

• Updated@emotion/core@10.0.28