@touchtech/web-navigation-menu 0.0.18-alpha.3 → 0.0.18-alpha.5

package/dist/styles.css

@@ -0,0 +1,343 @@
+.tKygQ4LMDikHs5Hsh0Qk {
+  position: fixed;
+  height: 100%;
+  z-index: 9999;
+  top: 0;
+  display: flex;
+  font-family: TTGrotesk, sans-serif;
+  font-size: 14px;
+  line-height: 17px;
+
+  --theme-button-letter-spacing: 0.02em;
+}
+
+.alkxjZvTgAcsz0JRkm6c {
+  display: flex;
+  flex-flow: column nowrap;
+  height: 100%;
+  border-right: 1px solid #d2d2d9;
+}
+
+.alkxjZvTgAcsz0JRkm6c.qOWQb0BC_mtWmDwvfi6Z {
+  display: none;
+}
+
+.p4JPb4DzmGoZOIhO09ws {
+  display: flex;
+  flex-flow: column;
+}
+
+.p4JPb4DzmGoZOIhO09ws.x0_VF3BXbWUtlCCgOtQZ {
+  border-bottom: 1px solid #d2d2d9;
+}
+
+.jWPBZu8iLDyyTn6eW6kw {
+  flex-grow: 1;
+  overflow: auto;
+}
+
+.gb6t82xpZU7ymkUdSux_ {
+  border-top: 1px solid #d2d2d9;
+}
+
+.RuYyU4ZU982IBgdb1Nr2 {
+  text-transform: capitalize;
+  line-height: 17px;
+  width: 100% !important;
+
+  --theme-button-padding: 18px;
+  --theme-button-font-family: "TTGrotesk";
+  --theme-button-font-weight: 400;
+  --theme-button-font-size-medium: 14px;
+  --theme-button-foreground-color: #2d2d33;
+  --theme-button-height-medium: 44px;
+  --theme-button-background-color: #f7f3f7;
+}
+
+.RuYyU4ZU982IBgdb1Nr2.mDVPC452sIZ1AZ12Hupu {
+  opacity: 1 !important;
+
+  --theme-button-background-color: #2d2d33;
+  --theme-button-foreground-color: #fefeff;
+}
+
+.xq2NhM9BEi_W4nwT3yh2 {
+  background-color: #f7f3f7;
+}
+
+/* Header */
+
+.BGjEtVj4r_GL1XRPggdK {
+  display: flex;
+  flex-direction: column;
+  padding: 18px 18px 0;
+}
+
+.VaoS9sXTECATv5AlheWA {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 40px;
+  height: 40px;
+}
+
+.WuTrGz3UU3pH1fVTiCTZ {
+  max-width: 150px;
+  height: 100%;
+}
+
+.Coh2DFrCNYqjuH_r7MvG {
+  cursor: pointer;
+
+  --theme-icon-height-large: 20px;
+}
+
+.MOX9IB0nSx5cfLHrcoOZ {
+  text-transform: none;
+  width: fit-content !important;
+  margin: 0 -18px;
+
+  --theme-button-padding: 18px;
+  --theme-button-font-family: "TTGrotesk";
+  --theme-button-font-weight: 400;
+  --theme-button-font-size-medium: 14px;
+  --theme-button-foreground-color: #5d5c63;
+  --theme-button-height-medium: 44px;
+}
+
+/* Main */
+
+.mwOFiCMJUcwQgN71e7sC {
+  height: 100%;
+}
+
+.AVG7kB9Fyvbb6jW3FA0B {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+}
+
+.VKsHJOXcQi174s94qmOo {
+  height: 100%;
+  overflow: auto;
+}
+
+.VKsHJOXcQi174s94qmOo:hover::-webkit-scrollbar {
+  display: block;
+  appearance: none;
+  background-color: #f0f0f0;
+  width: 6px;
+}
+
+.VKsHJOXcQi174s94qmOo::-webkit-scrollbar-thumb {
+  background-color: #898891;
+}
+
+.SWnA20nAEkR6goWGlFre {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 18px;
+}
+
+.HeDayZpMaiaMwoXvRFoD,
+.XF2F_YGE6PmxS0tEVvP2 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 14px;
+}
+
+.HeDayZpMaiaMwoXvRFoD {
+  font-weight: 500;
+  color: #262626;
+}
+
+.XF2F_YGE6PmxS0tEVvP2 {
+  font-weight: 400;
+  color: #898891;
+}
+
+/* Footer */
+
+.V3IZL1yVbMWIposjQAL8 {
+  padding: 0 18px;
+  cursor: pointer;
+  height: 44px;
+  display: flex;
+  align-items: center;
+}
+
+.Zgx8Dpy2pAdOoqTtMMQi {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+}
+
+.AZnlFbzTGExGtpYh4_LY {
+  --theme-icon-height-medium: 16px;
+}
+
+.q8vjvRoPyWxP_4biO7ye {
+  font-size: 14px;
+  font-weight: 400;
+  color: #2d2d33;
+}
+
+@keyframes c0TTTtiXIXfltWhO95d8 {
+  3%,
+  21%,
+  30%,
+  39%,
+  48%,
+  65%,
+  74%,
+  92% {
+    transform: translateX(5px);
+  }
+
+  6%,
+  15%,
+  42%,
+  51%,
+  60%,
+  68%,
+  77%,
+  86%,
+  95% {
+    transform: translateX(3px);
+  }
+
+  9%,
+  18%,
+  27%,
+  36%,
+  54%,
+  63%,
+  80%,
+  98% {
+    transform: translateX(-5px);
+  }
+}
+
+.K7BSR_sOQntynVNNrX45 {
+  animation-name: c0TTTtiXIXfltWhO95d8;
+  animation-iteration-count: 1;
+  animation-duration: 0.5s;
+  animation-fill-mode: both;
+  display: inline-block;
+}
+
+.ju83eDu5c266Yv8fgYiX {
+  font-size: 12px;
+  color: #f00;
+  padding-left: 10px;
+}
+
+.oeuWMMcJvLzGVyzlkzri {
+  text-transform: capitalize;
+  line-height: 21px;
+  width: 100% !important;
+
+  --theme-button-padding: 18px;
+  --theme-button-font-family: "TTGrotesk";
+  --theme-button-font-weight: 400;
+  --theme-button-font-size-medium: 14px;
+  --theme-button-foreground-color: #2d2d33;
+  --theme-button-height-medium: 44px;
+  --theme-button-background-color: #e6e5eb;
+}
+
+.oeuWMMcJvLzGVyzlkzri.bbUHwXdmTmLx1Bm14Atn {
+  opacity: 1 !important;
+
+  --theme-button-background-color: #2d2d33;
+  --theme-button-foreground-color: #fefeff;
+}
+
+.oeuWMMcJvLzGVyzlkzri.bbUHwXdmTmLx1Bm14Atn:hover {
+  background-color: unset !important;
+}
+
+.oeuWMMcJvLzGVyzlkzri > div {
+  justify-content: space-between;
+  width: 100% !important;
+}
+
+.IrSUtSyJ_yHU06p5Y1J3 {
+  --theme-icon-height-medium: 16px;
+}
+
+.TImCshnjb7UPVk2R4lZP {
+  background-color: #e6e5eb;
+}
+
+/* Header */
+
+.PLOWzDGNGXzLAJrH0RK3 {
+  padding-top: 18px;
+}
+
+.xdEO_zIZZ4tFrfapkFFT {
+  height: 41px;
+  display: flex;
+  justify-content: flex-end;
+  cursor: pointer;
+  align-items: center;
+  padding: 0 18px;
+
+  --theme-icon-height-large: 20px;
+}
+
+/* Main */
+
+.As12vynTQk_jknQIlJ8A {
+  overflow: auto;
+  height: 100%;
+}
+
+.As12vynTQk_jknQIlJ8A:hover::-webkit-scrollbar {
+  display: block;
+  appearance: none;
+  background-color: #f0f0f0;
+  width: 6px;
+}
+
+.As12vynTQk_jknQIlJ8A::-webkit-scrollbar-thumb {
+  background-color: #898891;
+}
+
+/* Footer */
+
+.q2ws7axL5Ap1hQW3m16N {
+  padding: 0 18px;
+  cursor: pointer;
+  height: 44px;
+  display: flex;
+  align-items: center;
+}
+
+.zYkzNuNQhvIdWKZhoQGr {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+}
+
+.xxcu6ytXRcPl1GZJ2vd9 {
+  --theme-icon-height-medium: 16px;
+}
+
+.QYhcvZqbZxgenG41kwNq {
+  font-size: 14px;
+  font-weight: 400;
+  color: #2d2d33;
+}
+
+.x4CcnKP0hsMpf8aTV1vc {
+  display: flex;
+  flex-direction: row-reverse;
+}
+
+
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,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eEMsa0NBQWtDO0VBQ2xDLHdDQUF3QztBQUMxQzs7QUFFQTtFQUNFLHFCQUFxQjs7RUFFckIsd0NBQXdDO0VBQ3hDLHdDQUF3QztBQUMxQzs7QUFFQTtFQUNFLGtDQUFrQztBQUNwQzs7QUFFQTtFQUNFLDhCQUE4QjtFQUM5QixzQkFBc0I7QUFDeEI7O0FBRUE7RUFDRSxnQ0FBZ0M7QUFDbEM7O0FDaENBO0VBQ0UseUJBQXlCO0FBQzNCOztBQUVBLFdBQVc7O0FBRVg7RUFDRSxpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLHlCQUF5QjtFQUN6QixlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLGVBQWU7O0VBRWYsK0JBQStCO0FBQ2pDOztBQUVBLFNBQVM7O0FBRVQ7RUFDRSxjQUFjO0VBQ2QsWUFBWTtBQUNkOztBQUVBO0VBQ0UsY0FBYztFQUNkLGdCQUFnQjtFQUNoQix5QkFBeUI7RUFDekIsVUFBVTtBQUNaOztBQUVBO0VBQ0UseUJBQXlCO0FBQzNCOztBQUVBLFdBQVc7O0FBRVg7RUFDRSxlQUFlO0VBQ2YsZUFBZTtFQUNmLFlBQVk7RUFDWixhQUFhO0VBQ2IsbUJBQW1CO0FBQ3JCOztBQUVBO0VBQ0UsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixTQUFTO0FBQ1g7O0FBRUE7RUFDRSxnQ0FBZ0M7QUFDbEM7O0FBRUE7RUFDRSxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGNBQWM7QUFDaEI7O0FDL0RBO0VBQ0UsYUFBYTtFQUNiLDJCQUEyQjtBQUM3QiIsInNvdXJjZXMiOlsid2VicGFjazovL0B0b3VjaHRlY2gvd2ViLW5hdmlnYXRpb24tbWVudS8uL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vTmF2aWdhdGlvbi5tb2R1bGUuY3NzIiwid2VicGFjazovL0B0b3VjaHRlY2gvd2ViLW5hdmlnYXRpb24tbWVudS8uL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vVGllcnMvVGllci9UaWVyLm1vZHVsZS5jc3MiLCJ3ZWJwYWNrOi8vQHRvdWNodGVjaC93ZWItbmF2aWdhdGlvbi1tZW51Ly4vc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9UaWVycy9BcHBsaWNhdGlvbnMvQXBwbGljYXRpb25MaW5rL0FwcGxpY2F0aW9uTGluay5tb2R1bGUuY3NzIiwid2VicGFjazovL0B0b3VjaHRlY2gvd2ViLW5hdmlnYXRpb24tbWVudS8uL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vVGllcnMvQXBwbGljYXRpb25zL0FwcGxpY2F0aW9ucy5tb2R1bGUuY3NzIiwid2VicGFjazovL0B0b3VjaHRlY2gvd2ViLW5hdmlnYXRpb24tbWVudS8uL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vVGllcnMvVGVuYW50cy9UZW5hbnRCdXR0b24vVGVuYW50QnV0dG9uLm1vZHVsZS5jc3MiLCJ3ZWJwYWNrOi8vQHRvdWNodGVjaC93ZWItbmF2aWdhdGlvbi1tZW51Ly4vc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9UaWVycy9UZW5hbnRzL1RlbmFudHMubW9kdWxlLmNzcyIsIndlYnBhY2s6Ly9AdG91Y2h0ZWNoL3dlYi1uYXZpZ2F0aW9uLW1lbnUvLi9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL1RpZXJzL1RpZXJzLm1vZHVsZS5jc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLm5hdmlnYXRpb24ge1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGhlaWdodDogMTAwJTtcbiAgei1pbmRleDogOTk5OTtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LWZhbWlseTogVFRHcm90ZXNrLCBzYW5zLXNlcmlmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxN3B4O1xuXG4gIC0tdGhlbWUtYnV0dG9uLWxldHRlci1zcGFjaW5nOiAwLjAyZW07XG59XG4iLCIudGllciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uIG5vd3JhcDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZDJkMmQ5O1xufVxuXG4udGllci5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4udGllci1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IGNvbHVtbjtcbn1cblxuLnRpZXItaGVhZGVyLmJvcmRlciB7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZDJkMmQ5O1xufVxuXG4udGllci1tYWluIHtcbiAgZmxleC1ncm93OiAxO1xuICBvdmVyZmxvdzogYXV0bztcbn1cblxuLnRpZXItZm9vdGVyIHtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNkMmQyZDk7XG59XG4iLCIubmF2aWdhdGlvbi1idXR0b24ge1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgbGluZS1oZWlnaHQ6IDE3cHg7XG4gIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG5cbiAgLS10aGVtZS1idXR0b24tcGFkZGluZzogMThweDtcbiAgLS10aGVtZS1idXR0b24tZm9udC1mYW1pbHk6IFwiVFRHcm90ZXNrXCI7XG4gIC0tdGhlbWUtYnV0dG9uLWZvbnQtd2VpZ2h0OiA0MDA7XG4gIC0tdGhlbWUtYnV0dG9uLWZvbnQtc2l6ZS1tZWRpdW06IDE0cHg7XG4gIC0tdGhlbWUtYnV0dG9uLWZvcmVncm91bmQtY29sb3I6ICMyZDJkMzM7XG4gIC0tdGhlbWUtYnV0dG9uLWhlaWdodC1tZWRpdW06IDQ0cHg7XG4gIC0tdGhlbWUtYnV0dG9uLWJhY2tncm91bmQtY29sb3I6ICNmN2YzZjc7XG59XG5cbi5uYXZpZ2F0aW9uLWJ1dHRvbi5hY3RpdmUge1xuICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG5cbiAgLS10aGVtZS1idXR0b24tYmFja2dyb3VuZC1jb2xvcjogIzJkMmQzMztcbiAgLS10aGVtZS1idXR0b24tZm9yZWdyb3VuZC1jb2xvcjogI2ZlZmVmZjtcbn1cbiIsIi5hcHBsaWNhdGlvbnMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjdmM2Y3O1xufVxuXG4vKiBIZWFkZXIgKi9cblxuLmFwcGxpY2F0aW9ucy1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nOiAxOHB4IDE4cHggMDtcbn1cblxuLmFwcGxpY2F0aW9ucy1oZWFkZXItYnJhbmQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogNDBweDtcbiAgaGVpZ2h0OiA0MHB4O1xufVxuXG4uYXBwbGljYXRpb25zLWhlYWRlci1sb2dvIHtcbiAgbWF4LXdpZHRoOiAxNTBweDtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4uYXBwbGljYXRpb25zLWhlYWRlci1jbG9zZS1pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC0tdGhlbWUtaWNvbi1oZWlnaHQtbGFyZ2U6IDIwcHg7XG59XG5cbi5hcHBsaWNhdGlvbnMtaGVhZGVyLWNoYW5nZS1icmFuZC1idXR0b24ge1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgd2lkdGg6IGZpdC1jb250ZW50ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbjogMCAtMThweDtcblxuICAtLXRoZW1lLWJ1dHRvbi1wYWRkaW5nOiAxOHB4O1xuICAtLXRoZW1lLWJ1dHRvbi1mb250LWZhbWlseTogXCJUVEdyb3Rlc2tcIjtcbiAgLS10aGVtZS1idXR0b24tZm9udC13ZWlnaHQ6IDQwMDtcbiAgLS10aGVtZS1idXR0b24tZm9udC1zaXplLW1lZGl1bTogMTRweDtcbiAgLS10aGVtZS1idXR0b24tZm9yZWdyb3VuZC1jb2xvcjogIzVkNWM2MztcbiAgLS10aGVtZS1idXR0b24taGVpZ2h0LW1lZGl1bTogNDRweDtcbn1cblxuLyogTWFpbiAqL1xuXG4uYXBwbGljYXRpb25zLW1haW4ge1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5hcHBsaWNhdGlvbnMtbWFpbi1jb250ZW50IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5hcHBsaWNhdGlvbnMtbWFpbi1saXN0IHtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cblxuLmFwcGxpY2F0aW9ucy1tYWluLWxpc3Q6aG92ZXI6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMGYwZjA7XG4gIHdpZHRoOiA2cHg7XG59XG5cbi5hcHBsaWNhdGlvbnMtbWFpbi1saXN0Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM4OTg4OTE7XG59XG5cbi5hcHBsaWNhdGlvbnMtbWFpbi11c2VyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA0cHg7XG4gIHBhZGRpbmc6IDE4cHg7XG59XG5cbi5hcHBsaWNhdGlvbnMtbWFpbi11c2VyLW5hbWUsXG4uYXBwbGljYXRpb25zLW1haW4tdXNlci1lbWFpbCB7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBmb250LXNpemU6IDE0cHg7XG59XG5cbi5hcHBsaWNhdGlvbnMtbWFpbi11c2VyLW5hbWUge1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogIzI2MjYyNjtcbn1cblxuLmFwcGxpY2F0aW9ucy1tYWluLXVzZXItZW1haWwge1xuICBmb250LXdlaWdodDogNDAwO1xuICBjb2xvcjogIzg5ODg5MTtcbn1cblxuLyogRm9vdGVyICovXG5cbi5hcHBsaWNhdGlvbnMtZm9vdGVyIHtcbiAgcGFkZGluZzogMCAxOHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGhlaWdodDogNDRweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLmFwcGxpY2F0aW9ucy1mb290ZXItc2lnbi1vdXQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBnYXA6IDEwcHg7XG59XG5cbi5hcHBsaWNhdGlvbnMtZm9vdGVyLXNpZ24tb3V0LWljb24ge1xuICAtLXRoZW1lLWljb24taGVpZ2h0LW1lZGl1bTogMTZweDtcbn1cblxuLmFwcGxpY2F0aW9ucy1mb290ZXItc2lnbi1vdXQtbGFiZWwge1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGNvbG9yOiAjMmQyZDMzO1xufVxuXG5Aa2V5ZnJhbWVzIGhvcml6b250YWwtc2hha2Uge1xuICAzJSxcbiAgMjElLFxuICAzMCUsXG4gIDM5JSxcbiAgNDglLFxuICA2NSUsXG4gIDc0JSxcbiAgOTIlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNXB4KTtcbiAgfVxuXG4gIDYlLFxuICAxNSUsXG4gIDQyJSxcbiAgNTElLFxuICA2MCUsXG4gIDY4JSxcbiAgNzclLFxuICA4NiUsXG4gIDk1JSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDNweCk7XG4gIH1cblxuICA5JSxcbiAgMTglLFxuICAyNyUsXG4gIDM2JSxcbiAgNTQlLFxuICA2MyUsXG4gIDgwJSxcbiAgOTglIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTVweCk7XG4gIH1cbn1cblxuLmVycm9yLWFuaW0ge1xuICBhbmltYXRpb24tbmFtZTogaG9yaXpvbnRhbC1zaGFrZTtcbiAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBib3RoO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5lcnJvci10ZXh0IHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBjb2xvcjogI2YwMDtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuIiwiLnRlbmFudC1idXR0b24ge1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgbGluZS1oZWlnaHQ6IDIxcHg7XG4gIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG5cbiAgLS10aGVtZS1idXR0b24tcGFkZGluZzogMThweDtcbiAgLS10aGVtZS1idXR0b24tZm9udC1mYW1pbHk6IFwiVFRHcm90ZXNrXCI7XG4gIC0tdGhlbWUtYnV0dG9uLWZvbnQtd2VpZ2h0OiA0MDA7XG4gIC0tdGhlbWUtYnV0dG9uLWZvbnQtc2l6ZS1tZWRpdW06IDE0cHg7XG4gIC0tdGhlbWUtYnV0dG9uLWZvcmVncm91bmQtY29sb3I6ICMyZDJkMzM7XG4gIC0tdGhlbWUtYnV0dG9uLWhlaWdodC1tZWRpdW06IDQ0cHg7XG4gIC0tdGhlbWUtYnV0dG9uLWJhY2tncm91bmQtY29sb3I6ICNlNmU1ZWI7XG59XG5cbi50ZW5hbnQtYnV0dG9uLmFjdGl2ZSB7XG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcblxuICAtLXRoZW1lLWJ1dHRvbi1iYWNrZ3JvdW5kLWNvbG9yOiAjMmQyZDMzO1xuICAtLXRoZW1lLWJ1dHRvbi1mb3JlZ3JvdW5kLWNvbG9yOiAjZmVmZWZmO1xufVxuXG4udGVuYW50LWJ1dHRvbi5hY3RpdmU6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldCAhaW1wb3J0YW50O1xufVxuXG4udGVuYW50LWJ1dHRvbiA+IGRpdiB7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbn1cblxuLnRlbmFudC1idXR0b24taWNvbiB7XG4gIC0tdGhlbWUtaWNvbi1oZWlnaHQtbWVkaXVtOiAxNnB4O1xufVxuIiwiLnRlbmFudHMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTZlNWViO1xufVxuXG4vKiBIZWFkZXIgKi9cblxuLnRlbmFudHMtaGVhZGVyIHtcbiAgcGFkZGluZy10b3A6IDE4cHg7XG59XG5cbi50ZW5hbnRzLWhlYWRlci1hcnJvdy1pY29uIHtcbiAgaGVpZ2h0OiA0MXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgMThweDtcblxuICAtLXRoZW1lLWljb24taGVpZ2h0LWxhcmdlOiAyMHB4O1xufVxuXG4vKiBNYWluICovXG5cbi50ZW5hbnRzLW1haW4ge1xuICBvdmVyZmxvdzogYXV0bztcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4udGVuYW50cy1tYWluOmhvdmVyOjotd2Via2l0LXNjcm9sbGJhciB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjBmMGYwO1xuICB3aWR0aDogNnB4O1xufVxuXG4udGVuYW50cy1tYWluOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM4OTg4OTE7XG59XG5cbi8qIEZvb3RlciAqL1xuXG4udGVuYW50cy1mb290ZXIge1xuICBwYWRkaW5nOiAwIDE4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgaGVpZ2h0OiA0NHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4udGVuYW50cy1mb290ZXItY3JlYXRlLWJyYW5kIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgZ2FwOiAxMHB4O1xufVxuXG4udGVuYW50cy1mb290ZXItY3JlYXRlLWJyYW5kLWljb24ge1xuICAtLXRoZW1lLWljb24taGVpZ2h0LW1lZGl1bTogMTZweDtcbn1cblxuLnRlbmFudHMtZm9vdGVyLWNyZWF0ZS1icmFuZC1sYWJlbCB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgY29sb3I6ICMyZDJkMzM7XG59XG4iLCIudGllcnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG59XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=*/

