@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.
- package/demo/index.html +37 -1
- package/dist/src/components/kompasid-grace-period/KompasGracePeriod.d.ts +8 -1
- package/dist/src/components/kompasid-grace-period/KompasGracePeriod.js +95 -33
- package/dist/src/components/kompasid-grace-period/KompasGracePeriod.js.map +1 -1
- package/dist/src/components/kompasid-header-account/KompasHeaderAccount.d.ts +18 -0
- package/dist/src/components/kompasid-header-account/KompasHeaderAccount.js +78 -0
- package/dist/src/components/kompasid-header-account/KompasHeaderAccount.js.map +1 -1
- package/dist/src/components/kompasid-header-account/types.d.ts +2 -0
- package/dist/src/components/kompasid-header-account/types.js.map +1 -1
- package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.d.ts +29 -2
- package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.js +115 -57
- package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.js.map +1 -1
- package/dist/tailwind/tailwind.js +151 -171
- package/dist/tailwind/tailwind.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/kompasid-grace-period/KompasGracePeriod.ts +93 -31
- package/src/components/kompasid-grace-period/readme.md +2 -0
- package/src/components/kompasid-header-account/KompasHeaderAccount.ts +34 -0
- package/src/components/kompasid-header-account/types.ts +2 -0
- package/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.ts +84 -56
- package/tailwind/tailwind.css +38 -99
- package/tailwind/tailwind.ts +151 -171
package/tailwind/tailwind.css
CHANGED
|
@@ -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-
|
|
2254
|
-
padding-top:
|
|
2255
|
-
padding-bottom:
|
|
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-
|
|
2296
|
-
padding-top:
|
|
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;
|