pixel-react 1.1.2 → 1.1.3

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 (47) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/Paper/Paper.d.ts +4 -0
  3. package/lib/components/Paper/Paper.stories.d.ts +11 -0
  4. package/lib/components/Paper/index.d.ts +1 -0
  5. package/lib/components/Paper/types.d.ts +15 -0
  6. package/lib/components/VariableInput/VariableInput.d.ts +4 -0
  7. package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
  8. package/lib/components/VariableInput/index.d.ts +1 -0
  9. package/lib/components/VariableInput/types.d.ts +53 -0
  10. package/lib/index.css +404 -0
  11. package/lib/index.d.ts +115 -1
  12. package/lib/index.esm.css +404 -0
  13. package/lib/index.esm.js +5748 -108
  14. package/lib/index.esm.js.map +1 -1
  15. package/lib/index.js +5757 -107
  16. package/lib/index.js.map +1 -1
  17. package/lib/tsconfig.tsbuildinfo +1 -1
  18. package/lib/utils/ffID/ffID.stories.d.ts +1 -1
  19. package/lib/utils/ffID/ffid.d.ts +1 -2
  20. package/lib/utils/findAndInsert/findAndInsert.d.ts +7 -0
  21. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
  22. package/lib/utils/getEncryptedData/getEncryptedData.d.ts +1 -2
  23. package/package.json +1 -1
  24. package/rollup.config.mjs +8 -2
  25. package/src/assets/Themes/BaseTheme.scss +2 -0
  26. package/src/assets/Themes/DarkTheme.scss +2 -0
  27. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +1 -1
  28. package/src/components/Button/index.ts +1 -1
  29. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.tsx +1 -1
  30. package/src/components/Paper/Paper.scss +13 -0
  31. package/src/components/Paper/Paper.stories.tsx +77 -0
  32. package/src/components/Paper/Paper.tsx +14 -0
  33. package/src/components/Paper/index.ts +1 -0
  34. package/src/components/Paper/types.ts +19 -0
  35. package/src/components/Select/components/Dropdown/Dropdown.tsx +1 -1
  36. package/src/components/VariableInput/VariableInput.scss +128 -0
  37. package/src/components/VariableInput/VariableInput.stories.tsx +32 -0
  38. package/src/components/VariableInput/VariableInput.tsx +352 -0
  39. package/src/components/VariableInput/index.ts +1 -0
  40. package/src/components/VariableInput/types.ts +56 -0
  41. package/src/index.ts +27 -2
  42. package/src/utils/ffID/ffID.stories.tsx +1 -1
  43. package/src/utils/ffID/ffid.ts +1 -3
  44. package/src/utils/getEncryptedData/getEncryptedData.stories.tsx +3 -3
  45. package/src/utils/getEncryptedData/getEncryptedData.ts +1 -3
  46. /package/src/utils/{find → findAndInsert}/findAndInsert.stories.tsx +0 -0
  47. /package/src/utils/{find → findAndInsert}/findAndInsert.ts +0 -0
