@fibery/ui-kit 4.2.0 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (896) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/package.json +9 -11
  3. package/src/antd/input-number.tsx +4 -4
  4. package/src/antd/input.tsx +1 -1
  5. package/src/apca.lc-low.test.ts +1 -3
  6. package/src/apca.test.ts +42 -43
  7. package/src/apca.ts +38 -39
  8. package/src/app-icon-with-fallback.tsx +6 -2
  9. package/src/avatar-colors.ts +71 -0
  10. package/src/avatar.tsx +2 -10
  11. package/src/banner/banner.tsx +1 -2
  12. package/src/box.tsx +26 -16
  13. package/src/button/back-button.tsx +2 -2
  14. package/src/button/make-button-colors.ts +13 -13
  15. package/src/button/select-button.tsx +2 -2
  16. package/src/canvas-colors.ts +71 -118
  17. package/src/checkbox.tsx +3 -3
  18. package/src/collapsible-section.tsx +3 -3
  19. package/src/color-filter.test.ts +13 -0
  20. package/src/color-filter.ts +26 -3
  21. package/src/color-utils.ts +9 -2
  22. package/src/command-menu/nested-command-menu.tsx +2 -2
  23. package/src/date-picker/date-range-picker-popup-content.tsx +3 -2
  24. package/src/date-picker/date-range-picker.tsx +23 -1
  25. package/src/date-picker/relative-date-picker.tsx +3 -2
  26. package/src/date-picker/single-date-picker-popup-content.tsx +3 -2
  27. package/src/date-picker/single-date-picker.tsx +19 -2
  28. package/src/design-system/alpha-coefficients.ts +235 -0
  29. package/src/design-system/alpha.ts +10 -1
  30. package/src/design-system/colors-enum.dark.neutral.test.ts +168 -168
  31. package/src/design-system/colors-enum.dark.warm.test.ts +168 -168
  32. package/src/design-system/colors-enum.light.neutral.test.ts +168 -168
  33. package/src/design-system/colors-enum.light.warm.test.ts +168 -168
  34. package/src/design-system/colors.ts +231 -154
  35. package/src/design-system/fns.avatarPlaceholder.dark.neutral.test.ts +52 -0
  36. package/src/design-system/fns.avatarPlaceholder.dark.warm.test.ts +52 -0
  37. package/src/design-system/fns.avatarPlaceholder.light.neutral.test.ts +52 -0
  38. package/src/design-system/fns.avatarPlaceholder.light.warm.test.ts +52 -0
  39. package/src/design-system/fns.enum.ts +2 -0
  40. package/src/design-system/fns.icon.ts +1 -1
  41. package/src/design-system/fns.ts +43 -13
  42. package/src/design-system/theme.test.ts +4 -6
  43. package/src/design-system/theme.ts +22 -13
  44. package/src/design-system/vars.test.ts +2 -2
  45. package/src/design-system/vars.ts +3 -3
  46. package/src/design-system.ts +3 -1
  47. package/src/dot.tsx +1 -0
  48. package/src/double-apply.ts +2 -2
  49. package/src/emoji-picker/primitives/footer.tsx +1 -1
  50. package/src/emoji-picker/utils/frequently.ts +1 -1
  51. package/src/favorites-icon.tsx +2 -2
  52. package/src/fibermoji-placeholder.tsx +23 -56
  53. package/src/fibery-brand-logo.tsx +82 -0
  54. package/src/field-container.tsx +2 -2
  55. package/src/field-type-icon.tsx +18 -18
  56. package/src/file-item/file-menu-items.tsx +1 -1
  57. package/src/file-item/file-preview-actions.tsx +1 -1
  58. package/src/format-date-from-now.ts +10 -5
  59. package/src/header-layout.tsx +41 -24
  60. package/src/highlight-colors.test.ts +1 -1
  61. package/src/highlight-colors.ts +27 -0
  62. package/src/icons/ast/appearance-auto.ts +1 -1
  63. package/src/icons/ast/architect.ts +12 -0
  64. package/src/icons/ast/arrow-back.ts +12 -0
  65. package/src/icons/ast/arrow-down.ts +12 -0
  66. package/src/icons/ast/{send-arrow.ts → arrow-send.ts} +3 -3
  67. package/src/icons/ast/arrow-up.ts +12 -0
  68. package/src/icons/ast/avatar.ts +12 -0
  69. package/src/icons/ast/backlog.ts +12 -0
  70. package/src/icons/ast/{check-circle-filled.ts → circle-check-filled.ts} +3 -3
  71. package/src/icons/ast/{check-circle.ts → circle-check.ts} +3 -3
  72. package/src/icons/ast/{error-circle-filled.ts → circle-cross-filled.ts} +3 -3
  73. package/src/icons/ast/circle-cross.ts +12 -0
  74. package/src/icons/ast/{info-circle-filled.ts → circle-info-filled.ts} +3 -3
  75. package/src/icons/ast/{info-circle.ts → circle-info.ts} +3 -3
  76. package/src/icons/ast/circle-pause.ts +12 -0
  77. package/src/icons/ast/circle-play.ts +12 -0
  78. package/src/icons/ast/comments.ts +12 -0
  79. package/src/icons/ast/credits-filled.ts +1 -1
  80. package/src/icons/ast/{add-database.ts → database-add.ts} +3 -3
  81. package/src/icons/ast/database-outline.ts +12 -0
  82. package/src/icons/ast/eye-off.ts +12 -0
  83. package/src/icons/ast/favorites-filled.ts +12 -0
  84. package/src/icons/ast/{switch-to-mention.ts → field-units-large.ts} +3 -3
  85. package/src/icons/ast/files.ts +12 -0
  86. package/src/icons/ast/{smart-folder.ts → folder-smart.ts} +3 -3
  87. package/src/icons/ast/fullscreen-mode-off.ts +12 -0
  88. package/src/icons/ast/fullscreen-mode-on.ts +1 -1
  89. package/src/icons/ast/{add-group.ts → group-add.ts} +3 -3
  90. package/src/icons/ast/{image-xmark.ts → image-error.ts} +3 -3
  91. package/src/icons/ast/index.tsx +132 -217
  92. package/src/icons/ast/{add-integration.ts → integration-add.ts} +3 -3
  93. package/src/icons/ast/integration-discourse.ts +12 -0
  94. package/src/icons/ast/integration-fibery.ts +12 -0
  95. package/src/icons/ast/integration-figma.ts +12 -0
  96. package/src/icons/ast/integration-github.ts +12 -0
  97. package/src/icons/ast/integration-gitlab.ts +12 -0
  98. package/src/icons/ast/integration-google-drive.ts +12 -0
  99. package/src/icons/ast/integration-google-map.ts +12 -0
  100. package/src/icons/ast/integration-intercom.ts +12 -0
  101. package/src/icons/ast/integration-jira.ts +12 -0
  102. package/src/icons/ast/integration-loom.ts +12 -0
  103. package/src/icons/ast/integration-miro.ts +12 -0
  104. package/src/icons/ast/integration-mixpanel.ts +12 -0
  105. package/src/icons/ast/integration-slack.ts +12 -0
  106. package/src/icons/ast/{suggest-integration.ts → integration-suggest.ts} +3 -3
  107. package/src/icons/ast/integration-twitter.ts +12 -0
  108. package/src/icons/ast/integration-unsplash.ts +12 -0
  109. package/src/icons/ast/integration-youtube.ts +12 -0
  110. package/src/icons/ast/integration-zendesk.ts +12 -0
  111. package/src/icons/ast/limits.ts +12 -0
  112. package/src/icons/ast/lock-filled.ts +12 -0
  113. package/src/icons/ast/lock.ts +1 -1
  114. package/src/icons/ast/move-down.ts +12 -0
  115. package/src/icons/ast/move-up.ts +12 -0
  116. package/src/icons/ast/open-in-panel.ts +12 -0
  117. package/src/icons/ast/open-link.ts +12 -0
  118. package/src/icons/ast/people-all.ts +12 -0
  119. package/src/icons/ast/people-group-remove.ts +12 -0
  120. package/src/icons/ast/people-group.ts +12 -0
  121. package/src/icons/ast/{invite-people.ts → people-invite.ts} +3 -3
  122. package/src/icons/ast/{remove-people.ts → people-remove.ts} +3 -3
  123. package/src/icons/ast/people-role.ts +12 -0
  124. package/src/icons/ast/people-x.ts +12 -0
  125. package/src/icons/ast/plus.ts +12 -0
  126. package/src/icons/ast/preferences.ts +12 -0
  127. package/src/icons/ast/propagate.ts +12 -0
  128. package/src/icons/ast/{add-reactions.ts → reactions-add.ts} +3 -3
  129. package/src/icons/ast/redo.ts +12 -0
  130. package/src/icons/ast/references.ts +12 -0
  131. package/src/icons/ast/richeditor-block-callout.ts +1 -1
  132. package/src/icons/ast/richeditor-block-code.ts +1 -1
  133. package/src/icons/ast/richeditor-block-embed.ts +1 -1
  134. package/src/icons/ast/richeditor-block-entity.ts +1 -1
  135. package/src/icons/ast/richeditor-block-file.ts +1 -1
  136. package/src/icons/ast/richeditor-block-h1.ts +1 -1
  137. package/src/icons/ast/richeditor-block-h2.ts +1 -1
  138. package/src/icons/ast/richeditor-block-h3.ts +1 -1
  139. package/src/icons/ast/richeditor-block-h4.ts +1 -1
  140. package/src/icons/ast/richeditor-block-mention.ts +1 -1
  141. package/src/icons/ast/richeditor-block-paragraph.ts +1 -1
  142. package/src/icons/ast/richeditor-block-quote.ts +1 -1
  143. package/src/icons/ast/richeditor-checklist-create.ts +1 -1
  144. package/src/icons/ast/richeditor-image-align-center.ts +1 -1
  145. package/src/icons/ast/richeditor-image-align-left.ts +1 -1
  146. package/src/icons/ast/richeditor-image-align-right.ts +1 -1
  147. package/src/icons/ast/richeditor-image.ts +12 -0
  148. package/src/icons/ast/richeditor-linkedhighlight-create.ts +1 -1
  149. package/src/icons/ast/richeditor-list-bullet.ts +1 -1
  150. package/src/icons/ast/richeditor-list-indent.ts +1 -1
  151. package/src/icons/ast/richeditor-list-ordered.ts +1 -1
  152. package/src/icons/ast/richeditor-list-unindent.ts +1 -1
  153. package/src/icons/ast/richeditor-mark-code.ts +1 -1
  154. package/src/icons/ast/richeditor-mark-em.ts +1 -1
  155. package/src/icons/ast/richeditor-mark-highlight.ts +1 -1
  156. package/src/icons/ast/richeditor-mark-strike.ts +1 -1
  157. package/src/icons/ast/richeditor-mark-strong.ts +1 -1
  158. package/src/icons/ast/richeditor-mark-text-background-color.ts +1 -1
  159. package/src/icons/ast/richeditor-mark-underline.ts +1 -1
  160. package/src/icons/ast/richeditor-table-create.ts +1 -1
  161. package/src/icons/ast/richeditor-video-upload.ts +1 -1
  162. package/src/icons/ast/{bolt.ts → rule.ts} +3 -3
  163. package/src/icons/ast/simple-compass.ts +1 -1
  164. package/src/icons/ast/space-add.ts +12 -0
  165. package/src/icons/ast/{move-space.ts → space-move.ts} +3 -3
  166. package/src/icons/ast/type-button.ts +1 -1
  167. package/src/icons/ast/type-checkbox.ts +1 -1
  168. package/src/icons/ast/type-date.ts +1 -1
  169. package/src/icons/ast/type-email.ts +1 -1
  170. package/src/icons/ast/type-emoji.ts +1 -1
  171. package/src/icons/ast/type-formula.ts +1 -1
  172. package/src/icons/ast/type-location.ts +1 -1
  173. package/src/icons/ast/type-lookup.ts +1 -1
  174. package/src/icons/ast/type-money.ts +1 -1
  175. package/src/icons/ast/type-multi-select.ts +1 -1
  176. package/src/icons/ast/type-number.ts +1 -1
  177. package/src/icons/ast/type-percent.ts +1 -1
  178. package/src/icons/ast/type-phone.ts +1 -1
  179. package/src/icons/ast/type-relation.ts +1 -1
  180. package/src/icons/ast/type-rich-text.ts +1 -1
  181. package/src/icons/ast/type-single-select.ts +1 -1
  182. package/src/icons/ast/type-text.ts +1 -1
  183. package/src/icons/ast/undo.ts +12 -0
  184. package/src/icons/ast/units-avatar.ts +1 -1
  185. package/src/icons/ast/units-collection.ts +1 -1
  186. package/src/icons/ast/units-counter.ts +1 -1
  187. package/src/icons/ast/units-date.ts +1 -1
  188. package/src/icons/ast/units-field-icon-button.ts +1 -1
  189. package/src/icons/ast/units-field.ts +1 -1
  190. package/src/icons/ast/units-input.ts +1 -1
  191. package/src/icons/ast/units-normal.ts +12 -0
  192. package/src/icons/ast/units-progress-bar.ts +1 -1
  193. package/src/icons/ast/units-rich-text.ts +1 -1
  194. package/src/icons/ast/units-snippet.ts +1 -1
  195. package/src/icons/ast/unlock.ts +12 -0
  196. package/src/icons/ast/{clear-value.ts → value-clear.ts} +3 -3
  197. package/src/icons/ast/view-app.ts +12 -0
  198. package/src/icons/ast/workflow.ts +12 -0
  199. package/src/icons/react/{anthropic.tsx → architect.tsx} +5 -5
  200. package/src/icons/react/arrow-back.tsx +18 -0
  201. package/src/icons/react/arrow-down.tsx +18 -0
  202. package/src/icons/react/arrow-send.tsx +18 -0
  203. package/src/icons/react/{app-wiki.tsx → arrow-up.tsx} +5 -5
  204. package/src/icons/react/avatar.tsx +18 -0
  205. package/src/icons/react/backlog.tsx +18 -0
  206. package/src/icons/react/circle-check-filled.tsx +18 -0
  207. package/src/icons/react/{add-database.tsx → circle-check.tsx} +5 -5
  208. package/src/icons/react/circle-cross-filled.tsx +18 -0
  209. package/src/icons/react/circle-cross.tsx +18 -0
  210. package/src/icons/react/circle-info-filled.tsx +18 -0
  211. package/src/icons/react/circle-info.tsx +18 -0
  212. package/src/icons/react/circle-pause.tsx +18 -0
  213. package/src/icons/react/circle-play.tsx +18 -0
  214. package/src/icons/react/comments.tsx +18 -0
  215. package/src/icons/react/database-add.tsx +18 -0
  216. package/src/icons/react/database-outline.tsx +18 -0
  217. package/src/icons/react/{chat-ai.tsx → eye-off.tsx} +5 -5
  218. package/src/icons/react/favorites-filled.tsx +18 -0
  219. package/src/icons/react/field-units-large.tsx +18 -0
  220. package/src/icons/react/{apple.tsx → files.tsx} +5 -5
  221. package/src/icons/react/folder-smart.tsx +18 -0
  222. package/src/icons/react/fullscreen-mode-off.tsx +18 -0
  223. package/src/icons/react/{app-store.tsx → group-add.tsx} +5 -5
  224. package/src/icons/react/image-error.tsx +18 -0
  225. package/src/icons/react/index.tsx +132 -217
  226. package/src/icons/react/{add-integration.tsx → integration-add.tsx} +5 -5
  227. package/src/icons/react/integration-discourse.tsx +18 -0
  228. package/src/icons/react/integration-fibery.tsx +18 -0
  229. package/src/icons/react/integration-figma.tsx +18 -0
  230. package/src/icons/react/integration-github.tsx +18 -0
  231. package/src/icons/react/integration-gitlab.tsx +18 -0
  232. package/src/icons/react/integration-google-drive.tsx +18 -0
  233. package/src/icons/react/integration-google-map.tsx +18 -0
  234. package/src/icons/react/{automations-disabled.tsx → integration-intercom.tsx} +5 -5
  235. package/src/icons/react/integration-jira.tsx +18 -0
  236. package/src/icons/react/integration-loom.tsx +18 -0
  237. package/src/icons/react/integration-miro.tsx +18 -0
  238. package/src/icons/react/{extension-references.tsx → integration-mixpanel.tsx} +5 -5
  239. package/src/icons/react/integration-slack.tsx +18 -0
  240. package/src/icons/react/integration-suggest.tsx +18 -0
  241. package/src/icons/react/integration-twitter.tsx +18 -0
  242. package/src/icons/react/integration-unsplash.tsx +18 -0
  243. package/src/icons/react/integration-youtube.tsx +18 -0
  244. package/src/icons/react/integration-zendesk.tsx +18 -0
  245. package/src/icons/react/{notifications.tsx → limits.tsx} +5 -5
  246. package/src/icons/react/lock-filled.tsx +18 -0
  247. package/src/icons/react/{add-group.tsx → move-down.tsx} +5 -5
  248. package/src/icons/react/move-up.tsx +18 -0
  249. package/src/icons/react/open-in-panel.tsx +18 -0
  250. package/src/icons/react/{ai-search.tsx → open-link.tsx} +5 -5
  251. package/src/icons/react/people-all.tsx +18 -0
  252. package/src/icons/react/people-group-remove.tsx +18 -0
  253. package/src/icons/react/people-group.tsx +18 -0
  254. package/src/icons/react/{add-reactions.tsx → people-invite.tsx} +5 -5
  255. package/src/icons/react/people-remove.tsx +18 -0
  256. package/src/icons/react/people-role.tsx +18 -0
  257. package/src/icons/react/people-x.tsx +18 -0
  258. package/src/icons/react/{chat.tsx → plus.tsx} +5 -5
  259. package/src/icons/react/preferences.tsx +18 -0
  260. package/src/icons/react/propagate.tsx +18 -0
  261. package/src/icons/react/reactions-add.tsx +18 -0
  262. package/src/icons/react/{csv.tsx → redo.tsx} +5 -5
  263. package/src/icons/react/references.tsx +18 -0
  264. package/src/icons/react/richeditor-block-callout.tsx +1 -1
  265. package/src/icons/react/richeditor-block-code.tsx +1 -1
  266. package/src/icons/react/richeditor-block-embed.tsx +1 -1
  267. package/src/icons/react/richeditor-block-entity.tsx +1 -1
  268. package/src/icons/react/richeditor-block-file.tsx +1 -1
  269. package/src/icons/react/richeditor-block-h1.tsx +1 -1
  270. package/src/icons/react/richeditor-block-h2.tsx +1 -1
  271. package/src/icons/react/richeditor-block-h3.tsx +1 -1
  272. package/src/icons/react/richeditor-block-h4.tsx +1 -1
  273. package/src/icons/react/richeditor-block-mention.tsx +1 -1
  274. package/src/icons/react/richeditor-block-paragraph.tsx +1 -1
  275. package/src/icons/react/richeditor-block-quote.tsx +1 -1
  276. package/src/icons/react/richeditor-checklist-create.tsx +1 -1
  277. package/src/icons/react/richeditor-image-align-center.tsx +1 -1
  278. package/src/icons/react/richeditor-image-align-left.tsx +1 -1
  279. package/src/icons/react/richeditor-image-align-right.tsx +1 -1
  280. package/src/icons/react/richeditor-image.tsx +18 -0
  281. package/src/icons/react/richeditor-linkedhighlight-create.tsx +1 -1
  282. package/src/icons/react/richeditor-list-bullet.tsx +1 -1
  283. package/src/icons/react/richeditor-list-indent.tsx +1 -1
  284. package/src/icons/react/richeditor-list-ordered.tsx +1 -1
  285. package/src/icons/react/richeditor-list-unindent.tsx +1 -1
  286. package/src/icons/react/richeditor-mark-code.tsx +1 -1
  287. package/src/icons/react/richeditor-mark-em.tsx +1 -1
  288. package/src/icons/react/richeditor-mark-highlight.tsx +1 -1
  289. package/src/icons/react/richeditor-mark-strike.tsx +1 -1
  290. package/src/icons/react/richeditor-mark-strong.tsx +1 -1
  291. package/src/icons/react/richeditor-mark-text-background-color.tsx +1 -1
  292. package/src/icons/react/richeditor-mark-underline.tsx +1 -1
  293. package/src/icons/react/richeditor-table-create.tsx +1 -1
  294. package/src/icons/react/richeditor-video-upload.tsx +1 -1
  295. package/src/icons/react/{back.tsx → rule.tsx} +5 -5
  296. package/src/icons/react/{ai-avatar.tsx → space-add.tsx} +5 -5
  297. package/src/icons/react/space-move.tsx +18 -0
  298. package/src/icons/react/type-button.tsx +1 -1
  299. package/src/icons/react/type-checkbox.tsx +1 -1
  300. package/src/icons/react/type-date.tsx +1 -1
  301. package/src/icons/react/type-email.tsx +1 -1
  302. package/src/icons/react/type-emoji.tsx +1 -1
  303. package/src/icons/react/type-formula.tsx +1 -1
  304. package/src/icons/react/type-location.tsx +1 -1
  305. package/src/icons/react/type-lookup.tsx +1 -1
  306. package/src/icons/react/type-money.tsx +1 -1
  307. package/src/icons/react/type-multi-select.tsx +1 -1
  308. package/src/icons/react/type-number.tsx +1 -1
  309. package/src/icons/react/type-percent.tsx +1 -1
  310. package/src/icons/react/type-phone.tsx +1 -1
  311. package/src/icons/react/type-relation.tsx +1 -1
  312. package/src/icons/react/type-rich-text.tsx +1 -1
  313. package/src/icons/react/type-single-select.tsx +1 -1
  314. package/src/icons/react/type-text.tsx +1 -1
  315. package/src/icons/react/{bolt.tsx → undo.tsx} +5 -5
  316. package/src/icons/react/units-avatar.tsx +1 -1
  317. package/src/icons/react/units-collection.tsx +1 -1
  318. package/src/icons/react/units-counter.tsx +1 -1
  319. package/src/icons/react/units-date.tsx +1 -1
  320. package/src/icons/react/units-field-icon-button.tsx +1 -1
  321. package/src/icons/react/units-field.tsx +1 -1
  322. package/src/icons/react/units-input.tsx +1 -1
  323. package/src/icons/react/units-normal.tsx +18 -0
  324. package/src/icons/react/units-progress-bar.tsx +1 -1
  325. package/src/icons/react/units-rich-text.tsx +1 -1
  326. package/src/icons/react/units-snippet.tsx +1 -1
  327. package/src/icons/react/unlock.tsx +18 -0
  328. package/src/icons/react/value-clear.tsx +18 -0
  329. package/src/icons/react/view-app.tsx +18 -0
  330. package/src/icons/react/workflow.tsx +18 -0
  331. package/src/icons/svg/appearance-auto.svg +1 -1
  332. package/src/icons/svg/{arrow-bottom.svg → arrow-down.svg} +1 -1
  333. package/src/icons/svg/arrow-forward.svg +1 -1
  334. package/src/icons/svg/arrow-left.svg +1 -1
  335. package/src/icons/svg/arrow-right.svg +1 -1
  336. package/src/icons/svg/{arrow-top.svg → arrow-up.svg} +1 -1
  337. package/src/icons/svg/asterisk.svg +2 -2
  338. package/src/icons/svg/{automations-error.svg → circle-cross.svg} +1 -1
  339. package/src/icons/svg/{automations-not-started.svg → circle-pause.svg} +1 -1
  340. package/src/icons/svg/{automations-in-progress.svg → circle-play.svg} +1 -1
  341. package/src/icons/svg/collapse-all-horizontal.svg +1 -1
  342. package/src/icons/svg/collapse-all.svg +1 -1
  343. package/src/icons/svg/credits-filled.svg +1 -1
  344. package/src/icons/svg/entity-create.svg +1 -1
  345. package/src/icons/svg/expand-all-horizontal.svg +1 -1
  346. package/src/icons/svg/fullscreen-mode-on.svg +2 -3
  347. package/src/icons/svg/go-to.svg +1 -1
  348. package/src/icons/svg/integration-unsplash.svg +3 -0
  349. package/src/icons/svg/layout-double.svg +1 -1
  350. package/src/icons/svg/layout-single.svg +1 -1
  351. package/src/icons/svg/limits.svg +3 -0
  352. package/src/icons/svg/lock-filled.svg +4 -0
  353. package/src/icons/svg/lock.svg +5 -4
  354. package/src/icons/svg/page-regular-mode.svg +3 -3
  355. package/src/icons/svg/page-wide-mode.svg +3 -3
  356. package/src/icons/svg/{user-group.svg → people-group.svg} +1 -1
  357. package/src/icons/svg/{user-role.svg → people-role.svg} +1 -1
  358. package/src/icons/svg/{richeditor/list/indent.svg → richeditor-list-indent.svg} +1 -1
  359. package/src/icons/svg/richeditor-mark-code.svg +5 -0
  360. package/src/icons/svg/richeditor-mark-em.svg +3 -0
  361. package/src/icons/svg/richeditor-mark-highlight.svg +3 -0
  362. package/src/icons/svg/richeditor-mark-strike.svg +3 -0
  363. package/src/icons/svg/richeditor-mark-strong.svg +3 -0
  364. package/src/icons/svg/simple-compass.svg +2 -2
  365. package/src/icons/svg/space-app.svg +1 -1
  366. package/src/icons/svg/space-generate.svg +1 -1
  367. package/src/icons/svg/space-scratch.svg +1 -1
  368. package/src/icons/svg/space-template.svg +1 -1
  369. package/src/icons/svg/value-edit.svg +1 -1
  370. package/src/icons/svg/view-app.svg +6 -0
  371. package/src/icons/svg/view-gantt.svg +3 -3
  372. package/src/icons/svg/warning-triangle-filled.svg +1 -1
  373. package/src/images-gallery/slide-buttons.tsx +3 -3
  374. package/src/mobile-drawer.tsx +104 -0
  375. package/src/number-input/types.ts +1 -1
  376. package/src/palettes/common.ts +3 -3
  377. package/src/palettes/diff-colors.test.ts +134 -0
  378. package/src/palettes/diff-colors.ts +135 -1
  379. package/src/palettes/inspect.canvas-colors.test.ts +63 -63
  380. package/src/palettes/inspect.defs.colors.neutral-arch.test.ts +196 -64
  381. package/src/palettes/inspect.defs.colors.neutral-user.test.ts +196 -64
  382. package/src/palettes/inspect.defs.colors.warm-arch.test.ts +196 -64
  383. package/src/palettes/inspect.defs.colors.warm-user.test.ts +196 -64
  384. package/src/palettes/show-colors.test.ts +3 -3
  385. package/src/palettes/testkit.test.ts +6 -0
  386. package/src/palettes/testkit.ts +78 -22
  387. package/src/phone.ts +27 -0
  388. package/src/reactions/reaction-picker.tsx +3 -3
  389. package/src/rich-text-embed-error.tsx +2 -2
  390. package/src/root-theme-provider.test.tsx +2 -3
  391. package/src/select/select-in-popover.tsx +41 -25
  392. package/src/select/util.ts +1 -1
  393. package/src/thematic.tsx +10 -9
  394. package/src/theme-provider.test.tsx +18 -18
  395. package/src/theme-provider.tsx +3 -7
  396. package/src/theme-settings-core.ts +118 -0
  397. package/src/theme-settings.ts +2 -117
  398. package/src/theme-snapshots.test.ts +6 -7
  399. package/src/theming.build.ts +21 -15
  400. package/src/theming.generated.css +2162 -2034
  401. package/src/theming.generated.ts +2701 -2549
  402. package/src/toast/toast.tsx +1 -1
  403. package/src/toggle-button/round-toggle-button.tsx +28 -4
  404. package/src/toggle-button/toggle-button.tsx +69 -23
  405. package/src/toggle-on-off.tsx +0 -9
  406. package/src/use-is-phone.tsx +3 -27
  407. package/vitest.config.ts +1 -0
  408. package/src/icons/ast/ai-avatar.ts +0 -12
  409. package/src/icons/ast/ai-search.ts +0 -12
  410. package/src/icons/ast/anthropic.ts +0 -12
  411. package/src/icons/ast/app-details.ts +0 -12
  412. package/src/icons/ast/app-store-one-color.ts +0 -12
  413. package/src/icons/ast/app-store.ts +0 -12
  414. package/src/icons/ast/app-templates.ts +0 -12
  415. package/src/icons/ast/app-webhooks.ts +0 -12
  416. package/src/icons/ast/app-wiki.ts +0 -12
  417. package/src/icons/ast/apple.ts +0 -12
  418. package/src/icons/ast/arrow-bottom.ts +0 -12
  419. package/src/icons/ast/arrow-top.ts +0 -12
  420. package/src/icons/ast/automations-cancelled.ts +0 -12
  421. package/src/icons/ast/automations-disabled.ts +0 -12
  422. package/src/icons/ast/automations-error.ts +0 -12
  423. package/src/icons/ast/automations-in-progress.ts +0 -12
  424. package/src/icons/ast/automations-not-started.ts +0 -12
  425. package/src/icons/ast/automations-success.ts +0 -12
  426. package/src/icons/ast/back.ts +0 -12
  427. package/src/icons/ast/backlog-icon.ts +0 -12
  428. package/src/icons/ast/batch-actions-icon.ts +0 -12
  429. package/src/icons/ast/bell-filled.ts +0 -12
  430. package/src/icons/ast/chat-ai.ts +0 -12
  431. package/src/icons/ast/chat.ts +0 -12
  432. package/src/icons/ast/clean.ts +0 -12
  433. package/src/icons/ast/color-coding-filled.ts +0 -12
  434. package/src/icons/ast/create.ts +0 -12
  435. package/src/icons/ast/cross-circle.ts +0 -12
  436. package/src/icons/ast/csv.ts +0 -12
  437. package/src/icons/ast/database-off.ts +0 -12
  438. package/src/icons/ast/database-stroke.ts +0 -12
  439. package/src/icons/ast/demo.ts +0 -12
  440. package/src/icons/ast/dependency.ts +0 -12
  441. package/src/icons/ast/dividers.ts +0 -12
  442. package/src/icons/ast/document.ts +0 -12
  443. package/src/icons/ast/double-arrow-left.ts +0 -12
  444. package/src/icons/ast/double-arrow-right.ts +0 -12
  445. package/src/icons/ast/double-line.ts +0 -12
  446. package/src/icons/ast/drag-block-handle-single.ts +0 -12
  447. package/src/icons/ast/edit-value.ts +0 -12
  448. package/src/icons/ast/extension-assignments.ts +0 -12
  449. package/src/icons/ast/extension-avatar.ts +0 -12
  450. package/src/icons/ast/extension-comments.ts +0 -12
  451. package/src/icons/ast/extension-files.ts +0 -12
  452. package/src/icons/ast/extension-references.ts +0 -12
  453. package/src/icons/ast/extension-workflow.ts +0 -12
  454. package/src/icons/ast/favorites-checked.ts +0 -12
  455. package/src/icons/ast/fibery-desktop-app.ts +0 -12
  456. package/src/icons/ast/field-unit.ts +0 -12
  457. package/src/icons/ast/figma.ts +0 -12
  458. package/src/icons/ast/file-broken.ts +0 -12
  459. package/src/icons/ast/fullscreen-mode-off-icon.ts +0 -12
  460. package/src/icons/ast/fullscreen-mode-on-icon.ts +0 -12
  461. package/src/icons/ast/gauge.ts +0 -12
  462. package/src/icons/ast/github.ts +0 -12
  463. package/src/icons/ast/gitlab.ts +0 -12
  464. package/src/icons/ast/globe.ts +0 -12
  465. package/src/icons/ast/google-drive.ts +0 -12
  466. package/src/icons/ast/google-map.ts +0 -12
  467. package/src/icons/ast/hide.ts +0 -12
  468. package/src/icons/ast/integrations-integration-discourse-color.ts +0 -12
  469. package/src/icons/ast/integrations-integration-intercom-color.ts +0 -12
  470. package/src/icons/ast/integrations-integration-slack-color.ts +0 -12
  471. package/src/icons/ast/integrations-integration-zendesk-color.ts +0 -12
  472. package/src/icons/ast/intercom.ts +0 -12
  473. package/src/icons/ast/jira.ts +0 -12
  474. package/src/icons/ast/left-panel.ts +0 -12
  475. package/src/icons/ast/level-plus.ts +0 -12
  476. package/src/icons/ast/lock-outline.ts +0 -12
  477. package/src/icons/ast/loom.ts +0 -12
  478. package/src/icons/ast/loupe-zoom.ts +0 -12
  479. package/src/icons/ast/many-people.ts +0 -12
  480. package/src/icons/ast/message-plus-square.ts +0 -12
  481. package/src/icons/ast/miro.ts +0 -12
  482. package/src/icons/ast/mixpanel.ts +0 -12
  483. package/src/icons/ast/move-bottom.ts +0 -12
  484. package/src/icons/ast/move-top.ts +0 -12
  485. package/src/icons/ast/network-add.ts +0 -12
  486. package/src/icons/ast/network.ts +0 -12
  487. package/src/icons/ast/notifications.ts +0 -12
  488. package/src/icons/ast/open-ai.ts +0 -12
  489. package/src/icons/ast/open-as-page.ts +0 -12
  490. package/src/icons/ast/popup.ts +0 -12
  491. package/src/icons/ast/posts.ts +0 -12
  492. package/src/icons/ast/quick-filter-personal.ts +0 -12
  493. package/src/icons/ast/quick-filter.ts +0 -12
  494. package/src/icons/ast/reply.ts +0 -12
  495. package/src/icons/ast/restore.ts +0 -12
  496. package/src/icons/ast/richeditor-actions-more.ts +0 -12
  497. package/src/icons/ast/richeditor-comment-create.ts +0 -12
  498. package/src/icons/ast/richeditor-entity-link-create.ts +0 -12
  499. package/src/icons/ast/richeditor-history-redo.ts +0 -12
  500. package/src/icons/ast/richeditor-history-undo.ts +0 -12
  501. package/src/icons/ast/richeditor-image-upload.ts +0 -12
  502. package/src/icons/ast/richeditor-image-wrap-center.ts +0 -12
  503. package/src/icons/ast/richeditor-image-wrap-left.ts +0 -12
  504. package/src/icons/ast/richeditor-image-wrap-right.ts +0 -12
  505. package/src/icons/ast/richeditor-image-zoom.ts +0 -12
  506. package/src/icons/ast/richeditor-link-create.ts +0 -12
  507. package/src/icons/ast/richeditor-open-link.ts +0 -12
  508. package/src/icons/ast/richeditor-unlink.ts +0 -12
  509. package/src/icons/ast/right-panel.ts +0 -12
  510. package/src/icons/ast/rule-scheduled.ts +0 -12
  511. package/src/icons/ast/settings-off.ts +0 -12
  512. package/src/icons/ast/shared.ts +0 -12
  513. package/src/icons/ast/sidebar-fields-opened.ts +0 -12
  514. package/src/icons/ast/sidebar-fields.ts +0 -12
  515. package/src/icons/ast/sidebar.ts +0 -12
  516. package/src/icons/ast/slack-icon.ts +0 -12
  517. package/src/icons/ast/slack.ts +0 -12
  518. package/src/icons/ast/slide-menu-close.ts +0 -12
  519. package/src/icons/ast/slide-menu-open.ts +0 -12
  520. package/src/icons/ast/sort-on-bottom.ts +0 -12
  521. package/src/icons/ast/sort-on-top.ts +0 -12
  522. package/src/icons/ast/space-list.ts +0 -12
  523. package/src/icons/ast/success.ts +0 -12
  524. package/src/icons/ast/template.ts +0 -12
  525. package/src/icons/ast/thumbs-down.ts +0 -12
  526. package/src/icons/ast/thumbs-up.ts +0 -12
  527. package/src/icons/ast/twitter.ts +0 -12
  528. package/src/icons/ast/type-boolean.ts +0 -12
  529. package/src/icons/ast/type-function.ts +0 -12
  530. package/src/icons/ast/type-id.ts +0 -12
  531. package/src/icons/ast/type-rule.ts +0 -12
  532. package/src/icons/ast/type-url.ts +0 -12
  533. package/src/icons/ast/units-db-badge-abbr.ts +0 -12
  534. package/src/icons/ast/units-db-badge-full.ts +0 -12
  535. package/src/icons/ast/units-db-icon.ts +0 -12
  536. package/src/icons/ast/unlock-outline.ts +0 -12
  537. package/src/icons/ast/upgrade.ts +0 -12
  538. package/src/icons/ast/user-check.ts +0 -12
  539. package/src/icons/ast/user-group-remove.ts +0 -12
  540. package/src/icons/ast/user-group.ts +0 -12
  541. package/src/icons/ast/user-role.ts +0 -12
  542. package/src/icons/ast/user-x.ts +0 -12
  543. package/src/icons/ast/windows.ts +0 -12
  544. package/src/icons/ast/workspace-map.ts +0 -12
  545. package/src/icons/ast/youtube.ts +0 -12
  546. package/src/icons/ast/zoom-in.ts +0 -12
  547. package/src/icons/ast/zoom-out.ts +0 -12
  548. package/src/icons/react/app-details.tsx +0 -18
  549. package/src/icons/react/app-store-one-color.tsx +0 -18
  550. package/src/icons/react/app-templates.tsx +0 -18
  551. package/src/icons/react/app-webhooks.tsx +0 -18
  552. package/src/icons/react/arrow-bottom.tsx +0 -18
  553. package/src/icons/react/arrow-top.tsx +0 -18
  554. package/src/icons/react/automations-cancelled.tsx +0 -18
  555. package/src/icons/react/automations-error.tsx +0 -18
  556. package/src/icons/react/automations-in-progress.tsx +0 -18
  557. package/src/icons/react/automations-not-started.tsx +0 -18
  558. package/src/icons/react/automations-success.tsx +0 -18
  559. package/src/icons/react/backlog-icon.tsx +0 -18
  560. package/src/icons/react/batch-actions-icon.tsx +0 -18
  561. package/src/icons/react/bell-filled.tsx +0 -18
  562. package/src/icons/react/check-circle-filled.tsx +0 -18
  563. package/src/icons/react/check-circle.tsx +0 -18
  564. package/src/icons/react/clean.tsx +0 -18
  565. package/src/icons/react/clear-value.tsx +0 -18
  566. package/src/icons/react/color-coding-filled.tsx +0 -18
  567. package/src/icons/react/create.tsx +0 -18
  568. package/src/icons/react/cross-circle.tsx +0 -18
  569. package/src/icons/react/database-off.tsx +0 -18
  570. package/src/icons/react/database-stroke.tsx +0 -18
  571. package/src/icons/react/demo.tsx +0 -18
  572. package/src/icons/react/dependency.tsx +0 -18
  573. package/src/icons/react/dividers.tsx +0 -18
  574. package/src/icons/react/document.tsx +0 -18
  575. package/src/icons/react/double-arrow-left.tsx +0 -18
  576. package/src/icons/react/double-arrow-right.tsx +0 -18
  577. package/src/icons/react/double-line.tsx +0 -18
  578. package/src/icons/react/drag-block-handle-single.tsx +0 -18
  579. package/src/icons/react/edit-value.tsx +0 -18
  580. package/src/icons/react/error-circle-filled.tsx +0 -18
  581. package/src/icons/react/extension-assignments.tsx +0 -18
  582. package/src/icons/react/extension-avatar.tsx +0 -18
  583. package/src/icons/react/extension-comments.tsx +0 -18
  584. package/src/icons/react/extension-files.tsx +0 -18
  585. package/src/icons/react/extension-workflow.tsx +0 -18
  586. package/src/icons/react/favorites-checked.tsx +0 -18
  587. package/src/icons/react/fibery-desktop-app.tsx +0 -18
  588. package/src/icons/react/field-unit.tsx +0 -18
  589. package/src/icons/react/figma.tsx +0 -18
  590. package/src/icons/react/file-broken.tsx +0 -18
  591. package/src/icons/react/fullscreen-mode-off-icon.tsx +0 -18
  592. package/src/icons/react/fullscreen-mode-on-icon.tsx +0 -18
  593. package/src/icons/react/gauge.tsx +0 -18
  594. package/src/icons/react/github.tsx +0 -18
  595. package/src/icons/react/gitlab.tsx +0 -18
  596. package/src/icons/react/globe.tsx +0 -18
  597. package/src/icons/react/google-drive.tsx +0 -18
  598. package/src/icons/react/google-map.tsx +0 -18
  599. package/src/icons/react/hide.tsx +0 -18
  600. package/src/icons/react/image-xmark.tsx +0 -18
  601. package/src/icons/react/info-circle-filled.tsx +0 -18
  602. package/src/icons/react/info-circle.tsx +0 -18
  603. package/src/icons/react/integrations-integration-discourse-color.tsx +0 -18
  604. package/src/icons/react/integrations-integration-intercom-color.tsx +0 -18
  605. package/src/icons/react/integrations-integration-slack-color.tsx +0 -18
  606. package/src/icons/react/integrations-integration-zendesk-color.tsx +0 -18
  607. package/src/icons/react/intercom.tsx +0 -18
  608. package/src/icons/react/invite-people.tsx +0 -18
  609. package/src/icons/react/jira.tsx +0 -18
  610. package/src/icons/react/left-panel.tsx +0 -18
  611. package/src/icons/react/level-plus.tsx +0 -18
  612. package/src/icons/react/lock-outline.tsx +0 -18
  613. package/src/icons/react/loom.tsx +0 -18
  614. package/src/icons/react/loupe-zoom.tsx +0 -18
  615. package/src/icons/react/many-people.tsx +0 -18
  616. package/src/icons/react/message-plus-square.tsx +0 -18
  617. package/src/icons/react/miro.tsx +0 -18
  618. package/src/icons/react/mixpanel.tsx +0 -18
  619. package/src/icons/react/move-bottom.tsx +0 -18
  620. package/src/icons/react/move-space.tsx +0 -18
  621. package/src/icons/react/move-top.tsx +0 -18
  622. package/src/icons/react/network-add.tsx +0 -18
  623. package/src/icons/react/network.tsx +0 -18
  624. package/src/icons/react/open-ai.tsx +0 -18
  625. package/src/icons/react/open-as-page.tsx +0 -18
  626. package/src/icons/react/popup.tsx +0 -18
  627. package/src/icons/react/posts.tsx +0 -18
  628. package/src/icons/react/quick-filter-personal.tsx +0 -18
  629. package/src/icons/react/quick-filter.tsx +0 -18
  630. package/src/icons/react/remove-people.tsx +0 -18
  631. package/src/icons/react/reply.tsx +0 -18
  632. package/src/icons/react/restore.tsx +0 -18
  633. package/src/icons/react/richeditor-actions-more.tsx +0 -18
  634. package/src/icons/react/richeditor-comment-create.tsx +0 -18
  635. package/src/icons/react/richeditor-entity-link-create.tsx +0 -18
  636. package/src/icons/react/richeditor-history-redo.tsx +0 -18
  637. package/src/icons/react/richeditor-history-undo.tsx +0 -18
  638. package/src/icons/react/richeditor-image-upload.tsx +0 -18
  639. package/src/icons/react/richeditor-image-wrap-center.tsx +0 -18
  640. package/src/icons/react/richeditor-image-wrap-left.tsx +0 -18
  641. package/src/icons/react/richeditor-image-wrap-right.tsx +0 -18
  642. package/src/icons/react/richeditor-image-zoom.tsx +0 -18
  643. package/src/icons/react/richeditor-link-create.tsx +0 -18
  644. package/src/icons/react/richeditor-open-link.tsx +0 -18
  645. package/src/icons/react/richeditor-unlink.tsx +0 -18
  646. package/src/icons/react/right-panel.tsx +0 -18
  647. package/src/icons/react/rule-scheduled.tsx +0 -18
  648. package/src/icons/react/send-arrow.tsx +0 -18
  649. package/src/icons/react/settings-off.tsx +0 -18
  650. package/src/icons/react/shared.tsx +0 -18
  651. package/src/icons/react/sidebar-fields-opened.tsx +0 -18
  652. package/src/icons/react/sidebar-fields.tsx +0 -18
  653. package/src/icons/react/sidebar.tsx +0 -18
  654. package/src/icons/react/slack-icon.tsx +0 -18
  655. package/src/icons/react/slack.tsx +0 -18
  656. package/src/icons/react/slide-menu-close.tsx +0 -18
  657. package/src/icons/react/slide-menu-open.tsx +0 -18
  658. package/src/icons/react/smart-folder.tsx +0 -18
  659. package/src/icons/react/sort-on-bottom.tsx +0 -18
  660. package/src/icons/react/sort-on-top.tsx +0 -18
  661. package/src/icons/react/space-list.tsx +0 -18
  662. package/src/icons/react/success.tsx +0 -18
  663. package/src/icons/react/suggest-integration.tsx +0 -18
  664. package/src/icons/react/switch-to-mention.tsx +0 -18
  665. package/src/icons/react/template.tsx +0 -18
  666. package/src/icons/react/thumbs-down.tsx +0 -18
  667. package/src/icons/react/thumbs-up.tsx +0 -18
  668. package/src/icons/react/twitter.tsx +0 -18
  669. package/src/icons/react/type-boolean.tsx +0 -18
  670. package/src/icons/react/type-function.tsx +0 -18
  671. package/src/icons/react/type-id.tsx +0 -18
  672. package/src/icons/react/type-rule.tsx +0 -18
  673. package/src/icons/react/type-url.tsx +0 -18
  674. package/src/icons/react/units-db-badge-abbr.tsx +0 -18
  675. package/src/icons/react/units-db-badge-full.tsx +0 -18
  676. package/src/icons/react/units-db-icon.tsx +0 -18
  677. package/src/icons/react/unlock-outline.tsx +0 -18
  678. package/src/icons/react/upgrade.tsx +0 -18
  679. package/src/icons/react/user-check.tsx +0 -18
  680. package/src/icons/react/user-group-remove.tsx +0 -18
  681. package/src/icons/react/user-group.tsx +0 -18
  682. package/src/icons/react/user-role.tsx +0 -18
  683. package/src/icons/react/user-x.tsx +0 -18
  684. package/src/icons/react/windows.tsx +0 -18
  685. package/src/icons/react/workspace-map.tsx +0 -18
  686. package/src/icons/react/youtube.tsx +0 -18
  687. package/src/icons/react/zoom-in.tsx +0 -18
  688. package/src/icons/react/zoom-out.tsx +0 -18
  689. package/src/icons/svg/ai-avatar.svg +0 -3
  690. package/src/icons/svg/ai-search.svg +0 -3
  691. package/src/icons/svg/anthropic.svg +0 -3
  692. package/src/icons/svg/app-store-one-color.svg +0 -4
  693. package/src/icons/svg/app-store.svg +0 -4
  694. package/src/icons/svg/app-webhooks.svg +0 -2
  695. package/src/icons/svg/app-wiki.svg +0 -2
  696. package/src/icons/svg/apple.svg +0 -4
  697. package/src/icons/svg/automations-cancelled.svg +0 -3
  698. package/src/icons/svg/automations-disabled.svg +0 -3
  699. package/src/icons/svg/automations-success.svg +0 -3
  700. package/src/icons/svg/batch-actions-icon.svg +0 -4
  701. package/src/icons/svg/bell-filled.svg +0 -4
  702. package/src/icons/svg/chat-ai.svg +0 -5
  703. package/src/icons/svg/chat.svg +0 -3
  704. package/src/icons/svg/clean.svg +0 -6
  705. package/src/icons/svg/color-coding-filled.svg +0 -3
  706. package/src/icons/svg/create.svg +0 -3
  707. package/src/icons/svg/cross-circle.svg +0 -4
  708. package/src/icons/svg/csv.svg +0 -3
  709. package/src/icons/svg/database-off.svg +0 -3
  710. package/src/icons/svg/demo.svg +0 -2
  711. package/src/icons/svg/dependency.svg +0 -3
  712. package/src/icons/svg/document.svg +0 -4
  713. package/src/icons/svg/double-arrow-left.svg +0 -2
  714. package/src/icons/svg/double-arrow-right.svg +0 -2
  715. package/src/icons/svg/double-line.svg +0 -3
  716. package/src/icons/svg/drag-block-handle-single.svg +0 -5
  717. package/src/icons/svg/edit-value.svg +0 -5
  718. package/src/icons/svg/extension/assignments.svg +0 -7
  719. package/src/icons/svg/file-broken.svg +0 -3
  720. package/src/icons/svg/fullscreen-mode-on-icon.svg +0 -3
  721. package/src/icons/svg/gauge.svg +0 -5
  722. package/src/icons/svg/globe.svg +0 -3
  723. package/src/icons/svg/integrations/integration-slack-color.svg +0 -10
  724. package/src/icons/svg/intercom.svg +0 -3
  725. package/src/icons/svg/left-panel.svg +0 -11
  726. package/src/icons/svg/level-plus.svg +0 -4
  727. package/src/icons/svg/lock-outline.svg +0 -5
  728. package/src/icons/svg/loupe-zoom.svg +0 -3
  729. package/src/icons/svg/message-plus-square.svg +0 -4
  730. package/src/icons/svg/network-add.svg +0 -5
  731. package/src/icons/svg/notifications.svg +0 -2
  732. package/src/icons/svg/open-ai.svg +0 -3
  733. package/src/icons/svg/open-as-page.svg +0 -3
  734. package/src/icons/svg/posts.svg +0 -3
  735. package/src/icons/svg/quick-filter-personal.svg +0 -3
  736. package/src/icons/svg/quick-filter.svg +0 -3
  737. package/src/icons/svg/reply.svg +0 -2
  738. package/src/icons/svg/restore.svg +0 -2
  739. package/src/icons/svg/richeditor/actions/more.svg +0 -2
  740. package/src/icons/svg/richeditor/comment/create.svg +0 -5
  741. package/src/icons/svg/richeditor/entity-link/create.svg +0 -2
  742. package/src/icons/svg/richeditor/image/wrap-center.svg +0 -2
  743. package/src/icons/svg/richeditor/image/wrap-left.svg +0 -2
  744. package/src/icons/svg/richeditor/image/wrap-right.svg +0 -2
  745. package/src/icons/svg/richeditor/image/zoom.svg +0 -5
  746. package/src/icons/svg/richeditor/link/create.svg +0 -9
  747. package/src/icons/svg/richeditor/mark/code.svg +0 -5
  748. package/src/icons/svg/richeditor/mark/em.svg +0 -3
  749. package/src/icons/svg/richeditor/mark/highlight.svg +0 -3
  750. package/src/icons/svg/richeditor/mark/strike.svg +0 -3
  751. package/src/icons/svg/richeditor/mark/strong.svg +0 -3
  752. package/src/icons/svg/richeditor/unlink.svg +0 -10
  753. package/src/icons/svg/right-panel.svg +0 -11
  754. package/src/icons/svg/rule-scheduled.svg +0 -5
  755. package/src/icons/svg/settings-off.svg +0 -4
  756. package/src/icons/svg/shared.svg +0 -7
  757. package/src/icons/svg/sidebar-fields-opened.svg +0 -3
  758. package/src/icons/svg/sidebar-fields.svg +0 -6
  759. package/src/icons/svg/sidebar.svg +0 -2
  760. package/src/icons/svg/slack-icon.svg +0 -3
  761. package/src/icons/svg/slide-menu-close.svg +0 -4
  762. package/src/icons/svg/slide-menu-open.svg +0 -4
  763. package/src/icons/svg/sort-on-bottom.svg +0 -4
  764. package/src/icons/svg/sort-on-top.svg +0 -4
  765. package/src/icons/svg/space-list.svg +0 -4
  766. package/src/icons/svg/success.svg +0 -4
  767. package/src/icons/svg/template.svg +0 -3
  768. package/src/icons/svg/thumbs-down.svg +0 -3
  769. package/src/icons/svg/thumbs-up.svg +0 -3
  770. package/src/icons/svg/type/boolean.svg +0 -2
  771. package/src/icons/svg/type/function.svg +0 -2
  772. package/src/icons/svg/type/id.svg +0 -3
  773. package/src/icons/svg/type/rule.svg +0 -2
  774. package/src/icons/svg/type/url.svg +0 -9
  775. package/src/icons/svg/units/db-badge-abbr.svg +0 -4
  776. package/src/icons/svg/units/db-badge-full.svg +0 -4
  777. package/src/icons/svg/units/db-icon.svg +0 -4
  778. package/src/icons/svg/upgrade.svg +0 -2
  779. package/src/icons/svg/user-check.svg +0 -3
  780. package/src/icons/svg/windows.svg +0 -15
  781. package/src/icons/svg/workspace-map.svg +0 -3
  782. package/src/icons/svg/zoom-out.svg +0 -7
  783. /package/src/icons/svg/{dividers.svg → architect.svg} +0 -0
  784. /package/src/icons/svg/{back.svg → arrow-back.svg} +0 -0
  785. /package/src/icons/svg/{send-arrow.svg → arrow-send.svg} +0 -0
  786. /package/src/icons/svg/{extension/avatar.svg → avatar.svg} +0 -0
  787. /package/src/icons/svg/{backlog-icon.svg → backlog.svg} +0 -0
  788. /package/src/icons/svg/{check-circle-filled.svg → circle-check-filled.svg} +0 -0
  789. /package/src/icons/svg/{check-circle.svg → circle-check.svg} +0 -0
  790. /package/src/icons/svg/{error-circle-filled.svg → circle-cross-filled.svg} +0 -0
  791. /package/src/icons/svg/{info-circle-filled.svg → circle-info-filled.svg} +0 -0
  792. /package/src/icons/svg/{info-circle.svg → circle-info.svg} +0 -0
  793. /package/src/icons/svg/{extension/comments.svg → comments.svg} +0 -0
  794. /package/src/icons/svg/{add-database.svg → database-add.svg} +0 -0
  795. /package/src/icons/svg/{database-stroke.svg → database-outline.svg} +0 -0
  796. /package/src/icons/svg/{hide.svg → eye-off.svg} +0 -0
  797. /package/src/icons/svg/{favorites-checked.svg → favorites-filled.svg} +0 -0
  798. /package/src/icons/svg/{switch-to-mention.svg → field-units-large.svg} +0 -0
  799. /package/src/icons/svg/{extension/files.svg → files.svg} +0 -0
  800. /package/src/icons/svg/{smart-folder.svg → folder-smart.svg} +0 -0
  801. /package/src/icons/svg/{fullscreen-mode-off-icon.svg → fullscreen-mode-off.svg} +0 -0
  802. /package/src/icons/svg/{add-group.svg → group-add.svg} +0 -0
  803. /package/src/icons/svg/{image-xmark.svg → image-error.svg} +0 -0
  804. /package/src/icons/svg/{add-integration.svg → integration-add.svg} +0 -0
  805. /package/src/icons/svg/{integrations/integration-discourse-color.svg → integration-discourse.svg} +0 -0
  806. /package/src/icons/svg/{fibery-desktop-app.svg → integration-fibery.svg} +0 -0
  807. /package/src/icons/svg/{figma.svg → integration-figma.svg} +0 -0
  808. /package/src/icons/svg/{github.svg → integration-github.svg} +0 -0
  809. /package/src/icons/svg/{gitlab.svg → integration-gitlab.svg} +0 -0
  810. /package/src/icons/svg/{google-drive.svg → integration-google-drive.svg} +0 -0
  811. /package/src/icons/svg/{google-map.svg → integration-google-map.svg} +0 -0
  812. /package/src/icons/svg/{integrations/integration-intercom-color.svg → integration-intercom.svg} +0 -0
  813. /package/src/icons/svg/{jira.svg → integration-jira.svg} +0 -0
  814. /package/src/icons/svg/{loom.svg → integration-loom.svg} +0 -0
  815. /package/src/icons/svg/{miro.svg → integration-miro.svg} +0 -0
  816. /package/src/icons/svg/{mixpanel.svg → integration-mixpanel.svg} +0 -0
  817. /package/src/icons/svg/{slack.svg → integration-slack.svg} +0 -0
  818. /package/src/icons/svg/{suggest-integration.svg → integration-suggest.svg} +0 -0
  819. /package/src/icons/svg/{twitter.svg → integration-twitter.svg} +0 -0
  820. /package/src/icons/svg/{youtube.svg → integration-youtube.svg} +0 -0
  821. /package/src/icons/svg/{integrations/integration-zendesk-color.svg → integration-zendesk.svg} +0 -0
  822. /package/src/icons/svg/{move-bottom.svg → move-down.svg} +0 -0
  823. /package/src/icons/svg/{move-top.svg → move-up.svg} +0 -0
  824. /package/src/icons/svg/{popup.svg → open-in-panel.svg} +0 -0
  825. /package/src/icons/svg/{richeditor/open-link.svg → open-link.svg} +0 -0
  826. /package/src/icons/svg/{many-people.svg → people-all.svg} +0 -0
  827. /package/src/icons/svg/{user-group-remove.svg → people-group-remove.svg} +0 -0
  828. /package/src/icons/svg/{invite-people.svg → people-invite.svg} +0 -0
  829. /package/src/icons/svg/{remove-people.svg → people-remove.svg} +0 -0
  830. /package/src/icons/svg/{user-x.svg → people-x.svg} +0 -0
  831. /package/src/icons/svg/{zoom-in.svg → plus.svg} +0 -0
  832. /package/src/icons/svg/{app-details.svg → preferences.svg} +0 -0
  833. /package/src/icons/svg/{network.svg → propagate.svg} +0 -0
  834. /package/src/icons/svg/{add-reactions.svg → reactions-add.svg} +0 -0
  835. /package/src/icons/svg/{richeditor/history/redo.svg → redo.svg} +0 -0
  836. /package/src/icons/svg/{extension/references.svg → references.svg} +0 -0
  837. /package/src/icons/svg/{richeditor/block/callout.svg → richeditor-block-callout.svg} +0 -0
  838. /package/src/icons/svg/{richeditor/block/code.svg → richeditor-block-code.svg} +0 -0
  839. /package/src/icons/svg/{richeditor/block/embed.svg → richeditor-block-embed.svg} +0 -0
  840. /package/src/icons/svg/{richeditor/block/entity.svg → richeditor-block-entity.svg} +0 -0
  841. /package/src/icons/svg/{richeditor/block/file.svg → richeditor-block-file.svg} +0 -0
  842. /package/src/icons/svg/{richeditor/block/h1.svg → richeditor-block-h1.svg} +0 -0
  843. /package/src/icons/svg/{richeditor/block/h2.svg → richeditor-block-h2.svg} +0 -0
  844. /package/src/icons/svg/{richeditor/block/h3.svg → richeditor-block-h3.svg} +0 -0
  845. /package/src/icons/svg/{richeditor/block/h4.svg → richeditor-block-h4.svg} +0 -0
  846. /package/src/icons/svg/{richeditor/block/mention.svg → richeditor-block-mention.svg} +0 -0
  847. /package/src/icons/svg/{richeditor/block/paragraph.svg → richeditor-block-paragraph.svg} +0 -0
  848. /package/src/icons/svg/{richeditor/block/quote.svg → richeditor-block-quote.svg} +0 -0
  849. /package/src/icons/svg/{richeditor/checklist/create.svg → richeditor-checklist-create.svg} +0 -0
  850. /package/src/icons/svg/{richeditor/image/align-center.svg → richeditor-image-align-center.svg} +0 -0
  851. /package/src/icons/svg/{richeditor/image/align-left.svg → richeditor-image-align-left.svg} +0 -0
  852. /package/src/icons/svg/{richeditor/image/align-right.svg → richeditor-image-align-right.svg} +0 -0
  853. /package/src/icons/svg/{richeditor/image/upload.svg → richeditor-image.svg} +0 -0
  854. /package/src/icons/svg/{richeditor/linkedhighlight/create.svg → richeditor-linkedhighlight-create.svg} +0 -0
  855. /package/src/icons/svg/{richeditor/list/bullet.svg → richeditor-list-bullet.svg} +0 -0
  856. /package/src/icons/svg/{richeditor/list/ordered.svg → richeditor-list-ordered.svg} +0 -0
  857. /package/src/icons/svg/{richeditor/list/unindent.svg → richeditor-list-unindent.svg} +0 -0
  858. /package/src/icons/svg/{richeditor/mark/text-background-color.svg → richeditor-mark-text-background-color.svg} +0 -0
  859. /package/src/icons/svg/{richeditor/mark/underline.svg → richeditor-mark-underline.svg} +0 -0
  860. /package/src/icons/svg/{richeditor/table/create.svg → richeditor-table-create.svg} +0 -0
  861. /package/src/icons/svg/{richeditor/video/upload.svg → richeditor-video-upload.svg} +0 -0
  862. /package/src/icons/svg/{bolt.svg → rule.svg} +0 -0
  863. /package/src/icons/svg/{app-templates.svg → space-add.svg} +0 -0
  864. /package/src/icons/svg/{move-space.svg → space-move.svg} +0 -0
  865. /package/src/icons/svg/{type/button.svg → type-button.svg} +0 -0
  866. /package/src/icons/svg/{type/checkbox.svg → type-checkbox.svg} +0 -0
  867. /package/src/icons/svg/{type/date.svg → type-date.svg} +0 -0
  868. /package/src/icons/svg/{type/email.svg → type-email.svg} +0 -0
  869. /package/src/icons/svg/{type/emoji.svg → type-emoji.svg} +0 -0
  870. /package/src/icons/svg/{type/formula.svg → type-formula.svg} +0 -0
  871. /package/src/icons/svg/{type/location.svg → type-location.svg} +0 -0
  872. /package/src/icons/svg/{type/lookup.svg → type-lookup.svg} +0 -0
  873. /package/src/icons/svg/{type/money.svg → type-money.svg} +0 -0
  874. /package/src/icons/svg/{type/multi-select.svg → type-multi-select.svg} +0 -0
  875. /package/src/icons/svg/{type/number.svg → type-number.svg} +0 -0
  876. /package/src/icons/svg/{type/percent.svg → type-percent.svg} +0 -0
  877. /package/src/icons/svg/{type/phone.svg → type-phone.svg} +0 -0
  878. /package/src/icons/svg/{type/relation.svg → type-relation.svg} +0 -0
  879. /package/src/icons/svg/{type/rich-text.svg → type-rich-text.svg} +0 -0
  880. /package/src/icons/svg/{type/single-select.svg → type-single-select.svg} +0 -0
  881. /package/src/icons/svg/{type/text.svg → type-text.svg} +0 -0
  882. /package/src/icons/svg/{richeditor/history/undo.svg → undo.svg} +0 -0
  883. /package/src/icons/svg/{units/avatar.svg → units-avatar.svg} +0 -0
  884. /package/src/icons/svg/{units/collection.svg → units-collection.svg} +0 -0
  885. /package/src/icons/svg/{units/counter.svg → units-counter.svg} +0 -0
  886. /package/src/icons/svg/{units/date.svg → units-date.svg} +0 -0
  887. /package/src/icons/svg/{units/field-icon-button.svg → units-field-icon-button.svg} +0 -0
  888. /package/src/icons/svg/{units/field.svg → units-field.svg} +0 -0
  889. /package/src/icons/svg/{units/input.svg → units-input.svg} +0 -0
  890. /package/src/icons/svg/{field-unit.svg → units-normal.svg} +0 -0
  891. /package/src/icons/svg/{units/progress-bar.svg → units-progress-bar.svg} +0 -0
  892. /package/src/icons/svg/{units/rich-text.svg → units-rich-text.svg} +0 -0
  893. /package/src/icons/svg/{units/snippet.svg → units-snippet.svg} +0 -0
  894. /package/src/icons/svg/{unlock-outline.svg → unlock.svg} +0 -0
  895. /package/src/icons/svg/{clear-value.svg → value-clear.svg} +0 -0
  896. /package/src/icons/svg/{extension/workflow.svg → workflow.svg} +0 -0
