@hsds/input - npm Package Compare versions

Comparing version 9.2.13 to 9.2.14-beta.0

CHANGELOG.md

@@ -5,2 +5,9 @@ # Changelog
 
+## [9.2.14-beta.0](https://github.com/helpscout/hsds/compare/components-input-9.2.13...components-input-9.2.14-beta.0) (2024-05-28)
+
+
+### Features
+
+* **workspace:** rename focus ring variables ([964735b](https://github.com/helpscout/hsds/commit/964735b1a88f47c9920f8135bdbe284e6c2e138b))
+
 ## [9.2.13](https://github.com/helpscout/hsds/compare/components-input-9.2.12...components-input-9.2.13) (2024-05-24)
@@ -7,0 +14,0 @@

Input.BackdropV2.styles.js

@@ -30,5 +30,5 @@ "use strict";
   componentId: "sc-hcw8zg-1"
-})(["animation:BackdropFocusFadeIn 200ms;border-radius:2px;bottom:0px;left:0px;pointer-events:none;position:absolute;right:0px;top:0px;z-index:1;&.is-state-default{box-shadow:", ";}&.is-state-error{box-shadow:", ";--focusRingColor:", ";--focusRingOuterColor:", ";}&.is-state-warning{box-shadow:", ";--focusRingColor:", ";--focusRingOuterColor:", ";}&.is-state-success{box-shadow:", ";--focusRingColor:", ";--focusRingOuterColor:", ";}&.is-radio{border-radius:50%;}@keyframes BackdropFocusFadeIn{from{opacity:0;}to{opacity:1;}}&.is-first{border-top-right-radius:0;border-bottom-right-radius:0;}&.is-notOnly{border-radius:0;}&.is-last{border-top-left-radius:0;border-bottom-left-radius:0;}"], _utilsMixins.focusShadow, _utilsMixins.focusShadow, (0, _tokens.getToken)('color.focusRing.error.innerColor'), (0, _tokens.getToken)('color.focusRing.error.outerColor'), _utilsMixins.focusShadow, (0, _tokens.getToken)('color.focusRing.warning.innerColor'), (0, _tokens.getToken)('color.focusRing.warning.outerColor'), _utilsMixins.focusShadow, (0, _tokens.getToken)('color.focusRing.success.innerColor'), (0, _tokens.getToken)('color.focusRing.success.outerColor'));
+})(["animation:BackdropFocusFadeIn 200ms;border-radius:2px;bottom:0px;left:0px;pointer-events:none;position:absolute;right:0px;top:0px;z-index:1;&.is-state-default{box-shadow:", ";}&.is-state-error{box-shadow:", ";--hsds-focus-ring-color:", ";--hsds-focus-ring-outer-color:", ";}&.is-state-warning{box-shadow:", ";--hsds-focus-ring-color:", ";--hsds-focus-ring-outer-color:", ";}&.is-state-success{box-shadow:", ";--hsds-focus-ring-color:", ";--hsds-focus-ring-outer-color:", ";}&.is-radio{border-radius:50%;}@keyframes BackdropFocusFadeIn{from{opacity:0;}to{opacity:1;}}&.is-first{border-top-right-radius:0;border-bottom-right-radius:0;}&.is-notOnly{border-radius:0;}&.is-last{border-top-left-radius:0;border-bottom-left-radius:0;}"], _utilsMixins.focusShadow, _utilsMixins.focusShadow, (0, _tokens.getToken)('color.focusRing.error.innerColor'), (0, _tokens.getToken)('color.focusRing.error.outerColor'), _utilsMixins.focusShadow, (0, _tokens.getToken)('color.focusRing.warning.innerColor'), (0, _tokens.getToken)('color.focusRing.warning.outerColor'), _utilsMixins.focusShadow, (0, _tokens.getToken)('color.focusRing.success.innerColor'), (0, _tokens.getToken)('color.focusRing.success.outerColor'));
 exports.FocusUI = FocusUI;
 var _default = BackdropUI;
 exports.default = _default;

