@egovernments/digit-ui-components-css 0.0.2-beta.18 → 0.0.2-beta.20
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 +101 -8
- package/dist/index.min.css +2 -2
- package/package.json +1 -1
- package/src/digitv2/components/errorMessageV2.scss +28 -8
- package/src/digitv2/components/selectionCardV2.scss +5 -0
- package/src/digitv2/components/tagV2.scss +108 -0
- package/src/digitv2/index.scss +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.0.2-beta.20] - 2024-08-02
|
|
4
|
+
### Added
|
|
5
|
+
- Added css for Tag Component
|
|
6
|
+
|
|
7
|
+
## [0.0.2-beta.19] - 2024-07-31
|
|
8
|
+
### Added
|
|
9
|
+
- Added css change for SelectionCard
|
|
10
|
+
|
|
3
11
|
## [0.0.2-beta.15] - 2024-07-30
|
|
4
12
|
### Added
|
|
5
13
|
- Added Error State for Timeline, SelectionCard 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.20
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2024 Jagankumar <jagan.kumar@egovernments.org>
|
|
5
5
|
*
|
|
@@ -1831,18 +1831,18 @@ body {
|
|
|
1831
1831
|
font-size: 1.25rem; } }
|
|
1832
1832
|
|
|
1833
1833
|
@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-
|
|
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 {
|
|
1835
1835
|
font-size: .875rem; } }
|
|
1836
1836
|
|
|
1837
1837
|
@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-
|
|
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 {
|
|
1839
1839
|
font-size: 1rem; } }
|
|
1840
1840
|
|
|
1841
1841
|
@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-
|
|
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 {
|
|
1843
1843
|
font-size: 1rem; } }
|
|
1844
1844
|
|
|
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-
|
|
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 {
|
|
1846
1846
|
font-family: Roboto;
|
|
1847
1847
|
font-style: normal;
|
|
1848
1848
|
font-weight: 400;
|
|
@@ -3132,8 +3132,21 @@ ol, ul {
|
|
|
3132
3132
|
height: 1.37rem; }
|
|
3133
3133
|
.digit-error-icon-message-wrap .digit-error-message {
|
|
3134
3134
|
width: 100%;
|
|
3135
|
+
font-family: Roboto;
|
|
3136
|
+
font-style: normal;
|
|
3137
|
+
font-weight: 400;
|
|
3138
|
+
line-height: 1.37rem;
|
|
3135
3139
|
margin: 0;
|
|
3136
3140
|
color: #b91900; }
|
|
3141
|
+
@media (max-aspect-ratio: 9 / 16) {
|
|
3142
|
+
.digit-error-icon-message-wrap .digit-error-message {
|
|
3143
|
+
font-size: .875rem; } }
|
|
3144
|
+
@media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
|
|
3145
|
+
.digit-error-icon-message-wrap .digit-error-message {
|
|
3146
|
+
font-size: 1rem; } }
|
|
3147
|
+
@media (min-aspect-ratio: 3 / 4) {
|
|
3148
|
+
.digit-error-icon-message-wrap .digit-error-message {
|
|
3149
|
+
font-size: 1rem; } }
|
|
3137
3150
|
|
|
3138
3151
|
.digit-header-content.label {
|
|
3139
3152
|
display: -webkit-box;
|
|
@@ -3420,7 +3433,7 @@ ol, ul {
|
|
|
3420
3433
|
.digit-info-button.success {
|
|
3421
3434
|
background-color: #00703c; }
|
|
3422
3435
|
.digit-info-button.warning {
|
|
3423
|
-
background-color: #
|
|
3436
|
+
background-color: #9e5f00; }
|
|
3424
3437
|
.digit-info-button h1 {
|
|
3425
3438
|
margin: 0;
|
|
3426
3439
|
color: #fff !important; }
|
|
@@ -3508,10 +3521,10 @@ ol, ul {
|
|
|
3508
3521
|
color: #00703c; }
|
|
3509
3522
|
.digit-infobanner-wrap.warning {
|
|
3510
3523
|
background-color: #fff9f0;
|
|
3511
|
-
border: .063rem solid #
|
|
3524
|
+
border: .063rem solid #9e5f00;
|
|
3512
3525
|
border-left-width: .25rem; }
|
|
3513
3526
|
.digit-infobanner-wrap.warning .digit-infobanner-header {
|
|
3514
|
-
color: #
|
|
3527
|
+
color: #9e5f00; }
|
|
3515
3528
|
.digit-infobanner-wrap.error {
|
|
3516
3529
|
background-color: #fff5f4;
|
|
3517
3530
|
border: .063rem solid #b91900;
|
|
@@ -5476,6 +5489,11 @@ ol, ul {
|
|
|
5476
5489
|
width: -webkit-fit-content;
|
|
5477
5490
|
width: -moz-fit-content;
|
|
5478
5491
|
width: fit-content; }
|
|
5492
|
+
@media (max-width: 30rem) {
|
|
5493
|
+
.selection-card {
|
|
5494
|
+
-webkit-box-pack: center;
|
|
5495
|
+
-ms-flex-pack: center;
|
|
5496
|
+
justify-content: center; } }
|
|
5479
5497
|
|
|
5480
5498
|
.selection-card.error {
|
|
5481
5499
|
border-color: #b91900; }
|
|
@@ -8456,6 +8474,81 @@ video::-webkit-media-controls-panel {
|
|
|
8456
8474
|
border: .625rem solid transparent;
|
|
8457
8475
|
border-left-color: #505a5f; }
|
|
8458
8476
|
|
|
8477
|
+
.digit-tag-wrapper {
|
|
8478
|
+
border-radius: .25rem;
|
|
8479
|
+
padding: .25rem .75rem;
|
|
8480
|
+
grid-gap: .625rem;
|
|
8481
|
+
gap: .625rem;
|
|
8482
|
+
display: -webkit-box;
|
|
8483
|
+
display: -ms-flexbox;
|
|
8484
|
+
display: flex;
|
|
8485
|
+
-webkit-box-align: center;
|
|
8486
|
+
-ms-flex-align: center;
|
|
8487
|
+
align-items: center;
|
|
8488
|
+
width: -webkit-fit-content;
|
|
8489
|
+
width: -moz-fit-content;
|
|
8490
|
+
width: fit-content;
|
|
8491
|
+
-webkit-box-pack: center;
|
|
8492
|
+
-ms-flex-pack: center;
|
|
8493
|
+
justify-content: center; }
|
|
8494
|
+
.digit-tag-wrapper.left {
|
|
8495
|
+
-webkit-box-pack: start;
|
|
8496
|
+
-ms-flex-pack: start;
|
|
8497
|
+
justify-content: flex-start; }
|
|
8498
|
+
.digit-tag-wrapper.right {
|
|
8499
|
+
-webkit-box-pack: end;
|
|
8500
|
+
-ms-flex-pack: end;
|
|
8501
|
+
justify-content: flex-end; }
|
|
8502
|
+
.digit-tag-wrapper svg {
|
|
8503
|
+
-ms-flex-negative: 0;
|
|
8504
|
+
flex-shrink: 0; }
|
|
8505
|
+
.digit-tag-wrapper.success {
|
|
8506
|
+
background-color: #f1fff8; }
|
|
8507
|
+
.digit-tag-wrapper.success .digit-tag-text {
|
|
8508
|
+
color: #00703c; }
|
|
8509
|
+
.digit-tag-wrapper.error {
|
|
8510
|
+
background-color: #fff5f4; }
|
|
8511
|
+
.digit-tag-wrapper.error .digit-tag-text {
|
|
8512
|
+
color: #b91900; }
|
|
8513
|
+
.digit-tag-wrapper.warning {
|
|
8514
|
+
background-color: #fff9f0; }
|
|
8515
|
+
.digit-tag-wrapper.warning .digit-tag-text {
|
|
8516
|
+
color: #9e5f00; }
|
|
8517
|
+
.digit-tag-wrapper.monochrome {
|
|
8518
|
+
background-color: #fafafa; }
|
|
8519
|
+
.digit-tag-wrapper.monochrome .digit-tag-text {
|
|
8520
|
+
color: #0b4b66; }
|
|
8521
|
+
.digit-tag-wrapper.stroke.success {
|
|
8522
|
+
border: .031rem solid #00703c; }
|
|
8523
|
+
.digit-tag-wrapper.stroke.error {
|
|
8524
|
+
border: .031rem solid #b91900; }
|
|
8525
|
+
.digit-tag-wrapper.stroke.warning {
|
|
8526
|
+
border: .031rem solid #9e5f00; }
|
|
8527
|
+
.digit-tag-wrapper.stroke.monochrome {
|
|
8528
|
+
border: .031rem solid #0b4b66; }
|
|
8529
|
+
.digit-tag-wrapper .digit-tag-customIcon {
|
|
8530
|
+
width: 1rem;
|
|
8531
|
+
height: 1rem; }
|
|
8532
|
+
.digit-tag-wrapper .digit-tag-text {
|
|
8533
|
+
font-family: Roboto;
|
|
8534
|
+
font-style: normal;
|
|
8535
|
+
font-weight: 400;
|
|
8536
|
+
line-height: 1.37rem; }
|
|
8537
|
+
@media (max-aspect-ratio: 9 / 16) {
|
|
8538
|
+
.digit-tag-wrapper .digit-tag-text {
|
|
8539
|
+
font-size: .875rem; } }
|
|
8540
|
+
@media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
|
|
8541
|
+
.digit-tag-wrapper .digit-tag-text {
|
|
8542
|
+
font-size: 1rem; } }
|
|
8543
|
+
@media (min-aspect-ratio: 3 / 4) {
|
|
8544
|
+
.digit-tag-wrapper .digit-tag-text {
|
|
8545
|
+
font-size: 1rem; } }
|
|
8546
|
+
.digit-tag-wrapper.cp:hover {
|
|
8547
|
+
-webkit-box-shadow: 0 0.063rem 0.188rem 0.063rem rgba(0, 0, 0, 0.14902);
|
|
8548
|
+
box-shadow: 0 0.063rem 0.188rem 0.063rem rgba(0, 0, 0, 0.14902);
|
|
8549
|
+
-webkit-box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.30196);
|
|
8550
|
+
box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.30196); }
|
|
8551
|
+
|
|
8459
8552
|
.bread-crumb.workbench-bredcrumb a {
|
|
8460
8553
|
color: #f47738; }
|
|
8461
8554
|
|