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

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.82
3
3
  *
4
4
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egov.org.in>
5
5
  *
@@ -4095,6 +4095,376 @@ header {
4095
4095
  opacity: .5;
4096
4096
  background: #c5c5c5 !important; }
4097
4097
 
4098
+ .camp-drawer-caption {
4099
+ font-size: 1rem !important;
4100
+ font-weight: 400 !important; }
4101
+
4102
+ .camp-app-help-tutorial-popup {
4103
+ bottom: 0;
4104
+ top: 62vh !important;
4105
+ width: 100%;
4106
+ max-width: 90% !important;
4107
+ overflow: hidden !important; }
4108
+ .camp-app-help-tutorial-popup .digit-popup-children-wrap {
4109
+ overflow: hidden !important; }
4110
+ .camp-app-help-tutorial-popup .tutorial-wrapper {
4111
+ -webkit-box-orient: vertical;
4112
+ -ms-flex-direction: column;
4113
+ flex-direction: column; }
4114
+ .camp-app-help-tutorial-popup .tutorial-row, .camp-app-help-tutorial-popup .tutorial-wrapper {
4115
+ display: -webkit-box;
4116
+ display: -ms-flexbox;
4117
+ display: flex;
4118
+ -webkit-box-direction: normal;
4119
+ grid-gap: 1rem;
4120
+ gap: 1rem; }
4121
+ .camp-app-help-tutorial-popup .tutorial-row {
4122
+ -webkit-box-orient: horizontal;
4123
+ -ms-flex-direction: row;
4124
+ flex-direction: row;
4125
+ overflow-x: auto;
4126
+ padding-bottom: 1rem; }
4127
+ .camp-app-help-tutorial-popup .tutorial-card {
4128
+ -webkit-box-flex: 0;
4129
+ -ms-flex: 0 0 auto;
4130
+ flex: 0 0 auto;
4131
+ width: 16rem;
4132
+ min-height: 10rem;
4133
+ background: #fff;
4134
+ border-radius: .75rem;
4135
+ -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
4136
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
4137
+ display: -webkit-box;
4138
+ display: -ms-flexbox;
4139
+ display: flex;
4140
+ -webkit-box-orient: vertical;
4141
+ -webkit-box-direction: normal;
4142
+ -ms-flex-direction: column;
4143
+ flex-direction: column;
4144
+ -webkit-box-align: center;
4145
+ -ms-flex-align: center;
4146
+ align-items: center;
4147
+ -webkit-box-pack: center;
4148
+ -ms-flex-pack: center;
4149
+ justify-content: center;
4150
+ padding: 1rem;
4151
+ text-align: center;
4152
+ cursor: pointer;
4153
+ -webkit-transition: -webkit-transform .2s ease-in-out;
4154
+ transition: -webkit-transform .2s ease-in-out;
4155
+ transition: transform .2s ease-in-out;
4156
+ transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
4157
+ transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out; }
4158
+ .camp-app-help-tutorial-popup .tutorial-card:hover {
4159
+ -webkit-transform: translateY(-4px);
4160
+ transform: translateY(-4px); }
4161
+ .camp-app-help-tutorial-popup .tutorial-icon {
4162
+ background-color: #f0f0f0;
4163
+ border-radius: 50%;
4164
+ width: 3rem;
4165
+ height: 3rem;
4166
+ display: -webkit-box;
4167
+ display: -ms-flexbox;
4168
+ display: flex;
4169
+ -webkit-box-align: center;
4170
+ -ms-flex-align: center;
4171
+ align-items: center;
4172
+ -webkit-box-pack: center;
4173
+ -ms-flex-pack: center;
4174
+ justify-content: center;
4175
+ margin-bottom: .75rem;
4176
+ font-size: 1.5rem; }
4177
+ .camp-app-help-tutorial-popup .tutorial-title {
4178
+ font-size: .95rem;
4179
+ font-weight: 500; }
4180
+
4181
+ @-webkit-keyframes fadeIn {
4182
+ 0% {
4183
+ background-color: transparent; }
4184
+ to {
4185
+ background-color: rgba(0, 0, 0, 0.3); } }
4186
+
4187
+ @keyframes fadeIn {
4188
+ 0% {
4189
+ background-color: transparent; }
4190
+ to {
4191
+ background-color: rgba(0, 0, 0, 0.3); } }
4192
+
4193
+ @-webkit-keyframes fadeOut {
4194
+ 0% {
4195
+ background-color: rgba(0, 0, 0, 0.3); }
4196
+ to {
4197
+ background-color: transparent; } }
4198
+
4199
+ @keyframes fadeOut {
4200
+ 0% {
4201
+ background-color: rgba(0, 0, 0, 0.3); }
4202
+ to {
4203
+ background-color: transparent; } }
4204
+
4205
+ @-webkit-keyframes slideInUp {
4206
+ 0% {
4207
+ -webkit-transform: translateY(100%);
4208
+ transform: translateY(100%);
4209
+ opacity: 0; }
4210
+ to {
4211
+ -webkit-transform: translateY(0);
4212
+ transform: translateY(0);
4213
+ opacity: 1; } }
4214
+
4215
+ @keyframes slideInUp {
4216
+ 0% {
4217
+ -webkit-transform: translateY(100%);
4218
+ transform: translateY(100%);
4219
+ opacity: 0; }
4220
+ to {
4221
+ -webkit-transform: translateY(0);
4222
+ transform: translateY(0);
4223
+ opacity: 1; } }
4224
+
4225
+ @-webkit-keyframes slideOutDown {
4226
+ 0% {
4227
+ -webkit-transform: translateY(0);
4228
+ transform: translateY(0);
4229
+ opacity: 1; }
4230
+ to {
4231
+ -webkit-transform: translateY(100%);
4232
+ transform: translateY(100%);
4233
+ opacity: 0; } }
4234
+
4235
+ @keyframes slideOutDown {
4236
+ 0% {
4237
+ -webkit-transform: translateY(0);
4238
+ transform: translateY(0);
4239
+ opacity: 1; }
4240
+ to {
4241
+ -webkit-transform: translateY(100%);
4242
+ transform: translateY(100%);
4243
+ opacity: 0; } }
4244
+
4245
+ .tutorial-overlay {
4246
+ position: fixed;
4247
+ top: 0;
4248
+ right: 0;
4249
+ bottom: 0;
4250
+ left: 0;
4251
+ z-index: 2999;
4252
+ -webkit-animation-duration: .3s;
4253
+ animation-duration: .3s;
4254
+ -webkit-animation-fill-mode: forwards;
4255
+ animation-fill-mode: forwards;
4256
+ display: -webkit-box;
4257
+ display: -ms-flexbox;
4258
+ display: flex;
4259
+ -webkit-box-pack: center;
4260
+ -ms-flex-pack: center;
4261
+ justify-content: center;
4262
+ -webkit-box-align: end;
4263
+ -ms-flex-align: end;
4264
+ align-items: flex-end; }
4265
+ .tutorial-overlay.fade-in {
4266
+ -webkit-animation-name: fadeIn;
4267
+ animation-name: fadeIn; }
4268
+ .tutorial-overlay.fade-out {
4269
+ -webkit-animation-name: fadeOut;
4270
+ animation-name: fadeOut; }
4271
+
4272
+ .tutorial-drawer {
4273
+ position: fixed;
4274
+ bottom: 0;
4275
+ right: 0;
4276
+ width: calc(100vw - 4rem);
4277
+ border-radius: 1rem 1rem 0 0;
4278
+ background: #fff;
4279
+ -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
4280
+ box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
4281
+ padding: 1rem;
4282
+ z-index: 1000;
4283
+ display: -webkit-box;
4284
+ display: -ms-flexbox;
4285
+ display: flex;
4286
+ -webkit-box-orient: vertical;
4287
+ -webkit-box-direction: normal;
4288
+ -ms-flex-direction: column;
4289
+ flex-direction: column;
4290
+ -webkit-animation-duration: .3s;
4291
+ animation-duration: .3s;
4292
+ -webkit-animation-fill-mode: forwards;
4293
+ animation-fill-mode: forwards; }
4294
+ .tutorial-drawer.slide-in {
4295
+ -webkit-animation-name: slideInUp;
4296
+ animation-name: slideInUp; }
4297
+ .tutorial-drawer.slide-out {
4298
+ -webkit-animation-name: slideOutDown;
4299
+ animation-name: slideOutDown; }
4300
+
4301
+ .tutorial-header {
4302
+ display: -webkit-box;
4303
+ display: -ms-flexbox;
4304
+ display: flex;
4305
+ -webkit-box-pack: justify;
4306
+ -ms-flex-pack: justify;
4307
+ justify-content: space-between;
4308
+ -webkit-box-align: center;
4309
+ -ms-flex-align: center;
4310
+ align-items: center;
4311
+ font-weight: 600;
4312
+ font-size: 1.5rem;
4313
+ padding: .5rem;
4314
+ color: #0b4b66; }
4315
+
4316
+ .tutorial-close {
4317
+ background: none;
4318
+ border: none;
4319
+ font-size: 1.25rem;
4320
+ cursor: pointer;
4321
+ line-height: 1; }
4322
+
4323
+ .tutorial-row {
4324
+ -webkit-box-orient: horizontal;
4325
+ -ms-flex-direction: row;
4326
+ flex-direction: row;
4327
+ overflow-x: auto;
4328
+ grid-gap: 1rem;
4329
+ gap: 1rem;
4330
+ padding: .25rem;
4331
+ scroll-behavior: smooth;
4332
+ -webkit-overflow-scrolling: touch;
4333
+ scrollbar-width: thin; }
4334
+
4335
+ .tutorial-card, .tutorial-row {
4336
+ display: -webkit-box;
4337
+ display: -ms-flexbox;
4338
+ display: flex;
4339
+ -webkit-box-direction: normal; }
4340
+
4341
+ .tutorial-card {
4342
+ -webkit-box-flex: 0;
4343
+ -ms-flex: 0 0 auto;
4344
+ flex: 0 0 auto;
4345
+ width: 18rem;
4346
+ min-height: 10rem;
4347
+ background: #fff;
4348
+ border-radius: .5rem;
4349
+ -webkit-box-shadow: none;
4350
+ box-shadow: none;
4351
+ padding: 1rem;
4352
+ -webkit-box-orient: vertical;
4353
+ -ms-flex-direction: column;
4354
+ flex-direction: column;
4355
+ overflow: hidden;
4356
+ cursor: pointer;
4357
+ -webkit-transition: -webkit-transform .2s ease-in-out;
4358
+ transition: -webkit-transform .2s ease-in-out;
4359
+ transition: transform .2s ease-in-out;
4360
+ transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
4361
+ transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
4362
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14902);
4363
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14902); }
4364
+ .tutorial-card:hover {
4365
+ -webkit-transform: translateY(-4px);
4366
+ transform: translateY(-4px); }
4367
+ .tutorial-card .tutorial-card-image {
4368
+ height: 5rem;
4369
+ background-color: #f5f5f5;
4370
+ -webkit-box-align: center;
4371
+ -ms-flex-align: center;
4372
+ align-items: center;
4373
+ -webkit-box-pack: center;
4374
+ -ms-flex-pack: center;
4375
+ justify-content: center;
4376
+ padding: 1rem; }
4377
+ .tutorial-card .tutorial-card-image img {
4378
+ max-width: 5rem;
4379
+ max-height: 4rem; }
4380
+ .tutorial-card .tutorial-card-content {
4381
+ margin: 1rem 0;
4382
+ -webkit-box-orient: vertical;
4383
+ -ms-flex-direction: column;
4384
+ flex-direction: column;
4385
+ grid-gap: .25rem;
4386
+ gap: .25rem; }
4387
+ .tutorial-card .tutorial-card-content .tutorial-card-title {
4388
+ font-weight: 500;
4389
+ color: #0b4b66; }
4390
+ .tutorial-card .tutorial-card-content .tutorial-card-subtext {
4391
+ font-size: .9rem;
4392
+ color: #555; }
4393
+ .tutorial-card .tutorial-card-content .tutorial-card-link {
4394
+ margin-top: .5rem;
4395
+ font-size: .875rem;
4396
+ color: #c84c0e;
4397
+ -webkit-box-align: center;
4398
+ -ms-flex-align: center;
4399
+ align-items: center;
4400
+ grid-gap: .25rem;
4401
+ gap: .25rem; }
4402
+ .tutorial-card .tutorial-card-content .tutorial-card-link .arrow {
4403
+ font-weight: 700; }
4404
+
4405
+ .tutorial-icon {
4406
+ background-color: #f0f0f0;
4407
+ border-radius: 50%;
4408
+ width: 3rem;
4409
+ height: 3rem;
4410
+ display: -webkit-box;
4411
+ display: -ms-flexbox;
4412
+ display: flex;
4413
+ -webkit-box-align: center;
4414
+ -ms-flex-align: center;
4415
+ align-items: center;
4416
+ -webkit-box-pack: center;
4417
+ -ms-flex-pack: center;
4418
+ justify-content: center;
4419
+ margin-bottom: .75rem;
4420
+ font-size: 1.5rem; }
4421
+ @media (max-width: 480px) {
4422
+ .tutorial-icon {
4423
+ width: 2.5rem;
4424
+ height: 2.5rem;
4425
+ font-size: 1.25rem; } }
4426
+
4427
+ .tutorial-title {
4428
+ font-size: .95rem;
4429
+ font-weight: 500; }
4430
+ @media (max-width: 480px) {
4431
+ .tutorial-title {
4432
+ font-size: .85rem; } }
4433
+
4434
+ .camp-help-button-app-configuration-redesign {
4435
+ margin-right: 24rem; }
4436
+
4437
+ .boldLabel .digit-header-content {
4438
+ font-weight: 700; }
4439
+
4440
+ .clickable:hover {
4441
+ border: .063rem solid #c84c0e;
4442
+ -webkit-box-shadow: 0.063rem rgba(0, 0, 0, 0.16078);
4443
+ box-shadow: 0.063rem rgba(0, 0, 0, 0.16078); }
4444
+
4445
+ .cmn-help-info-card {
4446
+ margin: 1.5rem 1rem;
4447
+ max-width: 100%; }
4448
+ .cmn-help-info-card .cmn-help-info-card-elements-wrapper {
4449
+ margin-bottom: .5rem; }
4450
+ .cmn-help-info-card .cmn-help-info-card-elements-wrapper .digit-text-block-header-content .digit-text-block-header {
4451
+ line-height: .75rem;
4452
+ font-weight: 500;
4453
+ font-size: 1.5rem; }
4454
+ .cmn-help-info-card .cmn-help-info-card-elements-wrapper ol, .cmn-help-info-card .cmn-help-info-card-elements-wrapper ul {
4455
+ list-style: auto;
4456
+ font-size: 1rem;
4457
+ font-weight: 400;
4458
+ margin-top: 0;
4459
+ color: #787878;
4460
+ font-weight: .875rem; }
4461
+
4462
+ .digit-text-block-header-content {
4463
+ -webkit-box-orient: vertical !important;
4464
+ -webkit-box-direction: normal !important;
4465
+ -ms-flex-direction: column !important;
4466
+ flex-direction: column !important; }
4467
+
4098
4468
  .summary-header {
4099
4469
  font-size: 2.25rem;
4100
4470
  margin-bottom: 1.5rem !important; }
@@ -4355,7 +4725,7 @@ header {
4355
4725
  background-color: #fff;
4356
4726
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
4357
4727
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
4358
- margin: 20px auto;
4728
+ margin: 5px auto;
4359
4729
  font-family: Arial,sans-serif;
4360
4730
  scrollbar-width: thin;
4361
4731
  scrollbar-color: #d6d5d4 #fafafa; }
@@ -4569,12 +4939,16 @@ header {
4569
4939
  color: #505a5f;
4570
4940
  font-family: Roboto; }
4571
4941
 
4572
- .dates, .detail-header, .details-desc {
4942
+ .dates, .detail-header {
4573
4943
  font-size: [object Object]; }
4574
4944
 
4945
+ .detail-header {
4946
+ color: #0b4b66; }
4947
+
4575
4948
  .details-desc {
4576
4949
  color: #505a5f;
4577
- font-family: Roboto; }
4950
+ font-family: Roboto;
4951
+ font-size: [object Object]; }
4578
4952
 
4579
4953
  .campaign-details-header {
4580
4954
  display: -webkit-box;
@@ -4618,7 +4992,23 @@ header {
4618
4992
 
4619
4993
  .hcm-app-features .digit-toggle-toolbar {
4620
4994
  margin-top: 1rem;
4621
- margin-bottom: .5rem; }
4995
+ margin-bottom: .5rem;
4996
+ max-width: 90%; }
4997
+ .hcm-app-features .digit-toggle-toolbar > :first-child label {
4998
+ border-top-left-radius: .5rem;
4999
+ border-bottom-left-radius: .5rem; }
5000
+ .hcm-app-features .digit-toggle-toolbar > :last-child label {
5001
+ border-top-right-radius: .5rem;
5002
+ border-bottom-right-radius: .5rem; }
5003
+
5004
+ .digit-toggle-toolbar.app-config-tab {
5005
+ max-width: 90%; }
5006
+ .digit-toggle-toolbar.app-config-tab > :first-child label {
5007
+ border-top-left-radius: .5rem;
5008
+ border-bottom-left-radius: .5rem; }
5009
+ .digit-toggle-toolbar.app-config-tab > :last-child label {
5010
+ border-top-right-radius: .5rem;
5011
+ border-bottom-right-radius: .5rem; }
4622
5012
 
4623
5013
  .module-description {
4624
5014
  -webkit-box-flex: 1;
@@ -4629,14 +5019,6 @@ header {
4629
5019
  font-size: [object Object];
4630
5020
  color: #505a5f; }
4631
5021
 
4632
- .boldLabel .digit-header-content {
4633
- font-weight: 700; }
4634
-
4635
- .clickable:hover {
4636
- border: .063rem solid #c84c0e;
4637
- -webkit-box-shadow: 0.063rem rgba(0, 0, 0, 0.16078);
4638
- box-shadow: 0.063rem rgba(0, 0, 0, 0.16078); }
4639
-
4640
5022
  .name-container-popUp {
4641
5023
  margin-right: 0; }
4642
5024
 
@@ -7083,9 +7465,6 @@ tbody tr:nth-child(odd) {
7083
7465
  text-align: center; }
7084
7466
 
7085
7467
  .app-preview-app-config-drawer-action-button {
7086
- display: -webkit-box;
7087
- display: -ms-flexbox;
7088
- display: flex;
7089
7468
  -webkit-box-orient: vertical;
7090
7469
  -webkit-box-direction: normal;
7091
7470
  -ms-flex-direction: column;
@@ -7093,18 +7472,25 @@ tbody tr:nth-child(odd) {
7093
7472
  grid-gap: .5rem;
7094
7473
  gap: .5rem; }
7095
7474
 
7475
+ .app-config-header, .app-preview-app-config-drawer-action-button {
7476
+ display: -webkit-box;
7477
+ display: -ms-flexbox;
7478
+ display: flex; }
7479
+
7096
7480
  .app-config-header {
7097
7481
  color: #0b4b66 !important;
7098
7482
  font-weight: 700;
7099
7483
  font-size: 2.5rem;
7100
- display: -webkit-box;
7101
- display: -ms-flexbox;
7102
- display: flex;
7103
7484
  -webkit-box-align: baseline;
7104
7485
  -ms-flex-align: baseline;
7105
7486
  align-items: baseline;
7106
7487
  grid-gap: 1rem;
7107
7488
  gap: 1rem; }
7489
+ .app-config-header .app-config-header-group {
7490
+ grid-column-gap: inherit;
7491
+ -webkit-column-gap: inherit;
7492
+ -moz-column-gap: inherit;
7493
+ column-gap: inherit; }
7108
7494
 
7109
7495
  .app-config-drawer-button, .appConfigLabelField-label-container {
7110
7496
  width: 100%; }
@@ -7193,4 +7579,10 @@ tbody tr:nth-child(odd) {
7193
7579
  width: 100%; }
7194
7580
 
7195
7581
  .app-config-drawer-subheader {
7196
- color: #0b4b66; }
7582
+ color: #0b4b66;
7583
+ display: -webkit-box;
7584
+ display: -ms-flexbox;
7585
+ display: flex;
7586
+ -webkit-box-align: baseline;
7587
+ -ms-flex-align: baseline;
7588
+ align-items: baseline; }