@drivy/cobalt 0.30.0 → 0.31.1

package/styles/core/theme.scss

@@ -164,3 +164,329 @@
   --c-fill-disabled: var(--c-navy-300);
   --c-fill-neutral: var(--c-navy-50);
 }
+
+.use-cobalt-light-theme {
+  --c-background-primary: var(--c-white);
+  --c-background-secondary: var(--c-white);
+  --c-background-secondaryInteractive: var(--c-white);
+  --c-background-secondaryInteractive--hover: var(--c-navy-50);
+  --c-background-accent: var(--c-purple-500);
+  --c-background-accentInteractive: var(--c-purple-500);
+  --c-background-accentInteractive--hover: var(--c-purple-700);
+  --c-background-accentAlt: var(--c-purple-100);
+  --c-background-accentAltInteractive: var(--c-purple-100);
+  --c-background-accentAltInteractive--hover: var(--c-purpleLight-100);
+  --c-background-info: var(--c-yellow-100);
+  --c-background-error: var(--c-red-500);
+  --c-background-errorInteractive: var(--c-red-500);
+  --c-background-errorInteractive--hover: var(--c-red-700);
+  --c-background-errorAlt: var(--c-red-100);
+  --c-background-success: var(--c-green-700);
+  --c-background-successAlt: var(--c-green-100);
+  --c-background-connect: var(--c-turquoise-500);
+  --c-background-connectInteractive: var(--c-turquoise-500);
+  --c-background-connectInteractive--hover: var(--c-turquoise-700);
+  --c-background-connectAlt: var(--c-turquoise-50);
+  --c-background-driver: var(--c-yellow-500);
+  --c-background-owner: var(--c-navy-700);
+  --c-background-disabled: var(--c-navy-100);
+  --c-background-neutral: var(--c-navy-100);
+  --c-background-neutralAlt: var(--c-navy-50);
+  --c-background-seasonLow: var(--c-season-100);
+  --c-background-seasonMedium: var(--c-season-200);
+  --c-background-seasonHigh: var(--c-season-300);
+  --c-background-seasonVeryHigh: var(--c-season-400);
+  --c-text-base: var(--c-navy-700);
+  --c-text-baseInteractive: var(--c-navy-700);
+  --c-text-baseInteractive--hover: var(--c-navy-300);
+  --c-text-subdued: var(--c-navy-300);
+  --c-text-subduedInteractive: var(--c-navy-300);
+  --c-text-subduedInteractive--hover: var(--c-navy-500);
+  --c-text-accent: var(--c-purple-500);
+  --c-text-accentInteractive: var(--c-purple-500);
+  --c-text-accentInteractive--hover: var(--c-purple-700);
+  --c-text-accentAlt: var(--c-purple-500);
+  --c-text-accentAltInteractive: var(--c-purple-500);
+  --c-text-accentAltInteractive--hover: var(--c-purple-700);
+  --c-text-info: var(--c-yellow-900);
+  --c-text-infoAlt: var(--c-yellow-500);
+  --c-text-error: var(--c-red-500);
+  --c-text-errorAlt: var(--c-red-500);
+  --c-text-success: var(--c-green-700);
+  --c-text-successAlt: var(--c-green-900);
+  --c-text-warning: var(--c-orange-500);
+  --c-text-connect: var(--c-turquoise-500);
+  --c-text-driver: var(--c-navy-700);
+  --c-text-owner: var(--c-white);
+  --c-text-inversed: var(--c-white);
+  --c-buttonBackground-selected: var(--c-purple-100);
+  --c-buttonBackground-destructiveInteractive: var(--c-red-100);
+  --c-buttonBackground-destructiveInteractive--hover: var(--c-red-120);
+  --c-buttonBackground-destructiveInteractive--press: var(--c-red-150);
+  --c-buttonBackground-disabled: var(--c-navy-100);
+  --c-buttonBackground-primaryInteractive: var(--c-purple-500);
+  --c-buttonBackground-primaryInteractive--hover: var(--c-purple-700);
+  --c-buttonBackground-primaryInteractive--press: var(--c-purple-900);
+  --c-buttonBackground-secondaryInteractive: var(--c-white);
+  --c-buttonBackground-secondaryInteractive--hover: var(--c-white);
+  --c-buttonBackground-secondaryInteractive--press: var(--c-white);
+  --c-buttonBackground-success: var(--c-green-700);
+  --c-buttonBackground-successAltInteractive: var(--c-green-100);
+  --c-buttonBackground-successAltInteractive--hover: var(--c-green-120);
+  --c-buttonBackground-successAltInteractive--press: var(--c-green-150);
+  --c-buttonBackground-tertiaryInteractive: var(--c-white);
+  --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
+  --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
+  --c-buttonIcon-selected: var(--c-purple-500);
+  --c-buttonIcon-destructiveInteractive: var(--c-red-500);
+  --c-buttonIcon-destructiveInteractive--hover: var(--c-red-500);
+  --c-buttonIcon-destructiveInteractive--press: var(--c-red-500);
+  --c-buttonIcon-disabled: var(--c-navy-300);
+  --c-buttonIcon-primaryInteractive: var(--c-white);
+  --c-buttonIcon-primaryInteractive--hover: var(--c-white);
+  --c-buttonIcon-primaryInteractive--press: var(--c-white);
+  --c-buttonIcon-secondaryInteractive: var(--c-purple-500);
+  --c-buttonIcon-secondaryInteractive--hover: var(--c-purple-700);
+  --c-buttonIcon-secondaryInteractive--press: var(--c-purple-900);
+  --c-buttonIcon-success: var(--c-white);
+  --c-buttonIcon-successAltInteractive: var(--c-green-900);
+  --c-buttonIcon-successAltInteractive--hover: var(--c-green-900);
+  --c-buttonIcon-successAltInteractive--press: var(--c-green-900);
+  --c-buttonIcon-tertiaryInteractive: var(--c-purple-500);
+  --c-buttonIcon-tertiaryInteractive--hover: var(--c-purple-700);
+  --c-buttonIcon-tertiaryInteractive--press: var(--c-purple-900);
+  --c-buttonLabel-selected: var(--c-purple-500);
+  --c-buttonLabel-destructiveInteractive: var(--c-red-500);
+  --c-buttonLabel-destructiveInteractive--hover: var(--c-red-500);
+  --c-buttonLabel-destructiveInteractive--press: var(--c-red-500);
+  --c-buttonLabel-disabled: var(--c-navy-300);
+  --c-buttonLabel-primaryInteractive: var(--c-white);
+  --c-buttonLabel-primaryInteractive--hover: var(--c-white);
+  --c-buttonLabel-primaryInteractive--press: var(--c-white);
+  --c-buttonLabel-secondaryInteractive: var(--c-purple-500);
+  --c-buttonLabel-secondaryInteractive--hover: var(--c-purple-700);
+  --c-buttonLabel-secondaryInteractive--press: var(--c-purple-900);
+  --c-buttonLabel-success: var(--c-white);
+  --c-buttonLabel-successAltInteractive: var(--c-green-900);
+  --c-buttonLabel-successAltInteractive--hover: var(--c-green-900);
+  --c-buttonLabel-successAltInteractive--press: var(--c-green-900);
+  --c-buttonLabel-tertiaryInteractive: var(--c-purple-500);
+  --c-buttonLabel-tertiaryInteractive--hover: var(--c-purple-700);
+  --c-buttonLabel-tertiaryInteractive--press: var(--c-purple-900);
+  --c-icon-base: var(--c-navy-500);
+  --c-icon-baseInteractive: var(--c-navy-500);
+  --c-icon-baseInteractive--hover: var(--c-navy-700);
+  --c-icon-subdued: var(--c-navy-300);
+  --c-icon-subduedInteractive: var(--c-navy-300);
+  --c-icon-subduedInteractive--hover: var(--c-navy-500);
+  --c-icon-accent: var(--c-purple-500);
+  --c-icon-accentInteractive: var(--c-purple-500);
+  --c-icon-accentInteractive--hover: var(--c-purple-700);
+  --c-icon-accentAlt: var(--c-purple-500);
+  --c-icon-accentAltInteractive: var(--c-purple-500);
+  --c-icon-accentAltInteractive--hover: var(--c-purple-700);
+  --c-icon-info: var(--c-yellow-900);
+  --c-icon-infoAlt: var(--c-yellow-500);
+  --c-icon-error: var(--c-red-500);
+  --c-icon-errorAlt: var(--c-red-500);
+  --c-icon-success: var(--c-green-700);
+  --c-icon-successAlt: var(--c-green-900);
+  --c-icon-warning: var(--c-orange-500);
+  --c-icon-connect: var(--c-turquoise-500);
+  --c-icon-connectAlt: var(--c-turquoise-900);
+  --c-icon-driver: var(--c-navy-700);
+  --c-icon-owner: var(--c-white);
+  --c-icon-inversed: var(--c-white);
+  --c-icon-disabled: var(--c-navy-100);
+  --c-stroke-base: var(--c-navy-100);
+  --c-stroke-baseInteractive: var(--c-navy-100);
+  --c-stroke-baseInteractive--hover: var(--c-navy-300);
+  --c-stroke-baseInteractive--press: var(--c-navy-500);
+  --c-stroke-strong: var(--c-navy-300);
+  --c-stroke-strongInteractive: var(--c-navy-300);
+  --c-stroke-strongInteractive--hover: var(--c-navy-500);
+  --c-stroke-strongInteractive--press: var(--c-navy-700);
+  --c-stroke-subdued: var(--c-navy-100);
+  --c-stroke-accent: var(--c-purple-500);
+  --c-stroke-accentInteractive: var(--c-purple-500);
+  --c-stroke-accentInteractive--hover: var(--c-purple-700);
+  --c-stroke-accentInteractive--press: var(--c-purple-900);
+  --c-stroke-accentAlt: var(--c-purple-300);
+  --c-stroke-error: var(--c-red-500);
+  --c-stroke-errorAlt: var(--c-red-500);
+  --c-stroke-success: var(--c-green-500);
+  --c-stroke-successAlt: var(--c-green-500);
+  --c-fill-base: var(--c-navy-500);
+  --c-fill-secondary: var(--c-yellow-500);
+  --c-fill-subdued: var(--c-navy-100);
+  --c-fill-accent: var(--c-purple-500);
+  --c-fill-accentAlt: var(--c-purple-100);
+  --c-fill-error: var(--c-red-500);
+  --c-fill-negative: var(--c-red-150);
+  --c-fill-success: var(--c-green-500);
+  --c-fill-disabled: var(--c-navy-300);
+  --c-fill-neutral: var(--c-navy-50);
+}
+
+.use-cobalt-dark-theme {
+  --c-background-primary: var(--c-black-500);
+  --c-background-secondary: var(--c-black-300);
+  --c-background-secondaryInteractive: var(--c-black-300);
+  --c-background-secondaryInteractive--hover: var(--c-black-300);
+  --c-background-accent: var(--c-purpleDeep-400);
+  --c-background-accentInteractive: var(--c-purpleDeep-400);
+  --c-background-accentInteractive--hover: var(--c-purpleDeep-400);
+  --c-background-accentAlt: var(--c-purpleDeep-900);
+  --c-background-accentAltInteractive: var(--c-purpleDeep-900);
+  --c-background-accentAltInteractive--hover: var(--c-purpleDeep-900);
+  --c-background-info: var(--c-yellow-1000);
+  --c-background-error: var(--c-red-500);
+  --c-background-errorInteractive: var(--c-red-500);
+  --c-background-errorInteractive--hover: var(--c-red-500);
+  --c-background-errorAlt: var(--c-red-900);
+  --c-background-success: var(--c-green-700);
+  --c-background-successAlt: var(--c-green-1000);
+  --c-background-connect: var(--c-turquoise-500);
+  --c-background-connectInteractive: var(--c-turquoise-500);
+  --c-background-connectInteractive--hover: var(--c-turquoise-500);
+  --c-background-connectAlt: var(--c-turquoise-900);
+  --c-background-driver: var(--c-yellow-500);
+  --c-background-owner: var(--c-navy-700);
+  --c-background-disabled: var(--c-black-50);
+  --c-background-neutral: var(--c-black-50);
+  --c-background-neutralAlt: var(--c-black-100);
+  --c-background-seasonLow: var(--c-season-700);
+  --c-background-seasonMedium: var(--c-season-800);
+  --c-background-seasonHigh: var(--c-season-900);
+  --c-background-seasonVeryHigh: var(--c-season-1000);
+  --c-text-base: var(--c-grey-100);
+  --c-text-baseInteractive: var(--c-grey-100);
+  --c-text-baseInteractive--hover: var(--c-grey-300);
+  --c-text-subdued: var(--c-grey-300);
+  --c-text-subduedInteractive: var(--c-grey-300);
+  --c-text-subduedInteractive--hover: var(--c-grey-300);
+  --c-text-accent: var(--c-purpleDeep-400);
+  --c-text-accentInteractive: var(--c-purpleDeep-400);
+  --c-text-accentInteractive--hover: var(--c-purpleDeep-400);
+  --c-text-accentAlt: var(--c-grey-100);
+  --c-text-accentAltInteractive: var(--c-grey-100);
+  --c-text-accentAltInteractive--hover: var(--c-grey-100);
+  --c-text-info: var(--c-yellow-300);
+  --c-text-infoAlt: var(--c-yellow-700);
+  --c-text-error: var(--c-red-400);
+  --c-text-errorAlt: var(--c-red-500);
+  --c-text-success: var(--c-green-700);
+  --c-text-successAlt: var(--c-green-100);
+  --c-text-warning: var(--c-orange-300);
+  --c-text-connect: var(--c-turquoise-500);
+  --c-text-driver: var(--c-navy-700);
+  --c-text-owner: var(--c-grey-100);
+  --c-text-inversed: var(--c-white);
+  --c-buttonBackground-selected: var(--c-purpleDeep-900);
+  --c-buttonBackground-destructiveInteractive: var(--c-red-900);
+  --c-buttonBackground-destructiveInteractive--hover: var(--c-red-900);
+  --c-buttonBackground-destructiveInteractive--press: var(--c-red-900);
+  --c-buttonBackground-disabled: var(--c-black-50);
+  --c-buttonBackground-primaryInteractive: var(--c-purpleDeep-500);
+  --c-buttonBackground-primaryInteractive--hover: var(--c-purpleDeep-500);
+  --c-buttonBackground-primaryInteractive--press: var(--c-purpleDeep-500);
+  --c-buttonBackground-secondaryInteractive: var(--c-black-500);
+  --c-buttonBackground-secondaryInteractive--hover: var(--c-black-500);
+  --c-buttonBackground-secondaryInteractive--press: var(--c-black-500);
+  --c-buttonBackground-success: var(--c-green-900);
+  --c-buttonBackground-successAltInteractive: var(--c-green-1000);
+  --c-buttonBackground-successAltInteractive--hover: var(--c-green-1000);
+  --c-buttonBackground-successAltInteractive--press: var(--c-green-1000);
+  --c-buttonBackground-tertiaryInteractive: var(--c-white);
+  --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
+  --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
+  --c-buttonIcon-selected: var(--c-grey-100);
+  --c-buttonIcon-destructiveInteractive: var(--c-red-200);
+  --c-buttonIcon-destructiveInteractive--hover: var(--c-red-200);
+  --c-buttonIcon-destructiveInteractive--press: var(--c-red-200);
+  --c-buttonIcon-disabled: var(--c-grey-300);
+  --c-buttonIcon-primaryInteractive: var(--c-grey-100);
+  --c-buttonIcon-primaryInteractive--hover: var(--c-grey-100);
+  --c-buttonIcon-primaryInteractive--press: var(--c-grey-100);
+  --c-buttonIcon-secondaryInteractive: var(--c-purpleDeep-400);
+  --c-buttonIcon-secondaryInteractive--hover: var(--c-purpleDeep-400);
+  --c-buttonIcon-secondaryInteractive--press: var(--c-purpleDeep-400);
+  --c-buttonIcon-success: var(--c-green-100);
+  --c-buttonIcon-successAltInteractive: var(--c-green-100);
+  --c-buttonIcon-successAltInteractive--hover: var(--c-green-100);
+  --c-buttonIcon-successAltInteractive--press: var(--c-green-100);
+  --c-buttonIcon-tertiaryInteractive: var(--c-purpleDeep-400);
+  --c-buttonIcon-tertiaryInteractive--hover: var(--c-purpleDeep-400);
+  --c-buttonIcon-tertiaryInteractive--press: var(--c-purpleDeep-400);
+  --c-buttonLabel-selected: var(--c-grey-100);
+  --c-buttonLabel-destructiveInteractive: var(--c-red-200);
+  --c-buttonLabel-destructiveInteractive--hover: var(--c-red-200);
+  --c-buttonLabel-destructiveInteractive--press: var(--c-red-200);
+  --c-buttonLabel-disabled: var(--c-grey-300);
+  --c-buttonLabel-primaryInteractive: var(--c-grey-100);
+  --c-buttonLabel-primaryInteractive--hover: var(--c-grey-100);
+  --c-buttonLabel-primaryInteractive--press: var(--c-grey-100);
+  --c-buttonLabel-secondaryInteractive: var(--c-purpleDeep-400);
+  --c-buttonLabel-secondaryInteractive--hover: var(--c-purpleDeep-400);
+  --c-buttonLabel-secondaryInteractive--press: var(--c-purpleDeep-400);
+  --c-buttonLabel-success: var(--c-green-100);
+  --c-buttonLabel-successAltInteractive: var(--c-green-100);
+  --c-buttonLabel-successAltInteractive--hover: var(--c-green-100);
+  --c-buttonLabel-successAltInteractive--press: var(--c-green-100);
+  --c-buttonLabel-tertiaryInteractive: var(--c-purpleDeep-400);
+  --c-buttonLabel-tertiaryInteractive--hover: var(--c-purpleDeep-400);
+  --c-buttonLabel-tertiaryInteractive--press: var(--c-purpleDeep-400);
+  --c-icon-base: var(--c-grey-100);
+  --c-icon-baseInteractive: var(--c-grey-100);
+  --c-icon-baseInteractive--hover: var(--c-grey-100);
+  --c-icon-subdued: var(--c-grey-300);
+  --c-icon-subduedInteractive: var(--c-grey-300);
+  --c-icon-subduedInteractive--hover: var(--c-grey-300);
+  --c-icon-accent: var(--c-purpleDeep-400);
+  --c-icon-accentInteractive: var(--c-purpleDeep-400);
+  --c-icon-accentInteractive--hover: var(--c-);
+  --c-icon-accentAlt: var(--c-grey-100);
+  --c-icon-accentAltInteractive: var(--c-grey-100);
+  --c-icon-accentAltInteractive--hover: var(--c-grey-100);
+  --c-icon-info: var(--c-yellow-300);
+  --c-icon-infoAlt: var(--c-yellow-700);
+  --c-icon-error: var(--c-red-400);
+  --c-icon-errorAlt: var(--c-red-200);
+  --c-icon-success: var(--c-green-700);
+  --c-icon-successAlt: var(--c-green-100);
+  --c-icon-warning: var(--c-orange-300);
+  --c-icon-connect: var(--c-white);
+  --c-icon-connectAlt: var(--c-turquoise-50);
+  --c-icon-driver: var(--c-);
+  --c-icon-owner: var(--c-white);
+  --c-icon-inversed: var(--c-white);
+  --c-icon-disabled: var(--c-black-50);
+  --c-stroke-base: var(--c-black-50);
+  --c-stroke-baseInteractive: var(--c-black-50);
+  --c-stroke-baseInteractive--hover: var(--c-purpleDeep-400);
+  --c-stroke-baseInteractive--press: var(--c-purpleDeep-400);
+  --c-stroke-strong: var(--c-navy-200);
+  --c-stroke-strongInteractive: var(--c-navy-200);
+  --c-stroke-strongInteractive--hover: var(--c-purpleDeep-400);
+  --c-stroke-strongInteractive--press: var(--c-purpleDeep-400);
+  --c-stroke-subdued: var(--c-black-50);
+  --c-stroke-accent: var(--c-purpleDeep-400);
+  --c-stroke-accentInteractive: var(--c-purpleDeep-400);
+  --c-stroke-accentInteractive--hover: var(--c-purpleDeep-400);
+  --c-stroke-accentInteractive--press: var(--c-purpleDeep-400);
+  --c-stroke-accentAlt: var(--c-purpleDeep-700);
+  --c-stroke-error: var(--c-red-200);
+  --c-stroke-errorAlt: var(--c-red-200);
+  --c-stroke-success: var(--c-green-700);
+  --c-stroke-successAlt: var(--c-green-700);
+  --c-fill-base: var(--c-grey-100);
+  --c-fill-secondary: var(--c-yellow-500);
+  --c-fill-subdued: var(--c-black-50);
+  --c-fill-accent: var(--c-purpleDeep-400);
+  --c-fill-accentAlt: var(--c-purpleDeep-900);
+  --c-fill-error: var(--c-red-500);
+  --c-fill-negative: var(--c-red-900);
+  --c-fill-success: var(--c-green-700);
+  --c-fill-disabled: var(--c-grey-300);
+  --c-fill-neutral: var(--c-black-100);
+}

