refactor: rename data attr

sbb-design-systems · Dec 12, 2023 · e28d94a · e28d94a
1 parent e2fcb20
commit e28d94a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/dialog/dialog.scss b/src/components/dialog/dialog.scss
@@ -207,7 +207,7 @@
   }
 
   // Apply show/hide animation unless it has a visible focus within.
-  &:not([data-has-visible-focus]:focus-within) {
+  &:not([data-has-visible-focus-within]:focus-within) {
     transform: translateY(var(--sbb-dialog-header-margin-block-start));
     transition: {
       property: box-shadow, transform;
@@ -224,7 +224,7 @@
     padding-block-start: var(--sbb-spacing-responsive-xs);
   }
 
-  &[data-has-visible-focus]:focus-within,
+  &[data-has-visible-focus-within]:focus-within,
   :host([data-overflows]:not([data-fullscreen], [negative], [data-hide-header])) & {
     @include sbb.shadow-level-9-soft;
   }

diff --git a/src/components/dialog/dialog.ts b/src/components/dialog/dialog.ts
@@ -440,7 +440,7 @@ export class SbbDialogElement extends LitElement {
           if (this._overflows) {
             toggleDatasetEntry(
               this._dialogHeaderElement,
-              'hasVisibleFocus',
+              'hasVisibleFocusWithin',
               sbbInputModalityDetector.mostRecentModality === 'keyboard',
             );
           }
@@ -450,7 +450,7 @@ export class SbbDialogElement extends LitElement {
       el.addEventListener(
         'blur',
         () => {
-          toggleDatasetEntry(this._dialogHeaderElement, 'hasVisibleFocus', false);
+          toggleDatasetEntry(this._dialogHeaderElement, 'hasVisibleFocusWithin', false);
         },
         { signal: this._openDialogController.signal },
       );