@commercetools-uikit/radio-input - npm Package Compare versions

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

dist/radio-input.cjs.js

@@ -117,4 +117,3 @@ 'use strict';
 var getIconStyles = function getIconStyles(props, theme) {
-  return (
-    core.css("*{fill:", getColor(props.color, theme), ";}", getSizeStyle(props.size))
+  return (core.css("*{fill:", getColor(props.color, theme), ";}", getSizeStyle(props.size))
   );
@@ -227,23 +226,17 @@ };
 var getContainerStyles = function getContainerStyles(props) {
-  var baseStyles =
-  core.css("display:flex;align-items:center;svg{fill:", designSystem.customProperties.backgroundColorForInput, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:1px ", designSystem.customProperties.borderColorForInput, " solid;}svg [id$='borderAndContent'] > [id$='content']{fill:", designSystem.customProperties.borderColorForInputWhenFocused, ";}");
+  var baseStyles = core.css("display:flex;align-items:center;svg{fill:", designSystem.customProperties.backgroundColorForInput, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:1px ", designSystem.customProperties.borderColorForInput, " solid;}svg [id$='borderAndContent'] > [id$='content']{fill:", designSystem.customProperties.borderColorForInputWhenFocused, ";}");
   if (props.isDisabled) {
-    return [baseStyles,
-    core.css("svg{fill:", designSystem.customProperties.backgroundColorForInputWhenDisabled, ";}svg [id$='borderAndContent'] > [id$='content']{fill:", designSystem.customProperties.fontColorForInputWhenDisabled, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenDisabled, ";}")];
+    return [baseStyles, core.css("svg{fill:", designSystem.customProperties.backgroundColorForInputWhenDisabled, ";}svg [id$='borderAndContent'] > [id$='content']{fill:", designSystem.customProperties.fontColorForInputWhenDisabled, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenDisabled, ";}")];
   }
   if (props.hasError) {
-    return [baseStyles,
-    core.css("svg [id$='borderAndContent'] > [id$='content']{fill:", designSystem.customProperties.fontColorForInputWhenError, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenError, ";}")];
+    return [baseStyles, core.css("svg [id$='borderAndContent'] > [id$='content']{fill:", designSystem.customProperties.fontColorForInputWhenError, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenError, ";}")];
   }
   if (props.hasWarning) {
-    return [baseStyles,
-    core.css("svg [id$='borderAndContent'] > [id$='content']{fill:", designSystem.customProperties.fontColorForInputWhenWarning, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenWarning, ";}")];
+    return [baseStyles, core.css("svg [id$='borderAndContent'] > [id$='content']{fill:", designSystem.customProperties.fontColorForInputWhenWarning, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenWarning, ";}")];
   }
   if (props.isHovered && !props.isDisabled) {
-    return [baseStyles,
-    core.css("svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}")];
+    return [baseStyles, core.css("svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}")];
   }
   if (props.isReadOnly) {
-    return [baseStyles,
-    core.css("svg [id$='borderAndContent'] > [id$='content']{fill:", designSystem.customProperties.fontColorForInputWhenReadonly, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenReadonly, ";}")];
+    return [baseStyles, core.css("svg [id$='borderAndContent'] > [id$='content']{fill:", designSystem.customProperties.fontColorForInputWhenReadonly, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenReadonly, ";}")];
   }
@@ -253,19 +246,14 @@ return baseStyles;
 var getLabelStyles = function getLabelStyles(props) {
-  var baseStyles =
-  core.css("cursor:pointer;display:flex;align-items:center;position:relative;&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}&:active,&:focus{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}");
+  var baseStyles = core.css("cursor:pointer;display:flex;align-items:center;position:relative;&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}&:active,&:focus{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}");
   if (props.isDisabled) {
-    return [baseStyles,
-    core.css("cursor:not-allowed;color:", designSystem.customProperties.fontColorForInputWhenDisabled, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenDisabled, ";}")];
+    return [baseStyles, core.css("cursor:not-allowed;color:", designSystem.customProperties.fontColorForInputWhenDisabled, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenDisabled, ";}")];
   }
   if (props.hasError) {
-    return [baseStyles,
-    core.css("color:", designSystem.customProperties.fontColorForInputWhenError, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenError, ";}")];
+    return [baseStyles, core.css("color:", designSystem.customProperties.fontColorForInputWhenError, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenError, ";}")];
   }
   if (props.hasWarning) {
-    return [baseStyles,
-    core.css("color:", designSystem.customProperties.fontColorForInputWhenWarning, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenWarning, ";}")];
+    return [baseStyles, core.css("color:", designSystem.customProperties.fontColorForInputWhenWarning, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenWarning, ";}")];
   }
   if (props.isReadOnly) {
-    return [baseStyles,
-    core.css("cursor:default;color:", designSystem.customProperties.fontColorForInputWhenReadonly, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenReadonly, ";}")];
+    return [baseStyles, core.css("cursor:default;color:", designSystem.customProperties.fontColorForInputWhenReadonly, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenReadonly, ";}")];
   }
@@ -306,4 +294,3 @@ return baseStyles;
   })), core.jsx("div", {
-    css:
-    core.css("width:100%;margin-left:", designSystem.customProperties.spacingS, ";font-size:1rem;font-family:inherit;color:", props.isDisabled ? designSystem.customProperties.fontColorForInputWhenDisabled : designSystem.customProperties.fontColorForInput, ";")
+    css: core.css("width:100%;margin-left:", designSystem.customProperties.spacingS, ";font-size:1rem;font-family:inherit;color:", props.isDisabled ? designSystem.customProperties.fontColorForInputWhenDisabled : designSystem.customProperties.fontColorForInput, ";")
   }, props.children));
