@entit/digit-ui-css 1.5.6 → 2.0.1

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 (99) hide show
  1. package/dist/index.css +81 -0
  2. package/dist/index.min.css +1 -1
  3. package/package.json +64 -64
  4. package/src/components/CardBasedOptions.scss +44 -44
  5. package/src/components/CitizenHomeCard.scss +46 -46
  6. package/src/components/EllipsisMenu.scss +16 -16
  7. package/src/components/EventCalendarView.scss +9 -9
  8. package/src/components/OnGroundEventCard.scss +71 -71
  9. package/src/components/PageBasedInput.scss +22 -22
  10. package/src/components/PopupHeadingLabel.scss +14 -14
  11. package/src/components/PropertySearchForm.scss +58 -58
  12. package/src/components/SearchForm.scss +55 -55
  13. package/src/components/SearchOnRadioButton.scss +9 -9
  14. package/src/components/StandaloneSearchBar.scss +9 -9
  15. package/src/components/TimeLine.scss +67 -67
  16. package/src/components/WhatsNewCard.scss +12 -12
  17. package/src/components/actionLink.scss +3 -3
  18. package/src/components/actionbar.scss +97 -58
  19. package/src/components/bannercomponents.scss +131 -131
  20. package/src/components/body.scss +118 -118
  21. package/src/components/buttons.scss +47 -47
  22. package/src/components/card.scss +389 -389
  23. package/src/components/cardHeaderWithOptions.scss +13 -13
  24. package/src/components/changeLanguage.scss +3 -3
  25. package/src/components/charts.scss +185 -185
  26. package/src/components/checkbox.scss +53 -53
  27. package/src/components/checkpoint.scss +63 -63
  28. package/src/components/citizenInfoLabel.scss +14 -14
  29. package/src/components/custombtn.scss +11 -11
  30. package/src/components/datatable.scss +71 -71
  31. package/src/components/datewrap.scss +21 -21
  32. package/src/components/detailscard.scss +6 -6
  33. package/src/components/detailscontainer.scss +13 -13
  34. package/src/components/filters.scss +97 -97
  35. package/src/components/grey.scss +3 -3
  36. package/src/components/hoc/InboxComposer.scss +22 -22
  37. package/src/components/imageviewer.scss +33 -33
  38. package/src/components/info-banner.scss +34 -34
  39. package/src/components/inputotp.scss +15 -15
  40. package/src/components/keynote.scss +27 -27
  41. package/src/components/languageSelector.scss +22 -22
  42. package/src/components/loader.scss +96 -96
  43. package/src/components/map.scss +30 -30
  44. package/src/components/metricsTable.scss +26 -26
  45. package/src/components/multiLink.scss +72 -72
  46. package/src/components/multiSelectDropdown.scss +72 -72
  47. package/src/components/navbar.scss +109 -109
  48. package/src/components/popup.scss +15 -15
  49. package/src/components/radiobtn.scss +44 -44
  50. package/src/components/ratingstar.scss +33 -33
  51. package/src/components/roundedLabel.scss +10 -10
  52. package/src/components/searchAction.scss +20 -20
  53. package/src/components/sectionalDropdown.scss +43 -43
  54. package/src/components/selectdropdown.scss +173 -173
  55. package/src/components/statushighlight.scss +17 -17
  56. package/src/components/submiterrors.scss +11 -11
  57. package/src/components/summary.scss +25 -25
  58. package/src/components/table.scss +167 -167
  59. package/src/components/tag.scss +27 -27
  60. package/src/components/telephone.scss +17 -17
  61. package/src/components/textfields.scss +90 -90
  62. package/src/components/toast.scss +31 -31
  63. package/src/components/topbar.scss +134 -134
  64. package/src/components/uploadcomponents.scss +95 -95
  65. package/src/index.scss +543 -543
  66. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +4 -4
  67. package/src/pages/citizen/DocumentList.scss +304 -304
  68. package/src/pages/citizen/Events.scss +46 -46
  69. package/src/pages/citizen/HomePageWrapper.scss +98 -98
  70. package/src/pages/citizen/SurveyList.scss +21 -21
  71. package/src/pages/citizen/citizenDocument.scss +21 -21
  72. package/src/pages/citizen/container.scss +19 -19
  73. package/src/pages/citizen/payment/payment-type.scss +2 -2
  74. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  75. package/src/pages/employee/EmployeeLogin.scss +6 -6
  76. package/src/pages/employee/cardfix.scss +12 -12
  77. package/src/pages/employee/container.scss +72 -72
  78. package/src/pages/employee/dss.scss +116 -116
  79. package/src/pages/employee/form-fields.scss +13 -13
  80. package/src/pages/employee/iframe.scss +65 -65
  81. package/src/pages/employee/inbox.scss +476 -454
  82. package/src/pages/employee/index.scss +337 -337
  83. package/src/pages/employee/login.scss +185 -185
  84. package/src/pages/employee/oldMobileInbox.scss +4 -4
  85. package/src/pages/employee/popupmodule.scss +34 -34
  86. package/src/pages/employee/response.scss +2 -2
  87. package/src/pages/employee/scroll-table.scss +113 -113
  88. package/src/pages/employee/surveys.scss +273 -273
  89. package/src/pages/employee/tooltip.scss +35 -35
  90. package/src/pages/employee/updateNumber.scss +12 -12
  91. package/svg/camera.svg +4 -4
  92. package/svg/check.svg +3 -3
  93. package/svg/close.svg +4 -4
  94. package/svg/error.svg +3 -3
  95. package/svg/error2.svg +5 -5
  96. package/svg/searchicon.svg +3 -3
  97. package/svg/starempty.svg +3 -3
  98. package/svg/starfilled.svg +4 -4
  99. package/svg/success.svg +3 -3
