fulldev-ui 0.4.15 → 0.4.17

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 (48) hide show
  1. package/.github/ISSUE_TEMPLATE/bug_report.yml +7 -52
  2. package/.github/ISSUE_TEMPLATE/config.yml +3 -0
  3. package/.github/ISSUE_TEMPLATE/documentation.yml +12 -0
  4. package/.github/ISSUE_TEMPLATE/feature_request.yml +7 -34
  5. package/.github/ISSUE_TEMPLATE/support.yml +12 -0
  6. package/.github/pull_request_template.md +0 -23
  7. package/.github/workflows/github-releases-to-npm.yml +21 -0
  8. package/CODE_OF_CONDUCT.md +6 -0
  9. package/CONTRIBUTING.md +20 -4
  10. package/README.md +1 -0
  11. package/package.json +2 -1
  12. package/public/showcase/anti-slip-profiles.webp +0 -0
  13. package/public/showcase/fulldev-ui.webp +0 -0
  14. package/public/showcase/lavis-detailing.webp +0 -0
  15. package/public/showcase/leren-trainingsacteren.webp +0 -0
  16. package/public/showcase/miele-witgoedcenter-amsterdam.webp +0 -0
  17. package/public/showcase/sloepverhuur-bolsward.webp +0 -0
  18. package/public/showcase/stark-vulcanising-products.webp +0 -0
  19. package/public/showcase/the-gym-haren.webp +0 -0
  20. package/public/showcase/van-dillen-antieke-bouwmaterialen.webp +0 -0
  21. package/src/blocks/Features.astro +1 -1
  22. package/src/blocks/Prices.astro +1 -1
  23. package/src/components/Badge.astro +1 -1
  24. package/src/components/Box.astro +3 -0
  25. package/src/components/Button.astro +7 -5
  26. package/src/components/Card.astro +25 -3
  27. package/src/components/Drawer.astro +1 -0
  28. package/src/components/Footer.astro +1 -1
  29. package/src/components/Grid.astro +1 -1
  30. package/src/components/Header.astro +52 -48
  31. package/src/components/Rating.astro +6 -2
  32. package/src/components/Root.astro +1 -1
  33. package/src/components/Section.astro +22 -4
  34. package/src/components/Stack.astro +36 -0
  35. package/src/components/Table.astro +5 -20
  36. package/src/components/docs/NavigationButtons.astro +59 -0
  37. package/src/components/experimental/Channel.astro +1 -4
  38. package/src/content/pages/_segment/footer.mdx +11 -11
  39. package/src/content/pages/base/badge.mdx +1 -1
  40. package/src/content/pages/base/button.mdx +9 -9
  41. package/src/content/pages/base/table.mdx +1 -1
  42. package/src/content/pages/showcase.mdx +62 -0
  43. package/src/content/pages/structure/stack.mdx +22 -0
  44. package/src/content/settings/base.yml +4 -0
  45. package/src/content/settings/components.yml +2 -0
  46. package/src/css/custom.css +16 -1
  47. package/src/layouts/Layout.astro +63 -62
  48. package/src/schemas/base.ts +10 -1
package/src/layouts/Layout.astro CHANGED
@@ -7,6 +7,7 @@ import Head from 'fulldev-ui/components/Head.astro'
7
7
  import Header from 'fulldev-ui/components/Header.astro'
8
8
  import Sidebar from 'fulldev-ui/components/Sidebar.astro'
9
9
  import Toc from 'fulldev-ui/components/Toc.astro'
10
+ import NavigationButtons from '../components/docs/NavigationButtons.astro'
10
11
 
11
12
  type Props = Partial<CollectionEntry<'pages'>> & {
12
13
  class?: string
@@ -44,10 +45,7 @@ const h2Headings = headings.filter((heading: any) => heading.depth === 2)
44
45
  },
45
46
  ]}
46
47
  >
47
- <Header
48
- {logo}
49
- {...header}
50
- />
48
+ <Header {...header} />
51
49
  <div class="core">
52
50
  <Sidebar {sidebar} />
53
51
  <main data-pagefind-body>
@@ -57,6 +55,7 @@ const h2Headings = headings.filter((heading: any) => heading.depth === 2)
57
55
  />
58
56
  <div class="blocks">
59
57
  <slot />
58
+ <NavigationButtons {sidebar} />
60
59
  </div>
61
60
  </main>
62
61
  </div>
@@ -87,78 +86,80 @@ const h2Headings = headings.filter((heading: any) => heading.depth === 2)
87
86
 
88
87
  <Fragment set:html={data?.code?.body} />
89
88
  <style lang="scss" is:global>
