fulldev-ui 0.3.18 → 0.3.19

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,6 +1,6 @@
1
1
  {
2
2
  "name": "fulldev-ui",
3
- "version": "0.3.18",
3
+ "version": "0.3.19",
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",
@@ -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,17 +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
- <slot />
55
40
  <Icon name={icon} />
56
41
  <Avatar src={avatar} />
57
42
  </Component>
@@ -65,11 +50,14 @@ const {
65
50
  justify-content: center;
66
51
  align-items: center;
67
52
  vertical-align: top;
53
+ gap: var(--space-2);
68
54
  transition: background-color var(--transition);
69
55
  cursor: pointer;
70
56
  outline: none !important;
71
57
  border: 1px solid var(--border);
72
58
  background-color: var(--background);
59
+ padding-right: var(--space-4);
60
+ padding-left: var(--space-4);
73
61
  height: calc(var(--text-1) + 2 * var(--space-4));
74
62
  color: var(--text);
75
63
  font-weight: var(--button-font-weight);
@@ -80,24 +68,9 @@ const {
80
68
  text-decoration: none;
81
69
  white-space: nowrap;
82
70
 
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
71
  .avatar {
99
- margin-left: -2px;
100
- margin-left: calc(-1 * (var(--space-1) / 3));
72
+ margin-right: calc(-1 * (var(--space-4)));
73
+ margin-left: var(--space-1);
101
74
  padding: calc(var(--space-1) / 3);
102
75
  width: calc(var(--text-1) + 2 * var(--space-4)) !important;
103
76
  height: calc(var(--text-1) + 2 * var(--space-4)) !important;