@egovernments/digit-ui-components-css 0.2.0-beta.14 → 0.2.0-beta.16

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/index.css +45 -42
  3. package/dist/index.min.css +2 -2
  4. package/package.json +4 -2
  5. package/src/digitv2/components/toggleV2.scss +7 -1
package/CHANGELOG.md CHANGED
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
4
4
 
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
6
6
 
7
+ ## [0.2.0-beta.15] - 2025-07-15
8
+ ### Enhancement
9
+ - Updated tablet and desktop heading-m typography
10
+
7
11
  ## [0.2.0-beta.9] - 2025-04-28
8
12
  ### New changes added
9
13
  - Added new css for BoundaryComponent in BounDaryFilter.scss
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * @egovernments/digit-ui-components-css - 0.2.0-beta.14
3
+ * @egovernments/digit-ui-components-css - 0.2.0-beta.16
4
4
  *
5
5
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egovernments.org>
6
6
  *
@@ -2482,15 +2482,15 @@ body {
2482
2482
 
2483
2483
  @media screen and (min-width: 1024px) {
2484
2484
  .typography.text-heading-m, .workbench .workbench-create-form .digit-form-composer-sub-header {
2485
- font-size: 1.5rem; } }
2485
+ font-size: 1.25rem; } }
2486
2486
 
2487
2487
  @media screen and (min-width: 768px) {
2488
2488
  .typography.text-heading-m, .workbench .workbench-create-form .digit-form-composer-sub-header {
2489
- font-size: 1.375rem; } }
2489
+ font-size: 1.25rem; } }
2490
2490
 
2491
2491
  @media screen and (min-width: 400px) {
2492
2492
  .typography.text-heading-m, .workbench .workbench-create-form .digit-form-composer-sub-header {
2493
- font-size: 1.5rem; } }
2493
+ font-size: 1.25rem; } }
2494
2494
 
2495
2495
  .typography.text-heading-s, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .control-label {
2496
2496
  font-family: Roboto;
@@ -2676,11 +2676,11 @@ body {
2676
2676
 
2677
2677
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
2678
2678
  .typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading, .digit-landing-page-card .icon-module-header .ladingcard-moduleName, .digit-landing-page-card .metric-container .metric-item .metric-count, .digit-menu-card .icon-menu-header .digit-menuacard-menuName, .digit-label-otp-wrapper .otp-input, .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder, .digit-label-otp-wrapper .otp-input::-moz-placeholder, .digit-label-otp-wrapper .otp-input:-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::placeholder, .table-header-wrapper .header-filter-wrapper .table-header, .slider-header, .digit-view-card .digit-view-card-subheader, .digit-inbox-search-links-container .digit-inbox-search-links-header .digit-inbox-search-links-header-text {
2679
- font-size: 1.375rem; } }
2679
+ font-size: 1.25rem; } }
2680
2680
 
2681
2681
  @media (min-aspect-ratio: 3 / 4) {
2682
2682
  .typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading, .digit-landing-page-card .icon-module-header .ladingcard-moduleName, .digit-landing-page-card .metric-container .metric-item .metric-count, .digit-menu-card .icon-menu-header .digit-menuacard-menuName, .digit-label-otp-wrapper .otp-input, .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder, .digit-label-otp-wrapper .otp-input::-moz-placeholder, .digit-label-otp-wrapper .otp-input:-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::placeholder, .table-header-wrapper .header-filter-wrapper .table-header, .slider-header, .digit-view-card .digit-view-card-subheader, .digit-inbox-search-links-container .digit-inbox-search-links-header .digit-inbox-search-links-header-text {
2683
- font-size: 1.5rem; } }
2683
+ font-size: 1.25rem; } }
2684
2684
 
2685
2685
  .typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading, .digit-landing-page-card .icon-module-header .ladingcard-moduleName, .digit-landing-page-card .metric-container .metric-item .metric-count, .digit-menu-card .icon-menu-header .digit-menuacard-menuName, .digit-label-otp-wrapper .otp-input, .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder, .digit-label-otp-wrapper .otp-input::-moz-placeholder, .digit-label-otp-wrapper .otp-input:-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::placeholder, .table-header-wrapper .header-filter-wrapper .table-header, .slider-header, .digit-view-card .digit-view-card-subheader, .digit-inbox-search-links-container .digit-inbox-search-links-header .digit-inbox-search-links-header-text, .typography.heading-s, .digit-accordion-number, .digit-accordion-header-title, .digit-form-card-description, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .option.selected, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb, .digit-tab .digit-tab-list.active .digit-tab-item .digit-tab-label, .digit-sidebar-item.selected .item-label, .digit-sidebar-item.selected:hover .item-label, .digit-sidebar-item:active .item-label, .digit-sidebar-item:active:hover .item-label, .tooltip-content .tooltip-header, th, tfoot td, .header-des-wrap .column-header, .selection-state-wrapper .svg-state-wrapper .selected-state {
2686
2686
  font-family: Roboto;
@@ -5642,10 +5642,10 @@ ol, ul {
5642
5642
  font-size: 1.25rem; } }