package/src/design-system/colors-enum.dark.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=2; #2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none)",
12
- "fg": "Lc=37; #8E8E8E | hsl(none 0% 56%) | oklch(0.65 0 none)",
11
+ "bg": "#2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none) | Lc-2.00 over #171717 panelBg",
12
+ "fg": "#8E8E8E | hsl(none 0% 56%) | oklch(0.65 0 none) | Lc-36.9 over #2E2E2E bg",
13
13
  },
14
14
  "CMYK Cyan ": {
15
- "bg": "Lc=15; #115D5D | hsl( 180 69% 22%) | oklch(0.44 0.07 195 )",
16
- "fg": "Lc=73; #8FF4F4 | hsl( 180 82% 76%) | oklch(0.91 0.09 196 )",
15
+ "bg": "#115D5D | hsl( 180 69% 22%) | oklch(0.44 0.07 195 ) | Lc-14.8 over #171717 panelBg",
16
+ "fg": "#8FF4F4 | hsl( 180 82% 76%) | oklch(0.91 0.09 196 ) | Lc-73.3 over #115D5D bg",
17
17
  },
18
18
  "CMYK Magenta": {
19
- "bg": "Lc=5; #5D105D | hsl( 300 71% 21%) | oklch(0.35 0.14 328 )",
20
- "fg": "Lc=54; #F48EF4 | hsl( 300 82% 76%) | oklch(0.79 0.18 327 )",
19
+ "bg": "#5D105D | hsl( 300 71% 21%) | oklch(0.35 0.14 328 ) | Lc-4.80 over #171717 panelBg",
20
+ "fg": "#F48EF4 | hsl( 300 82% 76%) | oklch(0.79 0.18 327 ) | Lc-54.3 over #5D105D bg",
21
21
  },
