@tattvafoundation/upyog-css 1.0.35 → 1.0.38

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
@@ -658,6 +658,9 @@ img, video {
658
658
  .cursor-pointer {
659
659
  cursor: pointer; }
660
660
 
661
+ .cursor-text {
662
+ cursor: text; }
663
+
661
664
  .cursor-not-allowed {
662
665
  cursor: not-allowed; }
663
666
 
@@ -705,6 +708,12 @@ img, video {
705
708
  -ms-flex-direction: column;
706
709
  flex-direction: column; }
707
710
 
711
+ .flex-col-reverse {
712
+ -webkit-box-orient: vertical;
713
+ -webkit-box-direction: reverse;
714
+ -ms-flex-direction: column-reverse;
715
+ flex-direction: column-reverse; }
716
+
708
717
  .flex-wrap {
709
718
  -ms-flex-wrap: wrap;
710
719
  flex-wrap: wrap; }
@@ -737,6 +746,10 @@ img, video {
737
746
  -ms-flex-item-align: center;
738
747
  align-self: center; }
739
748
 
749
+ .self-stretch {
750
+ -ms-flex-item-align: stretch;
751
+ align-self: stretch; }
752
+
740
753
  .justify-start {
741
754
  -webkit-box-pack: start;
742
755
  -ms-flex-pack: start;
@@ -788,6 +801,9 @@ img, video {
788
801
  -ms-flex-order: 2;
789
802
  order: 2; }
790
803
 
804
+ .float-right {
805
+ float: right; }
806
+
791
807
  .font-sans {
792
808
  font-family: Noto Sans,serif; }
793
809
 
@@ -797,6 +813,9 @@ img, video {
797
813
  .font-bold {
798
814
  font-weight: 700; }
799
815
 
816
+ .h-0 {
817
+ height: 0; }
818
+
800
819
  .h-1 {
801
820
  height: .25rem; }
802
821
 
@@ -977,7 +996,7 @@ img, video {
977
996
  .opacity-75 {
978
997
  opacity: .75; }
979
998
 
980
- .opacity-100 {
999
+ .hover\:opacity-100:hover, .opacity-100 {
981
1000
  opacity: 1; }
982
1001
 
983
1002
  .focus\:outline-none:focus, .outline-none {
@@ -1341,6 +1360,9 @@ img, video {
1341
1360
  .w-56 {
1342
1361
  width: 14rem; }
1343
1362
 
1363
+ .w-64 {
1364
+ width: 16rem; }
1365
+
1344
1366
  .w-auto {
1345
1367
  width: auto; }
1346
1368
 
@@ -1350,6 +1372,9 @@ img, video {
1350
1372
  .w-0\.5 {
1351
1373
  width: .125rem; }
1352
1374
 
1375
+ .w-2\.5 {
1376
+ width: .625rem; }
1377
+
1353
1378
  .w-3\.5 {
1354
1379
  width: .875rem; }
1355
1380
 
@@ -1422,6 +1447,10 @@ img, video {
1422
1447
  grid-gap: .375rem;
1423
1448
  gap: .375rem; }
1424
1449
 
1450
+ .gap-2\.5 {
1451
+ grid-gap: .625rem;
1452
+ gap: .625rem; }
1453
+
1425
1454
  .gap-x-4 {
1426
1455
  grid-column-gap: 1rem;
1427
1456
  -webkit-column-gap: 1rem;
@@ -1438,6 +1467,14 @@ img, video {
1438
1467
  grid-row-gap: .25rem;
1439
1468
  row-gap: .25rem; }
1440
1469
 
1470
+ .gap-y-2 {
1471
+ grid-row-gap: .5rem;
1472
+ row-gap: .5rem; }
1473
+
1474
+ .gap-y-2\.5 {
1475
+ grid-row-gap: .625rem;
1476
+ row-gap: .625rem; }
1477
+
1441
1478
  .grid-cols-1 {
1442
1479
  grid-template-columns: repeat(1, minmax(0, 1fr)); }
1443
1480
 
@@ -1484,6 +1521,10 @@ img, video {
1484
1521
  --transform-scale-x:.95;
1485
1522
  --transform-scale-y:.95; }
1486
1523
 
1524
+ .scale-100 {
1525
+ --transform-scale-x:1;
1526
+ --transform-scale-y:1; }
1527
+
1487
1528
  .hover\:scale-105:hover {
1488
1529
  --transform-scale-x:1.05;
1489
1530
  --transform-scale-y:1.05; }
@@ -10239,6 +10280,9 @@ body {
10239
10280
  *, body, html {
10240
10281
  font-size: var(--base-font-size); }
10241
10282
 
10283
+ body, html {
10284
+ font-family: Poppins,sans-serif; }
10285
+
10242
10286
  body {
10243
10287
  background-color: #fff;
10244
10288
  background-color: var(--background-color);
@@ -10336,6 +10380,11 @@ body {
10336
10380
  .TLComments p {
10337
10381
  font-size: 16px; }
10338
10382
 
10383
+ .bmc-label {
10384
+ margin-bottom: 2px;
10385
+ font-size: 14px;
10386
+ font-weight: 500; }
10387
+
10339
10388
  .bmc-tooltip {
10340
10389
  background-color: rgba(0, 0, 0, 0.8);
10341
10390
  color: #fff;
@@ -10466,7 +10515,8 @@ body {
10466
10515
  border: 1px solid #e2e8f0;
10467
10516
  border: 1px solid var(--border-color);
10468
10517
  -webkit-box-shadow: 0 5px 10px var(--shadow-color);
10469
- box-shadow: 0 5px 10px var(--shadow-color); }
10518
+ box-shadow: 0 5px 10px var(--shadow-color);
10519
+ padding: 2rem; }
10470
10520
 
10471
10521
  .bmc-card-row {
10472
10522
  width: 100%; }
@@ -10671,17 +10721,17 @@ body {
10671
10721
  .bmc-row-card-header {
10672
10722
  background-color: #fff;
10673
10723
  border: 1px solid #ddd;
10674
- border-radius: 20px;
10724
+ border-radius: 8px;
10675
10725
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
10676
10726
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
10677
- padding: 2rem;
10727
+ padding: 1.5rem;
10678
10728
  max-width: 100%;
10679
10729
  -webkit-transition: -webkit-box-shadow .3s ease;
10680
10730
  transition: -webkit-box-shadow .3s ease;
10681
10731
  transition: box-shadow .3s ease;
10682
10732
  transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
10683
10733
  transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
10684
- margin-bottom: 1rem; }
10734
+ margin-bottom: .5rem; }
10685
10735
 
10686
10736
  .bmc-card-row, .bmc-row-card-header {
10687
10737
  width: 100%;
@@ -10788,10 +10838,10 @@ body {
10788
10838
  left: 6px; }
10789
10839
 
10790
10840
  .bmc-title {
10791
- font-size: 24px;
10841
+ font-size: 20px;
10792
10842
  font-weight: 700;
10793
10843
  color: #0b0c0c;
10794
- padding-bottom: 1rem; }
10844
+ padding-bottom: 10px; }
10795
10845
 
10796
10846
  .bmc-card-button {
10797
10847
  background-color: #d1b03f;
@@ -10905,6 +10955,13 @@ body {
10905
10955
  width: 100%;
10906
10956
  text-align: center; }
10907
10957
 
10958
+ .loader {
10959
+ border: 3px solid #f3f3f3;
10960
+ border-top-color: #d1b03f;
10961
+ border-radius: 50%;
10962
+ -webkit-animation: spin .5s linear infinite;
10963
+ animation: spin .5s linear infinite; }
10964
+
10908
10965
  @media only screen and (max-width: 768px) {
10909
10966
  .bmc-card-aadharimage {
10910
10967
  display: none; }
@@ -11522,6 +11579,157 @@ button.submit-bar:hover {
11522
11579
  text-align: center;
11523
11580
  color: red; }
11524
11581
 
11582
+ .bmc-date-picker input, .bmc-date-picker .checkbox-wrap .input-emp, .checkbox-wrap .bmc-date-picker .input-emp, .bmc-input-field input, .bmc-input-field .checkbox-wrap .input-emp, .checkbox-wrap .bmc-input-field .input-emp, .bmc-input-field textarea, .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master {
11583
+ border-radius: 6px;
11584
+ border: 1px solid #d1d5db;
11585
+ padding: 8px;
11586
+ height: 2.4rem !important;
11587
+ -webkit-transition: border-color .3s ease-in-out;
11588
+ transition: border-color .3s ease-in-out;
11589
+ font-size: 15px; }
11590
+ .bmc-date-picker input:disabled, .bmc-date-picker .checkbox-wrap .input-emp:disabled, .checkbox-wrap .bmc-date-picker .input-emp:disabled, .bmc-input-field input:disabled, .bmc-input-field .checkbox-wrap .input-emp:disabled, .checkbox-wrap .bmc-input-field .input-emp:disabled, .bmc-input-field textarea:disabled, .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master:disabled {
11591
+ border-color: #9ca3af; }
11592
+ .bmc-date-picker input:focus, .bmc-date-picker .checkbox-wrap .input-emp:focus, .checkbox-wrap .bmc-date-picker .input-emp:focus, .bmc-input-field input:focus, .bmc-input-field .checkbox-wrap .input-emp:focus, .checkbox-wrap .bmc-input-field .input-emp:focus, .bmc-input-field textarea:focus, .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master:focus {
11593
+ border-color: #b08905; }
11594
+ .bmc-date-picker input:hover, .bmc-date-picker .checkbox-wrap .input-emp:hover, .checkbox-wrap .bmc-date-picker .input-emp:hover, .bmc-input-field input:hover, .bmc-input-field .checkbox-wrap .input-emp:hover, .checkbox-wrap .bmc-input-field .input-emp:hover, .bmc-input-field textarea:hover, .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master:hover {
11595
+ border-color: #b08905 !important; }
11596
+
11597
+ .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master-active {
11598
+ border-color: #b08905;
11599
+ border-radius: 6px;
11600
+ height: 2.4rem !important; }
11601
+
11602
+ .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master-active input, .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master-active .checkbox-wrap .input-emp, .checkbox-wrap .multi-column-dropdown-wrap.bmc-multicolumn-dropdown-wrap .master-active .input-emp {
11603
+ border-radius: 6px; }
11604
+
11605
+ .bmc-input-field .select {
11606
+ height: 2.4rem !important;
11607
+ background-color: #fff !important;
11608
+ border-radius: 6px;
11609
+ border: 1px solid #d1d5db;
11610
+ padding: 8px;
11611
+ -webkit-transition: border-color .3s ease-in-out;
11612
+ transition: border-color .3s ease-in-out;
11613
+ font-size: 15px; }
11614
+ .bmc-input-field .select:disabled {
11615
+ border-color: #9ca3af; }
11616
+ .bmc-input-field .select:focus {
11617
+ border-color: #b08905; }
11618
+ .bmc-input-field .select:hover {
11619
+ border-color: #b08905 !important; }
11620
+
11621
+ .bmc-input-field .select input, .bmc-input-field .select .checkbox-wrap .input-emp, .checkbox-wrap .bmc-input-field .select .input-emp {
11622
+ border: none;
11623
+ top: 50%;
11624
+ -webkit-transform: translateY(-50%);
11625
+ transform: translateY(-50%);
11626
+ padding: 0 !important; }
11627
+
11628
+ .bmc-input-field .select-active {
11629
+ border: 1px solid #b08905;
11630
+ border-radius: 6px; }
11631
+
11632
+ .bmc-input-field .select-active input, .bmc-input-field .select-active .checkbox-wrap .input-emp, .checkbox-wrap .bmc-input-field .select-active .input-emp {
11633
+ border: none;
11634
+ -webkit-box-shadow: none;
11635
+ box-shadow: none;
11636
+ border-radius: 6px;
11637
+ font-size: 15px; }
11638
+
11639
+ .bmc-input-field .select img, .bmc-input-field .select svg {
11640
+ top: 50%;
11641
+ -webkit-transform: translateY(-50%);
11642
+ transform: translateY(-50%); }
11643
+
11644
+ .bmc-marquee-container {
11645
+ position: absolute;
11646
+ top: 0;
11647
+ left: 0;
11648
+ width: 100%;
11649
+ height: 100%;
11650
+ overflow: hidden;
11651
+ pointer-events: none;
11652
+ z-index: 1;
11653
+ display: -webkit-box;
11654
+ display: -ms-flexbox;
11655
+ display: flex;
11656
+ -webkit-box-align: center;
11657
+ -ms-flex-align: center;
11658
+ align-items: center;
11659
+ border-radius: 6px; }
11660
+
11661
+ .bmc-marquee-content {
11662
+ display: inline-block;
11663
+ white-space: nowrap;
11664
+ padding-left: 100%;
11665
+ -webkit-animation: marquee 15s linear infinite;
11666
+ animation: marquee 15s linear infinite;
11667
+ color: #9ca3af;
11668
+ font-size: 16px; }
11669
+
11670
+ .bmc-radio-button-container .radio-wrap label {
11671
+ font-size: 14px;
11672
+ line-height: 16px;
11673
+ margin-left: 10px; }
11674
+
11675
+ .bmc-radio-button-container .radio-wrap div:last-child {
11676
+ margin-bottom: 0; }
11677
+
11678
+ .bmc-radio-button-container.inspection .radio-wrap div:nth-child(3) {
11679
+ display: -webkit-box;
11680
+ display: -ms-flexbox;
11681
+ display: flex;
11682
+ -webkit-box-align: center;
11683
+ -ms-flex-align: center;
11684
+ align-items: center; }
11685
+
11686
+ .bmc-radio-button-container.inspection .radio-wrap div:nth-child(3) label {
11687
+ line-height: 20px; }
11688
+
11689
+ .bmc-submit-btn {
11690
+ border-bottom: 2px solid #8f6d0d;
11691
+ outline: none;
11692
+ background-color: #d1b03f;
11693
+ cursor: pointer;
11694
+ border-radius: 6px;
11695
+ -webkit-transition: all .3s ease-in-out;
11696
+ transition: all .3s ease-in-out; }
11697
+
11698
+ .bmc-submit-btn:hover {
11699
+ background-color: #d1b03f !important;
11700
+ -webkit-box-shadow: none !important;
11701
+ box-shadow: none !important;
11702
+ border-bottom: none !important;
11703
+ border-radius: 6px; }
11704
+
11705
+ .bmc-submit-btn:disabled {
11706
+ background: grey;
11707
+ cursor: not-allowed; }
11708
+
11709
+ @-webkit-keyframes marquee {
11710
+ 0% {
11711
+ -webkit-transform: translateX(0);
11712
+ transform: translateX(0); }
11713
+ to {
11714
+ -webkit-transform: translateX(-100%);
11715
+ transform: translateX(-100%); } }
11716
+
11717
+ @keyframes marquee {
11718
+ 0% {
11719
+ -webkit-transform: translateX(0);
11720
+ transform: translateX(0); }
11721
+ to {
11722
+ -webkit-transform: translateX(-100%);
11723
+ transform: translateX(-100%); } }
11724
+
11725
+ .bmc-input-field .checkbox-no-height {
11726
+ height: auto !important; }
11727
+
11728
+ .bmc-input-field input, .bmc-input-field .checkbox-wrap .input-emp, .checkbox-wrap .bmc-input-field .input-emp {
11729
+ background: transparent !important;
11730
+ position: relative;
11731
+ z-index: 2; }
11732
+
11525
11733
  @media screen and (max-width: 320px) {
11526
11734
  .mobile-CardWrapper {
11527
11735
  min-height: 30vh; }
@@ -12133,6 +12341,11 @@ button.submit-bar:hover {
12133
12341
  .multi-column-dropdown-wrap .master .label svg, .multi-column-dropdown-wrap .master-active .label svg {
12134
12342
  height: 2rem;
12135
12343
  width: 2rem; }
12344
+ .multi-column-dropdown-wrap .master input[type=text]:disabled, .multi-column-dropdown-wrap .master .checkbox-wrap .input-emp[type=text]:disabled, .checkbox-wrap .multi-column-dropdown-wrap .master .input-emp[type=text]:disabled, .multi-column-dropdown-wrap .master-active input[type=text]:disabled, .multi-column-dropdown-wrap .master-active .checkbox-wrap .input-emp[type=text]:disabled, .checkbox-wrap .multi-column-dropdown-wrap .master-active .input-emp[type=text]:disabled {
12345
+ opacity: .5;
12346
+ cursor: not-allowed; }
12347
+ .multi-column-dropdown-wrap .master.disabled, .multi-column-dropdown-wrap .master-active.disabled {
12348
+ opacity: .8; }
12136
12349
  .multi-column-dropdown-wrap .master:hover, .multi-column-dropdown-wrap .master-active:hover {
12137
12350
  border-color: #a82227; }
12138
12351
  .multi-column-dropdown-wrap .master-active {