@kompasid/lit-web-components 0.9.3 → 0.9.4

package/src/components/kompasid-menu-side-bar/readme.md

@@ -0,0 +1,27 @@
+# kompasid-menu-side-bar
+
+Komponen ini adalah komponen web berbasis LitElement yang digunakan untuk menampilkan Menu Side Bar pada Kompas.id
+
+### Contoh Implementasi
+
+```javascript
+<kompasid-menu-side-bar></kompasid-menu-side-bar> // if theme = primary/default
+<kompasid-menu-side-bar
+    .isDark="true" // if theme = dark/transparent
+></kompasid-menu-side-bar>
+
+```
+
+## Properties
+
+| Property      | Attribute    | Description                                       | Tipe     | Default | Content |
+| -------------| -------------| ----------------------------------------------- | -------- | ------- | ---------------- |
+| `isDark`| `isDark`| Pilihan Tema untuk tampilan Burger Menu.                             | `boolean` | `false`    | `''` |
+
+### Digunakan oleh
+
+- [kompasid-menu-side-bar](../kompasid-menu-side-bar)
+
+## Kontributor
+
+*Dokumentasi ini dibuat oleh tim front-end Kompas.id.*

package/tailwind/tailwind.css

@@ -798,6 +798,14 @@ video {
   margin-top: 2rem;
 }
 
+.ml-\[6px\] {
+  margin-left: 6px;
+}
+
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
+
 .block {
   display: block;
 }
@@ -1028,6 +1036,14 @@ video {
   width: 100vw;
 }
 
+.w-\[312px\] {
+  width: 312px;
+}
+
+.w-2\.5 {
+  width: 0.625rem;
+}
+
 .max-w-7xl {
   max-width: 80rem;
 }
@@ -1403,6 +1419,11 @@ video {
   background-color: rgb(147 200 253 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#FFFFFF\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 .bg-\[\#e1f0ff\] {
   --tw-bg-opacity: 1;
   background-color: rgb(225 240 255 / var(--tw-bg-opacity));
@@ -1513,6 +1534,11 @@ video {
   background-color: rgb(255 220 63 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#E1F0FF\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 240 255 / var(--tw-bg-opacity));
+}
+
 .bg-opacity-75 {
   --tw-bg-opacity: 0.75;
 }
@@ -1640,6 +1666,16 @@ video {
   padding-bottom: 5.6px;
 }
 
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+
 .pb-1 {
   padding-bottom: 0.25rem;
 }
@@ -1991,6 +2027,11 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-\[\#666666\] {
+  --tw-text-opacity: 1;
+  color: rgb(102 102 102 / var(--tw-text-opacity));
+}
+
 .underline {
   text-decoration-line: underline;
 }

package/tailwind/tailwind.ts

@@ -808,6 +808,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: 2rem;
   }
 
+  .ml-\\[6px\\] {
+    margin-left: 6px;
+  }
+
+  .ml-1\\.5 {
+    margin-left: 0.375rem;
+  }
+
   .block {
     display: block;
   }
@@ -1038,6 +1046,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 100vw;
   }
 
+  .w-\\[312px\\] {
+    width: 312px;
+  }
+
+  .w-2\\.5 {
+    width: 0.625rem;
+  }
+
   .max-w-7xl {
     max-width: 80rem;
   }
@@ -1417,6 +1433,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(147 200 253 / var(--tw-bg-opacity));
   }
 
+  .bg-\\[\\#FFFFFF\\] {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }
+
   .bg-\\[\\#e1f0ff\\] {
     --tw-bg-opacity: 1;
     background-color: rgb(225 240 255 / var(--tw-bg-opacity));
@@ -1527,6 +1548,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(255 220 63 / var(--tw-bg-opacity));
   }
 
+  .bg-\\[\\#E1F0FF\\] {
+    --tw-bg-opacity: 1;
+    background-color: rgb(225 240 255 / var(--tw-bg-opacity));
+  }
+
   .bg-opacity-75 {
     --tw-bg-opacity: 0.75;
   }
@@ -1654,6 +1680,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-bottom: 5.6px;
   }
 
+  .px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .px-1\\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
   .pb-1 {
     padding-bottom: 0.25rem;
   }
@@ -2008,6 +2044,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(255 255 255 / var(--tw-text-opacity));
   }
 
+  .text-\\[\\#666666\\] {
+    --tw-text-opacity: 1;
+    color: rgb(102 102 102 / var(--tw-text-opacity));
+  }
+
   .underline {
     text-decoration-line: underline;
   }