@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.dark.warm.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=2; #312D2C | hsl( 12 5% 18%) | oklch(0.3 0.01 34 )",
12
- "fg": "Lc=30; #867F7C | hsl( 18 4% 51%) | oklch(0.6 0.01 45 )",
11
+ "bg": "#312D2C | hsl( 12 5% 18%) | oklch(0.3 0.01 34 ) | Lc-1.98 over #1A1614 panelBg",
12
+ "fg": "#867F7C | hsl( 18 4% 51%) | oklch(0.6 0.01 45 ) | Lc-30.3 over #312D2C bg",
13
13
  },
14
14
  "CMYK Cyan ": {
15
- "bg": "Lc=14; #255B57 | hsl( 176 42% 25%) | oklch(0.43 0.06 189 )",
16
- "fg": "Lc=66; #9FE4DD | hsl( 174 56% 76%) | oklch(0.87 0.07 188 )",
15
+ "bg": "#255B57 | hsl( 176 42% 25%) | oklch(0.43 0.06 189 ) | Lc-14.4 over #1A1614 panelBg",
16
+ "fg": "#9FE4DD | hsl( 174 56% 76%) | oklch(0.87 0.07 188 ) | Lc-66.1 over #255B57 bg",
17
17
  },
18
18
  "CMYK Magenta": {
19
- "bg": "Lc=7; #5D2759 | hsl( 304 41% 26%) | oklch(0.37 0.1 330 )",
20
- "fg": "Lc=55; #EA9FDF | hsl( 309 64% 77%) | oklch(0.8 0.12 332 )",
19
+ "bg": "#5D2759 | hsl( 304 41% 26%) | oklch(0.37 0.1 330 ) | Lc-6.53 over #1A1614 panelBg",
20
+ "fg": "#EA9FDF | hsl( 309 64% 77%) | oklch(0.8 0.12 332 ) | Lc-55.0 over #5D2759 bg",
21
21
  },
22
22
  "CMYK Yellow ": {
23
- "bg": "Lc=17; #5E5C14 | hsl( 58 65% 22%) | oklch(0.46 0.09 108 )",
24
- "fg": "Lc=70; #ECE584 | hsl( 56 73% 72%) | oklch(0.91 0.12 105 )",
23
+ "bg": "#5E5C14 | hsl( 58 65% 22%) | oklch(0.46 0.09 108 ) | Lc-17.0 over #1A1614 panelBg",
24
+ "fg": "#ECE584 | hsl( 56 73% 72%) | oklch(0.91 0.12 105 ) | Lc-69.9 over #5E5C14 bg",
25
25
  },
26
26
  "Noti green ": {
27
- "bg": "Lc=15; #49584A | hsl( 124 9% 32%) | oklch(0.44 0.03 147 )",
28
- "fg": "Lc=68; #DEDAD4 | hsl( 36 13% 85%) | oklch(0.89 0.01 78 )",
27
+ "bg": "#49584A | hsl( 124 9% 32%) | oklch(0.44 0.03 147 ) | Lc-14.8 over #1A1614 panelBg",
28
+ "fg": "#DEDAD4 | hsl( 36 13% 85%) | oklch(0.89 0.01 78 ) | Lc-67.6 over #49584A bg",
29
29
  },
30
30
  "Noti red ": {
31
- "bg": "Lc=13; #5F4B46 | hsl( 12 15% 32%) | oklch(0.43 0.03 34 )",
32
- "fg": "Lc=68; #E2D5D0 | hsl( 17 24% 85%) | oklch(0.88 0.02 42 )",
31
+ "bg": "#5F4B46 | hsl( 12 15% 32%) | oklch(0.43 0.03 34 ) | Lc-13.0 over #1A1614 panelBg",
32
+ "fg": "#E2D5D0 | hsl( 17 24% 85%) | oklch(0.88 0.02 42 ) | Lc-67.5 over #5F4B46 bg",
33
33
  },
34
34
  "Noti yellow ": {
35
- "bg": "Lc=15; #5C543F | hsl( 43 19% 30%) | oklch(0.45 0.03 90 )",
36
- "fg": "Lc=68; #E5DAC9 | hsl( 36 35% 84%) | oklch(0.89 0.03 79 )",
35
+ "bg": "#5C543F | hsl( 43 19% 30%) | oklch(0.45 0.03 90 ) | Lc-14.9 over #1A1614 panelBg",
36
+ "fg": "#E5DAC9 | hsl( 36 35% 84%) | oklch(0.89 0.03 79 ) | Lc-68.0 over #5C543F bg",
37
37
  },
38
38
  "RGB Blue ": {
39
- "bg": "Lc=2; #21285E | hsl( 233 48% 25%) | oklch(0.3 0.1 274 )",
40
- "fg": "Lc=42; #8F93D9 | hsl( 237 49% 71%) | oklch(0.69 0.1 281 )",
39
+ "bg": "#21285E | hsl( 233 48% 25%) | oklch(0.3 0.1 274 ) | Lc-2.06 over #1A1614 panelBg",
40
+ "fg": "#8F93D9 | hsl( 237 49% 71%) | oklch(0.69 0.1 281 ) | Lc-42.4 over #21285E bg",
41
41
  },
42
42
  "RGB Green ": {
43
- "bg": "Lc=13; #2D5A1C | hsl( 104 53% 23%) | oklch(0.42 0.1 138 )",
44
- "fg": "Lc=64; #AAE28F | hsl( 100 59% 72%) | oklch(0.85 0.12 136 )",
43
+ "bg": "#2D5A1C | hsl( 104 53% 23%) | oklch(0.42 0.1 138 ) | Lc-13.3 over #1A1614 panelBg",
44
+ "fg": "#AAE28F | hsl( 100 59% 72%) | oklch(0.85 0.12 136 ) | Lc-64.4 over #2D5A1C bg",
45
45
  },
46
46
  "RGB Red ": {
47
- "bg": "Lc=3; #56211C | hsl( 5 51% 22%) | oklch(0.33 0.08 28 )",
48
- "fg": "Lc=50; #E1968E | hsl( 6 58% 72%) | oklch(0.75 0.09 26 )",
47
+ "bg": "#56211C | hsl( 5 51% 22%) | oklch(0.33 0.08 28 ) | Lc-3.39 over #1A1614 panelBg",
48
+ "fg": "#E1968E | hsl( 6 58% 72%) | oklch(0.75 0.09 26 ) | Lc-50.0 over #56211C bg",
49
49
  },
50
50
  "White ": {
51
- "bg": "Lc=18; #5F5C5B | hsl( 15 2% 36%) | oklch(0.48 0 39 )",
52
- "fg": "Lc=72; #ECE5E2 | hsl( 18 21% 91%) | oklch(0.93 0.01 45 )",
51
+ "bg": "#5F5C5B | hsl( 15 2% 36%) | oklch(0.48 0 39 ) | Lc-18.1 over #1A1614 panelBg",
52
+ "fg": "#ECE5E2 | hsl( 18 21% 91%) | oklch(0.93 0.01 45 ) | Lc-71.8 over #5F5C5B bg",
53
53
  },
