fulldev-ui 0.3.18 → 0.3.20

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 (6) hide show
  1. package/.astro/settings.json +1 -1
  2. package/.astro/types.d.ts +2 -2
  3. package/package.json +1 -1
  4. package/src/components/base/Button.astro +5 -31
  5. package/src/components/experimental/Channel.astro +19 -0
  6. package/src/components/utility/Head.astro +2 -0
package/.astro/settings.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "_variables": {
3
- "lastUpdateCheck": 1719579657106
3
+ "lastUpdateCheck": 1721808035237
4
4
  }
5
5
  }
package/.astro/types.d.ts CHANGED
@@ -131,7 +131,7 @@ declare module 'astro:content' {
131
131
  slug: "index";
132
132
  body: string;
133
133
  collection: "pages";
134
- data: InferEntrySchema<"pages">
134
+ data: any
135
135
  } & { render(): Render[".md"] };
136
136
  };
137
137
 
@@ -143,5 +143,5 @@ declare module 'astro:content' {
143
143
 
144
144
  type AnyEntryMap = ContentEntryMap & DataEntryMap;
145
145
 
146
- export type ContentConfig = typeof import("../src/content/config.js");
146
+ export type ContentConfig = never;
147
147
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fulldev-ui",
3
- "version": "0.3.18",
3
+ "version": "0.3.20",
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/Button.astro CHANGED
@@ -1,8 +1,6 @@
1
1
  ---
2
2
  import type { HTMLTag, Polymorphic } from 'astro/types'
3
3
  import Component from '../_Component.astro'
4
- import Label from '../typography/Label.astro'
5
- import Text from '../typography/Text.astro'
6
4
  import Avatar from './Avatar.astro'
7
5
  import Icon from './Icon.astro'
8
6
 
@@ -27,8 +25,6 @@ const {
27
25
  icon,
28
26
  label,
29
27
  avatar,
30
- text,
31
- html,
32
28
  ...rest
33
29
  } = Astro.props
34
30
  ---
@@ -41,16 +37,6 @@ const {
41
37
  {radius}
42
38
  {...rest}
43
39
  >
44
- <Label
45
- as="span"
46
- style={{ color: 'inherit' }}
47
- html={label || text || html}
48
- />
49
-
50
- <!-- <Text
51
- as="span"
52
- html={text}
53
- /> -->
54
40
  <slot />
55
41
  <Icon name={icon} />
56
42
  <Avatar src={avatar} />
@@ -65,11 +51,14 @@ const {
65
51
  justify-content: center;
66
52
  align-items: center;
67
53
  vertical-align: top;
54
+ gap: var(--space-2);
68
55
  transition: background-color var(--transition);
69
56
  cursor: pointer;
70
57
  outline: none !important;
71
58
  border: 1px solid var(--border);
72
59
  background-color: var(--background);
60
+ padding-right: var(--space-4);
61
+ padding-left: var(--space-4);
73
62
  height: calc(var(--text-1) + 2 * var(--space-4));
74
63
  color: var(--text);
75
64
  font-weight: var(--button-font-weight);
@@ -80,24 +69,9 @@ const {
80
69
  text-decoration: none;
81
70
  white-space: nowrap;
82
71
 
83
- span {
84
- padding-right: var(--space-4);
85
- padding-left: var(--space-4);
86
- }
87
-
88
- .icon {
89
- width: calc(var(--text-1) + 2 * var(--space-4)) !important;
90
- height: calc(var(--text-1) + 2 * var(--space-4)) !important;
91
-
92
- svg {
93
- heigt: 70% !important;
94
- width: 70% !important;
95
- }
96
- }
97
-
98
72
  .avatar {
99
- margin-left: -2px;
100
- margin-left: calc(-1 * (var(--space-1) / 3));
73
+ margin-right: calc(-1 * (var(--space-4)));
74
+ margin-left: var(--space-1);
101
75
  padding: calc(var(--space-1) / 3);
102
76
  width: calc(var(--text-1) + 2 * var(--space-4)) !important;
103
77
  height: calc(var(--text-1) + 2 * var(--space-4)) !important;
package/src/components/experimental/Channel.astro CHANGED
@@ -31,6 +31,7 @@ const {
31
31
  ---
32
32
 
33
33
  <Box
34
+ class:list={'channel'}
34
35
  {structure}
35
36
  {...rest}
36
37
  >
@@ -48,3 +49,21 @@ const {
48
49
  <Text html={text} />
49
50
  </Column>
50
51
  </Box>
52
+
53
+ <style>
54
+ .channel {
55
+ gap: var(--space-4);
56
+
57
+ * {
58
+ margin: 0;
59
+ }
60
+
61
+ .column {
62
+ gap: var(--space-1);
63
+
64
+ * {
65
+ margin: 0;
66
+ }
67
+ }
68
+ }
69
+ </style>
package/src/components/utility/Head.astro CHANGED
@@ -1,5 +1,6 @@
1
1
  ---
2
2
  import { SEO } from 'astro-seo'
3
+ import { ViewTransitions } from 'astro:transitions'
3
4
 
4
5
  type Props = {
5
6
  title?: string
@@ -21,6 +22,7 @@ const { title, description, image } = Astro.props
21
22
  content={Astro.generator}
22
23
  />
23
24
 
25
+ <ViewTransitions />
24
26
  <SEO
25
27
  title={title || undefined}
26
28
  description={description || undefined}