@ikas/storefront 1.0.3-beta.3 → 1.0.3-beta.4

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.
@@ -158,4 +158,8 @@ module.exports = {
158
158
  errorStockDescription:
159
159
  "Some items in your cart are out of stock. Would you like to continue by removing these products from your cart?",
160
160
  errorUnknown: "An unexpected error has occurred. Please try again.",
161
+
162
+ customizedProduct: "Customized Product",
163
+ yes: "Yes",
164
+ no: "No",
161
165
  };
@@ -157,4 +157,8 @@ module.exports = {
157
157
  errorStockDescription:
158
158
  "Sepetinizdeki bazı ürünlerin stoğu tükenmiştir. Bu ürünleri sepetinizden çıkararak devam etmek ister misiniz?",
159
159
  errorUnknown: "Beklenmedik bir hata oluştu. Lütfen tekrar deneyin.",
160
+
161
+ customizedProduct: "Kişiselleştirilmiş Ürün",
162
+ yes: "Evet",
163
+ no: "Hayır",
160
164
  };
package/build/index.css CHANGED
@@ -441,7 +441,8 @@
441
441
  justify-content: flex-end;
442
442
  padding-left: 20px;
443
443
  padding-right: 64px;
444
- background-color: var(--checkout-primary-bg-color); }
444
+ background-color: var(--checkout-primary-bg-color);
445
+ z-index: 1; }
445
446
  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {
446
447
  width: 100%;
447
448
  min-width: 400px;
@@ -618,7 +619,8 @@
618
619
  padding-right: 20px;
619
620
  position: sticky;
620
621
  top: 0;
621
- overflow-y: auto; }
622
+ overflow-y: auto;
623
+ z-index: 1; }
622
624
  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {
623
625
  width: 100%;
624
626
  max-width: 600px;
@@ -972,18 +974,100 @@
972
974
  color: var(--checkout-secondary-text-color);
973
975
  line-height: 20px;
974
976
  margin-top: 2px; }
977
+ .style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_OptionsText__3z7sK {
978
+ font-size: 14px;
979
+ color: var(--checkout-primary-text-color);
980
+ line-height: 20px;
981
+ margin-top: 2px;
982
+ user-select: none; }
983
+ .style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_OptionsText__3z7sK:hover {
984
+ cursor: pointer;
985
+ text-decoration: underline; }
975
986
  .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {
976
987
  font-size: 14px;
977
988
  display: flex;
978
989
  align-items: center;
979
- color: var(--checkout-primary-text-color);
980
- position: absolute;
981
- top: 90px; }
990
+ color: var(--checkout-primary-text-color); }
982
991
  .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 .style-module_GrayPrice__2wDyJ {
983
992
  font-size: 14px;
984
993
  color: var(--checkout-secondary-text-color);
985
994
  text-decoration: line-through;
986
995
  margin-right: 8px; }
996
+ .style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 {
997
+ display: flex;
998
+ flex-direction: column;
999
+ margin-bottom: 24px;
1000
+ max-width: 400px; }
1001
+ .style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionName__3X0-1 {
1002
+ font-size: 14px;
1003
+ color: var(--checkout-primary-text-color);
1004
+ margin-right: 8px;
1005
+ font-weight: 500; }
1006
+ .style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionValue__2AnCA {
1007
+ font-size: 14px;
1008
+ color: var(--checkout-secondary-text-color); }
1009
+ .style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionsHorContainer__3D8xk {
1010
+ display: flex;
1011
+ align-items: center;
1012
+ flex-wrap: wrap; }
1013
+ .style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionColorValue__36zoV {
1014
+ width: 24px;
1015
+ height: 24px;
1016
+ border-radius: 4px;
1017
+ margin-right: 4px; }
1018
+
1019
+ .style-module_ModalContainer__3JCG6 {
1020
+ position: fixed;
1021
+ top: 0;
1022
+ left: 0;
1023
+ width: 100vw;
1024
+ height: 100vh;
1025
+ background-color: rgba(0, 0, 0, 0.6);
1026
+ backdrop-filter: blur(6px);
1027
+ z-index: 99999999;
1028
+ display: flex;
1029
+ justify-content: center;
1030
+ align-items: center; }
1031
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {
1032
+ border-radius: 8px;
1033
+ background-color: white;
1034
+ color: var(--checkout-primary-text-color);
1035
+ min-width: 400px;
1036
+ max-width: 750px;
1037
+ max-height: 90%;
1038
+ display: flex;
1039
+ flex-direction: column;
1040
+ overflow: hidden; }
1041
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {
1042
+ flex: 0 0 auto;
1043
+ padding: 16px;
1044
+ font-size: 18px;
1045
+ border-bottom: 1px solid var(--checkout-border-color);
1046
+ display: flex;
1047
+ justify-content: space-between;
1048
+ align-items: center; }
1049
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs .style-module_ModalTitle__3hZYI {
1050
+ font-weight: 500;
1051
+ max-width: 300px; }
1052
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs .style-module_CloseButton__3VdYY {
1053
+ cursor: pointer;
1054
+ display: flex;
1055
+ align-items: center; }
1056
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalContent__2jGi3 {
1057
+ flex: 1 1 auto;
1058
+ padding: 24px;
1059
+ overflow-y: auto; }
1060
+ @media only screen and (max-width: 1000px) {
1061
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {
1062
+ max-width: unset;
1063
+ max-height: unset;
1064
+ min-width: unset;
1065
+ width: 100%;
1066
+ height: 100%;
1067
+ margin: 0;
1068
+ border-radius: 0; }
1069
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {
1070
+ padding: 1.5em; } }
987
1071
 
