@egovernments/digit-ui-components-css 0.0.2-beta.1 → 0.0.2-beta.11

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 (197) hide show
  1. package/CHANGELOG.md +88 -54
  2. package/README.md +80 -80
  3. package/dist/index.css +5782 -14109
  4. package/dist/index.min.css +2 -2
  5. package/package.json +69 -67
  6. package/src/digitv2/components/FormComposerV2.scss +118 -118
  7. package/src/digitv2/components/actionbarV2.scss +207 -110
  8. package/src/digitv2/components/backLinkV2.scss +37 -0
  9. package/src/digitv2/components/bodyContainerV2.scss +39 -39
  10. package/src/digitv2/components/breadcrumbV2.scss +57 -0
  11. package/src/digitv2/components/buttonsV2.scss +451 -407
  12. package/src/digitv2/components/cardV2.scss +498 -383
  13. package/src/digitv2/components/cardbasedoptionsV2.scss +47 -0
  14. package/src/digitv2/components/{cardLabelV2.scss → cardlabelV2.scss} +7 -7
  15. package/src/digitv2/components/checkboxV2.scss +83 -79
  16. package/src/digitv2/components/{tagV2.scss → chipV2.scss} +129 -120
  17. package/src/digitv2/components/dividerV2.scss +11 -0
  18. package/src/digitv2/components/{ErrorMessage.scss → errorMessageV2.scss} +20 -18
  19. package/src/digitv2/components/fieldV1.scss +96 -96
  20. package/src/digitv2/components/headerdropdownV2.scss +152 -0
  21. package/src/digitv2/components/infoCardV2.scss +139 -142
  22. package/src/digitv2/components/{infobuttons.scss → infobuttonV2.scss} +75 -75
  23. package/src/digitv2/components/labelFieldPairV2.scss +66 -57
  24. package/src/digitv2/components/mobileNumberV2.scss +65 -65
  25. package/src/digitv2/components/multiSelectDropdownV2.scss +315 -315
  26. package/src/digitv2/components/{panelcard.scss → panelCardV2.scss} +160 -160
  27. package/src/digitv2/components/{panels.scss → panelV2.scss} +114 -114
  28. package/src/digitv2/components/popUpV2.scss +330 -308
  29. package/src/digitv2/components/radiobtnV2.scss +115 -113
  30. package/src/digitv2/components/{selectdropdownV2.scss → selectDropdownV2.scss} +364 -360
  31. package/src/digitv2/components/{stepper.scss → stepperV2.scss} +147 -126
  32. package/src/digitv2/components/textInputV2.scss +462 -462
  33. package/src/digitv2/components/textareaV2.scss +99 -99
  34. package/src/digitv2/components/{textblock.scss → textblockV2.scss} +46 -46
  35. package/src/digitv2/components/{timeline.scss → timelineV2.scss} +170 -126
  36. package/src/digitv2/components/toastV2.scss +80 -80
  37. package/src/digitv2/components/{toggle.scss → toggleV2.scss} +72 -72
  38. package/src/digitv2/components/topbarV2.scss +388 -187
  39. package/src/digitv2/components/treeSelectV2.scss +132 -132
  40. package/src/digitv2/components/{uploader.scss → uploaderV2.scss} +556 -468
  41. package/src/digitv2/components/viewCardFieldPairV2.scss +45 -0
  42. package/src/digitv2/index.scss +169 -197
  43. package/src/digitv2/pages/employee/index.scss +1 -1
  44. package/src/digitv2/pages/employee/workbench.scss +615 -615
  45. package/src/digitv2/typography.scss +638 -657
  46. package/src/index.scss +681 -774
  47. package/src/pages/employee/index.scss +625 -625
  48. package/src/pages/employee/login.scss +220 -220
  49. package/img/browser-icon.png +0 -0
  50. package/img/m_seva_white_logo.png +0 -0
  51. package/img/mseva-demo.png +0 -0
  52. package/src/components/CardBasedOptions.scss +0 -46
  53. package/src/components/CitizenHomeCard.scss +0 -56
  54. package/src/components/EllipsisMenu.scss +0 -17
  55. package/src/components/EventCalendarView.scss +0 -10
  56. package/src/components/FAQ.scss +0 -64
  57. package/src/components/OnGroundEventCard.scss +0 -72
  58. package/src/components/PageBasedInput.scss +0 -29
  59. package/src/components/PopupHeadingLabel.scss +0 -15
  60. package/src/components/PropertySearchForm.scss +0 -58
  61. package/src/components/SearchForm.scss +0 -56
  62. package/src/components/SearchOnRadioButton.scss +0 -10
  63. package/src/components/StandaloneSearchBar.scss +0 -10
  64. package/src/components/TimeLine.scss +0 -68
  65. package/src/components/WhatsNewCard.scss +0 -13
  66. package/src/components/actionLink.scss +0 -3
  67. package/src/components/actionbar.scss +0 -97
  68. package/src/components/bannercomponents.scss +0 -136
  69. package/src/components/body.scss +0 -144
  70. package/src/components/buttons.scss +0 -101
  71. package/src/components/card.scss +0 -391
  72. package/src/components/cardHeaderWithOptions.scss +0 -14
  73. package/src/components/changeLanguage.scss +0 -3
  74. package/src/components/charts.scss +0 -186
  75. package/src/components/checkbox.scss +0 -53
  76. package/src/components/checkpoint.scss +0 -63
  77. package/src/components/citizenInfoLabel.scss +0 -14
  78. package/src/components/custombtn.scss +0 -11
  79. package/src/components/datatable.scss +0 -134
  80. package/src/components/datewrap.scss +0 -21
  81. package/src/components/detailscard.scss +0 -6
  82. package/src/components/detailscontainer.scss +0 -13
  83. package/src/components/filters.scss +0 -98
  84. package/src/components/grey.scss +0 -3
  85. package/src/components/hoc/InboxComposer.scss +0 -115
  86. package/src/components/hoc/index.scss +0 -1
  87. package/src/components/howItWorks.scss +0 -71
  88. package/src/components/imageviewer.scss +0 -33
  89. package/src/components/inboxv2/InboxLinks.scss +0 -59
  90. package/src/components/inboxv2/horizontalNav.scss +0 -224
  91. package/src/components/inboxv2/inboxSearch.scss +0 -116
  92. package/src/components/inboxv2/inboxSearchComposer.scss +0 -134
  93. package/src/components/inboxv2/index.scss +0 -5
  94. package/src/components/inboxv2/searchComponentTable.scss +0 -44
  95. package/src/components/info-banner.scss +0 -35
  96. package/src/components/inputotp.scss +0 -15
  97. package/src/components/keynote.scss +0 -27
  98. package/src/components/languageSelector.scss +0 -24
  99. package/src/components/loader.scss +0 -96
  100. package/src/components/map.scss +0 -30
  101. package/src/components/menu.scss +0 -0
  102. package/src/components/metricsTable.scss +0 -28
  103. package/src/components/multiLink.scss +0 -88
  104. package/src/components/multiSelectDropdown.scss +0 -77
  105. package/src/components/navbar.scss +0 -312
  106. package/src/components/plusMinus.scss +0 -15
  107. package/src/components/popup.scss +0 -16
  108. package/src/components/radiobtn.scss +0 -45
  109. package/src/components/ratingstar.scss +0 -33
  110. package/src/components/roundedLabel.scss +0 -10
  111. package/src/components/searchAction.scss +0 -20
  112. package/src/components/sectionalDropdown.scss +0 -43
  113. package/src/components/selectdropdown.scss +0 -174
  114. package/src/components/sidebar.scss +0 -141
  115. package/src/components/staticDynamicMessages.scss +0 -107
  116. package/src/components/staticSideBar.scss +0 -27
  117. package/src/components/statushighlight.scss +0 -17
  118. package/src/components/submiterrors.scss +0 -11
  119. package/src/components/summary.scss +0 -29
  120. package/src/components/table.scss +0 -201
  121. package/src/components/tag.scss +0 -27
  122. package/src/components/telephone.scss +0 -17
  123. package/src/components/textfields.scss +0 -96
  124. package/src/components/toast.scss +0 -31
  125. package/src/components/toggleSwitch.scss +0 -41
  126. package/src/components/topbar.scss +0 -153
  127. package/src/components/uploadcomponents.scss +0 -100
  128. package/src/digitv2/components/CitizenHomeCardV2.scss +0 -56
  129. package/src/digitv2/components/PageBasedInputV2.scss +0 -33
  130. package/src/digitv2/components/WhatsNewCardV2.scss +0 -13
  131. package/src/digitv2/components/actionLinkV2.scss +0 -9
  132. package/src/digitv2/components/appContainerV2.scss +0 -49
  133. package/src/digitv2/components/backButtonV2.scss +0 -26
  134. package/src/digitv2/components/bannerV2.scss +0 -120
  135. package/src/digitv2/components/breadCrumbV2.scss +0 -34
  136. package/src/digitv2/components/breakLineV2.scss +0 -6
  137. package/src/digitv2/components/cardBasedOptionsV2.scss +0 -46
  138. package/src/digitv2/components/checkpointV2.scss +0 -71
  139. package/src/digitv2/components/collapseAndExpandGroups.scss +0 -60
  140. package/src/digitv2/components/dateWrapV2.scss +0 -17
  141. package/src/digitv2/components/detailsCardV2.scss +0 -17
  142. package/src/digitv2/components/displayPhotosV2.scss +0 -33
  143. package/src/digitv2/components/footerV2.scss +0 -55
  144. package/src/digitv2/components/headerBarV2.scss +0 -34
  145. package/src/digitv2/components/headerV2.scss +0 -12
  146. package/src/digitv2/components/keynoteV2.scss +0 -35
  147. package/src/digitv2/components/loaderV2.scss +0 -85
  148. package/src/digitv2/components/modalV2.scss +0 -46
  149. package/src/digitv2/components/multiUploadWrapperV2.scss +0 -6
  150. package/src/digitv2/components/navbarV2.scss +0 -9
  151. package/src/digitv2/components/noresultsfoundV2.scss +0 -11
  152. package/src/digitv2/components/numeric.scss +0 -47
  153. package/src/digitv2/components/otpInputV2.scss +0 -15
  154. package/src/digitv2/components/paragraphV2.scss +0 -5
  155. package/src/digitv2/components/ratingV2.scss +0 -33
  156. package/src/digitv2/components/searchActionV2.scss +0 -11
  157. package/src/digitv2/components/searchFormV2.scss +0 -76
  158. package/src/digitv2/components/searchcomponent.scss +0 -7
  159. package/src/digitv2/components/sidebarV2.scss +0 -11
  160. package/src/digitv2/components/telephoneV2.scss +0 -18
  161. package/src/digitv2/components/toggleswitchV2.scss +0 -42
  162. package/src/digitv2/components/uploadFileV2.scss +0 -146
  163. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +0 -8
  164. package/src/pages/citizen/DocumentList.scss +0 -305
  165. package/src/pages/citizen/Events.scss +0 -47
  166. package/src/pages/citizen/HomePageWrapper.scss +0 -158
  167. package/src/pages/citizen/SurveyList.scss +0 -22
  168. package/src/pages/citizen/citizenDocument.scss +0 -22
  169. package/src/pages/citizen/container.scss +0 -19
  170. package/src/pages/citizen/payment/payment-type.scss +0 -3
  171. package/src/pages/citizen/updatePropertyNumber.scss +0 -46
  172. package/src/pages/employee/EmployeeLogin.scss +0 -7
  173. package/src/pages/employee/cardfix.scss +0 -13
  174. package/src/pages/employee/container.scss +0 -72
  175. package/src/pages/employee/dss.scss +0 -266
  176. package/src/pages/employee/form-fields.scss +0 -13
  177. package/src/pages/employee/iframe.scss +0 -66
  178. package/src/pages/employee/inbox.scss +0 -585
  179. package/src/pages/employee/oldMobileInbox.scss +0 -5
  180. package/src/pages/employee/popupmodule.scss +0 -34
  181. package/src/pages/employee/response.scss +0 -3
  182. package/src/pages/employee/scroll-table.scss +0 -119
  183. package/src/pages/employee/surveys.scss +0 -273
  184. package/src/pages/employee/tooltip.scss +0 -36
  185. package/src/pages/employee/updateNumber.scss +0 -13
  186. package/svg/arrowdown.svg +0 -1
  187. package/svg/arrowleft.svg +0 -1
  188. package/svg/calendar.svg +0 -1
  189. package/svg/camera.svg +0 -4
  190. package/svg/check.svg +0 -4
  191. package/svg/close.svg +0 -4
  192. package/svg/error.svg +0 -4
  193. package/svg/error2.svg +0 -5
  194. package/svg/searchicon.svg +0 -4
  195. package/svg/starempty.svg +0 -4
  196. package/svg/starfilled.svg +0 -5
  197. package/svg/success.svg +0 -4
