@soul-refiner/design-system 2.14.78 → 2.14.80

package/dist/components/actions/stepIndicator/stepIndicator.js

@@ -1,15 +1,15 @@
 "use client";
-"use strict";var e=require("react/jsx-runtime");require("../../atoms/box/box.js"),require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js");var r=require("../../atoms/typography/paragraph.js");require("../../atoms/typography/typography.js");var t=require("react"),a=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t),l=i(a);const n=l.default.div`
+"use strict";var e=require("react/jsx-runtime");require("../../atoms/box/box.js"),require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js");var r=require("../../atoms/typography/paragraph.js");require("../../atoms/typography/typography.js");var t=require("react"),a=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t),n=i(a);const l=n.default.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 14px 1px;
-`,c=l.default.div`
+`,c=n.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
-`,s=l.default.div`
+`,s=n.default.div`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -22,19 +22,19 @@
   color: ${({$active:e,$completed:r})=>e||r?"white":"var(--color-grey-4)"};
   transition: all 0.2s ease;
   border: ${({$active:e,$completed:r})=>e||r?"none":"2px solid var(--color-grey-8)"};
-`,p=l.default(r.P)`
+`,p=n.default(r.P)`
   font-size: 14px;
-  font-family: 'var(--font-family-inter)';
+  font-family: var(--font-inter);
   font-weight: 600;
   line-height: 20px;
   font-weight: ${({$active:e})=>e?600:400};
   color: ${({$active:e})=>e?"var(--color-blue-2) !important":"var(--color-grey-3) !important"};
   white-space: nowrap;
-`,d=l.default.div`
+`,d=n.default.div`
   flex: 1;
   height: 2px;
   background-color: ${({$completed:e})=>e?"var(--color-blue-2)":"var(--color-grey-8)"};
   margin: 0 8px;
   margin-bottom: 24px;
   transition: all 0.2s ease;
-`;exports.StepIndicator=({currentStep:r,steps:t})=>e.jsx(n,{children:t.map((a,i)=>e.jsxs(o.default.Fragment,{children:[e.jsxs(c,{children:[e.jsx(s,{$active:r===a.number,$completed:r>a.number,children:a.number}),e.jsx(p,{$active:r===a.number,children:a.label})]}),i<t.length-1&&e.jsx(d,{$completed:r>a.number})]},a.number))});
+`;exports.StepIndicator=({currentStep:r,steps:t})=>e.jsx(l,{children:t.map((a,i)=>e.jsxs(o.default.Fragment,{children:[e.jsxs(c,{children:[e.jsx(s,{$active:r===a.number,$completed:r>a.number,children:a.number}),e.jsx(p,{$active:r===a.number,children:a.label})]}),i<t.length-1&&e.jsx(d,{$completed:r>a.number})]},a.number))});

package/dist/components/surfaces/success_modal/success-modal.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime");require("../../atoms/box/box.js"),require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js");var r=require("../../atoms/typography/paragraph.js");require("../../atoms/typography/typography.js"),require("../../iconography/icon/icon.js");var o=require("../../../icons/basic/close.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../common/colors.js");var i=t(require("styled-components"));const n=i.default.div`
+"use strict";var e=require("react/jsx-runtime");require("../../atoms/box/box.js"),require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js");var r=require("../../atoms/typography/paragraph.js");require("../../atoms/typography/typography.js"),require("../../iconography/icon/icon.js");var t=require("../../../icons/basic/close.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../common/colors.js");var i=o(require("styled-components"));const n=i.default.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -46,11 +46,11 @@
   justify-content: center;
   align-items: center;
   margin: 0 auto 30px auto;
-`,c=i.default.svg`
+`,p=i.default.svg`
   width: 50px;
   height: 50px;
   fill: var(--color-white);
-`,p=i.default.button`
+`,c=i.default.button`
   background-color: var(--color-primary-blue-2);
   color: var(--color-white);
   border: none;
@@ -66,7 +66,31 @@
   /* width: 143px; */
   font-family: var(--font-inter);
   letter-spacing: '-0.084px';
-  height: 32px;
+  height: 48px;
+  width: 230px;
+`,d=i.default.button`
+  background-color: var(--color-white);
+  color: var(--color-grey-3);
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px;
+  letter-spacing: -0.176px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  align-self: stretch;
+  border-radius: 32px;
+  border: 1px solid var(--color-grey-3);
+  background: var(--color-white);
+  width: 230px;
+  margin: 0 auto;
+  height: 48px;
+  @media screen and (min-width: 500px) {
+    display: none;
+  }
 `,x=i.default.p`
   font-size: 14px;
   font-weight: 400;
@@ -77,4 +101,13 @@
   letter-spacing: -0.084px;
   font-family: var(--font-inter);
   text-align: center;
-`;exports.SuccessModal=({onClose:t,title:i,message:d,actionText:g,onAction:h})=>e.jsx(n,{children:e.jsxs(a,{children:[e.jsx(l,{onClick:t,children:e.jsx(o.Close,{})}),e.jsx(r.P,{sx:"font-size:48px;font-weight:600;color:var(--color-grey-2);font-style:normal;text-align:center;margin:0 0 30px 0;line-height:64px;letter-spacing:-1.056px",children:i}),e.jsx(s,{children:e.jsx(c,{viewBox:"0 0 24 24",children:e.jsx("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19l12-12-1.41-1.41z"})})}),e.jsx(x,{children:d}),e.jsx(p,{onClick:h,children:g})]})});
+`,g=i.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  margin-top: 24px;
+  justify-content: center;
+  /* mx auto */
+  margin: 0 auto;
+`;exports.SuccessModal=({onClose:o,title:i,message:h,actionText:u,onAction:f,openAppText:y="Open in the app",openAppAction:m=()=>{}})=>e.jsx(n,{children:e.jsxs(a,{children:[e.jsx(l,{onClick:o,children:e.jsx(t.Close,{})}),e.jsx(r.P,{sx:"font-size:48px;font-weight:600;color:var(--color-grey-2);font-style:normal;text-align:center;margin:0 0 30px 0;line-height:64px;letter-spacing:-1.056px",children:i}),e.jsx(s,{children:e.jsx(p,{viewBox:"0 0 24 24",children:e.jsx("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19l12-12-1.41-1.41z"})})}),e.jsx(x,{children:h}),e.jsxs(g,{children:[e.jsx(c,{onClick:f,children:u}),e.jsx(d,{onClick:m,children:y})]})]})});

package/dist/src/components/surfaces/success_modal/success-modal.d.ts

@@ -4,6 +4,8 @@ export interface SuccessModalProps {
     message: string;
     actionText: string;
     onAction: () => void;
+    openAppText?: string;
+    openAppAction?: () => void;
 }
-export declare const SuccessModal: ({ onClose, title, message, actionText, onAction, }: SuccessModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SuccessModal: ({ onClose, title, message, actionText, onAction, openAppText, openAppAction, }: SuccessModalProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=success-modal.d.ts.map

package/dist/src/components/surfaces/success_modal/success-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"success-modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/success_modal/success-modal.tsx"],"names":[],"mappings":"AAoGA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,uDAMtB,iBAAiB,4CAoBnB,CAAC"}
+{"version":3,"file":"success-modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/success_modal/success-modal.tsx"],"names":[],"mappings":"AAyIA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,mFAQtB,iBAAiB,4CAuBnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "2.14.78",
+  "version": "2.14.80",
   "main": "dist/index.js",
   "types": "dist/src/index.d.ts",
   "license": "MIT",