feat: simplify close button attribtues.

Author: phlegx

packages/bootstrap-vue-next/src/components/BAlert/BAlert.vue

@@ -15,13 +15,7 @@
         <BButton v-if="hasCloseSlot" v-bind="closeAttrs" @click="hide">
           <slot name="close" />
         </BButton>
-        <BCloseButton
-          v-else
-          ref="closeButton"
-          :white="closeWhite"
-          v-bind="closeAttrs"
-          @click="hide"
-        />
+        <BCloseButton v-else ref="closeButton" v-bind="closeAttrs" @click="hide" />
       </template>
     </div>
   </BTransition>
@@ -123,7 +117,8 @@ const isAlertVisible = computed<boolean>(() =>
 )
 
 const closeAttrs = computed(() => ({
-  'variant': hasCloseSlot.value ? props.closeVariant : null,
+  'variant': hasCloseSlot.value ? props.closeVariant : undefined,
+  'white': !hasCloseSlot.value ? props.closeWhite : undefined,
   'class': closeClasses.value,
   'aria-label': props.closeLabel,
 }))

packages/bootstrap-vue-next/src/components/BModal.vue

@@ -46,7 +46,6 @@
                   <BCloseButton
                     v-else
                     ref="closeButton"
-                    :white="headerCloseWhite"
                     v-bind="headerCloseAttrs"
                     @click="hide('close')"
                   />
@@ -351,6 +350,7 @@ const headerCloseClasses = computed(() => [props.headerCloseClass])
 
 const headerCloseAttrs = computed(() => ({
   'variant': hasHeaderCloseSlot.value ? props.headerCloseVariant : undefined,
+  'white': !hasHeaderCloseSlot.value ? props.headerCloseWhite : undefined,
   'class': headerCloseClasses.value,
   'aria-label': props.headerCloseLabel,
 }))

packages/bootstrap-vue-next/src/components/BOffcanvas/BOffcanvas.vue

@@ -41,7 +41,6 @@
                 <BCloseButton
                   v-else
                   ref="closeButton"
-                  :white="headerCloseWhite"
                   v-bind="headerCloseAttrs"
                   @click="hide('close')"
                 />
@@ -224,6 +223,7 @@ const headerCloseClasses = computed(() => [
 ])
 const headerCloseAttrs = computed(() => ({
   'variant': hasHeaderCloseSlot.value ? props.headerCloseVariant : undefined,
+  'white': !hasHeaderCloseSlot.value ? props.headerCloseWhite : undefined,
   'class': headerCloseClasses.value,
   'aria-label': props.headerCloseLabel,
 }))