package/src/digitv2/components/treeSelectV2.scss CHANGED
@@ -1,133 +1,133 @@
1
- .digit-tree-select-options-container.first-level:nth-of-type(even) {
2
- .digit-tree-select-option.level-0,
3
- .digit-tree-multiselect-option.level-0:not(.checked){
4
- background-color: theme(digitv2.lightTheme.paper-secondary);
5
- }
6
- }
7
- .digit-tree-select-options-container.first-level:nth-of-type(odd) {
8
- .digit-tree-select-option.level-0,
9
- .digit-tree-multiselect-option.level-0:not(.checked){
10
- background-color: theme(digitv2.lightTheme.paper-primary);
11
- }
12
- }
13
- .container.innerlevel {
14
- border-left: 0.063rem solid #D6D5D4;
15
- }
16
- .digit-tree-select-option,
17
- .digit-tree-multiselect-option {
18
- @apply relative cursor-pointer flex items-center;
19
- height: 2.4375rem;
20
- gap: theme(digitv2.spacers.spacer1);
21
- padding: theme(digitv2.spacers.spacer4) 0.625rem;
22
- &:hover {
23
- background: theme(digitv2.lightTheme.primary-bg);
24
- border: 0.063rem solid theme(digitv2.lightTheme.primary-1);
25
- }
26
- &.expanded {
27
- .digit-option-label {
28
- @extend .typography.heading-s;
29
- color: theme(digitv2.lightTheme.text-primary);
30
- /*font-size: 1rem;
31
- font-weight: theme(digitv2.fontWeight.bold);
32
- line-height: 1.188rem;*/
33
- }
34
- }
35
- input {
36
- @apply absolute opacity-0 cursor-pointer;
37
- margin: 0;
38
- }
39
- .digit-toggle-dropdown {
40
- width: theme(digitv2.spacers.spacer6);
41
- height: theme(digitv2.spacers.spacer6);
42
- }
43
- .digit-custom-checkbox {
44
- height: theme(digitv2.spacers.spacer5);
45
- width: theme(digitv2.spacers.spacer5);
46
- @apply flex items-center justify-center;
47
- border: 0.063rem solid theme(digitv2.lightTheme.text-secondary);
48
- svg {
49
- @apply opacity-0 z-10;
50
- }
51
- &.checked {
52
- border: 0.125rem solid theme(digitv2.lightTheme.primary-1);
53
- svg {
54
- @apply opacity-100;
55
- width: theme(digitv2.spacers.spacer4);
56
- height: theme(digitv2.spacers.spacer4);
57
- }
58
- }
59
- &.intermediate {
60
- border: 0.125rem solid theme(digitv2.lightTheme.primary-1);
61
- .intermediate-state {
62
- width: theme(digitv2.spacers.spacer3);
63
- height: theme(digitv2.spacers.spacer3);
64
- background-color: theme(digitv2.lightTheme.primary-1);
65
- opacity: 1;
66
- }
67
- }
68
- }
69
- }
70
- .container .digit-tree-multiselect-option.parent.checked.all-child-selected+.child-options-container,
71
- .container .digit-tree-multiselect-option.parent.checked.all-child-selected .child-options-container {
72
- background-color: theme(digitv2.lightTheme.primary-bg);
73
- .digit-tree-multiselect-option.checked {
74
- background: theme(digitv2.lightTheme.primary-bg) !important;
75
- .digit-toggle-dropdown.svg {
76
- fill: #0B0C0C;
77
- }
78
- .digit-custom-checkbox {
79
- border: 0.125rem solid theme(digitv2.lightTheme.primary-1);
80
- }
81
- .digit-option-label {
82
- color: theme(digitv2.lightTheme.text-primary);
83
- }
84
- }
85
- .container {
86
- border: none;
87
- }
88
- }
89
- .digit-tree-select-option {
90
- &.expanded{
91
- &.level-0{
92
- background-color: theme(digitv2.lightTheme.paper-secondary) !important;
93
- }
94
- }
95
- &.child {
96
- .digit-option-label {
97
- padding-left: theme(digitv2.spacers.spacer7);
98
- }
99
- }
100
- }
101
- .digit-tree-multiselect-option {
102
- &.expanded{
103
- &.level-0:not(.checked){
104
- background-color: theme(digitv2.lightTheme.paper-secondary) !important;
105
- }
106
- }
107
- &.checked {
108
- background-color: theme(digitv2.lightTheme.primary-1);
109
- .digit-custom-checkbox {
110
- border: 0.125rem solid theme(digitv2.lightTheme.paper-primary);
111
- }
112
- .digit-option-label {
113
- @extend .typography.heading-s;
114
- color: theme(digitv2.lightTheme.paper-primary);
115
- }
116
- }
117
- &.child {
118
- .digit-custom-checkbox {
119
- margin-left: 2.25rem;
120
- }
121
- }
122
- .digit-option-checkbox {
123
- display: none;
124
- }
125
- }
126
- .digit-option-label {
127
- @extend .typography.body-s;
128
- @apply overflow-hidden w-full;
129
- flex: 1;
130
- color: theme(digitv2.lightTheme.text-primary);}
131
- .digit-toggle-dropdown {
132
- @apply cursor-pointer;
1
+ .digit-tree-select-options-container.first-level:nth-of-type(even) {
2
+ .digit-tree-select-option.level-0,
3
+ .digit-tree-multiselect-option.level-0:not(.checked){
4
+ background-color: theme(digitv2.lightTheme.paper-secondary);
5
+ }
6
+ }
7
+ .digit-tree-select-options-container.first-level:nth-of-type(odd) {
8
+ .digit-tree-select-option.level-0,
9
+ .digit-tree-multiselect-option.level-0:not(.checked){
10
+ background-color: theme(digitv2.lightTheme.paper-primary);
11
+ }
12
+ }
13
+ .container.innerlevel {
14
+ border-left: 0.063rem solid #D6D5D4;
15
+ }
16
+ .digit-tree-select-option,
17
+ .digit-tree-multiselect-option {
18
+ @apply relative cursor-pointer flex items-center;
19
+ height: 2.4375rem;
20
+ gap: theme(digitv2.spacers.spacer1);
21
+ padding: theme(digitv2.spacers.spacer4) 0.625rem;
22
+ &:hover {
23
+ background: theme(digitv2.lightTheme.primary-bg);
24
+ border: 0.063rem solid theme(digitv2.lightTheme.primary-1);
25
+ }
26
+ &.expanded {
27
+ .digit-option-label {
28
+ @extend .typography.heading-s;
29
+ color: theme(digitv2.lightTheme.text-primary);
30
+ /*font-size: 1rem;
31
+ font-weight: theme(digitv2.fontWeight.bold);
32
+ line-height: 1.188rem;*/
33
+ }
34
+ }
35
+ input {
36
+ @apply absolute opacity-0 cursor-pointer;
37
+ margin: 0;
38
+ }
39
+ .digit-toggle-dropdown {
40
+ width: theme(digitv2.spacers.spacer6);
41
+ height: theme(digitv2.spacers.spacer6);
42
+ }
43
+ .digit-custom-checkbox {
44
+ height: theme(digitv2.spacers.spacer5);
45
+ width: theme(digitv2.spacers.spacer5);
46
+ @apply flex items-center justify-center;
47
+ border: 0.063rem solid theme(digitv2.lightTheme.text-secondary);
48
+ svg {
49
+ @apply opacity-0 z-10;
50
+ }
51
+ &.checked {
52
+ border: 0.125rem solid theme(digitv2.lightTheme.primary-1);
53
+ svg {
54
+ @apply opacity-100;
55
+ width: theme(digitv2.spacers.spacer4);
56
+ height: theme(digitv2.spacers.spacer4);
57
+ }
58
+ }
59
+ &.intermediate {
60
+ border: 0.125rem solid theme(digitv2.lightTheme.primary-1);
61
+ .intermediate-state {
62
+ width: theme(digitv2.spacers.spacer3);
63
+ height: theme(digitv2.spacers.spacer3);
64
+ background-color: theme(digitv2.lightTheme.primary-1);
65
+ opacity: 1;
66
+ }
67
+ }
68
+ }
69
+ }
70
+ .container .digit-tree-multiselect-option.parent.checked.all-child-selected+.child-options-container,
71
+ .container .digit-tree-multiselect-option.parent.checked.all-child-selected .child-options-container {
72
+ background-color: theme(digitv2.lightTheme.primary-bg);
73
+ .digit-tree-multiselect-option.checked {
74
+ background: theme(digitv2.lightTheme.primary-bg) !important;
75
+ .digit-toggle-dropdown.svg {
76
+ fill: #0B0C0C;
77
+ }
78
+ .digit-custom-checkbox {
79
+ border: 0.125rem solid theme(digitv2.lightTheme.primary-1);
80
+ }
81
+ .digit-option-label {
82
+ color: theme(digitv2.lightTheme.text-primary);
83
+ }
84
+ }
85
+ .container {
86
+ border: none;
87
+ }
88
+ }
89
+ .digit-tree-select-option {
90
+ &.expanded{
91
+ &.level-0{
92
+ background-color: theme(digitv2.lightTheme.paper-secondary) !important;
93
+ }
94
+ }
95
+ &.child {
96
+ .digit-option-label {
97
+ padding-left: theme(digitv2.spacers.spacer7);
98
+ }
99
+ }
100
+ }
101
+ .digit-tree-multiselect-option {
102
+ &.expanded{
103
+ &.level-0:not(.checked){
104
+ background-color: theme(digitv2.lightTheme.paper-secondary) !important;
105
+ }
106
+ }
107
+ &.checked {
108
+ background-color: theme(digitv2.lightTheme.primary-1);
109
+ .digit-custom-checkbox {
110
+ border: 0.125rem solid theme(digitv2.lightTheme.paper-primary);
111
+ }
112
+ .digit-option-label {
113
+ @extend .typography.heading-s;
114
+ color: theme(digitv2.lightTheme.paper-primary);
115
+ }
116
+ }
117
+ &.child {
118
+ .digit-custom-checkbox {
119
+ margin-left: 2.25rem;
120
+ }
121
+ }
122
+ .digit-option-checkbox {
123
+ display: none;
124
+ }
125
+ }
126
+ .digit-option-label {
127
+ @extend .typography.body-s;
128
+ @apply overflow-hidden w-full;
129
+ flex: 1;
130
+ color: theme(digitv2.lightTheme.text-primary);}
131
+ .digit-toggle-dropdown {
132
+ @apply cursor-pointer;
133
133
  }