@pelcro/react-pelcro-js 2.4.0-beta.9 → 2.6.0-beta.10
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/dist/index.cjs.js +1430 -566
- package/dist/index.esm.js +1424 -567
- package/dist/pelcro.css +129 -0
- package/package.json +2 -4
package/dist/pelcro.css
CHANGED
|
@@ -759,6 +759,19 @@ Add the correct display in Chrome and Safari.
|
|
|
759
759
|
}
|
|
760
760
|
|
|
761
761
|
.pelcro-root .pelcro-modal-close {
|
|
762
|
+
background-color: transparent;
|
|
763
|
+
}
|
|
764
|
+
|
|
765
|
+
.pelcro-root .pelcro-modal-close:hover {
|
|
766
|
+
background-color: transparent;
|
|
767
|
+
}
|
|
768
|
+
|
|
769
|
+
.pelcro-root .pelcro-modal-close:focus {
|
|
770
|
+
background-color: transparent;
|
|
771
|
+
}
|
|
772
|
+
|
|
773
|
+
.pelcro-root .pelcro-modal-close {
|
|
774
|
+
border-width: 0px;
|
|
762
775
|
position: absolute;
|
|
763
776
|
top: 0.75rem;
|
|
764
777
|
right: 0.75rem;
|
|
@@ -779,6 +792,11 @@ Add the correct display in Chrome and Safari.
|
|
|
779
792
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
780
793
|
}
|
|
781
794
|
|
|
795
|
+
.pelcro-root .pelcro-modal-close:focus {
|
|
796
|
+
--tw-text-opacity: 1;
|
|
797
|
+
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
798
|
+
}
|
|
799
|
+
|
|
782
800
|
.pelcro-root .pelcro-modal-close {
|
|
783
801
|
width: 1.5rem;
|
|
784
802
|
z-index: 999999;
|
|
@@ -933,6 +951,10 @@ Add the correct display in Chrome and Safari.
|
|
|
933
951
|
background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
|
|
934
952
|
}
|
|
935
953
|
|
|
954
|
+
.pelcro-root .pelcro-button-solid:focus {
|
|
955
|
+
background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
|
|
956
|
+
}
|
|
957
|
+
|
|
936
958
|
.pelcro-root .pelcro-button-solid:disabled {
|
|
937
959
|
--tw-bg-opacity: 1;
|
|
938
960
|
background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
|
|
@@ -940,6 +962,7 @@ Add the correct display in Chrome and Safari.
|
|
|
940
962
|
|
|
941
963
|
.pelcro-root .pelcro-button-solid {
|
|
942
964
|
border-radius: 0.25rem;
|
|
965
|
+
border-width: 0px;
|
|
943
966
|
}
|
|
944
967
|
|
|
945
968
|
.pelcro-root .pelcro-button-solid:disabled {
|
|
@@ -981,6 +1004,24 @@ Add the correct display in Chrome and Safari.
|
|
|
981
1004
|
.pelcro-root .pelcro-button-solid {
|
|
982
1005
|
--tw-text-opacity: 1;
|
|
983
1006
|
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
|
1007
|
+
}
|
|
1008
|
+
|
|
1009
|
+
.pelcro-root .pelcro-button-solid:hover {
|
|
1010
|
+
--tw-text-opacity: 1;
|
|
1011
|
+
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
|
1012
|
+
}
|
|
1013
|
+
|
|
1014
|
+
.pelcro-root .pelcro-button-solid:focus {
|
|
1015
|
+
--tw-text-opacity: 1;
|
|
1016
|
+
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
|
1017
|
+
}
|
|
1018
|
+
|
|
1019
|
+
.pelcro-root .pelcro-button-solid:disabled {
|
|
1020
|
+
--tw-text-opacity: 1;
|
|
1021
|
+
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
.pelcro-root .pelcro-button-solid {
|
|
984
1025
|
text-transform: uppercase;
|
|
985
1026
|
letter-spacing: 0.05em;
|
|
986
1027
|
width: max-content;
|
|
@@ -994,6 +1035,10 @@ Add the correct display in Chrome and Safari.
|
|
|
994
1035
|
background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
|
|
995
1036
|
}
|
|
996
1037
|
|
|
1038
|
+
.pelcro-root .pelcro-button-outline:focus {
|
|
1039
|
+
background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
|
|
1040
|
+
}
|
|
1041
|
+
|
|
997
1042
|
.pelcro-root .pelcro-button-outline:disabled {
|
|
998
1043
|
background-color: transparent;
|
|
999
1044
|
}
|
|
@@ -1057,6 +1102,11 @@ Add the correct display in Chrome and Safari.
|
|
|
1057
1102
|
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
|
1058
1103
|
}
|
|
1059
1104
|
|
|
1105
|
+
.pelcro-root .pelcro-button-outline:focus {
|
|
1106
|
+
--tw-text-opacity: 1;
|
|
1107
|
+
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
|
1108
|
+
}
|
|
1109
|
+
|
|
1060
1110
|
.pelcro-root .pelcro-button-outline:disabled {
|
|
1061
1111
|
--tw-text-opacity: 1;
|
|
1062
1112
|
color: rgba(107, 114, 128, var(--tw-text-opacity));
|
|
@@ -1075,6 +1125,7 @@ Add the correct display in Chrome and Safari.
|
|
|
1075
1125
|
|
|
1076
1126
|
.pelcro-root .pelcro-button-icon {
|
|
1077
1127
|
border-radius: 9999px;
|
|
1128
|
+
border-width: 0px;
|
|
1078
1129
|
}
|
|
1079
1130
|
|
|
1080
1131
|
.pelcro-root .pelcro-button-icon:disabled {
|
|
@@ -1128,12 +1179,18 @@ Add the correct display in Chrome and Safari.
|
|
|
1128
1179
|
background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
|
|
1129
1180
|
}
|
|
1130
1181
|
|
|
1182
|
+
.pelcro-root .pelcro-button-ghost:focus {
|
|
1183
|
+
--tw-bg-opacity: 1;
|
|
1184
|
+
background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
|
|
1185
|
+
}
|
|
1186
|
+
|
|
1131
1187
|
.pelcro-root .pelcro-button-ghost:disabled {
|
|
1132
1188
|
background-color: transparent;
|
|
1133
1189
|
}
|
|
1134
1190
|
|
|
1135
1191
|
.pelcro-root .pelcro-button-ghost {
|
|
1136
1192
|
border-radius: 0.5rem;
|
|
1193
|
+
border-width: 0px;
|
|
1137
1194
|
}
|
|
1138
1195
|
|
|
1139
1196
|
.pelcro-root .pelcro-button-ghost:disabled {
|
|
@@ -1176,6 +1233,16 @@ Add the correct display in Chrome and Safari.
|
|
|
1176
1233
|
color: rgba(107, 114, 128, var(--tw-text-opacity));
|
|
1177
1234
|
}
|
|
1178
1235
|
|
|
1236
|
+
.pelcro-root .pelcro-button-ghost:hover {
|
|
1237
|
+
--tw-text-opacity: 1;
|
|
1238
|
+
color: rgba(107, 114, 128, var(--tw-text-opacity));
|
|
1239
|
+
}
|
|
1240
|
+
|
|
1241
|
+
.pelcro-root .pelcro-button-ghost:focus {
|
|
1242
|
+
--tw-text-opacity: 1;
|
|
1243
|
+
color: rgba(107, 114, 128, var(--tw-text-opacity));
|
|
1244
|
+
}
|
|
1245
|
+
|
|
1179
1246
|
.pelcro-root .pelcro-button-ghost:disabled {
|
|
1180
1247
|
--tw-text-opacity: 1;
|
|
1181
1248
|
color: rgba(209, 213, 219, var(--tw-text-opacity));
|
|
@@ -1300,8 +1367,33 @@ Add the correct display in Chrome and Safari.
|
|
|
1300
1367
|
}
|
|
1301
1368
|
|
|
1302
1369
|
.pelcro-root .pelcro-alert-close {
|
|
1370
|
+
background-color: transparent;
|
|
1371
|
+
}
|
|
1372
|
+
|
|
1373
|
+
.pelcro-root .pelcro-alert-close:hover {
|
|
1374
|
+
background-color: transparent;
|
|
1375
|
+
}
|
|
1376
|
+
|
|
1377
|
+
.pelcro-root .pelcro-alert-close:focus {
|
|
1378
|
+
background-color: transparent;
|
|
1379
|
+
}
|
|
1380
|
+
|
|
1381
|
+
.pelcro-root .pelcro-alert-close {
|
|
1382
|
+
border-width: 0px;
|
|
1303
1383
|
flex-shrink: 0;
|
|
1304
1384
|
fill: currentColor;
|
|
1385
|
+
color: currentColor;
|
|
1386
|
+
}
|
|
1387
|
+
|
|
1388
|
+
.pelcro-root .pelcro-alert-close:hover {
|
|
1389
|
+
color: currentColor;
|
|
1390
|
+
}
|
|
1391
|
+
|
|
1392
|
+
.pelcro-root .pelcro-alert-close:focus {
|
|
1393
|
+
color: currentColor;
|
|
1394
|
+
}
|
|
1395
|
+
|
|
1396
|
+
.pelcro-root .pelcro-alert-close {
|
|
1305
1397
|
width: 1rem;
|
|
1306
1398
|
}
|
|
1307
1399
|
|
|
@@ -1724,11 +1816,25 @@ in order to scope selectors under pelcro-root
|
|
|
1724
1816
|
background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
|
|
1725
1817
|
}
|
|
1726
1818
|
|
|
1819
|
+
.pelcro-root .plc-bg-blue-100 {
|
|
1820
|
+
--tw-bg-opacity: 1;
|
|
1821
|
+
background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
|
|
1822
|
+
}
|
|
1823
|
+
|
|
1727
1824
|
.pelcro-root .plc-bg-orange-100 {
|
|
1728
1825
|
--tw-bg-opacity: 1;
|
|
1729
1826
|
background-color: rgba(255, 237, 213, var(--tw-bg-opacity));
|
|
1730
1827
|
}
|
|
1731
1828
|
|
|
1829
|
+
.pelcro-root .hover\:plc-bg-transparent:hover {
|
|
1830
|
+
background-color: transparent;
|
|
1831
|
+
}
|
|
1832
|
+
|
|
1833
|
+
.pelcro-root .hover\:plc-bg-white:hover {
|
|
1834
|
+
--tw-bg-opacity: 1;
|
|
1835
|
+
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
|
|
1836
|
+
}
|
|
1837
|
+
|
|
1732
1838
|
.pelcro-root .hover\:plc-bg-gray-50:hover {
|
|
1733
1839
|
--tw-bg-opacity: 1;
|
|
1734
1840
|
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
|
|
@@ -1759,6 +1865,10 @@ in order to scope selectors under pelcro-root
|
|
|
1759
1865
|
background-color: rgba(139, 37, 33, var(--tw-bg-opacity));
|
|
1760
1866
|
}
|
|
1761
1867
|
|
|
1868
|
+
.pelcro-root .focus\:plc-bg-transparent:focus {
|
|
1869
|
+
background-color: transparent;
|
|
1870
|
+
}
|
|
1871
|
+
|
|
1762
1872
|
.pelcro-root .disabled\:plc-bg-gray-400:disabled {
|
|
1763
1873
|
--tw-bg-opacity: 1;
|
|
1764
1874
|
background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
|
|
@@ -2099,6 +2209,10 @@ in order to scope selectors under pelcro-root
|
|
|
2099
2209
|
margin-right: 0.25rem;
|
|
2100
2210
|
}
|
|
2101
2211
|
|
|
2212
|
+
.pelcro-root .plc-mb-1 {
|
|
2213
|
+
margin-bottom: 0.25rem;
|
|
2214
|
+
}
|
|
2215
|
+
|
|
2102
2216
|
.pelcro-root .plc-ml-1 {
|
|
2103
2217
|
margin-left: 0.25rem;
|
|
2104
2218
|
}
|
|
@@ -2544,6 +2658,11 @@ in order to scope selectors under pelcro-root
|
|
|
2544
2658
|
color: rgba(96, 165, 250, var(--tw-text-opacity));
|
|
2545
2659
|
}
|
|
2546
2660
|
|
|
2661
|
+
.pelcro-root .plc-text-blue-700 {
|
|
2662
|
+
--tw-text-opacity: 1;
|
|
2663
|
+
color: rgba(29, 78, 216, var(--tw-text-opacity));
|
|
2664
|
+
}
|
|
2665
|
+
|
|
2547
2666
|
.pelcro-root .plc-text-orange-700 {
|
|
2548
2667
|
--tw-text-opacity: 1;
|
|
2549
2668
|
color: rgba(194, 65, 12, var(--tw-text-opacity));
|
|
@@ -2561,6 +2680,11 @@ in order to scope selectors under pelcro-root
|
|
|
2561
2680
|
color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 20%));
|
|
2562
2681
|
}
|
|
2563
2682
|
|
|
2683
|
+
.pelcro-root .hover\:plc-text-black:hover {
|
|
2684
|
+
--tw-text-opacity: 1;
|
|
2685
|
+
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2686
|
+
}
|
|
2687
|
+
|
|
2564
2688
|
.pelcro-root .hover\:plc-text-white:hover {
|
|
2565
2689
|
--tw-text-opacity: 1;
|
|
2566
2690
|
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
|
@@ -2571,6 +2695,11 @@ in order to scope selectors under pelcro-root
|
|
|
2571
2695
|
color: rgba(107, 114, 128, var(--tw-text-opacity));
|
|
2572
2696
|
}
|
|
2573
2697
|
|
|
2698
|
+
.pelcro-root .focus\:plc-text-black:focus {
|
|
2699
|
+
--tw-text-opacity: 1;
|
|
2700
|
+
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2701
|
+
}
|
|
2702
|
+
|
|
2574
2703
|
.pelcro-root .plc-truncate {
|
|
2575
2704
|
overflow: hidden;
|
|
2576
2705
|
text-overflow: ellipsis;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pelcro/react-pelcro-js",
|
|
3
3
|
"description": "Pelcro's React UI Elements",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.6.0-beta.10",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"private": false,
|
|
7
7
|
"main": "dist/index.cjs.js",
|
|
@@ -59,7 +59,6 @@
|
|
|
59
59
|
"browserslist": "^4.16.3",
|
|
60
60
|
"cross-env": "^7.0.3",
|
|
61
61
|
"css-loader": "^3.2.0",
|
|
62
|
-
"cssimportant-loader": "^0.4.0",
|
|
63
62
|
"cz-conventional-changelog": "3.3.0",
|
|
64
63
|
"eslint": "^7.19.0",
|
|
65
64
|
"eslint-config-google": "^0.14.0",
|
|
@@ -74,7 +73,6 @@
|
|
|
74
73
|
"html-webpack-plugin": "^3.2.0",
|
|
75
74
|
"image-webpack-loader": "^7.0.1",
|
|
76
75
|
"jest": "^26.6.3",
|
|
77
|
-
"node-sass": "^4.14.1",
|
|
78
76
|
"postcss": "^8.2.4",
|
|
79
77
|
"postcss-import": "^14.0.0",
|
|
80
78
|
"postcss-loader": "4.2.0",
|
|
@@ -92,7 +90,6 @@
|
|
|
92
90
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
93
91
|
"rollup-plugin-postcss": "^4.0.0",
|
|
94
92
|
"rollup-plugin-visualizer": "^4.2.0",
|
|
95
|
-
"sass-loader": "^7.1.0",
|
|
96
93
|
"semantic-release": "^17.4.4",
|
|
97
94
|
"simple-zustand-devtools": "^1.0.0",
|
|
98
95
|
"style-loader": "^2.0.0",
|
|
@@ -104,6 +101,7 @@
|
|
|
104
101
|
},
|
|
105
102
|
"dependencies": {
|
|
106
103
|
"@headlessui/react": "^0.3.0",
|
|
104
|
+
"@stripe/stripe-js": "^1.21.1",
|
|
107
105
|
"i18next": "^19.1.0",
|
|
108
106
|
"react-easy-crop": "^3.3.2",
|
|
109
107
|
"react-facebook-login": "^4.1.1",
|