@soul-refiner/design-system 2.14.106 → 2.14.108

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.
@@ -66,8 +66,8 @@
66
66
  line-height: 0;
67
67
  `,x=r.styled.div`
68
68
  position: relative;
69
- width: 100%;
70
- height: 180px;
69
+ width: 339px;
70
+ height: 191px;
71
71
  overflow: hidden;
72
72
  flex-shrink: 0;
73
73
  background-color: transparent;
@@ -91,17 +91,12 @@
91
91
  flex-flow: column nowrap;
92
92
  padding: 5px;
93
93
  position: relative;
94
- width: 100%;
94
+ width: 339px;
95
95
  box-sizing: border-box;
96
96
  line-height: normal;
97
97
  transition: padding 0.3s ease;
98
98
  border: none;
99
99
  outline: none;
100
-
101
- .hover-card & {
102
- border-radius: 0 0 16px 16px;
103
- background-color: var(--color-page-bg);
104
- }
105
100
  `,h=r.styled.div`
106
101
  display: flex;
107
102
  flex-direction: column;
@@ -109,6 +104,8 @@
109
104
  position: relative;
110
105
  z-index: 2;
111
106
  border: none;
107
+ padding-top: 10px;
108
+ width: 339px;
112
109
  `,g=({progressPercent:i})=>e.jsxs(u,{viewBox:"0 0 133 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{width:133*i,height:"2",fill:"var(--color-primary-blue-2)"}),e.jsx("rect",{x:133*i,width:133-133*i,height:"2",fill:"var(--color-grey-8)"})]}),u=r.styled.svg`
113
110
  width: 100%;
114
111
  `,b=r.styled.div`
@@ -118,4 +115,4 @@
118
115
  display: inline-flex;
119
116
  align-items: center;
120
117
  gap: 4px;
121
- `;exports.LearningCourseCard=({content:i,href:r,image:a,creatorName:u,supportLabel:f,supportIcon:y=e.jsx(n.Video,{size:16,color:"white"}),title:v,onCardClick:w,progress:j,duration:$,watchedPercentage:m,sx:k})=>{const z=!!i,q=!!r,C=e.jsx(e.Fragment,{children:e.jsxs(c,{className:"normal-card",onClick:w,children:[e.jsx(x,{children:e.jsx(l.default,{alt:"",height:180,quality:100,src:a,width:312})}),e.jsx(p,{children:e.jsxs(h,{children:[e.jsxs(o.Box,{$dir:"column",$gap:4,children:[e.jsx(s.H,{$color:"grey-2",$textClampLines:2,$semiBold:!0,$fontSize:16,$lineHeight:26,dangerouslySetInnerHTML:{__html:v}}),e.jsxs(o.Box,{$dir:"row",$justify:"space-between",children:[e.jsxs(o.Box,{$dir:"row",$gap:5,children:[e.jsx(t.P,{$fontSize:12,$italic:!0,$lineHeight:16,$color:"grey-4",children:"by"}),e.jsx(t.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:u})]}),f&&e.jsxs(b,{children:[y,e.jsx(t.P,{$color:"white",$fontSize:10,$lineHeight:14,sx:"font-weight:500",children:f})]})]})]}),e.jsxs(o.Box,{$dir:"column",$justify:"space-between",$gap:10,children:[e.jsx(g,{progressPercent:j/$}),e.jsxs(t.P,{$fontSize:12,$lineHeight:16,children:[Math.round(m),"%"]})]})]})})]})});return e.jsx(d,{as:"div",$sx:k,$hasContent:z,$isClickable:q,children:C})};
118
+ `;exports.LearningCourseCard=({content:i,href:r,image:a,creatorName:u,supportLabel:f,supportIcon:y=e.jsx(n.Video,{size:16,color:"white"}),title:w,onCardClick:v,progress:j,duration:$,watchedPercentage:m,sx:k})=>{const z=!!i,q=!!r,C=e.jsx(e.Fragment,{children:e.jsxs(c,{className:"normal-card",onClick:v,children:[e.jsx(x,{children:e.jsx(l.default,{alt:"",height:191,quality:100,src:a,width:339})}),e.jsx(p,{children:e.jsxs(h,{children:[e.jsxs(o.Box,{$dir:"column",$gap:8,children:[e.jsx(s.H,{$color:"grey-2",$textClampLines:2,sx:"font-weight:700",$fontSize:18,$lineHeight:26,dangerouslySetInnerHTML:{__html:w}}),e.jsxs(o.Box,{$dir:"row",$justify:"space-between",children:[e.jsxs(o.Box,{$dir:"row",$gap:5,children:[e.jsx(t.P,{$fontSize:12,$italic:!0,$lineHeight:16,$color:"grey-4",children:"by"}),e.jsx(t.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:u})]}),f&&e.jsxs(b,{children:[y,e.jsx(t.P,{$color:"white",$fontSize:10,$lineHeight:14,sx:"font-weight:500",children:f})]})]})]}),e.jsxs(o.Box,{$dir:"column",$justify:"space-between",$gap:10,children:[e.jsx(g,{progressPercent:j/$}),e.jsxs(t.P,{$fontSize:12,$lineHeight:16,children:[Math.round(m),"%"]})]})]})})]})});return e.jsx(d,{as:"div",$sx:k,$hasContent:z,$isClickable:q,children:C})};
@@ -1,16 +1,22 @@
1
1
  "use client";