988
1072
  .style-module_TooltipContainer__1IW8v {
989
1073
  width: 16px;
@@ -1329,55 +1413,6 @@
1329
1413
  .style-module_ExpandableSection__2JTCI .style-module_Content__3TXDF {
1330
1414
  padding-bottom: 24px; }
1331
1415
 
1332
- .style-module_ModalContainer__3JCG6 {
1333
- position: fixed;
1334
- top: 0;
1335
- left: 0;
1336
- width: 100vw;
1337
- height: 100vh;
1338
- background-color: rgba(0, 0, 0, 0.6);
1339
- backdrop-filter: blur(6px);
1340
- z-index: 9999;
1341
- display: flex;
1342
- justify-content: center;
1343
- align-items: center; }
1344
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {
1345
- border-radius: 8px;
1346
- background-color: white;
1347
- color: var(--checkout-primary-text-color);
1348
- min-width: 400px;
1349
- max-width: 750px;
1350
- max-height: 90%;
1351
- display: flex;
1352
- flex-direction: column;
1353
- overflow: hidden; }
1354
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {
1355
- flex: 0 0 auto;
1356
- padding: 16px;
1357
- font-size: 18px;
1358
- border-bottom: 1px solid var(--checkout-border-color);
1359
- display: flex;
1360
- justify-content: space-between;
1361
- align-items: center; }
1362
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs .style-module_CloseButton__3VdYY {
1363
- cursor: pointer;
1364
- display: flex;
1365
- align-items: center; }
1366
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalContent__2jGi3 {
1367
- flex: 1 1 auto;
1368
- padding: 24px;
1369
- overflow-y: auto; }
1370
- @media only screen and (max-width: 1000px) {
1371
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {
1372
- max-width: unset;
1373
- max-height: unset;
1374
- width: 100%;
1375
- height: 100%;
1376
- margin: 0;
1377
- border-radius: 0; }
1378
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {
1379
- padding: 1.5em; } }
1380
-
1381
1416
  .style-module_StepContainer__1O2dD {
1382
1417
  width: 100%; }
1383
1418
  .style-module_StepContainer__1O2dD .style-module_Step__1iOYA {
@@ -441,7 +441,8 @@
441
441
  justify-content: flex-end;
442
442
  padding-left: 20px;
443
443
  padding-right: 64px;
444
- background-color: var(--checkout-primary-bg-color); }
444
+ background-color: var(--checkout-primary-bg-color);
445
+ z-index: 1; }
445
446
  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {
446
447
  width: 100%;
447
448
  min-width: 400px;
@@ -618,7 +619,8 @@
618
619
  padding-right: 20px;
619
620
  position: sticky;
620
621
  top: 0;
621
- overflow-y: auto; }
622
+ overflow-y: auto;
623
+ z-index: 1; }
622
624
  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {
623
625
  width: 100%;
624
626
  max-width: 600px;
@@ -972,18 +974,100 @@
972
974
  color: var(--checkout-secondary-text-color);
973
975
  line-height: 20px;
974
976
  margin-top: 2px; }
977
+ .style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_OptionsText__3z7sK {
978
+ font-size: 14px;
979
+ color: var(--checkout-primary-text-color);
980
+ line-height: 20px;
981
+ margin-top: 2px;
982
+ user-select: none; }
983
+ .style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_OptionsText__3z7sK:hover {
984
+ cursor: pointer;
985
+ text-decoration: underline; }
975
986
  .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {
976
987
  font-size: 14px;
977
988
  display: flex;
978
989
  align-items: center;
979
- color: var(--checkout-primary-text-color);
980
- position: absolute;
981
- top: 90px; }
990
+ color: var(--checkout-primary-text-color); }
982
991
  .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 .style-module_GrayPrice__2wDyJ {
983
992
  font-size: 14px;
984
993
  color: var(--checkout-secondary-text-color);
985
994
  text-decoration: line-through;
986
995
  margin-right: 8px; }
