@soul-refiner/design-system 2.14.166 → 2.14.167
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,17 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("next/image"),t=require("styled-components"),a=require("../../atoms/box/box.js"),o=require("../../atoms/typography/heading.js"),s=require("../../atoms/typography/paragraph.js"),n=require("../../actions/rate/rate.js"),l=require("../../../icons/shopping/cart_filled.js"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("next/image"),t=require("styled-components"),a=require("../../atoms/box/box.js"),o=require("../../atoms/typography/heading.js"),s=require("../../atoms/typography/paragraph.js"),n=require("../../actions/rate/rate.js"),l=require("../../../icons/shopping/cart_filled.js"),d=require("../styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(i),c=x(r);const h=t.styled.a`
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
display: block;
|
|
5
5
|
position: relative;
|
|
6
6
|
z-index: 5;
|
|
7
7
|
user-select: none;
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
width: 100%;
|
|
9
|
+
height: auto;
|
|
10
|
+
aspect-ratio: 1 / 1;
|
|
10
11
|
transition: transform 0.3s;
|
|
11
12
|
|
|
12
13
|
figure {
|
|
13
14
|
transition: width 0.3s;
|
|
14
|
-
width:
|
|
15
|
+
width: 100%;
|
|
15
16
|
${({$hasPurchaseText:e})=>e?"background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 25.1px, rgba(0, 0, 0, 0.00) 56px);":""}
|
|
16
17
|
|
|
17
18
|
img {
|
|
@@ -62,13 +63,14 @@
|
|
|
62
63
|
border-radius: 16px;
|
|
63
64
|
|
|
64
65
|
.thumbnail {
|
|
66
|
+
display: block;
|
|
65
67
|
border-radius: 16px;
|
|
66
68
|
object-fit: cover;
|
|
67
69
|
position: relative;
|
|
68
70
|
z-index: -1;
|
|
69
71
|
width: 100%;
|
|
70
|
-
height:
|
|
71
|
-
aspect-ratio:
|
|
72
|
+
height: auto;
|
|
73
|
+
aspect-ratio: 1 / 1;
|
|
72
74
|
}
|
|
73
75
|
`,u=t.styled.figcaption`
|
|
74
76
|
display: none;
|
|
@@ -82,4 +84,4 @@
|
|
|
82
84
|
position: absolute;
|
|
83
85
|
top: 8px;
|
|
84
86
|
right: 8px;
|
|
85
|
-
`;exports.AudioCourseCard=({actions:i,actionDropdown:r,content:t,cta:
|
|
87
|
+
`;exports.AudioCourseCard=({actions:i,actionDropdown:r,content:t,cta:x,href:f,image:b,logo:m,numRating:j,purchaseText:y,rating:w,subtitle:v,supportLabel:q,sx:z,title:P})=>e.jsx(h,{$sx:z,href:f,$hasPurchaseText:!!y,children:e.jsxs(g,{children:[r&&e.jsx($,{children:r}),!!y&&e.jsxs(d.PurchaseTextWrapper,{className:"not-hover",children:[e.jsx(l.CartFilled,{color:"yellow-5",size:24}),e.jsx(s.P,{$bold:!0,$color:"white",children:y})]}),e.jsx(c.default,{alt:"",className:"thumbnail",height:228,quality:100,src:b,width:228}),e.jsxs(u,{children:[e.jsx(a.Box,{$display:"block",children:x}),e.jsxs(a.Box,{$align:"center",$dir:"row",$gap:16,children:[m,e.jsxs(a.Box,{$dir:"column",$gap:4,sx:"width: calc(100% - 56px);",children:[e.jsx(o.H,{$color:"grey-2",$semiBold:!0,$fontSize:18,$textClampLines:1,children:P}),e.jsxs(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$textClampLines:1,$sx:"display: flex; gap: 8px;",children:[v,q&&e.jsx(s.P,{as:"span",$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"display: inline-block; flex: 1; text-align: right;",children:q})]})]})]}),e.jsx(s.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:6,dangerouslySetInnerHTML:{__html:t}}),e.jsxs(a.Box,{$align:"center",$dir:"row",children:[e.jsx(n.Rate,{isRateable:!1,percent:w,size:"small"}),e.jsxs(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;",children:["(",j,")"]}),e.jsx(a.Box,{$align:"center",$dir:"row",$gap:8,children:p.default.Children.toArray(i)})]})]})]})});
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("next/image"),t=require("styled-components"),a=require("../../atoms/box/box.js"),o=require("../../atoms/typography/heading.js"),n=require("../../atoms/typography/paragraph.js"),s=require("../../actions/rate/rate.js"),l=require("../../../icons/shopping/cart_filled.js"),d=require("../styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(i),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("next/image"),t=require("styled-components"),a=require("../../atoms/box/box.js"),o=require("../../atoms/typography/heading.js"),n=require("../../atoms/typography/paragraph.js"),s=require("../../actions/rate/rate.js"),l=require("../../../icons/shopping/cart_filled.js"),d=require("../styles.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(i),c=x(r);const h=t.styled.a`
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
display: block;
|
|
5
5
|
position: relative;
|
|
6
6
|
z-index: 1;
|
|
7
7
|
user-select: none;
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
width: 100%;
|
|
9
|
+
aspect-ratio: 16 / 9;
|
|
10
10
|
transition: transform 0.3s;
|
|
11
11
|
|
|
12
12
|
figure {
|
|
13
13
|
transition: width 0.3s;
|
|
14
|
-
width:
|
|
14
|
+
width: 100%;
|
|
15
15
|
${({$hasPurchaseText:e})=>e?"background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 25.1px, rgba(0, 0, 0, 0.00) 56px);":""}
|
|
16
16
|
|
|
17
17
|
img {
|
|
@@ -58,18 +58,19 @@
|
|
|
58
58
|
|
|
59
59
|
${({$sx:e})=>e||""};
|
|
60
60
|
`,g=t.styled.figure`
|
|
61
|
-
max-width:
|
|
62
|
-
width:
|
|
61
|
+
max-width: 100%;
|
|
62
|
+
width: 100%;
|
|
63
63
|
margin: 0px;
|
|
64
64
|
border-radius: 16px;
|
|
65
65
|
|
|
66
66
|
.thumbnail {
|
|
67
|
+
display: block;
|
|
67
68
|
position: relative;
|
|
68
69
|
object-fit: cover;
|
|
69
70
|
z-index: -1;
|
|
70
71
|
width: 100%;
|
|
71
|
-
aspect-ratio:
|
|
72
|
-
height:
|
|
72
|
+
aspect-ratio: 16 / 9;
|
|
73
|
+
height: auto;
|
|
73
74
|
border-radius: 16px;
|
|
74
75
|
}
|
|
75
76
|
`,u=t.styled.figcaption`
|
|
@@ -83,4 +84,4 @@
|
|
|
83
84
|
position: absolute;
|
|
84
85
|
top: 8px;
|
|
85
86
|
right: 8px;
|
|
86
|
-
`;exports.VideoCourseCard=({actions:i,actionDropdown:r,content:t,cta:x,href:$,image:f,logo:b,numRating:j,purchaseText:y,rating:w,subtitle:v,supportLabel:q,sx:z,title:H})=>e.jsx(
|
|
87
|
+
`;exports.VideoCourseCard=({actions:i,actionDropdown:r,content:t,cta:x,href:$,image:f,logo:b,numRating:j,purchaseText:y,rating:w,subtitle:v,supportLabel:q,sx:z,title:H})=>e.jsx(h,{$sx:z,href:$,$hasPurchaseText:!!y,children:e.jsxs(g,{children:[r&&e.jsx(m,{children:r}),!!y&&e.jsxs(d.PurchaseTextWrapper,{className:"not-hover",children:[e.jsx(l.CartFilled,{color:"yellow-5",size:24}),e.jsx(n.P,{$bold:!0,$color:"white",children:y})]}),e.jsx(c.default,{alt:"",className:"thumbnail",height:213,quality:100,src:f,width:379}),e.jsxs(u,{children:[e.jsx(a.Box,{$display:"block",children:x}),e.jsxs(a.Box,{$align:"center",$dir:"row",$gap:16,children:[b,e.jsxs(a.Box,{$dir:"column",$gap:4,sx:"max-width: 60%;",children:[e.jsx(o.H,{$color:"grey-2",$textClampLines:1,$semiBold:!0,$fontSize:18,dangerouslySetInnerHTML:{__html:H}}),e.jsx(n.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,dangerouslySetInnerHTML:{__html:v}})]}),q&&e.jsx(n.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin-left: auto; align-self: flex-end; margin-bottom: 2.5px;",children:q})]}),e.jsx(n.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:4,dangerouslySetInnerHTML:{__html:t}}),e.jsxs(a.Box,{$align:"center",$dir:"row",children:[e.jsx(s.Rate,{isRateable:!1,percent:w,size:"small"}),e.jsxs(n.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;",children:["(",j,")"]}),e.jsx(a.Box,{$align:"center",$dir:"row",$gap:8,children:p.default.Children.toArray(i)})]})]})]})});
|
|
@@ -5,6 +5,9 @@
|
|
|
5
5
|
box-sizing: border-box;
|
|
6
6
|
background-color: var(--color-blue-10);
|
|
7
7
|
border-right: 1px solid var(--color-grey-9);
|
|
8
|
+
@media (max-width: 768px) {
|
|
9
|
+
width: 200px;
|
|
10
|
+
}
|
|
8
11
|
`,f=({active:r,href:n,icon:o,label:i,isPaidIcon:a,sx:l,onClick:t})=>e.jsxs(g,{$active:r,$sx:l,href:n||"#",scroll:!1,onClick:t,children:[o,i,a]}),g=n.styled(x.default)`
|
|
9
12
|
padding: 14px 16px;
|
|
10
13
|
display: flex;
|
|
@@ -23,12 +26,12 @@
|
|
|
23
26
|
${({$active:e})=>e?"\n background-color: var(--color-primary-blue-3);":"\n &:hover {\n background-color: var(--color-primary-blue-4);\n }"}
|
|
24
27
|
|
|
25
28
|
${({$sx:e})=>e||""}
|
|
26
|
-
`;h.Item=f,f.displayName="InnerNav.Item";const
|
|
29
|
+
`;h.Item=f,f.displayName="InnerNav.Item";const w=({children:r,icon:n,label:o,open:i,sx:a,onClick:t})=>e.jsxs(e.Fragment,{children:[e.jsxs(m,{$active:!1,$sx:a,onClick:t,children:[n,e.jsxs(b,{children:[o,i&&e.jsx(s.ChevronUp,{size:16}),!i&&e.jsx(l.ChevronDown,{size:16})]})]}),i&&e.jsx(y,{children:r})]}),y=n.styled.div`
|
|
27
30
|
& > a,
|
|
28
31
|
& > button {
|
|
29
32
|
padding-left: 40px;
|
|
30
33
|
}
|
|
31
|
-
`,
|
|
34
|
+
`,b=n.styled.div`
|
|
32
35
|
display: flex;
|
|
33
36
|
justify-content: space-between;
|
|
34
37
|
align-items: center;
|
|
@@ -51,7 +54,7 @@
|
|
|
51
54
|
${({$active:e})=>e?"\n background-color: var(--color-primary-blue-3);":"\n &:hover {\n background-color: var(--color-primary-blue-4);\n }"}
|
|
52
55
|
|
|
53
56
|
${({$sx:e})=>e||""}
|
|
54
|
-
`;h.Dropdown=
|
|
57
|
+
`;h.Dropdown=w,w.displayName="InnerNav.Dropdown";const j=({href:r,label:n,sx:o})=>e.jsxs(D,{href:r,$sx:o,scroll:!1,children:[e.jsx("div",{children:e.jsx(t.ChevronLeft,{size:24})}),n]}),D=n.styled(x.default)`
|
|
55
58
|
display: flex;
|
|
56
59
|
align-items: center;
|
|
57
60
|
gap: 8px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inner.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/inner/inner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AAezE;;GAEG;AAEH,QAAA,MAAM,QAAQ;mBAAkB,MAAM,iBAAiB;;
|
|
1
|
+
{"version":3,"file":"inner.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/inner/inner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AAezE;;GAEG;AAEH,QAAA,MAAM,QAAQ;mBAAkB,MAAM,iBAAiB;;kEAgFpD,iBAAiB;;;;wDAoEjB,qBAAqB;;;;8BAyEyB,uBAAuB;;;;uBA6ClC,mBAAmB;;;;6DAwBtD,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAtPrB,CAAC;AAcF;;GAEG;AAEH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA2DD;;GAEG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,iBAAiB;IACpE,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACnC;AAwED;;GAEG;AAEH,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAyCD;;GAEG;AAEH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAW1D;;GAEG;AAEH,MAAM,WAAW,mBACf,SAAQ,WAAW,EACjB,KAAK,CAAC,iBAAiB;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAoCD,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|