Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@commercetools-uikit/icon-button
Advanced tools
@commercetools-uikit/icon-button - npm Package Compare versions
Comparing version 10.18.4-canary.1 to 10.18.4-canary.2
@@ -109,4 +109,3 @@ 'use strict'; | ||
| } | ||
| return (core.css("&:hover{box-shadow:", designSystem.customProperties.shadow8, ";}&:active{box-shadow:", designSystem.customProperties.shadow9, ";background-color:", designSystem.customProperties.colorSurface, ";border-color:", designSystem.customProperties.colorSurface, ";}") | ||
| ); | ||
| return core.css("&:hover{box-shadow:", designSystem.customProperties.shadow8, ";}&:active{box-shadow:", designSystem.customProperties.shadow9, ";background-color:", designSystem.customProperties.colorSurface, ";border-color:", designSystem.customProperties.colorSurface, ";}"); | ||
| }; | ||
@@ -124,17 +123,12 @@ var _ref = { | ||
| case 'small': | ||
| return (core.css("border-radius:", designSystem.customProperties.borderRadius2, ";") | ||
| ); | ||
| return core.css("border-radius:", designSystem.customProperties.borderRadius2, ";"); | ||
| case 'medium': | ||
| return (core.css("border-radius:", designSystem.customProperties.borderRadius4, ";") | ||
| ); | ||
| return core.css("border-radius:", designSystem.customProperties.borderRadius4, ";"); | ||
| case 'big': | ||
| return (core.css("border-radius:", designSystem.customProperties.borderRadius6, ";") | ||
| ); | ||
| return core.css("border-radius:", designSystem.customProperties.borderRadius6, ";"); | ||
| default: | ||
| return (core.css() | ||
| ); | ||
| return core.css(); | ||
| } | ||
| default: | ||
| return (core.css() | ||
| ); | ||
| return core.css(); | ||
| } | ||
@@ -145,32 +139,23 @@ }; | ||
| case 'small': | ||
| return (core.css("height:", buttonSizes.small, ";width:", buttonSizes.small, ";") | ||
| ); | ||
| return core.css("height:", buttonSizes.small, ";width:", buttonSizes.small, ";"); | ||
| case 'medium': | ||
| return (core.css("height:", buttonSizes.medium, ";width:", buttonSizes.medium, ";") | ||
| ); | ||
| return core.css("height:", buttonSizes.medium, ";width:", buttonSizes.medium, ";"); | ||
| case 'big': | ||
| return (core.css("height:", buttonSizes.big, ";width:", buttonSizes.big, ";") | ||
| ); | ||
| return core.css("height:", buttonSizes.big, ";width:", buttonSizes.big, ";"); | ||
| default: | ||
| return (core.css() | ||
| ); | ||
| return core.css(); | ||
| } | ||
| }; | ||
| var getThemeStyles = function getThemeStyles(theme) { | ||
| if (!theme) return (core.css() | ||
| ); | ||
| if (theme === 'default') return (core.css() | ||
| ); | ||
| if (!theme) return core.css(); | ||
| if (theme === 'default') return core.css(); | ||
| switch (theme) { | ||
| case 'primary': | ||
| return (core.css("&:hover{background-color:", designSystem.customProperties.colorPrimary, ";border-color:", designSystem.customProperties.colorPrimary, ";color:", designSystem.customProperties.colorSurface, ";}") | ||
| ); | ||
| return core.css("&:hover{background-color:", designSystem.customProperties.colorPrimary, ";border-color:", designSystem.customProperties.colorPrimary, ";color:", designSystem.customProperties.colorSurface, ";}"); | ||
| case 'info': | ||
| return (core.css("&:hover{background-color:", designSystem.customProperties.colorInfo, ";border-color:", designSystem.customProperties.colorInfo, ";color:", designSystem.customProperties.colorSurface, ";}") | ||
| ); | ||
| return core.css("&:hover{background-color:", designSystem.customProperties.colorInfo, ";border-color:", designSystem.customProperties.colorInfo, ";color:", designSystem.customProperties.colorSurface, ";}"); | ||
| default: | ||
| { | ||
| invariant(false, "ui-kit/IconButton: the specified theme '".concat(theme, "' is not supported.")); | ||
| return (core.css() | ||
| ); | ||
| return core.css(); | ||
| } | ||
@@ -180,6 +165,4 @@ } | ||
| var getHoverStyles = function getHoverStyles(isDisabled, theme) { | ||
| if (theme === 'default' || isDisabled) return (core.css() | ||
| ); | ||
| return (core.css("&:hover{*{fill:", designSystem.customProperties.colorSurface, ";}}") | ||
| ); | ||
| if (theme === 'default' || isDisabled) return core.css(); | ||
| return core.css("&:hover{*{fill:", designSystem.customProperties.colorSurface, ";}}"); | ||
| }; | ||
@@ -273,5 +256,5 @@ | ||
| var version = '10.18.4-canary.1+77574cd7'; | ||
| var version = '10.18.4-canary.2+012208d7'; | ||
| exports.default = IconButton; | ||
| exports.version = version; |
@@ -103,4 +103,3 @@ import _css from '@emotion/css'; | ||
| } | ||
| return (css("&:hover{box-shadow:", customProperties.shadow8, ";}&:active{box-shadow:", customProperties.shadow9, ";background-color:", customProperties.colorSurface, ";border-color:", customProperties.colorSurface, ";}") | ||
| ); | ||
| return css("&:hover{box-shadow:", customProperties.shadow8, ";}&:active{box-shadow:", customProperties.shadow9, ";background-color:", customProperties.colorSurface, ";border-color:", customProperties.colorSurface, ";}"); | ||
| }; | ||
@@ -118,17 +117,12 @@ var _ref = { | ||
| case 'small': | ||
| return (css("border-radius:", customProperties.borderRadius2, ";") | ||
| ); | ||
| return css("border-radius:", customProperties.borderRadius2, ";"); | ||
| case 'medium': | ||
| return (css("border-radius:", customProperties.borderRadius4, ";") | ||
| ); | ||
| return css("border-radius:", customProperties.borderRadius4, ";"); | ||
| case 'big': | ||
| return (css("border-radius:", customProperties.borderRadius6, ";") | ||
| ); | ||
| return css("border-radius:", customProperties.borderRadius6, ";"); | ||
| default: | ||
| return (css() | ||
| ); | ||
| return css(); | ||
| } | ||
| default: | ||
| return (css() | ||
| ); | ||
| return css(); | ||
| } | ||
@@ -139,32 +133,23 @@ }; | ||
| case 'small': | ||
| return (css("height:", buttonSizes.small, ";width:", buttonSizes.small, ";") | ||
| ); | ||
| return css("height:", buttonSizes.small, ";width:", buttonSizes.small, ";"); | ||
| case 'medium': | ||
| return (css("height:", buttonSizes.medium, ";width:", buttonSizes.medium, ";") | ||
| ); | ||
| return css("height:", buttonSizes.medium, ";width:", buttonSizes.medium, ";"); | ||
| case 'big': | ||
| return (css("height:", buttonSizes.big, ";width:", buttonSizes.big, ";") | ||
| ); | ||
| return css("height:", buttonSizes.big, ";width:", buttonSizes.big, ";"); | ||
| default: | ||
| return (css() | ||
| ); | ||
| return css(); | ||
| } | ||
| }; | ||
| var getThemeStyles = function getThemeStyles(theme) { | ||
| if (!theme) return (css() | ||
| ); | ||
| if (theme === 'default') return (css() | ||
| ); | ||
| if (!theme) return css(); | ||
| if (theme === 'default') return css(); | ||
| switch (theme) { | ||
| case 'primary': | ||
| return (css("&:hover{background-color:", customProperties.colorPrimary, ";border-color:", customProperties.colorPrimary, ";color:", customProperties.colorSurface, ";}") | ||
| ); | ||
| return css("&:hover{background-color:", customProperties.colorPrimary, ";border-color:", customProperties.colorPrimary, ";color:", customProperties.colorSurface, ";}"); | ||
| case 'info': | ||
| return (css("&:hover{background-color:", customProperties.colorInfo, ";border-color:", customProperties.colorInfo, ";color:", customProperties.colorSurface, ";}") | ||
| ); | ||
| return css("&:hover{background-color:", customProperties.colorInfo, ";border-color:", customProperties.colorInfo, ";color:", customProperties.colorSurface, ";}"); | ||
| default: | ||
| { | ||
| invariant(false, "ui-kit/IconButton: the specified theme '".concat(theme, "' is not supported.")); | ||
| return (css() | ||
| ); | ||
| return css(); | ||
| } | ||
@@ -174,6 +159,4 @@ } | ||
| var getHoverStyles = function getHoverStyles(isDisabled, theme) { | ||
| if (theme === 'default' || isDisabled) return (css() | ||
| ); | ||
| return (css("&:hover{*{fill:", customProperties.colorSurface, ";}}") | ||
| ); | ||
| if (theme === 'default' || isDisabled) return css(); | ||
| return css("&:hover{*{fill:", customProperties.colorSurface, ";}}"); | ||
| }; | ||
@@ -267,5 +250,5 @@ | ||
| var version = '10.18.4-canary.1+77574cd7'; | ||
| var version = '10.18.4-canary.2+012208d7'; | ||
| export default IconButton; | ||
| export { version }; |
| { | ||
| "name": "@commercetools-uikit/icon-button", | ||
| "version": "10.18.4-canary.1+77574cd7", | ||
| "version": "10.18.4-canary.2+012208d7", | ||
| "description": "", | ||
@@ -22,7 +22,7 @@ "main": "dist/icon-button.cjs.js", | ||
| "dependencies": { | ||
| "@commercetools-uikit/accessible-button": "10.18.4-canary.1+77574cd7", | ||
| "@commercetools-uikit/design-system": "10.18.4-canary.1+77574cd7", | ||
| "@commercetools-uikit/spacings": "10.18.4-canary.1+77574cd7", | ||
| "@commercetools-uikit/text": "10.18.4-canary.1+77574cd7", | ||
| "@commercetools-uikit/utils": "10.18.4-canary.1+77574cd7", | ||
| "@commercetools-uikit/accessible-button": "10.18.4-canary.2+012208d7", | ||
| "@commercetools-uikit/design-system": "10.18.4-canary.2+012208d7", | ||
| "@commercetools-uikit/spacings": "10.18.4-canary.2+012208d7", | ||
| "@commercetools-uikit/text": "10.18.4-canary.2+012208d7", | ||
| "@commercetools-uikit/utils": "10.18.4-canary.2+012208d7", | ||
| "@emotion/core": "10.0.28", | ||
@@ -39,3 +39,3 @@ "@emotion/styled": "10.0.27", | ||
| }, | ||
| "gitHead": "77574cd784dc6d2e613c98a53a76a682c588c850" | ||
| "gitHead": "012208d7e8de30a634a8dc1c1fe96da524bb4599" | ||
| } |
New alerts
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
Fixed alerts
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
Worsened metrics
- Total package byte prevSize
- decreased by-1.05%
28453
- Lines of code
- decreased by-6.54%
486