@chipstcp/upyog-css 1.0.0 → 1.0.2

package/src/components/SearchForm.scss

@@ -1,57 +1,57 @@
-.search-form-wrapper{
-    @apply flex flex-wrap bg-white mb-lg py-lg pl-lg;
-    border-radius:8px;
-    .form-field, .field{
-        width: calc( 25% - 16px );
-        @apply inline-block mr-md align-middle;
-    }
-    .SubmitAndClearAllContainer{
-        @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;
-    }
-
-}
-
-@media (min-width: 780px) {
-    .search-form-wrapper{
-        .pt-form-field{
-            width: 30% !important;
-            margin-bottom: 20px;
-          }
-    }
-  }
-  @media (max-width: 780px) {
-    .search-form-wrapper{
-        .pt-form-field{
-            width: 100% !important;
-            margin-bottom: 15px;
-          }
-    }
+.search-form-wrapper{
+    @apply flex flex-wrap bg-white mb-lg py-lg pl-lg;
+    border-radius:8px;
+    .form-field, .field{
+        width: calc( 25% - 16px );
+        @apply inline-block mr-md align-middle;
+    }
+    .SubmitAndClearAllContainer{
+        @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;
+    }
+
+}
+
+@media (min-width: 780px) {
+    .search-form-wrapper{
+        .pt-form-field{
+            width: 30% !important;
+            margin-bottom: 20px;
+          }
+    }
+  }
+  @media (max-width: 780px) {
+    .search-form-wrapper{
+        .pt-form-field{
+            width: 100% !important;
+            margin-bottom: 15px;
+          }
+    }
 }

package/src/components/SearchOnRadioButton.scss

@@ -1,10 +1,10 @@
-.SearchOnRadioButton{
-    svg{
-        fill: #505A5F;
-        width: 24px;
-        height: 24px;
-        top: 8px;
-        right: 8px;
-        @apply absolute;
-    }
+.SearchOnRadioButton{
+    svg{
+        fill: #505A5F;
+        width: 24px;
+        height: 24px;
+        top: 8px;
+        right: 8px;
+        @apply absolute;
+    }
 }

package/src/components/StandaloneSearchBar.scss

@@ -1,10 +1,10 @@
-.StandaloneSearchBar{
-    @apply bg-white flex rounded-3xl px-md py-sm w-full;
-    svg{
-        fill: #505A5F;
-        @apply mr-md;
-    }
-    input{
-        @apply w-full mr-md outline-none;
-    }
+.StandaloneSearchBar{
+    @apply bg-white flex rounded-3xl px-md py-sm w-full;
+    svg{
+        fill: #505A5F;
+        @apply mr-md;
+    }
+    input{
+        @apply w-full mr-md outline-none;
+    }
 }

package/src/components/SurveyModal.scss

@@ -1,195 +1,195 @@
-.survey-modal-wrapper {
-  padding: 0;
-  background-color: #f9fafb;
-}
-
-.survey-modal-loader {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 300px;
-}
-
-/* Cards Container */
-.survey-cards-container {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-  gap: 20px;
-  padding: 24px;
-  background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
-}
-
-/* Individual Survey Card */
-.survey-card {
-  background: #ffffff;
-  border-radius: 12px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  overflow: hidden;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  border: 1px solid #e5e7eb;
-}
-
-.survey-card:hover {
-  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.15);
-  transform: translateY(-4px);
-  border-color: #2563eb;
-}
-
-/* Card Header */
-.survey-card-header {
-  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
-  padding: 16px 20px;
-  color: white;
-  border-bottom: 3px solid #1d4ed8;
-}
-
-.survey-card-title {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.4;
-  word-break: break-word;
-}
-
-/* Card Content */
-.survey-card-content {
-  flex: 1;
-  padding: 20px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.survey-card-item {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.survey-card-label {
-  font-size: 12px;
-  font-weight: 600;
-  color: #6b7280;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-
-.survey-card-value {
-  font-size: 14px;
-  color: #1f2937;
-  line-height: 1.5;
-  word-break: break-word;
-}
-
-/* Card Footer */
-.survey-card-footer {
-  padding: 16px 20px;
-  border-top: 1px solid #e5e7eb;
-  background-color: #f9fafb;
-}
-
-.survey-card-footer button {
-  width: 100%;
-}
-
-/* Empty State */
-.survey-modal-empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 300px;
-  padding: 40px 20px;
-  background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
-}
-
-.survey-modal-empty-state-text {
-  margin: 0;
-  text-align: center;
-  color: #6b7280;
-  line-height: 1.6;
-}
-
-.survey-modal-empty-state-text:first-child {
-  font-size: 16px;
-  font-weight: 500;
-  color: #374151;
-  margin-bottom: 8px;
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-  .survey-cards-container {
-    grid-template-columns: 1fr;
-    gap: 16px;
-    padding: 16px;
-  }
-
-  .survey-card {
-    border-radius: 8px;
-  }
-
-  .survey-card-title {
-    font-size: 15px;
-  }
-
-  .survey-card-content {
-    padding: 16px;
-    gap: 12px;
-  }
-
-  .survey-card-footer {
-    padding: 12px 16px;
-  }
-
-  .survey-card-label {
-    font-size: 11px;
-  }
-
-  .survey-card-value {
-    font-size: 13px;
-  }
-}
-
-@media (max-width: 480px) {
-  .survey-cards-container {
-    padding: 12px;
-    gap: 12px;
-  }
-
-  .survey-card-header {
-    padding: 12px 16px;
-  }
-
-  .survey-card-content {
-    padding: 12px 16px;
-  }
-
-  .survey-card-footer {
-    padding: 10px 16px;
-  }
-}
-
-/* Animation */
-@keyframes slideIn {
-  from {
-    opacity: 0;
-    transform: translateY(8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.survey-card {
-  animation: slideIn 0.3s ease-out;
-}
-
-/* Loading State */
-.survey-modal-loader {
-  background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
-}
+.survey-modal-wrapper {
+  padding: 0;
+  background-color: #f9fafb;
+}
+
+.survey-modal-loader {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 300px;
+}
+
+/* Cards Container */
+.survey-cards-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  gap: 20px;
+  padding: 24px;
+  background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
+}
+
+/* Individual Survey Card */
+.survey-card {
+  background: #ffffff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  border: 1px solid #e5e7eb;
+}
+
+.survey-card:hover {
+  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.15);
+  transform: translateY(-4px);
+  border-color: #2563eb;
+}
+
+/* Card Header */
+.survey-card-header {
+  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
+  padding: 16px 20px;
+  color: white;
+  border-bottom: 3px solid #1d4ed8;
+}
+
+.survey-card-title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+  word-break: break-word;
+}
+
+/* Card Content */
+.survey-card-content {
+  flex: 1;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.survey-card-item {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.survey-card-label {
+  font-size: 12px;
+  font-weight: 600;
+  color: #6b7280;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.survey-card-value {
+  font-size: 14px;
+  color: #1f2937;
+  line-height: 1.5;
+  word-break: break-word;
+}
+
+/* Card Footer */
+.survey-card-footer {
+  padding: 16px 20px;
+  border-top: 1px solid #e5e7eb;
+  background-color: #f9fafb;
+}
+
+.survey-card-footer button {
+  width: 100%;
+}
+
+/* Empty State */
+.survey-modal-empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
+  padding: 40px 20px;
+  background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
+}
+
+.survey-modal-empty-state-text {
+  margin: 0;
+  text-align: center;
+  color: #6b7280;
+  line-height: 1.6;
+}
+
+.survey-modal-empty-state-text:first-child {
+  font-size: 16px;
+  font-weight: 500;
+  color: #374151;
+  margin-bottom: 8px;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  .survey-cards-container {
+    grid-template-columns: 1fr;
+    gap: 16px;
+    padding: 16px;
+  }
+
+  .survey-card {
+    border-radius: 8px;
+  }
+
+  .survey-card-title {
+    font-size: 15px;
+  }
+
+  .survey-card-content {
+    padding: 16px;
+    gap: 12px;
+  }
+
+  .survey-card-footer {
+    padding: 12px 16px;
+  }
+
+  .survey-card-label {
+    font-size: 11px;
+  }
+
+  .survey-card-value {
+    font-size: 13px;
+  }
+}
+
+@media (max-width: 480px) {
+  .survey-cards-container {
+    padding: 12px;
+    gap: 12px;
+  }
+
+  .survey-card-header {
+    padding: 12px 16px;
+  }
+
+  .survey-card-content {
+    padding: 12px 16px;
+  }
+
+  .survey-card-footer {
+    padding: 10px 16px;
+  }
+}
+
+/* Animation */
+@keyframes slideIn {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.survey-card {
+  animation: slideIn 0.3s ease-out;
+}
+
+/* Loading State */
+.survey-modal-loader {
+  background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
+}