@@ -1,73 +1,73 @@
1
- .icon-bg-secondary {
2
- @apply flex bg-secondary w-12 h-12;
3
-
4
- svg {
5
- margin: auto;
6
- @apply w-6 h-6;
7
- }
8
- }
9
-
10
- .heading-m {
11
- @apply font-bold text-text-primary text-heading-m ml-md pt-sm;
12
- }
13
- .BPAheading-m{
14
- margin-left:22px;
15
- }
16
-
17
- .break-line {
18
- @apply border-border my-lg;
19
- }
20
-
21
- .employee-home-footer {
22
- @apply flex h-10 bg-grey-bg pb-md pt-sm justify-center w-full;
23
- img {
24
- height: 100%;
25
- }
26
- }
27
- .employee-login-home-footer{
28
- @apply flex fixed bottom-0 h-10 bg-grey-bg pb-md pt-sm justify-center w-full;
29
- img{
30
- @apply ml-sm
31
- }
32
- }
33
- .fieldInspectionWrapper{
34
- border: 1px solid #d6d5d4;
35
- padding: 16px;
36
- margin-top: 8px;
37
- background: #FAFAFA;
38
- }
39
-
40
- .fieldInsepctionInsideWrapper{
41
- border: 1px solid #D6D5D4;
42
- padding: 16px;
43
- margin-top: 8px;
44
- background: #FFFFFF;
45
- max-width: 70%;
46
- min-width: 280px;
47
- }
48
-
49
- @screen dt {
50
- .ground-container {
51
- margin-bottom: 56px;
52
- @apply p-md;
53
- }
54
- .heading-m {
55
- @apply text-heading-m-dt;
56
- }
57
- .BPAheading-m{
58
- margin-left:22px;
59
- }
60
- .break-line {
61
- margin-top: 40px;
62
- margin-bottom: 40px;
63
- }
64
- .employee-home-footer{
65
-
66
- }
67
- .moduleCardWrapper{
68
- @apply flex flex-row flex-wrap !important;
69
- }
70
- .gridModuleWrapper{
71
- @apply grid grid-cols-4 gap-4;
72
- }
1
+ .icon-bg-secondary {
2
+ @apply flex bg-secondary w-12 h-12;
3
+
4
+ svg {
5
+ margin: auto;
6
+ @apply w-6 h-6;
7
+ }
8
+ }
9
+
10
+ .heading-m {
11
+ @apply font-bold text-text-primary text-heading-m ml-md pt-sm;
12
+ }
13
+ .BPAheading-m{
14
+ margin-left:22px;
15
+ }
16
+
17
+ .break-line {
18
+ @apply border-border my-lg;
19
+ }
20
+
21
+ .employee-home-footer {
22
+ @apply flex h-10 bg-grey-bg pb-md pt-sm justify-center w-full;
23
+ img {
24
+ height: 100%;
25
+ }
26
+ }
27
+ .employee-login-home-footer{
28
+ @apply flex fixed bottom-0 h-10 bg-grey-bg pb-md pt-sm justify-center w-full;
29
+ img{
30
+ @apply ml-sm
31
+ }
32
+ }
33
+ .fieldInspectionWrapper{
34
+ border: 1px solid #d6d5d4;
35
+ padding: 16px;
36
+ margin-top: 8px;
37
+ background: #FAFAFA;
38
+ }
39
+
40
+ .fieldInsepctionInsideWrapper{
41
+ border: 1px solid #D6D5D4;
42
+ padding: 16px;
43
+ margin-top: 8px;
44
+ background: #FFFFFF;
45
+ max-width: 70%;
46
+ min-width: 280px;
47
+ }
48
+
49
+ @screen dt {
50
+ .ground-container {
51
+ margin-bottom: 56px;
52
+ @apply p-md;
53
+ }
54
+ .heading-m {
55
+ @apply text-heading-m-dt;
56
+ }
57
+ .BPAheading-m{
58
+ margin-left:22px;
59
+ }
60
+ .break-line {
61
+ margin-top: 40px;
62
+ margin-bottom: 40px;
63
+ }
64
+ .employee-home-footer{
65
+
66
+ }
67
+ .moduleCardWrapper{
68
+ @apply flex flex-row flex-wrap !important;
69
+ }
70
+ .gridModuleWrapper{
71
+ @apply grid grid-cols-4 gap-4;
72
+ }
73
73
  }
@@ -1,116 +1,116 @@
1
- .dss-switch-tabs{/* Card / Primary */
2
-
3
- /* Light Theme / Paper */
4
-
5
- background: #FFFFFF;
6
- /* Card-Shadow */
7
-
8
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
9
- border-radius: 4px;
10
- margin-bottom:3%;
11
- margin-right:25px;
12
- }
13
-
14
- .dss-header-label{
15
- font-weight: 600 !important;
16
- font-size: 22px !important;
17
- white-space: pre-line;
18
- }
19
- .dss-switch-tab-wrapper{
20
- cursor:pointer;
21
- display: flex;
22
- flex-direction: row;
23
- height: 50px;
24
- align-items: center;
25
- }
26
-
27
- .dss-switch-tab-selected{
28
- /* Revenue */
29
- border-bottom: 3px solid #f47738;
30
- font-family: Roboto;
31
- font-style: normal;
32
- font-weight: 500;
33
- font-size: 22px;
34
- color: #f47738;
35
- padding: 7px 24px;
36
-
37
- }
38
- .dss-switch-tab-unselected{
39
-
40
- font-family: Roboto;
41
- font-style: normal;
42
- font-weight: 500;
43
- font-size: 22px;
44
- color: #505A5F;
45
- padding: 8px 24px;
46
-
47
- }
48
-
49
- .dss-table-subheader{
50
- position: relative;
51
- top: -7px;
52
- font-size: 13px;
53
- font-weight: 400;
54
- color: rgba(80, 90, 95, 1);
55
- }
56
-
57
- .dss-pie-subheader{
58
- position: relative;
59
- top: -7px;
60
- font-size: 13px;
61
- font-weight: 400;
62
- color: rgba(80, 90, 95, 1);
63
- }
64
-
65
- .recharts-legend-item{
66
- margin-bottom: 20px !important;
67
- white-space: pre;
68
- }
69
-
70
- @media screen and (max-width: 768px) {
71
- .dss-switch-tabs{/* Card / Primary */
72
- margin-right:0px;
73
- }
74
- }
75
-
76
- .dss-white-pre{
77
- white-space: pre;
78
-
79
- }
80
- .dss-white-pre-line{
81
- white-space: pre-line;
82
-
83
- }
84
- .dss-white-pre-temp{
85
- white-space: pre-line;
86
-
87
- }
88
-
89
- .multi-select-dropdown-wrap{
90
- .master{
91
- .label{
92
- p{
93
- white-space:pre;
94
- }
95
- }
96
- }
97
- }
98
-
99
- .divToBeHidden{
100
- display:block;
101
- }
102
-
103
- .divWillGetHidden{
104
- display:none;
105
- }
106
-
107
- .dss-temp-white-pre{
108
- white-space: pre;
109
- }
110
-
111
- .dss-input-active-border{
112
- --border-opacity: 1;
113
- border: 1px solid #f47738 !important;
114
- border-color: rgba(244, 119, 56, var(--border-opacity));
115
- }
116
-
1
+ .dss-switch-tabs{/* Card / Primary */
2
+
3
+ /* Light Theme / Paper */
4
+
5
+ background: #FFFFFF;
6
+ /* Card-Shadow */
7
+
8
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
9
+ border-radius: 4px;
10
+ margin-bottom:3%;
11
+ margin-right:25px;
12
+ }
13
+
14
+ .dss-header-label{
15
+ font-weight: 600 !important;
16
+ font-size: 22px !important;
17
+ white-space: pre-line;
18
+ }
19
+ .dss-switch-tab-wrapper{
20
+ cursor:pointer;
21
+ display: flex;
22
+ flex-direction: row;
23
+ height: 50px;
24
+ align-items: center;
25
+ }
26
+
27
+ .dss-switch-tab-selected{
28
+ /* Revenue */
29
+ border-bottom: 3px solid #f47738;
30
+ font-family: Roboto;
31
+ font-style: normal;
32
+ font-weight: 500;
33
+ font-size: 22px;
34
+ color: #f47738;
35
+ padding: 7px 24px;
36
+
37
+ }
38
+ .dss-switch-tab-unselected{
39
+
40
+ font-family: Roboto;
41
+ font-style: normal;
42
+ font-weight: 500;
43
+ font-size: 22px;
44
+ color: #505A5F;
45
+ padding: 8px 24px;
46
+
47
+ }
48
+
49
+ .dss-table-subheader{
50
+ position: relative;
51
+ top: -7px;
52
+ font-size: 13px;
53
+ font-weight: 400;
54
+ color: rgba(80, 90, 95, 1);
55
+ }
56
+
57
+ .dss-pie-subheader{
58
+ position: relative;
59
+ top: -7px;
60
+ font-size: 13px;
61
+ font-weight: 400;
62
+ color: rgba(80, 90, 95, 1);
63
+ }
64
+
65
+ .recharts-legend-item{
66
+ margin-bottom: 20px !important;
67
+ white-space: pre;
68
+ }
69
+
70
+ @media screen and (max-width: 768px) {
71
+ .dss-switch-tabs{/* Card / Primary */
72
+ margin-right:0px;
73
+ }
74
+ }
75
+
76
+ .dss-white-pre{
77
+ white-space: pre;
78
+
79
+ }
80
+ .dss-white-pre-line{
81
+ white-space: pre-line;
82
+
83
+ }
84
+ .dss-white-pre-temp{
85
+ white-space: pre-line;
86
+
87
+ }
88
+
89
+ .multi-select-dropdown-wrap{
90
+ .master{
91
+ .label{
92
+ p{
93
+ white-space:pre;
94
+ }
95
+ }
96
+ }
97
+ }
98
+
99
+ .divToBeHidden{
100
+ display:block;
101
+ }
102
+
103
+ .divWillGetHidden{
104
+ display:none;
105
+ }
106
+
107
+ .dss-temp-white-pre{
108
+ white-space: pre;
109
+ }
110
+
111
+ .dss-input-active-border{
112
+ --border-opacity: 1;
113
+ border: 1px solid #f47738 !important;
114
+ border-color: rgba(244, 119, 56, var(--border-opacity));
115
+ }
116
+
@@ -1,13 +1,13 @@
1
- .form-field{
2
- @apply w-full
3
- }
4
-
5
- @screen dt {
6
- .form-field{
7
- @apply w-1/2
8
- }
9
-
10
- .desktop-w-full{
11
- @apply w-full !important
12
- }
13
- }
1
+ .form-field{
2
+ @apply w-full
3
+ }
4
+
5
+ @screen dt {
6
+ .form-field{
7
+ @apply w-1/2
8
+ }
9
+
10
+ .desktop-w-full{
11
+ @apply w-full !important
12
+ }
13
+ }
@@ -1,66 +1,66 @@
1
- body {
2
- margin: 0;
3
- padding: 0;
4
- font-family: sans-serif;
5
- background: #f4f7fb;
6
- }
7
-
8
-
9
- .app-container-iframe {
10
- border-width: 0px;
11
- div[class^="MuiCircularProgress"] {
12
- position: sticky;
13
- top: 90%;
14
- left: 50%;
15
- }
16
- div[role^="progressbar"] {
17
- left: 50%;
18
- position: sticky;
19
- }
20
- }
21
-
22
- @media only screen and (min-width: 953px) {
23
- .app-container-iframe {
24
- border-width: 0px;
25
- position: fixed;
26
- width: 83.5%;
27
- height: calc(100vh - 64px);
28
- }
29
- }
30
-
31
-
32
- @media (max-width: 768px) {
33
- .app-container-iframe {
34
- border-width: 0;
35
- width: 100vw;
36
- height: 100vh;
37
- margin: 32px 0 0 0;
38
- }
39
- }
40
- @media (max-width: 375px) {
41
- .app-container-iframe {
42
- border-width: 0;
43
- width: 100vw;
44
- height: 100vh;
45
- margin: 32px 0 0 0;
46
- }
47
- }
48
-
49
- .app-iframe-wrapper{
50
- left: 64px;
51
- border-width: 0;
52
- position: fixed;
53
- top: 80px;
54
- }
55
- .app-iframe{
56
- width: 97%;
57
- height: calc(100vh - 90px);
58
- border-width: 0;
59
- position: fixed;
60
- }
61
- @media (max-width: 768px) {
62
-
63
- .app-iframe-wrapper{
64
- left: 0px;
65
- }
1
+ body {
2
+ margin: 0;
3
+ padding: 0;
4
+ font-family: sans-serif;
5
+ background: #f4f7fb;
6
+ }
7
+
8
+
9
+ .app-container-iframe {
10
+ border-width: 0px;
11
+ div[class^="MuiCircularProgress"] {
12
+ position: sticky;
13
+ top: 90%;
14
+ left: 50%;
15
+ }
16
+ div[role^="progressbar"] {
17
+ left: 50%;
18
+ position: sticky;
19
+ }
20
+ }
21
+
22
+ @media only screen and (min-width: 953px) {
23
+ .app-container-iframe {
24
+ border-width: 0px;
25
+ position: fixed;
26
+ width: 83.5%;
27
+ height: calc(100vh - 64px);
28
+ }
29
+ }
30
+
31
+
32
+ @media (max-width: 768px) {
33
+ .app-container-iframe {
34
+ border-width: 0;
35
+ width: 100vw;
36
+ height: 100vh;
37
+ margin: 32px 0 0 0;
38
+ }
39
+ }
40
+ @media (max-width: 375px) {
41
+ .app-container-iframe {
42
+ border-width: 0;
43
+ width: 100vw;
44
+ height: 100vh;
45
+ margin: 32px 0 0 0;
46
+ }
47
+ }
48
+
49
+ .app-iframe-wrapper{
50
+ left: 64px;
51
+ border-width: 0;
52
+ position: fixed;
53
+ top: 80px;
54
+ }
55
+ .app-iframe{
56
+ width: 97%;
57
+ height: calc(100vh - 90px);
58
+ border-width: 0;
59
+ position: fixed;
60
+ }
61
+ @media (max-width: 768px) {
62
+
63
+ .app-iframe-wrapper{
64
+ left: 0px;
65
+ }
66
66
  }