54
54
  "swatches[ 0] aka Swatch.GreyDark ": {
55
- "bg": "Lc=2; #312D2B | hsl( 20 7% 18%) | oklch(0.3 0.01 48 )",
56
- "fg": "Lc=45; #A59C98 | hsl( 18 7% 62%) | oklch(0.7 0.01 46 )",
55
+ "bg": "#312D2B | hsl( 20 7% 18%) | oklch(0.3 0.01 48 ) | Lc-1.97 over #1A1614 panelBg",
56
+ "fg": "#A59C98 | hsl( 18 7% 62%) | oklch(0.7 0.01 46 ) | Lc-45.0 over #312D2B bg",
57
57
  },
58
58
  "swatches[ 1] aka Swatch.Grey ": {
59
- "bg": "Lc=5; #393737 | hsl( 0 2% 22%) | oklch(0.34 0 17 )",
60
- "fg": "Lc=55; #BAB4B2 | hsl( 15 5% 71%) | oklch(0.77 0.01 39 )",
59
+ "bg": "#393737 | hsl( 0 2% 22%) | oklch(0.34 0 17 ) | Lc-4.66 over #1A1614 panelBg",
60
+ "fg": "#BAB4B2 | hsl( 15 5% 71%) | oklch(0.77 0.01 39 ) | Lc-55.3 over #393737 bg",
61
61
  },
62
62
  "swatches[ 2] aka Swatch.GreyLight ": {
63
- "bg": "Lc=8; #424040 | hsl( 0 2% 25%) | oklch(0.37 0 17 )",
64
- "fg": "Lc=59; #C6C0BE | hsl( 15 7% 76%) | oklch(0.81 0.01 39 )",
63
+ "bg": "#424040 | hsl( 0 2% 25%) | oklch(0.37 0 17 ) | Lc-7.61 over #1A1614 panelBg",
64
+ "fg": "#C6C0BE | hsl( 15 7% 76%) | oklch(0.81 0.01 39 ) | Lc-59.4 over #424040 bg",
65
65
  },
66
66
  "swatches[ 3] aka Swatch.Red ": {
67
- "bg": "Lc=2; #4B201D | hsl( 4 44% 20%) | oklch(0.3 0.07 26 )",
68
- "fg": "Lc=48; #D1948E | hsl( 5 42% 69%) | oklch(0.72 0.07 25 )",
67
+ "bg": "#4B201D | hsl( 4 44% 20%) | oklch(0.3 0.07 26 ) | Lc-2.07 over #1A1614 panelBg",
68
+ "fg": "#D1948E | hsl( 5 42% 69%) | oklch(0.72 0.07 25 ) | Lc-47.9 over #4B201D bg",
69
69
  },
70
70
  "swatches[ 4] aka Swatch.Magenta ": {
71
- "bg": "Lc=3; #502330 | hsl( 343 39% 23%) | oklch(0.32 0.07 3 )",
72
- "fg": "Lc=51; #D89AA8 | hsl( 346 44% 73%) | oklch(0.75 0.08 4 )",
71
+ "bg": "#502330 | hsl( 343 39% 23%) | oklch(0.32 0.07 3 ) | Lc-3.18 over #1A1614 panelBg",
72
+ "fg": "#D89AA8 | hsl( 346 44% 73%) | oklch(0.75 0.08 4 ) | Lc-51.0 over #502330 bg",
73
73
  },
74
74
  "swatches[ 5] aka Swatch.Purple ": {
75
- "bg": "Lc=2; #402540 | hsl( 300 27% 20%) | oklch(0.31 0.06 327 )",
76
- "fg": "Lc=50; #C49CBF | hsl( 308 25% 69%) | oklch(0.74 0.07 330 )",
75
+ "bg": "#402540 | hsl( 300 27% 20%) | oklch(0.31 0.06 327 ) | Lc-2.27 over #1A1614 panelBg",
76
+ "fg": "#C49CBF | hsl( 308 25% 69%) | oklch(0.74 0.07 330 ) | Lc-50.4 over #402540 bg",
77
77
  },
78
78
  "swatches[ 6] aka Swatch.Violet ": {
79
- "bg": "Lc=2; #352844 | hsl( 268 26% 21%) | oklch(0.3 0.05 305 )",
80
- "fg": "Lc=47; #AF9ABE | hsl( 275 22% 67%) | oklch(0.72 0.06 311 )",
79
+ "bg": "#352844 | hsl( 268 26% 21%) | oklch(0.3 0.05 305 ) | Lc-2.00 over #1A1614 panelBg",
80
+ "fg": "#AF9ABE | hsl( 275 22% 67%) | oklch(0.72 0.06 311 ) | Lc-47.1 over #352844 bg",
81
81
  },
82
82
  "swatches[ 7] aka Swatch.BlueDark ": {
83
- "bg": "Lc=2; #292C46 | hsl( 234 26% 22%) | oklch(0.3 0.05 278 )",
84
- "fg": "Lc=49; #A1A2C2 | hsl( 238 21% 70%) | oklch(0.72 0.05 284 )",
83
+ "bg": "#292C46 | hsl( 234 26% 22%) | oklch(0.3 0.05 278 ) | Lc-2.03 over #1A1614 panelBg",
84
+ "fg": "#A1A2C2 | hsl( 238 21% 70%) | oklch(0.72 0.05 284 ) | Lc-48.5 over #292C46 bg",
85
85
  },
86
86
  "swatches[ 8] aka Swatch.Blue ": {
87
- "bg": "Lc=4; #2A3651 | hsl( 222 32% 24%) | oklch(0.34 0.05 265 )",
88
- "fg": "Lc=55; #A6B3D6 | hsl( 224 37% 75%) | oklch(0.77 0.05 269 )",
87
+ "bg": "#2A3651 | hsl( 222 32% 24%) | oklch(0.34 0.05 265 ) | Lc-4.36 over #1A1614 panelBg",
88
+ "fg": "#A6B3D6 | hsl( 224 37% 75%) | oklch(0.77 0.05 269 ) | Lc-54.5 over #2A3651 bg",
89
89
  },
90
90
  "swatches[ 9] aka Swatch.BlueSky ": {
91
- "bg": "Lc=7; #2B4052 | hsl( 208 31% 25%) | oklch(0.36 0.04 245 )",
92
- "fg": "Lc=58; #A7C0D6 | hsl( 208 36% 75%) | oklch(0.8 0.04 245 )",
91
+ "bg": "#2B4052 | hsl( 208 31% 25%) | oklch(0.36 0.04 245 ) | Lc-6.80 over #1A1614 panelBg",
92
+ "fg": "#A7C0D6 | hsl( 208 36% 75%) | oklch(0.8 0.04 245 ) | Lc-57.6 over #2B4052 bg",
93
93
  },
