@egovernments/digit-ui-components-css 0.0.1 → 0.0.2-1

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/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/uploadFileV2.scss

@@ -1,146 +0,0 @@
-.digit-upload-wrap {
-  @apply flex w-full h-40 bg-grey-light relative mb-lg px-sm border border-border border-dashed;
-  max-width: 540px;
-  min-height: 50px;
-  padding: 0.5rem;
-
-  img {
-    display: block;
-    margin-top: 58px;
-    margin-left: calc(50% - 23px);
-    height: 42px;
-    width: 46px;
-  }
-
-  svg {
-    display: block;
-    margin-top: 58px;
-    margin-left: calc(50% - 23px);
-    height: 42px;
-    width: 46px;
-  }
-
-  input {
-    @apply absolute w-full h-full opacity-0 top-0;
-  }
-  .digit-cell-text {
-    color: theme(colors.text.secondary);
-    padding-top: 3px;
-  }
-}
-
-.digit-multi-upload-wrap {
-  @apply flex mb-lg;
-
-  div {
-    display: block;
-    position: relative;
-    background-color: theme(colors.grey.light);
-    width: calc((100% - 16px) / 3);
-    margin-right: 8px;
-
-    .digit-delete {
-      position: absolute;
-      height: 24px;
-      width: 24px;
-      border-radius: 100%;
-      top: 2px;
-      right: 2px;
-    }
-  }
-
-  .digit-upload-img-container {
-    border: 1px dashed theme(colors.border);
-    margin: 0 !important;
-
-    img {
-      margin-left: auto;
-      margin-right: auto;
-      padding-top: calc(33% - 21px);
-    }
-
-    svg {
-      @apply flex;
-      margin: auto;
-    }
-
-    svg {
-      margin-left: auto;
-      margin-right: auto;
-      top: calc(50% - 21px);
-      position: relative;
-    }
-
-    input {
-      @apply absolute w-full h-full opacity-0 top-0;
-    }
-  }
-}
-
-.digit-upload-file-max-width {
-  max-width: 540px;
-}
-
-.digit-upload-file {
-  min-height: 56px;
-  @apply relative border border-input-border w-full;
-
-  div {
-    @apply flex flex-row h-full items-center pl-md mt-sm flex-wrap;
-
-    .file-upload-status {
-      @apply text-body-s-dt ml-sm;
-    }
-  }
-  input {
-    width: 160px;
-    @apply absolute top-0 left-0 opacity-0 h-full;
-  }
-}
-
-@screen dt {
-  .digit-multi-upload-wrap img {
-    width: 100%;
-    height: 158px;
-  }
-}
-
-.digit-upload-file-button-wrap {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  flex-wrap: wrap;
-  margin: 0px;
-  padding: 0px;
-  button {
-    height: auto;
-    min-height: 40px;
-    width: 43%;
-    max-height: 40px;
-    margin: 5px;
-    padding: 0px;
-    h2 {
-      word-break: break-all;
-      height: auto;
-      line-height: 16px;
-      overflow: hidden;
-      max-height: 34px;
-      max-width: 100%;
-    }
-  }
-  .digit-tag-container {
-    margin: 0px;
-    padding: 0px;
-  }
-}
-.digit-input-mirror-selector-button {
-  @apply h-16 bg-border text-center border-b-2 border-input-border border-solid outline-none px-lg !important;
-
-  &:focus {
-    @apply outline-none;
-  }
-
-  h2 {
-    @apply font-rc font-medium text-legend text-text-primary;
-  }
-}

package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss

@@ -1,8 +0,0 @@
-.CitizenEngagementNotificationWrapper {
-  .h1 {
-    margin: 15px;
-  }
-  .WhatsNewCard {
-    @apply mx-md mb-md;
-  }
-}