@newhighsco/chipset 7.0.0 → 7.0.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@newhighsco/chipset",
   "description": "Shareable, theme-able component library by New High Score",
-  "version": "7.0.0",
+  "version": "7.0.1",
   "author": "New High Score",
   "license": "ISC",
   "repository": {
@@ -12,7 +12,7 @@
   "bugs": {
     "url": "https://github.com/newhighsco/chipset/issues"
   },
-  "packageManager": "yarn@4.12.0",
+  "packageManager": "yarn@4.14.1",
   "main": "src/index.js",
   "files": [
     "src",
@@ -45,46 +45,48 @@
   },
   "devDependencies": {
     "@babel/core": "7.29.0",
-    "@babel/preset-env": "7.29.0",
+    "@babel/preset-env": "7.29.2",
     "@babel/preset-react": "7.28.5",
-    "@commitlint/cli": "20.4.2",
+    "@commitlint/cli": "20.5.2",
     "@newhighsco/browserslist-config": "2.0.0",
-    "@newhighsco/commitlint-config": "1.1.48",
+    "@newhighsco/commitlint-config": "1.1.53",
     "@newhighsco/editor-config": "1.2.0",
-    "@newhighsco/eslint-config": "7.0.10",
-    "@newhighsco/postcss-config": "4.0.20",
-    "@newhighsco/prettier-config": "2.3.3",
-    "@newhighsco/release-config": "1.4.25",
-    "@newhighsco/storybook-preset": "10.2.9",
-    "@newhighsco/stylelint-config": "4.0.27",
+    "@newhighsco/eslint-config": "7.0.54",
+    "@newhighsco/postcss-config": "4.0.46",
+    "@newhighsco/prettier-config": "2.3.5",
+    "@newhighsco/release-config": "1.4.27",
+    "@newhighsco/storybook-preset": "10.2.36",
+    "@newhighsco/stylelint-config": "4.0.39",
     "@newhighsco/svgr-config": "1.0.0",
-    "@omlet/cli": "2.0.0",
-    "@storybook/react-webpack5": "10.2.10",
+    "@newhighsco/yarn-plugin-preset": "1.1.3",
+    "@omlet/cli": "2.2.0",
+    "@storybook/react-webpack5": "10.3.5",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
-    "babel-loader": "10.0.0",
-    "chromatic": "15.1.1",
+    "babel-loader": "10.1.1",
+    "chromatic": "16.6.1",
     "concurrently": "9.2.1",
-    "eslint": "10.0.0",
+    "eslint": "10.2.1",
     "husky": "9.1.7",
     "identity-obj-proxy": "3.0.0",
-    "jest": "30.2.0",
-    "jest-environment-jsdom": "30.2.0",
-    "jest-junit": "16.0.0",
-    "postcss": "8.5.6",
-    "prettier": "3.8.1",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
+    "jest": "30.3.0",
+    "jest-environment-jsdom": "30.3.0",
+    "jest-junit": "17.0.0",
+    "postcss": "8.5.12",
+    "prettier": "3.8.3",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "sass-true": "10.1.0",
     "semantic-release": "25.0.3",
-    "storybook": "10.2.10",
-    "stylelint": "17.3.0",
-    "webpack": "5.105.2"
+    "storybook": "10.3.5",
+    "stylelint": "17.9.1",
+    "typescript": "6.0.3",
+    "webpack": "5.106.2"
   },
   "peerDependencies": {
-    "react": "19.2.4",
-    "react-dom": "19.2.4"
+    "react": "19.2.5",
+    "react-dom": "19.2.5"
   },
   "browserslist": [
     "extends @newhighsco/browserslist-config"

package/src/components/Card/CardHeading.jsx

@@ -3,7 +3,7 @@ import React from 'react'
 
 import SmartLink from '../SmartLink'
 
-const CardHeading = ({ href, target, children, ref, theme }) => {
+const CardHeading = ({ href, target, children, theme }) => {
   if (!children) return null
 
   return (

package/src/components/Menubar/Menubar.jsx

@@ -20,15 +20,15 @@ const Menubar = ({
   onToggle = () => {},
   theme
 }) => {
-  const [visible, setVisibility] = useToggle(!toggle)
+  const [visible, toggleVisibility] = useToggle(!toggle)
   const id = useIds()
 
   if (!links.length) return null
 
   const icons = toggle?.icons || ICONS
 
-  const toggleVisibility = () => {
-    setVisibility()
+  const handleToggle = () => {
+    toggleVisibility()
     onToggle({ visible })
   }
 
@@ -41,7 +41,7 @@ const Menubar = ({
           aria-expanded={visible}
           aria-label={`${LABELS[visible]} ${title}`}
           aria-haspopup
-          onClick={toggleVisibility}
+          onClick={handleToggle}
           theme={{ root: theme?.toggle, active: theme?.toggleActive }}
         >
           {toggle.children}

package/src/components/Tooltip/Tooltip.jsx

@@ -23,7 +23,7 @@ const Tooltip = ({
   theme,
   className
 }) => {
-  const [visible, setVisibility] = useToggle(!hidden)
+  const [visible, toggleVisibility, setVisibility] = useToggle(!hidden)
   const id = useIds()
 
   if (!heading && !children) return null
@@ -34,11 +34,11 @@ const Tooltip = ({
       aria-describedby={id}
       className={classNames(theme?.root, className)}
       {...(!manual && {
-        onMouseOver: setVisibility,
-        onMouseOut: setVisibility,
-        onFocus: setVisibility,
-        onBlur: setVisibility,
-        onTouchEnd: setVisibility
+        onMouseOver: () => setVisibility(true),
+        onMouseOut: () => setVisibility(false),
+        onFocus: () => setVisibility(true),
+        onBlur: () => setVisibility(false),
+        onTouchEnd: () => setVisibility(false)
       })}
     >
       <SmartLink
@@ -47,7 +47,7 @@ const Tooltip = ({
         target={target}
         disabled={disabled}
         aria-expanded={visible}
-        {...(manual && { onClick: setVisibility })}
+        {...(manual && { onClick: toggleVisibility })}
       >
         {toggle}
       </SmartLink>

package/src/hooks/use-toggle.js

@@ -4,5 +4,5 @@ export const useToggle = (initialState = false) => {
   const [state, setState] = useState(initialState)
   const toggle = useCallback(() => setState(state => !state), [])
 
-  return [state, toggle]
+  return [state, toggle, setState]
 }

package/styles/mixins/_grid.scss

@@ -143,14 +143,10 @@ $fraction-names: whole half third quarter fifth sixth seventh eighth ninth tenth
   @for $i from 1 through $columns-length {
     $column: list.nth($columns, $i);
     $grid: list.nth($fraction-names, $column);
-    $column-count: if(
-      sass($column == 1): 1; else: $column - 1
-    );
+    $column-count: if(sass($column == 1): 1; else: $column - 1);
 
     @for $j from 1 through $column-count {
-      $plural: if(
-        sass($j == 1): '' ; else: 's'
-      );
+      $plural: if(sass($j == 1): '' ; else: 's');
       $column-width: $j * math.div(100, $column);
       $column-name: list.nth($count-names, $j);
 

package/styles/mixins/_mq.scss

@@ -1,7 +1,5 @@
 @mixin mq($min: false, $max: false, $height: false, $and: false, $media: all) {
-  $-direction: if(
-    sass($height): height; else: width
-  );
+  $-direction: if(sass($height): height; else: width);
   $mq: '#{$media} ';
 
   @if $min {