@digitalwalletcorp/vue-core 0.1.0 → 0.1.1

package/lib/{components-eEXuNeht.js → components-BTso5UCT.js}

@@ -1,5 +1,5 @@
-import { _ as o } from "./label-button.vue_vue_type_script_setup_true_lang-DsN7-lkK.js";
-import { _ as e } from "./label-icon.vue_vue_type_style_index_0_lang-CD5U0MIO.js";
+import { _ as o } from "./label-button.vue_vue_type_script_setup_true_lang-BQ7Yp-ge.js";
+import { _ as e } from "./label-icon.vue_vue_type_style_index_0_lang-B3Qc4kMj.js";
 const r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LabelButton: o,

package/lib/{components-1J1mbyrx.cjs → components-D8RaavU9.cjs}

@@ -1 +1 @@
-"use strict";const e=require("./label-button.vue_vue_type_script_setup_true_lang-BNMpM0Tg.cjs"),t=require("./label-icon.vue_vue_type_style_index_0_lang-Df1Vmx77.cjs"),_=Object.freeze(Object.defineProperty({__proto__:null,LabelButton:e._sfc_main,LabelIcon:t._sfc_main},Symbol.toStringTag,{value:"Module"}));exports.components=_;
+"use strict";const e=require("./label-button.vue_vue_type_script_setup_true_lang-CGLBJ0Vc.cjs"),t=require("./label-icon.vue_vue_type_style_index_0_lang-CbCZDSk8.cjs"),_=Object.freeze(Object.defineProperty({__proto__:null,LabelButton:e._sfc_main,LabelIcon:t._sfc_main},Symbol.toStringTag,{value:"Module"}));exports.components=_;

package/lib/global.d.ts

@@ -1,4 +1,4 @@
-type VueCoreComponents = typeof import('../components');
+type VueCoreComponents = typeof import('./components');
 
 declare module 'vue' {
   interface GlobalComponents extends VueCoreComponents {}

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./label-button.vue_vue_type_script_setup_true_lang-BNMpM0Tg.cjs"),t=require("./label-icon.vue_vue_type_style_index_0_lang-Df1Vmx77.cjs");exports.LabelButton=e._sfc_main;exports.LabelIcon=t._sfc_main;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./label-button.vue_vue_type_script_setup_true_lang-CGLBJ0Vc.cjs"),t=require("./label-icon.vue_vue_type_style_index_0_lang-CbCZDSk8.cjs");exports.LabelButton=e._sfc_main;exports.LabelIcon=t._sfc_main;

package/lib/index.js

@@ -1,5 +1,5 @@
-import { _ as e } from "./label-button.vue_vue_type_script_setup_true_lang-DsN7-lkK.js";
-import { _ as t } from "./label-icon.vue_vue_type_style_index_0_lang-CD5U0MIO.js";
+import { _ as e } from "./label-button.vue_vue_type_script_setup_true_lang-BQ7Yp-ge.js";
+import { _ as t } from "./label-icon.vue_vue_type_style_index_0_lang-B3Qc4kMj.js";
 export {
   e as LabelButton,
   t as LabelIcon

package/lib/label-button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./label-button.vue_vue_type_script_setup_true_lang-BNMpM0Tg.cjs");exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./label-button.vue_vue_type_script_setup_true_lang-CGLBJ0Vc.cjs");exports.default=e._sfc_main;

package/lib/label-button.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./label-button.vue_vue_type_script_setup_true_lang-DsN7-lkK.js";
+import { _ as f } from "./label-button.vue_vue_type_script_setup_true_lang-BQ7Yp-ge.js";
 export {
   f as default
 };