94
94
  "swatches[10] aka Swatch.Turquoise ": {
95
- "bg": "Lc=8; #284849 | hsl( 182 29% 22%) | oklch(0.38 0.04 198 )",
96
- "fg": "Lc=60; #A3CBCA | hsl( 179 28% 72%) | oklch(0.81 0.04 194 )",
95
+ "bg": "#284849 | hsl( 182 29% 22%) | oklch(0.38 0.04 198 ) | Lc-8.49 over #1A1614 panelBg",
96
+ "fg": "#A3CBCA | hsl( 179 28% 72%) | oklch(0.81 0.04 194 ) | Lc-59.8 over #284849 bg",
97
97
  },
98
98
  "swatches[11] aka Swatch.GreenDark ": {
99
- "bg": "Lc=4; #213B34 | hsl( 164 28% 18%) | oklch(0.33 0.03 175 )",
100
- "fg": "Lc=54; #9BB9AE | hsl( 158 18% 67%) | oklch(0.76 0.04 171 )",
99
+ "bg": "#213B34 | hsl( 164 28% 18%) | oklch(0.33 0.03 175 ) | Lc-4.32 over #1A1614 panelBg",
100
+ "fg": "#9BB9AE | hsl( 158 18% 67%) | oklch(0.76 0.04 171 ) | Lc-54.1 over #213B34 bg",
101
101
  },
102
102
  "swatches[12] aka Swatch.Green ": {
103
- "bg": "Lc=7; #30422A | hsl( 105 22% 21%) | oklch(0.36 0.05 138 )",
104
- "fg": "Lc=58; #AEC3A1 | hsl( 97 22% 70%) | oklch(0.79 0.05 133 )",
103
+ "bg": "#30422A | hsl( 105 22% 21%) | oklch(0.36 0.05 138 ) | Lc-6.57 over #1A1614 panelBg",
104
+ "fg": "#AEC3A1 | hsl( 97 22% 70%) | oklch(0.79 0.05 133 ) | Lc-57.7 over #30422A bg",
105
105
  },
106
106
  "swatches[13] aka Swatch.GreenLight": {
107
- "bg": "Lc=9; #3E482B | hsl( 81 25% 23%) | oklch(0.38 0.05 124 )",
108
- "fg": "Lc=61; #C1CAA2 | hsl( 73 27% 71%) | oklch(0.82 0.05 118 )",
107
+ "bg": "#3E482B | hsl( 81 25% 23%) | oklch(0.38 0.05 124 ) | Lc-8.98 over #1A1614 panelBg",
108
+ "fg": "#C1CAA2 | hsl( 73 27% 71%) | oklch(0.82 0.05 118 ) | Lc-60.7 over #3E482B bg",
109
109
  },
110
110
  "swatches[14] aka Swatch.Yellow ": {
111
- "bg": "Lc=10; #594222 | hsl( 35 45% 24%) | oklch(0.4 0.06 74 )",
112
- "fg": "Lc=61; #E4C397 | hsl( 34 59% 74%) | oklch(0.83 0.07 75 )",
111
+ "bg": "#594222 | hsl( 35 45% 24%) | oklch(0.4 0.06 74 ) | Lc-9.67 over #1A1614 panelBg",
112
+ "fg": "#E4C397 | hsl( 34 59% 74%) | oklch(0.83 0.07 75 ) | Lc-61.5 over #594222 bg",
113
113
  },
114
114
  "swatches[15] aka Swatch.Orange ": {
115
- "bg": "Lc=5; #552E20 | hsl( 16 45% 23%) | oklch(0.35 0.06 40 )",
116
- "fg": "Lc=54; #DFA894 | hsl( 16 54% 73%) | oklch(0.78 0.07 41 )",
115
+ "bg": "#552E20 | hsl( 16 45% 23%) | oklch(0.35 0.06 40 ) | Lc-5.16 over #1A1614 panelBg",
116
+ "fg": "#DFA894 | hsl( 16 54% 73%) | oklch(0.78 0.07 41 ) | Lc-54.5 over #552E20 bg",
117
117
  },
118
118
  "swatches[16] aka Swatch.Brown ": {
119
- "bg": "Lc=2; #422920 | hsl( 16 35% 19%) | oklch(0.31 0.04 41 )",
120
- "fg": "Lc=51; #C6A193 | hsl( 16 31% 68%) | oklch(0.74 0.05 42 )",
119
+ "bg": "#422920 | hsl( 16 35% 19%) | oklch(0.31 0.04 41 ) | Lc-2.38 over #1A1614 panelBg",
120
+ "fg": "#C6A193 | hsl( 16 31% 68%) | oklch(0.74 0.05 42 ) | Lc-50.7 over #422920 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=2; #312D2C | hsl( 12 5% 18%) | oklch(0.3 0.01 34 )",
133
- "fg": "Lc=30; #867F7C | hsl( 18 4% 51%) | oklch(0.6 0.01 45 )",
132
+ "bg": "#312D2C | hsl( 12 5% 18%) | oklch(0.3 0.01 34 ) | Lc-2.19 over #171412 paintedSurface",
133
+ "fg": "#867F7C | hsl( 18 4% 51%) | oklch(0.6 0.01 45 ) | Lc-30.3 over #312D2C bg",
134
134
  },
135
135
  "CMYK Cyan ": {
136
- "bg": "Lc=12; #255B57 | hsl( 176 42% 25%) | oklch(0.43 0.06 189 )",
137
- "fg": "Lc=66; #9FE4DD | hsl( 174 56% 76%) | oklch(0.87 0.07 188 )",
136
+ "bg": "#255B57 | hsl( 176 42% 25%) | oklch(0.43 0.06 189 ) | Lc-11.6 over #172D2C paintedSurface",
137
+ "fg": "#9FE4DD | hsl( 174 56% 76%) | oklch(0.87 0.07 188 ) | Lc-66.1 over #255B57 bg",
138
138
  },
139
139
  "CMYK Magenta": {
140
- "bg": "Lc=5; #5D2759 | hsl( 304 41% 26%) | oklch(0.37 0.1 330 )",
141
- "fg": "Lc=55; #EA9FDF | hsl( 309 64% 77%) | oklch(0.8 0.12 332 )",
140
+ "bg": "#5D2759 | hsl( 304 41% 26%) | oklch(0.37 0.1 330 ) | Lc-5.44 over #31142C paintedSurface",
141
+ "fg": "#EA9FDF | hsl( 309 64% 77%) | oklch(0.8 0.12 332 ) | Lc-55.0 over #5D2759 bg",
142
142
  },
143
143
  "CMYK Yellow ": {
144
- "bg": "Lc=14; #5E5C14 | hsl( 58 65% 22%) | oklch(0.46 0.09 108 )",
145
- "fg": "Lc=70; #ECE584 | hsl( 56 73% 72%) | oklch(0.91 0.12 105 )",
144
+ "bg": "#5E5C14 | hsl( 58 65% 22%) | oklch(0.46 0.09 108 ) | Lc-13.6 over #312D12 paintedSurface",
145
+ "fg": "#ECE584 | hsl( 56 73% 72%) | oklch(0.91 0.12 105 ) | Lc-69.9 over #5E5C14 bg",
146
146
  },
