@pisell/private-materials 3.2.39 → 3.3.0

package/es/components/ticketBooking/components/menuBar/index.less

@@ -0,0 +1,84 @@
+.pisell-ticket-booking-menu-bar {
+  background-color: #1b1b1b;
+  padding-left: 6px;
+  width: 86px;
+  position: relative;
+
+  .logo-wrapper {
+    margin-top: 24px;
+    display: flex;
+    justify-content: center;
+
+    svg {
+      width: 42.079px;
+      height: 25.999px;
+    }
+  }
+
+  .nav-wrapper {
+    margin-top: 24px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .nav-item {
+      cursor: pointer;
+      width: 56px;
+      height: 56px;
+      border-radius: 6px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      position: relative;
+      background: var(--Gray-950, #0c111d);
+
+      &.active {
+        background: #8157d5;
+
+        &::before {
+          display: block;
+          content: '';
+          background-color: #8157d5;
+          height: 100%;
+          width: 6px;
+          position: absolute;
+          left: -18px;
+          top: 0;
+          border-radius: 0px 2px 2px 0px;
+        }
+      }
+    }
+  }
+
+  .status-wrapper {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 20px;
+    display: flex;
+
+    > div {
+      color: #fff;
+      text-align: center;
+      font-family: Inter;
+      font-size: 8px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 10px; /* 125% */
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      align-self: stretch;
+    }
+
+    .network-status {
+      flex: 1 0 100%;
+    }
+
+    .ITS-status {
+      flex: 1 0 60%;
+      background: #3f9e4d;
+    }
+  }
+}

package/es/components/ticketBooking/components/ticketBooking/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const TicketBooking: () => JSX.Element;
+export default TicketBooking;