@aotearoan/neon 25.0.2 → 25.2.0

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

@@ -18,15 +18,6 @@
       color: var(--neon-color-low-contrast);
     }
 
-    .neon-card-list__cards {
-      gap: var(--neon-space-1);
-
-      .neon-link {
-        width: 100%;
-        min-width: 100%;
-      }
-    }
-
     &__header {
       align-items: center;
       margin-bottom: var(--neon-space-16);
@@ -43,42 +34,32 @@
     }
 
     &__card {
-      color: var(--neon-color-text-secondary);
-      --neon-border-radius-card: var(--neon-border-radius-card-list);
+      padding-top: var(--neon-space-32);
+      padding-bottom: var(--neon-space-16);
       user-select: none;
-      box-shadow: var(--neon-box-shadow-card-list);
-      transition: all var(--neon-animation-speed-fast) ease-in-out;
-      outline: none;
       width: 100%;
+      border: none;
+      border-bottom: var(--neon-border);
 
-      & > .neon-card-header,
-      & > .neon-card-body,
-      & > .neon-card-footer {
-        background-color: var(--neon-background-color-card-list);
+      &--disabled {
+        cursor: not-allowed;
       }
+    }
 
+    .neon-card-list__link {
+      width: 100%;
+      min-width: 100%;
       @each $color in palettes.$neon-functional-colors {
         &--#{$color} {
-          &:not(.neon-card-list__card--disabled) {
-            &:hover > .neon-card-header,
-            &:hover > .neon-card-body,
-            &:hover > .neon-card-footer {
+          .neon-card-list__card:not(.neon-card-list__card--disabled) {
+            &:hover,
+            &:hover,
+            &:hover {
               background-color: rgba(var(--neon-rgb-#{$color}), 0.03125);
             }
           }
         }
       }
-
-      &--clickable {
-        cursor: pointer;
-      }
-
-      &--disabled {
-        cursor: not-allowed;
-        background-color: var(--neon-color-disabled-background);
-        color: var(--neon-color-disabled-text);
-        border-color: var(--neon-color-disabled-border);
-      }
     }
   }
 }

package/src/sass/components/_footer.scss

@@ -57,6 +57,11 @@
         width: calc(100vw - var(--neon-side-nav-width));
         border-top: var(--neon-border-color) var(--neon-border-style) var(--neon-border-width-footer);
         background-color: var(--neon-background-color-footer);
+
+        @include responsive.responsive(tablet) {
+          margin: 0 calc(-1 * var(--neon-gutter));
+          width: calc(100% + 2 * var(--neon-gutter));
+        }
       }
     }
   }

package/src/sass/components/_labelled-content.scss

@@ -0,0 +1,25 @@
+@mixin labelled-content {
+  .neon-labelled-content {
+    display: flex;
+    flex-direction: column;
+    align-self: flex-start;
+    justify-content: flex-start;
+    width: 100%;
+    margin-bottom: var(--neon-space-4);
+    font-weight: var(--neon-font-weight-semi-bold);
+    --neon-color-link: var(--neon-color-text-secondary);
+    --neon-color-link-hover: var(--neon-color-text-secondary);
+    --neon-color-link-visited: var(--neon-color-text-secondary);
+
+    &__label {
+      color: var(--neon-color-text-tertiary);
+      font-size: var(--neon-font-size-s);
+      font-weight: var(--neon-font-weight-normal);
+      margin: var(--neon-space-8) 0;
+
+      &--important {
+        color: var(--neon-color-text-primary);
+      }
+    }
+  }
+}

package/src/sass/components/_page-header.scss