22
22
  "CMYK Yellow ": {
23
- "bg": "Lc=17; #5D5D11 | hsl( 60 69% 22%) | oklch(0.46 0.09 110 )",
24
- "fg": "Lc=78; #F4F48F | hsl( 60 82% 76%) | oklch(0.95 0.12 109 )",
23
+ "bg": "#5D5D11 | hsl( 60 69% 22%) | oklch(0.46 0.09 110 ) | Lc-17.2 over #171717 panelBg",
24
+ "fg": "#F4F48F | hsl( 60 82% 76%) | oklch(0.95 0.12 109 ) | Lc-78.0 over #5D5D11 bg",
25
25
  },
26
26
  "Noti green ": {
27
- "bg": "Lc=15; #46594D | hsl( 142 12% 31%) | oklch(0.44 0.03 157 )",
28
- "fg": "Lc=77; #E6EAE7 | hsl( 135 9% 91%) | oklch(0.93 0.01 154 )",
27
+ "bg": "#46594D | hsl( 142 12% 31%) | oklch(0.44 0.03 157 ) | Lc-14.9 over #171717 panelBg",
28
+ "fg": "#E6EAE7 | hsl( 135 9% 91%) | oklch(0.93 0.01 154 ) | Lc-76.5 over #46594D bg",
29
29
  },
