@egovernments/digit-ui-components-css 0.0.1-pucar.2 → 0.0.1-pucar.3

package/src/digitv2/components/loaderV2.scss

@@ -1,85 +0,0 @@
-@import url("../index.scss");
-
-.digit-screen-loader {
-  @extend .light-background;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 9999;
-  .digit-ldio-pjg92h09b2o div {
-    position: absolute;
-    width: 52px;
-    height: 52px;
-    border: 12px solid theme(digitv2.lightTheme.primary-orange);
-    border-top-color: transparent;
-    border-radius: 50%;
-  }
-}
-
-.digit-page-loader,
-.digit-module-loader {
-  text-align: center;
-}
-
-.digit-page-loader {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-  background: unset;
-}
-
-.digit-module-loader {
-  padding: 16px;
-}
-
-@keyframes digit-ldio-pjg92h09b2o {
-  0% {
-    transform: translate(-50%, -50%) rotate(0deg);
-  }
-
-  100% {
-    transform: translate(-50%, -50%) rotate(360deg);
-  }
-}
-
-.digit-ldio-pjg92h09b2o div {
-  position: absolute;
-  width: 52px;
-  height: 52px;
-  border: 12px solid theme(colors.secondary);
-  border-top-color: transparent;
-  border-radius: 50%;
-}
-
-.digit-ldio-pjg92h09b2o div {
-  animation: digit-ldio-pjg92h09b2o 1s linear infinite;
-  top: 50px;
-  left: 50px;
-}
-
-.digit-loadingio-spinner-rolling-faewnb8ux8 {
-  width: 48px;
-  height: 48px;
-  display: inline-block;
-  overflow: hidden;
-  background: none;
-}
-
-.digit-ldio-pjg92h09b2o {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  transform: translateZ(0) scale(0.48);
-  backface-visibility: hidden;
-  transform-origin: 0 0;
-}
-
-.digit-ldio-pjg92h09b2o div {
-  box-sizing: content-box;
-}

package/src/digitv2/components/modalV2.scss

@@ -1,46 +0,0 @@
-.digit-popup-module {
-  width: 480px;
-  margin: 0 auto;
-  @apply bg-white;
-
-  .digit-popup-module-main {
-    @apply px-lg pb-lg;
-  }
-
-  .digit-popup-module-action-bar {
-    gap: 16px;
-    @apply flex flex-row justify-end;
-
-    &.digit-variant-obps {
-      margin-right: 18px;
-      @media (max-width: theme(digitv2.screens.mobile)) {
-        position: absolute;
-        bottom: 5%;
-        right: 10%;
-      }
-      &.employee {
-        @media (max-width: theme(digitv2.screens.mobile)) {
-          left: 0%;
-        }
-      }
-    }
-  }
-}
-
-@screen dt {
-  .digit-popup-module {
-    width: 480px;
-    margin: auto;
-    @apply bg-white;
-
-    .digit-popup-module-main {
-      @apply px-lg pb-lg;
-      @apply w-full p-sm h-full;
-    }
-
-    .digit-popup-module-action-bar {
-      gap: 16px;
-      @apply flex flex-row justify-end;
-    }
-  }
-}

package/src/digitv2/components/multiUploadWrapperV2.scss

@@ -1,6 +0,0 @@
-@import url("../index.scss");
-
-.digit-validation-error {
-  @extend .alert-error;
-  @apply block text-body-s text-error;
-}

package/src/digitv2/components/navbarV2.scss

