@egovernments/digit-ui-components-css 0.0.1 → 0.0.2-beta.5

package/src/digitv2/components/PageBasedInputV2.scss

@@ -1,33 +0,0 @@
-.digit-page-based-input-wrapper {
-  .digit-submit-bar-container {
-    z-index: 60;
-    @apply p-sm fixed w-full bottom-0 left-0 text-right bg-white;
-    .digit-submit-bar {
-      @apply w-full;
-      height: 2.5rem;
-    }
-  }
-  .digit-page-based-submit-bar {
-    @apply hidden;
-  }
-  label {
-    margin-left: 0 !important;
-  }
-}
-
-@screen dt {
-  .digit-page-based-input-wrapper {
-    .digit-submit-bar {
-      @apply hidden;
-    }
-    .digit-page-based-submit-bar {
-      @apply block;
-    }
-    .digit-card {
-      max-width: 960px;
-    }
-    button {
-      max-width: 240px;
-    }
-  }
-}

package/src/digitv2/components/WhatsNewCardV2.scss

@@ -1,13 +0,0 @@
-.digit-whats-new-card{
-    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
-    @apply rounded bg-white border-primary-main border-l-4 border-solid p-sm;
-    h2{
-        @apply text-body-l text-text-primary font-medium mb-xs;
-    }
-    p{
-        @apply text-form-field text-text-secondary mb-sm;
-    }
-    a{
-        @apply block text-form-field text-primary-main mb-sm
-    }
-}

package/src/digitv2/components/actionLinkV2.scss

@@ -1,9 +0,0 @@
-@import url("../index.scss");
-@import url("../typography.scss");
-
-.digit-action-links {
-  @extend .light-primary;
-  @extend .typography.text-link;
-  @apply text-text-btn mr-lg !important;
-  cursor: pointer;
-}

package/src/digitv2/components/actionbarV2.scss

@@ -1,110 +0,0 @@
-@import url("../index.scss");
-
-.digit-action-bar-wrap {
-  @extend .light-text-color-primary;
-  @extend .light-paper-primary;
-  box-shadow: rgba(0, 0, 0, 0.16) 0 -2px 8px;
-  max-width: 100%;
-  z-index: 100;
-
-  @apply left-0 bottom-0 w-full bg-white py-sm px-sm fixed text-right;
-
-  div {
-    @apply w-full;
-  }
-
-  .digit-menu-wrap {
-    @extend .light-background;
-    @apply absolute bg-white text-left mb-xs z-30 cursor-pointer;
-    bottom: 45px;
-    box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px, rgba(0, 0, 0, 0.12) 0 3px 14px 2px, rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
-    width: calc(100% - 16px);
-    right: 8px;
-
-    div {
-      @extend .light-primary;
-      @apply h-12 pl-sm py-md text-body-l text-text-primary;
-
-      &:hover {
-        @extend .light-background;
-        @apply bg-grey-mid w-full;
-      }
-    }
-  }
-}
-
-@screen dt {
-  .digit-action-bar-wrap {
-    box-shadow: rgba(0, 0, 0, 0.16) 0 -2px 8px;
-    left: 0;
-    max-width: none;
-    z-index: 999;
-
-    @apply fixed bottom-0 bg-white py-sm pr-lg text-right;
-    /* @extend .light-background; */
-
-    div {
-      width: calc(100% - 16px);
-    }
-
-    .digit-menu-wrap {
-      bottom: 45px;
-      top: unset;
-      box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px, rgba(0, 0, 0, 0.12) 0 3px 14px 2px, rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
-      @apply absolute h-auto bg-white text-left mb-xs z-30;
-      width: 240px;
-      right: 24px;
-
-      div {
-        @apply h-12 pl-sm py-md text-body-l text-text-primary;
-
-        &:hover {
-          @apply bg-grey-mid w-full;
-          /* @extend .light-background; */
-        }
-      }
-    }
-  }
-}
-
-.digit-action-bar-wrap-registry {
-  div {
-    @apply w-full;
-  }
-  .digit-menu-wrap {
-    @extend .light-background;
-    @apply absolute bg-white text-left mb-xs z-30 cursor-pointer;
-    box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px, rgba(0, 0, 0, 0.12) 0 3px 14px 2px, rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
-    width: 160px;
-    right: 60px;
-
-    div {
-      @apply h-12 pl-sm py-md text-body-l text-text-primary;
-
-      &:hover {
-        @extend .light-background;
-        @apply bg-grey-mid w-full;
-      }
-    }
-  }
-
-  .digit-search-add {
-    @extend .light-primary;
-    padding: 12px 16px;
-    color: rgb(244, 119, 56);
-    display: flex;
-    cursor: pointer;
-  }
-
-  .digit-search-add-icon {
-    @extend .light-primary-button;
-    background: rgb(244, 119, 56);
-    border-radius: 50%;
-    height: 24px;
-    width: 24px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-left: 10px;
-  }
-}

