@aotearoan/neon 28.5.0 → 28.7.0

package/src/sass/components/_card-list.scss

@@ -4,12 +4,12 @@
 
 @mixin card-list {
   .neon-card-list {
-    &__results-end {
+    &__result-count-label {
       align-self: center;
       user-select: none;
-      margin-top: var(--neon-space-16);
-      font-size: var(--neon-font-size-s);
-      color: var(--neon-color-low-contrast);
+      font-size: var(--neon-font-size-xs);
+      color: var(--neon-color-text-secondary);
+      margin-top: var(--neon-space-32);
     }
 
     &__show-more {
@@ -23,7 +23,7 @@
     &__header {
       align-items: center;
       user-select: none;
-      margin-bottom: var(--neon-space-16);
+      margin-bottom: var(--neon-space-8);
       font-size: var(--neon-font-size-xs);
       color: var(--neon-color-text-primary);
 
@@ -83,15 +83,36 @@
       min-width: 100%;
       @each $color in palettes.$neon-functional-colors {
         &--#{$color} {
-          .neon-card-list__card:not(.neon-card-list__card--disabled) {
-            &:hover,
-            &:hover,
-            &:hover {
-              background-color: rgba(var(--neon-rgb-#{$color}), 0.03125);
-            }
+          &:hover {
+            background-color: rgba(var(--neon-rgb-#{$color}), 0.03125);
           }
         }
       }
     }
+
+    &.neon-card-list--grid {
+      .neon-card-list__link {
+        width: fit-content;
+        min-width: fit-content;
+        max-width: fit-content;
+        display: inline-flex;
+        flex: 0 1 auto;
+      }
+
+      .neon-card-list__cards {
+        gap: var(--neon-space-32);
+        margin-top: var(--neon-space-32);
+        border-top: none;
+        flex-direction: row;
+        flex-wrap: wrap;
+      }
+
+      .neon-card-list__card {
+        width: fit-content;
+        max-width: fit-content;
+        flex: 0 1 auto;
+        padding: 0 0 var(--neon-space-24) 0;
+      }
+    }
   }
 }

package/src/sass/components/_date-picker.scss

@@ -36,6 +36,7 @@
 
       input {
         pointer-events: none;
+        touch-action: none;
         user-select: none;
         font-variant: tabular-nums;
       }
@@ -61,6 +62,7 @@
 
     .neon-date-picker__native-input {
       pointer-events: none;
+      touch-action: none;
       width: 100%;
       min-width: 100%;
       display: flex;

package/src/sass/components/_draggable-card.scss

@@ -0,0 +1,75 @@
+@use '../includes/palettes';
+@use '../includes/svg';
+
+@mixin draggable-card {
+  .neon-draggable-card {
+    flex-direction: row;
+    position: relative;
+    border-bottom: var(--neon-border);
+
+    & > .neon-card-list__card:not(:focus-visible) {
+      border-bottom: none;
+    }
+
+    &[draggable='true'] {
+      cursor: grab;
+      transition: var(--neon-animation-speed-fast) all ease;
+
+      @each $color in palettes.$neon-functional-colors {
+        &.neon-draggable-card--#{$color} {
+          &:hover {
+            background-color: rgba(var(--neon-rgb-#{$color}), 0.03125);
+          }
+        }
+      }
+
+      &:hover {
+        .neon-draggable-card__handle-icon {
+          @include svg.color-with-svg(var(--neon-color-high-contrast));
+        }
+      }
+
+      &.neon-draggable-card--drag-in-progress {
+        /* add transparent overlay when dragging over all items. This prevents onDragLeave firing on child elements */
+        &:after {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          background-color: transparent;
+        }
+
+        &.neon-draggable-card--active {
+          &:after {
+            background-color: var(--neon-background-color-draggable-card-hover);
+          }
+        }
+      }
+    }
+
+    &__handle-icon {
+      align-self: center;
+      margin-left: var(--neon-space-6);
+      margin-right: var(--neon-space-4);
+      width: 16rem;
+      height: 16rem;
+    }
+
+    .neon-drag-handle-transition {
+      &-enter-active,
+      &-leave-active {
+        transition: all ease-in-out var(--neon-animation-speed-fast) var(--neon-animation-speed-fast) allow-discrete;
+      }
+
+      &-enter-from,
+      &-leave-to {
+        opacity: 0;
+        width: 0;
+        margin-left: 0;
+        margin-right: 0;
+      }
+    }
+  }
+}

package/src/sass/components/_drawer.scss

@@ -97,6 +97,7 @@
       z-index: var(--neon-z-index-below);
       position: fixed;
       pointer-events: none;
+      touch-action: none;
       top: 0;
       left: 0;
       @include layout.width(100);

package/src/sass/components/_field-group.scss

@@ -61,8 +61,12 @@
         }
       }
 
+      .neon-button:hover {
+        z-index: var(--neon-z-index-above-2);
+      }
+
       .neon-button + .neon-button {
-        border-left: var(--neon-border-width) var(--neon-border-style) var(--neon-color-inverse);
+        border-left: none;
       }
     }
 

package/src/sass/components/_header.scss

@@ -29,7 +29,8 @@
     }
 
     &__subtitle {
-      font-size: var(--neon-font-size-m);
+      font-size: var(--neon-font-size-header-subtitle);
+      color: var(--neon-color-header-subtitle);
       white-space: nowrap;
     }
 

package/src/sass/components/_input.scss

@@ -11,6 +11,12 @@
     padding-right: var(--neon-size-#{$size});
   }
 
+  &.neon-input--state-loading {
+    input {
+      cursor: progress;
+    }
+  }
+
   &.neon-input--state-loading,
   &.neon-input--state-success,
   &.neon-input--state-error,

package/src/sass/components/_link.scss

@@ -39,6 +39,7 @@
       color: var(--neon-color-disabled-text);
       cursor: not-allowed;
       pointer-events: none;
+      touch-action: none;
     }
   }
 

package/src/sass/components/_modal.scss

@@ -79,6 +79,7 @@
       opacity: 0;
       z-index: var(--neon-z-index-below);
       pointer-events: none;
+      touch-action: none;
       transition: opacity ease-in-out var(--neon-animation-speed-fast);
     }
 

package/src/sass/components/_page.scss

@@ -14,6 +14,7 @@
 
     .neon-page__container {
       @include layout.min-height(100);
+      overflow-x: hidden;
 
       @include responsive.responsive(larger-than-tablet) {
         padding-left: var(--neon-gutter-desktop);

package/src/sass/components/_range-slider.scss

@@ -118,6 +118,7 @@
     .neon-slider__input,
     .neon-slider {
       pointer-events: none;
+      touch-action: none;
     }
 
     .neon-range-slider__lower,
@@ -132,14 +133,17 @@
         .neon-slider__input {
           &::-webkit-slider-thumb {
             pointer-events: none;
+            touch-action: none;
           }
 
           &::-moz-range-thumb {
             pointer-events: none;
+            touch-action: none;
           }
 
           &::-ms-thumb {
             pointer-events: none;
+            touch-action: none;
           }
         }
       }

package/src/sass/components/_sticky-buttons.scss

@@ -30,8 +30,8 @@
           background: linear-gradient(to bottom, transparent, var(--neon-background-color));
           width: 100%;
           height: var(--neon-space-16);
-          touch-action: none;
           pointer-events: none;
+          touch-action: none;
         }
 
         .neon-button {

package/src/sass/components/components.scss

@@ -56,7 +56,6 @@
 @forward './image-carousel';
 @forward './swiper';
 @forward './mobile-menu';
-@forward './page-container';
 @forward './banner';
 @forward './pagination';
 @forward './labelled-content';
@@ -69,3 +68,5 @@
 @forward './empty-state';
 @forward './list-layout';
 @forward './loading-state-card';
+@forward './basic-layout';
+@forward './draggable-card';

package/src/sass/includes/_dependencies.scss

@@ -127,11 +127,10 @@
           NeonField: [],
           NeonStack: [],
           NeonInline: [],
-          NeonCardList: [NeonSelectableCard, NeonSwitch, NeonIcon, NeonButton, NeonExpansionIndicator, NeonIcon, NeonLink, NeonCard, NeonCardHeader, NeonCardBody, NeonInline, NeonStack, NeonPagination, NeonLoadingStateCard, NeonSkeletonLoader],
+          NeonCardList: [NeonSelectableCard, NeonSwitch, NeonIcon, NeonButton, NeonExpansionIndicator, NeonIcon, NeonLink, NeonCard, NeonCardHeader, NeonCardBody, NeonInline, NeonStack, NeonPagination, NeonLoadingStateCard, NeonSkeletonLoader, NeonDraggableCard],
           NeonImageCarousel: [NeonButton, NeonLink],
           NeonSwiper: [],
           NeonMobileMenu: [NeonIcon, NeonLink],
-          NeonPageContainer: [NeonIcon],
           NeonBanner: [NeonButton, NeonNote, NeonIcon, NeonLink, NeonExpansionIndicator],
           NeonPagination: [NeonButton, NeonLink, NeonIcon],
           NeonLabelledContent: [],
@@ -144,6 +143,8 @@
           NeonEmptyState: [NeonButton, NeonIcon, NeonInline, NeonStack, NeonExpansionIndicator, NeonLink],
           NeonListLayout: [NeonBreadcrumbs, NeonButton, NeonCard, NeonCardBody, NeonCardHeader, NeonCardList, NeonEmptyState, NeonExpansionIndicator, NeonHeader, NeonIcon, NeonInline, NeonLink, NeonNote, NeonPagination, NeonSelectableCard, NeonSwiper, NeonSwitch],
           NeonLoadingStateCard: [NeonInline, NeonStack, NeonSkeletonLoader],
+          NeonBasicLayout: [NeonHeader, NeonBreadcrumbs, NeonButton, NeonExpansionIndicator, NeonIcon, NeonInline, NeonLink, NeonNote, NeonSwiper, NeonStack],
+          NeonDraggableCard: [NeonInline, NeonIcon],
   );
 
   $neon-flattened-components: [];

package/src/sass/theme.scss

@@ -273,10 +273,6 @@ $neon-components: null !default;
     @include components.mobile-menu;
   }
 
