@latte-macchiat-io/latte-vanilla-components 0.0.159 → 0.0.160

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

@@ -0,0 +1,7 @@
+import { NavLegalVariants } from './NavLegal.css';
+import { Sprinkles } from '../../styles/sprinkles.css';
+export interface NavLegalProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Sprinkles, NonNullable<NavLegalVariants> {
+    css?: string;
+    as?: 'nav' | 'div' | 'footer';
+}
+export declare const NavLegal: import('react').ForwardRefExoticComponent<NavLegalProps & import('react').RefAttributes<HTMLElement>>;

package/dist/types/components/NavLegal/export.d.ts

@@ -1,3 +0,0 @@
-export { NavLegal } from '.';
-export type { NavLegalProps } from '.';
-export { styles as NavLegalStyles } from './styles.css';

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

@@ -1,7 +0,0 @@
-import { Theme } from '../../types/theme';
-import { WithClassName } from '../../types/withClassName';
-export type NavLegalProps = {
-    theme?: Theme;
-    children: React.ReactNode;
-};
-export declare const NavLegal: ({ children, className, theme }: NavLegalProps & WithClassName) => import("react").JSX.Element;

package/dist/types/components/NavSocial/NavSocial.css.d.ts

@@ -0,0 +1,30 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+declare const navSocialLink: string;
+export declare const navSocialRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
+    orientation: {
+        horizontal: {
+            flexDirection: "row";
+        };
+        vertical: {
+            flexDirection: "column";
+        };
+    };
+    size: {
+        sm: {
+            gap: `var(--${string})`;
+        };
+        md: {
+            gap: `var(--${string})`;
+        };
+        lg: {
+            gap: `var(--${string})`;
+        };
+    };
+    variant: {
+        default: {};
+        rounded: {};
+        outlined: {};
+    };
+}>;
+export { navSocialLink };
+export type NavSocialVariants = RecipeVariants<typeof navSocialRecipe>;

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

@@ -0,0 +1,15 @@
+import { NavSocialVariants } from './NavSocial.css';
+import { Sprinkles } from '../../styles/sprinkles.css';
+export type SocialNetwork = 'instagram' | 'linkedIn' | 'facebook' | 'pinterest' | 'spotify' | 'X' | 'youtube' | 'tiktok';
+export interface SocialLink {
+    name: SocialNetwork;
+    url: string;
+    label?: string;
+}
+export interface NavSocialProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Sprinkles, NonNullable<NavSocialVariants> {
+    css?: string;
+    links: SocialLink[];
+    iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    as?: 'nav' | 'div' | 'ul';
+}
+export declare const NavSocial: import('react').ForwardRefExoticComponent<NavSocialProps & import('react').RefAttributes<HTMLElement>>;

package/dist/types/components/NavSocial/export.d.ts

@@ -1,4 +0,0 @@
-export { NavSocial } from '.';
-export type { NavSocialProps } from '.';
-export type { Social as SocialType } from './types';
-export { styles as NavSocialStyles } from './styles.css';

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

@@ -1,11 +0,0 @@
-import { Theme } from '../../types/theme';
-import { WithClassName } from '../../types/withClassName';
-import { Social } from './types';
-export type NavSocialProps = {
-    theme?: Theme;
-    navSocial: {
-        name: Social;
-        link: string;
-    }[];
-};
-export declare const NavSocial: ({ navSocial, className, theme }: NavSocialProps & WithClassName) => import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { SectionVariants } from './Section.recipe';
+import { Sprinkles } from '../../styles/sprinkles.css';
+export interface SectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<SectionVariants> {
+    css?: string;
+    as?: 'section' | 'div' | 'main' | 'article' | 'aside';
+}
+export declare const Section: import('react').ForwardRefExoticComponent<SectionProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Section/Section.recipe.d.ts

