@semcore/badge - npm Package Compare versions

Comparing version 3.1.3 to 3.2.0

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [3.2.0] - 2022-10-10
+
+### Changed
+
+- Added support for React 18 🔥
+
 ## [3.1.3] - 2022-10-04
@@ -36,32 +42,2 @@
 
-## [3.0.5] - 2022-07-22
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0]).
-
-## [3.0.4] - 2022-07-07
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.33.0 ~> 3.34.0]).
-
-## [3.0.3] - 2022-06-02
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.2 ~> 3.33.0]).
-
-## [3.0.2] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.1 ~> 3.32.2]).
-
-## [3.0.1] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.0 ~> 3.32.1], `@semcore/flex-box` [4.5.1 ~> 4.5.3]).
-
 ## [3.0.0] - 2022-05-17
@@ -68,0 +44,0 @@

lib/cjs/Badge.js

@@ -49,12 +49,12 @@ "use strict";
 /*__inner_css_start__*/
-".___SBadge_1gye7_gg_{display:inline-block;box-sizing:border-box;height:14px;line-height:14px;padding:0 4px;border-radius:6px;white-space:nowrap;font-size:10px;font-weight:500;letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_1gye7_gg_.__bg_1gye7_gg_{background-color:var(--bg_1gye7)}.___SBadge_1gye7_gg_.__color_1gye7_gg_{color:var(--color_1gye7)}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SBadge_smqo8_gg_ {\n  display: inline-block;\n  box-sizing: border-box;\n  height: 14px;\n  line-height: 14px;\n  padding: 0 4px;\n  border-radius: 6px;\n  white-space: nowrap;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.___SBadge_smqo8_gg_.__bg_smqo8_gg_ {\n  background-color: var(--bg_smqo8);\n}\n\n.___SBadge_smqo8_gg_.__color_smqo8_gg_ {\n  color: var(--color_smqo8);\n}\n"
 /*__inner_css_end__*/
-, "1gye7_gg_")
+, "smqo8_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBadge": "___SBadge_1gye7_gg_",
-  "_bg": "__bg_1gye7_gg_",
-  "--bg": "--bg_1gye7",
-  "_color": "__color_1gye7_gg_",
-  "--color": "--color_1gye7"
+  "__SBadge": "___SBadge_smqo8_gg_",
+  "_bg": "__bg_smqo8_gg_",
+  "--bg": "--bg_smqo8",
+  "_color": "__color_smqo8_gg_",
+  "--color": "--color_smqo8"
 });
@@ -61,0 +61,0 @@

lib/es6/Badge.js

@@ -28,12 +28,12 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 /*__inner_css_start__*/
-".___SBadge_1gye7_gg_{display:inline-block;box-sizing:border-box;height:14px;line-height:14px;padding:0 4px;border-radius:6px;white-space:nowrap;font-size:10px;font-weight:500;letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_1gye7_gg_.__bg_1gye7_gg_{background-color:var(--bg_1gye7)}.___SBadge_1gye7_gg_.__color_1gye7_gg_{color:var(--color_1gye7)}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SBadge_smqo8_gg_ {\n  display: inline-block;\n  box-sizing: border-box;\n  height: 14px;\n  line-height: 14px;\n  padding: 0 4px;\n  border-radius: 6px;\n  white-space: nowrap;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.___SBadge_smqo8_gg_.__bg_smqo8_gg_ {\n  background-color: var(--bg_smqo8);\n}\n\n.___SBadge_smqo8_gg_.__color_smqo8_gg_ {\n  color: var(--color_smqo8);\n}\n"
 /*__inner_css_end__*/
-, "1gye7_gg_")
+, "smqo8_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBadge": "___SBadge_1gye7_gg_",
-  "_bg": "__bg_1gye7_gg_",
-  "--bg": "--bg_1gye7",
-  "_color": "__color_1gye7_gg_",
-  "--color": "--color_1gye7"
+  "__SBadge": "___SBadge_smqo8_gg_",
+  "_bg": "__bg_smqo8_gg_",
+  "--bg": "--bg_smqo8",
+  "_color": "__color_smqo8_gg_",
+  "--color": "--color_smqo8"
 });
@@ -40,0 +40,0 @@

package.json

 {
   "name": "@semcore/badge",
   "description": "Semrush Badge Component",
-  "version": "3.1.3",
+  "version": "3.2.0",
   "main": "lib/cjs/index.js",
@@ -11,6 +11,2 @@ "module": "lib/es6/index.js",
   "license": "MIT",
-  "scripts": {
-    "build": "pnpm semcore-builder --source=js",
-    "test": "jest"
-  },
   "dependencies": {
@@ -22,3 +18,3 @@ "@semcore/utils": "^3.15",
     "@semcore/core": "^1.11",
-    "react": "16.8 - 17"
+    "react": "16.8 - 18"
   },
@@ -34,5 +30,9 @@ "jest": {
   "devDependencies": {
-    "@types/react": "16.8 - 17",
+    "@types/react": "18.0.21",
     "@semcore/jest-preset-ui": "1.0.0"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=js",
+    "test": "jest"
   }
-}
+}

No alert changes

Improved metrics

Total package byte prevSize

26254

increased by5%

Number of package files

19

increased by5.56%

Lines of code

226

increased by0.89%

No dependency changes