package/package.json

@@ -1,38 +1,27 @@
 {
   "name": "@touchtech/web-navigation-menu",
-  "version": "0.0.18-alpha.3",
+  "version": "0.0.18-alpha.5",
   "description": "Web navigation menu",
-  "type": "module",
   "source": "index.ts",
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./dist/styles.css": "./dist/style.css"
-  },
   "files": [
     "dist"
   ],
   "scripts": {
     "eslint": "eslint --ignore-path .gitignore",
-    "lint:js": "npm run eslint -- \"**/*.{js,ts,tsx}\"",
+    "lint:js": "npm run eslint -- \"**/*.js\"",
     "stylelint": "stylelint --ignore-path .gitignore",
     "lint:css": "npm run stylelint -- \"**/*.css\"",
     "lint": "run-p lint:js lint:css",
     "lint-fix": "run-p \"lint:** -- --fix\"",
-    "build": "vite build",
-    "dev": "vite",
-    "preview": "vite preview",
+    "build": "webpack",
+    "dev": "webpack watch",
     "precommit": "lint-staged",
     "prepublishOnly": "npm run check && npm run build",
     "prettier": "prettier --ignore-path .gitignore",
-    "format": "npm run prettier -- --list-different \"**/*.{css,html,js,json,ts,tsx}\"",
-    "format-fix": "npm run prettier -- --write \"**/*.{css,html,js,json,ts,tsx}\"",
+    "format": "npm run prettier -- --list-different \"**/*.{css,html,js,json}\"",
+    "format-fix": "npm run prettier -- --write \"**/*.{css,html,js,json}\"",
     "check": "run-p lint format \"test -- --coverage\"",
     "fix": "run-s lint-fix format-fix",
     "test": "jest --passWithNoTests",
@@ -68,7 +57,9 @@
     "@types/react-dom": "^18.0.9",
     "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^5.40.0",
-    "@vitejs/plugin-react": "^4.2.1",
+    "clean-webpack-plugin": "^4.0.0",
+    "css-loader": "^6.7.3",
+    "dotenv-webpack": "^8.0.1",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
@@ -78,6 +69,8 @@
     "husky": "^8.0.3",
     "jest": "^27.4.7",
     "lint-staged": "^13.1.0",
+    "mini-css-extract-plugin": "^2.4.7",
+    "mini-svg-data-uri": "^1.4.4",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.5.1",
     "react": "^18.2.0",
@@ -87,10 +80,13 @@
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-standard": "^29.0.0",
     "stylelint-prettier": "^2.0.0",
+    "ts-loader": "^9.2.6",
     "typescript": "^4.5.4",
-    "vite": "^5.1.4",
-    "vite-plugin-dts": "^3.7.3",
-    "vite-plugin-svgr": "^4.2.0"
+    "url-loader": "^4.1.1",
+    "webpack": "^5.66.0",
+    "webpack-bundle-analyzer": "^4.5.0",
+    "webpack-cli": "^5.0.1",
+    "workbox-webpack-plugin": "^6.4.2"
   },
   "dependencies": {
     "classcat": "^5.0.4",