@planetaexo/design-system 0.3.6 → 0.3.9
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.
- package/dist/index.cjs +171 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +252 -21
- package/dist/index.d.ts +252 -21
- package/dist/index.js +171 -14
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -803,37 +803,268 @@ interface PaymentModalShellProps {
|
|
|
803
803
|
closeDisabled?: boolean;
|
|
804
804
|
/** Formulário de pagamento — não necessário quando busy */
|
|
805
805
|
children?: React.ReactNode;
|
|
806
|
+
/** Mensagem de erro exibida com Alert variant="error" acima do formulário */
|
|
807
|
+
error?: string | null;
|
|
806
808
|
className?: string;
|
|
807
809
|
}
|
|
808
|
-
declare function PaymentModalShell({ open, title, subtitle, bookingRef, busy, busyMessage, onClose, closeLabel, closeDisabled, children, className, }: PaymentModalShellProps): react_jsx_runtime.JSX.Element | null;
|
|
810
|
+
declare function PaymentModalShell({ open, title, subtitle, bookingRef, busy, busyMessage, onClose, closeLabel, closeDisabled, children, error, className, }: PaymentModalShellProps): react_jsx_runtime.JSX.Element | null;
|
|
809
811
|
|
|
810
812
|
/**
|
|
811
813
|
* Configuração de aparência do Stripe Elements alinhada com o Design System PlanetaEXO.
|
|
812
|
-
*
|
|
814
|
+
*
|
|
815
|
+
* Usa theme: "none" para controle total — todos os tokens do DS mapeados para
|
|
816
|
+
* hex/rgb compatível com a API do Stripe (que não lê CSS vars da página host).
|
|
813
817
|
*
|
|
814
818
|
* @example
|
|
815
|
-
* import {
|
|
816
|
-
*
|
|
817
|
-
*
|
|
819
|
+
* import { getStripeAppearance } from "@planetaexo/design-system";
|
|
820
|
+
*
|
|
821
|
+
* // Light mode
|
|
822
|
+
* const options = { clientSecret, appearance: getStripeAppearance() };
|
|
823
|
+
*
|
|
824
|
+
* // Dark mode (quando o host app estiver em modo escuro)
|
|
825
|
+
* const options = { clientSecret, appearance: getStripeAppearance(true) };
|
|
826
|
+
*
|
|
827
|
+
* <Elements stripe={stripePromise} options={options}>
|
|
828
|
+
* <PaymentElement />
|
|
829
|
+
* </Elements>
|
|
830
|
+
*/
|
|
831
|
+
/** Aparência Stripe para modo claro (padrão do DS) */
|
|
832
|
+
declare const LIGHT: {
|
|
833
|
+
theme: "none";
|
|
834
|
+
variables: {
|
|
835
|
+
colorPrimary: string;
|
|
836
|
+
colorBackground: string;
|
|
837
|
+
colorText: string;
|
|
838
|
+
colorTextPlaceholder: string;
|
|
839
|
+
colorIcon: string;
|
|
840
|
+
colorIconTab: string;
|
|
841
|
+
colorIconTabSelected: string;
|
|
842
|
+
colorIconTabHover: string;
|
|
843
|
+
colorDanger: string;
|
|
844
|
+
borderRadius: string;
|
|
845
|
+
fontFamily: string;
|
|
846
|
+
};
|
|
847
|
+
rules: {
|
|
848
|
+
".Input": {
|
|
849
|
+
border: string;
|
|
850
|
+
borderRadius: string;
|
|
851
|
+
padding: string;
|
|
852
|
+
boxShadow: string;
|
|
853
|
+
backgroundColor: string;
|
|
854
|
+
color: string;
|
|
855
|
+
fontSize: string;
|
|
856
|
+
lineHeight: string;
|
|
857
|
+
};
|
|
858
|
+
".Input:focus": {
|
|
859
|
+
border: string;
|
|
860
|
+
boxShadow: string;
|
|
861
|
+
outline: string;
|
|
862
|
+
};
|
|
863
|
+
".Input--invalid": {
|
|
864
|
+
border: string;
|
|
865
|
+
boxShadow: string;
|
|
866
|
+
};
|
|
867
|
+
".Label": {
|
|
868
|
+
color: string;
|
|
869
|
+
fontSize: string;
|
|
870
|
+
fontWeight: string;
|
|
871
|
+
marginBottom: string;
|
|
872
|
+
};
|
|
873
|
+
".Error": {
|
|
874
|
+
color: string;
|
|
875
|
+
fontSize: string;
|
|
876
|
+
};
|
|
877
|
+
".Tab": {
|
|
878
|
+
border: string;
|
|
879
|
+
borderRadius: string;
|
|
880
|
+
boxShadow: string;
|
|
881
|
+
backgroundColor: string;
|
|
882
|
+
color: string;
|
|
883
|
+
};
|
|
884
|
+
".Tab:hover": {
|
|
885
|
+
color: string;
|
|
886
|
+
border: string;
|
|
887
|
+
};
|
|
888
|
+
".Tab--selected": {
|
|
889
|
+
border: string;
|
|
890
|
+
backgroundColor: string;
|
|
891
|
+
color: string;
|
|
892
|
+
boxShadow: string;
|
|
893
|
+
};
|
|
894
|
+
".TabLabel--selected": {
|
|
895
|
+
color: string;
|
|
896
|
+
};
|
|
897
|
+
".TabIcon--selected": {
|
|
898
|
+
fill: string;
|
|
899
|
+
};
|
|
900
|
+
".Block": {
|
|
901
|
+
borderRadius: string;
|
|
902
|
+
backgroundColor: string;
|
|
903
|
+
border: string;
|
|
904
|
+
};
|
|
905
|
+
};
|
|
906
|
+
};
|
|
907
|
+
/**
|
|
908
|
+
* Retorna o objeto `appearance` para `<Elements>` do Stripe,
|
|
909
|
+
* baseado no modo claro ou escuro do host app.
|
|
910
|
+
*
|
|
911
|
+
* @param isDark - true para modo escuro (padrão: false)
|
|
912
|
+
*/
|
|
913
|
+
declare function getStripeAppearance(isDark?: boolean): {
|
|
914
|
+
theme: "none";
|
|
915
|
+
variables: {
|
|
916
|
+
colorPrimary: string;
|
|
917
|
+
colorBackground: string;
|
|
918
|
+
colorText: string;
|
|
919
|
+
colorTextPlaceholder: string;
|
|
920
|
+
colorIcon: string;
|
|
921
|
+
colorIconTab: string;
|
|
922
|
+
colorIconTabSelected: string;
|
|
923
|
+
colorIconTabHover: string;
|
|
924
|
+
colorDanger: string;
|
|
925
|
+
borderRadius: string;
|
|
926
|
+
fontFamily: string;
|
|
927
|
+
};
|
|
928
|
+
rules: {
|
|
929
|
+
".Input": {
|
|
930
|
+
border: string;
|
|
931
|
+
borderRadius: string;
|
|
932
|
+
padding: string;
|
|
933
|
+
boxShadow: string;
|
|
934
|
+
backgroundColor: string;
|
|
935
|
+
color: string;
|
|
936
|
+
fontSize: string;
|
|
937
|
+
lineHeight: string;
|
|
938
|
+
};
|
|
939
|
+
".Input:focus": {
|
|
940
|
+
border: string;
|
|
941
|
+
boxShadow: string;
|
|
942
|
+
outline: string;
|
|
943
|
+
};
|
|
944
|
+
".Input--invalid": {
|
|
945
|
+
border: string;
|
|
946
|
+
boxShadow: string;
|
|
947
|
+
};
|
|
948
|
+
".Label": {
|
|
949
|
+
color: string;
|
|
950
|
+
fontSize: string;
|
|
951
|
+
fontWeight: string;
|
|
952
|
+
marginBottom: string;
|
|
953
|
+
};
|
|
954
|
+
".Error": {
|
|
955
|
+
color: string;
|
|
956
|
+
fontSize: string;
|
|
957
|
+
};
|
|
958
|
+
".Tab": {
|
|
959
|
+
border: string;
|
|
960
|
+
borderRadius: string;
|
|
961
|
+
boxShadow: string;
|
|
962
|
+
backgroundColor: string;
|
|
963
|
+
color: string;
|
|
964
|
+
};
|
|
965
|
+
".Tab:hover": {
|
|
966
|
+
color: string;
|
|
967
|
+
border: string;
|
|
968
|
+
};
|
|
969
|
+
".Tab--selected": {
|
|
970
|
+
border: string;
|
|
971
|
+
backgroundColor: string;
|
|
972
|
+
color: string;
|
|
973
|
+
boxShadow: string;
|
|
974
|
+
};
|
|
975
|
+
".TabLabel--selected": {
|
|
976
|
+
color: string;
|
|
977
|
+
};
|
|
978
|
+
".TabIcon--selected": {
|
|
979
|
+
fill: string;
|
|
980
|
+
};
|
|
981
|
+
".Block": {
|
|
982
|
+
borderRadius: string;
|
|
983
|
+
backgroundColor: string;
|
|
984
|
+
border: string;
|
|
985
|
+
};
|
|
986
|
+
};
|
|
987
|
+
};
|
|
988
|
+
/**
|
|
989
|
+
* @deprecated Prefira `getStripeAppearance()` para suporte a dark mode.
|
|
990
|
+
* Mantido para retrocompatibilidade — retorna o tema claro.
|
|
818
991
|
*/
|
|
819
992
|
declare const stripeAppearance: {
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
993
|
+
theme: "none";
|
|
994
|
+
variables: {
|
|
995
|
+
colorPrimary: string;
|
|
996
|
+
colorBackground: string;
|
|
997
|
+
colorText: string;
|
|
998
|
+
colorTextPlaceholder: string;
|
|
999
|
+
colorIcon: string;
|
|
1000
|
+
colorIconTab: string;
|
|
1001
|
+
colorIconTabSelected: string;
|
|
1002
|
+
colorIconTabHover: string;
|
|
1003
|
+
colorDanger: string;
|
|
1004
|
+
borderRadius: string;
|
|
1005
|
+
fontFamily: string;
|
|
1006
|
+
};
|
|
1007
|
+
rules: {
|
|
1008
|
+
".Input": {
|
|
1009
|
+
border: string;
|
|
1010
|
+
borderRadius: string;
|
|
1011
|
+
padding: string;
|
|
1012
|
+
boxShadow: string;
|
|
1013
|
+
backgroundColor: string;
|
|
1014
|
+
color: string;
|
|
1015
|
+
fontSize: string;
|
|
1016
|
+
lineHeight: string;
|
|
1017
|
+
};
|
|
1018
|
+
".Input:focus": {
|
|
1019
|
+
border: string;
|
|
1020
|
+
boxShadow: string;
|
|
1021
|
+
outline: string;
|
|
1022
|
+
};
|
|
1023
|
+
".Input--invalid": {
|
|
1024
|
+
border: string;
|
|
1025
|
+
boxShadow: string;
|
|
1026
|
+
};
|
|
1027
|
+
".Label": {
|
|
1028
|
+
color: string;
|
|
1029
|
+
fontSize: string;
|
|
1030
|
+
fontWeight: string;
|
|
1031
|
+
marginBottom: string;
|
|
1032
|
+
};
|
|
1033
|
+
".Error": {
|
|
1034
|
+
color: string;
|
|
1035
|
+
fontSize: string;
|
|
1036
|
+
};
|
|
1037
|
+
".Tab": {
|
|
1038
|
+
border: string;
|
|
1039
|
+
borderRadius: string;
|
|
1040
|
+
boxShadow: string;
|
|
1041
|
+
backgroundColor: string;
|
|
1042
|
+
color: string;
|
|
1043
|
+
};
|
|
1044
|
+
".Tab:hover": {
|
|
1045
|
+
color: string;
|
|
1046
|
+
border: string;
|
|
1047
|
+
};
|
|
1048
|
+
".Tab--selected": {
|
|
1049
|
+
border: string;
|
|
1050
|
+
backgroundColor: string;
|
|
1051
|
+
color: string;
|
|
1052
|
+
boxShadow: string;
|
|
1053
|
+
};
|
|
1054
|
+
".TabLabel--selected": {
|
|
1055
|
+
color: string;
|
|
1056
|
+
};
|
|
1057
|
+
".TabIcon--selected": {
|
|
1058
|
+
fill: string;
|
|
1059
|
+
};
|
|
1060
|
+
".Block": {
|
|
1061
|
+
borderRadius: string;
|
|
1062
|
+
backgroundColor: string;
|
|
1063
|
+
border: string;
|
|
1064
|
+
};
|
|
834
1065
|
};
|
|
835
1066
|
};
|
|
836
|
-
type StripeAppearance = typeof
|
|
1067
|
+
type StripeAppearance = typeof LIGHT;
|
|
837
1068
|
|
|
838
1069
|
declare function cn(...inputs: ClassValue[]): string;
|
|
839
1070
|
|
|
@@ -887,4 +1118,4 @@ declare function LeadCapturePopup({ config: _config, }: {
|
|
|
887
1118
|
config: LeadCapturePopupConfig;
|
|
888
1119
|
}): react_jsx_runtime.JSX.Element | null;
|
|
889
1120
|
|
|
890
|
-
export { ActivityCard, type ActivityCardProps, type ActivityCardSize, Alert, type AlertProps, type AlertVariant, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TermsSection, type TermsSectionProps, ThemeToggle, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, cn, stripeAppearance };
|
|
1121
|
+
export { ActivityCard, type ActivityCardProps, type ActivityCardSize, Alert, type AlertProps, type AlertVariant, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TermsSection, type TermsSectionProps, ThemeToggle, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, cn, getStripeAppearance, stripeAppearance };
|
package/dist/index.d.ts
CHANGED
|
@@ -803,37 +803,268 @@ interface PaymentModalShellProps {
|
|
|
803
803
|
closeDisabled?: boolean;
|
|
804
804
|
/** Formulário de pagamento — não necessário quando busy */
|
|
805
805
|
children?: React.ReactNode;
|
|
806
|
+
/** Mensagem de erro exibida com Alert variant="error" acima do formulário */
|
|
807
|
+
error?: string | null;
|
|
806
808
|
className?: string;
|
|
807
809
|
}
|
|
808
|
-
declare function PaymentModalShell({ open, title, subtitle, bookingRef, busy, busyMessage, onClose, closeLabel, closeDisabled, children, className, }: PaymentModalShellProps): react_jsx_runtime.JSX.Element | null;
|
|
810
|
+
declare function PaymentModalShell({ open, title, subtitle, bookingRef, busy, busyMessage, onClose, closeLabel, closeDisabled, children, error, className, }: PaymentModalShellProps): react_jsx_runtime.JSX.Element | null;
|
|
809
811
|
|
|
810
812
|
/**
|
|
811
813
|
* Configuração de aparência do Stripe Elements alinhada com o Design System PlanetaEXO.
|
|
812
|
-
*
|
|
814
|
+
*
|
|
815
|
+
* Usa theme: "none" para controle total — todos os tokens do DS mapeados para
|
|
816
|
+
* hex/rgb compatível com a API do Stripe (que não lê CSS vars da página host).
|
|
813
817
|
*
|
|
814
818
|
* @example
|
|
815
|
-
* import {
|
|
816
|
-
*
|
|
817
|
-
*
|
|
819
|
+
* import { getStripeAppearance } from "@planetaexo/design-system";
|
|
820
|
+
*
|
|
821
|
+
* // Light mode
|
|
822
|
+
* const options = { clientSecret, appearance: getStripeAppearance() };
|
|
823
|
+
*
|
|
824
|
+
* // Dark mode (quando o host app estiver em modo escuro)
|
|
825
|
+
* const options = { clientSecret, appearance: getStripeAppearance(true) };
|
|
826
|
+
*
|
|
827
|
+
* <Elements stripe={stripePromise} options={options}>
|
|
828
|
+
* <PaymentElement />
|
|
829
|
+
* </Elements>
|
|
830
|
+
*/
|
|
831
|
+
/** Aparência Stripe para modo claro (padrão do DS) */
|
|
832
|
+
declare const LIGHT: {
|
|
833
|
+
theme: "none";
|
|
834
|
+
variables: {
|
|
835
|
+
colorPrimary: string;
|
|
836
|
+
colorBackground: string;
|
|
837
|
+
colorText: string;
|
|
838
|
+
colorTextPlaceholder: string;
|
|
839
|
+
colorIcon: string;
|
|
840
|
+
colorIconTab: string;
|
|
841
|
+
colorIconTabSelected: string;
|
|
842
|
+
colorIconTabHover: string;
|
|
843
|
+
colorDanger: string;
|
|
844
|
+
borderRadius: string;
|
|
845
|
+
fontFamily: string;
|
|
846
|
+
};
|
|
847
|
+
rules: {
|
|
848
|
+
".Input": {
|
|
849
|
+
border: string;
|
|
850
|
+
borderRadius: string;
|
|
851
|
+
padding: string;
|
|
852
|
+
boxShadow: string;
|
|
853
|
+
backgroundColor: string;
|
|
854
|
+
color: string;
|
|
855
|
+
fontSize: string;
|
|
856
|
+
lineHeight: string;
|
|
857
|
+
};
|
|
858
|
+
".Input:focus": {
|
|
859
|
+
border: string;
|
|
860
|
+
boxShadow: string;
|
|
861
|
+
outline: string;
|
|
862
|
+
};
|
|
863
|
+
".Input--invalid": {
|
|
864
|
+
border: string;
|
|
865
|
+
boxShadow: string;
|
|
866
|
+
};
|
|
867
|
+
".Label": {
|
|
868
|
+
color: string;
|
|
869
|
+
fontSize: string;
|
|
870
|
+
fontWeight: string;
|
|
871
|
+
marginBottom: string;
|
|
872
|
+
};
|
|
873
|
+
".Error": {
|
|
874
|
+
color: string;
|
|
875
|
+
fontSize: string;
|
|
876
|
+
};
|
|
877
|
+
".Tab": {
|
|
878
|
+
border: string;
|
|
879
|
+
borderRadius: string;
|
|
880
|
+
boxShadow: string;
|
|
881
|
+
backgroundColor: string;
|
|
882
|
+
color: string;
|
|
883
|
+
};
|
|
884
|
+
".Tab:hover": {
|
|
885
|
+
color: string;
|
|
886
|
+
border: string;
|
|
887
|
+
};
|
|
888
|
+
".Tab--selected": {
|
|
889
|
+
border: string;
|
|
890
|
+
backgroundColor: string;
|
|
891
|
+
color: string;
|
|
892
|
+
boxShadow: string;
|
|
893
|
+
};
|
|
894
|
+
".TabLabel--selected": {
|
|
895
|
+
color: string;
|
|
896
|
+
};
|
|
897
|
+
".TabIcon--selected": {
|
|
898
|
+
fill: string;
|
|
899
|
+
};
|
|
900
|
+
".Block": {
|
|
901
|
+
borderRadius: string;
|
|
902
|
+
backgroundColor: string;
|
|
903
|
+
border: string;
|
|
904
|
+
};
|
|
905
|
+
};
|
|
906
|
+
};
|
|
907
|
+
/**
|
|
908
|
+
* Retorna o objeto `appearance` para `<Elements>` do Stripe,
|
|
909
|
+
* baseado no modo claro ou escuro do host app.
|
|
910
|
+
*
|
|
911
|
+
* @param isDark - true para modo escuro (padrão: false)
|
|
912
|
+
*/
|
|
913
|
+
declare function getStripeAppearance(isDark?: boolean): {
|
|
914
|
+
theme: "none";
|
|
915
|
+
variables: {
|
|
916
|
+
colorPrimary: string;
|
|
917
|
+
colorBackground: string;
|
|
918
|
+
colorText: string;
|
|
919
|
+
colorTextPlaceholder: string;
|
|
920
|
+
colorIcon: string;
|
|
921
|
+
colorIconTab: string;
|
|
922
|
+
colorIconTabSelected: string;
|
|
923
|
+
colorIconTabHover: string;
|
|
924
|
+
colorDanger: string;
|
|
925
|
+
borderRadius: string;
|
|
926
|
+
fontFamily: string;
|
|
927
|
+
};
|
|
928
|
+
rules: {
|
|
929
|
+
".Input": {
|
|
930
|
+
border: string;
|
|
931
|
+
borderRadius: string;
|
|
932
|
+
padding: string;
|
|
933
|
+
boxShadow: string;
|
|
934
|
+
backgroundColor: string;
|
|
935
|
+
color: string;
|
|
936
|
+
fontSize: string;
|
|
937
|
+
lineHeight: string;
|
|
938
|
+
};
|
|
939
|
+
".Input:focus": {
|
|
940
|
+
border: string;
|
|
941
|
+
boxShadow: string;
|
|
942
|
+
outline: string;
|
|
943
|
+
};
|
|
944
|
+
".Input--invalid": {
|
|
945
|
+
border: string;
|
|
946
|
+
boxShadow: string;
|
|
947
|
+
};
|
|
948
|
+
".Label": {
|
|
949
|
+
color: string;
|
|
950
|
+
fontSize: string;
|
|
951
|
+
fontWeight: string;
|
|
952
|
+
marginBottom: string;
|
|
953
|
+
};
|
|
954
|
+
".Error": {
|
|
955
|
+
color: string;
|
|
956
|
+
fontSize: string;
|
|
957
|
+
};
|
|
958
|
+
".Tab": {
|
|
959
|
+
border: string;
|
|
960
|
+
borderRadius: string;
|
|
961
|
+
boxShadow: string;
|
|
962
|
+
backgroundColor: string;
|
|
963
|
+
color: string;
|
|
964
|
+
};
|
|
965
|
+
".Tab:hover": {
|
|
966
|
+
color: string;
|
|
967
|
+
border: string;
|
|
968
|
+
};
|
|
969
|
+
".Tab--selected": {
|
|
970
|
+
border: string;
|
|
971
|
+
backgroundColor: string;
|
|
972
|
+
color: string;
|
|
973
|
+
boxShadow: string;
|
|
974
|
+
};
|
|
975
|
+
".TabLabel--selected": {
|
|
976
|
+
color: string;
|
|
977
|
+
};
|
|
978
|
+
".TabIcon--selected": {
|
|
979
|
+
fill: string;
|
|
980
|
+
};
|
|
981
|
+
".Block": {
|
|
982
|
+
borderRadius: string;
|
|
983
|
+
backgroundColor: string;
|
|
984
|
+
border: string;
|
|
985
|
+
};
|
|
986
|
+
};
|
|
987
|
+
};
|
|
988
|
+
/**
|
|
989
|
+
* @deprecated Prefira `getStripeAppearance()` para suporte a dark mode.
|
|
990
|
+
* Mantido para retrocompatibilidade — retorna o tema claro.
|
|
818
991
|
*/
|
|
819
992
|
declare const stripeAppearance: {
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
993
|
+
theme: "none";
|
|
994
|
+
variables: {
|
|
995
|
+
colorPrimary: string;
|
|
996
|
+
colorBackground: string;
|
|
997
|
+
colorText: string;
|
|
998
|
+
colorTextPlaceholder: string;
|
|
999
|
+
colorIcon: string;
|
|
1000
|
+
colorIconTab: string;
|
|
1001
|
+
colorIconTabSelected: string;
|
|
1002
|
+
colorIconTabHover: string;
|
|
1003
|
+
colorDanger: string;
|
|
1004
|
+
borderRadius: string;
|
|
1005
|
+
fontFamily: string;
|
|
1006
|
+
};
|
|
1007
|
+
rules: {
|
|
1008
|
+
".Input": {
|
|
1009
|
+
border: string;
|
|
1010
|
+
borderRadius: string;
|
|
1011
|
+
padding: string;
|
|
1012
|
+
boxShadow: string;
|
|
1013
|
+
backgroundColor: string;
|
|
1014
|
+
color: string;
|
|
1015
|
+
fontSize: string;
|
|
1016
|
+
lineHeight: string;
|
|
1017
|
+
};
|
|
1018
|
+
".Input:focus": {
|
|
1019
|
+
border: string;
|
|
1020
|
+
boxShadow: string;
|
|
1021
|
+
outline: string;
|
|
1022
|
+
};
|
|
1023
|
+
".Input--invalid": {
|
|
1024
|
+
border: string;
|
|
1025
|
+
boxShadow: string;
|
|
1026
|
+
};
|
|
1027
|
+
".Label": {
|
|
1028
|
+
color: string;
|
|
1029
|
+
fontSize: string;
|
|
1030
|
+
fontWeight: string;
|
|
1031
|
+
marginBottom: string;
|
|
1032
|
+
};
|
|
1033
|
+
".Error": {
|
|
1034
|
+
color: string;
|
|
1035
|
+
fontSize: string;
|
|
1036
|
+
};
|
|
1037
|
+
".Tab": {
|
|
1038
|
+
border: string;
|
|
1039
|
+
borderRadius: string;
|
|
1040
|
+
boxShadow: string;
|
|
1041
|
+
backgroundColor: string;
|
|
1042
|
+
color: string;
|
|
1043
|
+
};
|
|
1044
|
+
".Tab:hover": {
|
|
1045
|
+
color: string;
|
|
1046
|
+
border: string;
|
|
1047
|
+
};
|
|
1048
|
+
".Tab--selected": {
|
|
1049
|
+
border: string;
|
|
1050
|
+
backgroundColor: string;
|
|
1051
|
+
color: string;
|
|
1052
|
+
boxShadow: string;
|
|
1053
|
+
};
|
|
1054
|
+
".TabLabel--selected": {
|
|
1055
|
+
color: string;
|
|
1056
|
+
};
|
|
1057
|
+
".TabIcon--selected": {
|
|
1058
|
+
fill: string;
|
|
1059
|
+
};
|
|
1060
|
+
".Block": {
|
|
1061
|
+
borderRadius: string;
|
|
1062
|
+
backgroundColor: string;
|
|
1063
|
+
border: string;
|
|
1064
|
+
};
|
|
834
1065
|
};
|
|
835
1066
|
};
|
|
836
|
-
type StripeAppearance = typeof
|
|
1067
|
+
type StripeAppearance = typeof LIGHT;
|
|
837
1068
|
|
|
838
1069
|
declare function cn(...inputs: ClassValue[]): string;
|
|
839
1070
|
|
|
@@ -887,4 +1118,4 @@ declare function LeadCapturePopup({ config: _config, }: {
|
|
|
887
1118
|
config: LeadCapturePopupConfig;
|
|
888
1119
|
}): react_jsx_runtime.JSX.Element | null;
|
|
889
1120
|
|
|
890
|
-
export { ActivityCard, type ActivityCardProps, type ActivityCardSize, Alert, type AlertProps, type AlertVariant, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TermsSection, type TermsSectionProps, ThemeToggle, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, cn, stripeAppearance };
|
|
1121
|
+
export { ActivityCard, type ActivityCardProps, type ActivityCardSize, Alert, type AlertProps, type AlertVariant, type BookingAdventure, BookingConfirmation, BookingConfirmationEmail, type BookingConfirmationEmailLabels, type BookingConfirmationEmailProps, type BookingConfirmationLabels, type BookingConfirmationProps, type BookingContact, type BookingDepositInfo, BookingDetails, type BookingDetailsProps, BookingForm, type BookingFormProps, type BookingFormValues, BookingShell, type BookingShellProps, type BookingStatus, type BookingSummaryLineItem, type BookingTraveller, COUNTRIES, type ConfirmationAdventure, type ConfirmationDepositInfo, type ConfirmationLineItem, type ConfirmationTraveller, CounterField, type CounterFieldProps, type CountryOption, CountrySearchField, type CountrySearchFieldProps, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, type DatePickerFieldProps, type FilterGroup, type FilterItem, FilterPanel, type FilterPanelProps, FloatingInput, type FloatingInputProps, FloatingSelect, type FloatingSelectProps, Itinerary, type ItineraryProps, type ItineraryRoute, type ItineraryStop, LeadCapturePopup, type LeadCapturePopupConfig, MenuTrip, type MenuTripProps, type MenuTripSection, type MenuTripVariant, Offer, OfferAdventureCard, type OfferAdventureItem, type OfferAgentInfo, type OfferDepositInfo, type OfferOptionalItem, type OfferProps, type OfferSummaryLineItem, PaymentAmountSelector, type PaymentAmountSelectorProps, type PaymentMethodOption, PaymentMethodSelector, type PaymentMethodSelectorProps, PaymentModalShell, type PaymentModalShellProps, PhoneCountrySelect, PhotoGallery, type PhotoGalleryPhoto, type PhotoGalleryProps, type PhotoGalleryVariant, type PricingOption, PricingTrip, type PricingTripProps, type PricingTripVariant, SiteHeader, type SiteHeaderLanguage, type SiteHeaderLink, type SiteHeaderProps, type SiteHeaderSubItem, type SiteHeaderVariant, type StripeAppearance, type SuggestedTraveller, TermsSection, type TermsSectionProps, ThemeToggle, TripCard, type TripCardCta, type TripCardProps, type TripCardSize, type TripCardStatus, type TripDuration, type TripFaq, TripHeader, type TripHeaderProps, type TripHighlight, type TripInfoGroup, type TripItineraryStep, type TripMeetingPoint, TripPage, type TripPageProps, type TripPricingOption, type TripReview, cn, getStripeAppearance, stripeAppearance };
|