147
147
  "Noti green ": {
148
- "bg": "Lc=12; #49584A | hsl( 124 9% 32%) | oklch(0.44 0.03 147 )",
149
- "fg": "Lc=68; #DEDAD4 | hsl( 36 13% 85%) | oklch(0.89 0.01 78 )",
148
+ "bg": "#49584A | hsl( 124 9% 32%) | oklch(0.44 0.03 147 ) | Lc-11.7 over #2D2B28 paintedSurface",
149
+ "fg": "#DEDAD4 | hsl( 36 13% 85%) | oklch(0.89 0.01 78 ) | Lc-67.6 over #49584A bg",
150
150
  },
151
151
  "Noti red ": {
152
- "bg": "Lc=10; #5F4B46 | hsl( 12 15% 32%) | oklch(0.43 0.03 34 )",
153
- "fg": "Lc=68; #E2D5D0 | hsl( 17 24% 85%) | oklch(0.88 0.02 42 )",
152
+ "bg": "#5F4B46 | hsl( 12 15% 32%) | oklch(0.43 0.03 34 ) | Lc-9.99 over #2F2A28 paintedSurface",
153
+ "fg": "#E2D5D0 | hsl( 17 24% 85%) | oklch(0.88 0.02 42 ) | Lc-67.5 over #5F4B46 bg",
154
154
  },
155
155
  "Noti yellow ": {
156
- "bg": "Lc=12; #5C543F | hsl( 43 19% 30%) | oklch(0.45 0.03 90 )",
157
- "fg": "Lc=68; #E5DAC9 | hsl( 36 35% 84%) | oklch(0.89 0.03 79 )",
156
+ "bg": "#5C543F | hsl( 43 19% 30%) | oklch(0.45 0.03 90 ) | Lc-11.8 over #2F2B25 paintedSurface",
157
+ "fg": "#E5DAC9 | hsl( 36 35% 84%) | oklch(0.89 0.03 79 ) | Lc-68.0 over #5C543F bg",
158
158
  },
159
159
  "RGB Blue ": {
160
- "bg": "Lc=2; #21285E | hsl( 233 48% 25%) | oklch(0.3 0.1 274 )",
161
- "fg": "Lc=42; #8F93D9 | hsl( 237 49% 71%) | oklch(0.69 0.1 281 )",
160
+ "bg": "#21285E | hsl( 233 48% 25%) | oklch(0.3 0.1 274 ) | Lc-1.98 over #17142C paintedSurface",
161
+ "fg": "#8F93D9 | hsl( 237 49% 71%) | oklch(0.69 0.1 281 ) | Lc-42.4 over #21285E bg",
162
162
  },
163
163
  "RGB Green ": {
164
- "bg": "Lc=11; #2D5A1C | hsl( 104 53% 23%) | oklch(0.42 0.1 138 )",
165
- "fg": "Lc=64; #AAE28F | hsl( 100 59% 72%) | oklch(0.85 0.12 136 )",
164
+ "bg": "#2D5A1C | hsl( 104 53% 23%) | oklch(0.42 0.1 138 ) | Lc-10.8 over #172D12 paintedSurface",
165
+ "fg": "#AAE28F | hsl( 100 59% 72%) | oklch(0.85 0.12 136 ) | Lc-64.4 over #2D5A1C bg",
166
166
  },
167
167
  "RGB Red ": {
168
- "bg": "Lc=3; #56211C | hsl( 5 51% 22%) | oklch(0.33 0.08 28 )",
169
- "fg": "Lc=50; #E1968E | hsl( 6 58% 72%) | oklch(0.75 0.09 26 )",
168
+ "bg": "#56211C | hsl( 5 51% 22%) | oklch(0.33 0.08 28 ) | Lc-2.57 over #311412 paintedSurface",
169
+ "fg": "#E1968E | hsl( 6 58% 72%) | oklch(0.75 0.09 26 ) | Lc-50.0 over #56211C bg",
170
170
  },
171
171
  "White ": {
172
- "bg": "Lc=14; #5F5C5B | hsl( 15 2% 36%) | oklch(0.48 0 39 )",
173
- "fg": "Lc=72; #ECE5E2 | hsl( 18 21% 91%) | oklch(0.93 0.01 45 )",
172
+ "bg": "#5F5C5B | hsl( 15 2% 36%) | oklch(0.48 0 39 ) | Lc-14.5 over #312D2C paintedSurface",
173
+ "fg": "#ECE5E2 | hsl( 18 21% 91%) | oklch(0.93 0.01 45 ) | Lc-71.8 over #5F5C5B bg",
174
174
  },
175
175
  "swatches[ 0] aka Swatch.GreyDark ": {
176
- "bg": "Lc=2; #332F2D | hsl( 20 6% 19%) | oklch(0.31 0.01 48 )",
177
- "fg": "Lc=45; #A59C98 | hsl( 18 7% 62%) | oklch(0.7 0.01 46 )",
176
+ "bg": "#332F2D | hsl( 20 6% 19%) | oklch(0.31 0.01 48 ) | Lc-1.89 over #1F1B19 paintedSurface",
177
+ "fg": "#A59C98 | hsl( 18 7% 62%) | oklch(0.7 0.01 46 ) | Lc-44.6 over #332F2D bg",
178
178
  },
179
179
  "swatches[ 1] aka Swatch.Grey ": {
180
- "bg": "Lc=3; #393737 | hsl( 0 2% 22%) | oklch(0.34 0 17 )",
181
- "fg": "Lc=55; #BAB4B2 | hsl( 15 5% 71%) | oklch(0.77 0.01 39 )",
180
+ "bg": "#393737 | hsl( 0 2% 22%) | oklch(0.34 0 17 ) | Lc-3.34 over #222122 paintedSurface",
181
+ "fg": "#BAB4B2 | hsl( 15 5% 71%) | oklch(0.77 0.01 39 ) | Lc-55.3 over #393737 bg",
182
182
  },
183
183
  "swatches[ 2] aka Swatch.GreyLight ": {
184
- "bg": "Lc=6; #424040 | hsl( 0 2% 25%) | oklch(0.37 0 17 )",
185
- "fg": "Lc=59; #C6C0BE | hsl( 15 7% 76%) | oklch(0.81 0.01 39 )",
184
+ "bg": "#424040 | hsl( 0 2% 25%) | oklch(0.37 0 17 ) | Lc-5.76 over #272423 paintedSurface",
185
+ "fg": "#C6C0BE | hsl( 15 7% 76%) | oklch(0.81 0.01 39 ) | Lc-59.4 over #424040 bg",
186
186
  },