@@ -419,5 +406,5 @@ };
 
-var version = '10.16.1-canary.4+d2b7d28b';
+var version = '10.16.1-canary.5+73037d7e';
 
 exports.default = index;
 exports.version = version;

dist/radio-input.esm.js

@@ -111,4 +111,3 @@ import React from 'react';
 var getIconStyles = function getIconStyles(props, theme) {
-  return (
-    css("*{fill:", getColor(props.color, theme), ";}", getSizeStyle(props.size))
+  return (css("*{fill:", getColor(props.color, theme), ";}", getSizeStyle(props.size))
   );
@@ -221,23 +220,17 @@ };
 var getContainerStyles = function getContainerStyles(props) {
-  var baseStyles =
-  css("display:flex;align-items:center;svg{fill:", customProperties.backgroundColorForInput, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:1px ", customProperties.borderColorForInput, " solid;}svg [id$='borderAndContent'] > [id$='content']{fill:", customProperties.borderColorForInputWhenFocused, ";}");
+  var baseStyles = css("display:flex;align-items:center;svg{fill:", customProperties.backgroundColorForInput, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:1px ", customProperties.borderColorForInput, " solid;}svg [id$='borderAndContent'] > [id$='content']{fill:", customProperties.borderColorForInputWhenFocused, ";}");
   if (props.isDisabled) {
-    return [baseStyles,
-    css("svg{fill:", customProperties.backgroundColorForInputWhenDisabled, ";}svg [id$='borderAndContent'] > [id$='content']{fill:", customProperties.fontColorForInputWhenDisabled, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenDisabled, ";}")];
+    return [baseStyles, css("svg{fill:", customProperties.backgroundColorForInputWhenDisabled, ";}svg [id$='borderAndContent'] > [id$='content']{fill:", customProperties.fontColorForInputWhenDisabled, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenDisabled, ";}")];
   }
   if (props.hasError) {
-    return [baseStyles,
-    css("svg [id$='borderAndContent'] > [id$='content']{fill:", customProperties.fontColorForInputWhenError, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenError, ";}")];
+    return [baseStyles, css("svg [id$='borderAndContent'] > [id$='content']{fill:", customProperties.fontColorForInputWhenError, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenError, ";}")];
   }
   if (props.hasWarning) {
-    return [baseStyles,
-    css("svg [id$='borderAndContent'] > [id$='content']{fill:", customProperties.fontColorForInputWhenWarning, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenWarning, ";}")];
+    return [baseStyles, css("svg [id$='borderAndContent'] > [id$='content']{fill:", customProperties.fontColorForInputWhenWarning, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenWarning, ";}")];
   }
   if (props.isHovered && !props.isDisabled) {
-    return [baseStyles,
-    css("svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}")];
+    return [baseStyles, css("svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}")];
   }
   if (props.isReadOnly) {
-    return [baseStyles,
-    css("svg [id$='borderAndContent'] > [id$='content']{fill:", customProperties.fontColorForInputWhenReadonly, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenReadonly, ";}")];
+    return [baseStyles, css("svg [id$='borderAndContent'] > [id$='content']{fill:", customProperties.fontColorForInputWhenReadonly, ";}svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenReadonly, ";}")];
   }
@@ -247,19 +240,14 @@ return baseStyles;
 var getLabelStyles = function getLabelStyles(props) {
-  var baseStyles =
-  css("cursor:pointer;display:flex;align-items:center;position:relative;&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}&:active,&:focus{border-color:", customProperties.borderColorForInputWhenFocused, ";}");
+  var baseStyles = css("cursor:pointer;display:flex;align-items:center;position:relative;&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}&:active,&:focus{border-color:", customProperties.borderColorForInputWhenFocused, ";}");
   if (props.isDisabled) {
-    return [baseStyles,
-    css("cursor:not-allowed;color:", customProperties.fontColorForInputWhenDisabled, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenDisabled, ";}")];
+    return [baseStyles, css("cursor:not-allowed;color:", customProperties.fontColorForInputWhenDisabled, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenDisabled, ";}")];
   }
   if (props.hasError) {
-    return [baseStyles,
-    css("color:", customProperties.fontColorForInputWhenError, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenError, ";}")];
+    return [baseStyles, css("color:", customProperties.fontColorForInputWhenError, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenError, ";}")];
   }
   if (props.hasWarning) {
-    return [baseStyles,
-    css("color:", customProperties.fontColorForInputWhenWarning, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenWarning, ";}")];
+    return [baseStyles, css("color:", customProperties.fontColorForInputWhenWarning, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenWarning, ";}")];
   }
   if (props.isReadOnly) {
-    return [baseStyles,
-    css("cursor:default;color:", customProperties.fontColorForInputWhenReadonly, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenReadonly, ";}")];
+    return [baseStyles, css("cursor:default;color:", customProperties.fontColorForInputWhenReadonly, ";&:hover svg [id$='borderAndContent'] > [id$='border']{stroke:", customProperties.borderColorForInputWhenReadonly, ";}")];
   }
@@ -300,4 +288,3 @@ return baseStyles;
   })), jsx("div", {
-    css:
-    css("width:100%;margin-left:", customProperties.spacingS, ";font-size:1rem;font-family:inherit;color:", props.isDisabled ? customProperties.fontColorForInputWhenDisabled : customProperties.fontColorForInput, ";")
+    css: css("width:100%;margin-left:", customProperties.spacingS, ";font-size:1rem;font-family:inherit;color:", props.isDisabled ? customProperties.fontColorForInputWhenDisabled : customProperties.fontColorForInput, ";")
   }, props.children));
