@fibery/ui-kit 4.2.0 → 5.0.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 (898) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/package.json +10 -12
  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/indicator.tsx +87 -0
  375. package/src/mobile-drawer.tsx +104 -0
  376. package/src/number-input/types.ts +1 -1
  377. package/src/palettes/common.ts +3 -3
  378. package/src/palettes/diff-colors.test.ts +134 -0
  379. package/src/palettes/diff-colors.ts +135 -1
  380. package/src/palettes/inspect.canvas-colors.test.ts +63 -63
  381. package/src/palettes/inspect.defs.colors.neutral-arch.test.ts +196 -64
  382. package/src/palettes/inspect.defs.colors.neutral-user.test.ts +196 -64
  383. package/src/palettes/inspect.defs.colors.warm-arch.test.ts +196 -64
  384. package/src/palettes/inspect.defs.colors.warm-user.test.ts +196 -64
  385. package/src/palettes/show-colors.test.ts +3 -3
  386. package/src/palettes/testkit.test.ts +6 -0
  387. package/src/palettes/testkit.ts +78 -22
  388. package/src/phone.ts +27 -0
  389. package/src/reactions/reaction-picker.tsx +3 -3
  390. package/src/rich-text-embed-error.tsx +2 -2
  391. package/src/root-theme-provider.test.tsx +2 -3
  392. package/src/select/select-in-popover.tsx +41 -25
  393. package/src/select/util.ts +1 -1
  394. package/src/thematic.tsx +10 -9
  395. package/src/theme-provider.test.tsx +18 -18
  396. package/src/theme-provider.tsx +3 -7
  397. package/src/theme-settings-core.ts +118 -0
  398. package/src/theme-settings.ts +2 -117
  399. package/src/theme-snapshots.test.ts +6 -7
  400. package/src/theming.build.ts +21 -15
  401. package/src/theming.generated.css +2162 -2034
  402. package/src/theming.generated.ts +2701 -2549
  403. package/src/toast/toast.tsx +1 -1
  404. package/src/toggle-button/round-toggle-button.tsx +28 -4
  405. package/src/toggle-button/toggle-button.tsx +72 -24
  406. package/src/toggle-on-off.tsx +0 -9
  407. package/src/use-is-phone.tsx +3 -27
  408. package/vitest.config.ts +1 -0
  409. package/src/icons/ast/ai-avatar.ts +0 -12
  410. package/src/icons/ast/ai-search.ts +0 -12
  411. package/src/icons/ast/anthropic.ts +0 -12
  412. package/src/icons/ast/app-details.ts +0 -12
  413. package/src/icons/ast/app-store-one-color.ts +0 -12
  414. package/src/icons/ast/app-store.ts +0 -12
  415. package/src/icons/ast/app-templates.ts +0 -12
  416. package/src/icons/ast/app-webhooks.ts +0 -12
  417. package/src/icons/ast/app-wiki.ts +0 -12
  418. package/src/icons/ast/apple.ts +0 -12
  419. package/src/icons/ast/arrow-bottom.ts +0 -12
  420. package/src/icons/ast/arrow-top.ts +0 -12
  421. package/src/icons/ast/automations-cancelled.ts +0 -12
  422. package/src/icons/ast/automations-disabled.ts +0 -12
  423. package/src/icons/ast/automations-error.ts +0 -12
  424. package/src/icons/ast/automations-in-progress.ts +0 -12
  425. package/src/icons/ast/automations-not-started.ts +0 -12
  426. package/src/icons/ast/automations-success.ts +0 -12
  427. package/src/icons/ast/back.ts +0 -12
  428. package/src/icons/ast/backlog-icon.ts +0 -12
  429. package/src/icons/ast/batch-actions-icon.ts +0 -12
  430. package/src/icons/ast/bell-filled.ts +0 -12
  431. package/src/icons/ast/chat-ai.ts +0 -12
  432. package/src/icons/ast/chat.ts +0 -12
  433. package/src/icons/ast/clean.ts +0 -12
  434. package/src/icons/ast/color-coding-filled.ts +0 -12
  435. package/src/icons/ast/create.ts +0 -12
  436. package/src/icons/ast/cross-circle.ts +0 -12
  437. package/src/icons/ast/csv.ts +0 -12
  438. package/src/icons/ast/database-off.ts +0 -12
  439. package/src/icons/ast/database-stroke.ts +0 -12
  440. package/src/icons/ast/demo.ts +0 -12
  441. package/src/icons/ast/dependency.ts +0 -12
  442. package/src/icons/ast/dividers.ts +0 -12
  443. package/src/icons/ast/document.ts +0 -12
  444. package/src/icons/ast/double-arrow-left.ts +0 -12
  445. package/src/icons/ast/double-arrow-right.ts +0 -12
  446. package/src/icons/ast/double-line.ts +0 -12
  447. package/src/icons/ast/drag-block-handle-single.ts +0 -12
  448. package/src/icons/ast/edit-value.ts +0 -12
  449. package/src/icons/ast/extension-assignments.ts +0 -12
  450. package/src/icons/ast/extension-avatar.ts +0 -12
  451. package/src/icons/ast/extension-comments.ts +0 -12
  452. package/src/icons/ast/extension-files.ts +0 -12
  453. package/src/icons/ast/extension-references.ts +0 -12
  454. package/src/icons/ast/extension-workflow.ts +0 -12
  455. package/src/icons/ast/favorites-checked.ts +0 -12
  456. package/src/icons/ast/fibery-desktop-app.ts +0 -12
  457. package/src/icons/ast/field-unit.ts +0 -12
  458. package/src/icons/ast/figma.ts +0 -12
  459. package/src/icons/ast/file-broken.ts +0 -12
  460. package/src/icons/ast/fullscreen-mode-off-icon.ts +0 -12
  461. package/src/icons/ast/fullscreen-mode-on-icon.ts +0 -12
  462. package/src/icons/ast/gauge.ts +0 -12
  463. package/src/icons/ast/github.ts +0 -12
  464. package/src/icons/ast/gitlab.ts +0 -12
  465. package/src/icons/ast/globe.ts +0 -12
  466. package/src/icons/ast/google-drive.ts +0 -12
  467. package/src/icons/ast/google-map.ts +0 -12
  468. package/src/icons/ast/hide.ts +0 -12
  469. package/src/icons/ast/integrations-integration-discourse-color.ts +0 -12
  470. package/src/icons/ast/integrations-integration-intercom-color.ts +0 -12
  471. package/src/icons/ast/integrations-integration-slack-color.ts +0 -12
  472. package/src/icons/ast/integrations-integration-zendesk-color.ts +0 -12
  473. package/src/icons/ast/intercom.ts +0 -12
  474. package/src/icons/ast/jira.ts +0 -12
  475. package/src/icons/ast/left-panel.ts +0 -12
  476. package/src/icons/ast/level-plus.ts +0 -12
  477. package/src/icons/ast/lock-outline.ts +0 -12
  478. package/src/icons/ast/loom.ts +0 -12
  479. package/src/icons/ast/loupe-zoom.ts +0 -12
  480. package/src/icons/ast/many-people.ts +0 -12
  481. package/src/icons/ast/message-plus-square.ts +0 -12
  482. package/src/icons/ast/miro.ts +0 -12
  483. package/src/icons/ast/mixpanel.ts +0 -12
  484. package/src/icons/ast/move-bottom.ts +0 -12
  485. package/src/icons/ast/move-top.ts +0 -12
  486. package/src/icons/ast/network-add.ts +0 -12
  487. package/src/icons/ast/network.ts +0 -12
  488. package/src/icons/ast/notifications.ts +0 -12
  489. package/src/icons/ast/open-ai.ts +0 -12
  490. package/src/icons/ast/open-as-page.ts +0 -12
  491. package/src/icons/ast/popup.ts +0 -12
  492. package/src/icons/ast/posts.ts +0 -12
  493. package/src/icons/ast/quick-filter-personal.ts +0 -12
  494. package/src/icons/ast/quick-filter.ts +0 -12
  495. package/src/icons/ast/reply.ts +0 -12
  496. package/src/icons/ast/restore.ts +0 -12
  497. package/src/icons/ast/richeditor-actions-more.ts +0 -12
  498. package/src/icons/ast/richeditor-comment-create.ts +0 -12
  499. package/src/icons/ast/richeditor-entity-link-create.ts +0 -12
  500. package/src/icons/ast/richeditor-history-redo.ts +0 -12
  501. package/src/icons/ast/richeditor-history-undo.ts +0 -12
  502. package/src/icons/ast/richeditor-image-upload.ts +0 -12
  503. package/src/icons/ast/richeditor-image-wrap-center.ts +0 -12
  504. package/src/icons/ast/richeditor-image-wrap-left.ts +0 -12
  505. package/src/icons/ast/richeditor-image-wrap-right.ts +0 -12
  506. package/src/icons/ast/richeditor-image-zoom.ts +0 -12
  507. package/src/icons/ast/richeditor-link-create.ts +0 -12
  508. package/src/icons/ast/richeditor-open-link.ts +0 -12
  509. package/src/icons/ast/richeditor-unlink.ts +0 -12
  510. package/src/icons/ast/right-panel.ts +0 -12
  511. package/src/icons/ast/rule-scheduled.ts +0 -12
  512. package/src/icons/ast/settings-off.ts +0 -12
  513. package/src/icons/ast/shared.ts +0 -12
  514. package/src/icons/ast/sidebar-fields-opened.ts +0 -12
  515. package/src/icons/ast/sidebar-fields.ts +0 -12
  516. package/src/icons/ast/sidebar.ts +0 -12
  517. package/src/icons/ast/slack-icon.ts +0 -12
  518. package/src/icons/ast/slack.ts +0 -12
  519. package/src/icons/ast/slide-menu-close.ts +0 -12
  520. package/src/icons/ast/slide-menu-open.ts +0 -12
  521. package/src/icons/ast/sort-on-bottom.ts +0 -12
  522. package/src/icons/ast/sort-on-top.ts +0 -12
  523. package/src/icons/ast/space-list.ts +0 -12
  524. package/src/icons/ast/success.ts +0 -12
  525. package/src/icons/ast/template.ts +0 -12
  526. package/src/icons/ast/thumbs-down.ts +0 -12
  527. package/src/icons/ast/thumbs-up.ts +0 -12
  528. package/src/icons/ast/twitter.ts +0 -12
  529. package/src/icons/ast/type-boolean.ts +0 -12
  530. package/src/icons/ast/type-function.ts +0 -12
  531. package/src/icons/ast/type-id.ts +0 -12
  532. package/src/icons/ast/type-rule.ts +0 -12
  533. package/src/icons/ast/type-url.ts +0 -12
  534. package/src/icons/ast/units-db-badge-abbr.ts +0 -12
  535. package/src/icons/ast/units-db-badge-full.ts +0 -12
  536. package/src/icons/ast/units-db-icon.ts +0 -12
  537. package/src/icons/ast/unlock-outline.ts +0 -12
  538. package/src/icons/ast/upgrade.ts +0 -12
  539. package/src/icons/ast/user-check.ts +0 -12
  540. package/src/icons/ast/user-group-remove.ts +0 -12
  541. package/src/icons/ast/user-group.ts +0 -12
  542. package/src/icons/ast/user-role.ts +0 -12
  543. package/src/icons/ast/user-x.ts +0 -12
  544. package/src/icons/ast/windows.ts +0 -12
  545. package/src/icons/ast/workspace-map.ts +0 -12
  546. package/src/icons/ast/youtube.ts +0 -12
  547. package/src/icons/ast/zoom-in.ts +0 -12
  548. package/src/icons/ast/zoom-out.ts +0 -12
  549. package/src/icons/react/app-details.tsx +0 -18
  550. package/src/icons/react/app-store-one-color.tsx +0 -18
  551. package/src/icons/react/app-templates.tsx +0 -18
  552. package/src/icons/react/app-webhooks.tsx +0 -18
  553. package/src/icons/react/arrow-bottom.tsx +0 -18
  554. package/src/icons/react/arrow-top.tsx +0 -18
  555. package/src/icons/react/automations-cancelled.tsx +0 -18
  556. package/src/icons/react/automations-error.tsx +0 -18
  557. package/src/icons/react/automations-in-progress.tsx +0 -18
  558. package/src/icons/react/automations-not-started.tsx +0 -18
  559. package/src/icons/react/automations-success.tsx +0 -18
  560. package/src/icons/react/backlog-icon.tsx +0 -18
  561. package/src/icons/react/batch-actions-icon.tsx +0 -18
  562. package/src/icons/react/bell-filled.tsx +0 -18
  563. package/src/icons/react/check-circle-filled.tsx +0 -18
  564. package/src/icons/react/check-circle.tsx +0 -18
  565. package/src/icons/react/clean.tsx +0 -18
  566. package/src/icons/react/clear-value.tsx +0 -18
  567. package/src/icons/react/color-coding-filled.tsx +0 -18
  568. package/src/icons/react/create.tsx +0 -18
  569. package/src/icons/react/cross-circle.tsx +0 -18
  570. package/src/icons/react/database-off.tsx +0 -18
  571. package/src/icons/react/database-stroke.tsx +0 -18
  572. package/src/icons/react/demo.tsx +0 -18
  573. package/src/icons/react/dependency.tsx +0 -18
  574. package/src/icons/react/dividers.tsx +0 -18
  575. package/src/icons/react/document.tsx +0 -18
  576. package/src/icons/react/double-arrow-left.tsx +0 -18
  577. package/src/icons/react/double-arrow-right.tsx +0 -18
  578. package/src/icons/react/double-line.tsx +0 -18
  579. package/src/icons/react/drag-block-handle-single.tsx +0 -18
  580. package/src/icons/react/edit-value.tsx +0 -18
  581. package/src/icons/react/error-circle-filled.tsx +0 -18
  582. package/src/icons/react/extension-assignments.tsx +0 -18
  583. package/src/icons/react/extension-avatar.tsx +0 -18
  584. package/src/icons/react/extension-comments.tsx +0 -18
  585. package/src/icons/react/extension-files.tsx +0 -18
  586. package/src/icons/react/extension-workflow.tsx +0 -18
  587. package/src/icons/react/favorites-checked.tsx +0 -18
  588. package/src/icons/react/fibery-desktop-app.tsx +0 -18
  589. package/src/icons/react/field-unit.tsx +0 -18
  590. package/src/icons/react/figma.tsx +0 -18
  591. package/src/icons/react/file-broken.tsx +0 -18
  592. package/src/icons/react/fullscreen-mode-off-icon.tsx +0 -18
  593. package/src/icons/react/fullscreen-mode-on-icon.tsx +0 -18
  594. package/src/icons/react/gauge.tsx +0 -18
  595. package/src/icons/react/github.tsx +0 -18
  596. package/src/icons/react/gitlab.tsx +0 -18
  597. package/src/icons/react/globe.tsx +0 -18
  598. package/src/icons/react/google-drive.tsx +0 -18
  599. package/src/icons/react/google-map.tsx +0 -18
  600. package/src/icons/react/hide.tsx +0 -18
  601. package/src/icons/react/image-xmark.tsx +0 -18
  602. package/src/icons/react/info-circle-filled.tsx +0 -18
  603. package/src/icons/react/info-circle.tsx +0 -18
  604. package/src/icons/react/integrations-integration-discourse-color.tsx +0 -18
  605. package/src/icons/react/integrations-integration-intercom-color.tsx +0 -18
  606. package/src/icons/react/integrations-integration-slack-color.tsx +0 -18
  607. package/src/icons/react/integrations-integration-zendesk-color.tsx +0 -18
  608. package/src/icons/react/intercom.tsx +0 -18
  609. package/src/icons/react/invite-people.tsx +0 -18
  610. package/src/icons/react/jira.tsx +0 -18
  611. package/src/icons/react/left-panel.tsx +0 -18
  612. package/src/icons/react/level-plus.tsx +0 -18
  613. package/src/icons/react/lock-outline.tsx +0 -18
  614. package/src/icons/react/loom.tsx +0 -18
  615. package/src/icons/react/loupe-zoom.tsx +0 -18
  616. package/src/icons/react/many-people.tsx +0 -18
  617. package/src/icons/react/message-plus-square.tsx +0 -18
  618. package/src/icons/react/miro.tsx +0 -18
  619. package/src/icons/react/mixpanel.tsx +0 -18
  620. package/src/icons/react/move-bottom.tsx +0 -18
  621. package/src/icons/react/move-space.tsx +0 -18
  622. package/src/icons/react/move-top.tsx +0 -18
  623. package/src/icons/react/network-add.tsx +0 -18
  624. package/src/icons/react/network.tsx +0 -18
  625. package/src/icons/react/open-ai.tsx +0 -18
  626. package/src/icons/react/open-as-page.tsx +0 -18
  627. package/src/icons/react/popup.tsx +0 -18
  628. package/src/icons/react/posts.tsx +0 -18
  629. package/src/icons/react/quick-filter-personal.tsx +0 -18
  630. package/src/icons/react/quick-filter.tsx +0 -18
  631. package/src/icons/react/remove-people.tsx +0 -18
  632. package/src/icons/react/reply.tsx +0 -18
  633. package/src/icons/react/restore.tsx +0 -18
  634. package/src/icons/react/richeditor-actions-more.tsx +0 -18
  635. package/src/icons/react/richeditor-comment-create.tsx +0 -18
  636. package/src/icons/react/richeditor-entity-link-create.tsx +0 -18
  637. package/src/icons/react/richeditor-history-redo.tsx +0 -18
  638. package/src/icons/react/richeditor-history-undo.tsx +0 -18
  639. package/src/icons/react/richeditor-image-upload.tsx +0 -18
  640. package/src/icons/react/richeditor-image-wrap-center.tsx +0 -18
  641. package/src/icons/react/richeditor-image-wrap-left.tsx +0 -18
  642. package/src/icons/react/richeditor-image-wrap-right.tsx +0 -18
  643. package/src/icons/react/richeditor-image-zoom.tsx +0 -18
  644. package/src/icons/react/richeditor-link-create.tsx +0 -18
  645. package/src/icons/react/richeditor-open-link.tsx +0 -18
  646. package/src/icons/react/richeditor-unlink.tsx +0 -18
  647. package/src/icons/react/right-panel.tsx +0 -18
  648. package/src/icons/react/rule-scheduled.tsx +0 -18
  649. package/src/icons/react/send-arrow.tsx +0 -18
  650. package/src/icons/react/settings-off.tsx +0 -18
  651. package/src/icons/react/shared.tsx +0 -18
  652. package/src/icons/react/sidebar-fields-opened.tsx +0 -18
  653. package/src/icons/react/sidebar-fields.tsx +0 -18
  654. package/src/icons/react/sidebar.tsx +0 -18
  655. package/src/icons/react/slack-icon.tsx +0 -18
  656. package/src/icons/react/slack.tsx +0 -18
  657. package/src/icons/react/slide-menu-close.tsx +0 -18
  658. package/src/icons/react/slide-menu-open.tsx +0 -18
  659. package/src/icons/react/smart-folder.tsx +0 -18
  660. package/src/icons/react/sort-on-bottom.tsx +0 -18
  661. package/src/icons/react/sort-on-top.tsx +0 -18
  662. package/src/icons/react/space-list.tsx +0 -18
  663. package/src/icons/react/success.tsx +0 -18
  664. package/src/icons/react/suggest-integration.tsx +0 -18
  665. package/src/icons/react/switch-to-mention.tsx +0 -18
  666. package/src/icons/react/template.tsx +0 -18
  667. package/src/icons/react/thumbs-down.tsx +0 -18
  668. package/src/icons/react/thumbs-up.tsx +0 -18
  669. package/src/icons/react/twitter.tsx +0 -18
  670. package/src/icons/react/type-boolean.tsx +0 -18
  671. package/src/icons/react/type-function.tsx +0 -18
  672. package/src/icons/react/type-id.tsx +0 -18
  673. package/src/icons/react/type-rule.tsx +0 -18
  674. package/src/icons/react/type-url.tsx +0 -18
  675. package/src/icons/react/units-db-badge-abbr.tsx +0 -18
  676. package/src/icons/react/units-db-badge-full.tsx +0 -18
  677. package/src/icons/react/units-db-icon.tsx +0 -18
  678. package/src/icons/react/unlock-outline.tsx +0 -18
  679. package/src/icons/react/upgrade.tsx +0 -18
  680. package/src/icons/react/user-check.tsx +0 -18
  681. package/src/icons/react/user-group-remove.tsx +0 -18
  682. package/src/icons/react/user-group.tsx +0 -18
  683. package/src/icons/react/user-role.tsx +0 -18
  684. package/src/icons/react/user-x.tsx +0 -18
  685. package/src/icons/react/windows.tsx +0 -18
  686. package/src/icons/react/workspace-map.tsx +0 -18
  687. package/src/icons/react/youtube.tsx +0 -18
  688. package/src/icons/react/zoom-in.tsx +0 -18
  689. package/src/icons/react/zoom-out.tsx +0 -18
  690. package/src/icons/svg/ai-avatar.svg +0 -3
  691. package/src/icons/svg/ai-search.svg +0 -3
  692. package/src/icons/svg/anthropic.svg +0 -3
  693. package/src/icons/svg/app-store-one-color.svg +0 -4
  694. package/src/icons/svg/app-store.svg +0 -4
  695. package/src/icons/svg/app-webhooks.svg +0 -2
  696. package/src/icons/svg/app-wiki.svg +0 -2
  697. package/src/icons/svg/apple.svg +0 -4
  698. package/src/icons/svg/automations-cancelled.svg +0 -3
  699. package/src/icons/svg/automations-disabled.svg +0 -3
  700. package/src/icons/svg/automations-success.svg +0 -3
  701. package/src/icons/svg/batch-actions-icon.svg +0 -4
  702. package/src/icons/svg/bell-filled.svg +0 -4
  703. package/src/icons/svg/chat-ai.svg +0 -5
  704. package/src/icons/svg/chat.svg +0 -3
  705. package/src/icons/svg/clean.svg +0 -6
  706. package/src/icons/svg/color-coding-filled.svg +0 -3
  707. package/src/icons/svg/create.svg +0 -3
  708. package/src/icons/svg/cross-circle.svg +0 -4
  709. package/src/icons/svg/csv.svg +0 -3
  710. package/src/icons/svg/database-off.svg +0 -3
  711. package/src/icons/svg/demo.svg +0 -2
  712. package/src/icons/svg/dependency.svg +0 -3
  713. package/src/icons/svg/document.svg +0 -4
  714. package/src/icons/svg/double-arrow-left.svg +0 -2
  715. package/src/icons/svg/double-arrow-right.svg +0 -2
  716. package/src/icons/svg/double-line.svg +0 -3
  717. package/src/icons/svg/drag-block-handle-single.svg +0 -5
  718. package/src/icons/svg/edit-value.svg +0 -5
  719. package/src/icons/svg/extension/assignments.svg +0 -7
  720. package/src/icons/svg/file-broken.svg +0 -3
  721. package/src/icons/svg/fullscreen-mode-on-icon.svg +0 -3
  722. package/src/icons/svg/gauge.svg +0 -5
  723. package/src/icons/svg/globe.svg +0 -3
  724. package/src/icons/svg/integrations/integration-slack-color.svg +0 -10
  725. package/src/icons/svg/intercom.svg +0 -3
  726. package/src/icons/svg/left-panel.svg +0 -11
  727. package/src/icons/svg/level-plus.svg +0 -4
  728. package/src/icons/svg/lock-outline.svg +0 -5
  729. package/src/icons/svg/loupe-zoom.svg +0 -3
  730. package/src/icons/svg/message-plus-square.svg +0 -4
  731. package/src/icons/svg/network-add.svg +0 -5
  732. package/src/icons/svg/notifications.svg +0 -2
  733. package/src/icons/svg/open-ai.svg +0 -3
  734. package/src/icons/svg/open-as-page.svg +0 -3
  735. package/src/icons/svg/posts.svg +0 -3
  736. package/src/icons/svg/quick-filter-personal.svg +0 -3
  737. package/src/icons/svg/quick-filter.svg +0 -3
  738. package/src/icons/svg/reply.svg +0 -2
  739. package/src/icons/svg/restore.svg +0 -2
  740. package/src/icons/svg/richeditor/actions/more.svg +0 -2
  741. package/src/icons/svg/richeditor/comment/create.svg +0 -5
  742. package/src/icons/svg/richeditor/entity-link/create.svg +0 -2
  743. package/src/icons/svg/richeditor/image/wrap-center.svg +0 -2
  744. package/src/icons/svg/richeditor/image/wrap-left.svg +0 -2
  745. package/src/icons/svg/richeditor/image/wrap-right.svg +0 -2
  746. package/src/icons/svg/richeditor/image/zoom.svg +0 -5
  747. package/src/icons/svg/richeditor/link/create.svg +0 -9
  748. package/src/icons/svg/richeditor/mark/code.svg +0 -5
  749. package/src/icons/svg/richeditor/mark/em.svg +0 -3
  750. package/src/icons/svg/richeditor/mark/highlight.svg +0 -3
  751. package/src/icons/svg/richeditor/mark/strike.svg +0 -3
  752. package/src/icons/svg/richeditor/mark/strong.svg +0 -3
  753. package/src/icons/svg/richeditor/unlink.svg +0 -10
  754. package/src/icons/svg/right-panel.svg +0 -11
  755. package/src/icons/svg/rule-scheduled.svg +0 -5
  756. package/src/icons/svg/settings-off.svg +0 -4
  757. package/src/icons/svg/shared.svg +0 -7
  758. package/src/icons/svg/sidebar-fields-opened.svg +0 -3
  759. package/src/icons/svg/sidebar-fields.svg +0 -6
  760. package/src/icons/svg/sidebar.svg +0 -2
  761. package/src/icons/svg/slack-icon.svg +0 -3
  762. package/src/icons/svg/slide-menu-close.svg +0 -4
  763. package/src/icons/svg/slide-menu-open.svg +0 -4
  764. package/src/icons/svg/sort-on-bottom.svg +0 -4
  765. package/src/icons/svg/sort-on-top.svg +0 -4
  766. package/src/icons/svg/space-list.svg +0 -4
  767. package/src/icons/svg/success.svg +0 -4
  768. package/src/icons/svg/template.svg +0 -3
  769. package/src/icons/svg/thumbs-down.svg +0 -3
  770. package/src/icons/svg/thumbs-up.svg +0 -3
  771. package/src/icons/svg/type/boolean.svg +0 -2
  772. package/src/icons/svg/type/function.svg +0 -2
  773. package/src/icons/svg/type/id.svg +0 -3
  774. package/src/icons/svg/type/rule.svg +0 -2
  775. package/src/icons/svg/type/url.svg +0 -9
  776. package/src/icons/svg/units/db-badge-abbr.svg +0 -4
  777. package/src/icons/svg/units/db-badge-full.svg +0 -4
  778. package/src/icons/svg/units/db-icon.svg +0 -4
  779. package/src/icons/svg/upgrade.svg +0 -2
  780. package/src/icons/svg/user-check.svg +0 -3
  781. package/src/icons/svg/windows.svg +0 -15
  782. package/src/icons/svg/workspace-map.svg +0 -3
  783. package/src/icons/svg/zoom-out.svg +0 -7
  784. package/src/notification-dot.tsx +0 -23
  785. /package/src/icons/svg/{dividers.svg → architect.svg} +0 -0
  786. /package/src/icons/svg/{back.svg → arrow-back.svg} +0 -0
  787. /package/src/icons/svg/{send-arrow.svg → arrow-send.svg} +0 -0
  788. /package/src/icons/svg/{extension/avatar.svg → avatar.svg} +0 -0
  789. /package/src/icons/svg/{backlog-icon.svg → backlog.svg} +0 -0
  790. /package/src/icons/svg/{check-circle-filled.svg → circle-check-filled.svg} +0 -0
  791. /package/src/icons/svg/{check-circle.svg → circle-check.svg} +0 -0
  792. /package/src/icons/svg/{error-circle-filled.svg → circle-cross-filled.svg} +0 -0
  793. /package/src/icons/svg/{info-circle-filled.svg → circle-info-filled.svg} +0 -0
  794. /package/src/icons/svg/{info-circle.svg → circle-info.svg} +0 -0
  795. /package/src/icons/svg/{extension/comments.svg → comments.svg} +0 -0
  796. /package/src/icons/svg/{add-database.svg → database-add.svg} +0 -0
  797. /package/src/icons/svg/{database-stroke.svg → database-outline.svg} +0 -0
  798. /package/src/icons/svg/{hide.svg → eye-off.svg} +0 -0
  799. /package/src/icons/svg/{favorites-checked.svg → favorites-filled.svg} +0 -0
  800. /package/src/icons/svg/{switch-to-mention.svg → field-units-large.svg} +0 -0
  801. /package/src/icons/svg/{extension/files.svg → files.svg} +0 -0
  802. /package/src/icons/svg/{smart-folder.svg → folder-smart.svg} +0 -0
  803. /package/src/icons/svg/{fullscreen-mode-off-icon.svg → fullscreen-mode-off.svg} +0 -0
  804. /package/src/icons/svg/{add-group.svg → group-add.svg} +0 -0
  805. /package/src/icons/svg/{image-xmark.svg → image-error.svg} +0 -0
  806. /package/src/icons/svg/{add-integration.svg → integration-add.svg} +0 -0
  807. /package/src/icons/svg/{integrations/integration-discourse-color.svg → integration-discourse.svg} +0 -0
  808. /package/src/icons/svg/{fibery-desktop-app.svg → integration-fibery.svg} +0 -0
  809. /package/src/icons/svg/{figma.svg → integration-figma.svg} +0 -0
  810. /package/src/icons/svg/{github.svg → integration-github.svg} +0 -0
  811. /package/src/icons/svg/{gitlab.svg → integration-gitlab.svg} +0 -0
  812. /package/src/icons/svg/{google-drive.svg → integration-google-drive.svg} +0 -0
  813. /package/src/icons/svg/{google-map.svg → integration-google-map.svg} +0 -0
  814. /package/src/icons/svg/{integrations/integration-intercom-color.svg → integration-intercom.svg} +0 -0
  815. /package/src/icons/svg/{jira.svg → integration-jira.svg} +0 -0
  816. /package/src/icons/svg/{loom.svg → integration-loom.svg} +0 -0
  817. /package/src/icons/svg/{miro.svg → integration-miro.svg} +0 -0
  818. /package/src/icons/svg/{mixpanel.svg → integration-mixpanel.svg} +0 -0
  819. /package/src/icons/svg/{slack.svg → integration-slack.svg} +0 -0
  820. /package/src/icons/svg/{suggest-integration.svg → integration-suggest.svg} +0 -0
  821. /package/src/icons/svg/{twitter.svg → integration-twitter.svg} +0 -0
  822. /package/src/icons/svg/{youtube.svg → integration-youtube.svg} +0 -0
  823. /package/src/icons/svg/{integrations/integration-zendesk-color.svg → integration-zendesk.svg} +0 -0
  824. /package/src/icons/svg/{move-bottom.svg → move-down.svg} +0 -0
  825. /package/src/icons/svg/{move-top.svg → move-up.svg} +0 -0
  826. /package/src/icons/svg/{popup.svg → open-in-panel.svg} +0 -0
  827. /package/src/icons/svg/{richeditor/open-link.svg → open-link.svg} +0 -0
  828. /package/src/icons/svg/{many-people.svg → people-all.svg} +0 -0
  829. /package/src/icons/svg/{user-group-remove.svg → people-group-remove.svg} +0 -0
  830. /package/src/icons/svg/{invite-people.svg → people-invite.svg} +0 -0
  831. /package/src/icons/svg/{remove-people.svg → people-remove.svg} +0 -0
  832. /package/src/icons/svg/{user-x.svg → people-x.svg} +0 -0
  833. /package/src/icons/svg/{zoom-in.svg → plus.svg} +0 -0
  834. /package/src/icons/svg/{app-details.svg → preferences.svg} +0 -0
  835. /package/src/icons/svg/{network.svg → propagate.svg} +0 -0
  836. /package/src/icons/svg/{add-reactions.svg → reactions-add.svg} +0 -0
  837. /package/src/icons/svg/{richeditor/history/redo.svg → redo.svg} +0 -0
  838. /package/src/icons/svg/{extension/references.svg → references.svg} +0 -0
  839. /package/src/icons/svg/{richeditor/block/callout.svg → richeditor-block-callout.svg} +0 -0
  840. /package/src/icons/svg/{richeditor/block/code.svg → richeditor-block-code.svg} +0 -0
  841. /package/src/icons/svg/{richeditor/block/embed.svg → richeditor-block-embed.svg} +0 -0
  842. /package/src/icons/svg/{richeditor/block/entity.svg → richeditor-block-entity.svg} +0 -0
  843. /package/src/icons/svg/{richeditor/block/file.svg → richeditor-block-file.svg} +0 -0
  844. /package/src/icons/svg/{richeditor/block/h1.svg → richeditor-block-h1.svg} +0 -0
  845. /package/src/icons/svg/{richeditor/block/h2.svg → richeditor-block-h2.svg} +0 -0
  846. /package/src/icons/svg/{richeditor/block/h3.svg → richeditor-block-h3.svg} +0 -0
  847. /package/src/icons/svg/{richeditor/block/h4.svg → richeditor-block-h4.svg} +0 -0
  848. /package/src/icons/svg/{richeditor/block/mention.svg → richeditor-block-mention.svg} +0 -0
  849. /package/src/icons/svg/{richeditor/block/paragraph.svg → richeditor-block-paragraph.svg} +0 -0
  850. /package/src/icons/svg/{richeditor/block/quote.svg → richeditor-block-quote.svg} +0 -0
  851. /package/src/icons/svg/{richeditor/checklist/create.svg → richeditor-checklist-create.svg} +0 -0
  852. /package/src/icons/svg/{richeditor/image/align-center.svg → richeditor-image-align-center.svg} +0 -0
  853. /package/src/icons/svg/{richeditor/image/align-left.svg → richeditor-image-align-left.svg} +0 -0
  854. /package/src/icons/svg/{richeditor/image/align-right.svg → richeditor-image-align-right.svg} +0 -0
  855. /package/src/icons/svg/{richeditor/image/upload.svg → richeditor-image.svg} +0 -0
  856. /package/src/icons/svg/{richeditor/linkedhighlight/create.svg → richeditor-linkedhighlight-create.svg} +0 -0
  857. /package/src/icons/svg/{richeditor/list/bullet.svg → richeditor-list-bullet.svg} +0 -0
  858. /package/src/icons/svg/{richeditor/list/ordered.svg → richeditor-list-ordered.svg} +0 -0
  859. /package/src/icons/svg/{richeditor/list/unindent.svg → richeditor-list-unindent.svg} +0 -0
  860. /package/src/icons/svg/{richeditor/mark/text-background-color.svg → richeditor-mark-text-background-color.svg} +0 -0
  861. /package/src/icons/svg/{richeditor/mark/underline.svg → richeditor-mark-underline.svg} +0 -0
  862. /package/src/icons/svg/{richeditor/table/create.svg → richeditor-table-create.svg} +0 -0
  863. /package/src/icons/svg/{richeditor/video/upload.svg → richeditor-video-upload.svg} +0 -0
  864. /package/src/icons/svg/{bolt.svg → rule.svg} +0 -0
  865. /package/src/icons/svg/{app-templates.svg → space-add.svg} +0 -0
  866. /package/src/icons/svg/{move-space.svg → space-move.svg} +0 -0
  867. /package/src/icons/svg/{type/button.svg → type-button.svg} +0 -0
  868. /package/src/icons/svg/{type/checkbox.svg → type-checkbox.svg} +0 -0
  869. /package/src/icons/svg/{type/date.svg → type-date.svg} +0 -0
  870. /package/src/icons/svg/{type/email.svg → type-email.svg} +0 -0
  871. /package/src/icons/svg/{type/emoji.svg → type-emoji.svg} +0 -0
  872. /package/src/icons/svg/{type/formula.svg → type-formula.svg} +0 -0
  873. /package/src/icons/svg/{type/location.svg → type-location.svg} +0 -0
  874. /package/src/icons/svg/{type/lookup.svg → type-lookup.svg} +0 -0
  875. /package/src/icons/svg/{type/money.svg → type-money.svg} +0 -0
  876. /package/src/icons/svg/{type/multi-select.svg → type-multi-select.svg} +0 -0
  877. /package/src/icons/svg/{type/number.svg → type-number.svg} +0 -0
  878. /package/src/icons/svg/{type/percent.svg → type-percent.svg} +0 -0
  879. /package/src/icons/svg/{type/phone.svg → type-phone.svg} +0 -0
  880. /package/src/icons/svg/{type/relation.svg → type-relation.svg} +0 -0
  881. /package/src/icons/svg/{type/rich-text.svg → type-rich-text.svg} +0 -0
  882. /package/src/icons/svg/{type/single-select.svg → type-single-select.svg} +0 -0
  883. /package/src/icons/svg/{type/text.svg → type-text.svg} +0 -0
  884. /package/src/icons/svg/{richeditor/history/undo.svg → undo.svg} +0 -0
  885. /package/src/icons/svg/{units/avatar.svg → units-avatar.svg} +0 -0
  886. /package/src/icons/svg/{units/collection.svg → units-collection.svg} +0 -0
  887. /package/src/icons/svg/{units/counter.svg → units-counter.svg} +0 -0
  888. /package/src/icons/svg/{units/date.svg → units-date.svg} +0 -0
  889. /package/src/icons/svg/{units/field-icon-button.svg → units-field-icon-button.svg} +0 -0
  890. /package/src/icons/svg/{units/field.svg → units-field.svg} +0 -0
  891. /package/src/icons/svg/{units/input.svg → units-input.svg} +0 -0
  892. /package/src/icons/svg/{field-unit.svg → units-normal.svg} +0 -0
  893. /package/src/icons/svg/{units/progress-bar.svg → units-progress-bar.svg} +0 -0
  894. /package/src/icons/svg/{units/rich-text.svg → units-rich-text.svg} +0 -0
  895. /package/src/icons/svg/{units/snippet.svg → units-snippet.svg} +0 -0
  896. /package/src/icons/svg/{unlock-outline.svg → unlock.svg} +0 -0
  897. /package/src/icons/svg/{clear-value.svg → value-clear.svg} +0 -0
  898. /package/src/icons/svg/{extension/workflow.svg → workflow.svg} +0 -0