187
187
  "swatches[ 3] aka Swatch.Red ": {
188
- "bg": "Lc=2; #4E231F | hsl( 5 43% 21%) | oklch(0.32 0.07 27 )",
189
- "fg": "Lc=47; #D1948E | hsl( 5 42% 69%) | oklch(0.72 0.07 25 )",
188
+ "bg": "#4E231F | hsl( 5 43% 21%) | oklch(0.32 0.07 27 ) | Lc-2.06 over #2D1514 paintedSurface",
189
+ "fg": "#D1948E | hsl( 5 42% 69%) | oklch(0.72 0.07 25 ) | Lc-47.3 over #4E231F bg",
190
190
  },
191
191
  "swatches[ 4] aka Swatch.Magenta ": {
192
- "bg": "Lc=2; #502330 | hsl( 343 39% 23%) | oklch(0.32 0.07 3 )",
193
- "fg": "Lc=51; #D89AA8 | hsl( 346 44% 73%) | oklch(0.75 0.08 4 )",
192
+ "bg": "#502330 | hsl( 343 39% 23%) | oklch(0.32 0.07 3 ) | Lc-2.27 over #2E171C paintedSurface",
193
+ "fg": "#D89AA8 | hsl( 346 44% 73%) | oklch(0.75 0.08 4 ) | Lc-51.0 over #502330 bg",
194
194
  },
195
195
  "swatches[ 5] aka Swatch.Purple ": {
196
- "bg": "Lc=2; #422742 | hsl( 300 26% 21%) | oklch(0.32 0.06 327 )",
197
- "fg": "Lc=50; #C49CBF | hsl( 308 25% 69%) | oklch(0.74 0.07 330 )",
196
+ "bg": "#422742 | hsl( 300 26% 21%) | oklch(0.32 0.06 327 ) | Lc-2.02 over #271824 paintedSurface",
197
+ "fg": "#C49CBF | hsl( 308 25% 69%) | oklch(0.74 0.07 330 ) | Lc-50.0 over #422742 bg",
198
198
  },
199
199
  "swatches[ 6] aka Swatch.Violet ": {
200
- "bg": "Lc=2; #382B47 | hsl( 268 25% 22%) | oklch(0.32 0.05 305 )",
201
- "fg": "Lc=46; #AF9ABE | hsl( 275 22% 67%) | oklch(0.72 0.06 311 )",
200
+ "bg": "#382B47 | hsl( 268 25% 22%) | oklch(0.32 0.05 305 ) | Lc-2.03 over #221A24 paintedSurface",
201
+ "fg": "#AF9ABE | hsl( 275 22% 67%) | oklch(0.72 0.06 311 ) | Lc-46.4 over #382B47 bg",
202
202
  },
203
203
  "swatches[ 7] aka Swatch.BlueDark ": {
204
- "bg": "Lc=2; #2C2F49 | hsl( 234 25% 23%) | oklch(0.31 0.05 278 )",
205
- "fg": "Lc=48; #A1A2C2 | hsl( 238 21% 70%) | oklch(0.72 0.05 284 )",
204
+ "bg": "#2C2F49 | hsl( 234 25% 23%) | oklch(0.31 0.05 278 ) | Lc-2.03 over #1E1C24 paintedSurface",
205
+ "fg": "#A1A2C2 | hsl( 238 21% 70%) | oklch(0.72 0.05 284 ) | Lc-47.9 over #2C2F49 bg",
206
206
  },
207
207
  "swatches[ 8] aka Swatch.Blue ": {
208
- "bg": "Lc=3; #2A3651 | hsl( 222 32% 24%) | oklch(0.34 0.05 265 )",
209
- "fg": "Lc=55; #A6B3D6 | hsl( 224 37% 75%) | oklch(0.77 0.05 269 )",
208
+ "bg": "#2A3651 | hsl( 222 32% 24%) | oklch(0.34 0.05 265 ) | Lc-3.23 over #1B202B paintedSurface",
209
+ "fg": "#A6B3D6 | hsl( 224 37% 75%) | oklch(0.77 0.05 269 ) | Lc-54.5 over #2A3651 bg",
210
210
  },
211
211
  "swatches[ 9] aka Swatch.BlueSky ": {
212
- "bg": "Lc=5; #2B4052 | hsl( 208 31% 25%) | oklch(0.36 0.04 245 )",
213
- "fg": "Lc=58; #A7C0D6 | hsl( 208 36% 75%) | oklch(0.8 0.04 245 )",
212
+ "bg": "#2B4052 | hsl( 208 31% 25%) | oklch(0.36 0.04 245 ) | Lc-5.27 over #1A2429 paintedSurface",
213
+ "fg": "#A7C0D6 | hsl( 208 36% 75%) | oklch(0.8 0.04 245 ) | Lc-57.6 over #2B4052 bg",
214
214
  },
215
215
  "swatches[10] aka Swatch.Turquoise ": {
216
- "bg": "Lc=7; #284849 | hsl( 182 29% 22%) | oklch(0.38 0.04 198 )",
217
- "fg": "Lc=60; #A3CBCA | hsl( 179 28% 72%) | oklch(0.81 0.04 194 )",
216
+ "bg": "#284849 | hsl( 182 29% 22%) | oklch(0.38 0.04 198 ) | Lc-6.59 over #1B2727 paintedSurface",
217
+ "fg": "#A3CBCA | hsl( 179 28% 72%) | oklch(0.81 0.04 194 ) | Lc-59.8 over #284849 bg",
218
218
  },
219
219
  "swatches[11] aka Swatch.GreenDark ": {
220
- "bg": "Lc=3; #213B34 | hsl( 164 28% 18%) | oklch(0.33 0.03 175 )",
221
- "fg": "Lc=54; #9BB9AE | hsl( 158 18% 67%) | oklch(0.76 0.04 171 )",
220
+ "bg": "#213B34 | hsl( 164 28% 18%) | oklch(0.33 0.03 175 ) | Lc-3.02 over #1A2320 paintedSurface",
221
+ "fg": "#9BB9AE | hsl( 158 18% 67%) | oklch(0.76 0.04 171 ) | Lc-54.1 over #213B34 bg",
222
222
  },
223
223
  "swatches[12] aka Swatch.Green ": {
224
- "bg": "Lc=5; #30422A | hsl( 105 22% 21%) | oklch(0.36 0.05 138 )",
225
- "fg": "Lc=58; #AEC3A1 | hsl( 97 22% 70%) | oklch(0.79 0.05 133 )",
224
+ "bg": "#30422A | hsl( 105 22% 21%) | oklch(0.36 0.05 138 ) | Lc-4.95 over #1F251A paintedSurface",
225
+ "fg": "#AEC3A1 | hsl( 97 22% 70%) | oklch(0.79 0.05 133 ) | Lc-57.7 over #30422A bg",
226
226
  },
