@code-coaching/vuetiful 0.5.1 → 0.6.0

package/dist/styles/all.css

@@ -1070,6 +1070,36 @@ progress::-webkit-progress-value {
   --tw-backdrop-sepia:  ;
 }
 
+.badge {
+  /* Core */
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.badge > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.badge {
+  white-space: nowrap;
+  align-items:center;
+  justify-content:center;
+  /* Text */
+  font-weight: 600;
+  font-size:.75rem;
+  line-height:1rem;
+  /* Padding */
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  /* Theme: Rounded */
+  border-radius:var(--theme-rounded-base);
+}
+
 /* === Variants === */
 
 /* Glass */

package/dist/types/components/atoms/VBadge.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/types/components/atoms/index.d.ts

@@ -1,2 +1,3 @@
+import VBadge from "./VBadge.vue";
 import VButton from "./VButton.vue";
-export { VButton };
+export { VButton, VBadge };

package/dist/types/components/index.d.ts

@@ -1,3 +1,3 @@
-import { VButton } from "./atoms";
+import { VBadge, VButton } from "./atoms";
 import { VDrawer, VRail, VRailTile, VShell } from "./molecules";
-export { VButton, VRail, VRailTile, VShell, VDrawer };
+export { VButton, VRail, VRailTile, VShell, VDrawer, VBadge };

package/dist/vuetiful.es.mjs

@@ -1,4 +1,18 @@
-import { defineComponent, useAttrs, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, withCtx, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, renderSlot, ref, reactive, readonly, toRefs, computed, onMounted, createVNode, Transition, provide, createElementVNode, inject, mergeProps, withDirectives, resolveComponent, renderList, pushScopeId, popScopeId } from "vue";
+import { defineComponent, useAttrs, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createBlock, resolveDynamicComponent, withCtx, Fragment, createTextVNode, toDisplayString, createCommentVNode, ref, reactive, readonly, toRefs, computed, onMounted, createVNode, Transition, provide, createElementVNode, inject, mergeProps, withDirectives, resolveComponent, renderList, pushScopeId, popScopeId } from "vue";
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "VBadge",
+  setup(__props) {
+    const attrs = useAttrs();
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`vuetiful-badge badge ${(_a = unref(attrs).class) != null ? _a : ""}`)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "VButton",
   props: {
@@ -354,7 +368,8 @@ var components = /* @__PURE__ */ Object.freeze({
   VRail: _sfc_main$5,
   VRailTile: _sfc_main$4,
   VShell: _sfc_main$3,
-  VDrawer: _sfc_main$6
+  VDrawer: _sfc_main$6,
+  VBadge: _sfc_main$8
 });
 var main = "";
 var tailwind = "";
@@ -47277,4 +47292,4 @@ function install(app) {
   }
 }
 var index = { install };
-export { _sfc_main$2 as CodeBlock, DarkModeSwitch, themeSwitcher as ThemeSwitcher, _sfc_main$7 as VButton, _sfc_main$6 as VDrawer, _sfc_main$5 as VRail, _sfc_main$4 as VRailTile, _sfc_main$3 as VShell, index as default, useDarkMode, useDrawer, useRail, useTheme, clipboard as vClipboard };
+export { _sfc_main$2 as CodeBlock, DarkModeSwitch, themeSwitcher as ThemeSwitcher, _sfc_main$8 as VBadge, _sfc_main$7 as VButton, _sfc_main$6 as VDrawer, _sfc_main$5 as VRail, _sfc_main$4 as VRailTile, _sfc_main$3 as VShell, index as default, useDarkMode, useDrawer, useRail, useTheme, clipboard as vClipboard };