@soul-refiner/design-system 2.14.166 → 2.14.168

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"),o=require("react"),r=require("styled-components"),t=require("../../atoms/box/box.js"),i=require("../../input/checkbox/checkbox.js"),a=require("../../input/radio/radio.js"),n=require("../../atoms/typography/paragraph.js");require("../../iconography/icon/icon.js");var l=require("../../../icons/basic/checkmark.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../icons/security/verified_filled.js"),require("../../../common/colors.js");var c=s(o);const d=({checkbox:o,radio:r,children:t,closeOnChange:i=!0,closeOnBlur:a=!0,defaultValue:n="",disabled:l=!1,hasArrow:s,maintainState:d=!0,isButtonTrigger:h=!1,multiple:b,offset:g=[0,16],onChange:v,open:f="right",options:y,sx:k,trigger:m,containerSx:j,additionalOptions:w,additionalOnChange:C,defaultAdditionalValue:S,useFullWidth:q=!1,blueOptionHover:H=!1,useTickInRadio:R=!1,maxHeight:A,...D})=>{const O=c.default.useId(),B=c.default.useRef(null),I=c.default.useRef(null),[T,z]=c.default.useState(!1),[P,E]=c.default.useState(()=>n||(b?[]:"")),[F,N]=c.default.useState(S||"");c.default.useEffect(()=>{l&&z(!1)},[l]);const V=()=>{l||z(e=>!e)},W=b?e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";Array.isArray(P)&&P.includes(o)?E(e=>e.filter(e=>e!==o)):E(e=>[o,...e]),i&&z(!1),v&&v(e)}:e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";E(P!==o?o:""),i&&z(!1),v&&v(e)},L=e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";N(F!==o?o:""),C&&C(o)},_=e=>d&&(b?P.includes(e):e===P);let G=null;t&&(G=c.default.Children.map(t,t=>{let i;if(c.default.isValidElement(t)){const{onClick:a,...n}=t.props;return i=n,e.jsx(x,{checkbox:!!o,onClick:W,selected:_(i.value),radio:!!r,blueHover:H,useTickInRadio:R,...i},i.value)}return null})),y&&(G=y.map((t,i)=>"string"==typeof t&&"break"===t?e.jsx($,{},`${O}-spacer-${i}`):e.jsx(x,{checkbox:!!o,radio:!!r,onClick:W,selected:_(t.value),blueHover:H,useTickInRadio:R,...t},t.value)));const J=c.default.cloneElement(m,h||"Button"===m.type?.displayName||"Button"===m.type?.name?{isDropdownOpen:T,onClick:V}:{onClick:V});return e.jsxs(u,{$sx:k,tabIndex:0,ref:B,onBlurCapture:e=>{a&&B?.current&&!B?.current?.contains(e.relatedTarget)&&z(!1)},...D,children:[J,T&&e.jsx(p,{$hasArrow:s,$offset:g,$openDirection:f,ref:I,$sx:j,$useFullWidth:q,$maxHeight:A,children:e.jsxs("div",{style:{display:"flex"},children:[e.jsx("div",{style:{display:"flex",flexDirection:"column",width:"100%"},children:G}),!!w?.length&&e.jsx("div",{style:{display:"flex",flexDirection:"column"},children:w.map(o=>e.jsx(x,{onClick:L,selected:F===o.value,label:o.label,value:o.value,blueHover:H,useTickInRadio:R},o.value))})]})})]})},u=r.styled.div`
2
+ "use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("styled-components"),t=require("../../atoms/box/box.js"),i=require("../../input/checkbox/checkbox.js"),a=require("../../input/radio/radio.js"),n=require("../../atoms/typography/paragraph.js");require("../../iconography/icon/icon.js");var l=require("../../../icons/basic/checkmark.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../icons/security/verified_filled.js"),require("../../../common/colors.js");var c=s(o);const d=({checkbox:o,radio:r,children:t,closeOnChange:i=!0,closeOnBlur:a=!0,defaultValue:n="",disabled:l=!1,hasArrow:s,maintainState:d=!0,isButtonTrigger:h=!1,multiple:b,offset:v=[0,16],onChange:g,open:f="right",options:y,sx:k,trigger:m,containerSx:j,additionalOptions:w,additionalOnChange:C,defaultAdditionalValue:S,useFullWidth:q=!1,blueOptionHover:H=!1,useTickInRadio:D=!1,maxHeight:R,...A})=>{const O=c.default.useId(),B=c.default.useRef(null),I=c.default.useRef(null),[T,z]=c.default.useState(!1),[P,E]=c.default.useState(()=>n||(b?[]:"")),[F,N]=c.default.useState(S||"");c.default.useEffect(()=>{l&&z(!1)},[l]);const V=()=>{l||z(e=>!e)},W=b?e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";Array.isArray(P)&&P.includes(o)?E(e=>e.filter(e=>e!==o)):E(e=>[o,...e]),i&&z(!1),g&&g(e)}:e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";E(P!==o?o:""),i&&z(!1),g&&g(e)},L=e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";N(F!==o?o:""),C&&C(o)},M=e=>d&&(b?P.includes(e):e===P);let _=null;t&&(_=c.default.Children.map(t,t=>{let i;if(c.default.isValidElement(t)){const{onClick:a,...n}=t.props;return i=n,e.jsx(x,{checkbox:!!o,onClick:W,selected:M(i.value),radio:!!r,blueHover:H,useTickInRadio:D,...i},i.value)}return null})),y&&(_=y.map((t,i)=>"string"==typeof t&&"break"===t?e.jsx($,{},`${O}-spacer-${i}`):e.jsx(x,{checkbox:!!o,radio:!!r,onClick:W,selected:M(t.value),blueHover:H,useTickInRadio:D,...t},t.value)));const G=c.default.cloneElement(m,h||"Button"===m.type?.displayName||"Button"===m.type?.name?{isDropdownOpen:T,onClick:V}:{onClick:V});return e.jsxs(u,{$sx:k,tabIndex:0,ref:B,onBlurCapture:e=>{a&&B?.current&&!B?.current?.contains(e.relatedTarget)&&z(!1)},...A,children:[G,T&&e.jsx(p,{$hasArrow:s,$offset:v,$openDirection:f,ref:I,$sx:j,$useFullWidth:q,$maxHeight:R,onMouseDown:e=>e.preventDefault(),children:e.jsxs("div",{style:{display:"flex"},children:[e.jsx("div",{style:{display:"flex",flexDirection:"column",width:"100%"},children:_}),!!w?.length&&e.jsx("div",{style:{display:"flex",flexDirection:"column"},children:w.map(o=>e.jsx(x,{onClick:L,selected:F===o.value,label:o.label,value:o.value,blueHover:H,useTickInRadio:D},o.value))})]})})]})},u=r.styled.div`
3
3
  position: relative;
