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
package/dist/themes/light.css ADDED
@@ -0,0 +1,368 @@
1
+ :root,
2
+ [data-bf-theme='light'] {
3
+ color-scheme: light;
4
+
5
+ --bf-theme-font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
6
+ --bf-theme-border-width: 1px;
7
+ --bf-theme-border-style: solid;
8
+ --bf-theme-radius-md: 8px;
9
+ --bf-theme-space-2: 0.55rem;
10
+ --bf-theme-space-3: 0.95rem;
11
+ --bf-theme-cursor-button: pointer;
12
+ --bf-theme-opacity-hover: 0.96;
13
+ --bf-theme-active-translate-y: 1px;
14
+ --bf-theme-focus-ring-width: 2px;
15
+ --bf-theme-focus-ring-style: solid;
16
+ --bf-theme-focus-ring-color: #93c5fd;
17
+ --bf-theme-focus-ring-offset: 2px;
18
+ --bf-theme-surface-1: #ffffff;
19
+ --bf-theme-surface-2: #f8fafc;
20
+ --bf-theme-text-1: #0f172a;
21
+ --bf-theme-text-2: #334155;
22
+ --bf-theme-border-1: #cbd5e1;
23
+
24
+ --bf-theme-button-primary-bg: #2563eb;
25
+ --bf-theme-button-primary-color: #ffffff;
26
+ --bf-theme-button-primary-border-color: #2563eb;
27
+ --bf-theme-button-secondary-bg: #ffffff;
28
+ --bf-theme-button-secondary-color: #1d4ed8;
29
+ --bf-theme-button-secondary-border-color: #1d4ed8;
30
+
31
+ --bf-theme-accordion-bg: var(--bf-theme-surface-1);
32
+ --bf-theme-accordion-color: var(--bf-theme-text-1);
33
+ --bf-theme-accordion-border-color: var(--bf-theme-border-1);
34
+ --bf-theme-accordion-trigger-bg: var(--bf-theme-surface-2);
35
+ --bf-theme-accordion-trigger-hover-bg: #f1f5f9;
36
+ --bf-theme-accordion-trigger-open-bg: #eff6ff;
37
+ --bf-theme-accordion-trigger-color: var(--bf-theme-text-1);
38
+ --bf-theme-accordion-panel-bg: var(--bf-theme-surface-1);
39
+ --bf-theme-accordion-chevron-color: var(--bf-theme-text-2);
40
+ /* Bareframe component defaults */
41
+ --bf-theme-wizard-bg: var(--bf-theme-surface-1);
42
+ --bf-theme-wizard-color: var(--bf-theme-text-1);
43
+ --bf-theme-wizard-border-color: var(--bf-theme-border-1);
44
+ --bf-theme-virtual-list-bg: var(--bf-theme-surface-1);
45
+ --bf-theme-virtual-list-color: var(--bf-theme-text-1);
46
+ --bf-theme-virtual-list-border-color: var(--bf-theme-border-1);
47
+ --bf-theme-video-player-bg: var(--bf-theme-surface-1);
48
+ --bf-theme-video-player-color: var(--bf-theme-text-1);
49
+ --bf-theme-video-player-border-color: var(--bf-theme-border-1);
50
+ --bf-theme-upload-dropzone-bg: var(--bf-theme-surface-1);
51
+ --bf-theme-upload-dropzone-color: var(--bf-theme-text-1);
52
+ --bf-theme-upload-dropzone-border-color: var(--bf-theme-border-1);
53
+ --bf-theme-treemap-bg: var(--bf-theme-surface-1);
54
+ --bf-theme-treemap-color: var(--bf-theme-text-1);
55
+ --bf-theme-treemap-border-color: var(--bf-theme-border-1);
56
+ --bf-theme-tree-view-bg: var(--bf-theme-surface-1);
57
+ --bf-theme-tree-view-color: var(--bf-theme-text-1);
58
+ --bf-theme-tree-view-border-color: var(--bf-theme-border-1);
59
+ --bf-theme-tooltip-bg: var(--bf-theme-surface-1);
60
+ --bf-theme-tooltip-color: var(--bf-theme-text-1);
61
+ --bf-theme-tooltip-border-color: var(--bf-theme-border-1);
62
+ --bf-theme-toolbar-bg: var(--bf-theme-surface-1);
63
+ --bf-theme-toolbar-color: var(--bf-theme-text-1);
64
+ --bf-theme-toolbar-border-color: var(--bf-theme-border-1);
65
+ --bf-theme-toggle-bg: var(--bf-theme-surface-1);
66
+ --bf-theme-toggle-color: var(--bf-theme-text-1);
67
+ --bf-theme-toggle-border-color: var(--bf-theme-border-1);
68
+ --bf-theme-toast-bg: var(--bf-theme-surface-1);
69
+ --bf-theme-toast-color: var(--bf-theme-text-1);
70
+ --bf-theme-toast-border-color: var(--bf-theme-border-1);
71
+ --bf-theme-timeline-bg: var(--bf-theme-surface-1);
72
+ --bf-theme-timeline-color: var(--bf-theme-text-1);
73
+ --bf-theme-timeline-border-color: var(--bf-theme-border-1);
74
+ --bf-theme-textfield-bg: var(--bf-theme-surface-1);
75
+ --bf-theme-textfield-color: var(--bf-theme-text-1);
76
+ --bf-theme-textfield-border-color: var(--bf-theme-border-1);
77
+ --bf-theme-textarea-bg: var(--bf-theme-surface-1);
78
+ --bf-theme-textarea-color: var(--bf-theme-text-1);
79
+ --bf-theme-textarea-border-color: var(--bf-theme-border-1);
80
+ --bf-theme-tag-bg: var(--bf-theme-surface-1);
81
+ --bf-theme-tag-color: var(--bf-theme-text-1);
82
+ --bf-theme-tag-border-color: var(--bf-theme-border-1);
83
+ --bf-theme-table-bg: var(--bf-theme-surface-1);
84
+ --bf-theme-table-color: var(--bf-theme-text-1);
85
+ --bf-theme-table-border-color: var(--bf-theme-border-1);
86
+ --bf-theme-tab-group-bg: var(--bf-theme-surface-1);
87
+ --bf-theme-tab-group-color: var(--bf-theme-text-1);
88
+ --bf-theme-tab-group-border-color: var(--bf-theme-border-1);
89
+ --bf-theme-tab-bg: var(--bf-theme-surface-1);
90
+ --bf-theme-tab-color: var(--bf-theme-text-1);
91
+ --bf-theme-tab-border-color: var(--bf-theme-border-1);
92
+ --bf-theme-switch-bg: var(--bf-theme-surface-1);
93
+ --bf-theme-switch-color: var(--bf-theme-text-1);
94
+ --bf-theme-switch-border-color: var(--bf-theme-border-1);
95
+ --bf-theme-stepper-bg: var(--bf-theme-surface-1);
96
+ --bf-theme-stepper-color: var(--bf-theme-text-1);
97
+ --bf-theme-stepper-border-color: var(--bf-theme-border-1);
98
+ --bf-theme-stack-bg: var(--bf-theme-surface-1);
99
+ --bf-theme-stack-color: var(--bf-theme-text-1);
100
+ --bf-theme-stack-border-color: var(--bf-theme-border-1);
101
+ --bf-theme-splitter-bg: var(--bf-theme-surface-1);
102
+ --bf-theme-splitter-color: var(--bf-theme-text-1);
103
+ --bf-theme-splitter-border-color: var(--bf-theme-border-1);
104
+ --bf-theme-split-button-bg: var(--bf-theme-surface-1);
105
+ --bf-theme-split-button-color: var(--bf-theme-text-1);
106
+ --bf-theme-split-button-border-color: var(--bf-theme-border-1);
107
+ --bf-theme-sparkline-bg: var(--bf-theme-surface-1);
108
+ --bf-theme-sparkline-color: var(--bf-theme-text-1);
109
+ --bf-theme-sparkline-border-color: var(--bf-theme-border-1);
110
+ --bf-theme-snackbar-bg: var(--bf-theme-surface-1);
111
+ --bf-theme-snackbar-color: var(--bf-theme-text-1);
112
+ --bf-theme-snackbar-border-color: var(--bf-theme-border-1);
113
+ --bf-theme-slider-bg: var(--bf-theme-surface-1);
114
+ --bf-theme-slider-color: var(--bf-theme-text-1);
115
+ --bf-theme-slider-border-color: var(--bf-theme-border-1);
116
+ --bf-theme-skeleton-bg: var(--bf-theme-surface-1);
117
+ --bf-theme-skeleton-color: var(--bf-theme-text-1);
118
+ --bf-theme-skeleton-border-color: var(--bf-theme-border-1);
119
+ --bf-theme-sheet-bg: var(--bf-theme-surface-1);
120
+ --bf-theme-sheet-color: var(--bf-theme-text-1);
121
+ --bf-theme-sheet-border-color: var(--bf-theme-border-1);
122
+ --bf-theme-select-bg: var(--bf-theme-surface-1);
123
+ --bf-theme-select-color: var(--bf-theme-text-1);
124
+ --bf-theme-select-border-color: var(--bf-theme-border-1);
125
+ --bf-theme-segmented-control-bg: var(--bf-theme-surface-1);
126
+ --bf-theme-segmented-control-color: var(--bf-theme-text-1);
127
+ --bf-theme-segmented-control-border-color: var(--bf-theme-border-1);
128
+ --bf-theme-search-bg: var(--bf-theme-surface-1);
129
+ --bf-theme-search-color: var(--bf-theme-text-1);
130
+ --bf-theme-search-border-color: var(--bf-theme-border-1);
131
+ --bf-theme-rating-bg: var(--bf-theme-surface-1);
132
+ --bf-theme-rating-color: var(--bf-theme-text-1);
133
+ --bf-theme-rating-border-color: var(--bf-theme-border-1);
134
+ --bf-theme-range-slider-bg: var(--bf-theme-surface-1);
135
+ --bf-theme-range-slider-color: var(--bf-theme-text-1);
136
+ --bf-theme-range-slider-border-color: var(--bf-theme-border-1);
137
+ --bf-theme-radio-group-bg: var(--bf-theme-surface-1);
138
+ --bf-theme-radio-group-color: var(--bf-theme-text-1);
139
+ --bf-theme-radio-group-border-color: var(--bf-theme-border-1);
140
+ --bf-theme-radio-bg: var(--bf-theme-surface-1);
141
+ --bf-theme-radio-color: var(--bf-theme-text-1);
142
+ --bf-theme-radio-border-color: var(--bf-theme-border-1);
143
+ --bf-theme-quick-actions-bg: var(--bf-theme-surface-1);
144
+ --bf-theme-quick-actions-color: var(--bf-theme-text-1);
145
+ --bf-theme-quick-actions-border-color: var(--bf-theme-border-1);
146
+ --bf-theme-progress-circle-bg: var(--bf-theme-surface-1);
147
+ --bf-theme-progress-circle-color: var(--bf-theme-text-1);
148
+ --bf-theme-progress-circle-border-color: var(--bf-theme-border-1);
149
+ --bf-theme-progress-bar-bg: var(--bf-theme-surface-1);
150
+ --bf-theme-progress-bar-color: var(--bf-theme-text-1);
151
+ --bf-theme-progress-bar-border-color: var(--bf-theme-border-1);
152
+ --bf-theme-popover-bg: var(--bf-theme-surface-1);
153
+ --bf-theme-popover-color: var(--bf-theme-text-1);
154
+ --bf-theme-popover-border-color: var(--bf-theme-border-1);
155
+ --bf-theme-pie-chart-bg: var(--bf-theme-surface-1);
156
+ --bf-theme-pie-chart-color: var(--bf-theme-text-1);
157
+ --bf-theme-pie-chart-border-color: var(--bf-theme-border-1);
158
+ --bf-theme-pagination-bg: var(--bf-theme-surface-1);
159
+ --bf-theme-pagination-color: var(--bf-theme-text-1);
160
+ --bf-theme-pagination-border-color: var(--bf-theme-border-1);
161
+ --bf-theme-otp-input-bg: var(--bf-theme-surface-1);
162
+ --bf-theme-otp-input-color: var(--bf-theme-text-1);
163
+ --bf-theme-otp-input-border-color: var(--bf-theme-border-1);
164
+ --bf-theme-number-field-bg: var(--bf-theme-surface-1);
165
+ --bf-theme-number-field-color: var(--bf-theme-text-1);
166
+ --bf-theme-number-field-border-color: var(--bf-theme-border-1);
167
+ --bf-theme-notification-bg: var(--bf-theme-surface-1);
168
+ --bf-theme-notification-color: var(--bf-theme-text-1);
169
+ --bf-theme-notification-border-color: var(--bf-theme-border-1);
170
+ --bf-theme-nav-bg: var(--bf-theme-surface-1);
171
+ --bf-theme-nav-color: var(--bf-theme-text-1);
172
+ --bf-theme-nav-border-color: var(--bf-theme-border-1);
173
+ --bf-theme-multi-select-bg: var(--bf-theme-surface-1);
174
+ --bf-theme-multi-select-color: var(--bf-theme-text-1);
175
+ --bf-theme-multi-select-border-color: var(--bf-theme-border-1);
176
+ --bf-theme-modal-bg: var(--bf-theme-surface-1);
177
+ --bf-theme-modal-color: var(--bf-theme-text-1);
178
+ --bf-theme-modal-border-color: var(--bf-theme-border-1);
179
+ --bf-theme-metric-card-bg: var(--bf-theme-surface-1);
180
+ --bf-theme-metric-card-color: var(--bf-theme-text-1);
181
+ --bf-theme-metric-card-border-color: var(--bf-theme-border-1);
182
+ --bf-theme-message-bg: var(--bf-theme-surface-1);
183
+ --bf-theme-message-color: var(--bf-theme-text-1);
184
+ --bf-theme-message-border-color: var(--bf-theme-border-1);
185
+ --bf-theme-menu-item-bg: var(--bf-theme-surface-1);
186
+ --bf-theme-menu-item-color: var(--bf-theme-text-1);
187
+ --bf-theme-menu-item-border-color: var(--bf-theme-border-1);
188
+ --bf-theme-menu-bg: var(--bf-theme-surface-1);
189
+ --bf-theme-menu-color: var(--bf-theme-text-1);
190
+ --bf-theme-menu-border-color: var(--bf-theme-border-1);
191
+ --bf-theme-map-bg: var(--bf-theme-surface-1);
192
+ --bf-theme-map-color: var(--bf-theme-text-1);
193
+ --bf-theme-map-border-color: var(--bf-theme-border-1);
194
+ --bf-theme-loading-indicator-bg: var(--bf-theme-surface-1);
195
+ --bf-theme-loading-indicator-color: var(--bf-theme-text-1);
196
+ --bf-theme-loading-indicator-border-color: var(--bf-theme-border-1);
197
+ --bf-theme-list-item-bg: var(--bf-theme-surface-1);
198
+ --bf-theme-list-item-color: var(--bf-theme-text-1);
199
+ --bf-theme-list-item-border-color: var(--bf-theme-border-1);
200
+ --bf-theme-list-bg: var(--bf-theme-surface-1);
201
+ --bf-theme-list-color: var(--bf-theme-text-1);
202
+ --bf-theme-list-border-color: var(--bf-theme-border-1);
203
+ --bf-theme-link-bg: var(--bf-theme-surface-1);
204
+ --bf-theme-link-color: var(--bf-theme-text-1);
205
+ --bf-theme-link-border-color: var(--bf-theme-border-1);
206
+ --bf-theme-line-chart-bg: var(--bf-theme-surface-1);
207
+ --bf-theme-line-chart-color: var(--bf-theme-text-1);
208
+ --bf-theme-line-chart-border-color: var(--bf-theme-border-1);
209
+ --bf-theme-key-value-list-bg: var(--bf-theme-surface-1);
210
+ --bf-theme-key-value-list-color: var(--bf-theme-text-1);
211
+ --bf-theme-key-value-list-border-color: var(--bf-theme-border-1);
212
+ --bf-theme-input-bg: var(--bf-theme-surface-1);
213
+ --bf-theme-input-color: var(--bf-theme-text-1);
214
+ --bf-theme-input-border-color: var(--bf-theme-border-1);
215
+ --bf-theme-image-bg: var(--bf-theme-surface-1);
216
+ --bf-theme-image-color: var(--bf-theme-text-1);
217
+ --bf-theme-image-border-color: var(--bf-theme-border-1);
218
+ --bf-theme-icon-bg: var(--bf-theme-surface-1);
219
+ --bf-theme-icon-color: var(--bf-theme-text-1);
220
+ --bf-theme-icon-border-color: var(--bf-theme-border-1);
221
+ --bf-theme-hero-bg: var(--bf-theme-surface-1);
222
+ --bf-theme-hero-color: var(--bf-theme-text-1);
223
+ --bf-theme-hero-border-color: var(--bf-theme-border-1);
224
+ --bf-theme-heatmap-bg: var(--bf-theme-surface-1);
225
+ --bf-theme-heatmap-color: var(--bf-theme-text-1);
226
+ --bf-theme-heatmap-border-color: var(--bf-theme-border-1);
227
+ --bf-theme-header-bg: var(--bf-theme-surface-1);
228
+ --bf-theme-header-color: var(--bf-theme-text-1);
229
+ --bf-theme-header-border-color: var(--bf-theme-border-1);
230
+ --bf-theme-grid-bg: var(--bf-theme-surface-1);
231
+ --bf-theme-grid-color: var(--bf-theme-text-1);
232
+ --bf-theme-grid-border-color: var(--bf-theme-border-1);
233
+ --bf-theme-graph-bg: var(--bf-theme-surface-1);
234
+ --bf-theme-graph-color: var(--bf-theme-text-1);
235
+ --bf-theme-graph-border-color: var(--bf-theme-border-1);
236
+ --bf-theme-gauge-bg: var(--bf-theme-surface-1);
237
+ --bf-theme-gauge-color: var(--bf-theme-text-1);
238
+ --bf-theme-gauge-border-color: var(--bf-theme-border-1);
239
+ --bf-theme-gantt-chart-bg: var(--bf-theme-surface-1);
240
+ --bf-theme-gantt-chart-color: var(--bf-theme-text-1);
241
+ --bf-theme-gantt-chart-border-color: var(--bf-theme-border-1);
242
+ --bf-theme-form-field-bg: var(--bf-theme-surface-1);
243
+ --bf-theme-form-field-color: var(--bf-theme-text-1);
244
+ --bf-theme-form-field-border-color: var(--bf-theme-border-1);
245
+ --bf-theme-footer-bg: var(--bf-theme-surface-1);
246
+ --bf-theme-footer-color: var(--bf-theme-text-1);
247
+ --bf-theme-footer-border-color: var(--bf-theme-border-1);
248
+ --bf-theme-filter-bar-bg: var(--bf-theme-surface-1);
249
+ --bf-theme-filter-bar-color: var(--bf-theme-text-1);
250
+ --bf-theme-filter-bar-border-color: var(--bf-theme-border-1);
251
+ --bf-theme-file-upload-bg: var(--bf-theme-surface-1);
252
+ --bf-theme-file-upload-color: var(--bf-theme-text-1);
253
+ --bf-theme-file-upload-border-color: var(--bf-theme-border-1);
254
+ --bf-theme-fab-bg: var(--bf-theme-surface-1);
255
+ --bf-theme-fab-color: var(--bf-theme-text-1);
256
+ --bf-theme-fab-border-color: var(--bf-theme-border-1);
257
+ --bf-theme-expanded-panel-bg: var(--bf-theme-surface-1);
258
+ --bf-theme-expanded-panel-color: var(--bf-theme-text-1);
259
+ --bf-theme-expanded-panel-border-color: var(--bf-theme-border-1);
260
+ --bf-theme-error-summary-bg: var(--bf-theme-surface-1);
261
+ --bf-theme-error-summary-color: var(--bf-theme-text-1);
262
+ --bf-theme-error-summary-border-color: var(--bf-theme-border-1);
263
+ --bf-theme-empty-state-bg: var(--bf-theme-surface-1);
264
+ --bf-theme-empty-state-color: var(--bf-theme-text-1);
265
+ --bf-theme-empty-state-border-color: var(--bf-theme-border-1);
266
+ --bf-theme-dropdown-bg: var(--bf-theme-surface-1);
267
+ --bf-theme-dropdown-color: var(--bf-theme-text-1);
268
+ --bf-theme-dropdown-border-color: var(--bf-theme-border-1);
269
+ --bf-theme-drawer-bg: var(--bf-theme-surface-1);
270
+ --bf-theme-drawer-color: var(--bf-theme-text-1);
271
+ --bf-theme-drawer-border-color: var(--bf-theme-border-1);
272
+ --bf-theme-donut-chart-bg: var(--bf-theme-surface-1);
273
+ --bf-theme-donut-chart-color: var(--bf-theme-text-1);
274
+ --bf-theme-donut-chart-border-color: var(--bf-theme-border-1);
275
+ --bf-theme-divider-bg: var(--bf-theme-surface-1);
276
+ --bf-theme-divider-color: var(--bf-theme-text-1);
277
+ --bf-theme-divider-border-color: var(--bf-theme-border-1);
278
+ --bf-theme-dialog-bg: var(--bf-theme-surface-1);
279
+ --bf-theme-dialog-color: var(--bf-theme-text-1);
280
+ --bf-theme-dialog-border-color: var(--bf-theme-border-1);
281
+ --bf-theme-date-range-picker-bg: var(--bf-theme-surface-1);
282
+ --bf-theme-date-range-picker-color: var(--bf-theme-text-1);
283
+ --bf-theme-date-range-picker-border-color: var(--bf-theme-border-1);
284
+ --bf-theme-date-picker-bg: var(--bf-theme-surface-1);
285
+ --bf-theme-date-picker-color: var(--bf-theme-text-1);
286
+ --bf-theme-date-picker-border-color: var(--bf-theme-border-1);
287
+ --bf-theme-data-grid-bg: var(--bf-theme-surface-1);
288
+ --bf-theme-data-grid-color: var(--bf-theme-text-1);
289
+ --bf-theme-data-grid-border-color: var(--bf-theme-border-1);
290
+ --bf-theme-countdown-bg: var(--bf-theme-surface-1);
291
+ --bf-theme-countdown-color: var(--bf-theme-text-1);
292
+ --bf-theme-countdown-border-color: var(--bf-theme-border-1);
293
+ --bf-theme-context-menu-bg: var(--bf-theme-surface-1);
294
+ --bf-theme-context-menu-color: var(--bf-theme-text-1);
295
+ --bf-theme-context-menu-border-color: var(--bf-theme-border-1);
296
+ --bf-theme-command-palette-bg: var(--bf-theme-surface-1);
297
+ --bf-theme-command-palette-color: var(--bf-theme-text-1);
298
+ --bf-theme-command-palette-border-color: var(--bf-theme-border-1);
299
+ --bf-theme-combobox-bg: var(--bf-theme-surface-1);
300
+ --bf-theme-combobox-color: var(--bf-theme-text-1);
301
+ --bf-theme-combobox-border-color: var(--bf-theme-border-1);
302
+ --bf-theme-color-picker-bg: var(--bf-theme-surface-1);
303
+ --bf-theme-color-picker-color: var(--bf-theme-text-1);
304
+ --bf-theme-color-picker-border-color: var(--bf-theme-border-1);
305
+ --bf-theme-code-block-bg: var(--bf-theme-surface-1);
306
+ --bf-theme-code-block-color: var(--bf-theme-text-1);
307
+ --bf-theme-code-block-border-color: var(--bf-theme-border-1);
308
+ --bf-theme-chip-bg: var(--bf-theme-surface-1);
309
+ --bf-theme-chip-color: var(--bf-theme-text-1);
310
+ --bf-theme-chip-border-color: var(--bf-theme-border-1);
311
+ --bf-theme-checkbox-bg: var(--bf-theme-surface-1);
312
+ --bf-theme-checkbox-color: var(--bf-theme-text-1);
313
+ --bf-theme-checkbox-border-color: var(--bf-theme-border-1);
314
+ --bf-theme-chart-bg: var(--bf-theme-surface-1);
315
+ --bf-theme-chart-color: var(--bf-theme-text-1);
316
+ --bf-theme-chart-border-color: var(--bf-theme-border-1);
317
+ --bf-theme-carousel-bg: var(--bf-theme-surface-1);
318
+ --bf-theme-carousel-color: var(--bf-theme-text-1);
319
+ --bf-theme-carousel-border-color: var(--bf-theme-border-1);
320
+ --bf-theme-card-bg: var(--bf-theme-surface-1);
321
+ --bf-theme-card-color: var(--bf-theme-text-1);
322
+ --bf-theme-card-border-color: var(--bf-theme-border-1);
323
+ --bf-theme-canvas-bg: var(--bf-theme-surface-1);
324
+ --bf-theme-canvas-color: var(--bf-theme-text-1);
325
+ --bf-theme-canvas-border-color: var(--bf-theme-border-1);
326
+ --bf-theme-calendar-bg: var(--bf-theme-surface-1);
327
+ --bf-theme-calendar-color: var(--bf-theme-text-1);
328
+ --bf-theme-calendar-border-color: var(--bf-theme-border-1);
329
+ --bf-theme-button-group-bg: var(--bf-theme-surface-1);
330
+ --bf-theme-button-group-color: var(--bf-theme-text-1);
331
+ --bf-theme-button-group-border-color: var(--bf-theme-border-1);
332
+ --bf-theme-button-bg: var(--bf-theme-surface-1);
333
+ --bf-theme-button-color: var(--bf-theme-text-1);
334
+ --bf-theme-button-border-color: var(--bf-theme-border-1);
335
+ --bf-theme-breadcrumb-bg: var(--bf-theme-surface-1);
336
+ --bf-theme-breadcrumb-color: var(--bf-theme-text-1);
337
+ --bf-theme-breadcrumb-border-color: var(--bf-theme-border-1);
338
+ --bf-theme-bottom-sheet-bg: var(--bf-theme-surface-1);
339
+ --bf-theme-bottom-sheet-color: var(--bf-theme-text-1);
340
+ --bf-theme-bottom-sheet-border-color: var(--bf-theme-border-1);
341
+ --bf-theme-bottom-navigation-bg: var(--bf-theme-surface-1);
342
+ --bf-theme-bottom-navigation-color: var(--bf-theme-text-1);
343
+ --bf-theme-bottom-navigation-border-color: var(--bf-theme-border-1);
344
+ --bf-theme-bar-chart-bg: var(--bf-theme-surface-1);
345
+ --bf-theme-bar-chart-color: var(--bf-theme-text-1);
346
+ --bf-theme-bar-chart-border-color: var(--bf-theme-border-1);
347
+ --bf-theme-banner-bg: var(--bf-theme-surface-1);
348
+ --bf-theme-banner-color: var(--bf-theme-text-1);
349
+ --bf-theme-banner-border-color: var(--bf-theme-border-1);
350
+ --bf-theme-badge-bg: var(--bf-theme-surface-1);
351
+ --bf-theme-badge-color: var(--bf-theme-text-1);
352
+ --bf-theme-badge-border-color: var(--bf-theme-border-1);
353
+ --bf-theme-avatar-bg: var(--bf-theme-surface-1);
354
+ --bf-theme-avatar-color: var(--bf-theme-text-1);
355
+ --bf-theme-avatar-border-color: var(--bf-theme-border-1);
356
+ --bf-theme-autocomplete-bg: var(--bf-theme-surface-1);
357
+ --bf-theme-autocomplete-color: var(--bf-theme-text-1);
358
+ --bf-theme-autocomplete-border-color: var(--bf-theme-border-1);
359
+ --bf-theme-anchor-bg: var(--bf-theme-surface-1);
360
+ --bf-theme-anchor-color: var(--bf-theme-text-1);
361
+ --bf-theme-anchor-border-color: var(--bf-theme-border-1);
362
+ --bf-theme-alert-bg: var(--bf-theme-surface-1);
363
+ --bf-theme-alert-color: var(--bf-theme-text-1);
364
+ --bf-theme-alert-border-color: var(--bf-theme-border-1);
365
+ --bf-theme-action-list-bg: var(--bf-theme-surface-1);
366
+ --bf-theme-action-list-color: var(--bf-theme-text-1);
367
+ --bf-theme-action-list-border-color: var(--bf-theme-border-1);
368
+ }