dgrcorrientes-modulos 1.0.0

package/src/sass/base/_controls.scss

@@ -0,0 +1,90 @@
+@import '/src/sass/utilities/variables';
+
+.elv-control {
+  .e-control {
+    &__input {
+      position: absolute;
+      opacity: 0;
+      left: 2px;
+
+      &:checked ~ .e-control__checkmark {
+        display: block;
+        border-color: $primary-600;
+
+        &:after {
+          display: block;
+        }
+      }
+    }
+
+    &__checkmark {
+      border: 2px solid $truegray-400;
+      background-color: $white;
+
+      &:hover {
+        border-color: $primary-600;
+      }
+
+      &:after {
+        content: '';
+        display: none;
+        position: absolute;
+      }
+    }
+
+    &--sm {
+      .label-text {
+        font-size: 14px;
+        margin-left: 10px;
+      }
+
+      .e-control__checkmark {
+        height: 16px;
+        width: 16px;
+        min-width: 16px;
+      }
+    }
+
+    &--md {
+      .label-text {
+        font-size: 16px;
+        margin-left: 16px;
+      }
+
+      .e-control__checkmark {
+        height: 1.25rem;
+        width: 1.25rem;
+        min-width: 1.25rem;
+      }
+    }
+
+    &--lg {
+      .label-text {
+        font-size: 16px;
+        margin-left: 24px;
+      }
+
+      .e-control__checkmark {
+        height: 2rem;
+        width: 2rem;
+        min-width: 2rem;
+      }
+    }
+
+    &--disabled {
+      .e-control__checkmark,
+      .label-text {
+        opacity: 0.4;
+        cursor: not-allowed;
+      }
+    }
+
+    &--error {
+      border-color: $danger-600;
+
+      .e-control__checkmark {
+        border-color: $danger-600 !important;
+      }
+    }
+  }
+}

package/src/sass/base/_datepicker.scss

@@ -0,0 +1,114 @@
+@import '/src/sass/utilities/variables';
+
+.react-datepicker {
+  font-family: 'SF UI Text', sans-serif !important;
+  box-shadow: 0px 0px 2px rgba(14, 31, 53, 0.12), 0px 1px 4px rgba(14, 31, 53, 0.06);
+  border-radius: 16px;
+  overflow: hidden;
+
+  &__header {
+    background-color: $white;
+  }
+
+  &__input-container {
+    input {
+      font-family: 'SF UI Text', sans-serif !important;
+      //   min-width: 160px;
+      text-align: center;
+
+      padding-top: 9px;
+      padding-bottom: 8px;
+
+      border: 1px solid #d4d4d4;
+      border-radius: 12px;
+      background: transparent;
+
+      &:hover {
+        border: 1px solid $primary-600;
+      }
+
+      &:focus {
+        background: rgba(18, 69, 150, 0.1);
+        outline: 2px solid $primary-600;
+      }
+    }
+
+    .react-datepicker__view-calendar-icon {
+      input {
+        padding-left: 25px !important;
+      }
+    }
+  }
+
+  &__day {
+    border-radius: 50%;
+
+    &--selected {
+      border-radius: 50%;
+      background-color: $primary-600;
+
+      &:hover {
+        background-color: #4355fa;
+        background-color: $primary-400;
+      }
+    }
+
+    &:hover {
+      border-radius: 50%;
+      background-color: $primary-200;
+    }
+  }
+
+  &__month {
+    &-text {
+      border-radius: 16px;
+
+      &--selected {
+        border-radius: 16px;
+        background-color: $primary-600;
+        color: white;
+
+        &:hover {
+          border-radius: 16px;
+          background-color: #4355fa;
+        }
+      }
+
+      &.react-datepicker__month--selected {
+        &:hover {
+          background-color: #4355fa;
+        }
+      }
+    }
+
+    &--selected {
+      border-radius: 16px;
+      background-color: $primary-600;
+      color: white;
+
+      &:hover {
+        border-radius: 16px;
+        background-color: #4355fa;
+      }
+    }
+  }
+
+  &__year-wrapper {
+    justify-content: center;
+  }
+
+  &__year-text {
+    border-radius: 16px;
+
+    &--selected {
+      border-radius: 16px;
+      background-color: $primary-600;
+      color: white;
+
+      &:hover {
+        border-radius: 16px;
+        background-color: #4355fa;
+      }
+    }
+  }
+}

package/src/sass/base/_typo.scss

@@ -0,0 +1,71 @@
+// =========== SF UI TEXT --- NORMAL ============
+@font-face {
+  font-family: 'SF UI Text';
+  src: url('/src/sass/base/fonts/SFUIText-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SF UI Text';
+  src: url('/src/sass/base/fonts/SFUIText-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SF UI Text';
+  src: url('/src/sass/base/fonts/SFUIText-Semibold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SF UI Text';
+  src: url('/src/sass/base/fonts/SFUIText-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SF UI Text';
+  src: url('/src/sass/base/fonts/SFUIText-Heavy.ttf') format('truetype');
+  font-weight: 800;
+  font-style: normal;
+}
+
+// =========== SF UI TEXT --- ITALIC ============
+@font-face {
+  font-family: 'SF UI Text';
+  src: url('/src/sass/base/fonts/SFUIText-RegularItalic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'SF UI Text';
+  src: url('/src/sass/base/fonts/SFUIText-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'SF UI Text';
+  src: url('/src/sass/base/fonts/SFUIText-SemiboldItalic.ttf') format('truetype');
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'SF UI Text';
+  src: url('/src/sass/base/fonts/SFUIText-BoldItalic.ttf') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'SF UI Text';
+  src: url('/src/sass/base/fonts/SFUIText-HeavyItalic.ttf') format('truetype');
+  font-weight: 800;
+  font-style: italic;
+}

package/src/sass/bulma/bulma-changes.scss

@@ -0,0 +1,19 @@
+.elv-component {
+  .title {
+    margin-bottom: 1px;
+  }
+
+  .control {
+    clear: none;
+    box-sizing: content-box;
+  }
+
+  .notification {
+    padding: 0px;
+  }
+
+  .tabs a {
+    padding: none;
+    justify-content: flex-start !important;
+  }
+}

package/src/sass/bulma/extensions/extensions.sass

@@ -0,0 +1 @@
+@import "./steps/bulma-steps"

package/src/sass/bulma/extensions/steps/bulma-steps.sass

@@ -0,0 +1,3 @@
+// shim for converting to a css file
+// @import './styles/utilities/_all.sass'
+@import './index.sass'