@pmidc/upyog-css 1.0.8 → 1.0.10

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 (109) hide show
  1. package/dist/index.css +8 -20
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CardBasedOptions.scss +111 -111
  5. package/src/components/CitizenHomeCard.scss +58 -58
  6. package/src/components/EllipsisMenu.scss +16 -16
  7. package/src/components/EventCalendarView.scss +9 -9
  8. package/src/components/FAQ.scss +63 -63
  9. package/src/components/OnGroundEventCard.scss +71 -71
  10. package/src/components/PageBasedInput.scss +30 -30
  11. package/src/components/PopupHeadingLabel.scss +14 -14
  12. package/src/components/PropertySearchForm.scss +58 -58
  13. package/src/components/SearchForm.scss +56 -56
  14. package/src/components/SearchOnRadioButton.scss +9 -9
  15. package/src/components/StandaloneSearchBar.scss +9 -9
  16. package/src/components/TimeLine.scss +67 -67
  17. package/src/components/WhatsNewCard.scss +12 -12
  18. package/src/components/actionLink.scss +3 -3
  19. package/src/components/actionbar.scss +97 -97
  20. package/src/components/bannercomponents.scss +137 -137
  21. package/src/components/body.scss +146 -146
  22. package/src/components/buttons.scss +49 -49
  23. package/src/components/card.scss +420 -420
  24. package/src/components/cardHeaderWithOptions.scss +13 -13
  25. package/src/components/changeLanguage.scss +3 -3
  26. package/src/components/charts.scss +185 -185
  27. package/src/components/checkbox.scss +83 -83
  28. package/src/components/checkpoint.scss +65 -65
  29. package/src/components/citizenInfoLabel.scss +14 -14
  30. package/src/components/custombtn.scss +15 -15
  31. package/src/components/datatable.scss +76 -76
  32. package/src/components/datewrap.scss +21 -21
  33. package/src/components/detailscard.scss +6 -6
  34. package/src/components/detailscontainer.scss +13 -13
  35. package/src/components/filters.scss +97 -97
  36. package/src/components/grey.scss +3 -3
  37. package/src/components/hoc/InboxComposer.scss +115 -115
  38. package/src/components/howItWorks.scss +71 -71
  39. package/src/components/imageviewer.scss +33 -33
  40. package/src/components/info-banner.scss +35 -35
  41. package/src/components/inputotp.scss +15 -15
  42. package/src/components/keynote.scss +27 -27
  43. package/src/components/languageSelector.scss +24 -24
  44. package/src/components/loader.scss +96 -96
  45. package/src/components/map.scss +30 -30
  46. package/src/components/metricsTable.scss +26 -26
  47. package/src/components/multiLink.scss +87 -87
  48. package/src/components/multiSelectDropdown.scss +72 -72
  49. package/src/components/navbar.scss +310 -310
  50. package/src/components/plusMinus.scss +15 -15
  51. package/src/components/popup.scss +15 -15
  52. package/src/components/radiobtn.scss +44 -44
  53. package/src/components/ratingstar.scss +33 -33
  54. package/src/components/roundedLabel.scss +10 -10
  55. package/src/components/searchAction.scss +20 -20
  56. package/src/components/sectionalDropdown.scss +43 -43
  57. package/src/components/selectdropdown.scss +201 -201
  58. package/src/components/staticDynamicMessages.scss +106 -106
  59. package/src/components/staticSideBar.scss +27 -27
  60. package/src/components/statushighlight.scss +17 -17
  61. package/src/components/submiterrors.scss +11 -11
  62. package/src/components/summary.scss +28 -28
  63. package/src/components/table.scss +179 -179
  64. package/src/components/tag.scss +27 -27
  65. package/src/components/telephone.scss +17 -17
  66. package/src/components/textfields.scss +111 -112
  67. package/src/components/toast.scss +31 -31
  68. package/src/components/toggleSwitch.scss +40 -40
  69. package/src/components/topbar.scss +147 -147
  70. package/src/components/uploadcomponents.scss +113 -113
  71. package/src/index.scss +807 -807
  72. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  73. package/src/pages/citizen/DocumentList.scss +304 -304
  74. package/src/pages/citizen/Events.scss +46 -46
  75. package/src/pages/citizen/HomePageWrapper.scss +163 -163
  76. package/src/pages/citizen/SurveyList.scss +21 -21
  77. package/src/pages/citizen/citizenDocument.scss +21 -21
  78. package/src/pages/citizen/container.scss +19 -19
  79. package/src/pages/citizen/payment/payment-type.scss +2 -2
  80. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  81. package/src/pages/employee/EmployeeLogin.scss +6 -6
  82. package/src/pages/employee/cardfix.scss +13 -13
  83. package/src/pages/employee/container.scss +73 -73
  84. package/src/pages/employee/dashboard.scss +191 -192
  85. package/src/pages/employee/dss.scss +249 -249
  86. package/src/pages/employee/faq.scss +353 -353
  87. package/src/pages/employee/footer.scss +68 -68
  88. package/src/pages/employee/form-fields.scss +13 -13
  89. package/src/pages/employee/iframe.scss +65 -65
  90. package/src/pages/employee/inbox.scss +742 -742
  91. package/src/pages/employee/index.scss +637 -637
  92. package/src/pages/employee/landing.scss +324 -324
  93. package/src/pages/employee/login.scss +594 -594
  94. package/src/pages/employee/oldMobileInbox.scss +4 -4
  95. package/src/pages/employee/popupmodule.scss +47 -47
  96. package/src/pages/employee/response.scss +2 -2
  97. package/src/pages/employee/scroll-table.scss +113 -113
  98. package/src/pages/employee/surveys.scss +469 -469
  99. package/src/pages/employee/tooltip.scss +35 -35
  100. package/src/pages/employee/updateNumber.scss +12 -12
  101. package/svg/camera.svg +4 -4
  102. package/svg/check.svg +3 -3
  103. package/svg/close.svg +4 -4
  104. package/svg/error.svg +3 -3
  105. package/svg/error2.svg +5 -5
  106. package/svg/searchicon.svg +3 -3
  107. package/svg/starempty.svg +3 -3
  108. package/svg/starfilled.svg +4 -4
  109. package/svg/success.svg +3 -3