2
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("next/image"),i=require("styled-components"),n=require("../../atoms/box/box.js"),t=require("../../atoms/typography/heading.js"),s=require("../../atoms/typography/paragraph.js"),l=require("../../actions/rate/rate.js"),a=require("../../feedback/tooltip/tooltip.js"),d=require("../../../icons/basic/video.js"),c=require("../../../icons/basic/pencil.js");require("../../iconography/icon/icon.js");var p=require("../../../icons/arrow/forward_bold.js"),x=require("../../../icons/audio_video/trailer.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../common/colors.js");var h=g(r),b=g(o);const u={draft:{label:"Draft",bgColor:"rgba(255, 255, 255, 0.9)",dotColor:"#94A3B8"},published:{label:"Published",bgColor:"rgba(255, 255, 255, 0.9)",dotColor:"#22C55E"},"pending-review":{label:"Pending Review",bgColor:"rgba(255, 255, 255, 0.9)",dotColor:"#F59E0B"},"in-review":{label:"In Review",bgColor:"rgba(255, 255, 255, 0.9)",dotColor:"#3B82F6"},"change-required":{label:"Change Required",bgColor:"#FEE2E2",dotColor:"#EF4444"},edited:{label:"Edited",bgColor:"rgba(255, 255, 255, 0.9)",dotColor:"#22C55E"}},$=i.styled.div`
2
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("next/image"),i=require("styled-components"),n=require("../../atoms/box/box.js"),t=require("../../atoms/typography/heading.js"),s=require("../../atoms/typography/paragraph.js"),l=require("../../actions/rate/rate.js"),a=require("../../feedback/tooltip/tooltip.js"),d=require("../../../icons/basic/video.js"),c=require("../../../icons/basic/pencil.js");require("../../iconography/icon/icon.js");var p=require("../../../icons/arrow/forward_bold.js"),x=require("../../../icons/audio_video/trailer.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../common/colors.js");var g=h(r),b=h(o);const u={draft:{label:"Draft",bgColor:"rgba(255, 255, 255, 0.9)",dotColor:"#94A3B8"},published:{label:"Published",bgColor:"rgba(255, 255, 255, 0.9)",dotColor:"#22C55E"},"pending-review":{label:"Pending Review",bgColor:"rgba(255, 255, 255, 0.9)",dotColor:"#F59E0B"},"in-review":{label:"In Review",bgColor:"rgba(255, 255, 255, 0.9)",dotColor:"#3B82F6"},"change-required":{label:"Change Required",bgColor:"#FEE2E2",dotColor:"#EF4444"},edited:{label:"Edited",bgColor:"rgba(255, 255, 255, 0.9)",dotColor:"#22C55E"}},f=i.styled.div`
3
3
  cursor: pointer;
4
4
  display: inline-block;
