@bikdotai/bik-component-library 0.0.11 → 0.0.13-beta.1

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 (53) hide show
  1. package/dist/cjs/components/button/Button.js +1 -1
  2. package/dist/cjs/components/button/Button.styled.js +1 -1
  3. package/dist/cjs/components/button/model.d.ts +1 -1
  4. package/dist/cjs/components/button/themes.d.ts +1 -1
  5. package/dist/cjs/components/button/themes.js +1 -1
  6. package/dist/cjs/components/fab-menu/FABMenu.d.ts +3 -1
  7. package/dist/cjs/components/fab-menu/FABMenu.js +1 -1
  8. package/dist/cjs/components/floating-action-button/FloatingActionButton.d.ts +3 -1
  9. package/dist/cjs/components/floating-action-button/FloatingActionButton.js +1 -1
  10. package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.d.ts +9 -0
  11. package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js +11 -6
  12. package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts +5 -3
  13. package/dist/cjs/components/progress-bar/ProgressBarComponent.js +1 -6
  14. package/dist/cjs/components/stepper/WorkingStepper.d.ts +0 -1
  15. package/dist/cjs/components/switch/Switch.d.ts +23 -0
  16. package/dist/cjs/components/tag/Tag.js +1 -1
  17. package/dist/cjs/components/tag/Tag.styled.js +15 -15
  18. package/dist/cjs/components/tag/model.d.ts +20 -1
  19. package/dist/cjs/components/tag/model.js +1 -0
  20. package/dist/cjs/components/tag/themes.d.ts +1 -1
  21. package/dist/cjs/components/tag/themes.js +1 -1
  22. package/dist/cjs/components/toaster/Toaster.styled.d.ts +6 -2
  23. package/dist/cjs/components/toaster/Toaster.styled.js +1 -667
  24. package/dist/cjs/components/tooltips/CustomisedTooltip.d.ts +1 -0
  25. package/dist/cjs/components/tooltips/CustomisedTooltip.js +1 -1
  26. package/dist/cjs/index.js +1 -1
  27. package/dist/esm/components/button/Button.js +1 -1
  28. package/dist/esm/components/button/Button.styled.js +1 -1
  29. package/dist/esm/components/button/model.d.ts +1 -1
  30. package/dist/esm/components/button/themes.d.ts +1 -1
  31. package/dist/esm/components/button/themes.js +1 -1
  32. package/dist/esm/components/fab-menu/FABMenu.d.ts +3 -1
  33. package/dist/esm/components/fab-menu/FABMenu.js +1 -1
  34. package/dist/esm/components/floating-action-button/FloatingActionButton.d.ts +3 -1
  35. package/dist/esm/components/floating-action-button/FloatingActionButton.js +1 -1
  36. package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts +9 -0
  37. package/dist/esm/components/floating-action-button/FloatingActionButton.styles.js +20 -15
  38. package/dist/esm/components/progress-bar/ProgressBarComponent.d.ts +5 -3
  39. package/dist/esm/components/progress-bar/ProgressBarComponent.js +1 -6
  40. package/dist/esm/components/stepper/WorkingStepper.d.ts +0 -1
  41. package/dist/esm/components/switch/Switch.d.ts +23 -0
  42. package/dist/esm/components/tag/Tag.js +1 -1
  43. package/dist/esm/components/tag/Tag.styled.js +14 -14
  44. package/dist/esm/components/tag/model.d.ts +20 -1
  45. package/dist/esm/components/tag/model.js +1 -0
  46. package/dist/esm/components/tag/themes.d.ts +1 -1
  47. package/dist/esm/components/tag/themes.js +1 -1
  48. package/dist/esm/components/toaster/Toaster.styled.d.ts +6 -2
  49. package/dist/esm/components/toaster/Toaster.styled.js +1 -667
  50. package/dist/esm/components/tooltips/CustomisedTooltip.d.ts +1 -0
  51. package/dist/esm/components/tooltips/CustomisedTooltip.js +1 -1
  52. package/dist/esm/index.js +1 -1
  53. package/package.json +2 -4
