@soul-refiner/design-system 2.14.108 → 2.14.109
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("next/image"),r=require("styled-components"),o=require("../../atoms/box/box.js"),s=require("../../atoms/typography/
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("next/image"),r=require("styled-components"),o=require("../../atoms/box/box.js"),s=require("../../atoms/typography/paragraph.js"),t=require("../../../icons/basic/video.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(i);const l=r.styled.div`
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
display: inline-block;
|
|
5
5
|
position: relative;
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
${({$sx:e})=>e||""};
|
|
58
|
-
`,
|
|
58
|
+
`,d=r.styled.figure`
|
|
59
59
|
margin: 0px;
|
|
60
60
|
border-radius: 16px;
|
|
61
61
|
overflow: visible;
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
border: none;
|
|
65
65
|
gap: 0;
|
|
66
66
|
line-height: 0;
|
|
67
|
-
`,
|
|
67
|
+
`,c=r.styled.div`
|
|
68
68
|
position: relative;
|
|
69
69
|
width: 339px;
|
|
70
70
|
height: 191px;
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
border-radius: 16px 16px 0 0;
|
|
87
87
|
background-color: var(--color-page-bg);
|
|
88
88
|
}
|
|
89
|
-
`,
|
|
89
|
+
`,x=r.styled.figcaption`
|
|
90
90
|
display: flex;
|
|
91
91
|
flex-flow: column nowrap;
|
|
92
92
|
padding: 5px;
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
transition: padding 0.3s ease;
|
|
98
98
|
border: none;
|
|
99
99
|
outline: none;
|
|
100
|
-
`,
|
|
100
|
+
`,p=r.styled.div`
|
|
101
101
|
display: flex;
|
|
102
102
|
flex-direction: column;
|
|
103
103
|
gap: 12px;
|
|
@@ -106,13 +106,13 @@
|
|
|
106
106
|
border: none;
|
|
107
107
|
padding-top: 10px;
|
|
108
108
|
width: 339px;
|
|
109
|
-
`,
|
|
109
|
+
`,h=({progressPercent:i})=>e.jsxs(g,{viewBox:"0 0 133 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{width:133*i,height:"1",fill:"var(--color-primary-blue-2)"}),e.jsx("rect",{x:133*i,width:133-133*i,height:"1",fill:"var(--color-grey-8)"})]}),g=r.styled.svg`
|
|
110
110
|
width: 100%;
|
|
111
|
-
`,
|
|
111
|
+
`,u=r.styled.div`
|
|
112
112
|
background-color: var(--color-primary-blue-2);
|
|
113
113
|
border-radius: 10px;
|
|
114
114
|
padding: 2px 6px;
|
|
115
115
|
display: inline-flex;
|
|
116
116
|
align-items: center;
|
|
117
117
|
gap: 4px;
|
|
118
|
-
`;exports.LearningCourseCard=({content:i,href:r,image:
|
|
118
|
+
`;exports.LearningCourseCard=({content:i,href:r,image:n,creatorName:g,supportLabel:b,supportIcon:f=e.jsx(t.Video,{size:16,color:"white"}),title:w,onCardClick:y,progress:v,duration:m,watchedPercentage:j,sx:$})=>{const k=!!i,z=!!r,C=e.jsx(e.Fragment,{children:e.jsxs(d,{className:"normal-card",onClick:y,children:[e.jsx(c,{children:e.jsx(a.default,{alt:"",height:191,quality:100,src:n,width:339})}),e.jsx(x,{children:e.jsxs(p,{children:[e.jsxs(o.Box,{$dir:"column",$gap:8,children:[e.jsx(s.P,{sx:"font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: -0.252px; color: var(--color-grey-2); text-overflow: ellipsis;overflow: hidden;",$textClampLines:2,dangerouslySetInnerHTML:{__html:w}}),e.jsxs(o.Box,{$dir:"row",$justify:"space-between",children:[e.jsxs(o.Box,{$dir:"row",$gap:5,children:[e.jsx(s.P,{$fontSize:12,$italic:!0,$lineHeight:16,$color:"grey-4",children:"by"}),e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:g})]}),b&&e.jsxs(u,{children:[f,e.jsx(s.P,{$color:"white",$fontSize:10,$lineHeight:14,sx:"font-weight:500",children:b})]})]})]}),e.jsxs(o.Box,{$dir:"column",$justify:"space-between",$gap:10,children:[e.jsx(h,{progressPercent:v/m}),e.jsxs(s.P,{sx:"font-size: 12px; font-style: normal;font-weight: 400;line-height: 16px;",children:[Math.round(j),"% Complete"]})]})]})})]})});return e.jsx(l,{as:"div",$sx:$,$hasContent:k,$isClickable:z,children:C})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"learning-course.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/learning-course/learning-course.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,WAAW,GACX,gBAAgB,GAChB,WAAW,GACX,iBAAiB,GACjB,QAAQ,CAAC;AAEb,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAEjC,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,kBAAkB,qIAa5B,uBAAuB,
|
|
1
|
+
{"version":3,"file":"learning-course.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/learning-course/learning-course.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,WAAW,GACX,gBAAgB,GAChB,WAAW,GACX,iBAAiB,GACjB,QAAQ,CAAC;AAEb,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAEjC,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,kBAAkB,qIAa5B,uBAAuB,4CAiEzB,CAAC"}
|