@kompasid/lit-web-components 0.6.8 → 0.7.0

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 (25) hide show
  1. package/demo/index.html +34 -0
  2. package/dist/src/components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.d.ts +39 -0
  3. package/dist/src/components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js +340 -0
  4. package/dist/src/components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js.map +1 -0
  5. package/dist/src/components/kompasid-widget-recirculations-default/types.d.ts +27 -0
  6. package/dist/src/components/kompasid-widget-recirculations-default/types.js +2 -0
  7. package/dist/src/components/kompasid-widget-recirculations-default/types.js.map +1 -0
  8. package/dist/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.d.ts +28 -0
  9. package/dist/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js +188 -0
  10. package/dist/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js.map +1 -0
  11. package/dist/src/index.d.ts +2 -0
  12. package/dist/src/index.js +2 -0
  13. package/dist/src/index.js.map +1 -1
  14. package/dist/tailwind/tailwind.js +45 -0
  15. package/dist/tailwind/tailwind.js.map +1 -1
  16. package/dist/tsconfig.tsbuildinfo +1 -1
  17. package/package.json +2 -1
  18. package/src/components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.ts +342 -0
  19. package/src/components/kompasid-widget-recirculations-default/readme.md +57 -0
  20. package/src/components/kompasid-widget-recirculations-default/types.ts +28 -0
  21. package/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.ts +230 -0
  22. package/src/components/kompasid-widget-recirculations-list/readme.md +27 -0
  23. package/src/index.ts +2 -0
  24. package/tailwind/tailwind.css +42 -0
  25. package/tailwind/tailwind.ts +45 -0
@@ -689,6 +689,10 @@ video {
689
689
  margin-bottom: 1.25rem;
690
690
  }
691
691
 
692
+ .mb-6 {
693
+ margin-bottom: 1.5rem;
694
+ }
695
+
692
696
  .ml-0 {
693
697
  margin-left: 0px;
694
698
  }
@@ -785,6 +789,10 @@ video {
785
789
  display: none;
786
790
  }
787
791
 
792
+ .aspect-video {
793
+ aspect-ratio: 16 / 9;
794
+ }
795
+
788
796
  .h-10 {
789
797
  height: 2.5rem;
790
798
  }
@@ -866,6 +874,10 @@ video {
866
874
  height: max-content;
867
875
  }
868
876
 
877
+ .w-1\/2 {
878
+ width: 50%;
879
+ }
880
+
869
881
  .w-1\/3 {
870
882
  width: 33.333333%;
871
883
  }
@@ -1378,6 +1390,11 @@ video {
1378
1390
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
1379
1391
  }
1380
1392
 
1393
+ .bg-orange-100 {
1394
+ --tw-bg-opacity: 1;
1395
+ background-color: rgb(255 238 204 / var(--tw-bg-opacity));
1396
+ }
1397
+
1381
1398
  .bg-white {
1382
1399
  --tw-bg-opacity: 1;
1383
1400
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1579,6 +1596,10 @@ video {
1579
1596
  padding-top: 2.5rem;
1580
1597
  }
1581
1598
 
1599
+ .pt-2 {
1600
+ padding-top: 0.5rem;
1601
+ }
1602
+
1582
1603
  .pt-4 {
1583
1604
  padding-top: 1rem;
1584
1605
  }
@@ -1607,6 +1628,10 @@ video {
1607
1628
  text-align: end;
1608
1629
  }
1609
1630
 
1631
+ .font-sans {
1632
+ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1633
+ }
1634
+
1610
1635
  .font-serif {
1611
1636
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
1612
1637
  }
@@ -1656,6 +1681,10 @@ video {
1656
1681
  font-weight: 400;
1657
1682
  }
1658
1683
 
1684
+ .uppercase {
1685
+ text-transform: uppercase;
1686
+ }
1687
+
1659
1688
  .capitalize {
1660
1689
  text-transform: capitalize;
1661
1690
  }
@@ -1688,6 +1717,10 @@ video {
1688
1717
  line-height: 1.5;
1689
1718
  }
1690
1719
 
1720
+ .leading-tight {
1721
+ line-height: 1.25;
1722
+ }
1723
+
1691
1724
  .tracking-wide {
1692
1725
  letter-spacing: 0.025em;
1693
1726
  }
@@ -1787,6 +1820,11 @@ video {
1787
1820
  color: rgb(255 122 0 / var(--tw-text-opacity));
1788
1821
  }
1789
1822
 
1823
+ .text-orange-500 {
1824
+ --tw-text-opacity: 1;
1825
+ color: rgb(219 93 0 / var(--tw-text-opacity));
1826
+ }
1827
+
1790
1828
  .text-white {
1791
1829
  --tw-text-opacity: 1;
1792
1830
  color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1988,6 +2026,10 @@ video {
1988
2026
  grid-template-columns: repeat(1, minmax(0, 1fr));
1989
2027
  }
1990
2028
 
2029
+ .md\:grid-cols-2 {
2030
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2031
+ }
2032
+
1991
2033
  .md\:flex-row {
1992
2034
  flex-direction: row;
1993
2035
  }
@@ -699,6 +699,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
699
699
  margin-bottom: 1.25rem;
700
700
  }
701
701
 
702
+ .mb-6 {
703
+ margin-bottom: 1.5rem;
704
+ }
705
+
702
706
  .ml-0 {
703
707
  margin-left: 0px;
704
708
  }
@@ -795,6 +799,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
795
799
  display: none;
796
800
  }
