@drivy/cobalt 0.40.0 → 0.42.0

package/styles/core/theme.scss

@@ -62,6 +62,7 @@
   --c-text-onAccent: var(--c-white);
   --c-text-onError: var(--c-white);
   --c-text-onSuccess: var(--c-white);
+  --c-text-onConnect: var(--c-white);
   --c-text-onRideShare: var(--c-white);
   --c-buttonBackground-selected: var(--c-purple-100);
   --c-buttonBackground-destructiveInteractive: var(--c-red-100);
@@ -236,6 +237,7 @@
   --c-text-onAccent: var(--c-white);
   --c-text-onError: var(--c-white);
   --c-text-onSuccess: var(--c-white);
+  --c-text-onConnect: var(--c-white);
   --c-text-onRideShare: var(--c-white);
   --c-buttonBackground-selected: var(--c-purpleDeep-900);
   --c-buttonBackground-destructiveInteractive: var(--c-red-900);

package/tokens/theme.js

@@ -78,6 +78,7 @@ const text = {
 	onAccent: "white/white",
 	onError: "white/white",
 	onSuccess: "white/white",
+	onConnect: "white/white",
 	onRideShare: "white/white"
 };
 const buttonBackground = {

package/tokens/theme.js.map

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

package/types/src/components/ContainedIcon/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { IconColorsType } from "../Icon";
+type Extends<T, U extends T> = U;
+type ContainedIconColorType = Extends<IconColorsType, "base" | "accent" | "disabled" | "error" | "info" | "success">;
+export type ContainedIconPropsType = {
+    icon: React.JSX.Element;
+    color?: ContainedIconColorType;
+};
+export declare function ContainedIcon({ icon, color, }: ContainedIconPropsType): React.JSX.Element;
+export {};

package/types/src/components/PlateNumber/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export type PlateNumberPropsType = React.PropsWithChildren<{
+    className?: string;
+}>;
+export declare const PlateNumber: ({ children, className }: PlateNumberPropsType) => React.JSX.Element;

package/types/{components → src/components}/Popover/index.d.ts

@@ -15,6 +15,8 @@ export type PopoverPropsType = {
     theme?: string;
     distance?: number;
     zIndex?: number;
+    appendToBody?: boolean;
+    fitContent?: boolean;
     /**
      * __Only for desktop popover__
      *
@@ -23,5 +25,5 @@ export type PopoverPropsType = {
      */
     lazy?: boolean;
 };
-declare const Popover: ({ isOpen, targetRef, close, "aria-label": ariaLabel, children, bodySpacing, onShow, onHidden, arrow, placement, flip, theme, distance, zIndex, lazy, }: PopoverPropsType) => React.JSX.Element;
+declare const Popover: ({ isOpen, targetRef, close, "aria-label": ariaLabel, children, bodySpacing, onShow, onHidden, arrow, placement, flip, theme, distance, zIndex, appendToBody, fitContent, lazy, }: PopoverPropsType) => React.JSX.Element;
 export default Popover;

package/types/{components → src/components}/Tag/index.d.ts

@@ -2,6 +2,6 @@ import React from "react";
 export interface TagProps {
     children: React.ReactNode;
     className?: string;
-    variant?: "muted" | "important" | "importantPrimary" | "success" | "successPrimary" | "info" | "accent" | "accentPrimary" | "connect";
+    variant?: "muted" | "important" | "importantPrimary" | "success" | "successPrimary" | "info" | "accent" | "accentPrimary" | "connect" | "connectPrimary";
 }
 export declare const Tag: ({ children, variant, className }: TagProps) => React.JSX.Element;

package/types/{index.d.ts → src/index.d.ts}

@@ -16,10 +16,12 @@ export { CalendarRangePicker } from "./components/Calendar/CalendarRangePicker";
 export { CalendarDayPicker } from "./components/Calendar/CalendarDayPicker";
 export { Card, CardSection } from "./components/Card";
 export * from "./components/Icon";
+export { ContainedIcon } from "./components/ContainedIcon";
 export { default as Modal } from "./components/Modal";
 export { Note } from "./components/Note";
 export { default as PhotoDropzone } from "./components/PhotoDropzone";
 export { Pill, PillGroup } from "./components/Pill";
+export { PlateNumber } from "./components/PlateNumber";
 export { PriceTable, PriceTableRow } from "./components/PriceTable";
 export { ProgressBar } from "./components/ProgressBar";
 export { ProgressCircular } from "./components/ProgressCircular";

package/types/{tokens → src/tokens}/index.d.ts

@@ -538,6 +538,7 @@ export declare const theme: {
         onAccent: string;
         onError: string;
         onSuccess: string;
+        onConnect: string;
         onRideShare: string;
     };
     buttonBackground: {

package/types/utils/jestSetup.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/utilities.css

@@ -142,6 +142,7 @@
   --c-text-onAccent: var(--c-white);
   --c-text-onError: var(--c-white);
   --c-text-onSuccess: var(--c-white);
+  --c-text-onConnect: var(--c-white);
   --c-text-onRideShare: var(--c-white);
   --c-buttonBackground-selected: var(--c-purple-100);
   --c-buttonBackground-destructiveInteractive: var(--c-red-100);
@@ -5528,6 +5529,10 @@
   color: var(--c-text-onSuccess);
 }
 
+.c-text-onConnect {
+  color: var(--c-text-onConnect);
+}
+
 .c-text-onRideShare {
   color: var(--c-text-onRideShare);
 }