@drivy/cobalt 0.13.0 → 0.14.2

package/types/components/Form/Autocomplete/index.d.ts

@@ -4,7 +4,7 @@ export interface AutocompleteItem {
     [x: string]: any;
 }
 declare const wrappedComponent: React.ComponentClass<{
-    icon?: "search" | "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "refresh" | "reset" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+    icon?: "map" | "search" | "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "plus" | "raceFlag" | "refresh" | "reset" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
     items: (AutocompleteItem | string)[];
     minQueryLength?: number | undefined;
     autoFilter?: boolean | undefined;
@@ -24,9 +24,10 @@ declare const wrappedComponent: React.ComponentClass<{
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;
+    fieldClassName?: string | undefined;
 }, any> & {
     Raw: React.ComponentType<{
-        icon?: "search" | "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "refresh" | "reset" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+        icon?: "map" | "search" | "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "plus" | "raceFlag" | "refresh" | "reset" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
         items: (AutocompleteItem | string)[];
         minQueryLength?: number | undefined;
         autoFilter?: boolean | undefined;

package/types/components/Form/CheckablePill.d.ts

@@ -24,6 +24,7 @@ export declare const CheckablePillsGroup: React.ComponentClass<CheckablePillsGro
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;
+    fieldClassName?: string | undefined;
 } & FormElement, any> & {
     Raw: React.ComponentType<CheckablePillsGroupProps>;
 };

package/types/components/Form/Checkmark.d.ts

@@ -20,6 +20,7 @@ declare const wrappedChoiceList: React.ComponentClass<ChoiceListProps & {
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;
+    fieldClassName?: string | undefined;
 } & FormElement, any> & {
     Raw: React.ComponentType<ChoiceListProps>;
 };

package/types/components/Form/ComposedField.d.ts

@@ -7,6 +7,7 @@ declare const wrappedComponent: React.ComponentClass<{
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;
+    fieldClassName?: string | undefined;
 }, any> & {
     Raw: React.ComponentType<{
         id?: string | undefined;

package/types/components/Form/RadioWithDetails.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare type RadioWithDetailsPropsType = {
+    icon?: JSX.Element;
+    title: string;
+    description: string;
+    name: string;
+    className?: string;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+declare const RadioWithDetails: ({ icon, title, description, className, ...inputProps }: RadioWithDetailsPropsType) => JSX.Element;
+export default RadioWithDetails;

package/types/components/Form/Select.d.ts

@@ -7,6 +7,7 @@ declare const wrappedComponent: React.ComponentClass<{
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;
+    fieldClassName?: string | undefined;
 }, any> & {
     Raw: React.ComponentType<{
         children: any;

package/types/components/Form/Slider.d.ts

@@ -81,6 +81,7 @@ declare const wrappedComponent: React.ComponentClass<{
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;
+    fieldClassName?: string | undefined;
 }, any> & {
     Raw: React.ComponentType<{
         /**
@@ -119,7 +120,9 @@ declare const wrappedComponent: React.ComponentClass<{
         onTouchMove?: ReachSliderProps["onTouchMove"];
         onTouchEnd?: ReachSliderProps["onTouchEnd"];
         onFocus?: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
-    } & FormElement & Omit<React.InputHTMLAttributes<HTMLInputElement>, NativeEventType | "css" | "enterKeyHint">>;
+    } & FormElement & Omit<React.InputHTMLAttributes<HTMLInputElement>, NativeEventType | "css" | "enterKeyHint">>; /**
+     * maximum selectable value (default is 100)
+     */
 };
 export default wrappedComponent;
 declare type SliderValueMetaProps = {

package/types/components/Form/Stepper.d.ts

@@ -23,6 +23,7 @@ declare const wrappedComponent: React.ComponentClass<{
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;
+    fieldClassName?: string | undefined;
 }, any> & {
     Raw: React.ComponentType<Props>;
 };

package/types/components/Form/TextArea.d.ts

@@ -2,17 +2,22 @@ import React from "react";
 import { FormElement } from "./form";
 declare type Props = {
     maxLength?: number;
+    className?: string;
+    inputClassName?: string;
     autosize?: boolean;
     onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
 } & FormElement & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 declare const wrappedComponent: React.ComponentClass<{
     maxLength?: number | undefined;
+    className?: string | undefined;
+    inputClassName?: string | undefined;
     autosize?: boolean | undefined;
     onChange?: ((event: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
 } & FormElement & React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;
+    fieldClassName?: string | undefined;
 }, any> & {
     Raw: React.ComponentType<Props>;
 };

package/types/components/Form/TextInput.d.ts

@@ -3,22 +3,23 @@ import { IconSources } from "../Icon";
 import { FormElement } from "./form";
 export declare type TextInputType = "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "date" | "datetime-local" | "month" | "time" | "week" | "currency";
 export declare const TextInputWrapper: ({ icon, status, render, }: {
-    icon?: "search" | "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "refresh" | "reset" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+    icon?: "search" | "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "map" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "plus" | "raceFlag" | "refresh" | "reset" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
     status?: FormElement["status"];
     render: (className: string) => React.ReactNode;
 }) => JSX.Element;
 declare const wrappedComponent: React.ComponentClass<{
     type?: TextInputType | undefined;
-    icon?: "search" | "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "refresh" | "reset" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+    icon?: "search" | "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "map" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "plus" | "raceFlag" | "refresh" | "reset" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
     forwardedRef?: React.Ref<HTMLInputElement> | undefined;
 } & FormElement & React.InputHTMLAttributes<HTMLInputElement> & {
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;
+    fieldClassName?: string | undefined;
 }, any> & {
     Raw: React.ComponentType<{
         type?: TextInputType | undefined;
-        icon?: "search" | "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "refresh" | "reset" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+        icon?: "search" | "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "map" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "plus" | "raceFlag" | "refresh" | "reset" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
         forwardedRef?: React.Ref<HTMLInputElement> | undefined;
     } & FormElement & React.InputHTMLAttributes<HTMLInputElement>>;
 };

package/types/components/Form/field.d.ts

@@ -4,11 +4,13 @@ declare type InjectedProps = {
     id?: string;
     label?: string;
     hint?: string;
+    fieldClassName?: string;
 } & FormElement;
 export declare const withFieldLabelAndHint: <OriginalProps>(WrappedComponent: React.ComponentType<OriginalProps>) => React.ComponentClass<OriginalProps & {
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;
+    fieldClassName?: string | undefined;
 } & FormElement, any> & {
     Raw: React.ComponentType<OriginalProps>;
 };

package/types/components/Icon/__generated__/CarReturnIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const CarReturnIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default CarReturnIcon;

package/types/components/Icon/__generated__/MapIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const MapIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default MapIcon;

package/types/components/Icon/__generated__/PlusIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const PlusIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default PlusIcon;

package/types/components/Icon/__generated__/RaceFlagIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const RaceFlagIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default RaceFlagIcon;

package/types/components/Icon/__generated__/index.d.ts

@@ -10,6 +10,7 @@ export { default as CarDrivyOpenIcon } from "./CarDrivyOpenIcon";
 export { default as CarGroupIcon } from "./CarGroupIcon";
 export { default as CarIcon } from "./CarIcon";
 export { default as CarLockIcon } from "./CarLockIcon";
+export { default as CarReturnIcon } from "./CarReturnIcon";
 export { default as CarSearchIcon } from "./CarSearchIcon";
 export { default as CarTypeAntiqueIcon } from "./CarTypeAntiqueIcon";
 export { default as CarTypeCabrioletIcon } from "./CarTypeCabrioletIcon";
@@ -59,6 +60,7 @@ export { default as LocationMapIcon } from "./LocationMapIcon";
 export { default as LocationParkingIcon } from "./LocationParkingIcon";
 export { default as LocationPinIcon } from "./LocationPinIcon";
 export { default as LogoutIcon } from "./LogoutIcon";
+export { default as MapIcon } from "./MapIcon";
 export { default as MeetDriverIcon } from "./MeetDriverIcon";
 export { default as MeetOwnerIcon } from "./MeetOwnerIcon";
 export { default as MenuListIcon } from "./MenuListIcon";
@@ -82,6 +84,8 @@ export { default as OptionWheelchairAccessibleIcon } from "./OptionWheelchairAcc
 export { default as PeopleUserIcon } from "./PeopleUserIcon";
 export { default as PhotosIcon } from "./PhotosIcon";
 export { default as PlugIcon } from "./PlugIcon";
+export { default as PlusIcon } from "./PlusIcon";
+export { default as RaceFlagIcon } from "./RaceFlagIcon";
 export { default as RefreshIcon } from "./RefreshIcon";
 export { default as ResetIcon } from "./ResetIcon";
 export { default as RideIcon } from "./RideIcon";

package/types/components/Icon/index.d.ts

@@ -22,7 +22,7 @@ export interface IconProps {
     contained?: boolean;
     className?: string;
 }
-export declare const isIconSource: (source: string) => source is "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "refresh" | "reset" | "ride" | "search" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench";
+export declare const isIconSource: (source: string) => source is "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "map" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "plus" | "raceFlag" | "refresh" | "reset" | "ride" | "search" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench";
 export declare const Icon: ({ source, color, size, contained, className, }: IconProps) => JSX.Element;
 export * from "./__generated__/index";
 export default Icon;

package/types/components/PhotoDropzone/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+export declare type PhotoDropzonePropsType = {
+    className?: string;
+    description: string;
+    deletePopoverContent: (onDelete: () => void, close: () => void) => ReactNode;
+    errorContent: (acceptedTypes: string, maxFileSize: number) => ReactNode;
+    onDropped: (file: File) => Promise<void> | void;
+    onPhotoDelete?: () => void;
+    initialImageUrl?: string;
+};
+declare const PhotoDropzone: ({ className, description, deletePopoverContent, errorContent, onDropped, onPhotoDelete, initialImageUrl, }: PhotoDropzonePropsType) => JSX.Element;
+export default PhotoDropzone;

package/types/components/utils/validateFile.d.ts

@@ -0,0 +1 @@
+export declare const validateFile: (file: File, fileTypeValidator: (file: File, extension: string | null) => boolean | undefined | null) => Promise<boolean | null | undefined>;

package/types/icons/index.d.ts

@@ -9,6 +9,7 @@ export { default as carCheck } from "./car-check.svg";
 export { default as carDrivyOpen } from "./car-drivy-open.svg";
 export { default as carGroup } from "./car-group.svg";
 export { default as carLock } from "./car-lock.svg";
+export { default as carReturn } from "./car-return.svg";
 export { default as carSearch } from "./car-search.svg";
 export { default as carTypeAntique } from "./car-type-antique.svg";
 export { default as carTypeCabriolet } from "./car-type-cabriolet.svg";
@@ -59,6 +60,7 @@ export { default as locationMap } from "./location-map.svg";
 export { default as locationParking } from "./location-parking.svg";
 export { default as locationPin } from "./location-pin.svg";
 export { default as logout } from "./logout.svg";
+export { default as map } from "./map.svg";
 export { default as meetDriver } from "./meet-driver.svg";
 export { default as meetOwner } from "./meet-owner.svg";
 export { default as menuList } from "./menu-list.svg";
@@ -82,6 +84,8 @@ export { default as optionWheelchairAccessible } from "./option-wheelchair-acces
 export { default as peopleUser } from "./people-user.svg";
 export { default as photos } from "./photos.svg";
 export { default as plug } from "./plug.svg";
+export { default as plus } from "./plus.svg";
+export { default as raceFlag } from "./race-flag.svg";
 export { default as refresh } from "./refresh.svg";
 export { default as reset } from "./reset.svg";
 export { default as ride } from "./ride.svg";

package/types/index.d.ts

@@ -20,6 +20,7 @@ export * from "./components/Icon";
 export { default as Modal } from "./components/Modal";
 export { default as ModalOpenerButton } from "./components/ModalOpenerButton";
 export { Note } from "./components/Note";
+export { default as PhotoDropzone } from "./components/PhotoDropzone";
 export { Pill, PillGroup } from "./components/Pill";
 export { PriceTable, PriceTableRow } from "./components/PriceTable";
 export { ProgressBar } from "./components/ProgressBar";
@@ -30,6 +31,7 @@ export { Chip } from "./components/Chip";
 export { Autocomplete, AutocompleteItem } from "./components/Form/Autocomplete";
 export { Checkbox, Radio, ChoiceList } from "./components/Form/Checkmark";
 export { CheckboxPill, RadioPill, CheckablePillsGroup, } from "./components/Form/CheckablePill";
+export { default as RadioWithDetails, RadioWithDetailsPropsType } from "./components/Form/RadioWithDetails";
 export { ComposedField } from "./components/Form/ComposedField";
 export { withFieldLabelAndHint } from "./components/Form/field";
 export { Fieldset } from "./components/Form/Fieldset";

package/types/tokens/index.d.ts

@@ -62,6 +62,7 @@ export declare const icons: {
         carDrivyOpen: string;
         carGroup: string;
         carLock: string;
+        carReturn: string;
         carSearch: string;
         carTypeAntique: string;
         carTypeCabriolet: string;
@@ -112,6 +113,7 @@ export declare const icons: {
         locationParking: string;
         locationPin: string;
         logout: string;
+        map: string;
         meetDriver: string;
         meetOwner: string;
         menuList: string;
@@ -135,6 +137,8 @@ export declare const icons: {
         peopleUser: string;
         photos: string;
         plug: string;
+        plus: string;
+        raceFlag: string;
         refresh: string;
         reset: string;
         ride: string;