@pmidc/upyog-css 1.2.5 → 1.2.6

package/dist/index.css

@@ -2831,7 +2831,7 @@ body {
 .mobile-number-prefix {
   position: absolute;
   left: 12px;
-  top: 50%;
+  top: 51%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   font-size: 16px;
@@ -17314,6 +17314,479 @@ body {
   max-width: unset;
   margin-left: unset; }
 
+.hrms-flex, .hrms-flex-between {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.hrms-flex-between {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+.hrms-flex-between-center, .hrms-flex-center {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.hrms-flex-between-center {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+.hrms-flex-column {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.hrms-flex-wrap {
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.hrms-flex-end {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end; }
+
+.hrms-gap-xs {
+  grid-gap: 8px;
+  gap: 8px; }
+
+.hrms-gap-sm {
+  grid-gap: 10px;
+  gap: 10px; }
+
+.hrms-gap-md {
+  grid-gap: 12px;
+  gap: 12px; }
+
+.hrms-gap-base {
+  grid-gap: 16px;
+  gap: 16px; }
+
+.hrms-gap-lg {
+  grid-gap: 20px;
+  gap: 20px; }
+
+.hrms-mt-xs {
+  margin-top: 8px; }
+
+.hrms-mt-sm {
+  margin-top: 10px; }
+
+.hrms-mt-md {
+  margin-top: 12px; }
+
+.hrms-mt-base {
+  margin-top: 16px; }
+
+.hrms-mt-lg {
+  margin-top: 20px; }
+
+.hrms-mt-xl {
+  margin-top: 24px; }
+
+.hrms-mb-xs {
+  margin-bottom: 8px; }
+
+.hrms-mb-sm {
+  margin-bottom: 10px; }
+
+.hrms-mb-md {
+  margin-bottom: 12px; }
+
+.hrms-mb-base {
+  margin-bottom: 16px; }
+
+.hrms-mb-lg {
+  margin-bottom: 20px; }
+
+.hrms-mb-xl {
+  margin-bottom: 24px; }
+
+.hrms-ml-xs {
+  margin-left: 8px; }
+
+.hrms-ml-sm {
+  margin-left: 10px; }
+
+.hrms-ml-md {
+  margin-left: 12px; }
+
+.hrms-ml-base {
+  margin-left: 16px; }
+
+.hrms-mr-0 {
+  margin-right: 0; }
+
+.hrms-p-xs {
+  padding: 8px; }
+
+.hrms-p-sm {
+  padding: 10px; }
+
+.hrms-p-md {
+  padding: 12px; }
+
+.hrms-p-base {
+  padding: 16px; }
+
+.hrms-p-lg {
+  padding: 20px; }
+
+.hrms-text-bold {
+  font-weight: 700; }
+
+.hrms-text-semibold {
+  font-weight: 600; }
+
+.hrms-text-medium {
+  font-weight: 500; }
+
+.hrms-text-lg {
+  font-size: 18px; }
+
+.hrms-text-xl {
+  font-size: 28px; }
+
+.hrms-text-accent {
+  color: #f47738; }
+
+.hrms-text-secondary {
+  color: #505a5f; }
+
+.hrms-text-primary {
+  color: #0b0c0c; }
+
+.hrms-bg-light {
+  background-color: #f9f9f9; }
+
+.hrms-bg-lighter {
+  background-color: #fafafa; }
+
+.hrms-bg-white {
+  background-color: #fff; }
+
+.hrms-breadcrumb-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 16px 20px 10px;
+  border-bottom: 1px solid #e0e0e0;
+  background: #fff; }
+  @media (max-width: 768px) {
+    .hrms-breadcrumb-wrapper {
+      padding-left: 12px;
+      padding-bottom: 12px;
+      padding-right: 12px;
+      padding-top: 12px; } }
+
+.hrms-breadcrumb-back-link, .hrms-breadcrumb-wrapper {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.hrms-breadcrumb-back-link {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  grid-gap: 6px;
+  gap: 6px;
+  color: #505a5f;
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 500;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  padding: 6px 12px;
+  border-radius: 4px;
+  white-space: nowrap; }
+  .hrms-breadcrumb-back-link .back-arrow {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 1; }
+  .hrms-breadcrumb-back-link:hover {
+    color: #0b4b66;
+    background-color: #f7f7f7; }
+  .hrms-breadcrumb-back-link:active {
+    background-color: #e8e8e8; }
+  @media (max-width: 768px) {
+    .hrms-breadcrumb-back-link {
+      padding-left: 8px;
+      padding-bottom: 4px;
+      padding-right: 8px;
+      padding-top: 4px;
+      font-size: 13px; } }
+
+.hrms-card {
+  padding: 20px;
+  margin: 10px 0;
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  background-color: #fff; }
+
+.hrms-card-light {
+  background-color: #f9f9f9;
+  padding: 15px; }
+
+.hrms-card-header {
+  font-size: 28px;
+  font-weight: 400;
+  color: #1c1d1f; }
+
+.hrms-form-section {
+  margin-bottom: 24px; }
+
+.hrms-form-header {
+  font-size: 18px;
+  font-weight: 700;
+  margin-bottom: 16px; }
+
+.hrms-form-grid {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 2%;
+  gap: 2%; }
+  .hrms-form-grid__item {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 48%;
+    flex: 0 0 48%;
+    margin: 1%; }
+    @media (max-width: 768px) {
+      .hrms-form-grid__item {
+        -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%; } }
+
+.hrms-form-field {
+  margin-bottom: 24px; }
+
+.hrms-form-actions {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-top: 20px; }
+
+.hrms-assignment-card, .hrms-jurisdiction-card {
+  padding: 12px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  margin-bottom: 10px;
+  background: #fff; }
+
+.hrms-card-actions {
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  grid-gap: 10px;
+  gap: 10px;
+  margin-top: 10px; }
+
+.hrms-card-actions, .hrms-item-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.hrms-item-header {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 8px;
+  gap: 8px; }
+
+.hrms-inbox-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 16px;
+  border-bottom: 1px solid #e0e0e0; }
+
+.hrms-inbox-row {
+  padding: 12px;
+  margin-bottom: 8px;
+  background-color: #fafafa; }
+  @media (max-width: 768px) {
+    .hrms-inbox-row {
+      padding-left: 10px;
+      padding-bottom: 10px;
+      padding-right: 10px;
+      padding-top: 10px; } }
+
+.hrms-inbox-actions {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 10px;
+  gap: 10px;
+  margin-left: 10px; }
+
+.hrms-filter-container {
+  margin-bottom: 16px; }
+
+.hrms-filter-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-gap: 16px;
+  gap: 16px; }
+  @media (max-width: 768px) {
+    .hrms-filter-grid {
+      grid-template-columns: 1fr; } }
+
+.hrms-badge {
+  padding: 4px 12px;
+  border-radius: 16px;
+  font-size: 12px;
+  font-weight: 500;
+  display: inline-block;
+  text-align: center; }
+  .hrms-badge--category {
+    background-color: #e0f2fe;
+    color: #0369a1; }
+  .hrms-badge--subcategory {
+    background-color: #dbeafe;
+    color: #1e40af; }
+  .hrms-badge--zone {
+    background-color: #d1f2eb;
+    color: #0d6759; }
+  .hrms-badge--role {
+    background-color: #e9d5ff;
+    color: #7c3aed; }
+
+.hrms-response-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-top: 24px; }
+
+.hrms-details-section {
+  margin-top: 20px; }
+
+.hrms-details-grid {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.hrms-divider {
+  border-bottom: 1px solid #e0e0e0; }
+
+.hrms-section-bg {
+  background-color: #f9f9f9;
+  padding: 15px;
+  border-radius: 4px; }
+
+.hrms-cursor-pointer {
+  cursor: pointer; }
+
+@media (max-width: 768px) {
+  .hrms-mobile-full {
+    width: 100%; }
+  .hrms-mobile-p-sm {
+    padding: 10px; }
+  .hrms-mobile-mb-xs {
+    margin-bottom: 8px; } }
+
+.hrms-grid-2 {
+  grid-template-columns: 1fr 1fr;
+  grid-gap: 16px; }
+  @media (max-width: 768px) {
+    .hrms-grid-2 {
+      grid-template-columns: 1fr; } }
+
+.hrms-grid-2, .hrms-grid-3 {
+  display: grid;
+  gap: 16px; }
+
+.hrms-grid-3 {
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 16px; }
+  @media (max-width: 768px) {
+    .hrms-grid-3 {
+      grid-template-columns: 1fr; } }
+
+.hrms-header-wrapper {
+  margin-left: 15px; }
+  @media (max-width: 640px) {
+    .hrms-header-wrapper {
+      margin-left: -12px; } }
+
+.hrms-document-link {
+  min-width: 160px;
+  margin-right: 20px;
+  cursor: pointer;
+  display: inline-block; }
+
+.hrms-document-svg {
+  background: #f6f6f6;
+  padding: 8px;
+  margin-left: 15px; }
+
+.hrms-document-name {
+  margin-top: 8px;
+  max-width: 196px; }
+
+.hrms-jurisdiction-status-table {
+  max-width: 640px;
+  border: 1px solid #d6d5d4;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  padding: .2rem;
+  margin-bottom: 2rem; }
+
+.hrms-section-title {
+  padding-bottom: 2rem; }
+
+.hrms-card .card-header {
+  font-size: 28px;
+  font-weight: 400;
+  color: #1c1d1f; }
+
+.hrms-delete-btn {
+  background: none;
+  border: none;
+  color: #d4351c;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  padding: 0; }
+  .hrms-delete-btn:hover {
+    text-decoration: underline; }
+  .hrms-delete-btn:disabled {
+    opacity: .5;
+    cursor: not-allowed; }
+
 .display-none {
   display: none; }