@fibery/ui-kit 4.2.0 → 4.3.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 (896) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/package.json +9 -11
  3. package/src/antd/input-number.tsx +4 -4
  4. package/src/antd/input.tsx +1 -1
  5. package/src/apca.lc-low.test.ts +1 -3
  6. package/src/apca.test.ts +42 -43
  7. package/src/apca.ts +38 -39
  8. package/src/app-icon-with-fallback.tsx +6 -2
  9. package/src/avatar-colors.ts +71 -0
  10. package/src/avatar.tsx +2 -10
  11. package/src/banner/banner.tsx +1 -2
  12. package/src/box.tsx +26 -16
  13. package/src/button/back-button.tsx +2 -2
  14. package/src/button/make-button-colors.ts +13 -13
  15. package/src/button/select-button.tsx +2 -2
  16. package/src/canvas-colors.ts +71 -118
  17. package/src/checkbox.tsx +3 -3
  18. package/src/collapsible-section.tsx +3 -3
  19. package/src/color-filter.test.ts +13 -0
  20. package/src/color-filter.ts +26 -3
  21. package/src/color-utils.ts +9 -2
  22. package/src/command-menu/nested-command-menu.tsx +2 -2
  23. package/src/date-picker/date-range-picker-popup-content.tsx +3 -2
  24. package/src/date-picker/date-range-picker.tsx +23 -1
  25. package/src/date-picker/relative-date-picker.tsx +3 -2
  26. package/src/date-picker/single-date-picker-popup-content.tsx +3 -2
  27. package/src/date-picker/single-date-picker.tsx +19 -2
  28. package/src/design-system/alpha-coefficients.ts +235 -0
  29. package/src/design-system/alpha.ts +10 -1
  30. package/src/design-system/colors-enum.dark.neutral.test.ts +168 -168
  31. package/src/design-system/colors-enum.dark.warm.test.ts +168 -168
  32. package/src/design-system/colors-enum.light.neutral.test.ts +168 -168
  33. package/src/design-system/colors-enum.light.warm.test.ts +168 -168
  34. package/src/design-system/colors.ts +231 -154
  35. package/src/design-system/fns.avatarPlaceholder.dark.neutral.test.ts +52 -0
  36. package/src/design-system/fns.avatarPlaceholder.dark.warm.test.ts +52 -0
  37. package/src/design-system/fns.avatarPlaceholder.light.neutral.test.ts +52 -0
  38. package/src/design-system/fns.avatarPlaceholder.light.warm.test.ts +52 -0
  39. package/src/design-system/fns.enum.ts +2 -0
  40. package/src/design-system/fns.icon.ts +1 -1
  41. package/src/design-system/fns.ts +43 -13
  42. package/src/design-system/theme.test.ts +4 -6
  43. package/src/design-system/theme.ts +22 -13
  44. package/src/design-system/vars.test.ts +2 -2
  45. package/src/design-system/vars.ts +3 -3
  46. package/src/design-system.ts +3 -1
  47. package/src/dot.tsx +1 -0
  48. package/src/double-apply.ts +2 -2
  49. package/src/emoji-picker/primitives/footer.tsx +1 -1
  50. package/src/emoji-picker/utils/frequently.ts +1 -1
  51. package/src/favorites-icon.tsx +2 -2
  52. package/src/fibermoji-placeholder.tsx +23 -56
  53. package/src/fibery-brand-logo.tsx +82 -0
  54. package/src/field-container.tsx +2 -2
  55. package/src/field-type-icon.tsx +18 -18
  56. package/src/file-item/file-menu-items.tsx +1 -1
  57. package/src/file-item/file-preview-actions.tsx +1 -1
  58. package/src/format-date-from-now.ts +10 -5
  59. package/src/header-layout.tsx +41 -24
  60. package/src/highlight-colors.test.ts +1 -1
  61. package/src/highlight-colors.ts +27 -0
  62. package/src/icons/ast/appearance-auto.ts +1 -1
  63. package/src/icons/ast/architect.ts +12 -0
  64. package/src/icons/ast/arrow-back.ts +12 -0
  65. package/src/icons/ast/arrow-down.ts +12 -0
  66. package/src/icons/ast/{send-arrow.ts → arrow-send.ts} +3 -3
  67. package/src/icons/ast/arrow-up.ts +12 -0
  68. package/src/icons/ast/avatar.ts +12 -0
  69. package/src/icons/ast/backlog.ts +12 -0
  70. package/src/icons/ast/{check-circle-filled.ts → circle-check-filled.ts} +3 -3
  71. package/src/icons/ast/{check-circle.ts → circle-check.ts} +3 -3
  72. package/src/icons/ast/{error-circle-filled.ts → circle-cross-filled.ts} +3 -3
  73. package/src/icons/ast/circle-cross.ts +12 -0
  74. package/src/icons/ast/{info-circle-filled.ts → circle-info-filled.ts} +3 -3
  75. package/src/icons/ast/{info-circle.ts → circle-info.ts} +3 -3
  76. package/src/icons/ast/circle-pause.ts +12 -0
  77. package/src/icons/ast/circle-play.ts +12 -0
  78. package/src/icons/ast/comments.ts +12 -0
  79. package/src/icons/ast/credits-filled.ts +1 -1
  80. package/src/icons/ast/{add-database.ts → database-add.ts} +3 -3
  81. package/src/icons/ast/database-outline.ts +12 -0
  82. package/src/icons/ast/eye-off.ts +12 -0
  83. package/src/icons/ast/favorites-filled.ts +12 -0
  84. package/src/icons/ast/{switch-to-mention.ts → field-units-large.ts} +3 -3
  85. package/src/icons/ast/files.ts +12 -0
  86. package/src/icons/ast/{smart-folder.ts → folder-smart.ts} +3 -3
  87. package/src/icons/ast/fullscreen-mode-off.ts +12 -0
  88. package/src/icons/ast/fullscreen-mode-on.ts +1 -1
  89. package/src/icons/ast/{add-group.ts → group-add.ts} +3 -3
  90. package/src/icons/ast/{image-xmark.ts → image-error.ts} +3 -3
  91. package/src/icons/ast/index.tsx +132 -217
  92. package/src/icons/ast/{add-integration.ts → integration-add.ts} +3 -3
  93. package/src/icons/ast/integration-discourse.ts +12 -0
  94. package/src/icons/ast/integration-fibery.ts +12 -0
  95. package/src/icons/ast/integration-figma.ts +12 -0
  96. package/src/icons/ast/integration-github.ts +12 -0
  97. package/src/icons/ast/integration-gitlab.ts +12 -0
  98. package/src/icons/ast/integration-google-drive.ts +12 -0
  99. package/src/icons/ast/integration-google-map.ts +12 -0
  100. package/src/icons/ast/integration-intercom.ts +12 -0
  101. package/src/icons/ast/integration-jira.ts +12 -0
  102. package/src/icons/ast/integration-loom.ts +12 -0
  103. package/src/icons/ast/integration-miro.ts +12 -0
  104. package/src/icons/ast/integration-mixpanel.ts +12 -0
  105. package/src/icons/ast/integration-slack.ts +12 -0
  106. package/src/icons/ast/{suggest-integration.ts → integration-suggest.ts} +3 -3
  107. package/src/icons/ast/integration-twitter.ts +12 -0
  108. package/src/icons/ast/integration-unsplash.ts +12 -0
  109. package/src/icons/ast/integration-youtube.ts +12 -0
  110. package/src/icons/ast/integration-zendesk.ts +12 -0
  111. package/src/icons/ast/limits.ts +12 -0
  112. package/src/icons/ast/lock-filled.ts +12 -0
  113. package/src/icons/ast/lock.ts +1 -1
  114. package/src/icons/ast/move-down.ts +12 -0
  115. package/src/icons/ast/move-up.ts +12 -0
  116. package/src/icons/ast/open-in-panel.ts +12 -0
  117. package/src/icons/ast/open-link.ts +12 -0
  118. package/src/icons/ast/people-all.ts +12 -0
  119. package/src/icons/ast/people-group-remove.ts +12 -0
  120. package/src/icons/ast/people-group.ts +12 -0
  121. package/src/icons/ast/{invite-people.ts → people-invite.ts} +3 -3
  122. package/src/icons/ast/{remove-people.ts → people-remove.ts} +3 -3
  123. package/src/icons/ast/people-role.ts +12 -0
  124. package/src/icons/ast/people-x.ts +12 -0
  125. package/src/icons/ast/plus.ts +12 -0
  126. package/src/icons/ast/preferences.ts +12 -0
  127. package/src/icons/ast/propagate.ts +12 -0
  128. package/src/icons/ast/{add-reactions.ts → reactions-add.ts} +3 -3
  129. package/src/icons/ast/redo.ts +12 -0
  130. package/src/icons/ast/references.ts +12 -0
  131. package/src/icons/ast/richeditor-block-callout.ts +1 -1
  132. package/src/icons/ast/richeditor-block-code.ts +1 -1
  133. package/src/icons/ast/richeditor-block-embed.ts +1 -1
  134. package/src/icons/ast/richeditor-block-entity.ts +1 -1
  135. package/src/icons/ast/richeditor-block-file.ts +1 -1
  136. package/src/icons/ast/richeditor-block-h1.ts +1 -1
  137. package/src/icons/ast/richeditor-block-h2.ts +1 -1
  138. package/src/icons/ast/richeditor-block-h3.ts +1 -1
  139. package/src/icons/ast/richeditor-block-h4.ts +1 -1
  140. package/src/icons/ast/richeditor-block-mention.ts +1 -1
  141. package/src/icons/ast/richeditor-block-paragraph.ts +1 -1
  142. package/src/icons/ast/richeditor-block-quote.ts +1 -1
  143. package/src/icons/ast/richeditor-checklist-create.ts +1 -1
  144. package/src/icons/ast/richeditor-image-align-center.ts +1 -1
  145. package/src/icons/ast/richeditor-image-align-left.ts +1 -1
  146. package/src/icons/ast/richeditor-image-align-right.ts +1 -1
  147. package/src/icons/ast/richeditor-image.ts +12 -0
  148. package/src/icons/ast/richeditor-linkedhighlight-create.ts +1 -1
  149. package/src/icons/ast/richeditor-list-bullet.ts +1 -1
  150. package/src/icons/ast/richeditor-list-indent.ts +1 -1
  151. package/src/icons/ast/richeditor-list-ordered.ts +1 -1
  152. package/src/icons/ast/richeditor-list-unindent.ts +1 -1
  153. package/src/icons/ast/richeditor-mark-code.ts +1 -1
  154. package/src/icons/ast/richeditor-mark-em.ts +1 -1
  155. package/src/icons/ast/richeditor-mark-highlight.ts +1 -1
  156. package/src/icons/ast/richeditor-mark-strike.ts +1 -1
  157. package/src/icons/ast/richeditor-mark-strong.ts +1 -1
  158. package/src/icons/ast/richeditor-mark-text-background-color.ts +1 -1
  159. package/src/icons/ast/richeditor-mark-underline.ts +1 -1
  160. package/src/icons/ast/richeditor-table-create.ts +1 -1
  161. package/src/icons/ast/richeditor-video-upload.ts +1 -1
  162. package/src/icons/ast/{bolt.ts → rule.ts} +3 -3
  163. package/src/icons/ast/simple-compass.ts +1 -1
  164. package/src/icons/ast/space-add.ts +12 -0
  165. package/src/icons/ast/{move-space.ts → space-move.ts} +3 -3
  166. package/src/icons/ast/type-button.ts +1 -1
  167. package/src/icons/ast/type-checkbox.ts +1 -1
  168. package/src/icons/ast/type-date.ts +1 -1
  169. package/src/icons/ast/type-email.ts +1 -1
  170. package/src/icons/ast/type-emoji.ts +1 -1
  171. package/src/icons/ast/type-formula.ts +1 -1
  172. package/src/icons/ast/type-location.ts +1 -1
  173. package/src/icons/ast/type-lookup.ts +1 -1
  174. package/src/icons/ast/type-money.ts +1 -1
  175. package/src/icons/ast/type-multi-select.ts +1 -1
  176. package/src/icons/ast/type-number.ts +1 -1
  177. package/src/icons/ast/type-percent.ts +1 -1
  178. package/src/icons/ast/type-phone.ts +1 -1
  179. package/src/icons/ast/type-relation.ts +1 -1
  180. package/src/icons/ast/type-rich-text.ts +1 -1
  181. package/src/icons/ast/type-single-select.ts +1 -1
  182. package/src/icons/ast/type-text.ts +1 -1
  183. package/src/icons/ast/undo.ts +12 -0
  184. package/src/icons/ast/units-avatar.ts +1 -1
  185. package/src/icons/ast/units-collection.ts +1 -1
  186. package/src/icons/ast/units-counter.ts +1 -1
  187. package/src/icons/ast/units-date.ts +1 -1
  188. package/src/icons/ast/units-field-icon-button.ts +1 -1
  189. package/src/icons/ast/units-field.ts +1 -1
  190. package/src/icons/ast/units-input.ts +1 -1
  191. package/src/icons/ast/units-normal.ts +12 -0
  192. package/src/icons/ast/units-progress-bar.ts +1 -1
  193. package/src/icons/ast/units-rich-text.ts +1 -1
  194. package/src/icons/ast/units-snippet.ts +1 -1
  195. package/src/icons/ast/unlock.ts +12 -0
  196. package/src/icons/ast/{clear-value.ts → value-clear.ts} +3 -3
  197. package/src/icons/ast/view-app.ts +12 -0
  198. package/src/icons/ast/workflow.ts +12 -0
  199. package/src/icons/react/{anthropic.tsx → architect.tsx} +5 -5
  200. package/src/icons/react/arrow-back.tsx +18 -0
  201. package/src/icons/react/arrow-down.tsx +18 -0
  202. package/src/icons/react/arrow-send.tsx +18 -0
  203. package/src/icons/react/{app-wiki.tsx → arrow-up.tsx} +5 -5
  204. package/src/icons/react/avatar.tsx +18 -0
  205. package/src/icons/react/backlog.tsx +18 -0
  206. package/src/icons/react/circle-check-filled.tsx +18 -0
  207. package/src/icons/react/{add-database.tsx → circle-check.tsx} +5 -5
  208. package/src/icons/react/circle-cross-filled.tsx +18 -0
  209. package/src/icons/react/circle-cross.tsx +18 -0
  210. package/src/icons/react/circle-info-filled.tsx +18 -0
  211. package/src/icons/react/circle-info.tsx +18 -0
  212. package/src/icons/react/circle-pause.tsx +18 -0
  213. package/src/icons/react/circle-play.tsx +18 -0
  214. package/src/icons/react/comments.tsx +18 -0
  215. package/src/icons/react/database-add.tsx +18 -0
  216. package/src/icons/react/database-outline.tsx +18 -0
  217. package/src/icons/react/{chat-ai.tsx → eye-off.tsx} +5 -5
  218. package/src/icons/react/favorites-filled.tsx +18 -0
  219. package/src/icons/react/field-units-large.tsx +18 -0
  220. package/src/icons/react/{apple.tsx → files.tsx} +5 -5
  221. package/src/icons/react/folder-smart.tsx +18 -0
  222. package/src/icons/react/fullscreen-mode-off.tsx +18 -0
  223. package/src/icons/react/{app-store.tsx → group-add.tsx} +5 -5
  224. package/src/icons/react/image-error.tsx +18 -0
  225. package/src/icons/react/index.tsx +132 -217
  226. package/src/icons/react/{add-integration.tsx → integration-add.tsx} +5 -5
  227. package/src/icons/react/integration-discourse.tsx +18 -0
  228. package/src/icons/react/integration-fibery.tsx +18 -0
  229. package/src/icons/react/integration-figma.tsx +18 -0
  230. package/src/icons/react/integration-github.tsx +18 -0
  231. package/src/icons/react/integration-gitlab.tsx +18 -0
  232. package/src/icons/react/integration-google-drive.tsx +18 -0
  233. package/src/icons/react/integration-google-map.tsx +18 -0
  234. package/src/icons/react/{automations-disabled.tsx → integration-intercom.tsx} +5 -5
  235. package/src/icons/react/integration-jira.tsx +18 -0
  236. package/src/icons/react/integration-loom.tsx +18 -0
  237. package/src/icons/react/integration-miro.tsx +18 -0
  238. package/src/icons/react/{extension-references.tsx → integration-mixpanel.tsx} +5 -5
  239. package/src/icons/react/integration-slack.tsx +18 -0
  240. package/src/icons/react/integration-suggest.tsx +18 -0
  241. package/src/icons/react/integration-twitter.tsx +18 -0
  242. package/src/icons/react/integration-unsplash.tsx +18 -0
  243. package/src/icons/react/integration-youtube.tsx +18 -0
  244. package/src/icons/react/integration-zendesk.tsx +18 -0
  245. package/src/icons/react/{notifications.tsx → limits.tsx} +5 -5
  246. package/src/icons/react/lock-filled.tsx +18 -0
  247. package/src/icons/react/{add-group.tsx → move-down.tsx} +5 -5
  248. package/src/icons/react/move-up.tsx +18 -0
  249. package/src/icons/react/open-in-panel.tsx +18 -0
  250. package/src/icons/react/{ai-search.tsx → open-link.tsx} +5 -5
  251. package/src/icons/react/people-all.tsx +18 -0
  252. package/src/icons/react/people-group-remove.tsx +18 -0
  253. package/src/icons/react/people-group.tsx +18 -0
  254. package/src/icons/react/{add-reactions.tsx → people-invite.tsx} +5 -5
  255. package/src/icons/react/people-remove.tsx +18 -0
  256. package/src/icons/react/people-role.tsx +18 -0
  257. package/src/icons/react/people-x.tsx +18 -0
  258. package/src/icons/react/{chat.tsx → plus.tsx} +5 -5
  259. package/src/icons/react/preferences.tsx +18 -0
  260. package/src/icons/react/propagate.tsx +18 -0
  261. package/src/icons/react/reactions-add.tsx +18 -0
  262. package/src/icons/react/{csv.tsx → redo.tsx} +5 -5
  263. package/src/icons/react/references.tsx +18 -0
  264. package/src/icons/react/richeditor-block-callout.tsx +1 -1
  265. package/src/icons/react/richeditor-block-code.tsx +1 -1
  266. package/src/icons/react/richeditor-block-embed.tsx +1 -1
  267. package/src/icons/react/richeditor-block-entity.tsx +1 -1
  268. package/src/icons/react/richeditor-block-file.tsx +1 -1
  269. package/src/icons/react/richeditor-block-h1.tsx +1 -1
  270. package/src/icons/react/richeditor-block-h2.tsx +1 -1
  271. package/src/icons/react/richeditor-block-h3.tsx +1 -1
  272. package/src/icons/react/richeditor-block-h4.tsx +1 -1
  273. package/src/icons/react/richeditor-block-mention.tsx +1 -1
  274. package/src/icons/react/richeditor-block-paragraph.tsx +1 -1
  275. package/src/icons/react/richeditor-block-quote.tsx +1 -1
  276. package/src/icons/react/richeditor-checklist-create.tsx +1 -1
  277. package/src/icons/react/richeditor-image-align-center.tsx +1 -1
  278. package/src/icons/react/richeditor-image-align-left.tsx +1 -1
  279. package/src/icons/react/richeditor-image-align-right.tsx +1 -1
  280. package/src/icons/react/richeditor-image.tsx +18 -0
  281. package/src/icons/react/richeditor-linkedhighlight-create.tsx +1 -1
  282. package/src/icons/react/richeditor-list-bullet.tsx +1 -1
  283. package/src/icons/react/richeditor-list-indent.tsx +1 -1
  284. package/src/icons/react/richeditor-list-ordered.tsx +1 -1
  285. package/src/icons/react/richeditor-list-unindent.tsx +1 -1
  286. package/src/icons/react/richeditor-mark-code.tsx +1 -1
  287. package/src/icons/react/richeditor-mark-em.tsx +1 -1
  288. package/src/icons/react/richeditor-mark-highlight.tsx +1 -1
  289. package/src/icons/react/richeditor-mark-strike.tsx +1 -1
  290. package/src/icons/react/richeditor-mark-strong.tsx +1 -1
  291. package/src/icons/react/richeditor-mark-text-background-color.tsx +1 -1
  292. package/src/icons/react/richeditor-mark-underline.tsx +1 -1
  293. package/src/icons/react/richeditor-table-create.tsx +1 -1
  294. package/src/icons/react/richeditor-video-upload.tsx +1 -1
  295. package/src/icons/react/{back.tsx → rule.tsx} +5 -5
  296. package/src/icons/react/{ai-avatar.tsx → space-add.tsx} +5 -5
  297. package/src/icons/react/space-move.tsx +18 -0
  298. package/src/icons/react/type-button.tsx +1 -1
  299. package/src/icons/react/type-checkbox.tsx +1 -1
  300. package/src/icons/react/type-date.tsx +1 -1
  301. package/src/icons/react/type-email.tsx +1 -1
  302. package/src/icons/react/type-emoji.tsx +1 -1
  303. package/src/icons/react/type-formula.tsx +1 -1
  304. package/src/icons/react/type-location.tsx +1 -1
  305. package/src/icons/react/type-lookup.tsx +1 -1
  306. package/src/icons/react/type-money.tsx +1 -1
  307. package/src/icons/react/type-multi-select.tsx +1 -1
  308. package/src/icons/react/type-number.tsx +1 -1
  309. package/src/icons/react/type-percent.tsx +1 -1
  310. package/src/icons/react/type-phone.tsx +1 -1
  311. package/src/icons/react/type-relation.tsx +1 -1
  312. package/src/icons/react/type-rich-text.tsx +1 -1
  313. package/src/icons/react/type-single-select.tsx +1 -1
  314. package/src/icons/react/type-text.tsx +1 -1
  315. package/src/icons/react/{bolt.tsx → undo.tsx} +5 -5
  316. package/src/icons/react/units-avatar.tsx +1 -1
  317. package/src/icons/react/units-collection.tsx +1 -1
  318. package/src/icons/react/units-counter.tsx +1 -1
  319. package/src/icons/react/units-date.tsx +1 -1
  320. package/src/icons/react/units-field-icon-button.tsx +1 -1
  321. package/src/icons/react/units-field.tsx +1 -1
  322. package/src/icons/react/units-input.tsx +1 -1
  323. package/src/icons/react/units-normal.tsx +18 -0
  324. package/src/icons/react/units-progress-bar.tsx +1 -1
  325. package/src/icons/react/units-rich-text.tsx +1 -1
  326. package/src/icons/react/units-snippet.tsx +1 -1
  327. package/src/icons/react/unlock.tsx +18 -0
  328. package/src/icons/react/value-clear.tsx +18 -0
  329. package/src/icons/react/view-app.tsx +18 -0
  330. package/src/icons/react/workflow.tsx +18 -0
  331. package/src/icons/svg/appearance-auto.svg +1 -1
  332. package/src/icons/svg/{arrow-bottom.svg → arrow-down.svg} +1 -1
  333. package/src/icons/svg/arrow-forward.svg +1 -1
  334. package/src/icons/svg/arrow-left.svg +1 -1
  335. package/src/icons/svg/arrow-right.svg +1 -1
  336. package/src/icons/svg/{arrow-top.svg → arrow-up.svg} +1 -1
  337. package/src/icons/svg/asterisk.svg +2 -2
  338. package/src/icons/svg/{automations-error.svg → circle-cross.svg} +1 -1
  339. package/src/icons/svg/{automations-not-started.svg → circle-pause.svg} +1 -1
  340. package/src/icons/svg/{automations-in-progress.svg → circle-play.svg} +1 -1
  341. package/src/icons/svg/collapse-all-horizontal.svg +1 -1
  342. package/src/icons/svg/collapse-all.svg +1 -1
  343. package/src/icons/svg/credits-filled.svg +1 -1
  344. package/src/icons/svg/entity-create.svg +1 -1
  345. package/src/icons/svg/expand-all-horizontal.svg +1 -1
  346. package/src/icons/svg/fullscreen-mode-on.svg +2 -3
  347. package/src/icons/svg/go-to.svg +1 -1
  348. package/src/icons/svg/integration-unsplash.svg +3 -0
  349. package/src/icons/svg/layout-double.svg +1 -1
  350. package/src/icons/svg/layout-single.svg +1 -1
  351. package/src/icons/svg/limits.svg +3 -0
  352. package/src/icons/svg/lock-filled.svg +4 -0
  353. package/src/icons/svg/lock.svg +5 -4
  354. package/src/icons/svg/page-regular-mode.svg +3 -3
  355. package/src/icons/svg/page-wide-mode.svg +3 -3
  356. package/src/icons/svg/{user-group.svg → people-group.svg} +1 -1
  357. package/src/icons/svg/{user-role.svg → people-role.svg} +1 -1
  358. package/src/icons/svg/{richeditor/list/indent.svg → richeditor-list-indent.svg} +1 -1
  359. package/src/icons/svg/richeditor-mark-code.svg +5 -0
  360. package/src/icons/svg/richeditor-mark-em.svg +3 -0
  361. package/src/icons/svg/richeditor-mark-highlight.svg +3 -0
  362. package/src/icons/svg/richeditor-mark-strike.svg +3 -0
  363. package/src/icons/svg/richeditor-mark-strong.svg +3 -0
  364. package/src/icons/svg/simple-compass.svg +2 -2
  365. package/src/icons/svg/space-app.svg +1 -1
  366. package/src/icons/svg/space-generate.svg +1 -1
  367. package/src/icons/svg/space-scratch.svg +1 -1
  368. package/src/icons/svg/space-template.svg +1 -1
  369. package/src/icons/svg/value-edit.svg +1 -1
  370. package/src/icons/svg/view-app.svg +6 -0
  371. package/src/icons/svg/view-gantt.svg +3 -3
  372. package/src/icons/svg/warning-triangle-filled.svg +1 -1
  373. package/src/images-gallery/slide-buttons.tsx +3 -3
  374. package/src/mobile-drawer.tsx +104 -0
  375. package/src/number-input/types.ts +1 -1
  376. package/src/palettes/common.ts +3 -3
  377. package/src/palettes/diff-colors.test.ts +134 -0
  378. package/src/palettes/diff-colors.ts +135 -1
  379. package/src/palettes/inspect.canvas-colors.test.ts +63 -63
  380. package/src/palettes/inspect.defs.colors.neutral-arch.test.ts +196 -64
  381. package/src/palettes/inspect.defs.colors.neutral-user.test.ts +196 -64
  382. package/src/palettes/inspect.defs.colors.warm-arch.test.ts +196 -64
  383. package/src/palettes/inspect.defs.colors.warm-user.test.ts +196 -64
  384. package/src/palettes/show-colors.test.ts +3 -3
  385. package/src/palettes/testkit.test.ts +6 -0
  386. package/src/palettes/testkit.ts +78 -22
  387. package/src/phone.ts +27 -0
  388. package/src/reactions/reaction-picker.tsx +3 -3
  389. package/src/rich-text-embed-error.tsx +2 -2
  390. package/src/root-theme-provider.test.tsx +2 -3
  391. package/src/select/select-in-popover.tsx +41 -25
  392. package/src/select/util.ts +1 -1
  393. package/src/thematic.tsx +10 -9
  394. package/src/theme-provider.test.tsx +18 -18
  395. package/src/theme-provider.tsx +3 -7
  396. package/src/theme-settings-core.ts +118 -0
  397. package/src/theme-settings.ts +2 -117
  398. package/src/theme-snapshots.test.ts +6 -7
  399. package/src/theming.build.ts +21 -15
  400. package/src/theming.generated.css +2162 -2034
  401. package/src/theming.generated.ts +2701 -2549
  402. package/src/toast/toast.tsx +1 -1
  403. package/src/toggle-button/round-toggle-button.tsx +28 -4
  404. package/src/toggle-button/toggle-button.tsx +69 -23
  405. package/src/toggle-on-off.tsx +0 -9
  406. package/src/use-is-phone.tsx +3 -27
  407. package/vitest.config.ts +1 -0
  408. package/src/icons/ast/ai-avatar.ts +0 -12
  409. package/src/icons/ast/ai-search.ts +0 -12
  410. package/src/icons/ast/anthropic.ts +0 -12
  411. package/src/icons/ast/app-details.ts +0 -12
  412. package/src/icons/ast/app-store-one-color.ts +0 -12
  413. package/src/icons/ast/app-store.ts +0 -12
  414. package/src/icons/ast/app-templates.ts +0 -12
  415. package/src/icons/ast/app-webhooks.ts +0 -12
  416. package/src/icons/ast/app-wiki.ts +0 -12
  417. package/src/icons/ast/apple.ts +0 -12
  418. package/src/icons/ast/arrow-bottom.ts +0 -12
  419. package/src/icons/ast/arrow-top.ts +0 -12
  420. package/src/icons/ast/automations-cancelled.ts +0 -12
  421. package/src/icons/ast/automations-disabled.ts +0 -12
  422. package/src/icons/ast/automations-error.ts +0 -12
  423. package/src/icons/ast/automations-in-progress.ts +0 -12
  424. package/src/icons/ast/automations-not-started.ts +0 -12
  425. package/src/icons/ast/automations-success.ts +0 -12
  426. package/src/icons/ast/back.ts +0 -12
  427. package/src/icons/ast/backlog-icon.ts +0 -12
  428. package/src/icons/ast/batch-actions-icon.ts +0 -12
  429. package/src/icons/ast/bell-filled.ts +0 -12
  430. package/src/icons/ast/chat-ai.ts +0 -12
  431. package/src/icons/ast/chat.ts +0 -12
  432. package/src/icons/ast/clean.ts +0 -12
  433. package/src/icons/ast/color-coding-filled.ts +0 -12
  434. package/src/icons/ast/create.ts +0 -12
  435. package/src/icons/ast/cross-circle.ts +0 -12
  436. package/src/icons/ast/csv.ts +0 -12
  437. package/src/icons/ast/database-off.ts +0 -12
  438. package/src/icons/ast/database-stroke.ts +0 -12
  439. package/src/icons/ast/demo.ts +0 -12
  440. package/src/icons/ast/dependency.ts +0 -12
  441. package/src/icons/ast/dividers.ts +0 -12
  442. package/src/icons/ast/document.ts +0 -12
  443. package/src/icons/ast/double-arrow-left.ts +0 -12
  444. package/src/icons/ast/double-arrow-right.ts +0 -12
  445. package/src/icons/ast/double-line.ts +0 -12
  446. package/src/icons/ast/drag-block-handle-single.ts +0 -12
  447. package/src/icons/ast/edit-value.ts +0 -12
  448. package/src/icons/ast/extension-assignments.ts +0 -12
  449. package/src/icons/ast/extension-avatar.ts +0 -12
  450. package/src/icons/ast/extension-comments.ts +0 -12
  451. package/src/icons/ast/extension-files.ts +0 -12
  452. package/src/icons/ast/extension-references.ts +0 -12
  453. package/src/icons/ast/extension-workflow.ts +0 -12
  454. package/src/icons/ast/favorites-checked.ts +0 -12
  455. package/src/icons/ast/fibery-desktop-app.ts +0 -12
  456. package/src/icons/ast/field-unit.ts +0 -12
  457. package/src/icons/ast/figma.ts +0 -12
  458. package/src/icons/ast/file-broken.ts +0 -12
  459. package/src/icons/ast/fullscreen-mode-off-icon.ts +0 -12
  460. package/src/icons/ast/fullscreen-mode-on-icon.ts +0 -12
  461. package/src/icons/ast/gauge.ts +0 -12
  462. package/src/icons/ast/github.ts +0 -12
  463. package/src/icons/ast/gitlab.ts +0 -12
  464. package/src/icons/ast/globe.ts +0 -12
  465. package/src/icons/ast/google-drive.ts +0 -12
  466. package/src/icons/ast/google-map.ts +0 -12
  467. package/src/icons/ast/hide.ts +0 -12
  468. package/src/icons/ast/integrations-integration-discourse-color.ts +0 -12
  469. package/src/icons/ast/integrations-integration-intercom-color.ts +0 -12
  470. package/src/icons/ast/integrations-integration-slack-color.ts +0 -12
  471. package/src/icons/ast/integrations-integration-zendesk-color.ts +0 -12
  472. package/src/icons/ast/intercom.ts +0 -12
  473. package/src/icons/ast/jira.ts +0 -12
  474. package/src/icons/ast/left-panel.ts +0 -12
  475. package/src/icons/ast/level-plus.ts +0 -12
  476. package/src/icons/ast/lock-outline.ts +0 -12
  477. package/src/icons/ast/loom.ts +0 -12
  478. package/src/icons/ast/loupe-zoom.ts +0 -12
  479. package/src/icons/ast/many-people.ts +0 -12
  480. package/src/icons/ast/message-plus-square.ts +0 -12
  481. package/src/icons/ast/miro.ts +0 -12
  482. package/src/icons/ast/mixpanel.ts +0 -12
  483. package/src/icons/ast/move-bottom.ts +0 -12
  484. package/src/icons/ast/move-top.ts +0 -12
  485. package/src/icons/ast/network-add.ts +0 -12
  486. package/src/icons/ast/network.ts +0 -12
  487. package/src/icons/ast/notifications.ts +0 -12
  488. package/src/icons/ast/open-ai.ts +0 -12
  489. package/src/icons/ast/open-as-page.ts +0 -12
  490. package/src/icons/ast/popup.ts +0 -12
  491. package/src/icons/ast/posts.ts +0 -12
  492. package/src/icons/ast/quick-filter-personal.ts +0 -12
  493. package/src/icons/ast/quick-filter.ts +0 -12
  494. package/src/icons/ast/reply.ts +0 -12
  495. package/src/icons/ast/restore.ts +0 -12
  496. package/src/icons/ast/richeditor-actions-more.ts +0 -12
  497. package/src/icons/ast/richeditor-comment-create.ts +0 -12
  498. package/src/icons/ast/richeditor-entity-link-create.ts +0 -12
  499. package/src/icons/ast/richeditor-history-redo.ts +0 -12
  500. package/src/icons/ast/richeditor-history-undo.ts +0 -12
  501. package/src/icons/ast/richeditor-image-upload.ts +0 -12
  502. package/src/icons/ast/richeditor-image-wrap-center.ts +0 -12
  503. package/src/icons/ast/richeditor-image-wrap-left.ts +0 -12
  504. package/src/icons/ast/richeditor-image-wrap-right.ts +0 -12
  505. package/src/icons/ast/richeditor-image-zoom.ts +0 -12
  506. package/src/icons/ast/richeditor-link-create.ts +0 -12
  507. package/src/icons/ast/richeditor-open-link.ts +0 -12
  508. package/src/icons/ast/richeditor-unlink.ts +0 -12
  509. package/src/icons/ast/right-panel.ts +0 -12
  510. package/src/icons/ast/rule-scheduled.ts +0 -12
  511. package/src/icons/ast/settings-off.ts +0 -12
  512. package/src/icons/ast/shared.ts +0 -12
  513. package/src/icons/ast/sidebar-fields-opened.ts +0 -12
  514. package/src/icons/ast/sidebar-fields.ts +0 -12
  515. package/src/icons/ast/sidebar.ts +0 -12
  516. package/src/icons/ast/slack-icon.ts +0 -12
  517. package/src/icons/ast/slack.ts +0 -12
  518. package/src/icons/ast/slide-menu-close.ts +0 -12
  519. package/src/icons/ast/slide-menu-open.ts +0 -12
  520. package/src/icons/ast/sort-on-bottom.ts +0 -12
  521. package/src/icons/ast/sort-on-top.ts +0 -12
  522. package/src/icons/ast/space-list.ts +0 -12
  523. package/src/icons/ast/success.ts +0 -12
  524. package/src/icons/ast/template.ts +0 -12
  525. package/src/icons/ast/thumbs-down.ts +0 -12
  526. package/src/icons/ast/thumbs-up.ts +0 -12
  527. package/src/icons/ast/twitter.ts +0 -12
  528. package/src/icons/ast/type-boolean.ts +0 -12
  529. package/src/icons/ast/type-function.ts +0 -12
  530. package/src/icons/ast/type-id.ts +0 -12
  531. package/src/icons/ast/type-rule.ts +0 -12
  532. package/src/icons/ast/type-url.ts +0 -12
  533. package/src/icons/ast/units-db-badge-abbr.ts +0 -12
  534. package/src/icons/ast/units-db-badge-full.ts +0 -12
  535. package/src/icons/ast/units-db-icon.ts +0 -12
  536. package/src/icons/ast/unlock-outline.ts +0 -12
  537. package/src/icons/ast/upgrade.ts +0 -12
  538. package/src/icons/ast/user-check.ts +0 -12
  539. package/src/icons/ast/user-group-remove.ts +0 -12
  540. package/src/icons/ast/user-group.ts +0 -12
  541. package/src/icons/ast/user-role.ts +0 -12
  542. package/src/icons/ast/user-x.ts +0 -12
  543. package/src/icons/ast/windows.ts +0 -12
  544. package/src/icons/ast/workspace-map.ts +0 -12
  545. package/src/icons/ast/youtube.ts +0 -12
  546. package/src/icons/ast/zoom-in.ts +0 -12
  547. package/src/icons/ast/zoom-out.ts +0 -12
  548. package/src/icons/react/app-details.tsx +0 -18
  549. package/src/icons/react/app-store-one-color.tsx +0 -18
  550. package/src/icons/react/app-templates.tsx +0 -18
  551. package/src/icons/react/app-webhooks.tsx +0 -18
  552. package/src/icons/react/arrow-bottom.tsx +0 -18
  553. package/src/icons/react/arrow-top.tsx +0 -18
  554. package/src/icons/react/automations-cancelled.tsx +0 -18
  555. package/src/icons/react/automations-error.tsx +0 -18
  556. package/src/icons/react/automations-in-progress.tsx +0 -18
  557. package/src/icons/react/automations-not-started.tsx +0 -18
  558. package/src/icons/react/automations-success.tsx +0 -18
  559. package/src/icons/react/backlog-icon.tsx +0 -18
  560. package/src/icons/react/batch-actions-icon.tsx +0 -18
  561. package/src/icons/react/bell-filled.tsx +0 -18
  562. package/src/icons/react/check-circle-filled.tsx +0 -18
  563. package/src/icons/react/check-circle.tsx +0 -18
  564. package/src/icons/react/clean.tsx +0 -18
  565. package/src/icons/react/clear-value.tsx +0 -18
  566. package/src/icons/react/color-coding-filled.tsx +0 -18
  567. package/src/icons/react/create.tsx +0 -18
  568. package/src/icons/react/cross-circle.tsx +0 -18
  569. package/src/icons/react/database-off.tsx +0 -18
  570. package/src/icons/react/database-stroke.tsx +0 -18
  571. package/src/icons/react/demo.tsx +0 -18
  572. package/src/icons/react/dependency.tsx +0 -18
  573. package/src/icons/react/dividers.tsx +0 -18
  574. package/src/icons/react/document.tsx +0 -18
  575. package/src/icons/react/double-arrow-left.tsx +0 -18
  576. package/src/icons/react/double-arrow-right.tsx +0 -18
  577. package/src/icons/react/double-line.tsx +0 -18
  578. package/src/icons/react/drag-block-handle-single.tsx +0 -18
  579. package/src/icons/react/edit-value.tsx +0 -18
  580. package/src/icons/react/error-circle-filled.tsx +0 -18
  581. package/src/icons/react/extension-assignments.tsx +0 -18
  582. package/src/icons/react/extension-avatar.tsx +0 -18
  583. package/src/icons/react/extension-comments.tsx +0 -18
  584. package/src/icons/react/extension-files.tsx +0 -18
  585. package/src/icons/react/extension-workflow.tsx +0 -18
  586. package/src/icons/react/favorites-checked.tsx +0 -18
  587. package/src/icons/react/fibery-desktop-app.tsx +0 -18
  588. package/src/icons/react/field-unit.tsx +0 -18
  589. package/src/icons/react/figma.tsx +0 -18
  590. package/src/icons/react/file-broken.tsx +0 -18
  591. package/src/icons/react/fullscreen-mode-off-icon.tsx +0 -18
  592. package/src/icons/react/fullscreen-mode-on-icon.tsx +0 -18
  593. package/src/icons/react/gauge.tsx +0 -18
  594. package/src/icons/react/github.tsx +0 -18
  595. package/src/icons/react/gitlab.tsx +0 -18
  596. package/src/icons/react/globe.tsx +0 -18
  597. package/src/icons/react/google-drive.tsx +0 -18
  598. package/src/icons/react/google-map.tsx +0 -18
  599. package/src/icons/react/hide.tsx +0 -18
  600. package/src/icons/react/image-xmark.tsx +0 -18
  601. package/src/icons/react/info-circle-filled.tsx +0 -18
  602. package/src/icons/react/info-circle.tsx +0 -18
  603. package/src/icons/react/integrations-integration-discourse-color.tsx +0 -18
  604. package/src/icons/react/integrations-integration-intercom-color.tsx +0 -18
  605. package/src/icons/react/integrations-integration-slack-color.tsx +0 -18
  606. package/src/icons/react/integrations-integration-zendesk-color.tsx +0 -18
  607. package/src/icons/react/intercom.tsx +0 -18
  608. package/src/icons/react/invite-people.tsx +0 -18
  609. package/src/icons/react/jira.tsx +0 -18
  610. package/src/icons/react/left-panel.tsx +0 -18
  611. package/src/icons/react/level-plus.tsx +0 -18
  612. package/src/icons/react/lock-outline.tsx +0 -18
  613. package/src/icons/react/loom.tsx +0 -18
  614. package/src/icons/react/loupe-zoom.tsx +0 -18
  615. package/src/icons/react/many-people.tsx +0 -18
  616. package/src/icons/react/message-plus-square.tsx +0 -18
  617. package/src/icons/react/miro.tsx +0 -18
  618. package/src/icons/react/mixpanel.tsx +0 -18
  619. package/src/icons/react/move-bottom.tsx +0 -18
  620. package/src/icons/react/move-space.tsx +0 -18
  621. package/src/icons/react/move-top.tsx +0 -18
  622. package/src/icons/react/network-add.tsx +0 -18
  623. package/src/icons/react/network.tsx +0 -18
  624. package/src/icons/react/open-ai.tsx +0 -18
  625. package/src/icons/react/open-as-page.tsx +0 -18
  626. package/src/icons/react/popup.tsx +0 -18
  627. package/src/icons/react/posts.tsx +0 -18
  628. package/src/icons/react/quick-filter-personal.tsx +0 -18
  629. package/src/icons/react/quick-filter.tsx +0 -18
  630. package/src/icons/react/remove-people.tsx +0 -18
  631. package/src/icons/react/reply.tsx +0 -18
  632. package/src/icons/react/restore.tsx +0 -18
  633. package/src/icons/react/richeditor-actions-more.tsx +0 -18
  634. package/src/icons/react/richeditor-comment-create.tsx +0 -18
  635. package/src/icons/react/richeditor-entity-link-create.tsx +0 -18
  636. package/src/icons/react/richeditor-history-redo.tsx +0 -18
  637. package/src/icons/react/richeditor-history-undo.tsx +0 -18
  638. package/src/icons/react/richeditor-image-upload.tsx +0 -18
  639. package/src/icons/react/richeditor-image-wrap-center.tsx +0 -18
  640. package/src/icons/react/richeditor-image-wrap-left.tsx +0 -18
  641. package/src/icons/react/richeditor-image-wrap-right.tsx +0 -18
  642. package/src/icons/react/richeditor-image-zoom.tsx +0 -18
  643. package/src/icons/react/richeditor-link-create.tsx +0 -18
  644. package/src/icons/react/richeditor-open-link.tsx +0 -18
  645. package/src/icons/react/richeditor-unlink.tsx +0 -18
  646. package/src/icons/react/right-panel.tsx +0 -18
  647. package/src/icons/react/rule-scheduled.tsx +0 -18
  648. package/src/icons/react/send-arrow.tsx +0 -18
  649. package/src/icons/react/settings-off.tsx +0 -18
  650. package/src/icons/react/shared.tsx +0 -18
  651. package/src/icons/react/sidebar-fields-opened.tsx +0 -18
  652. package/src/icons/react/sidebar-fields.tsx +0 -18
  653. package/src/icons/react/sidebar.tsx +0 -18
  654. package/src/icons/react/slack-icon.tsx +0 -18
  655. package/src/icons/react/slack.tsx +0 -18
  656. package/src/icons/react/slide-menu-close.tsx +0 -18
  657. package/src/icons/react/slide-menu-open.tsx +0 -18
  658. package/src/icons/react/smart-folder.tsx +0 -18
  659. package/src/icons/react/sort-on-bottom.tsx +0 -18
  660. package/src/icons/react/sort-on-top.tsx +0 -18
  661. package/src/icons/react/space-list.tsx +0 -18
  662. package/src/icons/react/success.tsx +0 -18
  663. package/src/icons/react/suggest-integration.tsx +0 -18
  664. package/src/icons/react/switch-to-mention.tsx +0 -18
  665. package/src/icons/react/template.tsx +0 -18
  666. package/src/icons/react/thumbs-down.tsx +0 -18
  667. package/src/icons/react/thumbs-up.tsx +0 -18
  668. package/src/icons/react/twitter.tsx +0 -18
  669. package/src/icons/react/type-boolean.tsx +0 -18
  670. package/src/icons/react/type-function.tsx +0 -18
  671. package/src/icons/react/type-id.tsx +0 -18
  672. package/src/icons/react/type-rule.tsx +0 -18
  673. package/src/icons/react/type-url.tsx +0 -18
  674. package/src/icons/react/units-db-badge-abbr.tsx +0 -18
  675. package/src/icons/react/units-db-badge-full.tsx +0 -18
  676. package/src/icons/react/units-db-icon.tsx +0 -18
  677. package/src/icons/react/unlock-outline.tsx +0 -18
  678. package/src/icons/react/upgrade.tsx +0 -18
  679. package/src/icons/react/user-check.tsx +0 -18
  680. package/src/icons/react/user-group-remove.tsx +0 -18
  681. package/src/icons/react/user-group.tsx +0 -18
  682. package/src/icons/react/user-role.tsx +0 -18
  683. package/src/icons/react/user-x.tsx +0 -18
  684. package/src/icons/react/windows.tsx +0 -18
  685. package/src/icons/react/workspace-map.tsx +0 -18
  686. package/src/icons/react/youtube.tsx +0 -18
  687. package/src/icons/react/zoom-in.tsx +0 -18
  688. package/src/icons/react/zoom-out.tsx +0 -18
  689. package/src/icons/svg/ai-avatar.svg +0 -3
  690. package/src/icons/svg/ai-search.svg +0 -3
  691. package/src/icons/svg/anthropic.svg +0 -3
  692. package/src/icons/svg/app-store-one-color.svg +0 -4
  693. package/src/icons/svg/app-store.svg +0 -4
  694. package/src/icons/svg/app-webhooks.svg +0 -2
  695. package/src/icons/svg/app-wiki.svg +0 -2
  696. package/src/icons/svg/apple.svg +0 -4
  697. package/src/icons/svg/automations-cancelled.svg +0 -3
  698. package/src/icons/svg/automations-disabled.svg +0 -3
  699. package/src/icons/svg/automations-success.svg +0 -3
  700. package/src/icons/svg/batch-actions-icon.svg +0 -4
  701. package/src/icons/svg/bell-filled.svg +0 -4
  702. package/src/icons/svg/chat-ai.svg +0 -5
  703. package/src/icons/svg/chat.svg +0 -3
  704. package/src/icons/svg/clean.svg +0 -6
  705. package/src/icons/svg/color-coding-filled.svg +0 -3
  706. package/src/icons/svg/create.svg +0 -3
  707. package/src/icons/svg/cross-circle.svg +0 -4
  708. package/src/icons/svg/csv.svg +0 -3
  709. package/src/icons/svg/database-off.svg +0 -3
  710. package/src/icons/svg/demo.svg +0 -2
  711. package/src/icons/svg/dependency.svg +0 -3
  712. package/src/icons/svg/document.svg +0 -4
  713. package/src/icons/svg/double-arrow-left.svg +0 -2
  714. package/src/icons/svg/double-arrow-right.svg +0 -2
  715. package/src/icons/svg/double-line.svg +0 -3
  716. package/src/icons/svg/drag-block-handle-single.svg +0 -5
  717. package/src/icons/svg/edit-value.svg +0 -5
  718. package/src/icons/svg/extension/assignments.svg +0 -7
  719. package/src/icons/svg/file-broken.svg +0 -3
  720. package/src/icons/svg/fullscreen-mode-on-icon.svg +0 -3
  721. package/src/icons/svg/gauge.svg +0 -5
  722. package/src/icons/svg/globe.svg +0 -3
  723. package/src/icons/svg/integrations/integration-slack-color.svg +0 -10
  724. package/src/icons/svg/intercom.svg +0 -3
  725. package/src/icons/svg/left-panel.svg +0 -11
  726. package/src/icons/svg/level-plus.svg +0 -4
  727. package/src/icons/svg/lock-outline.svg +0 -5
  728. package/src/icons/svg/loupe-zoom.svg +0 -3
  729. package/src/icons/svg/message-plus-square.svg +0 -4
  730. package/src/icons/svg/network-add.svg +0 -5
  731. package/src/icons/svg/notifications.svg +0 -2
  732. package/src/icons/svg/open-ai.svg +0 -3
  733. package/src/icons/svg/open-as-page.svg +0 -3
  734. package/src/icons/svg/posts.svg +0 -3
  735. package/src/icons/svg/quick-filter-personal.svg +0 -3
  736. package/src/icons/svg/quick-filter.svg +0 -3
  737. package/src/icons/svg/reply.svg +0 -2
  738. package/src/icons/svg/restore.svg +0 -2
  739. package/src/icons/svg/richeditor/actions/more.svg +0 -2
  740. package/src/icons/svg/richeditor/comment/create.svg +0 -5
  741. package/src/icons/svg/richeditor/entity-link/create.svg +0 -2
  742. package/src/icons/svg/richeditor/image/wrap-center.svg +0 -2
  743. package/src/icons/svg/richeditor/image/wrap-left.svg +0 -2
  744. package/src/icons/svg/richeditor/image/wrap-right.svg +0 -2
  745. package/src/icons/svg/richeditor/image/zoom.svg +0 -5
  746. package/src/icons/svg/richeditor/link/create.svg +0 -9
  747. package/src/icons/svg/richeditor/mark/code.svg +0 -5
  748. package/src/icons/svg/richeditor/mark/em.svg +0 -3
  749. package/src/icons/svg/richeditor/mark/highlight.svg +0 -3
  750. package/src/icons/svg/richeditor/mark/strike.svg +0 -3
  751. package/src/icons/svg/richeditor/mark/strong.svg +0 -3
  752. package/src/icons/svg/richeditor/unlink.svg +0 -10
  753. package/src/icons/svg/right-panel.svg +0 -11
  754. package/src/icons/svg/rule-scheduled.svg +0 -5
  755. package/src/icons/svg/settings-off.svg +0 -4
  756. package/src/icons/svg/shared.svg +0 -7
  757. package/src/icons/svg/sidebar-fields-opened.svg +0 -3
  758. package/src/icons/svg/sidebar-fields.svg +0 -6
  759. package/src/icons/svg/sidebar.svg +0 -2
  760. package/src/icons/svg/slack-icon.svg +0 -3
  761. package/src/icons/svg/slide-menu-close.svg +0 -4
  762. package/src/icons/svg/slide-menu-open.svg +0 -4
  763. package/src/icons/svg/sort-on-bottom.svg +0 -4
  764. package/src/icons/svg/sort-on-top.svg +0 -4
  765. package/src/icons/svg/space-list.svg +0 -4
  766. package/src/icons/svg/success.svg +0 -4
  767. package/src/icons/svg/template.svg +0 -3
  768. package/src/icons/svg/thumbs-down.svg +0 -3
  769. package/src/icons/svg/thumbs-up.svg +0 -3
  770. package/src/icons/svg/type/boolean.svg +0 -2
  771. package/src/icons/svg/type/function.svg +0 -2
  772. package/src/icons/svg/type/id.svg +0 -3
  773. package/src/icons/svg/type/rule.svg +0 -2
  774. package/src/icons/svg/type/url.svg +0 -9
  775. package/src/icons/svg/units/db-badge-abbr.svg +0 -4
  776. package/src/icons/svg/units/db-badge-full.svg +0 -4
  777. package/src/icons/svg/units/db-icon.svg +0 -4
  778. package/src/icons/svg/upgrade.svg +0 -2
  779. package/src/icons/svg/user-check.svg +0 -3
  780. package/src/icons/svg/windows.svg +0 -15
  781. package/src/icons/svg/workspace-map.svg +0 -3
  782. package/src/icons/svg/zoom-out.svg +0 -7
  783. /package/src/icons/svg/{dividers.svg → architect.svg} +0 -0
  784. /package/src/icons/svg/{back.svg → arrow-back.svg} +0 -0
  785. /package/src/icons/svg/{send-arrow.svg → arrow-send.svg} +0 -0
  786. /package/src/icons/svg/{extension/avatar.svg → avatar.svg} +0 -0
  787. /package/src/icons/svg/{backlog-icon.svg → backlog.svg} +0 -0
  788. /package/src/icons/svg/{check-circle-filled.svg → circle-check-filled.svg} +0 -0
  789. /package/src/icons/svg/{check-circle.svg → circle-check.svg} +0 -0
  790. /package/src/icons/svg/{error-circle-filled.svg → circle-cross-filled.svg} +0 -0
  791. /package/src/icons/svg/{info-circle-filled.svg → circle-info-filled.svg} +0 -0
  792. /package/src/icons/svg/{info-circle.svg → circle-info.svg} +0 -0
  793. /package/src/icons/svg/{extension/comments.svg → comments.svg} +0 -0
  794. /package/src/icons/svg/{add-database.svg → database-add.svg} +0 -0
  795. /package/src/icons/svg/{database-stroke.svg → database-outline.svg} +0 -0
  796. /package/src/icons/svg/{hide.svg → eye-off.svg} +0 -0
  797. /package/src/icons/svg/{favorites-checked.svg → favorites-filled.svg} +0 -0
  798. /package/src/icons/svg/{switch-to-mention.svg → field-units-large.svg} +0 -0
  799. /package/src/icons/svg/{extension/files.svg → files.svg} +0 -0
  800. /package/src/icons/svg/{smart-folder.svg → folder-smart.svg} +0 -0
  801. /package/src/icons/svg/{fullscreen-mode-off-icon.svg → fullscreen-mode-off.svg} +0 -0
  802. /package/src/icons/svg/{add-group.svg → group-add.svg} +0 -0
  803. /package/src/icons/svg/{image-xmark.svg → image-error.svg} +0 -0
  804. /package/src/icons/svg/{add-integration.svg → integration-add.svg} +0 -0
  805. /package/src/icons/svg/{integrations/integration-discourse-color.svg → integration-discourse.svg} +0 -0
  806. /package/src/icons/svg/{fibery-desktop-app.svg → integration-fibery.svg} +0 -0
  807. /package/src/icons/svg/{figma.svg → integration-figma.svg} +0 -0
  808. /package/src/icons/svg/{github.svg → integration-github.svg} +0 -0
  809. /package/src/icons/svg/{gitlab.svg → integration-gitlab.svg} +0 -0
  810. /package/src/icons/svg/{google-drive.svg → integration-google-drive.svg} +0 -0
  811. /package/src/icons/svg/{google-map.svg → integration-google-map.svg} +0 -0
  812. /package/src/icons/svg/{integrations/integration-intercom-color.svg → integration-intercom.svg} +0 -0
  813. /package/src/icons/svg/{jira.svg → integration-jira.svg} +0 -0
  814. /package/src/icons/svg/{loom.svg → integration-loom.svg} +0 -0
  815. /package/src/icons/svg/{miro.svg → integration-miro.svg} +0 -0
  816. /package/src/icons/svg/{mixpanel.svg → integration-mixpanel.svg} +0 -0
  817. /package/src/icons/svg/{slack.svg → integration-slack.svg} +0 -0
  818. /package/src/icons/svg/{suggest-integration.svg → integration-suggest.svg} +0 -0
  819. /package/src/icons/svg/{twitter.svg → integration-twitter.svg} +0 -0
  820. /package/src/icons/svg/{youtube.svg → integration-youtube.svg} +0 -0
  821. /package/src/icons/svg/{integrations/integration-zendesk-color.svg → integration-zendesk.svg} +0 -0
  822. /package/src/icons/svg/{move-bottom.svg → move-down.svg} +0 -0
  823. /package/src/icons/svg/{move-top.svg → move-up.svg} +0 -0
  824. /package/src/icons/svg/{popup.svg → open-in-panel.svg} +0 -0
  825. /package/src/icons/svg/{richeditor/open-link.svg → open-link.svg} +0 -0
  826. /package/src/icons/svg/{many-people.svg → people-all.svg} +0 -0
  827. /package/src/icons/svg/{user-group-remove.svg → people-group-remove.svg} +0 -0
  828. /package/src/icons/svg/{invite-people.svg → people-invite.svg} +0 -0
  829. /package/src/icons/svg/{remove-people.svg → people-remove.svg} +0 -0
  830. /package/src/icons/svg/{user-x.svg → people-x.svg} +0 -0
  831. /package/src/icons/svg/{zoom-in.svg → plus.svg} +0 -0
  832. /package/src/icons/svg/{app-details.svg → preferences.svg} +0 -0
  833. /package/src/icons/svg/{network.svg → propagate.svg} +0 -0
  834. /package/src/icons/svg/{add-reactions.svg → reactions-add.svg} +0 -0
  835. /package/src/icons/svg/{richeditor/history/redo.svg → redo.svg} +0 -0
  836. /package/src/icons/svg/{extension/references.svg → references.svg} +0 -0
  837. /package/src/icons/svg/{richeditor/block/callout.svg → richeditor-block-callout.svg} +0 -0
  838. /package/src/icons/svg/{richeditor/block/code.svg → richeditor-block-code.svg} +0 -0
  839. /package/src/icons/svg/{richeditor/block/embed.svg → richeditor-block-embed.svg} +0 -0
  840. /package/src/icons/svg/{richeditor/block/entity.svg → richeditor-block-entity.svg} +0 -0
  841. /package/src/icons/svg/{richeditor/block/file.svg → richeditor-block-file.svg} +0 -0
  842. /package/src/icons/svg/{richeditor/block/h1.svg → richeditor-block-h1.svg} +0 -0
  843. /package/src/icons/svg/{richeditor/block/h2.svg → richeditor-block-h2.svg} +0 -0
  844. /package/src/icons/svg/{richeditor/block/h3.svg → richeditor-block-h3.svg} +0 -0
  845. /package/src/icons/svg/{richeditor/block/h4.svg → richeditor-block-h4.svg} +0 -0
  846. /package/src/icons/svg/{richeditor/block/mention.svg → richeditor-block-mention.svg} +0 -0
  847. /package/src/icons/svg/{richeditor/block/paragraph.svg → richeditor-block-paragraph.svg} +0 -0
  848. /package/src/icons/svg/{richeditor/block/quote.svg → richeditor-block-quote.svg} +0 -0
  849. /package/src/icons/svg/{richeditor/checklist/create.svg → richeditor-checklist-create.svg} +0 -0
  850. /package/src/icons/svg/{richeditor/image/align-center.svg → richeditor-image-align-center.svg} +0 -0
  851. /package/src/icons/svg/{richeditor/image/align-left.svg → richeditor-image-align-left.svg} +0 -0
  852. /package/src/icons/svg/{richeditor/image/align-right.svg → richeditor-image-align-right.svg} +0 -0
  853. /package/src/icons/svg/{richeditor/image/upload.svg → richeditor-image.svg} +0 -0
  854. /package/src/icons/svg/{richeditor/linkedhighlight/create.svg → richeditor-linkedhighlight-create.svg} +0 -0
  855. /package/src/icons/svg/{richeditor/list/bullet.svg → richeditor-list-bullet.svg} +0 -0
  856. /package/src/icons/svg/{richeditor/list/ordered.svg → richeditor-list-ordered.svg} +0 -0
  857. /package/src/icons/svg/{richeditor/list/unindent.svg → richeditor-list-unindent.svg} +0 -0
  858. /package/src/icons/svg/{richeditor/mark/text-background-color.svg → richeditor-mark-text-background-color.svg} +0 -0
  859. /package/src/icons/svg/{richeditor/mark/underline.svg → richeditor-mark-underline.svg} +0 -0
  860. /package/src/icons/svg/{richeditor/table/create.svg → richeditor-table-create.svg} +0 -0
  861. /package/src/icons/svg/{richeditor/video/upload.svg → richeditor-video-upload.svg} +0 -0
  862. /package/src/icons/svg/{bolt.svg → rule.svg} +0 -0
  863. /package/src/icons/svg/{app-templates.svg → space-add.svg} +0 -0
  864. /package/src/icons/svg/{move-space.svg → space-move.svg} +0 -0
  865. /package/src/icons/svg/{type/button.svg → type-button.svg} +0 -0
  866. /package/src/icons/svg/{type/checkbox.svg → type-checkbox.svg} +0 -0
  867. /package/src/icons/svg/{type/date.svg → type-date.svg} +0 -0
  868. /package/src/icons/svg/{type/email.svg → type-email.svg} +0 -0
  869. /package/src/icons/svg/{type/emoji.svg → type-emoji.svg} +0 -0
  870. /package/src/icons/svg/{type/formula.svg → type-formula.svg} +0 -0
  871. /package/src/icons/svg/{type/location.svg → type-location.svg} +0 -0
  872. /package/src/icons/svg/{type/lookup.svg → type-lookup.svg} +0 -0
  873. /package/src/icons/svg/{type/money.svg → type-money.svg} +0 -0
  874. /package/src/icons/svg/{type/multi-select.svg → type-multi-select.svg} +0 -0
  875. /package/src/icons/svg/{type/number.svg → type-number.svg} +0 -0
  876. /package/src/icons/svg/{type/percent.svg → type-percent.svg} +0 -0
  877. /package/src/icons/svg/{type/phone.svg → type-phone.svg} +0 -0
  878. /package/src/icons/svg/{type/relation.svg → type-relation.svg} +0 -0
  879. /package/src/icons/svg/{type/rich-text.svg → type-rich-text.svg} +0 -0
  880. /package/src/icons/svg/{type/single-select.svg → type-single-select.svg} +0 -0
  881. /package/src/icons/svg/{type/text.svg → type-text.svg} +0 -0
  882. /package/src/icons/svg/{richeditor/history/undo.svg → undo.svg} +0 -0
  883. /package/src/icons/svg/{units/avatar.svg → units-avatar.svg} +0 -0
  884. /package/src/icons/svg/{units/collection.svg → units-collection.svg} +0 -0
  885. /package/src/icons/svg/{units/counter.svg → units-counter.svg} +0 -0
  886. /package/src/icons/svg/{units/date.svg → units-date.svg} +0 -0
  887. /package/src/icons/svg/{units/field-icon-button.svg → units-field-icon-button.svg} +0 -0
  888. /package/src/icons/svg/{units/field.svg → units-field.svg} +0 -0
  889. /package/src/icons/svg/{units/input.svg → units-input.svg} +0 -0
  890. /package/src/icons/svg/{field-unit.svg → units-normal.svg} +0 -0
  891. /package/src/icons/svg/{units/progress-bar.svg → units-progress-bar.svg} +0 -0
  892. /package/src/icons/svg/{units/rich-text.svg → units-rich-text.svg} +0 -0
  893. /package/src/icons/svg/{units/snippet.svg → units-snippet.svg} +0 -0
  894. /package/src/icons/svg/{unlock-outline.svg → unlock.svg} +0 -0
  895. /package/src/icons/svg/{clear-value.svg → value-clear.svg} +0 -0
  896. /package/src/icons/svg/{extension/workflow.svg → workflow.svg} +0 -0