@@ -0,0 +1,36 @@
+@use 'src/sass/includes/responsive';
+
+@mixin page-header {
+  .neon-page-header {
+    &__content {
+      flex-direction: row;
+      justify-content: space-between;
+      margin: var(--neon-space-32) 0;
+    }
+
+    &__actions {
+      flex-direction: row;
+      gap: var(--neon-space-8);
+      align-items: flex-start;
+
+      @include responsive.responsive(mobile-large) {
+        display: none;
+      }
+    }
+
+    &__title {
+      margin-bottom: var(--neon-space-12);
+    }
+
+    &__subtitle {
+      font-size: var(--neon-font-size-xs);
+      color: var(--neon-color-text-tertiary);
+
+      @include responsive.responsive(tablet) {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--neon-space-4);
+      }
+    }
+  }
+}

package/src/sass/components/_page-section.scss

@@ -0,0 +1,13 @@
+@mixin page-section {
+  .neon-page-section {
+    width: 100%;
+
+    &__title {
+      padding: var(--neon-space-24) 0;
+    }
+
+    hr {
+      margin: var(--neon-space-24) 0;
+    }
+  }
+}

package/src/sass/components/_pagination.scss

@@ -0,0 +1,102 @@
+@use '../includes/palettes';
+@use 'src/sass/includes/responsive';
+
+@mixin pagination {
+  .neon-pagination {
+    user-select: none;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: var(--neon-space-8);
+    width: 100%;
+    margin: var(--neon-space-16) 0;
+
+    &__page-links {
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+      gap: var(--neon-space-1);
+    }
+
+    &__link,
+    &__link--selected {
+      padding: 0 var(--neon-space-2);
+      min-width: var(--neon-size-m);
+    }
+
+    &__link--selected {
+      height: var(--neon-size-m);
+      justify-content: center;
+      align-items: center;
+      display: flex;
+      font-size: var(--neon-font-size-s);
+      font-weight: var(--neon-font-weight-bold);
+      line-height: var(--neon-line-height-one);
+      border: var(--neon-border);
+      border-radius: var(--neon-border-radius-button);
+    }
+
+    &__less,
+    &__more {
+      width: var(--neon-size-m);
+      height: var(--neon-size-m);
+      padding: var(--neon-space-10) var(--neon-space-4) var(--neon-space-4);
+    }
+
+    &--empty {
+      display: none;
+    }
+
+    @each $color in palettes.$neon-functional-colors {
+      &.neon-pagination--#{$color} {
+        .neon-pagination__link--selected {
+          border-color: var(--neon-color-#{$color});
+          color: var(--neon-color-#{$color});
+        }
+
+        .neon-pagination__nav-link {
+          &:active:not(:disabled),
+          &:hover:not(:disabled) {
+            border-color: var(--neon-color-#{$color});
+            background-color: var(--neon-color-#{$color});
+          }
+        }
+      }
+    }
+
+    @include responsive.responsive(mobile-large) {
+      .neon-pagination__first,
+      .neon-pagination__last {
+        display: none;
+      }
+
+      .neon-pagination {
+        &__nav-link,
+        &__link {
+          min-width: var(--neon-size-s);
+          width: var(--neon-size-s);
+          min-height: var(--neon-size-s);
+          height: var(--neon-size-s);
+          font-size: var(--neon-font-size-xs);
+        }
+
+        &__nav-link {
+          padding: var(--neon-space-8);
+        }
+
+        &__link--selected {
+          min-width: var(--neon-size-s);
+          height: var(--neon-size-s);
+          font-size: var(--neon-font-size-xs);
+        }
+
+        &__less,
+        &__more {
+          width: var(--neon-size-s);
+          height: var(--neon-size-s);
+          padding: var(--neon-space-10) var(--neon-space-2) var(--neon-space-2);
+        }
+      }
+    }
+  }
+}

package/src/sass/components/_skeleton-loader.scss

@@ -8,13 +8,15 @@
   .neon-skeleton-loader {
     display: flex;
     flex-direction: column;
-    flex: 1 1 auto;
+    flex: 0 1 auto;
+    width: fit-content;
     gap: var(--neon-gap-skeleton-loader);
 
     &__item {
       display: flex;
       flex: 1 1 auto;
       width: var(--neon-width-skeleton-loader);
+      max-width: var(--neon-width-skeleton-loader);
       min-height: var(--neon-height-skeleton-loader);
       border-radius: var(--neon-border-radius-skeleton-loader);
       position: relative;

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

@@ -0,0 +1,43 @@
+@use 'src/sass/includes/responsive';
+
+@mixin sticky-buttons {
+  .neon-sticky-buttons {
+    width: 100%;
+
+    &__container {
+      flex-direction: row;
+      gap: var(--neon-space-16);
+    }
+
+    @include responsive.responsive(mobile-large) {
+      min-height: var(--neon-min-height-sticky-buttons);
+
+      .neon-sticky-buttons__container {
+        background-color: var(--neon-background-color-sticky-buttons);
+        position: fixed;
+        width: 100%;
+        bottom: 0;
+        left: 0;
+        padding: var(--neon-space-16);
+        flex-direction: column-reverse;
+        gap: var(--neon-space-8);
+        z-index: var(--neon-z-index-below-top);
+
+        &:before {
+          content: '';
+          position: absolute;
+          top: calc(-1 * var(--neon-space-16));
+          background: linear-gradient(to bottom, transparent, var(--neon-background-color));
+          width: 100%;
+          height: var(--neon-space-16);
+          touch-action: none;
+          pointer-events: none;
+        }
+
+        .neon-button {
+          width: 100%;
+        }
+      }
+    }
+  }
+}

package/src/sass/components/components.scss

@@ -58,3 +58,8 @@
 @forward './mobile-menu';
 @forward './page-container';
 @forward './banner';
+@forward './pagination';
+@forward './labelled-content';
+@forward './page-section';
+@forward './page-header';
+@forward './sticky-buttons';

package/src/sass/includes/_dependencies.scss

@@ -126,6 +126,11 @@
           NeonMobileMenu: [NeonIcon, NeonLink],
           NeonPageContainer: [NeonIcon],
           NeonBanner: [NeonButton, NeonNote, NeonIcon, NeonLink, NeonExpansionIndicator],
+          NeonPagination: [NeonButton, NeonLink, NeonIcon],
+          NeonLabelledContent: [],
+          NeonPageSection: [],
+          NeonPageHeader: [NeonNote, NeonInline, NeonButton, NeonIcon, NeonExpansionIndicator, NeonLink],
+          NeonStickyButtons: [],
   );
 
   $neon-flattened-components: [];

package/src/sass/theme.scss

@@ -280,4 +280,24 @@ $neon-components: null !default;
   @if index($neon-flattened-components, NeonBanner) {
     @include components.banner;
   }
+
+  @if index($neon-flattened-components, NeonPagination) {
+    @include components.pagination;
+  }
+
+  @if index($neon-flattened-components, NeonLabelledContent) {
+    @include components.labelled-content;
+  }
+
+  @if index($neon-flattened-components, NeonPageSection) {
+    @include components.page-section;
+  }
+
+  @if index($neon-flattened-components, NeonPageHeader) {
+    @include components.page-header;
+  }
+
+  @if index($neon-flattened-components, NeonStickyButtons) {
+    @include components.sticky-buttons;
+  }
 }

package/src/sass/variables.scss

@@ -458,9 +458,6 @@
   /* selectable card */
   --neon-border-radius-selectable-card: calc(1.5 * var(--neon-base-space));
 
-  /* card list */
-  --neon-border-radius-card-list: calc(1.5 * var(--neon-base-space));
-
   /* image carousel */
   --neon-blur-radius-image-carousel: 5px;
 
@@ -477,6 +474,9 @@
   --neon-font-weight-tree-menu-selected: var(--neon-font-weight-bold);
   --neon-padding-left-tree-menu-items: 0;
 
+  /* sticky buttons */
+  --neon-min-height-sticky-buttons: 72rem;
+
   /**********************
   * DARK THEME VARIABLES
   **********************/
@@ -815,10 +815,6 @@
     --neon-background-color-selectable-card: rgba(var(--neon-rgb-neutral-d5), 0.5);
     --neon-box-shadow-selectable-card: 0 -2rem 4rem 0 rgba(var(--neon-rgb-neutral-d5), 0.2), 0 2rem 4rem 0 rgba(var(--neon-rgb-neutral-d5), 0.3);
 
-    /* card list */
-    --neon-background-color-card-list: rgba(var(--neon-rgb-neutral-d5), 0.5);
-    --neon-box-shadow-card-list: 0 -2rem 4rem 0 rgba(var(--neon-rgb-neutral-d5), 0.2), 0 2rem 4rem 0 rgba(var(--neon-rgb-neutral-d5), 0.3);
-
     /* swiper */
     --neon-background-color-swiper: var(--neon-background-color-card);
 
@@ -835,6 +831,9 @@
     --neon-color-tree-menu-section: var(--neon-color-text-primary);
     --neon-color-tree-menu-item: var(--neon-color-text-secondary);
     --neon-color-tree-menu-sub-menu-item: var(--neon-color-text-secondary);
+
+    /* sticky buttons */
+    --neon-background-color-sticky-buttons: var(--neon-color-high-contrast-d5);
   }
 
   /*********************
@@ -1179,10 +1178,6 @@
     --neon-background-color-selectable-card: rgba(var(--neon-rgb-high-contrast-l4), 0.5);
     --neon-box-shadow-selectable-card: 0 -2rem 4rem 0 rgba(var(--neon-rgb-neutral-l3), 0.1), 0 2rem 4rem 0 rgba(var(--neon-rgb-neutral-l3), 0.15);
 
-    /* card list */
-    --neon-background-color-card-list: rgba(var(--neon-rgb-high-contrast-l4), 0.5);
-    --neon-box-shadow-card-list: 0 -2rem 4rem 0 rgba(var(--neon-rgb-neutral-l3), 0.1), 0 2rem 4rem 0 rgba(var(--neon-rgb-neutral-l3), 0.15);
-
     /* swiper */
     --neon-background-color-swiper: var(--neon-background-color-card);
 
@@ -1199,5 +1194,8 @@
     --neon-color-tree-menu-section: var(--neon-color-text-primary);
     --neon-color-tree-menu-item: var(--neon-color-text-primary);
     --neon-color-tree-menu-sub-menu-item: var(--neon-color-text-primary);
+
+    /* sticky buttons */
+    --neon-background-color-sticky-buttons: var(--neon-color-high-contrast-l5);
   }
 }

