@latte-macchiat-io/latte-vanilla-components 0.0.226 → 0.0.228
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
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { style } from '@vanilla-extract/css';
|
|
1
|
+
import { globalStyle, style } from '@vanilla-extract/css';
|
|
2
2
|
import { calc } from '@vanilla-extract/css-utils';
|
|
3
3
|
import { recipe, RecipeVariants } from '@vanilla-extract/recipes';
|
|
4
4
|
|
|
@@ -131,6 +131,14 @@ export const playButton = style([
|
|
|
131
131
|
},
|
|
132
132
|
]);
|
|
133
133
|
|
|
134
|
+
globalStyle(`${playButton} svg`, {
|
|
135
|
+
'@media': {
|
|
136
|
+
...generateResponsiveMedia({
|
|
137
|
+
width: themeContract.video.playButton.iconSize,
|
|
138
|
+
}),
|
|
139
|
+
},
|
|
140
|
+
});
|
|
141
|
+
|
|
134
142
|
const controlButton = style({
|
|
135
143
|
border: 'none',
|
|
136
144
|
display: 'flex',
|
|
@@ -678,6 +678,14 @@ export const themeContract = createGlobalThemeContract({
|
|
|
678
678
|
xl: 'latte-video-closeButton-height-xl',
|
|
679
679
|
'2xl': 'latte-video-closeButton-height-2xl',
|
|
680
680
|
},
|
|
681
|
+
iconSize: {
|
|
682
|
+
mobile: 'latte-video-playButton-iconSize-mobile',
|
|
683
|
+
sm: 'latte-video-playButton-iconSize-sm',
|
|
684
|
+
md: 'latte-video-playButton-iconSize-md',
|
|
685
|
+
lg: 'latte-video-playButton-iconSize-lg',
|
|
686
|
+
xl: 'latte-video-playButton-iconSize-xl',
|
|
687
|
+
'2xl': 'latte-video-playButton-iconSize-2xl',
|
|
688
|
+
},
|
|
681
689
|
},
|
|
682
690
|
pauseButton: {
|
|
683
691
|
border: 'latte-video-pauseButton-border',
|
|
@@ -700,6 +708,14 @@ export const themeContract = createGlobalThemeContract({
|
|
|
700
708
|
xl: 'latte-video-pauseButton-height-xl',
|
|
701
709
|
'2xl': 'latte-video-pauseButton-height-2xl',
|
|
702
710
|
},
|
|
711
|
+
iconSize: {
|
|
712
|
+
mobile: 'latte-video-pauseButton-iconSize-mobile',
|
|
713
|
+
sm: 'latte-video-pauseButton-iconSize-sm',
|
|
714
|
+
md: 'latte-video-pauseButton-iconSize-md',
|
|
715
|
+
lg: 'latte-video-pauseButton-iconSize-lg',
|
|
716
|
+
xl: 'latte-video-pauseButton-iconSize-xl',
|
|
717
|
+
'2xl': 'latte-video-pauseButton-iconSize-2xl',
|
|
718
|
+
},
|
|
703
719
|
},
|
|
704
720
|
soundButton: {
|
|
705
721
|
border: 'latte-video-soundButton-border',
|
|
@@ -722,6 +738,14 @@ export const themeContract = createGlobalThemeContract({
|
|
|
722
738
|
xl: 'latte-video-closeButton-height-xl',
|
|
723
739
|
'2xl': 'latte-video-closeButton-height-2xl',
|
|
724
740
|
},
|
|
741
|
+
iconSize: {
|
|
742
|
+
mobile: 'latte-video-soundButton-iconSize-mobile',
|
|
743
|
+
sm: 'latte-video-soundButton-iconSize-sm',
|
|
744
|
+
md: 'latte-video-soundButton-iconSize-md',
|
|
745
|
+
lg: 'latte-video-soundButton-iconSize-lg',
|
|
746
|
+
xl: 'latte-video-soundButton-iconSize-xl',
|
|
747
|
+
'2xl': 'latte-video-soundButton-iconSize-2xl',
|
|
748
|
+
},
|
|
725
749
|
},
|
|
726
750
|
closeButton: {
|
|
727
751
|
border: 'latte-video-closeButton-border',
|
|
@@ -744,6 +768,14 @@ export const themeContract = createGlobalThemeContract({
|
|
|
744
768
|
xl: 'latte-video-closeButton-height-xl',
|
|
745
769
|
'2xl': 'latte-video-closeButton-height-2xl',
|
|
746
770
|
},
|
|
771
|
+
iconSize: {
|
|
772
|
+
mobile: 'latte-video-closeButton-iconSize-mobile',
|
|
773
|
+
sm: 'latte-video-closeButton-iconSize-sm',
|
|
774
|
+
md: 'latte-video-closeButton-iconSize-md',
|
|
775
|
+
lg: 'latte-video-closeButton-iconSize-lg',
|
|
776
|
+
xl: 'latte-video-closeButton-iconSize-xl',
|
|
777
|
+
'2xl': 'latte-video-closeButton-iconSize-2xl',
|
|
778
|
+
},
|
|
747
779
|
},
|
|
748
780
|
},
|
|
749
781
|
carousel: {
|