@geoinsight/react-components 0.8.8 → 0.8.10

package/dist/esm/assets/index-b6541241.css

@@ -1,673 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
-
-:root {
-  box-sizing: border-box;
-  font-family: Poppins;
-  font-size: var(--font-size-16);
-
-  --font-size-10: 10px;
-  --font-size-12: 12px;
-  --font-size-14: 14px;
-  --font-size-16: 16px;
-  --font-size-18: 18px;
-  --font-size-20: 20px;
-  --font-size-24: 24px;
-  --font-size-32: 32px;
-  --font-size-40: 40px;
-
-  --spacing-4: 0.25rem;
-  --spacing-8: 0.5rem;
-  --spacing-16: 1rem;
-  --spacing-20: 1.25rem;
-  --spacing-24: 1.5rem;
-  --spacing-32: 2rem;
-  --spacing-40: 2.5rem;
-  --spacing-48: 3rem;
-  --spacing-64: 4rem;
-  --spacing-96: 6rem;
-  --spacing-128: 8rem;
-
-  --size-m: 12rem;
-
-  --color-black: #1d1d1d;
-  --color-white: #eee;
-
-  --color-neutral-200: #dedede;
-  --color-neutral-300: #c3c3c3;
-  --color-neutral-400: #afafaf;
-  --color-neutral-500: #818181;
-  --color-neutral-600: #6c6c6c;
-  --color-neutral-700: #403b3a;
-  --color-neutral-800: #201e1d;
-
-  --color-success: #20e52f;
-  --color-danger: #e52f20;
-
-  --transition-bg-cubic-bezier: background-color 500ms
-    cubic-bezier(0.1, 0.2, 0.3, 0.4);
-  --transition-color-cubic-bezier: color 500ms cubic-bezier(0.1, 0.2, 0.3, 0.4);
-  --transition-text-decoration-cubic-bezier: text-decoration 500ms cubic-bezier(0.1, 0.2, 0.3, 0.4);
-  --transition-box-shadow-cubic-bezier: box-shadow 500ms cubic-bezier(0.1, 0.2, 0.3, 0.4);
-
-
-}
-
-[data-theme="dark"] {
-  --color-neutral-900: var(--color-black);
-  --color-neutral-100: var(--color-white);
-  --color-primary: var(--color-primary-500);
-  --color-secondary: var(--color-primary-600);
-
-  color: var(--color-neutral-100) !important;
-  background-color: var(--color-neutral-900) !important;
-}
-
-[data-theme="light"] {
-  --color-neutral-900: var(--color-white);
-  --color-neutral-100: var(--color-black);
-  --color-primary: var(--color-primary-600);
-  --color-secondary: var(--color-primary-500);
-  color: var(--color-neutral-900) !important;
-  background-color: var(--color-neutral-100) !important;
-}
-
-@media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-  body {
-    color: var(--color-neutral-100);
-    background-color: var(--color-neutral-900);
-  }
-}
-
-[data-palette="water"] {
-  --color-primary-100: #d6efff;
-  --color-primary-200: #ade0ff;
-  --color-primary-300: #85d0ff;
-  --color-primary-400: #5cc0ff;
-  --color-primary-500: #33b1ff;
-  --color-primary-600: #009eff;
-  --color-primary-700: #008ae0;
-  --color-primary-800: #0071b8;
-  --color-primary-900: #00588f;
-}
-
-[data-palette="earth"]{
-  --color-primary-100: #f6e3cb;
-  --color-primary-200: #edc897;
-  --color-primary-300: #eabe86;
-  --color-primary-400: #e3ac63;
-  --color-primary-500: #dd9940;
-  --color-primary-600: #ca8323;
-  --color-primary-700: #ad701f;
-  --color-primary-800: #8b5918;
-  --color-primary-900: #684312;
-}
-
-[data-palette="forest"] {
-  --color-primary-100: #bee8b0;
-  --color-primary-200: #a4df90;
-  --color-primary-300: #8ad671;
-  --color-primary-400: #70cd51;
-  --color-primary-500: #54b435;
-  --color-primary-600: #4a9e2e;
-  --color-primary-700: #3b7e25;
-  --color-primary-800: #2c5f1c;
-  --color-primary-900: #1e3f12;
-}
-.accordion {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-4);
-}
-
-.accordion-item {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-4);
-}
-
-.accordion-button.button {
-  border: unset;
-  border-radius: var(--spacing-8);
-  color: var(--color-neutral-900);
-  justify-content: flex-end;
-}
-
-.accordion-button__button.button {
-  gap: 8px;
-  padding: var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-16);
-}
-
-.accordion-button__link.button {
-  padding: var(--spacing-4) var(--spacing-32) var(--spacing-4) var(--spacing-16);
-}
-
-.accordion-button__link.button:hover {
-  background-color: var(--color-primary) !important;
-  box-shadow: 0 4px 4px 0 var(--color-neutral-400);
-transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic-bezier);
-  color: var(--color-neutral-900);
-  text-decoration: unset;
-  text-underline-offset: unset;
-}
-
-.accordion-button__button--dark.button {
-  background-color: var(--color-neutral-400);
-}
-
-.accordion-button__button--light.button {
-  background-color: var(--color-neutral-800);
-}
-
-.accordion-button__link--dark.button {
-  background-color: var(--color-neutral-200) !important;
-}
-
-.accordion-button__link--light.button {
-  background-color: var(--color-neutral-700) !important;
-}
-
-.accordion-content {
-  border-radius: var(--spacing-8);
-  /* color: var(--color-neutral-100); */
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-4);
-  padding: 0 0 var(--spacing-8) var(--spacing-16);
-}
-
-/* .accordion__title {
-  border-radius: var(--spacing-8);
-  background-color: var(--color-neutral-700);
-  color: var(--color-neutral-100);
-  justify-content: flex-end;
-  gap: 8px;
-  padding: var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-16);
-}
-
-.accordion__menu {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-4);
-  padding: 0 0 var(--spacing-8) var(--spacing-16);
-} */
-/* 
-.accordion__child {
-  border-radius: var(--spacing-8);
-  background-color: var(--color-neutral-200);
-  color: var(--color-neutral-900);
-  font-size: var(--font-size-14);
-}
-
-.accordion__child--active {
-  background-color: var(--color-neutral-500);
-} */
-/* 
-.accordion__check {
-  color: var(--color-neutral-500);
-  margin-right: calc(var(--spacing-24) * -1);
-  position: absolute;
-  right: 0;
-} */
-
-.button {
-  align-items: center;
-  border-radius: var(--spacing-32);
-  border: none;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  gap: var(--spacing-8);
-  font-size: var(--font-size-16);
-}
-
-/* 
-.button--active {
-  background-color: var(--color-neutral-500) !important;
-} */
-
-.button:disabled {
-  cursor: unset;
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-.button:hover {
-  background-color: var(--color-primary);
-  transition: var(--transition-bg-cubic-bezier);
-}
-
-.button__link {
-  background-color: unset !important;
-  color: var(--color-neutral-100);
-  text-decoration: underline transparent;
-}
-
-.button__link:hover {
-  color: var(--color-primary);
-  text-decoration: underline 0.1rem var(--color-primary);
-  text-underline-offset: var(--spacing-8);
-  transition: var(--transition-color-cubic-bezier),
-    var(--transition-text-decoration-cubic-bezier);
-}
-
-.button__primary {
-  background-color: var(--color-secondary);
-  border: 3px solid var(--color-primary);
-}
-
-.button__primary:hover {
-  box-shadow: 0 4px 4px 0 var(--color-neutral-400);
-  transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic-bezier);
-}
-
-.button__secondary {
-  background-color: var(--color-neutral-900);
-  border: 3px solid var(--color-primary);
-  color: var(--color-neutral-100);
-}
-
-.button__secondary:hover {
-  background-color: var(--color-primary);
-}
-
-.button__icon {
-  background-color: unset;
-}
-
-.button__icon:hover {
-  box-shadow: unset;
-}
-
-.button__small {
-  padding: var(--spacing-4);
-}
-
-.button__medium {
-  padding: var(--spacing-8) var(--spacing-24);
-}
-
-.button__large {
-  padding: var(--spacing-16);
-}
-
-.form {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-32);
-  padding: var(--spacing-32) 0;
-}
-
-.form__message {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  gap: var(--spacing-16);
-}
-.input-group {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  position: relative;
-  width: 100%;
-}
-
-.input-subgroup {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  position: relative;
-  width: 100%;
-}
-
-.input {
-  box-sizing: border-box;
-  background-color: var(--color-white);
-  border-radius: var(--spacing-8);
-  border: 2px solid var(--color-primary);
-  color: var(--color-black);
-  padding: var(--spacing-16) var(--spacing-24);
-  font-size: var(--font-size-16);
-  width: 100%;
-}
-
-.input__header {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-}
-
-.input__header--error {
-  font-size: 12px;
-  color: var(--color-danger);
-}
-
-.input--icon {
-  padding: var(--spacing-16) var(--spacing-40);
-}
-
-.input__icon {
-  /* padding-top: var(--spacing-8); */
-  padding: var(--spacing-16) var(--spacing-16);
-  position: absolute;
-}
-
-.input__icon--right {
-  right: 0;
-}
-
-.input__icon--left {
-  left: 0;
-}
-
-.input:enabled:hover {
-  box-shadow: 2px 6px 4px 0 var(--color-neutral-400);
-  transition: var(--transition-box-shadow-cubic-bezier);
-}
-
-.input:focus {
-  box-shadow: 2px 6px 4px 0 var(--color-neutral-400);
-  transition: var(--transition-box-shadow-cubic-bezier);
-  outline: none;
-}
-
-.input:disabled {
-  opacity: 0.5;
-}
-
-.input--error {
-  border: 3px solid var(--color-danger) !important;
-}
-
-.input--error:focus {
-  border: 3px solid var(--color-danger);
-  outline: none;
-}
-.textarea {
-  margin-bottom: var(--spacing-8);
-  position: relative;
-  width: 100%;
-}
-
-.textarea__header {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-}
-
-.textarea__header--error {
-  font-size: 12px;
-  color: var(--color-danger);
-
-}
-
-.textarea__input {
-  background-color: var(--color-white);
-  box-sizing: border-box;
-  border-radius: var(--spacing-8);
-  border: 2px solid var(--color-primary);
-  cursor: text;
-  color: var(--color-black);
-  outline: none;
-  padding: var(--spacing-8) var(--spacing-16);
-  resize: vertical;
-  width: 100%;
-}
-
-.textarea__input--error {
-  border: 3px solid var(--color-danger);
-}
-
-.textarea__input:enabled:hover {
-  box-shadow: 4px 6px 4px 0 var(--color-neutral-400);
-  transition: var(--transition-box-shadow-cubic-bezier);
-}
-
-.textarea__input:disabled {
-  opacity: 0.5;
-}
-
-.textarea__button {
-  background: var(--color-primary);
-  border: 2px solid var(--color-secondary);
-  box-shadow: 2px 4px 2px 1px rgba(0, 0, 0, 0.25);
-  border-radius: 0px 0px var(--spacing-8) var(--spacing-8);
-  bottom: 0;
-  cursor: pointer;
-  left: 0;
-  padding-bottom: -20px;
-  position: absolute;
-  width: 100%;
-}
-
-.textarea__button--error {
-  background: var(--color-danger) !important;
-  border: 3px solid var(--color-danger);
-}
-
-.textarea__button > svg {
-  color: var(--color-neutral-100);
-}
-
-.textarea__button:disabled {
-  cursor: unset;
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-.textarea__button:enabled:hover {
-  background: var(--color-secondary);
-  color: var(--color-neutral-100);
-}
-
-.textarea__button--show {
-  background: var(--color-primary-700);
-  color: var(--color-neutral-100);
-}
-
-.select-group {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  position: relative;
-  width: 100%;
-}
-
-.select {
-  box-sizing: border-box;
-  background-color: var(--color-white);
-  border-radius: var(--spacing-8);
-  border: 2px solid var(--color-primary);
-  color: var(--color-black);
-  padding: var(--spacing-16) var(--spacing-24);
-  font-size: var(--font-size-16);
-  width: 100%;
-}
-
-/* .select:enabled:hover {
-  border: 3px solid var(--color-primary-700);
-}
-
-.select:focus {
-  border: 3px solid var(--color-primary-700);
-  outline: none;
-} */
-
-.select:disabled {
-  opacity: 0.5;
-}
-
-.select__arrow.input__icon {
-  padding: 0;
-}
-
-.select__arrow-button.button {
-  border-radius: 0 var(--spacing-8) var(--spacing-8) 0;
-  padding: 15px var(--spacing-24);
-}
-
-.select__box {
-  background-color: var(--color-white);
-  border-radius: var(--spacing-8);
-  border: 2px solid var(--color-primary);
-  box-sizing: border-box;
-  max-height: var(--size-m);
-  overflow: scroll;
-  position: absolute;
-  top: 100%;
-  width: 100%;
-  z-index: 2;
-}
-
-.select__option.button {
-  text-align: left;
-  border: none;
-  border-radius: 0;
-  width: 100%;
-}
-
-.select__option.button:last-child {
-  border-radius: 0 0 var(--spacing-8) var(--spacing-8);
-}
-.select__option.button:first-child {
-  border-radius: var(--spacing-8) var(--spacing-8) 0 0;
-}
-.select--error {
-  border: 3px solid var(--color-danger);
-}
-
-.select--error:focus {
-  border: 3px solid var(--color-danger);
-  outline: none;
-}
-
-.loading {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  justify-content: center;;
-  position: relative;
-}
-
-.modal-overlay {
-  background: rgba(0, 0, 0, 0.3);
-  bottom: 0;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-}
-
-.modal {
-  background: white;
-  border-radius: var(--spacing-8);
-  border: 1px solid var(--color-neutral-600);
-  color: var(--color-black);
-  left: 50%;
-  padding: var(--spacing-4) var(--spacing-4);
-  position: absolute;
-  right: var(--spacing-16);
-  top: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 5;
-}
-
-.modal__close {
-  position: absolute;
-  right: calc(var(--spacing-16) * -1);
-  top: calc(var(--spacing-16) * -1);
-  z-index: 5;
-}
-
-.modal__content {
-  border: 1px solid var(--color-neutral-100);
-  border-radius: var(--spacing-8);
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-16);
-  padding: 0 var(--spacing-16);
-}
-
-.modal__footer {
-  padding-bottom: var(--spacing-16);
-}
-.control {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-16);
-  position: absolute;
-  margin: var(--spacing-4);
-}
-
-.control--top-left {
-  top: 0;
-}
-
-.control--top-right {
-  align-items: end;
-  right: 0;
-  top: 0;
-}
-
-.control--bottom-left {
-  bottom: 0;
-}
-
-.control--bottom-right {
-  align-items: end;
-  bottom: 0;
-  right: 0;
-}
-
-.control--top-center {
-  left: 40%;
-  top: 0;
-}
-
-.control--center-left {
-  position: absolute;
-  left: 0;
-  top: 40%;
-}
-
-.control--center {
-  left: 50%;
-  top: 50%;
-}
-
-.control--center-right {
-  right: 0;
-  top: 40%;
-}
-
-.control--bottom-center {
-  bottom: 0;
-  left: 40%;
-  top: auto;
-}
-
-.map {
-    position: relative;
-    height: 100%;
-}
-
-.map__attribution {
-    display: flex;
-    flex-direction: row;
-    gap: var(--spacing-4);
-}
-
-.map__attribution a {
-    font-size: var(--font-size-12);
-    padding: 0;
-}
-
-.map__attribution a:hover {
-    text-underline-offset: var(--spacing-4);
-}