@@ -1,667 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),o=require("../../constants/Theme.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const i=a(t).default.div`
2
- :root {
3
- --toastify-color-light: #fff;
4
- --toastify-color-dark: #121212;
5
- --toastify-color-info: #3498db;
6
- --toastify-color-success: #07bc0c;
7
- --toastify-color-warning: #f1c40f;
8
- --toastify-color-error: #e74c3c;
9
- --toastify-color-transparent: #ffffffb3;
10
- --toastify-icon-color-info: var(--toastify-color-info);
11
- --toastify-icon-color-success: var(--toastify-color-success);
12
- --toastify-icon-color-warning: var(--toastify-color-warning);
13
- --toastify-icon-color-error: var(--toastify-color-error);
14
- --toastify-toast-width: 320px;
15
- --toastify-toast-background: #fff;
16
- --toastify-toast-min-height: 64px;
17
- --toastify-toast-max-height: 800px;
18
- --toastify-font-family: sans-serif;
19
- --toastify-z-index: 9999;
20
- --toastify-text-color-light: #757575;
21
- --toastify-text-color-dark: #fff;
22
- --toastify-text-color-info: #fff;
23
- --toastify-text-color-success: #fff;
24
- --toastify-text-color-warning: #fff;
25
- --toastify-text-color-error: #fff;
26
- --toastify-spinner-color: #616161;
27
- --toastify-spinner-color-empty-area: #e0e0e0;
28
- --toastify-color-progress-light: linear-gradient(
29
- 90deg,
30
- #4cd964,
31
- #5ac8fa,
32
- #007aff,
33
- #34aadc,
34
- #5856d6,
35
- #ff2d55
36
- );
37
- --toastify-color-progress-dark: #bb86fc;
38
- --toastify-color-progress-info: var(--toastify-color-info);
39
- --toastify-color-progress-success: var(--toastify-color-success);
40
- --toastify-color-progress-warning: var(--toastify-color-warning);
41
- --toastify-color-progress-error: var(--toastify-color-error);
42
- }
43
- .Toastify__toast-container {
44
- box-sizing: border-box;
45
- color: #fff;
46
- padding: 4px;
47
- position: fixed;
48
- -webkit-transform: translateZ(var(--toastify-z-index));
49
- width: var(--toastify-toast-width);
50
- z-index: var(--toastify-z-index);
51
- }
52
- .Toastify__toast-container--top-left {
53
- left: 1em;
54
- top: 1em;
55
- }
56
- .Toastify__toast-container--top-center {
57
- left: 50%;
58
- top: 1em;
59
- transform: translateX(-50%);
60
- }
61
- .Toastify__toast-container--top-right {
62
- right: 1em;
63
- top: 1em;
64
- }
65
- .Toastify__toast-container--bottom-left {
66
- bottom: 1em;
67
- left: 1em;
68
- }
69
- .Toastify__toast-container--bottom-center {
70
- bottom: 1em;
71
- left: 50%;
72
- transform: translateX(-50%);
73
- }
74
- .Toastify__toast-container--bottom-right {
75
- bottom: 1em;
76
- right: 1em;
77
- }
78
- @media only screen and (max-width: 480px) {
79
- .Toastify__toast-container {
80
- left: 0;
81
- margin: 0;
82
- padding: 0;
83
- width: 100vw;
84
- }
85
- .Toastify__toast-container--top-center,
86
- .Toastify__toast-container--top-left,
87
- .Toastify__toast-container--top-right {
88
- top: 0;
89
- transform: translateX(0);
90
- }
91
- .Toastify__toast-container--bottom-center,
92
- .Toastify__toast-container--bottom-left,
93
- .Toastify__toast-container--bottom-right {
94
- bottom: 0;
95
- transform: translateX(0);
96
- }
97
- .Toastify__toast-container--rtl {
98
- left: auto;
99
- right: 0;
100
- }
101
- }
102
- .Toastify__toast {
103
- -ms-flex-pack: justify;
104
- border-radius: 4px;
105
- box-shadow: 0 1px 10px 0 #0000001a, 0 2px 15px 0 #0000000d;
106
- box-sizing: border-box;
107
- cursor: default;
108
- direction: ltr;
109
- display: -ms-flexbox;
110
- display: flex;
111
- font-family: var(--toastify-font-family);
112
- justify-content: space-between;
113
- margin-bottom: 1rem;
114
- max-height: var(--toastify-toast-max-height);
115
- min-height: var(--toastify-toast-min-height);
116
- overflow: hidden;
117
- padding: 8px;
118
- position: relative;
119
- z-index: 0;
120
- }
121
- .Toastify__toast--rtl {
122
- direction: rtl;
123
- }
124
- .Toastify__toast--close-on-click {
125
- cursor: pointer;
126
- }
127
- .Toastify__toast-body {
128
- -ms-flex-align: center;
129
- align-items: center;
130
- display: -ms-flexbox;
131
- display: flex;
132
- -ms-flex: 1 1 auto;
133
- flex: 1 1 auto;
134
- margin: auto 0;
135
- padding: 6px;
136
- }
137
- .Toastify__toast-body > div:last-child {
138
- -ms-flex: 1;
139
- flex: 1;
140
- word-break: break-word;
141
- }
142
- .Toastify__toast-icon {
143
- -webkit-margin-end: 10px;
144
- -ms-flex-negative: 0;
145
- display: -ms-flexbox;
146
- display: flex;
147
- flex-shrink: 0;
148
- margin-inline-end: 10px;
149
- width: 20px;
150
- }
151
- .Toastify--animate {
152
- animation-duration: 0.7s;
153
- animation-fill-mode: both;
154
- }
155
- .Toastify--animate-icon {
156
- animation-duration: 0.3s;
157
- animation-fill-mode: both;
158
- }
159
- @media only screen and (max-width: 480px) {
160
- .Toastify__toast {
161
- border-radius: 0;
162
- margin-bottom: 0;
163
- }
164
- }
165
- .Toastify__toast-theme--dark {
166
- background: var(--toastify-color-dark);
167
- color: var(--toastify-text-color-dark);
168
- }
169
- .Toastify__toast-theme--colored.Toastify__toast--default,
170
- .Toastify__toast-theme--light {
171
- background: var(--toastify-color-light);
172
- color: var(--toastify-text-color-light);
173
- }
174
- .Toastify__toast-theme--colored.Toastify__toast--info {
175
- background: var(--toastify-color-info);
176
- color: var(--toastify-text-color-info);
177
- }
178
- .Toastify__toast-theme--colored.Toastify__toast--success {
179
- background: var(--toastify-color-success);
180
- color: var(--toastify-text-color-success);
181
- }
182
- .Toastify__toast-theme--colored.Toastify__toast--warning {
183
- background: var(--toastify-color-warning);
184
- color: var(--toastify-text-color-warning);
185
- }
186
- .Toastify__toast-theme--colored.Toastify__toast--error {
187
- background: var(--toastify-color-error);
188
- color: var(--toastify-text-color-error);
189
- }
190
- .Toastify__progress-bar-theme--light {
191
- background: var(--toastify-color-progress-light);
192
- }
193
- .Toastify__progress-bar-theme--dark {
194
- background: var(--toastify-color-progress-dark);
195
- }
196
- .Toastify__progress-bar--info {
197
- background: var(--toastify-color-progress-info);
198
- }
199
- .Toastify__progress-bar--success {
200
- background: var(--toastify-color-progress-success);
201
- }
202
- .Toastify__progress-bar--warning {
203
- background: var(--toastify-color-progress-warning);
204
- }
205
- .Toastify__progress-bar--error {
206
- background: var(--toastify-color-progress-error);
207
- }
208
- .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
209
- .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
210
- .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
211
- .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
212
- background: var(--toastify-color-transparent);
213
- }
214
- .Toastify__close-button {
215
- -ms-flex-item-align: start;
216
- align-self: flex-start;
217
- background: #0000;
218
- border: none;
219
- color: #fff;
220
- cursor: pointer;
221
- opacity: 0.7;
222
- outline: none;
223
- padding: 0;
224
- transition: 0.3s ease;
225
- }
226
- .Toastify__close-button--light {
227
- color: #000;
228
- opacity: 0.3;
229
- }
230
- .Toastify__close-button > svg {
231
- fill: currentColor;
232
- height: 16px;
233
- width: 14px;
234
- }
235
- .Toastify__close-button:focus,
236
- .Toastify__close-button:hover {
237
- opacity: 1;
238
- }
239
- @keyframes Toastify__trackProgress {
240
- 0% {
241
- transform: scaleX(1);
242
- }
243
- to {
244
- transform: scaleX(0);
245
- }
246
- }
247
- .Toastify__progress-bar {
248
- bottom: 0;
249
- height: 5px;
250
- left: 0;
251
- opacity: 0.7;
252
- position: absolute;
253
- transform-origin: left;
254
- width: 100%;
255
- z-index: var(--toastify-z-index);
256
- }
257
- .Toastify__progress-bar--animated {
258
- animation: Toastify__trackProgress linear 1 forwards;
259
- }
260
- .Toastify__progress-bar--controlled {
261
- transition: transform 0.2s;
262
- }
263
- .Toastify__progress-bar--rtl {
264
- left: auto;
265
- right: 0;
266
- transform-origin: right;
267
- }
268
- .Toastify__spinner {
269
- animation: Toastify__spin 0.65s linear infinite;
270
- border: 2px solid;
271
- border-color: var(--toastify-spinner-color-empty-area);
272
- border-radius: 100%;
273
- border-right-color: var(--toastify-spinner-color);
274
- box-sizing: border-box;
275
- height: 20px;
276
- width: 20px;
277
- }
278
- @keyframes Toastify__bounceInRight {
279
- 0%,
280
- 60%,
281
- 75%,
282
- 90%,
283
- to {
284
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
285
- }
286
- 0% {
287
- opacity: 0;
288
- transform: translate3d(3000px, 0, 0);
289
- }
290
- 60% {
291
- opacity: 1;
292
- transform: translate3d(-25px, 0, 0);
293
- }
294
- 75% {
295
- transform: translate3d(10px, 0, 0);
296
- }
297
- 90% {
298
- transform: translate3d(-5px, 0, 0);
299
- }
300
- to {
301
- transform: none;
302
- }
303
- }
304
- @keyframes Toastify__bounceOutRight {
305
- 20% {
306
- opacity: 1;
307
- transform: translate3d(-20px, 0, 0);
308
- }
309
- to {
310
- opacity: 0;
311
- transform: translate3d(2000px, 0, 0);
312
- }
313
- }
314
- @keyframes Toastify__bounceInLeft {
315
- 0%,
316
- 60%,
317
- 75%,
318
- 90%,
319
- to {
320
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
321
- }
322
- 0% {
323
- opacity: 0;
324
- transform: translate3d(-3000px, 0, 0);
325
- }
326
- 60% {
327
- opacity: 1;
328
- transform: translate3d(25px, 0, 0);
329
- }
330
- 75% {
331
- transform: translate3d(-10px, 0, 0);
332
- }
333
- 90% {
334
- transform: translate3d(5px, 0, 0);
335
- }
336
- to {
337
- transform: none;
338
- }
339
- }
340
- @keyframes Toastify__bounceOutLeft {
341
- 20% {
342
- opacity: 1;
343
- transform: translate3d(20px, 0, 0);
344
- }
345
- to {
346
- opacity: 0;
347
- transform: translate3d(-2000px, 0, 0);
348
- }
349
- }
350
- @keyframes Toastify__bounceInUp {
351
- 0%,
352
- 60%,
353
- 75%,
354
- 90%,
355
- to {
356
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
357
- }
358
- 0% {
359
- opacity: 0;
360
- transform: translate3d(0, 3000px, 0);
361
- }
362
- 60% {
363
- opacity: 1;
364
- transform: translate3d(0, -20px, 0);
365
- }
366
- 75% {
367
- transform: translate3d(0, 10px, 0);
368
- }
369
- 90% {
370
- transform: translate3d(0, -5px, 0);
371
- }
372
- to {
373
- transform: translateZ(0);
374
- }
375
- }
376
- @keyframes Toastify__bounceOutUp {
377
- 20% {
378
- transform: translate3d(0, -10px, 0);
379
- }
380
- 40%,
381
- 45% {
382
- opacity: 1;
383
- transform: translate3d(0, 20px, 0);
384
- }
385
- to {
386
- opacity: 0;
387
- transform: translate3d(0, -2000px, 0);
388
- }
389
- }
390
- @keyframes Toastify__bounceInDown {
391
- 0%,
392
- 60%,
393
- 75%,
394
- 90%,
395
- to {
396
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
397
- }
398
- 0% {
399
- opacity: 0;
400
- transform: translate3d(0, -3000px, 0);
401
- }
402
- 60% {
403
- opacity: 1;
404
- transform: translate3d(0, 25px, 0);
405
- }
406
- 75% {
407
- transform: translate3d(0, -10px, 0);
408
- }
409
- 90% {
410
- transform: translate3d(0, 5px, 0);
411
- }
412
- to {
413
- transform: none;
414
- }
415
- }
416
- @keyframes Toastify__bounceOutDown {
417
- 20% {
418
- transform: translate3d(0, 10px, 0);
419
- }
420
- 40%,
421
- 45% {
422
- opacity: 1;
423
- transform: translate3d(0, -20px, 0);
424
- }
425
- to {
426
- opacity: 0;
427
- transform: translate3d(0, 2000px, 0);
428
- }
429
- }
430
- .Toastify__bounce-enter--bottom-left,
431
- .Toastify__bounce-enter--top-left {
432
- animation-name: Toastify__bounceInLeft;
433
- }
434
- .Toastify__bounce-enter--bottom-right,
435
- .Toastify__bounce-enter--top-right {
436
- animation-name: Toastify__bounceInRight;
437
- }
438
- .Toastify__bounce-enter--top-center {
439
- animation-name: Toastify__bounceInDown;
440
- }
441
- .Toastify__bounce-enter--bottom-center {
442
- animation-name: Toastify__bounceInUp;
443
- }
444
- .Toastify__bounce-exit--bottom-left,
445
- .Toastify__bounce-exit--top-left {
446
- animation-name: Toastify__bounceOutLeft;
447
- }
448
- .Toastify__bounce-exit--bottom-right,
449
- .Toastify__bounce-exit--top-right {
450
- animation-name: Toastify__bounceOutRight;
451
- }
452
- .Toastify__bounce-exit--top-center {
453
- animation-name: Toastify__bounceOutUp;
454
- }
455
- .Toastify__bounce-exit--bottom-center {
456
- animation-name: Toastify__bounceOutDown;
457
- }
458
- @keyframes Toastify__zoomIn {
459
- 0% {
460
- opacity: 0;
461
- transform: scale3d(0.3, 0.3, 0.3);
462
- }
463
- 50% {
464
- opacity: 1;
465
- }
466
- }
467
- @keyframes Toastify__zoomOut {
468
- 0% {
469
- opacity: 1;
470
- }
471
- 50% {
472
- opacity: 0;
473
- transform: scale3d(0.3, 0.3, 0.3);
474
- }
475
- to {
476
- opacity: 0;
477
- }
478
- }
479
- .Toastify__zoom-enter {
480
- animation-name: Toastify__zoomIn;
481
- }
482
- .Toastify__zoom-exit {
483
- animation-name: Toastify__zoomOut;
484
- }
485
- @keyframes Toastify__flipIn {
486
- 0% {
487
- animation-timing-function: ease-in;
488
- opacity: 0;
489
- transform: perspective(400px) rotateX(90deg);
490
- }
491
- 40% {
492
- animation-timing-function: ease-in;
493
- transform: perspective(400px) rotateX(-20deg);
494
- }
495
- 60% {
496
- opacity: 1;
497
- transform: perspective(400px) rotateX(10deg);
498
- }
499
- 80% {
500
- transform: perspective(400px) rotateX(-5deg);
501
- }
502
- to {
503
- transform: perspective(400px);
504
- }
505
- }
506
- @keyframes Toastify__flipOut {
507
- 0% {
508
- transform: perspective(400px);
509
- }
510
- 30% {
511
- opacity: 1;
512
- transform: perspective(400px) rotateX(-20deg);
513
- }
514
- to {
515
- opacity: 0;
516
- transform: perspective(400px) rotateX(90deg);
517
- }
518
- }
519
- .Toastify__flip-enter {
520
- animation-name: Toastify__flipIn;
521
- }
522
- .Toastify__flip-exit {
523
- animation-name: Toastify__flipOut;
524
- }
525
- @keyframes Toastify__slideInRight {
526
- 0% {
527
- transform: translate3d(110%, 0, 0);
528
- visibility: visible;
529
- }
530
- to {
531
- transform: translateZ(0);
532
- }
533
- }
534
- @keyframes Toastify__slideInLeft {
535
- 0% {
536
- transform: translate3d(-110%, 0, 0);
537
- visibility: visible;
538
- }
539
- to {
540
- transform: translateZ(0);
541
- }
542
- }
543
- @keyframes Toastify__slideInUp {
544
- 0% {
545
- transform: translate3d(0, 110%, 0);
546
- visibility: visible;
547
- }
548
- to {
549
- transform: translateZ(0);
550
- }
551
- }
552
- @keyframes Toastify__slideInDown {
553
- 0% {
554
- transform: translate3d(0, -110%, 0);
555
- visibility: visible;
556
- }
557
- to {
558
- transform: translateZ(0);
559
- }
560
- }
561
- @keyframes Toastify__slideOutRight {
562
- 0% {
563
- transform: translateZ(0);
564
- }
565
- to {
566
- transform: translate3d(110%, 0, 0);
567
- visibility: hidden;
568
- }
569
- }
570
- @keyframes Toastify__slideOutLeft {
571
- 0% {
572
- transform: translateZ(0);
573
- }
574
- to {
575
- transform: translate3d(-110%, 0, 0);
576
- visibility: hidden;
577
- }
578
- }
579
- @keyframes Toastify__slideOutDown {
580
- 0% {
581
- transform: translateZ(0);
582
- }
583
- to {
584
- transform: translate3d(0, 500px, 0);
585
- visibility: hidden;
586
- }
587
- }
588
- @keyframes Toastify__slideOutUp {
589
- 0% {
590
- transform: translateZ(0);
591
- }
592
- to {
593
- transform: translate3d(0, -500px, 0);
594
- visibility: hidden;
595
- }
596
- }
597
- .Toastify__slide-enter--bottom-left,
598
- .Toastify__slide-enter--top-left {
599
- animation-name: Toastify__slideInLeft;
600
- }
601
- .Toastify__slide-enter--bottom-right,
602
- .Toastify__slide-enter--top-right {
603
- animation-name: Toastify__slideInRight;
604
- }
605
- .Toastify__slide-enter--top-center {
606
- animation-name: Toastify__slideInDown;
607
- }
608
- .Toastify__slide-enter--bottom-center {
609
- animation-name: Toastify__slideInUp;
610
- }
611
- .Toastify__slide-exit--bottom-left,
612
- .Toastify__slide-exit--top-left {
613
- animation-name: Toastify__slideOutLeft;
614
- }
615
- .Toastify__slide-exit--bottom-right,
616
- .Toastify__slide-exit--top-right {
617
- animation-name: Toastify__slideOutRight;
618
- }
619
- .Toastify__slide-exit--top-center {
620
- animation-name: Toastify__slideOutUp;
621
- }
622
- .Toastify__slide-exit--bottom-center {
623
- animation-name: Toastify__slideOutDown;
624
- }
625
- @keyframes Toastify__spin {
626
- 0% {
627
- transform: rotate(0deg);
628
- }
629
- to {
630
- transform: rotate(1turn);
631
- }
632
- }
633
-
634
- --toastify-color-light: #fff;
635
- --toastify-color-dark: #121212;
636
- --toastify-color-info: ${o.COLORS.background.inverse};
637
- --toastify-color-success: ${o.COLORS.content.positive};
638
- --toastify-color-error: ${o.COLORS.content.negative};
639
- --toastify-text-color-light: ${o.COLORS.content.primary};
640
- --toastify-toast-width: ${t=>t.width||"fit-content"};
641
- --toastify-toast-min-height: ${t=>t.height||"44px"};
642
- --toastify-toast-max-height: ${t=>t.height||"44px"};
643
- font-family: inherit;
644
-
645
- .custom-position {
646
- position: relative;
647
- }
648
- .Toastify__toast {
649
- padding: 6px;
650
-
651
- .Toastify__close-button {
652
- display: block;
653
- margin: auto;
654
- }
655
-
656
- .Toastify__toast-body{
657
- padding: 0 6px;
658
- }
659
-
660
- .Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
661
- background: ${o.COLORS.content.brand};
662
- }
663
-
664
- .Toastify__toast-body > div:last-child {
665
- display: flex;
666
- }
667
- `;exports.ToasterStyled=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const d=o(t).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.COLORS.background.inverse,";--toastify-color-success:",c.COLORS.content.positive,";--toastify-color-error:",c.COLORS.content.negative,";--toastify-text-color-light:",c.COLORS.content.primary,";--toastify-toast-width:",(t=>t.width||"fit-content"),";--toastify-toast-min-height:",(t=>t.height||"44px"),";--toastify-toast-max-height:",(t=>t.height||"44px"),";font-family:inherit;.custom-position{position:relative;}.Toastify__toast{padding:6px;.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.COLORS.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItbGlnaHQ6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdG9hc3Qtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aCB8fCAnZml0LWNvbnRlbnQnfTtcblx0LS10b2FzdGlmeS10b2FzdC1taW4taGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICc0NHB4J307XG5cdC0tdG9hc3RpZnktdG9hc3QtbWF4LWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAnNDRweCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblxuXHQuY3VzdG9tLXBvc2l0aW9uIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdH1cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogNnB4O1xuXG5cdC5Ub2FzdGlmeV9fY2xvc2UtYnV0dG9uIHtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRtYXJnaW46IGF1dG87XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHl7XG5cdFx0cGFkZGluZzogMCA2cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keSA+IGRpdjpsYXN0LWNoaWxkIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub2FzdGVyLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.ToasterStyled=d;
@@ -22,4 +22,5 @@ export declare const CustomisedTooltip: React.FC<{
22
22
  tooltipTriggerContent: JSX.Element;
23
23
  tooltipPlacement: TooltipPlacement;
24
24
  showOnHover: boolean;
25
+ isTooltipVisible?: boolean;
25
26
  }>;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e=require("react/jsx-runtime"),o=require("react"),r=require("react-bootstrap");exports.TooltipPlacement=void 0,(t=exports.TooltipPlacement||(exports.TooltipPlacement={})).Top="top",t.Bottom="bottom",t.Right="right",t.Left="left",t.Auto_Start="auto-start",t.Auto="auto",t.Auto_end="auto-end",t.Top_Start="top-start",t.Top_End="top-end",t.Right_Start="right-start",t.Right_End="right-end",t.Bottom_End="bottom-end",t.Bottom_Start="bottom-start",t.Left_End="left-end",t.Left_Start="left-start";exports.CustomisedTooltip=t=>{const{tooltipContent:n,tooltipPlacement:i,tooltipTriggerContent:s,showOnHover:a}=t,[l,p]=o.useState(!1),u=o.useRef(null);return e.jsx(r.OverlayTrigger,Object.assign({placement:i,target:u.current,show:l,overlay:e.jsx(r.Tooltip,Object.assign({id:`tooltip-${i}`},{children:n}))},{children:e.jsx("div",Object.assign({ref:u,onMouseEnter:()=>{a&&p(!0)},onMouseLeave:()=>{a&&p(!1)},onClick:()=>{a||p(!l)}},{children:s}))}),i)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e=require("react/jsx-runtime"),o=require("react"),r=require("react-bootstrap");exports.TooltipPlacement=void 0,(t=exports.TooltipPlacement||(exports.TooltipPlacement={})).Top="top",t.Bottom="bottom",t.Right="right",t.Left="left",t.Auto_Start="auto-start",t.Auto="auto",t.Auto_end="auto-end",t.Top_Start="top-start",t.Top_End="top-end",t.Right_Start="right-start",t.Right_End="right-end",t.Bottom_End="bottom-end",t.Bottom_Start="bottom-start",t.Left_End="left-end",t.Left_Start="left-start";exports.CustomisedTooltip=t=>{const{tooltipContent:i,tooltipPlacement:n,tooltipTriggerContent:s,showOnHover:a,isTooltipVisible:l=!0}=t,[p,u]=o.useState(!1),c=o.useRef(null);return e.jsx(r.OverlayTrigger,Object.assign({placement:n,target:c.current,show:p,overlay:l?e.jsx(r.Tooltip,Object.assign({id:`tooltip-${n}`},{children:i})):e.jsx(e.Fragment,{})},{children:e.jsx("div",Object.assign({ref:c,onMouseEnter:()=>{a&&u(!0)},onMouseLeave:()=>{a&&u(!1)},onClick:()=>{a||u(!p)}},{children:s}))}),n)};
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("./constants/Theme.js"),e=require("./components/checkBox/CheckBox.js"),t=require("./components/list-item/ListItem.js"),r=require("./components/pagination/Pagination.js"),n=require("./components/radioButton/RadioButton.js"),s=require("./components/toaster/Toaster.js"),i=require("./components/tooltips/Tooltip.js"),p=require("./components/tooltips/CustomisedTooltip.js"),a=require("./components/spinner/Spinner.js"),u=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),l=require("./components/icon-button/IconButton.js"),B=require("./components/fab-menu/FABMenu.js"),m=require("./components/floating-action-button/FloatingActionButton.js"),g=require("./components/floating-action-button/FloatingActionButton.styles.js"),x=require("./components/image-compress/ImageCompress.js"),d=require("./components/TypographyStyle.js"),T=require("./components/button/Button.js"),y=require("./components/progress-bar/ProgressBarComponent.js");exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.CheckBox=e.CheckBox,exports.ListItem=t.ListItem,exports.Pagination=r.Pagination,exports.RadioButton=n.RadioButton,exports.Toaster=s.Toaster,exports.Tooltip=i.Tooltip,exports.CustomisedTooltip=p.CustomisedTooltip,Object.defineProperty(exports,"TooltipPlacement",{enumerable:!0,get:function(){return p.TooltipPlacement}}),exports.Spinner=a.Spinner,exports.Stepper=u.Stepper,exports.Tag=c.Tag,exports.IconButton=l.IconButton,exports.FABMenu=B.FABMenu,exports.FloatingActionButton=m.FloatingActionButton,exports.DropdownToggleContainer=g.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return g.FAB_POSITION}}),exports.FloatingActionButtonContainer=g.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=g.FloatingActionButtonOuterContainer,exports.StyledDropdown=g.StyledDropdown,exports.ImageService=x.ImageService,exports.BodyCaption=d.BodyCaption,exports.BodyLarge=d.BodyLarge,exports.BodyPrimary=d.BodyPrimary,exports.BodyPrimaryLink=d.BodyPrimaryLink,exports.BodySecondary=d.BodySecondary,exports.BodySecondaryLink=d.BodySecondaryLink,exports.BodyTiny=d.BodyTiny,exports.ButtonLarge=d.ButtonLarge,exports.ButtonRegular=d.ButtonRegular,exports.Display=d.Display,exports.SubHeading=d.SubHeading,exports.TitleLarge=d.TitleLarge,exports.TitleMedium=d.TitleMedium,exports.TitleRegular=d.TitleRegular,exports.TitleSmall=d.TitleSmall,exports.Button=T.Button,exports.ProgressBarComponent=y.ProgressBarComponent,exports.ProgressCompletedBar=y.ProgressCompletedBar;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),t=require("./components/list-item/ListItem.js"),r=require("./components/pagination/Pagination.js"),n=require("./components/radioButton/RadioButton.js"),s=require("./components/toaster/Toaster.js"),i=require("./components/tooltips/Tooltip.js"),p=require("./components/tooltips/CustomisedTooltip.js"),a=require("./components/spinner/Spinner.js"),u=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),l=require("./components/icon-button/IconButton.js"),B=require("./components/fab-menu/FABMenu.js"),m=require("./components/floating-action-button/FloatingActionButton.js"),g=require("./components/floating-action-button/FloatingActionButton.styles.js"),x=require("./components/image-compress/ImageCompress.js"),d=require("./components/TypographyStyle.js"),T=require("./components/button/Button.js"),y=require("./components/progress-bar/ProgressBarComponent.js");exports.BASE_COLORS=e.BASE_COLORS,exports.COLORS=e.COLORS,exports.DEFAULT_THEME=e.DEFAULT_THEME,exports.FONTS=e.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=t.ListItem,exports.Pagination=r.Pagination,exports.RadioButton=n.RadioButton,exports.Toaster=s.Toaster,exports.Tooltip=i.Tooltip,exports.CustomisedTooltip=p.CustomisedTooltip,Object.defineProperty(exports,"TooltipPlacement",{enumerable:!0,get:function(){return p.TooltipPlacement}}),exports.Spinner=a.Spinner,exports.Stepper=u.Stepper,exports.Tag=c.Tag,exports.IconButton=l.IconButton,exports.FABMenu=B.FABMenu,exports.FloatingActionButton=m.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return g.DROP_POSITION}}),exports.DropdownToggleContainer=g.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return g.FAB_POSITION}}),exports.FloatingActionButtonContainer=g.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=g.FloatingActionButtonOuterContainer,exports.StyledDropdown=g.StyledDropdown,exports.ImageService=x.ImageService,exports.BodyCaption=d.BodyCaption,exports.BodyLarge=d.BodyLarge,exports.BodyPrimary=d.BodyPrimary,exports.BodyPrimaryLink=d.BodyPrimaryLink,exports.BodySecondary=d.BodySecondary,exports.BodySecondaryLink=d.BodySecondaryLink,exports.BodyTiny=d.BodyTiny,exports.ButtonLarge=d.ButtonLarge,exports.ButtonRegular=d.ButtonRegular,exports.Display=d.Display,exports.SubHeading=d.SubHeading,exports.TitleLarge=d.TitleLarge,exports.TitleMedium=d.TitleMedium,exports.TitleRegular=d.TitleRegular,exports.TitleSmall=d.TitleSmall,exports.Button=T.Button,exports.ProgressBarComponent=y.ProgressBarComponent,exports.ProgressCompletedBar=y.ProgressCompletedBar;
@@ -1 +1 @@
1
- import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as n}from"react/jsx-runtime";import t,{forwardRef as s}from"react";import{Spinner as a}from"../spinner/Spinner.js";import{Button as o,ButtonCustomDashedBorder as c}from"./Button.styled.js";import{getButtonIconColor as r,SpinnerColorMap as l,GetButtonTextComponent as d}from"./themes.js";const m=s(((s,m)=>{var{id:p,buttonType:h="primary",size:b="small",buttonText:g,disabled:j,IconComponent:u,LeadingIcon:v,TrailingIcon:y,isLoading:N,inverse:f,onClick:O,matchParentWidth:T}=s,I=e(s,["id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth"]);const x=d(b),C="chip"===b?16:20,L={height:C,width:C,color:r(b,h,f,j,N),style:{display:"block"},className:"icon"};return i(o,Object.assign({onClick:O,ref:m,id:p,disabled:j,size:b,buttonType:h,isLoading:N,inverse:f,matchParentWidth:T},I,{children:n("div",Object.assign({className:"container"},{children:["dash"===h&&i(c,{}),i("div",Object.assign({className:"overlay-container"},{children:N&&i(a,{className:"spinner",size:"small",color:l(h,f)})})),u&&i("div",Object.assign({className:"icon-component"},{children:t.createElement(u,L)})),y&&i("div",Object.assign({className:"icon-trailing"},{children:t.createElement(y,L)})),i(x,Object.assign({className:"text"},{children:g})),v&&i("div",Object.assign({className:"icon-leading"},{children:t.createElement(v,L)}))]}))}))}));m.displayName="Button";export{m as Button};
1
+ import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as n}from"react/jsx-runtime";import t,{forwardRef as s}from"react";import{Spinner as a}from"../spinner/Spinner.js";import{Button as o,ButtonCustomDashedBorder as c}from"./Button.styled.js";import{getButtonIconColor as r,SpinnerColorMap as l,GetButtonTextComponent as d}from"./themes.js";const m=s(((s,m)=>{var{id:h,buttonType:p="primary",size:b="small",buttonText:g,disabled:j,IconComponent:u,LeadingIcon:v,TrailingIcon:y,isLoading:N,inverse:f,onClick:O,matchParentWidth:T}=s,I=e(s,["id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth"]);const x=d(b,p),C="chip"===b?16:20,L={height:C,width:C,color:r(b,p,f,j,N),style:{display:"block"},className:"icon"};return i(o,Object.assign({onClick:O,ref:m,id:h,disabled:j,size:b,buttonType:p,isLoading:N,inverse:f,matchParentWidth:T},I,{children:n("div",Object.assign({className:"button-container"},{children:[p.startsWith("dash")&&i(c,{}),i("div",Object.assign({className:"overlay-container"},{children:N&&i(a,{className:"spinner",size:"small",color:l(p,f)})})),u&&i("div",Object.assign({className:"icon-component"},{children:t.createElement(u,L)})),v&&i("div",Object.assign({className:"icon-leading"},{children:t.createElement(v,L)})),i(x,Object.assign({className:"text"},{children:g})),y&&i("div",Object.assign({className:"icon-trailing"},{children:t.createElement(y,L)}))]}))}))}));m.displayName="Button";export{m as Button};