5
5
  position: relative;
6
6
  z-index: 1;
7
7
  user-select: none;
8
8
  text-decoration: none;
9
- width: 312px;
9
+ width: 339px;
10
10
  vertical-align: top;
11
11
  background-color: transparent;
12
12
  border-radius: 16px;
13
13
 
14
+ transition: transform 0.2s ease;
15
+
16
+ &:hover {
17
+ transform: scale(1.02); // Scales to ~400px visually
18
+ }
19
+
14
20
  &[href] {
15
21
  cursor: pointer;
16
22
  }
@@ -27,7 +33,7 @@
27
33
  }
28
34
 
29
35
  figure {
30
- width: 312px;
36
+ width: 339px;
31
37
  background-color: transparent;
32
38
  border-radius: 16px;
33
39
  position: absolute;
@@ -36,6 +42,10 @@
36
42
  transition: transform 0.3s ease, width 0.3s ease, box-shadow 0.3s ease;
37
43
  }
38
44
 
45
+ .hover-card {
46
+ width: 400px;
47
+ }
48
+
39
49
  .normal-card {
40
50
  opacity: 1;
41
51
  visibility: visible;
@@ -55,7 +65,7 @@
55
65
  }
56
66
 
57
67
  @media (min-width: 768px) {
58
- ${({$hasContent:e,$isClickable:r})=>e&&r&&"\n &:hover {\n z-index: 6;\n\n .normal-card {\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.1s ease 0.1s, visibility 0s ease 0.1s, transform 0.3s ease, width 0.3s ease, box-shadow 0.3s ease;\n }\n\n .hover-card {\n opacity: 1;\n visibility: visible;\n transform: translate(-13px, -55px);\n width: 338px;\n transition: opacity 0.1s ease, visibility 0s ease, transform 0.3s ease, width 0.3s ease, box-shadow 0.3s ease;\n }\n\n .hover-card figcaption {\n padding: 16px 16px 20px;\n }\n }\n "}
68
+ ${({$hasContent:e,$isClickable:r})=>e&&r&&"\n &:hover {\n z-index: 6;\n\n .normal-card {\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.1s ease 0.1s, visibility 0s ease 0.1s, transform 0.3s ease, width 0.3s ease, box-shadow 0.3s ease;\n }\n\n .hover-card {\n opacity: 1;\n visibility: visible;\n transform: translate(-4px, -55px);\n width: 400px;\n transition: opacity 0.1s ease, visibility 0s ease, transform 0.3s ease, width 0.3s ease, box-shadow 0.3s ease;\n }\n\n .hover-card figcaption {\n padding: 16px 16px 20px;\n }\n }\n "}
59
69
  }
60
70
 
61
71
  ${({$sx:e})=>e||""};
@@ -68,10 +78,10 @@
68
78
  border: none;
69
79
  gap: 0;
70
80
  line-height: 0;
71
- `,f=i.styled.div`
81
+ `,j=i.styled.div`
72
82
  position: relative;
73
- width: 100%;
74
- height: 180px;
83
+ width: 339px;
84
+ height: 191px;
75
85
  overflow: hidden;
76
86
  flex-shrink: 0;
77
87
  background-color: transparent;
@@ -87,10 +97,12 @@
87
97
  }
88
98
 
89
99
  .hover-card & {
100
+ width: 400px;
101
+ height: 225px;
90
102
  border-radius: 16px 16px 0 0;
91
103
  background-color: var(--color-page-bg);
92
104
  }
93
- `,j=i.styled.video`
105
+ `,$=i.styled.video`
94
106
  width: 100%;
95
107
  height: 100%;
96
108
  object-fit: cover;
@@ -121,7 +133,7 @@
121
133
  flex-flow: column nowrap;
122
134
  padding: 5px;
123
135
  position: relative;
124
- width: 100%;
136
+ width: 339px;
125
137
  box-sizing: border-box;
126
138
  line-height: normal;
127
139
  transition: padding 0.3s ease;
@@ -131,6 +143,7 @@
131
143
  .hover-card & {
132
144
  border-radius: 0 0 16px 16px;
133
145
  background-color: var(--color-page-bg);
146
+ width: 400px;
134
147
  }
