@eyeon/map 2.0.41 → 2.0.44

package/dist/editor/index.css

@@ -686,8 +686,8 @@
   padding: 6px 4px !important;
   border: 0 !important;
   border-radius: 0;
-  background: rgba(0, 0, 0, 0.8) !important;
-  background-color: rgba(0, 0, 0, 0.8) !important;
+  background: rgba(0, 0, 0, 0.7) !important;
+  background-color: rgba(0, 0, 0, 0.7) !important;
   color: #fff !important;
   cursor: pointer;
 }
@@ -919,21 +919,100 @@
 .eyeon-map-sidebar__directions-head {
   display: flex;
   align-items: center;
+  gap: 10px;
   min-height: 28px;
   margin-bottom: 10px;
   padding-right: 32px;
 }
 
 .eyeon-map-sidebar__directions-title {
+  flex: 0 0 auto;
   font-size: 15px;
   font-weight: 600;
   letter-spacing: -0.01em;
 }
 
+.eyeon-map-sidebar__directions-using {
+  margin-left: 0.35em;
+  font-weight: 500;
+}
+
+.eyeon-map-sidebar__transport {
+  display: inline-flex;
+  align-items: stretch;
+  flex: 0 1 auto;
+  min-width: 0;
+  border: 1px solid #c5ced9;
+  background: #fff;
+}
+
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option,
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option:hover,
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option:focus,
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option:focus-visible,
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option:active {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 26px;
+  margin: 0;
+  padding: 0 8px !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+  background-color: transparent !important;
+  box-shadow: none !important;
+  color: #0f172a !important;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1;
+  letter-spacing: 0;
+  text-transform: none;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option + button.eyeon-map-sidebar__transport-option {
+  border-left: 1px solid #c5ced9 !important;
+}
+
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option--selected,
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option--selected:hover,
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option--selected:focus,
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option--selected:focus-visible,
+.eyeon-map-viewer button.eyeon-map-sidebar__transport-option--selected:active {
+  background: rgba(0, 0, 0, 0.8) !important;
+  background-color: rgba(0, 0, 0, 0.8) !important;
+  color: #fff !important;
+}
+
+.eyeon-map-sidebar__transport-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  flex: 0 0 14px;
+}
+
+.eyeon-map-sidebar__transport-icon svg {
+  display: block;
+  width: 14px;
+  height: 14px;
+}
+
 .eyeon-map-sidebar__directions-row {
   position: relative;
 }
 
+.eyeon-map-sidebar__route-error {
+  margin-top: 8px;
+  color: #b42318;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.35;
+}
+
 .eyeon-map-sidebar__directions-row .eyeon-map-sidebar__swap {
   position: absolute;
   top: 50%;
@@ -1425,6 +1504,21 @@
   text-align: right;
 }
 
+.eyeon-map-version--stack {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 10px;
+}
+
+.eyeon-map-version--stack .eyeon-map-version__delete {
+  margin-left: 0;
+  text-align: left;
+}
+
+.eyeon-map-settings-classic .eyeon-map-rail__nav-sep {
+  margin: 16px 0 12px;
+}
+
 .eyeon-map-version__link:hover:not(:disabled),
 .eyeon-map-version__link:focus-visible:not(:disabled) {
   color: #0763b1;
@@ -1521,6 +1615,110 @@
   gap: 4px;
 }
 
+.eyeon-map-rail__ride {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  width: 100%;
+  padding: 7px 8px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.eyeon-map-rail__ride:hover,
+.eyeon-map-rail__ride.is-active {
+  background: #f1f5f9;
+}
+
+.eyeon-map-rail__ride .eyeon-map-rail__row-icon {
+  margin-top: 2px;
+}
+
+.eyeon-map-rail__ride .eyeon-map-rail__row-copy {
+  gap: 2px;
+}
+
+.eyeon-map-rail__stop {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+  padding: 2px 0;
+}
+
+.eyeon-map-connector__stops {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.eyeon-map-connector__stop {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  min-height: 28px;
+  border-radius: 6px;
+}
+
+.eyeon-map-connector__stop.is-active {
+  background: #f1f5f9;
+}
+
+.eyeon-map-connector__stop-hit {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+  padding: 2px 4px;
+  border-radius: 6px;
+}
+
+.eyeon-map-connector__stop-hit:hover {
+  background: #f1f5f9;
+}
+
+.eyeon-map-connector__stop .eyeon-map-rail__row-id {
+  flex: 0 1 auto;
+}
+
+.eyeon-map-connector__remove {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  margin-left: auto;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: #dc2626;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+.eyeon-map-connector__remove:hover {
+  background: rgba(220, 38, 38, 0.1);
+}
+
+.eyeon-map-connector__fields {
+  margin-top: 16px;
+}
+
 .eyeon-map-rail__row.is-active,
 .eyeon-map-rail__row:hover {
   background: #f1f5f9;