797
801
 
802
+ .aspect-video {
803
+ aspect-ratio: 16 / 9;
804
+ }
805
+
798
806
  .h-10 {
799
807
  height: 2.5rem;
800
808
  }
@@ -876,6 +884,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
876
884
  height: max-content;
877
885
  }
878
886
 
887
+ .w-1\\/2 {
888
+ width: 50%;
889
+ }
890
+
879
891
  .w-1\\/3 {
880
892
  width: 33.333333%;
881
893
  }
@@ -1392,6 +1404,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1392
1404
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
1393
1405
  }
1394
1406
 
1407
+ .bg-orange-100 {
1408
+ --tw-bg-opacity: 1;
1409
+ background-color: rgb(255 238 204 / var(--tw-bg-opacity));
1410
+ }
1411
+
1395
1412
  .bg-white {
1396
1413
  --tw-bg-opacity: 1;
1397
1414
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1593,6 +1610,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1593
1610
  padding-top: 2.5rem;
1594
1611
  }
1595
1612
 
1613
+ .pt-2 {
1614
+ padding-top: 0.5rem;
1615
+ }
1616
+
1596
1617
  .pt-4 {
1597
1618
  padding-top: 1rem;
1598
1619
  }
@@ -1621,6 +1642,13 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1621
1642
  text-align: end;
1622
1643
  }
1623
1644
 
1645
+ .font-sans {
1646
+ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
1647
+ 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
1648
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
1649
+ 'Noto Color Emoji';
1650
+ }
1651
+
1624
1652
  .font-serif {
1625
1653
  font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
1626
1654
  }
@@ -1670,6 +1698,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1670
1698
  font-weight: 400;
1671
1699
  }
1672
1700
 
1701
+ .uppercase {
1702
+ text-transform: uppercase;
1703
+ }
1704
+
1673
1705
  .capitalize {
1674
1706
  text-transform: capitalize;
1675
1707
  }
@@ -1702,6 +1734,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1702
1734
  line-height: 1.5;
1703
1735
  }
1704
1736
 
1737
+ .leading-tight {
1738
+ line-height: 1.25;
1739
+ }
1740
+
1705
1741
  .tracking-wide {
1706
1742
  letter-spacing: 0.025em;
1707
1743
  }
@@ -1801,6 +1837,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1801
1837
  color: rgb(255 122 0 / var(--tw-text-opacity));
1802
1838
  }
1803
1839
 
1840
+ .text-orange-500 {
1841
+ --tw-text-opacity: 1;
1842
+ color: rgb(219 93 0 / var(--tw-text-opacity));
1843
+ }
1844
+
1804
1845
  .text-white {
1805
1846
  --tw-text-opacity: 1;
1806
1847
  color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -2012,6 +2053,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2012
2053
  grid-template-columns: repeat(1, minmax(0, 1fr));
2013
2054
  }
2014
2055
 
2056
+ .md\\:grid-cols-2 {
2057
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2058
+ }
2059
+
2015
2060
  .md\\:flex-row {
2016
2061
  flex-direction: row;
2017
2062
  }