135
148
  `,w=i.styled.div`
136
149
  display: flex;
@@ -139,6 +152,8 @@
139
152
  position: relative;
140
153
  z-index: 2;
141
154
  border: none;
155
+ padding-top: 10px;
156
+ width: 339px;
142
157
  `,C=i.styled.div`
143
158
  background-color: var(--color-primary-blue-2);
144
159
  border-radius: 10px;
@@ -152,6 +167,8 @@
152
167
  gap: 12px;
153
168
  position: relative;
154
169
  z-index: 2;
170
+ width: 100%;
171
+ box-sizing: border-box;
155
172
  `,z=i.styled.button`
156
173
  display: flex;
157
174
  justify-content: center;
@@ -175,7 +192,7 @@
175
192
  justify-content: space-between;
176
193
  align-items: flex-start;
177
194
  z-index: 3;
178
- `,H=i.styled.div`
195
+ `,q=i.styled.div`
179
196
  display: inline-flex;
180
197
  align-items: center;
181
198
  gap: 6px;
@@ -183,7 +200,7 @@
183
200
  border-radius: 20px;
184
201
  background-color: ${({$bgColor:e})=>e};
185
202
  backdrop-filter: blur(4px);
186
- `,q=i.styled.span`
203
+ `,H=i.styled.span`
187
204
  width: 8px;
188
205
  height: 8px;
189
206
  border-radius: 50%;
