Initial Version

core/src/scss/components/_VAlert.scss

@@ -0,0 +1,37 @@
+.single-line-alert {
+  .v-alert__close,
+  .v-alert__prepend {
+    align-self: center !important;
+  }
+}
+
+.v-alert__prepend {
+  align-self: center;
+}
+
+.v-alert--variant-tonal {
+  &.with-border {
+    @each $color, $value in $theme-colors {
+      &.text-#{$color} {
+        border: 1px solid rgba(#{$value}, 0.3);
+      }
+    }
+  }
+}
+
+@media (max-width: 500px) {
+  .single-line-alert {
+    display: flex;
+    flex-wrap: wrap;
+    .v-alert__append {
+      margin-inline-start: 0px;
+    }
+    .v-alert__close {
+      margin-left: auto;
+    }
+    .v-alert__content {
+      width: 100%;
+      margin-top: 5px;
+    }
+  }
+}

core/src/scss/components/_VBadge.scss

@@ -0,0 +1,11 @@
+.v-badge__badge {
+  min-width: 16px;
+  height: 16px;
+  padding: 4px;
+}
+.v-badge--dot {
+  .v-badge__badge {
+    height: 8px;
+    width: 8px;
+  }
+}

core/src/scss/components/_VBreadcrumb.scss

@@ -0,0 +1,32 @@
+.v-breadcrumbs-item--link {
+  color: rgb(var(--v-theme-lightText));
+}
+.v-breadcrumbs {
+  .v-breadcrumbs-item--disabled {
+    --v-disabled-opacity: 1;
+    .v-breadcrumbs-item--link {
+      color: rgb(var(--v-theme-darkText));
+    }
+  }
+  .v-breadcrumbs-divider {
+    color: rgb(var(--v-theme-lightText));
+  }
+}
+
+.breadcrumb-with-title {
+  .v-toolbar__content {
+    height: unset !important;
+    padding: 20px 0;
+  }
+  .v-breadcrumbs__prepend {
+    svg {
+      vertical-align: -3px;
+    }
+  }
+}
+
+.breadcrumb-height {
+  .v-toolbar__content {
+    height: unset !important;
+  }
+}

core/src/scss/components/_VButtons.scss

@@ -0,0 +1,68 @@
+//
+// Light Buttons
+//
+
+.v-btn {
+  &.bg-lightprimary {
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: rgb(var(--v-theme-primary)) !important;
+      color: $white !important;
+    }
+  }
+  &.bg-lightsecondary {
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: rgb(var(--v-theme-secondary)) !important;
+      color: $white !important;
+    }
+  }
+  &.text-facebook {
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: rgb(var(--v-theme-facebook)) !important;
+      color: $white !important;
+    }
+  }
+  &.text-twitter {
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: rgb(var(--v-theme-twitter)) !important;
+      color: $white !important;
+    }
+  }
+  &.text-linkedin {
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: rgb(var(--v-theme-linkedin)) !important;
+      color: $white !important;
+    }
+  }
+}
+
+.v-btn {
+  text-transform: capitalize;
+  letter-spacing: $btn-letter-spacing;
+  font-weight: 400;
+}
+.v-btn--icon.v-btn--density-default {
+  width: calc(var(--v-btn-height) + 6px);
+  height: calc(var(--v-btn-height) + 6px);
+}
+
+.v-btn-group .v-btn {
+  height: inherit !important;
+}
+
+.v-btn-group {
+  border-color: rgba(var(--v-border-color), 1);
+}
+
+.v-btn-group--divided .v-btn:not(:last-child) {
+  border-inline-end-color: rgba(var(--v-border-color), 1);
+}

core/src/scss/components/_VCard.scss

@@ -0,0 +1,40 @@
+// Outline Card
+.v-card--variant-outlined {
+  border-color: rgba(var(--v-theme-borderLight), 1);
+  .v-divider {
+    border-color: rgba(var(--v-theme-borderLight), 0.8);
+  }
+}
+
+.v-card-text {
+  padding: $card-text-spacer;
+}
+
+.v-card-actions {
+  padding: 14px $card-text-spacer 14px;
+}
+
+.v-card {
+  overflow: visible;
+  .v-card-title {
+    &.text-h6 {
+      font-weight: 600;
+      line-height: 1.57;
+    }
+  }
+}
+
+.v-card-item {
+  padding: $card-item-spacer-xy;
+}
+
+.v-card-subtitle {
+  font-size: 0.75rem;
+}
+
+.title-card {
+  .v-card-text {
+    background-color: rgb(var(--v-theme-background));
+    border: 1px solid rgba(var(--v-theme-borderLight), 1);
+  }
+}