996
+ .style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 {
997
+ display: flex;
998
+ flex-direction: column;
999
+ margin-bottom: 24px;
1000
+ max-width: 400px; }
1001
+ .style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionName__3X0-1 {
1002
+ font-size: 14px;
1003
+ color: var(--checkout-primary-text-color);
1004
+ margin-right: 8px;
1005
+ font-weight: 500; }
1006
+ .style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionValue__2AnCA {
1007
+ font-size: 14px;
1008
+ color: var(--checkout-secondary-text-color); }
1009
+ .style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionsHorContainer__3D8xk {
1010
+ display: flex;
1011
+ align-items: center;
1012
+ flex-wrap: wrap; }
1013
+ .style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionColorValue__36zoV {
1014
+ width: 24px;
1015
+ height: 24px;
1016
+ border-radius: 4px;
1017
+ margin-right: 4px; }
1018
+
1019
+ .style-module_ModalContainer__3JCG6 {
1020
+ position: fixed;
1021
+ top: 0;
1022
+ left: 0;
1023
+ width: 100vw;
1024
+ height: 100vh;
1025
+ background-color: rgba(0, 0, 0, 0.6);
1026
+ backdrop-filter: blur(6px);
1027
+ z-index: 99999999;
1028
+ display: flex;
1029
+ justify-content: center;
1030
+ align-items: center; }
1031
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {
1032
+ border-radius: 8px;
1033
+ background-color: white;
1034
+ color: var(--checkout-primary-text-color);
1035
+ min-width: 400px;
1036
+ max-width: 750px;
1037
+ max-height: 90%;
1038
+ display: flex;
1039
+ flex-direction: column;
1040
+ overflow: hidden; }
1041
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {
1042
+ flex: 0 0 auto;
1043
+ padding: 16px;
1044
+ font-size: 18px;
1045
+ border-bottom: 1px solid var(--checkout-border-color);
1046
+ display: flex;
1047
+ justify-content: space-between;
1048
+ align-items: center; }
1049
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs .style-module_ModalTitle__3hZYI {
1050
+ font-weight: 500;
1051
+ max-width: 300px; }
1052
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs .style-module_CloseButton__3VdYY {
1053
+ cursor: pointer;
1054
+ display: flex;
1055
+ align-items: center; }
1056
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalContent__2jGi3 {
1057
+ flex: 1 1 auto;
1058
+ padding: 24px;
1059
+ overflow-y: auto; }
1060
+ @media only screen and (max-width: 1000px) {
1061
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {
1062
+ max-width: unset;
1063
+ max-height: unset;
1064
+ min-width: unset;
1065
+ width: 100%;
1066
+ height: 100%;
1067
+ margin: 0;
1068
+ border-radius: 0; }
1069
+ .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {
1070
+ padding: 1.5em; } }
987
1071
 
988
1072
  .style-module_TooltipContainer__1IW8v {
989
1073
  width: 16px;
@@ -1329,55 +1413,6 @@
1329
1413
  .style-module_ExpandableSection__2JTCI .style-module_Content__3TXDF {
1330
1414
  padding-bottom: 24px; }
1331
1415
 
1332
- .style-module_ModalContainer__3JCG6 {
1333
- position: fixed;
1334
- top: 0;
1335
- left: 0;
1336
- width: 100vw;
1337
- height: 100vh;
1338
- background-color: rgba(0, 0, 0, 0.6);
1339
- backdrop-filter: blur(6px);
1340
- z-index: 9999;
1341
- display: flex;
1342
- justify-content: center;
1343
- align-items: center; }
1344
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {
1345
- border-radius: 8px;
1346
- background-color: white;
1347
- color: var(--checkout-primary-text-color);
1348
- min-width: 400px;
1349
- max-width: 750px;
1350
- max-height: 90%;
1351
- display: flex;
1352
- flex-direction: column;
1353
- overflow: hidden; }
1354
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {
1355
- flex: 0 0 auto;
1356
- padding: 16px;
1357
- font-size: 18px;
1358
- border-bottom: 1px solid var(--checkout-border-color);
1359
- display: flex;
1360
- justify-content: space-between;
1361
- align-items: center; }
1362
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs .style-module_CloseButton__3VdYY {
1363
- cursor: pointer;
1364
- display: flex;
1365
- align-items: center; }
1366
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalContent__2jGi3 {
1367
- flex: 1 1 auto;
1368
- padding: 24px;
1369
- overflow-y: auto; }
1370
- @media only screen and (max-width: 1000px) {
1371
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {
1372
- max-width: unset;
1373
- max-height: unset;
1374
- width: 100%;
1375
- height: 100%;
1376
- margin: 0;
1377
- border-radius: 0; }
1378
- .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {
1379
- padding: 1.5em; } }
1380
-
1381
1416
  .style-module_StepContainer__1O2dD {
1382
1417
  width: 100%; }
1383
1418
  .style-module_StepContainer__1O2dD .style-module_Step__1iOYA {