@yourself_id/siwys-react-js 0.8.0 → 0.9.0

package/dist/index.js

@@ -1032,24 +1032,24 @@ var Wrapper = import_styled_components4.default.div(_templateObject5());
 var SignInContainer = import_styled_components4.default.div(_templateObject6());
 var TitleContainer = import_styled_components4.default.div(_templateObject7());
 var QRContainer = import_styled_components4.default.div(_templateObject8(), function(props) {
-    return props.colorTheme === "dark" ? "border: 10px black solid" : "";
+    return props.$theme === "dark" ? "border: 10px black solid" : "";
 }, function(props) {
-    return props.colorTheme === "dark" ? "border-radius: 26px" : "";
+    return props.$theme === "dark" ? "border-radius: 26px" : "";
 }, function(props) {
-    return props.colorTheme === "dark" ? "line-height: 0" : "";
+    return props.$theme === "dark" ? "line-height: 0" : "";
 });
 var Title = import_styled_components4.default.h4(_templateObject9(), function(props) {
-    return props.colorTheme === "dark" ? "#0F0F10" : "#ffffff";
+    return props.$theme === "dark" ? "#0F0F10" : "#ffffff";
 });
 var InstructionsContainer = import_styled_components4.default.div(_templateObject10());
 var InstructionsTitle = import_styled_components4.default.h4(_templateObject11(), function(props) {
-    return props.colorTheme === "dark" ? "#0F0F10" : "#ffffff";
+    return props.$theme === "dark" ? "#0F0F10" : "#ffffff";
 });
 var InstructionsSubtitle = import_styled_components4.default.p(_templateObject12(), function(props) {
-    return props.colorTheme === "dark" ? "#0F0F10" : "#ffffff";
+    return props.$theme === "dark" ? "#0F0F10" : "#ffffff";
 });
 var InstructionsDescription = import_styled_components4.default.ul(_templateObject13(), function(props) {
-    return props.colorTheme === "dark" ? "#292D36" : "#c4ccd4";
+    return props.$theme === "dark" ? "#292D36" : "#c4ccd4";
 });
 var InstructionsDescriptionItem = import_styled_components4.default.li(_templateObject14());
 var DownloadTitleContainer = import_styled_components4.default.div(_templateObject15());
@@ -1124,7 +1124,7 @@ var SignInWithYourSelf = function(param) {
         width: "48",
         height: "48"
     }), /* @__PURE__ */ import_react4.default.createElement(TitleContainer, null, /* @__PURE__ */ import_react4.default.createElement(Title, {
-        colorTheme: theme
+        $theme: theme
     }, isCYS ? "Connect your" : "Sign in with your"), theme === "dark" ? /* @__PURE__ */ import_react4.default.createElement(SelfTextLogoBlack_default, {
         width: "102",
         height: "22"
@@ -1132,7 +1132,7 @@ var SignInWithYourSelf = function(param) {
         width: "102",
         height: "22"
     })), /* @__PURE__ */ import_react4.default.createElement(QRContainer, {
-        colorTheme: theme
+        $theme: theme
     }, /* @__PURE__ */ import_react4.default.createElement(QrCode_default, {
         challengeUrl: challengeUrl,
         size: 200,
@@ -1146,17 +1146,17 @@ var SignInWithYourSelf = function(param) {
         onClick: onSiwysPress,
         glow: true
     })), /* @__PURE__ */ import_react4.default.createElement(InstructionsContainer, null, /* @__PURE__ */ import_react4.default.createElement(InstructionsTitle, {
-        colorTheme: theme
+        $theme: theme
     }, isCYS ? "Connect your SELF\u2122 Guide:" : "Sign in with your SELF\u2122 Guide:"), /* @__PURE__ */ import_react4.default.createElement("div", null, /* @__PURE__ */ import_react4.default.createElement(InstructionsSubtitle, {
-        colorTheme: theme
+        $theme: theme
     }, isCYS ? "If you have the SELF\xAE\xA0mobile app:" : "If you are signing in on a device that has the SELF\xAE app installed:"), /* @__PURE__ */ import_react4.default.createElement(InstructionsDescription, {
-        colorTheme: theme
+        $theme: theme
     }, /* @__PURE__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, isCYS ? "Use scanning feature in the SELF\xAE app to scan the QR code." : 'Tap the "Sign in with your SELF\u2122" button.'), /* @__PURE__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, "Approve the connection request within the SELF\xAE app."))), /* @__PURE__ */ import_react4.default.createElement("div", null, /* @__PURE__ */ import_react4.default.createElement(InstructionsSubtitle, {
-        colorTheme: theme
+        $theme: theme
     }, isCYS ? "If you do not have the SELF\xAE mobile app:" : "If you are not signing in on a device that has the SELF\xAE app installed:"), /* @__PURE__ */ import_react4.default.createElement(InstructionsDescription, {
-        colorTheme: theme
+        $theme: theme
     }, /* @__PURE__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, isCYS ? "Download and open the SELF\xAE ID app from the App Store." : "Open the SELF\xAE app on the device with the app installed."), /* @__PURE__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, "Use the scanning feature in the SELF\xAE app to scan the QR code."), /* @__PURE__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, "Approve the connection request within the SELF\xAE app."))), /* @__PURE__ */ import_react4.default.createElement(ParentDownloadContainer, null, /* @__PURE__ */ import_react4.default.createElement(DownloadTitleContainer, null, /* @__PURE__ */ import_react4.default.createElement(InstructionsTitle, {
-        colorTheme: theme
+        $theme: theme
     }, "Don\u2019t have the"), theme === "dark" ? /* @__PURE__ */ import_react4.default.createElement(SelfTextLogoBlack_default, {
         width: "58",
         height: "12"
@@ -1164,7 +1164,7 @@ var SignInWithYourSelf = function(param) {
         width: "58",
         height: "12"
     }), /* @__PURE__ */ import_react4.default.createElement(InstructionsTitle, {
-        colorTheme: theme
+        $theme: theme
     }, " app?")), /* @__PURE__ */ import_react4.default.createElement(DownloadContainer, null, /* @__PURE__ */ import_react4.default.createElement(DownloadContainerFlex, null, /* @__PURE__ */ import_react4.default.createElement(DownloadAppTitle, null, "Available to download now:"), /* @__PURE__ */ import_react4.default.createElement(AppIconsContainer, null, /* @__PURE__ */ import_react4.default.createElement(IconDark_default, {
         width: "56",
         height: "56"