5643
5643
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5644
5644
  .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response {
5645
- font-size: 1.375rem; } }
5645
+ font-size: 1.25rem; } }
5646
5646
  @media (min-aspect-ratio: 3 / 4) {
5647
5647
  .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response {
5648
- font-size: 1.5rem; } }
5648
+ font-size: 1.25rem; } }
5649
5649
 
5650
5650
  .digit-popup-overlay {
5651
5651
  position: fixed;
@@ -7511,10 +7511,10 @@ textarea::-webkit-scrollbar-thumb {
7511
7511
  font-size: 1.25rem; } }
7512
7512
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7513
7513
  .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader {
7514
- font-size: 1.375rem; } }
7514
+ font-size: 1.25rem; } }
7515
7515
  @media (min-aspect-ratio: 3 / 4) {
7516
7516
  .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader {
7517
- font-size: 1.5rem; } }
7517
+ font-size: 1.25rem; } }
7518
7518
  .digit-text-block-wrap .digit-text-block-body {
7519
7519
  font-family: Roboto;
7520
7520
  font-style: normal;
@@ -8458,6 +8458,9 @@ img {
8458
8458
  border-bottom-right-radius: .5rem;
8459
8459
  border-top-right-radius: .5rem; }
8460
8460
 
8461
+ .vertical-toggle .digit-toggle-label.disabled {
8462
+ color: #c5c5c5 !important; }
8463
+
8461
8464
  .digit-tree-select-options-container.first-level:nth-of-type(2n) .digit-tree-multiselect-option.level-0:not(.checked), .digit-tree-select-options-container.first-level:nth-of-type(2n) .digit-tree-select-option.level-0 {
8462
8465
  background-color: #fafafa; }
8463
8466
 
@@ -9190,10 +9193,10 @@ img {
9190
9193
  font-size: 1.25rem; } }
9191
9194
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9192
9195
  .digit-uploader-wrap .capture-heading {
9193
- font-size: 1.375rem; } }
9196
+ font-size: 1.25rem; } }
9194
9197
  @media (min-aspect-ratio: 3 / 4) {
9195
9198
  .digit-uploader-wrap .capture-heading {
9196
- font-size: 1.5rem; } }
9199
+ font-size: 1.25rem; } }
9197
9200
  .digit-uploader-wrap .react-doc-viewer .image-render {
9198
9201
  background-color: initial; }
9199
9202
  @media (min-width: 30.063rem) and (max-width: 47.938rem) {
@@ -11567,10 +11570,10 @@ video::-webkit-media-controls-panel {
11567
11570
  font-size: 1.25rem; } }
11568
11571
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11569
11572
  .digit-landing-page-card .icon-module-header .ladingcard-moduleName {
11570
- font-size: 1.375rem; } }
11573
+ font-size: 1.25rem; } }
11571
11574
  @media (min-aspect-ratio: 3 / 4) {
11572
11575
  .digit-landing-page-card .icon-module-header .ladingcard-moduleName {
11573
- font-size: 1.5rem; } }
11576
+ font-size: 1.25rem; } }
11574
11577
  .digit-landing-page-card .icon-module-header.left {
11575
11578
  -webkit-box-pack: justify;
11576
11579
  -ms-flex-pack: justify;
@@ -11621,10 +11624,10 @@ video::-webkit-media-controls-panel {
11621
11624
  font-size: 1.25rem; } }
11622
11625
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11623
11626
  .digit-landing-page-card .metric-container .metric-item .metric-count {
11624
- font-size: 1.375rem; } }
11627
+ font-size: 1.25rem; } }
11625
11628
  @media (min-aspect-ratio: 3 / 4) {
11626
11629
  .digit-landing-page-card .metric-container .metric-item .metric-count {
11627
- font-size: 1.5rem; } }
11630
+ font-size: 1.25rem; } }
11628
11631
  .digit-landing-page-card .metric-container .metric-item .metric-count, .digit-landing-page-card .metric-container .metric-item .metric-label {
11629
11632
  font-family: Roboto;
11630
11633
  font-style: normal; }
