@bagelink/vue 1.14.13 → 1.15.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 (238) hide show
  1. package/dist/components/AddressSearch.vue.d.ts +6 -7
  2. package/dist/components/Alert.vue.d.ts.map +1 -1
  3. package/dist/components/Avatar.vue.d.ts.map +1 -1
  4. package/dist/components/Badge.vue.d.ts.map +1 -1
  5. package/dist/components/Btn.vue.d.ts +1 -1
  6. package/dist/components/Btn.vue.d.ts.map +1 -1
  7. package/dist/components/Card.vue.d.ts.map +1 -1
  8. package/dist/components/Carousel.vue.d.ts +0 -11
  9. package/dist/components/Dropdown.vue.d.ts +0 -2
  10. package/dist/components/Dropdown.vue.d.ts.map +1 -1
  11. package/dist/components/Filter.vue.d.ts +30 -0
  12. package/dist/components/Filter.vue.d.ts.map +1 -0
  13. package/dist/components/FilterQuery.vue.d.ts +8 -3
  14. package/dist/components/Image.vue.d.ts.map +1 -1
  15. package/dist/components/ImportData.vue.d.ts.map +1 -1
  16. package/dist/components/ListItem.vue.d.ts.map +1 -1
  17. package/dist/components/MapEmbed/Index.vue.d.ts.map +1 -1
  18. package/dist/components/Modal.vue.d.ts +0 -1
  19. package/dist/components/Pagination.vue.d.ts.map +1 -1
  20. package/dist/components/Pill.vue.d.ts.map +1 -1
  21. package/dist/components/QueryFilter.vue.d.ts +30 -0
  22. package/dist/components/QueryFilter.vue.d.ts.map +1 -0
  23. package/dist/components/Swiper.vue.d.ts +6 -12
  24. package/dist/components/Swiper.vue.d.ts.map +1 -1
  25. package/dist/components/Toast.vue.d.ts.map +1 -1
  26. package/dist/components/analytics/PieChart.vue.d.ts +2 -2
  27. package/dist/components/calendar/CalendarPopover.vue.d.ts +8 -4
  28. package/dist/components/calendar/CalendarPopover.vue.d.ts.map +1 -1
  29. package/dist/components/calendar/CalendarTypes.d.ts +0 -10
  30. package/dist/components/calendar/Index.vue.d.ts +4 -20
  31. package/dist/components/calendar/views/WeekView.vue.d.ts +1 -9
  32. package/dist/components/dataTable/DataTable.vue.d.ts.map +1 -1
  33. package/dist/components/form/index.d.ts.map +1 -1
  34. package/dist/components/form/inputs/ArrayInput.vue.d.ts +2 -4
  35. package/dist/components/form/inputs/CheckInput.vue.d.ts +1 -2
  36. package/dist/components/form/inputs/Checkbox.vue.d.ts.map +1 -1
  37. package/dist/components/form/inputs/CodeEditor/Index.vue.d.ts +0 -54
  38. package/dist/components/form/inputs/ColorInput.vue.d.ts +1 -3
  39. package/dist/components/form/inputs/DateInput.vue.d.ts +1 -2
  40. package/dist/components/form/inputs/DatePicker.vue.d.ts +0 -1
  41. package/dist/components/form/inputs/EmailInput.vue.d.ts +2 -5
  42. package/dist/components/form/inputs/JSONInput.vue.d.ts +1 -2
  43. package/dist/components/form/inputs/MarkdownEditor.vue.d.ts +2 -7
  44. package/dist/components/form/inputs/NumberInput.vue.d.ts +1 -2
  45. package/dist/components/form/inputs/OTP.vue.d.ts +1 -2
  46. package/dist/components/form/inputs/PasswordInput.vue.d.ts +10 -16
  47. package/dist/components/form/inputs/RadioGroup.vue.d.ts +1 -3
  48. package/dist/components/form/inputs/RangeInput.vue.d.ts +1 -6
  49. package/dist/components/form/inputs/RichText/index.vue.d.ts +1 -2
  50. package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
  51. package/dist/components/form/inputs/RichText/utils/media.d.ts.map +1 -1
  52. package/dist/components/form/inputs/SelectBtn.vue.d.ts +2 -2
  53. package/dist/components/form/inputs/SelectInput.vue.d.ts +13 -20
  54. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  55. package/dist/components/form/inputs/SignaturePad.vue.d.ts +1 -6
  56. package/dist/components/form/inputs/TableField.vue.d.ts +1 -2
  57. package/dist/components/form/inputs/TelInput.vue.d.ts +1 -2
  58. package/dist/components/form/inputs/TextInput.vue.d.ts +2 -3
  59. package/dist/components/form/inputs/ToggleInput.vue.d.ts +1 -2
  60. package/dist/components/form/inputs/Upload/UploadInput.vue.d.ts +6 -27
  61. package/dist/components/form/inputs/Upload/upload.d.ts +1 -1
  62. package/dist/components/form/inputs/index.d.ts +0 -1
  63. package/dist/components/index.d.ts +1 -3
  64. package/dist/components/index.d.ts.map +1 -1
  65. package/dist/components/layout/AppContent.vue.d.ts +1 -1
  66. package/dist/components/layout/AppContent.vue.d.ts.map +1 -1
  67. package/dist/components/layout/AppLayout.vue.d.ts +0 -2
  68. package/dist/components/layout/AppLayout.vue.d.ts.map +1 -1
  69. package/dist/components/layout/AppSidebar.vue.d.ts +1 -5
  70. package/dist/components/layout/AppSidebar.vue.d.ts.map +1 -1
  71. package/dist/components/layout/Panel.vue.d.ts.map +1 -1
  72. package/dist/components/layout/Resizable.vue.d.ts.map +1 -1
  73. package/dist/components/layout/Skeleton.vue.d.ts.map +1 -1
  74. package/dist/components/layout/TabsNav.vue.d.ts +1 -12
  75. package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
  76. package/dist/components/layout/appLayoutContext.d.ts +24 -0
  77. package/dist/components/layout/appLayoutContext.d.ts.map +1 -0
  78. package/dist/components/layout/index.d.ts.map +1 -1
  79. package/dist/components/lightbox/Lightbox.vue.d.ts.map +1 -1
  80. package/dist/composables/index.d.ts.map +1 -1
  81. package/dist/composables/useDevice.d.ts.map +1 -1
  82. package/dist/composables/useEscapeKey.d.ts +12 -0
  83. package/dist/composables/useEscapeKey.d.ts.map +1 -0
  84. package/dist/composables/useSchemaField.d.ts.map +1 -1
  85. package/dist/composables/useTheme.d.ts.map +1 -1
  86. package/dist/dialog/Dialog.vue.d.ts.map +1 -1
  87. package/dist/dialog/DialogConfirm.vue.d.ts.map +1 -1
  88. package/dist/form-flow/FormFlow.vue.d.ts.map +1 -1
  89. package/dist/form-flow/MultiStepForm.vue.d.ts +1 -6
  90. package/dist/form-flow/form-flow.d.ts +1 -24
  91. package/dist/form-flow/form-flow.d.ts.map +1 -1
  92. package/dist/i18n/index.d.ts +0 -838
  93. package/dist/index.cjs +245 -222
  94. package/dist/index.d.ts +0 -2
  95. package/dist/index.d.ts.map +1 -1
  96. package/dist/index.mjs +42201 -51162
  97. package/dist/plugins/bagel.d.ts.map +1 -1
  98. package/dist/style.css +1 -2
  99. package/dist/types/BagelForm.d.ts +1 -10
  100. package/dist/types/BagelForm.d.ts.map +1 -1
  101. package/dist/types/BtnOptions.d.ts.map +1 -1
  102. package/dist/types/NavLink.d.ts +1 -2
  103. package/dist/types/TableSchema.d.ts.map +1 -1
  104. package/dist/types/index.d.ts +1 -2
  105. package/dist/types/index.d.ts.map +1 -1
  106. package/dist/utils/BagelFormUtils.d.ts +0 -1
  107. package/dist/utils/calendar/dateUtils.d.ts +2 -2
  108. package/dist/utils/calendar/dateUtils.d.ts.map +1 -1
  109. package/dist/utils/constants.d.ts.map +1 -1
  110. package/dist/utils/date.d.ts +116 -0
  111. package/dist/utils/date.d.ts.map +1 -0
  112. package/dist/utils/fetch.d.ts +29 -0
  113. package/dist/utils/fetch.d.ts.map +1 -0
  114. package/dist/utils/index.d.ts +1 -1
  115. package/dist/utils/index.d.ts.map +1 -1
  116. package/dist/utils/string.d.ts +7 -0
  117. package/dist/utils/string.d.ts.map +1 -0
  118. package/dist/utils/useSearch.d.ts +1 -1
  119. package/package.json +3 -10
  120. package/src/components/AccordionItem.vue +5 -5
  121. package/src/components/Alert.vue +37 -16
  122. package/src/components/Avatar.vue +2 -1
  123. package/src/components/Badge.vue +145 -22
  124. package/src/components/BglVideo.vue +4 -4
  125. package/src/components/Btn.vue +81 -69
  126. package/src/components/Card.vue +7 -6
  127. package/src/components/Dropdown.vue +7 -14
  128. package/src/components/FieldSetVue.vue +2 -2
  129. package/src/components/FilterQuery.vue +3 -3
  130. package/src/components/Image.vue +5 -3
  131. package/src/components/JSONSchema.vue +4 -4
  132. package/src/components/JsonBuilder.vue +3 -3
  133. package/src/components/ListItem.vue +2 -4
  134. package/src/components/MapEmbed/Index.vue +18 -17
  135. package/src/components/NavBar.vue +2 -2
  136. package/src/components/Spreadsheet/Index.vue +4 -4
  137. package/src/components/Spreadsheet/SpreadsheetTable.vue +10 -10
  138. package/src/components/Swiper.vue +3 -1
  139. package/src/components/Toast.vue +57 -36
  140. package/src/components/calendar/CalendarPopover.vue +1 -1
  141. package/src/components/calendar/Index.vue +5 -5
  142. package/src/components/calendar/views/AgendaView.vue +2 -2
  143. package/src/components/calendar/views/DayView.vue +1 -1
  144. package/src/components/calendar/views/MonthView.vue +8 -8
  145. package/src/components/dataTable/DataTable.vue +68 -10
  146. package/src/components/form/index.ts +0 -4
  147. package/src/components/form/inputs/ArrayInput.vue +1 -1
  148. package/src/components/form/inputs/CheckInput.vue +6 -6
  149. package/src/components/form/inputs/Checkbox.vue +5 -4
  150. package/src/components/form/inputs/CodeEditor/Index.vue +1 -1
  151. package/src/components/form/inputs/ColorInput.vue +5 -5
  152. package/src/components/form/inputs/DatePicker.vue +3 -3
  153. package/src/components/form/inputs/EmailInput.vue +15 -15
  154. package/src/components/form/inputs/NumberInput.vue +11 -11
  155. package/src/components/form/inputs/OTP.vue +4 -4
  156. package/src/components/form/inputs/PasswordInput.vue +3 -3
  157. package/src/components/form/inputs/RadioGroup.vue +1 -1
  158. package/src/components/form/inputs/RichText/editor.css +4 -4
  159. package/src/components/form/inputs/RichText/index.vue +39 -39
  160. package/src/components/form/inputs/RichText/utils/media.ts +1 -92
  161. package/src/components/form/inputs/RichText/utils/table.ts +4 -4
  162. package/src/components/form/inputs/SelectBtn.vue +1 -1
  163. package/src/components/form/inputs/SelectInput.vue +16 -16
  164. package/src/components/form/inputs/SignaturePad.vue +6 -6
  165. package/src/components/form/inputs/TableField.vue +7 -7
  166. package/src/components/form/inputs/TelInput.vue +12 -12
  167. package/src/components/form/inputs/TextInput.vue +11 -11
  168. package/src/components/form/inputs/ToggleInput.vue +11 -11
  169. package/src/components/form/inputs/Upload/upload.css +16 -16
  170. package/src/components/index.ts +2 -9
  171. package/src/components/layout/AppContent.vue +5 -19
  172. package/src/components/layout/AppLayout.vue +47 -18
  173. package/src/components/layout/AppSidebar.vue +19 -36
  174. package/src/components/layout/BottomMenu.vue +1 -1
  175. package/src/components/layout/Resizable.vue +5 -2
  176. package/src/components/layout/Skeleton.vue +5 -4
  177. package/src/components/layout/TabsNav.vue +23 -23
  178. package/src/components/layout/appLayoutContext.ts +44 -0
  179. package/src/components/layout/index.ts +2 -0
  180. package/src/components/lightbox/Lightbox.vue +3 -9
  181. package/src/composables/index.ts +1 -0
  182. package/src/composables/useDevice.ts +2 -1
  183. package/src/composables/useEscapeKey.ts +56 -0
  184. package/src/composables/useSchemaField.ts +2 -17
  185. package/src/composables/useTheme.ts +23 -19
  186. package/src/form-flow/FormFlow.vue +2 -0
  187. package/src/form-flow/form-flow.ts +7 -0
  188. package/src/index.ts +0 -3
  189. package/src/plugins/bagel.ts +0 -15
  190. package/src/styles/app-layout.css +231 -0
  191. package/src/styles/appearance.css +179 -21
  192. package/src/styles/bagel.css +103 -97
  193. package/src/styles/buttons.css +8 -8
  194. package/src/styles/colors.css +0 -103
  195. package/src/styles/dark.css +25 -26
  196. package/src/styles/input-variants.css +11 -11
  197. package/src/styles/inputs.css +44 -61
  198. package/src/styles/layout.css +445 -1258
  199. package/src/styles/loginCard.css +1 -1
  200. package/src/styles/mobilLayout.css +153 -28
  201. package/src/styles/text.css +500 -1508
  202. package/src/styles/theme.css +199 -435
  203. package/src/styles/transitions.css +4 -4
  204. package/src/types/BagelForm.ts +46 -151
  205. package/src/types/BtnOptions.ts +5 -3
  206. package/src/types/TableSchema.ts +1 -0
  207. package/src/types/index.ts +0 -5
  208. package/src/utils/calendar/dateUtils.ts +2 -3
  209. package/src/utils/constants.ts +7 -0
  210. package/src/utils/date.ts +482 -0
  211. package/src/utils/fetch.ts +128 -0
  212. package/src/utils/index.ts +54 -3
  213. package/src/utils/sizeParsing.ts +5 -5
  214. package/src/utils/string.ts +56 -0
  215. package/vite.config.ts +5 -1
  216. package/bin/generateFormSchema.ts +0 -1035
  217. package/bin/utils.ts +0 -223
  218. package/src/components/Carousel.vue +0 -724
  219. package/src/components/ImportData.vue +0 -1749
  220. package/src/components/Modal.vue +0 -184
  221. package/src/components/ModalConfirm.vue +0 -42
  222. package/src/components/ModalForm.vue +0 -102
  223. package/src/components/Pill.vue +0 -149
  224. package/src/components/Slider.vue +0 -1446
  225. package/src/components/Title.vue +0 -23
  226. package/src/components/ToolBar.vue +0 -9
  227. package/src/components/form/BagelForm.vue +0 -219
  228. package/src/components/form/BglFieldSet.vue +0 -14
  229. package/src/components/form/BglMultiStepForm.vue +0 -469
  230. package/src/components/form/FieldArray.vue +0 -422
  231. package/src/components/form/useBagelFormState.ts +0 -76
  232. package/src/composables/useFormField.ts +0 -38
  233. package/src/dialog/DialogOLD.vue +0 -358
  234. package/src/plugins/modalTypes.ts +0 -61
  235. package/src/plugins/useModal.ts +0 -225
  236. package/src/styles/modal.css +0 -120
  237. package/src/styles/pillColors.css +0 -0
  238. package/src/utils/BagelFormUtils.ts +0 -684
