@aotearoan/neon 28.7.3 → 28.7.5

package/dist/components/presentation/tabs/tab/NeonTab.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./NeonTab.cjs.js"),e=require("vue"),o=require("../../../../_virtual/_plugin-vue_export-helper.cjs.js"),r=["id","aria-labelledby"];function a(n,l,s,d,u,c){return e.openBlock(),e.createBlock(e.Transition,{name:n.transition?"neon-fade-transition":null,mode:"out-in"},{default:e.withCtx(()=>[n.selected?(e.openBlock(),e.createElementBlock("div",{key:0,id:n.id,"aria-labelledby":n.id?`${n.id}Button`:void 0,class:e.normalizeClass([{"neon-tab--selected":n.selected},"neon-tab"]),role:"tabpanel",tabindex:"0"},[e.renderSlot(n.$slots,"default")],10,r)):e.createCommentVNode("",!0)]),_:3},8,["name"])}const i=o(t,[["render",a]]);module.exports=i;
+"use strict";const t=require("./NeonTab.cjs.js"),e=require("vue"),o=require("../../../../_virtual/_plugin-vue_export-helper.cjs.js"),r=["id","aria-labelledby"];function a(n,l,s,d,u,c){return e.openBlock(),e.createBlock(e.Transition,{name:n.transition?"neon-tab-transition":null,mode:"out-in"},{default:e.withCtx(()=>[n.selected?(e.openBlock(),e.createElementBlock("div",{key:0,id:n.id,"aria-labelledby":n.id?`${n.id}Button`:void 0,class:e.normalizeClass([{"neon-tab--selected":n.selected},"neon-tab"]),role:"tabpanel",tabindex:"0"},[e.renderSlot(n.$slots,"default")],10,r)):e.createCommentVNode("",!0)]),_:3},8,["name"])}const i=o(t,[["render",a]]);module.exports=i;
 //# sourceMappingURL=NeonTab.vue.cjs.js.map