-  @if index($neon-flattened-components, NeonPageContainer) {
-    @include components.page-container;
-  }
-
   @if index($neon-flattened-components, NeonBanner) {
     @include components.banner;
   }
@@ -324,4 +320,12 @@ $neon-components: null !default;
   @if index($neon-flattened-components, NeonLoadingStateCard) {
     @include components.loading-state-card;
   }
+
+  @if index($neon-flattened-components, NeonBasicLayout) {
+    @include components.basic-layout;
+  }
+
+  @if index($neon-flattened-components, NeonDraggableCard) {
+    @include components.draggable-card;
+  }
 }

package/src/sass/variables-dark.scss

@@ -1337,4 +1337,19 @@
    * Background color of the sticky button container.
    */
   --neon-background-color-sticky-buttons: var(--neon-color-high-contrast-d5);
+
+  /* header */
+  /**
+   * @component NeonHeader,NeonBasicLayout
+   * Color of the header component subtitle
+   */
+  --neon-color-header-subtitle: var(--neon-color-text-secondary);
+
+
+  /* draggable-card */
+  /**
+   * @component NeonCardList,NeonDraggableCard
+   * Background color of the hover state of the draggable card
+   */
+  --neon-background-color-draggable-card-hover: var(--neon-color-brand-d5);
 }

