@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.
Files changed (155) hide show
  1. package/package.json +12 -23
  2. package/src/assets/styles/default-theme.ts +312 -0
  3. package/src/components/Button/stories.ts +127 -0
  4. package/src/components/Columns/stories.ts +35 -0
  5. package/src/components/Icon/path.ts +36 -0
  6. package/src/components/Icon/stories.ts +29 -0
  7. package/src/components/Main/stories.ts +33 -0
  8. package/src/components/Section/stories.ts +64 -0
  9. package/{dist/types/index.d.ts → src/index.ts} +38 -0
  10. package/src/styles/mediaqueries.ts +17 -0
  11. package/src/theme/baseThemeValues.ts +160 -0
  12. package/src/theme/index.ts +6 -0
  13. package/src/theme/utils.ts +76 -0
  14. package/src/types/theme.ts +295 -0
  15. package/src/types/withClassName.ts +3 -0
  16. package/src/utils/cookie.ts +24 -0
  17. package/src/utils/deep-merge-objects.ts +15 -0
  18. package/src/utils/use-breakpoint-key.ts +30 -0
  19. package/src/utils/use-window-size.ts +37 -0
  20. package/dist/components/Actions/Actions.css.ts +0 -113
  21. package/dist/components/Button/Button.css.ts +0 -119
  22. package/dist/components/Carousel/Carousel.css.ts +0 -179
  23. package/dist/components/Columns/Columns.css.ts +0 -185
  24. package/dist/components/ConsentCookie/ConsentCookie.css.ts +0 -167
  25. package/dist/components/Footer/Footer.css.ts +0 -108
  26. package/dist/components/Form/Form.css.ts +0 -64
  27. package/dist/components/Form/Row/Row.css.ts +0 -70
  28. package/dist/components/Form/TextField/Input/Input.css.ts +0 -106
  29. package/dist/components/Form/TextField/Label/Label.css.ts +0 -58
  30. package/dist/components/Form/TextField/TextField.css.ts +0 -139
  31. package/dist/components/Form/TextField/Textarea/Textarea.css.ts +0 -121
  32. package/dist/components/Header/Header.css.ts +0 -111
  33. package/dist/components/Header/HeaderOverlay/styles.css.ts +0 -33
  34. package/dist/components/Header/ToggleNav/styles.css.ts +0 -40
  35. package/dist/components/Icon/Icon.css.ts +0 -102
  36. package/dist/components/KeyNumber/KeyNumber.css.ts +0 -158
  37. package/dist/components/LanguageSwitcher/LanguageSwitcher.css.ts +0 -120
  38. package/dist/components/Logo/Logo.css.ts +0 -98
  39. package/dist/components/Main/Main.css.ts +0 -62
  40. package/dist/components/Modal/Modal.css.ts +0 -203
  41. package/dist/components/Nav/Nav.css.ts +0 -123
  42. package/dist/components/NavLegal/NavLegal.css.ts +0 -121
  43. package/dist/components/NavSocial/NavSocial.css.ts +0 -121
  44. package/dist/components/Section/Section.css.ts +0 -101
  45. package/dist/components/Video/Video.css.ts +0 -210
  46. package/dist/components/VideoFullWidth/VideoFullWidth.css.ts +0 -50
  47. package/dist/index.cjs.js +0 -2
  48. package/dist/index.es.js +0 -6813
  49. package/dist/styles/sprinkles.css.ts +0 -84
  50. package/dist/theme/contract.css.ts +0 -83
  51. package/dist/types/components/Actions/Actions.css.d.ts +0 -74
  52. package/dist/types/components/Actions/Actions.d.ts +0 -7
  53. package/dist/types/components/Actions/export.d.ts +0 -0
  54. package/dist/types/components/Actions/stories.d.ts +0 -0
  55. package/dist/types/components/Button/Button.css.d.ts +0 -65
  56. package/dist/types/components/Button/Button.d.ts +0 -8
  57. package/dist/types/components/Button/export.d.ts +0 -0
  58. package/dist/types/components/Button/stories.d.ts +0 -0
  59. package/dist/types/components/Carousel/Carousel.css.d.ts +0 -33
  60. package/dist/types/components/Carousel/Carousel.d.ts +0 -15
  61. package/dist/types/components/Carousel/export.d.ts +0 -0
  62. package/dist/types/components/Columns/Columns.css.d.ts +0 -104
  63. package/dist/types/components/Columns/Columns.d.ts +0 -8
  64. package/dist/types/components/Columns/export.d.ts +0 -0
  65. package/dist/types/components/Columns/stories.d.ts +0 -0
  66. package/dist/types/components/ConsentCookie/ConsentCookie.css.d.ts +0 -15
  67. package/dist/types/components/ConsentCookie/ConsentCookie.d.ts +0 -17
  68. package/dist/types/components/ConsentCookie/export.d.ts +0 -0
  69. package/dist/types/components/ConsentCookie/stories.d.ts +0 -0
  70. package/dist/types/components/Footer/Footer.css.d.ts +0 -50
  71. package/dist/types/components/Footer/Footer.d.ts +0 -7
  72. package/dist/types/components/Footer/export.d.ts +0 -0
  73. package/dist/types/components/Footer/stories.d.ts +0 -6
  74. package/dist/types/components/Form/Form.css.d.ts +0 -46
  75. package/dist/types/components/Form/Form.d.ts +0 -7
  76. package/dist/types/components/Form/Row/Row.css.d.ts +0 -51
  77. package/dist/types/components/Form/Row/Row.d.ts +0 -9
  78. package/dist/types/components/Form/Row/index.d.ts +0 -0
  79. package/dist/types/components/Form/Row/stories.d.ts +0 -0
  80. package/dist/types/components/Form/TextField/Input/Input.css.d.ts +0 -32
  81. package/dist/types/components/Form/TextField/Input/Input.d.ts +0 -10
  82. package/dist/types/components/Form/TextField/Input/export.d.ts +0 -0
  83. package/dist/types/components/Form/TextField/Label/Label.css.d.ts +0 -23
  84. package/dist/types/components/Form/TextField/Label/Label.d.ts +0 -9
  85. package/dist/types/components/Form/TextField/Label/export.d.ts +0 -0
  86. package/dist/types/components/Form/TextField/TextField.css.d.ts +0 -19
  87. package/dist/types/components/Form/TextField/TextField.d.ts +0 -21
  88. package/dist/types/components/Form/TextField/Textarea/Textarea.css.d.ts +0 -56
  89. package/dist/types/components/Form/TextField/Textarea/Textarea.d.ts +0 -8
  90. package/dist/types/components/Form/TextField/Textarea/export.d.ts +0 -0
  91. package/dist/types/components/Form/TextField/Textarea/stories.d.ts +0 -0
  92. package/dist/types/components/Form/TextField/export.d.ts +0 -0
  93. package/dist/types/components/Form/export.d.ts +0 -0
  94. package/dist/types/components/Header/Header.css.d.ts +0 -36
  95. package/dist/types/components/Header/Header.d.ts +0 -11
  96. package/dist/types/components/Header/HeaderOverlay/index.d.ts +0 -7
  97. package/dist/types/components/Header/HeaderOverlay/styles.css.d.ts +0 -5
  98. package/dist/types/components/Header/ToggleNav/index.d.ts +0 -9
  99. package/dist/types/components/Header/ToggleNav/styles.css.d.ts +0 -5
  100. package/dist/types/components/Header/export.d.ts +0 -0
  101. package/dist/types/components/Header/stories.d.ts +0 -6
  102. package/dist/types/components/Icon/Icon.css.d.ts +0 -45
  103. package/dist/types/components/Icon/Icon.d.ts +0 -12
  104. package/dist/types/components/Icon/export.d.ts +0 -0
  105. package/dist/types/components/Icon/path.d.ts +0 -19
  106. package/dist/types/components/Icon/stories.d.ts +0 -0
  107. package/dist/types/components/KeyNumber/KeyNumber.css.d.ts +0 -40
  108. package/dist/types/components/KeyNumber/KeyNumber.d.ts +0 -15
  109. package/dist/types/components/KeyNumber/export.d.ts +0 -0
  110. package/dist/types/components/LanguageSwitcher/LanguageSwitcher.css.d.ts +0 -18
  111. package/dist/types/components/LanguageSwitcher/LanguageSwitcher.d.ts +0 -16
  112. package/dist/types/components/LanguageSwitcher/export.d.ts +0 -0
  113. package/dist/types/components/Logo/Logo.css.d.ts +0 -54
  114. package/dist/types/components/Logo/Logo.d.ts +0 -8
  115. package/dist/types/components/Logo/export.d.ts +0 -0
  116. package/dist/types/components/Logo/stories.d.ts +0 -6
  117. package/dist/types/components/Main/Main.css.d.ts +0 -32
  118. package/dist/types/components/Main/Main.d.ts +0 -7
  119. package/dist/types/components/Main/export.d.ts +0 -0
  120. package/dist/types/components/Main/stories.d.ts +0 -0
  121. package/dist/types/components/Modal/Modal.css.d.ts +0 -82
  122. package/dist/types/components/Modal/Modal.d.ts +0 -15
  123. package/dist/types/components/Modal/export.d.ts +0 -0
  124. package/dist/types/components/Modal/types.d.ts +0 -5
  125. package/dist/types/components/Nav/Nav.css.d.ts +0 -52
  126. package/dist/types/components/Nav/Nav.d.ts +0 -7
  127. package/dist/types/components/Nav/export.d.ts +0 -0
  128. package/dist/types/components/Nav/stories.d.ts +0 -6
  129. package/dist/types/components/NavLegal/NavLegal.css.d.ts +0 -57
  130. package/dist/types/components/NavLegal/NavLegal.d.ts +0 -7
  131. package/dist/types/components/NavLegal/export.d.ts +0 -0
  132. package/dist/types/components/NavLegal/stories.d.ts +0 -6
  133. package/dist/types/components/NavLegal/types.d.ts +0 -1
  134. package/dist/types/components/NavSocial/NavSocial.css.d.ts +0 -30
  135. package/dist/types/components/NavSocial/NavSocial.d.ts +0 -15
  136. package/dist/types/components/NavSocial/export.d.ts +0 -0
  137. package/dist/types/components/NavSocial/stories.d.ts +0 -0
  138. package/dist/types/components/NavSocial/types.d.ts +0 -1
  139. package/dist/types/components/Section/Section.css.d.ts +0 -60
  140. package/dist/types/components/Section/Section.d.ts +0 -7
  141. package/dist/types/components/Section/export.d.ts +0 -0
  142. package/dist/types/components/Section/stories.d.ts +0 -0
  143. package/dist/types/components/ToRemove/ToRemove.d.ts +0 -1
  144. package/dist/types/components/Video/Video.css.d.ts +0 -43
  145. package/dist/types/components/Video/Video.d.ts +0 -17
  146. package/dist/types/components/Video/export.d.ts +0 -0
  147. package/dist/types/components/VideoFullWidth/VideoFullWidth.css.d.ts +0 -18
  148. package/dist/types/components/VideoFullWidth/VideoFullWidth.d.ts +0 -14
  149. package/dist/types/components/VideoFullWidth/export.d.ts +0 -0
  150. package/dist/types/utils/cookie.d.ts +0 -2
  151. package/dist/types/utils/deep-merge-objects.d.ts +0 -2
  152. package/dist/types/utils/theme.css.d.ts +0 -173
  153. package/dist/types/utils/use-breakpoint-key.d.ts +0 -1
  154. package/dist/types/utils/use-window-size.d.ts +0 -5
  155. 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,5 +0,0 @@
1
- export declare enum Align {
2
- Center = 0,
3
- Left = 1,
4
- Right = 2
5
- }
@@ -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,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Nav } from '../../index';
3
- declare const meta: Meta<typeof Nav>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -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,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { NavLegal } from '../../index';
3
- declare const meta: Meta<typeof NavLegal>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -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
@@ -1,2 +0,0 @@
1
- export declare function getCookie(name: string): string;
2
- export declare function setCookie(name: string, value: string, expirationInDays: number): void;
@@ -1,2 +0,0 @@
1
- declare const deepMergeObjects: (obj1: any, obj2: any) => any;
2
- export default deepMergeObjects;