package/dist/components/presentation/tabs/tab/NeonTab.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTab.vue.cjs.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.vue"],"sourcesContent":["<template>\n  <transition :name=\"transition ? 'neon-fade-transition' : null\" mode=\"out-in\">\n    <div\n      v-if=\"selected\"\n      :id=\"id\"\n      :aria-labelledby=\"id ? `${id}Button` : undefined\"\n      :class=\"{ 'neon-tab--selected': selected }\"\n      class=\"neon-tab\"\n      role=\"tabpanel\"\n      tabindex=\"0\"\n    >\n      <!-- @slot The tab content -->\n      <slot></slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTab.ts\"></script>\n"],"names":["_createBlock","_Transition","_ctx","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"6MACEA,EAAAA,YAaaC,aAAA,CAbA,KAAMC,EAAA,WAAU,uBAAA,KAAkC,KAAK,6BAClE,IAWM,CAVEA,EAAA,wBADRC,EAAAA,mBAWM,MAAA,OATH,GAAID,EAAA,GACJ,kBAAiBA,EAAA,GAAE,GAAMA,EAAA,EAAE,SAAW,OACtC,MAAKE,EAAAA,eAAA,CAAA,CAAA,qBAA0BF,EAAA,QAAQ,EAClC,UAAU,CAAA,EAChB,KAAK,WACL,SAAS,MAGTG,aAAaH,EAAA,OAAA,SAAA"}
+{"version":3,"file":"NeonTab.vue.cjs.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.vue"],"sourcesContent":["<template>\n  <transition :name=\"transition ? 'neon-tab-transition' : null\" mode=\"out-in\">\n    <div\n      v-if=\"selected\"\n      :id=\"id\"\n      :aria-labelledby=\"id ? `${id}Button` : undefined\"\n      :class=\"{ 'neon-tab--selected': selected }\"\n      class=\"neon-tab\"\n      role=\"tabpanel\"\n      tabindex=\"0\"\n    >\n      <!-- @slot The tab content -->\n      <slot></slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTab.ts\"></script>\n"],"names":["_createBlock","_Transition","_ctx","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"6MACEA,EAAAA,YAaaC,aAAA,CAbA,KAAMC,EAAA,WAAU,sBAAA,KAAiC,KAAK,6BACjE,IAWM,CAVEA,EAAA,wBADRC,EAAAA,mBAWM,MAAA,OATH,GAAID,EAAA,GACJ,kBAAiBA,EAAA,GAAE,GAAMA,EAAA,EAAE,SAAW,OACtC,MAAKE,EAAAA,eAAA,CAAA,CAAA,qBAA0BF,EAAA,QAAQ,EAClC,UAAU,CAAA,EAChB,KAAK,WACL,SAAS,MAGTG,aAAaH,EAAA,OAAA,SAAA"}

package/dist/components/presentation/tabs/tab/NeonTab.vue.es.js

@@ -1,10 +1,10 @@
-import o from "./NeonTab.es.js";
-import { openBlock as n, createBlock as t, Transition as a, withCtx as r, createElementBlock as i, normalizeClass as d, renderSlot as l, createCommentVNode as s } from "vue";
+import t from "./NeonTab.es.js";
+import { openBlock as n, createBlock as o, Transition as a, withCtx as r, createElementBlock as i, normalizeClass as l, renderSlot as d, createCommentVNode as s } from "vue";
 import m from "../../../../_virtual/_plugin-vue_export-helper.es.js";
 const c = ["id", "aria-labelledby"];
 function f(e, p, u, b, $, k) {
-  return n(), t(a, {
-    name: e.transition ? "neon-fade-transition" : null,
+  return n(), o(a, {
+    name: e.transition ? "neon-tab-transition" : null,
     mode: "out-in"
   }, {
     default: r(() => [
@@ -12,17 +12,17 @@ function f(e, p, u, b, $, k) {
         key: 0,
         id: e.id,
         "aria-labelledby": e.id ? `${e.id}Button` : void 0,
-        class: d([{ "neon-tab--selected": e.selected }, "neon-tab"]),
+        class: l([{ "neon-tab--selected": e.selected }, "neon-tab"]),
         role: "tabpanel",
         tabindex: "0"
       }, [
-        l(e.$slots, "default")
+        d(e.$slots, "default")
       ], 10, c)) : s("", !0)
     ]),
     _: 3
   }, 8, ["name"]);
 }
-const y = /* @__PURE__ */ m(o, [["render", f]]);
+const y = /* @__PURE__ */ m(t, [["render", f]]);
 export {
   y as default
 };

package/dist/components/presentation/tabs/tab/NeonTab.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTab.vue.es.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.vue"],"sourcesContent":["<template>\n  <transition :name=\"transition ? 'neon-fade-transition' : null\" mode=\"out-in\">\n    <div\n      v-if=\"selected\"\n      :id=\"id\"\n      :aria-labelledby=\"id ? `${id}Button` : undefined\"\n      :class=\"{ 'neon-tab--selected': selected }\"\n      class=\"neon-tab\"\n      role=\"tabpanel\"\n      tabindex=\"0\"\n    >\n      <!-- @slot The tab content -->\n      <slot></slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTab.ts\"></script>\n"],"names":["_createBlock","_Transition","_ctx","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;cACEA,EAaaC,GAAA;AAAA,IAbA,MAAMC,EAAA,aAAU,yBAAA;AAAA,IAAkC,MAAK;AAAA;eAClE,MAWM;AAAA,MAVEA,EAAA,iBADRC,EAWM,OAAA;AAAA;QATH,IAAID,EAAA;AAAA,QACJ,mBAAiBA,EAAA,KAAE,GAAMA,EAAA,EAAE,WAAW;AAAA,QACtC,OAAKE,EAAA,CAAA,EAAA,sBAA0BF,EAAA,SAAQ,GAClC,UAAU,CAAA;AAAA,QAChB,MAAK;AAAA,QACL,UAAS;AAAA;QAGTG,EAAaH,EAAA,QAAA,SAAA;AAAA;;;;;;"}
+{"version":3,"file":"NeonTab.vue.es.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.vue"],"sourcesContent":["<template>\n  <transition :name=\"transition ? 'neon-tab-transition' : null\" mode=\"out-in\">\n    <div\n      v-if=\"selected\"\n      :id=\"id\"\n      :aria-labelledby=\"id ? `${id}Button` : undefined\"\n      :class=\"{ 'neon-tab--selected': selected }\"\n      class=\"neon-tab\"\n      role=\"tabpanel\"\n      tabindex=\"0\"\n    >\n      <!-- @slot The tab content -->\n      <slot></slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTab.ts\"></script>\n"],"names":["_createBlock","_Transition","_ctx","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;cACEA,EAaaC,GAAA;AAAA,IAbA,MAAMC,EAAA,aAAU,wBAAA;AAAA,IAAiC,MAAK;AAAA;eACjE,MAWM;AAAA,MAVEA,EAAA,iBADRC,EAWM,OAAA;AAAA;QATH,IAAID,EAAA;AAAA,QACJ,mBAAiBA,EAAA,KAAE,GAAMA,EAAA,EAAE,WAAW;AAAA,QACtC,OAAKE,EAAA,CAAA,EAAA,sBAA0BF,EAAA,SAAQ,GAClC,UAAU,CAAA;AAAA,QAChB,MAAK;AAAA,QACL,UAAS;AAAA;QAGTG,EAAaH,EAAA,QAAA,SAAA;AAAA;;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "28.7.3",
+  "version": "28.7.5",
   "main": "./dist/neon.cjs.js",
   "module": "./dist/neon.es.js",
   "types": "./dist/src/neon.d.ts",

package/src/sass/components/_banner.scss

@@ -4,10 +4,6 @@
   .neon-banner {
     z-index: var(--neon-z-index-top);
 
-    &__action {
-      margin-left: auto;
-    }
-
     &__message {
       --neon-font-weight-strong: var(--neon-font-weight-semi-bold);
     }
@@ -31,6 +27,13 @@
     .neon-button--outline {
       --neon-background-color-outline-button: var(--neon-background-color);
     }
+
+    @include responsive.responsive(mobile-large) {
+      .neon-note__content {
+        flex-direction: column;
+        align-items: flex-start;
+      }
+    }
   }
 
   @include responsive.responsive(desktop-large) {

package/src/sass/core/_transitions.scss

@@ -11,6 +11,21 @@
     }
   }
 
+  .neon-tab-transition {
+    &-enter-active {
+      transition: opacity ease-in-out var(--neon-animation-speed-fast) var(--neon-animation-speed-fast) allow-discrete;
+    }
+
+    &-leave-active {
+      transition: none;
+    }
+
+    &-enter-from,
+    &-leave-to {
+      opacity: 0;
+    }
+  }
+
   .neon-splash-transition {
     &-enter-active {
       transition: opacity ease-in-out var(--neon-animation-speed-fast) var(--neon-animation-speed-fast) allow-discrete;