@macrostrat/map-interface 0.0.9 → 0.0.11

package/dist/{index.css → module.css}

@@ -47,26 +47,6 @@
   }
 }
 
-.y-HzBG_recenter-button .bp4-icon:first-child {
-  margin-left: -3px;
-  margin-right: -3px;
-}
-
-.y-HzBG_recenter-button.y-HzBG_off-center .y-HzBG_recenter-label {
-  display: none;
-}
-
-.y-HzBG_recenter-button.y-HzBG_out-of-padding .y-HzBG_recenter-label {
-  opacity: .5;
-}
-
-.y-HzBG_recenter-label {
-  padding-left: 1em;
-  font-size: 12px;
-  font-style: italic;
-  display: inline-block;
-}
-
 .VPa3-W_copy-link-button.bp4-minimal.bp4-button {
   color: var(--text-subtle-color);
 }
@@ -320,462 +300,201 @@
   flex-grow: 2;
 }
 
-.feature-panel_48e225 {
+.map-page_4c0a66 {
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  display: flex;
   position: relative;
-  overflow-x: hidden;
 }
 
-.key-value_48e225 {
-  margin-right: 1em;
-  display: inline-block;
+.map-page_4c0a66.fit-viewport_4c0a66 {
+  height: 100vh;
+  width: 100vw;
+  max-height: -webkit-fill-available;
 }
 
-.key-value_48e225 .key_48e225 {
-  font-size: .9em;
-  font-weight: bold;
+.map-page_4c0a66 .compass-control_4c0a66 {
+  display: none;
 }
 
-.key-value_48e225 .key_48e225:after {
-  content: ": ";
+.map-page_4c0a66.map-is-rotated_4c0a66 .compass-control_4c0a66 {
+  display: block;
 }
 
-.key-value_48e225 .value_48e225 {
-  font-size: .9em;
+.map-page_4c0a66 .map-3d-control_4c0a66 {
+  display: none;
 }
 
-.feature-properties_48e225 {
-  position: relative;
+.map-page_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66 {
+  display: block;
 }
 
-.feature-properties_48e225:before {
-  content: "–";
-  position: absolute;
-  top: 4px;
-  left: 0;
+.map-page_4c0a66.map-is-rotated_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66, .map-page_4c0a66 .globe-control_4c0a66 {
+  display: none;
 }
 
-.feature-header_48e225 h3 {
-  margin-top: .5em;
-  margin-bottom: 0;
+.map-page_4c0a66 .globe-control_4c0a66 svg {
+  color: var(--secondary-color);
 }
 
-.feature-group_48e225 {
-  border-bottom: 1px solid var(--panel-rule-inner);
-  margin-bottom: .5em;
-  margin-left: -1em;
-  margin-right: -1em;
-  padding: 0 1em;
+.map-page_4c0a66.map-is-global_4c0a66 .globe-control_4c0a66 {
+  display: block;
 }
 
-.feature-group_48e225:last-child {
-  border-bottom: none;
+.main-ui_4c0a66 {
+  max-height: 100%;
+  height: 100%;
+  box-shadow: 0 0 10px 4px var(--card-shadow-color);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  position: relative;
 }
 
-.tile-info_48e225 {
-  flex-direction: row;
-  align-items: baseline;
-  padding: 0 1em;
-  display: flex;
+.panel-card_4c0a66 {
+  background-color: var(--panel-background-color);
+  padding: 10px;
 }
 
-.tile-info_48e225 h3 {
-  margin-right: .5em;
+.panel-card_4c0a66 > :last-child {
+  margin-bottom: 0;
 }
 
-.opacity-slider_48e225 {
-  margin: 0 1em .5em;
+.bp4-dark .panel-card_4c0a66 {
+  background-color: var(--panel-background-color);
 }
 
-.opacity-slider_48e225 .bp4-slider-handle .bp4-slider-label {
-  background-color: var(--secondary-color);
-  color: var(--text-color);
+.context-stack_4c0a66 {
+  max-height: 100%;
+  flex-direction: column;
+  display: flex;
 }
 
-.unit-number_48e225 .unit_48e225 {
-  margin-left: .2em;
-  font-size: .9em;
-  font-weight: bold;
+.context-stack_4c0a66 > div {
+  flex-shrink: 1;
 }
 
-.page_48e225 {
-  max-width: 50em;
-  margin: 2em auto;
+.context-stack_4c0a66 > .searchbar_4c0a66 {
+  flex: 0;
 }
 
-.dev-index-page_48e225 {
-  overflow-y: scroll;
+.context-stack_4c0a66, .detail-stack_4c0a66 {
+  z-index: 100;
 }
 
-.panel-subhead_1340c8 {
-  padding: .2em var(--box-horizontal-padding);
-  border-top: 1px solid var(--accent-border-color);
-  border-bottom: 1px solid var(--accent-border-color);
-  background-color: var(--accent-color);
-  z-index: 1;
-  align-items: center;
-  gap: var(--box-horizontal-padding);
-  flex-direction: row;
+.panel-container_4c0a66 {
+  flex-direction: column;
   display: flex;
-  position: sticky;
-  top: 0;
 }
 
-.panel-subhead_1340c8 h1, .panel-subhead_1340c8 h2, .panel-subhead_1340c8 h3, .panel-subhead_1340c8 h4 {
-  margin: .2em 0;
-  font-family: Montserrat, sans-serif;
-  font-weight: 700;
+.panel-container_4c0a66 > div {
+  pointer-events: all;
 }
 
-.panel-subhead_1340c8 h4 {
-  font-weight: 600;
+.panel-title_4c0a66 {
+  font-size: 16px;
 }
 
-.panel-subhead_1340c8 .title_1340c8 {
+.spacer_4c0a66 {
+  pointer-events: none;
   flex-grow: 1;
 }
 
-.expansion-panel_1340c8 {
-  flex-wrap: wrap;
-  margin-top: -1px;
-  padding: 0;
-}
-
-.sub-expansion-panel_1340c8 {
-  margin: -1px calc(var(--panel-padding-h) * -.5) 0;
+.map-view-container_4c0a66 {
+  flex-grow: 1;
+  position: relative;
   overflow: hidden;
 }
 
-.sub-expansion-panel_1340c8:first-child .expansion-panel-header_1340c8 {
-  border-top-width: 0;
+.searchbar-holder_4c0a66 {
+  margin-bottom: .5em;
 }
 
-.sub-expansion-panel_1340c8 .panel-subhead_1340c8 {
-  border-top: none;
-  border-bottom: none;
+.right-panel_4c0a66 {
+  width: 24em;
 }
 
-.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 {
-  background-color: var(--accent-secondary-color);
-  cursor: pointer;
+.buttons_4c0a66 {
+  min-width: 0;
+  flex-direction: row;
+  flex: 1;
+  display: flex;
 }
 
-.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8:hover {
-  background-color: var(--accent-secondary-hover-color);
+.tab-button_4c0a66 {
+  min-width: 40px;
+  text-align: right;
+  flex-shrink: 1;
+  overflow: hidden;
 }
 
-.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h2, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h3, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h4 {
-  border-bottom: 1px solid var(--tertiary-border-color);
-  border-top: 1px solid var(--tertiary-border-color);
-  align-items: center;
-  margin-top: -1px;
-  padding: 5px 1em;
-  font-weight: 500;
+.tab-button_4c0a66 .bp4-button-text {
+  transition: all .2s .1s;
 }
 
-.expansion-summary-title-help_1340c8, .expansion-summary-title-help_1340c8 .bp4-icon {
-  margin-left: 5px;
+.menu-card_4c0a66.narrow-card_4c0a66 .panel-header_4c0a66:not(.minimal_4c0a66) .tab-button_4c0a66.bp4-active ~ .tab-button_4c0a66 .bp4-button-text {
+  width: 0;
+  opacity: 0;
+  margin-left: -7px;
 }
 
-.expansion-panel-header_1340c8 {
-  cursor: pointer;
+.context-panel-leave_4c0a66 .menu-card_4c0a66 .panel-header_4c0a66 .tab-button_4c0a66 .bp4-button-text {
+  opacity: 0;
+  width: 0;
 }
 
-.expansion-panel-header_1340c8:hover {
-  background-color: var(--accent-hover-color);
+.narrow-card_4c0a66.narrow-enter_4c0a66 .panel-header_4c0a66 .buttons_4c0a66 {
+  margin-right: -500px;
 }
 
-.expansion-panel-header_1340c8 .bp4-icon {
-  transform: translate(0, 3px);
+.panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover):not(.bp4-active) {
+  min-width: 30px;
+  width: 30px;
+  padding-left: 0;
+  padding-right: 0;
 }
 
-.expansion-children_1340c8 {
-  padding: 5px 1em 10px;
+.panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover) .bp4-button-text {
+  width: 0;
+  opacity: 0;
+  margin-left: -7px;
 }
 
-.expansion-children_1340c8 .expansion-panel_1340c8 {
-  margin-left: -1em;
-  margin-right: -1em;
+.menu-group_4c0a66 {
+  margin-top: .2em;
+  margin-bottom: .5em;
 }
 
-.expansion-children_1340c8 .expansion-panel_1340c8:first-child {
-  margin-top: -5px;
+.menu-card_4c0a66 .bp4-text ul, .menu-card_4c0a66 .text-panel ul {
+  padding-left: 1em;
 }
 
-.expansion-panel-subtext_1340c8 {
-  font-size: 85%;
-  font-weight: 400;
+.menu-content_4c0a66 {
+  flex-direction: column;
+  margin-bottom: -8px;
+  display: flex;
 }
 
-.expansion-panel-root {
-  padding-left: 15px !important;
+.menu-content_4c0a66 .bp4-button-group_4c0a66 {
+  margin-bottom: 4px;
 }
 
-.expansion-panel-detail {
-  padding: 0 !important;
-  display: block !important;
+.menu-content_4c0a66 hr {
+  width: 100%;
 }
 
-.expansion-panel-detail-sub {
-  display: block !important;
+#map {
+  position: absolute;
+  inset: 0;
 }
 
-.expandable-details-main_1340c8 {
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  margin: 3px 0;
-  display: flex;
+#map .mapbox-compass, #map .mapbox-3d {
+  display: none;
 }
 
-.expandable-details-header_1340c8 {
-  flex-direction: row;
-  flex-grow: 1;
-  align-items: baseline;
-  display: inline-flex;
-}
-
-.expandable-details-children_1340c8 {
-  position: relative;
-}
-
-.expandable-details-toggle_1340c8 .bp4-button {
-  font-size: 10px;
-}
-
-.expandable-details_1340c8.macrostrat-unit_1340c8 .title_1340c8:after {
-  content: none;
-}
-
-.expandable-details_1340c8 .title_1340c8 {
-  margin-right: 1em;
-}
-
-.expandable-details_1340c8 .title_1340c8:after {
-  content: ":";
-}
-
-.expansion-body_1340c8 {
-  background-color: var(--tertiary-background);
-  width: 100%;
-  border-radius: 4px;
-  align-items: baseline;
-  margin-bottom: 6px;
-  padding: 2px 6px;
-  display: inline-block;
-  box-shadow: 0 1px 2px 1px #0003;
-}
-
-.expansion-panel-detail-header_1340c8 {
-  color: var(--secondary-color);
-  margin-right: 1em;
-  font-size: 90%;
-  font-style: italic;
-  display: inline;
-}
-
-.expansion-panel-detail-header_1340c8:after {
-  content: ":";
-}
-
-.expansion-panel-detail-body_1340c8 {
-  display: inline;
-}
-
-.map-page_4c0a66 {
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-  display: flex;
-  position: relative;
-}
-
-.map-page_4c0a66.fit-viewport_4c0a66 {
-  height: 100vh;
-  width: 100vw;
-  max-height: -webkit-fill-available;
-}
-
-.map-page_4c0a66 .compass-control_4c0a66 {
-  display: none;
-}
-
-.map-page_4c0a66.map-is-rotated_4c0a66 .compass-control_4c0a66 {
-  display: block;
-}
-
-.map-page_4c0a66 .map-3d-control_4c0a66 {
-  display: none;
-}
-
-.map-page_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66 {
-  display: block;
-}
-
-.map-page_4c0a66.map-is-rotated_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66, .map-page_4c0a66 .globe-control_4c0a66 {
-  display: none;
-}
-
-.map-page_4c0a66 .globe-control_4c0a66 svg {
-  color: var(--secondary-color);
-}
-
-.map-page_4c0a66.map-is-global_4c0a66 .globe-control_4c0a66 {
-  display: block;
-}
-
-.main-ui_4c0a66 {
-  max-height: 100%;
-  height: 100%;
-  box-shadow: 0 0 10px 4px var(--card-shadow-color);
-  flex-direction: column;
-  flex: 1;
-  display: flex;
-  position: relative;
-}
-
-.panel-card_4c0a66 {
-  background-color: var(--panel-background-color);
-  padding: 10px;
-}
-
-.panel-card_4c0a66 > :last-child {
-  margin-bottom: 0;
-}
-
-.bp4-dark .panel-card_4c0a66 {
-  background-color: var(--panel-background-color);
-}
-
-.context-stack_4c0a66 {
-  max-height: 100%;
-  flex-direction: column;
-  display: flex;
-}
-
-.context-stack_4c0a66 > div {
-  flex-shrink: 1;
-}
-
-.context-stack_4c0a66 > .searchbar_4c0a66 {
-  flex: 0;
-}
-
-.context-stack_4c0a66, .detail-stack_4c0a66 {
-  z-index: 100;
-}
-
-.panel-container_4c0a66 {
-  flex-direction: column;
-  display: flex;
-}
-
-.panel-container_4c0a66 > div {
-  pointer-events: all;
-}
-
-.panel-title_4c0a66 {
-  font-size: 16px;
-}
-
-.spacer_4c0a66 {
-  pointer-events: none;
-  flex-grow: 1;
-}
-
-.map-view-container_4c0a66 {
-  flex-grow: 1;
-  position: relative;
-  overflow: hidden;
-}
-
-.searchbar-holder_4c0a66 {
-  margin-bottom: .5em;
-}
-
-.right-panel_4c0a66 {
-  width: 24em;
-}
-
-.buttons_4c0a66 {
-  min-width: 0;
-  flex-direction: row;
-  flex: 1;
-  display: flex;
-}
-
-.tab-button_4c0a66 {
-  min-width: 40px;
-  text-align: right;
-  flex-shrink: 1;
-  overflow: hidden;
-}
-
-.tab-button_4c0a66 .bp4-button-text {
-  transition: all .2s .1s;
-}
-
-.menu-card_4c0a66.narrow-card_4c0a66 .panel-header_4c0a66:not(.minimal_4c0a66) .tab-button_4c0a66.bp4-active ~ .tab-button_4c0a66 .bp4-button-text {
-  width: 0;
-  opacity: 0;
-  margin-left: -7px;
-}
-
-.context-panel-leave_4c0a66 .menu-card_4c0a66 .panel-header_4c0a66 .tab-button_4c0a66 .bp4-button-text {
-  opacity: 0;
-  width: 0;
-}
-
-.narrow-card_4c0a66.narrow-enter_4c0a66 .panel-header_4c0a66 .buttons_4c0a66 {
-  margin-right: -500px;
-}
-
-.panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover):not(.bp4-active) {
-  min-width: 30px;
-  width: 30px;
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover) .bp4-button-text {
-  width: 0;
-  opacity: 0;
-  margin-left: -7px;
-}
-
-.menu-group_4c0a66 {
-  margin-top: .2em;
-  margin-bottom: .5em;
-}
-
-.menu-card_4c0a66 .bp4-text ul, .menu-card_4c0a66 .text-panel ul {
-  padding-left: 1em;
-}
-
-.menu-content_4c0a66 {
-  flex-direction: column;
-  margin-bottom: -8px;
-  display: flex;
-}
-
-.menu-content_4c0a66 .bp4-button-group_4c0a66 {
-  margin-bottom: 4px;
-}
-
-.menu-content_4c0a66 hr {
-  width: 100%;
-}
-
-#map {
-  position: absolute;
-  inset: 0;
-}
-
-#map .mapbox-compass, #map .mapbox-3d {
-  display: none;
-}
-
-.mapboxgl-ctrl.mapbox-3d.mapbox-control {
-  width: unset;
+.mapboxgl-ctrl.mapbox-3d.mapbox-control {
+  width: unset;
 }
 
 .mapboxgl-ctrl.mapbox-3d.mapbox-control button {
@@ -1100,4 +819,265 @@
   }
 }
 
-/*# sourceMappingURL=index.css.map */
+.feature-panel_48e225 {
+  position: relative;
+  overflow-x: hidden;
+}
+
+.key-value_48e225 {
+  margin-right: 1em;
+  display: inline-block;
+}
+
+.key-value_48e225 .key_48e225 {
+  font-size: .9em;
+  font-weight: bold;
+}
+
+.key-value_48e225 .key_48e225:after {
+  content: ": ";
+}
+
+.key-value_48e225 .value_48e225 {
+  font-size: .9em;
+}
+
+.feature-properties_48e225 {
+  position: relative;
+}
+
+.feature-properties_48e225:before {
+  content: "–";
+  position: absolute;
+  top: 4px;
+  left: 0;
+}
+
+.feature-header_48e225 h3 {
+  margin-top: .5em;
+  margin-bottom: 0;
+}
+
+.feature-group_48e225 {
+  border-bottom: 1px solid var(--panel-rule-inner);
+  margin-bottom: .5em;
+  margin-left: -1em;
+  margin-right: -1em;
+  padding: 0 1em;
+}
+
+.feature-group_48e225:last-child {
+  border-bottom: none;
+}
+
+.tile-info_48e225 {
+  flex-direction: row;
+  align-items: baseline;
+  padding: 0 1em;
+  display: flex;
+}
+
+.tile-info_48e225 h3 {
+  margin-right: .5em;
+}
+
+.opacity-slider_48e225 {
+  margin: 0 1em .5em;
+}
+
+.opacity-slider_48e225 .bp4-slider-handle .bp4-slider-label {
+  background-color: var(--secondary-color);
+  color: var(--text-color);
+}
+
+.unit-number_48e225 .unit_48e225 {
+  margin-left: .2em;
+  font-size: .9em;
+  font-weight: bold;
+}
+
+.page_48e225 {
+  max-width: 50em;
+  margin: 2em auto;
+}
+
+.dev-index-page_48e225 {
+  overflow-y: scroll;
+}
+
+.panel-subhead_1340c8 {
+  padding: .2em var(--box-horizontal-padding);
+  border-top: 1px solid var(--accent-border-color);
+  border-bottom: 1px solid var(--accent-border-color);
+  background-color: var(--accent-color);
+  z-index: 1;
+  align-items: center;
+  gap: var(--box-horizontal-padding);
+  flex-direction: row;
+  display: flex;
+  position: sticky;
+  top: 0;
+}
+
+.panel-subhead_1340c8 h1, .panel-subhead_1340c8 h2, .panel-subhead_1340c8 h3, .panel-subhead_1340c8 h4 {
+  margin: .2em 0;
+  font-family: Montserrat, sans-serif;
+  font-weight: 700;
+}
+
+.panel-subhead_1340c8 h4 {
+  font-weight: 600;
+}
+
+.panel-subhead_1340c8 .title_1340c8 {
+  flex-grow: 1;
+}
+
+.expansion-panel_1340c8 {
+  flex-wrap: wrap;
+  margin-top: -1px;
+  padding: 0;
+}
+
+.sub-expansion-panel_1340c8 {
+  margin: -1px calc(var(--panel-padding-h) * -.5) 0;
+  overflow: hidden;
+}
+
+.sub-expansion-panel_1340c8:first-child .expansion-panel-header_1340c8 {
+  border-top-width: 0;
+}
+
+.sub-expansion-panel_1340c8 .panel-subhead_1340c8 {
+  border-top: none;
+  border-bottom: none;
+}
+
+.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 {
+  background-color: var(--accent-secondary-color);
+  cursor: pointer;
+}
+
+.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8:hover {
+  background-color: var(--accent-secondary-hover-color);
+}
+
+.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h2, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h3, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h4 {
+  border-bottom: 1px solid var(--tertiary-border-color);
+  border-top: 1px solid var(--tertiary-border-color);
+  align-items: center;
+  margin-top: -1px;
+  padding: 5px 1em;
+  font-weight: 500;
+}
+
+.expansion-summary-title-help_1340c8, .expansion-summary-title-help_1340c8 .bp4-icon {
+  margin-left: 5px;
+}
+
+.expansion-panel-header_1340c8 {
+  cursor: pointer;
+}
+
+.expansion-panel-header_1340c8:hover {
+  background-color: var(--accent-hover-color);
+}
+
+.expansion-panel-header_1340c8 .bp4-icon {
+  transform: translate(0, 3px);
+}
+
+.expansion-children_1340c8 {
+  padding: 5px 1em 10px;
+}
+
+.expansion-children_1340c8 .expansion-panel_1340c8 {
+  margin-left: -1em;
+  margin-right: -1em;
+}
+
+.expansion-children_1340c8 .expansion-panel_1340c8:first-child {
+  margin-top: -5px;
+}
+
+.expansion-panel-subtext_1340c8 {
+  font-size: 85%;
+  font-weight: 400;
+}
+
+.expansion-panel-root {
+  padding-left: 15px !important;
+}
+
+.expansion-panel-detail {
+  padding: 0 !important;
+  display: block !important;
+}
+
+.expansion-panel-detail-sub {
+  display: block !important;
+}
+
+.expandable-details-main_1340c8 {
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin: 3px 0;
+  display: flex;
+}
+
+.expandable-details-header_1340c8 {
+  flex-direction: row;
+  flex-grow: 1;
+  align-items: baseline;
+  display: inline-flex;
+}
+
+.expandable-details-children_1340c8 {
+  position: relative;
+}
+
+.expandable-details-toggle_1340c8 .bp4-button {
+  font-size: 10px;
+}
+
+.expandable-details_1340c8.macrostrat-unit_1340c8 .title_1340c8:after {
+  content: none;
+}
+
+.expandable-details_1340c8 .title_1340c8 {
+  margin-right: 1em;
+}
+
+.expandable-details_1340c8 .title_1340c8:after {
+  content: ":";
+}
+
+.expansion-body_1340c8 {
+  background-color: var(--tertiary-background);
+  width: 100%;
+  border-radius: 4px;
+  align-items: baseline;
+  margin-bottom: 6px;
+  padding: 2px 6px;
+  display: inline-block;
+  box-shadow: 0 1px 2px 1px #0003;
+}
+
+.expansion-panel-detail-header_1340c8 {
+  color: var(--secondary-color);
+  margin-right: 1em;
+  font-size: 90%;
+  font-style: italic;
+  display: inline;
+}
+
+.expansion-panel-detail-header_1340c8:after {
+  content: ":";
+}
+
+.expansion-panel-detail-body_1340c8 {
+  display: inline;
+}
+
+/*# sourceMappingURL=module.css.map */