@kompasid/lit-web-components 0.5.2 → 0.5.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.
- package/demo/index.html +2 -2
- package/dist/src/components/kompasid-freewall-head/KompasFreewallHead.js +5 -7
- package/dist/src/components/kompasid-freewall-head/KompasFreewallHead.js.map +1 -1
- package/dist/src/components/kompasid-paywall/KompasPaywall.js +2 -2
- package/dist/src/components/kompasid-paywall/KompasPaywall.js.map +1 -1
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.d.ts +4 -1
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js +70 -38
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js.map +1 -1
- package/dist/tailwind/tailwind.js +120 -23
- package/dist/tailwind/tailwind.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/kompasid-freewall-head/KompasFreewallHead.ts +5 -7
- package/src/components/kompasid-paywall/KompasPaywall.ts +2 -2
- package/src/components/kompasid-paywall-body/KompasPaywallBody.ts +74 -39
- package/tailwind/tailwind.css +120 -23
- package/tailwind/tailwind.ts +120 -23
package/tailwind/tailwind.ts
CHANGED
|
@@ -682,6 +682,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
682
682
|
margin-left: 0.25rem;
|
|
683
683
|
}
|
|
684
684
|
|
|
685
|
+
.ml-2 {
|
|
686
|
+
margin-left: 0.5rem;
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
.ml-3 {
|
|
690
|
+
margin-left: 0.75rem;
|
|
691
|
+
}
|
|
692
|
+
|
|
685
693
|
.ml-8 {
|
|
686
694
|
margin-left: 2rem;
|
|
687
695
|
}
|
|
@@ -774,6 +782,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
774
782
|
height: 2.25rem;
|
|
775
783
|
}
|
|
776
784
|
|
|
785
|
+
.h-\\[17px\\] {
|
|
786
|
+
height: 17px;
|
|
787
|
+
}
|
|
788
|
+
|
|
789
|
+
.h-\\[68px\\] {
|
|
790
|
+
height: 68px;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
.h-\\[76px\\] {
|
|
794
|
+
height: 76px;
|
|
795
|
+
}
|
|
796
|
+
|
|
777
797
|
.h-auto {
|
|
778
798
|
height: auto;
|
|
779
799
|
}
|
|
@@ -782,6 +802,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
782
802
|
height: 100%;
|
|
783
803
|
}
|
|
784
804
|
|
|
805
|
+
.h-max {
|
|
806
|
+
height: -moz-max-content;
|
|
807
|
+
height: max-content;
|
|
808
|
+
}
|
|
809
|
+
|
|
785
810
|
.w-1\\/5 {
|
|
786
811
|
width: 20%;
|
|
787
812
|
}
|
|
@@ -854,10 +879,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
854
879
|
max-width: 80rem;
|
|
855
880
|
}
|
|
856
881
|
|
|
857
|
-
.max-w-\\[280px\\] {
|
|
858
|
-
max-width: 280px;
|
|
859
|
-
}
|
|
860
|
-
|
|
861
882
|
.max-w-screen-md {
|
|
862
883
|
max-width: 768px;
|
|
863
884
|
}
|
|
@@ -939,6 +960,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
939
960
|
flex-wrap: wrap;
|
|
940
961
|
}
|
|
941
962
|
|
|
963
|
+
.flex-nowrap {
|
|
964
|
+
flex-wrap: nowrap;
|
|
965
|
+
}
|
|
966
|
+
|
|
942
967
|
.place-items-center {
|
|
943
968
|
place-items: center;
|
|
944
969
|
}
|
|
@@ -983,10 +1008,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
983
1008
|
row-gap: 1rem;
|
|
984
1009
|
}
|
|
985
1010
|
|
|
986
|
-
.space-x-
|
|
1011
|
+
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
|
|
987
1012
|
--tw-space-x-reverse: 0;
|
|
988
|
-
margin-right: calc(0.
|
|
989
|
-
margin-left: calc(0.
|
|
1013
|
+
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
|
|
1014
|
+
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1018
|
+
--tw-space-x-reverse: 0;
|
|
1019
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1020
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
990
1021
|
}
|
|
991
1022
|
|
|
992
1023
|
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
@@ -1017,6 +1048,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1017
1048
|
align-self: center;
|
|
1018
1049
|
}
|
|
1019
1050
|
|
|
1051
|
+
.overflow-hidden {
|
|
1052
|
+
overflow: hidden;
|
|
1053
|
+
}
|
|
1054
|
+
|
|
1020
1055
|
.whitespace-nowrap {
|
|
1021
1056
|
white-space: nowrap;
|
|
1022
1057
|
}
|
|
@@ -1106,6 +1141,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1106
1141
|
border-color: rgb(238 238 238 / var(--tw-border-opacity));
|
|
1107
1142
|
}
|
|
1108
1143
|
|
|
1144
|
+
.border-grey-400 {
|
|
1145
|
+
--tw-border-opacity: 1;
|
|
1146
|
+
border-color: rgb(153 153 153 / var(--tw-border-opacity));
|
|
1147
|
+
}
|
|
1148
|
+
|
|
1109
1149
|
.border-white {
|
|
1110
1150
|
--tw-border-opacity: 1;
|
|
1111
1151
|
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
@@ -1201,6 +1241,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1201
1241
|
background-color: rgb(255 220 63 / var(--tw-bg-opacity));
|
|
1202
1242
|
}
|
|
1203
1243
|
|
|
1244
|
+
.bg-red-100 {
|
|
1245
|
+
--tw-bg-opacity: 1;
|
|
1246
|
+
background-color: rgb(254 225 207 / var(--tw-bg-opacity));
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1204
1249
|
.bg-opacity-75 {
|
|
1205
1250
|
--tw-bg-opacity: 0.75;
|
|
1206
1251
|
}
|
|
@@ -1237,11 +1282,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1237
1282
|
padding-right: 1rem;
|
|
1238
1283
|
}
|
|
1239
1284
|
|
|
1240
|
-
.px-6 {
|
|
1241
|
-
padding-left: 1.5rem;
|
|
1242
|
-
padding-right: 1.5rem;
|
|
1243
|
-
}
|
|
1244
|
-
|
|
1245
1285
|
.px-8 {
|
|
1246
1286
|
padding-left: 2rem;
|
|
1247
1287
|
padding-right: 2rem;
|
|
@@ -1252,6 +1292,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1252
1292
|
padding-right: 10px;
|
|
1253
1293
|
}
|
|
1254
1294
|
|
|
1295
|
+
.px-\\[22px\\] {
|
|
1296
|
+
padding-left: 22px;
|
|
1297
|
+
padding-right: 22px;
|
|
1298
|
+
}
|
|
1299
|
+
|
|
1255
1300
|
.py-0 {
|
|
1256
1301
|
padding-top: 0px;
|
|
1257
1302
|
padding-bottom: 0px;
|
|
@@ -1282,6 +1327,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1282
1327
|
padding-bottom: 1.25rem;
|
|
1283
1328
|
}
|
|
1284
1329
|
|
|
1330
|
+
.py-\\[5\\.6px\\] {
|
|
1331
|
+
padding-top: 5.6px;
|
|
1332
|
+
padding-bottom: 5.6px;
|
|
1333
|
+
}
|
|
1334
|
+
|
|
1285
1335
|
.pb-1 {
|
|
1286
1336
|
padding-bottom: 0.25rem;
|
|
1287
1337
|
}
|
|
@@ -1338,10 +1388,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1338
1388
|
padding-top: 0.125rem;
|
|
1339
1389
|
}
|
|
1340
1390
|
|
|
1341
|
-
.pt-1 {
|
|
1342
|
-
padding-top: 0.25rem;
|
|
1343
|
-
}
|
|
1344
|
-
|
|
1345
1391
|
.pt-10 {
|
|
1346
1392
|
padding-top: 2.5rem;
|
|
1347
1393
|
}
|
|
@@ -1410,6 +1456,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1410
1456
|
font-weight: 400;
|
|
1411
1457
|
}
|
|
1412
1458
|
|
|
1459
|
+
.leading-4 {
|
|
1460
|
+
line-height: 1rem;
|
|
1461
|
+
}
|
|
1462
|
+
|
|
1413
1463
|
.leading-5 {
|
|
1414
1464
|
line-height: 1.25rem;
|
|
1415
1465
|
}
|
|
@@ -1473,11 +1523,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1473
1523
|
color: rgb(0 85 154 / var(--tw-text-opacity));
|
|
1474
1524
|
}
|
|
1475
1525
|
|
|
1476
|
-
.text-dark-1 {
|
|
1477
|
-
--tw-text-opacity: 1;
|
|
1478
|
-
color: rgb(160 160 160 / var(--tw-text-opacity));
|
|
1479
|
-
}
|
|
1480
|
-
|
|
1481
1526
|
.text-dark-6 {
|
|
1482
1527
|
--tw-text-opacity: 1;
|
|
1483
1528
|
color: rgb(46 46 46 / var(--tw-text-opacity));
|
|
@@ -1605,6 +1650,19 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1605
1650
|
height: 3rem;
|
|
1606
1651
|
}
|
|
1607
1652
|
|
|
1653
|
+
.md\\:h-5 {
|
|
1654
|
+
height: 1.25rem;
|
|
1655
|
+
}
|
|
1656
|
+
|
|
1657
|
+
.md\\:h-\\[68px\\] {
|
|
1658
|
+
height: 68px;
|
|
1659
|
+
}
|
|
1660
|
+
|
|
1661
|
+
.md\\:h-max {
|
|
1662
|
+
height: -moz-max-content;
|
|
1663
|
+
height: max-content;
|
|
1664
|
+
}
|
|
1665
|
+
|
|
1608
1666
|
.md\\:min-h-\\[244px\\] {
|
|
1609
1667
|
min-height: 244px;
|
|
1610
1668
|
}
|
|
@@ -1645,8 +1703,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1645
1703
|
width: 100%;
|
|
1646
1704
|
}
|
|
1647
1705
|
|
|
1648
|
-
.md\\:max-w
|
|
1649
|
-
max-width:
|
|
1706
|
+
.md\\:max-w-\\[137px\\] {
|
|
1707
|
+
max-width: 137px;
|
|
1650
1708
|
}
|
|
1651
1709
|
|
|
1652
1710
|
.md\\:max-w-sm {
|
|
@@ -1661,10 +1719,34 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1661
1719
|
flex-direction: row;
|
|
1662
1720
|
}
|
|
1663
1721
|
|
|
1722
|
+
.md\\:flex-col {
|
|
1723
|
+
flex-direction: column;
|
|
1724
|
+
}
|
|
1725
|
+
|
|
1726
|
+
.md\\:items-start {
|
|
1727
|
+
align-items: flex-start;
|
|
1728
|
+
}
|
|
1729
|
+
|
|
1664
1730
|
.md\\:justify-start {
|
|
1665
1731
|
justify-content: flex-start;
|
|
1666
1732
|
}
|
|
1667
1733
|
|
|
1734
|
+
.md\\:justify-center {
|
|
1735
|
+
justify-content: center;
|
|
1736
|
+
}
|
|
1737
|
+
|
|
1738
|
+
.md\\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
|
|
1739
|
+
--tw-space-x-reverse: 0;
|
|
1740
|
+
margin-right: calc(0px * var(--tw-space-x-reverse));
|
|
1741
|
+
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
|
|
1742
|
+
}
|
|
1743
|
+
|
|
1744
|
+
.md\\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1745
|
+
--tw-space-x-reverse: 0;
|
|
1746
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1747
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1748
|
+
}
|
|
1749
|
+
|
|
1668
1750
|
.md\\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
|
|
1669
1751
|
--tw-space-x-reverse: 0;
|
|
1670
1752
|
margin-right: calc(1.25rem * var(--tw-space-x-reverse));
|
|
@@ -1724,6 +1806,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1724
1806
|
padding-right: 1.5rem;
|
|
1725
1807
|
}
|
|
1726
1808
|
|
|
1809
|
+
.md\\:py-1 {
|
|
1810
|
+
padding-top: 0.25rem;
|
|
1811
|
+
padding-bottom: 0.25rem;
|
|
1812
|
+
}
|
|
1813
|
+
|
|
1814
|
+
.md\\:py-1\\.5 {
|
|
1815
|
+
padding-top: 0.375rem;
|
|
1816
|
+
padding-bottom: 0.375rem;
|
|
1817
|
+
}
|
|
1818
|
+
|
|
1727
1819
|
.md\\:py-2 {
|
|
1728
1820
|
padding-top: 0.5rem;
|
|
1729
1821
|
padding-bottom: 0.5rem;
|
|
@@ -1774,6 +1866,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1774
1866
|
line-height: 1.75rem;
|
|
1775
1867
|
}
|
|
1776
1868
|
|
|
1869
|
+
.md\\:text-xs {
|
|
1870
|
+
font-size: 0.75rem;
|
|
1871
|
+
line-height: 1rem;
|
|
1872
|
+
}
|
|
1873
|
+
|
|
1777
1874
|
.md\\:leading-6 {
|
|
1778
1875
|
line-height: 1.5rem;
|
|
1779
1876
|
}
|