@sc-360-v2/storefront-cms-library 0.5.6 → 0.5.8

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/dist/builder.js +1 -1
  2. package/dist/checkout.scss +54 -18
  3. package/dist/form-preview.scss +14 -2
  4. package/dist/modal.scss +20 -0
  5. package/dist/product-basic-elements.scss +3 -3
  6. package/package.json +1 -1
package/dist/checkout.scss CHANGED
@@ -96,6 +96,7 @@ $dark-color: #343a40;
96
96
  .sign_in_section {
97
97
  display: flex;
98
98
  flex-direction: column;
99
+ font-family: var(--_thm-ty-h3-ft-fy);
99
100
  gap: 12px;
100
101
  flex: 1;
101
102
  max-width: 500px;
@@ -104,19 +105,23 @@ $dark-color: #343a40;
104
105
  h2 {
105
106
  margin-bottom: -6px;
106
107
 
107
- font-weight: 600;
108
- font-size: 24px;
109
- line-height: 32px;
110
- color: var(--_gray-900);
108
+ font-weight: var(--_thm-ty-h3-bd);
109
+ font-size: var(--_thm-ty-h3-ft-se);
110
+ line-height: var(--_thm-ty-h3-le-ht);
111
+ color: var(--_thm-ty-h3-tt-cr);
111
112
  }
112
113
 
113
114
  p {
114
- font-weight: 400;
115
- font-size: 14px;
116
- line-height: 20px;
117
- color: var(--_gray-600);
115
+ // font-weight: 400;
116
+ // font-size: 14px;
117
+ // line-height: 20px;
118
+ // color: var(--_gray-600);
119
+ color: var(--_thm-ty-p2-tt-cr);
120
+ font-family: var(--_thm-ty-p2-ft-fy);
121
+ font-size: var(--_thm-ty-p2-ft-se);
122
+ font-weight: var(--_thm-ty-p2-bd);
123
+ line-height: var(--_thm-ty-p2-le-ht);
118
124
  }
119
-
120
125
  .forgot_password {
121
126
  font-size: 0.85rem;
122
127
  color: #0056d2;
@@ -135,6 +140,25 @@ $dark-color: #343a40;
135
140
  text-decoration: underline;
136
141
  }
137
142
  }
143
+ .sign_in_form {
144
+ .grid_container {
145
+ form {
146
+ margin-left: -10px;
147
+ .react-grid-layout {
148
+ .react-grid-item {
149
+ .grid-item {
150
+ padding: 0px;
151
+ padding-bottom: 16px;
152
+ background-color: transparent;
153
+ &:has(.error_styles) {
154
+ padding-bottom: 0px !important;
155
+ }
156
+ }
157
+ }
158
+ }
159
+ }
160
+ }
161
+ }
138
162
  }
139
163
  .create_account_section {
140
164
  display: flex;
@@ -187,7 +211,7 @@ $dark-color: #343a40;
187
211
  flex: 0.8;
188
212
  display: flex;
189
213
  flex-direction: column;
190
- justify-content: center;
214
+ // justify-content: center;
191
215
  gap: 48px;
192
216
 
193
217
  .guest_box,
@@ -195,19 +219,31 @@ $dark-color: #343a40;
195
219
  h3 {
196
220
  margin-bottom: 6px;
197
221
 
198
- font-weight: 600;
199
- font-size: 24px;
200
- line-height: 32px;
201
- color: var(--_gray-900);
222
+ // font-weight: 600;
223
+ // font-size: 24px;
224
+ // line-height: 32px;
225
+ // color: var(--_gray-900);
226
+ font-weight: var(--_thm-ty-h3-bd);
227
+ font-size: var(--_thm-ty-h3-ft-se);
228
+ line-height: var(--_thm-ty-h3-le-ht);
229
+ color: var(--_thm-ty-h3-tt-cr);
202
230
  }
203
231
 
204
232
  p {
205
233
  margin-bottom: 12px;
206
234
 
207
- font-weight: 400;
208
- font-size: 14px;
209
- line-height: 20px;
210
- color: var(--_gray-600);
235
+ // font-weight: 400;
236
+ // font-size: 14px;
237
+ // line-height: 20px;
238
+ // color: var(--_gray-600);
239
+ color: var(--_thm-ty-p2-tt-cr);
240
+ font-family: var(--_thm-ty-p2-ft-fy);
241
+ font-size: var(--_thm-ty-p2-ft-se);
242
+ font-weight: var(--_thm-ty-p2-bd);
243
+ line-height: var(--_thm-ty-p2-le-ht);
244
+ }
245
+ .btn_primary {
246
+ padding: 8px 16px;
211
247
  }
212
248
  }