package/src/design-system/colors-enum.light.neutral.test.ts CHANGED
@@ -8,116 +8,116 @@ describe("enum over default surface = no color coding", () => {
8
8
  expect(userColorChoices(cases.overDefaultSurface)).toMatchInlineSnapshot(`
9
9
  {
10
10
  "CMYK Black ": {
11
- "bg": "Lc=20; #D9D9D9 | hsl(none 0% 85%) | oklch(0.89 0 none)",
12
- "fg": "Lc=83; #0E0E0E | hsl(none 0% 5%) | oklch(0.16 0 none)",
11
+ "bg": "#D9D9D9 | hsl(none 0% 85%) | oklch(0.89 0 none) | Lc+19.9 over #FFFFFF panelBg",
12
+ "fg": "#0E0E0E | hsl(none 0% 5%) | oklch(0.16 0 none) | Lc+83.4 over #D9D9D9 bg",
13
13
  },
14
14
  "CMYK Cyan ": {
15
- "bg": "Lc=4; #D5FBFB | hsl( 180 83% 91%) | oklch(0.96 0.04 197 )",
16
- "fg": "Lc=71; #0E7474 | hsl( 180 78% 25%) | oklch(0.51 0.08 195 )",
15
+ "bg": "#D5FBFB | hsl( 180 83% 91%) | oklch(0.96 0.04 197 ) | Lc+4.21 over #FFFFFF panelBg",
16
+ "fg": "#0E7474 | hsl( 180 78% 25%) | oklch(0.51 0.08 195 ) | Lc+70.6 over #D5FBFB bg",
17
17
  },
18
18
  "CMYK Magenta": {
19
- "bg": "Lc=13; #FFD9FF | hsl( 300 100% 93%) | oklch(0.93 0.06 326 )",
20
- "fg": "Lc=77; #740E74 | hsl( 300 78% 25%) | oklch(0.4 0.17 328 )",
19
+ "bg": "#FFD9FF | hsl( 300 100% 93%) | oklch(0.93 0.06 326 ) | Lc+13.1 over #FFFFFF panelBg",
20
+ "fg": "#740E74 | hsl( 300 78% 25%) | oklch(0.4 0.17 328 ) | Lc+76.7 over #FFD9FF bg",
21
21
  },
22
22
  "CMYK Yellow ": {
23
- "bg": "Lc=4; #F6F6D0 | hsl( 60 68% 89%) | oklch(0.96 0.05 107 )",
24
- "fg": "Lc=67; #74740E | hsl( 60 78% 25%) | oklch(0.54 0.11 110 )",
23
+ "bg": "#F6F6D0 | hsl( 60 68% 89%) | oklch(0.96 0.05 107 ) | Lc+4.26 over #FFFFFF panelBg",
24
+ "fg": "#74740E | hsl( 60 78% 25%) | oklch(0.54 0.11 110 ) | Lc+67.3 over #F6F6D0 bg",
25
25
  },
26
26
  "Noti green ": {
27
- "bg": "Lc=4; #E7F8EE | hsl( 145 55% 94%) | oklch(0.96 0.02 160 )",
28
- "fg": "Lc=71; #666967 | hsl( 140 1% 41%) | oklch(0.52 0 157 )",
27
+ "bg": "#E7F8EE | hsl( 145 55% 94%) | oklch(0.96 0.02 160 ) | Lc+4.09 over #FFFFFF panelBg",
28
+ "fg": "#666967 | hsl( 140 1% 41%) | oklch(0.52 0 157 ) | Lc+71.1 over #E7F8EE bg",
29
29
  },
30
30
  "Noti red ": {
31
- "bg": "Lc=4; #F9F2F0 | hsl( 13 43% 96%) | oklch(0.97 0.01 37 )",
32
- "fg": "Lc=72; #6D6564 | hsl( 7 4% 41%) | oklch(0.51 0.01 26 )",
31
+ "bg": "#F9F2F0 | hsl( 13 43% 96%) | oklch(0.97 0.01 37 ) | Lc+4.35 over #FFFFFF panelBg",
32
+ "fg": "#6D6564 | hsl( 7 4% 41%) | oklch(0.51 0.01 26 ) | Lc+71.5 over #F9F2F0 bg",
33
33
  },
34
34
  "Noti yellow ": {
35
- "bg": "Lc=4; #F8F4E3 | hsl( 49 60% 93%) | oklch(0.97 0.02 96 )",
36
- "fg": "Lc=71; #6D695B | hsl( 47 9% 39%) | oklch(0.52 0.02 94 )",
35
+ "bg": "#F8F4E3 | hsl( 49 60% 93%) | oklch(0.97 0.02 96 ) | Lc+4.16 over #FFFFFF panelBg",
36
+ "fg": "#6D695B | hsl( 47 9% 39%) | oklch(0.52 0.02 94 ) | Lc+70.7 over #F8F4E3 bg",
37
37
  },
38
38
  "RGB Blue ": {
39
- "bg": "Lc=18; #D9D9FF | hsl( 240 100% 93%) | oklch(0.9 0.05 285 )",
40
- "fg": "Lc=81; #0E0E74 | hsl( 240 78% 25%) | oklch(0.27 0.16 269 )",
39
+ "bg": "#D9D9FF | hsl( 240 100% 93%) | oklch(0.9 0.05 285 ) | Lc+18.1 over #FFFFFF panelBg",
40
+ "fg": "#0E0E74 | hsl( 240 78% 25%) | oklch(0.27 0.16 269 ) | Lc+81.1 over #D9D9FF bg",
41
41
  },
42
42
  "RGB Green ": {
43
- "bg": "Lc=4; #D8FED8 | hsl( 120 95% 92%) | oklch(0.96 0.06 145 )",
44
- "fg": "Lc=73; #0E740E | hsl( 120 78% 25%) | oklch(0.49 0.16 143 )",
43
+ "bg": "#D8FED8 | hsl( 120 95% 92%) | oklch(0.96 0.06 145 ) | Lc+3.97 over #FFFFFF panelBg",
44
+ "fg": "#0E740E | hsl( 120 78% 25%) | oklch(0.49 0.16 143 ) | Lc+72.6 over #D8FED8 bg",
45
45
  },
46
46
  "RGB Red ": {
47
- "bg": "Lc=15; #FFD9D9 | hsl( 0 100% 93%) | oklch(0.92 0.04 18 )",
48
- "fg": "Lc=78; #740E0E | hsl( 0 78% 25%) | oklch(0.36 0.14 27 )",
47
+ "bg": "#FFD9D9 | hsl( 0 100% 93%) | oklch(0.92 0.04 18 ) | Lc+14.7 over #FFFFFF panelBg",
48
+ "fg": "#740E0E | hsl( 0 78% 25%) | oklch(0.36 0.14 27 ) | Lc+77.9 over #FFD9D9 bg",
49
49
  },
50
50
  "White ": {
51
- "bg": "Lc=4; #F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none)",
52
- "fg": "Lc=66; #747474 | hsl(none 0% 45%) | oklch(0.56 0 none)",
51
+ "bg": "#F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none) | Lc+3.97 over #FFFFFF panelBg",
52
+ "fg": "#747474 | hsl(none 0% 45%) | oklch(0.56 0 none) | Lc+65.9 over #F4F4F4 bg",
53
53
  },
54
54
  "swatches[ 0] aka Swatch.GreyDark ": {
55
- "bg": "Lc=13; #E4E4E4 | hsl(none 0% 89%) | oklch(0.92 0 none)",
56
- "fg": "Lc=85; #2B2B2B | hsl(none 0% 17%) | oklch(0.29 0 none)",
55
+ "bg": "#E4E4E4 | hsl(none 0% 89%) | oklch(0.92 0 none) | Lc+13.5 over #FFFFFF panelBg",
56
+ "fg": "#2B2B2B | hsl(none 0% 17%) | oklch(0.29 0 none) | Lc+85.0 over #E4E4E4 bg",
57
57
  },
58
58
  "swatches[ 1] aka Swatch.Grey ": {
59
- "bg": "Lc=8; #EBEDEE | hsl( 200 8% 93%) | oklch(0.94 0 229 )",
60
- "fg": "Lc=82; #3F4347 | hsl( 210 6% 26%) | oklch(0.38 0.01 248 )",
59
+ "bg": "#EBEDEE | hsl( 200 8% 93%) | oklch(0.94 0 229 ) | Lc+8.37 over #FFFFFF panelBg",
60
+ "fg": "#3F4347 | hsl( 210 6% 26%) | oklch(0.38 0.01 248 ) | Lc+82.3 over #EBEDEE bg",
61
61
  },
62
62
  "swatches[ 2] aka Swatch.GreyLight ": {
63
- "bg": "Lc=6; #F0F1F2 | hsl( 210 7% 95%) | oklch(0.96 0 248 )",
64
- "fg": "Lc=80; #4B4F52 | hsl( 206 4% 31%) | oklch(0.43 0.01 240 )",
63
+ "bg": "#F0F1F2 | hsl( 210 7% 95%) | oklch(0.96 0 248 ) | Lc+5.86 over #FFFFFF panelBg",
64
+ "fg": "#4B4F52 | hsl( 206 4% 31%) | oklch(0.43 0.01 240 ) | Lc+80.2 over #F0F1F2 bg",
65
65
  },
66
66
  "swatches[ 3] aka Swatch.Red ": {
67
- "bg": "Lc=13; #F6DFDE | hsl( 2 57% 92%) | oklch(0.92 0.03 21 )",
68
- "fg": "Lc=82; #5B1F1D | hsl( 2 52% 24%) | oklch(0.33 0.09 25 )",
67
+ "bg": "#F6DFDE | hsl( 2 57% 92%) | oklch(0.92 0.03 21 ) | Lc+13.4 over #FFFFFF panelBg",
68
+ "fg": "#5B1F1D | hsl( 2 52% 24%) | oklch(0.33 0.09 25 ) | Lc+82.2 over #F6DFDE bg",
69
69
  },
70
70
  "swatches[ 4] aka Swatch.Magenta ": {
71
- "bg": "Lc=12; #F9E1E8 | hsl( 343 67% 93%) | oklch(0.93 0.03 358 )",
72
- "fg": "Lc=81; #632537 | hsl( 343 46% 27%) | oklch(0.36 0.09 5 )",
71
+ "bg": "#F9E1E8 | hsl( 343 67% 93%) | oklch(0.93 0.03 358 ) | Lc+11.8 over #FFFFFF panelBg",
72
+ "fg": "#632537 | hsl( 343 46% 27%) | oklch(0.36 0.09 5 ) | Lc+81.4 over #F9E1E8 bg",
73
73
  },
74
74
  "swatches[ 5] aka Swatch.Purple ": {
75
- "bg": "Lc=13; #EEE1F2 | hsl( 286 40% 92%) | oklch(0.93 0.03 318 )",
76
- "fg": "Lc=83; #472451 | hsl( 287 38% 23%) | oklch(0.33 0.09 318 )",
75
+ "bg": "#EEE1F2 | hsl( 286 40% 92%) | oklch(0.93 0.03 318 ) | Lc+12.8 over #FFFFFF panelBg",
76
+ "fg": "#472451 | hsl( 287 38% 23%) | oklch(0.33 0.09 318 ) | Lc+83.4 over #EEE1F2 bg",
77
77
  },
78
78
  "swatches[ 6] aka Swatch.Violet ": {
79
- "bg": "Lc=13; #E7E3F3 | hsl( 255 40% 92%) | oklch(0.92 0.02 297 )",
80
- "fg": "Lc=84; #342954 | hsl( 255 34% 25%) | oklch(0.32 0.08 293 )",
79
+ "bg": "#E7E3F3 | hsl( 255 40% 92%) | oklch(0.92 0.02 297 ) | Lc+12.9 over #FFFFFF panelBg",
80
+ "fg": "#342954 | hsl( 255 34% 25%) | oklch(0.32 0.08 293 ) | Lc+84.1 over #E7E3F3 bg",
81
81
  },
82
82
  "swatches[ 7] aka Swatch.BlueDark ": {
83
- "bg": "Lc=12; #E2E6F3 | hsl( 226 41% 92%) | oklch(0.93 0.02 272 )",
84
- "fg": "Lc=84; #273053 | hsl( 228 36% 24%) | oklch(0.32 0.06 271 )",
83
+ "bg": "#E2E6F3 | hsl( 226 41% 92%) | oklch(0.93 0.02 272 ) | Lc+12.2 over #FFFFFF panelBg",
84
+ "fg": "#273053 | hsl( 228 36% 24%) | oklch(0.32 0.06 271 ) | Lc+84.2 over #E2E6F3 bg",
85
85
  },
86
86
  "swatches[ 8] aka Swatch.Blue ": {
87
- "bg": "Lc=10; #E2EBFD | hsl( 220 87% 94%) | oklch(0.94 0.03 264 )",
88
- "fg": "Lc=82; #263F6F | hsl( 219 49% 29%) | oklch(0.37 0.09 262 )",
87
+ "bg": "#E2EBFD | hsl( 220 87% 94%) | oklch(0.94 0.03 264 ) | Lc+9.65 over #FFFFFF panelBg",
88
+ "fg": "#263F6F | hsl( 219 49% 29%) | oklch(0.37 0.09 262 ) | Lc+81.8 over #E2EBFD bg",
89
89
  },
90
90
  "swatches[ 9] aka Swatch.BlueSky ": {
91
- "bg": "Lc=8; #E3F0FA | hsl( 206 70% 94%) | oklch(0.95 0.02 241 )",
92
- "fg": "Lc=81; #2A4C65 | hsl( 205 41% 28%) | oklch(0.4 0.06 242 )",
91
+ "bg": "#E3F0FA | hsl( 206 70% 94%) | oklch(0.95 0.02 241 ) | Lc+7.52 over #FFFFFF panelBg",
92
+ "fg": "#2A4C65 | hsl( 205 41% 28%) | oklch(0.4 0.06 242 ) | Lc+80.6 over #E3F0FA bg",
93
93
  },
94
94
  "swatches[10] aka Swatch.Turquoise ": {
95
- "bg": "Lc=5; #E6F5F8 | hsl( 190 56% 94%) | oklch(0.96 0.02 211 )",
96
- "fg": "Lc=79; #315961 | hsl( 190 33% 29%) | oklch(0.44 0.05 212 )",
95
+ "bg": "#E6F5F8 | hsl( 190 56% 94%) | oklch(0.96 0.02 211 ) | Lc+5.09 over #FFFFFF panelBg",
96
+ "fg": "#315961 | hsl( 190 33% 29%) | oklch(0.44 0.05 212 ) | Lc+78.9 over #E6F5F8 bg",
97
97
  },
98
98
  "swatches[11] aka Swatch.GreenDark ": {
99
- "bg": "Lc=9; #E3EFED | hsl( 170 27% 91%) | oklch(0.94 0.01 185 )",
100
- "fg": "Lc=82; #294945 | hsl( 173 28% 22%) | oklch(0.38 0.04 186 )",
99
+ "bg": "#E3EFED | hsl( 170 27% 91%) | oklch(0.94 0.01 185 ) | Lc+8.54 over #FFFFFF panelBg",
100
+ "fg": "#294945 | hsl( 173 28% 22%) | oklch(0.38 0.04 186 ) | Lc+81.7 over #E3EFED bg",
101
101
  },
102
102
  "swatches[12] aka Swatch.Green ": {
103
- "bg": "Lc=6; #E8F3E7 | hsl( 115 33% 93%) | oklch(0.95 0.02 143 )",
104
- "fg": "Lc=80; #385333 | hsl( 111 24% 26%) | oklch(0.41 0.06 141 )",
103
+ "bg": "#E8F3E7 | hsl( 115 33% 93%) | oklch(0.95 0.02 143 ) | Lc+6.45 over #FFFFFF panelBg",
104
+ "fg": "#385333 | hsl( 111 24% 26%) | oklch(0.41 0.06 141 ) | Lc+80.4 over #E8F3E7 bg",
105
105
  },
106
106
  "swatches[13] aka Swatch.GreenLight": {
107
- "bg": "Lc=4; #F0F6E7 | hsl( 84 45% 94%) | oklch(0.96 0.02 125 )",
108
- "fg": "Lc=79; #4B5B35 | hsl( 85 26% 28%) | oklch(0.45 0.06 127 )",
107
+ "bg": "#F0F6E7 | hsl( 84 45% 94%) | oklch(0.96 0.02 125 ) | Lc+4.16 over #FFFFFF panelBg",
108
+ "fg": "#4B5B35 | hsl( 85 26% 28%) | oklch(0.45 0.06 127 ) | Lc+78.9 over #F0F6E7 bg",
109
109
  },
110
110
  "swatches[14] aka Swatch.Yellow ": {
111
- "bg": "Lc=4; #FCF2E4 | hsl( 35 80% 94%) | oklch(0.97 0.02 77 )",
112
- "fg": "Lc=79; #6D502B | hsl( 34 43% 30%) | oklch(0.45 0.07 72 )",
111
+ "bg": "#FCF2E4 | hsl( 35 80% 94%) | oklch(0.97 0.02 77 ) | Lc+4.45 over #FFFFFF panelBg",
112
+ "fg": "#6D502B | hsl( 34 43% 30%) | oklch(0.45 0.07 72 ) | Lc+78.6 over #FCF2E4 bg",
113
113
  },
114
114
  "swatches[15] aka Swatch.Orange ": {
115
- "bg": "Lc=9; #FCE7E1 | hsl( 13 82% 94%) | oklch(0.94 0.02 37 )",
116
- "fg": "Lc=81; #6B3423 | hsl( 14 51% 28%) | oklch(0.39 0.08 38 )",
115
+ "bg": "#FCE7E1 | hsl( 13 82% 94%) | oklch(0.94 0.02 37 ) | Lc+9.19 over #FFFFFF panelBg",
116
+ "fg": "#6B3423 | hsl( 14 51% 28%) | oklch(0.39 0.08 38 ) | Lc+80.7 over #FCE7E1 bg",
117
117
  },
118
118
  "swatches[16] aka Swatch.Brown ": {
119
- "bg": "Lc=12; #F1E5E1 | hsl( 15 36% 91%) | oklch(0.93 0.01 39 )",
120
- "fg": "Lc=83; #4F2F25 | hsl( 14 36% 23%) | oklch(0.34 0.05 38 )",
119
+ "bg": "#F1E5E1 | hsl( 15 36% 91%) | oklch(0.93 0.01 39 ) | Lc+11.5 over #FFFFFF panelBg",
120
+ "fg": "#4F2F25 | hsl( 14 36% 23%) | oklch(0.34 0.05 38 ) | Lc+83.1 over #F1E5E1 bg",
121
121
  },
122
122
  }
123
123
  `);
@@ -129,116 +129,116 @@ describe("enum over painted card surface = color coding (bug#14178 worst case)",
129
129
  expect(userColorChoices(cases.overColorCoding)).toMatchInlineSnapshot(`
130
130
  {
131
131
  "CMYK Black ": {
132
- "bg": "Lc=5; #D9D9D9 | hsl(none 0% 85%) | oklch(0.89 0 none)",
133
- "fg": "Lc=83; #0E0E0E | hsl(none 0% 5%) | oklch(0.16 0 none)",
132
+ "bg": "#D9D9D9 | hsl(none 0% 85%) | oklch(0.89 0 none) | Lc+5.12 over #E6E6E6 paintedSurface",
133
+ "fg": "#0E0E0E | hsl(none 0% 5%) | oklch(0.16 0 none) | Lc+83.4 over #D9D9D9 bg",
134
134
  },
135
135
  "CMYK Cyan ": {
136
- "bg": "Lc=4; #D0F6F6 | hsl( 180 68% 89%) | oklch(0.95 0.04 197 )",
137
- "fg": "Lc=68; #0E7474 | hsl( 180 78% 25%) | oklch(0.51 0.08 195 )",
136
+ "bg": "#D0F6F6 | hsl( 180 68% 89%) | oklch(0.95 0.04 197 ) | Lc+4.19 over #E6FFFF paintedSurface",
137
+ "fg": "#0E7474 | hsl( 180 78% 25%) | oklch(0.51 0.08 195 ) | Lc+67.7 over #D0F6F6 bg",
138
138
  },
139
139
  "CMYK Magenta": {
140
- "bg": "Lc=4; #FDD7FD | hsl( 300 90% 92%) | oklch(0.92 0.07 326 )",
141
- "fg": "Lc=76; #740E74 | hsl( 300 78% 25%) | oklch(0.4 0.17 328 )",
140
+ "bg": "#FDD7FD | hsl( 300 90% 92%) | oklch(0.92 0.07 326 ) | Lc+3.83 over #FFE6FF paintedSurface",
141
+ "fg": "#740E74 | hsl( 300 78% 25%) | oklch(0.4 0.17 328 ) | Lc+75.5 over #FDD7FD bg",
142
142
  },
143
143
  "CMYK Yellow ": {
144
- "bg": "Lc=4; #F5F5CF | hsl( 60 66% 89%) | oklch(0.96 0.05 107 )",
145
- "fg": "Lc=67; #74740E | hsl( 60 78% 25%) | oklch(0.54 0.11 110 )",
144
+ "bg": "#F5F5CF | hsl( 60 66% 89%) | oklch(0.96 0.05 107 ) | Lc+3.84 over #FFFFE6 paintedSurface",
145
+ "fg": "#74740E | hsl( 60 78% 25%) | oklch(0.54 0.11 110 ) | Lc+66.7 over #F5F5CF bg",
146
146
  },
147
147
  "Noti green ": {
148
- "bg": "Lc=4; #E4F5EB | hsl( 145 46% 93%) | oklch(0.95 0.02 160 )",
149
- "fg": "Lc=69; #666967 | hsl( 140 1% 41%) | oklch(0.52 0 157 )",
148
+ "bg": "#E4F5EB | hsl( 145 46% 93%) | oklch(0.95 0.02 160 ) | Lc+3.96 over #FBFCFC paintedSurface",
149
+ "fg": "#666967 | hsl( 140 1% 41%) | oklch(0.52 0 157 ) | Lc+69.3 over #E4F5EB bg",
150
150
  },
151
151
  "Noti red ": {
152
- "bg": "Lc=4; #F6EFED | hsl( 13 33% 95%) | oklch(0.96 0.01 37 )",
153
- "fg": "Lc=70; #6D6564 | hsl( 7 4% 41%) | oklch(0.51 0.01 26 )",
152
+ "bg": "#F6EFED | hsl( 13 33% 95%) | oklch(0.96 0.01 37 ) | Lc+4.01 over #FDFBFB paintedSurface",
153
+ "fg": "#6D6564 | hsl( 7 4% 41%) | oklch(0.51 0.01 26 ) | Lc+69.7 over #F6EFED bg",
154
154
  },
155
155
  "Noti yellow ": {
156
- "bg": "Lc=4; #F5F1E0 | hsl( 49 51% 92%) | oklch(0.96 0.02 96 )",
157
- "fg": "Lc=69; #6D695B | hsl( 47 9% 39%) | oklch(0.52 0.02 94 )",
156
+ "bg": "#F5F1E0 | hsl( 49 51% 92%) | oklch(0.96 0.02 96 ) | Lc+4.16 over #FDFCF9 paintedSurface",
157
+ "fg": "#6D695B | hsl( 47 9% 39%) | oklch(0.52 0.02 94 ) | Lc+68.9 over #F5F1E0 bg",
158
158
  },
159
159
  "RGB Blue ": {
160
- "bg": "Lc=4; #D9D9FF | hsl( 240 100% 93%) | oklch(0.9 0.05 285 )",
161
- "fg": "Lc=81; #0E0E74 | hsl( 240 78% 25%) | oklch(0.27 0.16 269 )",
160
+ "bg": "#D9D9FF | hsl( 240 100% 93%) | oklch(0.9 0.05 285 ) | Lc+4.35 over #E5E6FF paintedSurface",
161
+ "fg": "#0E0E74 | hsl( 240 78% 25%) | oklch(0.27 0.16 269 ) | Lc+81.1 over #D9D9FF bg",
162
162
  },
163
163
  "RGB Green ": {
164
- "bg": "Lc=4; #D1F7D1 | hsl( 120 70% 89%) | oklch(0.94 0.06 145 )",
165
- "fg": "Lc=69; #0E740E | hsl( 120 78% 25%) | oklch(0.49 0.16 143 )",
164
+ "bg": "#D1F7D1 | hsl( 120 70% 89%) | oklch(0.94 0.06 145 ) | Lc+4.10 over #E6FFE6 paintedSurface",
165
+ "fg": "#0E740E | hsl( 120 78% 25%) | oklch(0.49 0.16 143 ) | Lc+68.5 over #D1F7D1 bg",
166
166
  },
167
167
  "RGB Red ": {
168
- "bg": "Lc=4; #FED8D8 | hsl( 0 95% 92%) | oklch(0.91 0.04 18 )",
169
- "fg": "Lc=77; #740E0E | hsl( 0 78% 25%) | oklch(0.36 0.14 27 )",
168
+ "bg": "#FED8D8 | hsl( 0 95% 92%) | oklch(0.91 0.04 18 ) | Lc+3.85 over #FFE6E6 paintedSurface",
169
+ "fg": "#740E0E | hsl( 0 78% 25%) | oklch(0.36 0.14 27 ) | Lc+77.3 over #FED8D8 bg",
170
170
  },
171
171
  "White ": {
172
- "bg": "Lc=4; #F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none)",
173
- "fg": "Lc=66; #747474 | hsl(none 0% 45%) | oklch(0.56 0 none)",
172
+ "bg": "#F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none) | Lc+3.97 over #FFFFFF paintedSurface",
173
+ "fg": "#747474 | hsl(none 0% 45%) | oklch(0.56 0 none) | Lc+65.9 over #F4F4F4 bg",
174
174
  },
175
175
  "swatches[ 0] aka Swatch.GreyDark ": {
176
- "bg": "Lc=4; #E2E2E2 | hsl(none 0% 89%) | oklch(0.91 0 none)",
177
- "fg": "Lc=84; #2B2B2B | hsl(none 0% 17%) | oklch(0.29 0 none)",
176
+ "bg": "#E2E2E2 | hsl(none 0% 89%) | oklch(0.91 0 none) | Lc+3.97 over #EDEDED paintedSurface",
177
+ "fg": "#2B2B2B | hsl(none 0% 17%) | oklch(0.29 0 none) | Lc+83.8 over #E2E2E2 bg",
178
178
  },
179
179
  "swatches[ 1] aka Swatch.Grey ": {
180
- "bg": "Lc=4; #E6E8E9 | hsl( 200 6% 91%) | oklch(0.93 0 229 )",
181
- "fg": "Lc=79; #3F4347 | hsl( 210 6% 26%) | oklch(0.38 0.01 248 )",
180
+ "bg": "#E6E8E9 | hsl( 200 6% 91%) | oklch(0.93 0 229 ) | Lc+3.90 over #F0F3F5 paintedSurface",
181
+ "fg": "#3F4347 | hsl( 210 6% 26%) | oklch(0.38 0.01 248 ) | Lc+79.4 over #E6E8E9 bg",
182
182
  },
183
183
  "swatches[ 2] aka Swatch.GreyLight ": {
184
- "bg": "Lc=4; #EAEBEC | hsl( 210 5% 92%) | oklch(0.94 0 248 )",
185
- "fg": "Lc=77; #4B4F52 | hsl( 206 4% 31%) | oklch(0.43 0.01 240 )",
184
+ "bg": "#EAEBEC | hsl( 210 5% 92%) | oklch(0.94 0 248 ) | Lc+3.98 over #F5F6F7 paintedSurface",
185
+ "fg": "#4B4F52 | hsl( 206 4% 31%) | oklch(0.43 0.01 240 ) | Lc+76.7 over #EAEBEC bg",
186
186
  },
187
187
  "swatches[ 3] aka Swatch.Red ": {
188
- "bg": "Lc=4; #F2DBDA | hsl( 2 48% 90%) | oklch(0.91 0.03 21 )",
189
- "fg": "Lc=80; #5B1F1D | hsl( 2 52% 24%) | oklch(0.33 0.09 25 )",
188
+ "bg": "#F2DBDA | hsl( 2 48% 90%) | oklch(0.91 0.03 21 ) | Lc+3.81 over #FBE6E8 paintedSurface",
189
+ "fg": "#5B1F1D | hsl( 2 52% 24%) | oklch(0.33 0.09 25 ) | Lc+79.9 over #F2DBDA bg",
190
190
  },
191
191
  "swatches[ 4] aka Swatch.Magenta ": {
192
- "bg": "Lc=4; #F5DDE4 | hsl( 343 55% 91%) | oklch(0.92 0.03 358 )",
193
- "fg": "Lc=79; #632537 | hsl( 343 46% 27%) | oklch(0.36 0.09 5 )",
192
+ "bg": "#F5DDE4 | hsl( 343 55% 91%) | oklch(0.92 0.03 358 ) | Lc+4.00 over #FDE9F0 paintedSurface",
193
+ "fg": "#632537 | hsl( 343 46% 27%) | oklch(0.36 0.09 5 ) | Lc+79.1 over #F5DDE4 bg",
194
194
  },
195
195
  "swatches[ 5] aka Swatch.Purple ": {
196
- "bg": "Lc=4; #EBDEEF | hsl( 286 35% 90%) | oklch(0.92 0.03 318 )",
197
- "fg": "Lc=82; #472451 | hsl( 287 38% 23%) | oklch(0.33 0.09 318 )",
196
+ "bg": "#EBDEEF | hsl( 286 35% 90%) | oklch(0.92 0.03 318 ) | Lc+4.11 over #F5EAF7 paintedSurface",
197
+ "fg": "#472451 | hsl( 287 38% 23%) | oklch(0.33 0.09 318 ) | Lc+81.7 over #EBDEEF bg",
198
198
  },
199
199
  "swatches[ 6] aka Swatch.Violet ": {
200
- "bg": "Lc=4; #E5E1F1 | hsl( 255 36% 91%) | oklch(0.92 0.02 297 )",
201
- "fg": "Lc=83; #342954 | hsl( 255 34% 25%) | oklch(0.32 0.08 293 )",
200
+ "bg": "#E5E1F1 | hsl( 255 36% 91%) | oklch(0.92 0.02 297 ) | Lc+3.79 over #F0ECF8 paintedSurface",
201
+ "fg": "#342954 | hsl( 255 34% 25%) | oklch(0.32 0.08 293 ) | Lc+83.0 over #E5E1F1 bg",
202
202
  },
203
203
  "swatches[ 7] aka Swatch.BlueDark ": {
204
- "bg": "Lc=4; #DFE3F0 | hsl( 226 36% 91%) | oklch(0.92 0.02 272 )",
205
- "fg": "Lc=82; #273053 | hsl( 228 36% 24%) | oklch(0.32 0.06 271 )",
204
+ "bg": "#DFE3F0 | hsl( 226 36% 91%) | oklch(0.92 0.02 272 ) | Lc+4.08 over #ECEEF8 paintedSurface",
205
+ "fg": "#273053 | hsl( 228 36% 24%) | oklch(0.32 0.06 271 ) | Lc+82.5 over #DFE3F0 bg",
206
206
  },
207
207
  "swatches[ 8] aka Swatch.Blue ": {
208
- "bg": "Lc=4; #DEE7F9 | hsl( 220 69% 92%) | oklch(0.93 0.03 264 )",
209
- "fg": "Lc=79; #263F6F | hsl( 219 49% 29%) | oklch(0.37 0.09 262 )",
208
+ "bg": "#DEE7F9 | hsl( 220 69% 92%) | oklch(0.93 0.03 264 ) | Lc+3.86 over #EAF2FF paintedSurface",
209
+ "fg": "#263F6F | hsl( 219 49% 29%) | oklch(0.37 0.09 262 ) | Lc+79.4 over #DEE7F9 bg",
210
210
  },
211
211
  "swatches[ 9] aka Swatch.BlueSky ": {
212
- "bg": "Lc=4; #DDEAF4 | hsl( 206 51% 91%) | oklch(0.93 0.02 241 )",
213
- "fg": "Lc=77; #2A4C65 | hsl( 205 41% 28%) | oklch(0.4 0.06 242 )",
212
+ "bg": "#DDEAF4 | hsl( 206 51% 91%) | oklch(0.93 0.02 241 ) | Lc+3.84 over #E8F5FC paintedSurface",
213
+ "fg": "#2A4C65 | hsl( 205 41% 28%) | oklch(0.4 0.06 242 ) | Lc+77.1 over #DDEAF4 bg",
214
214
  },
215
215
  "swatches[10] aka Swatch.Turquoise ": {
216
- "bg": "Lc=4; #DEEDF0 | hsl( 190 37% 91%) | oklch(0.94 0.02 211 )",
217
- "fg": "Lc=74; #315961 | hsl( 190 33% 29%) | oklch(0.44 0.05 212 )",
216
+ "bg": "#DEEDF0 | hsl( 190 37% 91%) | oklch(0.94 0.02 211 ) | Lc+3.97 over #E9F8FB paintedSurface",
217
+ "fg": "#315961 | hsl( 190 33% 29%) | oklch(0.44 0.05 212 ) | Lc+74.3 over #DEEDF0 bg",
218
218
  },
219
219
  "swatches[11] aka Swatch.GreenDark ": {
220
- "bg": "Lc=4; #DEEAE8 | hsl( 170 22% 89%) | oklch(0.93 0.01 185 )",
221
- "fg": "Lc=79; #294945 | hsl( 173 28% 22%) | oklch(0.38 0.04 186 )",
220
+ "bg": "#DEEAE8 | hsl( 170 22% 89%) | oklch(0.93 0.01 185 ) | Lc+3.86 over #E8F5F3 paintedSurface",
221
+ "fg": "#294945 | hsl( 173 28% 22%) | oklch(0.38 0.04 186 ) | Lc+78.8 over #DEEAE8 bg",
222
222
  },
223
223
  "swatches[12] aka Swatch.Green ": {
224
- "bg": "Lc=4; #E1ECE0 | hsl( 115 24% 90%) | oklch(0.93 0.02 143 )",
225
- "fg": "Lc=76; #385333 | hsl( 111 24% 26%) | oklch(0.41 0.06 141 )",
224
+ "bg": "#E1ECE0 | hsl( 115 24% 90%) | oklch(0.93 0.02 143 ) | Lc+4.22 over #EDF7EE paintedSurface",
225
+ "fg": "#385333 | hsl( 111 24% 26%) | oklch(0.41 0.06 141 ) | Lc+76.3 over #E1ECE0 bg",
226
226
  },
227
227
  "swatches[13] aka Swatch.GreenLight": {
228
- "bg": "Lc=4; #E8EEDF | hsl( 84 31% 90%) | oklch(0.94 0.02 125 )",
229
- "fg": "Lc=74; #4B5B35 | hsl( 85 26% 28%) | oklch(0.45 0.06 127 )",
228
+ "bg": "#E8EEDF | hsl( 84 31% 90%) | oklch(0.94 0.02 125 ) | Lc+4.26 over #F4F9EE paintedSurface",
229
+ "fg": "#4B5B35 | hsl( 85 26% 28%) | oklch(0.45 0.06 127 ) | Lc+74.2 over #E8EEDF bg",
230
230
  },
231
231
  "swatches[14] aka Swatch.Yellow ": {
232
- "bg": "Lc=4; #F5EBDD | hsl( 35 55% 91%) | oklch(0.94 0.02 77 )",
233
- "fg": "Lc=75; #6D502B | hsl( 34 43% 30%) | oklch(0.45 0.07 72 )",
232
+ "bg": "#F5EBDD | hsl( 35 55% 91%) | oklch(0.94 0.02 77 ) | Lc+3.92 over #FFF6EA paintedSurface",
233
+ "fg": "#6D502B | hsl( 34 43% 30%) | oklch(0.45 0.07 72 ) | Lc+74.5 over #F5EBDD bg",
234
234
  },
235
235
  "swatches[15] aka Swatch.Orange ": {
236
- "bg": "Lc=4; #F7E2DC | hsl( 13 63% 92%) | oklch(0.93 0.02 37 )",
237
- "fg": "Lc=78; #6B3423 | hsl( 14 51% 28%) | oklch(0.39 0.08 38 )",
236
+ "bg": "#F7E2DC | hsl( 13 63% 92%) | oklch(0.93 0.02 37 ) | Lc+4.05 over #FFEEE9 paintedSurface",
237
+ "fg": "#6B3423 | hsl( 14 51% 28%) | oklch(0.39 0.08 38 ) | Lc+77.8 over #F7E2DC bg",
238
238
  },
239
239
  "swatches[16] aka Swatch.Brown ": {
240
- "bg": "Lc=4; #EEE2DE | hsl( 15 32% 90%) | oklch(0.92 0.01 39 )",
241
- "fg": "Lc=81; #4F2F25 | hsl( 14 36% 23%) | oklch(0.34 0.05 38 )",
240
+ "bg": "#EEE2DE | hsl( 15 32% 90%) | oklch(0.92 0.01 39 ) | Lc+3.75 over #F7EDEA paintedSurface",
241
+ "fg": "#4F2F25 | hsl( 14 36% 23%) | oklch(0.34 0.05 38 ) | Lc+81.4 over #EEE2DE bg",
242
242
  },
243
243
  }
244
244
  `);
@@ -250,116 +250,116 @@ describe("enum over same-color card (extreme experiment)", () => {
250
250
  expect(userColorChoices(cases.overSameColor)).toMatchInlineSnapshot(`
251
251
  {
252
252
  "CMYK Black ": {
253
- "bg": "Lc=84; #D9D9D9 | hsl(none 0% 85%) | oklch(0.89 0 none)",
254
- "fg": "Lc=83; #0E0E0E | hsl(none 0% 5%) | oklch(0.16 0 none)",
253
+ "bg": "#D9D9D9 | hsl(none 0% 85%) | oklch(0.89 0 none) | Lc-83.6 over #000000 card",
254
+ "fg": "#0E0E0E | hsl(none 0% 5%) | oklch(0.16 0 none) | Lc+83.4 over #D9D9D9 bg",
255
255
  },
256
256
  "CMYK Cyan ": {
257
- "bg": "Lc=3; #D0F6F6 | hsl( 180 68% 89%) | oklch(0.95 0.04 197 )",
258
- "fg": "Lc=68; #0E7474 | hsl( 180 78% 25%) | oklch(0.51 0.08 195 )",
257
+ "bg": "#D0F6F6 | hsl( 180 68% 89%) | oklch(0.95 0.04 197 ) | Lc-2.99 over #00FFFF card",
258
+ "fg": "#0E7474 | hsl( 180 78% 25%) | oklch(0.51 0.08 195 ) | Lc+67.7 over #D0F6F6 bg",
259
259
  },
260
260
  "CMYK Magenta": {
261
- "bg": "Lc=43; #FDD7FD | hsl( 300 90% 92%) | oklch(0.92 0.07 326 )",
262
- "fg": "Lc=76; #740E74 | hsl( 300 78% 25%) | oklch(0.4 0.17 328 )",
261
+ "bg": "#FDD7FD | hsl( 300 90% 92%) | oklch(0.92 0.07 326 ) | Lc-42.6 over #FF00FF card",
262
+ "fg": "#740E74 | hsl( 300 78% 25%) | oklch(0.4 0.17 328 ) | Lc+75.5 over #FDD7FD bg",
263
263
  },
264
264
  "CMYK Yellow ": {
265
- "bg": "Lc=0; #F5F5CF | hsl( 60 66% 89%) | oklch(0.96 0.05 107 )",
266
- "fg": "Lc=67; #74740E | hsl( 60 78% 25%) | oklch(0.54 0.11 110 )",
265
+ "bg": "#F5F5CF | hsl( 60 66% 89%) | oklch(0.96 0.05 107 ) | Lc+0.17 over #FFFF00 card",
266
+ "fg": "#74740E | hsl( 60 78% 25%) | oklch(0.54 0.11 110 ) | Lc+66.7 over #F5F5CF bg",
267
267
  },
268
268
  "Noti green ": {
269
- "bg": "Lc=7; #E4F5EB | hsl( 145 46% 93%) | oklch(0.95 0.02 160 )",
270
- "fg": "Lc=69; #666967 | hsl( 140 1% 41%) | oklch(0.52 0 157 )",
269
+ "bg": "#E4F5EB | hsl( 145 46% 93%) | oklch(0.95 0.02 160 ) | Lc-7.10 over #DCE5DF card",
270
+ "fg": "#666967 | hsl( 140 1% 41%) | oklch(0.52 0 157 ) | Lc+69.3 over #E4F5EB bg",
271
271
  },
272
272
  "Noti red ": {
273
- "bg": "Lc=9; #F6EFED | hsl( 13 33% 95%) | oklch(0.96 0.01 37 )",
274
- "fg": "Lc=70; #6D6564 | hsl( 7 4% 41%) | oklch(0.51 0.01 26 )",
273
+ "bg": "#F6EFED | hsl( 13 33% 95%) | oklch(0.96 0.01 37 ) | Lc-9.25 over #EEDBD7 card",
274
+ "fg": "#6D6564 | hsl( 7 4% 41%) | oklch(0.51 0.01 26 ) | Lc+69.7 over #F6EFED bg",
275
275
  },
276
276
  "Noti yellow ": {
277
- "bg": "Lc=7; #F5F1E0 | hsl( 49 51% 92%) | oklch(0.96 0.02 96 )",
278
- "fg": "Lc=69; #6D695B | hsl( 47 9% 39%) | oklch(0.52 0.02 94 )",
277
+ "bg": "#F5F1E0 | hsl( 49 51% 92%) | oklch(0.96 0.02 96 ) | Lc-6.73 over #EEE3C0 card",
278
+ "fg": "#6D695B | hsl( 47 9% 39%) | oklch(0.52 0.02 94 ) | Lc+68.9 over #F5F1E0 bg",
279
279
  },
280
280
  "RGB Blue ": {
281
- "bg": "Lc=68; #D9D9FF | hsl( 240 100% 93%) | oklch(0.9 0.05 285 )",
282
- "fg": "Lc=81; #0E0E74 | hsl( 240 78% 25%) | oklch(0.27 0.16 269 )",
281
+ "bg": "#D9D9FF | hsl( 240 100% 93%) | oklch(0.9 0.05 285 ) | Lc-68.2 over #0000FF card",
282
+ "fg": "#0E0E74 | hsl( 240 78% 25%) | oklch(0.27 0.16 269 ) | Lc+81.1 over #D9D9FF bg",
283
283
  },
284
284
  "RGB Green ": {
285
- "bg": "Lc=8; #D1F7D1 | hsl( 120 70% 89%) | oklch(0.94 0.06 145 )",
286
- "fg": "Lc=69; #0E740E | hsl( 120 78% 25%) | oklch(0.49 0.16 143 )",
285
+ "bg": "#D1F7D1 | hsl( 120 70% 89%) | oklch(0.94 0.06 145 ) | Lc-7.88 over #00FF00 card",
286
+ "fg": "#0E740E | hsl( 120 78% 25%) | oklch(0.49 0.16 143 ) | Lc+68.5 over #D1F7D1 bg",
287
287
  },
288
288
  "RGB Red ": {
289
- "bg": "Lc=50; #FED8D8 | hsl( 0 95% 92%) | oklch(0.91 0.04 18 )",
290
- "fg": "Lc=77; #740E0E | hsl( 0 78% 25%) | oklch(0.36 0.14 27 )",
289
+ "bg": "#FED8D8 | hsl( 0 95% 92%) | oklch(0.91 0.04 18 ) | Lc-50.2 over #FF0000 card",
290
+ "fg": "#740E0E | hsl( 0 78% 25%) | oklch(0.36 0.14 27 ) | Lc+77.3 over #FED8D8 bg",
291
291
  },
292
292
  "White ": {
293
- "bg": "Lc=4; #F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none)",
294
- "fg": "Lc=66; #747474 | hsl(none 0% 45%) | oklch(0.56 0 none)",
293
+ "bg": "#F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none) | Lc+3.97 over #FFFFFF card",
294
+ "fg": "#747474 | hsl(none 0% 45%) | oklch(0.56 0 none) | Lc+65.9 over #F4F4F4 bg",
295
295
  },
296
296
  "swatches[ 0] aka Swatch.GreyDark ": {
297
- "bg": "Lc=76; #E2E2E2 | hsl(none 0% 89%) | oklch(0.91 0 none)",
298
- "fg": "Lc=84; #2B2B2B | hsl(none 0% 17%) | oklch(0.29 0 none)",
297
+ "bg": "#E2E2E2 | hsl(none 0% 89%) | oklch(0.91 0 none) | Lc-76.0 over #4A4A4A card",
298
+ "fg": "#2B2B2B | hsl(none 0% 17%) | oklch(0.29 0 none) | Lc+83.8 over #E2E2E2 bg",
299
299
  },
300
300
  "swatches[ 1] aka Swatch.Grey ": {
301
- "bg": "Lc=57; #E6E8E9 | hsl( 200 6% 91%) | oklch(0.93 0 229 )",
302
- "fg": "Lc=79; #3F4347 | hsl( 210 6% 26%) | oklch(0.38 0.01 248 )",
301
+ "bg": "#E6E8E9 | hsl( 200 6% 91%) | oklch(0.93 0 229 ) | Lc-56.7 over #6A849B card",
302
+ "fg": "#3F4347 | hsl( 210 6% 26%) | oklch(0.38 0.01 248 ) | Lc+79.4 over #E6E8E9 bg",
303
303
  },
304
304
  "swatches[ 2] aka Swatch.GreyLight ": {
305
- "bg": "Lc=43; #EAEBEC | hsl( 210 5% 92%) | oklch(0.94 0 248 )",
306
- "fg": "Lc=77; #4B4F52 | hsl( 206 4% 31%) | oklch(0.43 0.01 240 )",
305
+ "bg": "#EAEBEC | hsl( 210 5% 92%) | oklch(0.94 0 248 ) | Lc-42.6 over #99A2AB card",
306
+ "fg": "#4B4F52 | hsl( 206 4% 31%) | oklch(0.43 0.01 240 ) | Lc+76.7 over #EAEBEC bg",
307
307
  },
308
308
  "swatches[ 3] aka Swatch.Red ": {
309
- "bg": "Lc=60; #F2DBDA | hsl( 2 48% 90%) | oklch(0.91 0.03 21 )",
310
- "fg": "Lc=80; #5B1F1D | hsl( 2 52% 24%) | oklch(0.33 0.09 25 )",
309
+ "bg": "#F2DBDA | hsl( 2 48% 90%) | oklch(0.91 0.03 21 ) | Lc-60.1 over #D40915 card",
310
+ "fg": "#5B1F1D | hsl( 2 52% 24%) | oklch(0.33 0.09 25 ) | Lc+79.9 over #F2DBDA bg",
311
311
  },
312
312
  "swatches[ 4] aka Swatch.Magenta ": {
313
- "bg": "Lc=56; #F5DDE4 | hsl( 343 55% 91%) | oklch(0.92 0.03 358 )",
314
- "fg": "Lc=79; #632537 | hsl( 343 46% 27%) | oklch(0.36 0.09 5 )",
313
+ "bg": "#F5DDE4 | hsl( 343 55% 91%) | oklch(0.92 0.03 358 ) | Lc-55.7 over #E72065 card",
314
+ "fg": "#632537 | hsl( 343 46% 27%) | oklch(0.36 0.09 5 ) | Lc+79.1 over #F5DDE4 bg",
315
315
  },
316
316
  "swatches[ 5] aka Swatch.Purple ": {
317
- "bg": "Lc=66; #EBDEEF | hsl( 286 35% 90%) | oklch(0.92 0.03 318 )",
318
- "fg": "Lc=82; #472451 | hsl( 287 38% 23%) | oklch(0.33 0.09 318 )",
317
+ "bg": "#EBDEEF | hsl( 286 35% 90%) | oklch(0.92 0.03 318 ) | Lc-66.3 over #9C2BAF card",
318
+ "fg": "#472451 | hsl( 287 38% 23%) | oklch(0.33 0.09 318 ) | Lc+81.7 over #EBDEEF bg",
319
319
  },
320
320
  "swatches[ 6] aka Swatch.Violet ": {
321
- "bg": "Lc=71; #E5E1F1 | hsl( 255 36% 91%) | oklch(0.92 0.02 297 )",
322
- "fg": "Lc=83; #342954 | hsl( 255 34% 25%) | oklch(0.32 0.08 293 )",
321
+ "bg": "#E5E1F1 | hsl( 255 36% 91%) | oklch(0.92 0.02 297 ) | Lc-71.3 over #673DB6 card",
322
+ "fg": "#342954 | hsl( 255 34% 25%) | oklch(0.32 0.08 293 ) | Lc+83.0 over #E5E1F1 bg",
323
323
  },
324
324
  "swatches[ 7] aka Swatch.BlueDark ": {
325
- "bg": "Lc=70; #DFE3F0 | hsl( 226 36% 91%) | oklch(0.92 0.02 272 )",
326
- "fg": "Lc=82; #273053 | hsl( 228 36% 24%) | oklch(0.32 0.06 271 )",
325
+ "bg": "#DFE3F0 | hsl( 226 36% 91%) | oklch(0.92 0.02 272 ) | Lc-70.0 over #3E53B4 card",
326
+ "fg": "#273053 | hsl( 228 36% 24%) | oklch(0.32 0.06 271 ) | Lc+82.5 over #DFE3F0 bg",
327
327
  },
328
328
  "swatches[ 8] aka Swatch.Blue ": {
329
- "bg": "Lc=57; #DEE7F9 | hsl( 220 69% 92%) | oklch(0.93 0.03 264 )",
330
- "fg": "Lc=79; #263F6F | hsl( 219 49% 29%) | oklch(0.37 0.09 262 )",
329
+ "bg": "#DEE7F9 | hsl( 220 69% 92%) | oklch(0.93 0.03 264 ) | Lc-56.8 over #2978FB card",
330
+ "fg": "#263F6F | hsl( 219 49% 29%) | oklch(0.37 0.09 262 ) | Lc+79.4 over #DEE7F9 bg",
331
331
  },
332
332
  "swatches[ 9] aka Swatch.BlueSky ": {
333
- "bg": "Lc=46; #DDEAF4 | hsl( 206 51% 91%) | oklch(0.93 0.02 241 )",
334
- "fg": "Lc=77; #2A4C65 | hsl( 205 41% 28%) | oklch(0.4 0.06 242 )",
333
+ "bg": "#DDEAF4 | hsl( 206 51% 91%) | oklch(0.93 0.02 241 ) | Lc-46.3 over #199EE3 card",
334
+ "fg": "#2A4C65 | hsl( 205 41% 28%) | oklch(0.4 0.06 242 ) | Lc+77.1 over #DDEAF4 bg",
335
335
  },
336
336
  "swatches[10] aka Swatch.Turquoise ": {
337
- "bg": "Lc=35; #DEEDF0 | hsl( 190 37% 91%) | oklch(0.94 0.02 211 )",
338
- "fg": "Lc=74; #315961 | hsl( 190 33% 29%) | oklch(0.44 0.05 212 )",
337
+ "bg": "#DEEDF0 | hsl( 190 37% 91%) | oklch(0.94 0.02 211 ) | Lc-34.9 over #1FBED3 card",
338
+ "fg": "#315961 | hsl( 190 33% 29%) | oklch(0.44 0.05 212 ) | Lc+74.3 over #DEEDF0 bg",
339
339
  },
340
340
  "swatches[11] aka Swatch.GreenDark ": {
341
- "bg": "Lc=53; #DEEAE8 | hsl( 170 22% 89%) | oklch(0.93 0.01 185 )",
342
- "fg": "Lc=79; #294945 | hsl( 173 28% 22%) | oklch(0.38 0.04 186 )",
341
+ "bg": "#DEEAE8 | hsl( 170 22% 89%) | oklch(0.93 0.01 185 ) | Lc-53.3 over #159789 card",
342
+ "fg": "#294945 | hsl( 173 28% 22%) | oklch(0.38 0.04 186 ) | Lc+78.8 over #DEEAE8 bg",
343
343
  },
344
344
  "swatches[12] aka Swatch.Green ": {
345
- "bg": "Lc=44; #E1ECE0 | hsl( 115 24% 90%) | oklch(0.93 0.02 143 )",
346
- "fg": "Lc=76; #385333 | hsl( 111 24% 26%) | oklch(0.41 0.06 141 )",
345
+ "bg": "#E1ECE0 | hsl( 115 24% 90%) | oklch(0.93 0.02 143 ) | Lc-43.9 over #4FAF54 card",
346
+ "fg": "#385333 | hsl( 111 24% 26%) | oklch(0.41 0.06 141 ) | Lc+76.3 over #E1ECE0 bg",
347
347
  },
348
348
  "swatches[13] aka Swatch.GreenLight": {
349
- "bg": "Lc=33; #E8EEDF | hsl( 84 31% 90%) | oklch(0.94 0.02 125 )",
350
- "fg": "Lc=74; #4B5B35 | hsl( 85 26% 28%) | oklch(0.45 0.06 127 )",
349
+ "bg": "#E8EEDF | hsl( 84 31% 90%) | oklch(0.94 0.02 125 ) | Lc-32.6 over #8EC351 card",
350
+ "fg": "#4B5B35 | hsl( 85 26% 28%) | oklch(0.45 0.06 127 ) | Lc+74.2 over #E8EEDF bg",
351
351
  },
352
352
  "swatches[14] aka Swatch.Yellow ": {
353
- "bg": "Lc=31; #F5EBDD | hsl( 35 55% 91%) | oklch(0.94 0.02 77 )",
354
- "fg": "Lc=75; #6D502B | hsl( 34 43% 30%) | oklch(0.45 0.07 72 )",
353
+ "bg": "#F5EBDD | hsl( 35 55% 91%) | oklch(0.94 0.02 77 ) | Lc-31.2 over #FBA32F card",
354
+ "fg": "#6D502B | hsl( 34 43% 30%) | oklch(0.45 0.07 72 ) | Lc+74.5 over #F5EBDD bg",
355
355
  },
356
356
  "swatches[15] aka Swatch.Orange ": {
357
- "bg": "Lc=48; #F7E2DC | hsl( 13 63% 92%) | oklch(0.93 0.02 37 )",
358
- "fg": "Lc=78; #6B3423 | hsl( 14 51% 28%) | oklch(0.39 0.08 38 )",
357
+ "bg": "#F7E2DC | hsl( 13 63% 92%) | oklch(0.93 0.02 37 ) | Lc-47.9 over #FC551F card",
358
+ "fg": "#6B3423 | hsl( 14 51% 28%) | oklch(0.39 0.08 38 ) | Lc+77.8 over #F7E2DC bg",
359
359
  },
360
360
  "swatches[16] aka Swatch.Brown ": {
361
- "bg": "Lc=64; #EEE2DE | hsl( 15 32% 90%) | oklch(0.92 0.01 39 )",
362
- "fg": "Lc=81; #4F2F25 | hsl( 14 36% 23%) | oklch(0.34 0.05 38 )",
361
+ "bg": "#EEE2DE | hsl( 15 32% 90%) | oklch(0.92 0.01 39 ) | Lc-63.7 over #B04E31 card",
362
+ "fg": "#4F2F25 | hsl( 14 36% 23%) | oklch(0.34 0.05 38 ) | Lc+81.4 over #EEE2DE bg",
363
363
  },
364
364
  }
365
365
  `);