@pequity/squirrel 1.0.21 → 1.0.22

package/dist/es/p-table-header-cell.js

@@ -1,8 +1,8 @@
 import PInfoIcon from "./p-info-icon.js";
 import PTableFilterIcon from "./p-table-filter-icon.js";
-import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createBlock, createCommentVNode, createVNode } from "vue";
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, createVNode } from "vue";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const DEFAULT_CLASSES = `text-xs leading-5 font-bold uppercase truncate shrink`;
+const DEFAULT_CLASSES = `text-xs leading-5 font-semibold truncate shrink`;
 const _sfc_main = defineComponent({
   name: "PTableHeaderCell",
   components: {
@@ -29,6 +29,10 @@ const _sfc_main = defineComponent({
     tooltipText: {
       type: String,
       default: ""
+    },
+    textColor: {
+      type: String,
+      default: ""
     }
   },
   emits: ["click-filter-icon"],
@@ -36,6 +40,19 @@ const _sfc_main = defineComponent({
     return {
       DEFAULT_CLASSES
     };
+  },
+  computed: {
+    textColorClass() {
+      return this.filterActive ? "text-active-blue" : this.textColor ? "" : "text-p-gray-60";
+    },
+    style() {
+      if (this.filterActive) {
+        return {};
+      }
+      return {
+        color: this.textColor
+      };
+    }
   }
 });
 const _hoisted_1 = { class: "flex items-center overflow-hidden" };
@@ -49,14 +66,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PTableFilterIcon = resolveComponent("PTableFilterIcon");
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("div", {
-      class: normalizeClass([
-        _ctx.DEFAULT_CLASSES,
-        _ctx.textClass,
-        _ctx.filterActive ? "text-active-blue" : "text-p-purple-60",
-        { "mr-auto": !_ctx.tooltipText }
-      ]),
+      class: normalizeClass([_ctx.DEFAULT_CLASSES, _ctx.textClass, _ctx.textColorClass, { "mr-auto": !_ctx.tooltipText }]),
+      style: normalizeStyle(_ctx.style),
       title: _ctx.text
-    }, toDisplayString(_ctx.text), 11, _hoisted_2),
+    }, toDisplayString(_ctx.text), 15, _hoisted_2),
     _ctx.tooltipText ? (openBlock(), createElementBlock("div", _hoisted_3, [
       _ctx.tooltipText ? (openBlock(), createBlock(_component_PInfoIcon, {
         key: 0,

package/dist/es/p-table-td.js

@@ -1,7 +1,7 @@
 import { defineComponent, inject, ref, computed, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, unref, createCommentVNode, pushScopeId, popScopeId } from "vue";
 import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _withScopeId = (n) => (pushScopeId("data-v-50608a90"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-09e6d191"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "dropdown-anchor" }, null, -1));
 const _hoisted_2 = {
   key: 0,
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tdClass = computed(() => {
       const res = [
         // Common classes for all cells
-        "p-0 h-full text-sm"
+        "p-0 h-full font-normal text-p-gray-60 text-sm "
       ];
       if (props.isEditable) {
         res.push("cursor-pointer");
@@ -39,17 +39,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else if (isLastColFixed.value && isLastCol.value) {
         res.push("td-col-fixed-border-b", "last:sticky last:right-0 last:z-10");
       } else {
-        res.push("border-b border-p-gray-30");
+        res.push("border-b border-p-gray-30 border-r border-r-p-blue-10");
       }
       if (props.isSelected) {
         res.push("bg-p-blue-15 group-hover/row:bg-p-blue-15");
       } else {
-        res.push("bg-white group-hover/row:bg-p-blue-10");
+        res.push("bg-white group-hover/row:bg-p-gray-10");
       }
       return res;
     });
     const innerDivClass = computed(() => {
-      const res = ["py-2"];
+      const res = [];
       const currentColIsFirstColFixed = isFirstColFixed.value && isFirstCol.value;
       const currentColIsLastColFixed = isLastColFixed.value && isLastCol.value;
       if (!currentColIsFirstColFixed && !currentColIsLastColFixed) {
@@ -83,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const pTableTd = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50608a90"]]);
+const pTableTd = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-09e6d191"]]);
 export {
   pTableTd as default
 };

package/dist/es/p-toggle.js

@@ -2,7 +2,7 @@ import inputClassesMixin from "./inputClassesMixin.js";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, mergeProps, renderSlot, toDisplayString, createCommentVNode, withDirectives, vShow } from "vue";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const TOGGLE_SIZES = {
-  sm: `w-9 h-5 after:top-[2px] after:left-[2px] after:h-4 after:w-4`,
+  sm: `w-7 h-4 after:top-[2px] after:left-[2px] after:h-3 after:w-3`,
   md: `w-11 h-6 after:top-[2px] after:left-[2px] after:h-5 after:w-5`,
   lg: `w-[52px] h-7 after:top-0.5 after:left-[2px] after:h-6 after:w-6`
 };
@@ -109,7 +109,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 14, _hoisted_1);
 }
-const pToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e222188e"]]);
+const pToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3a6de4eb"]]);
 export {
   pToggle as default
 };

package/dist/es/useInputClasses.js

@@ -5,16 +5,17 @@ const defaults = {
   errorMsg: ref(""),
   required: ref(false),
   prefix: ref(false),
-  suffix: ref(false)
+  suffix: ref(false),
+  rounded: ref(false)
 };
 function useInputClasses(props) {
   const opts = { ...defaults, ...toRefs(props) };
-  const { size, errorMsg, required, prefix, suffix } = opts;
+  const { size, errorMsg, required, rounded, prefix, suffix } = opts;
   const inputClasses = computed(() => {
     const base = `${INPUT_BASE} ${INPUT_SIZES[size.value]}`;
     const spacingLeft = prefix.value ? SPACING_PREFIX[size.value] : SPACING_LEFT[size.value];
     const spacingRight = suffix.value ? SPACING_SUFFIX[size.value] : SPACING_RIGHT[size.value];
-    const res = `${base} ${spacingLeft} ${spacingRight} ${errorMsg.value ? INPUT_ERROR : INPUT_NORMAL}`;
+    const res = `${base} ${spacingLeft} ${spacingRight} ${errorMsg.value ? INPUT_ERROR : INPUT_NORMAL}${rounded.value ? " rounded-full" : ""}`;
     return res;
   });
   const labelClasses = computed(() => {

package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts

@@ -56,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, {
     errorMsgClasses: string;
 }, {
@@ -77,8 +81,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: "sm" | "lg" | "md";
+    rounded: boolean;
     required: boolean;
     errorMsg: string;
 }, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts

@@ -64,6 +64,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, {
     errorMsgClasses: string;
 }, {
@@ -85,8 +89,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: "sm" | "lg" | "md";
+    rounded: boolean;
     required: boolean;
     errorMsg: string;
 }, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/squirrel/components/p-input/p-input.vue.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, unknown, {
     attrs(): {
         [x: string]: unknown;
@@ -46,6 +50,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, {
     errorMsgClasses: string;
 }, {
@@ -67,8 +75,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: "sm" | "lg" | "md";
+    rounded: boolean;
     required: boolean;
     errorMsg: string;
 }, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -93,11 +106,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
     label: string;
+    rounded: boolean;
     required: boolean;
     modelValue: string | number;
     errorMsg: string;

package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts

@@ -45,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, {
     errorMsgClasses: string;
 }, {
@@ -66,8 +70,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: "sm" | "lg" | "md";
+    rounded: boolean;
     required: boolean;
     errorMsg: string;
 }, {}>, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/squirrel/components/p-table/p-table.vue.d.ts

@@ -5,6 +5,7 @@ type Props = {
     isFirstColFixed?: boolean;
     isLastColFixed?: boolean;
     lockScroll?: boolean;
+    subheader?: boolean;
     virtualizer?: {
         paddingTop: number;
         paddingBottom: number;
@@ -15,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isFirstColFixed: boolean;
     isLastColFixed: boolean;
     lockScroll: boolean;
+    subheader: boolean;
     virtualizer: () => {
         paddingTop: number;
         paddingBottom: number;
@@ -28,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isFirstColFixed: boolean;
     isLastColFixed: boolean;
     lockScroll: boolean;
+    subheader: boolean;
     virtualizer: () => {
         paddingTop: number;
         paddingBottom: number;
@@ -41,13 +44,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isLastColFixed: boolean;
     colsResizable: boolean;
     lockScroll: boolean;
+    subheader: boolean;
     virtualizer: {
         paddingTop: number;
         paddingBottom: number;
     };
 }, {}>, Partial<Record<`prepend-header-cell-${string}`, (_: {
     col: TableCol;
-}) => any>> & {
+}) => any>> & Partial<Record<`subheader-cell-${string}`, (_: {}) => any>> & {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts

@@ -19,9 +19,20 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }, unknown, {
     DEFAULT_CLASSES: string;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-filter-icon"[], "click-filter-icon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    textColorClass(): "" | "text-active-blue" | "text-p-gray-60";
+    style(): {
+        color?: undefined;
+    } | {
+        color: string;
+    };
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-filter-icon"[], "click-filter-icon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;
         default: string;
@@ -42,9 +53,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     "onClick-filter-icon"?: ((...args: any[]) => any) | undefined;
 }, {
+    textColor: string;
     text: string;
     tooltipText: string;
     textClass: string | Record<string, any> | unknown[];

package/dist/squirrel/components/p-table-loader/p-table-loader.vue.d.ts

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    withSubheader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     rows: {
         type: (StringConstructor | NumberConstructor)[];
@@ -32,10 +36,15 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    withSubheader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     columns: string | number;
     rows: string | number;
     tdClasses: string;
     tdSkeletonClasses: string;
+    withSubheader: boolean;
 }, {}>;
 export default _default;

package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts

@@ -37,6 +37,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, {
     errorMsgClasses: string;
 }, {
@@ -58,8 +62,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: "sm" | "lg" | "md";
+    rounded: boolean;
     required: boolean;
     errorMsg: string;
 }, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts

@@ -39,6 +39,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, {
     errorMsgClasses: string;
 }, {
@@ -60,8 +64,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: "sm" | "lg" | "md";
+    rounded: boolean;
     required: boolean;
     errorMsg: string;
 }, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/squirrel/composables/useInputClasses.d.ts

@@ -5,6 +5,7 @@ type Props = {
     required: boolean;
     prefix: boolean;
     suffix: boolean;
+    rounded: boolean;
 };
 export declare function useInputClasses(props: Partial<Props>): {
     inputClasses: import("vue").ComputedRef<string>;

package/dist/squirrel/utils/inputClassesMixin.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, {
     errorMsgClasses: string;
 }, {
@@ -35,8 +39,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: "sm" | "lg" | "md";
+    rounded: boolean;
     required: boolean;
     errorMsg: string;
 }, {}>;