@hsds/tooltip - npm Package Compare versions

Comparing version 8.1.4-beta.1 to 8.1.4

CHANGELOG.md

@@ -5,16 +5,8 @@ # Changelog
 
-## [8.1.4-beta.1](https://github.com/helpscout/hsds/compare/components-tooltip-8.1.4-beta.0...components-tooltip-8.1.4-beta.1) (2023-12-18)
+## [8.1.4](https://github.com/helpscout/hsds/compare/components-tooltip-8.1.3...components-tooltip-8.1.4) (2024-01-03)
 
+### Dependency Updates
 
-### Features
-
-* **components-tooltip:** update keys color inside tooltip ([e379304](https://github.com/helpscout/hsds/commit/e379304db51a4b30e3a2f9040ef1d55c943027e0))
-
-## [8.1.4-beta.0](https://github.com/helpscout/hsds/compare/components-tooltip-8.1.3...components-tooltip-8.1.4-beta.0) (2023-12-18)
-
-
-### Features
-
-* **workspace:** convert charcoal to new scheme ([92995da](https://github.com/helpscout/hsds/commit/92995dac039b24abcb1bff03cf6b5596abb34b6b))
-
+* `utils-react` updated to version `8.2.0`
+* `components-keyboard-badge` updated to version `8.1.4`
 ## [8.1.3](https://github.com/helpscout/hsds/compare/components-tooltip-8.1.2...components-tooltip-8.1.3) (2023-11-20)
@@ -21,0 +13,0 @@

package.json

 {
   "name": "@hsds/tooltip",
-  "version": "8.1.4-beta.1",
+  "version": "8.1.4",
   "peerDependencies": {
@@ -13,6 +13,6 @@ "prop-types": "~15.7.2",
   "dependencies": {
-    "@hsds/keyboard-badge": "8.1.4-beta.1",
-    "@hsds/utils-color": "8.2.4-beta.1",
-    "@hsds/utils-mixins": "8.2.4-beta.1",
-    "@hsds/utils-react": "8.1.2",
+    "@hsds/keyboard-badge": "8.1.4",
+    "@hsds/utils-color": "8.2.3",
+    "@hsds/utils-mixins": "8.2.3",
+    "@hsds/utils-react": "8.2.0",
     "@tippyjs/react": "4.2.6",
@@ -19,0 +19,0 @@ "classnames": "2.3.1"

src/Tooltip.styles.js

@@ -35,3 +35,3 @@ import styled from 'styled-components'
 export const TooltipUI = styled.div`
-  --TooltipBgColor: ${getColor('charcoal.1100')};
+  --TooltipBgColor: ${getColor('charcoal.800')};
   /* in case scoping is not working */
@@ -127,6 +127,2 @@ box-sizing: border-box;
     }
-    .c-KeyboardBadge__Key {
-      background-color: ${getColor('charcoal.800')};
-      color: white;
-    }
   }
@@ -133,0 +129,0 @@ `

Tooltip.styles.js

@@ -32,3 +32,3 @@ "use strict";
   componentId: "sc-1a5i2th-2"
-})(["--TooltipBgColor:", ";box-sizing:border-box;display:block;width:max-content;max-width:", "px;min-width:", "px;padding:6px 8px;opacity:0;background-color:var(--TooltipBgColor);border-radius:4px;color:white;font-family:var(--HSDSGlobalFontFamily);font-size:13px;line-height:1.3;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;transition-duration:", "ms;transition-property:visibility,transform,opacity;transition-timing-function:ease-in-out;&.with-plain-title{padding:0;}&.placement-top,&.placement-top-end,&.placement-top-start{transform:translateY(12px);}&.placement-bottom,&.placement-bottom-end,&.placement-bottom-start{transform:translateY(-12px);}&.placement-left,&.placement-left-end,&.placement-left-start{transform:translateX(12px);}&.placement-right,&.placement-right-end,&.placement-right-start{transform:translateX(-12px);}.c-Tooltip__title{display:inline-block;padding:6px 8px;}&[data-placement^='top']{", "{bottom:calc((", "px / 2) * -1);}}&[data-placement^='bottom']{", "{top:calc((", "px / 2) * -1);}}&[data-placement^='left']{", "{right:calc((", "px / 2) * -1);}}&[data-placement^='right']{", "{left:calc((", "px / 2) * -1);}}&.with-badge{padding-left:10px;padding-right:6px;display:flex;align-items:center;text-align:left;.c-KeyboardBadge{margin-left:8px;flex:0 0 auto;}.c-KeyboardBadge__Key{background-color:", ";color:white;}}"], (0, _utilsColor.getColor)('charcoal.1100'), ({
+})(["--TooltipBgColor:", ";box-sizing:border-box;display:block;width:max-content;max-width:", "px;min-width:", "px;padding:6px 8px;opacity:0;background-color:var(--TooltipBgColor);border-radius:4px;color:white;font-family:var(--HSDSGlobalFontFamily);font-size:13px;line-height:1.3;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;transition-duration:", "ms;transition-property:visibility,transform,opacity;transition-timing-function:ease-in-out;&.with-plain-title{padding:0;}&.placement-top,&.placement-top-end,&.placement-top-start{transform:translateY(12px);}&.placement-bottom,&.placement-bottom-end,&.placement-bottom-start{transform:translateY(-12px);}&.placement-left,&.placement-left-end,&.placement-left-start{transform:translateX(12px);}&.placement-right,&.placement-right-end,&.placement-right-start{transform:translateX(-12px);}.c-Tooltip__title{display:inline-block;padding:6px 8px;}&[data-placement^='top']{", "{bottom:calc((", "px / 2) * -1);}}&[data-placement^='bottom']{", "{top:calc((", "px / 2) * -1);}}&[data-placement^='left']{", "{right:calc((", "px / 2) * -1);}}&[data-placement^='right']{", "{left:calc((", "px / 2) * -1);}}&.with-badge{padding-left:10px;padding-right:6px;display:flex;align-items:center;text-align:left;.c-KeyboardBadge{margin-left:8px;flex:0 0 auto;}}"], (0, _utilsColor.getColor)('charcoal.800'), ({
   maxWidth
@@ -47,3 +47,3 @@ }) => maxWidth || 300, ({
   arrowSize
-}) => arrowSize, (0, _utilsColor.getColor)('charcoal.800'));
+}) => arrowSize);
 exports.TooltipUI = TooltipUI;
@@ -50,0 +50,0 @@ const TooltipAnimationUI = _styledComponents.default.div.withConfig({

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

38929

decreased by-1.51%

Lines of code

790

decreased by-0.5%

Dependency changes

• + Added@hsds/keyboard-badge@8.1.4(transitive)

• + Added@hsds/tokens@1.4.0(transitive)

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

• + Added@hsds/utils-mixins@8.2.3(transitive)

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

• + Addedreact-is@17.0.2(transitive)

• - Removed@hsds/keyboard-badge@8.1.4-beta.1(transitive)

• - Removed@hsds/tokens@1.4.1-beta.1(transitive)

• - Removed@hsds/utils-color@8.2.4-beta.1(transitive)

• - Removed@hsds/utils-mixins@8.2.4-beta.1(transitive)

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

• Updated@hsds/keyboard-badge@8.1.4

• Updated@hsds/utils-color@8.2.3

• Updated@hsds/utils-mixins@8.2.3

• Updated@hsds/utils-react@8.2.0