@bagelink/vue 0.0.1133 → 0.0.1137

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 (281) hide show
  1. package/dist/common-C_IH8b5S.cjs +12580 -0
  2. package/dist/common-DoeNgx31.js +12579 -0
  3. package/dist/components/AddressSaerch.vue.d.ts +7 -0
  4. package/dist/components/AddressSaerch.vue.d.ts.map +1 -0
  5. package/dist/components/AddressSearch.vue.d.ts +6 -6
  6. package/dist/components/Alert.vue.d.ts +2 -2
  7. package/dist/components/Alert.vue.d.ts.map +1 -1
  8. package/dist/components/Badge.vue.d.ts +3 -3
  9. package/dist/components/Badge.vue.d.ts.map +1 -1
  10. package/dist/components/Btn.vue.d.ts +3 -3
  11. package/dist/components/Btn.vue.d.ts.map +1 -1
  12. package/dist/components/Carousel.vue.d.ts.map +1 -1
  13. package/dist/components/ComboBox.vue.d.ts +3 -3
  14. package/dist/components/Comments.vue.d.ts +2 -2
  15. package/dist/components/ContactSubmissions.vue.d.ts +2 -2
  16. package/dist/components/DropDown.vue.d.ts +3 -3
  17. package/dist/components/DropDown.vue.d.ts.map +1 -1
  18. package/dist/components/FormSchema.vue.d.ts +4 -5
  19. package/dist/components/Icon/Icon.vue.d.ts +11 -0
  20. package/dist/components/Icon/Icon.vue.d.ts.map +1 -0
  21. package/dist/components/Icon/constants.d.ts +4 -0
  22. package/dist/components/Icon/constants.d.ts.map +1 -0
  23. package/dist/components/Icon/types.d.ts +5 -0
  24. package/dist/components/Icon/types.d.ts.map +1 -0
  25. package/dist/components/LangText.vue.d.ts +2 -2
  26. package/dist/components/ListItem.vue.d.ts +2 -2
  27. package/dist/components/ListItem.vue.d.ts.map +1 -1
  28. package/dist/components/ModalBglForm.vue.d.ts +20 -21
  29. package/dist/components/NavBar.vue.d.ts +3 -3
  30. package/dist/components/NavBar.vue.d.ts.map +1 -1
  31. package/dist/components/PersonPreview.vue.d.ts +4 -5
  32. package/dist/components/PersonPreviewFormkit.vue.d.ts +3 -4
  33. package/dist/components/Pill.vue.d.ts +4 -4
  34. package/dist/components/Pill.vue.d.ts.map +1 -1
  35. package/dist/components/Popover.vue.d.ts +10 -0
  36. package/dist/components/Popover.vue.d.ts.map +1 -0
  37. package/dist/components/RTXEditor.vue.d.ts +3 -3
  38. package/dist/components/TabbedLayout.vue.d.ts +4 -5
  39. package/dist/components/TableSchema.vue.d.ts.map +1 -1
  40. package/dist/components/charts/BarChart.vue.d.ts +2 -2
  41. package/dist/components/form/ItemRef.vue.d.ts +3 -5
  42. package/dist/components/form/ItemRef.vue.d.ts.map +1 -1
  43. package/dist/components/form/MaterialIcon.vue.d.ts +3 -4
  44. package/dist/components/form/PlainInputField.vue.d.ts +3 -3
  45. package/dist/components/form/inputs/CurrencyInput.vue.d.ts +3 -3
  46. package/dist/components/form/inputs/DatePick.vue.d.ts.map +1 -1
  47. package/dist/components/form/inputs/DatetimeInput.vue.d.ts +3 -3
  48. package/dist/components/form/inputs/DurationInput.vue.d.ts +3 -3
  49. package/dist/components/form/inputs/DynamicLinkField.vue.d.ts +3 -3
  50. package/dist/components/form/inputs/EmailInput.vue.d.ts +3 -3
  51. package/dist/components/form/inputs/FloatInput.vue.d.ts +3 -3
  52. package/dist/components/form/inputs/IntInput.vue.d.ts +3 -3
  53. package/dist/components/form/inputs/LinkField.vue.d.ts +3 -3
  54. package/dist/components/form/inputs/NumberInput.vue.d.ts +3 -3
  55. package/dist/components/form/inputs/NumberInput.vue.d.ts.map +1 -1
  56. package/dist/components/form/inputs/Password.vue.d.ts +3 -3
  57. package/dist/components/form/inputs/PasswordInput.vue.d.ts +3 -3
  58. package/dist/components/form/inputs/PasswordInput.vue.d.ts.map +1 -1
  59. package/dist/components/form/inputs/PlainText.vue.d.ts +3 -3
  60. package/dist/components/form/inputs/ReadOnlyInput.vue.d.ts +2 -2
  61. package/dist/components/form/inputs/RichText/Toolbar.vue.d.ts +14 -0
  62. package/dist/components/form/inputs/RichText/Toolbar.vue.d.ts.map +1 -0
  63. package/dist/components/form/inputs/RichText/formatting.d.ts +11 -0
  64. package/dist/components/form/inputs/RichText/formatting.d.ts.map +1 -0
  65. package/dist/components/form/inputs/RichText/richtext-types.d.ts +3 -0
  66. package/dist/components/form/inputs/RichText/richtext-types.d.ts.map +1 -0
  67. package/dist/components/form/inputs/RichText2/Toolbar.vue.d.ts.map +1 -1
  68. package/dist/components/form/inputs/RichText2/index.vue.d.ts +0 -1
  69. package/dist/components/form/inputs/RichText2/index.vue.d.ts.map +1 -1
  70. package/dist/components/form/inputs/RichTextEditor.vue.d.ts +3 -3
  71. package/dist/components/form/inputs/SelectField.vue.d.ts +8 -6
  72. package/dist/components/form/inputs/SelectField.vue.d.ts.map +1 -1
  73. package/dist/components/form/inputs/SelectInput.vue.d.ts +22 -22
  74. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  75. package/dist/components/form/inputs/TelInput.vue.d.ts +6 -6
  76. package/dist/components/form/inputs/TextArea.vue.d.ts +3 -3
  77. package/dist/components/form/inputs/TextInput.vue.d.ts +3 -3
  78. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  79. package/dist/components/form/inputs/Upload/UploadFile.vue.d.ts +86 -0
  80. package/dist/components/form/inputs/Upload/UploadFile.vue.d.ts.map +1 -0
  81. package/dist/components/formkit/AddressArray.vue.d.ts +2 -2
  82. package/dist/components/formkit/BankDetailsArray.vue.d.ts +2 -2
  83. package/dist/components/formkit/ContactArrayFormKit.vue.d.ts +2 -2
  84. package/dist/components/formkit/FileUploader.vue.d.ts +2 -2
  85. package/dist/components/formkit/MiscFields.vue.d.ts +2 -2
  86. package/dist/components/formkit/Toggle.vue.d.ts +2 -2
  87. package/dist/components/index.d.ts +1 -2
  88. package/dist/components/index.d.ts.map +1 -1
  89. package/dist/components/layout/TabsNav.vue.d.ts +2 -2
  90. package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
  91. package/dist/components/sortable/Animation.d.ts +43 -0
  92. package/dist/components/sortable/Animation.d.ts.map +1 -0
  93. package/dist/components/sortable/BrowserInfo.d.ts +7 -0
  94. package/dist/components/sortable/BrowserInfo.d.ts.map +1 -0
  95. package/dist/components/sortable/EventDispatcher.d.ts +13 -0
  96. package/dist/components/sortable/EventDispatcher.d.ts.map +1 -0
  97. package/dist/components/sortable/PluginManager.d.ts +27 -0
  98. package/dist/components/sortable/PluginManager.d.ts.map +1 -0
  99. package/dist/components/sortable/Sortable.d.ts +81 -0
  100. package/dist/components/sortable/Sortable.d.ts.map +1 -0
  101. package/dist/components/sortable/index.d.ts +5 -0
  102. package/dist/components/sortable/index.d.ts.map +1 -0
  103. package/dist/components/sortable/utils.d.ts +49 -0
  104. package/dist/components/sortable/utils.d.ts.map +1 -0
  105. package/dist/components/whatsapp/form/MsgTemplate.vue.d.ts +3 -4
  106. package/dist/components/whatsapp/form/TextVariableExamples.vue.d.ts +2 -2
  107. package/dist/composables/drag-n-drop/useDraggable.d.ts +2 -0
  108. package/dist/composables/drag-n-drop/useDraggable.d.ts.map +1 -0
  109. package/dist/editor-CUDRLdmS.js +4 -0
  110. package/dist/editor-Cu374vEW.cjs +4 -0
  111. package/dist/editor-a8DSbb6P.js +4 -0
  112. package/dist/editor-xBt_vIha.cjs +4 -0
  113. package/dist/heic2any-8wMqMfB_.js +933 -0
  114. package/dist/heic2any-BrqcNzfV.js +935 -0
  115. package/dist/heic2any-C8KwH72N.cjs +934 -0
  116. package/dist/heic2any-k9wDCKka.cjs +932 -0
  117. package/dist/index-DiG-xM9T.cjs +35016 -0
  118. package/dist/index-nGuSAiY2.js +35017 -0
  119. package/dist/index.cjs +5006 -335
  120. package/dist/index.mjs +5007 -336
  121. package/dist/plugins/drag-n-drop/draggable.d.ts +4 -0
  122. package/dist/plugins/drag-n-drop/draggable.d.ts.map +1 -0
  123. package/dist/plugins/drag-n-drop/droppable.d.ts +4 -0
  124. package/dist/plugins/drag-n-drop/droppable.d.ts.map +1 -0
  125. package/dist/plugins/drag-n-drop/index.d.ts +5 -0
  126. package/dist/plugins/drag-n-drop/index.d.ts.map +1 -0
  127. package/dist/plugins/drag-n-drop/useDraggable.d.ts +8 -0
  128. package/dist/plugins/drag-n-drop/useDraggable.d.ts.map +1 -0
  129. package/dist/plugins/drag-n-drop/useDroppable.d.ts +7 -0
  130. package/dist/plugins/drag-n-drop/useDroppable.d.ts.map +1 -0
  131. package/dist/style.css +2215 -3839
  132. package/dist/types/BtnOptions.d.ts +2 -2
  133. package/dist/types/BtnOptions.d.ts.map +1 -1
  134. package/dist/types/NavLink.d.ts +2 -2
  135. package/dist/types/NavLink.d.ts.map +1 -1
  136. package/dist/types/index.d.ts +3 -3
  137. package/dist/types/index.d.ts.map +1 -1
  138. package/dist/types/materialIcon.d.ts +2 -0
  139. package/dist/types/materialIcon.d.ts.map +1 -0
  140. package/dist/utils/objects.d.ts +0 -1
  141. package/package.json +1 -1
  142. package/src/components/AccordionItem.vue +3 -3
  143. package/src/components/Alert.vue +2 -2
  144. package/src/components/Badge.vue +3 -3
  145. package/src/components/Btn.vue +6 -6
  146. package/src/components/Carousel.vue +519 -148
  147. package/src/components/Dropdown.vue +3 -3
  148. package/src/components/Icon/Icon.vue +49 -0
  149. package/src/components/Icon/constants.ts +4427 -0
  150. package/src/components/Icon/types.ts +6 -0
  151. package/src/components/ListItem.vue +2 -2
  152. package/src/components/NavBar.vue +6 -6
  153. package/src/components/Pill.vue +7 -7
  154. package/src/components/TableSchema.vue +3 -4
  155. package/src/components/form/inputs/DatePick.vue +50 -172
  156. package/src/components/form/inputs/NumberInput.vue +9 -6
  157. package/src/components/form/inputs/PasswordInput.vue +3 -3
  158. package/src/components/form/inputs/RichText/richTextTypes.d.ts +2 -2
  159. package/src/components/form/inputs/SelectInput.vue +2 -2
  160. package/src/components/form/inputs/TableField.vue +3 -3
  161. package/src/components/form/inputs/TextInput.vue +6 -6
  162. package/src/components/index.ts +1 -2
  163. package/src/components/layout/TabsNav.vue +2 -2
  164. package/src/styles/inputs.css +142 -137
  165. package/src/styles/modal.css +1 -3
  166. package/src/styles/theme.css +258 -266
  167. package/src/types/BtnOptions.ts +2 -2
  168. package/src/types/NavLink.ts +2 -2
  169. package/src/types/index.ts +4 -3
  170. package/dist/components/Accordion.d.ts +0 -12
  171. package/dist/components/Accordion.d.ts.map +0 -1
  172. package/dist/components/AccordionItem.d.ts +0 -34
  173. package/dist/components/AccordionItem.d.ts.map +0 -1
  174. package/dist/components/Alert.d.ts +0 -34
  175. package/dist/components/Alert.d.ts.map +0 -1
  176. package/dist/components/Avatar.d.ts +0 -36
  177. package/dist/components/Avatar.d.ts.map +0 -1
  178. package/dist/components/Badge.d.ts +0 -22
  179. package/dist/components/Badge.d.ts.map +0 -1
  180. package/dist/components/BglVideo.d.ts +0 -20
  181. package/dist/components/BglVideo.d.ts.map +0 -1
  182. package/dist/components/Btn.d.ts +0 -99
  183. package/dist/components/Btn.d.ts.map +0 -1
  184. package/dist/components/Card.d.ts +0 -39
  185. package/dist/components/Card.d.ts.map +0 -1
  186. package/dist/components/Carousel.d.ts +0 -74
  187. package/dist/components/Carousel.d.ts.map +0 -1
  188. package/dist/components/DataPreview.d.ts +0 -42
  189. package/dist/components/DataPreview.d.ts.map +0 -1
  190. package/dist/components/Drop.vue.d.ts +0 -34
  191. package/dist/components/Drop.vue.d.ts.map +0 -1
  192. package/dist/components/FileUploader.vue.d.ts +0 -60
  193. package/dist/components/FileUploader.vue.d.ts.map +0 -1
  194. package/dist/components/Flag.d.ts +0 -20
  195. package/dist/components/Flag.d.ts.map +0 -1
  196. package/dist/components/ListItem.d.ts +0 -34
  197. package/dist/components/ListItem.d.ts.map +0 -1
  198. package/dist/components/ListView.d.ts +0 -13
  199. package/dist/components/ListView.d.ts.map +0 -1
  200. package/dist/components/MapEmbed.d.ts +0 -3
  201. package/dist/components/MapEmbed.d.ts.map +0 -1
  202. package/dist/components/MaterialIcon.d.ts +0 -26
  203. package/dist/components/MaterialIcon.d.ts.map +0 -1
  204. package/dist/components/Modal.d.ts +0 -46
  205. package/dist/components/Modal.d.ts.map +0 -1
  206. package/dist/components/ModalConfirm.d.ts +0 -24
  207. package/dist/components/ModalConfirm.d.ts.map +0 -1
  208. package/dist/components/ModalForm.d.ts +0 -78
  209. package/dist/components/ModalForm.d.ts.map +0 -1
  210. package/dist/components/NavBar.d.ts +0 -64
  211. package/dist/components/NavBar.d.ts.map +0 -1
  212. package/dist/components/PageTitle.d.ts +0 -24
  213. package/dist/components/PageTitle.d.ts.map +0 -1
  214. package/dist/components/RouterWrapper.d.ts +0 -3
  215. package/dist/components/RouterWrapper.d.ts.map +0 -1
  216. package/dist/components/TableSchema.d.ts +0 -35
  217. package/dist/components/TableSchema.d.ts.map +0 -1
  218. package/dist/components/Title.d.ts +0 -42
  219. package/dist/components/Title.d.ts.map +0 -1
  220. package/dist/components/TopBar.d.ts +0 -12
  221. package/dist/components/TopBar.d.ts.map +0 -1
  222. package/dist/components/dashboard/Lineart.d.ts +0 -20
  223. package/dist/components/dashboard/Lineart.d.ts.map +0 -1
  224. package/dist/components/form/BglField.d.ts +0 -25
  225. package/dist/components/form/BglField.d.ts.map +0 -1
  226. package/dist/components/form/BglForm.d.ts +0 -75
  227. package/dist/components/form/BglForm.d.ts.map +0 -1
  228. package/dist/components/form/inputs/CheckInput.d.ts +0 -56
  229. package/dist/components/form/inputs/CheckInput.d.ts.map +0 -1
  230. package/dist/components/form/inputs/Checkbox.d.ts +0 -16
  231. package/dist/components/form/inputs/Checkbox.d.ts.map +0 -1
  232. package/dist/components/form/inputs/ColorPicker.d.ts +0 -48
  233. package/dist/components/form/inputs/ColorPicker.d.ts.map +0 -1
  234. package/dist/components/form/inputs/DateInput.d.ts +0 -64
  235. package/dist/components/form/inputs/DateInput.d.ts.map +0 -1
  236. package/dist/components/form/inputs/DatePicker.d.ts +0 -33
  237. package/dist/components/form/inputs/DatePicker.d.ts.map +0 -1
  238. package/dist/components/form/inputs/FileUpload.d.ts +0 -108
  239. package/dist/components/form/inputs/FileUpload.d.ts.map +0 -1
  240. package/dist/components/form/inputs/JSONInput.d.ts +0 -53
  241. package/dist/components/form/inputs/JSONInput.d.ts.map +0 -1
  242. package/dist/components/form/inputs/RadioGroup.d.ts +0 -42
  243. package/dist/components/form/inputs/RadioGroup.d.ts.map +0 -1
  244. package/dist/components/form/inputs/RadioPillsInput.d.ts +0 -48
  245. package/dist/components/form/inputs/RadioPillsInput.d.ts.map +0 -1
  246. package/dist/components/form/inputs/RichText.d.ts +0 -20
  247. package/dist/components/form/inputs/RichText.d.ts.map +0 -1
  248. package/dist/components/form/inputs/RichText2/Toolbar.d.ts +0 -22
  249. package/dist/components/form/inputs/RichText2/Toolbar.d.ts.map +0 -1
  250. package/dist/components/form/inputs/RichText2/index.d.ts +0 -24
  251. package/dist/components/form/inputs/RichText2/index.d.ts.map +0 -1
  252. package/dist/components/form/inputs/SelectInput.d.ts +0 -55
  253. package/dist/components/form/inputs/SelectInput.d.ts.map +0 -1
  254. package/dist/components/form/inputs/SignaturePad.d.ts +0 -72
  255. package/dist/components/form/inputs/SignaturePad.d.ts.map +0 -1
  256. package/dist/components/form/inputs/TableField.d.ts +0 -45
  257. package/dist/components/form/inputs/TableField.d.ts.map +0 -1
  258. package/dist/components/form/inputs/TelInput.d.ts +0 -241
  259. package/dist/components/form/inputs/TelInput.d.ts.map +0 -1
  260. package/dist/components/form/inputs/TextInput.d.ts +0 -90
  261. package/dist/components/form/inputs/TextInput.d.ts.map +0 -1
  262. package/dist/components/form/inputs/ToggleInput.d.ts +0 -58
  263. package/dist/components/form/inputs/ToggleInput.d.ts.map +0 -1
  264. package/dist/components/layout/BottomMenu.d.ts +0 -27
  265. package/dist/components/layout/BottomMenu.d.ts.map +0 -1
  266. package/dist/components/layout/Layout.d.ts +0 -58
  267. package/dist/components/layout/Layout.d.ts.map +0 -1
  268. package/dist/components/layout/SidebarMenu.d.ts +0 -38
  269. package/dist/components/layout/SidebarMenu.d.ts.map +0 -1
  270. package/dist/components/layout/TabbedLayout.d.ts +0 -42
  271. package/dist/components/layout/TabbedLayout.d.ts.map +0 -1
  272. package/dist/components/layout/Tabs.d.ts +0 -31
  273. package/dist/components/layout/Tabs.d.ts.map +0 -1
  274. package/dist/components/layout/TabsBody.d.ts +0 -23
  275. package/dist/components/layout/TabsBody.d.ts.map +0 -1
  276. package/dist/components/layout/TabsNav.d.ts +0 -35
  277. package/dist/components/layout/TabsNav.d.ts.map +0 -1
  278. package/dist/styles.css +0 -14073
  279. package/dist/vue.css +0 -14073
  280. package/src/components/MaterialIcon.vue +0 -21
  281. package/src/types/materialIcons.ts +0 -3761
