@egovernments/digit-ui-components-css 0.0.2-beta.22 → 0.0.2-beta.23

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## [0.0.2-beta.23] - 2024-08-22
+### Changed
+-  Fixed some css of old component overriding issue
+
 ## [0.0.2-beta.22] - 2024-08-16
 ### Changed
 -  Added css for Switch Component

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @egovernments/digit-ui-components-css - 0.0.2-beta.22
+ * @egovernments/digit-ui-components-css - 0.0.2-beta.23
  *
  * Copyright (c) 2024 Jagankumar <jagan.kumar@egovernments.org>
  * 
@@ -809,7 +809,7 @@
     float: right;
     margin-top: 12px; }
     .employee .topbar .right .user-img-txt {
-      background: #f47738;
+      background: #c84c0e;
       padding: 10px 15px;
       border-radius: 50%;
       color: #fff;
@@ -895,10 +895,10 @@
         border-top: 1px solid;
         border-bottom: 1px solid; }
     .citizen .sidebar .sidebar-link.active, .employee .sidebar .sidebar-link.active {
-      color: #f47738 !important;
+      color: #c84c0e !important;
       border-right: none; }
       .citizen .sidebar .sidebar-link.active svg, .employee .sidebar .sidebar-link.active svg {
-        fill: #f47738 !important; }
+        fill: #c84c0e !important; }
     .citizen .sidebar .sidebar-link .employee-search-input, .employee .sidebar .sidebar-link .employee-search-input {
       border: none;
       outline: none;
@@ -953,15 +953,15 @@
       .citizen .sidebar .dropdown-link:hover svg, .employee .sidebar .dropdown-link:hover svg {
         fill: #fe7a51 !important; }
     .citizen .sidebar .dropdown-link.active, .employee .sidebar .dropdown-link.active {
-      border-left: 4px solid #f47738;
-      color: #f47738 !important;
+      border-left: 4px solid #c84c0e;
+      color: #c84c0e !important;
       border-right: none; }
       .citizen .sidebar .dropdown-link.active.level-1, .employee .sidebar .dropdown-link.active.level-1 {
-        border-left: 8.5px solid #f47738; }
+        border-left: 8.5px solid #c84c0e; }
       .citizen .sidebar .dropdown-link.active.level-2, .employee .sidebar .dropdown-link.active.level-2 {
-        border-left: 4px solid #f47738; }
+        border-left: 4px solid #c84c0e; }
       .citizen .sidebar .dropdown-link.active svg, .employee .sidebar .dropdown-link.active svg {
-        fill: #f47738 !important; }
+        fill: #c84c0e !important; }
   .citizen .sidebar span, .employee .sidebar span {
     margin-left: 16px;
     text-overflow: ellipsis;
@@ -1061,8 +1061,8 @@
 
 .link {
   --text-opacity:1;
-  color: #f47738;
-  color: rgba(244, 119, 56, var(--text-opacity));
+  color: #c84c0e;
+  color: rgba(200, 76, 14, var(--text-opacity));
   cursor: pointer; }
   .link :hover {
     --text-opacity:1;
@@ -1227,7 +1227,7 @@
 .sidebar-link.active .custom-link {
   text-decoration: none; }
   .sidebar-link.active .custom-link div span {
-    color: #f47738 !important;
+    color: #c84c0e !important;
     text-decoration: none; }
 
 .bread-crumb a {
@@ -1420,18 +1420,18 @@ body {
   color: #1d70b8; }
 
 .application-details-link-button .download-button {
-  color: #f47738;
+  color: #c84c0e;
   margin-left: 8px; }
 
 .response-download-button .download-button {
-  color: #f47738;
+  color: #c84c0e;
   margin-left: 8px; }
 
 .form-pt-dropdown-only .options-card {
   position: unset; }
 
 .primary-label-btn svg {
-  fill: #f47738; }
+  fill: #c84c0e; }
 
 .react-time-picker__wrapper {
   border: 2px solid #0b0c0c;
@@ -1535,8 +1535,8 @@ body {
 
 .text-input input:hover, .text-input .digit-checkbox-container .input-emp:hover, .digit-checkbox-container .text-input .input-emp:hover {
   --border-opacity:1;
-  border: 1px solid #f47738;
-  border-color: rgba(244, 119, 56, var(--border-opacity)); }
+  border: 1px solid #c84c0e;
+  border-color: rgba(200, 76, 14, var(--border-opacity)); }
 
 .inbox-search-container .result {
   margin-top: 24px; }
@@ -1569,7 +1569,7 @@ body {
     padding: 8px 24px;
     color: #fff;
     cursor: pointer;
-    background-color: #f47738; }
+    background-color: #c84c0e; }
 
 .full-employee-card-link a {
   color: inherit;
@@ -2655,8 +2655,8 @@ ol, ul {
       line-height: 24px;
       --text-opacity:1; }
     .digit-card-based-options .digit-head-content p {
-      color: #f47738;
-      color: rgba(244, 119, 56, var(--text-opacity));
+      color: #c84c0e;
+      color: rgba(200, 76, 14, var(--text-opacity));
       font-weight: 500;
       cursor: pointer; }
   .digit-card-based-options .digit-main-content {
@@ -2681,7 +2681,7 @@ ol, ul {
         .digit-card-based-options .digit-main-content .digit-card-based-options-main-child-option .digit-child-option-image-wrapper svg {
           height: 20px;
           width: 20px;
-          fill: #f47738;
+          fill: #c84c0e;
           margin: auto; }
       .digit-card-based-options .digit-main-content .digit-card-based-options-main-child-option .digit-child-option-name {
         font-size: 12px;
@@ -2883,8 +2883,8 @@ ol, ul {
 .submit-bar-disabled {
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #f47738;
-  background-color: rgba(244, 119, 56, var(--bg-opacity));
+  background-color: #c84c0e;
+  background-color: rgba(200, 76, 14, var(--bg-opacity));
   text-align: center;
   width: 100%;
   outline: 2px solid transparent;
@@ -3382,8 +3382,8 @@ ol, ul {
   background-color: initial; }
   .text-input input:hover, .text-input .digit-checkbox-container .input-emp:hover, .digit-checkbox-container .text-input .input-emp:hover {
     --border-opacity:1;
-    border: 1px solid #f47738;
-    border-color: rgba(244, 119, 56, var(--border-opacity)); }
+    border: 1px solid #c84c0e;
+    border-color: rgba(200, 76, 14, var(--border-opacity)); }
 
 .card-input-error {
   --border-opacity:1;
@@ -3511,7 +3511,7 @@ ol, ul {
   margin-bottom: 24px; }
 
 .primary-label-btn svg {
-  fill: #f47738; }
+  fill: #c84c0e; }
 
 .digit-info-button {
   text-align: center;
@@ -7571,7 +7571,7 @@ img {
     .topbar .right svg {
       display: inline; }
     .topbar .right .user-img-txt {
-      background: #f47738;
+      background: #c84c0e;
       padding: .625rem .938rem;
       border-radius: 50%;
       color: #fff;
@@ -8910,7 +8910,7 @@ video::-webkit-media-controls-panel {
     box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.30196); }
 
 .bread-crumb.workbench-bredcrumb a {
-  color: #f47738; }
+  color: #c84c0e; }
 
 .workbench .workbench-create-form {
   display: inherit;
@@ -8991,7 +8991,7 @@ video::-webkit-media-controls-panel {
               -webkit-box-sizing: unset;
               box-sizing: unset; }
             .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control.form-select .digit__control--is-focused {
-              border-color: #f47738 !important; }
+              border-color: #c84c0e !important; }
             .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control.form-select .digit__control--is-focused, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control.form-select .digit__control:hover {
               -webkit-box-shadow: none;
               box-shadow: none;
@@ -9002,8 +9002,8 @@ video::-webkit-media-controls-panel {
             .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control.form-select .digit__control:hover {
               border-color: unset; }
           .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control.form-select:focus, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control .digit__control:focus, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control .digit__value-container:focus {
-            border-color: #f47738;
-            border-color: #f47738; }
+            border-color: #c84c0e;
+            border-color: #c84c0e; }
           .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control.form-select:focus {
             outline: 2px solid transparent;
             outline-offset: 2px; }
@@ -9016,7 +9016,7 @@ video::-webkit-media-controls-panel {
         .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control:focus {
           outline: 2px solid transparent;
           outline-offset: 2px;
-          border-color: #f47738; }
+          border-color: #c84c0e; }
         .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper textarea.form-control {
           height: 5rem; }
       .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-string {
@@ -9047,7 +9047,7 @@ video::-webkit-media-controls-panel {
             .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label input[type=checkbox], .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .digit-checkbox-container .input-emp[type=checkbox], .digit-checkbox-container .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .input-emp[type=checkbox] {
               height: 1.5rem; }
             .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label input[type=checkbox]#digit_root_active, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .digit-checkbox-container .input-emp[type=checkbox]#digit_root_active, .digit-checkbox-container .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .input-emp[type=checkbox]#digit_root_active {
-              accent-color: #f47738; }
+              accent-color: #c84c0e; }
             .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label input:checked, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .digit-checkbox-container .input-emp:checked, .digit-checkbox-container .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .input-emp:checked, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label input:hover, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .digit-checkbox-container .input-emp:hover, .digit-checkbox-container .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .checkbox label .input-emp:hover {
               border-width: 1px; }
         .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .field-radio-group {
@@ -9296,11 +9296,11 @@ video::-webkit-media-controls-panel {
   -ms-flex-direction: column;
   flex-direction: column; }
   .drag-drop-container .drag-drop-text .browse-text {
-    color: #f47738;
+    color: #c84c0e;
     -webkit-transition: color .3s;
     transition: color .3s; }
   .drag-drop-container .drag-drop-text .browse-text:hover {
-    color: #f47738;
+    color: #c84c0e;
     text-decoration: underline;
     cursor: pointer; }
 
@@ -9486,7 +9486,7 @@ h1, h2, h3, h4, h5, h6 {
     color: #1d70b8; }
 
 .clear-search-label {
-  color: #f47738;
+  color: #c84c0e;
   cursor: pointer; }
 
 .search-submit-bar {
@@ -9504,7 +9504,7 @@ h1, h2, h3, h4, h5, h6 {
   -ms-flex-align: center;
   align-items: center; }
   .application-details-link-button .download-button {
-    color: #f47738;
+    color: #c84c0e;
     margin-left: 8px; }
 
 .response-download-button {
@@ -9513,11 +9513,11 @@ h1, h2, h3, h4, h5, h6 {
   display: flex;
   margin-bottom: 8px; }
   .response-download-button .download-button {
-    color: #f47738;
+    color: #c84c0e;
     margin-left: 8px; }
 
 .check-page-link-button {
-  color: #f47738 !important; }
+  color: #c84c0e !important; }
 
 .pt-application-download-btn {
   display: -webkit-box;
@@ -9544,14 +9544,14 @@ h1, h2, h3, h4, h5, h6 {
   display: flex;
   grid-gap: 10px;
   gap: 10px;
-  color: #f47738;
+  color: #c84c0e;
   cursor: pointer;
   font-weight: 500;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content; }
   .primary-label-btn svg {
-    fill: #f47738; }
+    fill: #c84c0e; }
 
 .primaryColor {
   color: #0b0c0c !important; }
@@ -9778,8 +9778,8 @@ input[type=number], .digit-checkbox-container .input-emp[type=number] {
   width: 100%; }
   .text-input input:hover, .text-input .digit-checkbox-container .input-emp:hover, .digit-checkbox-container .text-input .input-emp:hover {
     --border-opacity:1;
-    border: 1px solid #f47738;
-    border-color: rgba(244, 119, 56, var(--border-opacity)); }
+    border: 1px solid #c84c0e;
+    border-color: rgba(200, 76, 14, var(--border-opacity)); }
 
 .text-input-width {
   max-width: 540px; }
@@ -9894,7 +9894,7 @@ input[type=number], .digit-checkbox-container .input-emp[type=number] {
       padding: 8px 24px;
       color: #fff;
       cursor: pointer;
-      background-color: #f47738; }
+      background-color: #c84c0e; }
 
 .error-boundary details, .error-boundary summary {
   width: 300px;