package/dist/components/layout/card-list/card/NeonCardListCard.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("vue"),n=require("../../card/NeonCard.vue.cjs.js"),t=require("../../card/body/NeonCardBody.vue.cjs.js"),r=require("../../../../common/enums/NeonFunctionalColor.cjs.js"),l=o.defineComponent({name:"NeonCardListCard",components:{NeonCard:n,NeonCardBody:t},emits:["click"],props:{color:{type:String,default:null},disabled:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1}},setup(a,{emit:e}){return{emit:e,NeonFunctionalColor:r.NeonFunctionalColor}}});module.exports=l;
-//# sourceMappingURL=NeonCardListCard.cjs.js.map

package/dist/components/layout/card-list/card/NeonCardListCard.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeonCardListCard.cjs.js","sources":["../../../../../src/components/layout/card-list/card/NeonCardListCard.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardBody from '@/components/layout/card/body/NeonCardBody.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * Represents a card in a card list.\n */\nexport default defineComponent({\n  name: 'NeonCardListCard',\n  components: {\n    NeonCard,\n    NeonCardBody,\n  },\n  emits: [\n    /**\n     * Emitted when a card is clickable & the card is clicked & not disabled.\n     * @type {void}\n     */\n    'click',\n  ],\n  props: {\n    /**\n     * Specify a hover color for the card.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Render card as disabled.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Specify card is clickable. This will return click events when the card is clicked on. NOTE: use the href in the\n     * card model instead of clickable=true if card is a link.\n     */\n    clickable: { type: Boolean, default: false },\n  },\n  setup(_props, { emit }) {\n    return {\n      emit,\n      NeonFunctionalColor,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonCard","NeonCardBody","_props","emit","NeonFunctionalColor"],"mappings":"sMAQAA,EAAeC,kBAAgB,CAC7B,KAAM,mBACN,WAAY,CACV,SAAAC,EACA,aAAAC,CAAA,EAEF,MAAO,CAKL,OAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAA,EAI7D,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAKpC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE7C,MAAMC,EAAQ,CAAE,KAAAC,GAAQ,CACtB,MAAO,CACL,KAAAA,EAAA,oBACAC,EAAAA,mBAAA,CAEJ,CACF,CAAC"}