package/src/styles/inputs.css CHANGED
@@ -1,234 +1,234 @@
1
1
  input,
2
2
  textarea,
3
3
  select {
4
- font-family: inherit;
5
- width: 100%;
4
+ font-family: inherit;
5
+ width: 100%;
6
6
  }
7
7
 
8
8
  .bagel-input-error input,
9
9
  .bagel-input-error button,
10
10
  .bagel-input-error textarea {
11
- outline: 1px solid var(--bgl-red);
11
+ outline: 1px solid var(--bgl-red);
12
12
  }
13
13
 
14
14
  .bagel-input {
15
- position: relative;
16
- display: flex;
17
- flex-direction: column;
18
- text-align: start;
19
- margin-bottom: 0.5rem;
20
- width: 100%;
21
- color: var(--bgl-text-color);
15
+ position: relative;
16
+ display: flex;
17
+ flex-direction: column;
18
+ text-align: start;
19
+ margin-bottom: 0.5rem;
20
+ width: 100%;
21
+ color: var(--bgl-text-color);
22
22
  }
23
23
 
24
24
  .bagel-input::-webkit-input-placeholder .bagel-input label {
25
- display: block;
26
- font-size: var(--label-font-size);
27
- margin-bottom: 2px;
28
- line-height: 1.3;
25
+ display: block;
26
+ font-size: var(--label-font-size);
27
+ margin-bottom: 2px;
28
+ line-height: 1.3;
29
29
  }