30
30
  "Noti red ": {
31
- "bg": "Lc=14; #5D4E4A | hsl( 13 11% 33%) | oklch(0.44 0.02 35 )",
32
- "fg": "Lc=77; #EDE6E4 | hsl( 13 20% 91%) | oklch(0.93 0.01 37 )",
31
+ "bg": "#5D4E4A | hsl( 13 11% 33%) | oklch(0.44 0.02 35 ) | Lc-13.7 over #171717 panelBg",
32
+ "fg": "#EDE6E4 | hsl( 13 20% 91%) | oklch(0.93 0.01 37 ) | Lc-76.8 over #5D4E4A bg",
33
33
  },
34
34
  "Noti yellow ": {
35
- "bg": "Lc=15; #5A5441 | hsl( 46 16% 30%) | oklch(0.45 0.03 93 )",
36
- "fg": "Lc=77; #EDE9DB | hsl( 47 33% 89%) | oklch(0.93 0.02 94 )",
35
+ "bg": "#5A5441 | hsl( 46 16% 30%) | oklch(0.45 0.03 93 ) | Lc-14.8 over #171717 panelBg",
36
+ "fg": "#EDE9DB | hsl( 47 33% 89%) | oklch(0.93 0.02 94 ) | Lc-76.7 over #5A5441 bg",
37
37
  },