package/src/sass/variables-global.scss

@@ -427,6 +427,10 @@
    * XXL component size (buttons & badges only)
    */
   --neon-size-xxl: calc(20 * var(--neon-base-space));
+  /**
+   * XXXL component size (buttons & badges only)
+   */
+  --neon-size-xxxl: calc(72 * var(--neon-base-space));
 
   /* box shadows */
   /** Default box shadow */
@@ -1240,6 +1244,11 @@
   --neon-text-transform-label: none;
 
   /* badge */
+  /**
+   * @component NeonBadge,NeonAvatar
+   * Badge border radius for square badges
+   */
+  --neon-border-radius-badge: var(--neon-border-radius);
   /**
    * @component NeonBadge
    * Background gradient angle for a multicolored badge
@@ -1275,6 +1284,11 @@
    * Size (height) of an XXL Badge
    */
   --neon-size-xxl-badge: var(--neon-size-xxl);
+  /**
+   * @component NeonBadge,NeonAvatar
+   * Size (height) of an XXXL Badge
+   */
+  --neon-size-xxxl-badge: var(--neon-size-xxxl);
   /**
    * @component NeonBadge
    * Default opacity of an editable badge button
@@ -1334,13 +1348,6 @@
    */
   --neon-blur-radius-image-carousel: 5px;
 