@@ -11790,10 +11793,10 @@ video::-webkit-media-controls-panel {
11790
11793
  font-size: 1.25rem; } }
11791
11794
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11792
11795
  .digit-menu-card .icon-menu-header .digit-menuacard-menuName {
11793
- font-size: 1.375rem; } }
11796
+ font-size: 1.25rem; } }
11794
11797
  @media (min-aspect-ratio: 3 / 4) {
11795
11798
  .digit-menu-card .icon-menu-header .digit-menuacard-menuName {
11796
- font-size: 1.5rem; } }
11799
+ font-size: 1.25rem; } }
11797
11800
  .digit-menu-card .digit-menucard-description {
11798
11801
  font-family: Roboto;
11799
11802
  font-style: normal;
@@ -11898,10 +11901,10 @@ video::-webkit-media-controls-panel {
11898
11901
  font-size: 1.25rem; } }
11899
11902
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11900
11903
  .digit-label-otp-wrapper .otp-input {
11901
- font-size: 1.375rem; } }
11904
+ font-size: 1.25rem; } }
11902
11905
  @media (min-aspect-ratio: 3 / 4) {
11903
11906
  .digit-label-otp-wrapper .otp-input {
11904
- font-size: 1.5rem; } }
11907
+ font-size: 1.25rem; } }
11905
11908
  .digit-label-otp-wrapper .otp-input:focus {
11906
11909
  border-color: #c84c0e; }
11907
11910
  .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder {
@@ -11915,10 +11918,10 @@ video::-webkit-media-controls-panel {
11915
11918
  font-size: 1.25rem; } }
11916
11919
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11917
11920
  .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder {
11918
- font-size: 1.375rem; } }
11921
+ font-size: 1.25rem; } }
11919
11922
  @media (min-aspect-ratio: 3 / 4) {
11920
11923
  .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder {
11921
- font-size: 1.5rem; } }
11924
+ font-size: 1.25rem; } }
11922
11925
  .digit-label-otp-wrapper .otp-input::-moz-placeholder {
11923
11926
  color: #c5c5c5;
11924
11927
  font-family: Roboto;
@@ -11930,10 +11933,10 @@ video::-webkit-media-controls-panel {
11930
11933
  font-size: 1.25rem; } }
11931
11934
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11932
11935
  .digit-label-otp-wrapper .otp-input::-moz-placeholder {
11933
- font-size: 1.375rem; } }
11936
+ font-size: 1.25rem; } }
11934
11937
  @media (min-aspect-ratio: 3 / 4) {
11935
11938
  .digit-label-otp-wrapper .otp-input::-moz-placeholder {
11936
- font-size: 1.5rem; } }
11939
+ font-size: 1.25rem; } }
11937
11940
  .digit-label-otp-wrapper .otp-input:-ms-input-placeholder {
11938
11941
  color: #c5c5c5;
11939
11942
  font-family: Roboto;
@@ -11945,10 +11948,10 @@ video::-webkit-media-controls-panel {
11945
11948
  font-size: 1.25rem; } }
11946
11949
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11947
11950
  .digit-label-otp-wrapper .otp-input:-ms-input-placeholder {
11948
- font-size: 1.375rem; } }
11951
+ font-size: 1.25rem; } }
11949
11952
  @media (min-aspect-ratio: 3 / 4) {
11950
11953
  .digit-label-otp-wrapper .otp-input:-ms-input-placeholder {
11951
- font-size: 1.5rem; } }
11954
+ font-size: 1.25rem; } }
11952
11955
  .digit-label-otp-wrapper .otp-input::-ms-input-placeholder {
11953
11956
  color: #c5c5c5;
11954
11957
  font-family: Roboto;
@@ -11960,10 +11963,10 @@ video::-webkit-media-controls-panel {
11960
11963
  font-size: 1.25rem; } }
11961
11964
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11962
11965
  .digit-label-otp-wrapper .otp-input::-ms-input-placeholder {
11963
- font-size: 1.375rem; } }
11966
+ font-size: 1.25rem; } }
11964
11967
  @media (min-aspect-ratio: 3 / 4) {
11965
11968
  .digit-label-otp-wrapper .otp-input::-ms-input-placeholder {
11966
- font-size: 1.5rem; } }
11969
+ font-size: 1.25rem; } }
11967
11970
  .digit-label-otp-wrapper .otp-input::placeholder {
11968
11971
  color: #c5c5c5;
11969
11972
  font-family: Roboto;
@@ -11975,10 +11978,10 @@ video::-webkit-media-controls-panel {
11975
11978
  font-size: 1.25rem; } }