package/src/digitv2/components/appContainerV2.scss

@@ -1,49 +0,0 @@
-@import url("../index.scss");
-
-.digit-app-container {
-  @extend .light-background;
-  width: 100%;
-  form {
-    .digit-card {
-      max-width: 960px;
-      h2 {
-        @extend .light-text-color-primary;
-        text-align: left;
-      }
-      button {
-        @extend .light-primary-button;
-        max-width: 240px;
-      }
-      .digit-input-otp-wrap,
-      .digit-card-text-button {
-        @extend .light-primary-button;
-        text-align: left;
-      }
-    }
-  }
-}
-
-@screen dt {
-  .digit-employee-app-container {
-    @apply w-full;
-  }
-
-  .digit-app-container {
-    width: 100%;
-    form {
-      .digit-card {
-        max-width: 960px;
-        h2 {
-          text-align: left;
-        }
-        button {
-          max-width: 240px;
-        }
-        .digit-input-otp-wrap,
-        .digit-card-text-button {
-          text-align: left;
-        }
-      }
-    }
-  }
-}

package/src/digitv2/components/backButtonV2.scss

@@ -1,26 +0,0 @@
-@import url("../index.scss");
-
-.digit-back-button {
-  @extend .light-text-color-primary;
-  @extend .light-input-border;
-  width: fit-content;
-  @apply flex items-center cursor-pointer border-b font-rc text-text-btn ml-sm mb-md;
-
-  img {
-    @apply flex;
-  }
-
-  svg {
-    @apply flex;
-  }
-
-  p {
-    @apply flex;
-  }
-}
-
-@screen dt {
-  .digit-back-button {
-    margin-left: 0;
-  }
-}

package/src/digitv2/components/bannerV2.scss

@@ -1,120 +0,0 @@
-@import url("../index.scss");
-
-.digit-banner-success-wrap,
-.digit-banner-emp-success-wrap {
-  @apply block bg-success w-full text-center text-white pt-md pb-sm mb-md;
-
-  header {
-    @apply block mb-sm font-rc font-bold text-heading-xl;
-  }
-
-  div {
-    img {
-      padding: 13.67px;
-      margin-left: auto;
-      margin-right: auto;
-      @apply border border-solid border-white rounded-full h-16 w-16 bg-white mb-md;
-    }
-
-    svg {
-      padding: 13.67px;
-      margin-left: auto;
-      margin-right: auto;
-      @apply border border-solid border-white rounded-full h-16 w-16 bg-white mb-md;
-    }
-
-    svg.payment-svg {
-      border: unset;
-      background-color: unset;
-      @apply rounded-full;
-    }
-
-    h2 {
-      @apply font-bold text-caption-m mb-sm;
-    }
-
-    p {
-      @apply font-bold text-caption-l;
-    }
-  }
-}
-
-.digit-banner-error-wrap,
-.digit-banner-emp-error-wrap {
-  @apply block bg-error w-full text-center text-white pt-md pb-sm mb-md;
-
-
-  header {
-    @apply block mb-sm font-rc font-bold text-heading-xl;
-  }
-
-  img {
-    margin-left: auto;
-    margin-right: auto;
-    padding: 13.67px;
-    @apply border border-solid border-white rounded-full bg-white h-16 w-16 mb-md;
-  }
-
-  svg {
-    margin-left: auto;
-    margin-right: auto;
-    padding: 13.67px;
-    @apply border border-solid border-white rounded-full bg-white h-16 w-16 mb-md;
-  }
-}
-
-@screen dt {
-  .digit-banner-success-wrap {
-    header {
-      @apply text-heading-xl-dt;
-    }
-  }
-  .digit-banner-emp-success-wrap {
-    width: calc(100%);
-    header {
-      @apply text-heading-xl-dt;
-    }
-  }
-
-  .digit-banner-error-wrap {
-    width: 100%;
-    header {
-      @apply text-heading-xl-dt;
-    }
-  }
-
-  .digit-banner-emp-error-wrap {
-    width: calc(100%);
-    header {
-      @apply text-heading-xl-dt;
-    }
-  }
-}
-
-.banner {
-  @apply flex justify-center items-center;
-  height: calc(100vh - 80px);
-  background: linear-gradient(rgba(11, 75, 102, 0.8), rgba(11, 75, 102, 0.8)), var(--banner-url) center center;
-
-  .bannerCard {
-    min-width: 400px;
-  }
-  .bannerLogo {
-    width: 80px;
-    height: 40px;
-    object-fit: contain;
-    padding-right: 10px;
-    margin-right: 10px;
-    border-right: 1px solid theme(colors.text.primary);
-  }
-  .bannerHeader {
-    @apply flex justify-center items-center;
-    margin-bottom: 24px;
-  }
-}
-
-.banner-container {
-  flex-direction: column;
-  justify-content: center;
-  align-items: center !important;
-}

