@openeventkit/event-site 2.0.40 → 2.0.42

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.40",
+  "version": "2.0.42",
   "author": "Tipit LLC",
   "dependencies": {
     "@mui/base": "^5.0.0-alpha.114",
@@ -21,7 +21,7 @@
     "@types/react": "^16.9.42",
     "@vimeo/player": "^2.16.3",
     "ably": "^1.2.34",
-    "attendee-to-attendee-widget": "3.0.3",
+    "attendee-to-attendee-widget": "3.0.4",
     "awesome-bootstrap-checkbox": "^1.0.1",
     "axios": "^0.19.2",
     "babel-preset-gatsby": "^3.9.0",
@@ -65,7 +65,7 @@
     "immutability-helper": "2.9.1",
     "immutable": "^3.7.6",
     "jsdom": "^16.2.2",
-    "lite-schedule-widget": "3.0.1",
+    "lite-schedule-widget": "3.0.2",
     "live-event-widget": "4.0.1",
     "lodash": "^4.17.19",
     "lz-string": "^1.4.4",
@@ -117,7 +117,7 @@
     "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
-    "summit-registration-lite": "5.0.4",
+    "summit-registration-lite": "5.0.5",
     "superagent": "8.0.9",
     "sweetalert2": "^9.17.0",
     "upcoming-events-widget": "3.0.4",

package/src/components/summit-my-orders-tickets/components/TicketPopup/ticket-popup.scss

@@ -210,7 +210,7 @@
       border-color: var(--color_input_border_color) !important;
 
       &::placeholder {
-        color: $color-text-input-hints;
+        color: var(--color_text_input_hints);
       }
     }
 
@@ -265,7 +265,7 @@
       border-color: var(--color_input_border_color) !important;
 
       &::placeholder {
-        color: $color-text-input-hints;
+        color: var(--color_text_input_hints);
       }
     }
 

package/src/styles/colors.scss

@@ -14,6 +14,7 @@ $color_gray_light : #DFDFDF;
 $color_gray_lighter : #F2F2F2;
 $color_text_input_hints : #c4c4c4;
 $color_input_text_color_light: #363636;
+
 $color_input_background_color_light:#fff;
 $color_input_border_color_light:#dbdbdb;
 $color_input_text_color_dark: #FFFFFF;
@@ -21,6 +22,8 @@ $color_input_background_color_dark:rgb(24, 26, 27);
 $color_input_border_color_dark:rgb(58, 63, 65);
 $color_horizontal_rule_dark: #7B7B7B;
 $color_horizontal_rule_light: #E5E5E5;
+$color_text_input_hints_light:#7B7B7B;
+$color_text_input_hints_dark:#7B7B7B;
 
 :root {
   --color_primary: #{$color_primary};
@@ -39,7 +42,7 @@ $color_horizontal_rule_light: #E5E5E5;
   --color_input_text_color: #{$color_input_text_color_light};
   --color_input_background_color: #{$color_input_background_color_light};
   --color_input_border_color: #{$color_input_border_color_light};
-  --color_text_input_hints: #{$color_input_text_color_light};
+  --color_text_input_hints: #{$color_text_input_hints_light};
   --color_horizontal_rule: #{$color_horizontal_rule_light};
 }
 
@@ -55,6 +58,6 @@ html[data-theme="DARK"] {
   --color_input_text_color: #{$color_input_text_color_dark} !important;
   --color_input_background_color: #{$color_input_background_color_dark} !important;
   --color_input_border_color: #{$color_input_border_color_dark} !important;
-  --color_text_input_hints: #{$color_input_text_color_dark} !important;
+  --color_text_input_hints: #{$color_text_input_hints_dark} !important;
   --color_horizontal_rule: #{$color_horizontal_rule_dark};
 }

package/src/styles/global-classes.scss

@@ -1,6 +1,14 @@
 @import "fonts";
 @import "colors";
 
+@mixin placeholder {
+  ::placeholder               {@content}
+  ::-webkit-input-placeholder {@content}
+  :-moz-placeholder           {@content}
+  ::-moz-placeholder          {@content}
+  :-ms-input-placeholder      {@content}
+}
+
 %button-big {
   border-radius: 4px;
   height: 56px;
@@ -146,7 +154,7 @@
     background-color: var(--color_input_background_color) !important;
     border-color: var(--color_input_border_color) !important;
     &::placeholder{
-      color: var(--color_input_text_color) !important;
+      color: var(--color_text_input_hints) !important;
     }
   }
 

package/src/styles/style.scss

@@ -2,6 +2,10 @@
 @import './global-classes';
 @import "./fonts.scss";
 
+@include placeholder {
+  color: var(--color_text_input_hints) !important;
+}
+
 html,
 body {
   @extend %body_fonts;

package/src/utils/loginUtils.js

@@ -13,7 +13,7 @@ export const formatThirdPartyProviders = (providersArray) => {
     const thirdPartyProviders = [
         { button_color: '#1877F2', provider_label: 'Continue with Facebook', provider_param: 'facebook', provider_logo: '../img/third-party-idp/logo_facebook.svg', provider_logo_size: 22 },
         { button_color: '#0A66C2', provider_label: 'Sign in with LinkedIn', provider_param: 'linkedin', provider_logo: '../img/third-party-idp/logo_linkedin.svg', provider_logo_size: 21 },
-        { button_color: '#000000', provider_label: 'Continue with Apple', provider_param: 'apple', provider_logo: '../img/third-party-idp/logo_apple.svg', provider_logo_size: 19 }
+        { button_border_color:'var(--color_input_border_color)', button_color: '#000000', provider_label: 'Continue with Apple', provider_param: 'apple', provider_logo: '../img/third-party-idp/logo_apple.svg', provider_logo_size: 19 }
     ];
 
     return [...providers, ...thirdPartyProviders.filter(p => providersArray && providersArray.includes(p.provider_param))];