@proximahq-dev/map 1.0.1 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximahq-dev/map",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "main": "dist/proxima-map.umd.js",
   "files": [

package/dist/map-styles.css

@@ -1,256 +0,0 @@
-/* Containers Base */
-
-.prox-main-container {
-  display: grid;
-  grid-template-columns: repeat(8, 1fr);
-  width: 100%;
-  height: 100%;
-}
-
-.prox-map-container {
-  width: 100%;
-  height: 100%;
-  grid-column: span 6;
-}
-
-.prox-map-locations-container {
-  background-color: white;
-  grid-column: span 2;
-  width: 100%;
-  height: auto;
-  max-height: 100vh;
-  box-sizing: border-box;
-  padding: 1rem;
-  display: flex;
-  flex-direction: column;
-  gap: 2rem;
-}
-
-.prop-map-locations-wrapper {
-  display: flex;
-  gap: 0.2rem;
-  align-items: center;
-  padding-left: 1rem;
-  cursor: pointer;
-
-  &:hover {
-    background-color: #eee;
-  }
-}
-
-/* Container Responsive */
-
-/* Portrait Tablets */
-@media (max-width: 1024px) {
-  .prox-main-container {
-    display: grid;
-    grid-template-columns: 1fr; /* Single column layout */
-    height: 100%;
-    position: relative; /* Needed for absolute positioning of children */
-  }
-
-  .prox-map-container {
-    grid-column: 1; /* Map takes full width */
-    width: 100%;
-    height: 100%;
-  }
-
-  .prox-map-locations-container {
-    position: absolute;
-    bottom: 10px;
-    left: 10px;
-    width: 50%; /* Width of the locations container */
-    height: 50%; /* Height of the locations container */
-    z-index: 2; /* Ensures it is above the map */
-    border: 1px solid #ccc; /* Styling as per your original setup */
-    border-radius: 0.25rem; /* Rounded corners */
-    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1); /* Shadow for elevation effect */
-  }
-}
-
-/* Mobile Devices */
-@media (max-width: 767px) {
-  .prox-main-container {
-    display: block; /* Switches to block layout */
-  }
-
-  .prox-map-container,
-  .prox-map-locations-container {
-    width: 100%;
-    height: 50%; /* Both containers split the height */
-  }
-
-  .prox-map-locations-container {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    z-index: 10;
-  }
-}
-
-/* Map and Markers */
-
-.prox-map-recenter-button {
-  width: 2.5rem;
-  height: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  border: transparent;
-  background-color: transparent;
-  position: absolute;
-  bottom: 0;
-  left: 1rem;
-  cursor: pointer;
-  transition: background-color 0.3s;
-}
-
-.prox-map-marker-std {
-  height: 2.5rem;
-  width: 2.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  background-color: black;
-  color: white;
-  font-size: 1.125rem;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
-}
-
-.prox-map-marker-logo {
-  height: 5rem;
-  width: 5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 1rem;
-  background-color: black;
-  color: white;
-  font-size: 1.125rem;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
-}
-
-.prox-map-org-center-logo {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-}
-
-.prox-marker-info-container {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  width: 20rem;
-}
-
-.prox-marker-text-info {
-  position: absolute;
-  bottom: 100%;
-  width: fit-content;
-  margin-bottom: 0.5rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 0.5rem 1rem;
-  border-radius: 0.375rem;
-  background-color: black;
-  color: white;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
-
-}
-
-.prox-marker-category {
-  text-transform: lowercase;
-}
-
-.prox-marker-name {
-  font-size: 1.125rem; /* Typically equivalent to Tailwind's 'text-lg' */
-}
-
-.prox-marker-id {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 3.5rem;
-  width: 3.5rem;
-  border-radius: 9999px;
-  background-color: black;
-  color: white;
-  font-size: 1.25rem;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
-}
-
-
-/* Locations Menu */
-
-.prox-map-locations-controls {
-  display: flex;
-  justify-content: start;
-  width: 100%;
-
-}
-
-.prox-map-locations-filter-select {
-  width: 100%;
-  font-size: 1rem;
-  color: #333;
-  cursor: pointer;
-  padding: 1rem 0.5rem;
-  border-radius: 0.2rem;
-  background-color: white;
-  border: 1px solid #ccc;
-  outline: none;
-}
-
-.prox-map-locations-filter-option {
-  color: #333;
-}
-
-.prox-map-locations-list {
-  height: 85%;
-  overflow-y: auto;
-}
-
-.prox-map-locations-category {
-  padding: 0.625rem 0;
-  border-bottom: 2px solid #eee;
-  transition: background-color 0.3s;
-  display: flex;
-  align-items: center;
-}
-
-.prox-map-locations-item:hover {
-  background-color: #f0f0f0;
-}
-
-.prox-map-locations-item:active {
-  background-color: #e0e0e0;
-}
-
-.prox-map-location-item-id {
-  font-size: 0.75rem;
-  color: #666;
-  flex: 0 0 auto;
-  margin-right: 1rem;
-}
-
-.prox-map-location-item-details {
-  flex: 1 1 auto;
-}
-
-.prox-map-location-item-category {
-  font-size: 0.875rem;
-  font-style: light;
-  color: #333;
-  text-transform: capitalize;
-}
-
-.prox-map-location-item-name {
-  font-size: 1rem;
-  color: black;
-  text-transform: capitalize;
-}