package/dist/components/layout/card-list/card/NeonCardListCard.es.js

@@ -1,43 +0,0 @@
-import { defineComponent as e } from "vue";
-import t from "../../card/NeonCard.vue.es.js";
-import r from "../../card/body/NeonCardBody.vue.es.js";
-import { NeonFunctionalColor as n } from "../../../../common/enums/NeonFunctionalColor.es.js";
-const d = e({
-  name: "NeonCardListCard",
-  components: {
-    NeonCard: t,
-    NeonCardBody: r
-  },
-  emits: [
-    /**
-     * Emitted when a card is clickable & the card is clicked & not disabled.
-     * @type {void}
-     */
-    "click"
-  ],
-  props: {
-    /**
-     * Specify a hover color for the card.
-     */
-    color: { type: String, default: null },
-    /**
-     * Render card as disabled.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Specify card is clickable. This will return click events when the card is clicked on. NOTE: use the href in the
-     * card model instead of clickable=true if card is a link.
-     */
-    clickable: { type: Boolean, default: !1 }
-  },
-  setup(a, { emit: o }) {
-    return {
-      emit: o,
-      NeonFunctionalColor: n
-    };
-  }
-});
-export {
-  d as default
-};
-//# sourceMappingURL=NeonCardListCard.es.js.map