package.json

 {
   "name": "@hsds/input",
-  "version": "9.2.13",
+  "version": "9.2.14-beta.0",
   "peerDependencies": {
@@ -13,16 +13,16 @@ "prop-types": "~15.7.2",
   "dependencies": {
-    "@hsds/badge": "9.2.8",
+    "@hsds/badge": "9.2.9-beta.0",
     "@hsds/event-listener": "9.0.3",
-    "@hsds/form-label": "9.0.12",
-    "@hsds/help-text": "9.0.12",
-    "@hsds/icon": "9.0.14",
+    "@hsds/form-label": "9.0.13-beta.0",
+    "@hsds/help-text": "9.0.13-beta.0",
+    "@hsds/icon": "9.0.15-beta.0",
     "@hsds/icons": "9.1.1",
-    "@hsds/label": "9.0.12",
+    "@hsds/label": "9.0.13-beta.0",
     "@hsds/scroll-lock": "9.0.2",
-    "@hsds/tokens": "2.7.0",
-    "@hsds/tooltip": "9.1.12",
-    "@hsds/utils-color": "9.0.11",
+    "@hsds/tokens": "2.7.1-beta.0",
+    "@hsds/tooltip": "9.1.13-beta.0",
+    "@hsds/utils-color": "9.0.12-beta.0",
     "@hsds/utils-id": "9.0.2",
     "@hsds/utils-keyboard": "9.0.2",
-    "@hsds/utils-mixins": "9.1.8",
+    "@hsds/utils-mixins": "9.1.9-beta.0",
     "@hsds/utils-react": "9.0.2",
@@ -29,0 +29,0 @@ "classnames": "2.3.1"

src/Input.BackdropV2.styles.js

@@ -102,4 +102,6 @@ import styled from 'styled-components'
     box-shadow: ${focusShadow};
-    --focusRingColor: ${getToken('color.focusRing.error.innerColor')};
-    --focusRingOuterColor: ${getToken('color.focusRing.error.outerColor')};
+    --hsds-focus-ring-color: ${getToken('color.focusRing.error.innerColor')};
+    --hsds-focus-ring-outer-color: ${getToken(
+      'color.focusRing.error.outerColor'
+    )};
   }
@@ -109,4 +111,6 @@
     box-shadow: ${focusShadow};
-    --focusRingColor: ${getToken('color.focusRing.warning.innerColor')};
-    --focusRingOuterColor: ${getToken('color.focusRing.warning.outerColor')};
+    --hsds-focus-ring-color: ${getToken('color.focusRing.warning.innerColor')};
+    --hsds-focus-ring-outer-color: ${getToken(
+      'color.focusRing.warning.outerColor'
+    )};
   }
@@ -116,4 +120,6 @@
     box-shadow: ${focusShadow};
-    --focusRingColor: ${getToken('color.focusRing.success.innerColor')};
-    --focusRingOuterColor: ${getToken('color.focusRing.success.outerColor')};
+    --hsds-focus-ring-color: ${getToken('color.focusRing.success.innerColor')};
+    --hsds-focus-ring-outer-color: ${getToken(
+      'color.focusRing.success.outerColor'
+    )};
   }
@@ -120,0 +126,0 @@

New 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

Total package byte prevSize

142675

0.34%

Lines of code

2957

0.2%

Worsened metrics

Number of low quality alerts

2

100%

Dependency changes

• + Added

  @hsds/badge@9.2.9-beta.0
  (transitive)

• + Added

  @hsds/form-label@9.0.13-beta.0
  (transitive)

• + Added

  @hsds/help-text@9.0.13-beta.0
  (transitive)

• + Added

  @hsds/icon@9.0.15-beta.0
  (transitive)

• + Added

  @hsds/keyboard-badge@9.2.9-beta.0
  (transitive)

• + Added

  @hsds/label@9.0.13-beta.0
  (transitive)

• + Added

  @hsds/text@9.0.13-beta.0
  (transitive)

• + Added

  @hsds/tokens@2.7.1-beta.0
  (transitive)

• + Added

  @hsds/tooltip@9.1.13-beta.0
  (transitive)

• + Added

  @hsds/utils-color@9.0.12-beta.0
  (transitive)

• + Added

  @hsds/utils-mixins@9.1.9-beta.0
  (transitive)

• + Added

  @hsds/visually-hidden@9.0.13-beta.0
  (transitive)

• - Removed

  @hsds/badge@9.2.8
  (transitive)

• - Removed

  @hsds/form-label@9.0.12
  (transitive)

• - Removed

  @hsds/help-text@9.0.12
  (transitive)

• - Removed

  @hsds/icon@9.0.14
  (transitive)

• - Removed

  @hsds/keyboard-badge@9.2.8
  (transitive)

• - Removed

  @hsds/label@9.0.12
  (transitive)

• - Removed

  @hsds/text@9.0.12
  (transitive)

• - Removed

  @hsds/tokens@2.7.0
  (transitive)

• - Removed

  @hsds/tooltip@9.1.12
  (transitive)

• - Removed

  @hsds/utils-color@9.0.11
  (transitive)

• - Removed

  @hsds/utils-mixins@9.1.8
  (transitive)

• - Removed

  @hsds/visually-hidden@9.0.12
  (transitive)

• Updated

  @hsds/badge@9.2.9-beta.0

• Updated

  @hsds/form-label@9.0.13-beta.0

• Updated

  @hsds/help-text@9.0.13-beta.0

• Updated

  @hsds/icon@9.0.15-beta.0

• Updated

  @hsds/label@9.0.13-beta.0

• Updated

  @hsds/tokens@2.7.1-beta.0

• Updated

  @hsds/tooltip@9.1.13-beta.0

• Updated

  @hsds/utils-color@9.0.12-beta.0

• Updated

  @hsds/utils-mixins@9.1.9-beta.0