package/lib/index.esm.css ADDED
@@ -0,0 +1,404 @@
1
+ .button {
2
+ background-color: #71347b;
3
+ }
4
+ .ff-icon-container {
5
+ display: flex;
6
+ justify-content: center;
7
+ align-items: center;
8
+ }
9
+
10
+ .ff-icon-click {
11
+ cursor: pointer;
12
+ padding: 5px;
13
+ box-sizing: content-box;
14
+ }
15
+ .ff-icon-click:hover {
16
+ border-radius: 50%;
17
+ background-color: #ffffff;
18
+ box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2509803922);
19
+ }
20
+ .ff-icon-click:hover > svg {
21
+ color: #71347b;
22
+ }
23
+
24
+ .ff-icon-disabled {
25
+ cursor: no-drop;
26
+ }
27
+ .ff-icon-disabled > svg {
28
+ color: #cfd1e2;
29
+ }
30
+ .ff-icon-disabled:hover {
31
+ box-shadow: none;
32
+ }
33
+ .ff-icon-disabled:hover > svg {
34
+ color: #cfd1e2;
35
+ }
36
+ @font-face {
37
+ font-family: "Montserrat-Medium", sans-serif;
38
+ src: local("Montserrat-Medium"), url(../../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
39
+ }
40
+ @font-face {
41
+ font-family: "Montserrat-SemiBold", sans-serif;
42
+ src: local("Montserrat-SemiBold"), url(../../fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
43
+ }
44
+ @font-face {
45
+ font-family: "Poppins-Regular";
46
+ src: local("Poppins-Regular"), url(../../fonts/Poppins/Poppins-Regular.ttf) format("truetype");
47
+ }
48
+ @font-face {
49
+ font-family: "Poppins-Medium";
50
+ src: local("Poppins-Medium"), url(../../fonts/Poppins/Poppins-Medium.ttf) format("truetype");
51
+ }
52
+ @font-face {
53
+ font-family: "Poppins-SemiBold";
54
+ src: local("Poppins-SemiBold"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
55
+ }
56
+ @font-face {
57
+ font-family: "Poppins-Bold";
58
+ src: local("Poppins-Bold"), url(../../fonts/Poppins/Poppins-Bold.ttf) format("truetype");
59
+ }
60
+ .fontPoppinsRegularXLg {
61
+ font-family: Poppins-Regular !important;
62
+ font-size: 18px !important;
63
+ }
64
+
65
+ .fontPoppinsRegularLg {
66
+ font-family: Poppins-Regular !important;
67
+ font-size: 16px !important;
68
+ }
69
+
70
+ .fontPoppinsRegularMd {
71
+ font-family: Poppins-Regular !important;
72
+ font-size: 14px !important;
73
+ }
74
+
75
+ .fontPoppinsRegularSm {
76
+ font-family: Poppins-Regular !important;
77
+ font-size: 12px !important;
78
+ }
79
+
80
+ .fontPoppinsRegularXs {
81
+ font-family: Poppins-Regular !important;
82
+ font-size: 10px !important;
83
+ }
84
+
85
+ .fontPoppinsRegularXs8px {
86
+ font-family: Poppins-Regular !important;
87
+ font-size: 8px !important;
88
+ }
89
+
90
+ .fontPoppinsRegularXs9px {
91
+ font-family: Poppins-Regular !important;
92
+ font-size: 9px !important;
93
+ }
94
+
95
+ .fontPoppinsMediumPageSubHeader {
96
+ font-family: Poppins-Medium !important;
97
+ font-size: 26px !important;
98
+ }
99
+
100
+ .fontPoppinsMediumXX2 {
101
+ font-family: Poppins-Medium !important;
102
+ font-size: 22px !important;
103
+ }
104
+
105
+ .fontPoppinsMediumXXlg {
106
+ font-family: Poppins-Medium !important;
107
+ font-size: 20px !important;
108
+ }
109
+
110
+ .fontPoppinsMediumXXlg {
111
+ font-family: Poppins-Medium !important;
112
+ font-size: 20px !important;
113
+ }
114
+
115
+ .fontPoppinsMediumLg {
116
+ font-family: Poppins-Medium !important;
117
+ font-size: 16px !important;
118
+ }
119
+
120
+ .fontPoppinsMediumMd {
121
+ font-family: Poppins-Medium !important;
122
+ font-size: 14px !important;
123
+ }
124
+
125
+ .fontPoppinsMediumSm {
126
+ font-family: Poppins-Medium !important;
127
+ font-size: 12px !important;
128
+ }
129
+
130
+ .fontPoppinsMediumSm11 {
131
+ font-family: Poppins-Medium !important;
132
+ font-size: 11px !important;
133
+ }
134
+
135
+ .fontPoppinsMediumXs {
136
+ font-family: Poppins-Medium !important;
137
+ font-size: 10px !important;
138
+ }
139
+
140
+ .fontPoppinsMediumXs8px {
141
+ font-family: Poppins-Medium !important;
142
+ font-size: 8px !important;
143
+ }
144
+
145
+ .fontPoppinsMediumXs8px {
146
+ font-family: Poppins-Medium !important;
147
+ font-size: 8px !important;
148
+ }
149
+
150
+ .fontPoppinsSemibold-size-50 {
151
+ font-family: Poppins-SemiBold !important;
152
+ font-size: 50px !important;
153
+ }
154
+
155
+ .fontPoppinsSemibold-size-42 {
156
+ font-family: Poppins-SemiBold !important;
157
+ font-size: 42px !important;
158
+ }
159
+
160
+ .fontPoppinsSemiboldPageHeader {
161
+ font-family: Poppins-SemiBold !important;
162
+ font-size: 36px !important;
163
+ }
164
+
165
+ .fontPoppinsSemiboldAlertHeader {
166
+ font-family: Poppins-SemiBold !important;
167
+ font-size: 32px !important;
168
+ }
169
+
170
+ .fontPoppinsSemibold-size-28 {
171
+ font-family: Poppins-SemiBold !important;
172
+ font-size: 28px !important;
173
+ }
174
+
175
+ .fontPoppinsSemibold-size-26 {
176
+ font-family: Poppins-SemiBold !important;
177
+ font-size: 26px !important;
178
+ }
179
+
180
+ .fontPoppinsSemiboldPageSubHeader {
181
+ font-family: Poppins-SemiBold !important;
182
+ font-size: 24px !important;
183
+ }
184
+
185
+ .fontPoppinsSemiboldXX2 {
186
+ font-family: Poppins-SemiBold !important;
187
+ font-size: 22px !important;
188
+ }
189
+
190
+ .fontPoppinsSemiboldXXlg {
191
+ font-family: Poppins-SemiBold !important;
192
+ font-size: 20px !important;
193
+ }
194
+
195
+ .fontPoppinsSemiboldXlg {
196
+ font-family: Poppins-SemiBold !important;
197
+ font-size: 18px !important;
198
+ }
199
+
200
+ .fontPoppinsSemiboldLg {
201
+ font-family: Poppins-SemiBold !important;
202
+ font-size: 16px !important;
203
+ }
204
+
205
+ .fontPoppinsSemiboldMd {
206
+ font-family: Poppins-SemiBold !important;
207
+ font-size: 14px !important;
208
+ }
209
+
210
+ .fontPoppinsSemiboldSm {
211
+ font-family: Poppins-SemiBold !important;
212
+ font-size: 12px !important;
213
+ }
214
+
215
+ .fontPoppinsSemiboldSm11 {
216
+ font-family: Poppins-SemiBold !important;
217
+ font-size: 11px !important;
218
+ }
219
+
220
+ .fontPoppinsSemiboldXs {
221
+ font-family: Poppins-SemiBold !important;
222
+ font-size: 10px !important;
223
+ }
224
+
225
+ .fontPoppinsSemiboldXs9px {
226
+ font-family: Poppins-SemiBold !important;
227
+ font-size: 9px !important;
228
+ }
229
+
230
+ .fontPoppinsSemiboldXs8px {
231
+ font-family: Poppins-Medium !important;
232
+ font-size: 8px !important;
233
+ }
234
+
235
+ .fontPoppinsSemiboldXXs {
236
+ font-family: Poppins-SemiBold !important;
237
+ font-size: 8px !important;
238
+ }
239
+
240
+ .fontMontserratMediumXs {
241
+ font-family: Montserrat-Medium, sans-serif !important;
242
+ font-size: 10px !important;
243
+ }
244
+
245
+ .fontMontserratMediumSm {
246
+ font-family: Montserrat-Medium, sans-serif !important;
247
+ font-size: 12px !important;
248
+ }
249
+
250
+ .fontMontserratMediumMd {
251
+ font-family: Montserrat-Medium, sans-serif !important;
252
+ font-size: 14px !important;
253
+ }
254
+
255
+ .fontMontserratSemiboldXs {
256
+ font-family: Montserrat-SemiBold, sans-serif !important;
257
+ font-size: 10px !important;
258
+ }
259
+
260
+ .fontMontserratSemiboldSm {
261
+ font-family: Montserrat-SemiBold, sans-serif !important;
262
+ font-size: 12px !important;
263
+ }
264
+
265
+ .fontMontserratSemiboldMd {
266
+ font-family: Montserrat-SemiBold, sans-serif !important;
267
+ font-size: 14px !important;
268
+ }
269
+
270
+ .fontMontserratSemiboldLg {
271
+ font-family: Montserrat-SemiBold, sans-serif !important;
272
+ font-size: 16px !important;
273
+ }
274
+
275
+ .ff--switch-container {
276
+ position: relative;
277
+ display: flex;
278
+ align-items: center;
279
+ }
280
+ .ff--switch-container:disabled {
281
+ opacity: 0.7;
282
+ cursor: no-drop;
283
+ }
284
+ .ff--switch-container .ff--switch-checkbox {
285
+ height: 0;
286
+ width: 0;
287
+ display: none;
288
+ }
289
+ .ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button {
290
+ left: calc(100% - 19px);
291
+ right: -1px;
292
+ border: 1px solid #71347b;
293
+ background: #ffffff;
294
+ transition: all 0.3s;
295
+ box-shadow: 0px 0px 2px 0px #141a60;
296
+ }
297
+ .ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button .ff-check-symbol {
298
+ height: 6px;
299
+ width: 3px;
300
+ border-bottom: 2px solid #71347b;
301
+ border-right: 2px solid #71347b;
302
+ transform: rotate(45deg);
303
+ border-bottom-right-radius: 2px;
304
+ animation: checkmark 0.2s forwards;
305
+ transition: all 0.1s;
306
+ }
307
+ .ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label--primary {
308
+ background: #71347b;
309
+ transition: all 0.3s;
310
+ }
311
+ .ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label:disabled {
312
+ cursor: default;
313
+ color: rgba(113, 52, 123, 0.5019607843);
314
+ background: rgba(113, 52, 123, 0.5019607843);
315
+ }
316
+ .ff--switch-container .ff--switch-checkbox:disabled {
317
+ cursor: no-drop;
318
+ }
319
+ .ff--switch-container .ff--switch-label {
320
+ display: flex;
321
+ align-items: center;
322
+ justify-content: space-between;
323
+ cursor: pointer;
324
+ border-radius: 8px;
325
+ position: relative;
326
+ background: #cfd1e2;
327
+ transition: all 0.3s;
328
+ }
329
+ .ff--switch-container .ff--switch-label--disabled {
330
+ opacity: 0.5;
331
+ cursor: no-drop;
332
+ }
333
+ .ff--switch-container .ff--switch-label .ff--switch-button {
334
+ position: absolute;
335
+ left: 0;
336
+ width: 20px;
337
+ height: 20px;
338
+ border: 1px solid #cfd1e2;
339
+ display: flex;
340
+ background: #ffffff;
341
+ border-radius: 50%;
342
+ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
343
+ transition: all 0.3s;
344
+ align-items: center;
345
+ justify-content: center;
346
+ box-sizing: border-box;
347
+ }
348
+ .ff--switch-container .ff--switch-label .ff--switch-button .ff-wrong-symbol {
349
+ width: 8px;
350
+ height: 8px;
351
+ position: relative;
352
+ display: flex;
353
+ align-items: center;
354
+ justify-content: center;
355
+ }
356
+ .ff--switch-container .ff--switch-label .ff--switch-button .ff-wrong-symbol .ff-cross-line {
357
+ position: absolute;
358
+ width: 100%;
359
+ height: 2px;
360
+ background-color: #aeb0c0;
361
+ transition: all 0.3s;
362
+ animation: crossmark 0.2s forwards;
363
+ }
364
+ .ff--switch-container .ff--switch-label .ff--switch-button .ff-wrong-symbol .ff-cross-line:first-child {
365
+ transform: rotate(45deg);
366
+ }
367
+ .ff--switch-container .ff--switch-label .ff--switch-button .ff-wrong-symbol .ff-cross-line:last-child {
368
+ transform: rotate(-45deg);
369
+ }
370
+ .ff--switch-container .default {
371
+ width: 32px;
372
+ height: 14px;
373
+ }
374
+ @keyframes checkmark {
375
+ 0% {
376
+ height: 0;
377
+ width: 0;
378
+ opacity: 0;
379
+ }
380
+ 50% {
381
+ height: 3px;
382
+ width: 3px;
383
+ opacity: 1;
384
+ }
385
+ 100% {
386
+ height: 6px;
387
+ width: 3px;
388
+ opacity: 1;
389
+ }
390
+ }
391
+ @keyframes crossmark {
392
+ 0% {
393
+ width: 0;
394
+ opacity: 0;
395
+ }
396
+ 50% {
397
+ width: 50%;
398
+ opacity: 1;
399
+ }
400
+ 100% {
401
+ width: 100%;
402
+ opacity: 1;
403
+ }
404
+ }