@sesamehr/react-design-system 1.4.0 → 1.5.0

package/dist/Display/PointMarker/PointMarker.d.ts

@@ -0,0 +1,8 @@
+import { PointMarkerVariants } from './index.ts';
+export interface PointMarkerProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
+    /** Colour of the centre dot */
+    color?: PointMarkerVariants['color'];
+    dataTestid: string;
+}
+/** PointMarker — mirrors `@sesame/orxata-core` PointMarker. */
+export declare const PointMarker: import('react').ForwardRefExoticComponent<PointMarkerProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/Display/PointMarker/index.d.ts

@@ -0,0 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
+export { PointMarker } from './PointMarker.tsx';
+export type { PointMarkerProps } from './PointMarker.tsx';
+/**
+ * A marker is a fixed 32px ring with an 8px dot inside it, and the dot's colour
+ * is the only thing the design varies. The values are category slots, not hue
+ * names: a caller marking "offices" picks a category and keeps meaning the same
+ * thing if the palette is re-pointed, which naming them `teal` or `amber` would
+ * not survive. The hue behind each slot lives in `--category-*` in the theme —
+ * the comments below say what it is today, and are the only thing that changes
+ * when design moves one.
+ *
+ * The ring never varies, so it lives in the component's own styles.
+ */
+export declare const pointMarkerVariants: (props?: ({
+    color?: "category-1" | "category-2" | "category-3" | "category-4" | "category-5" | "category-6" | "category-7" | "category-8" | "category-9" | "category-10" | "category-11" | "category-12" | "category-13" | "category-14" | "category-15" | "category-16" | "category-17" | "category-18" | "category-19" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type PointMarkerVariants = VariantProps<typeof pointMarkerVariants>;

package/dist/main.d.ts

@@ -13,6 +13,7 @@ export { AvatarRounded as OxAvatarRounded, AvatarSquare as OxAvatarSquare, avata
 export { AvatarGroup as OxAvatarGroup, type AvatarItem, } from './Display/AvatarGroup/index.ts';
 export { Badge as OxBadge, badgeVariants, type BadgeVariants, } from './Display/Badge/index.ts';
 export { PaymentCard as OxPaymentCard, paymentCardVariants, type PaymentCardVariants, type BadgeType, type CardData, } from './Display/PaymentCard/index.ts';
+export { PointMarker as OxPointMarker, pointMarkerVariants, type PointMarkerVariants, } from './Display/PointMarker/index.ts';
 export { StatusBadge as OxStatusBadge, statusBadgeVariants, indicatorVariants, type StatusBadgeVariants, } from './Feedback/StatusBadge/index.ts';
 export { Bullet as OxBullet, bulletVariants, type BulletVariants, } from './Feedback/Bullet/index.ts';
 export { Alert as OxAlert, AlertClose as OxAlertClose, AlertDescription as OxAlertDescription, AlertIcon as OxAlertIcon, AlertTitle as OxAlertTitle, AlertToggle as OxAlertToggle, } from './Feedback/Alert/index.ts';