Add rest of characteristics

jpmorganchase · Apr 17, 2024 · d645233 · d645233
1 parent 5bb3cb3
commit d645233
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 0 deletions.
diff --git a/packages/theme/css/characteristics/focused-next.css b/packages/theme/css/characteristics/focused-next.css
@@ -0,0 +1,3 @@
+.salt-theme.salt-theme-next {
+  --salt-focused-outlineColor: var(--salt-palette-accent-stronger);
+}
diff --git a/packages/theme/css/characteristics/navigable-next.css b/packages/theme/css/characteristics/navigable-next.css
@@ -0,0 +1,6 @@
+.salt-theme.salt-theme-next {
+  --salt-navigable-indicator-hover: var(--salt-palette-neutral);
+  --salt-navigable-indicator-active: var(--salt-palette-accent);
+
+  /* --salt-navigable-background-hover: var(--salt-palette-navigate-background-hover); */
+}
diff --git a/packages/theme/css/characteristics/overlayable-next.css b/packages/theme/css/characteristics/overlayable-next.css
@@ -0,0 +1,3 @@
+.salt-theme.salt-theme-next {
+  --salt-overlayable-background: var(--salt-palette-background-backdrop);
+}
diff --git a/packages/theme/css/characteristics/separable-next.css b/packages/theme/css/characteristics/separable-next.css
@@ -0,0 +1,5 @@
+.salt-theme.salt-theme-next {
+  --salt-separable-primary-borderColor: var(--salt-palette-neutral-stronger-primary);
+  --salt-separable-secondary-borderColor: var(--salt-palette-neutral-stronger-secondary);
+  --salt-separable-tertiary-borderColor: var(--salt-palette-neutral-stronger-tertiary);
+}
diff --git a/packages/theme/css/theme-next.css b/packages/theme/css/theme-next.css
@@ -17,7 +17,11 @@
 @import url(characteristics/container-next.css);
 @import url(characteristics/content-next.css);
 @import url(characteristics/editable-next.css);
+@import url(characteristics/focused-next.css);
+@import url(characteristics/navigable-next.css);
+@import url(characteristics/overlayable-next.css);
 @import url(characteristics/selectable-next.css);
+@import url(characteristics/separable-next.css);
 @import url(characteristics/status-next.css);
 @import url(characteristics/target-next.css);
 @import url(characteristics/track-next.css);