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,275 +0,0 @@
1
- .bg--white {
2
- background: #fff;
3
- }
4
-
5
- .bg--success {
6
- background-color: $color--success;
7
- }
8
-
9
- .bg--error {
10
- background-color: $color--error;
11
- }
12
-
13
- .bg--warn {
14
- background-color: $color--warn;
15
- }
16
-
17
- .bg--cherokee {
18
- background-color: $color--cherokee;
19
- }
20
-
21
- .bg--yellow {
22
- background-color: $color--yellow;
23
- }
24
-
25
- .bg--pause,
26
- .bg--disabled {
27
- background-color: $color--pause;
28
- }
29
-
30
- .bg--sky {
31
- background-color: $color--sky;
32
- }
33
-
34
- .bg--sky-deep {
35
- background-color: $color--sky-deep;
36
- }
37
-
38
- .bg--sky-light {
39
- background-color: $color--sky-light;
40
- }
41
-
42
- .bg--sky-gentle {
43
- background-color: $color--sky-gentle;
44
- }
45
-
46
- .bg--purple {
47
- background-color: $color--purple;
48
- }
49
-
50
- .bg--sea {
51
- background-color: $color--sea;
52
- }
53
-
54
- .bg--light-pinky {
55
- background-color: $color--light-pinky;
56
- }
57
-
58
- .bg--wisp-pinky {
59
- background-color: $color--wisp-pinky;
60
- }
61
-
62
- .bg--color--panache {
63
- background-color: $color--panache;
64
- }
65
-
66
- .bg--lavr {
67
- background-color: $color--lavr;
68
- }
69
-
70
- .bg--creme {
71
- background-color: $color--creme;
72
- }
73
-
74
- .bg--warning {
75
- background-color: $color--warning;
76
- }
77
-
78
- .bg--slate {
79
- background-color: $color--slate;
80
- }
81
-
82
- .bg--gray-gentel {
83
- background-color: $color--gray-gentel
84
- }
85
-
86
- .bg--froly {
87
- background-color: $color--froly;
88
- }
89
-
90
- .bg--sandy-beach {
91
- background-color: $color--sandy-beach;
92
- }
93
-
94
- .bg--wisp-pinky {
95
- background-color: $color--wisp-pinky;
96
- }
97
-
98
- .border--success {
99
- border-color: $color--success;
100
- }
101
-
102
- .border--sky {
103
- border-color: $color--sky;
104
- }
105
-
106
- .border--danger {
107
- border-color: $color--error;
108
- }
109
-
110
- .border--gray-dark {
111
- border-color: $color--gray-dark;
112
- }
113
-
114
-
115
- .color--white {
116
- color: #fff;
117
- }
118
-
119
- .color--primary {
120
- color: $color--primary;
121
- }
122
-
123
- .color--froly {
124
- color: $color--froly;
125
- }
126
-
127
- .color--text {
128
- color: $color--text;
129
- }
130
-
131
- .color--gray-gull {
132
- color: $color--gray-gull;
133
- }
134
-
135
- .color--dark {
136
- color: #000;
137
- }
138
-
139
- .color--sea-buckthorn {
140
- color: $color--sea-buckthorn;
141
- }
142
-
143
- .color--success {
144
- color: $color--success;
145
- }
146
-
147
- .color--de-york {
148
- color: $color--de-york;
149
- }
150
-
151
- .color--green-dark {
152
- color: $color--green-dark;
153
- }
154
-
155
- .color--green-haze {
156
- color: $color--green-haze;
157
- }
158
-
159
- .color--error {
160
- color: $color--error;
161
- }
162
-
163
- .color--light-red {
164
- color: $color--light-red;
165
- }
166
-
167
- .color--danger {
168
- color: $color--error;
169
- }
170
-
171
- .color--warning {
172
- color: $color--warning;
173
- }
174
-
175
- .color--warn {
176
- color: $color--warn;
177
- }
178
-
179
- .color--pause,
180
- .color--disabled {
181
- color: $color--pause;
182
- }
183
-
184
- .color--sky {
185
- color: $color--sky;
186
- }
187
-
188
- .color--sky-deep {
189
- color: $color--sky-deep;
190
- }
191
-
192
- .color--sky-light {
193
- color: $color--sky-light;
194
- }
195
-
196
- .color--purple {
197
- color: $color--purple;
198
- }
199
-
200
- .color--sea {
201
- color: $color--sea;
202
- }
203
-
204
- .color--light-pinky {
205
- color: $color--light-pinky;
206
- }
207
-
208
- .color--eggplant {
209
- color: $color--eggplant;
210
- }
211
-
212
- .color--gray-dark {
213
- color: $color--gray-dark;
214
- }
215
-
216
- .color--brown {
217
- color: $color--brown;
218
- }
219
-
220
- .color--gray-gentel {
221
- color: $color--gray-gentel
222
- }
223
-
224
- //SOCIALS COLORS
225
- .color--skype {
226
- color: #33c5f1;
227
- }
228
-
229
- .color--fb {
230
- color: #4489ca;
231
- }
232
-
233
- .color--viber {
234
- color: #af55a3;
235
- }
236
-
237
- .color--icq {
238
- color: #24b802;
239
- }
240
-
241
- .color--aim {
242
- color: #d04c2d;
243
- }
244
-
245
- .i-color--skype {
246
- color: #33c5f1 !important;
247
- }
248
-
249
- .i-color--fb {
250
- color: #4489ca !important;
251
- }
252
-
253
- .i-color--viber {
254
- color: #af55a3 !important;
255
- }
256
-
257
- .i-color--icq {
258
- color: #24b802 !important;
259
- }
260
-
261
- .i-color--aim {
262
- color: #d04c2d !important;
263
- }
264
-
265
- .pointer {
266
- cursor: pointer;
267
- }
268
-
269
- .text-center {
270
- text-align: center;
271
- }
272
-
273
- .text-uppercase {
274
- text-transform: uppercase;
275
- }
@@ -1,91 +0,0 @@
1
- /* COLORS*/
2
- $color--primary: #6B81DD;
3
- $color--secondary: #BAC2C9;
4
- $color--white: #FFFFFF;
5
- $color--title: #94BAD7;
6
- $color--bg: #F4F6FF;
7
- $color--text: #1e1e2d;
8
-
9
- $color--link: #2976b0;
10
- $color--link-cat: #00345c;
11
- $color--link-hover: #ce860b;
12
- $color--zero: rgba(0, 0, 0, 0);
13
- $color--warning: #afaa00;
14
- $color--disabled: #afacad;
15
- $color--lavr: #e9f3f5;
16
- $color--creme: #fdfdf6;
17
- $color--success: #007a1d;
18
- $color--green-dark: #00695C;
19
- $color--green-light: #e8f5ea;
20
- $color--error: #8d0a00;
21
- $color--light-red: #cf0e00;
22
- $color--warning: #FF8A65;
23
- $color--warn: #ffb74d;
24
- $color--warn-bright: #fe9627;
25
- $color--pause: #999999;
26
- $color--border: #cfcfcf;
27
- $color--sky: #2196f3;
28
- $color--sky-deep: #006ff3;
29
- $color--sky-light: #ecf8ff;
30
- $color--sky-gentle: #ecf8ff;
31
- $color--border: #ced4da;
32
- $color--purple: #3949ab;
33
- $color--sea: #00bcd4;
34
- $color--light-pinky: #f9f2f4;
35
- $color--wisp-pinky: #fce2e8;
36
- $color--eggplant: #6a1ba7;
37
- $color--brown: #6D4C41;
38
-
39
- $color--gray: #6d6d6d;
40
- $color--gray-dark: #333333;
41
- $color--gray-light: #e9e9ed;
42
- $color--slate: #78909C;
43
- $color--gray-gentel: #f8f8fa;
44
- $color--grey-athens: #EBEFF2;
45
- $color--gray-gull: #9aa0b9;
46
- $color--athens-gray: #E2E5EC;
47
- $color--black-squeeze: #F7FAFC;
48
- $color--green-haze: #00B031;
49
-
50
- $color--creame: #fff5ee;
51
- $color--sandy-beach: #ffedc8;
52
- $color--sea-buckthorn: #F59A2F;
53
- $color--pastel-pink: #FFD9E2;
54
- $color--froly: #F06D8D;
55
- $color--panache: #E4F3E8;
56
- $color--de-york: #78C58D;
57
- $color--whisper: #F2F2F8;
58
- $color--mischka: #cccfdc;
59
- $color--cherokee: #FBDD9E;
60
- $color--yellow: #ffff00;
61
-
62
- /*GRID*/
63
- $gAir: 15px !default; //grid air
64
- $wide: calc(100% + 30px); //WIDE-WIDTH
65
- $s_air: 25px; //section air
66
- $air: 15px;
67
- $container: 1480px;
68
- $container-xxl: 1255px;
69
- $container-xl: 1115px;
70
- $mobile-more-height: 6em;
71
- $border: 1px solid $color--border;
72
-
73
- /*FONTS*/
74
-
75
- $font-title: 'Arial';
76
- $font-text: 'Open Sans';
77
- $h1-fs: 32px;
78
- $h1-lh: 1.31;
79
- $h2-fs: 26px;
80
- $h2-lh: 1.62;
81
- $h3-fs: 24px;
82
- $h3-lh: auto;
83
- $h4-fs: 22px;
84
- $h4-lh: 1.18;
85
-
86
- $txt: 14px;
87
- $txt--lh: (20 / 14);
88
-
89
- /*Z-INDEX*/
90
-
91
- $tooltip-z-index: 10;
@@ -1,23 +0,0 @@
1
-
2
- pre {
3
- -moz-tab-size: 4;
4
- -o-tab-size: 4;
5
- tab-size: 4;
6
- padding: 30px;
7
- border: 1px solid #fffcc4;
8
- background: #2b2b2b;
9
- color: yellow;
10
- }
11
-
12
- .result {
13
- background: aliceblue;
14
-
15
- .container {
16
- background: aliceblue;
17
- }
18
-
19
- .column-inner {
20
- background: #2b2b2b;
21
- min-height: 90px;
22
- }
23
- }
@@ -1,12 +0,0 @@
1
- @import "anme-mixins-media";
2
- @import "anme-mixins";
3
- @import "anme-vars";
4
- @import "anme-bootstrap-grid";
5
- @import "anme-normalize";
6
- @import "anme-grid";
7
- @import "anme-justify";
8
- @import "anme-padding-margins";
9
- @import "anme-elements";
10
- @import "anme-overall";
11
- @import "anme-table";
12
- @import "anme-theme";