4
4
  display: block;
5
5
  outline: none;
@@ -29,7 +29,7 @@
29
29
 
30
30
  ${({$hasArrow:e,$offset:o})=>e?`\n &:before {\n content: '';\n position: absolute;\n width: 15px;\n height: 15px;\n transform: rotate(45deg) translate(${(o?.[0]||0)+8}px, ${(o?.[1]||0)-32}px);\n background-color: var(--color-white);\n }\n `:""}
31
31
  ${({$offset:e})=>e?`transform: translate(${e[0]}px, ${e[1]}px);`:""}
32
- `,x=({checkbox:o,radio:r,disabled:s,icon:c,label:d,onClick:u,selected:p,sublabel:x,sx:$,value:b,color:v,blueHover:f=!1,useTickInRadio:y=!1})=>e.jsxs(h,{"data-value":b,onClick:s?void 0:u,$disabled:s,$hasCheckbox:!!o,$hasRadio:!!r,$hasSublabel:!!x,$selected:p,$sx:$,$blueHover:f,children:[o?e.jsx(i.Checkbox,{selected:p}):r?y&&p?e.jsx(g,{$isSelected:!0,children:e.jsx(l.Checkmark,{size:16,color:"white"})}):e.jsx(a.Radio,{checked:p,value:""}):c,e.jsxs(t.Box,{$dir:"column",$display:"flex",children:[d&&e.jsx(n.P,{$color:v||"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1,children:d}),x&&e.jsx(n.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$textClampLines:1,children:x})]})]});x.displayName="Dropdown.Option",d.Option=x;const h=r.styled.div`
32
+ `,x=({checkbox:o,radio:r,disabled:s,icon:c,label:d,onClick:u,selected:p,sublabel:x,sx:$,value:b,color:g,blueHover:f=!1,useTickInRadio:y=!1})=>e.jsxs(h,{"data-value":b,onClick:s?void 0:u,$disabled:s,$hasCheckbox:!!o,$hasRadio:!!r,$hasSublabel:!!x,$selected:p,$sx:$,$blueHover:f,children:[o?e.jsx(i.Checkbox,{selected:p}):r?y&&p?e.jsx(v,{$isSelected:!0,children:e.jsx(l.Checkmark,{size:16,color:"white"})}):e.jsx(a.Radio,{checked:p,value:""}):c,e.jsxs(t.Box,{$dir:"column",$display:"flex",children:[d&&e.jsx(n.P,{$color:g||"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1,children:d}),x&&e.jsx(n.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$textClampLines:1,children:x})]})]});x.displayName="Dropdown.Option",d.Option=x;const h=r.styled.div`
33
33
  position: relative;