227
227
  "swatches[13] aka Swatch.GreenLight": {
228
- "bg": "Lc=7; #3E482B | hsl( 81 25% 23%) | oklch(0.38 0.05 124 )",
229
- "fg": "Lc=61; #C1CAA2 | hsl( 73 27% 71%) | oklch(0.82 0.05 118 )",
228
+ "bg": "#3E482B | hsl( 81 25% 23%) | oklch(0.38 0.05 124 ) | Lc-6.88 over #26271A paintedSurface",
229
+ "fg": "#C1CAA2 | hsl( 73 27% 71%) | oklch(0.82 0.05 118 ) | Lc-60.7 over #3E482B bg",
230
230
  },
231
231
  "swatches[14] aka Swatch.Yellow ": {
232
- "bg": "Lc=8; #594222 | hsl( 35 45% 24%) | oklch(0.4 0.06 74 )",
233
- "fg": "Lc=61; #E4C397 | hsl( 34 59% 74%) | oklch(0.83 0.07 75 )",
232
+ "bg": "#594222 | hsl( 35 45% 24%) | oklch(0.4 0.06 74 ) | Lc-7.51 over #302417 paintedSurface",
233
+ "fg": "#E4C397 | hsl( 34 59% 74%) | oklch(0.83 0.07 75 ) | Lc-61.5 over #594222 bg",
234
234
  },
235
235
  "swatches[15] aka Swatch.Orange ": {
236
- "bg": "Lc=4; #552E20 | hsl( 16 45% 23%) | oklch(0.35 0.06 40 )",
237
- "fg": "Lc=54; #DFA894 | hsl( 16 54% 73%) | oklch(0.78 0.07 41 )",
236
+ "bg": "#552E20 | hsl( 16 45% 23%) | oklch(0.35 0.06 40 ) | Lc-3.77 over #311C15 paintedSurface",
237
+ "fg": "#DFA894 | hsl( 16 54% 73%) | oklch(0.78 0.07 41 ) | Lc-54.5 over #552E20 bg",
238
238
  },
239
239
  "swatches[16] aka Swatch.Brown ": {
240
- "bg": "Lc=2; #452B22 | hsl( 15 34% 20%) | oklch(0.32 0.04 40 )",
241
- "fg": "Lc=50; #C6A193 | hsl( 16 31% 68%) | oklch(0.74 0.05 42 )",
240
+ "bg": "#452B22 | hsl( 15 34% 20%) | oklch(0.32 0.04 40 ) | Lc-1.95 over #291C17 paintedSurface",
241
+ "fg": "#C6A193 | hsl( 16 31% 68%) | oklch(0.74 0.05 42 ) | Lc-50.1 over #452B22 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=3; #312D2C | hsl( 12 5% 18%) | oklch(0.3 0.01 34 )",
254
- "fg": "Lc=30; #867F7C | hsl( 18 4% 51%) | oklch(0.6 0.01 45 )",
253
+ "bg": "#312D2C | hsl( 12 5% 18%) | oklch(0.3 0.01 34 ) | Lc-2.98 over #000000 card",
254
+ "fg": "#867F7C | hsl( 18 4% 51%) | oklch(0.6 0.01 45 ) | Lc-30.3 over #312D2C bg",
255
255
  },
256
256
  "CMYK Cyan ": {
257
- "bg": "Lc=72; #255B57 | hsl( 176 42% 25%) | oklch(0.43 0.06 189 )",
258
- "fg": "Lc=66; #9FE4DD | hsl( 174 56% 76%) | oklch(0.87 0.07 188 )",
257
+ "bg": "#255B57 | hsl( 176 42% 25%) | oklch(0.43 0.06 189 ) | Lc+72.4 over #00FFFF card",
258
+ "fg": "#9FE4DD | hsl( 174 56% 76%) | oklch(0.87 0.07 188 ) | Lc-66.1 over #255B57 bg",
259
259
  },
260
260
  "CMYK Magenta": {
261
- "bg": "Lc=38; #5D2759 | hsl( 304 41% 26%) | oklch(0.37 0.1 330 )",
262
- "fg": "Lc=55; #EA9FDF | hsl( 309 64% 77%) | oklch(0.8 0.12 332 )",
261
+ "bg": "#5D2759 | hsl( 304 41% 26%) | oklch(0.37 0.1 330 ) | Lc+37.5 over #FF00FF card",
262
+ "fg": "#EA9FDF | hsl( 309 64% 77%) | oklch(0.8 0.12 332 ) | Lc-55.0 over #5D2759 bg",
263
263
  },
264
264
  "CMYK Yellow ": {
265
- "bg": "Lc=79; #5E5C14 | hsl( 58 65% 22%) | oklch(0.46 0.09 108 )",
266
- "fg": "Lc=70; #ECE584 | hsl( 56 73% 72%) | oklch(0.91 0.12 105 )",
265
+ "bg": "#5E5C14 | hsl( 58 65% 22%) | oklch(0.46 0.09 108 ) | Lc+79.3 over #FFFF00 card",
266
+ "fg": "#ECE584 | hsl( 56 73% 72%) | oklch(0.91 0.12 105 ) | Lc-69.9 over #5E5C14 bg",
267
267
  },
268
268
  "Noti green ": {
269
- "bg": "Lc=70; #49584A | hsl( 124 9% 32%) | oklch(0.44 0.03 147 )",
270
- "fg": "Lc=68; #DEDAD4 | hsl( 36 13% 85%) | oklch(0.89 0.01 78 )",
269
+ "bg": "#49584A | hsl( 124 9% 32%) | oklch(0.44 0.03 147 ) | Lc+69.6 over #DCE5DF card",
270
+ "fg": "#DEDAD4 | hsl( 36 13% 85%) | oklch(0.89 0.01 78 ) | Lc-67.6 over #49584A bg",
271
271
  },
272
272
  "Noti red ": {
273
- "bg": "Lc=69; #5F4B46 | hsl( 12 15% 32%) | oklch(0.43 0.03 34 )",
274
- "fg": "Lc=68; #E2D5D0 | hsl( 17 24% 85%) | oklch(0.88 0.02 42 )",
273
+ "bg": "#5F4B46 | hsl( 12 15% 32%) | oklch(0.43 0.03 34 ) | Lc+69.3 over #EEDBD7 card",
274
+ "fg": "#E2D5D0 | hsl( 17 24% 85%) | oklch(0.88 0.02 42 ) | Lc-67.5 over #5F4B46 bg",
275
275
  },
276
276
  "Noti yellow ": {
277
- "bg": "Lc=70; #5C543F | hsl( 43 19% 30%) | oklch(0.45 0.03 90 )",
278
- "fg": "Lc=68; #E5DAC9 | hsl( 36 35% 84%) | oklch(0.89 0.03 79 )",
277
+ "bg": "#5C543F | hsl( 43 19% 30%) | oklch(0.45 0.03 90 ) | Lc+69.7 over #EEE3C0 card",
278
+ "fg": "#E5DAC9 | hsl( 36 35% 84%) | oklch(0.89 0.03 79 ) | Lc-68.0 over #5C543F bg",
279
279
  },
