fulldev-ui 0.3.32 → 0.3.34

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/base/Image.astro +3 -1
  3. package/src/components/segment/Section.astro +2 -1
  4. package/src/components/structure/Spread.astro +1 -0
  5. package/src/css/color.css +16 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fulldev-ui",
3
- "version": "0.3.32",
3
+ "version": "0.3.34",
4
4
  "description": "A component library built for Astro",
5
5
  "homepage": "https://ui.full.dev",
6
6
  "bugs": "https://github.com/fulldotdev/ui/issues",
package/src/components/base/Image.astro CHANGED
@@ -94,7 +94,7 @@ const {
94
94
  }
95
95
 
96
96
  &.radius-auto {
97
- border-radius: var(--radius-2);
97
+ border-radius: var(--radius-1);
98
98
  }
99
99
 
100
100
  &.radius-full {
@@ -114,6 +114,7 @@ const {
114
114
  height: 100%;
115
115
  max-height: 100%;
116
116
  object-fit: cover;
117
+ max-width: none;
117
118
  }
118
119
 
119
120
  &.position-cover {
@@ -131,6 +132,7 @@ const {
131
132
 
132
133
  &.position-inset {
133
134
  object-fit: cover;
135
+ max-width: none;
134
136
 
135
137
  &:is(.structure-column > &) {
136
138
  margin-right: calc(var(--inner-x) * -1);
package/src/components/segment/Section.astro CHANGED
@@ -52,6 +52,7 @@ const {
52
52
  padding: var(--inner-y) var(--inner-x);
53
53
  width: 100%;
54
54
  max-width: calc(100% - (2 * var(--outer-x)));
55
+ height: auto;
55
56
 
56
57
  &.frame-fill {
57
58
  --inner-x: var(--gutter);
@@ -83,7 +84,7 @@ const {
83
84
  --outer-y: var(--space-7);
84
85
 
85
86
  border: 1px solid var(--border);
86
- border-radius: var(--radius-3);
87
+ border-radius: var(--radius-2);
87
88
  overflow: hidden;
88
89
  }
89
90
 
package/src/components/structure/Spread.astro CHANGED
@@ -25,6 +25,7 @@ const { align = 'center', ...rest } = Astro.props
25
25
 
26
26
  @include component('spread') {
27
27
  display: flex;
28
+ flex-direction: row;
28
29
  flex-wrap: wrap;
29
30
  justify-content: space-between;
30
31
  gap: var(--space-5);
package/src/css/color.css CHANGED
@@ -157,8 +157,8 @@
157
157
  --background: var(--color-background, var(--color-1));
158
158
  --background-hover: var(--color-1);
159
159
  --background-active: var(--color-1);
160
- --border: var(--color-a6);
161
- --border-hover: var(--color-a6);
160
+ --border: var(--color-6);
161
+ --border-hover: var(--color-6);
162
162
  --text: var(--color-11);
163
163
  }
164
164
 
@@ -168,8 +168,8 @@
168
168
  --background: var(--color-2);
169
169
  --background-hover: var(--color-2);
170
170
  --background-active: var(--color-2);
171
- --border: var(--color-a6);
172
- --border-hover: var(--color-a6);
171
+ --border: var(--color-6);
172
+ --border-hover: var(--color-6);
173
173
  --text: var(--color-11);
174
174
  }
175
175
 
@@ -188,19 +188,19 @@
188
188
  .variant-outline
189
189
  *:not([class*='variant-']):not(.variant-outline [class*='variant-'] *) {
190
190
  --background: transparent;
191
- --background-hover: var(--color-a3);
192
- --background-active: var(--color-a5);
193
- --border: var(--color-a7);
194
- --border-hover: var(--color-a8);
191
+ --background-hover: var(--color-3);
192
+ --background-active: var(--color-5);
193
+ --border: var(--color-7);
194
+ --border-hover: var(--color-8);
195
195
  --text: var(--color-11);
196
196
  }
197
197
 
198
198
  .variant-soft,
199
199
  .variant-soft
200
200
  *:not([class*='variant-']):not(.variant-soft [class*='variant-'] *) {
201
- --background: var(--color-a3);
202
- --background-hover: var(--color-a4);
203
- --background-active: var(--color-a5);
201
+ --background: var(--color-3);
202
+ --background-hover: var(--color-4);
203
+ --background-active: var(--color-5);
204
204
  --border: transparent;
205
205
  --border-hover: transparent;
206
206
  --text: var(--color-11);
@@ -209,11 +209,11 @@
209
209
  .variant-surface,
210
210
  .variant-surface
211
211
  *:not([class*='variant-']):not(.variant-surface [class*='variant-'] *) {
212
- --background: var(--color-a3);
213
- --background-hover: var(--color-a4);
214
- --background-active: var(--color-a5);
215
- --border: var(--color-a7);
216
- --border-hover: var(--color-a8);
212
+ --background: var(--color-3);
213
+ --background-hover: var(--color-4);
214
+ --background-active: var(--color-5);
215
+ --border: var(--color-7);
216
+ --border-hover: var(--color-8);
217
217
  --text: var(--color-11);
218
218
  }
219
219