@@ -6,7 +6,7 @@ import {useCallback, useEffect, useRef} from "react";
6
6
  import {space, themeVars} from "../design-system";
7
7
  import {iconSizeVar} from "../icons/icon";
8
8
  import AlertTriangle from "../icons/react/alert-triangle";
9
- import CheckCircleFilled from "../icons/react/check-circle-filled";
9
+ import CheckCircleFilled from "../icons/react/circle-check-filled";
10
10
  import Spinner from "../icons/react/spinner";
11
11
  import {ToastClose, ToastRoot, ToastSubtitle, ToastTitle} from "./primitives";
12
12
  import type {ToastActionElement} from "./toast-action";
@@ -2,9 +2,9 @@ import {css, cx} from "@linaria/core";
2
2
  import type {ComponentRef} from "react";
3
3
  import {forwardRef} from "react";
4
4
 
5
- import {border} from "../design-system";
5
+ import {border, themeVars} from "../design-system";
6
6
  import type {ToggleButtonProps} from "./toggle-button";
7
- import {ToggleButton} from "./toggle-button";
7
+ import {ToggleButton, toggleButtonColorVars} from "./toggle-button";
8
8
 
9
9
  const roundToggleButtonCss = css`
10
10
  &:is(&) {
@@ -16,10 +16,34 @@ const roundToggleButtonCss = css`
16
16
  }