38
38
  "RGB Blue ": {
39
- "bg": "Lc=2; #1B226F | hsl( 235 61% 27%) | oklch(0.3 0.13 272 )",
40
- "fg": "Lc=42; #8E8EF4 | hsl( 240 82% 76%) | oklch(0.69 0.15 282 )",
39
+ "bg": "#1B226F | hsl( 235 61% 27%) | oklch(0.3 0.13 272 ) | Lc-2.02 over #171717 panelBg",
40
+ "fg": "#8E8EF4 | hsl( 240 82% 76%) | oklch(0.69 0.15 282 ) | Lc-42.4 over #1B226F bg",
41
41
  },
42
42
  "RGB Green ": {
43
- "bg": "Lc=14; #105D10 | hsl( 120 71% 21%) | oklch(0.42 0.13 143 )",
44
- "fg": "Lc=71; #8EF48E | hsl( 120 82% 76%) | oklch(0.88 0.17 144 )",
43
+ "bg": "#105D10 | hsl( 120 71% 21%) | oklch(0.42 0.13 143 ) | Lc-13.6 over #171717 panelBg",
44
+ "fg": "#8EF48E | hsl( 120 82% 76%) | oklch(0.88 0.17 144 ) | Lc-70.7 over #105D10 bg",
45
45
  },
46
46
  "RGB Red ": {
47
- "bg": "Lc=3; #5D1010 | hsl( 0 71% 21%) | oklch(0.31 0.11 26 )",
48
- "fg": "Lc=51; #F48E8E | hsl( 0 82% 76%) | oklch(0.75 0.12 20 )",
47
+ "bg": "#5D1010 | hsl( 0 71% 21%) | oklch(0.31 0.11 26 ) | Lc-2.98 over #171717 panelBg",
48
+ "fg": "#F48E8E | hsl( 0 82% 76%) | oklch(0.75 0.12 20 ) | Lc-51.3 over #5D1010 bg",
49
49
  },
50
50
  "White ": {
51
- "bg": "Lc=18; #5D5D5D | hsl(none 0% 36%) | oklch(0.48 0 none)",
52
- "fg": "Lc=80; #F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none)",
51
+ "bg": "#5D5D5D | hsl(none 0% 36%) | oklch(0.48 0 none) | Lc-18.3 over #171717 panelBg",
52
+ "fg": "#F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none) | Lc-80.4 over #5D5D5D bg",
53
53
  },
54
54
  "swatches[ 0] aka Swatch.GreyDark ": {
55
- "bg": "Lc=2; #2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none)",
56
- "fg": "Lc=53; #ACACAC | hsl(none 0% 67%) | oklch(0.74 0 none)",
55
+ "bg": "#2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none) | Lc-2.00 over #171717 panelBg",
56
+ "fg": "#ACACAC | hsl(none 0% 67%) | oklch(0.74 0 none) | Lc-52.7 over #2E2E2E bg",
57
57
  },
58
58
  "swatches[ 1] aka Swatch.Grey ": {
59
- "bg": "Lc=5; #35383B | hsl( 210 5% 22%) | oklch(0.34 0.01 248 )",
60
- "fg": "Lc=63; #BFC3C7 | hsl( 210 7% 76%) | oklch(0.82 0.01 248 )",
59
+ "bg": "#35383B | hsl( 210 5% 22%) | oklch(0.34 0.01 248 ) | Lc-4.69 over #171717 panelBg",
60
+ "fg": "#BFC3C7 | hsl( 210 7% 76%) | oklch(0.82 0.01 248 ) | Lc-62.9 over #35383B bg",
61
61
  },
62
62
  "swatches[ 2] aka Swatch.GreyLight ": {
63
- "bg": "Lc=8; #3E4143 | hsl( 204 4% 25%) | oklch(0.37 0.01 237 )",
64
- "fg": "Lc=67; #CBCFD3 | hsl( 210 8% 81%) | oklch(0.85 0.01 248 )",
63
+ "bg": "#3E4143 | hsl( 204 4% 25%) | oklch(0.37 0.01 237 ) | Lc-7.62 over #171717 panelBg",
64
+ "fg": "#CBCFD3 | hsl( 210 8% 81%) | oklch(0.85 0.01 248 ) | Lc-67.2 over #3E4143 bg",
65
65
  },
66
66
  "swatches[ 3] aka Swatch.Red ": {
67
- "bg": "Lc=2; #4C1F1D | hsl( 3 45% 21%) | oklch(0.3 0.07 25 )",
68
- "fg": "Lc=54; #DC9F9D | hsl( 2 47% 74%) | oklch(0.76 0.07 21 )",
67
+ "bg": "#4C1F1D | hsl( 3 45% 21%) | oklch(0.3 0.07 25 ) | Lc-2.05 over #171717 panelBg",
68
+ "fg": "#DC9F9D | hsl( 2 47% 74%) | oklch(0.76 0.07 21 ) | Lc-54.0 over #4C1F1D bg",
69
69
  },