package/src/digitv2/components/breadCrumbV2.scss

@@ -1,34 +0,0 @@
-@import url("../index.scss");
-@import url("../typography.scss");
-
-.digit-bread-crumb {
-  @extend .light-text-color-secondary;
-  font-size: 14px;
-  display: flex;
-  margin-bottom: 10px;
-  padding: unset;
-}
-
-.digit-bread-crumb--item {
-  margin-left: 5px;
-
-  &:not(:last-child):after {
-    content: "  /";
-  }
-
-  button {
-    outline: none;
-  }
-
-  .last {
-    @extend .light-text-color-primary;
-  }
-
-  span {
-    cursor: pointer;
-  }
-}
-ol,
-ul {
-  list-style: none;
-}

package/src/digitv2/components/breakLineV2.scss

@@ -1,6 +0,0 @@
-@import url("../index.scss");
-
-.digit-break-line {
-  @extend .light-input-border;
-  @apply border-solid border;
-}

package/src/digitv2/components/cardBasedOptionsV2.scss

@@ -1,46 +0,0 @@
-.digit-card-based-options {
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
-  @apply bg-white mb-md px-sm py-md mx-sm rounded w-full;
-  .digit-head-content {
-    @apply flex justify-between mb-lg;
-    h2 {
-      @apply text-heading-s font-bold text-text-primary;
-    }
-    p {
-      @apply text-link text-primary-main font-medium cursor-pointer;
-    }
-  }
-
-  .digit-main-content {
-    @apply flex justify-evenly;
-    .digit-card-based-options-main-child-option {
-      width: 25%;
-      @apply text-center;
-      .digit-child-option-image-wrapper {
-        margin: auto !important;
-        background: rgba(244, 119, 56, 0.12);
-        mix-blend-mode: normal;
-        padding-top: 14px;
-        @apply h-12 w-12 rounded-full cursor-pointer;
-        svg {
-          height: 20px;
-          width: 20px;
-          fill: theme(colors.primary.main);
-          margin: auto;
-        }
-      }
-      .digit-child-option-name {
-        font-size: 12px;
-        line-height: 14px;
-        padding-top: 1rem;
-      }
-    }
-  }
-}
-
-@screen dt {
-  .digit-card-based-options {
-    width: calc(50% - 16px);
-    @apply p-md;
-  }
-}

package/src/digitv2/components/cardLabelV2.scss

@@ -1,8 +0,0 @@
-@import url("../typography.scss");
-
-.digit-card-label {
-  font-weight: theme(digitv2.fontWeight.regular);
-  font-size: 16px;
-  line-height: 19px;
-  color: theme(digitv2.lightTheme.text-primary);
-}