@egovernments/digit-ui-components-css 0.0.2-beta.21 → 0.0.2-beta.22
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 +4 -0
- package/dist/index.css +214 -5
- package/dist/index.min.css +2 -2
- package/package.json +1 -1
- package/src/digitv2/components/bottomSheetV2.scss +110 -0
- package/src/digitv2/components/switchV2.scss +108 -0
- package/src/digitv2/index.scss +2 -0
package/CHANGELOG.md
CHANGED
package/dist/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @egovernments/digit-ui-components-css - 0.0.2-beta.
|
|
2
|
+
* @egovernments/digit-ui-components-css - 0.0.2-beta.22
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2024 Jagankumar <jagan.kumar@egovernments.org>
|
|
5
5
|
*
|
|
@@ -1305,6 +1305,117 @@ 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
|
|
|
@@ -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;
|
|
@@ -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;
|