@@ -0,0 +1,60 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const sectionRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
+    align: {
+        left: {
+            textAlign: "left";
+            alignItems: "flex-start";
+        };
+        center: {
+            textAlign: "center";
+            alignItems: "center";
+        };
+        right: {
+            textAlign: "right";
+            alignItems: "flex-end";
+        };
+    };
+    isDark: {
+        true: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        false: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+    };
+    isFullHeight: {
+        true: {
+            minHeight: "100vh";
+            justifyContent: "center";
+        };
+        false: {
+            minHeight: "auto";
+            justifyContent: "flex-start";
+        };
+    };
+    spacing: {
+        none: {
+            paddingTop: "0";
+            paddingBottom: "0";
+        };
+        sm: {
+            paddingTop: `var(--${string})`;
+            paddingBottom: `var(--${string})`;
+        };
+        md: {
+            paddingTop: `var(--${string})`;
+            paddingBottom: `var(--${string})`;
+        };
+        lg: {
+            paddingTop: `var(--${string})`;
+            paddingBottom: `var(--${string})`;
+        };
+        xl: {
+            paddingTop: `var(--${string})`;
+            paddingBottom: `var(--${string})`;
+        };
+    };
+}>;
+export type SectionVariants = RecipeVariants<typeof sectionRecipe>;

package/dist/types/components/Section/export.d.ts

@@ -1,5 +0,0 @@
-export { Section } from '.';
-export type { SectionProps } from '.';
-export { Align as SectionAlign } from './types';
-export * as allStyles from './styles.css';
-export { styles as SectionStyles } from './styles.css';

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

@@ -1,16 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ children, className, zIndex, id, isDark, align, isFullHeight, noPaddingTop, theme, backgroundColor, noPaddingBottom, }: import('.').SectionProps & import('../../types/withClassName').WithClassName) => import("react").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const FullHeight: Story;
-export declare const AlignCenter: Story;
-export declare const BackgroundColor: Story;

package/dist/types/components/Video/Video.css.d.ts

@@ -0,0 +1,43 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+declare const videoElement: string;
+declare const videoPoster: string;
+declare const posterImage: string;
+declare const playButton: string;
+declare const closeButton: string;
+declare const pauseButton: string;
+declare const soundButton: string;
+export declare const videoRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
+    size: {
+        sm: {
+            width: "300px";
+            height: "200px";
+        };
+        md: {
+            width: "500px";
+            height: "300px";
+        };
+        lg: {
+            width: "800px";
+            height: "450px";
+        };
+        fullWidth: {
+            width: "100vw";
+            height: number;
+            paddingBottom: "56.25%";
+            position: "relative";
+        };
+    };
+    aspectRatio: {
+        '16:9': {
+            aspectRatio: "16/9";
+        };
+        '4:3': {
+            aspectRatio: "4/3";
+        };
+        '1:1': {
+            aspectRatio: "1/1";
+        };
+    };
+}>;
+export { videoElement, videoPoster, posterImage, playButton, closeButton, pauseButton, soundButton };
+export type VideoVariants = RecipeVariants<typeof videoRecipe>;

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

@@ -0,0 +1,17 @@
+import { VideoVariants } from './Video.css';
+import { Sprinkles } from '../../styles/sprinkles.css';
+export interface VideoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<VideoVariants> {
+    css?: string;
+    video: string;
+    poster?: string;
+    isAutoPlay?: boolean;
+    startMuted?: boolean;
+    showControls?: boolean;
+    hidePlayButton?: boolean;
+    isVideoFullWidth?: boolean;
+    isPlayingFullScreen?: boolean;
+    onPlay?: () => void;
+    onClose?: () => void;
+    onEnded?: () => void;
+}
+export declare const Video: import('react').ForwardRefExoticComponent<VideoProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Video/export.d.ts

@@ -1,3 +0,0 @@
-export { Video } from '.';
-export type { VideoProps } from '.';
-export { styles as VideoStyles } from './styles.css';

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

@@ -1,17 +0,0 @@
-import { Theme } from '../../types/theme';
-import { WithClassName } from '../../types/withClassName';
-export type VideoProps = {
-    video: string;
-    theme?: Theme;
-    isAutoPlay?: boolean;
-    startMuted?: boolean;
-    onPlay?: () => void;
-    onClose?: () => void;
-    onEnded?: () => void;
-    poster?: string | null;
-    showControls?: boolean;
-    hidePlayButton?: boolean;
-    isVideoFullWidth?: boolean;
-    isPlayingFullScreen?: boolean;
-};
-export declare const Video: ({ video, isAutoPlay, poster, startMuted, onPlay, onClose, onEnded, showControls, theme, hidePlayButton, isVideoFullWidth, isPlayingFullScreen, className, }: VideoProps & WithClassName) => import("react").JSX.Element;

package/dist/types/components/VideoFullWidth/VideoFullWidth.css.d.ts

