Bump dependencies (#759)

* chore(deps): bump peripheral dependencies

* chore(deps): bump yarn and gatsby patches

.yarnrc.yml

@@ -1,3 +1,3 @@
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.1.1.cjs
+yarnPath: .yarn/releases/yarn-4.2.2.cjs

package.json

@@ -54,18 +54,18 @@
   },
   "homepage": "https://github.com/ithaka/pharos#readme",
   "devDependencies": {
-    "@babel/core": "^7.24.5",
-    "@babel/eslint-parser": "^7.24.5",
-    "@babel/plugin-proposal-decorators": "^7.24.1",
-    "@babel/plugin-proposal-export-default-from": "^7.24.1",
-    "@babel/plugin-syntax-import-assertions": "^7.24.1",
-    "@babel/preset-env": "^7.24.5",
+    "@babel/core": "^7.24.6",
+    "@babel/eslint-parser": "^7.24.6",
+    "@babel/plugin-proposal-decorators": "^7.24.6",
+    "@babel/plugin-proposal-export-default-from": "^7.24.6",
+    "@babel/plugin-syntax-import-assertions": "^7.24.6",
+    "@babel/preset-env": "^7.24.6",
     "@changesets/changelog-github": "^0.5.0",
-    "@changesets/cli": "^2.27.1",
+    "@changesets/cli": "^2.27.3",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@emotion/babel-plugin": "^11.11.0",
-    "@size-limit/preset-small-lib": "^11.1.3",
+    "@size-limit/preset-small-lib": "^11.1.4",
     "@storybook/addon-a11y": "^8.0.10",
     "@storybook/addon-essentials": "^8.0.10",
     "@storybook/addon-links": "^8.0.10",
@@ -76,40 +76,40 @@
     "@storybook/web-components": "^8.0.10",
     "@storybook/web-components-vite": "^8.0.10",
     "@types/uuid": "^9.0.8",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@typescript-eslint/parser": "^7.11.0",
+    "@vitejs/plugin-react": "^4.3.0",
     "all-contributors-cli": "^6.26.1",
     "concurrently": "^8.2.2",
     "cssnano": "^7.0.1",
-    "eslint": "^9.2.0",
+    "eslint": "^9.3.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-lit": "^1.12.0",
+    "eslint-plugin-lit": "^1.13.0",
     "eslint-plugin-mdx": "^1.17.1",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react": "^7.34.2",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-wc": "^2.1.0",
-    "globals": "^15.2.0",
+    "globals": "^15.3.0",
     "husky": "^9.0.11",
-    "lint-staged": "^15.2.2",
+    "lint-staged": "^15.2.5",
     "lit": "^2.8.0",
     "lit-analyzer": "^2.0.3",
     "markdown-toc": "^1.2.0",
     "postcss": "^8.4.38",
     "postcss-import": "^16.1.0",
     "postcss-media-minmax": "^5.0.0",
-    "postcss-preset-env": "^9.5.11",
+    "postcss-preset-env": "^9.5.14",
     "prettier": "^3.2.5",
     "pretty-quick": "^4.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "sass": "^1.77.0",
-    "size-limit": "^11.1.3",
+    "sass": "^1.77.2",
+    "size-limit": "^11.1.4",
     "storybook": "^8.0.10",
-    "stylelint": "^16.5.0",
+    "stylelint": "^16.6.0",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-scss": "^6.3.0",
     "svglint": "^2.7.1",
@@ -128,5 +128,5 @@
       "path": "packages/pharos/lib/index.js"
     }
   ],
-  "packageManager": "yarn@4.1.1"
+  "packageManager": "yarn@4.2.2"
 }

packages/pharos-cli/package.json