-  /* page container */
-  /**
-   * @component NeonPageContainer
-   * Page container fixed height for sticky buttons
-   */
-  --neon-height-page-container-sticky-buttons: 72rem;
-
   /* tree menu */
   /**
    * @component NeonTreeMenu
@@ -1410,4 +1417,11 @@
    * Border radius on the thumbnail placeholder in the loading state card. Set to 50% for a circular thumbnail.
    */
   --neon-border-radius-loading-state-card-thumbnail: var(--neon-border-radius-skeleton-loader);
+
+  /* Header component */
+  /**
+   * @component NeonHeader,NeonBasicLayout
+   * Font size of the header component subtitle
+   */
+  --neon-font-size-header-subtitle: var(--neon-font-size-m);
 }

package/src/sass/variables-light.scss

@@ -1337,4 +1337,19 @@
    * Background color of the sticky button container.
    */
   --neon-background-color-sticky-buttons: var(--neon-color-high-contrast-l5);
+
+  /* header */
+  /**
+   * @component NeonHeader,NeonBasicLayout
+   * Color of the header component subtitle
+   */
+  --neon-color-header-subtitle: var(--neon-color-text-secondary);
+
+
+  /* draggable-card */
+  /**
+   * @component NeonCardList,NeonDraggableCard
+   * Background color of the hover state of the draggable card
+   */
+  --neon-background-color-draggable-card-hover: var(--neon-color-brand-l5);
 }

package/dist/components/layout/page-container/NeonPageContainer.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("vue"),o=require("../../presentation/icon/NeonIcon.vue.cjs.js"),s=e.defineComponent({name:"NeonPageContainer",components:{NeonIcon:o},props:{title:{type:String},hideNav:{type:Boolean,default:!1},stickyButtons:{type:Boolean,default:!1}},setup(n){const t=e.useSlots();return{hasHeader:e.computed(()=>n.title||t.header||t.actions)}}});module.exports=s;
-//# sourceMappingURL=NeonPageContainer.cjs.js.map

