@newhighsco/chipset 6.15.9 → 6.16.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@newhighsco/chipset",
   "description": "Shareable, theme-able component library by New High Score",
-  "version": "6.15.9",
+  "version": "6.16.0",
   "author": "New High Score <hello@newhighsco.re>",
   "license": "ISC",
   "config": {
@@ -25,18 +25,18 @@
     "url": "https://main--6004028a0df11e0021f58df8.chromatic.com"
   },
   "scripts": {
-    "prepare": "is-ci || husky install",
+    "prepare": "husky",
     "start": "storybook dev --port 49928 --docs",
     "build": "storybook build --output-dir build --docs --quiet --webpack-stats-json",
     "pretest": "yarn lint",
-    "test": "npm-run-all --parallel test:*",
+    "test": "concurrently yarn:test:*",
     "test:js": "jest --maxWorkers=2 --coverage",
     "tdd": "yarn test:js --watch",
     "snapshot": "chromatic --storybook-build-dir build --auto-accept-changes main --exit-once-uploaded --only-changed",
-    "lint": "npm-run-all --parallel lint:*",
+    "lint": "concurrently yarn:lint:*",
     "lint:js": "eslint --cache --ignore-path .gitignore .",
     "lint:css": "stylelint --cache --ignore-path .gitignore '**/*.?(s)css'",
-    "format": "npm-run-all --parallel format:*",
+    "format": "concurrently yarn:format:*",
     "format:js": "yarn lint:js --fix",
     "format:css": "yarn lint:css --fix"
   },
@@ -46,43 +46,42 @@
     "react-device-detect": "2.2.3"
   },
   "devDependencies": {
-    "@babel/core": "7.23.7",
-    "@babel/preset-env": "7.23.8",
-    "@babel/preset-react": "7.23.3",
-    "@commitlint/cli": "18.4.4",
-    "@fullhuman/postcss-purgecss": "5.0.0",
+    "@babel/core": "7.24.4",
+    "@babel/preset-env": "7.24.4",
+    "@babel/preset-react": "7.24.1",
+    "@commitlint/cli": "19.2.1",
+    "@fullhuman/postcss-purgecss": "6.0.0",
     "@newhighsco/browserslist-config": "1.1.0",
-    "@newhighsco/commitlint-config": "1.1.30",
+    "@newhighsco/commitlint-config": "1.1.38",
     "@newhighsco/editor-config": "1.2.0",
-    "@newhighsco/eslint-config": "4.0.132",
-    "@newhighsco/postcss-config": "3.5.192",
-    "@newhighsco/prettier-config": "2.1.17",
-    "@newhighsco/release-config": "1.3.56",
-    "@newhighsco/storybook-preset": "6.3.29",
-    "@newhighsco/stylelint-config": "3.1.70",
-    "@storybook/react-webpack5": "7.6.7",
-    "@testing-library/jest-dom": "6.2.0",
-    "@testing-library/react": "14.1.2",
+    "@newhighsco/eslint-config": "4.0.158",
+    "@newhighsco/postcss-config": "3.5.224",
+    "@newhighsco/prettier-config": "2.1.22",
+    "@newhighsco/release-config": "1.3.70",
+    "@newhighsco/storybook-preset": "7.0.12",
+    "@newhighsco/stylelint-config": "3.1.79",
+    "@storybook/react-webpack5": "8.0.6",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "14.3.0",
     "babel-loader": "9.1.3",
-    "chromatic": "10.2.0",
-    "eslint": "8.56.0",
-    "husky": "8.0.3",
+    "chromatic": "11.3.0",
+    "concurrently": "8.2.2",
+    "eslint": "8.57.0",
+    "husky": "9.0.11",
     "identity-obj-proxy": "3.0.0",
-    "is-ci": "3.0.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "jest-environment-node-single-context": "29.2.0",
+    "jest-environment-node-single-context": "29.4.0",
     "jest-junit": "16.0.0",
-    "npm-run-all": "4.1.5",
-    "postcss": "8.4.33",
-    "prettier": "3.1.1",
+    "postcss": "8.4.38",
+    "prettier": "3.2.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "sass-true": "7.0.1",
-    "semantic-release": "22.0.12",
-    "storybook": "7.6.7",
-    "stylelint": "16.1.0",
-    "webpack": "5.89.0"
+    "sass-true": "8.0.0",
+    "semantic-release": "23.0.8",
+    "storybook": "8.0.6",
+    "stylelint": "16.3.1",
+    "webpack": "5.91.0"
   },
   "peerDependencies": {
     "react": "18.2.0",

package/src/components/CreditLockup/CreditLockup.jsx

@@ -20,6 +20,7 @@ const CreditLockup = ({ theme, ...rest }) => (
       href={href}
       target="_blank"
       title={title}
+      disabled
     >
       <Icon theme={{ root: theme?.logo }} alt={name}>
         <LogoSvg />

package/src/components/CreditLockup/CreditLockup.module.scss

@@ -24,16 +24,18 @@
   display: inline-block;
 
   @media (prefers-reduced-motion: no-preference) {
-    &:hover {
-      .logo {
-        transform: scale(1.1);
+    &[href] {
+      &:hover {
+        .logo {
+          transform: scale(1.1);
+        }
       }
-    }
 
-    &:focus,
-    &:active {
-      .logo {
-        transform: scale(1);
+      &:focus,
+      &:active {
+        .logo {
+          transform: scale(1);
+        }
       }
     }
   }

package/src/components/SmartLink/SmartLink.jsx

@@ -1,4 +1,4 @@
-import { func, node, object, oneOf, oneOfType, string } from 'prop-types'
+import { bool, func, node, object, oneOf, oneOfType, string } from 'prop-types'
 import React from 'react'
 
 import { absoluteUrl } from '../../utils'
@@ -9,6 +9,7 @@ import { absoluteUrl } from '../../utils'
 const SmartLink = ({
   href,
   target,
+  disabled,
   type = 'button',
   setRef,
   children,
@@ -17,6 +18,17 @@ const SmartLink = ({
 }) => {
   if (!children) return null
 
+  if (disabled) {
+    const { role = 'link' } = rest
+
+    return (
+      // eslint-disable-next-line jsx-a11y/anchor-is-valid
+      <a ref={setRef} className={className} role={role} aria-disabled="true">
+        {children}
+      </a>
+    )
+  }
+
   if (!href) {
     return (
       <button ref={setRef} className={className} type={type} {...rest}>
@@ -51,6 +63,7 @@ SmartLink.displayName = 'SmartLink'
 SmartLink.propTypes = {
   href: string,
   target: string,
+  disabled: bool,
   type: oneOf(['button', 'reset', 'submit']),
   setRef: oneOfType([func, object]),
   children: node,

package/src/docs/CHANGELOG.mdx

@@ -0,0 +1,9 @@
+import { Markdown, Meta } from '@storybook/blocks'
+
+import ChangeLog from '../../CHANGELOG.md?raw'
+
+<Meta title="Docs/CHANGELOG" />
+
+# CHANGELOG
+
+<Markdown>{ChangeLog}</Markdown>