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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.0.2-beta.23] - 2024-08-22
4
+ ### Changed
5
+ - Fixed some css of old component overriding issue
6
+
7
+ ## [0.0.2-beta.22] - 2024-08-16
8
+ ### Changed
9
+ - Added css for Switch Component
10
+
3
11
  ## [0.0.2-beta.21] - 2024-08-07
4
12
  ### Changed
5
13
  - Updated css for Tooltip Component
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @egovernments/digit-ui-components-css - 0.0.2-beta.21
2
+ * @egovernments/digit-ui-components-css - 0.0.2-beta.23
3
3
  *
4
4
  * Copyright (c) 2024 Jagankumar <jagan.kumar@egovernments.org>
5
5
  *
@@ -809,7 +809,7 @@
809
809
  float: right;
810
810
  margin-top: 12px; }
811
811
  .employee .topbar .right .user-img-txt {
812
- background: #f47738;
812
+ background: #c84c0e;
813
813
  padding: 10px 15px;
814
814
  border-radius: 50%;
815
815
  color: #fff;
@@ -895,10 +895,10 @@
895
895
  border-top: 1px solid;
896
896
  border-bottom: 1px solid; }
897
897
  .citizen .sidebar .sidebar-link.active, .employee .sidebar .sidebar-link.active {
898
- color: #f47738 !important;
898
+ color: #c84c0e !important;
899
899
  border-right: none; }
