@kompasid/lit-web-components 0.6.7 → 0.6.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.
- package/demo/index.html +1 -1
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js +39 -11
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js.map +1 -1
- package/dist/tailwind/tailwind.js +48 -175
- package/dist/tailwind/tailwind.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/kompasid-paywall-body/KompasPaywallBody.ts +39 -11
- package/tailwind/tailwind.css +48 -175
- package/tailwind/tailwind.ts +48 -175
- package/tailwind.config.js +2 -1
- package/assets/kompas-free-trial.png +0 -0
- package/assets/qr-code.png +0 -0
package/tailwind/tailwind.css
CHANGED
|
@@ -725,10 +725,6 @@ video {
|
|
|
725
725
|
margin-right: 2.5rem;
|
|
726
726
|
}
|
|
727
727
|
|
|
728
|
-
.mr-2 {
|
|
729
|
-
margin-right: 0.5rem;
|
|
730
|
-
}
|
|
731
|
-
|
|
732
728
|
.mr-3 {
|
|
733
729
|
margin-right: 0.75rem;
|
|
734
730
|
}
|
|
@@ -741,6 +737,10 @@ video {
|
|
|
741
737
|
margin-right: 1rem;
|
|
742
738
|
}
|
|
743
739
|
|
|
740
|
+
.mr-6 {
|
|
741
|
+
margin-right: 1.5rem;
|
|
742
|
+
}
|
|
743
|
+
|
|
744
744
|
.mt-1 {
|
|
745
745
|
margin-top: 0.25rem;
|
|
746
746
|
}
|
|
@@ -769,10 +769,6 @@ video {
|
|
|
769
769
|
margin-top: 2rem;
|
|
770
770
|
}
|
|
771
771
|
|
|
772
|
-
.mr-6 {
|
|
773
|
-
margin-right: 1.5rem;
|
|
774
|
-
}
|
|
775
|
-
|
|
776
772
|
.block {
|
|
777
773
|
display: block;
|
|
778
774
|
}
|
|
@@ -793,6 +789,10 @@ video {
|
|
|
793
789
|
height: 2.5rem;
|
|
794
790
|
}
|
|
795
791
|
|
|
792
|
+
.h-12 {
|
|
793
|
+
height: 3rem;
|
|
794
|
+
}
|
|
795
|
+
|
|
796
796
|
.h-16 {
|
|
797
797
|
height: 4rem;
|
|
798
798
|
}
|
|
@@ -866,16 +866,8 @@ video {
|
|
|
866
866
|
height: max-content;
|
|
867
867
|
}
|
|
868
868
|
|
|
869
|
-
.
|
|
870
|
-
|
|
871
|
-
}
|
|
872
|
-
|
|
873
|
-
.w-1\/2 {
|
|
874
|
-
width: 50%;
|
|
875
|
-
}
|
|
876
|
-
|
|
877
|
-
.w-1\/4 {
|
|
878
|
-
width: 25%;
|
|
869
|
+
.w-1\/3 {
|
|
870
|
+
width: 33.333333%;
|
|
879
871
|
}
|
|
880
872
|
|
|
881
873
|
.w-1\/5 {
|
|
@@ -886,6 +878,10 @@ video {
|
|
|
886
878
|
width: 2.5rem;
|
|
887
879
|
}
|
|
888
880
|
|
|
881
|
+
.w-11\/12 {
|
|
882
|
+
width: 91.666667%;
|
|
883
|
+
}
|
|
884
|
+
|
|
889
885
|
.w-16 {
|
|
890
886
|
width: 4rem;
|
|
891
887
|
}
|
|
@@ -898,10 +894,18 @@ video {
|
|
|
898
894
|
width: 0.625rem;
|
|
899
895
|
}
|
|
900
896
|
|
|
897
|
+
.w-2\/3 {
|
|
898
|
+
width: 66.666667%;
|
|
899
|
+
}
|
|
900
|
+
|
|
901
901
|
.w-20 {
|
|
902
902
|
width: 5rem;
|
|
903
903
|
}
|
|
904
904
|
|
|
905
|
+
.w-3\/4 {
|
|
906
|
+
width: 75%;
|
|
907
|
+
}
|
|
908
|
+
|
|
905
909
|
.w-32 {
|
|
906
910
|
width: 8rem;
|
|
907
911
|
}
|
|
@@ -934,10 +938,6 @@ video {
|
|
|
934
938
|
width: 2rem;
|
|
935
939
|
}
|
|
936
940
|
|
|
937
|
-
.w-80 {
|
|
938
|
-
width: 20rem;
|
|
939
|
-
}
|
|
940
|
-
|
|
941
941
|
.w-9 {
|
|
942
942
|
width: 2.25rem;
|
|
943
943
|
}
|
|
@@ -966,30 +966,6 @@ video {
|
|
|
966
966
|
width: 100%;
|
|
967
967
|
}
|
|
968
968
|
|
|
969
|
-
.w-1\/3 {
|
|
970
|
-
width: 33.333333%;
|
|
971
|
-
}
|
|
972
|
-
|
|
973
|
-
.w-3\/4 {
|
|
974
|
-
width: 75%;
|
|
975
|
-
}
|
|
976
|
-
|
|
977
|
-
.w-4\/5 {
|
|
978
|
-
width: 80%;
|
|
979
|
-
}
|
|
980
|
-
|
|
981
|
-
.w-2\/4 {
|
|
982
|
-
width: 50%;
|
|
983
|
-
}
|
|
984
|
-
|
|
985
|
-
.w-2\/3 {
|
|
986
|
-
width: 66.666667%;
|
|
987
|
-
}
|
|
988
|
-
|
|
989
|
-
.w-11\/12 {
|
|
990
|
-
width: 91.666667%;
|
|
991
|
-
}
|
|
992
|
-
|
|
993
969
|
.max-w-7xl {
|
|
994
970
|
max-width: 80rem;
|
|
995
971
|
}
|
|
@@ -1137,10 +1113,6 @@ video {
|
|
|
1137
1113
|
gap: 2rem;
|
|
1138
1114
|
}
|
|
1139
1115
|
|
|
1140
|
-
.gap-2 {
|
|
1141
|
-
gap: 0.5rem;
|
|
1142
|
-
}
|
|
1143
|
-
|
|
1144
1116
|
.gap-y-2 {
|
|
1145
1117
|
row-gap: 0.5rem;
|
|
1146
1118
|
}
|
|
@@ -1276,6 +1248,11 @@ video {
|
|
|
1276
1248
|
border-color: rgb(136 136 136 / var(--tw-border-opacity));
|
|
1277
1249
|
}
|
|
1278
1250
|
|
|
1251
|
+
.border-dark-9 {
|
|
1252
|
+
--tw-border-opacity: 1;
|
|
1253
|
+
border-color: rgb(35 35 35 / var(--tw-border-opacity));
|
|
1254
|
+
}
|
|
1255
|
+
|
|
1279
1256
|
.border-green-400 {
|
|
1280
1257
|
--tw-border-opacity: 1;
|
|
1281
1258
|
border-color: rgb(106 195 34 / var(--tw-border-opacity));
|
|
@@ -1411,21 +1388,6 @@ video {
|
|
|
1411
1388
|
background-color: rgb(255 220 63 / var(--tw-bg-opacity));
|
|
1412
1389
|
}
|
|
1413
1390
|
|
|
1414
|
-
.bg-red-300 {
|
|
1415
|
-
--tw-bg-opacity: 1;
|
|
1416
|
-
background-color: rgb(247 100 76 / var(--tw-bg-opacity));
|
|
1417
|
-
}
|
|
1418
|
-
|
|
1419
|
-
.bg-red-500 {
|
|
1420
|
-
--tw-bg-opacity: 1;
|
|
1421
|
-
background-color: rgb(208 13 18 / var(--tw-bg-opacity));
|
|
1422
|
-
}
|
|
1423
|
-
|
|
1424
|
-
.bg-red-400 {
|
|
1425
|
-
--tw-bg-opacity: 1;
|
|
1426
|
-
background-color: rgb(243 32 19 / var(--tw-bg-opacity));
|
|
1427
|
-
}
|
|
1428
|
-
|
|
1429
1391
|
.bg-opacity-75 {
|
|
1430
1392
|
--tw-bg-opacity: 0.75;
|
|
1431
1393
|
}
|
|
@@ -1464,19 +1426,10 @@ video {
|
|
|
1464
1426
|
padding: 1.25rem;
|
|
1465
1427
|
}
|
|
1466
1428
|
|
|
1467
|
-
.p-8 {
|
|
1468
|
-
padding: 2rem;
|
|
1469
|
-
}
|
|
1470
|
-
|
|
1471
1429
|
.p-6 {
|
|
1472
1430
|
padding: 1.5rem;
|
|
1473
1431
|
}
|
|
1474
1432
|
|
|
1475
|
-
.px-10 {
|
|
1476
|
-
padding-left: 2.5rem;
|
|
1477
|
-
padding-right: 2.5rem;
|
|
1478
|
-
}
|
|
1479
|
-
|
|
1480
1433
|
.px-2 {
|
|
1481
1434
|
padding-left: 0.5rem;
|
|
1482
1435
|
padding-right: 0.5rem;
|
|
@@ -1542,31 +1495,6 @@ video {
|
|
|
1542
1495
|
padding-bottom: 5.6px;
|
|
1543
1496
|
}
|
|
1544
1497
|
|
|
1545
|
-
.px-9 {
|
|
1546
|
-
padding-left: 2.25rem;
|
|
1547
|
-
padding-right: 2.25rem;
|
|
1548
|
-
}
|
|
1549
|
-
|
|
1550
|
-
.px-6 {
|
|
1551
|
-
padding-left: 1.5rem;
|
|
1552
|
-
padding-right: 1.5rem;
|
|
1553
|
-
}
|
|
1554
|
-
|
|
1555
|
-
.py-6 {
|
|
1556
|
-
padding-top: 1.5rem;
|
|
1557
|
-
padding-bottom: 1.5rem;
|
|
1558
|
-
}
|
|
1559
|
-
|
|
1560
|
-
.py-12 {
|
|
1561
|
-
padding-top: 3rem;
|
|
1562
|
-
padding-bottom: 3rem;
|
|
1563
|
-
}
|
|
1564
|
-
|
|
1565
|
-
.px-0 {
|
|
1566
|
-
padding-left: 0px;
|
|
1567
|
-
padding-right: 0px;
|
|
1568
|
-
}
|
|
1569
|
-
|
|
1570
1498
|
.pb-1 {
|
|
1571
1499
|
padding-bottom: 0.25rem;
|
|
1572
1500
|
}
|
|
@@ -1799,6 +1727,11 @@ video {
|
|
|
1799
1727
|
color: rgb(0 85 154 / var(--tw-text-opacity));
|
|
1800
1728
|
}
|
|
1801
1729
|
|
|
1730
|
+
.text-dark-5 {
|
|
1731
|
+
--tw-text-opacity: 1;
|
|
1732
|
+
color: rgb(18 18 18 / var(--tw-text-opacity));
|
|
1733
|
+
}
|
|
1734
|
+
|
|
1802
1735
|
.text-dark-6 {
|
|
1803
1736
|
--tw-text-opacity: 1;
|
|
1804
1737
|
color: rgb(46 46 46 / var(--tw-text-opacity));
|
|
@@ -1834,6 +1767,11 @@ video {
|
|
|
1834
1767
|
color: rgb(221 221 221 / var(--tw-text-opacity));
|
|
1835
1768
|
}
|
|
1836
1769
|
|
|
1770
|
+
.text-grey-400 {
|
|
1771
|
+
--tw-text-opacity: 1;
|
|
1772
|
+
color: rgb(153 153 153 / var(--tw-text-opacity));
|
|
1773
|
+
}
|
|
1774
|
+
|
|
1837
1775
|
.text-grey-500 {
|
|
1838
1776
|
--tw-text-opacity: 1;
|
|
1839
1777
|
color: rgb(102 102 102 / var(--tw-text-opacity));
|
|
@@ -1854,11 +1792,6 @@ video {
|
|
|
1854
1792
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1855
1793
|
}
|
|
1856
1794
|
|
|
1857
|
-
.text-grey-400 {
|
|
1858
|
-
--tw-text-opacity: 1;
|
|
1859
|
-
color: rgb(153 153 153 / var(--tw-text-opacity));
|
|
1860
|
-
}
|
|
1861
|
-
|
|
1862
1795
|
.underline {
|
|
1863
1796
|
text-decoration-line: underline;
|
|
1864
1797
|
}
|
|
@@ -1893,18 +1826,10 @@ video {
|
|
|
1893
1826
|
}
|
|
1894
1827
|
|
|
1895
1828
|
@media (min-width: 640px) {
|
|
1896
|
-
.sm\:w-1\/2 {
|
|
1897
|
-
width: 50%;
|
|
1898
|
-
}
|
|
1899
|
-
|
|
1900
1829
|
.sm\:w-3\/4 {
|
|
1901
1830
|
width: 75%;
|
|
1902
1831
|
}
|
|
1903
1832
|
|
|
1904
|
-
.sm\:w-1\/4 {
|
|
1905
|
-
width: 25%;
|
|
1906
|
-
}
|
|
1907
|
-
|
|
1908
1833
|
.sm\:max-w-lg {
|
|
1909
1834
|
max-width: 32rem;
|
|
1910
1835
|
}
|
|
@@ -2003,6 +1928,10 @@ video {
|
|
|
2003
1928
|
min-height: 244px;
|
|
2004
1929
|
}
|
|
2005
1930
|
|
|
1931
|
+
.md\:w-1\/2 {
|
|
1932
|
+
width: 50%;
|
|
1933
|
+
}
|
|
1934
|
+
|
|
2006
1935
|
.md\:w-3\/5 {
|
|
2007
1936
|
width: 60%;
|
|
2008
1937
|
}
|
|
@@ -2043,26 +1972,6 @@ video {
|
|
|
2043
1972
|
width: 100%;
|
|
2044
1973
|
}
|
|
2045
1974
|
|
|
2046
|
-
.md\:w-1\/2 {
|
|
2047
|
-
width: 50%;
|
|
2048
|
-
}
|
|
2049
|
-
|
|
2050
|
-
.md\:w-3\/4 {
|
|
2051
|
-
width: 75%;
|
|
2052
|
-
}
|
|
2053
|
-
|
|
2054
|
-
.md\:w-1\/4 {
|
|
2055
|
-
width: 25%;
|
|
2056
|
-
}
|
|
2057
|
-
|
|
2058
|
-
.md\:w-1\/3 {
|
|
2059
|
-
width: 33.333333%;
|
|
2060
|
-
}
|
|
2061
|
-
|
|
2062
|
-
.md\:w-2\/3 {
|
|
2063
|
-
width: 66.666667%;
|
|
2064
|
-
}
|
|
2065
|
-
|
|
2066
1975
|
.md\:max-w-\[137px\] {
|
|
2067
1976
|
max-width: 137px;
|
|
2068
1977
|
}
|
|
@@ -2186,6 +2095,11 @@ video {
|
|
|
2186
2095
|
padding-right: 1.5rem;
|
|
2187
2096
|
}
|
|
2188
2097
|
|
|
2098
|
+
.md\:px-8 {
|
|
2099
|
+
padding-left: 2rem;
|
|
2100
|
+
padding-right: 2rem;
|
|
2101
|
+
}
|
|
2102
|
+
|
|
2189
2103
|
.md\:py-1 {
|
|
2190
2104
|
padding-top: 0.25rem;
|
|
2191
2105
|
padding-bottom: 0.25rem;
|
|
@@ -2206,11 +2120,6 @@ video {
|
|
|
2206
2120
|
padding-bottom: 1.5rem;
|
|
2207
2121
|
}
|
|
2208
2122
|
|
|
2209
|
-
.md\:px-8 {
|
|
2210
|
-
padding-left: 2rem;
|
|
2211
|
-
padding-right: 2rem;
|
|
2212
|
-
}
|
|
2213
|
-
|
|
2214
2123
|
.md\:pb-4 {
|
|
2215
2124
|
padding-bottom: 1rem;
|
|
2216
2125
|
}
|
|
@@ -2320,10 +2229,6 @@ video {
|
|
|
2320
2229
|
min-height: 220px;
|
|
2321
2230
|
}
|
|
2322
2231
|
|
|
2323
|
-
.lg\:w-\[410px\] {
|
|
2324
|
-
width: 410px;
|
|
2325
|
-
}
|
|
2326
|
-
|
|
2327
2232
|
.lg\:w-1\/2 {
|
|
2328
2233
|
width: 50%;
|
|
2329
2234
|
}
|
|
@@ -2332,16 +2237,8 @@ video {
|
|
|
2332
2237
|
width: 33.333333%;
|
|
2333
2238
|
}
|
|
2334
2239
|
|
|
2335
|
-
.lg\:w
|
|
2336
|
-
width:
|
|
2337
|
-
}
|
|
2338
|
-
|
|
2339
|
-
.lg\:w-2 {
|
|
2340
|
-
width: 0.5rem;
|
|
2341
|
-
}
|
|
2342
|
-
|
|
2343
|
-
.lg\:w-2\/3 {
|
|
2344
|
-
width: 66.666667%;
|
|
2240
|
+
.lg\:w-\[410px\] {
|
|
2241
|
+
width: 410px;
|
|
2345
2242
|
}
|
|
2346
2243
|
|
|
2347
2244
|
.lg\:max-w-7xl {
|
|
@@ -2414,30 +2311,6 @@ video {
|
|
|
2414
2311
|
}
|
|
2415
2312
|
|
|
2416
2313
|
@media (min-width: 1280px) {
|
|
2417
|
-
.xl\:block {
|
|
2418
|
-
display: block;
|
|
2419
|
-
}
|
|
2420
|
-
|
|
2421
|
-
.xl\:flex {
|
|
2422
|
-
display: flex;
|
|
2423
|
-
}
|
|
2424
|
-
|
|
2425
|
-
.xl\:hidden {
|
|
2426
|
-
display: none;
|
|
2427
|
-
}
|
|
2428
|
-
|
|
2429
|
-
.xl\:w-1\/3 {
|
|
2430
|
-
width: 33.333333%;
|
|
2431
|
-
}
|
|
2432
|
-
|
|
2433
|
-
.xl\:w-1\/2 {
|
|
2434
|
-
width: 50%;
|
|
2435
|
-
}
|
|
2436
|
-
|
|
2437
|
-
.xl\:w-1\/4 {
|
|
2438
|
-
width: 25%;
|
|
2439
|
-
}
|
|
2440
|
-
|
|
2441
2314
|
.xl\:px-0 {
|
|
2442
2315
|
padding-left: 0px;
|
|
2443
2316
|
padding-right: 0px;
|