package/src/styles/inputs.css CHANGED
@@ -22,27 +22,27 @@ select {
22
22
  }
23
23
 
24
24
  .bagel-input::-webkit-input-placeholder {
25
- color: var(--placeholder-color);
25
+ color: var(--bgl-placeholder-color);
26
26
  }
27
27
 
28
28
  .bagel-input::-moz-placeholder {
29
- color: var(--placeholder-color);
29
+ color: var(--bgl-placeholder-color);
30
30
  }
31
31
 
32
32
  .bagel-input:-ms-input-placeholder {
33
- color: var(--placeholder-color);
33
+ color: var(--bgl-placeholder-color);
34
34
  }
35
35
 
36
36
  .bagel-input::-ms-input-placeholder {
37
- color: var(--placeholder-color);
37
+ color: var(--bgl-placeholder-color);
38
38
  }
39
39
 
40
40
  .bagel-input::placeholder {
41
- color: var(--placeholder-color);
41
+ color: var(--bgl-placeholder-color);
42
42
  }
43
43
 
44
44
  .bagel-input {
45
- --bgl-input-label-color: var(--label-color);
45
+ --bgl-input-label-color: var(--bgl-label-color);
46
46
  --bgl-input-label-active-color: var(--bgl-primary);
47
47
  }
48
48
 