@@ -0,0 +1,18 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const videoFullWidthRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
+    aspectRatio: {
+        '16:9': {
+            paddingBottom: "56.25%";
+        };
+        '4:3': {
+            paddingBottom: "75%";
+        };
+        '1:1': {
+            paddingBottom: "100%";
+        };
+        '21:9': {
+            paddingBottom: "42.86%";
+        };
+    };
+}>;
+export type VideoFullWidthVariants = RecipeVariants<typeof videoFullWidthRecipe>;

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

@@ -0,0 +1,14 @@
+import { VideoFullWidthVariants } from './VideoFullWidth.css';
+import { Sprinkles } from '../../styles/sprinkles.css';
+export interface VideoFullWidthProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<VideoFullWidthVariants> {
+    css?: string;
+    video: string;
+    poster?: string;
+    isAutoPlay?: boolean;
+    startMuted?: boolean;
+    showControls?: boolean;
+    onPlay?: () => void;
+    onClose?: () => void;
+    onEnded?: () => void;
+}
+export declare const VideoFullWidth: import('react').ForwardRefExoticComponent<VideoFullWidthProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/VideoFullWidth/export.d.ts

@@ -1,3 +0,0 @@
-export { VideoFullWidth } from '.';
-export type { VideoFullWidthProps } from '.';
-export { styles as VideoFullWidthStyles } from './styles.css';

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

@@ -1,11 +0,0 @@
-import { Theme } from '../../types/theme';
-import { WithClassName } from '../../types/withClassName';
-export type VideoFullWidthProps = {
-    theme?: Theme;
-    video: string;
-    poster?: string;
-    isAutoPlay?: boolean;
-    startMuted?: boolean;
-    showControls?: boolean;
-};
-export declare const VideoFullWidth: ({ video, poster, className, isAutoPlay, showControls, startMuted, theme, }: VideoFullWidthProps & WithClassName) => import("react").JSX.Element;

package/dist/types/index.d.ts

