@mirantes-micro/foundation-design-system 1.2.3 → 1.2.4

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 (4) hide show
  1. package/dist/index.d.ts +216 -166
  2. package/dist/index.js +73 -72
  3. package/dist/styles.css +1 -0
  4. package/package.json +5 -7
package/dist/index.d.ts CHANGED
@@ -4,6 +4,174 @@ import { QueryClient } from '@tanstack/react-query';
4
4
  import { AxiosInstance } from 'axios';
5
5
  import * as zustand from 'zustand';
6
6
 
7
+ declare const _default: {
8
+ darkMode: ["class"];
9
+ important: true;
10
+ content: string[];
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ "calendar-card-bg": string;
15
+ calendar: string;
16
+ miroins: string;
17
+ "custom-gold": string;
18
+ "custom-silver": string;
19
+ "custom-bronze": string;
20
+ primary: string;
21
+ "transparent-primary": string;
22
+ grey: string;
23
+ bg: string;
24
+ text: string;
25
+ "text-secondary": string;
26
+ "text-dark": string;
27
+ border: string;
28
+ border2: string;
29
+ border3: string;
30
+ black: string;
31
+ "trans-white": string;
32
+ "grey-1": string;
33
+ "grey-2": string;
34
+ "grey-3": string;
35
+ "grey-9": string;
36
+ "grey-6": string;
37
+ "grey-7": string;
38
+ "grey-8": string;
39
+ "grey-10": string;
40
+ "light-grey": string;
41
+ "lighter-grey": string;
42
+ dark: {
43
+ DEFAULT: string;
44
+ 1: string;
45
+ };
46
+ danger: string;
47
+ "danger-transparent": string;
48
+ white: string;
49
+ blue: {
50
+ shade1: string;
51
+ shade2: string;
52
+ shade3: string;
53
+ shade4: string;
54
+ shade5: string;
55
+ shade6: string;
56
+ shade7: string;
57
+ shade8: string;
58
+ shade9: string;
59
+ shade10: string;
60
+ shade11: string;
61
+ shade12: string;
62
+ shade13: string;
63
+ shade14: string;
64
+ shade15: string;
65
+ shade16: string;
66
+ };
67
+ gray: {
68
+ shade1: string;
69
+ shade2: string;
70
+ shade3: string;
71
+ shade4: string;
72
+ shade5: string;
73
+ shade6: string;
74
+ shade7: string;
75
+ shade8: string;
76
+ shade9: string;
77
+ shade10: string;
78
+ shade11: string;
79
+ shade12: string;
80
+ shade13: string;
81
+ shade14: string;
82
+ shade15: string;
83
+ shade16: string;
84
+ shade17: string;
85
+ shade18: string;
86
+ shade19: string;
87
+ shade20: string;
88
+ shade21: string;
89
+ shade22: string;
90
+ shade23: string;
91
+ };
92
+ green: {
93
+ shade1: string;
94
+ shade2: string;
95
+ shade3: string;
96
+ shade4: string;
97
+ shade5: string;
98
+ shade6: string;
99
+ shade7: string;
100
+ shade8: string;
101
+ shade9: string;
102
+ shade10: string;
103
+ bg: string;
104
+ };
105
+ yellow: {
106
+ shade1: string;
107
+ shade2: string;
108
+ shade3: string;
109
+ shade4: string;
110
+ shade5: string;
111
+ };
112
+ orange: {
113
+ shade1: string;
114
+ shade2: string;
115
+ shade3: string;
116
+ shade4: string;
117
+ shade5: string;
118
+ shade6: string;
119
+ shade7: string;
120
+ shade8: string;
121
+ shade9: string;
122
+ };
123
+ red: {
124
+ shade1: string;
125
+ shade2: string;
126
+ shade3: string;
127
+ shade4: string;
128
+ shade5: string;
129
+ shade6: string;
130
+ shade7: string;
131
+ };
132
+ };
133
+ fontSize: {
134
+ "heading-1": string;
135
+ "heading-2": string;
136
+ "heading-3": string;
137
+ "heading-4": string;
138
+ "heading-5": string;
139
+ "heading-6": string;
140
+ "body-xl": string;
141
+ "body-lg": string;
142
+ "body-md": string;
143
+ "body-sm": string;
144
+ "body-xs": string;
145
+ };
146
+ lineHeight: {
147
+ "heading-1": string;
148
+ "heading-2": string;
149
+ "heading-3": string;
150
+ "heading-4": string;
151
+ "heading-5": string;
152
+ "heading-6": string;
153
+ "body-xl": string;
154
+ "body-lg": string;
155
+ "body-md": string;
156
+ "body-sm": string;
157
+ "body-xs": string;
158
+ };
159
+ screens: {
160
+ sm: string;
161
+ md: string;
162
+ lg: string;
163
+ xl: string;
164
+ tb: string;
165
+ "2xl": string;
166
+ };
167
+ gridTemplateColumns: {
168
+ "sign-up-right-side-grid": string;
169
+ };
170
+ };
171
+ };
172
+ plugins: any[];
173
+ };
174
+
7
175
  declare function Spinner({ className }: {
8
176
  className?: string;
9
177
  }): React__default.JSX.Element;
