fulldev-ui 0.3.28 → 0.3.30

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 (8) hide show
  1. package/package.json +1 -1
  2. package/src/components/base/Image.astro +2 -3
  3. package/src/components/segment/Section.astro +1 -1
  4. package/src/components/structure/Column.astro +5 -1
  5. package/src/components/structure/Row.astro +0 -1
  6. package/src/components/structure/Split.astro +0 -1
  7. package/src/css/color.css +3 -3
  8. package/src/css/space.css +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fulldev-ui",
3
- "version": "0.3.28",
3
+ "version": "0.3.30",
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
@@ -29,7 +29,7 @@ const {
29
29
  position,
30
30
  frame,
31
31
  width,
32
- radius = 'none',
32
+ radius = 'auto',
33
33
  height,
34
34
  ...rest
35
35
  } = Astro.props
@@ -94,10 +94,9 @@ const {
94
94
  }
95
95
 
96
96
  &.radius-auto {
97
- border-radius: var(--radius-1);
97
+ border-radius: var(--radius-2);
98
98
  }
99
99
 
100
-
101
100
  &.radius-full {
102
101
  border-radius: 9999px;
103
102
  }
package/src/components/segment/Section.astro CHANGED
@@ -70,7 +70,7 @@ const {
70
70
  }
71
71
 
72
72
  &.frame-contain {
73
- --inner-x: max(4vw, var(--space-7));
73
+ --inner-x: max(4vw);
74
74
  --outer-x: max(0px, calc(var(--gutter) - var(--inner-x)));
75
75
  --inner-y: var(--space-7);
76
76
  --outer-y: 0;
package/src/components/structure/Column.astro CHANGED
@@ -24,7 +24,6 @@ const { space = 'auto', align = 'start', ...rest } = Astro.props
24
24
 
25
25
  <style is:global lang="scss">
26
26
  @import '../../css/utils.scss';
27
- @import '../../css/space.scss';
28
27
 
29
28
  @include component('column') {
30
29
  display: flex;
@@ -53,6 +52,11 @@ const { space = 'auto', align = 'start', ...rest } = Astro.props
53
52
  > * + * {
54
53
  margin-top: var(--space-auto);
55
54
  }
55
+
56
+ > * + .carousel {
57
+ margin-top: 0;
58
+ padding-top: var(--space-auto);
59
+ }
56
60
  }
57
61
  }
58
62
  </style>
package/src/components/structure/Row.astro CHANGED
@@ -24,7 +24,6 @@ const { space = 'auto', align = 'center', ...rest } = Astro.props
24
24
 
25
25
  <style is:global lang="scss">
26
26
  @import '../../css/utils.scss';
27
- @import '../../css/space.scss';
28
27
 
29
28
  @include component('row') {
30
29
  display: flex;
package/src/components/structure/Split.astro CHANGED
@@ -24,7 +24,6 @@ const { space = 'auto', align = 'center', ...rest } = Astro.props
24
24
 
25
25
  <style is:global lang="scss">
26
26
  @import '../../css/utils.scss';
27
- @import '../../css/space.scss';
28
27
 
29
28
  @include component('split') {
30
29
  display: grid;
package/src/css/color.css CHANGED
@@ -49,7 +49,7 @@
49
49
  --brand-11: #ff976f;
50
50
  --brand-12: #ffd8c9;
51
51
  --brand-contrast: #fff;
52
- --brand-background: #000;
52
+ --brand-background: #160f0d;
53
53
 
54
54
  --base-1: #101113;
55
55
  --base-2: #18191b;
@@ -64,7 +64,7 @@
64
64
  --base-11: #b0b4ba;
65
65
  --base-12: #edeef0;
66
66
  --base-contrast: #ffffff;
67
- --base-background: #000;
67
+ --base-background: #101113;
68
68
 
69
69
  color-scheme: dark;
70
70
  }
@@ -154,7 +154,7 @@
154
154
  .variant-base,
155
155
  .variant-base
156
156
  *:not([class*='variant-']):not(.variant-base [class*='variant-'] *) {
157
- --background: var(--color-1);
157
+ --background: var(--color-background, var(--color-1));
158
158
  --background-hover: var(--color-1);
159
159
  --background-active: var(--color-1);
160
160
  --border: var(--color-a6);
package/src/css/space.css CHANGED
@@ -55,10 +55,10 @@
55
55
  --space-auto: var(--space-6);
56
56
  }
57
57
 
58
- // .button:not(.variant-link) + .button:not(.variant-link) {
58
+ /* // .button:not(.variant-link) + .button:not(.variant-link) {
59
59
  // margin-top: var(--space-3);
60
60
  // }
61
61
 
62
62
  // .variant-link + .variant-link{
63
63
  // margin-top: var(--space-2);
64
- // }
64
+ // } */