@openeventkit/event-site 2.0.41 → 2.0.42

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.
Files changed (6) hide show
  1. package/package.json +2 -2
  2. package/src/components/summit-my-orders-tickets/components/TicketPopup/ticket-popup.scss +2 -2
  3. package/src/styles/colors.scss +5 -2
  4. package/src/styles/global-classes.scss +9 -1
  5. package/src/styles/style.scss +4 -0
  6. package/src/utils/loginUtils.js +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@openeventkit/event-site",
3
3
  "description": "Event Site",
4
- "version": "2.0.41",
4
+ "version": "2.0.42",
5
5
  "author": "Tipit LLC",
6
6
  "dependencies": {
7
7
  "@mui/base": "^5.0.0-alpha.114",
@@ -117,7 +117,7 @@
117
117
  "stream-browserify": "^3.0.0",
118
118
  "stream-chat": "^2.7.2",
119
119
  "stream-chat-react": "3.1.7",
120
- "summit-registration-lite": "5.0.4",
120
+ "summit-registration-lite": "5.0.5",
121
121
  "superagent": "8.0.9",
122
122
  "sweetalert2": "^9.17.0",
123
123
  "upcoming-events-widget": "3.0.4",
package/src/components/summit-my-orders-tickets/components/TicketPopup/ticket-popup.scss CHANGED
@@ -210,7 +210,7 @@
210
210
  border-color: var(--color_input_border_color) !important;
211
211
 
212
212
  &::placeholder {
213
- color: $color-text-input-hints;
213
+ color: var(--color_text_input_hints);
214
214
  }
215
215
  }
216
216
 
@@ -265,7 +265,7 @@
265
265
  border-color: var(--color_input_border_color) !important;
266
266
 
267
267
  &::placeholder {
268
- color: $color-text-input-hints;
268
+ color: var(--color_text_input_hints);
269
269
  }
270
270
  }
271
271
 
package/src/styles/colors.scss CHANGED
@@ -14,6 +14,7 @@ $color_gray_light : #DFDFDF;
14
14
  $color_gray_lighter : #F2F2F2;
15
15
  $color_text_input_hints : #c4c4c4;
16
16
  $color_input_text_color_light: #363636;
17
+
17
18
  $color_input_background_color_light:#fff;
18
19
  $color_input_border_color_light:#dbdbdb;
19
20
  $color_input_text_color_dark: #FFFFFF;
@@ -21,6 +22,8 @@ $color_input_background_color_dark:rgb(24, 26, 27);
21
22
  $color_input_border_color_dark:rgb(58, 63, 65);
22
23
  $color_horizontal_rule_dark: #7B7B7B;
23
24
  $color_horizontal_rule_light: #E5E5E5;
25
+ $color_text_input_hints_light:#7B7B7B;
26
+ $color_text_input_hints_dark:#7B7B7B;
24
27
 
25
28
  :root {
26
29
  --color_primary: #{$color_primary};
@@ -39,7 +42,7 @@ $color_horizontal_rule_light: #E5E5E5;
39
42
  --color_input_text_color: #{$color_input_text_color_light};
40
43
  --color_input_background_color: #{$color_input_background_color_light};
41
44
  --color_input_border_color: #{$color_input_border_color_light};
42
- --color_text_input_hints: #{$color_input_text_color_light};
45
+ --color_text_input_hints: #{$color_text_input_hints_light};
43
46
  --color_horizontal_rule: #{$color_horizontal_rule_light};
44
47
  }
45
48
 
@@ -55,6 +58,6 @@ html[data-theme="DARK"] {
55
58
  --color_input_text_color: #{$color_input_text_color_dark} !important;
56
59
  --color_input_background_color: #{$color_input_background_color_dark} !important;
57
60
  --color_input_border_color: #{$color_input_border_color_dark} !important;
58
- --color_text_input_hints: #{$color_input_text_color_dark} !important;
61
+ --color_text_input_hints: #{$color_text_input_hints_dark} !important;
59
62
  --color_horizontal_rule: #{$color_horizontal_rule_dark};
60
63
  }
package/src/styles/global-classes.scss CHANGED
@@ -1,6 +1,14 @@
1
1
  @import "fonts";
2
2
  @import "colors";
3
3
 
4
+ @mixin placeholder {
5
+ ::placeholder {@content}
6
+ ::-webkit-input-placeholder {@content}
7
+ :-moz-placeholder {@content}
8
+ ::-moz-placeholder {@content}
9
+ :-ms-input-placeholder {@content}
10
+ }
11
+
4
12
  %button-big {
5
13
  border-radius: 4px;
6
14
  height: 56px;
@@ -146,7 +154,7 @@
146
154
  background-color: var(--color_input_background_color) !important;
147
155
  border-color: var(--color_input_border_color) !important;
148
156
  &::placeholder{
149
- color: var(--color_input_text_color) !important;
157
+ color: var(--color_text_input_hints) !important;
150
158
  }
151
159
  }
152
160
 
package/src/styles/style.scss CHANGED
@@ -2,6 +2,10 @@
2
2
  @import './global-classes';
3
3
  @import "./fonts.scss";
4
4
 
5
+ @include placeholder {
6
+ color: var(--color_text_input_hints) !important;
7
+ }
8
+
5
9
  html,
6
10
  body {
7
11
  @extend %body_fonts;
package/src/utils/loginUtils.js CHANGED
@@ -13,7 +13,7 @@ export const formatThirdPartyProviders = (providersArray) => {
13
13
  const thirdPartyProviders = [
14
14
  { button_color: '#1877F2', provider_label: 'Continue with Facebook', provider_param: 'facebook', provider_logo: '../img/third-party-idp/logo_facebook.svg', provider_logo_size: 22 },
15
15
  { 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 },
16
- { button_color: '#000000', provider_label: 'Continue with Apple', provider_param: 'apple', provider_logo: '../img/third-party-idp/logo_apple.svg', provider_logo_size: 19 }
16
+ { 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 }
17
17
  ];
18
18
 
19
19
  return [...providers, ...thirdPartyProviders.filter(p => providersArray && providersArray.includes(p.provider_param))];