@tattvafoundation/upyog-css 1.0.44 → 1.0.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tattvafoundation/upyog-css",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "license": "MIT",
   "main": "dist/index.css",
   "engines": {

package/src/components/PropertySearchForm.scss

@@ -3,7 +3,7 @@
     @apply w-full;
     display: flex;
     margin-right: 10px;
-    justify-content: end;
+    justify-content: flex-end;
     align-items: center;
     .pt-search-action-submit button {
       width: 100% !important;

package/src/components/bmc.scss

@@ -2409,4 +2409,279 @@ button.submit-bar:hover {
  .verify-receipt-page .citizen .main {
   padding-top: 60px;
  }
+}
+
+.auction-form-grid {
+  display: grid;
+  gap: 16px 24px;
+}
+
+@media (max-width: 768px) {
+  .auction-form-grid {
+    grid-template-columns: 1fr !important;
+  }
+}
+
+.auction-field-label {
+  display: block;
+  font-size: 13px;
+  font-weight: 600;
+  color: #374151;
+  margin-bottom: 4px;
+}
+
+.auction-field-label .auction-field-required {
+  color: #ec0000;
+  margin-left: 4px;
+}
+
+.auction-field-wrapper {
+  position: relative;
+}
+
+.auction-field-icon {
+  position: absolute;
+  left: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  color: #9ca3af;
+  pointer-events: none;
+  z-index: 1;
+}
+
+.auction-field-input,
+.auction-field-select,
+.auction-field-textarea {
+  width: 100%;
+  padding: 10px 14px;
+  font-size: 14px;
+  border-radius: 8px;
+  border: 1px solid #d1d5db;
+  outline: none;
+  transition: border-color 0.2s;
+  background-color: #fff;
+  color: #1f2937;
+  max-height: 40px;
+}
+
+.auction-field-input:focus,
+.auction-field-select:focus,
+.auction-field-textarea:focus {
+  border-color: #097d28;
+  box-shadow: 0 0 0 2px rgb(102 249 22 / 10%);
+}
+
+.auction-field-input.has-icon,
+.auction-field-select.has-icon,
+.auction-field-textarea.has-icon {
+  padding-left: 40px;
+}
+
+.auction-field-input.has-error,
+.auction-field-select.has-error,
+.auction-field-textarea.has-error {
+  border-color: #e20000;
+}
+
+.auction-field-input:disabled,
+.auction-field-select:disabled,
+.auction-field-textarea:disabled {
+  background-color: #f3f4f6;
+  cursor: not-allowed;
+}
+
+.auction-field-select {
+  cursor: pointer;
+}
+
+.auction-field-textarea {
+  resize: vertical;
+}
+
+.auction-field-error {
+  font-size: 12px;
+  color: #e20000 !important;
+  margin-top: 4px;
+  display: block;
+}
+
+
+.auction-radio-group {
+  display: flex;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+
+.auction-radio-label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 14px;
+  color: #374151;
+  cursor: pointer;
+}
+
+.auction-radio-label input[type="radio"] {
+  accent-color: #097d28;
+}
+
+.auction-radio-label.disabled {
+  cursor: not-allowed;
+}
+
+.auction-submit-btn {
+  padding: 10px 32px;
+  background-color: #097d28;
+  color: #fff;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.auction-submit-btn:hover {
+  background-color: #12ad3b;
+}
+
+.auction-submit-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+
+
+/* ======================
+   Auction Buttons
+   ====================== */
+.auction-btn {
+  padding: 10px 32px;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.auction-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Primary */
+.auction-btn-primary {
+  background-color: #097d28;
+  color: #fff;
+  &:hover{
+    background-color: #12ad3b;
+  }
+}
+
+.auction-btn-primary:hover:not(:disabled) {
+  background-color: #12ad3b;
+}
+
+/* Secondary */
+.auction-btn-secondary {
+  background-color: #f3f4f6;
+  color: #374151;
+}
+
+.auction-btn-secondary:hover:not(:disabled) {
+  background-color: #e5e7eb;
+}
+
+/* Outline */
+.auction-btn-outline {
+  background-color: transparent;
+  color: #f97316;
+  border: 1px solid #f97316;
+}
+
+.auction-btn-outline:hover:not(:disabled) {
+  background-color: #fff7ed;
+}
+
+/* Danger */
+.auction-btn-danger {
+  background-color: #ef4444;
+  color: #fff;
+}
+
+.auction-btn-danger:hover:not(:disabled) {
+  background-color: #dc2626;
+}
+
+/* Ghost */
+.auction-btn-ghost {
+  background-color: transparent;
+  color: #6b7280;
+}
+
+.auction-btn-ghost:hover:not(:disabled) {
+  background-color: #f3f4f6;
+  color: #374151;
+}
+
+.auction-submit-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.auction-page .employeeCard {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+.uuid-click-field {
+    cursor: pointer;
+    color: #136906;
+    background: #dcffc7;
+    padding: 2px 8px;
+    border-radius: 30px;
+    position: relative;
+    transition: padding-right 0.1s ease-in-out, background 0.2s ease-in-out;
+    overflow: hidden; 
+}
+
+.uuid-click-field:hover {
+    padding-right: 20px;
+    background: #b0e0b0;
+}
+
+.uuid-click-field:after {
+    content: "";
+    position: absolute;
+    right: 4px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 18px; 
+    height: 18px;
+    background-image: url('data:image/svg+xml;utf8,<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M9.71069 18.2929C10.1012 18.6834 10.7344 18.6834 11.1249 18.2929L16.0123 13.4006C16.7927 12.6195 16.7924 11.3537 16.0117 10.5729L11.1213 5.68254C10.7308 5.29202 10.0976 5.29202 9.70708 5.68254C9.31655 6.07307 9.31655 6.70623 9.70708 7.09676L13.8927 11.2824C14.2833 11.6729 14.2833 12.3061 13.8927 12.6966L9.71069 16.8787C9.32016 17.2692 9.32016 17.9023 9.71069 18.2929Z" fill="%23136906"></path> </g></svg>');
+    background-size: contain;
+    background-repeat: no-repeat;
+    opacity: 0; 
+    transition: opacity 0.3s ease-in-out; 
+}
+
+
+.uuid-click-field:hover:after {
+    opacity: 1;
+}
+
+
+.auction-page .deonar-modal-content {
+  margin-top: 0;
+  padding: 0px 0px 60px !important;
+}
+.qa-field.radio .auction-field-wrapper {
+    padding: 8px;
+    border: 1px solid #8080805e;
+    border-radius: 8px;
 }

package/src/components/hoc/InboxComposer.scss

@@ -43,7 +43,7 @@
     .SubmitAndClearAllContainer {
       width: 100%;
       display: flex;
-      justify-content: end;
+      justify-content: flex-end;
       align-items: center;
       .clear-search {
         width: 30%;

package/src/components/inventory.scss

@@ -1,8 +1,8 @@
-/* Color Palette - Professional Blue Theme */
+/* Color Palette - BMC Gold Theme */
 :root {
-  --primary-color: #2563eb;
-  --primary-hover: #1d4ed8;
-  --primary-light: #dbeafe;
+  --primary-color: #d1b03f;
+  --primary-hover: #b49326;
+  --primary-light: #fffbeb;
   --secondary-color: #64748b;
   --secondary-light: #f1f5f9;
   --success-color: #059669;
@@ -10,8 +10,8 @@
   --danger-color: #dc2626;
   --dark-color: #1e293b;
   --light-color: #f8fafc;
-  --border-color: #e2e8f0;
-  --text-primary: #0f172a;
+  --border-color: #fde68a;
+  --text-primary: #92400e;
   --text-secondary: #64748b;
   --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
@@ -37,6 +37,15 @@ body {
   max-width: 2000px;
   margin: 0 auto;
   padding: 2rem;
+  line-height: 1.6;
+
+  * {
+    line-height: inherit;
+  }
+
+  p, span, div, label, h1, h2, h3, h4, h5, h6, td, th, li, button, input, select, textarea {
+    line-height: 1.6;
+  }
 }
 
 /* Header Styles */
@@ -114,9 +123,10 @@ body {
 .inventory_form-label {
   display: block;
   font-weight: 600;
-  color: var(--text-primary);
+  color: #92400e;
   margin-bottom: 0.5rem;
-  font-size: 0.95rem;
+  font-size: 0.85rem;
+  letter-spacing: 0.2px;
 }
 
 .inventory_required {
@@ -129,13 +139,13 @@ body {
 .inventory_form-select,
 .inventory_form-textarea {
   width: 100%;
-  padding: 10px;
-  border: 1px solid #000;
-  border-radius: 0px;
-  font-size: 16px;
-  transition: all 0.3s ease;
-  background: #e8f0fe;
-  color: #000;
+  padding: 10px 14px;
+  border: 1.5px solid #fde68a;
+  border-radius: 10px;
+  font-size: 14px;
+  transition: all 0.25s ease;
+  background: #fffbeb;
+  color: #1e293b;
   line-height: normal;
   height: 44px;
 }
@@ -144,11 +154,20 @@ body {
 .inventory_form-select:focus,
 .inventory_form-textarea:focus {
   outline: none;
-  border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+  border-color: #d1b03f;
+  box-shadow: 0 0 0 3px rgba(209, 176, 63, 0.15);
   transform: translateY(-1px);
 }
 
+.inventory_form-input:disabled,
+.inventory_form-select:disabled,
+.inventory_form-textarea:disabled {
+  background: #f9f6ee;
+  border-color: #e2e8f0;
+  color: #6b7280;
+  cursor: not-allowed;
+}
+
 .inventory_form-textarea {
   resize: vertical;
   min-height: 100px;
@@ -199,12 +218,12 @@ body {
 }
 
 .inventory_section-title {
-  font-size: 1.3rem;
-  font-weight: 600;
-  color: var(--primary-color);
-  margin-bottom: 1.5rem;
-  padding-bottom: 0.5rem;
-  border-bottom: 2px solid var(--primary-light);
+  font-size: 1rem;
+  font-weight: 700;
+  color: #b49326;
+  margin-bottom: 1.2rem;
+  padding-bottom: 0.4rem;
+  border-bottom: 2px solid #fde68a;
 }
 
 /* Button Styles */
@@ -806,7 +825,7 @@ body {
   font-size: 14px;
   color: var(--text-primary);
   vertical-align: middle;
-  line-height: 1.5;
+  line-height: 1.6;
 }
 
 .Inventory-table tbody td:last-child {

package/src/pages/citizen/DocumentList.scss

@@ -97,7 +97,7 @@
   display: flex;
   flex-wrap: wrap;
   gap:8px;
-  align-items: end;
+  align-items: flex-end;
   span {
     padding-right: 20px;
     & .views {