70
70
  "swatches[ 4] aka Swatch.Magenta ": {
71
- "bg": "Lc=3; #50222F | hsl( 343 40% 22%) | oklch(0.32 0.07 4 )",
72
- "fg": "Lc=57; #E3A5B7 | hsl( 343 53% 77%) | oklch(0.79 0.08 360 )",
71
+ "bg": "#50222F | hsl( 343 40% 22%) | oklch(0.32 0.07 4 ) | Lc-3.02 over #171717 panelBg",
72
+ "fg": "#E3A5B7 | hsl( 343 53% 77%) | oklch(0.79 0.08 360 ) | Lc-57.3 over #50222F bg",
73
73
  },
74
74
  "swatches[ 5] aka Swatch.Purple ": {
75
- "bg": "Lc=2; #3D2346 | hsl( 285 33% 21%) | oklch(0.31 0.07 317 )",
76
- "fg": "Lc=55; #C8A5D2 | hsl( 287 33% 74%) | oklch(0.77 0.07 319 )",
75
+ "bg": "#3D2346 | hsl( 285 33% 21%) | oklch(0.31 0.07 317 ) | Lc-1.95 over #171717 panelBg",
76
+ "fg": "#C8A5D2 | hsl( 287 33% 74%) | oklch(0.77 0.07 319 ) | Lc-55.4 over #3D2346 bg",
77
77
  },
78
78
  "swatches[ 6] aka Swatch.Violet ": {
79
- "bg": "Lc=2; #31284A | hsl( 256 30% 22%) | oklch(0.3 0.06 295 )",
80
- "fg": "Lc=55; #B5A9D5 | hsl( 256 34% 75%) | oklch(0.76 0.06 297 )",
79
+ "bg": "#31284A | hsl( 256 30% 22%) | oklch(0.3 0.06 295 ) | Lc-1.94 over #171717 panelBg",
80
+ "fg": "#B5A9D5 | hsl( 256 34% 75%) | oklch(0.76 0.06 297 ) | Lc-54.5 over #31284A bg",
81
81
  },
82
82
  "swatches[ 7] aka Swatch.BlueDark ": {
83
- "bg": "Lc=2; #262D47 | hsl( 227 30% 21%) | oklch(0.3 0.05 272 )",
84
- "fg": "Lc=56; #A8B0D4 | hsl( 229 34% 75%) | oklch(0.76 0.05 275 )",
83
+ "bg": "#262D47 | hsl( 227 30% 21%) | oklch(0.3 0.05 272 ) | Lc-2.08 over #171717 panelBg",
84
+ "fg": "#A8B0D4 | hsl( 229 34% 75%) | oklch(0.76 0.05 275 ) | Lc-55.5 over #262D47 bg",
85
85
  },
86
86
  "swatches[ 8] aka Swatch.Blue ": {
87
- "bg": "Lc=4; #223559 | hsl( 219 45% 24%) | oklch(0.33 0.07 262 )",
88
- "fg": "Lc=61; #A6BFEF | hsl( 219 70% 79%) | oklch(0.8 0.07 263 )",
87
+ "bg": "#223559 | hsl( 219 45% 24%) | oklch(0.33 0.07 262 ) | Lc-4.14 over #171717 panelBg",
88
+ "fg": "#A6BFEF | hsl( 219 70% 79%) | oklch(0.8 0.07 263 ) | Lc-60.9 over #223559 bg",
89
89
  },
90
90
  "swatches[ 9] aka Swatch.BlueSky ": {
91
- "bg": "Lc=6; #253F52 | hsl( 205 38% 23%) | oklch(0.36 0.05 241 )",
92
- "fg": "Lc=65; #ABCDE6 | hsl( 205 54% 79%) | oklch(0.83 0.05 240 )",
91
+ "bg": "#253F52 | hsl( 205 38% 23%) | oklch(0.36 0.05 241 ) | Lc-6.30 over #171717 panelBg",
92
+ "fg": "#ABCDE6 | hsl( 205 54% 79%) | oklch(0.83 0.05 240 ) | Lc-64.9 over #253F52 bg",
93
93
  },
94
94
  "swatches[10] aka Swatch.Turquoise ": {
95
- "bg": "Lc=9; #2A484F | hsl( 191 31% 24%) | oklch(0.38 0.04 214 )",
96
- "fg": "Lc=68; #B1D9E1 | hsl( 190 44% 79%) | oklch(0.86 0.04 211 )",
95
+ "bg": "#2A484F | hsl( 191 31% 24%) | oklch(0.38 0.04 214 ) | Lc-8.73 over #171717 panelBg",
96
+ "fg": "#B1D9E1 | hsl( 190 44% 79%) | oklch(0.86 0.04 211 ) | Lc-68.3 over #2A484F bg",
97
97
  },
98
98
  "swatches[11] aka Swatch.GreenDark ": {
99
- "bg": "Lc=5; #253D39 | hsl( 170 24% 19%) | oklch(0.34 0.03 183 )",
100
- "fg": "Lc=63; #AACAC5 | hsl( 171 23% 73%) | oklch(0.81 0.03 185 )",
99
+ "bg": "#253D39 | hsl( 170 24% 19%) | oklch(0.34 0.03 183 ) | Lc-5.05 over #171717 panelBg",
100
+ "fg": "#AACAC5 | hsl( 171 23% 73%) | oklch(0.81 0.03 185 ) | Lc-63.1 over #253D39 bg",
101
101
  },
102
102
  "swatches[12] aka Swatch.Green ": {
103
- "bg": "Lc=7; #30442C | hsl( 110 21% 22%) | oklch(0.36 0.05 140 )",
104
- "fg": "Lc=66; #B8D3B4 | hsl( 112 26% 77%) | oklch(0.84 0.05 142 )",
103
+ "bg": "#30442C | hsl( 110 21% 22%) | oklch(0.36 0.05 140 ) | Lc-7.11 over #171717 panelBg",
104
+ "fg": "#B8D3B4 | hsl( 112 26% 77%) | oklch(0.84 0.05 142 ) | Lc-66.0 over #30442C bg",
105
105
  },
106
106
  "swatches[13] aka Swatch.GreenLight": {
107
- "bg": "Lc=10; #3E4A2D | hsl( 85 24% 23%) | oklch(0.39 0.05 127 )",
108
- "fg": "Lc=69; #CBDBB5 | hsl( 85 35% 78%) | oklch(0.87 0.05 126 )",
107
+ "bg": "#3E4A2D | hsl( 85 24% 23%) | oklch(0.39 0.05 127 ) | Lc-9.53 over #171717 panelBg",
108
+ "fg": "#CBDBB5 | hsl( 85 35% 78%) | oklch(0.87 0.05 126 ) | Lc-69.5 over #3E4A2D bg",
109
109
  },
110
110
  "swatches[14] aka Swatch.Yellow ": {
111
- "bg": "Lc=9; #574226 | hsl( 34 39% 25%) | oklch(0.39 0.05 73 )",
112
- "fg": "Lc=69; #EDD1AC | hsl( 34 64% 80%) | oklch(0.87 0.06 75 )",
111
+ "bg": "#574226 | hsl( 34 39% 25%) | oklch(0.39 0.05 73 ) | Lc-9.48 over #171717 panelBg",
112
+ "fg": "#EDD1AC | hsl( 34 64% 80%) | oklch(0.87 0.06 75 ) | Lc-69.5 over #574226 bg",
113
113
  },
114
114
  "swatches[15] aka Swatch.Orange ": {
115
- "bg": "Lc=5; #562D20 | hsl( 14 46% 23%) | oklch(0.35 0.06 38 )",
116
- "fg": "Lc=62; #ECB5A3 | hsl( 15 66% 78%) | oklch(0.82 0.07 39 )",
115
+ "bg": "#562D20 | hsl( 14 46% 23%) | oklch(0.35 0.06 38 ) | Lc-5.09 over #171717 panelBg",
116
+ "fg": "#ECB5A3 | hsl( 15 66% 78%) | oklch(0.82 0.07 39 ) | Lc-61.9 over #562D20 bg",
117
117
  },
118
118
  "swatches[16] aka Swatch.Brown ": {
119
- "bg": "Lc=2; #412921 | hsl( 15 33% 19%) | oklch(0.31 0.04 39 )",
120
- "fg": "Lc=58; #D0AFA5 | hsl( 14 31% 73%) | oklch(0.78 0.04 38 )",
119
+ "bg": "#412921 | hsl( 15 33% 19%) | oklch(0.31 0.04 39 ) | Lc-2.29 over #171717 panelBg",
120
+ "fg": "#D0AFA5 | hsl( 14 31% 73%) | oklch(0.78 0.04 38 ) | Lc-58.0 over #412921 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; #2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none)",
133
- "fg": "Lc=37; #8E8E8E | hsl(none 0% 56%) | oklch(0.65 0 none)",
132
+ "bg": "#2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none) | Lc-2.19 over #151515 paintedSurface",
133
+ "fg": "#8E8E8E | hsl(none 0% 56%) | oklch(0.65 0 none) | Lc-36.9 over #2E2E2E bg",
134
134
  },
135
135
  "CMYK Cyan ": {
136
- "bg": "Lc=12; #115D5D | hsl( 180 69% 22%) | oklch(0.44 0.07 195 )",
137
- "fg": "Lc=73; #8FF4F4 | hsl( 180 82% 76%) | oklch(0.91 0.09 196 )",
136
+ "bg": "#115D5D | hsl( 180 69% 22%) | oklch(0.44 0.07 195 ) | Lc-12.0 over #152E2E paintedSurface",
137
+ "fg": "#8FF4F4 | hsl( 180 82% 76%) | oklch(0.91 0.09 196 ) | Lc-73.3 over #115D5D bg",
138
138
  },
139
139
  "CMYK Magenta": {
140
- "bg": "Lc=4; #5D105D | hsl( 300 71% 21%) | oklch(0.35 0.14 328 )",
141
- "fg": "Lc=54; #F48EF4 | hsl( 300 82% 76%) | oklch(0.79 0.18 327 )",
140
+ "bg": "#5D105D | hsl( 300 71% 21%) | oklch(0.35 0.14 328 ) | Lc-3.81 over #2E152E paintedSurface",
141
+ "fg": "#F48EF4 | hsl( 300 82% 76%) | oklch(0.79 0.18 327 ) | Lc-54.3 over #5D105D bg",
142
142
  },
143
143
  "CMYK Yellow ": {
144
- "bg": "Lc=14; #5D5D11 | hsl( 60 69% 22%) | oklch(0.46 0.09 110 )",
145
- "fg": "Lc=78; #F4F48F | hsl( 60 82% 76%) | oklch(0.95 0.12 109 )",
144
+ "bg": "#5D5D11 | hsl( 60 69% 22%) | oklch(0.46 0.09 110 ) | Lc-13.8 over #2E2E15 paintedSurface",
145
+ "fg": "#F4F48F | hsl( 60 82% 76%) | oklch(0.95 0.12 109 ) | Lc-78.0 over #5D5D11 bg",
146
146
  },
147
147
  "Noti green ": {
148
- "bg": "Lc=12; #46594D | hsl( 142 12% 31%) | oklch(0.44 0.03 157 )",
149
- "fg": "Lc=77; #E6EAE7 | hsl( 135 9% 91%) | oklch(0.93 0.01 154 )",
148
+ "bg": "#46594D | hsl( 142 12% 31%) | oklch(0.44 0.03 157 ) | Lc-11.8 over #2B2C2B paintedSurface",
149
+ "fg": "#E6EAE7 | hsl( 135 9% 91%) | oklch(0.93 0.01 154 ) | Lc-76.5 over #46594D bg",
150
150
  },
151
151
  "Noti red ": {
152
- "bg": "Lc=11; #5D4E4A | hsl( 13 11% 33%) | oklch(0.44 0.02 35 )",
153
- "fg": "Lc=77; #EDE6E4 | hsl( 13 20% 91%) | oklch(0.93 0.01 37 )",
152
+ "bg": "#5D4E4A | hsl( 13 11% 33%) | oklch(0.44 0.02 35 ) | Lc-10.6 over #2C2B2A paintedSurface",
153
+ "fg": "#EDE6E4 | hsl( 13 20% 91%) | oklch(0.93 0.01 37 ) | Lc-76.8 over #5D4E4A bg",
154
154
  },
155
155
  "Noti yellow ": {
156
- "bg": "Lc=12; #5A5441 | hsl( 46 16% 30%) | oklch(0.45 0.03 93 )",
157
- "fg": "Lc=77; #EDE9DB | hsl( 47 33% 89%) | oklch(0.93 0.02 94 )",
156
+ "bg": "#5A5441 | hsl( 46 16% 30%) | oklch(0.45 0.03 93 ) | Lc-11.8 over #2C2B28 paintedSurface",
157
+ "fg": "#EDE9DB | hsl( 47 33% 89%) | oklch(0.93 0.02 94 ) | Lc-76.7 over #5A5441 bg",
158
158
  },
159
159
  "RGB Blue ": {
160
- "bg": "Lc=2; #1B2370 | hsl( 234 61% 27%) | oklch(0.31 0.13 271 )",
161
- "fg": "Lc=42; #8E8EF4 | hsl( 240 82% 76%) | oklch(0.69 0.15 282 )",
160
+ "bg": "#1B2370 | hsl( 234 61% 27%) | oklch(0.31 0.13 271 ) | Lc-2.07 over #15152E paintedSurface",
161
+ "fg": "#8E8EF4 | hsl( 240 82% 76%) | oklch(0.69 0.15 282 ) | Lc-42.2 over #1B2370 bg",
162
162
  },
163
163
  "RGB Green ": {
164
- "bg": "Lc=11; #105D10 | hsl( 120 71% 21%) | oklch(0.42 0.13 143 )",
165
- "fg": "Lc=71; #8EF48E | hsl( 120 82% 76%) | oklch(0.88 0.17 144 )",
164
+ "bg": "#105D10 | hsl( 120 71% 21%) | oklch(0.42 0.13 143 ) | Lc-11.0 over #152E15 paintedSurface",
165
+ "fg": "#8EF48E | hsl( 120 82% 76%) | oklch(0.88 0.17 144 ) | Lc-70.7 over #105D10 bg",
166
166
  },
167
167
  "RGB Red ": {
168
- "bg": "Lc=2; #5D1010 | hsl( 0 71% 21%) | oklch(0.31 0.11 26 )",
169
- "fg": "Lc=51; #F48E8E | hsl( 0 82% 76%) | oklch(0.75 0.12 20 )",
168
+ "bg": "#5D1010 | hsl( 0 71% 21%) | oklch(0.31 0.11 26 ) | Lc-2.27 over #2E1515 paintedSurface",
169
+ "fg": "#F48E8E | hsl( 0 82% 76%) | oklch(0.75 0.12 20 ) | Lc-51.3 over #5D1010 bg",
170
170
  },
