Merge branch 'develop'

.changeset/chilly-buttons-switch.md

@@ -0,0 +1,5 @@
+---
+'@ithaka/pharos': patch
+---
+
+Add rotation icon

.changeset/dry-plums-trade.md

@@ -0,0 +1,5 @@
+---
+'@ithaka/pharos': patch
+---
+
+Update the combobox component to set the accessible title on the button, not the icon itself

.changeset/silver-suits-wait.md

@@ -0,0 +1,5 @@
+---
+'@ithaka/pharos': patch
+---
+
+Update the close button in sidenav

.husky/commit-msg

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 yarn commitlint --edit "$1"

.husky/pre-commit

@@ -1,5 +1,2 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 yarn pretty-quick --staged
 yarn lint-staged

.yarnrc.yml

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

package.json

@@ -61,57 +61,57 @@
     "@babel/plugin-syntax-import-assertions": "^7.26.0",
     "@babel/preset-env": "^7.26.0",
     "@changesets/changelog-github": "^0.5.0",
-    "@changesets/cli": "^2.27.9",
-    "@commitlint/cli": "^19.5.0",
-    "@commitlint/config-conventional": "^19.5.0",
-    "@emotion/babel-plugin": "^11.12.0",
+    "@changesets/cli": "^2.27.10",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@emotion/babel-plugin": "^11.13.5",
     "@size-limit/preset-small-lib": "^11.1.6",
-    "@storybook/addon-a11y": "^8.4.2",
-    "@storybook/addon-essentials": "^8.4.2",
-    "@storybook/addon-links": "^8.4.2",
-    "@storybook/blocks": "^8.4.2",
-    "@storybook/manager-api": "^8.4.2",
-    "@storybook/react-vite": "^8.4.2",
-    "@storybook/theming": "^8.4.2",
-    "@storybook/web-components": "^8.4.2",
-    "@storybook/web-components-vite": "^8.4.2",
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
+    "@storybook/web-components": "^8.4.7",
+    "@storybook/web-components-vite": "^8.4.7",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.14.0",
-    "@typescript-eslint/parser": "^8.14.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@typescript-eslint/eslint-plugin": "^8.17.0",
+    "@typescript-eslint/parser": "^8.17.0",
+    "@vitejs/plugin-react": "^4.3.4",
     "all-contributors-cli": "^6.26.1",
     "concurrently": "^9.1.0",
     "cssnano": "^7.0.6",
-    "eslint": "^9.14.0",
+    "eslint": "^9.16.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-lit": "^1.15.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-storybook": "^0.11.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-storybook": "^0.11.1",
     "eslint-plugin-wc": "^2.2.0",
-    "globals": "^15.12.0",
-    "husky": "^9.1.6",
+    "globals": "^15.13.0",
+    "husky": "^9.1.7",
     "lint-staged": "^15.2.10",
     "lit": "^2.8.0",
     "lit-analyzer": "^2.0.3",
     "markdown-toc": "^1.2.0",
     "postcss": "^8.4.49",
     "postcss-import": "^16.1.0",
     "postcss-media-minmax": "^5.0.0",
-    "postcss-preset-env": "^10.1.0",
-    "prettier": "^3.3.3",
+    "postcss-preset-env": "^10.1.1",
+    "prettier": "^3.4.2",
     "pretty-quick": "^4.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "sass": "^1.80.6",
+    "sass": "^1.82.0",
     "size-limit": "^11.1.6",
-    "storybook": "^8.4.2",
-    "stylelint": "^16.10.0",
+    "storybook": "^8.4.7",
+    "stylelint": "^16.11.0",
     "stylelint-config-standard-scss": "^13.1.0",
-    "stylelint-scss": "^6.9.0",
-    "svglint": "^3.0.0",
+    "stylelint-scss": "^6.10.0",
+    "svglint": "^3.1.0",
     "vite": "^5.4.11"
   },
   "workspaces": {
@@ -124,5 +124,8 @@
       "path": "packages/pharos/lib/index.js"
     }
   ],
-  "packageManager": "[email protected]"
+  "resolutions": {
+    "@lit-labs/scoped-registry-mixin": "1.0.1"
+  },
+  "packageManager": "[email protected]"
 }

