@latte-macchiat-io/latte-vanilla-components 0.0.280 → 0.0.281

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/Button/styles.css.ts +1 -0
  3. package/src/components/Header/styles.css.ts +2 -5
  4. package/src/components/Section/styles.css.ts +5 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@latte-macchiat-io/latte-vanilla-components",
3
- "version": "0.0.280",
3
+ "version": "0.0.281",
4
4
  "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
package/src/components/Button/styles.css.ts CHANGED
@@ -125,6 +125,7 @@ export const buttonRecipe = recipe(
125
125
 
126
126
  defaultVariants: {
127
127
  size: 'md',
128
+ fullWidth: false,
128
129
  variant: 'primary',
129
130
  },
130
131
  },
package/src/components/Header/styles.css.ts CHANGED
@@ -34,7 +34,6 @@ export const headerRecipe = recipe(
34
34
  variants: {
35
35
  isFixed: {
36
36
  true: { position: 'fixed' },
37
- false: { position: 'relative' },
38
37
  },
39
38
  },
40
39
 
@@ -63,7 +62,9 @@ export const headerOverlayRecipe = recipe(
63
62
  base: {
64
63
  inset: 0,
65
64
  zIndex: 25,
65
+ opacity: 0,
66
66
  position: 'fixed',
67
+ visibility: 'hidden',
67
68
  backgroundColor: themeContract.header.overlayBackgroundColor,
68
69
  transition: themeContract.header.overlayBackgroundTransition,
69
70
 
@@ -84,10 +85,6 @@ export const headerOverlayRecipe = recipe(
84
85
  opacity: 1,
85
86
  visibility: 'visible',
86
87
  },
87
- false: {
88
- opacity: 0,
89
- visibility: 'hidden',
90
- },
91
88
  },
92
89
  },
93
90
 
package/src/components/Section/styles.css.ts CHANGED
@@ -11,13 +11,18 @@ export const sectionRecipe = recipe(
11
11
  width: '100%',
12
12
  display: 'flex',
13
13
  margin: '0 auto',
14
+ minHeight: 'auto',
14
15
  position: 'relative',
15
16
  flexDirection: 'column',
17
+ justifyContent: 'flex-start',
18
+ color: themeContract.colors.text,
16
19
 
17
20
  '@media': {
18
21
  ...generateResponsiveMedia({
22
+ paddingTop: themeContract.section.paddingTop,
19
23
  paddingLeft: themeContract.global.paddingLeft,
20
24
  paddingRight: themeContract.global.paddingRight,
25
+ paddingBottom: themeContract.section.paddingBottom,
21
26
  }),
22
27
  },
23
28
  },
@@ -54,42 +59,20 @@ export const sectionRecipe = recipe(
54
59
  true: {
55
60
  color: themeContract.colors.textLight,
56
61
  },
57
- false: {
58
- color: themeContract.colors.text,
59
- },
60
62
  },
61
63
  isFullHeight: {
62
64
  true: {
63
65
  minHeight: '100vh',
64
66
  justifyContent: 'center',
65
67
  },
66
- false: {
67
- minHeight: 'auto',
68
- justifyContent: 'flex-start',
69
- },
70
68
  },
71
69
  isHeaderFixed: {
72
70
  true: {},
73
- false: {},
74
71
  },
75
72
  withPaddingTop: {
76
- true: {
77
- '@media': {
78
- ...generateResponsiveMedia({
79
- paddingTop: themeContract.section.paddingTop,
80
- }),
81
- },
82
- },
83
73
  false: { paddingTop: 'none' },
84
74
  },
85
75
  withPaddingBottom: {
86
- true: {
87
- '@media': {
88
- ...generateResponsiveMedia({
89
- paddingBottom: themeContract.section.paddingBottom,
90
- }),
91
- },
92
- },
93
76
  false: { paddingBottom: 'none' },
94
77
  },
95
78
  },
@@ -112,8 +95,6 @@ export const sectionRecipe = recipe(
112
95
  isDark: false,
113
96
  isFullHeight: false,
114
97
  isHeaderFixed: false,
115
- withPaddingTop: true,
116
- withPaddingBottom: true,
117
98
  variant: 'transparent',
118
99
  },
119
100
  },