core/src/scss/components/_VField.scss

@@ -0,0 +1,9 @@
+.v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr,
+.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
+  border-radius: $border-radius-root 0 0 $border-radius-root;
+}
+
+.v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr,
+.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
+  border-radius: 0 $border-radius-root $border-radius-root 0;
+}

core/src/scss/components/_VInput.scss

@@ -0,0 +1,55 @@
+.v-input--density-default:not(.v-autocomplete--multiple),
+.v-field--variant-solo,
+.v-field--variant-filled {
+  --v-input-control-height: 39px;
+  --v-input-padding-top: 2px;
+  input.v-field__input {
+    padding-bottom: 2px;
+  }
+  .v-field__input {
+    padding-bottom: 2px;
+  }
+  textarea {
+    padding-top: 11px;
+  }
+}
+.v-input--density-default {
+  .v-field__input {
+    min-height: 41px;
+  }
+}
+.v-field--variant-outlined {
+  &.v-field--focused {
+    .v-field__outline {
+      --v-field-border-width: 1px;
+    }
+  }
+}
+.v-input {
+  .v-input__details {
+    padding-inline: 0;
+  }
+}
+
+.v-input--density-comfortable {
+  --v-input-control-height: 56px;
+  --v-input-padding-top: 17px;
+}
+.v-label {
+  font-size: 0.875rem;
+  --v-medium-emphasis-opacity: 0.8;
+}
+.v-switch .v-label,
+.v-checkbox .v-label {
+  opacity: 1;
+}
+
+textarea.v-field__input {
+  font-size: 14px;
+}
+
+.textarea-input {
+  .v-label {
+    top: 15px;
+  }
+}

core/src/scss/components/_VList.scss

@@ -0,0 +1,47 @@
+.v-list-item {
+  &.v-list-item--border {
+    border-color: rgb(var(--v-border-color));
+    border-width: 0 0 1px 0;
+    &:last-child {
+      border-width: 0;
+    }
+  }
+  &.v-list-item--variant-tonal {
+    background: rgb(var(--v-theme-gray100));
+    .v-list-item__underlay {
+      background: transparent;
+    }
+  }
+  &:last-child {
+    .v-list-item__content {
+      .v-divider--inset {
+        display: none;
+      }
+    }
+  }
+}
+.v-list {
+  &[aria-busy='true'] {
+    cursor: context-menu;
+  }
+}
+.v-list-group__items {
+  .v-list-item {
+    padding-inline-start: 40px !important;
+  }
+}
+
+.v-list-item__content {
+  .v-divider--inset:not(.v-divider--vertical) {
+    max-width: 100%;
+    margin-inline-start: 0;
+  }
+}
+
+.v-list--border {
+  .v-list-item {
+    + .v-list-item {
+      border-top: 1px solid rgb(var(--v-theme-borderLight));
+    }
+  }
+}

core/src/scss/components/_VNavigationDrawer.scss

@@ -0,0 +1,3 @@
+.v-navigation-drawer__scrim.fade-transition-leave-to {
+  display: none;
+}

core/src/scss/components/_VShadow.scss

@@ -0,0 +1,20 @@
+.elevation-24 {
+  box-shadow: $box-shadow !important;
+}
+
+.v-menu {
+  > .v-overlay__content {
+    > .v-sheet {
+      box-shadow: $box-shadow;
+    }
+  }
+}
+
+@each $color, $value in $theme-colors {
+  .#{$color}-shadow {
+    box-shadow: 0 14px 12px rgba(#{$value}, 0.2);
+    &:hover {
+      box-shadow: none;
+    }
+  }
+}

core/src/scss/components/_VTextField.scss

@@ -0,0 +1,18 @@
+.v-text-field input {
+  font-size: 0.875rem;
+}
+
+.v-field__outline {
+  color: rgb(var(--v-theme-inputBorder));
+}
+.inputWithbg {
+  .v-field--variant-outlined {
+    background-color: rgba(0, 0, 0, 0.025);
+  }
+}
+
+.v-select {
+  .v-field {
+    font-size: 0.875rem;
+  }
+}

core/src/scss/components/_VTextarea.scss

@@ -0,0 +1,7 @@
+.v-textarea input {
+  font-size: 0.875rem;
+  font-weight: 500;
+  &::placeholder {
+    color: rgba(0, 0, 0, 0.38);
+  }
+}