@hsds/keyboard-badge - npm Package Compare versions

Comparing version 8.1.6-beta.2 to 9.0.0

CHANGELOG.md

@@ -5,21 +5,4 @@ # Changelog
 
-## [8.1.6-beta.2](https://github.com/helpscout/hsds/compare/components-keyboard-badge-8.1.6-beta.1...components-keyboard-badge-8.1.6-beta.2) (2024-01-30)
+## [9.0.0](https://github.com/helpscout/hsds/compare/components-keyboard-badge-8.1.5...components-keyboard-badge-9.0.0) (2024-02-01)
 
-## [8.1.6-beta.1](https://github.com/helpscout/hsds/compare/components-keyboard-badge-8.1.6-beta.0...components-keyboard-badge-8.1.6-beta.1) (2024-01-29)
-
-## [8.1.6-beta.0](https://github.com/helpscout/hsds/compare/components-keyboard-badge-8.1.5...components-keyboard-badge-8.1.6-beta.0) (2024-01-29)
-
-## [8.1.5-beta.0](https://github.com/helpscout/hsds/compare/components-keyboard-badge-8.1.4...components-keyboard-badge-8.1.5-beta.0) (2024-01-16)
-
-## [8.1.4-beta.1](https://github.com/helpscout/hsds/compare/components-keyboard-badge-8.1.4-beta.0...components-keyboard-badge-8.1.4-beta.1) (2023-12-18)
-
-## [8.1.4-beta.0](https://github.com/helpscout/hsds/compare/components-keyboard-badge-8.1.3...components-keyboard-badge-8.1.4-beta.0) (2023-12-18)
-
-
-### Features
-
-* **components-keyboard-badge:** fix colors and alignment ([2c353cd](https://github.com/helpscout/hsds/commit/2c353cd517cd914b0c0a5dba83e2a73b82156859))
-* **components-keyboard-badge:** remove text wrapper ([41aceaa](https://github.com/helpscout/hsds/commit/41aceaac41685e64ae224b474d0027ef18d8d0b2))
-* **workspace:** convert charcoal to new scheme ([92995da](https://github.com/helpscout/hsds/commit/92995dac039b24abcb1bff03cf6b5596abb34b6b))
-
 ## [8.1.5](https://github.com/helpscout/hsds/compare/components-keyboard-badge-8.1.5-rc.5...components-keyboard-badge-8.1.5) (2024-01-26)
@@ -26,0 +9,0 @@

KeyboardBadge.styles.js

@@ -16,3 +16,3 @@ "use strict";
   componentId: "sc-16ya8og-1"
-})(["font-size:11px;font-family:var(--HSDSGlobalFontFamilyMono);background-color:", ";color:", ";border-radius:3px;box-sizing:border-box;border:none;display:inline-flex;align-items:center;justify-content:center;font-weight:500;min-width:18px;height:18px;line-height:18px;padding:0 6px;white-space:nowrap;& + &{margin-left:4px;}"], (0, _utilsColor.getColor)('charcoal.300'), (0, _utilsColor.getColor)('charcoal.800'));
+})(["font-size:11px;font-family:var(--HSDSGlobalFontFamilyMono);background-color:", ";border-radius:3px;box-sizing:border-box;border:none;color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:500;min-width:19px;line-height:1;height:19px;padding:0 6px;white-space:nowrap;& + &{margin-left:4px;}"], (0, _utilsColor.getColor)('charcoal.400'));
 exports.KeysUI = KeysUI;

package.json

 {
   "name": "@hsds/keyboard-badge",
-  "version": "8.1.6-beta.2",
+  "version": "9.0.0",
   "peerDependencies": {
@@ -13,6 +13,6 @@ "prop-types": "~15.7.2",
   "dependencies": {
-    "@hsds/utils-color": "8.2.5-beta.2",
-    "@hsds/utils-react": "8.2.1",
+    "@hsds/utils-color": "9.0.0",
+    "@hsds/utils-react": "9.0.0",
     "classnames": "2.3.1"
   }
 }

src/KeyboardBadge.styles.js

@@ -12,7 +12,7 @@ import styled from 'styled-components'
   font-family: var(--HSDSGlobalFontFamilyMono);
-  background-color: ${getColor('charcoal.300')};
-  color: ${getColor('charcoal.800')};
+  background-color: ${getColor('charcoal.400')};
   border-radius: 3px;
   box-sizing: border-box;
   border: none;
+  color: white;
   display: inline-flex;
@@ -22,5 +22,5 @@ align-items: center;
   font-weight: 500;
-  min-width: 18px;
-  height: 18px;
-  line-height: 18px;
+  min-width: 19px;
+  line-height: 1;
+  height: 19px;
   padding: 0 6px;
@@ -27,0 +27,0 @@ white-space: nowrap;

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

17380

decreased by-7.05%

Dependency changes

• + Added@hsds/utils-color@9.0.0(transitive)

• + Added@hsds/utils-react@9.0.0(transitive)

• - Removed@hsds/utils-color@8.2.5-beta.2(transitive)

• - Removed@hsds/utils-react@8.2.1(transitive)

• Updated@hsds/utils-color@9.0.0

• Updated@hsds/utils-react@9.0.0