@@ -205,4 +222,4 @@
205
222
  &:hover {
206
223
  background-color: var(--color-white);
207
224
  }
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})};
225
+ `;exports.SimpleCourseCard=({actions:r,content:o,href:i,image:h,numRating:B,priceText:T,price:E,rating:_,subtitle:L,supportLabel:F,supportIcon:I=e.jsx(d.Video,{size:16,color:"white"}),sx:M,title:R,additionalIcons:D,onHoverCardClick:A,trailerUrl:N,onTrailerClick:U,onShareClick:V,status:G,onEditClick:J})=>{const K=!!o,O=!!i,[Q,W]=g.default.useState(!1),X=g.default.useRef(null),Y=e=>{Q&&A&&(e.preventDefault(),A())},Z=()=>{K&&O&&(W(!0),X.current&&N&&X.current.play())},ee=()=>{W(!1),X.current&&(X.current.pause(),X.current.currentTime=0)},re=!i&&(G||J),oe=e.jsxs(e.Fragment,{children:[e.jsxs(y,{className:"normal-card",children:[e.jsxs(j,{children:[e.jsx(b.default,{alt:"",height:191,quality:100,src:h,width:339}),re&&e.jsxs(S,{children:[G&&e.jsxs(q,{$bgColor:u[G].bgColor,$dotColor:u[G].dotColor,children:[e.jsx(H,{$color:u[G].dotColor}),e.jsx(s.P,{$color:"grey-2",$fontSize:12,$lineHeight:16,children:u[G].label})]}),J&&e.jsx(a.Tooltip,{content:"Edit Course",place:"top",children:e.jsx(P,{onClick:e=>{e.preventDefault(),e.stopPropagation(),J()},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:8,children:[e.jsx(t.H,{$color:"grey-2",$textClampLines:2,sx:"font-size: 18px !important; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: -0.252px;",dangerouslySetInnerHTML:{__html:R}}),e.jsx(s.P,{$color:"grey-4",sx:"font-size: 12px !important; font-style: normal; font-weight: 400; line-height: 16px;",dangerouslySetInnerHTML:{__html:L}})]}),e.jsxs(n.Box,{$dir:"row",$justify:"space-between",children:[e.jsxs(n.Box,{$align:"center",$dir:"row",$gap:4,children:[F&&e.jsxs(C,{children:[I,e.jsx(s.P,{$color:"white",$fontSize:10,$lineHeight:14,sx:"font-weight:500",children:F})]}),void 0!==_&&e.jsxs(e.Fragment,{children:[e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:_/20}),e.jsx(l.Rate,{isRateable:!1,percent:_,size:"small"})]}),void 0!==B&&e.jsxs(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:["(",B,")"]})]}),e.jsx(n.Box,{children:e.jsx(s.P,{$color:"grey-3",sx:"font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px;",children:E})})]})]})})]}),K&&N&&e.jsxs(y,{className:"hover-card",children:[e.jsxs(j,{children:[e.jsx($,{ref:X,muted:!0,loop:!0,playsInline:!0,preload:"auto",children:Array.isArray(N)?N.map((r,o)=>e.jsx("source",{src:r},o)):e.jsx("source",{src:N,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.jsxs(s.P,{$color:"primary-blue-2",$fontSize:16,$lineHeight:24,$bold:!0,children:[T," ",E]}),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:R}}),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:[F&&e.jsxs(C,{children:[I,e.jsx(s.P,{$color:"white",$fontSize:10,$lineHeight:14,sx:"font-weight:500",children:F})]}),void 0!==_&&e.jsxs(e.Fragment,{children:[e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:_/20}),e.jsx(l.Rate,{isRateable:!1,percent:_,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:[U&&e.jsx(a.Tooltip,{content:"Trailer",place:"top",children:e.jsx(z,{onClick:e=>{e.preventDefault(),e.stopPropagation(),U()},children:e.jsx(x.Trailer,{size:16})})}),V&&e.jsx(a.Tooltip,{content:"Share",place:"top",children:e.jsx(z,{onClick:e=>{e.preventDefault(),e.stopPropagation(),V()},children:e.jsx(p.ForwardBold,{size:16})})}),D&&D.length>0&&e.jsx(e.Fragment,{children:g.default.Children.toArray(D)})]})]})]})})]})]});return i?e.jsx(f,{as:"a",$sx:M,href:i,$hasContent:K,$isClickable:O,onClick:Y,onMouseEnter:Z,onMouseLeave:ee,children:oe}):e.jsx(f,{as:"div",$sx:M,$hasContent:K,$isClickable:O,onMouseEnter:Z,onMouseLeave:ee,children:oe})};
@@ -6,6 +6,7 @@ export interface SimpleCourseCardProps {
6
6
  href?: string;
7
7
  image: string;
8
8
  numRating?: number;
9
+ priceText: string;
9
10
  price: string;
10
11
  rating?: number;
11
12
  subtitle: string;
@@ -21,5 +22,5 @@ export interface SimpleCourseCardProps {
21
22
  status?: CourseStatus;
22
23
  onEditClick?: () => void;
23
24
  }
24
- export declare const SimpleCourseCard: ({ actions, content, href, image, numRating, price, rating, subtitle, supportLabel, supportIcon, sx, title, additionalIcons, onHoverCardClick, trailerUrl, onTrailerClick, onShareClick, status, onEditClick, }: SimpleCourseCardProps) => import("react/jsx-runtime").JSX.Element;
25
+ export declare const SimpleCourseCard: ({ actions, content, href, image, numRating, priceText, price, rating, subtitle, supportLabel, supportIcon, sx, title, additionalIcons, onHoverCardClick, trailerUrl, onTrailerClick, onShareClick, status, onEditClick, }: SimpleCourseCardProps) => import("react/jsx-runtime").JSX.Element;
25
26
  //# sourceMappingURL=simple-course.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"simple-course.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/simple-course/simple-course.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,WAAW,GACX,gBAAgB,GAChB,WAAW,GACX,iBAAiB,GACjB,QAAQ,CAAC;AAEb,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAsCD,eAAO,MAAM,gBAAgB,mNAoB1B,qBAAqB,4CA2RvB,CAAC"}
1
+ {"version":3,"file":"simple-course.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/simple-course/simple-course.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,WAAW,GACX,gBAAgB,GAChB,WAAW,GACX,iBAAiB,GACjB,QAAQ,CAAC;AAEb,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAsCD,eAAO,MAAM,gBAAgB,8NAqB1B,qBAAqB,4CA+RvB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soul-refiner/design-system",
3
- "version": "2.14.106",
3
+ "version": "2.14.108",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/src/index.d.ts",
6
6
  "license": "MIT",