@soul-refiner/design-system 2.14.105 → 2.14.106
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.
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
`,w=i.styled.div`
|
|
136
136
|
display: flex;
|
|
137
137
|
flex-direction: column;
|
|
138
|
-
gap:
|
|
138
|
+
gap: 15px;
|
|
139
139
|
position: relative;
|
|
140
140
|
z-index: 2;
|
|
141
141
|
border: none;
|
|
@@ -205,4 +205,4 @@
|
|
|
205
205
|
&:hover {
|
|
206
206
|
background-color: var(--color-white);
|
|
207
207
|
}
|
|
208
|
-
`;exports.SimpleCourseCard=({actions:r,content:o,href:i,image:g,numRating:B,price:_,rating:E,subtitle:L,supportLabel:T,supportIcon:F=e.jsx(d.Video,{size:16,color:"white"}),sx:I,title:M,additionalIcons:R,onHoverCardClick:D,trailerUrl:A,onTrailerClick:N,onShareClick:U,status:V,onEditClick:G})=>{const J=!!o,K=!!i,[O,Q]=h.default.useState(!1),W=h.default.useRef(null),X=e=>{O&&D&&(e.preventDefault(),D())},Y=()=>{J&&K&&(Q(!0),W.current&&A&&W.current.play())},Z=()=>{Q(!1),W.current&&(W.current.pause(),W.current.currentTime=0)},ee=!i&&(V||G),re=e.jsxs(e.Fragment,{children:[e.jsxs(y,{className:"normal-card",children:[e.jsxs(f,{children:[e.jsx(b.default,{alt:"",height:180,quality:100,src:g,width:312}),ee&&e.jsxs(S,{children:[V&&e.jsxs(H,{$bgColor:u[V].bgColor,$dotColor:u[V].dotColor,children:[e.jsx(q,{$color:u[V].dotColor}),e.jsx(s.P,{$color:"grey-2",$fontSize:12,$lineHeight:16,children:u[V].label})]}),G&&e.jsx(P,{onClick:e=>{e.preventDefault(),e.stopPropagation(),G()},children:e.jsx(c.Pencil,{size:16,color:"grey-3"})})]})]}),e.jsx(m,{children:e.jsxs(w,{children:[e.jsxs(n.Box,{$dir:"column",$gap:4,children:[e.jsx(t.H,{$color:"grey-2",$textClampLines:2,$semiBold:!0,$fontSize:16,$lineHeight:26,dangerouslySetInnerHTML:{__html:M}}),e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,dangerouslySetInnerHTML:{__html:L}})]}),e.jsxs(n.Box,{$align:"center",$dir:"row",$justify:"space-between",children:[e.jsxs(n.Box,{$align:"center",$dir:"row",$gap:4,children:[T&&e.jsxs(C,{children:[F,e.jsx(s.P,{$color:"white",$fontSize:10,$lineHeight:14,sx:"font-weight:500",children:T})]}),void 0!==E&&e.jsxs(e.Fragment,{children:[e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:E/20}),e.jsx(l.Rate,{isRateable:!1,percent:E,size:"small"})]}),void 0!==B&&e.jsxs(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:["(",B,")"]})]}),e.jsx(s.P,{$color:"grey-2",$fontSize:16,$lineHeight:24,$bold:!0,children:_})]})]})})]}),J&&A&&e.jsxs(y,{className:"hover-card",children:[e.jsxs(f,{children:[e.jsx(j,{ref:W,muted:!0,loop:!0,playsInline:!0,preload:"auto",children:Array.isArray(A)?A.map((r,o)=>e.jsx("source",{src:r},o)):e.jsx("source",{src:A,type:"video/mp4"})}),e.jsx(v,{})]}),e.jsx(m,{children:e.jsxs(k,{children:[e.jsxs(n.Box,{$align:"center",$dir:"row",$justify:"space-between",$gap:8,children:[e.jsx(s.P,{$color:"primary-blue-2",$fontSize:16,$lineHeight:24,$bold:!0,children:_}),r&&e.jsx(n.Box,{onClick:e=>{e.preventDefault(),e.stopPropagation()},children:r})]}),e.jsxs(n.Box,{$dir:"column",$gap:4,children:[e.jsx(t.H,{$color:"grey-2",$textClampLines:2,$semiBold:!0,$fontSize:16,$lineHeight:26,dangerouslySetInnerHTML:{__html:M}}),e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,dangerouslySetInnerHTML:{__html:L}})]}),e.jsx(s.P,{$color:"grey-3",$fontSize:14,$lineHeight:20,$textClampLines:2,dangerouslySetInnerHTML:{__html:o}}),e.jsxs(n.Box,{$align:"center",$dir:"row",$justify:"space-between",children:[e.jsxs(n.Box,{$align:"center",$dir:"row",$gap:8,children:[T&&e.jsxs(C,{children:[F,e.jsx(s.P,{$color:"white",$fontSize:10,$lineHeight:14,sx:"font-weight:500",children:T})]}),void 0!==E&&e.jsxs(e.Fragment,{children:[e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:E/20}),e.jsx(l.Rate,{isRateable:!1,percent:E,size:"small"})]}),void 0!==B&&e.jsxs(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:["(",B,")"]})]}),e.jsxs(n.Box,{$align:"center",$dir:"row",$gap:8,children:[N&&e.jsx(a.Tooltip,{content:"Trailer",place:"top",children:e.jsx(z,{onClick:e=>{e.preventDefault(),e.stopPropagation(),N()},children:e.jsx(x.Trailer,{size:
|
|
208
|
+
`;exports.SimpleCourseCard=({actions:r,content:o,href:i,image:g,numRating:B,price:_,rating:E,subtitle:L,supportLabel:T,supportIcon:F=e.jsx(d.Video,{size:16,color:"white"}),sx:I,title:M,additionalIcons:R,onHoverCardClick:D,trailerUrl:A,onTrailerClick:N,onShareClick:U,status:V,onEditClick:G})=>{const J=!!o,K=!!i,[O,Q]=h.default.useState(!1),W=h.default.useRef(null),X=e=>{O&&D&&(e.preventDefault(),D())},Y=()=>{J&&K&&(Q(!0),W.current&&A&&W.current.play())},Z=()=>{Q(!1),W.current&&(W.current.pause(),W.current.currentTime=0)},ee=!i&&(V||G),re=e.jsxs(e.Fragment,{children:[e.jsxs(y,{className:"normal-card",children:[e.jsxs(f,{children:[e.jsx(b.default,{alt:"",height:180,quality:100,src:g,width:312}),ee&&e.jsxs(S,{children:[V&&e.jsxs(H,{$bgColor:u[V].bgColor,$dotColor:u[V].dotColor,children:[e.jsx(q,{$color:u[V].dotColor}),e.jsx(s.P,{$color:"grey-2",$fontSize:12,$lineHeight:16,children:u[V].label})]}),G&&e.jsx(P,{onClick:e=>{e.preventDefault(),e.stopPropagation(),G()},children:e.jsx(c.Pencil,{size:16,color:"grey-3"})})]})]}),e.jsx(m,{children:e.jsxs(w,{children:[e.jsxs(n.Box,{$dir:"column",$gap:4,children:[e.jsx(t.H,{$color:"grey-2",$textClampLines:2,$semiBold:!0,$fontSize:16,$lineHeight:26,dangerouslySetInnerHTML:{__html:M}}),e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,dangerouslySetInnerHTML:{__html:L}})]}),e.jsxs(n.Box,{$align:"center",$dir:"row",$justify:"space-between",children:[e.jsxs(n.Box,{$align:"center",$dir:"row",$gap:4,children:[T&&e.jsxs(C,{children:[F,e.jsx(s.P,{$color:"white",$fontSize:10,$lineHeight:14,sx:"font-weight:500",children:T})]}),void 0!==E&&e.jsxs(e.Fragment,{children:[e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:E/20}),e.jsx(l.Rate,{isRateable:!1,percent:E,size:"small"})]}),void 0!==B&&e.jsxs(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:["(",B,")"]})]}),e.jsx(s.P,{$color:"grey-2",$fontSize:16,$lineHeight:24,$bold:!0,children:_})]})]})})]}),J&&A&&e.jsxs(y,{className:"hover-card",children:[e.jsxs(f,{children:[e.jsx(j,{ref:W,muted:!0,loop:!0,playsInline:!0,preload:"auto",children:Array.isArray(A)?A.map((r,o)=>e.jsx("source",{src:r},o)):e.jsx("source",{src:A,type:"video/mp4"})}),e.jsx(v,{})]}),e.jsx(m,{children:e.jsxs(k,{children:[e.jsxs(n.Box,{$align:"center",$dir:"row",$justify:"space-between",$gap:8,children:[e.jsx(s.P,{$color:"primary-blue-2",$fontSize:16,$lineHeight:24,$bold:!0,children:_}),r&&e.jsx(n.Box,{onClick:e=>{e.preventDefault(),e.stopPropagation()},children:r})]}),e.jsxs(n.Box,{$dir:"column",$gap:4,children:[e.jsx(t.H,{$color:"grey-2",$textClampLines:2,$semiBold:!0,$fontSize:16,$lineHeight:26,dangerouslySetInnerHTML:{__html:M}}),e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,dangerouslySetInnerHTML:{__html:L}})]}),e.jsx(s.P,{$color:"grey-3",$fontSize:14,$lineHeight:20,$textClampLines:2,dangerouslySetInnerHTML:{__html:o}}),e.jsxs(n.Box,{$align:"center",$dir:"row",$justify:"space-between",children:[e.jsxs(n.Box,{$align:"center",$dir:"row",$gap:8,children:[T&&e.jsxs(C,{children:[F,e.jsx(s.P,{$color:"white",$fontSize:10,$lineHeight:14,sx:"font-weight:500",children:T})]}),void 0!==E&&e.jsxs(e.Fragment,{children:[e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:E/20}),e.jsx(l.Rate,{isRateable:!1,percent:E,size:"small"})]}),void 0!==B&&e.jsxs(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:["(",B,")"]})]}),e.jsxs(n.Box,{$align:"center",$dir:"row",$gap:8,children:[N&&e.jsx(a.Tooltip,{content:"Trailer",place:"top",children:e.jsx(z,{onClick:e=>{e.preventDefault(),e.stopPropagation(),N()},children:e.jsx(x.Trailer,{size:16})})}),U&&e.jsx(a.Tooltip,{content:"Share",place:"top",children:e.jsx(z,{onClick:e=>{e.preventDefault(),e.stopPropagation(),U()},children:e.jsx(p.ForwardBold,{size:16})})}),R&&R.length>0&&e.jsx(e.Fragment,{children:h.default.Children.toArray(R)})]})]})]})})]})]});return i?e.jsx($,{as:"a",$sx:I,href:i,$hasContent:J,$isClickable:K,onClick:X,onMouseEnter:Y,onMouseLeave:Z,children:re}):e.jsx($,{as:"div",$sx:I,$hasContent:J,$isClickable:K,onMouseEnter:Y,onMouseLeave:Z,children:re})};
|