280
280
  "RGB Blue ": {
281
- "bg": "Lc=12; #21285E | hsl( 233 48% 25%) | oklch(0.3 0.1 274 )",
282
- "fg": "Lc=42; #8F93D9 | hsl( 237 49% 71%) | oklch(0.69 0.1 281 )",
281
+ "bg": "#21285E | hsl( 233 48% 25%) | oklch(0.3 0.1 274 ) | Lc+12.2 over #0000FF card",
282
+ "fg": "#8F93D9 | hsl( 237 49% 71%) | oklch(0.69 0.1 281 ) | Lc-42.4 over #21285E bg",
283
283
  },
284
284
  "RGB Green ": {
285
- "bg": "Lc=68; #2D5A1C | hsl( 104 53% 23%) | oklch(0.42 0.1 138 )",
286
- "fg": "Lc=64; #AAE28F | hsl( 100 59% 72%) | oklch(0.85 0.12 136 )",
285
+ "bg": "#2D5A1C | hsl( 104 53% 23%) | oklch(0.42 0.1 138 ) | Lc+68.3 over #00FF00 card",
286
+ "fg": "#AAE28F | hsl( 100 59% 72%) | oklch(0.85 0.12 136 ) | Lc-64.4 over #2D5A1C bg",
287
287
  },
288
288
  "RGB Red ": {
289
- "bg": "Lc=32; #56211C | hsl( 5 51% 22%) | oklch(0.33 0.08 28 )",
290
- "fg": "Lc=50; #E1968E | hsl( 6 58% 72%) | oklch(0.75 0.09 26 )",
289
+ "bg": "#56211C | hsl( 5 51% 22%) | oklch(0.33 0.08 28 ) | Lc+32.5 over #FF0000 card",
290
+ "fg": "#E1968E | hsl( 6 58% 72%) | oklch(0.75 0.09 26 ) | Lc-50.0 over #56211C bg",
291
291
  },
292
292
  "White ": {
293
- "bg": "Lc=83; #5F5C5B | hsl( 15 2% 36%) | oklch(0.48 0 39 )",
294
- "fg": "Lc=72; #ECE5E2 | hsl( 18 21% 91%) | oklch(0.93 0.01 45 )",
293
+ "bg": "#5F5C5B | hsl( 15 2% 36%) | oklch(0.48 0 39 ) | Lc+82.8 over #FFFFFF card",
294
+ "fg": "#ECE5E2 | hsl( 18 21% 91%) | oklch(0.93 0.01 45 ) | Lc-71.8 over #5F5C5B bg",
295
295
  },
296
296
  "swatches[ 0] aka Swatch.GreyDark ": {
297
- "bg": "Lc=7; #332F2D | hsl( 20 6% 19%) | oklch(0.31 0.01 48 )",
298
- "fg": "Lc=45; #A59C98 | hsl( 18 7% 62%) | oklch(0.7 0.01 46 )",
297
+ "bg": "#332F2D | hsl( 20 6% 19%) | oklch(0.31 0.01 48 ) | Lc+7.24 over #4A4A4A card",
298
+ "fg": "#A59C98 | hsl( 18 7% 62%) | oklch(0.7 0.01 46 ) | Lc-44.6 over #332F2D bg",
299
299
  },
300
300
  "swatches[ 1] aka Swatch.Grey ": {
301
- "bg": "Lc=29; #393737 | hsl( 0 2% 22%) | oklch(0.34 0 17 )",
302
- "fg": "Lc=55; #BAB4B2 | hsl( 15 5% 71%) | oklch(0.77 0.01 39 )",
301
+ "bg": "#393737 | hsl( 0 2% 22%) | oklch(0.34 0 17 ) | Lc+28.8 over #6A849B card",
302
+ "fg": "#BAB4B2 | hsl( 15 5% 71%) | oklch(0.77 0.01 39 ) | Lc-55.3 over #393737 bg",
303
303
  },
304
304
  "swatches[ 2] aka Swatch.GreyLight ": {
305
- "bg": "Lc=41; #424040 | hsl( 0 2% 25%) | oklch(0.37 0 17 )",
306
- "fg": "Lc=59; #C6C0BE | hsl( 15 7% 76%) | oklch(0.81 0.01 39 )",
305
+ "bg": "#424040 | hsl( 0 2% 25%) | oklch(0.37 0 17 ) | Lc+41.3 over #99A2AB card",
306
+ "fg": "#C6C0BE | hsl( 15 7% 76%) | oklch(0.81 0.01 39 ) | Lc-59.4 over #424040 bg",
307
307
  },
308
308
  "swatches[ 3] aka Swatch.Red ": {
309
- "bg": "Lc=23; #4E231F | hsl( 5 43% 21%) | oklch(0.32 0.07 27 )",
310
- "fg": "Lc=47; #D1948E | hsl( 5 42% 69%) | oklch(0.72 0.07 25 )",
309
+ "bg": "#4E231F | hsl( 5 43% 21%) | oklch(0.32 0.07 27 ) | Lc+22.8 over #D40915 card",
310
+ "fg": "#D1948E | hsl( 5 42% 69%) | oklch(0.72 0.07 25 ) | Lc-47.3 over #4E231F bg",
311
311
  },
312
312
  "swatches[ 4] aka Swatch.Magenta ": {
313
- "bg": "Lc=29; #502330 | hsl( 343 39% 23%) | oklch(0.32 0.07 3 )",
314
- "fg": "Lc=51; #D89AA8 | hsl( 346 44% 73%) | oklch(0.75 0.08 4 )",
313
+ "bg": "#502330 | hsl( 343 39% 23%) | oklch(0.32 0.07 3 ) | Lc+28.5 over #E72065 card",
314
+ "fg": "#D89AA8 | hsl( 346 44% 73%) | oklch(0.75 0.08 4 ) | Lc-51.0 over #502330 bg",
315
315
  },
316
316
  "swatches[ 5] aka Swatch.Purple ": {
317
- "bg": "Lc=17; #422742 | hsl( 300 26% 21%) | oklch(0.32 0.06 327 )",
318
- "fg": "Lc=50; #C49CBF | hsl( 308 25% 69%) | oklch(0.74 0.07 330 )",
317
+ "bg": "#422742 | hsl( 300 26% 21%) | oklch(0.32 0.06 327 ) | Lc+17.5 over #9C2BAF card",
318
+ "fg": "#C49CBF | hsl( 308 25% 69%) | oklch(0.74 0.07 330 ) | Lc-50.0 over #422742 bg",
319
319
  },
320
320
  "swatches[ 6] aka Swatch.Violet ": {
321
- "bg": "Lc=13; #382B47 | hsl( 268 25% 22%) | oklch(0.32 0.05 305 )",
322
- "fg": "Lc=46; #AF9ABE | hsl( 275 22% 67%) | oklch(0.72 0.06 311 )",
321
+ "bg": "#382B47 | hsl( 268 25% 22%) | oklch(0.32 0.05 305 ) | Lc+12.9 over #673DB6 card",
322
+ "fg": "#AF9ABE | hsl( 275 22% 67%) | oklch(0.72 0.06 311 ) | Lc-46.4 over #382B47 bg",
323
323
  },