@@ -1,25 +1,28 @@
-export * from './components/Button/export';
-export * from './components/Actions/export';
-export * from './components/Icon/export';
-export * from './components/Modal/export';
-export * from './components/Video/export';
-export * from './components/Logo/export';
-export * from './components/Carousel/export';
-export * from './components/KeyNumber/export';
-export * from './components/VideoFullWidth/export';
-export * from './components/LanguageSwitcher/export';
-export * from './components/Main/export';
-export * from './components/Header/export';
-export * from './components/Footer/export';
-export * from './components/Columns/export';
-export * from './components/Section/export';
-export * from './components/Nav/export';
-export * from './components/NavSocial/export';
-export * from './components/NavLegal/export';
-export * from './components/Form/export';
-export * from './components/Form/Row/export';
-export * from './components/Form/TextField/export';
-export * from './components/Form/TextField/Label/export';
-export * from './components/Form/TextField/Input/export';
-export * from './components/Form/TextField/Textarea/export';
-export * from './components/ConsentCookie/export';
+export * from './theme';
+export { sprinkles, type Sprinkles } from './styles/sprinkles.css';
+export { breakpoints, queries } from './styles/mediaqueries';
+export { Button, type ButtonProps } from './components/Button/Button';
+export { Section, type SectionProps } from './components/Section/Section';
+export { Main, type MainProps } from './components/Main/Main';
+export { Header, type HeaderProps } from './components/Header/Header';
+export { Footer, type FooterProps } from './components/Footer/Footer';
+export { Nav, type NavProps } from './components/Nav/Nav';
+export { Icon, type IconProps } from './components/Icon/Icon';
+export { Modal, type ModalProps } from './components/Modal/Modal';
+export { Logo, type LogoProps } from './components/Logo/Logo';
+export { Columns, type ColumnsProps } from './components/Columns/Columns';
+export { Actions, type ActionsProps } from './components/Actions/Actions';
+export { Carousel, type CarouselProps } from './components/Carousel/Carousel';
+export { ConsentCookie, type ConsentCookieProps } from './components/ConsentCookie/ConsentCookie';
+export { KeyNumber, type KeyNumberProps } from './components/KeyNumber/KeyNumber';
+export { NavSocial, type NavSocialProps, type SocialNetwork, type SocialLink } from './components/NavSocial/NavSocial';
+export { NavLegal, type NavLegalProps } from './components/NavLegal/NavLegal';
+export { LanguageSwitcher, type LanguageSwitcherProps, type Locale } from './components/LanguageSwitcher/LanguageSwitcher';
+export { Video, type VideoProps } from './components/Video/Video';
+export { VideoFullWidth, type VideoFullWidthProps } from './components/VideoFullWidth/VideoFullWidth';
+export { Form, type FormProps } from './components/Form/Form';
+export { Row, type RowProps } from './components/Form/Row/Row';
+export { TextField, type TextFieldProps, type InputType } from './components/Form/TextField/TextField';
+export { Label, type LabelProps } from './components/Form/TextField/Label/Label';
+export { Input, type InputProps, type InputType as InputFieldType } from './components/Form/TextField/Input/Input';
+export { Textarea, type TextareaProps } from './components/Form/TextField/Textarea/Textarea';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.159",
+  "version": "0.0.160",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -8,12 +8,7 @@
   "exports": {
     ".": {
       "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./latte-css": {
-      "import": "./dist/latte-vanilla-components.css",
-      "require": "./dist/latte-vanilla-components.css"
+      "require": "./dist/index.cjs.js"
     }
   },
   "files": [
@@ -40,11 +35,11 @@
     "@types/react-dom": "^19",
     "@typescript-eslint/eslint-plugin": "8.21.0",
     "@vanilla-extract/css": "^1.17.4",
-    "@vanilla-extract/css-utils": "^0.1.6",
     "@vanilla-extract/dynamic": "^2.1.5",
-    "@vanilla-extract/next-plugin": "^2.4.14",
-    "@vanilla-extract/vite-plugin": "^5.1.1",
+    "@vanilla-extract/recipes": "^0.5.7",
+    "@vanilla-extract/sprinkles": "^1.6.5",
     "@vitejs/plugin-react": "^4.3.4",
+    "clsx": "^2.1.1",
     "eslint": "^9.15.0",
     "eslint-config-next": "15.1.6",
     "eslint-config-prettier": "^10.0.1",
@@ -68,6 +63,7 @@
     ]
   },
   "dependencies": {
+    "@vanilla-extract/vite-plugin": "^5.1.1",
     "framer-motion": "^12.4.7",
     "react-countup": "^6.5.3",
     "react-intersection-observer": "^9.16.0"
@@ -76,6 +72,10 @@
     "build": "vite build",
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "prettier": "prettier --check \"**/*.{js,jsx,ts,tsx}\"",
+    "prettier:fix": "prettier --write \"**/*.{js,jsx,ts,tsx}\""
   }
 }

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

@@ -1,9 +0,0 @@
-import { Theme } from '../../types/theme';
-import { WithClassName } from '../../types/withClassName';
-import { Align } from './types';
-export type ActionsProps = {
-    align?: Align;
-    theme?: Theme;
-    children: React.ReactNode;
-};
-export declare const Actions: ({ children, className, theme, align }: ActionsProps & WithClassName) => import("react").JSX.Element;

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

@@ -1,5 +0,0 @@
-export declare enum Align {
-    Center = 0,
-    Left = 1,
-    Right = 2
-}

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

@@ -1,16 +0,0 @@
-import { Theme } from '../../types/theme';
-import { WithClassName } from '../../types/withClassName';
-import { Size, Style, Type, Variant } from './types';
-export type ButtonProps = {
-    type?: Type;
-    size?: Size;
-    style?: Style;
-    theme?: Theme;
-    variant?: Variant;
-    isPending?: boolean;
-    isDisabled?: boolean;
-    staticColor?: string;
-    onClick?: () => void;
-    children: React.ReactNode;
-};
-export declare const Button: ({ children, className, staticColor, isPending, isDisabled, type, style, size, onClick, theme, variant, }: ButtonProps & WithClassName) => import("react").JSX.Element;

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

@@ -1,18 +0,0 @@
-export declare enum Variant {
-    Primary = 0,
-    Secondary = 1
-}
-export declare enum Style {
-    Fill = 0,
-    Outline = 1
-}
-export declare enum Size {
-    Small = 0,
-    Medium = 1,
-    Large = 2
-}
-export declare enum Type {
-    Reset = "reset",
-    Button = "button",
-    Submit = "submit"
-}

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

