@kompasid/lit-web-components 0.7.9 → 0.8.1

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 (23) hide show
  1. package/demo/index.html +37 -1
  2. package/dist/src/components/kompasid-grace-period/KompasGracePeriod.d.ts +8 -1
  3. package/dist/src/components/kompasid-grace-period/KompasGracePeriod.js +95 -33
  4. package/dist/src/components/kompasid-grace-period/KompasGracePeriod.js.map +1 -1
  5. package/dist/src/components/kompasid-header-account/KompasHeaderAccount.d.ts +18 -0
  6. package/dist/src/components/kompasid-header-account/KompasHeaderAccount.js +78 -0
  7. package/dist/src/components/kompasid-header-account/KompasHeaderAccount.js.map +1 -1
  8. package/dist/src/components/kompasid-header-account/types.d.ts +2 -0
  9. package/dist/src/components/kompasid-header-account/types.js.map +1 -1
  10. package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.d.ts +29 -2
  11. package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.js +115 -57
  12. package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.js.map +1 -1
  13. package/dist/tailwind/tailwind.js +151 -171
  14. package/dist/tailwind/tailwind.js.map +1 -1
  15. package/dist/tsconfig.tsbuildinfo +1 -1
  16. package/package.json +1 -1
  17. package/src/components/kompasid-grace-period/KompasGracePeriod.ts +93 -31
  18. package/src/components/kompasid-grace-period/readme.md +2 -0
  19. package/src/components/kompasid-header-account/KompasHeaderAccount.ts +34 -0
  20. package/src/components/kompasid-header-account/types.ts +2 -0
  21. package/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.ts +84 -56
  22. package/tailwind/tailwind.css +38 -99
  23. package/tailwind/tailwind.ts +151 -171
@@ -590,10 +590,6 @@ video {
590
590
  top: 0px;
591
591
  }
592
592
 
593
- .bottom-6 {
594
- bottom: 1.5rem;
595
- }
596
-
597
593
  .z-0 {
598
594
  z-index: 0;
599
595
  }
@@ -657,16 +653,6 @@ video {
657
653
  margin-bottom: 1.5rem;
658
654
  }
659
655
 
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
-
670
656
  .-ml-2 {
671
657
  margin-left: -0.5rem;
672
658
  }
@@ -1008,14 +994,6 @@ video {
1008
994
  max-width: 20rem;
1009
995
  }
1010
996
 
1011
- .max-w-lg {
1012
- max-width: 32rem;
1013
- }
1014
-
1015
- .max-w-md {
1016
- max-width: 28rem;
1017
- }
1018
-
1019
997
  .flex-none {
1020
998
  flex: none;
1021
999
  }
@@ -1679,6 +1657,11 @@ video {
1679
1657
  line-height: 1.25rem;
1680
1658
  }
1681
1659
 
