barbican-reset 1.6.0 → 1.6.1

package/components/alert.vue

@@ -5,7 +5,7 @@
         <div class="title" v-if="title.length > 0 && !toggle">{{ title }}</div>
         <slot />
       </span>
-      <b-button v-if="toggle" variant="invisible" :class="[`exit`, getStatus]" @click="$emit('close')">
+      <b-button v-if="toggle" variant="exit" :class="getStatus" @click="$emit('close')">
         <close-icon :status="getStatus" />
       </b-button>
     </div>

package/helpers/mixins/_buttons.scss

@@ -192,15 +192,15 @@
 @mixin btn-exit {
   @include button-link;
   @include focus {
-    @include single-box($c-grey-night);
-    background-color: $white;
+    outline: 0.1875rem solid $c-grey-night;
     border-radius: 50%;
+    box-shadow: none;
 
-    [data-outline], [data-cross] {
+    path.cross {
       fill: $white;
     }
 
-    [data-fill] {
+    path.tint {
       fill: $c-grey-night;
     }
   }

package/icons/stream/close.vue

@@ -1,7 +1,7 @@
 <template>
-  <svg width="28" viewBox="0 0 20 20">
-    <path class="tint" fill="#fefbfa" d="M10,0C4.5,0,0,4.5,0,10s4.5,10,10,10s10-4.5,10-10S15.5,0,10,0z" />
-    <path class="cross" fill="#353535" d="M10,0C4.5,0,0,4.5,0,10s4.5,10,10,10s10-4.5,10-10S15.5,0,10,0z M10,18c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8	S14.4,18,10,18z" />
-    <path class="cross" fill="#353535" d="M12.6,6L10,8.6L7.4,6L6,7.4L8.6,10L6,12.6L7.4,14l2.6-2.6l2.6,2.6l1.4-1.4L11.4,10L14,7.4L12.6,6z" />
+  <svg width="28" height="28" viewBox="0 0 20 20">
+    <path class="tint" fill="#ffffff" d="M10,1c-4.9,0-9,4.1-9,9s4.1,9,9,9s9-4.1,9-9S14.9,1,10,1z"/>
+    <path class="cross" fill="#353535" d="M10,0C4.5,0,0,4.5,0,10s4.5,10,10,10s10-4.5,10-10S15.5,0,10,0z M10,18c-4.4,0-8-3.6-8-8s3.6-8,8-8	s8,3.6,8,8S14.4,18,10,18z M12.6,6L10,8.6L7.4,6L6,7.4L8.6,10L6,12.6L7.4,14l2.6-2.6l2.6,2.6l1.4-1.4L11.4,10L14,7.4L12.6,6z"/>
   </svg>
-</template>
+</template>
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "barbican-reset",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "A collection of useful scss imports and js scripts, that provide consistent styling and functionality across barbican projects.",
   "main": "index.js",
   "scripts": {

package/scss/_alert.scss

@@ -115,15 +115,7 @@ $error_focus: $c-status-error, $c-status-error-fade;
     display: flex;    
   }
 
-  .btn.exit {
-    border-radius: 50%;
-    border: none;
-    padding: 0;
-
-    @include focus {
-      outline: 0.1875rem solid;
-      box-shadow: none;
-    }
+  .btn.btn-exit {
     
     &.error {
       @include exit($error_focus...);