fulldev-ui 0.2.10 → 0.2.11

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/Checkbox.astro +1 -1
  3. package/src/components/base/Radio.astro +1 -1
  4. package/src/components/segment/Card.astro +0 -1
  5. package/src/components/structure/Row.astro +26 -0
  6. package/src/components/typography/Label.astro +1 -1
  7. package/src/css/styles.css +0 -1
  8. package/src/index.ts +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fulldev-ui",
3
- "version": "0.2.10",
3
+ "version": "0.2.11",
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/Checkbox.astro CHANGED
@@ -8,7 +8,7 @@ const { as = 'input', type = 'checkbox', name, ...rest } = Astro.props
8
8
  ---
9
9
 
10
10
  <Tag
11
- class:list={['full-checkbox']}
11
+ class:list={['checkbox']}
12
12
  if={true}
13
13
  {as}
14
14
  type="checkbox"
package/src/components/base/Radio.astro CHANGED
@@ -8,7 +8,7 @@ const { as = 'input', type = 'radio', name, ...rest } = Astro.props
8
8
  ---
9
9
 
10
10
  <Tag
11
- class:list={['full-radio']}
11
+ class:list={['radio']}
12
12
  if={true}
13
13
  {as}
14
14
  type="radio"
package/src/components/segment/Card.astro CHANGED
@@ -56,7 +56,6 @@ const {
56
56
  }
57
57
 
58
58
  &.frame-panel {
59
- gap: 0;
60
59
  border: 1px solid var(--border);
61
60
  border-radius: var(--radius-2);
62
61
  background-color: var(--background);
package/src/components/structure/Row.astro ADDED
@@ -0,0 +1,26 @@
1
+ ---
2
+ import type { ComponentProps, HTMLTag, Polymorphic } from 'astro/types'
3
+ import Tag from '../_Tag.astro'
4
+
5
+ type Props<As extends HTMLTag = 'div'> = Polymorphic<{ as: As }> &
6
+ ComponentProps<typeof Tag>
7
+
8
+ const { ...rest } = Astro.props
9
+ ---
10
+
11
+ <Tag
12
+ class:list={['row']}
13
+ {...rest}
14
+ >
15
+ <slot />
16
+ </Tag>
17
+
18
+ <style is:global lang="scss">
19
+ @import '../../css/utils.scss';
20
+
21
+ @include component('row') {
22
+ display: flex;
23
+ align-items: center;
24
+ gap: var(--space-4);
25
+ }
26
+ </style>
package/src/components/typography/Label.astro CHANGED
@@ -9,7 +9,7 @@ type Props<As extends HTMLTag = 'label'> = Polymorphic<{ as: As }> &
9
9
  variant?: 'base' | 'muted' | 'accent'
10
10
  }
11
11
 
12
- const { as = 'label', text, html, ...rest } = Astro.props
12
+ const { as = 'label', ...rest } = Astro.props
13
13
  ---
14
14
 
15
15
  <Tag
package/src/css/styles.css CHANGED
@@ -2,7 +2,6 @@
2
2
  .full {
3
3
  --transition: cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
4
4
  --border-width: 1px;
5
- --border-radius: 1;
6
5
 
7
6
  --font-family: 'IBM Plex Sans', sans-serif;
8
7
  --font-weight: 400;
package/src/index.ts CHANGED
@@ -43,6 +43,7 @@ export { default as Carousel } from './components/structure/Carousel.astro'
43
43
  export { default as Grid } from './components/structure/Grid.astro'
44
44
  export { default as Group } from './components/structure/Group.astro'
45
45
  export { default as Masonry } from './components/structure/Masonry.astro'
46
+ export { default as Row } from './components/structure/Row.astro'
46
47
  export { default as Split } from './components/structure/Split.astro'
47
48
  export { default as Spread } from './components/structure/Spread.astro'
48
49
  export { default as Stack } from './components/structure/Stack.astro'