11976
11979
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11977
11980
  .digit-label-otp-wrapper .otp-input::placeholder {
11978
- font-size: 1.375rem; } }
11981
+ font-size: 1.25rem; } }
11979
11982
  @media (min-aspect-ratio: 3 / 4) {
11980
11983
  .digit-label-otp-wrapper .otp-input::placeholder {
11981
- font-size: 1.5rem; } }
11984
+ font-size: 1.25rem; } }
11982
11985
 
11983
11986
  .digit-table-footer-wrapper {
11984
11987
  display: -webkit-box;
@@ -12402,10 +12405,10 @@ tr td:last-child.withColumnDivider {
12402
12405
  font-size: 1.25rem; } }
12403
12406
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
12404
12407
  .table-header-wrapper .header-filter-wrapper .table-header {
12405
- font-size: 1.375rem; } }
12408
+ font-size: 1.25rem; } }
12406
12409
  @media (min-aspect-ratio: 3 / 4) {
12407
12410
  .table-header-wrapper .header-filter-wrapper .table-header {
12408
- font-size: 1.5rem; } }
12411
+ font-size: 1.25rem; } }
12409
12412
  .table-header-wrapper .table-description, .table-header-wrapper .table-header {
12410
12413
  font-family: Roboto;
12411
12414
  font-style: normal; }
@@ -12634,10 +12637,10 @@ tr td:last-child.withColumnDivider {
12634
12637
  font-size: 1.25rem; } }
12635
12638
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
12636
12639
  .slider-header {
12637
- font-size: 1.375rem; } }
12640
+ font-size: 1.25rem; } }
12638
12641
  @media (min-aspect-ratio: 3 / 4) {
12639
12642
  .slider-header {
12640
- font-size: 1.5rem; } }
12643
+ font-size: 1.25rem; } }
12641
12644
  .slider-header .close-icon {
12642
12645
  cursor: pointer;
12643
12646
  position: absolute;
@@ -13559,10 +13562,10 @@ tr td:last-child.withColumnDivider {
13559
13562
  font-size: 1.25rem; } }
13560
13563
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
13561
13564
  .digit-view-card .digit-view-card-subheader {
13562
- font-size: 1.375rem; } }
13565
+ font-size: 1.25rem; } }
13563
13566
  @media (min-aspect-ratio: 3 / 4) {
13564
13567
  .digit-view-card .digit-view-card-subheader {
13565
- font-size: 1.5rem; } }
13568
+ font-size: 1.25rem; } }
13566
13569
 
13567
13570
  .digit-view-card .view-card-field-pairs {
13568
13571
  display: -webkit-box;
@@ -14375,10 +14378,10 @@ button:hover {
14375
14378
  font-size: 1.25rem; } }
14376
14379
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
14377
14380
  .digit-inbox-search-links-container .digit-inbox-search-links-header .digit-inbox-search-links-header-text {
14378
- font-size: 1.375rem; } }
14381
+ font-size: 1.25rem; } }
14379
14382
  @media (min-aspect-ratio: 3 / 4) {
14380
14383
  .digit-inbox-search-links-container .digit-inbox-search-links-header .digit-inbox-search-links-header-text {
14381
- font-size: 1.5rem; } }
14384
+ font-size: 1.25rem; } }
14382
14385
 
14383
14386
  .digit-inbox-search-links-container .digit-inbox-search-links-contents {
14384
14387
  display: -webkit-box;
@@ -14480,10 +14483,10 @@ button:hover {
14480
14483
  font-size: 1.25rem; } }
14481
14484
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
14482
14485
  .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-heading {
14483
- font-size: 1.375rem; } }
14486
+ font-size: 1.25rem; } }
14484
14487
  @media (min-aspect-ratio: 3 / 4) {
14485
14488
  .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-heading {
14486
- font-size: 1.5rem; } }
14489
+ font-size: 1.25rem; } }
14487
14490
  .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-tags {
14488
14491
  display: -webkit-box;
14489
14492
  display: -ms-flexbox;
@@ -14742,11 +14745,11 @@ button:hover {
14742
14745
 
14743
14746
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
14744
14747
  .typography-story.heading-m {
14745
- font-size: 1.375rem; } }
14748
+ font-size: 1.25rem; } }
14746
14749
 
14747
14750
  @media (min-aspect-ratio: 3 / 4) {
14748
14751
  .typography-story.heading-m {
14749
- font-size: 1.5rem; } }
14752
+ font-size: 1.25rem; } }
14750
14753
 
14751
14754
  .typography-story.heading-m, .typography-story.heading-s {
14752
14755
  font-family: Roboto;