30
30
 
31
31
  .bagel-input::-moz-placeholder .bagel-input label {
32
- display: block;
33
- font-size: var(--label-font-size);
34
- margin-bottom: 2px;
35
- line-height: 1.3;
32
+ display: block;
33
+ font-size: var(--label-font-size);
34
+ margin-bottom: 2px;
35
+ line-height: 1.3;
36
36
  }
37
37
 
38
38
  .bagel-input:-ms-input-placeholder .bagel-input label {
39
- display: block;
40
- font-size: var(--label-font-size);
41
- margin-bottom: 2px;
42
- line-height: 1.3;
39
+ display: block;
40
+ font-size: var(--label-font-size);
41
+ margin-bottom: 2px;
42
+ line-height: 1.3;
43
43
  }
44
44
 
45
45
  .bagel-input::-ms-input-placeholder .bagel-input label {
46
- display: block;
47
- font-size: var(--label-font-size);
48
- margin-bottom: 2px;
49
- line-height: 1.3;
46
+ display: block;
47
+ font-size: var(--label-font-size);
48
+ margin-bottom: 2px;
49
+ line-height: 1.3;
50
50
  }
51
51
 
52
52
  .bagel-input::placeholder .bagel-input label {
53
- display: block;
54
- font-size: var(--label-font-size);
55
- margin-bottom: 2px;
56
- line-height: 1.3;
53
+ display: block;
54
+ font-size: var(--label-font-size);
55
+ margin-bottom: 2px;
56
+ line-height: 1.3;
57
57
  }