@@ -1,9 +0,0 @@
-.navbar {
-  .digit-employee-select-wrap {
-    margin-bottom: 0px;
-  }
-  h3{
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-}

package/src/digitv2/components/noresultsfoundV2.scss

@@ -1,11 +0,0 @@
-.digit-no-data-found {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  .digit-error-msg {
-    margin-top: 2rem;
-  }
-}

package/src/digitv2/components/numeric.scss

@@ -1,47 +0,0 @@
-.Numeric {
-  width: 23.75rem;
-  text-align: center;
-  display: flex;
-  align-content: center;
-
-  &.disabled {
-    @apply border-grey-dark text-grey-dark !important;
-    pointer-events: none !important;
-    cursor: not-allowed;
-
-  }
-
-  &.focused {
-    border: 2px solid theme(digitv2.lightTheme.primary-1);
-  }
-
-  &.noneditable {
-    pointer-events: none !important;
-    border: 1px solid theme(digitv2.lightTheme.generic-inputborder);
-    background: theme(digitv2.lightTheme.generic-background);
-    color: theme(digitv2.lightTheme.text-secondary);
-  }
-
-  &.error {
-    border: 2px solid theme(digitv2.lightTheme.alert-error);
-  }
-}
-
-.NumericButton {
-  color: theme(digitv2.lightTheme.text-secondary);
-  font-size: 1.5rem;
-  font-weight: theme(digitv2.fontWeight.bold);
-  text-align: center;
-  width: 2.5rem;
-  height: 2.5rem;
-  border: 1px solid theme(digitv2.lightTheme.text-secondary);
-  font-family: theme(digitv2.fontFamily.sans);
-  font-style: theme(digitv2.fontStyle.normal);
-  line-height: theme(digitv2.lineHeight.normal);
-}
-
-input {
-  background-color: theme(digitv2.lightTheme.paper-primary);
-  width: 23.75rem;
-  height: 2.5rem;
-}

package/src/digitv2/components/otpInputV2.scss

@@ -1,15 +0,0 @@
-.digit-input-otp-wrap {
-  @apply mb-lg;
-
-  input {
-    @apply border-2 border-solid border-input-border outline-none h-10 w-10 text-form-field text-text-primary mr-sm mb-sm text-center;
-  }
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-  input[type="number"] {
-    -moz-appearance: textfield;
-  }
-}

package/src/digitv2/components/paragraphV2.scss

@@ -1,5 +0,0 @@
-@import url("../typography.scss");
-
-.digit-paragraph {
-  @extend .typography.text-body-l;
-}

package/src/digitv2/components/ratingV2.scss

@@ -1,33 +0,0 @@
-.digit-rating-star-wrap {
-  @apply flex w-full mb-lg;
-  img {
-    width: 40px;
-    height: 38px;
-    display: block;
-    @apply mr-sm;
-  }
-
-  svg {
-    width: 40px;
-    height: 38px;
-    display: block;
-    @apply mr-sm;
-  }
-}
-
-@screen dt {
-  .digit-rating-star-wrap {
-    @apply w-2/5;
-  }
-}
-
-.digit-rating-with-text {
-  @apply flex place-items-center w-full;
-
-  svg {
-    width: 24px;
-    height: 38px;
-    display: block;
-    @apply mr-sm;
-  }
-}

package/src/digitv2/components/searchActionV2.scss

@@ -1,11 +0,0 @@
-.digit-search-box {
-  @apply flex m-sm justify-between;
-  .digit-search-action {
-    position: relative;
-    @apply flex flex-row text-focus;
-    align-items: center;
-    .digit-search-text {
-      @apply ml-sm;
-    }
-  }
-}

package/src/digitv2/components/searchFormV2.scss

@@ -1,76 +0,0 @@
-.digit-search-form-wrapper {
-  @apply flex flex-wrap justify-between bg-white mb-lg py-lg pl-lg;
-  &.unset {
-    all: unset;
-  }
-  .digit-form-field {
-    width: calc(25% - 16px);
-    @apply inline-block mr-md align-middle;
-  }
-  /*replacing .SubmitAndClearAllContainer class to digit-inbox-search-action-container  */
-  .digit-inbox-search-action-container {
-    @apply w-full;
-    .submit {
-      right: 36px;
-      margin-top: 22px;
-      margin-left: -16px !important;
-      @apply flex flex-row-reverse items-center w-full align-middle text-center !important;
-      button {
-        margin: 0;
-        @apply inline-block w-1/4 !important;
-      }
-      p {
-        @apply cursor-pointer text-link text-focus w-1/4 inline-block;
-      }
-    }
-  }
-  .submit {
-    right: 36px;
-    margin-top: 22px;
-    @apply inline align-middle text-center !important;
-    button {
-      margin: 0;
-      @apply inline-block w-full !important;
-    }
-    p {
-      @apply cursor-pointer text-link text-focus w-full inline-block;
-    }
-  }
-  .pt-property-search {
-    justify-content: unset;
-  }
-}
-
-.digit-input-fields {
-  /*width: calc(50% - 16px);*/
-
-  @apply inline-block mr-md !important;
-
-  .digit-inbox-search-form-error {
-    padding-top: 0;
-    margin-top: 0;
-    @apply absolute;
-  }
-}
-
-.digit-input-fields:nth-child(3n) {
-  margin-right: 0 !important;
-}
-
-@media (min-width: 780px) {
-  .digit-search-form-wrapper {
-    .digit-pt-form-field {
-      width: 30% !important;
-      margin-bottom: 20px;
-    }
-  }
-}
-
-@media (max-width: 780px) {
-  .digit-search-form-wrapper {
-    .digit-pt-form-field {
-      width: 100% !important;
-      margin-bottom: 15px;
-    }
-  }
-}

package/src/digitv2/components/searchcomponent.scss

@@ -1,7 +0,0 @@
-@media (max-width: 480px) {
-    .search-button-wrapper {
-        .link-label {
-            margin-left: 0px;
-        }
-    }
-}

package/src/digitv2/components/sidebarV2.scss

@@ -1,11 +0,0 @@
-@media screen and (max-width: 640px) {
-    .digit-employeeSidebar {
-        display: none;
-    }
-}
-
-@media screen and (min-width: 641px) {
-    .digit-citizenSidebar {
-        display: none;
-    }
-}

package/src/digitv2/components/telephoneV2.scss

@@ -1,18 +0,0 @@
-.digit-telephone {
-  @apply flex items-baseline;
-  img,
-  svg {
-    height: 22px;
-    width: 20px;
-    @apply text-primary-main ml-sm items-center;
-    margin-left: 0px;
-  }
-
-  p {
-    @apply text-text-primary text-body-l pl-sm;
-  }
-}
-
-.digit-call {
-  @apply flex text-text-secondary text-body-l;
-}

package/src/digitv2/components/toggleswitchV2.scss

@@ -1,42 +0,0 @@
-@import url("../index.scss");
-
-.react-switch-checkbox {
-  height: 0;
-  width: 0;
-  visibility: hidden;
-}
-
-.react-switch-label {
-  display: flex;
-  width: 7rem;
-  height: 2rem;
-  padding: 0.125rem;
-  justify-content: center;
-  align-items: center;
-  gap: 0.78125rem;
-  flex-shrink: 0;
-  border: 1px solid theme(digitv2.lightTheme.generic-divider);
-  background: theme(digitv2.lightTheme.paper-primary);
-  border-radius: 0px;
-
-  &:hover {
-    width: 7.125rem;
-    border: 1px solid theme(digitv2.lightTheme.primary-1);
-    background: theme(digitv2.lightTheme.paper-primary);
-    box-shadow: 0px 0px 6px 0px rgba(244, 119, 56, 0.25);
-  }
-}
-
-
-.react-switch-label .react-switch-button {
-  visibility: hidden;
-}
-
-.react-switch-checkbox:checked+.react-switch-label {
-  width: 7.125rem;
-  background: theme(digitv2.lightTheme.primary-1);
-}
-
-.react-switch-label:active .react-switch-button {
-  width: 45px;
-}

package/src/digitv2/components/topbarV2.scss

@@ -1,187 +0,0 @@
-.topbar {
-  position: fixed;
-  top: 0;
-  width: 100%;
-  padding: 10px 24px;
-  background: white;
-  box-shadow: rgba(0, 0, 0, 0.24) 0 1px 4px;
-  z-index: 9999999;
-  @apply flex items-center;
-
-  img {
-    display: inline;
-
-    &.city {
-      margin-right: 8px;
-      height: 48px;
-      width: 48px;
-    }
-
-    &.state {
-      height: 20px;
-      max-height: 20px;
-      width: auto;
-    }
-  }
-
-  .ulb {
-    font-weight: bold;
-    display: inline-block;
-  }
-
-  .right {
-    float: right;
-    margin-top: 12px;
-    position: relative;
-
-    svg {
-      display: inline;
-    }
-
-    .user-img-txt {
-      background: theme(colors.primary.main);
-      padding: 10px 15px;
-      border-radius: 50%;
-      color: white;
-      font-weight: 700;
-    }
-  }
-
-  .left {
-    float: left;
-  }
-
-  .w-80 {
-    width: 70%;
-  }
-
-  .width-20 {
-    width: 30%;
-  }
-
-  .margin-top-6 {
-    margin-top: 6px;
-  }
-
-  .margin-right-30 {
-    margin-right: 30px;
-  }
-
-  .margin-top-10 {
-    margin-top: 10px;
-  }
-
-  .icon {
-    display: block;
-    color: rgb(117, 117, 117);
-    fill: rgb(117, 117, 117);
-    height: 21px;
-    width: 21px;
-  }
-
-  .column-gap-15 {
-    column-gap: 15px;
-  }
-
-  .column-gap-5 {
-    column-gap: 5px;
-  }
-
-  .select-wrap,
-  .employee-select-wrap {
-    margin-bottom: 0px;
-    .profile-dropdown--item {
-      span {
-        white-space: pre;
-      }
-    }
-  }
-
-  .digit-employee-select-wrap {
-    margin-bottom: 0px;
-  }
-
-  .digit-topbar-container {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-  }
-
-  @media screen and (min-width: 641px) {
-    .digit-hamburger-class {
-      display: none !important;
-    }
-  }
-
-  @media screen and (max-width: 640px) {
-
-    .ulb {
-      font-size: 14px;
-      display: inline-block;
-    }
-
-    .flex-right {
-      display: none;
-    }
-
-    .digit-employee-select-wrap {
-      right: 0;
-    }
-  }
-}
-
-.cp {
-  cursor: pointer;
-  .hamburger {
-    display: none;
-  }
-
-  @media (max-width: 780px) {
-    .hamburger {
-      display: none;
-    }
-  }
-}
-
-.citizen {
-  .right {
-    margin-top: 5px;
-    margin-bottom: 5px;
-  }
-
-  .topbar-select-wrap {
-    margin-bottom: 0;
-  }
-
-  .flex-between {
-    @apply flex items-center justify-between;
-  }
-}
-
-.profile-dropdown--item {
-  display: flex;
-  flex-direction: row;
-  padding: 10px;
-  column-gap: 10px;
-  color: theme(colors.text.secondary);
-
-  &:hover {
-    background: theme(colors.grey.mid);
-  }
-}
-
-.flex-right {
-  @apply flex items-center justify-end;
-  min-width: 85px;
-}
-video::-webkit-media-controls-panel {
-  top: 55%;
-  position: absolute;
-  width: 100%;
-}
-
-.topbarOptionsClassName {
-  right: -3rem !important
-}
-