90
- :root {
91
- --screen: 1536px;
92
- --gutter: max(4vw, calc(100vw - var(--screen)) / 2);
93
- --gutter-left: var(--gutter);
94
- --gutter-right: var(--gutter);
95
- --sidebar-width: 0px;
96
- --toc-width: 0px;
97
- --header-height: calc(
98
- var(--text-2) + 2 * var(--space-4) + 2 * var(--space-3)
99
- );
100
- }
89
+ @layer fulldev {
90
+ :root {
91
+ --screen: 1536px;
92
+ --gutter: max(4vw, calc(100vw - var(--screen)) / 2);
93
+ --gutter-left: var(--gutter);
94
+ --gutter-right: var(--gutter);
95
+ --sidebar-width: 0px;
96
+ --toc-width: 0px;
97
+ --header-height: calc(
98
+ var(--text-2) + 2 * var(--space-4) + 2 * var(--space-3)
99
+ );
100
+ }
101
101
 
102
- html,
103
- body {
104
- box-sizing: border-box;
105
- margin: 0;
106
- background-color: var(--color-background);
107
- padding: 0;
108
- width: 100%;
109
- min-height: 100vh;
110
- color: var(--base-11);
111
- color-scheme: var(--color-scheme);
112
- font-size: var(--text-2);
113
- font-family: var(--font-family);
114
- }
102
+ html,
103
+ body {
104
+ box-sizing: border-box;
105
+ margin: 0;
106
+ background-color: var(--color-background);
107
+ padding: 0;
108
+ width: 100%;
109
+ min-height: 100vh;
110
+ color: var(--base-11);
111
+ color-scheme: var(--color-scheme);
112
+ font-size: var(--text-2);
113
+ font-family: var(--font-family);
114
+ }
115
115
 
116
- body {
117
- display: flex;
118
- flex-direction: column;
116
+ body {
117
+ display: flex;
118
+ flex-direction: column;
119
119
 
120
- @media (min-width: 1024px) {
121
- &.has-sidebar .core {
122
- --gutter-left: var(--space-6);
123
- --sidebar-width: calc(var(--gutter) + 200px);
120
+ @media (min-width: 1024px) {
121
+ &.has-sidebar .core {
122
+ --gutter-left: var(--space-6);
123
+ --sidebar-width: calc(var(--gutter) + 200px);
124
124
 
125
- display: grid;
126
- grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
127
- }
125
+ display: grid;
126
+ grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
127
+ }
128
128
 
129
- &.has-toc main {
130
- --gutter-right: var(--space-6);
131
- --toc-width: calc(var(--gutter) + 200px);
129
+ &.has-toc main {
130
+ --gutter-right: var(--space-6);
131
+ --toc-width: calc(var(--gutter) + 200px);
132
132
 
133
- display: grid;
134
- grid-template-columns: minmax(0, 1fr) var(--toc-width);
133
+ display: grid;
134
+ grid-template-columns: minmax(0, 1fr) var(--toc-width);
135
+ }
135
136
  }
136
- }
137
-
138
- .header {
139
- width: 100%;
140
- height: var(--header-height);
141
- }
142
137
 
143
- .core {
144
- .sidebar {
145
- position: sticky;
146
- top: 0;
147
- padding-left: var(--gutter);
138
+ .header {
139
+ width: 100%;
140
+ height: var(--header-height);
148
141
  }
149
142
 
150
- main {
151
- .toc {
143
+ .core {
144
+ .sidebar {
152
145
  position: sticky;
153
146
  top: 0;
154
- order: 1;
155
- padding-right: var(--gutter);
147
+ padding-left: var(--gutter);
156
148
  }
157
149
 
158
- .blocks {
159
- display: flex;
160
- flex-direction: column;
161
- width: 100%;
150
+ main {
151
+ .toc {
152
+ position: sticky;
153
+ top: 0;
154
+ order: 1;
155
+ padding-right: var(--gutter);
156
+ }
157
+
158
+ .blocks {
159
+ display: flex;
160
+ flex-direction: column;
161
+ width: 100%;
162
+ }
162
163
  }
163
164
  }
164
165
  }
package/src/schemas/base.ts CHANGED
@@ -32,7 +32,16 @@ export const base = z
32
32
  html: z.string(),
33
33
  image: z.string(),
34
34
  images: z.string().array(),
35
- rating: z.number(),
35
+ rating: z.number().or(
36
+ z
37
+ .object({
38
+ value: z.number(),
39
+ label: z.string(),
40
+ avatars: z.string().array(),
41
+ avatar: z.string(),
42
+ })
43
+ .partial()
44
+ ),
36
45
  button: button,
37
46
  buttons: button.array(),
38
47
  link: link,