58
58
 
59
59
  .bagel-input::-webkit-input-placeholder {
60
- color: var(--placeholder-color);
60
+ color: var(--placeholder-color);
61
61
  }
62
62
 
63
63
  .bagel-input::-moz-placeholder {
64
- color: var(--placeholder-color);
64
+ color: var(--placeholder-color);
65
65
  }
66
66
 
67
67
  .bagel-input:-ms-input-placeholder {
68
- color: var(--placeholder-color);
68
+ color: var(--placeholder-color);
69
69
  }
70
70
 
71
71
  .bagel-input::-ms-input-placeholder {
72
- color: var(--placeholder-color);
72
+ color: var(--placeholder-color);
73
73
  }
74
74
 
75
75
  .bagel-input::placeholder {
76
- color: var(--placeholder-color);
76
+ color: var(--placeholder-color);
77
77
  }
78
78
 
79
79
  .bagel-input label {
80
- color: var(--label-color);
80
+ color: var(--label-color);
81
81
  }
82
82
 
83
83
  .bagel-input input,
84
84
  .bagel-input select,
85
85
  .custom-select .input {
86
- height: var(--input-height);
87
- font-size: var(--input-font-size);
86
+ height: var(--input-height);
87
+ font-size: var(--input-font-size);
88
88
  }