@@ -475,171 +643,6 @@ declare function useSetChatVisibility(): {
475
643
 
476
644
  declare function ChatView(): React__default.JSX.Element;
477
645
 
478
- declare const designSystemPreset: {
479
- darkMode: string[];
480
- theme: {
481
- extend: {
482
- colors: {
483
- "calendar-card-bg": string;
484
- calendar: string;
485
- miroins: string;
486
- "custom-gold": string;
487
- "custom-silver": string;
488
- "custom-bronze": string;
489
- primary: string;
490
- "transparent-primary": string;
491
- grey: string;
492
- bg: string;
493
- text: string;
494
- "text-secondary": string;
495
- "text-dark": string;
496
- border: string;
497
- border2: string;
498
- border3: string;
499
- black: string;
500
- "trans-white": string;
501
- "grey-1": string;
502
- "grey-2": string;
503
- "grey-3": string;
504
- "grey-9": string;
505
- "grey-6": string;
506
- "grey-7": string;
507
- "grey-8": string;
508
- "grey-10": string;
509
- "light-grey": string;
510
- "lighter-grey": string;
511
- dark: {
512
- DEFAULT: string;
513
- 1: string;
514
- };
515
- danger: string;
516
- "danger-transparent": string;
517
- white: string;
518
- blue: {
519
- shade1: string;
520
- shade2: string;
521
- shade3: string;
522
- shade4: string;
523
- shade5: string;
524
- shade6: string;
525
- shade7: string;
526
- shade8: string;
527
- shade9: string;
528
- shade10: string;
529
- shade11: string;
530
- shade12: string;
531
- shade13: string;
532
- shade14: string;
533
- shade15: string;
534
- shade16: string;
535
- };
536
- gray: {
537
- shade1: string;
538
- shade2: string;
539
- shade3: string;
540
- shade4: string;
541
- shade5: string;
542
- shade6: string;
543
- shade7: string;
544
- shade8: string;
545
- shade9: string;
546
- shade10: string;
547
- shade11: string;
548
- shade12: string;
549
- shade13: string;
550
- shade14: string;
551
- shade15: string;
552
- shade16: string;
553
- shade17: string;
554
- shade18: string;
555
- shade19: string;
556
- shade20: string;
557
- shade21: string;
558
- shade22: string;
559
- shade23: string;
560
- };
561
- green: {
562
- shade1: string;
563
- shade2: string;
564
- shade3: string;
565
- shade4: string;
566
- shade5: string;
567
- shade6: string;
568
- shade7: string;
569
- shade8: string;
570
- shade9: string;
571
- shade10: string;
572
- bg: string;
573
- };
574
- yellow: {
575
- shade1: string;
576
- shade2: string;
577
- shade3: string;
578
- shade4: string;
579
- shade5: string;
580
- };
581
- orange: {
582
- shade1: string;
583
- shade2: string;
584
- shade3: string;
585
- shade4: string;
586
- shade5: string;
587
- shade6: string;
588
- shade7: string;
589
- shade8: string;
590
- shade9: string;
591
- };
592
- red: {
593
- shade1: string;
594
- shade2: string;
595
- shade3: string;
596
- shade4: string;
597
- shade5: string;
598
- shade6: string;
599
- shade7: string;
600
- };
601
- };
602
- fontSize: {
603
- "heading-1": string;
604
- "heading-2": string;
605
- "heading-3": string;
606
- "heading-4": string;
607
- "heading-5": string;
608
- "heading-6": string;
609
- "body-xl": string;
610
- "body-lg": string;
611
- "body-md": string;
612
- "body-sm": string;
613
- "body-xs": string;
614
- };
615
- lineHeight: {
616
- "heading-1": string;
617
- "heading-2": string;
618
- "heading-3": string;
619
- "heading-4": string;
620
- "heading-5": string;
621
- "heading-6": string;
622
- "body-xl": string;
623
- "body-lg": string;
624
- "body-md": string;
625
- "body-sm": string;
626
- "body-xs": string;
627
- };
628
- screens: {
629
- sm: string;
630
- md: string;
631
- lg: string;
632
- xl: string;
633
- tb: string;
634
- "2xl": string;
635
- };
636
- gridTemplateColumns: {
637
- "sign-up-right-side-grid": string;
638
- };
639
- };
640
- };
641
- };
642
-
643
646
  declare function ChatViewDesktopPage(): React__default.JSX.Element;
644
647
 
645
648
  interface TargetEntity {
@@ -758,4 +761,51 @@ declare function ChatContacts({ postId, onClose }: {
758
761
  onClose?: () => void;
759
762
  }): React__default.JSX.Element;
760
763
 
761
- export { AddressAutocompleteInput, AnimatedModal, BaseInput, Button, ChatContacts, ChatView, ChatViewDesktopPage, CheckBoxInput, ContactsModal, CountryDisplay, CountryInput, CustomDateInput, CustomDrawer, CustomDropdown, CustomSelectInput, DateInput, GradientModal, Header, MessageButton, MirantesButton, MirantesFoundationProvider, RadioButtonInput, ResponsiveDrawer, SalaryInputWithButton, Calendar as ScheduleCalendar, Spinner, WorkspacePanel, clearSettingsCookie, closeLogoutChannel, designSystemPreset, getInitials, getSettingsFromCookie, joinUrlWithPathAndQuery, onLogout, stringToObj, useApiGetPage, useCandidaciesTriggerStore, useCommunityTriggerStore, useJobTriggerStore, useLoadSettings, useMirantesFoundation, useOportunitiesStore, useSetChatVisibility };
764
+ declare const DownloadMobileVersionBanner: () => React__default.JSX.Element;
765
+
766
+ declare const DownloadModalTrigger: () => React__default.JSX.Element;
767
+
768
+ interface AutoDownloadBannerProps {
769
+ /** Número máximo de vezes que o banner pode ser mostrado (padrão: 5) */
770
+ maxShows?: number;
771
+ /** Delay inicial em milissegundos antes de mostrar o banner pela primeira vez (padrão: 30 segundos) */
772
+ initialDelayMs?: number;
773
+ /** Se deve mostrar apenas em dispositivos móveis (padrão: true) */
774
+ mobileOnly?: boolean;
775
+ /** Se o banner automático está ativo (padrão: true) */
776
+ enabled?: boolean;
777
+ }
778
+ declare const AutoDownloadBanner: React__default.FC<AutoDownloadBannerProps>;
779
+
780
+ interface ModalState {
781
+ isDownloadModalOpen: boolean;
782
+ openDownloadModal: () => void;
783
+ closeDownloadModal: () => void;
784
+ toggleDownloadModal: () => void;
785
+ }
786
+ declare const useModalStore: zustand.UseBoundStore<zustand.StoreApi<ModalState>>;
787
+
788
+ interface BannerConfig {
789
+ /** Número máximo de vezes que o banner pode ser mostrado (padrão: 5) */
790
+ maxShows?: number;
791
+ /** Delay inicial em milissegundos antes de mostrar o banner pela primeira vez (padrão: 30 segundos) */
792
+ initialDelayMs?: number;
793
+ /** Se deve mostrar apenas em dispositivos móveis (padrão: true) */
794
+ mobileOnly?: boolean;
795
+ }
796
+ declare const usePeriodicDownloadBanner: (config?: BannerConfig) => {
797
+ shouldShow: boolean;
798
+ showBanner: () => void;
799
+ resetBannerData: () => void;
800
+ getBannerStats: () => {
801
+ lastShown: Date | null;
802
+ showsCount: number;
803
+ remainingShows: number;
804
+ canShow: boolean;
805
+ shownInCurrentSession: boolean;
806
+ };
807
+ canShow: boolean;
808
+ isMobile: boolean;
809
+ };
810
+
811
+ export { AddressAutocompleteInput, AnimatedModal, AutoDownloadBanner, BaseInput, Button, ChatContacts, ChatView, ChatViewDesktopPage, CheckBoxInput, ContactsModal, CountryDisplay, CountryInput, CustomDateInput, CustomDrawer, CustomDropdown, CustomSelectInput, DateInput, DownloadMobileVersionBanner, DownloadModalTrigger, GradientModal, Header, MessageButton, MirantesButton, MirantesFoundationProvider, RadioButtonInput, ResponsiveDrawer, SalaryInputWithButton, Calendar as ScheduleCalendar, Spinner, WorkspacePanel, clearSettingsCookie, closeLogoutChannel, getInitials, getSettingsFromCookie, joinUrlWithPathAndQuery, onLogout, stringToObj, _default as tailwindConfig, useApiGetPage, useCandidaciesTriggerStore, useCommunityTriggerStore, useJobTriggerStore, useLoadSettings, useMirantesFoundation, useModalStore, useOportunitiesStore, usePeriodicDownloadBanner, useSetChatVisibility };