@birdycom/omniaui 0.0.0-stage → 0.11.0
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/LICENSE +21 -0
- package/README.md +20 -2
- package/bin/lib/add.mjs +126 -0
- package/bin/lib/catalog.mjs +169 -0
- package/bin/lib/project.mjs +90 -0
- package/bin/omniaui.mjs +70 -0
- package/dist/code-block.css +163 -0
- package/dist/components-extra.css +914 -0
- package/dist/components.css +10081 -0
- package/dist/components.min.css +1 -0
- package/dist/data-table.d.ts +9 -0
- package/dist/data-table.js +505 -0
- package/dist/docs-ui.css +265 -0
- package/dist/oc-theme.css +69 -0
- package/dist/parts/.gitkeep +0 -0
- package/dist/parts/app-accordion-accent.css +60 -0
- package/dist/parts/app-alpha-tabs.css +68 -0
- package/dist/parts/app-busy-overlay.css +25 -0
- package/dist/parts/app-column-menu.css +85 -0
- package/dist/parts/app-confirm-dialog.css +70 -0
- package/dist/parts/app-cookie-consent.css +63 -0
- package/dist/parts/app-data-table.css +174 -0
- package/dist/parts/app-greeting.css +47 -0
- package/dist/parts/app-list-toolbar.css +81 -0
- package/dist/parts/app-page-header.css +54 -0
- package/dist/parts/app-severity-card.css +91 -0
- package/dist/parts/app-sidebar-dark.css +15 -0
- package/dist/parts/app-sortable-row.css +52 -0
- package/dist/parts/app-stat-card.css +68 -0
- package/dist/parts/app-table-actions.css +71 -0
- package/dist/parts/app-table-compact.css +54 -0
- package/dist/parts/app-top-progress.css +68 -0
- package/dist/parts/app-tree.css +104 -0
- package/dist/parts/app-upgrade-banner.css +90 -0
- package/dist/parts/app-version-banner.css +80 -0
- package/dist/parts/data-chart-line.css +167 -0
- package/dist/parts/forms-affix-input.css +75 -0
- package/dist/parts/forms-barcode-input.css +75 -0
- package/dist/parts/forms-chip-filter.css +91 -0
- package/dist/parts/forms-color-select.css +89 -0
- package/dist/parts/forms-decimal-input.css +51 -0
- package/dist/parts/forms-filter-counts.css +94 -0
- package/dist/parts/forms-language-select.css +76 -0
- package/dist/parts/forms-number-input.css +95 -0
- package/dist/parts/forms-password-requirements.css +55 -0
- package/dist/parts/forms-phone-input.css +85 -0
- package/dist/parts/forms-time-input.css +74 -0
- package/dist/parts/forms-toggle-field.css +69 -0
- package/dist/parts/media-art.css +21 -0
- package/dist/parts/media-attachment.css +160 -0
- package/dist/parts/media-browser-frame.css +73 -0
- package/dist/parts/media-card.css +83 -0
- package/dist/parts/media-chat-composer.css +90 -0
- package/dist/parts/media-doc-viewer.css +151 -0
- package/dist/parts/media-emoji-picker.css +88 -0
- package/dist/parts/media-entity-card.css +52 -0
- package/dist/parts/media-flip-card.css +78 -0
- package/dist/parts/media-image-zoom.css +68 -0
- package/dist/parts/media-lightbox.css +131 -0
- package/dist/parts/media-message-thread.css +136 -0
- package/dist/parts/media-message.css +160 -0
- package/dist/parts/media-row.css +78 -0
- package/dist/parts/media-stack-card.css +82 -0
- package/dist/parts/media-terminal-log.css +76 -0
- package/dist/parts/media-thumb.css +71 -0
- package/dist/parts/site-fact-list.css +25 -0
- package/dist/parts/site-link-arrow.css +34 -0
- package/dist/parts/site-marquee.css +34 -0
- package/dist/parts/site-next-teaser.css +75 -0
- package/dist/parts/site-price-card.css +75 -0
- package/dist/parts/site-product-mark.css +66 -0
- package/dist/parts/site-project-card.css +111 -0
- package/dist/parts/site-prose.css +124 -0
- package/dist/parts/site-stack-list.css +48 -0
- package/dist/parts/site-timeline.css +54 -0
- package/dist/showcase.css +404 -0
- package/manifest.json +1108 -0
- package/package.json +67 -4
- package/snippets/accordion-accent.html +24 -0
- package/snippets/accordion.html +11 -0
- package/snippets/affix-input.html +30 -0
- package/snippets/alert-dialog.html +22 -0
- package/snippets/alert.html +5 -0
- package/snippets/alpha-tabs.html +37 -0
- package/snippets/aspect-ratio.html +15 -0
- package/snippets/attachment.html +43 -0
- package/snippets/avatar.html +6 -0
- package/snippets/back-link.html +5 -0
- package/snippets/badge.html +5 -0
- package/snippets/barcode-input.html +18 -0
- package/snippets/breadcrumb.html +6 -0
- package/snippets/browser-frame.html +18 -0
- package/snippets/busy-overlay.html +31 -0
- package/snippets/button-group.html +21 -0
- package/snippets/button.html +8 -0
- package/snippets/calendar.html +43 -0
- package/snippets/card.html +17 -0
- package/snippets/carousel.html +21 -0
- package/snippets/chart-line.html +46 -0
- package/snippets/chart.html +27 -0
- package/snippets/chat-composer.html +21 -0
- package/snippets/checkbox.html +5 -0
- package/snippets/checklist.html +23 -0
- package/snippets/chip-filter.html +14 -0
- package/snippets/code-window.html +20 -0
- package/snippets/collapsible.html +19 -0
- package/snippets/color-field.html +13 -0
- package/snippets/color-select.html +18 -0
- package/snippets/column-menu.html +38 -0
- package/snippets/combobox.html +19 -0
- package/snippets/command.html +24 -0
- package/snippets/confirm-dialog.html +32 -0
- package/snippets/context-menu.html +25 -0
- package/snippets/cookie-consent.html +70 -0
- package/snippets/copy-field.html +19 -0
- package/snippets/counter.html +2 -0
- package/snippets/data-table.html +151 -0
- package/snippets/date-picker.html +32 -0
- package/snippets/decimal-input.html +20 -0
- package/snippets/definition-list.html +20 -0
- package/snippets/demo-panel.html +18 -0
- package/snippets/doc-viewer.html +58 -0
- package/snippets/drawer.html +30 -0
- package/snippets/dropdown-menu.html +27 -0
- package/snippets/dropdown.html +9 -0
- package/snippets/dropzone.html +13 -0
- package/snippets/emoji-picker.html +51 -0
- package/snippets/empty-state.html +17 -0
- package/snippets/entity-card.html +26 -0
- package/snippets/expandable-table.html +26 -0
- package/snippets/fact-list.html +14 -0
- package/snippets/filter-counts.html +30 -0
- package/snippets/flip-card.html +22 -0
- package/snippets/form-field.html +6 -0
- package/snippets/greeting.html +22 -0
- package/snippets/heading.html +14 -0
- package/snippets/hover-card.html +18 -0
- package/snippets/image-zoom.html +30 -0
- package/snippets/input-group.html +10 -0
- package/snippets/input.html +5 -0
- package/snippets/item.html +26 -0
- package/snippets/kbd.html +13 -0
- package/snippets/label.html +9 -0
- package/snippets/language-select.html +26 -0
- package/snippets/launcher-card.html +14 -0
- package/snippets/lightbox.html +50 -0
- package/snippets/link-arrow.html +10 -0
- package/snippets/list-toolbar.html +33 -0
- package/snippets/marquee.html +15 -0
- package/snippets/media-card.html +28 -0
- package/snippets/media-row.html +21 -0
- package/snippets/media-thumb.html +12 -0
- package/snippets/menubar.html +30 -0
- package/snippets/message-thread.html +123 -0
- package/snippets/message.html +51 -0
- package/snippets/modal.html +15 -0
- package/snippets/native-select.html +15 -0
- package/snippets/navmenu.html +23 -0
- package/snippets/next-teaser.html +15 -0
- package/snippets/number-input.html +27 -0
- package/snippets/otp-input.html +9 -0
- package/snippets/page-header.html +24 -0
- package/snippets/pagination.html +6 -0
- package/snippets/password-input.html +24 -0
- package/snippets/password-requirements.html +30 -0
- package/snippets/phone-input.html +22 -0
- package/snippets/popover.html +15 -0
- package/snippets/price-card.html +34 -0
- package/snippets/product-mark.html +13 -0
- package/snippets/progress.html +4 -0
- package/snippets/project-card.html +23 -0
- package/snippets/prose.html +54 -0
- package/snippets/radio.html +17 -0
- package/snippets/recovery-codes.html +20 -0
- package/snippets/resizable.html +16 -0
- package/snippets/scroll-area.html +20 -0
- package/snippets/search.html +8 -0
- package/snippets/segmented.html +11 -0
- package/snippets/select.html +7 -0
- package/snippets/separator.html +15 -0
- package/snippets/severity-card.html +35 -0
- package/snippets/sheet.html +32 -0
- package/snippets/sidebar-docs.html +24 -0
- package/snippets/sidebar.html +55 -0
- package/snippets/site-footer.html +6 -0
- package/snippets/site-header.html +26 -0
- package/snippets/skeleton.html +4 -0
- package/snippets/slider.html +17 -0
- package/snippets/sortable-row.html +31 -0
- package/snippets/spinner.html +14 -0
- package/snippets/stack-card.html +17 -0
- package/snippets/stack-list.html +16 -0
- package/snippets/stat-card.html +24 -0
- package/snippets/stepper.html +13 -0
- package/snippets/switch.html +6 -0
- package/snippets/table-actions.html +39 -0
- package/snippets/table-compact.html +24 -0
- package/snippets/table.html +29 -0
- package/snippets/tabs.html +9 -0
- package/snippets/tag-input.html +17 -0
- package/snippets/terminal-log.html +23 -0
- package/snippets/textarea.html +3 -0
- package/snippets/theme-switch.html +6 -0
- package/snippets/time-input.html +26 -0
- package/snippets/timeline.html +28 -0
- package/snippets/toast-stack.html +10 -0
- package/snippets/toast.html +36 -0
- package/snippets/toc.html +13 -0
- package/snippets/toggle-field.html +20 -0
- package/snippets/toggle.html +22 -0
- package/snippets/tooltip.html +4 -0
- package/snippets/top-progress.html +12 -0
- package/snippets/tree.html +38 -0
- package/snippets/upgrade-banner.html +28 -0
- package/snippets/user.html +15 -0
- package/snippets/version-banner.html +15 -0
package/manifest.json
ADDED
|
@@ -0,0 +1,1108 @@
|
|
|
1
|
+
{
|
|
2
|
+
"items": [
|
|
3
|
+
{
|
|
4
|
+
"name": "button",
|
|
5
|
+
"file": "snippets/button.html",
|
|
6
|
+
"description": "Buttons: default, secondary, outline, ghost, destructive and sizes",
|
|
7
|
+
"requires": [
|
|
8
|
+
"@birdycom/omniaui"
|
|
9
|
+
]
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"name": "card",
|
|
13
|
+
"file": "snippets/card.html",
|
|
14
|
+
"description": "Card with header, content, footer",
|
|
15
|
+
"requires": [
|
|
16
|
+
"@birdycom/omniaui"
|
|
17
|
+
]
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "badge",
|
|
21
|
+
"file": "snippets/badge.html",
|
|
22
|
+
"description": "Badges",
|
|
23
|
+
"requires": [
|
|
24
|
+
"@birdycom/omniaui"
|
|
25
|
+
]
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"name": "alert",
|
|
29
|
+
"file": "snippets/alert.html",
|
|
30
|
+
"description": "Alerts: info, success, warning, danger",
|
|
31
|
+
"requires": [
|
|
32
|
+
"@birdycom/omniaui"
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"name": "modal",
|
|
37
|
+
"file": "snippets/modal.html",
|
|
38
|
+
"description": "Modal on <dialog> — opens with invoker commands, no JavaScript",
|
|
39
|
+
"requires": [
|
|
40
|
+
"@birdycom/omniaui"
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"name": "dropdown",
|
|
45
|
+
"file": "snippets/dropdown.html",
|
|
46
|
+
"description": "Dropdown menu on popover + anchor positioning — no JavaScript",
|
|
47
|
+
"requires": [
|
|
48
|
+
"@birdycom/omniaui"
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"name": "accordion",
|
|
53
|
+
"file": "snippets/accordion.html",
|
|
54
|
+
"description": "Exclusive accordion on <details name> — no JavaScript",
|
|
55
|
+
"requires": [
|
|
56
|
+
"@birdycom/omniaui"
|
|
57
|
+
]
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "tabs",
|
|
61
|
+
"file": "snippets/tabs.html",
|
|
62
|
+
"description": "Tabs with radio inputs and :has() — no JavaScript",
|
|
63
|
+
"requires": [
|
|
64
|
+
"@birdycom/omniaui"
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"name": "theme-switch",
|
|
69
|
+
"file": "snippets/theme-switch.html",
|
|
70
|
+
"description": "System / light / dark switch — CSS only (color-scheme + :has())",
|
|
71
|
+
"requires": [
|
|
72
|
+
"@birdycom/omniaui"
|
|
73
|
+
]
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"name": "counter",
|
|
77
|
+
"file": "snippets/counter.html",
|
|
78
|
+
"description": "Animated number (@property) — starts when scrolled into view",
|
|
79
|
+
"requires": [
|
|
80
|
+
"@birdycom/omniaui"
|
|
81
|
+
]
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "tooltip",
|
|
85
|
+
"file": "snippets/tooltip.html",
|
|
86
|
+
"description": "Tooltip (CSS only)",
|
|
87
|
+
"requires": [
|
|
88
|
+
"@birdycom/omniaui"
|
|
89
|
+
]
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"name": "avatar",
|
|
93
|
+
"file": "snippets/avatar.html",
|
|
94
|
+
"description": "Avatars and avatar group",
|
|
95
|
+
"requires": [
|
|
96
|
+
"@birdycom/omniaui"
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"name": "progress",
|
|
101
|
+
"file": "snippets/progress.html",
|
|
102
|
+
"description": "Progress bar",
|
|
103
|
+
"requires": [
|
|
104
|
+
"@birdycom/omniaui"
|
|
105
|
+
]
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"name": "breadcrumb",
|
|
109
|
+
"file": "snippets/breadcrumb.html",
|
|
110
|
+
"description": "Breadcrumb",
|
|
111
|
+
"requires": [
|
|
112
|
+
"@birdycom/omniaui"
|
|
113
|
+
]
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"name": "pagination",
|
|
117
|
+
"file": "snippets/pagination.html",
|
|
118
|
+
"description": "Pagination",
|
|
119
|
+
"requires": [
|
|
120
|
+
"@birdycom/omniaui"
|
|
121
|
+
]
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"name": "skeleton",
|
|
125
|
+
"file": "snippets/skeleton.html",
|
|
126
|
+
"description": "Loading skeleton",
|
|
127
|
+
"requires": [
|
|
128
|
+
"@birdycom/omniaui"
|
|
129
|
+
]
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"name": "form-field",
|
|
133
|
+
"file": "snippets/form-field.html",
|
|
134
|
+
"description": "Form field with label, description and error",
|
|
135
|
+
"requires": [
|
|
136
|
+
"@birdycom/omniaui"
|
|
137
|
+
]
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"name": "heading",
|
|
141
|
+
"file": "snippets/heading.html",
|
|
142
|
+
"description": "Page or section title with a muted description",
|
|
143
|
+
"requires": [
|
|
144
|
+
"@birdycom/omniaui"
|
|
145
|
+
]
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"name": "back-link",
|
|
149
|
+
"file": "snippets/back-link.html",
|
|
150
|
+
"description": "Outline link that names its destination (Back to Products)",
|
|
151
|
+
"requires": [
|
|
152
|
+
"@birdycom/omniaui"
|
|
153
|
+
]
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"name": "user",
|
|
157
|
+
"file": "snippets/user.html",
|
|
158
|
+
"description": "Avatar with name and e-mail, truncating",
|
|
159
|
+
"requires": [
|
|
160
|
+
"@birdycom/omniaui"
|
|
161
|
+
]
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"name": "empty-state",
|
|
165
|
+
"file": "snippets/empty-state.html",
|
|
166
|
+
"description": "Icon, title, text and actions for lists without data",
|
|
167
|
+
"requires": [
|
|
168
|
+
"@birdycom/omniaui"
|
|
169
|
+
]
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"name": "sidebar",
|
|
173
|
+
"file": "snippets/sidebar.html",
|
|
174
|
+
"description": "Vertical navigation: header, groups, menu items, badges, nested menu, footer, icon-only mode",
|
|
175
|
+
"requires": [
|
|
176
|
+
"@birdycom/omniaui"
|
|
177
|
+
]
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"name": "navmenu",
|
|
181
|
+
"file": "snippets/navmenu.html",
|
|
182
|
+
"description": "Horizontal navigation links with optional dropdown children",
|
|
183
|
+
"requires": [
|
|
184
|
+
"@birdycom/omniaui"
|
|
185
|
+
]
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"name": "sheet",
|
|
189
|
+
"file": "snippets/sheet.html",
|
|
190
|
+
"description": "Side panel on <dialog> (right, left, top, bottom) - no JavaScript",
|
|
191
|
+
"requires": [
|
|
192
|
+
"@birdycom/omniaui"
|
|
193
|
+
]
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"name": "alert-dialog",
|
|
197
|
+
"file": "snippets/alert-dialog.html",
|
|
198
|
+
"description": "Confirmation modal with a status icon (success, error, warning, info, question)",
|
|
199
|
+
"requires": [
|
|
200
|
+
"@birdycom/omniaui"
|
|
201
|
+
]
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"name": "popover",
|
|
205
|
+
"file": "snippets/popover.html",
|
|
206
|
+
"description": "Floating panel on popover + anchor positioning - no JavaScript",
|
|
207
|
+
"requires": [
|
|
208
|
+
"@birdycom/omniaui"
|
|
209
|
+
]
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"name": "command",
|
|
213
|
+
"file": "snippets/command.html",
|
|
214
|
+
"description": "Command palette / searchable list styling (filter logic in a wrapper)",
|
|
215
|
+
"requires": [
|
|
216
|
+
"@birdycom/omniaui"
|
|
217
|
+
]
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"name": "toast",
|
|
221
|
+
"file": "snippets/toast.html",
|
|
222
|
+
"description": "Transient notifications (success, error, warning, info) with optional CSS auto-dismiss",
|
|
223
|
+
"requires": [
|
|
224
|
+
"@birdycom/omniaui"
|
|
225
|
+
]
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"name": "segmented",
|
|
229
|
+
"file": "snippets/segmented.html",
|
|
230
|
+
"description": "Radio group as a pill switcher for a single choice - no JavaScript",
|
|
231
|
+
"requires": [
|
|
232
|
+
"@birdycom/omniaui"
|
|
233
|
+
]
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"name": "stepper",
|
|
237
|
+
"file": "snippets/stepper.html",
|
|
238
|
+
"description": "Wizard step navigation: done, active and upcoming steps (vertical or horizontal)",
|
|
239
|
+
"requires": [
|
|
240
|
+
"@birdycom/omniaui"
|
|
241
|
+
]
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"name": "definition-list",
|
|
245
|
+
"file": "snippets/definition-list.html",
|
|
246
|
+
"description": "Label / value rows in a panel (dl)",
|
|
247
|
+
"requires": [
|
|
248
|
+
"@birdycom/omniaui"
|
|
249
|
+
]
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"name": "collapsible",
|
|
253
|
+
"file": "snippets/collapsible.html",
|
|
254
|
+
"description": "Card-style details/summary form section with icon, title and chevron",
|
|
255
|
+
"requires": [
|
|
256
|
+
"@birdycom/omniaui"
|
|
257
|
+
]
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"name": "checklist",
|
|
261
|
+
"file": "snippets/checklist.html",
|
|
262
|
+
"description": "Rule / step list with met and unmet states (password rules, onboarding)",
|
|
263
|
+
"requires": [
|
|
264
|
+
"@birdycom/omniaui"
|
|
265
|
+
]
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"name": "tag-input",
|
|
269
|
+
"file": "snippets/tag-input.html",
|
|
270
|
+
"description": "Chips with remove buttons and a free-text input with suggestions",
|
|
271
|
+
"requires": [
|
|
272
|
+
"@birdycom/omniaui"
|
|
273
|
+
]
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"name": "otp-input",
|
|
277
|
+
"file": "snippets/otp-input.html",
|
|
278
|
+
"description": "One-time code field drawn as separate cells on a single real input",
|
|
279
|
+
"requires": [
|
|
280
|
+
"@birdycom/omniaui"
|
|
281
|
+
]
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
"name": "password-input",
|
|
285
|
+
"file": "snippets/password-input.html",
|
|
286
|
+
"description": "Password field with show/hide button",
|
|
287
|
+
"requires": [
|
|
288
|
+
"@birdycom/omniaui"
|
|
289
|
+
]
|
|
290
|
+
},
|
|
291
|
+
{
|
|
292
|
+
"name": "copy-field",
|
|
293
|
+
"file": "snippets/copy-field.html",
|
|
294
|
+
"description": "Read-only monospace value with a copy button",
|
|
295
|
+
"requires": [
|
|
296
|
+
"@birdycom/omniaui"
|
|
297
|
+
]
|
|
298
|
+
},
|
|
299
|
+
{
|
|
300
|
+
"name": "color-field",
|
|
301
|
+
"file": "snippets/color-field.html",
|
|
302
|
+
"description": "Native color picker next to a hex text input",
|
|
303
|
+
"requires": [
|
|
304
|
+
"@birdycom/omniaui"
|
|
305
|
+
]
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"name": "dropzone",
|
|
309
|
+
"file": "snippets/dropzone.html",
|
|
310
|
+
"description": "File upload target - a label around a real file input",
|
|
311
|
+
"requires": [
|
|
312
|
+
"@birdycom/omniaui"
|
|
313
|
+
]
|
|
314
|
+
},
|
|
315
|
+
{
|
|
316
|
+
"name": "launcher-card",
|
|
317
|
+
"file": "snippets/launcher-card.html",
|
|
318
|
+
"description": "Large clickable card with icon, title and description (module hub, settings sections)",
|
|
319
|
+
"requires": [
|
|
320
|
+
"@birdycom/omniaui"
|
|
321
|
+
]
|
|
322
|
+
},
|
|
323
|
+
{
|
|
324
|
+
"name": "recovery-codes",
|
|
325
|
+
"file": "snippets/recovery-codes.html",
|
|
326
|
+
"description": "Warning panel with a code grid plus copy and download actions",
|
|
327
|
+
"requires": [
|
|
328
|
+
"@birdycom/omniaui"
|
|
329
|
+
]
|
|
330
|
+
},
|
|
331
|
+
{
|
|
332
|
+
"name": "input",
|
|
333
|
+
"file": "snippets/input.html",
|
|
334
|
+
"description": "Text input with states (default, error, disabled)",
|
|
335
|
+
"requires": [
|
|
336
|
+
"@birdycom/omniaui"
|
|
337
|
+
]
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"name": "textarea",
|
|
341
|
+
"file": "snippets/textarea.html",
|
|
342
|
+
"description": "Multi-line input",
|
|
343
|
+
"requires": [
|
|
344
|
+
"@birdycom/omniaui"
|
|
345
|
+
]
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"name": "select",
|
|
349
|
+
"file": "snippets/select.html",
|
|
350
|
+
"description": "Native select",
|
|
351
|
+
"requires": [
|
|
352
|
+
"@birdycom/omniaui"
|
|
353
|
+
]
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
"name": "checkbox",
|
|
357
|
+
"file": "snippets/checkbox.html",
|
|
358
|
+
"description": "Checkbox and radio",
|
|
359
|
+
"requires": [
|
|
360
|
+
"@birdycom/omniaui"
|
|
361
|
+
]
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
"name": "switch",
|
|
365
|
+
"file": "snippets/switch.html",
|
|
366
|
+
"description": "Toggle switch on a checkbox",
|
|
367
|
+
"requires": [
|
|
368
|
+
"@birdycom/omniaui"
|
|
369
|
+
]
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
"name": "input-group",
|
|
373
|
+
"file": "snippets/input-group.html",
|
|
374
|
+
"description": "Input with prefix/suffix addon (currency, percent, units)",
|
|
375
|
+
"requires": [
|
|
376
|
+
"@birdycom/omniaui"
|
|
377
|
+
]
|
|
378
|
+
},
|
|
379
|
+
{
|
|
380
|
+
"name": "table",
|
|
381
|
+
"file": "snippets/table.html",
|
|
382
|
+
"description": "Data table: sortable header, selection, row actions, empty state, density modifiers",
|
|
383
|
+
"requires": [
|
|
384
|
+
"@birdycom/omniaui"
|
|
385
|
+
]
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"name": "sidebar-docs",
|
|
389
|
+
"file": "snippets/sidebar-docs.html",
|
|
390
|
+
"description": "OmniaCSS docs sidebar: titled groups of outlined links with an active state (variant of the sidebar)",
|
|
391
|
+
"requires": [
|
|
392
|
+
"@birdycom/omniaui"
|
|
393
|
+
]
|
|
394
|
+
},
|
|
395
|
+
{
|
|
396
|
+
"name": "toc",
|
|
397
|
+
"file": "snippets/toc.html",
|
|
398
|
+
"description": "\"On this page\" list with scroll-spy highlight, as used on the right of the docs",
|
|
399
|
+
"requires": [
|
|
400
|
+
"@birdycom/omniaui"
|
|
401
|
+
]
|
|
402
|
+
},
|
|
403
|
+
{
|
|
404
|
+
"name": "site-header",
|
|
405
|
+
"file": "snippets/site-header.html",
|
|
406
|
+
"description": "Site header: brand, pill navigation menu, actions, optional CSS-only mobile menu",
|
|
407
|
+
"requires": [
|
|
408
|
+
"@birdycom/omniaui"
|
|
409
|
+
]
|
|
410
|
+
},
|
|
411
|
+
{
|
|
412
|
+
"name": "site-footer",
|
|
413
|
+
"file": "snippets/site-footer.html",
|
|
414
|
+
"description": "Slim footer bar with centered text and links, optionally fixed to the bottom",
|
|
415
|
+
"requires": [
|
|
416
|
+
"@birdycom/omniaui"
|
|
417
|
+
]
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
"name": "search",
|
|
421
|
+
"file": "snippets/search.html",
|
|
422
|
+
"description": "Search field with icon and shortcut hint on a native search input",
|
|
423
|
+
"requires": [
|
|
424
|
+
"@birdycom/omniaui"
|
|
425
|
+
]
|
|
426
|
+
},
|
|
427
|
+
{
|
|
428
|
+
"name": "demo-panel",
|
|
429
|
+
"file": "snippets/demo-panel.html",
|
|
430
|
+
"description": "Demo panel: live preview and code, stacked or as CSS-only tabs",
|
|
431
|
+
"requires": [
|
|
432
|
+
"@birdycom/omniaui"
|
|
433
|
+
]
|
|
434
|
+
},
|
|
435
|
+
{
|
|
436
|
+
"name": "code-window",
|
|
437
|
+
"file": "snippets/code-window.html",
|
|
438
|
+
"description": "Code window with title bar and copy-to-clipboard button on the Code block",
|
|
439
|
+
"requires": [
|
|
440
|
+
"@birdycom/omniaui"
|
|
441
|
+
]
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"name": "expandable-table",
|
|
445
|
+
"file": "snippets/expandable-table.html",
|
|
446
|
+
"description": "Table with CSS-only Show more / Show less and a reusable toggle button variant",
|
|
447
|
+
"requires": [
|
|
448
|
+
"@birdycom/omniaui"
|
|
449
|
+
]
|
|
450
|
+
},
|
|
451
|
+
{
|
|
452
|
+
"name": "button-group",
|
|
453
|
+
"file": "snippets/button-group.html",
|
|
454
|
+
"description": "Joined buttons with shared borders: horizontal, vertical, text addon",
|
|
455
|
+
"requires": [
|
|
456
|
+
"@birdycom/omniaui"
|
|
457
|
+
]
|
|
458
|
+
},
|
|
459
|
+
{
|
|
460
|
+
"name": "label",
|
|
461
|
+
"file": "snippets/label.html",
|
|
462
|
+
"description": "Form label: block, inline (around a control), required mark, muted",
|
|
463
|
+
"requires": [
|
|
464
|
+
"@birdycom/omniaui"
|
|
465
|
+
]
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
"name": "radio",
|
|
469
|
+
"file": "snippets/radio.html",
|
|
470
|
+
"description": "Radio group: native inputs, stacked or row, descriptions, card style",
|
|
471
|
+
"requires": [
|
|
472
|
+
"@birdycom/omniaui"
|
|
473
|
+
]
|
|
474
|
+
},
|
|
475
|
+
{
|
|
476
|
+
"name": "scroll-area",
|
|
477
|
+
"file": "snippets/scroll-area.html",
|
|
478
|
+
"description": "Scroll area: bounded scroll region with themed thin scrollbar and edge shadows",
|
|
479
|
+
"requires": [
|
|
480
|
+
"@birdycom/omniaui"
|
|
481
|
+
]
|
|
482
|
+
},
|
|
483
|
+
{
|
|
484
|
+
"name": "separator",
|
|
485
|
+
"file": "snippets/separator.html",
|
|
486
|
+
"description": "Separator: horizontal, vertical and with label",
|
|
487
|
+
"requires": [
|
|
488
|
+
"@birdycom/omniaui"
|
|
489
|
+
]
|
|
490
|
+
},
|
|
491
|
+
{
|
|
492
|
+
"name": "spinner",
|
|
493
|
+
"file": "snippets/spinner.html",
|
|
494
|
+
"description": "Spinner: loading ring in sizes sm to xl, inherits currentColor",
|
|
495
|
+
"requires": [
|
|
496
|
+
"@birdycom/omniaui"
|
|
497
|
+
]
|
|
498
|
+
},
|
|
499
|
+
{
|
|
500
|
+
"name": "kbd",
|
|
501
|
+
"file": "snippets/kbd.html",
|
|
502
|
+
"description": "Keyboard key and shortcut group",
|
|
503
|
+
"requires": [
|
|
504
|
+
"@birdycom/omniaui"
|
|
505
|
+
]
|
|
506
|
+
},
|
|
507
|
+
{
|
|
508
|
+
"name": "slider",
|
|
509
|
+
"file": "snippets/slider.html",
|
|
510
|
+
"description": "Slider: native range input with themed track, fill and thumb",
|
|
511
|
+
"requires": [
|
|
512
|
+
"@birdycom/omniaui"
|
|
513
|
+
]
|
|
514
|
+
},
|
|
515
|
+
{
|
|
516
|
+
"name": "toggle",
|
|
517
|
+
"file": "snippets/toggle.html",
|
|
518
|
+
"description": "Toggle and toggle group: pressed state on checkbox/radio or aria-pressed",
|
|
519
|
+
"requires": [
|
|
520
|
+
"@birdycom/omniaui"
|
|
521
|
+
]
|
|
522
|
+
},
|
|
523
|
+
{
|
|
524
|
+
"name": "item",
|
|
525
|
+
"file": "snippets/item.html",
|
|
526
|
+
"description": "Item: list row with media, content and actions",
|
|
527
|
+
"requires": [
|
|
528
|
+
"@birdycom/omniaui"
|
|
529
|
+
]
|
|
530
|
+
},
|
|
531
|
+
{
|
|
532
|
+
"name": "aspect-ratio",
|
|
533
|
+
"file": "snippets/aspect-ratio.html",
|
|
534
|
+
"description": "Aspect-ratio box with presets and fill behaviour for img/video/iframe",
|
|
535
|
+
"requires": [
|
|
536
|
+
"@birdycom/omniaui"
|
|
537
|
+
]
|
|
538
|
+
},
|
|
539
|
+
{
|
|
540
|
+
"name": "hover-card",
|
|
541
|
+
"file": "snippets/hover-card.html",
|
|
542
|
+
"description": "Hover card: preview on hover/focus via interestfor + popover, CSS hover fallback",
|
|
543
|
+
"requires": [
|
|
544
|
+
"@birdycom/omniaui"
|
|
545
|
+
]
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"name": "menubar",
|
|
549
|
+
"file": "snippets/menubar.html",
|
|
550
|
+
"description": "Menubar: horizontal menu bar built from popover dropdown menus",
|
|
551
|
+
"requires": [
|
|
552
|
+
"@birdycom/omniaui"
|
|
553
|
+
]
|
|
554
|
+
},
|
|
555
|
+
{
|
|
556
|
+
"name": "context-menu",
|
|
557
|
+
"file": "snippets/context-menu.html",
|
|
558
|
+
"description": "Context menu: dropdown menu at the pointer with a minimal documented script",
|
|
559
|
+
"requires": [
|
|
560
|
+
"@birdycom/omniaui"
|
|
561
|
+
]
|
|
562
|
+
},
|
|
563
|
+
{
|
|
564
|
+
"name": "carousel",
|
|
565
|
+
"file": "snippets/carousel.html",
|
|
566
|
+
"description": "Carousel: CSS scroll-snap with ::scroll-button arrows and ::scroll-marker dots, fallback links",
|
|
567
|
+
"requires": [
|
|
568
|
+
"@birdycom/omniaui"
|
|
569
|
+
]
|
|
570
|
+
},
|
|
571
|
+
{
|
|
572
|
+
"name": "resizable",
|
|
573
|
+
"file": "snippets/resizable.html",
|
|
574
|
+
"description": "Resizable panels using CSS resize (horizontal, vertical, free box)",
|
|
575
|
+
"requires": [
|
|
576
|
+
"@birdycom/omniaui"
|
|
577
|
+
]
|
|
578
|
+
},
|
|
579
|
+
{
|
|
580
|
+
"name": "combobox",
|
|
581
|
+
"file": "snippets/combobox.html",
|
|
582
|
+
"description": "Combobox: input + listbox styling (filtering and selection are wrapper responsibility)",
|
|
583
|
+
"requires": [
|
|
584
|
+
"@birdycom/omniaui"
|
|
585
|
+
]
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"name": "dropdown-menu",
|
|
589
|
+
"file": "snippets/dropdown-menu.html",
|
|
590
|
+
"description": "Dropdown extras: sub-menus, checkbox and radio items, shortcuts, destructive/disabled items",
|
|
591
|
+
"requires": [
|
|
592
|
+
"@birdycom/omniaui"
|
|
593
|
+
]
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"name": "drawer",
|
|
597
|
+
"file": "snippets/drawer.html",
|
|
598
|
+
"description": "Drawer: bottom sheet on dialog with drag handle look, no JavaScript",
|
|
599
|
+
"requires": [
|
|
600
|
+
"@birdycom/omniaui"
|
|
601
|
+
]
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"name": "native-select",
|
|
605
|
+
"file": "snippets/native-select.html",
|
|
606
|
+
"description": "Native select: themed <select>; optional base-select picker styling",
|
|
607
|
+
"requires": [
|
|
608
|
+
"@birdycom/omniaui"
|
|
609
|
+
]
|
|
610
|
+
},
|
|
611
|
+
{
|
|
612
|
+
"name": "toast-stack",
|
|
613
|
+
"file": "snippets/toast-stack.html",
|
|
614
|
+
"description": "Toast stack: overlapping toasts that expand on hover or focus",
|
|
615
|
+
"requires": [
|
|
616
|
+
"@birdycom/omniaui"
|
|
617
|
+
]
|
|
618
|
+
},
|
|
619
|
+
{
|
|
620
|
+
"name": "calendar",
|
|
621
|
+
"file": "snippets/calendar.html",
|
|
622
|
+
"description": "Calendar: month grid markup with selected, today, range and outside-day states",
|
|
623
|
+
"requires": [
|
|
624
|
+
"@birdycom/omniaui"
|
|
625
|
+
]
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"name": "date-picker",
|
|
629
|
+
"file": "snippets/date-picker.html",
|
|
630
|
+
"description": "Date picker: trigger button with a calendar popover, or a native date input",
|
|
631
|
+
"requires": [
|
|
632
|
+
"@birdycom/omniaui"
|
|
633
|
+
]
|
|
634
|
+
},
|
|
635
|
+
{
|
|
636
|
+
"name": "chart",
|
|
637
|
+
"file": "snippets/chart.html",
|
|
638
|
+
"description": "Chart tokens --oc-chart-1..5 (light-dark Omnia colors) with legend, bar and pie helpers",
|
|
639
|
+
"requires": [
|
|
640
|
+
"@birdycom/omniaui"
|
|
641
|
+
]
|
|
642
|
+
},
|
|
643
|
+
{
|
|
644
|
+
"name": "accordion-accent",
|
|
645
|
+
"file": "snippets/accordion-accent.html",
|
|
646
|
+
"description": "Accordion variant: every item is a card with a colored accent edge; presets or semantic colors per item - no JavaScript",
|
|
647
|
+
"requires": [
|
|
648
|
+
"@birdycom/omniaui"
|
|
649
|
+
]
|
|
650
|
+
},
|
|
651
|
+
{
|
|
652
|
+
"name": "affix-input",
|
|
653
|
+
"file": "snippets/affix-input.html",
|
|
654
|
+
"description": "Input with an inline prefix or suffix symbol (currency, percent, email)",
|
|
655
|
+
"requires": [
|
|
656
|
+
"@birdycom/omniaui"
|
|
657
|
+
]
|
|
658
|
+
},
|
|
659
|
+
{
|
|
660
|
+
"name": "alpha-tabs",
|
|
661
|
+
"file": "snippets/alpha-tabs.html",
|
|
662
|
+
"description": "All + A-Z letter filter bar for long lists; scrolls sideways on small screens",
|
|
663
|
+
"requires": [
|
|
664
|
+
"@birdycom/omniaui"
|
|
665
|
+
]
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"name": "barcode-input",
|
|
669
|
+
"file": "snippets/barcode-input.html",
|
|
670
|
+
"description": "Barcode / EAN field with a preview area below it",
|
|
671
|
+
"requires": [
|
|
672
|
+
"@birdycom/omniaui"
|
|
673
|
+
]
|
|
674
|
+
},
|
|
675
|
+
{
|
|
676
|
+
"name": "chip-filter",
|
|
677
|
+
"file": "snippets/chip-filter.html",
|
|
678
|
+
"description": "Rounded filter chips (checkboxes for several, radios for one) - no JavaScript",
|
|
679
|
+
"requires": [
|
|
680
|
+
"@birdycom/omniaui"
|
|
681
|
+
]
|
|
682
|
+
},
|
|
683
|
+
{
|
|
684
|
+
"name": "color-select",
|
|
685
|
+
"file": "snippets/color-select.html",
|
|
686
|
+
"description": "Pick one color from round swatches (or a list with names)",
|
|
687
|
+
"requires": [
|
|
688
|
+
"@birdycom/omniaui"
|
|
689
|
+
]
|
|
690
|
+
},
|
|
691
|
+
{
|
|
692
|
+
"name": "column-menu",
|
|
693
|
+
"file": "snippets/column-menu.html",
|
|
694
|
+
"description": "Column visibility checklist in a popover; hides table columns with :has() - no JavaScript",
|
|
695
|
+
"requires": [
|
|
696
|
+
"@birdycom/omniaui"
|
|
697
|
+
]
|
|
698
|
+
},
|
|
699
|
+
{
|
|
700
|
+
"name": "confirm-dialog",
|
|
701
|
+
"file": "snippets/confirm-dialog.html",
|
|
702
|
+
"description": "Alert dialog variant: icon ring, close button, typed confirmation and a discard action - no JavaScript",
|
|
703
|
+
"requires": [
|
|
704
|
+
"@birdycom/omniaui"
|
|
705
|
+
]
|
|
706
|
+
},
|
|
707
|
+
{
|
|
708
|
+
"name": "decimal-input",
|
|
709
|
+
"file": "snippets/decimal-input.html",
|
|
710
|
+
"description": "Text field for locale decimals like 1.234,56, with an optional unit",
|
|
711
|
+
"requires": [
|
|
712
|
+
"@birdycom/omniaui"
|
|
713
|
+
]
|
|
714
|
+
},
|
|
715
|
+
{
|
|
716
|
+
"name": "fact-list",
|
|
717
|
+
"file": "snippets/fact-list.html",
|
|
718
|
+
"description": "Key / value product facts in a card, a variant of the definition list",
|
|
719
|
+
"requires": [
|
|
720
|
+
"@birdycom/omniaui"
|
|
721
|
+
]
|
|
722
|
+
},
|
|
723
|
+
{
|
|
724
|
+
"name": "filter-counts",
|
|
725
|
+
"file": "snippets/filter-counts.html",
|
|
726
|
+
"description": "View filter tiles with counts (active / deleted / all) - no JavaScript",
|
|
727
|
+
"requires": [
|
|
728
|
+
"@birdycom/omniaui"
|
|
729
|
+
]
|
|
730
|
+
},
|
|
731
|
+
{
|
|
732
|
+
"name": "greeting",
|
|
733
|
+
"file": "snippets/greeting.html",
|
|
734
|
+
"description": "Dashboard header with a time-of-day greeting, the date and actions",
|
|
735
|
+
"requires": [
|
|
736
|
+
"@birdycom/omniaui"
|
|
737
|
+
]
|
|
738
|
+
},
|
|
739
|
+
{
|
|
740
|
+
"name": "image-zoom",
|
|
741
|
+
"file": "snippets/image-zoom.html",
|
|
742
|
+
"description": "Zoom and pan viewport with CSS-only zoom levels",
|
|
743
|
+
"requires": [
|
|
744
|
+
"@birdycom/omniaui"
|
|
745
|
+
]
|
|
746
|
+
},
|
|
747
|
+
{
|
|
748
|
+
"name": "language-select",
|
|
749
|
+
"file": "snippets/language-select.html",
|
|
750
|
+
"description": "Compact language or currency switcher for a site header",
|
|
751
|
+
"requires": [
|
|
752
|
+
"@birdycom/omniaui"
|
|
753
|
+
]
|
|
754
|
+
},
|
|
755
|
+
{
|
|
756
|
+
"name": "lightbox",
|
|
757
|
+
"file": "snippets/lightbox.html",
|
|
758
|
+
"description": "Image viewer on a native <dialog> with prev / next, counter and caption",
|
|
759
|
+
"requires": [
|
|
760
|
+
"@birdycom/omniaui"
|
|
761
|
+
]
|
|
762
|
+
},
|
|
763
|
+
{
|
|
764
|
+
"name": "link-arrow",
|
|
765
|
+
"file": "snippets/link-arrow.html",
|
|
766
|
+
"description": "Text link with an arrow that moves on hover and focus",
|
|
767
|
+
"requires": [
|
|
768
|
+
"@birdycom/omniaui"
|
|
769
|
+
]
|
|
770
|
+
},
|
|
771
|
+
{
|
|
772
|
+
"name": "list-toolbar",
|
|
773
|
+
"file": "snippets/list-toolbar.html",
|
|
774
|
+
"description": "Search, result count, cards / table view toggle and actions above a list; the toggle switches views with :has() - no JavaScript",
|
|
775
|
+
"requires": [
|
|
776
|
+
"@birdycom/omniaui"
|
|
777
|
+
]
|
|
778
|
+
},
|
|
779
|
+
{
|
|
780
|
+
"name": "marquee",
|
|
781
|
+
"file": "snippets/marquee.html",
|
|
782
|
+
"description": "Endless scrolling strip of chips; pauses on hover and focus, static with reduced motion",
|
|
783
|
+
"requires": [
|
|
784
|
+
"@birdycom/omniaui"
|
|
785
|
+
]
|
|
786
|
+
},
|
|
787
|
+
{
|
|
788
|
+
"name": "media-card",
|
|
789
|
+
"file": "snippets/media-card.html",
|
|
790
|
+
"description": "Video card: thumb, avatar, two-line title, meta and an overflow menu",
|
|
791
|
+
"requires": [
|
|
792
|
+
"@birdycom/omniaui"
|
|
793
|
+
]
|
|
794
|
+
},
|
|
795
|
+
{
|
|
796
|
+
"name": "media-row",
|
|
797
|
+
"file": "snippets/media-row.html",
|
|
798
|
+
"description": "Compact horizontal media item for up-next lists and numbered playlists",
|
|
799
|
+
"requires": [
|
|
800
|
+
"@birdycom/omniaui"
|
|
801
|
+
]
|
|
802
|
+
},
|
|
803
|
+
{
|
|
804
|
+
"name": "media-thumb",
|
|
805
|
+
"file": "snippets/media-thumb.html",
|
|
806
|
+
"description": "16:9 video thumbnail with duration badge and watch-progress bar",
|
|
807
|
+
"requires": [
|
|
808
|
+
"@birdycom/omniaui"
|
|
809
|
+
]
|
|
810
|
+
},
|
|
811
|
+
{
|
|
812
|
+
"name": "next-teaser",
|
|
813
|
+
"file": "snippets/next-teaser.html",
|
|
814
|
+
"description": "\"Next product\" teaser card with label, name, mark and an arrow tagline",
|
|
815
|
+
"requires": [
|
|
816
|
+
"@birdycom/omniaui"
|
|
817
|
+
]
|
|
818
|
+
},
|
|
819
|
+
{
|
|
820
|
+
"name": "number-input",
|
|
821
|
+
"file": "snippets/number-input.html",
|
|
822
|
+
"description": "Number field with minus and plus step buttons",
|
|
823
|
+
"requires": [
|
|
824
|
+
"@birdycom/omniaui"
|
|
825
|
+
]
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"name": "page-header",
|
|
829
|
+
"file": "snippets/page-header.html",
|
|
830
|
+
"description": "Page title row with back link, subtitle, meta and actions; actions move under the title in narrow containers",
|
|
831
|
+
"requires": [
|
|
832
|
+
"@birdycom/omniaui"
|
|
833
|
+
]
|
|
834
|
+
},
|
|
835
|
+
{
|
|
836
|
+
"name": "password-requirements",
|
|
837
|
+
"file": "snippets/password-requirements.html",
|
|
838
|
+
"description": "Live checklist of password rules under a password field",
|
|
839
|
+
"requires": [
|
|
840
|
+
"@birdycom/omniaui"
|
|
841
|
+
]
|
|
842
|
+
},
|
|
843
|
+
{
|
|
844
|
+
"name": "phone-input",
|
|
845
|
+
"file": "snippets/phone-input.html",
|
|
846
|
+
"description": "Phone field with a country dial code select and the national number",
|
|
847
|
+
"requires": [
|
|
848
|
+
"@birdycom/omniaui"
|
|
849
|
+
]
|
|
850
|
+
},
|
|
851
|
+
{
|
|
852
|
+
"name": "price-card",
|
|
853
|
+
"file": "snippets/price-card.html",
|
|
854
|
+
"description": "Plan card with a monthly / yearly toggle (radio + :has), discount badge and included / excluded features",
|
|
855
|
+
"requires": [
|
|
856
|
+
"@birdycom/omniaui"
|
|
857
|
+
]
|
|
858
|
+
},
|
|
859
|
+
{
|
|
860
|
+
"name": "product-mark",
|
|
861
|
+
"file": "snippets/product-mark.html",
|
|
862
|
+
"description": "Squircle app icon tile in the accent gradient (sm / lg / xl)",
|
|
863
|
+
"requires": [
|
|
864
|
+
"@birdycom/omniaui"
|
|
865
|
+
]
|
|
866
|
+
},
|
|
867
|
+
{
|
|
868
|
+
"name": "project-card",
|
|
869
|
+
"file": "snippets/project-card.html",
|
|
870
|
+
"description": "Portfolio card with a browser-like preview, type badge, name, meta and an arrow link",
|
|
871
|
+
"requires": [
|
|
872
|
+
"@birdycom/omniaui"
|
|
873
|
+
]
|
|
874
|
+
},
|
|
875
|
+
{
|
|
876
|
+
"name": "severity-card",
|
|
877
|
+
"file": "snippets/severity-card.html",
|
|
878
|
+
"description": "Risk-colored expandable card (low, medium, high, critical) on details / summary - no JavaScript",
|
|
879
|
+
"requires": [
|
|
880
|
+
"@birdycom/omniaui"
|
|
881
|
+
]
|
|
882
|
+
},
|
|
883
|
+
{
|
|
884
|
+
"name": "sortable-row",
|
|
885
|
+
"file": "snippets/sortable-row.html",
|
|
886
|
+
"description": "Table row with a drag grip and drag / drop states (styling only)",
|
|
887
|
+
"requires": [
|
|
888
|
+
"@birdycom/omniaui"
|
|
889
|
+
]
|
|
890
|
+
},
|
|
891
|
+
{
|
|
892
|
+
"name": "stack-list",
|
|
893
|
+
"file": "snippets/stack-list.html",
|
|
894
|
+
"description": "Technology pills for a product or project tech stack",
|
|
895
|
+
"requires": [
|
|
896
|
+
"@birdycom/omniaui"
|
|
897
|
+
]
|
|
898
|
+
},
|
|
899
|
+
{
|
|
900
|
+
"name": "stat-card",
|
|
901
|
+
"file": "snippets/stat-card.html",
|
|
902
|
+
"description": "KPI tile with an icon tile, a big number, a label and an optional trend; tone modifiers and a clickable variant",
|
|
903
|
+
"requires": [
|
|
904
|
+
"@birdycom/omniaui"
|
|
905
|
+
]
|
|
906
|
+
},
|
|
907
|
+
{
|
|
908
|
+
"name": "table-actions",
|
|
909
|
+
"file": "snippets/table-actions.html",
|
|
910
|
+
"description": "Row actions as small icon buttons or as one overflow menu (popover) - no JavaScript",
|
|
911
|
+
"requires": [
|
|
912
|
+
"@birdycom/omniaui"
|
|
913
|
+
]
|
|
914
|
+
},
|
|
915
|
+
{
|
|
916
|
+
"name": "table-compact",
|
|
917
|
+
"file": "snippets/table-compact.html",
|
|
918
|
+
"description": "Table variant: compact striped table without outer cell borders, for inside cards and side panels",
|
|
919
|
+
"requires": [
|
|
920
|
+
"@birdycom/omniaui"
|
|
921
|
+
]
|
|
922
|
+
},
|
|
923
|
+
{
|
|
924
|
+
"name": "time-input",
|
|
925
|
+
"file": "snippets/time-input.html",
|
|
926
|
+
"description": "24h time field (HH:mm) with suggested slots and an optional slot list",
|
|
927
|
+
"requires": [
|
|
928
|
+
"@birdycom/omniaui"
|
|
929
|
+
]
|
|
930
|
+
},
|
|
931
|
+
{
|
|
932
|
+
"name": "timeline",
|
|
933
|
+
"file": "snippets/timeline.html",
|
|
934
|
+
"description": "Vertical timeline with dated entries and an accent dot per item",
|
|
935
|
+
"requires": [
|
|
936
|
+
"@birdycom/omniaui"
|
|
937
|
+
]
|
|
938
|
+
},
|
|
939
|
+
{
|
|
940
|
+
"name": "toggle-field",
|
|
941
|
+
"file": "snippets/toggle-field.html",
|
|
942
|
+
"description": "Settings row with a title, a description and a switch",
|
|
943
|
+
"requires": [
|
|
944
|
+
"@birdycom/omniaui"
|
|
945
|
+
]
|
|
946
|
+
},
|
|
947
|
+
{
|
|
948
|
+
"name": "top-progress",
|
|
949
|
+
"file": "snippets/top-progress.html",
|
|
950
|
+
"description": "Thin page-top loading bar on a native progress element (indeterminate or with a value)",
|
|
951
|
+
"requires": [
|
|
952
|
+
"@birdycom/omniaui"
|
|
953
|
+
]
|
|
954
|
+
},
|
|
955
|
+
{
|
|
956
|
+
"name": "tree",
|
|
957
|
+
"file": "snippets/tree.html",
|
|
958
|
+
"description": "Nested tree list on details / summary with a sticky action column - no JavaScript",
|
|
959
|
+
"requires": [
|
|
960
|
+
"@birdycom/omniaui"
|
|
961
|
+
]
|
|
962
|
+
},
|
|
963
|
+
{
|
|
964
|
+
"name": "upgrade-banner",
|
|
965
|
+
"file": "snippets/upgrade-banner.html",
|
|
966
|
+
"description": "Soft callout for a free plan with limits, a usage meter and an upgrade action",
|
|
967
|
+
"requires": [
|
|
968
|
+
"@birdycom/omniaui"
|
|
969
|
+
]
|
|
970
|
+
},
|
|
971
|
+
{
|
|
972
|
+
"name": "version-banner",
|
|
973
|
+
"file": "snippets/version-banner.html",
|
|
974
|
+
"description": "Small \"new version available - reload\" chip; the reload is a plain link to the current page",
|
|
975
|
+
"requires": [
|
|
976
|
+
"@birdycom/omniaui"
|
|
977
|
+
]
|
|
978
|
+
},
|
|
979
|
+
{
|
|
980
|
+
"name": "entity-card",
|
|
981
|
+
"file": "snippets/entity-card.html",
|
|
982
|
+
"description": "Framed media cell (image, glyph, icon) next to a detail column with facts",
|
|
983
|
+
"requires": [
|
|
984
|
+
"@birdycom/omniaui"
|
|
985
|
+
]
|
|
986
|
+
},
|
|
987
|
+
{
|
|
988
|
+
"name": "flip-card",
|
|
989
|
+
"file": "snippets/flip-card.html",
|
|
990
|
+
"description": "3D flip card (front / back) on a checkbox toggle or on hover and focus",
|
|
991
|
+
"requires": [
|
|
992
|
+
"@birdycom/omniaui"
|
|
993
|
+
]
|
|
994
|
+
},
|
|
995
|
+
{
|
|
996
|
+
"name": "stack-card",
|
|
997
|
+
"file": "snippets/stack-card.html",
|
|
998
|
+
"description": "Playlist or course cover drawn as a stacked deck with a count badge",
|
|
999
|
+
"requires": [
|
|
1000
|
+
"@birdycom/omniaui"
|
|
1001
|
+
]
|
|
1002
|
+
},
|
|
1003
|
+
{
|
|
1004
|
+
"name": "emoji-picker",
|
|
1005
|
+
"file": "snippets/emoji-picker.html",
|
|
1006
|
+
"description": "Compact popover grid of emoji buttons, anchored to its trigger",
|
|
1007
|
+
"requires": [
|
|
1008
|
+
"@birdycom/omniaui"
|
|
1009
|
+
]
|
|
1010
|
+
},
|
|
1011
|
+
{
|
|
1012
|
+
"name": "chat-composer",
|
|
1013
|
+
"file": "snippets/chat-composer.html",
|
|
1014
|
+
"description": "Chat message field with a toolbar and a send button in one frame",
|
|
1015
|
+
"requires": [
|
|
1016
|
+
"@birdycom/omniaui"
|
|
1017
|
+
]
|
|
1018
|
+
},
|
|
1019
|
+
{
|
|
1020
|
+
"name": "terminal-log",
|
|
1021
|
+
"file": "snippets/terminal-log.html",
|
|
1022
|
+
"description": "Console window with traffic lights, level colors and a blinking cursor",
|
|
1023
|
+
"requires": [
|
|
1024
|
+
"@birdycom/omniaui"
|
|
1025
|
+
]
|
|
1026
|
+
},
|
|
1027
|
+
{
|
|
1028
|
+
"name": "browser-frame",
|
|
1029
|
+
"file": "snippets/browser-frame.html",
|
|
1030
|
+
"description": "Fake browser chrome around a screenshot or live content",
|
|
1031
|
+
"requires": [
|
|
1032
|
+
"@birdycom/omniaui"
|
|
1033
|
+
]
|
|
1034
|
+
},
|
|
1035
|
+
{
|
|
1036
|
+
"name": "data-table",
|
|
1037
|
+
"file": "snippets/data-table.html",
|
|
1038
|
+
"description": "List table from Korrekt and OmniaDesk: search, sort, pages, columns, resize, drag, trash filter and bulk actions",
|
|
1039
|
+
"requires": [
|
|
1040
|
+
"@birdycom/omniaui"
|
|
1041
|
+
]
|
|
1042
|
+
},
|
|
1043
|
+
{
|
|
1044
|
+
"name": "busy-overlay",
|
|
1045
|
+
"file": "snippets/busy-overlay.html",
|
|
1046
|
+
"description": "Modal \"please wait\" overlay while a long form submit or upload runs",
|
|
1047
|
+
"requires": [
|
|
1048
|
+
"@birdycom/omniaui"
|
|
1049
|
+
]
|
|
1050
|
+
},
|
|
1051
|
+
{
|
|
1052
|
+
"name": "cookie-consent",
|
|
1053
|
+
"file": "snippets/cookie-consent.html",
|
|
1054
|
+
"description": "Cookie banner with categories on popover=\"manual\"; a small script remembers the choice",
|
|
1055
|
+
"requires": [
|
|
1056
|
+
"@birdycom/omniaui"
|
|
1057
|
+
]
|
|
1058
|
+
},
|
|
1059
|
+
{
|
|
1060
|
+
"name": "doc-viewer",
|
|
1061
|
+
"file": "snippets/doc-viewer.html",
|
|
1062
|
+
"description": "PDF, video or image in a card with a label and a full-screen view on a native <dialog>",
|
|
1063
|
+
"requires": [
|
|
1064
|
+
"@birdycom/omniaui"
|
|
1065
|
+
]
|
|
1066
|
+
},
|
|
1067
|
+
{
|
|
1068
|
+
"name": "attachment",
|
|
1069
|
+
"file": "snippets/attachment.html",
|
|
1070
|
+
"description": "File chip and image preview for chat messages and composers: icon by type, name, size, remove and upload states",
|
|
1071
|
+
"requires": [
|
|
1072
|
+
"@birdycom/omniaui"
|
|
1073
|
+
]
|
|
1074
|
+
},
|
|
1075
|
+
{
|
|
1076
|
+
"name": "chart-line",
|
|
1077
|
+
"file": "snippets/chart-line.html",
|
|
1078
|
+
"description": "Line and area chart in inline SVG with axes, legend and tooltips on hover and focus",
|
|
1079
|
+
"requires": [
|
|
1080
|
+
"@birdycom/omniaui"
|
|
1081
|
+
]
|
|
1082
|
+
},
|
|
1083
|
+
{
|
|
1084
|
+
"name": "message-thread",
|
|
1085
|
+
"file": "snippets/message-thread.html",
|
|
1086
|
+
"description": "Scrolling conversation: header with subject, people, status and actions menu, messages that start at the bottom, composer and a sending overlay",
|
|
1087
|
+
"requires": [
|
|
1088
|
+
"@birdycom/omniaui"
|
|
1089
|
+
]
|
|
1090
|
+
},
|
|
1091
|
+
{
|
|
1092
|
+
"name": "message",
|
|
1093
|
+
"file": "snippets/message.html",
|
|
1094
|
+
"description": "Chat bubble: incoming and outgoing, sender, avatar, time, read receipt, hover actions, grouping, reply quote and date divider",
|
|
1095
|
+
"requires": [
|
|
1096
|
+
"@birdycom/omniaui"
|
|
1097
|
+
]
|
|
1098
|
+
},
|
|
1099
|
+
{
|
|
1100
|
+
"name": "prose",
|
|
1101
|
+
"file": "snippets/prose.html",
|
|
1102
|
+
"description": "Typography for long-form CMS, blog and help text: headings, lists, quotes, code, tables, figures",
|
|
1103
|
+
"requires": [
|
|
1104
|
+
"@birdycom/omniaui"
|
|
1105
|
+
]
|
|
1106
|
+
}
|
|
1107
|
+
]
|
|
1108
|
+
}
|