package/dist/components/layout/card-list/card/NeonCardListCard.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeonCardListCard.es.js","sources":["../../../../../src/components/layout/card-list/card/NeonCardListCard.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardBody from '@/components/layout/card/body/NeonCardBody.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * Represents a card in a card list.\n */\nexport default defineComponent({\n  name: 'NeonCardListCard',\n  components: {\n    NeonCard,\n    NeonCardBody,\n  },\n  emits: [\n    /**\n     * Emitted when a card is clickable & the card is clicked & not disabled.\n     * @type {void}\n     */\n    'click',\n  ],\n  props: {\n    /**\n     * Specify a hover color for the card.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Render card as disabled.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Specify card is clickable. This will return click events when the card is clicked on. NOTE: use the href in the\n     * card model instead of clickable=true if card is a link.\n     */\n    clickable: { type: Boolean, default: false },\n  },\n  setup(_props, { emit }) {\n    return {\n      emit,\n      NeonFunctionalColor,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonCard","NeonCardBody","_props","emit","NeonFunctionalColor"],"mappings":";;;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,cAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKpC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE7C,MAAMC,GAAQ,EAAE,MAAAC,KAAQ;AACtB,WAAO;AAAA,MACL,MAAAA;AAAA,MACA,qBAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/layout/card-list/card/NeonCardListCard.vue.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const l=require("./NeonCardListCard.cjs.js"),e=require("vue"),t=require("../../../../_virtual/_plugin-vue_export-helper.cjs.js");function a(n,o,d,i,_,u){const r=e.resolveComponent("neon-card-body"),s=e.resolveComponent("neon-card");return e.openBlock(),e.createBlock(s,{class:e.normalizeClass([[n.color&&`neon-card-list__card--${n.color}`,{"neon-card-list__card--clickable":n.clickable,"neon-card-list__card--disabled":n.disabled}],"neon-card-list__card"]),size:"s",onClick:o[0]||(o[0]=p=>n.clickable&&!n.disabled&&n.emit("click"))},{default:e.withCtx(()=>[e.createVNode(r,null,{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3})]),_:3},8,["class"])}const c=t(l,[["render",a]]);module.exports=c;
-//# sourceMappingURL=NeonCardListCard.vue.cjs.js.map

