@kompasid/lit-web-components 0.7.5 → 0.7.7
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/src/components/kompasid-footer/KompasFooter.js +4 -4
- package/dist/src/components/kompasid-footer/KompasFooter.js.map +1 -1
- package/dist/src/components/kompasid-grace-period/KompasGracePeriod.js +1 -1
- package/dist/src/components/kompasid-grace-period/KompasGracePeriod.js.map +1 -1
- package/dist/src/components/kompasid-header-account/KompasHeaderAccount.js +1 -1
- package/dist/src/components/kompasid-header-account/KompasHeaderAccount.js.map +1 -1
- package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.js +1 -1
- package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.js.map +1 -1
- package/dist/src/components/kompasid-metered-wall-register/KompasMeteredWallRegister.js +2 -2
- package/dist/src/components/kompasid-metered-wall-register/KompasMeteredWallRegister.js.map +1 -1
- package/dist/src/components/kompasid-paywall/KompasPaywall.js +1 -1
- package/dist/src/components/kompasid-paywall/KompasPaywall.js.map +1 -1
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js +138 -188
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js.map +1 -1
- package/dist/tailwind/tailwind.js +104 -18
- package/dist/tailwind/tailwind.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/kompasid-footer/KompasFooter.ts +4 -4
- package/src/components/kompasid-grace-period/KompasGracePeriod.ts +1 -1
- package/src/components/kompasid-header-account/KompasHeaderAccount.ts +1 -1
- package/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.ts +1 -1
- package/src/components/kompasid-metered-wall-register/KompasMeteredWallRegister.ts +2 -2
- package/src/components/kompasid-metered-wall-register/readme.md +1 -1
- package/src/components/kompasid-paywall/KompasPaywall.ts +1 -1
- package/src/components/kompasid-paywall-body/KompasPaywallBody.ts +188 -190
- package/tailwind/tailwind.css +104 -18
- package/tailwind/tailwind.ts +104 -18
package/tailwind/tailwind.css
CHANGED
|
@@ -590,6 +590,10 @@ video {
|
|
|
590
590
|
top: 0px;
|
|
591
591
|
}
|
|
592
592
|
|
|
593
|
+
.bottom-6 {
|
|
594
|
+
bottom: 1.5rem;
|
|
595
|
+
}
|
|
596
|
+
|
|
593
597
|
.z-0 {
|
|
594
598
|
z-index: 0;
|
|
595
599
|
}
|
|
@@ -653,6 +657,16 @@ video {
|
|
|
653
657
|
margin-bottom: 1.5rem;
|
|
654
658
|
}
|
|
655
659
|
|
|
660
|
+
.my-2 {
|
|
661
|
+
margin-top: 0.5rem;
|
|
662
|
+
margin-bottom: 0.5rem;
|
|
663
|
+
}
|
|
664
|
+
|
|
665
|
+
.my-3 {
|
|
666
|
+
margin-top: 0.75rem;
|
|
667
|
+
margin-bottom: 0.75rem;
|
|
668
|
+
}
|
|
669
|
+
|
|
656
670
|
.-ml-2 {
|
|
657
671
|
margin-left: -0.5rem;
|
|
658
672
|
}
|
|
@@ -866,14 +880,6 @@ video {
|
|
|
866
880
|
height: max-content;
|
|
867
881
|
}
|
|
868
882
|
|
|
869
|
-
.h-1\/2 {
|
|
870
|
-
height: 50%;
|
|
871
|
-
}
|
|
872
|
-
|
|
873
|
-
.h-3\/4 {
|
|
874
|
-
height: 75%;
|
|
875
|
-
}
|
|
876
|
-
|
|
877
883
|
.w-1\/2 {
|
|
878
884
|
width: 50%;
|
|
879
885
|
}
|
|
@@ -1002,6 +1008,14 @@ video {
|
|
|
1002
1008
|
max-width: 20rem;
|
|
1003
1009
|
}
|
|
1004
1010
|
|
|
1011
|
+
.max-w-lg {
|
|
1012
|
+
max-width: 32rem;
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
.max-w-md {
|
|
1016
|
+
max-width: 28rem;
|
|
1017
|
+
}
|
|
1018
|
+
|
|
1005
1019
|
.flex-none {
|
|
1006
1020
|
flex: none;
|
|
1007
1021
|
}
|
|
@@ -1399,11 +1413,6 @@ video {
|
|
|
1399
1413
|
background-color: rgb(255 238 204 / var(--tw-bg-opacity));
|
|
1400
1414
|
}
|
|
1401
1415
|
|
|
1402
|
-
.bg-red-500 {
|
|
1403
|
-
--tw-bg-opacity: 1;
|
|
1404
|
-
background-color: rgb(208 13 18 / var(--tw-bg-opacity));
|
|
1405
|
-
}
|
|
1406
|
-
|
|
1407
1416
|
.bg-white {
|
|
1408
1417
|
--tw-bg-opacity: 1;
|
|
1409
1418
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
@@ -1414,11 +1423,6 @@ video {
|
|
|
1414
1423
|
background-color: rgb(255 220 63 / var(--tw-bg-opacity));
|
|
1415
1424
|
}
|
|
1416
1425
|
|
|
1417
|
-
.bg-dark-2 {
|
|
1418
|
-
--tw-bg-opacity: 1;
|
|
1419
|
-
background-color: rgb(56 56 56 / var(--tw-bg-opacity));
|
|
1420
|
-
}
|
|
1421
|
-
|
|
1422
1426
|
.bg-opacity-75 {
|
|
1423
1427
|
--tw-bg-opacity: 0.75;
|
|
1424
1428
|
}
|
|
@@ -1913,6 +1917,16 @@ video {
|
|
|
1913
1917
|
margin-bottom: auto;
|
|
1914
1918
|
}
|
|
1915
1919
|
|
|
1920
|
+
.md\:my-3 {
|
|
1921
|
+
margin-top: 0.75rem;
|
|
1922
|
+
margin-bottom: 0.75rem;
|
|
1923
|
+
}
|
|
1924
|
+
|
|
1925
|
+
.md\:my-10 {
|
|
1926
|
+
margin-top: 2.5rem;
|
|
1927
|
+
margin-bottom: 2.5rem;
|
|
1928
|
+
}
|
|
1929
|
+
|
|
1916
1930
|
.md\:mb-0 {
|
|
1917
1931
|
margin-bottom: 0px;
|
|
1918
1932
|
}
|
|
@@ -1949,6 +1963,22 @@ video {
|
|
|
1949
1963
|
margin-top: 2rem;
|
|
1950
1964
|
}
|
|
1951
1965
|
|
|
1966
|
+
.md\:mt-2 {
|
|
1967
|
+
margin-top: 0.5rem;
|
|
1968
|
+
}
|
|
1969
|
+
|
|
1970
|
+
.md\:mt-1 {
|
|
1971
|
+
margin-top: 0.25rem;
|
|
1972
|
+
}
|
|
1973
|
+
|
|
1974
|
+
.md\:mt-10 {
|
|
1975
|
+
margin-top: 2.5rem;
|
|
1976
|
+
}
|
|
1977
|
+
|
|
1978
|
+
.md\:mt-2\.5 {
|
|
1979
|
+
margin-top: 0.625rem;
|
|
1980
|
+
}
|
|
1981
|
+
|
|
1952
1982
|
.md\:block {
|
|
1953
1983
|
display: block;
|
|
1954
1984
|
}
|
|
@@ -2054,6 +2084,10 @@ video {
|
|
|
2054
2084
|
max-width: 24rem;
|
|
2055
2085
|
}
|
|
2056
2086
|
|
|
2087
|
+
.md\:max-w-\[464px\] {
|
|
2088
|
+
max-width: 464px;
|
|
2089
|
+
}
|
|
2090
|
+
|
|
2057
2091
|
.md\:grid-cols-1 {
|
|
2058
2092
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2059
2093
|
}
|
|
@@ -2126,6 +2160,12 @@ video {
|
|
|
2126
2160
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
2127
2161
|
}
|
|
2128
2162
|
|
|
2163
|
+
.md\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
2164
|
+
--tw-space-y-reverse: 0;
|
|
2165
|
+
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2166
|
+
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
2167
|
+
}
|
|
2168
|
+
|
|
2129
2169
|
.md\:self-start {
|
|
2130
2170
|
align-self: flex-start;
|
|
2131
2171
|
}
|
|
@@ -2200,6 +2240,26 @@ video {
|
|
|
2200
2240
|
padding-bottom: 1.5rem;
|
|
2201
2241
|
}
|
|
2202
2242
|
|
|
2243
|
+
.md\:py-3 {
|
|
2244
|
+
padding-top: 0.75rem;
|
|
2245
|
+
padding-bottom: 0.75rem;
|
|
2246
|
+
}
|
|
2247
|
+
|
|
2248
|
+
.md\:py-3\.5 {
|
|
2249
|
+
padding-top: 0.875rem;
|
|
2250
|
+
padding-bottom: 0.875rem;
|
|
2251
|
+
}
|
|
2252
|
+
|
|
2253
|
+
.md\:py-4 {
|
|
2254
|
+
padding-top: 1rem;
|
|
2255
|
+
padding-bottom: 1rem;
|
|
2256
|
+
}
|
|
2257
|
+
|
|
2258
|
+
.md\:py-10 {
|
|
2259
|
+
padding-top: 2.5rem;
|
|
2260
|
+
padding-bottom: 2.5rem;
|
|
2261
|
+
}
|
|
2262
|
+
|
|
2203
2263
|
.md\:pb-4 {
|
|
2204
2264
|
padding-bottom: 1rem;
|
|
2205
2265
|
}
|
|
@@ -2220,6 +2280,22 @@ video {
|
|
|
2220
2280
|
padding-top: 2rem;
|
|
2221
2281
|
}
|
|
2222
2282
|
|
|
2283
|
+
.md\:pt-4 {
|
|
2284
|
+
padding-top: 1rem;
|
|
2285
|
+
}
|
|
2286
|
+
|
|
2287
|
+
.md\:pt-2 {
|
|
2288
|
+
padding-top: 0.5rem;
|
|
2289
|
+
}
|
|
2290
|
+
|
|
2291
|
+
.md\:pt-5 {
|
|
2292
|
+
padding-top: 1.25rem;
|
|
2293
|
+
}
|
|
2294
|
+
|
|
2295
|
+
.md\:pt-6 {
|
|
2296
|
+
padding-top: 1.5rem;
|
|
2297
|
+
}
|
|
2298
|
+
|
|
2223
2299
|
.md\:text-left {
|
|
2224
2300
|
text-align: left;
|
|
2225
2301
|
}
|
|
@@ -2297,6 +2373,10 @@ video {
|
|
|
2297
2373
|
margin-top: 0.5rem;
|
|
2298
2374
|
}
|
|
2299
2375
|
|
|
2376
|
+
.lg\:mt-1 {
|
|
2377
|
+
margin-top: 0.25rem;
|
|
2378
|
+
}
|
|
2379
|
+
|
|
2300
2380
|
.lg\:block {
|
|
2301
2381
|
display: block;
|
|
2302
2382
|
}
|
|
@@ -2400,6 +2480,12 @@ video {
|
|
|
2400
2480
|
}
|
|
2401
2481
|
|
|
2402
2482
|
@media (min-width: 1280px) {
|
|
2483
|
+
.xl\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
2484
|
+
--tw-space-y-reverse: 0;
|
|
2485
|
+
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2486
|
+
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
2487
|
+
}
|
|
2488
|
+
|
|
2403
2489
|
.xl\:px-0 {
|
|
2404
2490
|
padding-left: 0px;
|
|
2405
2491
|
padding-right: 0px;
|
package/tailwind/tailwind.ts
CHANGED
|
@@ -600,6 +600,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
600
600
|
top: 0px;
|
|
601
601
|
}
|
|
602
602
|
|
|
603
|
+
.bottom-6 {
|
|
604
|
+
bottom: 1.5rem;
|
|
605
|
+
}
|
|
606
|
+
|
|
603
607
|
.z-0 {
|
|
604
608
|
z-index: 0;
|
|
605
609
|
}
|
|
@@ -663,6 +667,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
663
667
|
margin-bottom: 1.5rem;
|
|
664
668
|
}
|
|
665
669
|
|
|
670
|
+
.my-2 {
|
|
671
|
+
margin-top: 0.5rem;
|
|
672
|
+
margin-bottom: 0.5rem;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.my-3 {
|
|
676
|
+
margin-top: 0.75rem;
|
|
677
|
+
margin-bottom: 0.75rem;
|
|
678
|
+
}
|
|
679
|
+
|
|
666
680
|
.-ml-2 {
|
|
667
681
|
margin-left: -0.5rem;
|
|
668
682
|
}
|
|
@@ -876,14 +890,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
876
890
|
height: max-content;
|
|
877
891
|
}
|
|
878
892
|
|
|
879
|
-
.h-1\\/2 {
|
|
880
|
-
height: 50%;
|
|
881
|
-
}
|
|
882
|
-
|
|
883
|
-
.h-3\\/4 {
|
|
884
|
-
height: 75%;
|
|
885
|
-
}
|
|
886
|
-
|
|
887
893
|
.w-1\\/2 {
|
|
888
894
|
width: 50%;
|
|
889
895
|
}
|
|
@@ -1012,6 +1018,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1012
1018
|
max-width: 20rem;
|
|
1013
1019
|
}
|
|
1014
1020
|
|
|
1021
|
+
.max-w-lg {
|
|
1022
|
+
max-width: 32rem;
|
|
1023
|
+
}
|
|
1024
|
+
|
|
1025
|
+
.max-w-md {
|
|
1026
|
+
max-width: 28rem;
|
|
1027
|
+
}
|
|
1028
|
+
|
|
1015
1029
|
.flex-none {
|
|
1016
1030
|
flex: none;
|
|
1017
1031
|
}
|
|
@@ -1413,11 +1427,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1413
1427
|
background-color: rgb(255 238 204 / var(--tw-bg-opacity));
|
|
1414
1428
|
}
|
|
1415
1429
|
|
|
1416
|
-
.bg-red-500 {
|
|
1417
|
-
--tw-bg-opacity: 1;
|
|
1418
|
-
background-color: rgb(208 13 18 / var(--tw-bg-opacity));
|
|
1419
|
-
}
|
|
1420
|
-
|
|
1421
1430
|
.bg-white {
|
|
1422
1431
|
--tw-bg-opacity: 1;
|
|
1423
1432
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
@@ -1428,11 +1437,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1428
1437
|
background-color: rgb(255 220 63 / var(--tw-bg-opacity));
|
|
1429
1438
|
}
|
|
1430
1439
|
|
|
1431
|
-
.bg-dark-2 {
|
|
1432
|
-
--tw-bg-opacity: 1;
|
|
1433
|
-
background-color: rgb(56 56 56 / var(--tw-bg-opacity));
|
|
1434
|
-
}
|
|
1435
|
-
|
|
1436
1440
|
.bg-opacity-75 {
|
|
1437
1441
|
--tw-bg-opacity: 0.75;
|
|
1438
1442
|
}
|
|
@@ -1940,6 +1944,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1940
1944
|
margin-bottom: auto;
|
|
1941
1945
|
}
|
|
1942
1946
|
|
|
1947
|
+
.md\\:my-3 {
|
|
1948
|
+
margin-top: 0.75rem;
|
|
1949
|
+
margin-bottom: 0.75rem;
|
|
1950
|
+
}
|
|
1951
|
+
|
|
1952
|
+
.md\\:my-10 {
|
|
1953
|
+
margin-top: 2.5rem;
|
|
1954
|
+
margin-bottom: 2.5rem;
|
|
1955
|
+
}
|
|
1956
|
+
|
|
1943
1957
|
.md\\:mb-0 {
|
|
1944
1958
|
margin-bottom: 0px;
|
|
1945
1959
|
}
|
|
@@ -1976,6 +1990,22 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
1976
1990
|
margin-top: 2rem;
|
|
1977
1991
|
}
|
|
1978
1992
|
|
|
1993
|
+
.md\\:mt-2 {
|
|
1994
|
+
margin-top: 0.5rem;
|
|
1995
|
+
}
|
|
1996
|
+
|
|
1997
|
+
.md\\:mt-1 {
|
|
1998
|
+
margin-top: 0.25rem;
|
|
1999
|
+
}
|
|
2000
|
+
|
|
2001
|
+
.md\\:mt-10 {
|
|
2002
|
+
margin-top: 2.5rem;
|
|
2003
|
+
}
|
|
2004
|
+
|
|
2005
|
+
.md\\:mt-2\\.5 {
|
|
2006
|
+
margin-top: 0.625rem;
|
|
2007
|
+
}
|
|
2008
|
+
|
|
1979
2009
|
.md\\:block {
|
|
1980
2010
|
display: block;
|
|
1981
2011
|
}
|
|
@@ -2081,6 +2111,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2081
2111
|
max-width: 24rem;
|
|
2082
2112
|
}
|
|
2083
2113
|
|
|
2114
|
+
.md\\:max-w-\\[464px\\] {
|
|
2115
|
+
max-width: 464px;
|
|
2116
|
+
}
|
|
2117
|
+
|
|
2084
2118
|
.md\\:grid-cols-1 {
|
|
2085
2119
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2086
2120
|
}
|
|
@@ -2153,6 +2187,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2153
2187
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
2154
2188
|
}
|
|
2155
2189
|
|
|
2190
|
+
.md\\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
2191
|
+
--tw-space-y-reverse: 0;
|
|
2192
|
+
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2193
|
+
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
2194
|
+
}
|
|
2195
|
+
|
|
2156
2196
|
.md\\:self-start {
|
|
2157
2197
|
align-self: flex-start;
|
|
2158
2198
|
}
|
|
@@ -2227,6 +2267,26 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2227
2267
|
padding-bottom: 1.5rem;
|
|
2228
2268
|
}
|
|
2229
2269
|
|
|
2270
|
+
.md\\:py-3 {
|
|
2271
|
+
padding-top: 0.75rem;
|
|
2272
|
+
padding-bottom: 0.75rem;
|
|
2273
|
+
}
|
|
2274
|
+
|
|
2275
|
+
.md\\:py-3\\.5 {
|
|
2276
|
+
padding-top: 0.875rem;
|
|
2277
|
+
padding-bottom: 0.875rem;
|
|
2278
|
+
}
|
|
2279
|
+
|
|
2280
|
+
.md\\:py-4 {
|
|
2281
|
+
padding-top: 1rem;
|
|
2282
|
+
padding-bottom: 1rem;
|
|
2283
|
+
}
|
|
2284
|
+
|
|
2285
|
+
.md\\:py-10 {
|
|
2286
|
+
padding-top: 2.5rem;
|
|
2287
|
+
padding-bottom: 2.5rem;
|
|
2288
|
+
}
|
|
2289
|
+
|
|
2230
2290
|
.md\\:pb-4 {
|
|
2231
2291
|
padding-bottom: 1rem;
|
|
2232
2292
|
}
|
|
@@ -2247,6 +2307,22 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2247
2307
|
padding-top: 2rem;
|
|
2248
2308
|
}
|
|
2249
2309
|
|
|
2310
|
+
.md\\:pt-4 {
|
|
2311
|
+
padding-top: 1rem;
|
|
2312
|
+
}
|
|
2313
|
+
|
|
2314
|
+
.md\\:pt-2 {
|
|
2315
|
+
padding-top: 0.5rem;
|
|
2316
|
+
}
|
|
2317
|
+
|
|
2318
|
+
.md\\:pt-5 {
|
|
2319
|
+
padding-top: 1.25rem;
|
|
2320
|
+
}
|
|
2321
|
+
|
|
2322
|
+
.md\\:pt-6 {
|
|
2323
|
+
padding-top: 1.5rem;
|
|
2324
|
+
}
|
|
2325
|
+
|
|
2250
2326
|
.md\\:text-left {
|
|
2251
2327
|
text-align: left;
|
|
2252
2328
|
}
|
|
@@ -2324,6 +2400,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2324
2400
|
margin-top: 0.5rem;
|
|
2325
2401
|
}
|
|
2326
2402
|
|
|
2403
|
+
.lg\\:mt-1 {
|
|
2404
|
+
margin-top: 0.25rem;
|
|
2405
|
+
}
|
|
2406
|
+
|
|
2327
2407
|
.lg\\:block {
|
|
2328
2408
|
display: block;
|
|
2329
2409
|
}
|
|
@@ -2427,6 +2507,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
|
|
|
2427
2507
|
}
|
|
2428
2508
|
|
|
2429
2509
|
@media (min-width: 1280px) {
|
|
2510
|
+
.xl\\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
2511
|
+
--tw-space-y-reverse: 0;
|
|
2512
|
+
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2513
|
+
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
2514
|
+
}
|
|
2515
|
+
|
|
2430
2516
|
.xl\\:px-0 {
|
|
2431
2517
|
padding-left: 0px;
|
|
2432
2518
|
padding-right: 0px;
|