package/lib/{label-button.vue_vue_type_script_setup_true_lang-DsN7-lkK.js → label-button.vue_vue_type_script_setup_true_lang-BQ7Yp-ge.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, useSlots as r, openBlock as c, createElementBlock as i, createVNode as p, createSlots as y, withCtx as n, renderSlot as o } from "vue";
-import { _ as u } from "./label-icon.vue_vue_type_style_index_0_lang-CD5U0MIO.js";
+import { _ as u } from "./label-icon.vue_vue_type_style_index_0_lang-B3Qc4kMj.js";
 const f = /* @__PURE__ */ s({
   __name: "label-button",
   props: {

package/lib/{label-button.vue_vue_type_script_setup_true_lang-BNMpM0Tg.cjs → label-button.vue_vue_type_script_setup_true_lang-CGLBJ0Vc.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./label-icon.vue_vue_type_style_index_0_lang-Df1Vmx77.cjs"),o=e.defineComponent({__name:"label-button",props:{preset:{},gap:{},iconClass:{type:[Boolean,null,String,Object,Array]},iconStyle:{type:[Boolean,null,String,Object,Array]},labelClass:{type:[Boolean,null,String,Object,Array]},labelStyle:{type:[Boolean,null,String,Object,Array]}},setup(s){const l=s,t=e.useSlots();return(n,c)=>(e.openBlock(),e.createElementBlock("button",null,[e.createVNode(a._sfc_main,{preset:l.preset,gap:l.gap,"icon-class":l.iconClass,"icon-style":l.iconStyle,"label-class":l.labelClass,"label-style":l.labelStyle},e.createSlots({_:2},[t.icon!=null?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"icon")]),key:"0"}:void 0,t.default!=null?{name:"default",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),key:"1"}:void 0]),1032,["preset","gap","icon-class","icon-style","label-class","label-style"])]))}});exports._sfc_main=o;
+"use strict";const e=require("vue"),a=require("./label-icon.vue_vue_type_style_index_0_lang-CbCZDSk8.cjs"),o=e.defineComponent({__name:"label-button",props:{preset:{},gap:{},iconClass:{type:[Boolean,null,String,Object,Array]},iconStyle:{type:[Boolean,null,String,Object,Array]},labelClass:{type:[Boolean,null,String,Object,Array]},labelStyle:{type:[Boolean,null,String,Object,Array]}},setup(s){const l=s,t=e.useSlots();return(n,c)=>(e.openBlock(),e.createElementBlock("button",null,[e.createVNode(a._sfc_main,{preset:l.preset,gap:l.gap,"icon-class":l.iconClass,"icon-style":l.iconStyle,"label-class":l.labelClass,"label-style":l.labelStyle},e.createSlots({_:2},[t.icon!=null?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"icon")]),key:"0"}:void 0,t.default!=null?{name:"default",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),key:"1"}:void 0]),1032,["preset","gap","icon-class","icon-style","label-class","label-style"])]))}});exports._sfc_main=o;

package/lib/label-icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./label-icon.vue_vue_type_style_index_0_lang-Df1Vmx77.cjs");exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./label-icon.vue_vue_type_style_index_0_lang-CbCZDSk8.cjs");exports.default=e._sfc_main;

package/lib/label-icon.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./label-icon.vue_vue_type_style_index_0_lang-CD5U0MIO.js";
+import { _ as f } from "./label-icon.vue_vue_type_style_index_0_lang-B3Qc4kMj.js";
 export {
   f as default
 };

package/lib/{label-icon.vue_vue_type_style_index_0_lang-CD5U0MIO.js → label-icon.vue_vue_type_style_index_0_lang-B3Qc4kMj.js}

@@ -23,7 +23,7 @@ const f = /* @__PURE__ */ c({
       ]),
       p.default != null || e.preset != null ? (l(), s("span", {
         key: 0,
-        class: m(e.labelClass),
+        class: m(["dwui-label", e.labelClass]),
         style: n(e.labelStyle)
       }, [
         o(t.$slots, "default", {}, () => [

package/lib/{label-icon.vue_vue_type_style_index_0_lang-Df1Vmx77.cjs → label-icon.vue_vue_type_style_index_0_lang-CbCZDSk8.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=e.defineComponent({__name:"label-icon",props:{preset:{},gap:{},iconClass:{type:[Boolean,null,String,Object,Array]},iconStyle:{type:[Boolean,null,String,Object,Array]},labelClass:{type:[Boolean,null,String,Object,Array]},labelStyle:{type:[Boolean,null,String,Object,Array]}},setup(n){const l=n,o=e.useSlots();return(t,a)=>(e.openBlock(),e.createElementBlock("span",{class:"dwui-label-icon",style:e.normalizeStyle(l.gap==null?void 0:{gap:l.gap})},[e.renderSlot(t.$slots,"icon",{},()=>[l.preset!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.preset.icon),e.mergeProps({key:0},l.preset.iconProps,{class:l.iconClass,style:l.iconStyle}),null,16,["class","style"])):e.createCommentVNode("",!0)]),o.default!=null||l.preset!=null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(l.labelClass),style:e.normalizeStyle(l.labelStyle)},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(typeof l.preset?.label=="function"?l.preset.label():l.preset?.label),1)])],6)):e.createCommentVNode("",!0)],4))}});exports._sfc_main=s;
+"use strict";const e=require("vue"),s=e.defineComponent({__name:"label-icon",props:{preset:{},gap:{},iconClass:{type:[Boolean,null,String,Object,Array]},iconStyle:{type:[Boolean,null,String,Object,Array]},labelClass:{type:[Boolean,null,String,Object,Array]},labelStyle:{type:[Boolean,null,String,Object,Array]}},setup(n){const l=n,o=e.useSlots();return(t,a)=>(e.openBlock(),e.createElementBlock("span",{class:"dwui-label-icon",style:e.normalizeStyle(l.gap==null?void 0:{gap:l.gap})},[e.renderSlot(t.$slots,"icon",{},()=>[l.preset!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.preset.icon),e.mergeProps({key:0},l.preset.iconProps,{class:l.iconClass,style:l.iconStyle}),null,16,["class","style"])):e.createCommentVNode("",!0)]),o.default!=null||l.preset!=null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["dwui-label",l.labelClass]),style:e.normalizeStyle(l.labelStyle)},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(typeof l.preset?.label=="function"?l.preset.label():l.preset?.label),1)])],6)):e.createCommentVNode("",!0)],4))}});exports._sfc_main=s;