1660
+ .text-xl {
1661
+ font-size: 1.25rem;
1662
+ line-height: 1.75rem;
1663
+ }
1664
+
1682
1665
  .text-xs {
1683
1666
  font-size: 0.75rem;
1684
1667
  line-height: 1rem;
@@ -1759,6 +1742,11 @@ video {
1759
1742
  color: rgb(0 0 0 / var(--tw-text-opacity));
1760
1743
  }
1761
1744
 
1745
+ .text-blue-200 {
1746
+ --tw-text-opacity: 1;
1747
+ color: rgb(147 200 253 / var(--tw-text-opacity));
1748
+ }
1749
+
1762
1750
  .text-blue-300 {
1763
1751
  --tw-text-opacity: 1;
1764
1752
  color: rgb(90 171 252 / var(--tw-text-opacity));
@@ -1907,6 +1895,11 @@ video {
1907
1895
  margin-right: 0px;
1908
1896
  }
1909
1897
 
1898
+ .md\:my-3 {
1899
+ margin-top: 0.75rem;
1900
+ margin-bottom: 0.75rem;
1901
+ }
1902
+
1910
1903
  .md\:my-8 {
1911
1904
  margin-top: 2rem;
1912
1905
  margin-bottom: 2rem;
@@ -1917,16 +1910,6 @@ video {
1917
1910
  margin-bottom: auto;
1918
1911
  }
1919
1912
 
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
-
1930
1913
  .md\:mb-0 {
1931
1914
  margin-bottom: 0px;
1932
1915
  }
@@ -1951,6 +1934,14 @@ video {
1951
1934
  margin-top: 0px;
1952
1935
  }
1953
1936
 
1937
+ .md\:mt-2 {
1938
+ margin-top: 0.5rem;
1939
+ }
1940
+
1941
+ .md\:mt-2\.5 {
1942
+ margin-top: 0.625rem;
1943
+ }
1944
+
1954
1945
  .md\:mt-3 {
1955
1946
  margin-top: 0.75rem;
1956
1947
  }
@@ -1963,22 +1954,6 @@ video {
1963
1954
  margin-top: 2rem;
1964
1955
  }
1965
1956
 
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
-
1982
1957
  .md\:block {
1983
1958
  display: block;
1984
1959
  }
@@ -2076,6 +2051,10 @@ video {
2076
2051
  max-width: 200px;
2077
2052
  }
2078
2053
 
2054
+ .md\:max-w-\[464px\] {
2055
+ max-width: 464px;
2056
+ }
2057
+
2079
2058
  .md\:max-w-full {
2080
2059
  max-width: 100%;
2081
2060
  }
@@ -2084,10 +2063,6 @@ video {
2084
2063
  max-width: 24rem;
2085
2064
  }
2086
2065
 
2087
- .md\:max-w-\[464px\] {
2088
- max-width: 464px;
2089
- }
2090
-
2091
2066
  .md\:grid-cols-1 {
2092
2067
  grid-template-columns: repeat(1, minmax(0, 1fr));
2093
2068
  }
@@ -2154,18 +2129,18 @@ video {
2154
2129
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
2155
2130
  }
2156
2131
 
2157
- .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
2158
- --tw-space-y-reverse: 0;
2159
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
2160
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
2161
- }
2162
-
2163
2132
  .md\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
2164
2133
  --tw-space-y-reverse: 0;
2165
2134
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
2166
2135
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
2167
2136
  }
2168
2137
 
2138
+ .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
2139
+ --tw-space-y-reverse: 0;
2140
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
2141
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
2142
+ }
2143
+
2169
2144
  .md\:self-start {
2170
2145
  align-self: flex-start;
2171
2146
  }
@@ -2235,11 +2210,6 @@ video {
2235
2210
  padding-bottom: 0.5rem;
2236
2211
  }
2237
2212
 
2238
- .md\:py-6 {
2239
- padding-top: 1.5rem;
2240
- padding-bottom: 1.5rem;
2241
- }
2242
-
2243
2213
  .md\:py-3 {
2244
2214
  padding-top: 0.75rem;
2245
2215
  padding-bottom: 0.75rem;
@@ -2250,14 +2220,9 @@ video {
2250
2220
  padding-bottom: 0.875rem;
2251
2221
  }
2252
2222
 
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;
2223
+ .md\:py-6 {
2224
+ padding-top: 1.5rem;
2225
+ padding-bottom: 1.5rem;
2261
2226
  }
2262
2227
 
2263
2228
  .md\:pb-4 {
@@ -2276,24 +2241,12 @@ video {
2276
2241
  padding-top: 0.75rem;
2277
2242
  }
2278
2243
 
2279
- .md\:pt-8 {
2280
- padding-top: 2rem;
2281
- }
2282
-
2283
- .md\:pt-4 {
2284
- padding-top: 1rem;
2285
- }
2286
-
2287
- .md\:pt-2 {
2288
- padding-top: 0.5rem;
2289
- }
2290
-
2291
2244
  .md\:pt-5 {
2292
2245
  padding-top: 1.25rem;
2293
2246
  }
2294
2247
 
2295
- .md\:pt-6 {
2296
- padding-top: 1.5rem;
2248
+ .md\:pt-8 {
2249
+ padding-top: 2rem;
2297
2250
  }
2298
2251
 
2299
2252
  .md\:text-left {
@@ -2369,14 +2322,6 @@ video {
2369
2322
  margin-top: 0px;
2370
2323
  }
2371
2324
 
2372
- .lg\:mt-2 {
2373
- margin-top: 0.5rem;
2374
- }
2375
-
2376
- .lg\:mt-1 {
2377
- margin-top: 0.25rem;
2378
- }
2379
-
2380
2325
  .lg\:block {
2381
2326
  display: block;
2382
2327
  }
@@ -2480,12 +2425,6 @@ video {
2480
2425
  }
2481
2426
 
2482
2427
  @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
-
2489
2428
  .xl\:px-0 {
2490
2429
  padding-left: 0px;
2491
2430
  padding-right: 0px;