89
89
 
90
90
  .bagel-input input,
91
91
  .bagel-input textarea,
92
92
  .bagel-input select,
93
93
  .custom-select .input {
94
- background: var(--input-bg);
95
- border: none;
96
- padding: 0.7rem;
97
- border-radius: var(--input-border-radius);
98
- color: var(--input-color);
99
- min-width: calc(var(--input-height) * 3);
100
- width: 100%;
94
+ background: var(--input-bg);
95
+ border: none;
96
+ padding: 0.7rem;
97
+ border-radius: var(--input-border-radius);
98
+ color: var(--input-color);
99
+ min-width: calc(var(--input-height) * 3);
100
+ width: 100%;
101
101
  }
102
102
 
103
103
  .bagel-input input::-webkit-input-placeholder,
104
104
  .bagel-input textarea::-webkit-input-placeholder,
105
105
  .bagel-input select::-webkit-input-placeholder,
106
106
  .custom-select .input::-webkit-input-placeholder {
107
- color: var(--placeholder-color);
107
+ color: var(--placeholder-color);
108
108
  }
109
109
 
110
110
  .bagel-input input::-moz-placeholder,
111
111
  .bagel-input textarea::-moz-placeholder,
112
112
  .bagel-input select::-moz-placeholder,
113
113
  .custom-select .input::-moz-placeholder {
114
- color: var(--placeholder-color);
114
+ color: var(--placeholder-color);
115
115
  }
