fix(build): inner loading aria types

epicmaxco · Mar 23, 2023 · 9972dcd · 9972dcd
1 parent c13d67d
commit 9972dcd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/ui/src/components/va-inner-loading/VaInnerLoading.vue b/packages/ui/src/components/va-inner-loading/VaInnerLoading.vue
@@ -1,5 +1,10 @@
 <template>
-  <div class="va-inner-loading" :class="computedClass" v-bind="ariaAttributesComputed">
+  <div
+    class="va-inner-loading"
+    aria-live="polite"
+    :class="computedClass"
+    v-bind="ariaAttributesComputed"
+  >
     <slot />
     <div
       v-if="$props.loading"
@@ -44,7 +49,6 @@ export default defineComponent({
         'va-inner-loading--active': props.loading,
       })),
       ariaAttributesComputed: computed(() => ({
-        'aria-live': 'polite',
         'aria-busy': props.loading,
       })),
     }

diff --git a/packages/ui/src/styles/global/css-variables.scss b/packages/ui/src/styles/global/css-variables.scss
@@ -73,5 +73,5 @@
 
   // Misc
   --va-shadow: rgba(0, 0, 0, 0.12);
-  --va-focus: #49A8FF;
+  --va-focus: #49a8ff;
 }