171
171
  "White ": {
172
- "bg": "Lc=15; #5D5D5D | hsl(none 0% 36%) | oklch(0.48 0 none)",
173
- "fg": "Lc=80; #F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none)",
172
+ "bg": "#5D5D5D | hsl(none 0% 36%) | oklch(0.48 0 none) | Lc-14.6 over #2E2E2E paintedSurface",
173
+ "fg": "#F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none) | Lc-80.4 over #5D5D5D bg",
174
174
  },
175
175
  "swatches[ 0] aka Swatch.GreyDark ": {
176
- "bg": "Lc=2; #303030 | hsl(none 0% 19%) | oklch(0.31 0 none)",
177
- "fg": "Lc=52; #ACACAC | hsl(none 0% 67%) | oklch(0.74 0 none)",
176
+ "bg": "#303030 | hsl(none 0% 19%) | oklch(0.31 0 none) | Lc-1.93 over #1C1C1C paintedSurface",
177
+ "fg": "#ACACAC | hsl(none 0% 67%) | oklch(0.74 0 none) | Lc-52.2 over #303030 bg",
178
178
  },
179
179
  "swatches[ 1] aka Swatch.Grey ": {
180
- "bg": "Lc=3; #35383B | hsl( 210 5% 22%) | oklch(0.34 0.01 248 )",
181
- "fg": "Lc=63; #BFC3C7 | hsl( 210 7% 76%) | oklch(0.82 0.01 248 )",
180
+ "bg": "#35383B | hsl( 210 5% 22%) | oklch(0.34 0.01 248 ) | Lc-3.35 over #1F2224 paintedSurface",
181
+ "fg": "#BFC3C7 | hsl( 210 7% 76%) | oklch(0.82 0.01 248 ) | Lc-62.9 over #35383B bg",
182
182
  },
183
183
  "swatches[ 2] aka Swatch.GreyLight ": {
184
- "bg": "Lc=6; #3E4143 | hsl( 204 4% 25%) | oklch(0.37 0.01 237 )",
185
- "fg": "Lc=67; #CBCFD3 | hsl( 210 8% 81%) | oklch(0.85 0.01 248 )",
184
+ "bg": "#3E4143 | hsl( 204 4% 25%) | oklch(0.37 0.01 237 ) | Lc-5.74 over #242526 paintedSurface",
185
+ "fg": "#CBCFD3 | hsl( 210 8% 81%) | oklch(0.85 0.01 248 ) | Lc-67.2 over #3E4143 bg",
186
186
  },
187
187
  "swatches[ 3] aka Swatch.Red ": {
188
- "bg": "Lc=2; #4F211F | hsl( 3 44% 22%) | oklch(0.31 0.07 24 )",
189
- "fg": "Lc=53; #DC9F9D | hsl( 2 47% 74%) | oklch(0.76 0.07 21 )",
188
+ "bg": "#4F211F | hsl( 3 44% 22%) | oklch(0.31 0.07 24 ) | Lc-2.01 over #2A1617 paintedSurface",
189
+ "fg": "#DC9F9D | hsl( 2 47% 74%) | oklch(0.76 0.07 21 ) | Lc-53.5 over #4F211F bg",
190
190
  },
191
191
  "swatches[ 4] aka Swatch.Magenta ": {
192
- "bg": "Lc=2; #50222F | hsl( 343 40% 22%) | oklch(0.32 0.07 4 )",
193
- "fg": "Lc=57; #E3A5B7 | hsl( 343 53% 77%) | oklch(0.79 0.08 360 )",
192
+ "bg": "#50222F | hsl( 343 40% 22%) | oklch(0.32 0.07 4 ) | Lc-2.15 over #2C181F paintedSurface",
193
+ "fg": "#E3A5B7 | hsl( 343 53% 77%) | oklch(0.79 0.08 360 ) | Lc-57.3 over #50222F bg",
194
194
  },
195
195
  "swatches[ 5] aka Swatch.Purple ": {
196
- "bg": "Lc=2; #402649 | hsl( 285 32% 22%) | oklch(0.32 0.07 317 )",
197
- "fg": "Lc=55; #C8A5D2 | hsl( 287 33% 74%) | oklch(0.77 0.07 319 )",
196
+ "bg": "#402649 | hsl( 285 32% 22%) | oklch(0.32 0.07 317 ) | Lc-1.95 over #241926 paintedSurface",
197
+ "fg": "#C8A5D2 | hsl( 287 33% 74%) | oklch(0.77 0.07 319 ) | Lc-54.8 over #402649 bg",
198
198
  },
199
199
  "swatches[ 6] aka Swatch.Violet ": {
200
- "bg": "Lc=2; #342B4E | hsl( 255 29% 24%) | oklch(0.32 0.06 294 )",
201
- "fg": "Lc=54; #B5A9D5 | hsl( 256 34% 75%) | oklch(0.76 0.06 297 )",
200
+ "bg": "#342B4E | hsl( 255 29% 24%) | oklch(0.32 0.06 294 ) | Lc-1.99 over #1F1B27 paintedSurface",
201
+ "fg": "#B5A9D5 | hsl( 256 34% 75%) | oklch(0.76 0.06 297 ) | Lc-53.8 over #342B4E bg",
202
202
  },
203
203
  "swatches[ 7] aka Swatch.BlueDark ": {
204
- "bg": "Lc=2; #29304A | hsl( 227 29% 23%) | oklch(0.32 0.05 272 )",
205
- "fg": "Lc=55; #A8B0D4 | hsl( 229 34% 75%) | oklch(0.76 0.05 275 )",
204
+ "bg": "#29304A | hsl( 227 29% 23%) | oklch(0.32 0.05 272 ) | Lc-2.06 over #1B1D27 paintedSurface",
205
+ "fg": "#A8B0D4 | hsl( 229 34% 75%) | oklch(0.76 0.05 275 ) | Lc-54.9 over #29304A bg",
206
206
  },
207
207
  "swatches[ 8] aka Swatch.Blue ": {
208
- "bg": "Lc=3; #223559 | hsl( 219 45% 24%) | oklch(0.33 0.07 262 )",
209
- "fg": "Lc=61; #A6BFEF | hsl( 219 70% 79%) | oklch(0.8 0.07 263 )",
208
+ "bg": "#223559 | hsl( 219 45% 24%) | oklch(0.33 0.07 262 ) | Lc-2.92 over #19212E paintedSurface",
209
+ "fg": "#A6BFEF | hsl( 219 70% 79%) | oklch(0.8 0.07 263 ) | Lc-60.9 over #223559 bg",
210
210
  },
211
211
  "swatches[ 9] aka Swatch.BlueSky ": {
212
- "bg": "Lc=5; #253F52 | hsl( 205 38% 23%) | oklch(0.36 0.05 241 )",
213
- "fg": "Lc=65; #ABCDE6 | hsl( 205 54% 79%) | oklch(0.83 0.05 240 )",
212
+ "bg": "#253F52 | hsl( 205 38% 23%) | oklch(0.36 0.05 241 ) | Lc-4.70 over #17252B paintedSurface",
213
+ "fg": "#ABCDE6 | hsl( 205 54% 79%) | oklch(0.83 0.05 240 ) | Lc-64.9 over #253F52 bg",
214
214
  },
215
215
  "swatches[10] aka Swatch.Turquoise ": {
216
- "bg": "Lc=7; #2A484F | hsl( 191 31% 24%) | oklch(0.38 0.04 214 )",
217
- "fg": "Lc=68; #B1D9E1 | hsl( 190 44% 79%) | oklch(0.86 0.04 211 )",
216
+ "bg": "#2A484F | hsl( 191 31% 24%) | oklch(0.38 0.04 214 ) | Lc-6.73 over #18282A paintedSurface",
217
+ "fg": "#B1D9E1 | hsl( 190 44% 79%) | oklch(0.86 0.04 211 ) | Lc-68.3 over #2A484F bg",
218
218
  },
219
219
  "swatches[11] aka Swatch.GreenDark ": {
220
- "bg": "Lc=4; #253D39 | hsl( 170 24% 19%) | oklch(0.34 0.03 183 )",
221
- "fg": "Lc=63; #AACAC5 | hsl( 171 23% 73%) | oklch(0.81 0.03 185 )",
220
+ "bg": "#253D39 | hsl( 170 24% 19%) | oklch(0.34 0.03 183 ) | Lc-3.70 over #172422 paintedSurface",
221
+ "fg": "#AACAC5 | hsl( 171 23% 73%) | oklch(0.81 0.03 185 ) | Lc-63.1 over #253D39 bg",
222
222
  },
223
223
  "swatches[12] aka Swatch.Green ": {
224
- "bg": "Lc=5; #30442C | hsl( 110 21% 22%) | oklch(0.36 0.05 140 )",
225
- "fg": "Lc=66; #B8D3B4 | hsl( 112 26% 77%) | oklch(0.84 0.05 142 )",
224
+ "bg": "#30442C | hsl( 110 21% 22%) | oklch(0.36 0.05 140 ) | Lc-5.42 over #1D261D paintedSurface",
225
+ "fg": "#B8D3B4 | hsl( 112 26% 77%) | oklch(0.84 0.05 142 ) | Lc-66.0 over #30442C bg",
226
226
  },
227
227
  "swatches[13] aka Swatch.GreenLight": {
228
- "bg": "Lc=7; #3E4A2D | hsl( 85 24% 23%) | oklch(0.39 0.05 127 )",
229
- "fg": "Lc=69; #CBDBB5 | hsl( 85 35% 78%) | oklch(0.87 0.05 126 )",
228
+ "bg": "#3E4A2D | hsl( 85 24% 23%) | oklch(0.39 0.05 127 ) | Lc-7.40 over #23281D paintedSurface",
229
+ "fg": "#CBDBB5 | hsl( 85 35% 78%) | oklch(0.87 0.05 126 ) | Lc-69.5 over #3E4A2D bg",
230
230
  },
231
231
  "swatches[14] aka Swatch.Yellow ": {
232
- "bg": "Lc=7; #574226 | hsl( 34 39% 25%) | oklch(0.39 0.05 73 )",
233
- "fg": "Lc=69; #EDD1AC | hsl( 34 64% 80%) | oklch(0.87 0.06 75 )",
232
+ "bg": "#574226 | hsl( 34 39% 25%) | oklch(0.39 0.05 73 ) | Lc-7.31 over #2E2519 paintedSurface",
233
+ "fg": "#EDD1AC | hsl( 34 64% 80%) | oklch(0.87 0.06 75 ) | Lc-69.5 over #574226 bg",
234
234
  },
235
235
  "swatches[15] aka Swatch.Orange ": {
236
- "bg": "Lc=4; #562D20 | hsl( 14 46% 23%) | oklch(0.35 0.06 38 )",
237
- "fg": "Lc=62; #ECB5A3 | hsl( 15 66% 78%) | oklch(0.82 0.07 39 )",
236
+ "bg": "#562D20 | hsl( 14 46% 23%) | oklch(0.35 0.06 38 ) | Lc-3.77 over #2E1D18 paintedSurface",
237
+ "fg": "#ECB5A3 | hsl( 15 66% 78%) | oklch(0.82 0.07 39 ) | Lc-61.9 over #562D20 bg",
238
238
  },
239
239
  "swatches[16] aka Swatch.Brown ": {
240
- "bg": "Lc=2; #442C24 | hsl( 15 31% 20%) | oklch(0.32 0.04 39 )",
241
- "fg": "Lc=57; #D0AFA5 | hsl( 14 31% 73%) | oklch(0.78 0.04 38 )",
240
+ "bg": "#442C24 | hsl( 15 31% 20%) | oklch(0.32 0.04 39 ) | Lc-2.06 over #261D1A paintedSurface",
241
+ "fg": "#D0AFA5 | hsl( 14 31% 73%) | oklch(0.78 0.04 38 ) | Lc-57.3 over #442C24 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; #2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none)",
254
- "fg": "Lc=37; #8E8E8E | hsl(none 0% 56%) | oklch(0.65 0 none)",
253
+ "bg": "#2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none) | Lc-3.02 over #000000 card",
254
+ "fg": "#8E8E8E | hsl(none 0% 56%) | oklch(0.65 0 none) | Lc-36.9 over #2E2E2E bg",
255
255
  },
256
256
  "CMYK Cyan ": {
257
- "bg": "Lc=72; #115D5D | hsl( 180 69% 22%) | oklch(0.44 0.07 195 )",
258
- "fg": "Lc=73; #8FF4F4 | hsl( 180 82% 76%) | oklch(0.91 0.09 196 )",
257
+ "bg": "#115D5D | hsl( 180 69% 22%) | oklch(0.44 0.07 195 ) | Lc+71.9 over #00FFFF card",
258
+ "fg": "#8FF4F4 | hsl( 180 82% 76%) | oklch(0.91 0.09 196 ) | Lc-73.3 over #115D5D bg",
259
259
  },
260
260
  "CMYK Magenta": {
261
- "bg": "Lc=39; #5D105D | hsl( 300 71% 21%) | oklch(0.35 0.14 328 )",
262
- "fg": "Lc=54; #F48EF4 | hsl( 300 82% 76%) | oklch(0.79 0.18 327 )",
261
+ "bg": "#5D105D | hsl( 300 71% 21%) | oklch(0.35 0.14 328 ) | Lc+39.4 over #FF00FF card",
262
+ "fg": "#F48EF4 | hsl( 300 82% 76%) | oklch(0.79 0.18 327 ) | Lc-54.3 over #5D105D bg",
263
263
  },
264
264
  "CMYK Yellow ": {
265
- "bg": "Lc=79; #5D5D11 | hsl( 60 69% 22%) | oklch(0.46 0.09 110 )",
266
- "fg": "Lc=78; #F4F48F | hsl( 60 82% 76%) | oklch(0.95 0.12 109 )",
265
+ "bg": "#5D5D11 | hsl( 60 69% 22%) | oklch(0.46 0.09 110 ) | Lc+79.1 over #FFFF00 card",
266
+ "fg": "#F4F48F | hsl( 60 82% 76%) | oklch(0.95 0.12 109 ) | Lc-78.0 over #5D5D11 bg",
267
267
  },
268
268
  "Noti green ": {
269
- "bg": "Lc=69; #46594D | hsl( 142 12% 31%) | oklch(0.44 0.03 157 )",
270
- "fg": "Lc=77; #E6EAE7 | hsl( 135 9% 91%) | oklch(0.93 0.01 154 )",
269
+ "bg": "#46594D | hsl( 142 12% 31%) | oklch(0.44 0.03 157 ) | Lc+69.4 over #DCE5DF card",
270
+ "fg": "#E6EAE7 | hsl( 135 9% 91%) | oklch(0.93 0.01 154 ) | Lc-76.5 over #46594D bg",
271
271
  },