213
249
  }
package/dist/form-preview.scss CHANGED
@@ -72,7 +72,7 @@
72
72
  outline: 2px solid var(--_error-100) !important;
73
73
  }
74
74
 
75
- box-shadow: 0px 0px 0px 4px var(--_error-100);
75
+ box-shadow: 0px 0px 0px 2px var(--_error-100);
76
76
  }
77
77
 
78
78
  .error_styles {
@@ -209,6 +209,11 @@
209
209
  }
210
210
  .error_styles {
211
211
  min-height: 20px;
212
+ line-height: 150% !important;
213
+ span {
214
+ display: flex;
215
+ align-items: center;
216
+ }
212
217
  }
213
218
  .label_with_radio {
214
219
  display: flex;
@@ -328,15 +333,22 @@
328
333
  }
329
334
  }
330
335
  .fb_btn {
331
- height: 38px;
336
+ height: 40px;
332
337
  text-align: center;
333
338
  border-radius: 6px;
334
339
  background-color: var(--_thm-py-bs-dt-se-bd-cr);
340
+ font-size: var(--_thm-py-bs-dt-se-ft-se);
341
+ font-weight: var(--_thm-py-bs-dt-se-bd);
342
+ font-family: var(--_thm-py-bs-dt-se-ft);
335
343
  color: var(--_base-white);
336
344
  width: 100%;
337
345
  padding-inline: 16px;
338
346
  cursor: pointer;
339
347
  transition: opacity 0.2s ease;
348
+ display: flex;
349
+ align-items: center;
350
+ gap: 12px;
351
+ justify-content: center;
340
352
 
341
353
  &:disabled,
342
354
  &[disabled] {
package/dist/modal.scss CHANGED
@@ -1144,6 +1144,26 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
1144
1144
  font-weight: 600;
1145
1145
  }
1146
1146
  }
1147
+ .chk_payment_cred_section_col_right {
1148
+ .chk_currency_inp_sec {
1149
+ display: flex;
1150
+ justify-content: end;
1151
+ .chk_currency_inp {
1152
+ border: 1px solid var(--_gray-200);
1153
+ min-width: 100px;
1154
+ display: flex;
1155
+ gap: 12px;
1156
+ height: 40px;
1157
+ border-radius: 4px;
1158
+ align-items: center;
1159
+ max-width: 120px;
1160
+ padding-inline: 12px;
1161
+ }
1162
+ }
1163
+ .cur_conversion {
1164
+ font-size: 14px;
1165
+ }
1166
+ }
1147
1167
  }
1148
1168
  .add_new_credit_card {
1149
1169
  display: flex;
package/dist/product-basic-elements.scss CHANGED
@@ -225,9 +225,9 @@ $overflowSelector: ".flex__overflow";
225
225
  row-gap: var(--_sf-gp);
226
226
  width: 100%;
227
227
 
228
- &#{$overflowSelector} {
229
- @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
230
- }
228
+ // &#{$overflowSelector} {
229
+ // @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
230
+ // }
231
231
  // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
232
232
  // border-color: var(
233
233
  // --_show-border,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.5.06",
3
+ "version": "0.5.08",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {