bareframe 0.1.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.
Files changed (228) hide show
  1. package/README.md +197 -0
  2. package/dist/components/accordion.css +107 -0
  3. package/dist/components/accordion.js +92 -0
  4. package/dist/components/action-list.css +30 -0
  5. package/dist/components/action-list.js +31 -0
  6. package/dist/components/alert.css +30 -0
  7. package/dist/components/alert.js +31 -0
  8. package/dist/components/anchor.css +30 -0
  9. package/dist/components/anchor.js +31 -0
  10. package/dist/components/autocomplete.css +30 -0
  11. package/dist/components/autocomplete.js +31 -0
  12. package/dist/components/avatar.css +30 -0
  13. package/dist/components/avatar.js +31 -0
  14. package/dist/components/badge.css +30 -0
  15. package/dist/components/badge.js +31 -0
  16. package/dist/components/banner.css +30 -0
  17. package/dist/components/banner.js +31 -0
  18. package/dist/components/bar-chart.css +30 -0
  19. package/dist/components/bar-chart.js +31 -0
  20. package/dist/components/bottom-navigation.css +30 -0
  21. package/dist/components/bottom-navigation.js +31 -0
  22. package/dist/components/bottom-sheet.css +30 -0
  23. package/dist/components/bottom-sheet.js +31 -0
  24. package/dist/components/breadcrumb.css +30 -0
  25. package/dist/components/breadcrumb.js +31 -0
  26. package/dist/components/button-group.css +30 -0
  27. package/dist/components/button-group.js +31 -0
  28. package/dist/components/button.css +136 -0
  29. package/dist/components/button.js +42 -0
  30. package/dist/components/calendar.css +30 -0
  31. package/dist/components/calendar.js +31 -0
  32. package/dist/components/canvas.css +30 -0
  33. package/dist/components/canvas.js +31 -0
  34. package/dist/components/card.css +30 -0
  35. package/dist/components/card.js +31 -0
  36. package/dist/components/carousel.css +30 -0
  37. package/dist/components/carousel.js +31 -0
  38. package/dist/components/chart.css +30 -0
  39. package/dist/components/chart.js +31 -0
  40. package/dist/components/checkbox.css +30 -0
  41. package/dist/components/checkbox.js +31 -0
  42. package/dist/components/chip.css +30 -0
  43. package/dist/components/chip.js +31 -0
  44. package/dist/components/code-block.css +30 -0
  45. package/dist/components/code-block.js +31 -0
  46. package/dist/components/color-picker.css +30 -0
  47. package/dist/components/color-picker.js +31 -0
  48. package/dist/components/combobox.css +30 -0
  49. package/dist/components/combobox.js +31 -0
  50. package/dist/components/command-palette.css +30 -0
  51. package/dist/components/command-palette.js +31 -0
  52. package/dist/components/context-menu.css +30 -0
  53. package/dist/components/context-menu.js +31 -0
  54. package/dist/components/countdown.css +30 -0
  55. package/dist/components/countdown.js +31 -0
  56. package/dist/components/data-grid.css +30 -0
  57. package/dist/components/data-grid.js +31 -0
  58. package/dist/components/date-picker.css +30 -0
  59. package/dist/components/date-picker.js +31 -0
  60. package/dist/components/date-range-picker.css +30 -0
  61. package/dist/components/date-range-picker.js +31 -0
  62. package/dist/components/dialog.css +30 -0
  63. package/dist/components/dialog.js +31 -0
  64. package/dist/components/divider.css +30 -0
  65. package/dist/components/divider.js +31 -0
  66. package/dist/components/donut-chart.css +30 -0
  67. package/dist/components/donut-chart.js +31 -0
  68. package/dist/components/drawer.css +30 -0
  69. package/dist/components/drawer.js +31 -0
  70. package/dist/components/dropdown.css +30 -0
  71. package/dist/components/dropdown.js +31 -0
  72. package/dist/components/empty-state.css +30 -0
  73. package/dist/components/empty-state.js +31 -0
  74. package/dist/components/error-summary.css +30 -0
  75. package/dist/components/error-summary.js +31 -0
  76. package/dist/components/expanded-panel.css +30 -0
  77. package/dist/components/expanded-panel.js +31 -0
  78. package/dist/components/fab.css +30 -0
  79. package/dist/components/fab.js +31 -0
  80. package/dist/components/file-upload.css +30 -0
  81. package/dist/components/file-upload.js +31 -0
  82. package/dist/components/filter-bar.css +30 -0
  83. package/dist/components/filter-bar.js +31 -0
  84. package/dist/components/footer.css +30 -0
  85. package/dist/components/footer.js +31 -0
  86. package/dist/components/form-field.css +30 -0
  87. package/dist/components/form-field.js +31 -0
  88. package/dist/components/gantt-chart.css +30 -0
  89. package/dist/components/gantt-chart.js +31 -0
  90. package/dist/components/gauge.css +30 -0
  91. package/dist/components/gauge.js +31 -0
  92. package/dist/components/graph.css +30 -0
  93. package/dist/components/graph.js +31 -0
  94. package/dist/components/grid.css +30 -0
  95. package/dist/components/grid.js +31 -0
  96. package/dist/components/header.css +30 -0
  97. package/dist/components/header.js +31 -0
  98. package/dist/components/heatmap.css +30 -0
  99. package/dist/components/heatmap.js +31 -0
  100. package/dist/components/hero.css +30 -0
  101. package/dist/components/hero.js +31 -0
  102. package/dist/components/icon.css +30 -0
  103. package/dist/components/icon.js +31 -0
  104. package/dist/components/image.css +30 -0
  105. package/dist/components/image.js +31 -0
  106. package/dist/components/input.css +30 -0
  107. package/dist/components/input.js +31 -0
  108. package/dist/components/key-value-list.css +30 -0
  109. package/dist/components/key-value-list.js +31 -0
  110. package/dist/components/line-chart.css +30 -0
  111. package/dist/components/line-chart.js +31 -0
  112. package/dist/components/link.css +30 -0
  113. package/dist/components/link.js +31 -0
  114. package/dist/components/list-item.css +30 -0
  115. package/dist/components/list-item.js +31 -0
  116. package/dist/components/list.css +30 -0
  117. package/dist/components/list.js +31 -0
  118. package/dist/components/loading-indicator.css +30 -0
  119. package/dist/components/loading-indicator.js +31 -0
  120. package/dist/components/map.css +30 -0
  121. package/dist/components/map.js +31 -0
  122. package/dist/components/menu-item.css +30 -0
  123. package/dist/components/menu-item.js +31 -0
  124. package/dist/components/menu.css +30 -0
  125. package/dist/components/menu.js +31 -0
  126. package/dist/components/message.css +30 -0
  127. package/dist/components/message.js +31 -0
  128. package/dist/components/metric-card.css +30 -0
  129. package/dist/components/metric-card.js +31 -0
  130. package/dist/components/modal.css +30 -0
  131. package/dist/components/modal.js +31 -0
  132. package/dist/components/multi-select.css +30 -0
  133. package/dist/components/multi-select.js +31 -0
  134. package/dist/components/nav.css +30 -0
  135. package/dist/components/nav.js +31 -0
  136. package/dist/components/notification.css +30 -0
  137. package/dist/components/notification.js +31 -0
  138. package/dist/components/number-field.css +30 -0
  139. package/dist/components/number-field.js +31 -0
  140. package/dist/components/otp-input.css +30 -0
  141. package/dist/components/otp-input.js +31 -0
  142. package/dist/components/pagination.css +30 -0
  143. package/dist/components/pagination.js +31 -0
  144. package/dist/components/pie-chart.css +30 -0
  145. package/dist/components/pie-chart.js +31 -0
  146. package/dist/components/popover.css +30 -0
  147. package/dist/components/popover.js +31 -0
  148. package/dist/components/progress-bar.css +30 -0
  149. package/dist/components/progress-bar.js +31 -0
  150. package/dist/components/progress-circle.css +30 -0
  151. package/dist/components/progress-circle.js +31 -0
  152. package/dist/components/quick-actions.css +30 -0
  153. package/dist/components/quick-actions.js +31 -0
  154. package/dist/components/radio-group.css +30 -0
  155. package/dist/components/radio-group.js +31 -0
  156. package/dist/components/radio.css +30 -0
  157. package/dist/components/radio.js +31 -0
  158. package/dist/components/range-slider.css +30 -0
  159. package/dist/components/range-slider.js +31 -0
  160. package/dist/components/rating.css +30 -0
  161. package/dist/components/rating.js +31 -0
  162. package/dist/components/search.css +30 -0
  163. package/dist/components/search.js +31 -0
  164. package/dist/components/segmented-control.css +30 -0
  165. package/dist/components/segmented-control.js +31 -0
  166. package/dist/components/select.css +30 -0
  167. package/dist/components/select.js +31 -0
  168. package/dist/components/sheet.css +30 -0
  169. package/dist/components/sheet.js +31 -0
  170. package/dist/components/skeleton.css +30 -0
  171. package/dist/components/skeleton.js +31 -0
  172. package/dist/components/slider.css +30 -0
  173. package/dist/components/slider.js +31 -0
  174. package/dist/components/snackbar.css +30 -0
  175. package/dist/components/snackbar.js +31 -0
  176. package/dist/components/sparkline.css +30 -0
  177. package/dist/components/sparkline.js +31 -0
  178. package/dist/components/split-button.css +30 -0
  179. package/dist/components/split-button.js +31 -0
  180. package/dist/components/splitter.css +30 -0
  181. package/dist/components/splitter.js +31 -0
  182. package/dist/components/stack.css +30 -0
  183. package/dist/components/stack.js +31 -0
  184. package/dist/components/stepper.css +30 -0
  185. package/dist/components/stepper.js +31 -0
  186. package/dist/components/switch.css +30 -0
  187. package/dist/components/switch.js +31 -0
  188. package/dist/components/tab-group.css +30 -0
  189. package/dist/components/tab-group.js +31 -0
  190. package/dist/components/tab.css +30 -0
  191. package/dist/components/tab.js +31 -0
  192. package/dist/components/table.css +30 -0
  193. package/dist/components/table.js +31 -0
  194. package/dist/components/tag.css +30 -0
  195. package/dist/components/tag.js +31 -0
  196. package/dist/components/textarea.css +30 -0
  197. package/dist/components/textarea.js +31 -0
  198. package/dist/components/textfield.css +30 -0
  199. package/dist/components/textfield.js +31 -0
  200. package/dist/components/timeline.css +30 -0
  201. package/dist/components/timeline.js +31 -0
  202. package/dist/components/toast.css +30 -0
  203. package/dist/components/toast.js +31 -0
  204. package/dist/components/toggle.css +30 -0
  205. package/dist/components/toggle.js +31 -0
  206. package/dist/components/toolbar.css +30 -0
  207. package/dist/components/toolbar.js +31 -0
  208. package/dist/components/tooltip.css +30 -0
  209. package/dist/components/tooltip.js +31 -0
  210. package/dist/components/tree-view.css +30 -0
  211. package/dist/components/tree-view.js +31 -0
  212. package/dist/components/treemap.css +30 -0
  213. package/dist/components/treemap.js +31 -0
  214. package/dist/components/upload-dropzone.css +30 -0
  215. package/dist/components/upload-dropzone.js +31 -0
  216. package/dist/components/video-player.css +30 -0
  217. package/dist/components/video-player.js +31 -0
  218. package/dist/components/virtual-list.css +30 -0
  219. package/dist/components/virtual-list.js +31 -0
  220. package/dist/components/wizard.css +30 -0
  221. package/dist/components/wizard.js +31 -0
  222. package/dist/index.js +110 -0
  223. package/dist/manifest.json +116 -0
  224. package/dist/themes/dark.css +368 -0
  225. package/dist/themes/light.css +368 -0
  226. package/dist/themes/sprint.css +368 -0
  227. package/dist/themes/system.css +398 -0
  228. package/package.json +32 -0
@@ -0,0 +1,31 @@
1
+ class BfVirtualList extends HTMLElement {
2
+ constructor() {
3
+ super();
4
+ this.attachShadow({ mode: 'open' });
5
+ }
6
+
7
+ connectedCallback() {
8
+ if (this._initialized) {
9
+ return;
10
+ }
11
+ this._initialized = true;
12
+
13
+ const cssUrl = new URL('./virtual-list.css', import.meta.url);
14
+ const link = document.createElement('link');
15
+ link.rel = 'stylesheet';
16
+ link.href = cssUrl.href;
17
+
18
+ const root = document.createElement('div');
19
+ root.className = 'root';
20
+ root.setAttribute('part', 'root');
21
+ root.innerHTML = '<slot></slot>';
22
+
23
+ if (!this.innerHTML.trim()) {
24
+ root.textContent = 'virtual list';
25
+ }
26
+
27
+ this.shadowRoot.replaceChildren(link, root);
28
+ }
29
+ }
30
+
31
+ customElements.define('bf-virtual-list', BfVirtualList);
@@ -0,0 +1,30 @@
1
+ :host {
2
+ --bf-wizard-font: var(--bf-theme-font-family, inherit);
3
+ --bf-wizard-radius: var(--bf-theme-radius-md, 8px);
4
+ --bf-wizard-border-width: var(--bf-theme-border-width, 1px);
5
+ --bf-wizard-border-style: var(--bf-theme-border-style, solid);
6
+ --bf-wizard-border-color: var(--bf-theme-wizard-border-color, var(--bf-theme-border-1, #cbd5e1));
7
+ --bf-wizard-bg: var(--bf-theme-wizard-bg, var(--bf-theme-surface-1, #ffffff));
8
+ --bf-wizard-color: var(--bf-theme-wizard-color, var(--bf-theme-text-1, #0f172a));
9
+ --bf-wizard-padding-y: var(--bf-theme-space-2, 0.6rem);
10
+ --bf-wizard-padding-x: var(--bf-theme-space-3, 0.9rem);
11
+ --bf-wizard-transition:
12
+ var(--bf-theme-transition-bg, background-color 120ms ease),
13
+ var(--bf-theme-transition-color, color 120ms ease),
14
+ var(--bf-theme-transition-border, border-color 120ms ease);
15
+
16
+ display: block;
17
+ font: var(--bf-wizard-font);
18
+ color: var(--bf-wizard-color);
19
+ }
20
+
21
+ .root {
22
+ background: var(--bf-wizard-bg);
23
+ color: var(--bf-wizard-color);
24
+ border-width: var(--bf-wizard-border-width);
25
+ border-style: var(--bf-wizard-border-style);
26
+ border-color: var(--bf-wizard-border-color);
27
+ border-radius: var(--bf-wizard-radius);
28
+ padding: var(--bf-wizard-padding-y) var(--bf-wizard-padding-x);
29
+ transition: var(--bf-wizard-transition);
30
+ }
@@ -0,0 +1,31 @@
1
+ class BfWizard extends HTMLElement {
2
+ constructor() {
3
+ super();
4
+ this.attachShadow({ mode: 'open' });
5
+ }
6
+
7
+ connectedCallback() {
8
+ if (this._initialized) {
9
+ return;
10
+ }
11
+ this._initialized = true;
12
+
13
+ const cssUrl = new URL('./wizard.css', import.meta.url);
14
+ const link = document.createElement('link');
15
+ link.rel = 'stylesheet';
16
+ link.href = cssUrl.href;
17
+
18
+ const root = document.createElement('div');
19
+ root.className = 'root';
20
+ root.setAttribute('part', 'root');
21
+ root.innerHTML = '<slot></slot>';
22
+
23
+ if (!this.innerHTML.trim()) {
24
+ root.textContent = 'wizard';
25
+ }
26
+
27
+ this.shadowRoot.replaceChildren(link, root);
28
+ }
29
+ }
30
+
31
+ customElements.define('bf-wizard', BfWizard);
package/dist/index.js ADDED
@@ -0,0 +1,110 @@
1
+ import './components/accordion.js';
2
+ import './components/action-list.js';
3
+ import './components/alert.js';
4
+ import './components/anchor.js';
5
+ import './components/autocomplete.js';
6
+ import './components/avatar.js';
7
+ import './components/badge.js';
8
+ import './components/banner.js';
9
+ import './components/bar-chart.js';
10
+ import './components/bottom-navigation.js';
11
+ import './components/bottom-sheet.js';
12
+ import './components/breadcrumb.js';
13
+ import './components/button.js';
14
+ import './components/button-group.js';
15
+ import './components/calendar.js';
16
+ import './components/canvas.js';
17
+ import './components/card.js';
18
+ import './components/carousel.js';
19
+ import './components/chart.js';
20
+ import './components/checkbox.js';
21
+ import './components/chip.js';
22
+ import './components/code-block.js';
23
+ import './components/color-picker.js';
24
+ import './components/combobox.js';
25
+ import './components/command-palette.js';
26
+ import './components/context-menu.js';
27
+ import './components/countdown.js';
28
+ import './components/data-grid.js';
29
+ import './components/date-picker.js';
30
+ import './components/date-range-picker.js';
31
+ import './components/dialog.js';
32
+ import './components/divider.js';
33
+ import './components/donut-chart.js';
34
+ import './components/drawer.js';
35
+ import './components/dropdown.js';
36
+ import './components/empty-state.js';
37
+ import './components/error-summary.js';
38
+ import './components/expanded-panel.js';
39
+ import './components/fab.js';
40
+ import './components/file-upload.js';
41
+ import './components/filter-bar.js';
42
+ import './components/footer.js';
43
+ import './components/form-field.js';
44
+ import './components/gantt-chart.js';
45
+ import './components/gauge.js';
46
+ import './components/graph.js';
47
+ import './components/grid.js';
48
+ import './components/header.js';
49
+ import './components/heatmap.js';
50
+ import './components/hero.js';
51
+ import './components/icon.js';
52
+ import './components/image.js';
53
+ import './components/input.js';
54
+ import './components/key-value-list.js';
55
+ import './components/line-chart.js';
56
+ import './components/link.js';
57
+ import './components/list.js';
58
+ import './components/list-item.js';
59
+ import './components/loading-indicator.js';
60
+ import './components/map.js';
61
+ import './components/menu.js';
62
+ import './components/menu-item.js';
63
+ import './components/message.js';
64
+ import './components/metric-card.js';
65
+ import './components/modal.js';
66
+ import './components/multi-select.js';
67
+ import './components/nav.js';
68
+ import './components/notification.js';
69
+ import './components/number-field.js';
70
+ import './components/otp-input.js';
71
+ import './components/pagination.js';
72
+ import './components/pie-chart.js';
73
+ import './components/popover.js';
74
+ import './components/progress-bar.js';
75
+ import './components/progress-circle.js';
76
+ import './components/quick-actions.js';
77
+ import './components/radio.js';
78
+ import './components/radio-group.js';
79
+ import './components/range-slider.js';
80
+ import './components/rating.js';
81
+ import './components/search.js';
82
+ import './components/segmented-control.js';
83
+ import './components/select.js';
84
+ import './components/sheet.js';
85
+ import './components/skeleton.js';
86
+ import './components/slider.js';
87
+ import './components/snackbar.js';
88
+ import './components/sparkline.js';
89
+ import './components/split-button.js';
90
+ import './components/splitter.js';
91
+ import './components/stack.js';
92
+ import './components/stepper.js';
93
+ import './components/switch.js';
94
+ import './components/tab.js';
95
+ import './components/tab-group.js';
96
+ import './components/table.js';
97
+ import './components/tag.js';
98
+ import './components/textarea.js';
99
+ import './components/textfield.js';
100
+ import './components/timeline.js';
101
+ import './components/toast.js';
102
+ import './components/toggle.js';
103
+ import './components/toolbar.js';
104
+ import './components/tooltip.js';
105
+ import './components/tree-view.js';
106
+ import './components/treemap.js';
107
+ import './components/upload-dropzone.js';
108
+ import './components/video-player.js';
109
+ import './components/virtual-list.js';
110
+ import './components/wizard.js';
@@ -0,0 +1,116 @@
1
+ {
2
+ "generatedAt": "2026-02-25T18:07:48.231Z",
3
+ "componentCount": 110,
4
+ "components": [
5
+ "accordion",
6
+ "action-list",
7
+ "alert",
8
+ "anchor",
9
+ "autocomplete",
10
+ "avatar",
11
+ "badge",
12
+ "banner",
13
+ "bar-chart",
14
+ "bottom-navigation",
15
+ "bottom-sheet",
16
+ "breadcrumb",
17
+ "button",
18
+ "button-group",
19
+ "calendar",
20
+ "canvas",
21
+ "card",
22
+ "carousel",
23
+ "chart",
24
+ "checkbox",
25
+ "chip",
26
+ "code-block",
27
+ "color-picker",
28
+ "combobox",
29
+ "command-palette",
30
+ "context-menu",
31
+ "countdown",
32
+ "data-grid",
33
+ "date-picker",
34
+ "date-range-picker",
35
+ "dialog",
36
+ "divider",
37
+ "donut-chart",
38
+ "drawer",
39
+ "dropdown",
40
+ "empty-state",
41
+ "error-summary",
42
+ "expanded-panel",
43
+ "fab",
44
+ "file-upload",
45
+ "filter-bar",
46
+ "footer",
47
+ "form-field",
48
+ "gantt-chart",
49
+ "gauge",
50
+ "graph",
51
+ "grid",
52
+ "header",
53
+ "heatmap",
54
+ "hero",
55
+ "icon",
56
+ "image",
57
+ "input",
58
+ "key-value-list",
59
+ "line-chart",
60
+ "link",
61
+ "list",
62
+ "list-item",
63
+ "loading-indicator",
64
+ "map",
65
+ "menu",
66
+ "menu-item",
67
+ "message",
68
+ "metric-card",
69
+ "modal",
70
+ "multi-select",
71
+ "nav",
72
+ "notification",
73
+ "number-field",
74
+ "otp-input",
75
+ "pagination",
76
+ "pie-chart",
77
+ "popover",
78
+ "progress-bar",
79
+ "progress-circle",
80
+ "quick-actions",
81
+ "radio",
82
+ "radio-group",
83
+ "range-slider",
84
+ "rating",
85
+ "search",
86
+ "segmented-control",
87
+ "select",
88
+ "sheet",
89
+ "skeleton",
90
+ "slider",
91
+ "snackbar",
92
+ "sparkline",
93
+ "split-button",
94
+ "splitter",
95
+ "stack",
96
+ "stepper",
97
+ "switch",
98
+ "tab",
99
+ "tab-group",
100
+ "table",
101
+ "tag",
102
+ "textarea",
103
+ "textfield",
104
+ "timeline",
105
+ "toast",
106
+ "toggle",
107
+ "toolbar",
108
+ "tooltip",
109
+ "tree-view",
110
+ "treemap",
111
+ "upload-dropzone",
112
+ "video-player",
113
+ "virtual-list",
114
+ "wizard"
115
+ ]
116
+ }