@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.ts
CHANGED
|
@@ -593,6 +593,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
593
593
|
bottom: -1.5rem;
|
|
594
594
|
}
|
|
595
595
|
|
|
596
|
+
.-top-1\\.5 {
|
|
597
|
+
top: -0.375rem;
|
|
598
|
+
}
|
|
599
|
+
|
|
596
600
|
.-top-2 {
|
|
597
601
|
top: -0.5rem;
|
|
598
602
|
}
|
|
@@ -609,6 +613,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
609
613
|
left: 0px;
|
|
610
614
|
}
|
|
611
615
|
|
|
616
|
+
.left-2\\.5 {
|
|
617
|
+
left: 0.625rem;
|
|
618
|
+
}
|
|
619
|
+
|
|
612
620
|
.left-4 {
|
|
613
621
|
left: 1rem;
|
|
614
622
|
}
|
|
@@ -762,10 +770,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
762
770
|
margin-bottom: 2rem;
|
|
763
771
|
}
|
|
764
772
|
|
|
765
|
-
.ml-0\\.5 {
|
|
766
|
-
margin-left: 0.125rem;
|
|
767
|
-
}
|
|
768
|
-
|
|
769
773
|
.ml-1 {
|
|
770
774
|
margin-left: 0.25rem;
|
|
771
775
|
}
|
|
@@ -810,10 +814,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
810
814
|
margin-right: 0.75rem;
|
|
811
815
|
}
|
|
812
816
|
|
|
813
|
-
.mr-3\\.5 {
|
|
814
|
-
margin-right: 0.875rem;
|
|
815
|
-
}
|
|
816
|
-
|
|
817
817
|
.mr-4 {
|
|
818
818
|
margin-right: 1rem;
|
|
819
819
|
}
|
|
@@ -838,10 +838,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
838
838
|
margin-top: 0.5rem;
|
|
839
839
|
}
|
|
840
840
|
|
|
841
|
-
.mt-2\\.5 {
|
|
842
|
-
margin-top: 0.625rem;
|
|
843
|
-
}
|
|
844
|
-
|
|
845
841
|
.mt-3 {
|
|
846
842
|
margin-top: 0.75rem;
|
|
847
843
|
}
|
|
@@ -850,8 +846,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
850
846
|
margin-top: 1rem;
|
|
851
847
|
}
|
|
852
848
|
|
|
853
|
-
.mt-
|
|
854
|
-
margin-top: 1.
|
|
849
|
+
.mt-5 {
|
|
850
|
+
margin-top: 1.25rem;
|
|
855
851
|
}
|
|
856
852
|
|
|
857
853
|
.mt-8 {
|
|
@@ -942,10 +938,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
942
938
|
height: 68px;
|
|
943
939
|
}
|
|
944
940
|
|
|
945
|
-
.h-\\[76px\\] {
|
|
946
|
-
height: 76px;
|
|
947
|
-
}
|
|
948
|
-
|
|
949
941
|
.h-auto {
|
|
950
942
|
height: auto;
|
|
951
943
|
}
|
|
@@ -971,6 +963,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
971
963
|
max-height: 116px;
|
|
972
964
|
}
|
|
973
965
|
|
|
966
|
+
.min-h-\\[68px\\] {
|
|
967
|
+
min-height: 68px;
|
|
968
|
+
}
|
|
969
|
+
|
|
970
|
+
.min-h-\\[76px\\] {
|
|
971
|
+
min-height: 76px;
|
|
972
|
+
}
|
|
973
|
+
|
|
974
974
|
.w-1\\/2 {
|
|
975
975
|
width: 50%;
|
|
976
976
|
}
|
|
@@ -983,10 +983,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
983
983
|
width: 25%;
|
|
984
984
|
}
|
|
985
985
|
|
|
986
|
-
.w-1\\/5 {
|
|
987
|
-
width: 20%;
|
|
988
|
-
}
|
|
989
|
-
|
|
990
986
|
.w-10 {
|
|
991
987
|
width: 2.5rem;
|
|
992
988
|
}
|
|
@@ -1140,8 +1136,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1140
1136
|
max-width: 20rem;
|
|
1141
1137
|
}
|
|
1142
1138
|
|
|
1143
|
-
.
|
|
1144
|
-
|
|
1139
|
+
.max-w-\\[492px\\] {
|
|
1140
|
+
max-width: 492px;
|
|
1145
1141
|
}
|
|
1146
1142
|
|
|
1147
1143
|
.flex-shrink-0 {
|
|
@@ -1318,12 +1314,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1318
1314
|
row-gap: 1rem;
|
|
1319
1315
|
}
|
|
1320
1316
|
|
|
1321
|
-
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
|
|
1322
|
-
--tw-space-x-reverse: 0;
|
|
1323
|
-
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
|
|
1324
|
-
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1325
|
-
}
|
|
1326
|
-
|
|
1327
1317
|
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1328
1318
|
--tw-space-x-reverse: 0;
|
|
1329
1319
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
@@ -1364,10 +1354,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1364
1354
|
align-self: center;
|
|
1365
1355
|
}
|
|
1366
1356
|
|
|
1367
|
-
.overflow-hidden {
|
|
1368
|
-
overflow: hidden;
|
|
1369
|
-
}
|
|
1370
|
-
|
|
1371
1357
|
.overflow-y-auto {
|
|
1372
1358
|
overflow-y: auto;
|
|
1373
1359
|
}
|
|
@@ -1493,7 +1479,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1493
1479
|
|
|
1494
1480
|
.border-grey-100 {
|
|
1495
1481
|
--tw-border-opacity: 1;
|
|
1496
|
-
border-color: rgb(
|
|
1482
|
+
border-color: rgb(244 244 244 / var(--tw-border-opacity, 1));
|
|
1497
1483
|
}
|
|
1498
1484
|
|
|
1499
1485
|
.border-grey-200 {
|
|
@@ -1602,7 +1588,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1602
1588
|
|
|
1603
1589
|
.bg-grey-100 {
|
|
1604
1590
|
--tw-bg-opacity: 1;
|
|
1605
|
-
background-color: rgb(
|
|
1591
|
+
background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
|
|
1606
1592
|
}
|
|
1607
1593
|
|
|
1608
1594
|
.bg-grey-200 {
|
|
@@ -1615,6 +1601,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1615
1601
|
background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1));
|
|
1616
1602
|
}
|
|
1617
1603
|
|
|
1604
|
+
.bg-grey-500 {
|
|
1605
|
+
--tw-bg-opacity: 1;
|
|
1606
|
+
background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
|
|
1607
|
+
}
|
|
1608
|
+
|
|
1618
1609
|
.bg-grey-600 {
|
|
1619
1610
|
--tw-bg-opacity: 1;
|
|
1620
1611
|
background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
|
|
@@ -1853,10 +1844,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1853
1844
|
padding-top: 0px;
|
|
1854
1845
|
}
|
|
1855
1846
|
|
|
1856
|
-
.pt-0\\.5 {
|
|
1857
|
-
padding-top: 0.125rem;
|
|
1858
|
-
}
|
|
1859
|
-
|
|
1860
1847
|
.pt-1 {
|
|
1861
1848
|
padding-top: 0.25rem;
|
|
1862
1849
|
}
|
|
@@ -2007,6 +1994,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2007
1994
|
letter-spacing: 0.025em;
|
|
2008
1995
|
}
|
|
2009
1996
|
|
|
1997
|
+
.tracking-normal {
|
|
1998
|
+
letter-spacing: 0em;
|
|
1999
|
+
}
|
|
2000
|
+
|
|
2010
2001
|
.text-\\[\\#00559a\\] {
|
|
2011
2002
|
--tw-text-opacity: 1;
|
|
2012
2003
|
color: rgb(0 85 154 / var(--tw-text-opacity, 1));
|
|
@@ -2084,7 +2075,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2084
2075
|
|
|
2085
2076
|
.text-grey-100 {
|
|
2086
2077
|
--tw-text-opacity: 1;
|
|
2087
|
-
color: rgb(
|
|
2078
|
+
color: rgb(244 244 244 / var(--tw-text-opacity, 1));
|
|
2088
2079
|
}
|
|
2089
2080
|
|
|
2090
2081
|
.text-grey-300 {
|
|
@@ -2122,6 +2113,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2122
2113
|
color: rgb(219 93 0 / var(--tw-text-opacity, 1));
|
|
2123
2114
|
}
|
|
2124
2115
|
|
|
2116
|
+
.text-red-500 {
|
|
2117
|
+
--tw-text-opacity: 1;
|
|
2118
|
+
color: rgb(208 13 18 / var(--tw-text-opacity, 1));
|
|
2119
|
+
}
|
|
2120
|
+
|
|
2125
2121
|
.text-red-600 {
|
|
2126
2122
|
--tw-text-opacity: 1;
|
|
2127
2123
|
color: rgb(174 9 27 / var(--tw-text-opacity, 1));
|
|
@@ -2136,6 +2132,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2136
2132
|
text-decoration-line: underline;
|
|
2137
2133
|
}
|
|
2138
2134
|
|
|
2135
|
+
.line-through {
|
|
2136
|
+
text-decoration-line: line-through;
|
|
2137
|
+
}
|
|
2138
|
+
|
|
2139
2139
|
.no-underline {
|
|
2140
2140
|
text-decoration-line: none;
|
|
2141
2141
|
}
|
|
@@ -2247,11 +2247,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2247
2247
|
margin-right: 0px;
|
|
2248
2248
|
}
|
|
2249
2249
|
|
|
2250
|
-
.md\\:my-3 {
|
|
2251
|
-
margin-top: 0.75rem;
|
|
2252
|
-
margin-bottom: 0.75rem;
|
|
2253
|
-
}
|
|
2254
|
-
|
|
2255
2250
|
.md\\:my-8 {
|
|
2256
2251
|
margin-top: 2rem;
|
|
2257
2252
|
margin-bottom: 2rem;
|
|
@@ -2270,18 +2265,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2270
2265
|
margin-bottom: 1.25rem;
|
|
2271
2266
|
}
|
|
2272
2267
|
|
|
2273
|
-
.md\\:ml-
|
|
2274
|
-
margin-left: 0.
|
|
2268
|
+
.md\\:ml-2 {
|
|
2269
|
+
margin-left: 0.5rem;
|
|
2275
2270
|
}
|
|
2276
2271
|
|
|
2277
2272
|
.md\\:ml-6 {
|
|
2278
2273
|
margin-left: 1.5rem;
|
|
2279
2274
|
}
|
|
2280
2275
|
|
|
2281
|
-
.md\\:mr-5 {
|
|
2282
|
-
margin-right: 1.25rem;
|
|
2283
|
-
}
|
|
2284
|
-
|
|
2285
2276
|
.md\\:mr-6 {
|
|
2286
2277
|
margin-right: 1.5rem;
|
|
2287
2278
|
}
|
|
@@ -2290,10 +2281,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2290
2281
|
margin-top: 0.5rem;
|
|
2291
2282
|
}
|
|
2292
2283
|
|
|
2293
|
-
.md\\:mt-2\\.5 {
|
|
2294
|
-
margin-top: 0.625rem;
|
|
2295
|
-
}
|
|
2296
|
-
|
|
2297
2284
|
.md\\:mt-3 {
|
|
2298
2285
|
margin-top: 0.75rem;
|
|
2299
2286
|
}
|
|
@@ -2302,8 +2289,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2302
2289
|
margin-top: 1rem;
|
|
2303
2290
|
}
|
|
2304
2291
|
|
|
2305
|
-
.md\\:mt-
|
|
2306
|
-
margin-top:
|
|
2292
|
+
.md\\:mt-5 {
|
|
2293
|
+
margin-top: 1.25rem;
|
|
2294
|
+
}
|
|
2295
|
+
|
|
2296
|
+
.md\\:mt-7 {
|
|
2297
|
+
margin-top: 1.75rem;
|
|
2307
2298
|
}
|
|
2308
2299
|
|
|
2309
2300
|
.md\\:block {
|
|
@@ -2326,15 +2317,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2326
2317
|
height: 1.25rem;
|
|
2327
2318
|
}
|
|
2328
2319
|
|
|
2329
|
-
.md\\:h-\\[68px\\] {
|
|
2330
|
-
height: 68px;
|
|
2331
|
-
}
|
|
2332
|
-
|
|
2333
|
-
.md\\:h-max {
|
|
2334
|
-
height: -moz-max-content;
|
|
2335
|
-
height: max-content;
|
|
2336
|
-
}
|
|
2337
|
-
|
|
2338
2320
|
.md\\:max-h-\\[220px\\] {
|
|
2339
2321
|
max-height: 220px;
|
|
2340
2322
|
}
|
|
@@ -2343,6 +2325,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2343
2325
|
min-height: 244px;
|
|
2344
2326
|
}
|
|
2345
2327
|
|
|
2328
|
+
.md\\:min-h-\\[68px\\] {
|
|
2329
|
+
min-height: 68px;
|
|
2330
|
+
}
|
|
2331
|
+
|
|
2346
2332
|
.md\\:w-1\\/2 {
|
|
2347
2333
|
width: 50%;
|
|
2348
2334
|
}
|
|
@@ -2355,6 +2341,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2355
2341
|
width: 10rem;
|
|
2356
2342
|
}
|
|
2357
2343
|
|
|
2344
|
+
.md\\:w-5 {
|
|
2345
|
+
width: 1.25rem;
|
|
2346
|
+
}
|
|
2347
|
+
|
|
2358
2348
|
.md\\:w-5\\/12 {
|
|
2359
2349
|
width: 41.666667%;
|
|
2360
2350
|
}
|
|
@@ -2399,8 +2389,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2399
2389
|
max-width: 200px;
|
|
2400
2390
|
}
|
|
2401
2391
|
|
|
2402
|
-
.md\\:max-w-\\[
|
|
2403
|
-
max-width:
|
|
2392
|
+
.md\\:max-w-\\[492px\\] {
|
|
2393
|
+
max-width: 492px;
|
|
2404
2394
|
}
|
|
2405
2395
|
|
|
2406
2396
|
.md\\:max-w-\\[737px\\] {
|
|
@@ -2447,20 +2437,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2447
2437
|
justify-content: center;
|
|
2448
2438
|
}
|
|
2449
2439
|
|
|
2450
|
-
.md\\:
|
|
2451
|
-
|
|
2440
|
+
.md\\:justify-between {
|
|
2441
|
+
justify-content: space-between;
|
|
2452
2442
|
}
|
|
2453
2443
|
|
|
2454
|
-
.md\\:
|
|
2455
|
-
|
|
2456
|
-
margin-right: calc(0px * var(--tw-space-x-reverse));
|
|
2457
|
-
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
|
|
2444
|
+
.md\\:gap-3 {
|
|
2445
|
+
gap: 0.75rem;
|
|
2458
2446
|
}
|
|
2459
2447
|
|
|
2460
|
-
.md\\:
|
|
2461
|
-
|
|
2462
|
-
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
2463
|
-
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
2448
|
+
.md\\:gap-8 {
|
|
2449
|
+
gap: 2rem;
|
|
2464
2450
|
}
|
|
2465
2451
|
|
|
2466
2452
|
.md\\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
@@ -2481,12 +2467,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2481
2467
|
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
|
2482
2468
|
}
|
|
2483
2469
|
|
|
2484
|
-
.md\\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
2485
|
-
--tw-space-y-reverse: 0;
|
|
2486
|
-
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2487
|
-
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
2488
|
-
}
|
|
2489
|
-
|
|
2490
2470
|
.md\\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
2491
2471
|
--tw-space-y-reverse: 0;
|
|
2492
2472
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -2518,6 +2498,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2518
2498
|
padding-right: 0px;
|
|
2519
2499
|
}
|
|
2520
2500
|
|
|
2501
|
+
.md\\:px-10 {
|
|
2502
|
+
padding-left: 2.5rem;
|
|
2503
|
+
padding-right: 2.5rem;
|
|
2504
|
+
}
|
|
2505
|
+
|
|
2521
2506
|
.md\\:px-20 {
|
|
2522
2507
|
padding-left: 5rem;
|
|
2523
2508
|
padding-right: 5rem;
|
|
@@ -2579,10 +2564,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2579
2564
|
padding-top: 0.75rem;
|
|
2580
2565
|
}
|
|
2581
2566
|
|
|
2582
|
-
.md\\:pt-5 {
|
|
2583
|
-
padding-top: 1.25rem;
|
|
2584
|
-
}
|
|
2585
|
-
|
|
2586
2567
|
.md\\:pt-8 {
|
|
2587
2568
|
padding-top: 2rem;
|
|
2588
2569
|
}
|
|
@@ -2680,6 +2661,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2680
2661
|
margin-top: 0px;
|
|
2681
2662
|
}
|
|
2682
2663
|
|
|
2664
|
+
.lg\\:mt-5 {
|
|
2665
|
+
margin-top: 1.25rem;
|
|
2666
|
+
}
|
|
2667
|
+
|
|
2683
2668
|
.lg\\:block {
|
|
2684
2669
|
display: block;
|
|
2685
2670
|
}
|
|
@@ -2791,6 +2776,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2791
2776
|
padding-right: 6rem;
|
|
2792
2777
|
}
|
|
2793
2778
|
|
|
2779
|
+
.lg\\:px-4 {
|
|
2780
|
+
padding-left: 1rem;
|
|
2781
|
+
padding-right: 1rem;
|
|
2782
|
+
}
|
|
2783
|
+
|
|
2794
2784
|
.lg\\:px-6 {
|
|
2795
2785
|
padding-left: 1.5rem;
|
|
2796
2786
|
padding-right: 1.5rem;
|
|
@@ -2811,6 +2801,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2811
2801
|
padding-bottom: 0.75rem;
|
|
2812
2802
|
}
|
|
2813
2803
|
|
|
2804
|
+
.lg\\:py-5 {
|
|
2805
|
+
padding-top: 1.25rem;
|
|
2806
|
+
padding-bottom: 1.25rem;
|
|
2807
|
+
}
|
|
2808
|
+
|
|
2814
2809
|
.lg\\:py-8 {
|
|
2815
2810
|
padding-top: 2rem;
|
|
2816
2811
|
padding-bottom: 2rem;
|