@@ -1,5 +0,0 @@
-export declare enum Align {
-    Center = 0,
-    Left = 1,
-    Right = 2
-}

package/dist/types/components/Form/Row/export.d.ts

@@ -1,3 +0,0 @@
-export { Row as FormRow } from '.';
-export type { RowProps as FormRowProps } from '.';
-export { Align as FormRowAlign } from './types';

package/dist/types/components/Form/Row/types.d.ts

@@ -1,5 +0,0 @@
-export declare enum Align {
-    Center = 0,
-    Left = 1,
-    Right = 2
-}

package/dist/types/components/Form/TextField/Input/stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TextFieldInput } from './export';
-declare const meta: Meta<typeof TextFieldInput>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Placeholder: Story;
-export declare const Disabled: Story;
-export declare const TypeEmail: Story;
-export declare const TypeNumber: Story;
-export declare const TypePassword: Story;
-export declare const TypeSearch: Story;
-export declare const TypeHidden: Story;

package/dist/types/components/Form/TextField/Input/types.d.ts

@@ -1,8 +0,0 @@
-export declare enum Type {
-    Text = "text",
-    Email = "email",
-    Search = "search",
-    Number = "number",
-    Hidden = "hidden",
-    Password = "password"
-}

package/dist/types/components/Form/TextField/Label/stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TextFieldLabel } from './export';
-declare const meta: Meta<typeof TextFieldLabel>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Required: Story;

package/dist/types/components/Form/TextField/Textarea/types.d.ts

@@ -1,3 +0,0 @@
-export declare enum Type {
-    Textarea = "textarea"
-}

package/dist/types/components/Form/TextField/stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TextField } from '.';
-declare const meta: Meta<typeof TextField>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Textarea: Story;
-export declare const WithoutLabel: Story;
-export declare const Placeholder: Story;
-export declare const Required: Story;
-export declare const errorDefault: Story;
-export declare const errorMultipleMessages: Story;

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

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

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

@@ -1,17 +0,0 @@
-import { Theme } from '../../types/theme';
-import { WithClassName } from '../../types/withClassName';
-import { Align } from './types';
-export type SectionProps = {
-    id?: string;
-    theme?: Theme;
-    align?: Align;
-    zIndex?: number;
-    isDark?: boolean;
-    isFullHeight?: boolean;
-    noPaddingTop?: boolean;
-    children: React.ReactNode;
-    noPaddingBottom?: boolean;
-    backgroundColor?: string;
-    backgroundGradient?: string;
-};
-export declare const Section: ({ children, className, zIndex, id, isDark, align, isFullHeight, noPaddingTop, theme, backgroundColor, noPaddingBottom, }: SectionProps & WithClassName) => import("react").JSX.Element;

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

@@ -1,5 +0,0 @@
-export declare enum Align {
-    Center = 0,
-    Left = 1,
-    Right = 2
-}

package/dist/types/components/Section/variants.d.ts

@@ -1,15 +0,0 @@
-declare const sectionVariants: {
-    hidden: {
-        opacity: number;
-    };
-    visible: {
-        opacity: number;
-        transition: {
-            delay: number;
-            bounce: number;
-            duration: number;
-            type: string;
-        };
-    };
-};
-export default sectionVariants;

package/dist/types/components/Video/styles.css.d.ts

@@ -1,14 +0,0 @@
-export declare const vars: {
-    videoOpacity: `var(--${string})`;
-    videoMaxHeight: `var(--${string})`;
-    videoPointerEvents: `var(--${string})`;
-};
-export declare const styles: {};
-export declare const videoVideoTag: string;
-export declare const videoStyle: string;
-export declare const videoPosterStyle: string;
-export declare const videoPosterImageStyle: string;
-export declare const playButtonStyle: string;
-export declare const pauseButtonStyle: string;
-export declare const closeButtonStyle: string;
-export declare const soundButtonStyle: string;

package/dist/types/components/VideoFullWidth/styles.css.d.ts

@@ -1,14 +0,0 @@
-export declare const vars: {
-    videoFullWidthLeft: `var(--${string})`;
-    videoFullWidthRight: `var(--${string})`;
-};
-export declare const styles: {
-    height: number;
-    width: string;
-    overflow: string;
-    position: string;
-    paddingBottom: string;
-    left: `var(--${string})`;
-    right: `var(--${string})`;
-};
-export declare const videoFullWidthStyles: string;