package/src/components/uploadcomponents.scss CHANGED
@@ -1,113 +1,113 @@
1
- .upload-wrap {
2
- @apply flex w-full h-40 bg-grey-light relative mb-lg px-sm border border-border border-dashed;
3
- max-width: 540px;
4
-
5
- img {
6
- display: block;
7
- margin-top: 58px;
8
- margin-left: calc(50% - 23px);
9
- height: 42px;
10
- width: 46px;
11
- }
12
-
13
- svg {
14
- display: block;
15
- margin-top: 58px;
16
- margin-left: calc(50% - 23px);
17
- height: 42px;
18
- width: 46px;
19
- }
20
-
21
- input {
22
- @apply absolute w-full h-full opacity-0 top-0;
23
- }
24
- }
25
-
26
- .multi-upload-wrap {
27
- @apply flex mb-lg;
28
-
29
- div {
30
- display: block;
31
- position: relative;
32
- background-color: #fafafa;
33
- width: calc((100% - 16px) / 3);
34
- margin-right: 8px;
35
-
36
- .delete {
37
- position: absolute;
38
- height: 24px;
39
- width: 24px;
40
- border-radius: 100%;
41
- top: 2px;
42
- right: 2px;
43
- }
44
- }
45
-
46
- .upload-img-container {
47
- border: 1px dashed #d6d5d4;
48
- margin: 0 !important;
49
-
50
- img {
51
- margin-left: auto;
52
- margin-right: auto;
53
- padding-top: calc(33% - 21px);
54
- }
55
-
56
- svg {
57
- @apply flex;
58
- margin: auto;
59
- }
60
-
61
- svg {
62
- margin-left: auto;
63
- margin-right: auto;
64
- top: calc(50% - 21px);
65
- position: relative;
66
- }
67
-
68
- input {
69
- @apply absolute w-full h-full opacity-0 top-0;
70
- }
71
- }
72
- }
73
-
74
- .upload-file-max-width {
75
- max-width: 540px;
76
- }
77
- .digilocker-btn{
78
- touch-action: manipulation;
79
- cursor: pointer;
80
- background-image: none;
81
- border: 1px solid transparent;
82
- padding: 6px 12px;
83
- font-size: 14px;
84
- line-height: 1.42857143;
85
- border-radius: 4px;
86
- user-select: none;
87
- background: #f0f0f0c9;
88
- display: flex;
89
- font-weight: bold;
90
- }
91
- .upload-file {
92
- min-height: 56px;
93
- @apply relative border border-input-border w-full;
94
-
95
- div {
96
- @apply flex flex-row h-full items-center pl-md mt-sm flex-wrap;
97
-
98
- .file-upload-status {
99
- @apply text-body-s-dt ml-sm;
100
- }
101
- }
102
- input {
103
- width: 160px;
104
- @apply absolute top-0 left-0 opacity-0 h-full;
105
- }
106
- }
107
-
108
- @screen dt {
109
- .multi-upload-wrap img {
110
- width: 100%;
111
- height: 158px;
112
- }
113
- }
1
+ .upload-wrap {
2
+ @apply flex w-full h-40 bg-grey-light relative mb-lg px-sm border border-border border-dashed;
3
+ max-width: 540px;
4
+
5
+ img {
6
+ display: block;
7
+ margin-top: 58px;
8
+ margin-left: calc(50% - 23px);
9
+ height: 42px;
10
+ width: 46px;
11
+ }
12
+
13
+ svg {
14
+ display: block;
15
+ margin-top: 58px;
16
+ margin-left: calc(50% - 23px);
17
+ height: 42px;
18
+ width: 46px;
19
+ }
20
+
21
+ input {
22
+ @apply absolute w-full h-full opacity-0 top-0;
23
+ }
24
+ }
25
+
26
+ .multi-upload-wrap {
27
+ @apply flex mb-lg;
28
+
29
+ div {
30
+ display: block;
31
+ position: relative;
32
+ background-color: #fafafa;
33
+ width: calc((100% - 16px) / 3);
34
+ margin-right: 8px;
35
+
36
+ .delete {
37
+ position: absolute;
38
+ height: 24px;
39
+ width: 24px;
40
+ border-radius: 100%;
41
+ top: 2px;
42
+ right: 2px;
43
+ }
44
+ }
45
+
46
+ .upload-img-container {
47
+ border: 1px dashed #d6d5d4;
48
+ margin: 0 !important;
49
+
50
+ img {
51
+ margin-left: auto;
52
+ margin-right: auto;
53
+ padding-top: calc(33% - 21px);
54
+ }
55
+
56
+ svg {
57
+ @apply flex;
58
+ margin: auto;
59
+ }
60
+
61
+ svg {
62
+ margin-left: auto;
63
+ margin-right: auto;
64
+ top: calc(50% - 21px);
65
+ position: relative;
66
+ }
67
+
68
+ input {
69
+ @apply absolute w-full h-full opacity-0 top-0;
70
+ }
71
+ }
72
+ }
73
+
74
+ .upload-file-max-width {
75
+ max-width: 540px;
76
+ }
77
+ .digilocker-btn{
78
+ touch-action: manipulation;
79
+ cursor: pointer;
80
+ background-image: none;
81
+ border: 1px solid transparent;
82
+ padding: 6px 12px;
83
+ font-size: 14px;
84
+ line-height: 1.42857143;
85
+ border-radius: 4px;
86
+ user-select: none;
87
+ background: #f0f0f0c9;
88
+ display: flex;
89
+ font-weight: bold;
90
+ }
91
+ .upload-file {
92
+ min-height: 56px;
93
+ @apply relative border border-input-border w-full;
94
+
95
+ div {
96
+ @apply flex flex-row h-full items-center pl-md mt-sm flex-wrap;
97
+
98
+ .file-upload-status {
99
+ @apply text-body-s-dt ml-sm;
100
+ }
101
+ }
102
+ input {
103
+ width: 160px;
104
+ @apply absolute top-0 left-0 opacity-0 h-full;
105
+ }
106
+ }
107
+
108
+ @screen dt {
109
+ .multi-upload-wrap img {
110
+ width: 100%;
111
+ height: 158px;
112
+ }
113
+ }