17
17
  `;
18
18
 
19
+ const roundToggleButtonColors = toggleButtonColorVars({
20
+ bgUnselectedNormal: themeVars.colorBgRoundToggleButtonUnselectedNormal,
21
+ bgUnselectedHover: themeVars.colorBgRoundToggleButtonUnselectedHover,
22
+ bgSelectedNormal: themeVars.colorBgRoundToggleButtonSelectedNormal,
23
+ bgSelectedHover: themeVars.colorBgRoundToggleButtonSelectedHover,
24
+ borderUnselectedNormal: themeVars.colorBorderRoundToggleButtonUnselectedNormal,
25
+ borderUnselectedHover: themeVars.colorBorderRoundToggleButtonUnselectedHover,
26
+ borderSelectedNormal: themeVars.colorBorderRoundToggleButtonSelectedNormal,
27
+ borderSelectedHover: themeVars.colorBorderRoundToggleButtonSelectedHover,
28
+ textUnselectedNormal: themeVars.colorTextRoundToggleButtonUnselectedNormal,
29
+ textUnselectedHover: themeVars.colorTextRoundToggleButtonUnselectedHover,
30
+ textSelectedNormal: themeVars.colorTextRoundToggleButtonSelectedNormal,
31
+ textSelectedHover: themeVars.colorTextRoundToggleButtonSelectedHover,
32
+ iconUnselectedNormal: themeVars.colorIconRoundToggleButtonUnselectedNormal,
33
+ iconUnselectedHover: themeVars.colorIconRoundToggleButtonUnselectedHover,
34
+ iconSelectedNormal: themeVars.colorIconRoundToggleButtonSelectedNormal,
35
+ iconSelectedHover: themeVars.colorIconRoundToggleButtonSelectedHover,
36
+ });
37
+
19
38
  export const RoundToggleButton = forwardRef<ComponentRef<typeof ToggleButton>, Omit<ToggleButtonProps, "iconStart">>(
20
- function RoundToggleButton({children, className, ...props}, ref) {
39
+ function RoundToggleButton({children, className, style, ...props}, ref) {
21
40
  return (
22
- <ToggleButton ref={ref} className={cx(roundToggleButtonCss, className)} {...props}>
41
+ <ToggleButton
42
+ ref={ref}
43
+ className={cx(roundToggleButtonCss, className)}
44
+ style={{...roundToggleButtonColors, ...style}}
45
+ {...props}
46
+ >
23
47
  {children}
24
48
  </ToggleButton>
25
49
  );
@@ -5,7 +5,8 @@ import {Toggle} from "@radix-ui/react-toggle";
5
5
  import {forwardRef} from "react";
6
6
 
7
7
  import {border, transitionDuration, space, themeVars, fontSize} from "../design-system";
8
- import {iconColorVar, iconSizeVar} from "../icons/icon";
8
+ import {iconColorVar, iconContainer, iconSizeVar} from "../icons/icon";
9
+ import {useIsPhone} from "../use-is-phone";
9
10
 
10
11
  export const toggleButtonCss = css`