package/tokens/icons.js

@@ -112,6 +112,7 @@ const icons = {
 	filters: "filters.svg",
 	flag: "flag.svg",
 	fourByFour: "four-by-four.svg",
+	fourWheelsDriving: "four-wheels-driving.svg",
 	fuelTank: "fuel-tank.svg",
 	geolocation: "geolocation.svg",
 	gift: "gift.svg",
@@ -195,6 +196,7 @@ const icons = {
 	phoneLink: "phone-link.svg",
 	phone: "phone.svg",
 	photos: "photos.svg",
+	pickupTruck: "pickup-truck.svg",
 	pig: "pig.svg",
 	pin: "pin.svg",
 	plug: "plug.svg",

package/tokens/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -23,7 +23,7 @@ type Props = {
     renderItem?: (item: AutocompleteItem, term: string) => React.ReactNode;
 } & FormElement & React.InputHTMLAttributes<HTMLInputElement>;
 declare const wrappedComponent: React.ComponentClass<{
-    icon?: "map" | "filter" | "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filters" | "flag" | "fourByFour" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
+    icon?: "map" | "filter" | "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filters" | "flag" | "fourByFour" | "fourWheelsDriving" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
     items: (AutocompleteItem | string)[];
     minQueryLength?: number | undefined;
     autoFilter?: boolean | undefined;

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

@@ -39,7 +39,7 @@ export type SliderPropsType = {
     onTouchMove?: ReachSliderProps["onTouchMove"];
     onTouchEnd?: ReachSliderProps["onTouchEnd"];
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-} & FormElement & Omit<React.InputHTMLAttributes<HTMLInputElement>, NativeEventType | "css" | "enterKeyHint">;
+} & FormElement & Omit<React.InputHTMLAttributes<HTMLInputElement>, NativeEventType | "css" | "enterKeyHint" | "onChange">;
 declare const wrappedComponent: React.ComponentClass<{
     /**
      * mandatory for A11y
@@ -77,7 +77,7 @@ 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" | "onChange"> & {
     id?: string | undefined;
     label?: string | undefined;
     hint?: string | undefined;

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

@@ -8,13 +8,13 @@ type Props = {
     forwardedRef?: React.Ref<HTMLInputElement>;
 } & FormElement & React.InputHTMLAttributes<HTMLInputElement>;
 export declare const TextInputWrapper: ({ icon, status, render, }: {
-    icon?: "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
+    icon?: "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelsDriving" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
     status?: FormElement["status"];
     render: (className: string) => React.ReactNode;
 }) => JSX.Element;
 declare const wrappedComponent: React.ComponentClass<{
     type?: TextInputType | undefined;
-    icon?: "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
+    icon?: "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelsDriving" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
     forwardedRef?: React.Ref<HTMLInputElement> | undefined;
 } & FormElement & React.InputHTMLAttributes<HTMLInputElement> & {
     id?: string | undefined;

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

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

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

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

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

@@ -111,6 +111,7 @@ export { default as FilterIcon } from "./FilterIcon";
 export { default as FiltersIcon } from "./FiltersIcon";
 export { default as FlagIcon } from "./FlagIcon";
 export { default as FourByFourIcon } from "./FourByFourIcon";
+export { default as FourWheelsDrivingIcon } from "./FourWheelsDrivingIcon";
 export { default as FuelTankIcon } from "./FuelTankIcon";
 export { default as GeolocationIcon } from "./GeolocationIcon";
 export { default as GiftIcon } from "./GiftIcon";
@@ -194,6 +195,7 @@ export { default as PerformanceIcon } from "./PerformanceIcon";
 export { default as PhoneIcon } from "./PhoneIcon";
 export { default as PhoneLinkIcon } from "./PhoneLinkIcon";
 export { default as PhotosIcon } from "./PhotosIcon";
+export { default as PickupTruckIcon } from "./PickupTruckIcon";
 export { default as PigIcon } from "./PigIcon";
 export { default as PinIcon } from "./PinIcon";
 export { default as PlugIcon } from "./PlugIcon";

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 "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "search" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang";
+export declare const isIconSource: (source: string) => source is "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelsDriving" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "search" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang";
 export declare const Icon: ({ source, color, size, contained, className, }: IconProps) => JSX.Element;
 export * from "./__generated__/index";
 export default Icon;

package/types/icons/index.d.ts

@@ -111,6 +111,7 @@ export { default as filter } from "./filter.svg";
 export { default as filters } from "./filters.svg";
 export { default as flag } from "./flag.svg";
 export { default as fourByFour } from "./four-by-four.svg";
+export { default as fourWheelsDriving } from "./four-wheels-driving.svg";
 export { default as fuelTank } from "./fuel-tank.svg";
 export { default as geolocation } from "./geolocation.svg";
 export { default as gift } from "./gift.svg";
@@ -194,6 +195,7 @@ export { default as performance } from "./performance.svg";
 export { default as phoneLink } from "./phone-link.svg";
 export { default as phone } from "./phone.svg";
 export { default as photos } from "./photos.svg";
+export { default as pickupTruck } from "./pickup-truck.svg";
 export { default as pig } from "./pig.svg";
 export { default as pin } from "./pin.svg";
 export { default as plug } from "./plug.svg";

package/types/tokens/index.d.ts

@@ -170,6 +170,7 @@ export declare const icons: {
         filters: string;
         flag: string;
         fourByFour: string;
+        fourWheelsDriving: string;
         fuelTank: string;
         geolocation: string;
         gift: string;
@@ -253,6 +254,7 @@ export declare const icons: {
         phoneLink: string;
         phone: string;
         photos: string;
+        pickupTruck: string;
         pig: string;
         pin: string;
         plug: string;