34
34
  z-index: 1;
35
35
  padding: ${({$hasSublabel:e})=>e?10:12}px 16px;
@@ -53,7 +53,7 @@
53
53
  appearance: none;
54
54
  }
55
55
  ${({$sx:e})=>e||""}
56
- `,g=r.styled.div`
56
+ `,v=r.styled.div`
57
57
  margin-right: 8px;
58
58
  width: 20px;
59
59
  height: 20px;
@@ -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"),x=require("../styles.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(i),c=d(r);const h=t.styled.a`
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
- height: 228px;
9
- width: 213px;
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: 213px;
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: 228px;
71
- aspect-ratio: 228 / 228;
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:d,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(x.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:d}),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)})]})]})]})});
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),h=x(r);const c=t.styled.a`
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
- height: 213px;
9
- width: 379px;
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: 379px;
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: 410px;
62
- width: max-content;
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: 379 / 213;
72
- height: 213px;
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(c,{$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(h.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)})]})]})]})});
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 y=({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(w,{children:[o,i&&e.jsx(s.ChevronUp,{size:16}),!i&&e.jsx(l.ChevronDown,{size:16})]})]}),i&&e.jsx(b,{children:r})]}),b=n.styled.div`
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
- `,w=n.styled.div`
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=y,y.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)`
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":"dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/dropdown/dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,KAAK,WAAW,GAAG,IAAI,CACrB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,WAAW,GACX,UAAU,GACV,QAAQ,GACR,eAAe,GACf,SAAS,GACT,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,cAAc,GACd,cAAc,GACd,YAAY,GACZ,aAAa,CAChB,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,KAAK,CAAC,iBAAiB;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC,EAAE,CAAC;IACxE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ;wVA2BX,aAAa;;gIAoSb,mBAAmB;;;;iBAyHE,mBAAmB;;;CAxN1C,CAAC;AAiEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,GAAG,SAAS,CAAC;IACxE,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAqID,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAoCD,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/dropdown/dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,KAAK,WAAW,GAAG,IAAI,CACrB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,WAAW,GACX,UAAU,GACV,QAAQ,GACR,eAAe,GACf,SAAS,GACT,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,cAAc,GACd,cAAc,GACd,YAAY,GACZ,aAAa,CAChB,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,KAAK,CAAC,iBAAiB;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC,EAAE,CAAC;IACxE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ;wVA2BX,aAAa;;gIAqSb,mBAAmB;;;;iBAyHE,mBAAmB;;;CAxN1C,CAAC;AAiEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,GAAG,SAAS,CAAC;IACxE,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAqID,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAoCD,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -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;;kEA6EpD,iBAAiB;;;;wDAoEjB,qBAAqB;;;;8BAyEyB,uBAAuB;;;;uBA6ClC,mBAAmB;;;;6DAwBtD,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAnPrB,CAAC;AAWF;;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"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soul-refiner/design-system",
3
- "version": "2.14.166",
3
+ "version": "2.14.168",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/src/index.d.ts",
6
6
  "license": "MIT",