paymob-pixel-alpha 1.1.21 → 1.1.23

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "paymob-pixel-alpha",
3
- "version": "1.1.21",
3
+ "version": "1.1.23",
4
4
  "keywords": ["paymob","pixel","paymob-pixel"],
5
5
  "main": "./main.js",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -20,14 +20,17 @@
20
20
  }
21
21
 
22
22
  @font-face {
23
- font-family: 'SAR-Symbol';
23
+ font-family: 'Currency-Symbols';
24
24
  font-style: normal;
25
25
  font-weight: 400;
26
- src: url('Inter-Regular.ttf') format('truetype');
26
+ font-display: swap;
27
+ src: url('Inter.woff2') format('woff2'),
28
+ url('Inter.woff') format('woff'),
29
+ url('Inter.ttf') format('truetype');
27
30
  }
28
31
 
29
- .currency-sar-symbol {
30
- font-family: 'SAR-Symbol', sans-serif;
32
+ .currency-symbols {
33
+ font-family: 'Currency-Symbols', sans-serif;
31
34
  }
32
35
 
33
36
  /*
@@ -639,10 +642,6 @@ video {
639
642
  inset: 0px;
640
643
  }
641
644
 
642
- .-bottom-4 {
643
- bottom: -1rem;
644
- }
645
-
646
645
  .-top-3 {
647
646
  top: -0.75rem;
648
647
  }
@@ -799,6 +798,10 @@ video {
799
798
  margin-inline-end: -1px;
800
799
  }
801
800
 
801
+ .-ms-1 {
802
+ margin-inline-start: -0.25rem;
803
+ }
804
+
802
805
  .-ms-px {
803
806
  margin-inline-start: -1px;
804
807
  }
@@ -987,6 +990,10 @@ video {
987
990
  height: 3.5rem;
988
991
  }
989
992
 
993
+ .h-16 {
994
+ height: 4rem;
995
+ }
996
+
990
997
  .h-2\/3 {
991
998
  height: 66.666667%;
992
999
  }
@@ -1035,6 +1042,10 @@ video {
1035
1042
  height: 1.46rem;
1036
1043
  }
1037
1044
 
1045
+ .h-\[1\.4rem\] {
1046
+ height: 1.4rem;
1047
+ }
1048
+
1038
1049
  .h-\[1\.9rem\] {
1039
1050
  height: 1.9rem;
1040
1051
  }
@@ -1151,6 +1162,10 @@ video {
1151
1162
  width: 3.5rem;
1152
1163
  }
1153
1164
 
1165
+ .w-16 {
1166
+ width: 4rem;
1167
+ }
1168
+
1154
1169
  .w-2\/5 {
1155
1170
  width: 40%;
1156
1171
  }
@@ -1315,6 +1330,11 @@ video {
1315
1330
  width: auto;
1316
1331
  }
1317
1332
 
1333
+ .w-fit {
1334
+ width: -moz-fit-content;
1335
+ width: fit-content;
1336
+ }
1337
+
1318
1338
  .w-full {
1319
1339
  width: 100%;
1320
1340
  }
@@ -1472,6 +1492,14 @@ video {
1472
1492
  grid-template-columns: auto auto;
1473
1493
  }
1474
1494
 
1495
+ .flex-row {
1496
+ flex-direction: row;
1497
+ }
1498
+
1499
+ .flex-row-reverse {
1500
+ flex-direction: row-reverse;
1501
+ }
1502
+
1475
1503
  .flex-col {
1476
1504
  flex-direction: column;
1477
1505
  }
@@ -1852,11 +1880,6 @@ video {
1852
1880
  border-color: rgb(208 213 221 / var(--tw-border-opacity));
1853
1881
  }
1854
1882
 
1855
- .border-orange-300 {
1856
- --tw-border-opacity: 1;
1857
- border-color: rgb(254 200 75 / var(--tw-border-opacity));
1858
- }
1859
-
1860
1883
  .border-red-300 {
1861
1884
  --tw-border-opacity: 1;
1862
1885
  border-color: rgb(255 115 151 / var(--tw-border-opacity));
@@ -1956,6 +1979,11 @@ video {
1956
1979
  background-color: rgb(255 252 245 / var(--tw-bg-opacity));
1957
1980
  }
1958
1981
 
1982
+ .bg-\[\#e1f2ef\] {
1983
+ --tw-bg-opacity: 1;
1984
+ background-color: rgb(225 242 239 / var(--tw-bg-opacity));
1985
+ }
1986
+
1959
1987
  .bg-\[\#eeeff4\] {
1960
1988
  --tw-bg-opacity: 1;
1961
1989
  background-color: rgb(238 239 244 / var(--tw-bg-opacity));
@@ -2023,11 +2051,6 @@ video {
2023
2051
  background-color: rgb(4 179 137 / var(--tw-bg-opacity));
2024
2052
  }
2025
2053
 
2026
- .bg-orange-25 {
2027
- --tw-bg-opacity: 1;
2028
- background-color: rgb(255 252 245 / var(--tw-bg-opacity));
2029
- }
2030
-
2031
2054
  .bg-orange-400 {
2032
2055
  --tw-bg-opacity: 1;
2033
2056
  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
@@ -2346,6 +2369,10 @@ video {
2346
2369
  padding-right: 1rem;
2347
2370
  }
2348
2371
 
2372
+ .ps-12 {
2373
+ padding-inline-start: 3rem;
2374
+ }
2375
+
2349
2376
  .ps-6 {
2350
2377
  padding-inline-start: 1.5rem;
2351
2378
  }
@@ -2382,6 +2409,10 @@ video {
2382
2409
  text-align: end;
2383
2410
  }
2384
2411
 
2412
+ .font-sans {
2413
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2414
+ }
2415
+
2385
2416
  .\!text-sm {
2386
2417
  font-size: 0.875rem !important;
2387
2418
  line-height: 1.25rem !important;
@@ -2570,11 +2601,6 @@ video {
2570
2601
  color: rgb(0 0 0 / var(--tw-text-opacity));
2571
2602
  }
2572
2603
 
2573
- .text-blue-200 {
2574
- --tw-text-opacity: 1;
2575
- color: rgb(161 184 255 / var(--tw-text-opacity));
2576
- }
2577
-
2578
2604
  .text-blue-500 {
2579
2605
  --tw-text-opacity: 1;
2580
2606
  color: rgb(20 77 255 / var(--tw-text-opacity));
@@ -2648,6 +2674,10 @@ video {
2648
2674
  text-decoration-line: underline;
2649
2675
  }
2650
2676
 
2677
+ .line-through {
2678
+ text-decoration-line: line-through;
2679
+ }
2680
+
2651
2681
  .opacity-0 {
2652
2682
  opacity: 0;
2653
2683
  }
@@ -3044,6 +3074,10 @@ video {
3044
3074
  height: 8.25rem;
3045
3075
  }
3046
3076
 
3077
+ .sm\:max-h-20 {
3078
+ max-height: 5rem;
3079
+ }
3080
+
3047
3081
  .sm\:w-8 {
3048
3082
  width: 2rem;
3049
3083
  }
@@ -3115,10 +3149,6 @@ video {
3115
3149
 
3116
3150
  @media (min-width: 768px) {
3117
3151
 
3118
- .md\:\!w-full {
3119
- width: 100% !important;
3120
- }
3121
-
3122
3152
  .md\:w-1\/2 {
3123
3153
  width: 50%;
3124
3154
  }
@@ -3191,13 +3221,25 @@ video {
3191
3221
 
3192
3222
  @media (min-width: 1280px) {
3193
3223
 
3224
+ .xl\:ms-0 {
3225
+ margin-inline-start: 0px;
3226
+ }
3227
+
3194
3228
  .xl\:w-3\/4 {
3195
3229
  width: 75%;
3196
3230
  }
3197
3231
 
3232
+ .xl\:flex-row {
3233
+ flex-direction: row;
3234
+ }
3235
+
3198
3236
  .xl\:flex-nowrap {
3199
3237
  flex-wrap: nowrap;
3200
3238
  }
3239
+
3240
+ .xl\:items-center {
3241
+ align-items: center;
3242
+ }
3201
3243
  }
3202
3244
 
3203
3245
  @media (max-width: 664px) {
@@ -1,16 +0,0 @@
1
- var _path;
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- import * as React from "react";
4
- var SvgChevronLeft = function SvgChevronLeft(props) {
5
- return /*#__PURE__*/React.createElement("svg", _extends({
6
- xmlns: "http://www.w3.org/2000/svg",
7
- width: 24,
8
- height: 24,
9
- fill: "none"
10
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
- fill: "#101828",
12
- d: "m14.608 19.313-6.433-6.715a.96.96 0 0 1-.247-.633c0-.176.07-.387.211-.563l6.434-6.714a.84.84 0 0 1 1.195-.036c.352.317.352.844.035 1.196l-5.87 6.117 5.906 6.187a.84.84 0 0 1-.036 1.196.84.84 0 0 1-1.195-.035"
13
- })));
14
- };
15
- export { SvgChevronLeft as ReactComponent };
16
- export default "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb24tbGVmdCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNC42MDgyIDE5LjMxMjZMOC4xNzQ1NiAxMi41OTc3QzcuOTk4NzggMTIuMzg2OCA3LjkyODQ3IDEyLjE3NTggNy45Mjg0NyAxMS45NjQ5QzcuOTI4NDcgMTEuNzg5MSA3Ljk5ODc4IDExLjU3ODIgOC4xMzk0IDExLjQwMjRMMTQuNTczIDQuNjg3NTVDMTQuODg5NCA0LjMzNTk5IDE1LjQ1MTkgNC4zMzU5OSAxNS43NjgzIDQuNjUyNEMxNi4xMTk5IDQuOTY4OCAxNi4xMTk5IDUuNDk2MTUgMTUuODAzNSA1Ljg0NzcxTDkuOTMyMzcgMTEuOTY0OUwxNS44Mzg2IDE4LjE1MjRDMTYuMTU1IDE4LjQ2ODggMTYuMTU1IDE5LjAzMTMgMTUuODAzNSAxOS4zNDc3QzE1LjQ4NzEgMTkuNjY0MSAxNC45MjQ2IDE5LjY2NDEgMTQuNjA4MiAxOS4zMTI2WiIgZmlsbD0iIzEwMTgyOCIvPgo8L2c+Cjwvc3ZnPgo=";
@@ -1,16 +0,0 @@
1
- var _path;
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- import * as React from "react";
4
- var SvgChevronRight = function SvgChevronRight(props) {
5
- return /*#__PURE__*/React.createElement("svg", _extends({
6
- xmlns: "http://www.w3.org/2000/svg",
7
- width: 24,
8
- height: 24,
9
- fill: "none"
10
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
- fill: "#101828",
12
- d: "m9.392 4.705 6.434 6.715c.14.176.246.387.246.598a.83.83 0 0 1-.246.562l-6.434 6.715a.84.84 0 0 1-1.195.035c-.352-.316-.352-.844-.035-1.195l5.906-6.153-5.906-6.117a.84.84 0 0 1 .035-1.195.84.84 0 0 1 1.195.035"
13
- })));
14
- };
15
- export { SvgChevronRight as ReactComponent };
16
- export default "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb24tcmlnaHQiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNOS4zOTIwMiA0LjcwNTEzTDE1LjgyNTYgMTEuNDJDMTUuOTY2MiAxMS41OTU4IDE2LjA3MTcgMTEuODA2NyAxNi4wNzE3IDEyLjAxNzZDMTYuMDcxNyAxMi4yMjg2IDE1Ljk2NjIgMTIuNDM5NSAxNS44MjU2IDEyLjU4MDFMOS4zOTIwMiAxOS4yOTVDOS4wNzU2MSAxOS42NDY1IDguNTEzMTEgMTkuNjQ2NSA4LjE5NjcxIDE5LjMzMDFDNy44NDUxNCAxOS4wMTM3IDcuODQ1MTQgMTguNDg2NCA4LjE2MTU1IDE4LjEzNDhMMTQuMDY3OCAxMS45ODI1TDguMTYxNTUgNS44NjUyOUM3Ljg0NTE0IDUuNTQ4ODggNy44NDUxNCA0Ljk4NjM4IDguMTk2NzEgNC42Njk5N0M4LjUxMzExIDQuMzUzNTcgOS4wNzU2MSA0LjM1MzU3IDkuMzkyMDIgNC43MDUxM1oiIGZpbGw9IiMxMDE4MjgiLz4KPC9nPgo8L3N2Zz4K";