324
324
  "swatches[ 7] aka Swatch.BlueDark ": {
325
- "bg": "Lc=14; #2C2F49 | hsl( 234 25% 23%) | oklch(0.31 0.05 278 )",
326
- "fg": "Lc=48; #A1A2C2 | hsl( 238 21% 70%) | oklch(0.72 0.05 284 )",
325
+ "bg": "#2C2F49 | hsl( 234 25% 23%) | oklch(0.31 0.05 278 ) | Lc+14.3 over #3E53B4 card",
326
+ "fg": "#A1A2C2 | hsl( 238 21% 70%) | oklch(0.72 0.05 284 ) | Lc-47.9 over #2C2F49 bg",
327
327
  },
328
328
  "swatches[ 8] aka Swatch.Blue ": {
329
- "bg": "Lc=28; #2A3651 | hsl( 222 32% 24%) | oklch(0.34 0.05 265 )",
330
- "fg": "Lc=55; #A6B3D6 | hsl( 224 37% 75%) | oklch(0.77 0.05 269 )",
329
+ "bg": "#2A3651 | hsl( 222 32% 24%) | oklch(0.34 0.05 265 ) | Lc+28.4 over #2978FB card",
330
+ "fg": "#A6B3D6 | hsl( 224 37% 75%) | oklch(0.77 0.05 269 ) | Lc-54.5 over #2A3651 bg",
331
331
  },
332
332
  "swatches[ 9] aka Swatch.BlueSky ": {
333
- "bg": "Lc=37; #2B4052 | hsl( 208 31% 25%) | oklch(0.36 0.04 245 )",
334
- "fg": "Lc=58; #A7C0D6 | hsl( 208 36% 75%) | oklch(0.8 0.04 245 )",
333
+ "bg": "#2B4052 | hsl( 208 31% 25%) | oklch(0.36 0.04 245 ) | Lc+36.9 over #199EE3 card",
334
+ "fg": "#A7C0D6 | hsl( 208 36% 75%) | oklch(0.8 0.04 245 ) | Lc-57.6 over #2B4052 bg",
335
335
  },
336
336
  "swatches[10] aka Swatch.Turquoise ": {
337
- "bg": "Lc=47; #284849 | hsl( 182 29% 22%) | oklch(0.38 0.04 198 )",
338
- "fg": "Lc=60; #A3CBCA | hsl( 179 28% 72%) | oklch(0.81 0.04 194 )",
337
+ "bg": "#284849 | hsl( 182 29% 22%) | oklch(0.38 0.04 198 ) | Lc+47.2 over #1FBED3 card",
338
+ "fg": "#A3CBCA | hsl( 179 28% 72%) | oklch(0.81 0.04 194 ) | Lc-59.8 over #284849 bg",
339
339
  },
340
340
  "swatches[11] aka Swatch.GreenDark ": {
341
- "bg": "Lc=32; #213B34 | hsl( 164 28% 18%) | oklch(0.33 0.03 175 )",
342
- "fg": "Lc=54; #9BB9AE | hsl( 158 18% 67%) | oklch(0.76 0.04 171 )",
341
+ "bg": "#213B34 | hsl( 164 28% 18%) | oklch(0.33 0.03 175 ) | Lc+32.4 over #159789 card",
342
+ "fg": "#9BB9AE | hsl( 158 18% 67%) | oklch(0.76 0.04 171 ) | Lc-54.1 over #213B34 bg",
343
343
  },
344
344
  "swatches[12] aka Swatch.Green ": {
345
- "bg": "Lc=40; #30422A | hsl( 105 22% 21%) | oklch(0.36 0.05 138 )",
346
- "fg": "Lc=58; #AEC3A1 | hsl( 97 22% 70%) | oklch(0.79 0.05 133 )",
345
+ "bg": "#30422A | hsl( 105 22% 21%) | oklch(0.36 0.05 138 ) | Lc+40.0 over #4FAF54 card",
346
+ "fg": "#AEC3A1 | hsl( 97 22% 70%) | oklch(0.79 0.05 133 ) | Lc-57.7 over #30422A bg",
347
347
  },
348
348
  "swatches[13] aka Swatch.GreenLight": {
349
- "bg": "Lc=50; #3E482B | hsl( 81 25% 23%) | oklch(0.38 0.05 124 )",
350
- "fg": "Lc=61; #C1CAA2 | hsl( 73 27% 71%) | oklch(0.82 0.05 118 )",
349
+ "bg": "#3E482B | hsl( 81 25% 23%) | oklch(0.38 0.05 124 ) | Lc+49.7 over #8EC351 card",
350
+ "fg": "#C1CAA2 | hsl( 73 27% 71%) | oklch(0.82 0.05 118 ) | Lc-60.7 over #3E482B bg",
351
351
  },
352
352
  "swatches[14] aka Swatch.Yellow ": {
353
- "bg": "Lc=51; #594222 | hsl( 35 45% 24%) | oklch(0.4 0.06 74 )",
354
- "fg": "Lc=61; #E4C397 | hsl( 34 59% 74%) | oklch(0.83 0.07 75 )",
353
+ "bg": "#594222 | hsl( 35 45% 24%) | oklch(0.4 0.06 74 ) | Lc+50.6 over #FBA32F card",
354
+ "fg": "#E4C397 | hsl( 34 59% 74%) | oklch(0.83 0.07 75 ) | Lc-61.5 over #594222 bg",
355
355
  },
356
356
  "swatches[15] aka Swatch.Orange ": {
357
- "bg": "Lc=36; #552E20 | hsl( 16 45% 23%) | oklch(0.35 0.06 40 )",
358
- "fg": "Lc=54; #DFA894 | hsl( 16 54% 73%) | oklch(0.78 0.07 41 )",
357
+ "bg": "#552E20 | hsl( 16 45% 23%) | oklch(0.35 0.06 40 ) | Lc+36.0 over #FC551F card",
358
+ "fg": "#DFA894 | hsl( 16 54% 73%) | oklch(0.78 0.07 41 ) | Lc-54.5 over #552E20 bg",
359
359
  },
360
360
  "swatches[16] aka Swatch.Brown ": {
361
- "bg": "Lc=21; #452B22 | hsl( 15 34% 20%) | oklch(0.32 0.04 40 )",
362
- "fg": "Lc=50; #C6A193 | hsl( 16 31% 68%) | oklch(0.74 0.05 42 )",
361
+ "bg": "#452B22 | hsl( 15 34% 20%) | oklch(0.32 0.04 40 ) | Lc+21.5 over #B04E31 card",
362
+ "fg": "#C6A193 | hsl( 16 31% 68%) | oklch(0.74 0.05 42 ) | Lc-50.1 over #452B22 bg",
363
363
  },
364
364
  }
365
365
  `);