intelicoreact 0.0.66 → 0.0.71

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 (81) hide show
  1. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +6 -2
  2. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +91 -60
  3. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +2 -1
  4. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +48 -17
  5. package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +21 -3
  6. package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +22 -6
  7. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +16 -43
  8. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss +98 -73
  9. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +3 -156
  10. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +4 -4
  11. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +3 -3
  12. package/dist/Atomic/FormElements/InputDateRange/dependencies.js +7 -7
  13. package/dist/Atomic/FormElements/Table/Table.scss +1 -1
  14. package/dist/Atomic/FormElements/Textarea/Textarea.scss +1 -1
  15. package/dist/Atomic/MainMenu/MainMenu.scss +2 -2
  16. package/dist/Atomic/UI/Accordion/Accordion.scss +2 -2
  17. package/dist/Atomic/UI/Arrow/Arrow.js +7 -8
  18. package/dist/Atomic/UI/Calendar/Calendar.js +3 -2
  19. package/dist/Atomic/UI/Calendar/Calendar.stories.js +3 -2
  20. package/dist/Atomic/UI/Status/Status.scss +1 -1
  21. package/dist/Molecular/Datepicker/Datepicker.js +451 -0
  22. package/dist/Molecular/Datepicker/Datepicker.scss +8 -0
  23. package/dist/Molecular/Datepicker/Datepicker.stories.js +44 -0
  24. package/dist/Molecular/Datepicker/components/Calendar.js +156 -0
  25. package/dist/scss/_vars.scss +3 -1
  26. package/dist/scss/main.scss +1 -1
  27. package/package.json +6 -4
  28. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.js +12 -2
  29. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +91 -60
  30. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +4 -3
  31. package/src/Atomic/FormElements/Dropdown/Dropdown.js +53 -19
  32. package/src/Atomic/FormElements/Dropdown/Dropdown.scss +21 -3
  33. package/src/Atomic/FormElements/Dropdown/Dropdown.stories.js +28 -15
  34. package/src/Atomic/FormElements/InputDateRange/InputDateRange.js +187 -214
  35. package/src/Atomic/FormElements/InputDateRange/InputDateRange.scss +98 -73
  36. package/src/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +35 -123
  37. package/src/Atomic/FormElements/InputDateRange/components/Datepicker.js +2 -2
  38. package/src/Atomic/FormElements/InputDateRange/components/SelectItem.js +1 -1
  39. package/src/Atomic/FormElements/InputDateRange/dependencies.js +6 -6
  40. package/src/Atomic/FormElements/Table/Table.scss +1 -1
  41. package/src/Atomic/FormElements/Textarea/Textarea.scss +1 -1
  42. package/src/Atomic/MainMenu/MainMenu.scss +2 -2
  43. package/src/Atomic/UI/Accordion/Accordion.scss +2 -2
  44. package/src/Atomic/UI/Arrow/Arrow.js +5 -5
  45. package/src/Atomic/UI/Calendar/Calendar.js +2 -2
  46. package/src/Atomic/UI/Calendar/Calendar.stories.js +2 -1
  47. package/src/Atomic/UI/Status/Status.scss +1 -1
  48. package/src/Molecular/Datepicker/Datepicker.js +346 -0
  49. package/src/Molecular/Datepicker/Datepicker.scss +8 -0
  50. package/src/Molecular/Datepicker/Datepicker.stories.js +27 -0
  51. package/src/Molecular/Datepicker/components/Calendar.js +118 -0
  52. package/src/scss/_vars.scss +3 -1
  53. package/src/scss/main.scss +1 -1
  54. package/dist/scss/anme/_anme-bootstrap-grid.scss +0 -748
  55. package/dist/scss/anme/_anme-elements.scss +0 -269
  56. package/dist/scss/anme/_anme-grid.scss +0 -111
  57. package/dist/scss/anme/_anme-justify.scss +0 -111
  58. package/dist/scss/anme/_anme-mixins-media.scss +0 -116
  59. package/dist/scss/anme/_anme-mixins.scss +0 -166
  60. package/dist/scss/anme/_anme-normalize.scss +0 -8
  61. package/dist/scss/anme/_anme-overall.scss +0 -34
  62. package/dist/scss/anme/_anme-padding-margins.scss +0 -419
  63. package/dist/scss/anme/_anme-table.scss +0 -81
  64. package/dist/scss/anme/_anme-theme.scss +0 -275
  65. package/dist/scss/anme/_anme-vars.scss +0 -91
  66. package/dist/scss/anme/_code-styling.scss +0 -23
  67. package/dist/scss/anme/styles.scss +0 -12
  68. package/src/scss/anme/_anme-bootstrap-grid.scss +0 -748
  69. package/src/scss/anme/_anme-elements.scss +0 -269
  70. package/src/scss/anme/_anme-grid.scss +0 -111
  71. package/src/scss/anme/_anme-justify.scss +0 -111
  72. package/src/scss/anme/_anme-mixins-media.scss +0 -116
  73. package/src/scss/anme/_anme-mixins.scss +0 -166
  74. package/src/scss/anme/_anme-normalize.scss +0 -8
  75. package/src/scss/anme/_anme-overall.scss +0 -34
  76. package/src/scss/anme/_anme-padding-margins.scss +0 -419
  77. package/src/scss/anme/_anme-table.scss +0 -81
  78. package/src/scss/anme/_anme-theme.scss +0 -275
  79. package/src/scss/anme/_anme-vars.scss +0 -91
  80. package/src/scss/anme/_code-styling.scss +0 -23
  81. package/src/scss/anme/styles.scss +0 -12