package/dist/components/layout/page-container/NeonPageContainer.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeonPageContainer.cjs.js","sources":["../../../../src/components/layout/page-container/NeonPageContainer.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useSlots } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * NeonPageContainer is a component for the layout of basic (non-card based) page content. It is designed to be placed\n * directly inside the NeonPage <em>contents</em> slot.\n * <br />\n * <br />\n * Features include support for sticky button placement and hiding the nav bar.\n */\nexport default defineComponent({\n  name: 'NeonPageContainer',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /** The page title */\n    title: { type: String },\n    /** Hide the navbar */\n    hideNav: { type: Boolean, default: false },\n    /** Sticky button support on mobile */\n    stickyButtons: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const slots = useSlots();\n\n    const hasHeader = computed(() => {\n      return props.title || slots.header || slots.actions;\n    });\n\n    return {\n      hasHeader,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","props","slots","useSlots","computed"],"mappings":"6FAUAA,EAAeC,kBAAgB,CAC7B,KAAM,oBACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAEL,MAAO,CAAE,KAAM,MAAA,EAEf,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAEnC,cAAe,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAEjD,MAAMC,EAAO,CACX,MAAMC,EAAQC,EAAAA,SAAA,EAMd,MAAO,CACL,UALgBC,EAAAA,SAAS,IAClBH,EAAM,OAASC,EAAM,QAAUA,EAAM,OAC7C,CAGC,CAEJ,CACF,CAAC"}

package/dist/components/layout/page-container/NeonPageContainer.es.js

@@ -1,26 +0,0 @@
-import { defineComponent as o, useSlots as n, computed as a } from "vue";
-import s from "../../presentation/icon/NeonIcon.vue.es.js";
-const l = o({
-  name: "NeonPageContainer",
-  components: {
-    NeonIcon: s
-  },
-  props: {
-    /** The page title */
-    title: { type: String },
-    /** Hide the navbar */
-    hideNav: { type: Boolean, default: !1 },
-    /** Sticky button support on mobile */
-    stickyButtons: { type: Boolean, default: !1 }
-  },
-  setup(t) {
-    const e = n();
-    return {
-      hasHeader: a(() => t.title || e.header || e.actions)
-    };
-  }
-});
-export {
-  l as default
-};
-//# sourceMappingURL=NeonPageContainer.es.js.map

package/dist/components/layout/page-container/NeonPageContainer.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeonPageContainer.es.js","sources":["../../../../src/components/layout/page-container/NeonPageContainer.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useSlots } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * NeonPageContainer is a component for the layout of basic (non-card based) page content. It is designed to be placed\n * directly inside the NeonPage <em>contents</em> slot.\n * <br />\n * <br />\n * Features include support for sticky button placement and hiding the nav bar.\n */\nexport default defineComponent({\n  name: 'NeonPageContainer',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /** The page title */\n    title: { type: String },\n    /** Hide the navbar */\n    hideNav: { type: Boolean, default: false },\n    /** Sticky button support on mobile */\n    stickyButtons: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const slots = useSlots();\n\n    const hasHeader = computed(() => {\n      return props.title || slots.header || slots.actions;\n    });\n\n    return {\n      hasHeader,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","props","slots","useSlots","computed"],"mappings":";;AAUA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA,IAEL,OAAO,EAAE,MAAM,OAAA;AAAA;AAAA,IAEf,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA,IAEnC,eAAe,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAEjD,MAAMC,GAAO;AACX,UAAMC,IAAQC,EAAA;AAMd,WAAO;AAAA,MACL,WALgBC,EAAS,MAClBH,EAAM,SAASC,EAAM,UAAUA,EAAM,OAC7C;AAAA,IAGC;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/layout/page-container/NeonPageContainer.vue.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./NeonPageContainer.cjs.js"),e=require("vue"),o=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),r={key:0,class:"neon-page-container__header"},s={key:0,class:"neon-page-container__title"};function a(n,c,l,p,d,u){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-page-container--hide-nav":n.hideNav,"neon-page-container--with-sticky-buttons":n.stickyButtons},"neon-page-container"])},[n.hasHeader?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(n.$slots,"header",{},()=>[n.title?(e.openBlock(),e.createElementBlock("h1",s,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0)]),e.renderSlot(n.$slots,"actions")])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default")],2)}const i=o(t,[["render",a]]);module.exports=i;
-//# sourceMappingURL=NeonPageContainer.vue.cjs.js.map

package/dist/components/layout/page-container/NeonPageContainer.vue.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeonPageContainer.vue.cjs.js","sources":["../../../../src/components/layout/page-container/NeonPageContainer.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'neon-page-container--hide-nav': hideNav,\n      'neon-page-container--with-sticky-buttons': stickyButtons,\n    }\"\n    class=\"neon-page-container\"\n  >\n    <div v-if=\"hasHeader\" class=\"neon-page-container__header\">\n      <!-- @slot header - override default title for richer content -->\n      <slot name=\"header\">\n        <h1 v-if=\"title\" class=\"neon-page-container__title\">{{ title }}</h1>\n      </slot>\n      <!-- @slot header actions -->\n      <slot name=\"actions\"></slot>\n    </div>\n    <!-- @slot the page contents -->\n    <slot name=\"default\"></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPageContainer.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_hoisted_1","_renderSlot","_hoisted_2","_toDisplayString"],"mappings":"qJAQ0B,MAAM,wCAGP,MAAM,2EAV7BA,EAAAA,mBAiBM,MAAA,CAhBH,MAAKC,EAAAA,eAAA,CAAA,iCAA2CC,EAAA,mDAA2DA,EAAA,eAItG,qBAAqB,CAAA,IAEhBA,EAAA,WAAXC,EAAAA,YAAAH,EAAAA,mBAOM,MAPNI,EAOM,CALJC,EAAAA,WAEOH,qBAFP,IAEO,CADKA,EAAA,qBAAVF,EAAAA,mBAAoE,KAApEM,EAAoEC,EAAAA,gBAAbL,EAAA,KAAK,EAAA,CAAA,iCAG9DG,aAA4BH,EAAA,OAAA,SAAA,iCAG9BG,aAA4BH,EAAA,OAAA,SAAA"}

package/dist/components/layout/page-container/NeonPageContainer.vue.es.js

