@drivy/cobalt 0.21.0 → 0.23.0

package/index.js

@@ -2,10 +2,10 @@ export { default as Accordion } from './components/Accordion/index.js';
 export { default as Alerter, useAlerts } from './components/Alerter/index.js';
 export { BasicCell } from './components/BasicCell/index.js';
 export { BulletList, BulletListItem } from './components/BulletList/index.js';
-export { Button, ButtonGroup } from './components/Button/index.js';
 export { default as GhostButton } from './components/Buttons/GhostButton/index.js';
 export { default as InversedButton } from './components/Buttons/InversedButton/index.js';
 export { default as DefaultButton } from './components/Buttons/DefaultButton/index.js';
+export { default as ButtonsGroup } from './components/Buttons/ButtonsGroup.js';
 export { Callout } from './components/Callout/index.js';
 export { default as Cell, Cells } from './components/Cell/index.js';
 export { EmptyState } from './components/EmptyState/index.js';
@@ -32,7 +32,7 @@ export { ComposedField } from './components/Form/ComposedField.js';
 export { withFieldLabelAndHint } from './components/Form/field.js';
 export { Fieldset } from './components/Form/Fieldset.js';
 export { Hint } from './components/Form/Hint.js';
-export { Rating, formatRatingValue } from './components/Rating/index.js';
+export { Rating } from './components/Rating/index.js';
 export { Select } from './components/Form/Select.js';
 export { default as Slider, SliderValueMeta } from './components/Form/Slider.js';
 export { Stepper, StepperMeta } from './components/Form/Stepper.js';
@@ -330,6 +330,6 @@ export { useAccordionItemContext } from '@reach/accordion';
 export { default as LoadingIcon } from './components/Icon/__generated__/LoadingIcon.js';
 export { default as StarIcon } from './components/Icon/__generated__/StarIcon.js';
 export { RatingInput } from './components/Rating/RatingInput.js';
-export { RatingCompact } from './components/Rating/RatingCompact.js';
+export { RatingCompact, formatRatingValue } from './components/Rating/RatingCompact.js';
 export { RatingIcons } from './components/Rating/RatingIcons.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "0.21.0",
+  "version": "0.23.0",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/index.d.ts",
@@ -32,19 +32,19 @@
     "lodash.throttle": "4.1.1",
     "media-typer": "1.1.0",
     "nanoid": "4.0.0",
-    "postcss": "8.4.18",
+    "postcss": "8.4.19",
     "tailwindcss": "2.2.19",
     "tippy.js": "6.3.7"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@getaround-eu/babel-preset-app": "1.0.0",
-    "@getaround-eu/eslint-config": "2.0.0",
+    "@getaround-eu/babel-preset-app": "1.1.0",
+    "@getaround-eu/eslint-config": "2.0.1",
     "@getaround-eu/prettier-config": "1.2.0",
-    "@getaround-eu/stylelint-config": "1.2.4",
+    "@getaround-eu/stylelint-config": "1.2.5",
     "@getaround-eu/ts-config": "2.2.0",
     "@percy/storybook": "3.3.1",
     "@rollup/plugin-json": "5.0.1",
@@ -56,18 +56,18 @@
     "@storybook/react": "6.5.13",
     "@svgr/cli": "6.5.1",
     "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "12.1.5",
+    "@testing-library/react": "13.4.0",
     "@testing-library/react-hooks": "8.0.1",
     "@types/classnames": "2.3.0",
-    "@types/jest": "29.2.2",
+    "@types/jest": "29.2.3",
     "@types/lodash.throttle": "4.1.7",
     "@types/media-typer": "1.1.1",
-    "@types/react": "17.0.52",
-    "@whitespace/storybook-addon-html": "^5.0.0",
+    "@types/react": "18.0.25",
+    "@whitespace/storybook-addon-html": "^5.0.3",
     "autoprefixer": "10.4.13",
-    "core-js": "3.26.0",
-    "css-loader": "6.7.1",
-    "eslint": "8.27.0",
+    "core-js": "3.26.1",
+    "css-loader": "6.7.2",
+    "eslint": "8.28.0",
     "jest": "29.3.1",
     "jest-environment-jsdom": "29.3.1",
     "nested-object-access": "^0.2.5",
@@ -76,26 +76,27 @@
     "postcss-loader": "7.0.1",
     "prettier": "2.7.1",
     "raw-loader": "4.0.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-test-renderer": "17.0.2",