@@ -62,20 +62,20 @@ select {
62
62
  .bagel-input input,
63
63
  .bagel-input select,
64
64
  .custom-select .input {
65
- height: var(--input-height);
66
- font-size: var(--input-font-size);
65
+ height: var(--bgl-input-height);
66
+ font-size: var(--bgl-input-font-size);
67
67
  }
68
68
 
69
69
  .bagel-input input,
70
70
  .bagel-input textarea,
71
71
  .bagel-input select,
72
72
  .custom-select .input {
73
- background: var(--input-bg);
73
+ background: var(--bgl-input-bg);
74
74
  border: none;
75
75
  padding: 0.7rem;
76
- border-radius: var(--input-border-radius);
77
- color: var(--input-color);
78
- min-width: calc(var(--input-height) * 3);
76
+ border-radius: var(--bgl-input-border-radius);
77
+ color: var(--bgl-input-color);
78
+ min-width: calc(var(--bgl-input-height) * 3);
79
79
  width: 100%;
80
80
  }
81
81
 
@@ -103,7 +103,7 @@ select {
103
103
  .bagel-input.frame select,
104
104
  .custom-select.frame .input {
105
105
  background: transparent;
106
- outline: 1.5px solid var(--border-color);
106
+ outline: 1.5px solid var(--bgl-border-color);
107
107
  outline-offset: -1px;
108
108
  transition:
109
109
  outline-color 0.2s ease,
@@ -139,7 +139,7 @@ select {
139
139
  .bagel-input.bgl-outline textarea,
140
140
  .bagel-input.bgl-outline select,
141
141
  .custom-select.bgl-outline .input {
142
- outline: 1.5px solid var(--border-color);
142
+ outline: 1.5px solid var(--bgl-border-color);
143
143
  outline-offset: -1px;
144
144
  }
145
145
 
@@ -147,35 +147,35 @@ select {
147
147
  .bagel-input textarea::-webkit-input-placeholder,
148
148
  .bagel-input select::-webkit-input-placeholder,
149
149
  .custom-select .input::-webkit-input-placeholder {
150
- color: var(--placeholder-color);
150
+ color: var(--bgl-placeholder-color);
151
151
  }
152
152
 
153
153
  .bagel-input input::-moz-placeholder,
154
154
  .bagel-input textarea::-moz-placeholder,
155
155
  .bagel-input select::-moz-placeholder,
156
156
  .custom-select .input::-moz-placeholder {
157
- color: var(--placeholder-color);
157
+ color: var(--bgl-placeholder-color);
158
158
  }
159
159
 
160
160
  .bagel-input input:-ms-input-placeholder,
161
161
  .bagel-input textarea:-ms-input-placeholder,
162
162
  .bagel-input select:-ms-input-placeholder,
163
163
  .custom-select .input:-ms-input-placeholder {
164
- color: var(--placeholder-color);
164
+ color: var(--bgl-placeholder-color);
165
165
  }
166
166
 
167
167
  .bagel-input input::-ms-input-placeholder,
168
168
  .bagel-input textarea::-ms-input-placeholder,
169
169
  .bagel-input select::-ms-input-placeholder,
170
170
  .custom-select .input::-ms-input-placeholder {
171
- color: var(--placeholder-color);
171
+ color: var(--bgl-placeholder-color);
172
172
  }
173
173
 
174
174
  .bagel-input input::placeholder,
175
175
  .bagel-input textarea::placeholder,
176
176
  .bagel-input select::placeholder,
177
177
  .custom-select .input::placeholder {
178
- color: var(--placeholder-color);
178
+ color: var(--bgl-placeholder-color);
179
179
  }
180
180
 
181
181
  .bagel-input.search-wrap {
@@ -195,12 +195,12 @@ select {
195
195
  }
196
196
 
197
197
  .bagel-input select {
198
- height: var(--input-height);
198
+ height: var(--bgl-input-height);
199
199
  }
200
200
 
201
201
  .bagel-input textarea {
202
202
  resize: vertical;
203
- min-height: calc(var(--input-height) * 3);
203
+ min-height: calc(var(--bgl-input-height) * 3);
204
204
  line-height: 1.5;
205
205
  }
206
206
 
@@ -232,7 +232,7 @@ select {
232
232
 
233
233
  .bagel-input.frame .selectinput-btn {
234
234
  background: transparent;
235
- outline: 1.5px solid var(--border-color);
235
+ outline: 1.5px solid var(--bgl-border-color);
236
236
  outline-offset: -1px;
237
237
  transition:
238
238
  outline-color 0.2s ease,
@@ -249,9 +249,9 @@ select {
249
249
 
250
250
  .bagel-input.frame.bgl_input.signature-pad .canvas,
251
251
  .bagel-input.frame .signature-pad-canvas-wrap .canvas {
252
- outline: 1.5px solid var(--border-color);
252
+ outline: 1.5px solid var(--bgl-border-color);
253
253
  outline-offset: -1px;
254
- border-radius: var(--input-border-radius);
254
+ border-radius: var(--bgl-input-border-radius);
255
255
  transition: outline-color 0.2s ease, box-shadow 0.2s ease;
256
256
  }
257
257
 
@@ -262,17 +262,17 @@ select {
262
262
  }
263
263
 
264
264
  .bagel-input.bgl-outline.bgl_input.signature-pad .canvas {
265
- outline: 1.5px solid var(--border-color);
265
+ outline: 1.5px solid var(--bgl-border-color);
266
266
  outline-offset: -1px;
267
- border-radius: var(--input-border-radius);
267
+ border-radius: var(--bgl-input-border-radius);
268
268
  }
269
269
 
270
270
  /* colorInputPickWrap variants handled in ColorInput.vue */
271
271
 
272
272
  .bagel-input.frame .code-editor-grandpa {
273
- outline: 1.5px solid var(--border-color);
273
+ outline: 1.5px solid var(--bgl-border-color);
274
274
  outline-offset: -1px;
275
- border-radius: var(--input-border-radius);
275
+ border-radius: var(--bgl-input-border-radius);
276
276
  }
277
277
 
278
278
  .bagel-input.frame:focus-within .code-editor-grandpa {
@@ -280,10 +280,10 @@ select {
280
280
  }
281
281
 
282
282
  .bagel-input.frame .rich-text-editor {
283
- outline: 1.5px solid var(--border-color);
283
+ outline: 1.5px solid var(--bgl-border-color);
284
284
  outline-offset: -1px;
285
285
  border: none;
286
- border-radius: var(--input-border-radius);
286
+ border-radius: var(--bgl-input-border-radius);
287
287
  transition: outline-color 0.2s ease, box-shadow 0.2s ease;
288
288
  }
289
289
 
@@ -315,31 +315,18 @@ select {
315
315
  }
316
316
 
317
317
  .bg-input {
318
- background: var(--input-bg);
318
+ background: var(--bgl-input-bg);
319
319
  }
320
320
 
321
- .custom-select .input {
322
- height: var(--input-height);
323
- font-size: var(--input-font-size);
324
- }
325
-
326
- .custom-select .input {
327
- background: var(--input-bg);
328
- border: none;
329
- padding: 0.7rem;
330
- border-radius: var(--input-border-radius);
331
- color: var(--input-color);
332
- min-width: calc(var(--input-height) * 3);
333
- width: 100%;
334
- }
321
+ /* .custom-select .input styles consolidated with .bagel-input rules above (lines 62–80) */
335
322
 
336
323
  .input-height {
337
- height: var(--input-height);
324
+ height: var(--bgl-input-height);
338
325
  }
339
326
 
340
327
  .input-size {
341
- height: var(--input-height);
342
- min-width: calc(var(--input-height) * 3);
328
+ height: var(--bgl-input-height);
329
+ min-width: calc(var(--bgl-input-height) * 3);
343
330
  margin-bottom: 0.5rem;
344
331
  padding: 0.7rem;
345
332
  }
@@ -364,14 +351,14 @@ select {
364
351
  .bagel-input textarea:focus {
365
352
  outline-color: rgba(0, 0, 0, 0.05);
366
353
  box-shadow: inset 0 0 8px #00000018;
367
- outline-color: var(--input-bg);
354
+ outline-color: var(--bgl-input-bg);
368
355
  }
369
356
 
370
357
 
371
358
  .bagel-input .bgl_btn:focus,
372
359
  .bagel-input button:focus {
373
360
  outline-color: rgba(0, 0, 0, 0.05);
374
- outline-color: var(--input-bg);
361
+ outline-color: var(--bgl-input-bg);
375
362
  }
376
363
 
377
364
  /* ─── Variant: light-input ────────────────────────────────────────────────── */
@@ -385,7 +372,7 @@ select {
385
372
  box-shadow:
386
373
  0 1px 5px 0 rgba(0, 0, 0, 0.1),
387
374
  0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
388
- outline: 1px solid var(--border-color) !important;
375
+ outline: 1px solid var(--bgl-border-color) !important;
389
376
  transition:
390
377
  box-shadow 0.2s ease,
391
378
  outline-color 0.2s ease;
@@ -422,19 +409,16 @@ select {
422
409
  padding: 0;
423
410
  display: block;
424
411
  border: none;
425
- -webkit-appearance: none;
426
- -moz-appearance: none;
427
412
  appearance: none;
428
413
  cursor: pointer;
429
- height: calc(var(--input-height) - 0.5rem);
430
- width: calc(var(--input-height) - 0.5em);
431
- min-width: calc(var(--input-height) - 0.5rem);
414
+ height: calc(var(--bgl-input-height) - 0.5rem);
415
+ width: calc(var(--bgl-input-height) - 0.5em);
416
+ min-width: calc(var(--bgl-input-height) - 0.5rem);
432
417
  }
433
418
 
434
419
  .bagel-input input[type='color']::-webkit-color-swatch {
435
- border-radius: var(--input-border-radius);
420
+ border-radius: var(--bgl-input-border-radius);
436
421
  border: none;
437
- -webkit-transition: box-shadow 200ms ease;
438
422
  transition: box-shadow 200ms ease;
439
423
  }
440
424
 
@@ -443,9 +427,8 @@ select {
443
427
  }
444
428
 
445
429
  .bagel-input input[type='color']::-moz-color-swatch {
446
- border-radius: var(--input-border-radius);
430
+ border-radius: var(--bgl-input-border-radius);
447
431
  border: none;
448
- -moz-transition: box-shadow 200ms ease;
449
432
  transition: box-shadow 200ms ease;
450
433
  }
451
434
 
@@ -541,7 +524,7 @@ select {
541
524
  }
542
525
 
543
526
  .error-message {
544
- color: var(--bgl-red, #dc3545);
527
+ color: var(--bgl-red);
545
528
  font-size: 10px;
546
529
  position: absolute;
547
530
  inset-inline-end: 0;