package/dist/components/layout/card-list/card/NeonCardListCard.vue.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeonCardListCard.vue.cjs.js","sources":["../../../../../src/components/layout/card-list/card/NeonCardListCard.vue"],"sourcesContent":["<template>\n  <neon-card\n    :class=\"[\n      color && `neon-card-list__card--${color}`,\n      {\n        'neon-card-list__card--clickable': clickable,\n        'neon-card-list__card--disabled': disabled,\n      },\n    ]\"\n    class=\"neon-card-list__card\"\n    size=\"s\"\n    @click=\"clickable && !disabled && emit('click')\"\n  >\n    <neon-card-body>\n      <!-- @slot slot for rendering card contents -->\n      <slot></slot>\n    </neon-card-body>\n  </neon-card>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardListCard.ts\"></script>\n"],"names":["_createBlock","_component_neon_card","_normalizeClass","_ctx","_cache","$event","_createVNode","_component_neon_card_body","_renderSlot"],"mappings":"0QACEA,EAAAA,YAgBYC,EAAA,CAfT,MAAKC,EAAAA,eAAA,CAAA,CAAUC,EAAA,gCAAkCA,EAAA,KAAK,sCAAuDA,EAAA,2CAAqDA,EAAA,WAO7J,sBAAsB,CAAA,EAC5B,KAAK,IACJ,QAAKC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEF,EAAA,WAAS,CAAKA,EAAA,UAAYA,EAAA,KAAI,OAAA,uBAEtC,IAGiB,CAHjBG,EAAAA,YAGiBC,EAAA,KAAA,mBADf,IAAa,CAAbC,aAAaL,EAAA,OAAA,SAAA"}

package/dist/components/layout/card-list/card/NeonCardListCard.vue.es.js

@@ -1,32 +0,0 @@
-import d from "./NeonCardListCard.es.js";
-import { resolveComponent as n, openBlock as c, createBlock as s, normalizeClass as t, withCtx as r, createVNode as i, renderSlot as _ } from "vue";
-import p from "../../../../_virtual/_plugin-vue_export-helper.es.js";
-function m(o, e, f, b, u, k) {
-  const a = n("neon-card-body"), l = n("neon-card");
-  return c(), s(l, {
-    class: t([[
-      o.color && `neon-card-list__card--${o.color}`,
-      {
-        "neon-card-list__card--clickable": o.clickable,
-        "neon-card-list__card--disabled": o.disabled
-      }
-    ], "neon-card-list__card"]),
-    size: "s",
-    onClick: e[0] || (e[0] = ($) => o.clickable && !o.disabled && o.emit("click"))
-  }, {
-    default: r(() => [
-      i(a, null, {
-        default: r(() => [
-          _(o.$slots, "default")
-        ]),
-        _: 3
-      })
-    ]),
-    _: 3
-  }, 8, ["class"]);
-}
-const z = /* @__PURE__ */ p(d, [["render", m]]);
-export {
-  z as default
-};
-//# sourceMappingURL=NeonCardListCard.vue.es.js.map

