@kompasid/lit-web-components 0.9.42 → 0.9.44
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/paywall.html +17 -20
- package/dist/src/components/kompasid-paywall/KompasPaywall.js +11 -11
- package/dist/src/components/kompasid-paywall/KompasPaywall.js.map +1 -1
- package/dist/src/components/kompasid-paywall/types.d.ts +4 -0
- package/dist/src/components/kompasid-paywall/types.js.map +1 -1
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.d.ts +2 -2
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js +188 -160
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js.map +1 -1
- package/dist/tailwind/tailwind.js +84 -89
- package/dist/tailwind/tailwind.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/kompasid-paywall/KompasPaywall.ts +11 -11
- package/src/components/kompasid-paywall/readme.md +74 -352
- package/src/components/kompasid-paywall/types.ts +4 -0
- package/src/components/kompasid-paywall-body/KompasPaywallBody.ts +211 -200
- package/src/components/kompasid-paywall-body/readme.md +3 -0
- package/tailwind/tailwind.css +84 -89
- package/tailwind/tailwind.ts +84 -89
- package/tailwind.config.js +1 -1
package/tailwind/tailwind.css
CHANGED
|
@@ -586,6 +586,10 @@ video {
|
|
|
586
586
|
bottom: -1.5rem;
|
|
587
587
|
}
|
|
588
588
|
|
|
589
|
+
.-top-1\.5 {
|
|
590
|
+
top: -0.375rem;
|
|
591
|
+
}
|
|
592
|
+
|
|
589
593
|
.-top-2 {
|
|
590
594
|
top: -0.5rem;
|
|
591
595
|
}
|
|
@@ -602,6 +606,10 @@ video {
|
|
|
602
606
|
left: 0px;
|
|
603
607
|
}
|
|
604
608
|
|
|
609
|
+
.left-2\.5 {
|
|
610
|
+
left: 0.625rem;
|
|
611
|
+
}
|
|
612
|
+
|
|
605
613
|
.left-4 {
|
|
606
614
|
left: 1rem;
|
|
607
615
|
}
|
|
@@ -755,10 +763,6 @@ video {
|
|
|
755
763
|
margin-bottom: 2rem;
|
|
756
764
|
}
|
|
757
765
|
|
|
758
|
-
.ml-0\.5 {
|
|
759
|
-
margin-left: 0.125rem;
|
|
760
|
-
}
|
|
761
|
-
|
|
762
766
|
.ml-1 {
|
|
763
767
|
margin-left: 0.25rem;
|
|
764
768
|
}
|
|
@@ -803,10 +807,6 @@ video {
|
|
|
803
807
|
margin-right: 0.75rem;
|
|
804
808
|
}
|
|
805
809
|
|
|
806
|
-
.mr-3\.5 {
|
|
807
|
-
margin-right: 0.875rem;
|
|
808
|
-
}
|
|
809
|
-
|
|
810
810
|
.mr-4 {
|
|
811
811
|
margin-right: 1rem;
|
|
812
812
|
}
|
|
@@ -831,10 +831,6 @@ video {
|
|
|
831
831
|
margin-top: 0.5rem;
|
|
832
832
|
}
|
|
833
833
|
|
|
834
|
-
.mt-2\.5 {
|
|
835
|
-
margin-top: 0.625rem;
|
|
836
|
-
}
|
|
837
|
-
|
|
838
834
|
.mt-3 {
|
|
839
835
|
margin-top: 0.75rem;
|
|
840
836
|
}
|
|
@@ -843,8 +839,8 @@ video {
|
|
|
843
839
|
margin-top: 1rem;
|
|
844
840
|
}
|
|
845
841
|
|
|
846
|
-
.mt-
|
|
847
|
-
margin-top: 1.
|
|
842
|
+
.mt-5 {
|
|
843
|
+
margin-top: 1.25rem;
|
|
848
844
|
}
|
|
849
845
|
|
|
850
846
|
.mt-8 {
|
|
@@ -935,10 +931,6 @@ video {
|
|
|
935
931
|
height: 68px;
|
|
936
932
|
}
|
|
937
933
|
|
|
938
|
-
.h-\[76px\] {
|
|
939
|
-
height: 76px;
|
|
940
|
-
}
|
|
941
|
-
|
|
942
934
|
.h-auto {
|
|
943
935
|
height: auto;
|
|
944
936
|
}
|
|
@@ -964,6 +956,14 @@ video {
|
|
|
964
956
|
max-height: 116px;
|
|
965
957
|
}
|
|
966
958
|
|
|
959
|
+
.min-h-\[68px\] {
|
|
960
|
+
min-height: 68px;
|
|
961
|
+
}
|
|
962
|
+
|
|
963
|
+
.min-h-\[76px\] {
|
|
964
|
+
min-height: 76px;
|
|
965
|
+
}
|
|
966
|
+
|
|
967
967
|
.w-1\/2 {
|
|
968
968
|
width: 50%;
|
|
969
969
|
}
|
|
@@ -976,10 +976,6 @@ video {
|
|
|
976
976
|
width: 25%;
|
|
977
977
|
}
|
|
978
978
|
|
|
979
|
-
.w-1\/5 {
|
|
980
|
-
width: 20%;
|
|
981
|
-
}
|
|
982
|
-
|
|
983
979
|
.w-10 {
|
|
984
980
|
width: 2.5rem;
|
|
985
981
|
}
|
|
@@ -1133,8 +1129,8 @@ video {
|
|
|
1133
1129
|
max-width: 20rem;
|
|
1134
1130
|
}
|
|
1135
1131
|
|
|
1136
|
-
.
|
|
1137
|
-
|
|
1132
|
+
.max-w-\[492px\] {
|
|
1133
|
+
max-width: 492px;
|
|
1138
1134
|
}
|
|
1139
1135
|
|
|
1140
1136
|
.flex-shrink-0 {
|
|
@@ -1307,12 +1303,6 @@ video {
|
|
|
1307
1303
|
row-gap: 1rem;
|
|
1308
1304
|
}
|
|
1309
1305
|
|
|
1310
|
-
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
|
|
1311
|
-
--tw-space-x-reverse: 0;
|
|
1312
|
-
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
|
|
1313
|
-
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1314
|
-
}
|
|
1315
|
-
|
|
1316
1306
|
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1317
1307
|
--tw-space-x-reverse: 0;
|
|
1318
1308
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
@@ -1353,10 +1343,6 @@ video {
|
|
|
1353
1343
|
align-self: center;
|
|
1354
1344
|
}
|
|
1355
1345
|
|
|
1356
|
-
.overflow-hidden {
|
|
1357
|
-
overflow: hidden;
|
|
1358
|
-
}
|
|
1359
|
-
|
|
1360
1346
|
.overflow-y-auto {
|
|
1361
1347
|
overflow-y: auto;
|
|
1362
1348
|
}
|
|
@@ -1482,7 +1468,7 @@ video {
|
|
|
1482
1468
|
|
|
1483
1469
|
.border-grey-100 {
|
|
1484
1470
|
--tw-border-opacity: 1;
|
|
1485
|
-
border-color: rgb(
|
|
1471
|
+
border-color: rgb(244 244 244 / var(--tw-border-opacity, 1));
|
|
1486
1472
|
}
|
|
1487
1473
|
|
|
1488
1474
|
.border-grey-200 {
|
|
@@ -1591,7 +1577,7 @@ video {
|
|
|
1591
1577
|
|
|
1592
1578
|
.bg-grey-100 {
|
|
1593
1579
|
--tw-bg-opacity: 1;
|
|
1594
|
-
background-color: rgb(
|
|
1580
|
+
background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
|
|
1595
1581
|
}
|
|
1596
1582
|
|
|
1597
1583
|
.bg-grey-200 {
|
|
@@ -1604,6 +1590,11 @@ video {
|
|
|
1604
1590
|
background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1));
|
|
1605
1591
|
}
|
|
1606
1592
|
|
|
1593
|
+
.bg-grey-500 {
|
|
1594
|
+
--tw-bg-opacity: 1;
|
|
1595
|
+
background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
|
|
1596
|
+
}
|
|
1597
|
+
|
|
1607
1598
|
.bg-grey-600 {
|
|
1608
1599
|
--tw-bg-opacity: 1;
|
|
1609
1600
|
background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
|
|
@@ -1842,10 +1833,6 @@ video {
|
|
|
1842
1833
|
padding-top: 0px;
|
|
1843
1834
|
}
|
|
1844
1835
|
|
|
1845
|
-
.pt-0\.5 {
|
|
1846
|
-
padding-top: 0.125rem;
|
|
1847
|
-
}
|
|
1848
|
-
|
|
1849
1836
|
.pt-1 {
|
|
1850
1837
|
padding-top: 0.25rem;
|
|
1851
1838
|
}
|
|
@@ -1996,6 +1983,10 @@ video {
|
|
|
1996
1983
|
letter-spacing: 0.025em;
|
|
1997
1984
|
}
|
|
1998
1985
|
|
|
1986
|
+
.tracking-normal {
|
|
1987
|
+
letter-spacing: 0em;
|
|
1988
|
+
}
|
|
1989
|
+
|
|
1999
1990
|
.text-\[\#00559a\] {
|
|
2000
1991
|
--tw-text-opacity: 1;
|
|
2001
1992
|
color: rgb(0 85 154 / var(--tw-text-opacity, 1));
|
|
@@ -2073,7 +2064,7 @@ video {
|
|
|
2073
2064
|
|
|
2074
2065
|
.text-grey-100 {
|
|
2075
2066
|
--tw-text-opacity: 1;
|
|
2076
|
-
color: rgb(
|
|
2067
|
+
color: rgb(244 244 244 / var(--tw-text-opacity, 1));
|
|
2077
2068
|
}
|
|
2078
2069
|
|
|
2079
2070
|
.text-grey-300 {
|
|
@@ -2111,6 +2102,11 @@ video {
|
|
|
2111
2102
|
color: rgb(219 93 0 / var(--tw-text-opacity, 1));
|
|
2112
2103
|
}
|
|
2113
2104
|
|
|
2105
|
+
.text-red-500 {
|
|
2106
|
+
--tw-text-opacity: 1;
|
|
2107
|
+
color: rgb(208 13 18 / var(--tw-text-opacity, 1));
|
|
2108
|
+
}
|
|
2109
|
+
|
|
2114
2110
|
.text-red-600 {
|
|
2115
2111
|
--tw-text-opacity: 1;
|
|
2116
2112
|
color: rgb(174 9 27 / var(--tw-text-opacity, 1));
|
|
@@ -2125,6 +2121,10 @@ video {
|
|
|
2125
2121
|
text-decoration-line: underline;
|
|
2126
2122
|
}
|
|
2127
2123
|
|
|
2124
|
+
.line-through {
|
|
2125
|
+
text-decoration-line: line-through;
|
|
2126
|
+
}
|
|
2127
|
+
|
|
2128
2128
|
.no-underline {
|
|
2129
2129
|
text-decoration-line: none;
|
|
2130
2130
|
}
|
|
@@ -2224,11 +2224,6 @@ video {
|
|
|
2224
2224
|
margin-right: 0px;
|
|
2225
2225
|
}
|
|
2226
2226
|
|
|
2227
|
-
.md\:my-3 {
|
|
2228
|
-
margin-top: 0.75rem;
|
|
2229
|
-
margin-bottom: 0.75rem;
|
|
2230
|
-
}
|
|
2231
|
-
|
|
2232
2227
|
.md\:my-8 {
|
|
2233
2228
|
margin-top: 2rem;
|
|
2234
2229
|
margin-bottom: 2rem;
|
|
@@ -2247,18 +2242,14 @@ video {
|
|
|
2247
2242
|
margin-bottom: 1.25rem;
|
|
2248
2243
|
}
|
|
2249
2244
|
|
|
2250
|
-
.md\:ml-
|
|
2251
|
-
margin-left: 0.
|
|
2245
|
+
.md\:ml-2 {
|
|
2246
|
+
margin-left: 0.5rem;
|
|
2252
2247
|
}
|
|
2253
2248
|
|
|
2254
2249
|
.md\:ml-6 {
|
|
2255
2250
|
margin-left: 1.5rem;
|
|
2256
2251
|
}
|
|
2257
2252
|
|
|
2258
|
-
.md\:mr-5 {
|
|
2259
|
-
margin-right: 1.25rem;
|
|
2260
|
-
}
|
|
2261
|
-
|
|
2262
2253
|
.md\:mr-6 {
|
|
2263
2254
|
margin-right: 1.5rem;
|
|
2264
2255
|
}
|
|
@@ -2267,10 +2258,6 @@ video {
|
|
|
2267
2258
|
margin-top: 0.5rem;
|
|
2268
2259
|
}
|
|
2269
2260
|
|
|
2270
|
-
.md\:mt-2\.5 {
|
|
2271
|
-
margin-top: 0.625rem;
|
|
2272
|
-
}
|
|
2273
|
-
|
|
2274
2261
|
.md\:mt-3 {
|
|
2275
2262
|
margin-top: 0.75rem;
|
|
2276
2263
|
}
|
|
@@ -2279,8 +2266,12 @@ video {
|
|
|
2279
2266
|
margin-top: 1rem;
|
|
2280
2267
|
}
|
|
2281
2268
|
|
|
2282
|
-
.md\:mt-
|
|
2283
|
-
margin-top:
|
|
2269
|
+
.md\:mt-5 {
|
|
2270
|
+
margin-top: 1.25rem;
|
|
2271
|
+
}
|
|
2272
|
+
|
|
2273
|
+
.md\:mt-7 {
|
|
2274
|
+
margin-top: 1.75rem;
|
|
2284
2275
|
}
|
|
2285
2276
|
|
|
2286
2277
|
.md\:block {
|
|
@@ -2303,15 +2294,6 @@ video {
|
|
|
2303
2294
|
height: 1.25rem;
|
|
2304
2295
|
}
|
|
2305
2296
|
|
|
2306
|
-
.md\:h-\[68px\] {
|
|
2307
|
-
height: 68px;
|
|
2308
|
-
}
|
|
2309
|
-
|
|
2310
|
-
.md\:h-max {
|
|
2311
|
-
height: -moz-max-content;
|
|
2312
|
-
height: max-content;
|
|
2313
|
-
}
|
|
2314
|
-
|
|
2315
2297
|
.md\:max-h-\[220px\] {
|
|
2316
2298
|
max-height: 220px;
|
|
2317
2299
|
}
|
|
@@ -2320,6 +2302,10 @@ video {
|
|
|
2320
2302
|
min-height: 244px;
|
|
2321
2303
|
}
|
|
2322
2304
|
|
|
2305
|
+
.md\:min-h-\[68px\] {
|
|
2306
|
+
min-height: 68px;
|
|
2307
|
+
}
|
|
2308
|
+
|
|
2323
2309
|
.md\:w-1\/2 {
|
|
2324
2310
|
width: 50%;
|
|
2325
2311
|
}
|
|
@@ -2332,6 +2318,10 @@ video {
|
|
|
2332
2318
|
width: 10rem;
|
|
2333
2319
|
}
|
|
2334
2320
|
|
|
2321
|
+
.md\:w-5 {
|
|
2322
|
+
width: 1.25rem;
|
|
2323
|
+
}
|
|
2324
|
+
|
|
2335
2325
|
.md\:w-5\/12 {
|
|
2336
2326
|
width: 41.666667%;
|
|
2337
2327
|
}
|
|
@@ -2376,8 +2366,8 @@ video {
|
|
|
2376
2366
|
max-width: 200px;
|
|
2377
2367
|
}
|
|
2378
2368
|
|
|
2379
|
-
.md\:max-w-\[
|
|
2380
|
-
max-width:
|
|
2369
|
+
.md\:max-w-\[492px\] {
|
|
2370
|
+
max-width: 492px;
|
|
2381
2371
|
}
|
|
2382
2372
|
|
|
2383
2373
|
.md\:max-w-\[737px\] {
|
|
@@ -2424,20 +2414,16 @@ video {
|
|
|
2424
2414
|
justify-content: center;
|
|
2425
2415
|
}
|
|
2426
2416
|
|
|
2427
|
-
.md\:
|
|
2428
|
-
|
|
2417
|
+
.md\:justify-between {
|
|
2418
|
+
justify-content: space-between;
|
|
2429
2419
|
}
|
|
2430
2420
|
|
|
2431
|
-
.md\:
|
|
2432
|
-
|
|
2433
|
-
margin-right: calc(0px * var(--tw-space-x-reverse));
|
|
2434
|
-
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
|
|
2421
|
+
.md\:gap-3 {
|
|
2422
|
+
gap: 0.75rem;
|
|
2435
2423
|
}
|
|
2436
2424
|
|
|
2437
|
-
.md\:
|
|
2438
|
-
|
|
2439
|
-
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
2440
|
-
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
2425
|
+
.md\:gap-8 {
|
|
2426
|
+
gap: 2rem;
|
|
2441
2427
|
}
|
|
2442
2428
|
|
|
2443
2429
|
.md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
@@ -2458,12 +2444,6 @@ video {
|
|
|
2458
2444
|
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
|
2459
2445
|
}
|
|
2460
2446
|
|
|
2461
|
-
.md\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
2462
|
-
--tw-space-y-reverse: 0;
|
|
2463
|
-
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2464
|
-
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
2465
|
-
}
|
|
2466
|
-
|
|
2467
2447
|
.md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
2468
2448
|
--tw-space-y-reverse: 0;
|
|
2469
2449
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -2495,6 +2475,11 @@ video {
|
|
|
2495
2475
|
padding-right: 0px;
|
|
2496
2476
|
}
|
|
2497
2477
|
|
|
2478
|
+
.md\:px-10 {
|
|
2479
|
+
padding-left: 2.5rem;
|
|
2480
|
+
padding-right: 2.5rem;
|
|
2481
|
+
}
|
|
2482
|
+
|
|
2498
2483
|
.md\:px-20 {
|
|
2499
2484
|
padding-left: 5rem;
|
|
2500
2485
|
padding-right: 5rem;
|
|
@@ -2556,10 +2541,6 @@ video {
|
|
|
2556
2541
|
padding-top: 0.75rem;
|
|
2557
2542
|
}
|
|
2558
2543
|
|
|
2559
|
-
.md\:pt-5 {
|
|
2560
|
-
padding-top: 1.25rem;
|
|
2561
|
-
}
|
|
2562
|
-
|
|
2563
2544
|
.md\:pt-8 {
|
|
2564
2545
|
padding-top: 2rem;
|
|
2565
2546
|
}
|
|
@@ -2657,6 +2638,10 @@ video {
|
|
|
2657
2638
|
margin-top: 0px;
|
|
2658
2639
|
}
|
|
2659
2640
|
|
|
2641
|
+
.lg\:mt-5 {
|
|
2642
|
+
margin-top: 1.25rem;
|
|
2643
|
+
}
|
|
2644
|
+
|
|
2660
2645
|
.lg\:block {
|
|
2661
2646
|
display: block;
|
|
2662
2647
|
}
|
|
@@ -2768,6 +2753,11 @@ video {
|
|
|
2768
2753
|
padding-right: 6rem;
|
|
2769
2754
|
}
|
|
2770
2755
|
|
|
2756
|
+
.lg\:px-4 {
|
|
2757
|
+
padding-left: 1rem;
|
|
2758
|
+
padding-right: 1rem;
|
|
2759
|
+
}
|
|
2760
|
+
|
|
2771
2761
|
.lg\:px-6 {
|
|
2772
2762
|
padding-left: 1.5rem;
|
|
2773
2763
|
padding-right: 1.5rem;
|
|
@@ -2788,6 +2778,11 @@ video {
|
|
|
2788
2778
|
padding-bottom: 0.75rem;
|
|
2789
2779
|
}
|
|
2790
2780
|
|
|
2781
|
+
.lg\:py-5 {
|
|
2782
|
+
padding-top: 1.25rem;
|
|
2783
|
+
padding-bottom: 1.25rem;
|
|
2784
|
+
}
|
|
2785
|
+
|
|
2791
2786
|
.lg\:py-8 {
|
|
2792
2787
|
padding-top: 2rem;
|
|
2793
2788
|
padding-bottom: 2rem;
|