116
116
 
117
117
  .bagel-input input:-ms-input-placeholder,
118
118
  .bagel-input textarea:-ms-input-placeholder,
119
119
  .bagel-input select:-ms-input-placeholder,
120
120
  .custom-select .input:-ms-input-placeholder {
121
- color: var(--placeholder-color);
121
+ color: var(--placeholder-color);
122
122
  }
123
123
 
124
124
  .bagel-input input::-ms-input-placeholder,
125
125
  .bagel-input textarea::-ms-input-placeholder,
126
126
  .bagel-input select::-ms-input-placeholder,
127
127
  .custom-select .input::-ms-input-placeholder {
128
- color: var(--placeholder-color);
128
+ color: var(--placeholder-color);
129
129
  }
130
130
 
131
131
  .bagel-input input::placeholder,
132
132
  .bagel-input textarea::placeholder,
133
133
  .bagel-input select::placeholder,
134
134
  .custom-select .input::placeholder {
135
- color: var(--placeholder-color);
135
+ color: var(--placeholder-color);
136
136
  }
137
137
 
138
138
  .bagel-input.search-wrap {
139
- display: flex;
140
- flex-direction: row;
141
- align-items: center;
139
+ display: flex;
140
+ flex-direction: row;
141
+ align-items: center;
142
142
  }
143
143
 
144
144
  .bagel-input.search-wrap input {
145
- -webkit-padding-end: 2rem;
146
- padding-inline-end: 2rem;
145
+ -webkit-padding-end: 2rem;
146
+ padding-inline-end: 2rem;
147
147
  }
148
148
 
149
149
  .bagel-input.search-wrap .bgl_icon-font {
150
- -webkit-margin-start: -1.75rem;
151
- margin-inline-start: -1.75rem;
150
+ -webkit-margin-start: -1.75rem;
151
+ margin-inline-start: -1.75rem;
152
152
  }
153
153
 
154
154
  .bagel-input select {
155
- height: var(--input-height);
155
+ height: var(--input-height);
156
156
  }
157
157
 
158
158
  .bagel-input textarea {
159
- resize: vertical;
160
- min-height: calc(var(--input-height) * 3);
161
- line-height: 1.5;
159
+ resize: vertical;
160
+ min-height: calc(var(--input-height) * 3);
161
+ line-height: 1.5;
162
162
  }
163
163
 
164
164
  .bagel-input.wider input {
165
- min-width: 320px;
165
+ min-width: 320px;
166
166
  }
167
167
 
168
168
  .bagel-input input[type='radio'] {
169
- padding: 0;
170
- width: -webkit-fit-content;
171
- width: -moz-fit-content;
172
- width: fit-content;
169
+ padding: 0;
170
+ width: -webkit-fit-content;
171
+ width: -moz-fit-content;
172
+ width: fit-content;
173
173
  }