package/dist/components/layout/card-list/card/NeonCardListCard.vue.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeonCardListCard.vue.es.js","sources":["../../../../../src/components/layout/card-list/card/NeonCardListCard.vue"],"sourcesContent":["<template>\n  <neon-card\n    :class=\"[\n      color && `neon-card-list__card--${color}`,\n      {\n        'neon-card-list__card--clickable': clickable,\n        'neon-card-list__card--disabled': disabled,\n      },\n    ]\"\n    class=\"neon-card-list__card\"\n    size=\"s\"\n    @click=\"clickable && !disabled && emit('click')\"\n  >\n    <neon-card-body>\n      <!-- @slot slot for rendering card contents -->\n      <slot></slot>\n    </neon-card-body>\n  </neon-card>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardListCard.ts\"></script>\n"],"names":["_createBlock","_component_neon_card","_normalizeClass","_ctx","_cache","$event","_createVNode","_component_neon_card_body","_renderSlot"],"mappings":";;;;;cACEA,EAgBYC,GAAA;AAAA,IAfT,OAAKC,EAAA,CAAA;AAAA,MAAUC,EAAA,kCAAkCA,EAAA,KAAK;AAAA;2CAAuDA,EAAA;AAAA,0CAAqDA,EAAA;AAAA;OAO7J,sBAAsB,CAAA;AAAA,IAC5B,MAAK;AAAA,IACJ,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEF,EAAA,aAAS,CAAKA,EAAA,YAAYA,EAAA,KAAI,OAAA;AAAA;eAEtC,MAGiB;AAAA,MAHjBG,EAGiBC,GAAA,MAAA;AAAA,mBADf,MAAa;AAAA,UAAbC,EAAaL,EAAA,QAAA,SAAA;AAAA;;;;;;;;"}

package/dist/src/components/layout/card-list/card/NeonCardListCard.d.ts

@@ -1,129 +0,0 @@
-import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
-/**
- * Represents a card in a card list.
- */
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /**
-     * Specify a hover color for the card.
-     */
-    color: {
-        type: () => NeonFunctionalColor;
-        default: null;
-    };
-    /**
-     * Render card as disabled.
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Specify card is clickable. This will return click events when the card is clicked on. NOTE: use the href in the
-     * card model instead of clickable=true if card is a link.
-     */
-    clickable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    emit: (event: "click", ...args: any[]) => void;
-    NeonFunctionalColor: typeof NeonFunctionalColor;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Specify a hover color for the card.
-     */
-    color: {
-        type: () => NeonFunctionalColor;
-        default: null;
-    };
-    /**
-     * Render card as disabled.
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Specify card is clickable. This will return click events when the card is clicked on. NOTE: use the href in the
-     * card model instead of clickable=true if card is a link.
-     */
-    clickable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {
-    color: NeonFunctionalColor;
-    disabled: boolean;
-    clickable: boolean;
-}, {}, {
-    NeonCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        orientation: {
-            type: () => import("../../../../neon").NeonOrientation;
-            default: import("../../../../neon").NeonOrientation;
-        };
-        size: {
-            type: () => import("../../../../neon").NeonSize;
-            default: import("../../../../neon").NeonSize;
-        };
-        horizontalBorders: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        horizontalBreakpoint: {
-            type: () => import("../../../../neon").NeonResponsive;
-            default: import("../../../../neon").NeonResponsive;
-        };
-        noBreak: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        attrs: {
-            [x: string]: unknown;
-        };
-        NeonOrientation: typeof import("../../../../neon").NeonOrientation;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        orientation: {
-            type: () => import("../../../../neon").NeonOrientation;
-            default: import("../../../../neon").NeonOrientation;
-        };
-        size: {
-            type: () => import("../../../../neon").NeonSize;
-            default: import("../../../../neon").NeonSize;
-        };
-        horizontalBorders: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        horizontalBreakpoint: {
-            type: () => import("../../../../neon").NeonResponsive;
-            default: import("../../../../neon").NeonResponsive;
-        };
-        noBreak: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        size: import("../../../../neon").NeonSize;
-        orientation: import("../../../../neon").NeonOrientation;
-        horizontalBorders: boolean;
-        horizontalBreakpoint: import("../../../../neon").NeonResponsive;
-        noBreak: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    NeonCardBody: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        fullWidth: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        fullWidth: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        fullWidth: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;