Adjust focus rectangle offset

cfpb · Sep 5, 2024 · 8038576 · 8038576
1 parent 67cf46b
commit 8038576
Show file tree

Hide file tree

Showing 13 changed files with 14 additions and 14 deletions.
diff --git a/packages/cfpb-design-system/dist/components/cfpb-expandables/index.css b/packages/cfpb-design-system/dist/components/cfpb-expandables/index.css
diff --git a/packages/cfpb-design-system/dist/components/cfpb-expandables/index.css.map b/packages/cfpb-design-system/dist/components/cfpb-expandables/index.css.map
diff --git a/packages/cfpb-design-system/dist/components/cfpb-expandables/index.js.map b/packages/cfpb-design-system/dist/components/cfpb-expandables/index.js.map
diff --git a/packages/cfpb-design-system/dist/components/cfpb-forms/index.css b/packages/cfpb-design-system/dist/components/cfpb-forms/index.css
diff --git a/packages/cfpb-design-system/dist/components/cfpb-forms/index.css.map b/packages/cfpb-design-system/dist/components/cfpb-forms/index.css.map
diff --git a/packages/cfpb-design-system/dist/index.css b/packages/cfpb-design-system/dist/index.css
diff --git a/packages/cfpb-design-system/dist/index.css.map b/packages/cfpb-design-system/dist/index.css.map
diff --git a/packages/cfpb-design-system/dist/index.js.map b/packages/cfpb-design-system/dist/index.js.map
diff --git a/packages/cfpb-design-system/dist/utilities/index.css b/packages/cfpb-design-system/dist/utilities/index.css
diff --git a/packages/cfpb-design-system/dist/utilities/index.css.map b/packages/cfpb-design-system/dist/utilities/index.css.map
diff --git a/packages/cfpb-design-system/src/components/cfpb-expandables/expandable.scss b/packages/cfpb-design-system/src/components/cfpb-expandables/expandable.scss
@@ -30,7 +30,7 @@
 
  &:focus {
  outline: 1px dotted var(--black);
- outline-offset: 1px;
+ outline-offset: 2px;
  }
 
  .o-expandable__cue-close,

diff --git a/packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.scss b/packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.scss
@@ -22,7 +22,7 @@
 
  &:focus {
  outline: 1px dotted var(--pacific);
- outline-offset: 2px;
+ outline-offset: 1px;
  }
 
  .o-summary-minimal__cue-close,

diff --git a/packages/cfpb-design-system/src/components/cfpb-expandables/summary.scss b/packages/cfpb-design-system/src/components/cfpb-expandables/summary.scss
@@ -28,7 +28,7 @@
 
  &:focus {
  outline: 1px dotted var(--pacific);
- outline-offset: 2px;
+ outline-offset: 1px;
  }
 
  &[aria-expanded='false']::before {
@@ -42,7 +42,7 @@
  right: 0;
 
  // 4px is needed because the 2px movement of the content's bounding box.
- top: calc(-100% + 4px);
+ top: calc(-100% + 2px);
  background: linear-gradient(
  to bottom,
  rgba(255, 255, 255, 0%) 0%,