From 7e0415ab8df71c7c29e41fae5418e6e98445472b Mon Sep 17 00:00:00 2001 From: Tamas Kovacs Date: Tue, 21 Jul 2026 12:19:54 +0200 Subject: [PATCH 1/2] fix(ui-side-nav-bar): show focus ring on selected item INSTUI-5078 --- .../ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/styles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/styles.ts b/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/styles.ts index f49293c5a3..3aafa97dce 100644 --- a/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/styles.ts +++ b/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/styles.ts @@ -70,7 +70,7 @@ const generateStyle = ( }, '&:focus': { backgroundColor: componentTheme.selectedBackgroundColor, - boxShadow: `${componentTheme.selectedOuterFocusOutlineColor}, ${componentTheme.selectedInnerFocusOutlineColor}`, + boxShadow: `inset 0 0 0 0.125rem ${componentTheme.selectedOuterFocusOutlineColor}, inset 0 0 0 0.25rem ${componentTheme.selectedInnerFocusOutlineColor}`, outline: 'none' } } From e9ede98105e2d26108b92d6bae2b315a1855408e Mon Sep 17 00:00:00 2001 From: Tamas Kovacs Date: Tue, 21 Jul 2026 12:20:37 +0200 Subject: [PATCH 2/2] chore(ui-scripts): bump instructure-design-tokens to v1.5.0 INSTUI-5078 --- packages/ui-scripts/package.json | 2 +- pnpm-lock.yaml | 20 ++++++++++---------- regression-test/package-lock.json | 2 +- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/packages/ui-scripts/package.json b/packages/ui-scripts/package.json index 8f057d600a..bc212894ca 100644 --- a/packages/ui-scripts/package.json +++ b/packages/ui-scripts/package.json @@ -23,7 +23,7 @@ "dependencies": { "@babel/cli": "^7.27.2", "@instructure/command-utils": "workspace:*", - "@instructure/instructure-design-tokens": "github:instructure/instructure-design-tokens#v1.4.0", + "@instructure/instructure-design-tokens": "github:instructure/instructure-design-tokens#v1.5.0", "dprint": "^0.55.1", "http-server": "^14.1.1", "lerna": "9.0.7", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index b9c9848135..5598c6c70c 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -3909,8 +3909,8 @@ importers: specifier: workspace:* version: link:../command-utils '@instructure/instructure-design-tokens': - specifier: github:instructure/instructure-design-tokens#v1.4.0 - version: https://codeload.github.com/instructure/instructure-design-tokens/tar.gz/0db8a8645f1c483daf4fac81394cb7dbc0f3f227 + specifier: github:instructure/instructure-design-tokens#v1.5.0 + version: https://codeload.github.com/instructure/instructure-design-tokens/tar.gz/ae8f600e8ad4cbadddbaad857f0b6477c4a1e1d6 dprint: specifier: ^0.55.1 version: 0.55.1 @@ -7072,8 +7072,8 @@ packages: '@types/node': optional: true - '@instructure/instructure-design-tokens@https://codeload.github.com/instructure/instructure-design-tokens/tar.gz/0db8a8645f1c483daf4fac81394cb7dbc0f3f227': - resolution: {gitHosted: true, integrity: sha512-NWck8He8l+xyS9OrwbFLXD0oMZGtkFs+m2jgxNGOD5gllDFLMEOZ4KT59BPxYcY5T2dNm5Y+/SSsrzU1K7eDVw==, tarball: https://codeload.github.com/instructure/instructure-design-tokens/tar.gz/0db8a8645f1c483daf4fac81394cb7dbc0f3f227} + '@instructure/instructure-design-tokens@https://codeload.github.com/instructure/instructure-design-tokens/tar.gz/ae8f600e8ad4cbadddbaad857f0b6477c4a1e1d6': + resolution: {gitHosted: true, integrity: sha512-zGW8VeTKSmXwpBTg+cobqem926UB4YQMtEphYOwifvo/oVxj7UCZ/VbQ2ZHlqPIdYXrLoCzkrLKz4vj0ixflrA==, tarball: https://codeload.github.com/instructure/instructure-design-tokens/tar.gz/ae8f600e8ad4cbadddbaad857f0b6477c4a1e1d6} version: 1.0.0 '@isaacs/cliui@8.0.2': @@ -15177,7 +15177,7 @@ snapshots: optionalDependencies: '@types/node': 22.19.15 - '@instructure/instructure-design-tokens@https://codeload.github.com/instructure/instructure-design-tokens/tar.gz/0db8a8645f1c483daf4fac81394cb7dbc0f3f227': + '@instructure/instructure-design-tokens@https://codeload.github.com/instructure/instructure-design-tokens/tar.gz/ae8f600e8ad4cbadddbaad857f0b6477c4a1e1d6': dependencies: glob: 13.0.6 @@ -15473,7 +15473,7 @@ snapshots: agent-base: 7.1.4 http-proxy-agent: 7.0.2 https-proxy-agent: 7.0.6 - lru-cache: 11.2.7 + lru-cache: 11.5.1 socks-proxy-agent: 8.0.5 transitivePeerDependencies: - supports-color @@ -15496,7 +15496,7 @@ snapshots: common-ancestor-path: 1.0.1 hosted-git-info: 9.0.2 json-stringify-nice: 1.1.4 - lru-cache: 11.2.7 + lru-cache: 11.5.1 minimatch: 10.2.5 nopt: 8.1.0 npm-install-checks: 7.1.2 @@ -15540,7 +15540,7 @@ snapshots: '@gar/promise-retry': 1.0.3 '@npmcli/promise-spawn': 9.0.1 ini: 6.0.0 - lru-cache: 11.2.7 + lru-cache: 11.5.1 npm-pick-manifest: 11.0.3 proc-log: 6.1.0 semver: 7.7.4 @@ -16972,7 +16972,7 @@ snapshots: '@npmcli/fs': 5.0.0 fs-minipass: 3.0.3 glob: 13.0.6 - lru-cache: 11.2.7 + lru-cache: 11.5.1 minipass: 7.1.3 minipass-collect: 2.0.1 minipass-flush: 1.0.7 @@ -20658,7 +20658,7 @@ snapshots: path-scurry@2.0.2: dependencies: - lru-cache: 11.2.7 + lru-cache: 11.5.1 minipass: 7.1.3 path-to-regexp@0.1.13: {} diff --git a/regression-test/package-lock.json b/regression-test/package-lock.json index dea50a3ece..39a5411ef9 100644 --- a/regression-test/package-lock.json +++ b/regression-test/package-lock.json @@ -151,7 +151,7 @@ "dependencies": { "@babel/cli": "^7.27.2", "@instructure/command-utils": "workspace:*", - "@instructure/instructure-design-tokens": "github:instructure/instructure-design-tokens#v1.4.0", + "@instructure/instructure-design-tokens": "github:instructure/instructure-design-tokens#v1.5.0", "dprint": "^0.55.1", "http-server": "^14.1.1", "inquirer": "^14.0.2",