packages/pharos-cli/package.json

@@ -16,12 +16,12 @@
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.1",
     "jest": "^29.7.0",
     "ts-jest": "^29.2.5",
     "ts-morph": "^24.0.0",
     "ts-node": "^10.9.2",
-    "typescript": "^5.6.3"
+    "typescript": "^5.7.2"
   },
   "scripts": {
     "test": "jest",

packages/pharos-site/package.json

@@ -20,22 +20,22 @@
     "gatsby-plugin-sharp": "^5.14.0",
     "gatsby-source-filesystem": "^5.14.0",
     "gatsby-transformer-sharp": "^5.14.0",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "prism-react-renderer": "^2.4.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-helmet": "^6.1.0",
-    "sass": "^1.80.6"
+    "sass": "^1.82.0"
   },
   "devDependencies": {
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/plugin-transform-private-methods": "^7.25.9",
     "@types/reach__router": "^1.3.15",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^18.3.14",
+    "@types/react-dom": "^18.3.2",
     "@types/react-helmet": "^6.1.11",
     "babel-preset-gatsby": "^3.14.0",
-    "typescript": "^5.6.3"
+    "typescript": "^5.7.2"
   },
   "author": "ITHAKA",
   "license": "MIT",

packages/pharos/package.json

@@ -68,9 +68,9 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.3",
     "@open-wc/testing": "^4.0.0",
-    "@types/mocha": "^10.0.9",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/mocha": "^10.0.10",
+    "@types/react": "^18.3.14",
+    "@types/react-dom": "^18.3.2",
     "@web/test-runner": "^0.19.0",
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.0",
@@ -79,7 +79,7 @@
     "globby": "^14.0.2",
     "minify-html-literals": "^1.3.5",
     "postcss": "^8.4.49",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "replace-in-file": "^8.2.0",
@@ -88,7 +88,7 @@
     "sinon": "^19.0.2",
     "style-dictionary": "^3.9.2",
     "ts-lit-plugin": "^2.0.2",
-    "typescript": "^5.6.3"
+    "typescript": "^5.7.2"
   },
   "customElements": "custom-elements.json",
   "exports": {

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

@@ -289,15 +289,12 @@ export class PharosCombobox extends ScopedRegistryMixin(FormMixin(FormElement))
           tabindex="-1"
           type="button"
           class="combobox__button"
+          aria-label="Dropdown"
           ?disabled=${this.disabled}
           @click=${this._handleButtonClick}
           @blur=${this._handleButtonBlur}
         >
-          <pharos-icon
-            class="combobox__icon"
-            name="chevron-down"
-            a11y-title="Dropdown"
-          ></pharos-icon>
+          <pharos-icon class="combobox__icon" name="chevron-down" a11y-hidden="true"></pharos-icon>
         </button>
       `;
     }

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

@@ -51,7 +51,7 @@
   opacity: 0;
   position: absolute;
   top: var(--pharos-spacing-one-quarter-x);
-  left: var(--pharos-spacing-one-quarter-x);
+  right: var(--pharos-spacing-one-quarter-x);
 }
 
 :host([has-close-button]) {

packages/pharos/src/components/sidenav/pharos-sidenav.ts

@@ -133,7 +133,7 @@ export class PharosSidenav extends ScopedRegistryMixin(FocusMixin(SideElement))
     return this.hasCloseButton
       ? html`<pharos-button
           class="side-element__button"
-          icon="close"
+          icon="chevron-left"
           variant="subtle"
           a11y-label="Close menu"
           is-on-background

packages/pharos/tokens/assets/icons.json

@@ -93,6 +93,7 @@
       "profile": { "value": "assets/icons/profile.svg" },
       "question-inverse": { "value": "assets/icons/question-inverse.svg" },
       "reorder": { "value": "assets/icons/reorder.svg" },
+      "rotate": { "value": "assets/icons/rotate.svg" },
       "save": { "value": "assets/icons/save.svg" },
       "save-and-close": { "value": "assets/icons/save-and-close.svg"},
       "save-changes": { "value": "assets/icons/save-changes.svg"},