@pmidc/upyog-css 1.2.36-dev.1.6 → 1.2.36-dev.1.65

package/src/components/custombtn.scss

@@ -1,16 +1,16 @@
-.customBtn {
-  @apply bg-white box-border inline-block outline-none px-sm border border-solid border-primary-main;
-  margin: 0px 4.65% 0px 0px;
-  height: 30px;
-  line-height: 30px;
-  border: transparent;
-  background-color: transparent;
-}
- 
-.customBtn-selected {
-  @extend .customBtn;
-  @apply bg-primary-main text-white font-medium;
-  background-color: #2947A3;
-  border:0px solid;
-}
+.customBtn {
+  @apply bg-white box-border inline-block outline-none px-sm border border-solid border-primary-main;
+  margin: 0px 4.65% 0px 0px;
+  height: 30px;
+  line-height: 30px;
+  border: transparent;
+  background-color: transparent;
+}
+ 
+.customBtn-selected {
+  @extend .customBtn;
+  @apply bg-primary-main text-white font-medium;
+  background-color: #2947A3;
+  border:0px solid;
+}
  

package/src/components/datatable.scss

@@ -1,119 +1,118 @@
-.data-table {
-  color: #0d43a7;
-  border: 1px solid #ccc;
-  border-radius: 8px;
-  overflow: hidden;
-  width: 100%;
-  border-collapse: collapse;
-  padding-bottom: 0;
-  padding: 8px;
-}
-
-.data-table .row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  margin-bottom: 0;
-  padding: 15px 30px;
-  border-bottom: 1px solid var(--border, #e0e0e0);
-}
-
-.data-table .row:nth-child(odd) {
-  background-color: #eeeeee;
-}
-
-.data-table .row:nth-child(even) {
-  background-color: #ffffff;
-}
-
-.data-table .row h2 {
-  font-weight: 600;
-  text-align: left;
-  width: 60%;
-  margin: 0;
-}
-
-.data-table .row .value {
-  text-align: left;
-  width: 40%;
-  word-break: break-word;
-}
-
-.data-table .row .caption {
-  font-size: 0.875rem;
-  color: var(--text-secondary, #666);
-}
-
-.data-table .row span {
-  width: 70%;
-  display: contents;
-}
-
-.data-table .last {
-  border: none;
-  padding: 0;
-  margin: 0;
-}
-
-.employee-data-table {
-  color: #0d43a7;
-  border: 1px solid #ccc;
-  border-radius: 8px;
-  overflow: hidden;
-  width: 100%;
-  border-collapse: collapse;
-  padding-bottom: 0;
-  margin-top: 15px;
-  margin-bottom: 15px;
-}
-
-.employee-data-table .row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  margin-bottom: 0;
-  padding: 15px 30px;
-  border-bottom: 1px solid var(--border, #e0e0e0);
-}
-
-.employee-data-table .row:nth-child(odd) {
-  background-color: #eeeeee;
-}
-
-.employee-data-table .row:nth-child(even) {
-  background-color: #ffffff;
-}
-
-.employee-data-table .row h2 {
-  font-weight: 600;
-  text-align: left;
-  width: 60%;
-  margin: 0;
-}
-
-.employee-data-table .row .value {
-  text-align: left;
-  width: 40%;
-  word-break: break-word;
-}
-
-.employee-data-table .row .caption {
-  font-size: 0.875rem;
-  color: var(--text-secondary, #666);
-}
-
-.employee-data-table .row span {
-  width: 70%;
-  display: contents;
-}
-
-
-.pt-citizen {
-  .data-table {
-    .row {
-      justify-content: space-between;
-    }
-  }
-}
+.data-table {
+  color: #0d43a7;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  overflow: hidden;
+  width: 100%;
+  border-collapse: collapse;
+  padding-bottom: 0;
+  padding: 8px;
+}
+
+.data-table .row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  margin-bottom: 0;
+  padding: 15px 30px;
+  border-bottom: 1px solid var(--border, #e0e0e0);
+}
+
+.data-table .row:nth-child(odd) {
+  background-color: #eeeeee;
+}
+
+.data-table .row:nth-child(even) {
+  background-color: #ffffff;
+}
+
+.data-table .row h2 {
+  font-weight: 600;
+  text-align: left;
+  width: 60%;
+  margin: 0;
+}
+
+.data-table .row .value {
+  text-align: left;
+  width: 40%;
+  word-break: break-word;
+}
+
+.data-table .row .caption {
+  font-size: 0.875rem;
+  color: var(--text-secondary, #666);
+}
+
+.data-table .row span {
+  width: 70%;
+  display: contents;
+}
+
+.data-table .last {
+  border: none;
+  margin: 0;
+}
+
+.employee-data-table {
+  color: #0d43a7;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  overflow: hidden;
+  width: 100%;
+  border-collapse: collapse;
+  padding-bottom: 0;
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+
+.employee-data-table .row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  margin-bottom: 0;
+  padding: 15px 30px;
+  border-bottom: 1px solid var(--border, #e0e0e0);
+}
+
+.employee-data-table .row:nth-child(odd) {
+  background-color: #eeeeee;
+}
+
+.employee-data-table .row:nth-child(even) {
+  background-color: #ffffff;
+}
+
+.employee-data-table .row h2 {
+  font-weight: 600;
+  text-align: left;
+  width: 60%;
+  margin: 0;
+}
+
+.employee-data-table .row .value {
+  text-align: left;
+  width: 40%;
+  word-break: break-word;
+}
+
+.employee-data-table .row .caption {
+  font-size: 0.875rem;
+  color: var(--text-secondary, #666);
+}
+
+.employee-data-table .row span {
+  width: 70%;
+  display: contents;
+}
+
+
+.pt-citizen {
+  .data-table {
+    .row {
+      justify-content: space-between;
+    }
+  }
+}

package/src/components/datewrap.scss

@@ -1,21 +1,21 @@
-.date-wrap {
-  @apply flex mb-md;
-
-  img,
-  svg {
-    height: 22px;
-    width: 20px;
-  }
-
-  p {
-    @apply text-text-primary text-body-l pl-sm;
-  }
-}
-
-@screen dt {
-  .date-wrap {
-    p {
-      @apply text-body-l-dt;
-    }
-  }
-}
+.date-wrap {
+  @apply flex mb-md;
+
+  img,
+  svg {
+    height: 22px;
+    width: 20px;
+  }
+
+  p {
+    @apply text-text-primary text-body-l pl-sm;
+  }
+}
+
+@screen dt {
+  .date-wrap {
+    p {
+      @apply text-body-l-dt;
+    }
+  }
+}

package/src/components/detailscard.scss

@@ -1,6 +1,6 @@
-.details-card {
-  @apply bg-white m-sm px-sm pt-sm pb-lg shadow-card;
-  .card-label {
-    @apply font-bold text-legend text-text-primary mb-md;
-  }
-}
+.details-card {
+  @apply bg-white m-sm px-sm pt-sm pb-lg shadow-card;
+  .card-label {
+    @apply font-bold text-legend text-text-primary mb-md;
+  }
+}

package/src/components/detailscontainer.scss

@@ -1,13 +1,13 @@
-.details-container {
-  @apply flex flex-col m-sm pt-md pb-md pl-sm pr-sm bg-white rounded;
-  .detail {
-    @apply grid grid-cols-2 gap-2 items-baseline;
-    .label {
-      width: 138px;
-      @apply font-bold text-heading-s text-text-primary mb-md;
-    }
-    .name {
-      @apply pt-md;
-    }
-  }
-}
+.details-container {
+  @apply flex flex-col m-sm pt-md pb-md pl-sm pr-sm bg-white rounded;
+  .detail {
+    @apply grid grid-cols-2 gap-2 items-baseline;
+    .label {
+      width: 138px;
+      @apply font-bold text-heading-s text-text-primary mb-md;
+    }
+    .name {
+      @apply pt-md;
+    }
+  }
+}

package/src/components/documentSection.scss

@@ -1,134 +1,134 @@
-
-.document-section-wrapper {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  border-radius: 4px;
-  border: 1px solid #e0e4e8;
-  background-color: #f9f9f9;
-  padding: 16px;
-}
-
-.document-section-header {
-  margin-top: 0;
-  margin-bottom: 16px;
-  display: flex;
-  align-items: center;
-  font-weight: 600;
-  color: #505a5f;
-
-  .document-icon {
-    margin-right: 8px;
-    font-size: 18px;
-  }
-}
-
-.document-empty-state {
-  padding: 16px;
-  text-align: center;
-  color: #7a8a96;
-  background-color: #ffffff;
-  border-radius: 4px;
-}
-
-.document-container {
-  margin-top: 16px;
-}
-
-.document-grid {
-   display: flex;
-   flex-wrap: wrap;
-  gap: 16px;
-  padding: 8px;
-}
-
-.document-link {
-  text-decoration: none;
-  cursor: pointer;
-  transition: transform 0.2s, box-shadow 0.2s;
-
-  &:hover .document-card {
-    transform: translateY(-4px);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  }
-}
-
-.document-card {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 16px;
-  background-color: #ffffff;
-  border-radius: 8px;
-  border: 1px solid #e8e8e8;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
-  transition: all 0.2s;
-}
-
-.document-icon-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100px;
-  height: 120px;
-  background-color: #fef5f5;
-  border-radius: 6px;
-  margin-bottom: 12px;
-}
-
-.document-name {
-  margin-top: 0;
-  margin-bottom: 0;
-  text-align: center;
-  font-size: 12px;
-  font-weight: 500;
-  color: #333333;
-  word-break: break-word;
-  line-height: 1.4;
-}
-
-.document-action-label {
-  margin-top: 8px;
-  font-size: 11px;
-  color: #0b69a4;
-  font-weight: 600;
-}
-
-/* Mobile responsive styles for document section */
-@media only screen and (max-width: 768px) {
-  .document-container {
-    margin-top: 8px;
-  }
-
-  .document-grid {
-   display: flex;
-   flex-wrap: wrap;
-    gap: 12px;
-    padding: 4px;
-  }
-
-  .document-card {
-    padding: 8px;
-    min-height: 140px;
-    max-height: 140px;
-    width: 100%;
-  }
-
-  .document-icon-wrapper {
-    width: 60px;
-    height: 70px;
-    margin-bottom: 6px;
-  }
-
-  .document-name {
-    font-size: 10px;
-    line-height: 1.2;
-    margin-bottom: 4px;
-    text-align: center;
-  }
-
-  .document-action-label {
-    font-size: 9px;
-    margin-top: 4px;
-  }
-}
-
+
+.document-section-wrapper {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border-radius: 4px;
+  border: 1px solid #e0e4e8;
+  background-color: #f9f9f9;
+  padding: 16px;
+}
+
+.document-section-header {
+  margin-top: 0;
+  margin-bottom: 16px;
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+  color: #505a5f;
+
+  .document-icon {
+    margin-right: 8px;
+    font-size: 18px;
+  }
+}
+
+.document-empty-state {
+  padding: 16px;
+  text-align: center;
+  color: #7a8a96;
+  background-color: #ffffff;
+  border-radius: 4px;
+}
+
+.document-container {
+  margin-top: 16px;
+}
+
+.document-grid {
+   display: flex;
+   flex-wrap: wrap;
+  gap: 16px;
+  padding: 8px;
+}
+
+.document-link {
+  text-decoration: none;
+  cursor: pointer;
+  transition: transform 0.2s, box-shadow 0.2s;
+
+  &:hover .document-card {
+    transform: translateY(-4px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  }
+}
+
+.document-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 16px;
+  background-color: #ffffff;
+  border-radius: 8px;
+  border: 1px solid #e8e8e8;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  transition: all 0.2s;
+}
+
+.document-icon-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100px;
+  height: 120px;
+  background-color: #fef5f5;
+  border-radius: 6px;
+  margin-bottom: 12px;
+}
+
+.document-name {
+  margin-top: 0;
+  margin-bottom: 0;
+  text-align: center;
+  font-size: 12px;
+  font-weight: 500;
+  color: #333333;
+  word-break: break-word;
+  line-height: 1.4;
+}
+
+.document-action-label {
+  margin-top: 8px;
+  font-size: 11px;
+  color: #0b69a4;
+  font-weight: 600;
+}
+
+/* Mobile responsive styles for document section */
+@media only screen and (max-width: 768px) {
+  .document-container {
+    margin-top: 8px;
+  }
+
+  .document-grid {
+   display: flex;
+   flex-wrap: wrap;
+    gap: 12px;
+    padding: 4px;
+  }
+
+  .document-card {
+    padding: 8px;
+    min-height: 140px;
+    max-height: 140px;
+    width: 100%;
+  }
+
+  .document-icon-wrapper {
+    width: 60px;
+    height: 70px;
+    margin-bottom: 6px;
+  }
+
+  .document-name {
+    font-size: 10px;
+    line-height: 1.2;
+    margin-bottom: 4px;
+    text-align: center;
+  }
+
+  .document-action-label {
+    font-size: 9px;
+    margin-top: 4px;
+  }
+}
+