272
272
  "Noti red ": {
273
- "bg": "Lc=69; #5D4E4A | hsl( 13 11% 33%) | oklch(0.44 0.02 35 )",
274
- "fg": "Lc=77; #EDE6E4 | hsl( 13 20% 91%) | oklch(0.93 0.01 37 )",
273
+ "bg": "#5D4E4A | hsl( 13 11% 33%) | oklch(0.44 0.02 35 ) | Lc+68.6 over #EEDBD7 card",
274
+ "fg": "#EDE6E4 | hsl( 13 20% 91%) | oklch(0.93 0.01 37 ) | Lc-76.8 over #5D4E4A bg",
275
275
  },
276
276
  "Noti yellow ": {
277
- "bg": "Lc=70; #5A5441 | hsl( 46 16% 30%) | oklch(0.45 0.03 93 )",
278
- "fg": "Lc=77; #EDE9DB | hsl( 47 33% 89%) | oklch(0.93 0.02 94 )",
277
+ "bg": "#5A5441 | hsl( 46 16% 30%) | oklch(0.45 0.03 93 ) | Lc+69.9 over #EEE3C0 card",
278
+ "fg": "#EDE9DB | hsl( 47 33% 89%) | oklch(0.93 0.02 94 ) | Lc-76.7 over #5A5441 bg",
279
279
  },
280
280
  "RGB Blue ": {
281
- "bg": "Lc=12; #1B2370 | hsl( 234 61% 27%) | oklch(0.31 0.13 271 )",
282
- "fg": "Lc=42; #8E8EF4 | hsl( 240 82% 76%) | oklch(0.69 0.15 282 )",
281
+ "bg": "#1B2370 | hsl( 234 61% 27%) | oklch(0.31 0.13 271 ) | Lc+12.1 over #0000FF card",
282
+ "fg": "#8E8EF4 | hsl( 240 82% 76%) | oklch(0.69 0.15 282 ) | Lc-42.2 over #1B2370 bg",
283
283
  },
284
284
  "RGB Green ": {
285
- "bg": "Lc=68; #105D10 | hsl( 120 71% 21%) | oklch(0.42 0.13 143 )",
286
- "fg": "Lc=71; #8EF48E | hsl( 120 82% 76%) | oklch(0.88 0.17 144 )",
285
+ "bg": "#105D10 | hsl( 120 71% 21%) | oklch(0.42 0.13 143 ) | Lc+68.0 over #00FF00 card",
286
+ "fg": "#8EF48E | hsl( 120 82% 76%) | oklch(0.88 0.17 144 ) | Lc-70.7 over #105D10 bg",
287
287
  },
288
288
  "RGB Red ": {
289
- "bg": "Lc=33; #5D1010 | hsl( 0 71% 21%) | oklch(0.31 0.11 26 )",
290
- "fg": "Lc=51; #F48E8E | hsl( 0 82% 76%) | oklch(0.75 0.12 20 )",
289
+ "bg": "#5D1010 | hsl( 0 71% 21%) | oklch(0.31 0.11 26 ) | Lc+32.9 over #FF0000 card",
290
+ "fg": "#F48E8E | hsl( 0 82% 76%) | oklch(0.75 0.12 20 ) | Lc-51.3 over #5D1010 bg",
291
291
  },
292
292
  "White ": {
293
- "bg": "Lc=83; #5D5D5D | hsl(none 0% 36%) | oklch(0.48 0 none)",
294
- "fg": "Lc=80; #F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none)",
293
+ "bg": "#5D5D5D | hsl(none 0% 36%) | oklch(0.48 0 none) | Lc+82.6 over #FFFFFF card",
294
+ "fg": "#F4F4F4 | hsl(none 0% 96%) | oklch(0.97 0 none) | Lc-80.4 over #5D5D5D bg",
295
295
  },
296
296
  "swatches[ 0] aka Swatch.GreyDark ": {
297
- "bg": "Lc=7; #303030 | hsl(none 0% 19%) | oklch(0.31 0 none)",
298
- "fg": "Lc=52; #ACACAC | hsl(none 0% 67%) | oklch(0.74 0 none)",
297
+ "bg": "#303030 | hsl(none 0% 19%) | oklch(0.31 0 none) | Lc+7.17 over #4A4A4A card",
298
+ "fg": "#ACACAC | hsl(none 0% 67%) | oklch(0.74 0 none) | Lc-52.2 over #303030 bg",
299
299
  },
300
300
  "swatches[ 1] aka Swatch.Grey ": {
301
- "bg": "Lc=29; #35383B | hsl( 210 5% 22%) | oklch(0.34 0.01 248 )",
302
- "fg": "Lc=63; #BFC3C7 | hsl( 210 7% 76%) | oklch(0.82 0.01 248 )",
301
+ "bg": "#35383B | hsl( 210 5% 22%) | oklch(0.34 0.01 248 ) | Lc+28.7 over #6A849B card",
302
+ "fg": "#BFC3C7 | hsl( 210 7% 76%) | oklch(0.82 0.01 248 ) | Lc-62.9 over #35383B bg",
303
303
  },
304
304
  "swatches[ 2] aka Swatch.GreyLight ": {
305
- "bg": "Lc=41; #3E4143 | hsl( 204 4% 25%) | oklch(0.37 0.01 237 )",
306
- "fg": "Lc=67; #CBCFD3 | hsl( 210 8% 81%) | oklch(0.85 0.01 248 )",
305
+ "bg": "#3E4143 | hsl( 204 4% 25%) | oklch(0.37 0.01 237 ) | Lc+41.3 over #99A2AB card",
306
+ "fg": "#CBCFD3 | hsl( 210 8% 81%) | oklch(0.85 0.01 248 ) | Lc-67.2 over #3E4143 bg",
307
307
  },
308
308
  "swatches[ 3] aka Swatch.Red ": {
309
- "bg": "Lc=23; #4F211F | hsl( 3 44% 22%) | oklch(0.31 0.07 24 )",
310
- "fg": "Lc=53; #DC9F9D | hsl( 2 47% 74%) | oklch(0.76 0.07 21 )",
309
+ "bg": "#4F211F | hsl( 3 44% 22%) | oklch(0.31 0.07 24 ) | Lc+22.9 over #D40915 card",
310
+ "fg": "#DC9F9D | hsl( 2 47% 74%) | oklch(0.76 0.07 21 ) | Lc-53.5 over #4F211F bg",
311
311
  },
312
312
  "swatches[ 4] aka Swatch.Magenta ": {
313
- "bg": "Lc=29; #50222F | hsl( 343 40% 22%) | oklch(0.32 0.07 4 )",
314
- "fg": "Lc=57; #E3A5B7 | hsl( 343 53% 77%) | oklch(0.79 0.08 360 )",
313
+ "bg": "#50222F | hsl( 343 40% 22%) | oklch(0.32 0.07 4 ) | Lc+28.7 over #E72065 card",
314
+ "fg": "#E3A5B7 | hsl( 343 53% 77%) | oklch(0.79 0.08 360 ) | Lc-57.3 over #50222F bg",
315
315
  },
316
316
  "swatches[ 5] aka Swatch.Purple ": {
317
- "bg": "Lc=18; #402649 | hsl( 285 32% 22%) | oklch(0.32 0.07 317 )",
318
- "fg": "Lc=55; #C8A5D2 | hsl( 287 33% 74%) | oklch(0.77 0.07 319 )",
317
+ "bg": "#402649 | hsl( 285 32% 22%) | oklch(0.32 0.07 317 ) | Lc+17.6 over #9C2BAF card",
318
+ "fg": "#C8A5D2 | hsl( 287 33% 74%) | oklch(0.77 0.07 319 ) | Lc-54.8 over #402649 bg",
319
319
  },
320
320
  "swatches[ 6] aka Swatch.Violet ": {
321
- "bg": "Lc=13; #342B4E | hsl( 255 29% 24%) | oklch(0.32 0.06 294 )",
322
- "fg": "Lc=54; #B5A9D5 | hsl( 256 34% 75%) | oklch(0.76 0.06 297 )",
321
+ "bg": "#342B4E | hsl( 255 29% 24%) | oklch(0.32 0.06 294 ) | Lc+12.9 over #673DB6 card",
322
+ "fg": "#B5A9D5 | hsl( 256 34% 75%) | oklch(0.76 0.06 297 ) | Lc-53.8 over #342B4E bg",
323
323
  },
324
324
  "swatches[ 7] aka Swatch.BlueDark ": {
325
- "bg": "Lc=14; #29304A | hsl( 227 29% 23%) | oklch(0.32 0.05 272 )",
326
- "fg": "Lc=55; #A8B0D4 | hsl( 229 34% 75%) | oklch(0.76 0.05 275 )",
325
+ "bg": "#29304A | hsl( 227 29% 23%) | oklch(0.32 0.05 272 ) | Lc+14.2 over #3E53B4 card",
326
+ "fg": "#A8B0D4 | hsl( 229 34% 75%) | oklch(0.76 0.05 275 ) | Lc-54.9 over #29304A bg",
327
327
  },
328
328
  "swatches[ 8] aka Swatch.Blue ": {
329
- "bg": "Lc=29; #223559 | hsl( 219 45% 24%) | oklch(0.33 0.07 262 )",
330
- "fg": "Lc=61; #A6BFEF | hsl( 219 70% 79%) | oklch(0.8 0.07 263 )",
329
+ "bg": "#223559 | hsl( 219 45% 24%) | oklch(0.33 0.07 262 ) | Lc+28.6 over #2978FB card",
330
+ "fg": "#A6BFEF | hsl( 219 70% 79%) | oklch(0.8 0.07 263 ) | Lc-60.9 over #223559 bg",
331
331
  },
332
332
  "swatches[ 9] aka Swatch.BlueSky ": {
333
- "bg": "Lc=37; #253F52 | hsl( 205 38% 23%) | oklch(0.36 0.05 241 )",
334
- "fg": "Lc=65; #ABCDE6 | hsl( 205 54% 79%) | oklch(0.83 0.05 240 )",
333
+ "bg": "#253F52 | hsl( 205 38% 23%) | oklch(0.36 0.05 241 ) | Lc+37.5 over #199EE3 card",
334
+ "fg": "#ABCDE6 | hsl( 205 54% 79%) | oklch(0.83 0.05 240 ) | Lc-64.9 over #253F52 bg",
335
335
  },
336
336
  "swatches[10] aka Swatch.Turquoise ": {
337
- "bg": "Lc=47; #2A484F | hsl( 191 31% 24%) | oklch(0.38 0.04 214 )",
338
- "fg": "Lc=68; #B1D9E1 | hsl( 190 44% 79%) | oklch(0.86 0.04 211 )",
337
+ "bg": "#2A484F | hsl( 191 31% 24%) | oklch(0.38 0.04 214 ) | Lc+47.0 over #1FBED3 card",
338
+ "fg": "#B1D9E1 | hsl( 190 44% 79%) | oklch(0.86 0.04 211 ) | Lc-68.3 over #2A484F bg",
339
339
  },
340
340
  "swatches[11] aka Swatch.GreenDark ": {
341
- "bg": "Lc=32; #253D39 | hsl( 170 24% 19%) | oklch(0.34 0.03 183 )",
342
- "fg": "Lc=63; #AACAC5 | hsl( 171 23% 73%) | oklch(0.81 0.03 185 )",
341
+ "bg": "#253D39 | hsl( 170 24% 19%) | oklch(0.34 0.03 183 ) | Lc+31.6 over #159789 card",
342
+ "fg": "#AACAC5 | hsl( 171 23% 73%) | oklch(0.81 0.03 185 ) | Lc-63.1 over #253D39 bg",
343
343
  },
344
344
  "swatches[12] aka Swatch.Green ": {
345
- "bg": "Lc=39; #30442C | hsl( 110 21% 22%) | oklch(0.36 0.05 140 )",
346
- "fg": "Lc=66; #B8D3B4 | hsl( 112 26% 77%) | oklch(0.84 0.05 142 )",
345
+ "bg": "#30442C | hsl( 110 21% 22%) | oklch(0.36 0.05 140 ) | Lc+39.4 over #4FAF54 card",
346
+ "fg": "#B8D3B4 | hsl( 112 26% 77%) | oklch(0.84 0.05 142 ) | Lc-66.0 over #30442C bg",
347
347
  },
348
348
  "swatches[13] aka Swatch.GreenLight": {
349
- "bg": "Lc=49; #3E4A2D | hsl( 85 24% 23%) | oklch(0.39 0.05 127 )",
350
- "fg": "Lc=69; #CBDBB5 | hsl( 85 35% 78%) | oklch(0.87 0.05 126 )",
349
+ "bg": "#3E4A2D | hsl( 85 24% 23%) | oklch(0.39 0.05 127 ) | Lc+49.1 over #8EC351 card",
350
+ "fg": "#CBDBB5 | hsl( 85 35% 78%) | oklch(0.87 0.05 126 ) | Lc-69.5 over #3E4A2D bg",
351
351
  },
352
352
  "swatches[14] aka Swatch.Yellow ": {
353
- "bg": "Lc=51; #574226 | hsl( 34 39% 25%) | oklch(0.39 0.05 73 )",
354
- "fg": "Lc=69; #EDD1AC | hsl( 34 64% 80%) | oklch(0.87 0.06 75 )",
353
+ "bg": "#574226 | hsl( 34 39% 25%) | oklch(0.39 0.05 73 ) | Lc+50.8 over #FBA32F card",
354
+ "fg": "#EDD1AC | hsl( 34 64% 80%) | oklch(0.87 0.06 75 ) | Lc-69.5 over #574226 bg",
355
355
  },
356
356
  "swatches[15] aka Swatch.Orange ": {
357
- "bg": "Lc=36; #562D20 | hsl( 14 46% 23%) | oklch(0.35 0.06 38 )",
358
- "fg": "Lc=62; #ECB5A3 | hsl( 15 66% 78%) | oklch(0.82 0.07 39 )",
357
+ "bg": "#562D20 | hsl( 14 46% 23%) | oklch(0.35 0.06 38 ) | Lc+36.1 over #FC551F card",
358
+ "fg": "#ECB5A3 | hsl( 15 66% 78%) | oklch(0.82 0.07 39 ) | Lc-61.9 over #562D20 bg",
359
359
  },
360
360
  "swatches[16] aka Swatch.Brown ": {
361
- "bg": "Lc=21; #442C24 | hsl( 15 31% 20%) | oklch(0.32 0.04 39 )",
362
- "fg": "Lc=57; #D0AFA5 | hsl( 14 31% 73%) | oklch(0.78 0.04 38 )",
361
+ "bg": "#442C24 | hsl( 15 31% 20%) | oklch(0.32 0.04 39 ) | Lc+21.4 over #B04E31 card",
362
+ "fg": "#D0AFA5 | hsl( 14 31% 73%) | oklch(0.78 0.04 38 ) | Lc-57.3 over #442C24 bg",
363
363
  },
364
364
  }
365
365
  `);