174
174
 
175
175
  .bagel-input:focus-within label {
176
- color: var(--bgl-primary);
176
+ color: var(--bgl-primary);
177
177
  }
178
178
 
179
179
  .bagel-input select.no-edit,
180
180
  .bagel-input input.no-edit,
181
181
  .bagel-input textarea.no-edit,
182
182
  .bagel-input .switch.no-edit {
183
- pointer-events: none;
184
- outline: none;
185
- opacity: 0.7;
183
+ pointer-events: none;
184
+ outline: none;
185
+ opacity: 0.7;
186
186
  }
187
187
 
188
188
  .bagel-input label.active {
189
- color: var(--bgl-primary);
189
+ color: var(--bgl-primary);
190
190
  }
191
191
 
192
192
  .inline-80 {
193
- display: inline-block;
194
- width: 80%;
193
+ display: inline-block;
194
+ width: 80%;
195
195
  }
196
196
 
197
197
  .inline-20 {
198
- display: inline-block;
199
- width: 20%;
198
+ display: inline-block;
199
+ width: 20%;
200
200
  }
201
201
 
202
202
  .inline-10 {
203
- display: inline-block;
204
- width: 20%;
203
+ display: inline-block;
204
+ width: 20%;
205
205
  }
206
206
 
207
207
  .inline-50 {
208
- display: inline-block;
209
- width: 49%;
210
- margin: 0 0.5%;
208
+ display: inline-block;
209
+ width: 49%;
210
+ margin: 0 0.5%;
211
211
  }
212
212
 
213
213
  .custom-select .input {
214
- height: var(--input-height);
215
- font-size: var(--input-font-size);
214
+ height: var(--input-height);
215
+ font-size: var(--input-font-size);
216
216
  }
217
217
 
218
218
  .custom-select .input {
219
- background: var(--input-bg);
220
- border: none;
221
- padding: 0.7rem;
222
- border-radius: var(--input-border-radius);
223
- color: var(--input-color);
224
- min-width: calc(var(--input-height) * 3);
225
- width: 100%;
219
+ background: var(--input-bg);
220
+ border: none;
221
+ padding: 0.7rem;
222
+ border-radius: var(--input-border-radius);
223
+ color: var(--input-color);
224
+ min-width: calc(var(--input-height) * 3);
225
+ width: 100%;
226
226
  }
227
227
 
228
228
  [dir='rtl'] .bagel-input input[type='email'],
229
229
  [dir='rtl'] .tel-input input[type='tel'] {
230
- direction: ltr;
231
- text-align: right;
230
+ direction: ltr;
231
+ text-align: right;
232
232
  }
233
233
 
234
234
  .input.active .bagel-input input:focus-visible,
