@pequity/squirrel 1.0.21 → 1.0.22

package/squirrel/components/p-table-td/p-table-td.vue

@@ -50,7 +50,7 @@ const isLastCol = computed(() => props.colIndex === cols.value.length - 1);
 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) {
@@ -64,19 +64,19 @@ const tdClass = computed(() => {
     // Stick the last column's cells to the right
     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;

package/squirrel/components/p-toggle/p-toggle.vue

@@ -29,7 +29,7 @@ import inputClassesMixin from '@squirrel/utils/inputClassesMixin';
 import { type StyleValue, defineComponent } from 'vue';
 
 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`,
 };

package/squirrel/composables/useInputClasses.ts

@@ -25,6 +25,7 @@ const defaults = {
   required: ref(false),
   prefix: ref(false),
   suffix: ref(false),
+  rounded: ref(false),
 };
 
 type Props = {
@@ -33,19 +34,20 @@ type Props = {
   required: boolean;
   prefix: boolean;
   suffix: boolean;
+  rounded: boolean;
 };
 
 type Defaults = typeof defaults;
 
 export function useInputClasses(props: Partial<Props>) {
   const opts = { ...defaults, ...toRefs(props) } as Defaults;
-  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;
   });

package/squirrel/utils/inputClassesMixin.ts

@@ -36,6 +36,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    rounded: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
@@ -47,7 +51,7 @@ export default defineComponent({
       const base = `${INPUT_BASE} ${INPUT_SIZES[this.size]}`;
       const spacingLeft = this.$slots.prefix ? SPACING_PREFIX[this.size] : SPACING_LEFT[this.size];
       const spacingRight = this.$slots.suffix ? SPACING_SUFFIX[this.size] : SPACING_RIGHT[this.size];
-      const res = `${base} ${spacingLeft} ${spacingRight} ${this.errorMsg ? INPUT_ERROR : INPUT_NORMAL}`;
+      const res = `${base} ${spacingLeft} ${spacingRight} ${this.errorMsg ? INPUT_ERROR : INPUT_NORMAL}${this.rounded ? ' rounded-full' : ''}`;
 
       return res;
     },