@egovernments/digit-ui-components-css 0.0.2-beta.20 → 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 +8 -0
- package/dist/index.css +389 -29
- 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/components/tooltipwrapperV2.scss +206 -36
- package/src/digitv2/index.scss +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.0.2-beta.22] - 2024-08-16
|
|
4
|
+
### Changed
|
|
5
|
+
- Added css for Switch Component
|
|
6
|
+
|
|
7
|
+
## [0.0.2-beta.21] - 2024-08-07
|
|
8
|
+
### Changed
|
|
9
|
+
- Updated css for Tooltip Component
|
|
10
|
+
|
|
3
11
|
## [0.0.2-beta.20] - 2024-08-02
|
|
4
12
|
### Added
|
|
5
13
|
- Added css for Tag Component
|
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;
|
|
@@ -8417,6 +8626,16 @@ video::-webkit-media-controls-panel {
|
|
|
8417
8626
|
width: max-content;
|
|
8418
8627
|
-webkit-transition: all .5s ease;
|
|
8419
8628
|
transition: all .5s ease;
|
|
8629
|
+
display: -webkit-box;
|
|
8630
|
+
display: -ms-flexbox;
|
|
8631
|
+
display: flex;
|
|
8632
|
+
-webkit-box-pack: center;
|
|
8633
|
+
-ms-flex-pack: center;
|
|
8634
|
+
justify-content: center;
|
|
8635
|
+
-webkit-box-orient: vertical;
|
|
8636
|
+
-webkit-box-direction: normal;
|
|
8637
|
+
-ms-flex-direction: column;
|
|
8638
|
+
flex-direction: column;
|
|
8420
8639
|
min-width: 4.125rem;
|
|
8421
8640
|
max-width: 14.563rem;
|
|
8422
8641
|
font-family: Roboto;
|
|
@@ -8433,46 +8652,187 @@ video::-webkit-media-controls-panel {
|
|
|
8433
8652
|
.tooltip-content {
|
|
8434
8653
|
font-size: 1rem; } }
|
|
8435
8654
|
|
|
8655
|
+
.tooltip-content.tooltip-bottom-start {
|
|
8656
|
+
top: 3rem;
|
|
8657
|
+
left: 0; }
|
|
8658
|
+
.tooltip-content.tooltip-bottom-start.with-arrow {
|
|
8659
|
+
border-top-left-radius: 0; }
|
|
8660
|
+
|
|
8661
|
+
.tooltip-content.tooltip-bottom {
|
|
8662
|
+
top: 3rem;
|
|
8663
|
+
left: 50%;
|
|
8664
|
+
-webkit-transform: translateX(-50%);
|
|
8665
|
+
transform: translateX(-50%); }
|
|
8666
|
+
|
|
8667
|
+
.tooltip-content.tooltip-bottom-end {
|
|
8668
|
+
top: 3rem;
|
|
8669
|
+
right: 0; }
|
|
8670
|
+
.tooltip-content.tooltip-bottom-end.with-arrow {
|
|
8671
|
+
border-top-right-radius: 0; }
|
|
8672
|
+
|
|
8673
|
+
.tooltip-content.tooltip-top-start {
|
|
8674
|
+
bottom: 3rem;
|
|
8675
|
+
left: 0; }
|
|
8676
|
+
.tooltip-content.tooltip-top-start.with-arrow {
|
|
8677
|
+
border-bottom-left-radius: 0; }
|
|
8678
|
+
|
|
8679
|
+
.tooltip-content.tooltip-top {
|
|
8680
|
+
bottom: 3rem;
|
|
8681
|
+
left: 50%;
|
|
8682
|
+
-webkit-transform: translateX(-50%);
|
|
8683
|
+
transform: translateX(-50%); }
|
|
8684
|
+
|
|
8685
|
+
.tooltip-content.tooltip-top-end {
|
|
8686
|
+
bottom: 3rem;
|
|
8687
|
+
right: 0; }
|
|
8688
|
+
.tooltip-content.tooltip-top-end.with-arrow {
|
|
8689
|
+
border-bottom-right-radius: 0; }
|
|
8690
|
+
|
|
8691
|
+
.tooltip-content.tooltip-left-start {
|
|
8692
|
+
right: calc(100% + .5rem);
|
|
8693
|
+
top: 0; }
|
|
8694
|
+
.tooltip-content.tooltip-left-start.with-arrow {
|
|
8695
|
+
border-top-right-radius: 0; }
|
|
8696
|
+
|
|
8436
8697
|
.tooltip-content.tooltip-left {
|
|
8437
|
-
|
|
8698
|
+
right: calc(100% + .5rem);
|
|
8699
|
+
top: 50%;
|
|
8700
|
+
-webkit-transform: translateY(-50%);
|
|
8701
|
+
transform: translateY(-50%); }
|
|
8702
|
+
|
|
8703
|
+
.tooltip-content.tooltip-left-end {
|
|
8704
|
+
right: calc(100% + .5rem);
|
|
8705
|
+
bottom: 0; }
|
|
8706
|
+
.tooltip-content.tooltip-left-end.with-arrow {
|
|
8707
|
+
border-bottom-right-radius: 0; }
|
|
8708
|
+
|
|
8709
|
+
.tooltip-content.tooltip-right-start {
|
|
8710
|
+
left: calc(100% + .5rem);
|
|
8711
|
+
top: 0; }
|
|
8712
|
+
.tooltip-content.tooltip-right-start.with-arrow {
|
|
8713
|
+
border-top-left-radius: 0; }
|
|
8438
8714
|
|
|
8439
8715
|
.tooltip-content.tooltip-right {
|
|
8440
|
-
left:
|
|
8716
|
+
left: calc(100% + .5rem);
|
|
8717
|
+
top: 50%;
|
|
8718
|
+
-webkit-transform: translateY(-50%);
|
|
8719
|
+
transform: translateY(-50%); }
|
|
8441
8720
|
|
|
8442
|
-
.tooltip-content.tooltip-
|
|
8443
|
-
|
|
8721
|
+
.tooltip-content.tooltip-right-end {
|
|
8722
|
+
left: calc(100% + .5rem);
|
|
8723
|
+
bottom: 0; }
|
|
8724
|
+
.tooltip-content.tooltip-right-end.with-arrow {
|
|
8725
|
+
border-bottom-left-radius: 0; }
|
|
8444
8726
|
|
|
8445
|
-
.tooltip-
|
|
8446
|
-
|
|
8727
|
+
.tooltip-bottom-start.with-arrow:before {
|
|
8728
|
+
left: .25rem;
|
|
8729
|
+
border-right: .5rem solid transparent; }
|
|
8730
|
+
|
|
8731
|
+
.tooltip-bottom-start.with-arrow:before, .tooltip-bottom.with-arrow:before {
|
|
8732
|
+
content: "";
|
|
8733
|
+
position: absolute;
|
|
8734
|
+
top: -.5rem;
|
|
8735
|
+
-webkit-transform: translateX(-50%);
|
|
8736
|
+
transform: translateX(-50%);
|
|
8737
|
+
border-bottom: .5rem solid #505a5f; }
|
|
8447
8738
|
|
|
8448
|
-
.tooltip-
|
|
8449
|
-
|
|
8739
|
+
.tooltip-bottom.with-arrow:before {
|
|
8740
|
+
left: 50%;
|
|
8741
|
+
border-left: .25rem solid transparent;
|
|
8742
|
+
border-right: .25rem solid transparent; }
|
|
8450
8743
|
|
|
8451
|
-
.tooltip-
|
|
8744
|
+
.tooltip-bottom-end.with-arrow:before {
|
|
8452
8745
|
content: "";
|
|
8453
8746
|
position: absolute;
|
|
8454
|
-
top:
|
|
8455
|
-
|
|
8456
|
-
|
|
8747
|
+
top: -.5rem;
|
|
8748
|
+
left: calc(100% - .25rem);
|
|
8749
|
+
-webkit-transform: translateX(-50%);
|
|
8750
|
+
transform: translateX(-50%);
|
|
8751
|
+
border-bottom: .5rem solid #505a5f;
|
|
8752
|
+
border-left: .5rem solid transparent; }
|
|
8753
|
+
|
|
8754
|
+
.tooltip-top-start.with-arrow:before {
|
|
8755
|
+
left: .25rem;
|
|
8756
|
+
border-right: .5rem solid transparent; }
|
|
8757
|
+
|
|
8758
|
+
.tooltip-top-start.with-arrow:before, .tooltip-top.with-arrow:before {
|
|
8759
|
+
content: "";
|
|
8760
|
+
position: absolute;
|
|
8761
|
+
bottom: -.5rem;
|
|
8762
|
+
-webkit-transform: translateX(-50%);
|
|
8763
|
+
transform: translateX(-50%);
|
|
8764
|
+
border-top: .5rem solid #505a5f; }
|
|
8457
8765
|
|
|
8458
|
-
.tooltip-
|
|
8459
|
-
left:
|
|
8766
|
+
.tooltip-top.with-arrow:before {
|
|
8767
|
+
left: 50%;
|
|
8768
|
+
border-left: .25rem solid transparent;
|
|
8769
|
+
border-right: .25rem solid transparent; }
|
|
8460
8770
|
|
|
8461
|
-
.tooltip-top:before {
|
|
8771
|
+
.tooltip-top-end.with-arrow:before {
|
|
8462
8772
|
content: "";
|
|
8463
8773
|
position: absolute;
|
|
8464
|
-
bottom: -.
|
|
8465
|
-
|
|
8466
|
-
|
|
8467
|
-
|
|
8774
|
+
bottom: -.5rem;
|
|
8775
|
+
left: calc(100% - .25rem);
|
|
8776
|
+
-webkit-transform: translateX(-50%);
|
|
8777
|
+
transform: translateX(-50%);
|
|
8778
|
+
border-top: .5rem solid #505a5f;
|
|
8779
|
+
border-left: .5rem solid transparent; }
|
|
8780
|
+
|
|
8781
|
+
.tooltip-left-start.with-arrow:before {
|
|
8782
|
+
top: .25rem;
|
|
8783
|
+
right: -.45rem;
|
|
8784
|
+
border-bottom: .5rem solid transparent; }
|
|
8785
|
+
|
|
8786
|
+
.tooltip-left-start.with-arrow:before, .tooltip-left.with-arrow:before {
|
|
8787
|
+
content: "";
|
|
8788
|
+
position: absolute;
|
|
8789
|
+
border-left: .5rem solid #505a5f;
|
|
8790
|
+
-webkit-transform: translateY(-50%);
|
|
8791
|
+
transform: translateY(-50%); }
|
|
8792
|
+
|
|
8793
|
+
.tooltip-left.with-arrow:before {
|
|
8794
|
+
top: 50%;
|
|
8795
|
+
right: -.5rem;
|
|
8796
|
+
border-top: .25rem solid transparent;
|
|
8797
|
+
border-bottom: .25rem solid transparent; }
|
|
8468
8798
|
|
|
8469
|
-
.tooltip-
|
|
8799
|
+
.tooltip-left-end.with-arrow:before {
|
|
8470
8800
|
content: "";
|
|
8471
8801
|
position: absolute;
|
|
8472
|
-
top:
|
|
8473
|
-
|
|
8474
|
-
border: .
|
|
8475
|
-
border-
|
|
8802
|
+
top: calc(100% - .25rem);
|
|
8803
|
+
right: -.45rem;
|
|
8804
|
+
border-left: .5rem solid #505a5f;
|
|
8805
|
+
border-top: .5rem solid transparent;
|
|
8806
|
+
-webkit-transform: translateY(-50%);
|
|
8807
|
+
transform: translateY(-50%); }
|
|
8808
|
+
|
|
8809
|
+
.tooltip-right-start.with-arrow:before {
|
|
8810
|
+
top: .25rem;
|
|
8811
|
+
left: -.45rem;
|
|
8812
|
+
border-bottom: .5rem solid transparent; }
|
|
8813
|
+
|
|
8814
|
+
.tooltip-right-start.with-arrow:before, .tooltip-right.with-arrow:before {
|
|
8815
|
+
content: "";
|
|
8816
|
+
position: absolute;
|
|
8817
|
+
border-right: .5rem solid #505a5f;
|
|
8818
|
+
-webkit-transform: translateY(-50%);
|
|
8819
|
+
transform: translateY(-50%); }
|
|
8820
|
+
|
|
8821
|
+
.tooltip-right.with-arrow:before {
|
|
8822
|
+
top: 50%;
|
|
8823
|
+
left: -.5rem;
|
|
8824
|
+
border-top: .25rem solid transparent;
|
|
8825
|
+
border-bottom: .25rem solid transparent; }
|
|
8826
|
+
|
|
8827
|
+
.tooltip-right-end.with-arrow:before {
|
|
8828
|
+
content: "";
|
|
8829
|
+
position: absolute;
|
|
8830
|
+
top: calc(100% - .25rem);
|
|
8831
|
+
left: -.45rem;
|
|
8832
|
+
border-right: .5rem solid #505a5f;
|
|
8833
|
+
border-top: .5rem solid transparent;
|
|
8834
|
+
-webkit-transform: translateY(-50%);
|
|
8835
|
+
transform: translateY(-50%); }
|
|
8476
8836
|
|
|
8477
8837
|
.digit-tag-wrapper {
|
|
8478
8838
|
border-radius: .25rem;
|