@namelivia/vue-components 3.0.0 → 4.0.0

package/README.md

@@ -5,14 +5,11 @@
 To have a quick overview, run the following command to start the Storybook server:
 
 ```bash
-npm run storybook
+pnpm run storybook
 ```
 
 Then open your browser and navigate to `http://localhost:6006`.
 
 ### Colors
 
-Colors set via CSS variables. The palette has the following colors:
-
- - `--color-danger`
- - `--color-danger-hover`
+Colors set via CSS variables. The example theme can be found in `styles/index.css`.

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, toDisplayString, createStaticVNode, createElementVNode, renderSlot, normalizeClass, resolveComponent, createBlock, Transition, withCtx, createCommentVNode, Fragment, renderList, createVNode, withDirectives, vModelSelect } from 'vue';
+import { defineComponent, createElementBlock, openBlock, toDisplayString, createStaticVNode, createElementVNode, renderSlot, resolveComponent, createCommentVNode, createVNode, withCtx, normalizeClass, createBlock, Transition, Fragment, renderList, withDirectives, vModelSelect } from 'vue';
 
 var script$v = defineComponent({
   name: 'SectionTitle',
@@ -71,28 +71,6 @@ script$u.__scopeId = "data-v-7a9a3040";
 script$u.__file = "src/Loading/Loading.vue";
 
 var script$t = defineComponent({
-  name: "Card"
-});
-
-const _hoisted_1$o = { class: "card-container" };
-const _hoisted_2$e = { class: "card" };
-
-function render$t(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$o, [
-    createElementVNode("div", _hoisted_2$e, [
-      renderSlot(_ctx.$slots, "default")
-    ])
-  ]))
-}
-
-var css_248z$l = "\n.card-container[data-v-da3858b4] {\n  margin: 2rem;\n}\n.card[data-v-da3858b4] {\n  max-width: 24rem;\n  border-radius: 0.375rem;\n  overflow: hidden;\n  box-shadow: 0 4px 6px var(--color-card-shadow);\n}\n";
-styleInject(css_248z$l);
-
-script$t.render = render$t;
-script$t.__scopeId = "data-v-da3858b4";
-script$t.__file = "src/Card/Card.vue";
-
-var script$s = defineComponent({
   name: "CardImage",
   props: {
     src: String,
@@ -114,33 +92,33 @@ var script$s = defineComponent({
   },
 });
 
-const _hoisted_1$n = ["src", "alt"];
+const _hoisted_1$o = ["src", "alt"];
 
-function render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function render$t(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("img", {
     class: "w-full",
     src: _ctx.src,
     alt: _ctx.alt,
     ref: "image"
-  }, null, 8 /* PROPS */, _hoisted_1$n))
+  }, null, 8 /* PROPS */, _hoisted_1$o))
 }
 
-script$s.render = render$s;
-script$s.__file = "src/CardImage/CardImage.vue";
+script$t.render = render$t;
+script$t.__file = "src/Card/CardImage.vue";
 
-var script$r = defineComponent({
+var script$s = defineComponent({
   name: "CardBody",
   props: {
     title: String,
   },
 });
 
-const _hoisted_1$m = { class: "card-body" };
+const _hoisted_1$n = { class: "card-body" };
 const _hoisted_2$d = { class: "card-title" };
 const _hoisted_3$9 = { class: "card-text" };
 
-function render$r(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$m, [
+function render$s(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$n, [
     createElementVNode("div", _hoisted_2$d, toDisplayString(_ctx.title), 1 /* TEXT */),
     createElementVNode("p", _hoisted_3$9, [
       renderSlot(_ctx.$slots, "default")
@@ -148,12 +126,61 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-var css_248z$k = "\n.card-body[data-v-ec34b134] {\n  padding: 1.5rem 1.5rem;\n}\n.card-title[data-v-ec34b134] {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin-bottom: 0.5rem;\n}\n.card-text[data-v-ec34b134] {\n  color: var(--color-card-text);\n  font-size: 1rem;\n}\n";
+var css_248z$l = "\n.card-body[data-v-c140cd30] {\n  padding: 1.5rem 1.5rem;\n}\n.card-title[data-v-c140cd30] {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin-bottom: 0.5rem;\n}\n.card-text[data-v-c140cd30] {\n  color: var(--color-card-text);\n  font-size: 1rem;\n}\n";
+styleInject(css_248z$l);
+
+script$s.render = render$s;
+script$s.__scopeId = "data-v-c140cd30";
+script$s.__file = "src/Card/CardBody.vue";
+
+var script$r = defineComponent({
+  name: "Card",
+  props: {
+    image: String,
+    title: String,
+    dismissed: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  components: {
+    CardImage: script$t,
+    CardBody: script$s,
+  },
+});
+
+const _hoisted_1$m = {
+  key: 0,
+  class: "card-container"
+};
+
+function render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_card_image = resolveComponent("card-image");
+  const _component_card_body = resolveComponent("card-body");
+
+  return (!_ctx.dismissed)
+    ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+        _cache[0] || (_cache[0] = createElementVNode("div", { class: "card" }, null, -1 /* HOISTED */)),
+        createVNode(_component_card_image, {
+          src: _ctx.image,
+          alt: _ctx.title
+        }, null, 8 /* PROPS */, ["src", "alt"]),
+        createVNode(_component_card_body, { title: _ctx.title }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3 /* FORWARDED */
+        }, 8 /* PROPS */, ["title"])
+      ]))
+    : createCommentVNode("v-if", true)
+}
+
+var css_248z$k = "\n.card-container[data-v-da3858b4] {\n  margin: 2rem;\n}\n.card[data-v-da3858b4] {\n  max-width: 24rem;\n  border-radius: 0.375rem;\n  overflow: hidden;\n  box-shadow: 0 4px 6px var(--color-card-shadow);\n}\n";
 styleInject(css_248z$k);
 
 script$r.render = render$r;
-script$r.__scopeId = "data-v-ec34b134";
-script$r.__file = "src/CardBody/CardBody.vue";
+script$r.__scopeId = "data-v-da3858b4";
+script$r.__file = "src/Card/Card.vue";
 
 var script$q = defineComponent({
   name: "CardGrid"
@@ -4916,5 +4943,5 @@ script.render = render;
 script.__scopeId = "data-v-008e1be2";
 script.__file = "src/Inputs/Selector/Selector.vue";
 
-export { script$d as Badge, script$t as Card, script$r as CardBody, script$q as CardGrid, script$s as CardImage, script$4 as CheckBoxInput, script$p as Container, script$6 as DangerButton, script$2 as ImageInput, script$u as Loading, script$c as Modal, script$h as Navbar, script$3 as NumberInput, script$e as Pagination, script$a as RangeView, script$f as RegularButton, script$9 as ResetButton, script$1 as ResizeImageUpload, script$7 as SecondaryButton, script$v as SectionTitle, script as Selector, script$b as Spinner, script$g as StyledTable, script$8 as SubmitButton, script$5 as TextInput };
+export { script$d as Badge, script$r as Card, script$q as CardGrid, script$4 as CheckBoxInput, script$p as Container, script$6 as DangerButton, script$2 as ImageInput, script$u as Loading, script$c as Modal, script$h as Navbar, script$3 as NumberInput, script$e as Pagination, script$a as RangeView, script$f as RegularButton, script$9 as ResetButton, script$1 as ResizeImageUpload, script$7 as SecondaryButton, script$v as SectionTitle, script as Selector, script$b as Spinner, script$g as StyledTable, script$8 as SubmitButton, script$5 as TextInput };
 //# sourceMappingURL=index.esm.js.map