11
12
  button:where(&) {
@@ -30,6 +31,10 @@ export const toggleButtonCss = css`
30
31
  &[aria-readonly="true"] {
31
32
  background-color: var(--fibery-toggle-button-default-hover-color);
32
33
  border-color: var(--fibery-toggle-button-default-hover-color);
34
+
35
+ &:not([aria-pressed="true"], [aria-checked="true"]) .${iconContainer} {
36
+ opacity: 0.8;
37
+ }
33
38
  }
34
39
 
35
40
  cursor: pointer;
@@ -67,6 +72,7 @@ export const toggleButtonCss = css`
67
72
  background-color: var(--fibery-toggle-button-default-hover-color);
68
73
  border-color: var(--fibery-toggle-button-default-border-color);
69
74
  color: var(--fibery-toggle-button-default-hover-text-color);
75
+ ${iconColorVar}: var(--fibery-toggle-button-default-hover-icon-color);
70
76
  }
71
77
  }
72
78
 
@@ -101,6 +107,7 @@ export const toggleButtonCss = css`
101
107
  background-color: var(--fibery-toggle-button-pressed-hover-color);
102
108
  border-color: var(--fibery-toggle-button-pressed-hover-border-color);
103
109
  color: var(--fibery-toggle-button-pressed-hover-text-color);
110
+ ${iconColorVar}: var(--fibery-toggle-button-pressed-hover-icon-color);
104
111
  }
105
112
  }
106
113
  }
@@ -130,26 +137,64 @@ export const toggleButtonContent = css`
130
137
  overflow: hidden;
