@visio-io/design-system 1.8.26 → 1.8.28

package/dist/types/components/TagBadge/TagBadge.d.ts

@@ -0,0 +1,5 @@
+import { TagBadgeProps } from './types';
+export declare const TagBadge: {
+    ({ label, colorLight, colorDark, onRemove, className, }: TagBadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/TagBadge/TagBadge.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TagBadge } from './TagBadge';
+declare const meta: Meta<typeof TagBadge>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithRemove: Story;
+export declare const AllColors: Story;
+export declare const WithRemoveAllColors: Story;

package/dist/types/components/TagBadge/index.d.ts

@@ -0,0 +1,2 @@
+export { TagBadge } from './TagBadge';
+export type { TagBadgeProps } from './types';

package/dist/types/components/TagBadge/types.d.ts

@@ -0,0 +1,7 @@
+export interface TagBadgeProps {
+    label: string;
+    colorLight: string;
+    colorDark: string;
+    onRemove?: () => void;
+    className?: string;
+}

package/dist/types/components/VideoPlayer/useVideoPlayer.d.ts

@@ -1,4 +1,4 @@
-import { VideoPlayerProps, VideoQualityOption } from './types';
+import { VideoPlayerProps, VideoQualityOption } from "./types";
 export declare const useVideoPlayer: ({ stream, availableQualities, initialQuality, autoPlay, liveThresholdSeconds, allowPlaybackRateForStream, }: Pick<VideoPlayerProps, "stream" | "availableQualities" | "initialQuality" | "autoPlay" | "liveThresholdSeconds" | "allowPlaybackRateForStream">) => {
     containerRef: import("react").RefObject<HTMLDivElement | null>;
     videoRef: import("react").RefObject<HTMLVideoElement | null>;
@@ -31,6 +31,7 @@ export declare const useVideoPlayer: ({ stream, availableQualities, initialQuali
     didDragRef: import("react").RefObject<boolean>;
     isFullscreen: boolean;
     isLoading: boolean;
+    hasError: boolean;
     canAdjustPlaybackRate: boolean | undefined;
     updateLiveStatus: () => void;
 };

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

@@ -44,7 +44,13 @@ export { FormMultiSelect } from "./FormMultiSelect";
 export type { FormMultiSelectProps } from "./FormMultiSelect/types";
 export { FormInput } from "./FormInput";
 export type { FormInputProps } from "./FormInput/types";
-export { CancelIcon, ErrorIcon, SearchIcon, HomeIcon, VideocamIcon, FacialIcon as FacialNewIcon, CarIcon, TodayIcon, PhotoIcon, PlateCloneIcon, SettingsIcon, InboxIcon, LprIcon, LogoutIcon, DarkModeIcon, LightModeIcon, NotificationsIcon, PersonIcon, } from "./Icons";
+export { FormDatePicker } from "./FormDatePicker";
+export type { FormDatePickerProps } from "./FormDatePicker/types";
+export { FormSection } from "./FormSection";
+export type { FormSectionProps } from "./FormSection/types";
+export { PhotoUpload } from "./PhotoUpload";
+export type { PhotoUploadProps } from "./PhotoUpload/types";
+export { CancelIcon, ErrorIcon, SearchIcon, HomeIcon, VideocamIcon, FacialIcon as FacialNewIcon, CarIcon, TodayIcon, PhotoIcon, PlateCloneIcon, SettingsIcon, InboxIcon, LprIcon, LogoutIcon, DarkModeIcon, LightModeIcon, NotificationsIcon, PersonIcon, UploadIcon, EditIcon, DeleteIcon, LoadingFrame1, LoadingFrame2, LoadingFrame3, LoadingFrame4, LoadingFrame5, LoadingFrame6, LoadingFrame7, } from "./Icons";
 export { ViewChip } from "./ViewChip";
 export type { ViewChipProps } from "./ViewChip/types";
 export { SortDropdown } from "./SortDropdown";
@@ -56,4 +62,26 @@ export type { PaginationProps } from "./Pagination/types";
 export { ContentCard } from "./ContentCard";
 export type { ContentCardProps, ContentCardSection } from "./ContentCard/types";
 export { ListPageLayout, ListPageActionBar } from "./ListPageLayout";
-export type { ListPageLayoutProps, ListPageActionBarProps, FilterChipData, } from "./ListPageLayout/types";
+export type { ListPageLayoutProps, ListPageActionBarProps, FilterChipData } from "./ListPageLayout/types";
+export { EventDetailsLayout } from "./EventDetailsLayout";
+export type { EventDetailsLayoutProps } from "./EventDetailsLayout/types";
+export { EventPersonInfo } from "./EventPersonInfo";
+export type { EventPersonInfoProps } from "./EventPersonInfo/types";
+export { EventCompatibility } from "./EventCompatibility";
+export type { EventCompatibilityProps } from "./EventCompatibility/types";
+export { EventPhotoComparison } from "./EventPhotoComparison";
+export type { EventPhotoComparisonProps } from "./EventPhotoComparison/types";
+export { EventVideoPreview } from "./EventVideoPreview";
+export type { EventVideoPreviewProps } from "./EventVideoPreview/types";
+export { EventLocation } from "./EventLocation";
+export type { EventLocationProps, NearbyEvent } from "./EventLocation/types";
+export { ImageWithFallback } from "./ImageWithFallback";
+export type { ImageWithFallbackProps } from "./ImageWithFallback/types";
+export { ActionButton } from "./ActionButton";
+export type { ActionButtonProps, ActionButtonVariant, ActionButtonSize, ActionButtonShape } from "./ActionButton/types";
+export { LoadingScreen } from "./LoadingScreen";
+export type { LoadingScreenProps } from "./LoadingScreen/types";
+export { TagBadge } from "./TagBadge";
+export type { TagBadgeProps } from "./TagBadge/types";
+export { FormTagSelect } from "./FormTagSelect";
+export type { FormTagSelectProps, TagOption } from "./FormTagSelect/types";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visio-io/design-system",
-  "version": "1.8.26",
+  "version": "1.8.28",
   "description": "Visio Design System",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -35,8 +35,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@mui/x-date-pickers": "^6.0.0 || ^7.0.0 || ^8.0.0",
     "@mui/material": "^7.3.6",
+    "@mui/x-date-pickers": "^6.0.0 || ^7.0.0 || ^8.0.0",
     "@vis.gl/react-google-maps": "^1.0.0",
     "dayjs": "^1.11.0",
     "jotai": "^2.16.2",
@@ -70,6 +70,7 @@
   "dependencies": {
     "@mui/icons-material": "^7.3.7",
     "framer-motion": "^12.29.2",
+    "hls.js": "^1.6.15",
     "supercluster": "^8.0.1"
   },
   "scripts": {
@@ -79,6 +80,7 @@
     "build-storybook": "storybook build",
     "storybook": "storybook dev -p 6006",
     "type-check": "tsc --noEmit",
-    "release": "pnpm build && changeset publish"
+    "release": "pnpm build && changeset publish",
+    "dev:yalc": "YALC=1 vite build --watch"
   }
 }

package/src/styles/tokens/css-variables.scss

@@ -28,6 +28,12 @@
   --Others-Outline-Dark: #525253;
   --Others-Outline-Light: #C7C6C6;
   
+  --Static-Title-Large-Font: "Suisse Intl", "Inter", "Helvetica", "Arial", sans-serif;
+  --Static-Title-Large-Size: 22px;
+  --Static-Title-Large-Weight: 500;
+  --Static-Title-Large-Line-Height: 28px;
+  --Static-Title-Large-Tracking: 0;
+
   --Static-Label-Large-Font: "Suisse Intl", "Inter", "Helvetica", "Arial", sans-serif;
   --Static-Label-Large-Size: 14px;
   --Static-Label-Large-Line-Height: 20px;
@@ -35,9 +41,16 @@
 
   --Static-Label-Medium-Font: "Suisse Intl", "Inter", "Helvetica", "Arial", sans-serif;
   --Static-Label-Medium-Size: 12px;
+  --Static-Label-Medium-Weight: 500;
   --Static-Label-Medium-Line-Height: 16px;
   --Static-Label-Medium-Tracking: 0.5px;
 
+  --Static-Label-Small-Font: "Suisse Intl", "Inter", "Helvetica", "Arial", sans-serif;
+  --Static-Label-Small-Size: 11px;
+  --Static-Label-Small-Weight: 500;
+  --Static-Label-Small-Line-Height: 16px;
+  --Static-Label-Small-Tracking: 0.5px;
+
   --Static-Body-Small-Font: "Suisse Intl", "Inter", "Helvetica", "Arial", sans-serif;
   --Static-Body-Small-Size: 12px;
   --Static-Body-Small-Line-Height: 16px;