@@ -1,166 +0,0 @@
1
- @mixin before {
2
- &:before {
3
- content: '';
4
- display: block;
5
- @content;
6
- }
7
- }
8
-
9
- @mixin after {
10
- &:after {
11
- content: '';
12
- display: block;
13
- @content;
14
- }
15
- }
16
-
17
- @mixin clearfix {
18
- &:after {
19
- content: '';
20
- display: table;
21
- padding: 0;
22
- margin: 0;
23
- }
24
- }
25
-
26
- @mixin before-abs {
27
- &:before {
28
- content: '';
29
- display: block;
30
- position: absolute;
31
- @content;
32
- }
33
- }
34
-
35
- @mixin after-abs {
36
- &:after {
37
- content: '';
38
- display: block;
39
- position: absolute;
40
- @content;
41
- }
42
- }
43
-
44
- @mixin fill-parent {
45
- left: 0;
46
- top: 0;
47
- width: 100%;
48
- height: 100%;
49
- }
50
-
51
- @mixin font($fs, $lh) {
52
- font-size: $fs+px;
53
- line-height: ($lh/$fs);
54
- }
55
-
56
- @mixin custom-scroll {
57
- scrollbar-color: rgb(186, 194, 201) rgba(0,0,0,0) !important;
58
- scrollbar-width: thin !important;
59
-
60
- scrollbar {
61
- -moz-appearance: none !important;
62
- }
63
- scrollbarbutton {
64
- -moz-appearance: none !important;
65
- }
66
- thumb{
67
- -moz-appearance: none !important;
68
- }
69
- scrollcorner {
70
- -moz-appearance: none !important;
71
- resize:both;
72
- }
73
- // overflow-y: overlay;
74
-
75
- &::-webkit-scrollbar {
76
- width: 4px;
77
- }
78
-
79
- &::-webkit-scrollbar-thumb {
80
- -webkit-border-radius: 3px;
81
- border-radius: 3px;
82
- background: #BAC2C9;
83
-
84
- &:hover {
85
- background: #9AA0B9;
86
- }
87
- }
88
-
89
- &::-webkit-scrollbar:horizontal {
90
- height: 8px;
91
- }
92
-
93
- &::-webkit-scrollbar-track:horizontal {
94
- background: #F4F6FF;
95
- }
96
-
97
- &::-webkit-scrollbar-thumb:horizontal {
98
- -webkit-border-radius: 6px;
99
- border-radius: 6px;
100
- background: #BAC2C9;
101
- background-clip: padding-box;
102
- border: 2px solid rgba(0, 0, 0, 0);
103
-
104
- &:hover {
105
- background: #9AA0B9;
106
- border: 1px solid rgba(0, 0, 0, 0);
107
- background-clip: padding-box;
108
- }
109
- }
110
- }
111
-
112
- @mixin custom-scroll2 {
113
- scrollbar-color: rgb(186, 194, 201) rgba(0,0,0,0) !important;
114
- scrollbar-width: thin !important;
115
-
116
- scrollbar {
117
- -moz-appearance: none !important;
118
- }
119
- scrollbarbutton {
120
- -moz-appearance: none !important;
121
- }
122
- thumb{
123
- -moz-appearance: none !important;
124
- }
125
- scrollcorner {
126
- -moz-appearance: none !important;
127
- resize:both;
128
- }
129
- // overflow-y: overlay;
130
-
131
- &::-webkit-scrollbar {
132
- width: 4px;
133
- }
134
-
135
- &::-webkit-scrollbar-thumb {
136
- -webkit-border-radius: 3px;
137
- border-radius: 3px;
138
- background: #BAC2C9;
139
-
140
- &:hover {
141
- background: #9AA0B9;
142
- }
143
- }
144
-
145
- &::-webkit-scrollbar:horizontal {
146
- height: 8px;
147
- }
148
-
149
- &::-webkit-scrollbar-track:horizontal {
150
- background: inherit;
151
- }
152
-
153
- &::-webkit-scrollbar-thumb:horizontal {
154
- -webkit-border-radius: 6px;
155
- border-radius: 6px;
156
- background: #BAC2C9;
157
- background-clip: padding-box;
158
- border: 2px solid rgba(0, 0, 0, 0);
159
-
160
- &:hover {
161
- background: #9AA0B9;
162
- border: 1px solid rgba(0, 0, 0, 0);
163
- background-clip: padding-box;
164
- }
165
- }
166
- }
@@ -1,8 +0,0 @@
1
- body {
2
- margin: 0;
3
- overflow: hidden;
4
- }
5
-
6
- .rel {
7
- position: relative;
8
- }
@@ -1,34 +0,0 @@
1
- .w100 {
2
- width: 100% !important;
3
- }
4
-
5
- .w75 {
6
- width: 75%;
7
- }
8
-
9
- .w50 {
10
- width: 50%;
11
- }
12
-
13
- .w33 {
14
- width: 33.3333%;
15
- }
16
-
17
- .w25 {
18
- width: 25%;
19
- }
20
-
21
- .min-h500 {
22
- min-height: 500px;
23
- }
24
-
25
- .disabled {
26
- pointer-events: none;
27
- user-select: none;
28
- cursor: default;
29
- opacity: .6;
30
- }
31
-
32
- .noBackground {
33
- background: none;
34
- }
@@ -1,419 +0,0 @@
1
- /*MARGINS*/
2
- .m0 {
3
- margin: 0;
4
- }
5
-
6
- .mt0 {
7
- margin-top: 0;
8
- }
9
-
10
- .mr0 {
11
- margin-right: 0;
12
- }
13
-
14
- .mb0 {
15
- margin-bottom: 0;
16
- }
17
-
18
- .ml0 {
19
- margin-left: 0;
20
- }
21
-
22
- .m2 {
23
- margin: 2px;
24
- }
25
-
26
- .mt2 {
27
- margin-top: 2px;
28
- }
29
-
30
- .mr2 {
31
- margin-right: 2px;
32
- }
33
-
34
- .mb2 {
35
- margin-bottom: 2px;
36
- }
37
-
38
- .ml2 {
39
- margin-left: 2px;
40
- }
41
-
42
- .m3 {
43
- margin: 3px;
44
- }
45
-
46
- .mt3 {
47
- margin-top: 3px;
48
- }
49
-
50
- .mr3 {
51
- margin-right: 3px;
52
- }
53
-
54
- .mb3 {
55
- margin-bottom: 3px;
56
- }
57
-
58
- .ml3 {
59
- margin-left: 3px;
60
- }
61
-
62
- .m5 {
63
- margin: 5px;
64
- }
65
-
66
- .mt5 {
67
- margin-top: 5px;
68
- }
69
-
70
- .mr5 {
71
- margin-right: 5px;
72
- }
73
-
74
- .mb5 {
75
- margin-bottom: 5px;
76
- }
77
-
78
- .ml5 {
79
- margin-left: 5px;
80
- }
81
-
82
- .mt8 {
83
- margin-top: 8px;
84
- }
85
-
86
- .ml8 {
87
- margin-left: 8px;
88
- }
89
-
90
- .mr8 {
91
- margin-right: 8px;
92
- }
93
-
94
- .mb8 {
95
- margin-bottom: 8px;
96
- }
97
-
98
- .mtb8 {
99
- margin: 8px 0;
100
- }
101
-
102
- .mtb10 {
103
- margin: 10px 0;
104
- }
105
-
106
- .m10 {
107
- margin: 10px;
108
- }
109
-
110
- .mt10 {
111
- margin-top: 10px;
112
- }
113
-
114
- .mr10 {
115
- margin-right: 10px;
116
- }
117
-
118
- .mb10 {
119
- margin-bottom: 10px;
120
- }
121
-
122
- .ml10 {
123
- margin-left: 10px;
124
- }
125
-
126
- .m15 {
127
- margin: 15px;
128
- }
129
-
130
- .mt15 {
131
- margin-top: 15px;
132
- }
133
-
134
- .mr15 {
135
- margin-right: 15px;
136
- }
137
-
138
- .mb15 {
139
- margin-bottom: 15px;
140
- }
141
-
142
- .ml15 {
143
- margin-left: 15px;
144
- }
145
-
146
- .mt16 {
147
- margin-top: 16px;
148
- }
149
-
150
- .m20 {
151
- margin: 20px;
152
- }
153
-
154
- .mt20 {
155
- margin-top: 20px;
156
- }
157
-
158
- .mr20 {
159
- margin-right: 20px;
160
- }
161
-
162
- .mb20 {
163
- margin-bottom: 20px;
164
- }
165
-
166
- .ml20 {
167
- margin-left: 20px;
168
- }
169
-
170
- .mtb20 {
171
- margin-top: 20px;
172
- margin-bottom: 20px;
173
- }
174
-
175
- .m25 {
176
- margin: 25px;
177
- }
178
-
179
- .mt25 {
180
- margin-top: 25px !important;
181
- }
182
-
183
- .mr25 {
184
- margin-right: 25px;
185
- }
186
-
187
- .mb25 {
188
- margin-bottom: 25px;
189
- }
190
-
191
- .ml25 {
192
- margin-left: 25px;
193
- }
194
-
195
- .m30 {
196
- margin: 30px;
197
- }
198
-
199
- .mt30 {
200
- margin-top: 30px;
201
- }
202
-
203
- .mr30 {
204
- margin-right: 30px;
205
- }
206
-
207
- .mb30 {
208
- margin-bottom: 30px;
209
- }
210
-
211
- .ml30 {
212
- margin-left: 30px;
213
- }
214
-
215
- .ml-auto {
216
- margin-left: auto;
217
- }
218
-
219
- .mr-auto {
220
- margin-right: auto;
221
- }
222
-
223
- .mx-auto {
224
- margin-left: auto;
225
- margin-right: auto;
226
- }
227
-
228
- .my-auto {
229
- margin-top: auto;
230
- margin-bottom: auto;
231
- }
232
-
233
- .my-auto {
234
- margin-left: auto;
235
- margin-right: auto;
236
- margin-top: auto;
237
- margin-bottom: auto;
238
- }
239
-
240
- /*PADDINGS*/
241
- .p0 {
242
- padding: 0;
243
- }
244
-
245
- .pt0 {
246
- padding-top: 0;
247
- }
248
-
249
- .pr0 {
250
- padding-right: 0;
251
- }
252
-
253
- .pb0 {
254
- padding-bottom: 0;
255
- }
256
-
257
- .pl0 {
258
- padding-left: 0;
259
- }
260
-
261
- .p4 {
262
- padding: 4px;
263
- }
264
-
265
- .p5 {
266
- padding: 5px;
267
- }
268
-
269
- .pt5 {
270
- padding-top: 5px;
271
- }
272
-
273
- .pr5 {
274
- padding-right: 5px;
275
- }
276
-
277
- .pb5 {
278
- padding-bottom: 5px;
279
- }
280
-
281
- .pl5 {
282
- padding-left: 5px;
283
- }
284
-
285
- .ptb6 {
286
- padding-top: 6px;
287
- padding-bottom: 6px;
288
- }
289
-
290
- .pt7 {
291
- padding-top: 7px;
292
- }
293
-
294
- .plr10 {
295
- padding-left: 10px !important;
296
- padding-right: 10px !important;
297
- }
298
-
299
- .plr15 {
300
- padding-left: 15px !important;
301
- padding-right: 15px !important;
302
- }
303
-
304
- .plr20 {
305
- padding-left: 20px !important;
306
- padding-right: 20px !important;
307
- }
308
-
309
- .plr30 {
310
- padding-left: 30px !important;
311
- padding-right: 30px !important;
312
- }
313
-
314
- .plr75 {
315
- padding-left: 7.5px;
316
- padding-right: 7.5px;
317
- }
318
-
319
- .pl9 {
320
- padding-left: 9px;
321
- }
322
-
323
- .p10 {
324
- padding: 10px;
325
- }
326
-
327
- .pt10 {
328
- padding-top: 10px;
329
- }
330
-
331
- .pr10 {
332
- padding-right: 10px;
333
- }
334
-
335
- .pb10 {
336
- padding-bottom: 10px;
337
- }
338
-
339
- .pl10 {
340
- padding-left: 10px;
341
- }
342
-
343
- .p15 {
344
- padding: 15px;
345
- }
346
-
347
- .pt15 {
348
- padding-top: 15px;
349
- }
350
-
351
- .pr15 {
352
- padding-right: 15px;
353
- }
354
-
355
- .pb15 {
356
- padding-bottom: 15px;
357
- }
358
-
359
- .pl15 {
360
- padding-left: 15px;
361
- }
362
-
363
- .plr15 {
364
- padding-left: 15px;
365
- padding-right: 15px;
366
- }
367
-
368
- .plr16 {
369
- padding-left: 16px;
370
- padding-right: 16px;
371
- }
372
-
373
- .p25 {
374
- padding: 25px;
375
- }
376
-
377
- .pt25 {
378
- padding-top: 25px;
379
- }
380
-
381
- .pr25 {
382
- padding-right: 25px;
383
- }
384
-
385
- .pb25 {
386
- padding-bottom: 25px;
387
- }
388
-
389
- .pl25 {
390
- padding-left: 25px;
391
- }
392
-
393
- .p30 {
394
- padding: 30px;
395
- }
396
-
397
- .pt30 {
398
- padding-top: 30px;
399
- }
400
-
401
- .pr30 {
402
- padding-right: 30px;
403
- }
404
-
405
- .pb30 {
406
- padding-bottom: 30px;
407
- }
408
-
409
- .pl30 {
410
- padding-left: 30px;
411
- }
412
-
413
- .pb50 {
414
- padding-bottom: 50px;
415
- }
416
-
417
- .gap8 {
418
- gap: 8px;
419
- }
@@ -1,81 +0,0 @@
1
- .scrollable-table-box {
2
- width: 100%;
3
- overflow-x: auto;
4
- overflow-y: visible;
5
- font-size: 12px;
6
- }
7
-
8
- .table {
9
- display: table;
10
- margin: 0;
11
- font-size: 12px;
12
-
13
- &--inline {
14
- display: inline-table;
15
- }
16
-
17
- /* &:last-child {
18
- border-bottom: $border;
19
- }*/
20
- }
21
-
22
- .table__row {
23
- width: 100%;
24
- display: table-row;
25
- &:not(:first-child) {
26
- .table__cell {
27
- border-top: $border;
28
- &_min-height {
29
- min-height: 15px;
30
- }
31
- }
32
- }
33
- }
34
-
35
- .table__cell {
36
- display: table-cell;
37
- vertical-align: middle;
38
- padding: 14px 15px;
39
- background-color: #ffff;
40
- font-size: 13px;
41
- font-weight: 300;
42
-
43
- &:first-child{
44
- padding-left: 15px;
45
- }
46
- &:last-child{
47
- padding-right: 15px;
48
- text-align: right;
49
- }
50
- &--th {
51
- font-weight: bold;
52
- font-size: 12px;
53
- }
54
- }
55
-
56
- .table--bordered .table__cell {
57
- border-left: $border;
58
- &:last-child {
59
- border-right: $border;
60
- }
61
- }
62
-
63
- .thead-decorate {
64
- .table__row:first-child {
65
- background-color: #EBEFF2;
66
- height: 42px;
67
- }
68
- }
69
-
70
- .cell-align_top {
71
- .listItems-table__cell {
72
- vertical-align: top;
73
- @extend .ptb6;
74
- }
75
- }
76
-
77
- .cell-align_middle {
78
- .listItems-table__cell {
79
- vertical-align: middle;
80
- }
81
- }