diff --git a/libs/components/src/navigation/nav-group.stories.ts b/libs/components/src/navigation/nav-group.stories.ts
index 47a600727f4..de150ebc0d7 100644
--- a/libs/components/src/navigation/nav-group.stories.ts
+++ b/libs/components/src/navigation/nav-group.stories.ts
@@ -22,9 +22,7 @@ export default {
title: "Component Library/Nav/Nav Group",
component: NavGroupComponent,
decorators: [
- positionFixedWrapperDecorator(
- (story) => `${story}`,
- ),
+ positionFixedWrapperDecorator((story) => `${story}`),
moduleMetadata({
imports: [
SharedModule,
@@ -73,17 +71,19 @@ export default {
export const Default: StoryObj = {
render: (args) => ({
props: args,
- template: `
-
-
-
-
-
-
-
-
-
-
+ template: /*html*/ `
+
+
+
+
+
+
+
+
+
+
+
+
`,
}),
};
@@ -91,22 +91,44 @@ export const Default: StoryObj = {
export const Tree: StoryObj = {
render: (args) => ({
props: args,
- template: `
-
-
-
-
-
-
-
-
+ template: /*html*/ `
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
+
+ `,
+ }),
+};
+
+export const Secondary: StoryObj = {
+ render: (args) => ({
+ props: args,
+ template: /*html*/ `
+
+
+
+
+
+
+
+
+
+
+
+
`,
}),
};
diff --git a/libs/components/src/navigation/side-nav.component.html b/libs/components/src/navigation/side-nav.component.html
index fe18f54ee18..05c99c7d64e 100644
--- a/libs/components/src/navigation/side-nav.component.html
+++ b/libs/components/src/navigation/side-nav.component.html
@@ -15,7 +15,7 @@
"
[cdkTrapFocus]="data.isOverlay"
[attr.role]="data.isOverlay ? 'dialog' : null"
- [attr.aria-modal]="data.isOverlay"
+ [attr.aria-modal]="data.isOverlay ? 'true' : null"
(keydown)="handleKeyDown($event)"
>
diff --git a/libs/components/src/tw-theme.css b/libs/components/src/tw-theme.css
index 167b677aa4c..1a89d8e6abc 100644
--- a/libs/components/src/tw-theme.css
+++ b/libs/components/src/tw-theme.css
@@ -6,8 +6,8 @@
--color-background: 255 255 255;
--color-background-alt: 243 246 249;
--color-background-alt2: 23 92 219;
- --color-background-alt3: 18 82 163;
- --color-background-alt4: 13 60 119;
+ --color-background-alt3: 26 65 172;
+ --color-background-alt4: 2 15 102;
--color-primary-100: 219 229 246;
--color-primary-300: 121 161 233;
@@ -60,8 +60,8 @@
--color-background: 32 39 51;
--color-background-alt: 18 26 39;
--color-background-alt2: 47 52 61;
- --color-background-alt3: 47 52 61;
- --color-background-alt4: 16 18 21;
+ --color-background-alt3: 48 57 70;
+ --color-background-alt4: 18 26 39;
--color-primary-100: 2 15 102;
--color-primary-300: 26 65 172;