@@ -8,17 +8,17 @@
   "preferGlobal": true,
   "dependencies": {
     "colors": "^1.4.0",
-    "commander": "^12.0.0",
+    "commander": "^12.1.0",
     "fs-extra": "^11.2.0"
   },
   "bin": {
     "pharos": "dist/index.js"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.12.11",
+    "@types/node": "^20.12.12",
     "jest": "^29.7.0",
-    "ts-jest": "^29.1.2",
+    "ts-jest": "^29.1.4",
     "ts-morph": "^22.0.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.4.5"

packages/pharos-site/package.json

@@ -10,7 +10,7 @@
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
     "@webcomponents/scoped-custom-element-registry": "^0.0.3",
-    "gatsby": "^4.25.8",
+    "gatsby": "^4.25.9",
     "gatsby-plugin-alias-imports": "^1.0.5",
     "gatsby-plugin-google-tagmanager": "^4.25.0",
     "gatsby-plugin-image": "^2.25.0",
@@ -28,12 +28,12 @@
     "react-dom": "^18.3.1",
     "react-helmet": "^6.1.0",
     "react-live": "^4.1.6",
-    "sass": "^1.77.0"
+    "sass": "^1.77.2"
   },
   "devDependencies": {
-    "@babel/plugin-transform-private-methods": "^7.24.1",
+    "@babel/plugin-transform-private-methods": "^7.24.6",
     "@types/mdx-js__react": "^1.5.8",
-    "@types/react": "^18.3.1",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-helmet": "^6.1.11",
     "babel-preset-gatsby": "^2.25.0",

packages/pharos/package.json

@@ -69,9 +69,9 @@
     "@custom-elements-manifest/analyzer": "^0.9.4",
     "@open-wc/testing": "^4.0.0",
     "@types/mocha": "^10.0.6",
-    "@types/react": "^18.3.1",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "@web/test-runner": "^0.18.1",
+    "@web/test-runner": "^0.18.2",
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.0",
     "autoprefixer": "^10.4.19",
@@ -82,10 +82,10 @@
     "prettier": "^3.2.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "replace-in-file": "^7.1.0",
-    "rimraf": "^5.0.6",
+    "replace-in-file": "^7.2.0",
+    "rimraf": "^5.0.7",
     "sassdoc": "^2.7.4",
-    "sinon": "^17.0.2",
+    "sinon": "^18.0.0",
     "style-dictionary": "^3.9.2",
     "ts-lit-plugin": "^2.0.2",
     "typescript": "^5.4.5"

packages/pharos/src/components/combobox/pharos-combobox.scss

@@ -48,6 +48,45 @@
   }
 }
 
+.input-element {
+  @include mixins.input-base;
+  @include mixins.input-required;
+  @include mixins.input-placeholder;
+
+  border-right: none;
+  border-radius: var(--pharos-radius-base-standard) 0 0 var(--pharos-radius-base-standard);
+
+  &:focus {
+    @include mixins.input-focus;
+    @include mixins.input-padding-thick-border;
+  }
+
+  &--populated,
+  &--populated:focus {
+    padding-right: var(--pharos-spacing-3-x);
+  }
+}
+
+.combobox__mark {
+  background-color: var(--pharos-color-glacier-blue-80);
+}
+
+.combobox__option {
+  position: relative;
+  padding: var(--pharos-spacing-one-quarter-x) var(--pharos-spacing-1-x);
+  cursor: pointer;
+
+  &:hover,
+  &[highlighted] {
+    background-color: var(--pharos-color-ui-20);
+    color: var(--pharos-combobox-color-text-hover);
+
+    .combobox__mark {
+      color: var(--pharos-combobox-color-text-hover);
+    }
+  }
+}
+
 :host([invalidated]) .combobox__button {
   border: 1px solid var(--pharos-form-element-color-border-invalid);
   border-left-width: 2px;
@@ -68,25 +107,6 @@
   @include mixins.input-wrapper;
 }
 
-.input-element {
-  @include mixins.input-base;
-  @include mixins.input-required;
-  @include mixins.input-placeholder;
-
-  border-right: none;
-  border-radius: var(--pharos-radius-base-standard) 0 0 var(--pharos-radius-base-standard);
-
-  &:focus {
-    @include mixins.input-focus;
-    @include mixins.input-padding-thick-border;
-  }
-
-  &--populated,
-  &--populated:focus {
-    padding-right: var(--pharos-spacing-3-x);
-  }
-}
-
 :host([disabled]) .input-element {
   @include mixins.input-disabled;
 
@@ -138,30 +158,10 @@
   }
 }
 
-.combobox__mark {
-  background-color: var(--pharos-color-glacier-blue-80);
-}
-
 .combobox__mark--selected {
   @include selected-text;
 }
 
-.combobox__option {
-  position: relative;
-  padding: var(--pharos-spacing-one-quarter-x) var(--pharos-spacing-1-x);
-  cursor: pointer;
-
-  &:hover,
-  &[highlighted] {
-    background-color: var(--pharos-color-ui-20);
-    color: var(--pharos-combobox-color-text-hover);
-
-    .combobox__mark {
-      color: var(--pharos-combobox-color-text-hover);
-    }
-  }
-}
-
 .combobox__clear-button {
   position: absolute;
   right: calc(var(--pharos-spacing-3-x) + var(--pharos-spacing-one-eighth-x));