@djb25/digit-ui-css 1.0.68 → 1.0.70

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 (14) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/SearchForm.scss +1 -1
  5. package/src/components/actionbar.scss +6 -5
  6. package/src/components/card.scss +167 -62
  7. package/src/components/reportDownload.scss +104 -0
  8. package/src/components/selectdropdown.scss +7 -1
  9. package/src/components/textfields.scss +2 -13
  10. package/src/digitv2/components/FormComposerV2.scss +0 -10
  11. package/src/index.scss +1 -1
  12. package/src/pages/employee/dss.scss +76 -83
  13. package/src/pages/employee/inbox.scss +5 -3
  14. package/src/pages/employee/popupmodule.scss +2 -2
package/src/pages/employee/dss.scss CHANGED
@@ -1,30 +1,31 @@
1
- .dss-switch-tabs{/* Card / Primary */
1
+ .dss-switch-tabs {
2
+ /* Card / Primary */
2
3
 
3
- /* Light Theme / Paper */
4
+ /* Light Theme / Paper */
4
5
 
5
- background: theme(colors.white);
6
- /* Card-Shadow */
6
+ background: theme(colors.white);
7
+ /* Card-Shadow */
7
8
 
8
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
9
- border-radius: 4px;
10
- margin-bottom:3%;
11
- margin-right:25px;
9
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
10
+ border-radius: 4px;
11
+ margin-bottom: 3%;
12
+ margin-right: 25px;
12
13
  }
13
14
 
14
- .dss-header-label{
15
+ .dss-header-label {
15
16
  font-weight: 600 !important;
16
17
  font-size: 22px !important;
17
18
  white-space: pre-line;
18
19
  }
19
- .dss-switch-tab-wrapper{
20
- cursor:pointer;
21
- display: flex;
22
- flex-direction: row;
23
- height: 50px;
24
- align-items: center;
20
+ .dss-switch-tab-wrapper {
21
+ cursor: pointer;
22
+ display: flex;
23
+ flex-direction: row;
24
+ height: 50px;
25
+ align-items: center;
25
26
  }
26
27
 
27
- .dss-switch-tab-selected{
28
+ .dss-switch-tab-selected {
28
29
  /* Revenue */
29
30
  border-bottom: 3px solid theme(colors.primary.main);
30
31
  font-family: Roboto;
@@ -33,82 +34,75 @@ margin-right:25px;
33
34
  font-size: 22px;
34
35
  color: theme(colors.primary.main);
35
36
  padding: 7px 24px;
36
-
37
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: theme(colors.text.secondary);
45
- padding: 8px 24px;
46
-
38
+ .dss-switch-tab-unselected {
39
+ font-family: Roboto;
40
+ font-style: normal;
41
+ font-weight: 500;
42
+ font-size: 22px;
43
+ color: theme(colors.text.secondary);
44
+ padding: 8px 24px;
47
45
  }
48
46
 
49
- .dss-table-subheader{
47
+ .dss-table-subheader {
50
48
  position: relative;
51
- top: -7px;
52
- font-size: 13px;
53
- font-weight: 400;
54
- color: rgba(80, 90, 95, 1);
49
+ top: -7px;
50
+ font-size: 13px;
51
+ font-weight: 400;
52
+ color: rgba(80, 90, 95, 1);
55
53
  }
56
54
 
57
- .dss-pie-subheader{
55
+ .dss-pie-subheader {
58
56
  position: relative;
59
- top: -7px;
60
- font-size: 13px;
61
- font-weight: 400;
62
- color: rgba(80, 90, 95, 1);
57
+ top: -7px;
58
+ font-size: 13px;
59
+ font-weight: 400;
60
+ color: rgba(80, 90, 95, 1);
63
61
  }
64
62
 
65
- .recharts-legend-item{
63
+ .recharts-legend-item {
66
64
  margin-bottom: 20px !important;
67
65
  white-space: pre;
68
66
  }
69
67
 
70
- .dss-white-pre{
68
+ .dss-white-pre {
71
69
  white-space: pre;
72
-
73
70
  }
74
- .dss-white-pre-line{
71
+ .dss-white-pre-line {
75
72
  white-space: pre-line;
76
-
77
73
  }
78
- .dss-white-pre-temp{
74
+ .dss-white-pre-temp {
79
75
  white-space: pre-line;
80
-
81
76
  }
82
77
 
83
- .multi-select-dropdown-wrap{
84
- .master{
85
- .label{
86
- p{
87
- white-space:pre;
78
+ .multi-select-dropdown-wrap {
79
+ .master {
80
+ .label {
81
+ p {
88
82
  margin: auto;
89
- margin-left:0px;
83
+ margin-left: 0px;
90
84
  padding-left: 1%;
91
85
  }
92
86
  }
93
87
  }
94
88
  }
95
89
 
96
- .divToBeHidden{
97
- display:block;
90
+ .divToBeHidden {
91
+ display: block;
98
92
  }
99
93
 
100
- .divWillGetHidden{
101
- display:none;
94
+ .divWillGetHidden {
95
+ display: none;
102
96
  }
103
97
 
104
- .dss-temp-white-pre{
98
+ .dss-temp-white-pre {
105
99
  white-space: pre;
106
100
  }
107
101
 
108
- .dss-input-active-border{
109
- --border-opacity: 1;
110
- border: 1px solid theme(colors.primary.main) !important;
111
- border-color: rgba(244, 119, 56, var(--border-opacity));
102
+ .dss-input-active-border {
103
+ --border-opacity: 1;
104
+ border: 1px solid theme(colors.primary.main) !important;
105
+ border-color: rgba(244, 119, 56, var(--border-opacity));
112
106
  }
113
107
 
114
108
  .dss-card {
@@ -151,7 +145,6 @@ border-color: rgba(244, 119, 56, var(--border-opacity));
151
145
  }
152
146
  }
153
147
 
154
-
155
148
  .dss-insight-card {
156
149
  margin: 10px 0;
157
150
 
@@ -160,18 +153,18 @@ border-color: rgba(244, 119, 56, var(--border-opacity));
160
153
  }
161
154
 
162
155
  .p1 {
163
- font-size: 16px;
156
+ font-size: 16px;
164
157
  color: #585858;
165
158
  }
166
159
 
167
160
  .p3 {
168
- font-size: 16px;
169
- font-weight: 400;
161
+ font-size: 16px;
162
+ font-weight: 400;
170
163
  }
171
164
 
172
165
  .p2 {
173
166
  font-size: 24px;
174
- font-weight: 500;
167
+ font-weight: 500;
175
168
  color: theme(colors.black);
176
169
  }
177
170
 
@@ -190,77 +183,77 @@ border-color: rgba(244, 119, 56, var(--border-opacity));
190
183
  width: 97%;
191
184
  }
192
185
 
193
- .h-100{
186
+ .h-100 {
194
187
  width: 100%;
195
188
  height: 100%;
196
189
  }
197
190
 
198
- .dss-h-100{
191
+ .dss-h-100 {
199
192
  width: 97%;
200
193
  height: 100%;
201
194
  }
202
195
 
203
- .tab-rows{
196
+ .tab-rows {
204
197
  display: flex;
205
- justify-content:space-between;
198
+ justify-content: space-between;
206
199
  height: 30px;
207
200
  align-items: center;
208
201
  width: 60%;
209
202
  margin-left: 13%;
210
203
  }
211
- .tab-header{
204
+ .tab-header {
212
205
  font-weight: 700;
213
206
  font-size: 16px;
214
207
  line-height: 19px;
215
208
  border-bottom: 1px solid #b1b4b6;
216
209
  color: #2a3340;
217
210
  }
218
- .map-status{
211
+ .map-status {
219
212
  position: relative;
220
213
  width: 33%;
221
214
  left: 50%;
222
215
  bottom: 130px;
223
216
  }
224
- .map-row{
217
+ .map-row {
225
218
  display: flex;
226
219
  align-items: center;
227
220
  margin-top: 5px;
228
221
  }
229
- .map-box{
222
+ .map-box {
230
223
  display: inline-block;
231
224
  height: 10px;
232
225
  width: 10px;
233
226
  }
234
- .map-text{
227
+ .map-text {
235
228
  margin-left: 5px;
236
229
  color: #636363;
237
230
  font-size: 14px;
238
231
  }
239
232
 
240
-
241
233
  @media screen and (max-width: 768px) {
242
- .dss-switch-tabs{/* Card / Primary */
243
- margin-right:0px;
234
+ .dss-switch-tabs {
235
+ /* Card / Primary */
236
+ margin-right: 0px;
244
237
  }
245
238
 
246
- .dss-card-parent{
247
- width:100%;
239
+ .dss-card-parent {
240
+ width: 100%;
248
241
  }
249
242
  }
250
243
 
251
- .dss-metric-horizontal{
244
+ .dss-metric-horizontal {
252
245
  width: 48%;
253
246
  max-width: 48%;
254
247
  }
255
- .dss-primary{
248
+ .dss-primary {
256
249
  display: inline;
257
250
  margin-right: 10px;
258
- path{
259
- fill:theme(colors.primary.main);
251
+ path {
252
+ fill: theme(colors.primary.main);
260
253
  }
261
254
  }
262
255
 
263
- .dss-horizontal-v2{
256
+ .dss-horizontal-v2 {
264
257
  width: 22.7%;
265
258
  max-width: 22.7%;
266
- }
259
+ }
package/src/pages/employee/inbox.scss CHANGED
@@ -798,9 +798,11 @@
798
798
  border-radius: 6px;
799
799
 
800
800
  .card-head {
801
- display: flex;
802
- justify-content: space-between;
803
- margin-bottom: 30px;
801
+ @apply flex justify-between items-center;
802
+ margin-bottom: 10px;
803
+ h2 {
804
+ @apply text-heading-m font-bold;
805
+ }
804
806
  }
805
807
 
806
808
  h2 {
package/src/pages/employee/popupmodule.scss CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  @screen dt {
30
30
  .popup-module {
31
- width: 960px;
31
+ width: auto;
32
32
  margin: auto;
33
33
  @apply bg-white;
34
34
 
@@ -36,4 +36,4 @@
36
36
  @apply w-full p-md h-full;
37
37
  }
38
38
  }
39
- }
39
+ }