@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.
Files changed (28) hide show
  1. package/dist/src/components/kompasid-footer/KompasFooter.js +4 -4
  2. package/dist/src/components/kompasid-footer/KompasFooter.js.map +1 -1
  3. package/dist/src/components/kompasid-grace-period/KompasGracePeriod.js +1 -1
  4. package/dist/src/components/kompasid-grace-period/KompasGracePeriod.js.map +1 -1
  5. package/dist/src/components/kompasid-header-account/KompasHeaderAccount.js +1 -1
  6. package/dist/src/components/kompasid-header-account/KompasHeaderAccount.js.map +1 -1
  7. package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.js +1 -1
  8. package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.js.map +1 -1
  9. package/dist/src/components/kompasid-metered-wall-register/KompasMeteredWallRegister.js +2 -2
  10. package/dist/src/components/kompasid-metered-wall-register/KompasMeteredWallRegister.js.map +1 -1
  11. package/dist/src/components/kompasid-paywall/KompasPaywall.js +1 -1
  12. package/dist/src/components/kompasid-paywall/KompasPaywall.js.map +1 -1
  13. package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js +138 -188
  14. package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js.map +1 -1
  15. package/dist/tailwind/tailwind.js +104 -18
  16. package/dist/tailwind/tailwind.js.map +1 -1
  17. package/dist/tsconfig.tsbuildinfo +1 -1
  18. package/package.json +1 -1
  19. package/src/components/kompasid-footer/KompasFooter.ts +4 -4
  20. package/src/components/kompasid-grace-period/KompasGracePeriod.ts +1 -1
  21. package/src/components/kompasid-header-account/KompasHeaderAccount.ts +1 -1
  22. package/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.ts +1 -1
  23. package/src/components/kompasid-metered-wall-register/KompasMeteredWallRegister.ts +2 -2
  24. package/src/components/kompasid-metered-wall-register/readme.md +1 -1
  25. package/src/components/kompasid-paywall/KompasPaywall.ts +1 -1
  26. package/src/components/kompasid-paywall-body/KompasPaywallBody.ts +188 -190
  27. package/tailwind/tailwind.css +104 -18
  28. package/tailwind/tailwind.ts +104 -18
@@ -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;
@@ -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;