-    "regenerator-runtime": "0.13.10",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-syntax-highlighter": "15.5.0",
+    "react-test-renderer": "18.2.0",
+    "regenerator-runtime": "0.13.11",
     "rollup": "2.79.1",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-svgo": "2.0.0",
     "rollup-plugin-typescript2": "0.34.1",
     "sass": "1.56.1",
-    "sass-loader": "13.1.0",
+    "sass-loader": "13.2.0",
     "sharp": "0.31.2",
     "sharp-cli": "3.0.0",
     "style-loader": "3.3.1",
-    "stylelint": "14.14.1",
+    "stylelint": "14.15.0",
     "svg2vectordrawable": "2.9.1",
-    "svgo": "3.0.0",
+    "svgo": "3.0.2",
     "ts-jest": "29.0.3",
     "ts-node": "10.9.1",
-    "typescript": "4.8.4"
+    "typescript": "4.9.3"
   },
   "scripts": {
     "build": "./scripts/build.sh",
@@ -138,8 +139,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
-  },
-  "resolutions": {
-    "@types/react": "17.0.52"
   }
 }

package/styles/components.scss

@@ -1,7 +1,7 @@
 @import "./components/Alerter/index";
 @import "./components/BasicCell/index";
 @import "./components/BulletList/index";
-@import "./components/Button/index";
+@import "./components/Buttons/index";
 @import "./components/Calendar/CalendarRangePicker/index";
 @import "./components/Callout/index";
 @import "./components/Card/index";

package/types/__tests__/AsyncComponent.d.ts

@@ -1,5 +1,6 @@
-import { FunctionComponent } from "react";
-declare const AsyncComponent: FunctionComponent<{
-    timeout?: number;
-}>;
+import React from "react";
+declare const AsyncComponent: ({ children, timeout, }: {
+    children?: React.ReactNode;
+    timeout?: number | undefined;
+}) => JSX.Element;
 export default AsyncComponent;

