@pequity/squirrel 10.0.0 → 10.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/chunks/p-btn.js +1 -1
- package/dist/cjs/chunks/p-select-btn.js +1 -1
- package/dist/es/chunks/p-btn.js +1 -1
- package/dist/es/chunks/p-select-btn.js +1 -1
- package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +3 -3
- package/package.json +1 -1
- package/squirrel/components/p-btn/p-btn.spec.js +3 -0
- package/squirrel/components/p-btn/p-btn.vue +1 -1
- package/squirrel/components/p-select-btn/p-select-btn.spec.js +2 -2
- package/squirrel/components/p-select-btn/p-select-btn.vue +1 -1
package/dist/cjs/chunks/p-btn.js
CHANGED
|
@@ -10,7 +10,7 @@ const _hoisted_1 = { class: "slot-wrapper empty:hidden" };
|
|
|
10
10
|
const btnClasses = {
|
|
11
11
|
slots: {
|
|
12
12
|
button: "relative inline-flex whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50",
|
|
13
|
-
content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0",
|
|
13
|
+
content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0 w-full",
|
|
14
14
|
loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium",
|
|
15
15
|
icon: "shrink-0"
|
|
16
16
|
},
|
|
@@ -64,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
64
64
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index) => {
|
|
65
65
|
return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
|
|
66
66
|
key: String(item[_ctx.itemValue]),
|
|
67
|
-
class: vue.normalizeClass(["inline-flex", { "
|
|
67
|
+
class: vue.normalizeClass(["inline-flex", { "[&_*]:px-0 [&_*]:py-0": _ctx.noPadding, grow: _ctx.grow }])
|
|
68
68
|
}, [
|
|
69
69
|
vue.createVNode(pBtn_vue_vue_type_script_setup_true_lang._sfc_main, {
|
|
70
70
|
size: _ctx.size,
|
package/dist/es/chunks/p-btn.js
CHANGED
|
@@ -9,7 +9,7 @@ const _hoisted_1 = { class: "slot-wrapper empty:hidden" };
|
|
|
9
9
|
const btnClasses = {
|
|
10
10
|
slots: {
|
|
11
11
|
button: "relative inline-flex whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50",
|
|
12
|
-
content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0",
|
|
12
|
+
content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0 w-full",
|
|
13
13
|
loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium",
|
|
14
14
|
icon: "shrink-0"
|
|
15
15
|
},
|
|
@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
63
63
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
|
|
64
64
|
return withDirectives((openBlock(), createElementBlock("div", {
|
|
65
65
|
key: String(item[_ctx.itemValue]),
|
|
66
|
-
class: normalizeClass(["inline-flex", { "
|
|
66
|
+
class: normalizeClass(["inline-flex", { "[&_*]:px-0 [&_*]:py-0": _ctx.noPadding, grow: _ctx.grow }])
|
|
67
67
|
}, [
|
|
68
68
|
createVNode(_sfc_main$1, {
|
|
69
69
|
size: _ctx.size,
|
|
@@ -83,7 +83,7 @@ declare const btn: import("tailwind-variants").TVReturnType<{
|
|
|
83
83
|
};
|
|
84
84
|
}, {
|
|
85
85
|
readonly button: "relative inline-flex whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
|
|
86
|
-
readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
|
|
86
|
+
readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0 w-full";
|
|
87
87
|
readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
|
|
88
88
|
readonly icon: "shrink-0";
|
|
89
89
|
}, undefined, {
|
|
@@ -162,7 +162,7 @@ declare const btn: import("tailwind-variants").TVReturnType<{
|
|
|
162
162
|
};
|
|
163
163
|
}, {
|
|
164
164
|
readonly button: "relative inline-flex whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
|
|
165
|
-
readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
|
|
165
|
+
readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0 w-full";
|
|
166
166
|
readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
|
|
167
167
|
readonly icon: "shrink-0";
|
|
168
168
|
}, import("tailwind-variants").TVReturnType<{
|
|
@@ -241,7 +241,7 @@ declare const btn: import("tailwind-variants").TVReturnType<{
|
|
|
241
241
|
};
|
|
242
242
|
}, {
|
|
243
243
|
readonly button: "relative inline-flex whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
|
|
244
|
-
readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
|
|
244
|
+
readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0 w-full";
|
|
245
245
|
readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
|
|
246
246
|
readonly icon: "shrink-0";
|
|
247
247
|
}, undefined, unknown, unknown, undefined>>;
|
package/package.json
CHANGED
|
@@ -116,6 +116,7 @@ describe('PBtn.vue', () => {
|
|
|
116
116
|
'items-center',
|
|
117
117
|
'justify-center',
|
|
118
118
|
'has-[.slot-wrapper:empty]:gap-0',
|
|
119
|
+
'w-full',
|
|
119
120
|
'px-3',
|
|
120
121
|
'has-[.slot-wrapper:empty]:px-1.5',
|
|
121
122
|
'py-1.5',
|
|
@@ -129,6 +130,7 @@ describe('PBtn.vue', () => {
|
|
|
129
130
|
'items-center',
|
|
130
131
|
'justify-center',
|
|
131
132
|
'has-[.slot-wrapper:empty]:gap-0',
|
|
133
|
+
'w-full',
|
|
132
134
|
'px-6',
|
|
133
135
|
'has-[.slot-wrapper:empty]:px-2.5',
|
|
134
136
|
'has-[.slot-wrapper:empty]:py-2.5',
|
|
@@ -143,6 +145,7 @@ describe('PBtn.vue', () => {
|
|
|
143
145
|
'items-center',
|
|
144
146
|
'justify-center',
|
|
145
147
|
'has-[.slot-wrapper:empty]:gap-0',
|
|
148
|
+
'w-full',
|
|
146
149
|
'px-6',
|
|
147
150
|
'has-[.slot-wrapper:empty]:px-3',
|
|
148
151
|
'py-3',
|
|
@@ -33,7 +33,7 @@ const btnClasses = {
|
|
|
33
33
|
slots: {
|
|
34
34
|
button:
|
|
35
35
|
'relative inline-flex whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50',
|
|
36
|
-
content: 'flex items-center justify-center has-[.slot-wrapper:empty]:gap-0',
|
|
36
|
+
content: 'flex items-center justify-center has-[.slot-wrapper:empty]:gap-0 w-full',
|
|
37
37
|
loader: 'absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium',
|
|
38
38
|
icon: 'shrink-0',
|
|
39
39
|
},
|
|
@@ -246,8 +246,8 @@ describe('PSelectBtn.vue', () => {
|
|
|
246
246
|
const buttonDivs = wrapper.findAll('div.inline-flex');
|
|
247
247
|
|
|
248
248
|
buttonDivs.forEach((buttonDiv) => {
|
|
249
|
-
expect(buttonDiv.classes()).toContain('
|
|
250
|
-
expect(buttonDiv.classes()).toContain('
|
|
249
|
+
expect(buttonDiv.classes()).toContain('[&_*]:px-0');
|
|
250
|
+
expect(buttonDiv.classes()).toContain('[&_*]:py-0');
|
|
251
251
|
});
|
|
252
252
|
});
|
|
253
253
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
v-for="(item, index) in items"
|
|
5
5
|
:key="String(item[itemValue])"
|
|
6
6
|
v-tooltip="{ content: tooltipText(item) }"
|
|
7
|
-
:class="['inline-flex', { '
|
|
7
|
+
:class="['inline-flex', { '[&_*]:px-0 [&_*]:py-0': noPadding, grow }]"
|
|
8
8
|
>
|
|
9
9
|
<PBtn
|
|
10
10
|
:size="size"
|