@egovernments/digit-ui-health-css 0.2.80 → 0.2.81

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/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @egovernments/digit-ui-health-css - 0.2.80
2
+ * @egovernments/digit-ui-health-css - 0.2.81
3
3
  *
4
4
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egov.org.in>
5
5
  *
@@ -4355,7 +4355,7 @@ header {
4355
4355
  background-color: #fff;
4356
4356
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
4357
4357
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
4358
- margin: 20px auto;
4358
+ margin: 5px auto;
4359
4359
  font-family: Arial,sans-serif;
4360
4360
  scrollbar-width: thin;
4361
4361
  scrollbar-color: #d6d5d4 #fafafa; }
@@ -4618,7 +4618,23 @@ header {
4618
4618
 
4619
4619
  .hcm-app-features .digit-toggle-toolbar {
4620
4620
  margin-top: 1rem;
4621
- margin-bottom: .5rem; }
4621
+ margin-bottom: .5rem;
4622
+ max-width: 90%; }
4623
+ .hcm-app-features .digit-toggle-toolbar > :first-child label {
4624
+ border-top-left-radius: .5rem;
4625
+ border-bottom-left-radius: .5rem; }
4626
+ .hcm-app-features .digit-toggle-toolbar > :last-child label {
4627
+ border-top-right-radius: .5rem;
4628
+ border-bottom-right-radius: .5rem; }
4629
+
4630
+ .digit-toggle-toolbar.app-config-tab {
4631
+ max-width: 90%; }
4632
+ .digit-toggle-toolbar.app-config-tab > :first-child label {
4633
+ border-top-left-radius: .5rem;
4634
+ border-bottom-left-radius: .5rem; }
4635
+ .digit-toggle-toolbar.app-config-tab > :last-child label {
4636
+ border-top-right-radius: .5rem;
4637
+ border-bottom-right-radius: .5rem; }
4622
4638
 
4623
4639
  .module-description {
4624
4640
  -webkit-box-flex: 1;
@@ -4629,6 +4645,345 @@ header {
4629
4645
  font-size: [object Object];
4630
4646
  color: #505a5f; }
4631
4647
 
4648
+ .camp-drawer-caption {
4649
+ font-size: 1rem !important;
4650
+ font-weight: 400 !important; }
4651
+
4652
+ .camp-app-help-tutorial-popup {
4653
+ bottom: 0;
4654
+ top: 62vh !important;
4655
+ width: 100%;
4656
+ max-width: 90% !important;
4657
+ overflow: hidden !important; }
4658
+ .camp-app-help-tutorial-popup .digit-popup-children-wrap {
4659
+ overflow: hidden !important; }
4660
+ .camp-app-help-tutorial-popup .tutorial-wrapper {
4661
+ -webkit-box-orient: vertical;
4662
+ -ms-flex-direction: column;
4663
+ flex-direction: column; }
4664
+ .camp-app-help-tutorial-popup .tutorial-row, .camp-app-help-tutorial-popup .tutorial-wrapper {
4665
+ display: -webkit-box;
4666
+ display: -ms-flexbox;
4667
+ display: flex;
4668
+ -webkit-box-direction: normal;
4669
+ grid-gap: 1rem;
4670
+ gap: 1rem; }
4671
+ .camp-app-help-tutorial-popup .tutorial-row {
4672
+ -webkit-box-orient: horizontal;
4673
+ -ms-flex-direction: row;
4674
+ flex-direction: row;
4675
+ overflow-x: auto;
4676
+ padding-bottom: 1rem; }
4677
+ .camp-app-help-tutorial-popup .tutorial-card {
4678
+ -webkit-box-flex: 0;
4679
+ -ms-flex: 0 0 auto;
4680
+ flex: 0 0 auto;
4681
+ width: 16rem;
4682
+ min-height: 10rem;
4683
+ background: #fff;
4684
+ border-radius: .75rem;
4685
+ -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
4686
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
4687
+ display: -webkit-box;
4688
+ display: -ms-flexbox;
4689
+ display: flex;
4690
+ -webkit-box-orient: vertical;
4691
+ -webkit-box-direction: normal;
4692
+ -ms-flex-direction: column;
4693
+ flex-direction: column;
4694
+ -webkit-box-align: center;
4695
+ -ms-flex-align: center;
4696
+ align-items: center;
4697
+ -webkit-box-pack: center;
4698
+ -ms-flex-pack: center;
4699
+ justify-content: center;
4700
+ padding: 1rem;
4701
+ text-align: center;
4702
+ cursor: pointer;
4703
+ -webkit-transition: -webkit-transform .2s ease-in-out;
4704
+ transition: -webkit-transform .2s ease-in-out;
4705
+ transition: transform .2s ease-in-out;
4706
+ transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
4707
+ transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out; }
4708
+ .camp-app-help-tutorial-popup .tutorial-card:hover {
4709
+ -webkit-transform: translateY(-4px);
4710
+ transform: translateY(-4px); }
4711
+ .camp-app-help-tutorial-popup .tutorial-icon {
4712
+ background-color: #f0f0f0;
4713
+ border-radius: 50%;
4714
+ width: 3rem;
4715
+ height: 3rem;
4716
+ display: -webkit-box;
4717
+ display: -ms-flexbox;
4718
+ display: flex;
4719
+ -webkit-box-align: center;
4720
+ -ms-flex-align: center;
4721
+ align-items: center;
4722
+ -webkit-box-pack: center;
4723
+ -ms-flex-pack: center;
4724
+ justify-content: center;
4725
+ margin-bottom: .75rem;
4726
+ font-size: 1.5rem; }
4727
+ .camp-app-help-tutorial-popup .tutorial-title {
4728
+ font-size: .95rem;
4729
+ font-weight: 500; }
4730
+
4731
+ @-webkit-keyframes fadeIn {
4732
+ 0% {
4733
+ background-color: transparent; }
4734
+ to {
4735
+ background-color: rgba(0, 0, 0, 0.3); } }
4736
+
4737
+ @keyframes fadeIn {
4738
+ 0% {
4739
+ background-color: transparent; }
4740
+ to {
4741
+ background-color: rgba(0, 0, 0, 0.3); } }
4742
+
4743
+ @-webkit-keyframes fadeOut {
4744
+ 0% {
4745
+ background-color: rgba(0, 0, 0, 0.3); }
4746
+ to {
4747
+ background-color: transparent; } }
4748
+
4749
+ @keyframes fadeOut {
4750
+ 0% {
4751
+ background-color: rgba(0, 0, 0, 0.3); }
4752
+ to {
4753
+ background-color: transparent; } }
4754
+
4755
+ @-webkit-keyframes slideInUp {
4756
+ 0% {
4757
+ -webkit-transform: translateY(100%);
4758
+ transform: translateY(100%);
4759
+ opacity: 0; }
4760
+ to {
4761
+ -webkit-transform: translateY(0);
4762
+ transform: translateY(0);
4763
+ opacity: 1; } }
4764
+
4765
+ @keyframes slideInUp {
4766
+ 0% {
4767
+ -webkit-transform: translateY(100%);
4768
+ transform: translateY(100%);
4769
+ opacity: 0; }
4770
+ to {
4771
+ -webkit-transform: translateY(0);
4772
+ transform: translateY(0);
4773
+ opacity: 1; } }
4774
+
4775
+ @-webkit-keyframes slideOutDown {
4776
+ 0% {
4777
+ -webkit-transform: translateY(0);
4778
+ transform: translateY(0);
4779
+ opacity: 1; }
4780
+ to {
4781
+ -webkit-transform: translateY(100%);
4782
+ transform: translateY(100%);
4783
+ opacity: 0; } }
4784
+
4785
+ @keyframes slideOutDown {
4786
+ 0% {
4787
+ -webkit-transform: translateY(0);
4788
+ transform: translateY(0);
4789
+ opacity: 1; }
4790
+ to {
4791
+ -webkit-transform: translateY(100%);
4792
+ transform: translateY(100%);
4793
+ opacity: 0; } }
4794
+
4795
+ .tutorial-overlay {
4796
+ position: fixed;
4797
+ top: 0;
4798
+ right: 0;
4799
+ bottom: 0;
4800
+ left: 0;
4801
+ z-index: 2999;
4802
+ -webkit-animation-duration: .3s;
4803
+ animation-duration: .3s;
4804
+ -webkit-animation-fill-mode: forwards;
4805
+ animation-fill-mode: forwards;
4806
+ display: -webkit-box;
4807
+ display: -ms-flexbox;
4808
+ display: flex;
4809
+ -webkit-box-pack: center;
4810
+ -ms-flex-pack: center;
4811
+ justify-content: center;
4812
+ -webkit-box-align: end;
4813
+ -ms-flex-align: end;
4814
+ align-items: flex-end; }
4815
+ .tutorial-overlay.fade-in {
4816
+ -webkit-animation-name: fadeIn;
4817
+ animation-name: fadeIn; }
4818
+ .tutorial-overlay.fade-out {
4819
+ -webkit-animation-name: fadeOut;
4820
+ animation-name: fadeOut; }
4821
+
4822
+ .tutorial-drawer {
4823
+ position: fixed;
4824
+ bottom: 0;
4825
+ right: 0;
4826
+ width: calc(100vw - 4rem);
4827
+ border-radius: 1rem 1rem 0 0;
4828
+ background: #fff;
4829
+ -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
4830
+ box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
4831
+ padding: 1rem;
4832
+ z-index: 1000;
4833
+ display: -webkit-box;
4834
+ display: -ms-flexbox;
4835
+ display: flex;
4836
+ -webkit-box-orient: vertical;
4837
+ -webkit-box-direction: normal;
4838
+ -ms-flex-direction: column;
4839
+ flex-direction: column;
4840
+ -webkit-animation-duration: .3s;
4841
+ animation-duration: .3s;
4842
+ -webkit-animation-fill-mode: forwards;
4843
+ animation-fill-mode: forwards; }
4844
+ .tutorial-drawer.slide-in {
4845
+ -webkit-animation-name: slideInUp;
4846
+ animation-name: slideInUp; }
4847
+ .tutorial-drawer.slide-out {
4848
+ -webkit-animation-name: slideOutDown;
4849
+ animation-name: slideOutDown; }
4850
+
4851
+ .tutorial-header {
4852
+ display: -webkit-box;
4853
+ display: -ms-flexbox;
4854
+ display: flex;
4855
+ -webkit-box-pack: justify;
4856
+ -ms-flex-pack: justify;
4857
+ justify-content: space-between;
4858
+ -webkit-box-align: center;
4859
+ -ms-flex-align: center;
4860
+ align-items: center;
4861
+ font-weight: 600;
4862
+ font-size: 1.5rem;
4863
+ padding: .5rem;
4864
+ color: #0b4b66; }
4865
+
4866
+ .tutorial-close {
4867
+ background: none;
4868
+ border: none;
4869
+ font-size: 1.25rem;
4870
+ cursor: pointer;
4871
+ line-height: 1; }
4872
+
4873
+ .tutorial-row {
4874
+ -webkit-box-orient: horizontal;
4875
+ -ms-flex-direction: row;
4876
+ flex-direction: row;
4877
+ overflow-x: auto;
4878
+ grid-gap: 1rem;
4879
+ gap: 1rem;
4880
+ padding: .25rem;
4881
+ scroll-behavior: smooth;
4882
+ -webkit-overflow-scrolling: touch;
4883
+ scrollbar-width: thin; }
4884
+
4885
+ .tutorial-card, .tutorial-row {
4886
+ display: -webkit-box;
4887
+ display: -ms-flexbox;
4888
+ display: flex;
4889
+ -webkit-box-direction: normal; }
4890
+
4891
+ .tutorial-card {
4892
+ -webkit-box-flex: 0;
4893
+ -ms-flex: 0 0 auto;
4894
+ flex: 0 0 auto;
4895
+ width: 18rem;
4896
+ min-height: 10rem;
4897
+ background: #fff;
4898
+ border-radius: .5rem;
4899
+ -webkit-box-shadow: none;
4900
+ box-shadow: none;
4901
+ padding: 1rem;
4902
+ -webkit-box-orient: vertical;
4903
+ -ms-flex-direction: column;
4904
+ flex-direction: column;
4905
+ overflow: hidden;
4906
+ cursor: pointer;
4907
+ -webkit-transition: -webkit-transform .2s ease-in-out;
4908
+ transition: -webkit-transform .2s ease-in-out;
4909
+ transition: transform .2s ease-in-out;
4910
+ transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
4911
+ transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
4912
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14902);
4913
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14902); }
4914
+ .tutorial-card:hover {
4915
+ -webkit-transform: translateY(-4px);
4916
+ transform: translateY(-4px); }
4917
+ .tutorial-card .tutorial-card-image {
4918
+ height: 5rem;
4919
+ background-color: #f5f5f5;
4920
+ -webkit-box-align: center;
4921
+ -ms-flex-align: center;
4922
+ align-items: center;
4923
+ -webkit-box-pack: center;
4924
+ -ms-flex-pack: center;
4925
+ justify-content: center;
4926
+ padding: 1rem; }
4927
+ .tutorial-card .tutorial-card-image img {
4928
+ max-width: 5rem;
4929
+ max-height: 4rem; }
4930
+ .tutorial-card .tutorial-card-content {
4931
+ margin: 1rem 0;
4932
+ -webkit-box-orient: vertical;
4933
+ -ms-flex-direction: column;
4934
+ flex-direction: column;
4935
+ grid-gap: .25rem;
4936
+ gap: .25rem; }
4937
+ .tutorial-card .tutorial-card-content .tutorial-card-title {
4938
+ font-weight: 500;
4939
+ color: #0b4b66; }
4940
+ .tutorial-card .tutorial-card-content .tutorial-card-subtext {
4941
+ font-size: .9rem;
4942
+ color: #555; }
4943
+ .tutorial-card .tutorial-card-content .tutorial-card-link {
4944
+ margin-top: .5rem;
4945
+ font-size: .875rem;
4946
+ color: #c84c0e;
4947
+ -webkit-box-align: center;
4948
+ -ms-flex-align: center;
4949
+ align-items: center;
4950
+ grid-gap: .25rem;
4951
+ gap: .25rem; }
4952
+ .tutorial-card .tutorial-card-content .tutorial-card-link .arrow {
4953
+ font-weight: 700; }
4954
+
4955
+ .tutorial-icon {
4956
+ background-color: #f0f0f0;
4957
+ border-radius: 50%;
4958
+ width: 3rem;
4959
+ height: 3rem;
4960
+ display: -webkit-box;
4961
+ display: -ms-flexbox;
4962
+ display: flex;
4963
+ -webkit-box-align: center;
4964
+ -ms-flex-align: center;
4965
+ align-items: center;
4966
+ -webkit-box-pack: center;
4967
+ -ms-flex-pack: center;
4968
+ justify-content: center;
4969
+ margin-bottom: .75rem;
4970
+ font-size: 1.5rem; }
4971
+ @media (max-width: 480px) {
4972
+ .tutorial-icon {
4973
+ width: 2.5rem;
4974
+ height: 2.5rem;
4975
+ font-size: 1.25rem; } }
4976
+
4977
+ .tutorial-title {
4978
+ font-size: .95rem;
4979
+ font-weight: 500; }
4980
+ @media (max-width: 480px) {
4981
+ .tutorial-title {
4982
+ font-size: .85rem; } }
4983
+
4984
+ .camp-help-button-app-configuration-redesign {
4985
+ margin-right: 24rem; }
4986
+
4632
4987
  .boldLabel .digit-header-content {
4633
4988
  font-weight: 700; }
4634
4989
 
@@ -7083,9 +7438,6 @@ tbody tr:nth-child(odd) {
7083
7438
  text-align: center; }
7084
7439
 
7085
7440
  .app-preview-app-config-drawer-action-button {
7086
- display: -webkit-box;
7087
- display: -ms-flexbox;
7088
- display: flex;
7089
7441
  -webkit-box-orient: vertical;
7090
7442
  -webkit-box-direction: normal;
7091
7443
  -ms-flex-direction: column;
@@ -7093,18 +7445,25 @@ tbody tr:nth-child(odd) {
7093
7445
  grid-gap: .5rem;
7094
7446
  gap: .5rem; }
7095
7447
 
7448
+ .app-config-header, .app-preview-app-config-drawer-action-button {
7449
+ display: -webkit-box;
7450
+ display: -ms-flexbox;
7451
+ display: flex; }
7452
+
7096
7453
  .app-config-header {
7097
7454
  color: #0b4b66 !important;
7098
7455
  font-weight: 700;
7099
7456
  font-size: 2.5rem;
7100
- display: -webkit-box;
7101
- display: -ms-flexbox;
7102
- display: flex;
7103
7457
  -webkit-box-align: baseline;
7104
7458
  -ms-flex-align: baseline;
7105
7459
  align-items: baseline;
7106
7460
  grid-gap: 1rem;
7107
7461
  gap: 1rem; }
7462
+ .app-config-header .app-config-header-group {
7463
+ grid-column-gap: inherit;
7464
+ -webkit-column-gap: inherit;
7465
+ -moz-column-gap: inherit;
7466
+ column-gap: inherit; }
7108
7467
 
7109
7468
  .app-config-drawer-button, .appConfigLabelField-label-container {
7110
7469
  width: 100%; }
@@ -7193,4 +7552,10 @@ tbody tr:nth-child(odd) {
7193
7552
  width: 100%; }
7194
7553
 
7195
7554
  .app-config-drawer-subheader {
7196
- color: #0b4b66; }
7555
+ color: #0b4b66;
7556
+ display: -webkit-box;
7557
+ display: -ms-flexbox;
7558
+ display: flex;
7559
+ -webkit-box-align: baseline;
7560
+ -ms-flex-align: baseline;
7561
+ align-items: baseline; }