package/types/components/Accordion/ToggleIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type ToggleIconPropsType = {
+type ToggleIconPropsType = {
     isOpen: boolean;
 };
 declare const ToggleIcon: ({ isOpen }: ToggleIconPropsType) => JSX.Element;

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

@@ -1,15 +1,15 @@
 import React from "react";
 import { AccordionProps as ReachAccordionProps, AccordionItemProps as ReachAccordionItemProps, AccordionButtonProps as ReachAccordionButtonProps, AccordionPanelProps as ReachAccordionPanelProps } from "@reach/accordion";
 export { useAccordionItemContext } from "@reach/accordion";
-declare type HeadingLevelMapType = {
+type HeadingLevelMapType = {
     h2: 2;
     h3: 3;
     h4: 4;
     h5: 5;
     h6: 6;
 };
-declare type HeadingTag = keyof HeadingLevelMapType;
-export declare type AccordionItemHeaderPropsType = {
+type HeadingTag = keyof HeadingLevelMapType;
+export type AccordionItemHeaderPropsType = {
     /**
      * To improve the semantics of the markup further, the ARIA guidelines dictate
      * that each accordion item's button should be wrapped in an element with
@@ -20,13 +20,13 @@ export declare type AccordionItemHeaderPropsType = {
     className?: string;
     leftToggleIcon?: boolean;
 } & ReachAccordionButtonProps;
-export declare type AccordionItemPanelPropsType = {
+export type AccordionItemPanelPropsType = {
     className?: string;
 } & ReachAccordionPanelProps;
-export declare type AccordionItemPropsType = {
+export type AccordionItemPropsType = {
     className?: string;
 } & ReachAccordionItemProps;
-export declare type AccordionPropsType = {
+export type AccordionPropsType = {
     className?: string;
     collapsible?: ReachAccordionProps["collapsible"];
     defaultIndex?: ReachAccordionProps["defaultIndex"];

package/types/components/Alerter/Alert.d.ts

@@ -1,8 +1,9 @@
-import { FunctionComponent } from "react";
-export declare type AlertStatus = "info" | "success" | "error";
-export declare type AlertType = FunctionComponent<{
+import React from "react";
+export type AlertStatus = "info" | "success" | "error";
+export type AlertType = (props: {
+    children?: React.ReactNode;
     status?: AlertStatus;
     dismiss: () => void;
-}>;
+}) => React.ReactElement;
 declare const Alert: AlertType;
 export default Alert;

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

@@ -1,14 +1,14 @@
 import React from "react";
 import { AlertType } from "./Alert";
-declare type AlertPropsType = Parameters<AlertType>[0];
-export declare type AlertReducerActionData = {
+type AlertPropsType = Parameters<AlertType>[0];
+export type AlertReducerActionData = {
     id: string;
     status: AlertPropsType["status"];
     message: AlertPropsType["children"];
     dismiss?: AlertPropsType["dismiss"];
 };
-declare type SendAlertParameters = Omit<AlertReducerActionData, "dismiss" | "id">;
-declare type AlertsQueue = (Omit<AlertReducerActionData, "dismiss"> & {
+type SendAlertParameters = Omit<AlertReducerActionData, "dismiss" | "id">;
+type AlertsQueue = (Omit<AlertReducerActionData, "dismiss"> & {
     dismiss: NonNullable<AlertReducerActionData["dismiss"]>;
 })[];
 export declare const useAlerts: () => {

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

@@ -7,7 +7,7 @@ interface BulletListProps {
 export declare const BulletList: ({ children, iconPosition, }: BulletListProps) => JSX.Element;
 interface BulletListItemProps {
     children: React.ReactNode;
-    icon: typeof Icon;
+    icon: ReturnType<typeof Icon>;
 }
 export declare const BulletListItem: ({ children, icon }: BulletListItemProps) => JSX.Element;
 export {};

package/types/components/Buttons/ButtonComponent.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-export declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: boolean;
     href?: undefined;
 };
-export declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+export type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     loading?: boolean;
     disabled?: boolean;
     href?: string;

package/types/components/Buttons/DefaultButton/index.d.ts

@@ -1,29 +1,18 @@
 import React from "react";
 import { ButtonTemplatePropsType } from "../helpers";
 import { ButtonProps, LinkProps } from "../ButtonComponent";
-declare type DefaultCommonPropsType = ButtonTemplatePropsType<{
+type DefaultCommonPropsType = ButtonTemplatePropsType<{
     primary?: boolean;
     destructive?: boolean;
     selected?: boolean;
 }>;
-export declare type DefaultButtonPropsType = DefaultCommonPropsType & ButtonProps;
-export declare type DefaultLinkPropsType = DefaultCommonPropsType & LinkProps;
+export type DefaultButtonPropsType = DefaultCommonPropsType & ButtonProps;
+export type DefaultLinkPropsType = DefaultCommonPropsType & LinkProps;
 declare const DefaultButton: React.ForwardRefExoticComponent<{
     primary?: boolean | undefined;
     destructive?: boolean | undefined;
     selected?: boolean | undefined;
-} & {
-    className?: string | undefined;
-    disabled?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    loading?: boolean | undefined;
-    rounded?: boolean | undefined;
-    size?: "large" | undefined;
-    iconPosition?: "left" | "right" | undefined;
-    icon?: "loading" | "reset" | "document" | "search" | "slider" | "download" | "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" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "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" | "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" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "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;
-} & {
-    children?: React.ReactNode;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+} & import("../helpers").ButtonCommonPropsType & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: boolean | undefined;
     href?: undefined;
 } & React.RefAttributes<HTMLButtonElement>> & {
@@ -31,18 +20,7 @@ declare const DefaultButton: React.ForwardRefExoticComponent<{
         primary?: boolean | undefined;
         destructive?: boolean | undefined;
         selected?: boolean | undefined;
-    } & {
-        className?: string | undefined;
-        disabled?: boolean | undefined;
-        fullWidth?: boolean | undefined;
-        loading?: boolean | undefined;
-        rounded?: boolean | undefined;
-        size?: "large" | undefined;
-        iconPosition?: "left" | "right" | undefined;
-        icon?: "loading" | "reset" | "document" | "search" | "slider" | "download" | "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" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "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" | "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" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "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;
-    } & {
-        children?: React.ReactNode;
-    } & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    } & import("../helpers").ButtonCommonPropsType & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
         loading?: boolean | undefined;
         disabled?: boolean | undefined;
         href?: string | undefined;

package/types/components/Buttons/GhostButton/index.d.ts

@@ -1,45 +1,23 @@
 import React from "react";
 import { ButtonTemplatePropsType } from "../helpers";
 import { ButtonProps, LinkProps } from "../ButtonComponent";
-declare type GhostCommonPropsType = ButtonTemplatePropsType<{
+type GhostCommonPropsType = ButtonTemplatePropsType<{
     standalone?: boolean;
     destructive?: boolean;
 }>;
-export declare type GhostButtonPropsType = GhostCommonPropsType & ButtonProps;
-export declare type GhostLinkPropsType = GhostCommonPropsType & LinkProps;
+export type GhostButtonPropsType = GhostCommonPropsType & ButtonProps;
+export type GhostLinkPropsType = GhostCommonPropsType & LinkProps;
 declare const GhostButton: React.ForwardRefExoticComponent<{
     standalone?: boolean | undefined;
     destructive?: boolean | undefined;
-} & {
-    className?: string | undefined;
-    disabled?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    loading?: boolean | undefined;
-    rounded?: boolean | undefined;
-    size?: "large" | undefined;
-    iconPosition?: "left" | "right" | undefined;
-    icon?: "loading" | "reset" | "document" | "search" | "slider" | "download" | "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" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "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" | "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" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "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;
-} & {
-    children?: React.ReactNode;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+} & import("../helpers").ButtonCommonPropsType & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: boolean | undefined;
     href?: undefined;
 } & React.RefAttributes<HTMLButtonElement>> & {
     Link: React.ForwardRefExoticComponent<{
         standalone?: boolean | undefined;
         destructive?: boolean | undefined;
-    } & {
-        className?: string | undefined;
-        disabled?: boolean | undefined;
-        fullWidth?: boolean | undefined;
-        loading?: boolean | undefined;
-        rounded?: boolean | undefined;
-        size?: "large" | undefined;
-        iconPosition?: "left" | "right" | undefined;
-        icon?: "loading" | "reset" | "document" | "search" | "slider" | "download" | "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" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "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" | "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" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "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;
-    } & {
-        children?: React.ReactNode;
-    } & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    } & import("../helpers").ButtonCommonPropsType & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
         loading?: boolean | undefined;
         disabled?: boolean | undefined;
         href?: string | undefined;

package/types/components/Buttons/InversedButton/index.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { ButtonTemplatePropsType } from "../helpers";
 import { ButtonProps, LinkProps } from "../ButtonComponent";
-declare type InversedCommonPropsType = ButtonTemplatePropsType<Record<string, unknown>>;
-export declare type InversedButtonPropsType = InversedCommonPropsType & ButtonProps;
-export declare type InversedLinkPropsType = InversedCommonPropsType & LinkProps;
+type InversedCommonPropsType = ButtonTemplatePropsType<Record<string, unknown>>;
+export type InversedButtonPropsType = InversedCommonPropsType & ButtonProps;
+export type InversedLinkPropsType = InversedCommonPropsType & LinkProps;
 declare const InversedButton: React.ForwardRefExoticComponent<Pick<InversedButtonPropsType, string> & React.RefAttributes<HTMLButtonElement>> & {
     Link: React.ForwardRefExoticComponent<Pick<InversedLinkPropsType, string> & React.RefAttributes<HTMLAnchorElement>>;
 };

package/types/components/Buttons/helpers.d.ts

@@ -1,6 +1,7 @@
-import { PropsWithChildren } from "react";
+import React from "react";
 import { IconSources } from "../Icon";
-export declare type ButtonCommonPropsType = PropsWithChildren<{
+export type ButtonCommonPropsType = {
+    children?: React.ReactNode;
     className?: string;
     disabled?: boolean;
     fullWidth?: boolean;
@@ -9,7 +10,7 @@ export declare type ButtonCommonPropsType = PropsWithChildren<{
     size?: "large";
     iconPosition?: "left" | "right";
     icon?: IconSources;
-}>;
-export declare type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps & ButtonCommonPropsType;
+};
+export type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps & ButtonCommonPropsType;
 export declare const getButtonContent: ({ children, icon, iconPosition, }: Pick<ButtonCommonPropsType, "children" | "icon" | "iconPosition">) => JSX.Element;
 export declare const getButtonCommonClassNames: ({ rounded, size, fullWidth, className, disabled, }: Pick<ButtonCommonPropsType, "rounded" | "size" | "fullWidth" | "className" | "disabled">) => string;

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

@@ -1,4 +1,4 @@
 import { GhostButtonPropsType, GhostLinkPropsType } from "./GhostButton";
 import { InversedButtonPropsType, InversedLinkPropsType } from "./InversedButton";
 import { DefaultButtonPropsType, DefaultLinkPropsType } from "./DefaultButton";
-export declare type AllButtonsPropsType = GhostButtonPropsType & GhostLinkPropsType & InversedButtonPropsType & InversedLinkPropsType & DefaultButtonPropsType & DefaultLinkPropsType;
+export type AllButtonsPropsType = GhostButtonPropsType & GhostLinkPropsType & InversedButtonPropsType & InversedLinkPropsType & DefaultButtonPropsType & DefaultLinkPropsType;

package/types/components/Calendar/CalendarRangePicker/CalendarRangePicker.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FormElementStatus } from "../../Form/form";
-declare type Props = {
+type Props = {
     numberOfMonths?: number;
     firstMonthDate?: Date;
     rangeLimit?: number;

package/types/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type Props = {
+type Props = {
     date: Date;
     isEditingStartDate: boolean;
     isEditingEndDate: boolean;

package/types/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     date: Date;
     startDate?: Date;
     endDate?: Date;

package/types/components/Calendar/CalendarView/CalendarViewMonth.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { MonthType } from "./types";
-declare type Props = MonthType;
+type Props = MonthType;
 declare const CalendarViewMonth: {
     ({ monthName, monthStart, statusByDate, }: Props): JSX.Element;
     displayName: string;

package/types/components/Calendar/CalendarView/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { MonthType } from "./types";
-declare type Props = {
+type Props = {
     months: MonthType[];
 };
 declare const CalendarView: {

package/types/components/Calendar/CalendarView/types.d.ts

@@ -1,16 +1,16 @@
-export declare type DateStatusType = "highlighted" | "semi-highlighted" | "enabled" | "disabled" | "past";
-export declare type StatusByDateType = {
+export type DateStatusType = "highlighted" | "semi-highlighted" | "enabled" | "disabled" | "past";
+export type StatusByDateType = {
     [key: string]: DateStatusType;
 };
-export declare type MonthType = {
+export type MonthType = {
     monthName: string;
     monthStart: number;
     statusByDate?: StatusByDateType;
 };
-export declare type DateType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31;
-export declare type CalendarViewDateType = {
+export type DateType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31;
+export type CalendarViewDateType = {
     date: DateType | null;
     status?: string | null;
 };
-export declare type CalendarViewWeekType = CalendarViewDateType[];
-export declare type CalendarViewMonthType = CalendarViewWeekType[];
+export type CalendarViewWeekType = CalendarViewDateType[];
+export type CalendarViewMonthType = CalendarViewWeekType[];

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

@@ -1,13 +1,14 @@
-import React, { PureComponent, PropsWithChildren } from "react";
-export declare type CardProps = PropsWithChildren<{
+import React, { PureComponent } from "react";
+export type CardProps = {
+    children?: React.ReactNode;
     className?: string;
     flattened?: boolean;
-}>;
+};
 export declare const Card: {
     ({ children, className, flattened }: CardProps): JSX.Element;
     Section: typeof CardSection;
 };
-export declare type CardSectionProps = {
+export type CardSectionProps = {
     children: React.ReactNode;
     className?: string;
     tabBar?: boolean;
@@ -19,7 +20,7 @@ export declare type CardSectionProps = {
      */
     divided?: boolean | string;
 };
-export declare type CardSectionLinkProps = CardSectionProps & {
+export type CardSectionLinkProps = CardSectionProps & {
     href: React.AnchorHTMLAttributes<HTMLAnchorElement>["href"];
     target?: React.AnchorHTMLAttributes<HTMLAnchorElement>["target"];
     rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>["rel"];

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

@@ -1,16 +1,18 @@
-import { PropsWithChildren } from "react";
-export declare type CellPropsType = PropsWithChildren<{
+import React from "react";
+export type CellPropsType = {
+    children?: React.ReactNode;
     divided?: boolean;
     className?: string;
-}>;
-export declare type CellSoftPropsType = PropsWithChildren<{
+};
+export type CellSoftPropsType = {
+    children?: React.ReactNode;
     softDivided?: boolean;
     className?: string;
-}>;
-export declare type CellsPropsType = {
+};
+export type CellsPropsType = {
     content: CellPropsType["children"][];
 } & Omit<CellPropsType, "children">;
-export declare type CellsSoftPropsType = {
+export type CellsSoftPropsType = {
     content: CellSoftPropsType["children"][];
 } & Omit<CellSoftPropsType, "children">;
 declare function Cell(props: CellPropsType): JSX.Element;

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

@@ -1,10 +1,10 @@
 import React from "react";
-import { Button } from "../Button";
+import DefaultButton from "../Buttons/DefaultButton";
 export interface EmptyStateProps {
     children?: React.ReactNode;
     title: string;
-    action?: typeof Button;
-    secondaryAction?: typeof Button;
+    action?: typeof DefaultButton;
+    secondaryAction?: typeof DefaultButton;
     image: string;
 }
 export declare const EmptyState: ({ title, children, action, secondaryAction, image, }: EmptyStateProps) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type FlashStatus = "info" | "success" | "error";
+export type FlashStatus = "info" | "success" | "error";
 export interface FlashProps {
     children: React.ReactNode;
     status: FlashStatus;