131
138
  `;
132
139
 
133
- const getColors = (): CSSProperties => {
134
- return {
135
- "--fibery-toggle-button-default-color": themeVars.colorBgReactionsDefault,
136
- "--fibery-toggle-button-default-text-color": themeVars.colorTextButtonGhostNeutral,
137
- "--fibery-toggle-button-default-icon-color": themeVars.colorIconButtonGhostNeutral,
138
- "--fibery-toggle-button-default-border-color": themeVars.colorBorderReactionsHover,
139
- "--fibery-toggle-button-default-hover-color": themeVars.colorBgReactionsHover,
140
- "--fibery-toggle-button-default-hover-text-color": themeVars.colorTextButtonGhostNeutral,
141
- "--fibery-toggle-button-default-hover-border-color": themeVars.colorBorderReactionsHover,
142
-
143
- "--fibery-toggle-button-pressed-color": themeVars.colorBgReactionsSelectedDefault,
144
- "--fibery-toggle-button-pressed-text-color": themeVars.colorTextReactionsSelected,
145
- "--fibery-toggle-button-pressed-icon-color": themeVars.colorIconButtonGhostAccent,
146
- "--fibery-toggle-button-pressed-border-color": themeVars.colorBorderReactionsSelectedDefault,
147
- "--fibery-toggle-button-pressed-hover-color": themeVars.colorBgReactionsSelectedHover,
148
- "--fibery-toggle-button-pressed-hover-text-color": themeVars.colorTextReactionsSelected,
149
- "--fibery-toggle-button-pressed-hover-border-color": themeVars.colorBorderReactionsSelectedHover,
150
- };
140
+ export type ToggleButtonColorTokens = {
141
+ bgUnselectedNormal: string;
142
+ bgUnselectedHover: string;
143
+ bgSelectedNormal: string;
144
+ bgSelectedHover: string;
145
+ borderUnselectedNormal: string;
146
+ borderUnselectedHover: string;
147
+ borderSelectedNormal: string;
148
+ borderSelectedHover: string;
149
+ textUnselectedNormal: string;
150
+ textUnselectedHover: string;
151
+ textSelectedNormal: string;
152
+ textSelectedHover: string;
153
+ iconUnselectedNormal: string;
154
+ iconUnselectedHover: string;
155
+ iconSelectedNormal: string;
156
+ iconSelectedHover: string;
151
157
  };
152
158
 
159
+ export const toggleButtonColorVars = (t: ToggleButtonColorTokens): CSSProperties => ({
160
+ "--fibery-toggle-button-default-color": t.bgUnselectedNormal,
161
+ "--fibery-toggle-button-default-text-color": t.textUnselectedNormal,
162
+ "--fibery-toggle-button-default-icon-color": t.iconUnselectedNormal,
163
+ "--fibery-toggle-button-default-hover-icon-color": t.iconUnselectedHover,
164
+ "--fibery-toggle-button-default-border-color": t.borderUnselectedNormal,
165
+ "--fibery-toggle-button-default-hover-color": t.bgUnselectedHover,
166
+ "--fibery-toggle-button-default-hover-text-color": t.textUnselectedHover,
167
+ "--fibery-toggle-button-default-hover-border-color": t.borderUnselectedHover,
168
+
169
+ "--fibery-toggle-button-pressed-color": t.bgSelectedNormal,
170
+ "--fibery-toggle-button-pressed-text-color": t.textSelectedNormal,
171
+ "--fibery-toggle-button-pressed-icon-color": t.iconSelectedNormal,
172
+ "--fibery-toggle-button-pressed-hover-icon-color": t.iconSelectedHover,
173
+ "--fibery-toggle-button-pressed-border-color": t.borderSelectedNormal,
174
+ "--fibery-toggle-button-pressed-hover-color": t.bgSelectedHover,
175
+ "--fibery-toggle-button-pressed-hover-text-color": t.textSelectedHover,
176
+ "--fibery-toggle-button-pressed-hover-border-color": t.borderSelectedHover,
177
+ });
178
+
179
+ const toggleButtonColors = toggleButtonColorVars({
180
+ bgUnselectedNormal: themeVars.colorBgToggleButtonUnselectedNormal,
181
+ bgUnselectedHover: themeVars.colorBgToggleButtonUnselectedHover,
182
+ bgSelectedNormal: themeVars.colorBgToggleButtonSelectedNormal,
183
+ bgSelectedHover: themeVars.colorBgToggleButtonSelectedHover,
184
+ borderUnselectedNormal: themeVars.colorBorderToggleButtonUnselectedNormal,
185
+ borderUnselectedHover: themeVars.colorBorderToggleButtonUnselectedHover,
186
+ borderSelectedNormal: themeVars.colorBorderToggleButtonSelectedNormal,
187
+ borderSelectedHover: themeVars.colorBorderToggleButtonSelectedHover,
188
+ textUnselectedNormal: themeVars.colorTextToggleButtonUnselectedNormal,
189
+ textUnselectedHover: themeVars.colorTextToggleButtonUnselectedHover,
190
+ textSelectedNormal: themeVars.colorTextToggleButtonSelectedNormal,
191
+ textSelectedHover: themeVars.colorTextToggleButtonSelectedHover,
192
+ iconUnselectedNormal: themeVars.colorIconToggleButtonUnselectedNormal,
193
+ iconUnselectedHover: themeVars.colorIconToggleButtonUnselectedHover,
194
+ iconSelectedNormal: themeVars.colorIconToggleButtonSelectedNormal,
195
+ iconSelectedHover: themeVars.colorIconToggleButtonSelectedHover,
196
+ });
197
+
153
198
  export type ToggleButtonVariant = "outline";
154
199
  export type ToggleButtonSize = "small" | "medium" | "large";
155
200
 
@@ -157,6 +202,7 @@ export type ToggleButtonProps = {
157
202
  iconStart?: React.ReactNode;
158
203
  variant?: ToggleButtonVariant;
159
204
  size?: ToggleButtonSize;
205
+ supportMobile?: boolean;
160
206
  readOnly?: boolean;
161
207
  } & Omit<ToggleProps, "asChild">;
162
208
 
@@ -166,6 +212,7 @@ export const ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonProps>(
166
212
  className,
167
213
  iconStart,
168
214
  size = "small",
215
+ supportMobile,
169
216
  variant = "outline",
170
217
  children,
171
218
  style,
@@ -175,15 +222,14 @@ export const ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonProps>(
175
222
  },
176
223
  ref
177
224
  ): JSX.Element => {
178
- const colors = getColors();
179
-
225
+ const isPhone = useIsPhone();
180
226
  return (
181
227
  <Toggle
182
- style={{...colors, ...style}}
228
+ style={{...toggleButtonColors, ...style}}
183
229
  ref={ref}
184
230
  className={cx(toggleButtonCss, iconStart && toggleButtonCssWithIconStart, className)}
185
231
  data-variant={variant}
186
- data-size={size}
232
+ data-size={supportMobile && isPhone ? "large" : size}
187
233
  aria-readonly={readOnly}
188
234
  {...props}
189
235
  >
@@ -36,12 +36,3 @@ export const ToggleOnOff: FC<ToggleOnOffProps> = ({value, color, ...rest}) => {
36
36
  />
37
37
  );
38
38
  };
39
-
40
- interface ReduxFormToggleOnOffProps extends ToggleOnOffProps {
41
- input?: ToggleOnOffProps;
42
- }
43
-
44
- export const ReduxFormToggleOnOff: FC<ReduxFormToggleOnOffProps> = ({input, ...rest}) => {
45
- const theme = useTheme();
46
- return <ToggleOnOff color={theme.colors.colorAccent} {...input} {...rest} />;
47
- };
@@ -2,40 +2,16 @@ import {createContext} from "@fibery/react/src/create-context";
2
2
  import type {ReactNode} from "react";
3
3
  import {useLayoutEffect} from "react";
4
4
 
5
- import {isFlagPresent} from "./flags";
6
- import {getMediaQueryList} from "./media-query-utils";
7
5
  import {mobileRootClassName} from "./mobile-styles";
6
+ import {isPhoneApp, phoneMediaQueryDynamic} from "./phone";
8
7
  import {useIsMediaQueryMatched} from "./use-is-media-query-matched";
9
8
 
9
+ export {isPhoneApp, isPhoneMode, phoneMediaQuery, phoneMediaQueryDynamic} from "./phone";
10
+
10
11
  const [Provider, useIsPhone] = createContext<boolean>("PhoneContext", false);
11
12
 
12
13
  export {useIsPhone};
13
14
 
14
- declare global {
15
- const __DISABLE_VERTICAL_MOBILE_BREAKPOINT__: boolean | undefined;
16
- }
17
-
18
- export const isPhoneApp = () =>
19
- Boolean(
20
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
21
- // @ts-ignore - injected by consumer app
22
- window.__FIBERY_MOBILE_APP_API
23
- );
24
-
25
- const disableStatic =
26
- typeof __DISABLE_VERTICAL_MOBILE_BREAKPOINT__ !== "undefined" && __DISABLE_VERTICAL_MOBILE_BREAKPOINT__;
27
- const disableDynamic = disableStatic || isFlagPresent("no-vertical-mobile-breakpoint");
28
- const heightIgnored = "(max-width: 450px)";
29
- const heightPresent = "(max-width: 450px), (max-height: 450px)";
30
-
31
- export const phoneMediaQuery = disableStatic ? heightIgnored : heightPresent;
32
-
33
- export const phoneMediaQueryDynamic = disableDynamic ? heightIgnored : heightPresent;
34
-
35
- export function isPhoneMode() {
36
- return isPhoneApp() || getMediaQueryList(phoneMediaQueryDynamic).matches;
37
- }
38
-
39
15
  export function IsPhoneProvider({children}: {children: ReactNode}) {
40
16
  const isPhone = useIsMediaQueryMatched(phoneMediaQueryDynamic);
41
17
  useLayoutEffect(() => {
@@ -0,0 +1 @@
1
+ export {default} from "../../vitest.config";
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/ai-avatar.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AiAvatar: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M10 3a.75.75 0 0 1 .7.483l1.312 3.442c.187.49.573.876 1.063 1.063l3.442 1.311a.75.75 0 0 1 0 1.402l-3.442 1.311c-.49.187-.876.573-1.063 1.063l-1.311 3.442a.75.75 0 0 1-1.402 0l-1.311-3.442a1.836 1.836 0 0 0-1.063-1.063l-3.442-1.311a.75.75 0 0 1 0-1.402l3.442-1.311c.49-.187.876-.573 1.063-1.063l1.311-3.442A.75.75 0 0 1 10 3Zm0 2.857-.61 1.602a3.336 3.336 0 0 1-1.93 1.93L5.856 10l1.602.61a3.336 3.336 0 0 1 1.93 1.93L10 14.143l.61-1.603a3.336 3.336 0 0 1 1.93-1.93l1.603-.61-1.603-.61a3.336 3.336 0 0 1-1.93-1.93L10 5.856Z"},"children":[]}],"metadata":""}]},"name":"ai-avatar"};
11
-
12
- export default AiAvatar;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/ai-search.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AiSearch: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M13.128 14.32a7.085 7.085 0 1 1 1.182-1.18l3.78 3.769a.835.835 0 1 1-1.18 1.182l-3.782-3.77ZM8.75 3.335a5.415 5.415 0 1 0 0 10.83 5.415 5.415 0 0 0 0-10.83Zm0 2.415c.117 0 .221.072.263.181l.57 1.498a.844.844 0 0 0 .488.488l1.498.57a.281.281 0 0 1 0 .526l-1.498.57a.844.844 0 0 0-.488.488l-.57 1.498a.281.281 0 0 1-.526 0l-.57-1.498a.844.844 0 0 0-.488-.488l-1.498-.57a.281.281 0 0 1 0-.526l1.498-.57a.844.844 0 0 0 .488-.488l.57-1.498a.281.281 0 0 1 .263-.181Z"},"children":[]}],"metadata":""}]},"name":"ai-search"};
11
-
12
- export default AiSearch;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/anthropic.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const Anthropic: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"m4.516 12.967 3.551-1.986.06-.173-.06-.095h-.173l-.594-.036-2.03-.055-1.758-.073-1.705-.09-.43-.093-.402-.528.042-.264.36-.241.516.045 1.143.077 1.713.12 1.244.071 1.841.192h.293l.04-.118-.1-.073-.078-.073-1.773-1.197L4.298 7.11l-1.005-.729-.544-.369-.274-.345-.12-.756.494-.542.664.045.168.046.672.514 1.435 1.108L7.66 7.455l.274.228.11-.077.014-.054-.124-.206L6.915 5.51 5.828 3.645l-.484-.774-.128-.466a2.25 2.25 0 0 1-.078-.546l.562-.76.31-.1.75.1.315.273.467 1.061.753 1.672 1.17 2.272.342.674.184.624.069.192h.118v-.11l.097-1.28.177-1.571.174-2.022.06-.57.283-.683.561-.369.44.21.36.515-.05.333-.215 1.388-.42 2.177-.274 1.458h.16l.183-.183.74-.978 1.242-1.549.55-.615.638-.678.412-.324h.777l.571.847-.255.875-.8 1.01-.663.857-.95 1.275-.595 1.02.055.082.142-.014 2.148-.455 1.16-.21 1.385-.237.626.292.069.296-.247.606-1.48.365-1.738.345-2.585.61-.033.023.036.046 1.166.109.498.027h1.22l2.271.17.595.39.356.479-.06.364-.913.465-1.234-.292-2.879-.683-.987-.246h-.137v.082l.823.801 1.507 1.358 1.888 1.749.095.432-.242.342-.255-.036-1.66-1.243-.638-.561-1.45-1.215h-.095v.127l.333.487 1.764 2.642.091.81-.128.264-.457.16-.502-.091-1.033-1.444-1.065-1.626-.858-1.458-.106.06-.507 5.443-.238.277-.548.21-.457-.346-.243-.56.243-1.108.292-1.443.238-1.148.215-1.426.128-.473-.01-.031-.105.013-1.078 1.476-1.64 2.208-1.298 1.385-.31.123-.54-.278.05-.496.302-.442 1.796-2.277L8.2 12.767l.7-.815-.006-.12h-.04L4.081 14.92l-.85.11-.365-.342.045-.56.174-.182 1.435-.984-.005.005Z","fill":"#D97757"},"children":[]}],"metadata":""}]},"name":"anthropic"};
11
-
12
- export default Anthropic;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/app-details.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AppDetails: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M11.5 3.75c-1.12 0-2.067.736-2.386 1.75H2.75a.75.75 0 0 0 0 1.5h6.364A2.501 2.501 0 1 0 11.5 3.75Zm-.864 2.5a.864.864 0 1 0 1.728 0 .864.864 0 0 0-1.728 0Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M15.5 6.25a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 13.75a.75.75 0 0 1 .75-.75h1.364a2.501 2.501 0 1 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Zm4.5.864a.864.864 0 1 1 0-1.728.864.864 0 0 1 0 1.728Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M10.5 13.75a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75Z"},"children":[]}],"metadata":""}]},"name":"app-details"};
11
-
12
- export default AppDetails;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/app-store-one-color.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AppStoreOneColor: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M9 2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h.25v1.25H6.667a2.417 2.417 0 0 0-2.417 2.417V12H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-.25v-.333a.917.917 0 0 1 .917-.917h6.666a.917.917 0 0 1 .917.917V12H14a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-.25v-.333a2.417 2.417 0 0 0-2.417-2.417H10.75V8H11a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H9Zm-.5 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H9a.5.5 0 0 1-.5-.5V4ZM4 13.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-2Z"},"children":[]}],"metadata":""}]},"name":"app-store-one-color"};
11
-
12
- export default AppStoreOneColor;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/app-store.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AppStore: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M9 2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h.25v1.25H6.667a2.417 2.417 0 0 0-2.417 2.417V12H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-.25v-.333a.917.917 0 0 1 .917-.917h6.666a.917.917 0 0 1 .917.917V12H14a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-.25v-.333a2.417 2.417 0 0 0-2.417-2.417H10.75V8H11a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H9Zm-.5 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H9a.5.5 0 0 1-.5-.5V4ZM4 13.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-2Z"},"children":[]}],"metadata":""}]},"name":"app-store"};
11
-
12
- export default AppStore;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/app-templates.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AppTemplates: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 4.25A2.25 2.25 0 0 1 4.25 2H7a2.25 2.25 0 0 1 2.25 2.25V7A2.25 2.25 0 0 1 7 9.25H4.25A2.25 2.25 0 0 1 2 7V4.25Zm1.5 0a.75.75 0 0 1 .75-.75H7a.75.75 0 0 1 .75.75V7a.75.75 0 0 1-.75.75H4.25A.75.75 0 0 1 3.5 7V4.25Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M14.38 9.225c-.483 0-.875-.367-.875-.85V6.48H11.6a.875.875 0 0 1 0-1.75h1.905V2.875a.875.875 0 0 1 1.75 0V4.73H17.1a.875.875 0 1 1 0 1.75h-1.845v1.895c0 .483-.392.85-.875.85Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M13 10.75A2.25 2.25 0 0 0 10.75 13v2.75A2.25 2.25 0 0 0 13 18h2.75A2.25 2.25 0 0 0 18 15.75V13a2.25 2.25 0 0 0-2.25-2.25H13Zm0 1.5a.75.75 0 0 0-.75.75v2.75c0 .414.336.75.75.75h2.75a.75.75 0 0 0 .75-.75V13a.75.75 0 0 0-.75-.75H13ZM4.055 10.9a2.22 2.22 0 0 1 3.14 0L9.1 12.805a2.22 2.22 0 0 1 0 3.14L7.195 17.85a2.22 2.22 0 0 1-3.14 0L2.15 15.945a2.22 2.22 0 0 1 0-3.14L4.055 10.9Zm1.061 1.06a.72.72 0 0 1 1.018 0l1.905 1.906a.72.72 0 0 1 0 1.018l-1.905 1.905a.72.72 0 0 1-1.018 0l-1.905-1.905a.72.72 0 0 1 0-1.018l1.905-1.905Z"},"children":[]}],"metadata":""}]},"name":"app-templates"};
11
-
12
- export default AppTemplates;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/app-webhooks.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AppWebhooks: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"g","properties":{},"children":[{"type":"element","tagName":"path","properties":{"d":"M15 7.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM5.848 13.298a.5.5 0 1 0 .964-.265L5.704 9.007 3.67 12.53a3.307 3.307 0 0 0 1.208 4.515 3.28 3.28 0 0 0 4.5-1.207l4.056-7.086a.5.5 0 1 0-.868-.497L8.51 15.34a2.28 2.28 0 0 1-3.132.838 2.307 2.307 0 0 1-.842-3.149l.839-1.452.473 1.72Z"},"children":[]}]}],"metadata":""}]},"name":"app-webhooks"};
11
-
12
- export default AppWebhooks;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/app-wiki.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AppWiki: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"m3.5 7.5-.354-.354A.5.5 0 0 0 3 7.5h.5Zm5-5V2a.5.5 0 0 0-.354.146L8.5 2.5ZM3 7.5v9h1v-9H3ZM4.5 18h10v-1h-10v1ZM16 16.5v-13h-1v13h1ZM14.5 2h-6v1h6V2Zm-6.354.146-5 5 .708.708 5-5-.708-.708ZM3.5 8h4V7h-4v1ZM9 6.5v-4H8v4h1Zm-6 10A1.5 1.5 0 0 0 4.5 18v-1a.5.5 0 0 1-.5-.5H3ZM14.5 18a1.5 1.5 0 0 0 1.5-1.5h-1a.5.5 0 0 1-.5.5v1ZM16 3.5A1.5 1.5 0 0 0 14.5 2v1a.5.5 0 0 1 .5.5h1ZM7.5 8A1.5 1.5 0 0 0 9 6.5H8a.5.5 0 0 1-.5.5v1Z"},"children":[]}],"metadata":""}]},"name":"app-wiki"};
11
-
12
- export default AppWiki;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/apple.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const Apple: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"d":"M14.693 9.973c-.021-2.17 1.776-3.21 1.856-3.263-1.01-1.471-2.584-1.673-3.144-1.696-1.338-.136-2.613.785-3.292.785-.677 0-1.726-.766-2.836-.746-1.46.022-2.806.846-3.557 2.148-1.517 2.62-.388 6.504 1.09 8.631.722 1.04 1.583 2.21 2.713 2.167 1.09-.043 1.5-.702 2.817-.702 1.317 0 1.687.702 2.839.68 1.171-.021 1.914-1.06 2.63-2.103.83-1.208 1.17-2.378 1.191-2.437-.026-.012-2.283-.873-2.307-3.464Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M12.214 3.767c.516-.734.865-1.753.77-2.767-.744.035-1.646.58-2.18 1.312-.48.65-.898 1.685-.786 2.681.831.076 1.678-.495 2.196-1.226Z"},"children":[]}],"metadata":""}]},"name":"apple"};
11
-
12
- export default Apple;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/arrow-bottom.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const ArrowBottom: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M5.434 7.834a.8.8 0 0 1 1.132 0L10 11.27l3.434-3.435a.8.8 0 0 1 1.132 1.132l-4 4a.8.8 0 0 1-1.132 0l-4-4a.8.8 0 0 1 0-1.132Z"},"children":[]}],"metadata":""}]},"name":"arrow-bottom"};
11
-
12
- export default ArrowBottom;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/arrow-top.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const ArrowTop: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M14.566 12.166a.8.8 0 0 1-1.132 0L10 8.73l-3.434 3.435a.8.8 0 1 1-1.132-1.132l4-4a.8.8 0 0 1 1.132 0l4 4a.8.8 0 0 1 0 1.132Z"},"children":[]}],"metadata":""}]},"name":"arrow-top"};
11
-
12
- export default ArrowTop;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/automations-cancelled.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AutomationsCancelled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M10.001 9.166a.833.833 0 0 0-.833.834v3.333a.833.833 0 0 0 1.667 0V10A.834.834 0 0 0 10 9.166Zm.317-3.266a.833.833 0 0 0-.633 0 .833.833 0 0 0-.275.175.958.958 0 0 0-.175.275.833.833 0 0 0 .175.908.958.958 0 0 0 .275.175.833.833 0 0 0 1.15-.766.874.874 0 0 0-.242-.592.834.834 0 0 0-.275-.175Zm-.317-4.234a8.333 8.333 0 1 0 0 16.667 8.333 8.333 0 0 0 0-16.666Zm0 15a6.667 6.667 0 1 1 0-13.333 6.667 6.667 0 0 1 0 13.333Z","fill":"#6E7A83"},"children":[]}],"metadata":""}]},"name":"automations-cancelled"};
11
-
12
- export default AutomationsCancelled;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/automations-disabled.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AutomationsDisabled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M8.891 1.572a8.57 8.57 0 0 1 2.218 0 1 1 0 1 1-.259 1.983 6.57 6.57 0 0 0-1.7 0 1 1 0 0 1-.259-1.983ZM6.227 3.44a1 1 0 0 1-.184 1.402c-.45.347-.854.75-1.2 1.201a1 1 0 0 1-1.586-1.218 8.545 8.545 0 0 1 1.568-1.568 1 1 0 0 1 1.402.183Zm7.546 0a1 1 0 0 1 1.402-.183c.589.452 1.116.98 1.568 1.568a1 1 0 0 1-1.585 1.218 6.546 6.546 0 0 0-1.201-1.2 1 1 0 0 1-.184-1.403ZM2.693 8.03a1 1 0 0 1 .862 1.12 6.57 6.57 0 0 0 0 1.701 1 1 0 0 1-1.983.259 8.57 8.57 0 0 1 0-2.218 1 1 0 0 1 1.12-.862Zm14.614 0a1 1 0 0 1 1.121.862 8.57 8.57 0 0 1 0 2.218 1 1 0 1 1-1.983-.259 6.578 6.578 0 0 0 0-1.7 1 1 0 0 1 .862-1.121ZM3.44 13.773a1 1 0 0 1 1.402.184c.347.45.75.854 1.201 1.2a1 1 0 1 1-1.218 1.586 8.543 8.543 0 0 1-1.568-1.568 1 1 0 0 1 .183-1.402Zm13.12 0a1 1 0 0 1 .183 1.402 8.542 8.542 0 0 1-1.568 1.568 1 1 0 0 1-1.218-1.585c.45-.347.854-.75 1.2-1.201a1 1 0 0 1 1.403-.184Zm-8.531 3.534a1 1 0 0 1 1.12-.862 6.578 6.578 0 0 0 1.701 0 1 1 0 0 1 .259 1.983 8.57 8.57 0 0 1-2.218 0 1 1 0 0 1-.862-1.12Z","fill":"#6E7A83"},"children":[]}],"metadata":""}]},"name":"automations-disabled"};
11
-
12
- export default AutomationsDisabled;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/automations-error.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AutomationsError: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M13.092 6.909a.834.834 0 0 0-1.184 0L10 8.825 8.092 6.91a.837.837 0 1 0-1.183 1.183L8.825 10 6.91 11.91a.834.834 0 0 0 .27 1.365.833.833 0 0 0 .913-.182L10 11.175l1.909 1.917a.834.834 0 0 0 1.365-.271.834.834 0 0 0-.182-.912L11.175 10l1.917-1.908a.833.833 0 0 0 0-1.183Zm2.8-2.8A8.334 8.334 0 1 0 4.109 15.892 8.334 8.334 0 1 0 15.892 4.109Zm-1.175 10.608A6.667 6.667 0 1 1 16.667 10a6.626 6.626 0 0 1-1.95 4.717Z","fill":"#E5484D"},"children":[]}],"metadata":""}]},"name":"automations-error"};
11
-
12
- export default AutomationsError;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/automations-in-progress.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AutomationsInProgress: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M13.335 8.558 9.168 6.15a1.667 1.667 0 0 0-2.5 1.441v4.817a1.666 1.666 0 0 0 2.5 1.442l4.167-2.409a1.667 1.667 0 0 0 0-2.883ZM12.5 10l-4.166 2.408V7.592L12.5 10Zm-2.5-8.333a8.333 8.333 0 1 0 0 16.666 8.333 8.333 0 0 0 0-16.666Zm0 15a6.667 6.667 0 1 1 0-13.334 6.667 6.667 0 0 1 0 13.333Z","fill":"#6E7A83"},"children":[]}],"metadata":""}]},"name":"automations-in-progress"};
11
-
12
- export default AutomationsInProgress;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/automations-not-started.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AutomationsNotStarted: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M8.335 5.833a.833.833 0 0 0-.834.833v6.667a.833.833 0 0 0 1.667 0V6.666a.833.833 0 0 0-.833-.833ZM10 1.666a8.333 8.333 0 1 0 0 16.667 8.333 8.333 0 0 0 0-16.666Zm0 15a6.667 6.667 0 1 1 0-13.333 6.667 6.667 0 0 1 0 13.333Zm1.667-10.833a.833.833 0 0 0-.833.833v6.667a.833.833 0 0 0 1.666 0V6.666a.833.833 0 0 0-.833-.833Z","fill":"#6E7A83"},"children":[]}],"metadata":""}]},"name":"automations-not-started"};
11
-
12
- export default AutomationsNotStarted;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/automations-success.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const AutomationsSuccess: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"m12.268 7.325-3.575 3.583-1.375-1.375a.833.833 0 1 0-1.175 1.175l1.958 1.967a.831.831 0 0 0 .592.241.833.833 0 0 0 .583-.241l4.167-4.167a.833.833 0 1 0-1.175-1.183Zm-2.267-5.659a8.333 8.333 0 1 0 0 16.667 8.333 8.333 0 0 0 0-16.666Zm0 15a6.667 6.667 0 1 1 0-13.333 6.667 6.667 0 0 1 0 13.333Z","fill":"#6E7A83"},"children":[]}],"metadata":""}]},"name":"automations-success"};
11
-
12
- export default AutomationsSuccess;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/back.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const Back: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M7.47 5.22a.75.75 0 0 1 1.06 1.06L5.56 9.25h10.69a.75.75 0 0 1 0 1.5H5.56l2.97 2.97a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.748.748 0 0 1 0-1.06l4.25-4.25Z"},"children":[]}],"metadata":""}]},"name":"back"};
11
-
12
- export default Back;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/backlog-icon.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const BacklogIcon: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M4.84 5.162c.353-.427.53-.64.746-.794a2 2 0 0 1 .634-.299C6.476 4 6.753 4 7.307 4h5.386c.554 0 .83 0 1.087.07a2 2 0 0 1 .634.298c.217.153.393.367.746.794l1.924 2.329c.34.41.509.616.63.846a2.5 2.5 0 0 1 .233.648c.053.254.053.52.053 1.054V12.8c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C16.48 16 15.92 16 14.8 16H5.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C2 14.48 2 13.92 2 12.8V9.75c0-.425 0-.639.043-.842a2 2 0 0 1 .186-.518c.097-.184.232-.349.504-.677L4.84 5.162Zm1.228.671c.159-.196.238-.294.336-.364a.9.9 0 0 1 .288-.137c.116-.032.242-.032.494-.032h5.628c.252 0 .378 0 .494.032a.9.9 0 0 1 .288.137c.098.07.178.168.336.364l2.282 2.815.043.052h-4.162c-.423 0-.75.32-.799.706-.02.153-.087.504-.285.8-.172.257-.45.494-1.011.494-.56 0-.839-.237-1.011-.495a1.96 1.96 0 0 1-.285-.799.806.806 0 0 0-.799-.706H3.743l.043-.052 2.282-2.815ZM3.5 10.1v3.12c0 .448 0 .672.087.843a.8.8 0 0 0 .35.35c.17.087.395.087.843.087h10.44c.448 0 .672 0 .843-.087a.8.8 0 0 0 .35-.35c.087-.17.087-.395.087-.843V10.1h-3.922c-.076.264-.2.58-.403.884-.4.597-1.092 1.116-2.175 1.116-1.083 0-1.775-.519-2.175-1.116a3.162 3.162 0 0 1-.403-.884H3.5Z"},"children":[]}],"metadata":""}]},"name":"backlog-icon"};
11
-
12
- export default BacklogIcon;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/batch-actions-icon.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const BatchActionsIcon: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M18 6c0 2.183-1.827 4-4.004 4C11.804 10 10 8.198 10 6c0-2.19 1.804-4 3.996-4C16.196 2 18 3.81 18 6Zm-4.906 2.175a.593.593 0 0 0 .436.178.569.569 0 0 0 .458-.202l2.403-3.308a.577.577 0 0 0 .116-.327.547.547 0 0 0-.552-.543.55.55 0 0 0-.466.24l-1.99 2.75-1.035-1.134a.557.557 0 0 0-.42-.179.544.544 0 0 0-.551.552c0 .14.054.287.132.373l1.47 1.6Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M6.7 3.5h2.969c-.266.459-.46.964-.569 1.5H6.28c-.448 0-.672 0-.843.087a.8.8 0 0 0-.35.35C5 5.607 5 5.832 5 6.28v6.94c0 .448 0 .672.087.843a.8.8 0 0 0 .35.35c.17.087.395.087.843.087h7.44c.448 0 .672 0 .843-.087a.8.8 0 0 0 .35-.35c.087-.17.087-.395.087-.843V10.9a4.968 4.968 0 0 0 1.5-.569V12.8c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C14.98 16 14.42 16 13.3 16H6.7c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C3.5 14.48 3.5 13.92 3.5 12.8V6.7c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C5.02 3.5 5.58 3.5 6.7 3.5Z"},"children":[]}],"metadata":""}]},"name":"batch-actions-icon"};
11
-
12
- export default BatchActionsIcon;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/bell-filled.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const BellFilled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M5.953 3.569C7.034 2.559 8.49 2 10 2s2.966.559 4.047 1.569c1.084 1.01 1.703 2.394 1.703 3.848 0 2.105.528 3.55 1.117 4.514.272.445.484.76.64.994l.066.098c.076.114.153.23.209.331.028.052.064.122.093.202a.895.895 0 0 1 .052.38c-.01.104-.031.286-.135.472a1.149 1.149 0 0 1-.335.365.94.94 0 0 1-.299.145 1.494 1.494 0 0 1-.205.042c-.12.016-.259.025-.404.03-.28.01-.669.01-1.155.01H4.606c-.486 0-.874 0-1.154-.01a4.068 4.068 0 0 1-.405-.03 1.495 1.495 0 0 1-.205-.042.939.939 0 0 1-.299-.145 1.15 1.15 0 0 1-.335-.365 1.155 1.155 0 0 1-.134-.473.897.897 0 0 1 .051-.38c.029-.08.065-.15.093-.2.056-.101.133-.218.21-.332l.065-.098c.157-.233.368-.549.64-.994.589-.964 1.117-2.409 1.117-4.514 0-1.454.62-2.837 1.703-3.848ZM12.5 16.625c0 1.035-1.12 1.875-2.5 1.875s-2.5-.84-2.5-1.875c0-.345.281-.625.626-.625h3.749c.345 0 .625.28.625.625Z"},"children":[]}],"metadata":""}]},"name":"bell-filled"};
11
-
12
- export default BellFilled;
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated. Do not edit manually.
3
- *
4
- * @see import("../svg/chat-ai.svg")
5
- * @see import("../../../scripts/generate-icons.mjs")
6
- */
7
-
8
- import type {IconDefinition} from "../types";
9
-
10
- const ChatAi: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M11.263.181a.281.281 0 0 0-.526 0l-.57 1.498a.844.844 0 0 1-.488.488l-1.498.57a.281.281 0 0 0 0 .526l1.498.57a.844.844 0 0 1 .488.488l.57 1.498a.281.281 0 0 0 .526 0l.57-1.498a.844.844 0 0 1 .488-.488l1.498-.57a.281.281 0 0 0 0-.526l-1.498-.57a.844.844 0 0 1-.488-.488L11.263.18ZM17 4c.117 0 .221.072.263.181l.57 1.498a.844.844 0 0 0 .488.488l1.498.57a.281.281 0 0 1 0 .526l-1.498.57a.844.844 0 0 0-.488.488l-.57 1.498a.281.281 0 0 1-.526 0l-.57-1.498a.843.843 0 0 0-.488-.488l-1.498-.57a.281.281 0 0 1 0-.526l1.498-.57a.843.843 0 0 0 .488-.488l.57-1.498A.281.281 0 0 1 17 4Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M11.087 7.33a1.583 1.583 0 0 1 1.583 1.583v5a1.583 1.583 0 0 1-1.583 1.584H5.564l-2.28 2.28a.75.75 0 0 1-1.28-.53V8.913A1.583 1.583 0 0 1 3.586 7.33h7.5Zm.059 1.524a.083.083 0 0 0-.06-.024h-7.5a.083.083 0 0 0-.083.083v6.523l1.22-1.22a.75.75 0 0 1 .53-.22h5.834a.084.084 0 0 0 .083-.083v-5a.083.083 0 0 0-.024-.059Z"},"children":[]}],"metadata":""}]},"name":"chat-ai"};
11
-
12
- export default ChatAi;