@@ -236,18 +236,23 @@ select {
236
236
  .bagel-input textarea:focus-visible,
237
237
  .bagel-input button:focus-visible,
238
238
  .bgl_btn:focus-visible {
239
- outline-color: var(--bgl-primary-tint);
240
- box-shadow: inset 0 0 10px #00000012;
239
+ outline-color: var(--bgl-primary-tint);
240
+ box-shadow: inset 0 0 10px #00000012;
241
241
  }
242
242
 
243
243
  .bagel-input input:focus,
244
244
  .bagel-input select:focus,
245
- .bagel-input textarea:focus,
245
+ .bagel-input textarea:focus {
246
+ outline-color: rgba(0, 0, 0, 0.05);
247
+ box-shadow: inset 0 0 10px #00000021;
248
+ outline-color: var(--input-bg);
249
+ }
250
+
251
+
246
252
  .bagel-input .bgl_btn:focus,
247
253
  .bagel-input button:focus {
248
- outline-color: rgba(0, 0, 0, 0.05);
249
- box-shadow: inset 0 0 10px #00000021;
250
- outline-color: var(--input-bg);
254
+ outline-color: rgba(0, 0, 0, 0.05);
255
+ outline-color: var(--input-bg);
251
256
  }
252
257
 
253
258
  .bagel-input.light-input input,
@@ -255,83 +260,83 @@ select {
255
260
  .bagel-input.light-input select,
256
261
  .custom-select.light-input .input,
257
262
  .light-input .selectinput-btn {
258
- background: var(--bgl-popup-bg) !important;
259
- box-shadow:
260
- 0 1px 5px 0 rgba(0, 0, 0, 0.1),
261
- 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
262
- outline: 1px solid var(--border-color) !important;
263
+ background: var(--bgl-popup-bg) !important;
264
+ box-shadow:
265
+ 0 1px 5px 0 rgba(0, 0, 0, 0.1),
266
+ 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
267
+ outline: 1px solid var(--border-color) !important;
263
268
  }
264
269
 
265
270
  .input.active.light-input,
266
271
  .bagel-input.light-input input:focus-visible,
267
272
  .bagel-input.light-input select:focus-visible,
268
273
  .bagel-input.light-input textarea:focus-visible {
269
- box-shadow: inset 0 0 2px var(--bgl-popup-text) !important;
274
+ box-shadow: inset 0 0 2px var(--bgl-popup-text) !important;
270
275
  }
271
276
 
272
277
  .bagel-input input[type='number']-webkit-inner-spin-button,
273
278
  .bagel-input input[type='number']::-webkit-outer-spin-button {
274
- -webkit-appearance: none;
279
+ -webkit-appearance: none;
275
280
  }
276
281
 
277
282
  .label-count-0 label {
278
- display: none;
283
+ display: none;
279
284
  }
280
285
 
281
286
  .label-count-0 button.bgl_btn.bgl_flatBtn {
282
- margin-right: 5px;
287
+ margin-right: 5px;
283
288
  }
284
289
 
285
290
  .label-count-0 button.bgl_btn.bgl_flatBtn:hover {
286
- background: var(--bgl-hover-filter);
291
+ background: var(--bgl-hover-filter);
287
292
  }
288
293
 
289
294
  .bagel-input input[type='color'] {
290
- padding: 0.025rem 0.05rem;
291
- display: block;
292
- width: var(--input-height);
293
- height: var(--input-height);
294
- border: none;
295
- -webkit-appearance: none;
296
- -moz-appearance: none;
297
- appearance: none;
298
- cursor: pointer;
295
+ padding: 0.025rem 0.05rem;
296
+ display: block;
297
+ width: var(--input-height);
298
+ height: var(--input-height);
299
+ border: none;
300
+ -webkit-appearance: none;
301
+ -moz-appearance: none;
302
+ appearance: none;
303
+ cursor: pointer;
299
304
  }
300
305
 
301
306
  .bagel-input input[type='color']::-webkit-color-swatch {
302
- border-radius: var(--input-border-radius);
303
- border: none;
304
- -webkit-transition: box-shadow 200ms ease;
305
- transition: box-shadow 200ms ease;
307
+ border-radius: var(--input-border-radius);
308
+ border: none;
309
+ -webkit-transition: box-shadow 200ms ease;
310
+ transition: box-shadow 200ms ease;
306
311
  }
307
312
 
308
313
  .bagel-input input[type='color']::-moz-color-swatch {
309
- border-radius: var(--input-border-radius);
310
- border: none;
311
- -moz-transition: box-shadow 200ms ease;
312
- transition: box-shadow 200ms ease;
314
+ border-radius: var(--input-border-radius);
315
+ border: none;
316
+ -moz-transition: box-shadow 200ms ease;
317
+ transition: box-shadow 200ms ease;
313
318
  }
314
319
 
315
320
  .bagel-input input[type='color']::-webkit-color-swatch:hover {
316
- box-shadow: inset 0 0 10px #00000050;
321
+ box-shadow: inset 0 0 10px #00000050;
317
322
  }
318
323
 
319
324
  .bagel-input input[type='color']::-moz-color-swatch:hover {
320
- box-shadow: inset 0 0 10px #00000050;
325
+ box-shadow: inset 0 0 10px #00000050;
321
326
  }
322
327
 
323
328
  @media screen and (max-width: 910px) {
324
- .bagel-input.wider input {
325
- min-width: 120px;
326
- }
329
+ .bagel-input.wider input {
330
+ min-width: 120px;
331
+ }
327
332
  }
328
333
 
329
334
  .pixel {
330
- width: 0 !important;
331
- height: 0 !important;
332
- overflow: hidden !important;
333
- outline: none !important;
334
- position: absolute !important;
335
- bottom: 0 !important;
336
- left: 50% !important;
337
- }
335
+ width: 0 !important;
336
+ height: 0 !important;
337
+ overflow: hidden !important;
338
+ outline: none !important;
339
+ position: absolute !important;
340
+ bottom: 0 !important;
341
+ left: 50% !important;
342
+ }
package/src/styles/modal.css CHANGED
@@ -76,7 +76,6 @@
76
76
 
77
77
  .is-side .modal {
78
78
  inset-inline-end: -1720px;
79
- transform: scale(1);
80
79
  opacity: 1;
81
80
  max-width: 600px;
82
81
  width: 90%;
@@ -89,13 +88,11 @@
89
88
  }
90
89
 
91
90
  .is-active .modal {
92
- transform: scale(1);
93
91
  opacity: 1;
94
92
  box-shadow: 6px 6px 20px 20px #0000001c;
95
93
  }
96
94
 
97
95
  .bg-lignt .modal {
98
- transform: scale(1);
99
96
  border: 1px solid var(--border-color);
100
97
  }
101
98
 
@@ -112,6 +109,7 @@
112
109
  opacity: 1;
113
110
  pointer-events: all;
114
111
  }
112
+
115
113
  body:has(.bg-dark.is-active) {
116
114
  overflow: hidden;
117
115
  }