sprintify-ui 0.10.77 → 0.10.79

package/dist/sprintify-ui.es.js

@@ -9259,7 +9259,7 @@ const uv = {
       B("div", dv, [
         B("div", {
           class: H(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
-            "bg-primary-100": t.color == "info",
+            "bg-blue-100": t.color == "info",
             "bg-red-100": t.color == "danger",
             "bg-yellow-100": t.color == "warning",
             "bg-green-100": t.color == "success"
@@ -9279,7 +9279,7 @@ const uv = {
             icon: "heroicons:check-circle-20-solid"
           })) : (b(), ee(c(Ye), {
             key: 3,
-            class: "h-5 w-5 text-primary-600",
+            class: "h-5 w-5 text-blue-600",
             icon: "heroicons:information-circle-20-solid"
           }))
         ], 2),
@@ -26110,13 +26110,13 @@ const J1 = ["onClick"], ew = { class: "px-2 flex items-center" }, tw = { class:
       type: Boolean
     }
   }
-}), ek = { class: "px-4 md:col-span-1 md:px-0" }, tk = { class: "text-base font-semibold leading-6 text-slate-900" }, nk = {
+}), ek = { class: "md:col-span-1" }, tk = { class: "text-base font-semibold leading-6 text-slate-900" }, nk = {
   key: 0,
   class: "mt-1 text-sm leading-normal opacity-50"
 }, ok = { class: "mt-5 md:col-span-2 md:mt-0" };
 function rk(t, n, e, o, r, a) {
   return b(), z("div", {
-    class: H(["pb-8 md:grid md:grid-cols-3 md:gap-8", [t.bordered ? "mb-8 border-b border-slate-300" : ""]])
+    class: H(["md:grid md:grid-cols-3 md:gap-8", [t.bordered ? "mb-8 border-b border-slate-300" : ""]])
   }, [
     B("div", ek, [
       B("h3", tk, le(t.title), 1),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.10.77",
+  "version": "0.10.79",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseDialog.vue

@@ -7,7 +7,7 @@
       <div
         class="mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10"
         :class="{
-          'bg-primary-100': color == 'info',
+          'bg-blue-100': color == 'info',
           'bg-red-100': color == 'danger',
           'bg-yellow-100': color == 'warning',
           'bg-green-100': color == 'success',
@@ -30,7 +30,7 @@
         />
         <BaseIcon
           v-else
-          class="h-5 w-5 text-primary-600"
+          class="h-5 w-5 text-blue-600"
           icon="heroicons:information-circle-20-solid"
         />
       </div>

package/src/components/BasePanel.stories.js

@@ -28,8 +28,8 @@ const Template = (args) => ({
     return { args };
   },
   template: `
-  <div class="bg-slate-100 py-10">
-    <BaseContainer>
+  <div class="bg-slate-100 py-10 px-5">
+  <div class="border border-dashed rounded border-slate-400">
       <BasePanel v-bind="args">
         <BaseCard>
           <BaseCardRow>
@@ -47,7 +47,7 @@ const Template = (args) => ({
           </BaseCardRow>
         </BaseCard>
       </BasePanel>
-    </BaseContainer>
+   </div>
   </div>
   `,
 });

package/src/components/BasePanel.vue

@@ -1,9 +1,9 @@
 <template>
   <div
-    class="pb-8 md:grid md:grid-cols-3 md:gap-8"
+    class="md:grid md:grid-cols-3 md:gap-8"
     :class="[bordered ? 'mb-8 border-b border-slate-300' : '']"
   >
-    <div class="px-4 md:col-span-1 md:px-0">
+    <div class="md:col-span-1">
       <h3 class="text-base font-semibold leading-6 text-slate-900">
         {{ title }}
       </h3>