@@ -1,31 +0,0 @@
-import s from "./NeonPageContainer.es.js";
-import { openBlock as n, createElementBlock as o, normalizeClass as r, renderSlot as t, toDisplayString as i, createCommentVNode as a } from "vue";
-import l from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const c = {
-  key: 0,
-  class: "neon-page-container__header"
-}, d = {
-  key: 0,
-  class: "neon-page-container__title"
-};
-function p(e, m, h, f, u, _) {
-  return n(), o("div", {
-    class: r([{
-      "neon-page-container--hide-nav": e.hideNav,
-      "neon-page-container--with-sticky-buttons": e.stickyButtons
-    }, "neon-page-container"])
-  }, [
-    e.hasHeader ? (n(), o("div", c, [
-      t(e.$slots, "header", {}, () => [
-        e.title ? (n(), o("h1", d, i(e.title), 1)) : a("", !0)
-      ]),
-      t(e.$slots, "actions")
-    ])) : a("", !0),
-    t(e.$slots, "default")
-  ], 2);
-}
-const y = /* @__PURE__ */ l(s, [["render", p]]);
-export {
-  y as default
-};
-//# sourceMappingURL=NeonPageContainer.vue.es.js.map

package/dist/components/layout/page-container/NeonPageContainer.vue.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeonPageContainer.vue.es.js","sources":["../../../../src/components/layout/page-container/NeonPageContainer.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'neon-page-container--hide-nav': hideNav,\n      'neon-page-container--with-sticky-buttons': stickyButtons,\n    }\"\n    class=\"neon-page-container\"\n  >\n    <div v-if=\"hasHeader\" class=\"neon-page-container__header\">\n      <!-- @slot header - override default title for richer content -->\n      <slot name=\"header\">\n        <h1 v-if=\"title\" class=\"neon-page-container__title\">{{ title }}</h1>\n      </slot>\n      <!-- @slot header actions -->\n      <slot name=\"actions\"></slot>\n    </div>\n    <!-- @slot the page contents -->\n    <slot name=\"default\"></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPageContainer.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_hoisted_1","_renderSlot","_hoisted_2","_toDisplayString"],"mappings":";;;;;EAQ0B,OAAM;;;EAGP,OAAM;;;cAV7BA,EAiBM,OAAA;AAAA,IAhBH,OAAKC,EAAA,CAAA;AAAA,uCAA2CC,EAAA;AAAA,kDAA2DA,EAAA;AAAA,OAItG,qBAAqB,CAAA;AAAA;IAEhBA,EAAA,aAAXC,KAAAH,EAOM,OAPNI,GAOM;AAAA,MALJC,EAEOH,wBAFP,MAEO;AAAA,QADKA,EAAA,cAAVF,EAAoE,MAApEM,GAAoEC,EAAbL,EAAA,KAAK,GAAA,CAAA;;MAG9DG,EAA4BH,EAAA,QAAA,SAAA;AAAA;IAG9BG,EAA4BH,EAAA,QAAA,SAAA;AAAA;;;"}

package/dist/src/components/layout/page-container/NeonPageContainer.d.ts

@@ -1,98 +0,0 @@
-/**
- * NeonPageContainer is a component for the layout of basic (non-card based) page content. It is designed to be placed
- * directly inside the NeonPage <em>contents</em> slot.
- * <br />
- * <br />
- * Features include support for sticky button placement and hiding the nav bar.
- */
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** The page title */
-    title: {
-        type: StringConstructor;
-    };
-    /** Hide the navbar */
-    hideNav: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Sticky button support on mobile */
-    stickyButtons: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    hasHeader: import("vue").ComputedRef<string | import("vue").Slot<any> | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The page title */
-    title: {
-        type: StringConstructor;
-    };
-    /** Hide the navbar */
-    hideNav: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Sticky button support on mobile */
-    stickyButtons: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    hideNav: boolean;
-    stickyButtons: boolean;
-}, {}, {
-    NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-            required: true;
-        };
-        id: {
-            type: StringConstructor;
-            default: null;
-        };
-        color: {
-            type: () => import("../../../neon").NeonFunctionalColor;
-            default: null;
-        };
-        inverse: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        sanitizedAttributes: import("vue").ComputedRef<{
-            [x: string]: unknown;
-        }>;
-        icon: import("vue").ComputedRef<string | undefined>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-            required: true;
-        };
-        id: {
-            type: StringConstructor;
-            default: null;
-        };
-        color: {
-            type: () => import("../../../neon").NeonFunctionalColor;
-            default: null;
-        };
-        inverse: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        color: import("../../../neon").NeonFunctionalColor;
-        id: string;
-        inverse: boolean;
-        disabled: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/src/components/layout/page-container/NeonPageContainer.vue.d.ts

@@ -1,2 +0,0 @@
-export * from './NeonPageContainer.js';
-export { default } from './NeonPageContainer.js';