@pmidc/upyog-css 1.1.12 → 1.1.13

package/src/components/NewAccordianCitizen.scss

@@ -1,130 +1,130 @@
-.new-accordion-wrapper {
-  width: 100%;
-}
-
-.new-accordion-container {
-  background: #ffffff;
-  border: 1px solid #e5e7eb;
-  border-radius: 12px;
-  margin-bottom: 16px;
-  overflow: hidden;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-}
-
-/* HEADER */
-.new-accordion-header {
-  padding: 20px 24px;
-  background-color: #f9fafb;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-  transition: background-color 0.2s ease;
-}
-
-.new-accordion-header:hover {
-  background-color: #f3f4f6;
-}
-
-.new-accordion-title {
-  font-size: 16px;
-  font-weight: 600;
-  margin: 0;
-  color: #1f2937;
-}
-
-/* CHEVRON */
-.new-accordion-chevron {
-  transition: transform 0.3s ease;
-}
-
-.new-accordion-chevron.open {
-  transform: rotate(180deg);
-}
-
-/* CONTENT AREA */
-.new-accordion-content {
-  max-height: 0;
-  overflow: hidden;
-  transition: max-height 0.4s ease;
-}
-
-.new-accordion-content.open {
-  max-height: 2000px;
-}
-
-/* GRID */
-.new-accordion-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-  gap: 12px;
-  padding: 16px;
-}
-
-.new-accordion-grid.mobile {
-  grid-template-columns: 1fr;
-}
-
-.new-accordion-grid.no-grid {
-
-}
-
-/* CARD */
-.new-accordion-card {
-  padding: 16px;
-  border-radius: 10px;
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  text-decoration: none;
-  border: none;
-  transition: all 0.2s ease;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-.new-accordion-card:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-}
-
-/* ICON */
-.new-accordion-card-icon {
-  width: 40px;
-  height: 40px;
-  border-radius: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-/* TEXT */
-.new-accordion-card-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.new-accordion-card-title {
-  font-size: 14px;
-  font-weight: 500;
-  color: #1f2937;
-}
-
-.new-accordion-card-description {
-  font-size: 13px;
-  color: #6b7280;
-}
-
-/* Arrow */
-.new-accordion-card-arrow {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-/* INFO BOX */
-.new-accordion-info {
-  margin-top: 16px;
-}
+.new-accordion-wrapper {
+  width: 100%;
+}
+
+.new-accordion-container {
+  background: #ffffff;
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  margin-bottom: 16px;
+  overflow: hidden;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+/* HEADER */
+.new-accordion-header {
+  padding: 20px 24px;
+  background-color: #f9fafb;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.new-accordion-header:hover {
+  background-color: #f3f4f6;
+}
+
+.new-accordion-title {
+  font-size: 16px;
+  font-weight: 600;
+  margin: 0;
+  color: #1f2937;
+}
+
+/* CHEVRON */
+.new-accordion-chevron {
+  transition: transform 0.3s ease;
+}
+
+.new-accordion-chevron.open {
+  transform: rotate(180deg);
+}
+
+/* CONTENT AREA */
+.new-accordion-content {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.4s ease;
+}
+
+.new-accordion-content.open {
+  max-height: 2000px;
+}
+
+/* GRID */
+.new-accordion-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 12px;
+  padding: 16px;
+}
+
+.new-accordion-grid.mobile {
+  grid-template-columns: 1fr;
+}
+
+.new-accordion-grid.no-grid {
+
+}
+
+/* CARD */
+.new-accordion-card {
+  padding: 16px;
+  border-radius: 10px;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  text-decoration: none;
+  border: none;
+  transition: all 0.2s ease;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.new-accordion-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+}
+
+/* ICON */
+.new-accordion-card-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+/* TEXT */
+.new-accordion-card-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.new-accordion-card-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #1f2937;
+}
+
+.new-accordion-card-description {
+  font-size: 13px;
+  color: #6b7280;
+}
+
+/* Arrow */
+.new-accordion-card-arrow {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* INFO BOX */
+.new-accordion-info {
+  margin-top: 16px;
+}

package/src/components/OnGroundEventCard.scss

@@ -1,72 +1,72 @@
-.OnGroundEventCard{
-    box-shadow: 0px 1px 2px 0px #00000029;
-    @apply bg-white mx-sm mb-md p-md cursor-pointer;
-
-    .EventCalendarView{
-        width: 100px;
-        @apply inline-block mr-md;
-    }
-
-    .EventDetails{
-        width: calc( 100% - 116px );
-        @apply inline-block align-top;
-
-        h2{
-            @apply text-caption-m font-bold mb-md text-text-primary;
-        }
-
-        .EventLocation{
-            @apply flex mb-md;
-            svg{
-                @apply h-4 w-4;
-            }
-            p{
-                @apply text-body-s text-text-primary ml-sm;
-            }
-        }
-    
-        .EventTime{
-            @apply flex ;
-            svg{
-                @apply h-4 w-4;
-            }
-            p{
-                @apply text-body-s text-text-primary ml-sm;
-            }
-        }
-
-        .EventCategory{
-            p{
-                @apply text-body-s text-text-primary ;
-            }
-        }
-
-    }
-
-
-}
-
-@screen dt{
-    .OnGroundEventCard{
-        .EventDetails{
-            .EventLocation{
-                p{
-                    @apply text-body-s-dt;
-                }
-            }
-        
-            .EventTime{
-                p{
-                    @apply text-body-s-dt;
-                }
-            }
-    
-            .EventCategory{
-                p{
-                    @apply text-body-s-dt;
-                }
-            }
-    
-        }
-    }
+.OnGroundEventCard{
+    box-shadow: 0px 1px 2px 0px #00000029;
+    @apply bg-white mx-sm mb-md p-md cursor-pointer;
+
+    .EventCalendarView{
+        width: 100px;
+        @apply inline-block mr-md;
+    }
+
+    .EventDetails{
+        width: calc( 100% - 116px );
+        @apply inline-block align-top;
+
+        h2{
+            @apply text-caption-m font-bold mb-md text-text-primary;
+        }
+
+        .EventLocation{
+            @apply flex mb-md;
+            svg{
+                @apply h-4 w-4;
+            }
+            p{
+                @apply text-body-s text-text-primary ml-sm;
+            }
+        }
+    
+        .EventTime{
+            @apply flex ;
+            svg{
+                @apply h-4 w-4;
+            }
+            p{
+                @apply text-body-s text-text-primary ml-sm;
+            }
+        }
+
+        .EventCategory{
+            p{
+                @apply text-body-s text-text-primary ;
+            }
+        }
+
+    }
+
+
+}
+
+@screen dt{
+    .OnGroundEventCard{
+        .EventDetails{
+            .EventLocation{
+                p{
+                    @apply text-body-s-dt;
+                }
+            }
+        
+            .EventTime{
+                p{
+                    @apply text-body-s-dt;
+                }
+            }
+    
+            .EventCategory{
+                p{
+                    @apply text-body-s-dt;
+                }
+            }
+    
+        }
+    }
 }

package/src/components/PageBasedInput.scss

@@ -1,30 +1,30 @@
-.PageBasedInputWrapper {
-  .SubmitBar {
-    z-index: 60;
-    @apply p-sm fixed w-full bottom-0 left-0 text-right bg-white;
-  }
-  .SubmitBarInCardInDesktopView {
-    @apply hidden;
-  }
-  label {
-    margin-left: 0 !important;
-  }
-}
-
-@screen dt {
-  .PageBasedInputWrapper {
-    .SubmitBar {
-      @apply hidden;
-    }
-    .SubmitBarInCardInDesktopView {
-      @apply block;
-      position:relative;
-    }
-    .card {
-      max-width: 75%;
-    }
-    button {
-      max-width: 240px;
-    }
-  }
-}
+.PageBasedInputWrapper {
+  .SubmitBar {
+    z-index: 60;
+    @apply p-sm fixed w-full bottom-0 left-0 text-right bg-white;
+  }
+  .SubmitBarInCardInDesktopView {
+    @apply hidden;
+  }
+  label {
+    margin-left: 0 !important;
+  }
+}
+
+@screen dt {
+  .PageBasedInputWrapper {
+    .SubmitBar {
+      @apply hidden;
+    }
+    .SubmitBarInCardInDesktopView {
+      @apply block;
+      position:relative;
+    }
+    .card {
+      max-width: 75%;
+    }
+    button {
+      max-width: 240px;
+    }
+  }
+}

package/src/components/PopupHeadingLabel.scss

@@ -1,15 +1,15 @@
-.popupModalHeading{
-    @apply flex gap-3 mb-lg;
-    .headingIconAndLabel{
-        @apply flex gap-3 items-center;
-        svg{
-            @apply w-6 h-4;
-        }
-        h3{
-            @apply text-heading-l font-bold;
-        }
-    }
-    .popupResetFormButton{
-        @apply p-sm border border-solid border-text-primary border-opacity-25 self-center;
-    }
+.popupModalHeading{
+    @apply flex gap-3 mb-lg;
+    .headingIconAndLabel{
+        @apply flex gap-3 items-center;
+        svg{
+            @apply w-6 h-4;
+        }
+        h3{
+            @apply text-heading-l font-bold;
+        }
+    }
+    .popupResetFormButton{
+        @apply p-sm border border-solid border-text-primary border-opacity-25 self-center;
+    }
 }

package/src/components/PropertySearchForm.scss

@@ -1,58 +1,58 @@
-.PropertySearchForm {
-  .pt-search-action {
-    @apply w-full;
-    display: flex;
-    margin-right: 10px;
-    justify-content: end;
-    align-items: center;
-    .pt-search-action-submit button {
-      width: 100% !important;
-    }
-    .pt-search-action-reset {
-      text-align: right;
-      cursor: pointer;
-    }
-  }
-
-  .PropertySearchFormSwitcher{
-    border-bottom: 1px solid #d6d5d4;
-    cursor: pointer;
-    margin-bottom: 20px;
-    display: flex;
-    .non-selected {
-      color: #505a5f;
-      font-weight: 400;
-    }
-    .selected {
-      color: #2947a3;
-      font-weight: 700;
-      padding-bottom: 10px;
-      border-bottom: 2px solid #2947a3;
-    }
-    span {
-      margin-right: 20px;
-    }
-  }
-
-
-  .form-field {
-    width: 30% !important;
-    margin-bottom: 20px;
-  }
-  @media (min-width: 780px) {
-    .pt-form-field{
-      width: 30% !important;
-      margin-bottom: 20px;
-    }
-  }
-  @media (max-width: 780px) {
-  .form-field{
-    width: 100% !important;
-    margin-bottom: 15px;
-  }
-  .pt-form-field{
-    width: 100% !important;
-    margin-bottom: 15px;
-  }
-  }
-}
+.PropertySearchForm {
+  .pt-search-action {
+    @apply w-full;
+    display: flex;
+    margin-right: 10px;
+    justify-content: end;
+    align-items: center;
+    .pt-search-action-submit button {
+      width: 100% !important;
+    }
+    .pt-search-action-reset {
+      text-align: right;
+      cursor: pointer;
+    }
+  }
+
+  .PropertySearchFormSwitcher{
+    border-bottom: 1px solid #d6d5d4;
+    cursor: pointer;
+    margin-bottom: 20px;
+    display: flex;
+    .non-selected {
+      color: #505a5f;
+      font-weight: 400;
+    }
+    .selected {
+      color: #2947a3;
+      font-weight: 700;
+      padding-bottom: 10px;
+      border-bottom: 2px solid #2947a3;
+    }
+    span {
+      margin-right: 20px;
+    }
+  }
+
+
+  .form-field {
+    width: 30% !important;
+    margin-bottom: 20px;
+  }
+  @media (min-width: 780px) {
+    .pt-form-field{
+      width: 30% !important;
+      margin-bottom: 20px;
+    }
+  }
+  @media (max-width: 780px) {
+  .form-field{
+    width: 100% !important;
+    margin-bottom: 15px;
+  }
+  .pt-form-field{
+    width: 100% !important;
+    margin-bottom: 15px;
+  }
+  }
+}