package/lib/nuxt.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@nuxt/kit"),r=require("./components-1J1mbyrx.cjs");var t=typeof document<"u"?document.currentScript:null;const u=e.defineNuxtModule({meta:{name:"@digitalwalletcorp/vue-core",configKey:"vueCore"},setup(){const n=e.createResolver(typeof document>"u"?require("url").pathToFileURL(__filename).href:t&&t.tagName.toUpperCase()==="SCRIPT"&&t.src||new URL("nuxt.cjs",document.baseURI).href);for(const o of Object.keys(r.components))e.addComponent({name:o,export:o,filePath:n.resolve("./index")})}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@nuxt/kit"),r=require("./components-D8RaavU9.cjs");var t=typeof document<"u"?document.currentScript:null;const u=e.defineNuxtModule({meta:{name:"@digitalwalletcorp/vue-core",configKey:"vueCore"},setup(){const n=e.createResolver(typeof document>"u"?require("url").pathToFileURL(__filename).href:t&&t.tagName.toUpperCase()==="SCRIPT"&&t.src||new URL("nuxt.cjs",document.baseURI).href);for(const o of Object.keys(r.components))e.addComponent({name:o,export:o,filePath:n.resolve("./index")})}});exports.default=u;

package/lib/nuxt.js

@@ -1,5 +1,5 @@
 import { defineNuxtModule as t, createResolver as r, addComponent as n } from "@nuxt/kit";
-import { c as a } from "./components-eEXuNeht.js";
+import { c as a } from "./components-BTso5UCT.js";
 const c = t({
   meta: {
     name: "@digitalwalletcorp/vue-core",

package/lib/register.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-1J1mbyrx.cjs");function r(e){for(const[o,n]of Object.entries(t.components))e.component(o,n)}exports.registerComponents=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-D8RaavU9.cjs");function r(e){for(const[o,n]of Object.entries(t.components))e.component(o,n)}exports.registerComponents=r;

package/lib/register.js

@@ -1,4 +1,4 @@
-import { c as t } from "./components-eEXuNeht.js";
+import { c as t } from "./components-BTso5UCT.js";
 function m(o) {
   for (const [n, e] of Object.entries(t))
     o.component(n, e);

package/lib/style.css

@@ -1 +1 @@
-:where(.dwui-label-icon){display:inline-flex;align-items:center;gap:.25em}
+:where(.dwui-label-icon){display:inline-flex;align-items:center;gap:.25em}:where(.dwui-label-icon>.dwui-label){align-self:baseline}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitalwalletcorp/vue-core",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "description": "Basic UI components for Vue 3",
   "main": "lib/index.cjs",

package/src/label-icon.vue

@@ -18,6 +18,7 @@
     <!-- スロットに複数の要素が入っても、flexの子要素に分かれて間にgapが入らないよう1つにまとめる -->
     <span
       v-if="slots.default != null || props.preset != null"
+      class="dwui-label"
       :class="props.labelClass"
       :style="props.labelStyle"
     >
@@ -59,4 +60,9 @@ const slots = defineSlots<Slots>();
   align-items: center;
   gap: 0.25em;
 }
+
+/* inline-flexのベースラインは先頭の子(アイコン)から決まり、周囲の文字より浮くため、ラベルから決まるようにする */
+:where(.dwui-label-icon > .dwui-label) {
+  align-self: baseline;
+}
 </style>