@@ -413,5 +400,5 @@ };
 
-var version = '10.16.1-canary.4+d2b7d28b';
+var version = '10.16.1-canary.5+73037d7e';
 
 export default index;
 export { version };

package.json

 {
   "name": "@commercetools-uikit/radio-input",
-  "version": "10.16.1-canary.4+d2b7d28b",
+  "version": "10.16.1-canary.5+73037d7e",
   "description": "",
@@ -22,11 +22,11 @@ "main": "dist/radio-input.cjs.js",
   "dependencies": {
-    "@commercetools-uikit/constraints": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/design-system": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/spacings-inline": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/spacings-stack": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/utils": "10.16.1-canary.4+d2b7d28b",
-    "@emotion/core": "10.0.27",
+    "@commercetools-uikit/constraints": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/design-system": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/spacings-inline": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/spacings-stack": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/utils": "10.16.1-canary.5+73037d7e",
+    "@emotion/core": "10.0.28",
     "@emotion/styled": "10.0.27",
     "prop-types": "15.7.2",
-    "react-is": "16.12.0",
+    "react-is": "16.13.0",
     "react-required-if": "1.0.3",
@@ -38,3 +38,3 @@ "tiny-invariant": "1.1.0"
   },
-  "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

32064

decreased by-0.3%

Lines of code

762

decreased by-2.93%

Dependency changes

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

• + Addedreact-is@16.13.0(transitive)

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

• - Removedreact-is@16.12.0(transitive)

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

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

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

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

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

• Updated@emotion/core@10.0.28

• Updatedreact-is@16.13.0