900
900
  .citizen .sidebar .sidebar-link.active svg, .employee .sidebar .sidebar-link.active svg {
901
- fill: #f47738 !important; }
901
+ fill: #c84c0e !important; }
902
902
  .citizen .sidebar .sidebar-link .employee-search-input, .employee .sidebar .sidebar-link .employee-search-input {
903
903
  border: none;
904
904
  outline: none;
@@ -953,15 +953,15 @@
953
953
  .citizen .sidebar .dropdown-link:hover svg, .employee .sidebar .dropdown-link:hover svg {
954
954
  fill: #fe7a51 !important; }
955
955
  .citizen .sidebar .dropdown-link.active, .employee .sidebar .dropdown-link.active {
956
- border-left: 4px solid #f47738;
957
- color: #f47738 !important;
956
+ border-left: 4px solid #c84c0e;
957
+ color: #c84c0e !important;
958
958
  border-right: none; }
959
959
  .citizen .sidebar .dropdown-link.active.level-1, .employee .sidebar .dropdown-link.active.level-1 {
960
- border-left: 8.5px solid #f47738; }
960
+ border-left: 8.5px solid #c84c0e; }
961
961
  .citizen .sidebar .dropdown-link.active.level-2, .employee .sidebar .dropdown-link.active.level-2 {
962
- border-left: 4px solid #f47738; }
962
+ border-left: 4px solid #c84c0e; }
963
963
  .citizen .sidebar .dropdown-link.active svg, .employee .sidebar .dropdown-link.active svg {
964
- fill: #f47738 !important; }
964
+ fill: #c84c0e !important; }
965
965
  .citizen .sidebar span, .employee .sidebar span {
966
966
  margin-left: 16px;
967
967
  text-overflow: ellipsis;
@@ -1061,8 +1061,8 @@
1061
1061
 
1062
1062
  .link {
1063
1063
  --text-opacity:1;
1064
- color: #f47738;
1065
- color: rgba(244, 119, 56, var(--text-opacity));
1064
+ color: #c84c0e;
1065
+ color: rgba(200, 76, 14, var(--text-opacity));
1066
1066
  cursor: pointer; }
1067
1067
  .link :hover {
1068
1068
  --text-opacity:1;
@@ -1227,7 +1227,7 @@
1227
1227
  .sidebar-link.active .custom-link {
1228
1228
  text-decoration: none; }
1229
1229
  .sidebar-link.active .custom-link div span {
1230
- color: #f47738 !important;
1230
+ color: #c84c0e !important;
1231
1231
  text-decoration: none; }
1232
1232
 
1233
1233
  .bread-crumb a {
@@ -1305,22 +1305,133 @@ body {
1305
1305
  .h1, .link-label {
1306
1306
  margin-left: 0; } }
1307
1307
 
1308
+ .digit-bottom-sheet {
1309
+ position: fixed;
1310
+ left: 0;
1311
+ right: 0;
1312
+ bottom: 0;
1313
+ -webkit-transition: height .3s ease;
1314
+ transition: height .3s ease;
1315
+ background-color: #fff;
1316
+ -webkit-box-shadow: 0 -0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.14902);
1317
+ box-shadow: 0 -0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.14902);
1318
+ overflow: hidden;
1319
+ border-radius: .75rem .75rem 0 0;
1320
+ display: -webkit-box;
1321
+ display: -ms-flexbox;
1322
+ display: flex;
1323
+ -webkit-box-orient: vertical;
1324
+ -webkit-box-direction: normal;
1325
+ -ms-flex-direction: column;
1326
+ flex-direction: column; }
1327
+ .digit-bottom-sheet.full {
1328
+ border-radius: 0; }
1329
+
1330
+ .digit-bottom-sheet.closed {
1331
+ height: 2.5rem; }
1332
+ .digit-bottom-sheet.closed.actionsEnabled {
1333
+ height: -webkit-fit-content;
1334
+ height: -moz-fit-content;
1335
+ height: fit-content; }
1336
+
1337
+ .digit-bottom-sheet.fixed {
1338
+ height: 30vh; }
1339
+
1340
+ .digit-bottom-sheet.quarter {
1341
+ height: 50vh; }
1342
+
1343
+ .digit-bottom-sheet.intermediate {
1344
+ height: 75vh; }
1345
+
1346
+ .digit-bottom-sheet.full {
1347
+ height: calc(100vh - 3.5rem); }
1348
+
1349
+ .digit-bottom-sheet-header {
1350
+ display: -webkit-box;
1351
+ display: -ms-flexbox;
1352
+ display: flex;
1353
+ -webkit-box-pack: center;
1354
+ -ms-flex-pack: center;
1355
+ justify-content: center;
1356
+ height: 2.5rem;
1357
+ cursor: pointer; }
1358
+ .digit-bottom-sheet-header.fixed, .digit-bottom-sheet-header.full, .digit-bottom-sheet-header.intermediate, .digit-bottom-sheet-header.quarter {
1359
+ height: 1.875rem; }
1360
+ .digit-bottom-sheet-header.actionsEnabled {
1361
+ height: 1.5rem; }
1362
+
1363
+ .digit-bottom-sheet-content {
1364
+ padding: 1rem;
1365
+ overflow-y: scroll;
1366
+ display: -webkit-box;
1367
+ display: -ms-flexbox;
1368
+ display: flex;
1369
+ -webkit-box-orient: vertical;
1370
+ -webkit-box-direction: normal;
1371
+ -ms-flex-direction: column;
1372
+ flex-direction: column;
1373
+ grid-gap: 1rem;
1374
+ gap: 1rem; }
1375
+
1376
+ .digit-bottom-sheet-handle-indicator {
1377
+ width: 6.25rem;
1378
+ height: .375rem;
1379
+ border-radius: .25rem;
1380
+ background-color: #d9d9d9;
1381
+ margin: .5rem 0; }
1382
+
1383
+ .digit-bottom-sheet-actions {
1384
+ padding: 1rem;
1385
+ display: -webkit-box;
1386
+ display: -ms-flexbox;
1387
+ display: flex;
1388
+ grid-gap: 1.5rem;
1389
+ gap: 1.5rem;
1390
+ background-color: #fff;
1391
+ -webkit-box-shadow: 0 0.063rem 0.188rem 0.063rem rgba(0, 0, 0, 0.14902);
1392
+ box-shadow: 0 0.063rem 0.188rem 0.063rem rgba(0, 0, 0, 0.14902);
1393
+ -webkit-box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.30196);
1394
+ box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.30196);
1395
+ -webkit-box-pack: end;
1396
+ -ms-flex-pack: end;
1397
+ justify-content: flex-end; }
1398
+ .digit-bottom-sheet-actions.equallButtons {
1399
+ -webkit-box-pack: start;
1400
+ -ms-flex-pack: start;
1401
+ justify-content: flex-start; }
1402
+ .digit-bottom-sheet-actions.equallButtons button {
1403
+ -webkit-box-flex: 1;
1404
+ -ms-flex: 1;
1405
+ flex: 1; }
1406
+
1407
+ .digit-bottom-sheet-content::-webkit-scrollbar {
1408
+ width: .375rem;
1409
+ background-color: #eee; }
1410
+
1411
+ .digit-bottom-sheet-content::-webkit-scrollbar-track {
1412
+ background-color: #eee;
1413
+ border-radius: .563rem; }
1414
+
1415
+ .digit-bottom-sheet-content::-webkit-scrollbar-thumb {
1416
+ background-color: #d6d5d4;
1417
+ border-radius: .563rem; }
1418
+
1308
1419
  .home-link a {
1309
1420
  color: #1d70b8; }
1310
1421
 
1311
1422
  .application-details-link-button .download-button {
1312
- color: #f47738;
1423
+ color: #c84c0e;
1313
1424
  margin-left: 8px; }
1314
1425
 
1315
1426
  .response-download-button .download-button {
1316
- color: #f47738;
1427
+ color: #c84c0e;
1317
1428
  margin-left: 8px; }
1318
1429
 
1319
1430
  .form-pt-dropdown-only .options-card {
1320
1431
  position: unset; }
1321
1432
 
1322
1433
  .primary-label-btn svg {
1323
- fill: #f47738; }
1434
+ fill: #c84c0e; }
1324
1435
 
1325
1436
  .react-time-picker__wrapper {
1326
1437
  border: 2px solid #0b0c0c;
@@ -1424,8 +1535,8 @@ body {
1424
1535
 
1425
1536
  .text-input input:hover, .text-input .digit-checkbox-container .input-emp:hover, .digit-checkbox-container .text-input .input-emp:hover {
1426
1537
  --border-opacity:1;
1427
- border: 1px solid #f47738;
1428
- border-color: rgba(244, 119, 56, var(--border-opacity)); }
1538
+ border: 1px solid #c84c0e;
1539
+ border-color: rgba(200, 76, 14, var(--border-opacity)); }
1429
1540
 
1430
1541
  .inbox-search-container .result {
1431
1542
  margin-top: 24px; }
@@ -1458,7 +1569,7 @@ body {
1458
1569
  padding: 8px 24px;
1459
1570
  color: #fff;
1460
1571
  cursor: pointer;
1461
- background-color: #f47738; }
1572
+ background-color: #c84c0e; }
1462
1573
 
1463
1574
  .full-employee-card-link a {
1464
1575
  color: inherit;
@@ -1831,18 +1942,18 @@ body {
1831
1942
  font-size: 1.25rem; } }
1832
1943
 
1833
1944
  @media (max-aspect-ratio: 9 / 16) {
1834
- .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
1945
+ .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
1835
1946
  font-size: .875rem; } }
1836
1947
 
1837
1948
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
1838
- .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
1949
+ .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
1839
1950
  font-size: 1rem; } }
1840
1951
 
1841
1952
  @media (min-aspect-ratio: 3 / 4) {
1842
- .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
1953
+ .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
1843
1954
  font-size: 1rem; } }
1844
1955
 
1845
- .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text, .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label {
1956
+ .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text, .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label {
1846
1957
  font-family: Roboto;
1847
1958
  font-style: normal;
1848
1959
  font-weight: 400;
@@ -2544,8 +2655,8 @@ ol, ul {
2544
2655
  line-height: 24px;
2545
2656
  --text-opacity:1; }
2546
2657
  .digit-card-based-options .digit-head-content p {
2547
- color: #f47738;
2548
- color: rgba(244, 119, 56, var(--text-opacity));
2658
+ color: #c84c0e;
2659
+ color: rgba(200, 76, 14, var(--text-opacity));
2549
2660
  font-weight: 500;
2550
2661
  cursor: pointer; }
2551
2662
  .digit-card-based-options .digit-main-content {
@@ -2570,7 +2681,7 @@ ol, ul {
2570
2681
  .digit-card-based-options .digit-main-content .digit-card-based-options-main-child-option .digit-child-option-image-wrapper svg {
2571
2682
  height: 20px;
2572
2683
  width: 20px;
2573
- fill: #f47738;
2684
+ fill: #c84c0e;
2574
2685
  margin: auto; }
2575
2686
  .digit-card-based-options .digit-main-content .digit-card-based-options-main-child-option .digit-child-option-name {
2576
2687
  font-size: 12px;
@@ -2772,8 +2883,8 @@ ol, ul {
2772
2883
  .submit-bar-disabled {
2773
2884
  height: 2.5rem;
2774
2885
  --bg-opacity:1;
2775
- background-color: #f47738;
2776
- background-color: rgba(244, 119, 56, var(--bg-opacity));
2886
+ background-color: #c84c0e;
2887
+ background-color: rgba(200, 76, 14, var(--bg-opacity));
2777
2888
  text-align: center;
2778
2889
  width: 100%;
2779
2890
  outline: 2px solid transparent;
@@ -3271,8 +3382,8 @@ ol, ul {
3271
3382
  background-color: initial; }
3272
3383
  .text-input input:hover, .text-input .digit-checkbox-container .input-emp:hover, .digit-checkbox-container .text-input .input-emp:hover {
3273
3384
  --border-opacity:1;
3274
- border: 1px solid #f47738;
3275
- border-color: rgba(244, 119, 56, var(--border-opacity)); }
3385
+ border: 1px solid #c84c0e;
3386
+ border-color: rgba(200, 76, 14, var(--border-opacity)); }
3276
3387
 
3277
3388
  .card-input-error {
3278
3389
  --border-opacity:1;
@@ -3400,7 +3511,7 @@ ol, ul {
3400
3511
  margin-bottom: 24px; }
3401
3512
 
3402
3513
  .primary-label-btn svg {
3403
- fill: #f47738; }
3514
+ fill: #c84c0e; }
3404
3515
 
3405
3516
  .digit-info-button {
3406
3517
  text-align: center;
@@ -5463,6 +5574,104 @@ ol, ul {
5463
5574
  background-color: #d6d5d4;
5464
5575
  border-radius: .563rem; }
5465
5576
 
5577
+ .digit-switch, .digit-switch-container {
5578
+ display: -webkit-box;
5579
+ display: -ms-flexbox;
5580
+ display: flex;
5581
+ -webkit-box-align: center;
5582
+ -ms-flex-align: center;
5583
+ align-items: center; }
5584
+
5585
+ .digit-switch {
5586
+ width: 2.75rem;
5587
+ height: 1.5rem;
5588
+ background-color: #bfbfbf;
5589
+ border-radius: 1rem;
5590
+ position: relative;
5591
+ cursor: pointer;
5592
+ -webkit-transition: background-color .2s ease;
5593
+ transition: background-color .2s ease;
5594
+ -ms-flex-negative: 0;
5595
+ flex-shrink: 0;
5596
+ -webkit-animation-timing-function: ease-out;
5597
+ animation-timing-function: ease-out;
5598
+ -webkit-animation-duration: .15s;
5599
+ animation-duration: .15s;
5600
+ -webkit-box-pack: center;
5601
+ -ms-flex-pack: center;
5602
+ justify-content: center; }
5603
+ .digit-switch[focus-within] {
5604
+ outline: none; }
5605
+ .digit-switch:focus-within {
5606
+ outline: none; }
5607
+
5608
+ .digit-switch.checked {
5609
+ background-color: #c84c0e; }
5610
+
5611
+ .digit-switch-toggle {
5612
+ width: 1.125rem;
5613
+ height: 1.125rem;
5614
+ background-color: #fff;
5615
+ border-radius: 50%;
5616
+ position: absolute;
5617
+ left: .125rem;
5618
+ -webkit-transition: left .2s ease;
5619
+ transition: left .2s ease;
5620
+ -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 35, 11, 0.2);
5621
+ box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 35, 11, 0.2); }
5622
+
5623
+ .digit-switch.checked .digit-switch-toggle {
5624
+ left: 1.5rem;
5625
+ background-color: #fff; }
5626
+
5627
+ .digit-switch-label {
5628
+ margin-left: .5rem;
5629
+ font-family: Roboto;
5630
+ font-style: normal;
5631
+ font-weight: 400;
5632
+ line-height: 1.37rem;
5633
+ text-align: left;
5634
+ word-break: break-word;
5635
+ letter-spacing: 0;
5636
+ color: #787878; }
5637
+ @media (max-aspect-ratio: 9 / 16) {
5638
+ .digit-switch-label {
5639
+ font-size: .875rem; } }
5640
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5641
+ .digit-switch-label {
5642
+ font-size: 1rem; } }
5643
+ @media (min-aspect-ratio: 3 / 4) {
5644
+ .digit-switch-label {
5645
+ font-size: 1rem; } }
5646
+ .digit-switch-label.labelFirst {
5647
+ margin: 0 .5rem 0 0; }
5648
+
5649
+ .digit-switch-shape-on {
5650
+ position: absolute;
5651
+ top: .5rem;
5652
+ width: .125rem;
5653
+ height: .5rem;
5654
+ border-radius: .063rem;
5655
+ left: .625rem;
5656
+ background-color: #fbeee8; }
5657
+
5658
+ .digit-switch-shape-off {
5659
+ position: absolute;
5660
+ top: .5rem;
5661
+ width: .5rem;
5662
+ height: .5rem;
5663
+ right: .5rem;
5664
+ background-color: initial;
5665
+ border-radius: 50%;
5666
+ border: .063rem solid #eee; }
5667
+
5668
+ .digit-switch-container.switch-disabled .digit-switch {
5669
+ cursor: not-allowed;
5670
+ pointer-events: none; }
5671
+
5672
+ .digit-switch-container.switch-disabled .digit-switch-label {
5673
+ color: #c5c5c5; }
5674
+
5466
5675
  .selection-card-container {
5467
5676
  -webkit-box-orient: vertical;
5468
5677
  -webkit-box-direction: normal;
@@ -7362,7 +7571,7 @@ img {
7362
7571
  .topbar .right svg {
7363
7572
  display: inline; }
7364
7573
  .topbar .right .user-img-txt {
7365
- background: #f47738;
7574
+ background: #c84c0e;
7366
7575
  padding: .625rem .938rem;
7367
7576
  border-radius: 50%;
7368
7577
  color: #fff;
@@ -8701,7 +8910,7 @@ video::-webkit-media-controls-panel {
8701
8910
  box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.30196); }
8702
8911
 
8703
8912
  .bread-crumb.workbench-bredcrumb a {
8704
- color: #f47738; }
8913
+ color: #c84c0e; }
8705
8914
 
8706
8915
  .workbench .workbench-create-form {
8707
8916
  display: inherit;
@@ -8782,7 +8991,7 @@ video::-webkit-media-controls-panel {
8782
8991
  -webkit-box-sizing: unset;
8783
8992
  box-sizing: unset; }
8784
8993
  .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control.form-select .digit__control--is-focused {
8785
- border-color: #f47738 !important; }
8994
+ border-color: #c84c0e !important; }
8786
8995
  .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 {
8787
8996
  -webkit-box-shadow: none;
8788
8997
  box-shadow: none;
@@ -8793,8 +9002,8 @@ video::-webkit-media-controls-panel {
8793
9002
  .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control.form-select .digit__control:hover {
8794
9003
  border-color: unset; }
8795
9004
  .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 {
8796
- border-color: #f47738;
8797
- border-color: #f47738; }
9005
+ border-color: #c84c0e;
9006
+ border-color: #c84c0e; }
8798
9007
  .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control.form-select:focus {
8799
9008
  outline: 2px solid transparent;
8800
9009
  outline-offset: 2px; }
@@ -8807,7 +9016,7 @@ video::-webkit-media-controls-panel {
8807
9016
  .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper .form-control:focus {
8808
9017
  outline: 2px solid transparent;
8809
9018
  outline-offset: 2px;
8810
- border-color: #f47738; }
9019
+ border-color: #c84c0e; }
8811
9020
  .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .all-input-field-wrapper textarea.form-control {
8812
9021
  height: 5rem; }
8813
9022
  .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-string {
@@ -8838,7 +9047,7 @@ video::-webkit-media-controls-panel {
8838
9047
  .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] {
8839
9048
  height: 1.5rem; }
8840
9049
  .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 {
8841
- accent-color: #f47738; }
9050
+ accent-color: #c84c0e; }
8842
9051
  .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 {
8843
9052
  border-width: 1px; }
8844
9053
  .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field.field-boolean .field-radio-group {
@@ -9087,11 +9296,11 @@ video::-webkit-media-controls-panel {
9087
9296
  -ms-flex-direction: column;
9088
9297
  flex-direction: column; }
9089
9298
  .drag-drop-container .drag-drop-text .browse-text {
9090
- color: #f47738;
9299
+ color: #c84c0e;
9091
9300
  -webkit-transition: color .3s;
9092
9301
  transition: color .3s; }
9093
9302
  .drag-drop-container .drag-drop-text .browse-text:hover {
9094
- color: #f47738;
9303
+ color: #c84c0e;
9095
9304
  text-decoration: underline;
9096
9305
  cursor: pointer; }
9097
9306
 
@@ -9277,7 +9486,7 @@ h1, h2, h3, h4, h5, h6 {
9277
9486
  color: #1d70b8; }
9278
9487
 
9279
9488
  .clear-search-label {
9280
- color: #f47738;
9489
+ color: #c84c0e;
9281
9490
  cursor: pointer; }
9282
9491
 
9283
9492
  .search-submit-bar {
@@ -9295,7 +9504,7 @@ h1, h2, h3, h4, h5, h6 {
9295
9504
  -ms-flex-align: center;
9296
9505
  align-items: center; }
9297
9506
  .application-details-link-button .download-button {
9298
- color: #f47738;
9507
+ color: #c84c0e;
9299
9508
  margin-left: 8px; }
9300
9509
 
9301
9510
  .response-download-button {
@@ -9304,11 +9513,11 @@ h1, h2, h3, h4, h5, h6 {
9304
9513
  display: flex;
9305
9514
  margin-bottom: 8px; }
9306
9515
  .response-download-button .download-button {
9307
- color: #f47738;
9516
+ color: #c84c0e;
9308
9517
  margin-left: 8px; }
9309
9518
 
9310
9519
  .check-page-link-button {
9311
- color: #f47738 !important; }
9520
+ color: #c84c0e !important; }
9312
9521
 
9313
9522
  .pt-application-download-btn {
9314
9523
  display: -webkit-box;
@@ -9335,14 +9544,14 @@ h1, h2, h3, h4, h5, h6 {
9335
9544
  display: flex;
9336
9545
  grid-gap: 10px;
9337
9546
  gap: 10px;
9338
- color: #f47738;
9547
+ color: #c84c0e;
9339
9548
  cursor: pointer;
9340
9549
  font-weight: 500;
9341
9550
  width: -webkit-fit-content;
9342
9551
  width: -moz-fit-content;
9343
9552
  width: fit-content; }
9344
9553
  .primary-label-btn svg {
9345
- fill: #f47738; }
9554
+ fill: #c84c0e; }
9346
9555
 
9347
9556
  .primaryColor {
9348
9557
  color: #0b0c0c !important; }
@@ -9569,8 +9778,8 @@ input[type=number], .digit-checkbox-container .input-emp[type=number] {
9569
9778
  width: 100%; }
9570
9779
  .text-input input:hover, .text-input .digit-checkbox-container .input-emp:hover, .digit-checkbox-container .text-input .input-emp:hover {
9571
9780
  --border-opacity:1;
9572
- border: 1px solid #f47738;
9573
- border-color: rgba(244, 119, 56, var(--border-opacity)); }
9781
+ border: 1px solid #c84c0e;
9782
+ border-color: rgba(200, 76, 14, var(--border-opacity)); }
9574
9783
 
9575
9784
  .text-input-width {
9576
9785
  max-width: 540px; }
@@ -9685,7 +9894,7 @@ input[type=number], .digit-checkbox-container .input-emp[type=number] {
9685
9894
  padding: 8px 24px;
9686
9895
  color: #fff;
9687
9896
  cursor: pointer;
9688
- background-color: #f47738; }
9897
+ background-color: #c84c0e; }
9689
9898
 
9690
9899
  .error-boundary details, .error-boundary summary {
9691
9900
  width: 300px;