@soul-refiner/design-system 2.14.70 → 2.14.71

package/dist/components/card/course-seats/course-seats.js

@@ -1,18 +1,19 @@
 "use client";
-"use strict";var e=require("react/jsx-runtime"),r=require("next/image"),i=require("styled-components"),s=require("../../atoms/typography/heading.js"),t=require("../../atoms/typography/paragraph.js"),a=require("../../actions/button/button.js"),o=require("../../iconography/avatar/avatar.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(r);const n=i.styled.div`
+"use strict";var e=require("react/jsx-runtime"),r=require("next/image"),i=require("styled-components"),s=require("../../atoms/typography/heading.js"),t=require("../../atoms/typography/paragraph.js"),l=require("../../actions/button/button.js"),a=require("../../iconography/avatar/avatar.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(r);const n=i.styled.div`
   position: relative;
-  display: block;
+  display: flex;
+  flex-direction: column;
   box-shadow: var(--elevation-1);
   border-radius: 16px;
   background-color: var(--color-white);
   overflow: hidden;
   transition: all 0.2s ease;
   min-width: 390px;
+  height: 100%;
 
   &:hover {
     border: 1px solid var(--color-primary-blue-3);
-    transform: translateY(-2px);
-    box-shadow: var(--elevation-2);
+    transform: translateY(-1px);
   }
 
   ${({$sx:e})=>e||""};
@@ -21,6 +22,7 @@
   width: 100%;
   min-height: 219.375px;
   overflow: hidden;
+  flex-shrink: 0;
 
   img {
     border-radius: 16px 16px 0 0;
@@ -30,6 +32,7 @@
   display: flex;
   flex-direction: column;
   gap: 8px;
+  flex: 1;
 `,c=i.styled(s.H)`
   font-size: 18px;
   font-weight: 500;
@@ -43,11 +46,16 @@
   color: ${({$isOverAssigned:e})=>e?"var(--color-red-3)":"var(--color-grey-2)"};
   font-weight: ${({$isOverAssigned:e})=>e?"600":"500"};
   margin-left: 16px;
-`,v=i.styled.div`
+`,f=i.styled.div`
+  min-height: 32px;
+  display: flex;
+  align-items: flex-start;
+  flex: 1;
+`,u=i.styled.div`
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-`,u=i.styled.div`
+`,v=i.styled.div`
   border: 2px solid var(--color-white);
   border-radius: 50%;
   position: relative;
@@ -65,8 +73,8 @@
   font-weight: 600;
   color: var(--color-grey-3);
   z-index: 1;
-`,f=i.styled.div`
+`,m=i.styled.div`
   display: flex;
   gap: 12px;
-  margin-top: 8px;
-`;exports.CourseSeatsCard=({courseId:r,courseName:i,alert:s,courseImage:l,assignedSeats:m,totalSeats:j,assignedUsers:b,onManageSeats:w,onAddSeats:$,sx:z})=>e.jsxs(n,{$sx:z,children:[s,e.jsx(x,{children:e.jsx(d.default,{alt:i,src:l,fill:!0,style:{objectFit:"cover"}})}),e.jsxs(p,{children:[e.jsx(c,{children:i}),e.jsx(g,{children:e.jsxs(t.P,{$fontSize:14,$color:"grey-3",children:["Seat:",e.jsxs(h,{$isOverAssigned:m>j,children:[m,"/",j," Available"]})]})}),b.length>0&&e.jsxs(v,{children:[b.slice(0,8).map((r,i)=>e.jsx(u,{children:e.jsx(o.Avatar,{image:r.imageUrl||"/images/default_avatar.png",size:24})},`${r.id}-${i}`)),b.length>8&&e.jsxs(y,{children:["+",b.length-8]})]}),e.jsxs(f,{children:[e.jsx(a.Button,{type:"outlined",size:"small",fluid:!0,onClick:()=>w(r),sx:"font-size: 14px;",children:"Manage Seats"}),e.jsx(a.Button,{type:"primary",fluid:!0,sx:"font-size: 14px;",size:"small",onClick:()=>$(r),children:"Add Seats"})]})]})]});
+  margin-top: auto;
+`;exports.CourseSeatsCard=({courseId:r,courseName:i,alert:s,courseImage:o,assignedSeats:j,totalSeats:b,assignedUsers:w,onManageSeats:$,onAddSeats:z,sx:S})=>e.jsxs(n,{$sx:S,children:[s,e.jsx(x,{children:e.jsx(d.default,{alt:i,src:o,fill:!0,style:{objectFit:"cover"}})}),e.jsxs(p,{children:[e.jsx(c,{children:i}),e.jsx(g,{children:e.jsxs(t.P,{$fontSize:14,$color:"grey-3",children:["Seat:",e.jsxs(h,{$isOverAssigned:j>b,children:[j,"/",b," Available"]})]})}),e.jsx(f,{children:w.length>0&&e.jsxs(u,{children:[w.slice(0,8).map((r,i)=>e.jsx(v,{children:e.jsx(a.Avatar,{image:r.imageUrl||"/images/default_avatar.png",size:24})},`${r.id}-${i}`)),w.length>8&&e.jsxs(y,{children:["+",w.length-8]})]})}),e.jsxs(m,{children:[e.jsx(l.Button,{type:"outlined",size:"small",fluid:!0,onClick:()=>$(r),sx:"font-size: 14px;",children:"Manage Seats"}),e.jsx(l.Button,{type:"primary",fluid:!0,sx:"font-size: 14px;",size:"small",onClick:()=>z(r),children:"Add Seats"})]})]})]});

package/dist/src/components/card/course-seats/course-seats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"course-seats.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/course-seats/course-seats.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;KAClB,EAAE,CAAC;IACJ,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,eAAe,2HAWzB,oBAAoB,4CAkEtB,CAAC"}
+{"version":3,"file":"course-seats.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/course-seats/course-seats.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;KAClB,EAAE,CAAC;IACJ,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,eAAe,2HAWzB,oBAAoB,4CAoEtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "2.14.70",
+  "version": "2.14.71",
   "main": "dist/index.js",
   "types": "dist/src/index.d.ts",
   "license": "MIT",