@latte-macchiat-io/latte-vanilla-components 0.0.175 → 0.0.177
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +12 -23
- package/src/assets/styles/default-theme.ts +312 -0
- package/src/components/Button/stories.ts +127 -0
- package/src/components/Columns/stories.ts +35 -0
- package/src/components/Icon/path.ts +36 -0
- package/src/components/Icon/stories.ts +29 -0
- package/src/components/Main/stories.ts +33 -0
- package/src/components/Section/stories.ts +64 -0
- package/{dist/types/index.d.ts → src/index.ts} +38 -0
- package/src/styles/mediaqueries.ts +17 -0
- package/src/theme/baseThemeValues.ts +160 -0
- package/src/theme/index.ts +6 -0
- package/src/theme/utils.ts +76 -0
- package/src/types/theme.ts +295 -0
- package/src/types/withClassName.ts +3 -0
- package/src/utils/cookie.ts +24 -0
- package/src/utils/deep-merge-objects.ts +15 -0
- package/src/utils/use-breakpoint-key.ts +30 -0
- package/src/utils/use-window-size.ts +37 -0
- package/dist/components/Actions/Actions.css.ts +0 -113
- package/dist/components/Button/Button.css.ts +0 -119
- package/dist/components/Carousel/Carousel.css.ts +0 -179
- package/dist/components/Columns/Columns.css.ts +0 -185
- package/dist/components/ConsentCookie/ConsentCookie.css.ts +0 -167
- package/dist/components/Footer/Footer.css.ts +0 -108
- package/dist/components/Form/Form.css.ts +0 -64
- package/dist/components/Form/Row/Row.css.ts +0 -70
- package/dist/components/Form/TextField/Input/Input.css.ts +0 -106
- package/dist/components/Form/TextField/Label/Label.css.ts +0 -58
- package/dist/components/Form/TextField/TextField.css.ts +0 -139
- package/dist/components/Form/TextField/Textarea/Textarea.css.ts +0 -121
- package/dist/components/Header/Header.css.ts +0 -111
- package/dist/components/Header/HeaderOverlay/styles.css.ts +0 -33
- package/dist/components/Header/ToggleNav/styles.css.ts +0 -40
- package/dist/components/Icon/Icon.css.ts +0 -102
- package/dist/components/KeyNumber/KeyNumber.css.ts +0 -158
- package/dist/components/LanguageSwitcher/LanguageSwitcher.css.ts +0 -120
- package/dist/components/Logo/Logo.css.ts +0 -98
- package/dist/components/Main/Main.css.ts +0 -62
- package/dist/components/Modal/Modal.css.ts +0 -203
- package/dist/components/Nav/Nav.css.ts +0 -123
- package/dist/components/NavLegal/NavLegal.css.ts +0 -121
- package/dist/components/NavSocial/NavSocial.css.ts +0 -121
- package/dist/components/Section/Section.css.ts +0 -101
- package/dist/components/Video/Video.css.ts +0 -210
- package/dist/components/VideoFullWidth/VideoFullWidth.css.ts +0 -50
- package/dist/index.cjs.js +0 -2
- package/dist/index.es.js +0 -6813
- package/dist/styles/sprinkles.css.ts +0 -84
- package/dist/theme/contract.css.ts +0 -83
- package/dist/types/components/Actions/Actions.css.d.ts +0 -74
- package/dist/types/components/Actions/Actions.d.ts +0 -7
- package/dist/types/components/Actions/export.d.ts +0 -0
- package/dist/types/components/Actions/stories.d.ts +0 -0
- package/dist/types/components/Button/Button.css.d.ts +0 -65
- package/dist/types/components/Button/Button.d.ts +0 -8
- package/dist/types/components/Button/export.d.ts +0 -0
- package/dist/types/components/Button/stories.d.ts +0 -0
- package/dist/types/components/Carousel/Carousel.css.d.ts +0 -33
- package/dist/types/components/Carousel/Carousel.d.ts +0 -15
- package/dist/types/components/Carousel/export.d.ts +0 -0
- package/dist/types/components/Columns/Columns.css.d.ts +0 -104
- package/dist/types/components/Columns/Columns.d.ts +0 -8
- package/dist/types/components/Columns/export.d.ts +0 -0
- package/dist/types/components/Columns/stories.d.ts +0 -0
- package/dist/types/components/ConsentCookie/ConsentCookie.css.d.ts +0 -15
- package/dist/types/components/ConsentCookie/ConsentCookie.d.ts +0 -17
- package/dist/types/components/ConsentCookie/export.d.ts +0 -0
- package/dist/types/components/ConsentCookie/stories.d.ts +0 -0
- package/dist/types/components/Footer/Footer.css.d.ts +0 -50
- package/dist/types/components/Footer/Footer.d.ts +0 -7
- package/dist/types/components/Footer/export.d.ts +0 -0
- package/dist/types/components/Footer/stories.d.ts +0 -6
- package/dist/types/components/Form/Form.css.d.ts +0 -46
- package/dist/types/components/Form/Form.d.ts +0 -7
- package/dist/types/components/Form/Row/Row.css.d.ts +0 -51
- package/dist/types/components/Form/Row/Row.d.ts +0 -9
- package/dist/types/components/Form/Row/index.d.ts +0 -0
- package/dist/types/components/Form/Row/stories.d.ts +0 -0
- package/dist/types/components/Form/TextField/Input/Input.css.d.ts +0 -32
- package/dist/types/components/Form/TextField/Input/Input.d.ts +0 -10
- package/dist/types/components/Form/TextField/Input/export.d.ts +0 -0
- package/dist/types/components/Form/TextField/Label/Label.css.d.ts +0 -23
- package/dist/types/components/Form/TextField/Label/Label.d.ts +0 -9
- package/dist/types/components/Form/TextField/Label/export.d.ts +0 -0
- package/dist/types/components/Form/TextField/TextField.css.d.ts +0 -19
- package/dist/types/components/Form/TextField/TextField.d.ts +0 -21
- package/dist/types/components/Form/TextField/Textarea/Textarea.css.d.ts +0 -56
- package/dist/types/components/Form/TextField/Textarea/Textarea.d.ts +0 -8
- package/dist/types/components/Form/TextField/Textarea/export.d.ts +0 -0
- package/dist/types/components/Form/TextField/Textarea/stories.d.ts +0 -0
- package/dist/types/components/Form/TextField/export.d.ts +0 -0
- package/dist/types/components/Form/export.d.ts +0 -0
- package/dist/types/components/Header/Header.css.d.ts +0 -36
- package/dist/types/components/Header/Header.d.ts +0 -11
- package/dist/types/components/Header/HeaderOverlay/index.d.ts +0 -7
- package/dist/types/components/Header/HeaderOverlay/styles.css.d.ts +0 -5
- package/dist/types/components/Header/ToggleNav/index.d.ts +0 -9
- package/dist/types/components/Header/ToggleNav/styles.css.d.ts +0 -5
- package/dist/types/components/Header/export.d.ts +0 -0
- package/dist/types/components/Header/stories.d.ts +0 -6
- package/dist/types/components/Icon/Icon.css.d.ts +0 -45
- package/dist/types/components/Icon/Icon.d.ts +0 -12
- package/dist/types/components/Icon/export.d.ts +0 -0
- package/dist/types/components/Icon/path.d.ts +0 -19
- package/dist/types/components/Icon/stories.d.ts +0 -0
- package/dist/types/components/KeyNumber/KeyNumber.css.d.ts +0 -40
- package/dist/types/components/KeyNumber/KeyNumber.d.ts +0 -15
- package/dist/types/components/KeyNumber/export.d.ts +0 -0
- package/dist/types/components/LanguageSwitcher/LanguageSwitcher.css.d.ts +0 -18
- package/dist/types/components/LanguageSwitcher/LanguageSwitcher.d.ts +0 -16
- package/dist/types/components/LanguageSwitcher/export.d.ts +0 -0
- package/dist/types/components/Logo/Logo.css.d.ts +0 -54
- package/dist/types/components/Logo/Logo.d.ts +0 -8
- package/dist/types/components/Logo/export.d.ts +0 -0
- package/dist/types/components/Logo/stories.d.ts +0 -6
- package/dist/types/components/Main/Main.css.d.ts +0 -32
- package/dist/types/components/Main/Main.d.ts +0 -7
- package/dist/types/components/Main/export.d.ts +0 -0
- package/dist/types/components/Main/stories.d.ts +0 -0
- package/dist/types/components/Modal/Modal.css.d.ts +0 -82
- package/dist/types/components/Modal/Modal.d.ts +0 -15
- package/dist/types/components/Modal/export.d.ts +0 -0
- package/dist/types/components/Modal/types.d.ts +0 -5
- package/dist/types/components/Nav/Nav.css.d.ts +0 -52
- package/dist/types/components/Nav/Nav.d.ts +0 -7
- package/dist/types/components/Nav/export.d.ts +0 -0
- package/dist/types/components/Nav/stories.d.ts +0 -6
- package/dist/types/components/NavLegal/NavLegal.css.d.ts +0 -57
- package/dist/types/components/NavLegal/NavLegal.d.ts +0 -7
- package/dist/types/components/NavLegal/export.d.ts +0 -0
- package/dist/types/components/NavLegal/stories.d.ts +0 -6
- package/dist/types/components/NavLegal/types.d.ts +0 -1
- package/dist/types/components/NavSocial/NavSocial.css.d.ts +0 -30
- package/dist/types/components/NavSocial/NavSocial.d.ts +0 -15
- package/dist/types/components/NavSocial/export.d.ts +0 -0
- package/dist/types/components/NavSocial/stories.d.ts +0 -0
- package/dist/types/components/NavSocial/types.d.ts +0 -1
- package/dist/types/components/Section/Section.css.d.ts +0 -60
- package/dist/types/components/Section/Section.d.ts +0 -7
- package/dist/types/components/Section/export.d.ts +0 -0
- package/dist/types/components/Section/stories.d.ts +0 -0
- package/dist/types/components/ToRemove/ToRemove.d.ts +0 -1
- package/dist/types/components/Video/Video.css.d.ts +0 -43
- package/dist/types/components/Video/Video.d.ts +0 -17
- package/dist/types/components/Video/export.d.ts +0 -0
- package/dist/types/components/VideoFullWidth/VideoFullWidth.css.d.ts +0 -18
- package/dist/types/components/VideoFullWidth/VideoFullWidth.d.ts +0 -14
- package/dist/types/components/VideoFullWidth/export.d.ts +0 -0
- package/dist/types/utils/cookie.d.ts +0 -2
- package/dist/types/utils/deep-merge-objects.d.ts +0 -2
- package/dist/types/utils/theme.css.d.ts +0 -173
- package/dist/types/utils/use-breakpoint-key.d.ts +0 -1
- package/dist/types/utils/use-window-size.d.ts +0 -5
- package/dist/utils/theme.css.ts +0 -129
@@ -1,7 +0,0 @@
|
|
1
|
-
import { MainVariants } from './Main.css';
|
2
|
-
import { Sprinkles } from '../../styles/sprinkles.css';
|
3
|
-
export interface MainProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Sprinkles, NonNullable<MainVariants> {
|
4
|
-
css?: string;
|
5
|
-
as?: 'main' | 'div';
|
6
|
-
}
|
7
|
-
export declare const Main: import('react').ForwardRefExoticComponent<MainProps & import('react').RefAttributes<HTMLElement>>;
|
File without changes
|
File without changes
|
@@ -1,82 +0,0 @@
|
|
1
|
-
import { RecipeVariants } from '@vanilla-extract/recipes';
|
2
|
-
declare const modalCloseButton: string;
|
3
|
-
export declare const modalRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
|
4
|
-
size: {
|
5
|
-
sm: {};
|
6
|
-
md: {};
|
7
|
-
lg: {};
|
8
|
-
xl: {};
|
9
|
-
full: {
|
10
|
-
padding: number;
|
11
|
-
};
|
12
|
-
};
|
13
|
-
centered: {
|
14
|
-
true: {
|
15
|
-
alignItems: "center";
|
16
|
-
justifyContent: "center";
|
17
|
-
};
|
18
|
-
false: {
|
19
|
-
alignItems: "flex-start";
|
20
|
-
justifyContent: "center";
|
21
|
-
paddingTop: "5vh";
|
22
|
-
};
|
23
|
-
};
|
24
|
-
}>;
|
25
|
-
export declare const modalContentRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
|
26
|
-
size: {
|
27
|
-
sm: {
|
28
|
-
padding: `var(--${string})`;
|
29
|
-
'@media': {
|
30
|
-
[x: string]: {
|
31
|
-
maxWidth: "400px";
|
32
|
-
};
|
33
|
-
};
|
34
|
-
};
|
35
|
-
md: {
|
36
|
-
padding: `var(--${string})`;
|
37
|
-
'@media': {
|
38
|
-
[x: string]: {
|
39
|
-
maxWidth: "500px";
|
40
|
-
};
|
41
|
-
};
|
42
|
-
};
|
43
|
-
lg: {
|
44
|
-
padding: `var(--${string})`;
|
45
|
-
'@media': {
|
46
|
-
[x: string]: {
|
47
|
-
maxWidth: "700px";
|
48
|
-
};
|
49
|
-
};
|
50
|
-
};
|
51
|
-
xl: {
|
52
|
-
padding: `var(--${string})`;
|
53
|
-
'@media': {
|
54
|
-
[x: string]: {
|
55
|
-
maxWidth: "900px";
|
56
|
-
};
|
57
|
-
};
|
58
|
-
};
|
59
|
-
full: {
|
60
|
-
width: "100vw";
|
61
|
-
height: "100vh";
|
62
|
-
maxWidth: "none";
|
63
|
-
maxHeight: "none";
|
64
|
-
borderRadius: number;
|
65
|
-
padding: `var(--${string})`;
|
66
|
-
};
|
67
|
-
};
|
68
|
-
align: {
|
69
|
-
left: {
|
70
|
-
textAlign: "left";
|
71
|
-
};
|
72
|
-
center: {
|
73
|
-
textAlign: "center";
|
74
|
-
};
|
75
|
-
right: {
|
76
|
-
textAlign: "right";
|
77
|
-
};
|
78
|
-
};
|
79
|
-
}>;
|
80
|
-
export { modalCloseButton };
|
81
|
-
export type ModalVariants = RecipeVariants<typeof modalRecipe>;
|
82
|
-
export type ModalContentVariants = RecipeVariants<typeof modalContentRecipe>;
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { ModalContentVariants, ModalVariants } from './Modal.css';
|
2
|
-
import { Sprinkles } from '../../styles/sprinkles.css';
|
3
|
-
export interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<ModalVariants> {
|
4
|
-
css?: string;
|
5
|
-
isOpen: boolean;
|
6
|
-
onClose?: () => void;
|
7
|
-
showCloseButton?: boolean;
|
8
|
-
closeOnBackdropClick?: boolean;
|
9
|
-
closeOnEscape?: boolean;
|
10
|
-
contentProps?: ModalContentVariants & {
|
11
|
-
css?: string;
|
12
|
-
className?: string;
|
13
|
-
};
|
14
|
-
}
|
15
|
-
export declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
|
File without changes
|
@@ -1,52 +0,0 @@
|
|
1
|
-
import { RecipeVariants } from '@vanilla-extract/recipes';
|
2
|
-
export declare const navRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
|
3
|
-
orientation: {
|
4
|
-
horizontal: {
|
5
|
-
flexDirection: "row";
|
6
|
-
alignItems: "center";
|
7
|
-
};
|
8
|
-
vertical: {
|
9
|
-
flexDirection: "column";
|
10
|
-
alignItems: "flex-start";
|
11
|
-
};
|
12
|
-
responsive: {
|
13
|
-
flexDirection: "column";
|
14
|
-
alignItems: "flex-start";
|
15
|
-
'@media': {
|
16
|
-
[x: string]: {
|
17
|
-
flexDirection: "row";
|
18
|
-
alignItems: "center";
|
19
|
-
};
|
20
|
-
};
|
21
|
-
};
|
22
|
-
};
|
23
|
-
variant: {
|
24
|
-
default: {
|
25
|
-
gap: `var(--${string})`;
|
26
|
-
};
|
27
|
-
compact: {
|
28
|
-
gap: `var(--${string})`;
|
29
|
-
};
|
30
|
-
spacious: {
|
31
|
-
gap: `var(--${string})`;
|
32
|
-
};
|
33
|
-
};
|
34
|
-
justify: {
|
35
|
-
start: {
|
36
|
-
justifyContent: "flex-start";
|
37
|
-
};
|
38
|
-
center: {
|
39
|
-
justifyContent: "center";
|
40
|
-
};
|
41
|
-
end: {
|
42
|
-
justifyContent: "flex-end";
|
43
|
-
};
|
44
|
-
between: {
|
45
|
-
justifyContent: "space-between";
|
46
|
-
};
|
47
|
-
around: {
|
48
|
-
justifyContent: "space-around";
|
49
|
-
};
|
50
|
-
};
|
51
|
-
}>;
|
52
|
-
export type NavVariants = RecipeVariants<typeof navRecipe>;
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { NavVariants } from './Nav.css';
|
2
|
-
import { Sprinkles } from '../../styles/sprinkles.css';
|
3
|
-
export interface NavProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Sprinkles, NonNullable<NavVariants> {
|
4
|
-
css?: string;
|
5
|
-
as?: 'nav' | 'div' | 'ul';
|
6
|
-
}
|
7
|
-
export declare const Nav: import('react').ForwardRefExoticComponent<NavProps & import('react').RefAttributes<HTMLElement>>;
|
File without changes
|
@@ -1,57 +0,0 @@
|
|
1
|
-
import { RecipeVariants } from '@vanilla-extract/recipes';
|
2
|
-
export declare const navLegalRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
|
3
|
-
orientation: {
|
4
|
-
horizontal: {
|
5
|
-
flexDirection: "row";
|
6
|
-
};
|
7
|
-
vertical: {
|
8
|
-
flexDirection: "column";
|
9
|
-
alignItems: "flex-start";
|
10
|
-
};
|
11
|
-
responsive: {
|
12
|
-
flexDirection: "column";
|
13
|
-
alignItems: "flex-start";
|
14
|
-
'@media': {
|
15
|
-
[x: string]: {
|
16
|
-
flexDirection: "row";
|
17
|
-
alignItems: "center";
|
18
|
-
};
|
19
|
-
};
|
20
|
-
};
|
21
|
-
};
|
22
|
-
size: {
|
23
|
-
sm: {
|
24
|
-
fontSize: `var(--${string})`;
|
25
|
-
gap: `var(--${string})`;
|
26
|
-
};
|
27
|
-
md: {
|
28
|
-
fontSize: `var(--${string})`;
|
29
|
-
gap: `var(--${string})`;
|
30
|
-
};
|
31
|
-
lg: {
|
32
|
-
fontSize: `var(--${string})`;
|
33
|
-
gap: `var(--${string})`;
|
34
|
-
};
|
35
|
-
};
|
36
|
-
variant: {
|
37
|
-
default: {};
|
38
|
-
compact: {
|
39
|
-
gap: `var(--${string})`;
|
40
|
-
};
|
41
|
-
spacious: {
|
42
|
-
gap: `var(--${string})`;
|
43
|
-
};
|
44
|
-
};
|
45
|
-
align: {
|
46
|
-
left: {
|
47
|
-
justifyContent: "flex-start";
|
48
|
-
};
|
49
|
-
center: {
|
50
|
-
justifyContent: "center";
|
51
|
-
};
|
52
|
-
right: {
|
53
|
-
justifyContent: "flex-end";
|
54
|
-
};
|
55
|
-
};
|
56
|
-
}>;
|
57
|
-
export type NavLegalVariants = RecipeVariants<typeof navLegalRecipe>;
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { NavLegalVariants } from './NavLegal.css';
|
2
|
-
import { Sprinkles } from '../../styles/sprinkles.css';
|
3
|
-
export interface NavLegalProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Sprinkles, NonNullable<NavLegalVariants> {
|
4
|
-
css?: string;
|
5
|
-
as?: 'nav' | 'div' | 'footer';
|
6
|
-
}
|
7
|
-
export declare const NavLegal: import('react').ForwardRefExoticComponent<NavLegalProps & import('react').RefAttributes<HTMLElement>>;
|
File without changes
|
@@ -1 +0,0 @@
|
|
1
|
-
export type Social = 'instagram' | 'linkedIn' | 'facebook' | 'pinterest' | 'spotify' | 'X' | 'youtube' | 'tiktok';
|
@@ -1,30 +0,0 @@
|
|
1
|
-
import { RecipeVariants } from '@vanilla-extract/recipes';
|
2
|
-
declare const navSocialLink: string;
|
3
|
-
export declare const navSocialRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
|
4
|
-
orientation: {
|
5
|
-
horizontal: {
|
6
|
-
flexDirection: "row";
|
7
|
-
};
|
8
|
-
vertical: {
|
9
|
-
flexDirection: "column";
|
10
|
-
};
|
11
|
-
};
|
12
|
-
size: {
|
13
|
-
sm: {
|
14
|
-
gap: `var(--${string})`;
|
15
|
-
};
|
16
|
-
md: {
|
17
|
-
gap: `var(--${string})`;
|
18
|
-
};
|
19
|
-
lg: {
|
20
|
-
gap: `var(--${string})`;
|
21
|
-
};
|
22
|
-
};
|
23
|
-
variant: {
|
24
|
-
default: {};
|
25
|
-
rounded: {};
|
26
|
-
outlined: {};
|
27
|
-
};
|
28
|
-
}>;
|
29
|
-
export { navSocialLink };
|
30
|
-
export type NavSocialVariants = RecipeVariants<typeof navSocialRecipe>;
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { NavSocialVariants } from './NavSocial.css';
|
2
|
-
import { Sprinkles } from '../../styles/sprinkles.css';
|
3
|
-
export type SocialNetwork = 'instagram' | 'linkedIn' | 'facebook' | 'pinterest' | 'spotify' | 'X' | 'youtube' | 'tiktok';
|
4
|
-
export interface SocialLink {
|
5
|
-
name: SocialNetwork;
|
6
|
-
url: string;
|
7
|
-
label?: string;
|
8
|
-
}
|
9
|
-
export interface NavSocialProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Sprinkles, NonNullable<NavSocialVariants> {
|
10
|
-
css?: string;
|
11
|
-
links: SocialLink[];
|
12
|
-
iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
13
|
-
as?: 'nav' | 'div' | 'ul';
|
14
|
-
}
|
15
|
-
export declare const NavSocial: import('react').ForwardRefExoticComponent<NavSocialProps & import('react').RefAttributes<HTMLElement>>;
|
File without changes
|
File without changes
|
@@ -1 +0,0 @@
|
|
1
|
-
export type Social = 'instagram' | 'linkedIn' | 'facebook' | 'pinterest' | 'spotify' | 'X' | 'youtube' | 'tiktok';
|
@@ -1,60 +0,0 @@
|
|
1
|
-
import { RecipeVariants } from '@vanilla-extract/recipes';
|
2
|
-
export declare const sectionRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
|
3
|
-
align: {
|
4
|
-
left: {
|
5
|
-
textAlign: "left";
|
6
|
-
alignItems: "flex-start";
|
7
|
-
};
|
8
|
-
center: {
|
9
|
-
textAlign: "center";
|
10
|
-
alignItems: "center";
|
11
|
-
};
|
12
|
-
right: {
|
13
|
-
textAlign: "right";
|
14
|
-
alignItems: "flex-end";
|
15
|
-
};
|
16
|
-
};
|
17
|
-
isDark: {
|
18
|
-
true: {
|
19
|
-
backgroundColor: `var(--${string})`;
|
20
|
-
color: `var(--${string})`;
|
21
|
-
};
|
22
|
-
false: {
|
23
|
-
backgroundColor: `var(--${string})`;
|
24
|
-
color: `var(--${string})`;
|
25
|
-
};
|
26
|
-
};
|
27
|
-
isFullHeight: {
|
28
|
-
true: {
|
29
|
-
minHeight: "100vh";
|
30
|
-
justifyContent: "center";
|
31
|
-
};
|
32
|
-
false: {
|
33
|
-
minHeight: "auto";
|
34
|
-
justifyContent: "flex-start";
|
35
|
-
};
|
36
|
-
};
|
37
|
-
spacing: {
|
38
|
-
none: {
|
39
|
-
paddingTop: "0";
|
40
|
-
paddingBottom: "0";
|
41
|
-
};
|
42
|
-
sm: {
|
43
|
-
paddingTop: `var(--${string})`;
|
44
|
-
paddingBottom: `var(--${string})`;
|
45
|
-
};
|
46
|
-
md: {
|
47
|
-
paddingTop: `var(--${string})`;
|
48
|
-
paddingBottom: `var(--${string})`;
|
49
|
-
};
|
50
|
-
lg: {
|
51
|
-
paddingTop: `var(--${string})`;
|
52
|
-
paddingBottom: `var(--${string})`;
|
53
|
-
};
|
54
|
-
xl: {
|
55
|
-
paddingTop: `var(--${string})`;
|
56
|
-
paddingBottom: `var(--${string})`;
|
57
|
-
};
|
58
|
-
};
|
59
|
-
}>;
|
60
|
-
export type SectionVariants = RecipeVariants<typeof sectionRecipe>;
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { SectionVariants } from './Section.css';
|
2
|
-
import { Sprinkles } from '../../styles/sprinkles.css';
|
3
|
-
export interface SectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<SectionVariants> {
|
4
|
-
css?: string;
|
5
|
-
as?: 'section' | 'div' | 'main' | 'article' | 'aside';
|
6
|
-
}
|
7
|
-
export declare const Section: import('react').ForwardRefExoticComponent<SectionProps & import('react').RefAttributes<HTMLDivElement>>;
|
File without changes
|
File without changes
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const ToRemove: () => import("react").JSX.Element;
|
@@ -1,43 +0,0 @@
|
|
1
|
-
import { RecipeVariants } from '@vanilla-extract/recipes';
|
2
|
-
declare const videoElement: string;
|
3
|
-
declare const videoPoster: string;
|
4
|
-
declare const posterImage: string;
|
5
|
-
declare const playButton: string;
|
6
|
-
declare const closeButton: string;
|
7
|
-
declare const pauseButton: string;
|
8
|
-
declare const soundButton: string;
|
9
|
-
export declare const videoRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
|
10
|
-
size: {
|
11
|
-
sm: {
|
12
|
-
width: "300px";
|
13
|
-
height: "200px";
|
14
|
-
};
|
15
|
-
md: {
|
16
|
-
width: "500px";
|
17
|
-
height: "300px";
|
18
|
-
};
|
19
|
-
lg: {
|
20
|
-
width: "800px";
|
21
|
-
height: "450px";
|
22
|
-
};
|
23
|
-
fullWidth: {
|
24
|
-
width: "100vw";
|
25
|
-
height: number;
|
26
|
-
paddingBottom: "56.25%";
|
27
|
-
position: "relative";
|
28
|
-
};
|
29
|
-
};
|
30
|
-
aspectRatio: {
|
31
|
-
'16:9': {
|
32
|
-
aspectRatio: "16/9";
|
33
|
-
};
|
34
|
-
'4:3': {
|
35
|
-
aspectRatio: "4/3";
|
36
|
-
};
|
37
|
-
'1:1': {
|
38
|
-
aspectRatio: "1/1";
|
39
|
-
};
|
40
|
-
};
|
41
|
-
}>;
|
42
|
-
export { videoElement, videoPoster, posterImage, playButton, closeButton, pauseButton, soundButton };
|
43
|
-
export type VideoVariants = RecipeVariants<typeof videoRecipe>;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import { VideoVariants } from './Video.css';
|
2
|
-
import { Sprinkles } from '../../styles/sprinkles.css';
|
3
|
-
export interface VideoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<VideoVariants> {
|
4
|
-
css?: string;
|
5
|
-
video: string;
|
6
|
-
poster?: string;
|
7
|
-
isAutoPlay?: boolean;
|
8
|
-
startMuted?: boolean;
|
9
|
-
showControls?: boolean;
|
10
|
-
hidePlayButton?: boolean;
|
11
|
-
isVideoFullWidth?: boolean;
|
12
|
-
isPlayingFullScreen?: boolean;
|
13
|
-
onPlay?: () => void;
|
14
|
-
onClose?: () => void;
|
15
|
-
onEnded?: () => void;
|
16
|
-
}
|
17
|
-
export declare const Video: import('react').ForwardRefExoticComponent<VideoProps & import('react').RefAttributes<HTMLDivElement>>;
|
File without changes
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { RecipeVariants } from '@vanilla-extract/recipes';
|
2
|
-
export declare const videoFullWidthRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
|
3
|
-
aspectRatio: {
|
4
|
-
'16:9': {
|
5
|
-
paddingBottom: "56.25%";
|
6
|
-
};
|
7
|
-
'4:3': {
|
8
|
-
paddingBottom: "75%";
|
9
|
-
};
|
10
|
-
'1:1': {
|
11
|
-
paddingBottom: "100%";
|
12
|
-
};
|
13
|
-
'21:9': {
|
14
|
-
paddingBottom: "42.86%";
|
15
|
-
};
|
16
|
-
};
|
17
|
-
}>;
|
18
|
-
export type VideoFullWidthVariants = RecipeVariants<typeof videoFullWidthRecipe>;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { VideoFullWidthVariants } from './VideoFullWidth.css';
|
2
|
-
import { Sprinkles } from '../../styles/sprinkles.css';
|
3
|
-
export interface VideoFullWidthProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<VideoFullWidthVariants> {
|
4
|
-
css?: string;
|
5
|
-
video: string;
|
6
|
-
poster?: string;
|
7
|
-
isAutoPlay?: boolean;
|
8
|
-
startMuted?: boolean;
|
9
|
-
showControls?: boolean;
|
10
|
-
onPlay?: () => void;
|
11
|
-
onClose?: () => void;
|
12
|
-
onEnded?: () => void;
|
13
|
-
}
|
14
|
-
export declare const VideoFullWidth: import('react').ForwardRefExoticComponent<VideoFullWidthProps & import('react').RefAttributes<HTMLDivElement>>;
|
File without changes
|