@fibery/ui-kit 3.0.0 → 4.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 (64) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/package.json +14 -8
  3. package/src/actions-menu/actions-menu-item.tsx +1 -0
  4. package/src/actions-menu/actions-menu.tsx +1 -3
  5. package/src/antd/ant-modal.tsx +156 -7
  6. package/src/antd/ant-upload.tsx +285 -27
  7. package/src/antd/auto-complete.tsx +145 -0
  8. package/src/antd/auto-width-transparent-textarea.tsx +9 -2
  9. package/src/antd/global-overrides.ts +352 -0
  10. package/src/antd/index.tsx +3 -2
  11. package/src/antd/input-number.tsx +97 -11
  12. package/src/antd/input.tsx +127 -8
  13. package/src/antd/styles.ts +90 -32
  14. package/src/antd/tabs.tsx +139 -27
  15. package/src/avatar.tsx +2 -56
  16. package/src/color-adjuster.ts +24 -1
  17. package/src/count-badge.tsx +10 -1
  18. package/src/date-picker/date-range-picker.tsx +6 -6
  19. package/src/date-picker/single-date-picker.tsx +2 -3
  20. package/src/date-picker/types.ts +1 -1
  21. package/src/date-picker/with-popup-control.tsx +3 -9
  22. package/src/design-system/colors-callout.warm-dark.test.ts +22 -22
  23. package/src/design-system/colors-callout.warm-light.test.ts +19 -19
  24. package/src/design-system/colors-css.ts +1 -1
  25. package/src/design-system/colors-enum.dark.warm.test.ts +63 -63
  26. package/src/design-system/colors-enum.light.warm.test.ts +54 -54
  27. package/src/design-system/colors-highlight.warm-dark.test.ts +21 -21
  28. package/src/design-system/colors-highlight.warm-light.test.ts +21 -21
  29. package/src/design-system/colors.ts +1 -1
  30. package/src/design-system/fns.badge.dark.warm.test.ts +34 -34
  31. package/src/design-system/fns.badge.light.warm.test.ts +31 -31
  32. package/src/design-system/fns.deneutralize.test.ts +44 -0
  33. package/src/design-system/fns.icon.dark.warm.test.ts +21 -21
  34. package/src/design-system/fns.icon.light.warm.test.ts +17 -17
  35. package/src/design-system/fns.icon.ts +21 -13
  36. package/src/design-system/fns.ts +27 -3
  37. package/src/design-system/typography.ts +1 -1
  38. package/src/design-system.ts +1 -1
  39. package/src/fibermoji-placeholder.tsx +2 -3
  40. package/src/icons/icon.tsx +11 -1
  41. package/src/icons/types.ts +1 -1
  42. package/src/layout-styles.ts +5 -1
  43. package/src/link-input/components/ant-text-area-with-custom-read-state.tsx +2 -1
  44. package/src/media-query-utils.ts +4 -13
  45. package/src/palettes/inspect.defs.colors.warm-arch.test.ts +137 -137
  46. package/src/palettes/inspect.defs.colors.warm-user.test.ts +137 -137
  47. package/src/palettes/warm.ts +2 -0
  48. package/src/root-theme-provider.test.tsx +1 -1
  49. package/src/select/index.tsx +3 -3
  50. package/src/select/select-in-popover.tsx +34 -51
  51. package/src/select/select.tsx +2 -2
  52. package/src/theme-provider.test.tsx +1 -1
  53. package/src/theme-provider.tsx +3 -9
  54. package/src/theme-snapshots.test.ts +9 -13
  55. package/src/{theming/build.ts → theming.build.ts} +6 -9
  56. package/src/{theming/theming-fibery.snapshot.css → theming.generated.css} +52 -52
  57. package/src/{theming/theming-fibery.snapshot.ts → theming.generated.ts} +52 -52
  58. package/src/{themed-ink.tsx → type-label.tsx} +2 -5
  59. package/src/antd/auto-complete.d.ts +0 -2
  60. package/src/antd/auto-complete.ts +0 -37
  61. package/src/antd/tabs.d.ts +0 -5
  62. package/src/theming/index.ts +0 -20
  63. package/src/theming/theming-vzdbery.snapshot.css +0 -2001
  64. package/src/theming/theming-vzdbery.snapshot.ts +0 -2519
package/src/design-system/colors-enum.light.warm.test.ts CHANGED
@@ -12,8 +12,8 @@ describe("enum over default surface = no color coding", () => {
12
12
  "fg": "Lc=82; #100D0A | hsl( 30 23% 5%) | oklch(0.16 0.01 67 )",
13
13
  },
14
14
  "CMYK Cyan ": {
15
- "bg": "Lc=4; #DEF8F3 | hsl( 168 65% 92%) | oklch(0.96 0.03 183 )",
16
- "fg": "Lc=71; #2C716A | hsl( 174 44% 31%) | oklch(0.5 0.07 186 )",
15
+ "bg": "Lc=4; #DDF8F4 | hsl( 171 66% 92%) | oklch(0.96 0.03 186 )",
16
+ "fg": "Lc=70; #29726B | hsl( 174 47% 30%) | oklch(0.5 0.07 186 )",
17
17
  },
18
18
  "CMYK Magenta": {
19
19
  "bg": "Lc=8; #FEE3FA | hsl( 309 93% 94%) | oklch(0.94 0.04 331 )",
@@ -33,7 +33,7 @@ describe("enum over default surface = no color coding", () => {
33
33
  },
34
34
  "Noti yellow ": {
35
35
  "bg": "Lc=4; #F8F2DF | hsl( 46 64% 92%) | oklch(0.96 0.03 92 )",
36
- "fg": "Lc=70; #6E6858 | hsl( 44 11% 39%) | oklch(0.52 0.03 90 )",
36
+ "fg": "Lc=70; #6F6857 | hsl( 42 12% 39%) | oklch(0.52 0.03 88 )",
37
37
  },
38
38
  "RGB Blue ": {
39
39
  "bg": "Lc=15; #DCDEF8 | hsl( 236 67% 92%) | oklch(0.91 0.04 282 )",
@@ -77,47 +77,47 @@ describe("enum over default surface = no color coding", () => {
77
77
  },
78
78
  "swatches[ 6] aka Swatch.Violet ": {
79
79
  "bg": "Lc=13; #E8E1ED | hsl( 275 25% 91%) | oklch(0.92 0.02 312 )",
80
- "fg": "Lc=83; #39284B | hsl( 269 30% 23%) | oklch(0.31 0.06 305 )",
80
+ "fg": "Lc=83; #39284C | hsl( 268 31% 23%) | oklch(0.31 0.07 305 )",
81
81
  },
82
82
  "swatches[ 7] aka Swatch.BlueDark ": {
83
83
  "bg": "Lc=12; #E3E4EF | hsl( 235 27% 91%) | oklch(0.92 0.01 282 )",
84
- "fg": "Lc=83; #2C3050 | hsl( 233 29% 24%) | oklch(0.32 0.06 277 )",
84
+ "fg": "Lc=83; #2B3051 | hsl( 232 31% 24%) | oklch(0.32 0.06 276 )",
85
85
  },
86
86
  "swatches[ 8] aka Swatch.Blue ": {
87
87
  "bg": "Lc=9; #E5EAF6 | hsl( 222 49% 93%) | oklch(0.94 0.02 268 )",
88
88
  "fg": "Lc=81; #304164 | hsl( 220 35% 29%) | oklch(0.38 0.06 264 )",
89
89
  },
90
90
  "swatches[ 9] aka Swatch.BlueSky ": {
91
- "bg": "Lc=6; #E7F0F6 | hsl( 204 45% 94%) | oklch(0.95 0.01 237 )",
92
- "fg": "Lc=80; #354E64 | hsl( 208 31% 30%) | oklch(0.41 0.05 246 )",
91
+ "bg": "Lc=7; #E5EFF6 | hsl( 205 49% 93%) | oklch(0.95 0.01 238 )",
92
+ "fg": "Lc=79; #314E65 | hsl( 207 35% 29%) | oklch(0.41 0.05 243 )",
93
93
  },
94
94
  "swatches[10] aka Swatch.Turquoise ": {
95
- "bg": "Lc=5; #E6F3F1 | hsl( 171 35% 93%) | oklch(0.95 0.01 186 )",
96
- "fg": "Lc=78; #335955 | hsl( 174 27% 27%) | oklch(0.43 0.04 187 )",
95
+ "bg": "Lc=5; #E4F4F2 | hsl( 172 42% 93%) | oklch(0.95 0.02 188 )",
96
+ "fg": "Lc=78; #2D5958 | hsl( 179 33% 26%) | oklch(0.43 0.05 194 )",
97
97
  },
98
98
  "swatches[11] aka Swatch.GreenDark ": {
99
- "bg": "Lc=9; #E2ECE6 | hsl( 144 21% 91%) | oklch(0.93 0.01 160 )",
100
- "fg": "Lc=82; #294539 | hsl( 154 25% 22%) | oklch(0.36 0.04 165 )",
99
+ "bg": "Lc=9; #E0EDE7 | hsl( 152 27% 90%) | oklch(0.93 0.02 167 )",
100
+ "fg": "Lc=81; #25473C | hsl( 161 31% 21%) | oklch(0.37 0.04 171 )",
101
101
  },
102
102
  "swatches[12] aka Swatch.Green ": {
103
- "bg": "Lc=7; #E8F0E3 | hsl( 97 30% 92%) | oklch(0.95 0.02 133 )",
104
- "fg": "Lc=79; #3A5131 | hsl( 103 25% 25%) | oklch(0.41 0.06 137 )",
103
+ "bg": "Lc=6; #E8F1E2 | hsl( 96 35% 92%) | oklch(0.95 0.02 133 )",
104
+ "fg": "Lc=80; #38512F | hsl( 104 27% 25%) | oklch(0.4 0.06 138 )",
105
105
  },
106
106
  "swatches[13] aka Swatch.GreenLight": {
107
107
  "bg": "Lc=5; #EFF3E3 | hsl( 75 40% 92%) | oklch(0.96 0.02 118 )",
108
- "fg": "Lc=78; #4B5831 | hsl( 80 28% 27%) | oklch(0.44 0.06 124 )",
108
+ "fg": "Lc=78; #4B5830 | hsl( 80 29% 27%) | oklch(0.44 0.06 124 )",
109
109
  },
110
110
  "swatches[14] aka Swatch.Yellow ": {
111
- "bg": "Lc=4; #FCF1DF | hsl( 37 83% 93%) | oklch(0.96 0.03 80 )",
112
- "fg": "Lc=78; #6D5227 | hsl( 37 47% 29%) | oklch(0.46 0.07 77 )",
111
+ "bg": "Lc=4; #FCF0DF | hsl( 35 83% 93%) | oklch(0.96 0.03 77 )",
112
+ "fg": "Lc=77; #6E5125 | hsl( 36 50% 29%) | oklch(0.46 0.07 76 )",
113
113
  },
114
114
  "swatches[15] aka Swatch.Orange ": {
115
115
  "bg": "Lc=9; #FAE6DE | hsl( 17 74% 93%) | oklch(0.94 0.02 43 )",
116
116
  "fg": "Lc=80; #693622 | hsl( 17 51% 27%) | oklch(0.39 0.08 42 )",
117
117
  },
118
118
  "swatches[16] aka Swatch.Brown ": {
119
- "bg": "Lc=11; #F0E4DE | hsl( 20 37% 91%) | oklch(0.93 0.02 49 )",
120
- "fg": "Lc=83; #4D3023 | hsl( 19 37% 22%) | oklch(0.34 0.05 45 )",
119
+ "bg": "Lc=11; #F1E4DD | hsl( 21 42% 91%) | oklch(0.93 0.02 50 )",
120
+ "fg": "Lc=82; #502F22 | hsl( 17 40% 22%) | oklch(0.34 0.05 42 )",
121
121
  },
122
122
  }
123
123
  `);
@@ -133,8 +133,8 @@ describe("enum over painted card surface = color coding (bug#14178 worst case)",
133
133
  "fg": "Lc=82; #100D0A | hsl( 30 23% 5%) | oklch(0.16 0.01 67 )",
134
134
  },
135
135
  "CMYK Cyan ": {
136
- "bg": "Lc=4; #D9F2ED | hsl( 168 49% 90%) | oklch(0.94 0.03 182 )",
137
- "fg": "Lc=67; #2C716A | hsl( 174 44% 31%) | oklch(0.5 0.07 186 )",
136
+ "bg": "Lc=4; #D8F3EF | hsl( 171 53% 90%) | oklch(0.94 0.03 186 )",
137
+ "fg": "Lc=68; #29726B | hsl( 174 47% 30%) | oklch(0.5 0.07 186 )",
138
138
  },
139
139
  "CMYK Magenta": {
140
140
  "bg": "Lc=4; #F4D9F0 | hsl( 309 55% 90%) | oklch(0.91 0.04 331 )",
@@ -154,7 +154,7 @@ describe("enum over painted card surface = color coding (bug#14178 worst case)",
154
154
  },
155
155
  "Noti yellow ": {
156
156
  "bg": "Lc=4; #F5EFDC | hsl( 46 56% 91%) | oklch(0.95 0.03 92 )",
157
- "fg": "Lc=68; #6E6858 | hsl( 44 11% 39%) | oklch(0.52 0.03 90 )",
157
+ "fg": "Lc=68; #6F6857 | hsl( 42 12% 39%) | oklch(0.52 0.03 88 )",
158
158
  },
159
159
  "RGB Blue ": {
160
160
  "bg": "Lc=4; #D8DAF3 | hsl( 236 53% 90%) | oklch(0.89 0.03 282 )",
@@ -198,47 +198,47 @@ describe("enum over painted card surface = color coding (bug#14178 worst case)",
198
198
  },
199
199
  "swatches[ 6] aka Swatch.Violet ": {
200
200
  "bg": "Lc=4; #E6DFEB | hsl( 275 23% 90%) | oklch(0.91 0.02 312 )",
201
- "fg": "Lc=82; #39284B | hsl( 269 30% 23%) | oklch(0.31 0.06 305 )",
201
+ "fg": "Lc=82; #39284C | hsl( 268 31% 23%) | oklch(0.31 0.07 305 )",
202
202
  },
203
203
  "swatches[ 7] aka Swatch.BlueDark ": {
204
204
  "bg": "Lc=4; #E0E1EC | hsl( 235 24% 90%) | oklch(0.91 0.01 282 )",
205
- "fg": "Lc=82; #2C3050 | hsl( 233 29% 24%) | oklch(0.32 0.06 277 )",
205
+ "fg": "Lc=82; #2B3051 | hsl( 232 31% 24%) | oklch(0.32 0.06 276 )",
206
206
  },
207
207
  "swatches[ 8] aka Swatch.Blue ": {
208
208
  "bg": "Lc=4; #E0E5F1 | hsl( 222 38% 91%) | oklch(0.92 0.02 268 )",
209
209
  "fg": "Lc=78; #304164 | hsl( 220 35% 29%) | oklch(0.38 0.06 264 )",
210
210
  },
211
211
  "swatches[ 9] aka Swatch.BlueSky ": {
212
- "bg": "Lc=4; #DFE8EE | hsl( 204 31% 90%) | oklch(0.93 0.01 237 )",
213
- "fg": "Lc=75; #354E64 | hsl( 208 31% 30%) | oklch(0.41 0.05 246 )",
212
+ "bg": "Lc=4; #DEE8EF | hsl( 205 35% 90%) | oklch(0.93 0.01 238 )",
213
+ "fg": "Lc=75; #314E65 | hsl( 207 35% 29%) | oklch(0.41 0.05 243 )",
214
214
  },
215
215
  "swatches[10] aka Swatch.Turquoise ": {
216
- "bg": "Lc=4; #DFECEA | hsl( 171 25% 90%) | oklch(0.93 0.01 186 )",
217
- "fg": "Lc=74; #335955 | hsl( 174 27% 27%) | oklch(0.43 0.04 187 )",
216
+ "bg": "Lc=4; #DDECEA | hsl( 172 28% 90%) | oklch(0.93 0.02 187 )",
217
+ "fg": "Lc=74; #2D5958 | hsl( 179 33% 26%) | oklch(0.43 0.05 194 )",
218
218
  },
219
219
  "swatches[11] aka Swatch.GreenDark ": {
220
- "bg": "Lc=4; #DEE8E2 | hsl( 144 18% 89%) | oklch(0.92 0.01 160 )",
221
- "fg": "Lc=79; #294539 | hsl( 154 25% 22%) | oklch(0.36 0.04 165 )",
220
+ "bg": "Lc=4; #DBE8E2 | hsl( 152 22% 88%) | oklch(0.92 0.02 167 )",
221
+ "fg": "Lc=78; #25473C | hsl( 161 31% 21%) | oklch(0.37 0.04 171 )",
222
222
  },
223
223
  "swatches[12] aka Swatch.Green ": {
224
- "bg": "Lc=4; #E2EADD | hsl( 97 24% 89%) | oklch(0.93 0.02 133 )",
225
- "fg": "Lc=76; #3A5131 | hsl( 103 25% 25%) | oklch(0.41 0.06 137 )",
224
+ "bg": "Lc=4; #E1EADC | hsl( 99 25% 89%) | oklch(0.93 0.02 134 )",
225
+ "fg": "Lc=76; #38512F | hsl( 104 27% 25%) | oklch(0.4 0.06 138 )",
226
226
  },
227
227
  "swatches[13] aka Swatch.GreenLight": {
228
228
  "bg": "Lc=4; #E8ECDC | hsl( 75 30% 89%) | oklch(0.94 0.02 118 )",
229
- "fg": "Lc=74; #4B5831 | hsl( 80 28% 27%) | oklch(0.44 0.06 124 )",
229
+ "fg": "Lc=74; #4B5830 | hsl( 80 29% 27%) | oklch(0.44 0.06 124 )",
230
230
  },
231
231
  "swatches[14] aka Swatch.Yellow ": {
232
- "bg": "Lc=4; #F4E9D7 | hsl( 37 57% 90%) | oklch(0.94 0.03 80 )",
233
- "fg": "Lc=73; #6D5227 | hsl( 37 47% 29%) | oklch(0.46 0.07 77 )",
232
+ "bg": "Lc=4; #F5E9D8 | hsl( 35 59% 90%) | oklch(0.94 0.03 77 )",
233
+ "fg": "Lc=73; #6E5125 | hsl( 36 50% 29%) | oklch(0.46 0.07 76 )",
234
234
  },
235
235
  "swatches[15] aka Swatch.Orange ": {
236
236
  "bg": "Lc=4; #F5E1D9 | hsl( 17 58% 91%) | oklch(0.92 0.02 43 )",
237
237
  "fg": "Lc=77; #693622 | hsl( 17 51% 27%) | oklch(0.39 0.08 42 )",
238
238
  },
239
239
  "swatches[16] aka Swatch.Brown ": {
240
- "bg": "Lc=4; #EDE1DB | hsl( 20 33% 89%) | oklch(0.92 0.02 49 )",
241
- "fg": "Lc=81; #4D3023 | hsl( 19 37% 22%) | oklch(0.34 0.05 45 )",
240
+ "bg": "Lc=4; #EEE1DA | hsl( 21 37% 89%) | oklch(0.92 0.02 50 )",
241
+ "fg": "Lc=81; #502F22 | hsl( 17 40% 22%) | oklch(0.34 0.05 42 )",
242
242
  },
243
243
  }
244
244
  `);
@@ -254,8 +254,8 @@ describe("enum over same-color card (extreme experiment)", () => {
254
254
  "fg": "Lc=82; #100D0A | hsl( 30 23% 5%) | oklch(0.16 0.01 67 )",
255
255
  },
256
256
  "CMYK Cyan ": {
257
- "bg": "Lc=2; #D9F2ED | hsl( 168 49% 90%) | oklch(0.94 0.03 182 )",
258
- "fg": "Lc=67; #2C716A | hsl( 174 44% 31%) | oklch(0.5 0.07 186 )",
257
+ "bg": "Lc=2; #D8F3EF | hsl( 171 53% 90%) | oklch(0.94 0.03 186 )",
258
+ "fg": "Lc=68; #29726B | hsl( 174 47% 30%) | oklch(0.5 0.07 186 )",
259
259
  },
260
260
  "CMYK Magenta": {
261
261
  "bg": "Lc=41; #F4D9F0 | hsl( 309 55% 90%) | oklch(0.91 0.04 331 )",
@@ -275,7 +275,7 @@ describe("enum over same-color card (extreme experiment)", () => {
275
275
  },
276
276
  "Noti yellow ": {
277
277
  "bg": "Lc=6; #F5EFDC | hsl( 46 56% 91%) | oklch(0.95 0.03 92 )",
278
- "fg": "Lc=68; #6E6858 | hsl( 44 11% 39%) | oklch(0.52 0.03 90 )",
278
+ "fg": "Lc=68; #6F6857 | hsl( 42 12% 39%) | oklch(0.52 0.03 88 )",
279
279
  },
280
280
  "RGB Blue ": {
281
281
  "bg": "Lc=68; #D8DAF3 | hsl( 236 53% 90%) | oklch(0.89 0.03 282 )",
@@ -319,47 +319,47 @@ describe("enum over same-color card (extreme experiment)", () => {
319
319
  },
320
320
  "swatches[ 6] aka Swatch.Violet ": {
321
321
  "bg": "Lc=70; #E6DFEB | hsl( 275 23% 90%) | oklch(0.91 0.02 312 )",
322
- "fg": "Lc=82; #39284B | hsl( 269 30% 23%) | oklch(0.31 0.06 305 )",
322
+ "fg": "Lc=82; #39284C | hsl( 268 31% 23%) | oklch(0.31 0.07 305 )",
323
323
  },
324
324
  "swatches[ 7] aka Swatch.BlueDark ": {
325
325
  "bg": "Lc=69; #E0E1EC | hsl( 235 24% 90%) | oklch(0.91 0.01 282 )",
326
- "fg": "Lc=82; #2C3050 | hsl( 233 29% 24%) | oklch(0.32 0.06 277 )",
326
+ "fg": "Lc=82; #2B3051 | hsl( 232 31% 24%) | oklch(0.32 0.06 276 )",
327
327
  },
328
328
  "swatches[ 8] aka Swatch.Blue ": {
329
329
  "bg": "Lc=56; #E0E5F1 | hsl( 222 38% 91%) | oklch(0.92 0.02 268 )",
330
330
  "fg": "Lc=78; #304164 | hsl( 220 35% 29%) | oklch(0.38 0.06 264 )",
331
331
  },
332
332
  "swatches[ 9] aka Swatch.BlueSky ": {
333
- "bg": "Lc=45; #DFE8EE | hsl( 204 31% 90%) | oklch(0.93 0.01 237 )",
334
- "fg": "Lc=75; #354E64 | hsl( 208 31% 30%) | oklch(0.41 0.05 246 )",
333
+ "bg": "Lc=45; #DEE8EF | hsl( 205 35% 90%) | oklch(0.93 0.01 238 )",
334
+ "fg": "Lc=75; #314E65 | hsl( 207 35% 29%) | oklch(0.41 0.05 243 )",
335
335
  },
336
336
  "swatches[10] aka Swatch.Turquoise ": {
337
- "bg": "Lc=34; #DFECEA | hsl( 171 25% 90%) | oklch(0.93 0.01 186 )",
338
- "fg": "Lc=74; #335955 | hsl( 174 27% 27%) | oklch(0.43 0.04 187 )",
337
+ "bg": "Lc=34; #DDECEA | hsl( 172 28% 90%) | oklch(0.93 0.02 187 )",
338
+ "fg": "Lc=74; #2D5958 | hsl( 179 33% 26%) | oklch(0.43 0.05 194 )",
339
339
  },
340
340
  "swatches[11] aka Swatch.GreenDark ": {
341
- "bg": "Lc=52; #DEE8E2 | hsl( 144 18% 89%) | oklch(0.92 0.01 160 )",
342
- "fg": "Lc=79; #294539 | hsl( 154 25% 22%) | oklch(0.36 0.04 165 )",
341
+ "bg": "Lc=52; #DBE8E2 | hsl( 152 22% 88%) | oklch(0.92 0.02 167 )",
342
+ "fg": "Lc=78; #25473C | hsl( 161 31% 21%) | oklch(0.37 0.04 171 )",
343
343
  },
344
344
  "swatches[12] aka Swatch.Green ": {
345
- "bg": "Lc=43; #E2EADD | hsl( 97 24% 89%) | oklch(0.93 0.02 133 )",
346
- "fg": "Lc=76; #3A5131 | hsl( 103 25% 25%) | oklch(0.41 0.06 137 )",
345
+ "bg": "Lc=43; #E1EADC | hsl( 99 25% 89%) | oklch(0.93 0.02 134 )",
346
+ "fg": "Lc=76; #38512F | hsl( 104 27% 25%) | oklch(0.4 0.06 138 )",
347
347
  },
348
348
  "swatches[13] aka Swatch.GreenLight": {
349
349
  "bg": "Lc=32; #E8ECDC | hsl( 75 30% 89%) | oklch(0.94 0.02 118 )",
350
- "fg": "Lc=74; #4B5831 | hsl( 80 28% 27%) | oklch(0.44 0.06 124 )",
350
+ "fg": "Lc=74; #4B5830 | hsl( 80 29% 27%) | oklch(0.44 0.06 124 )",
351
351
  },
352
352
  "swatches[14] aka Swatch.Yellow ": {
353
- "bg": "Lc=30; #F4E9D7 | hsl( 37 57% 90%) | oklch(0.94 0.03 80 )",
354
- "fg": "Lc=73; #6D5227 | hsl( 37 47% 29%) | oklch(0.46 0.07 77 )",
353
+ "bg": "Lc=30; #F5E9D8 | hsl( 35 59% 90%) | oklch(0.94 0.03 77 )",
354
+ "fg": "Lc=73; #6E5125 | hsl( 36 50% 29%) | oklch(0.46 0.07 76 )",
355
355
  },
356
356
  "swatches[15] aka Swatch.Orange ": {
357
357
  "bg": "Lc=47; #F5E1D9 | hsl( 17 58% 91%) | oklch(0.92 0.02 43 )",
358
358
  "fg": "Lc=77; #693622 | hsl( 17 51% 27%) | oklch(0.39 0.08 42 )",
359
359
  },
360
360
  "swatches[16] aka Swatch.Brown ": {
361
- "bg": "Lc=63; #EDE1DB | hsl( 20 33% 89%) | oklch(0.92 0.02 49 )",
362
- "fg": "Lc=81; #4D3023 | hsl( 19 37% 22%) | oklch(0.34 0.05 45 )",
361
+ "bg": "Lc=63; #EEE1DA | hsl( 21 37% 89%) | oklch(0.92 0.02 50 )",
362
+ "fg": "Lc=81; #502F22 | hsl( 17 40% 22%) | oklch(0.34 0.05 42 )",
363
363
  },
364
364
  }
365
365
  `);
package/src/design-system/colors-highlight.warm-dark.test.ts CHANGED
@@ -8,12 +8,12 @@ describe("highlight.bg", () => {
8
8
  expect(userColorChoices((c) => theme.fns.highlight(c).bg)).toMatchInlineSnapshot(`
9
9
  {
10
10
  "CMYK Black ": "#BCBCBC66 | hsl(none 0% 74% / 0.4 ) | oklch(0.8 0 none / 0.4 )",
11
- "CMYK Cyan ": "#00D1C866 | hsl( 177 100% 41% / 0.4 ) | oklch(0.78 0.13 189 / 0.4 )",
11
+ "CMYK Cyan ": "#00D2CA66 | hsl( 178 100% 41% / 0.4 ) | oklch(0.78 0.13 190 / 0.4 )",
12
12
  "CMYK Magenta": "#FF89FF66 | hsl( 300 100% 77% / 0.4 ) | oklch(0.8 0.2 327 / 0.4 )",
13
13
  "CMYK Yellow ": "#C2C20066 | hsl( 60 100% 38% / 0.4 ) | oklch(0.79 0.17 110 / 0.4 )",
14
14
  "Noti green ": "#B6BDB866 | hsl( 137 5% 73% / 0.4 ) | oklch(0.79 0.01 155 / 0.4 )",
15
15
  "Noti red ": "#C7B8B666 | hsl( 7 13% 75% / 0.4 ) | oklch(0.79 0.02 27 / 0.4 )",
16
- "Noti yellow ": "#C4BB9D66 | hsl( 46 25% 69% / 0.4 ) | oklch(0.79 0.04 93 / 0.4 )",
16
+ "Noti yellow ": "#C5BB9A66 | hsl( 46 27% 69% / 0.4 ) | oklch(0.79 0.05 93 / 0.4 )",
17
17
  "RGB Blue ": "#96BAFF66 | hsl( 219 100% 79% / 0.4 ) | oklch(0.79 0.11 263 / 0.4 )",
18
18
  "RGB Green ": "#30D80066 | hsl( 107 100% 42% / 0.4 ) | oklch(0.77 0.25 141 / 0.4 )",
19
19
  "RGB Red ": "#FF9C8C66 | hsl( 8 100% 77% / 0.4 ) | oklch(0.79 0.12 30 / 0.4 )",
@@ -24,17 +24,17 @@ describe("highlight.bg", () => {
24
24
  "swatches[ 3] aka Swatch.Red ": "#FF9B9066 | hsl( 6 100% 78% / 0.4 ) | oklch(0.79 0.12 27 / 0.4 )",
25
25
  "swatches[ 4] aka Swatch.Magenta ": "#FF97B566 | hsl( 343 100% 80% / 0.4 ) | oklch(0.79 0.13 2 / 0.4 )",
26
26
  "swatches[ 5] aka Swatch.Purple ": "#F29AFF66 | hsl( 292 100% 80% / 0.4 ) | oklch(0.81 0.17 322 / 0.4 )",
27
- "swatches[ 6] aka Swatch.Violet ": "#C8ABFF66 | hsl( 261 100% 84% / 0.4 ) | oklch(0.8 0.12 300 / 0.4 )",
28
- "swatches[ 7] aka Swatch.BlueDark ": "#A0B8FF66 | hsl( 225 100% 81% / 0.4 ) | oklch(0.79 0.1 270 / 0.4 )",
27
+ "swatches[ 6] aka Swatch.Violet ": "#C7ABFF66 | hsl( 260 100% 84% / 0.4 ) | oklch(0.8 0.12 299 / 0.4 )",
28
+ "swatches[ 7] aka Swatch.BlueDark ": "#9FB8FF66 | hsl( 224 100% 81% / 0.4 ) | oklch(0.79 0.11 269 / 0.4 )",
29
29
  "swatches[ 8] aka Swatch.Blue ": "#90BCFF66 | hsl( 216 100% 78% / 0.4 ) | oklch(0.79 0.11 259 / 0.4 )",
30
- "swatches[ 9] aka Swatch.BlueSky ": "#7BC1FF66 | hsl( 208 100% 74% / 0.4 ) | oklch(0.79 0.11 247 / 0.4 )",
31
- "swatches[10] aka Swatch.Turquoise ": "#66CBCA66 | hsl( 179 49% 60% / 0.4 ) | oklch(0.78 0.09 195 / 0.4 )",
32
- "swatches[11] aka Swatch.GreenDark ": "#7ECAB366 | hsl( 162 42% 64% / 0.4 ) | oklch(0.78 0.08 173 / 0.4 )",
33
- "swatches[12] aka Swatch.Green ": "#89CB8166 | hsl( 114 42% 65% / 0.4 ) | oklch(0.78 0.12 142 / 0.4 )",
34
- "swatches[13] aka Swatch.GreenLight": "#A1C86F66 | hsl( 86 45% 61% / 0.4 ) | oklch(0.78 0.12 128 / 0.4 )",
35
- "swatches[14] aka Swatch.Yellow ": "#EDB04F66 | hsl( 37 81% 62% / 0.4 ) | oklch(0.8 0.13 76 / 0.4 )",
30
+ "swatches[ 9] aka Swatch.BlueSky ": "#72C2FF66 | hsl( 206 100% 72% / 0.4 ) | oklch(0.79 0.12 243 / 0.4 )",
31
+ "swatches[10] aka Swatch.Turquoise ": "#58CCD166 | hsl( 182 57% 58% / 0.4 ) | oklch(0.78 0.1 199 / 0.4 )",
32
+ "swatches[11] aka Swatch.GreenDark ": "#72CBB666 | hsl( 166 46% 62% / 0.4 ) | oklch(0.78 0.09 177 / 0.4 )",
33
+ "swatches[12] aka Swatch.Green ": "#85CC7D66 | hsl( 114 44% 65% / 0.4 ) | oklch(0.78 0.13 142 / 0.4 )",
34
+ "swatches[13] aka Swatch.GreenLight": "#9FC86B66 | hsl( 86 46% 60% / 0.4 ) | oklch(0.78 0.13 129 / 0.4 )",
35
+ "swatches[14] aka Swatch.Yellow ": "#F1AF4A66 | hsl( 36 86% 62% / 0.4 ) | oklch(0.8 0.14 75 / 0.4 )",
36
36
  "swatches[15] aka Swatch.Orange ": "#FF9D7A66 | hsl( 16 100% 74% / 0.4 ) | oklch(0.79 0.13 40 / 0.4 )",
37
- "swatches[16] aka Swatch.Brown ": "#F3AA9066 | hsl( 16 80% 76% / 0.4 ) | oklch(0.8 0.09 40 / 0.4 )",
37
+ "swatches[16] aka Swatch.Brown ": "#FAA78B66 | hsl( 15 92% 76% / 0.4 ) | oklch(0.8 0.11 39 / 0.4 )",
38
38
  }
39
39
  `);
40
40
  });
@@ -45,12 +45,12 @@ describe("highlight.bgDecor", () => {
45
45
  expect(userColorChoices((c) => theme.fns.highlight(c).bgDecor)).toMatchInlineSnapshot(`
46
46
  {
47
47
  "CMYK Black ": "#B0B0B0E6 | hsl(none 0% 69% / 0.9 ) | oklch(0.76 0 none / 0.9 )",
48
- "CMYK Cyan ": "#00C5BDE6 | hsl( 178 100% 39% / 0.9 ) | oklch(0.74 0.13 190 / 0.9 )",
48
+ "CMYK Cyan ": "#00C6BFE6 | hsl( 178 100% 39% / 0.9 ) | oklch(0.75 0.13 190 / 0.9 )",
49
49
  "CMYK Magenta": "#FF6BFFE6 | hsl( 300 100% 71% / 0.9 ) | oklch(0.76 0.24 328 / 0.9 )",
50
50
  "CMYK Yellow ": "#B6B600E6 | hsl( 60 100% 36% / 0.9 ) | oklch(0.75 0.16 110 / 0.9 )",
51
51
  "Noti green ": "#AAB2ACE6 | hsl( 135 5% 68% / 0.9 ) | oklch(0.76 0.01 154 / 0.9 )",
52
52
  "Noti red ": "#BBADAAE6 | hsl( 11 11% 70% / 0.9 ) | oklch(0.76 0.02 32 / 0.9 )",
53
- "Noti yellow ": "#B9B092E6 | hsl( 46 22% 65% / 0.9 ) | oklch(0.76 0.04 93 / 0.9 )",
53
+ "Noti yellow ": "#BAB08FE6 | hsl( 46 24% 65% / 0.9 ) | oklch(0.76 0.05 93 / 0.9 )",
54
54
  "RGB Blue ": "#85ADFFE6 | hsl( 220 100% 76% / 0.9 ) | oklch(0.75 0.13 264 / 0.9 )",
55
55
  "RGB Green ": "#17CC00E6 | hsl( 113 100% 40% / 0.9 ) | oklch(0.73 0.25 142 / 0.9 )",
56
56
  "RGB Red ": "#FF8776E6 | hsl( 7 100% 73% / 0.9 ) | oklch(0.75 0.15 29 / 0.9 )",
@@ -62,16 +62,16 @@ describe("highlight.bgDecor", () => {
62
62
  "swatches[ 4] aka Swatch.Magenta ": "#FF81A7E6 | hsl( 342 100% 75% / 0.9 ) | oklch(0.76 0.16 2 / 0.9 )",
63
63
  "swatches[ 5] aka Swatch.Purple ": "#E68FF5E6 | hsl( 291 84% 76% / 0.9 ) | oklch(0.78 0.17 322 / 0.9 )",
64
64
  "swatches[ 6] aka Swatch.Violet ": "#BD9DFFE6 | hsl( 260 100% 81% / 0.9 ) | oklch(0.76 0.14 298 / 0.9 )",
65
- "swatches[ 7] aka Swatch.BlueDark ": "#92ABFFE6 | hsl( 226 100% 79% / 0.9 ) | oklch(0.76 0.12 271 / 0.9 )",
65
+ "swatches[ 7] aka Swatch.BlueDark ": "#90AAFFE6 | hsl( 226 100% 78% / 0.9 ) | oklch(0.75 0.13 270 / 0.9 )",
66
66
  "swatches[ 8] aka Swatch.Blue ": "#7DAFFFE6 | hsl( 217 100% 75% / 0.9 ) | oklch(0.75 0.13 259 / 0.9 )",
67
- "swatches[ 9] aka Swatch.BlueSky ": "#6FB6F5E6 | hsl( 208 87% 70% / 0.9 ) | oklch(0.75 0.12 247 / 0.9 )",
68
- "swatches[10] aka Swatch.Turquoise ": "#59BFBEE6 | hsl( 179 44% 55% / 0.9 ) | oklch(0.74 0.09 194 / 0.9 )",
69
- "swatches[11] aka Swatch.GreenDark ": "#73BEA7E6 | hsl( 162 37% 60% / 0.9 ) | oklch(0.75 0.08 172 / 0.9 )",
70
- "swatches[12] aka Swatch.Green ": "#7EC076E6 | hsl( 114 37% 61% / 0.9 ) | oklch(0.74 0.12 142 / 0.9 )",
71
- "swatches[13] aka Swatch.GreenLight": "#96BC64E6 | hsl( 86 40% 56% / 0.9 ) | oklch(0.75 0.12 128 / 0.9 )",
72
- "swatches[14] aka Swatch.Yellow ": "#E1A542E6 | hsl( 37 73% 57% / 0.9 ) | oklch(0.76 0.13 77 / 0.9 )",
67
+ "swatches[ 9] aka Swatch.BlueSky ": "#67B7F8E6 | hsl( 207 91% 69% / 0.9 ) | oklch(0.75 0.12 245 / 0.9 )",
68
+ "swatches[10] aka Swatch.Turquoise ": "#4AC0C5E6 | hsl( 182 51% 53% / 0.9 ) | oklch(0.74 0.1 199 / 0.9 )",
69
+ "swatches[11] aka Swatch.GreenDark ": "#66C0ABE6 | hsl( 166 42% 58% / 0.9 ) | oklch(0.75 0.09 177 / 0.9 )",
70
+ "swatches[12] aka Swatch.Green ": "#7AC172E6 | hsl( 114 39% 60% / 0.9 ) | oklch(0.74 0.13 142 / 0.9 )",
71
+ "swatches[13] aka Swatch.GreenLight": "#94BD60E6 | hsl( 86 41% 56% / 0.9 ) | oklch(0.75 0.13 129 / 0.9 )",
72
+ "swatches[14] aka Swatch.Yellow ": "#E5A33DE6 | hsl( 36 76% 57% / 0.9 ) | oklch(0.76 0.14 74 / 0.9 )",
73
73
  "swatches[15] aka Swatch.Orange ": "#FF8B62E6 | hsl( 16 100% 69% / 0.9 ) | oklch(0.76 0.15 40 / 0.9 )",
74
- "swatches[16] aka Swatch.Brown ": "#E79E85E6 | hsl( 15 67% 71% / 0.9 ) | oklch(0.76 0.09 40 / 0.9 )",
74
+ "swatches[16] aka Swatch.Brown ": "#EE9B80E6 | hsl( 15 76% 72% / 0.9 ) | oklch(0.77 0.11 39 / 0.9 )",
75
75
  }
76
76
  `);
77
77
  });
package/src/design-system/colors-highlight.warm-light.test.ts CHANGED
@@ -8,12 +8,12 @@ describe("highlight.bg", () => {
8
8
  expect(userColorChoices((c) => theme.fns.highlight(c).bg)).toMatchInlineSnapshot(`
9
9
  {
10
10
  "CMYK Black ": "#C9C9C94D | hsl(none 0% 79% / 0.3 ) | oklch(0.84 0 none / 0.3 )",
11
- "CMYK Cyan ": "#00DFD54D | hsl( 177 100% 44% / 0.3 ) | oklch(0.81 0.14 189 / 0.3 )",
11
+ "CMYK Cyan ": "#00DFD84D | hsl( 178 100% 44% / 0.3 ) | oklch(0.82 0.14 191 / 0.3 )",
12
12
  "CMYK Magenta": "#FFA3FF4D | hsl( 300 100% 82% / 0.3 ) | oklch(0.84 0.16 327 / 0.3 )",
13
13
  "CMYK Yellow ": "#D0D0004D | hsl( 60 100% 41% / 0.3 ) | oklch(0.83 0.18 110 / 0.3 )",
14
14
  "Noti green ": "#C3CBC54D | hsl( 135 7% 78% / 0.3 ) | oklch(0.83 0.01 154 / 0.3 )",
15
15
  "Noti red ": "#D4C6C34D | hsl( 11 17% 80% / 0.3 ) | oklch(0.84 0.02 32 / 0.3 )",
16
- "Noti yellow ": "#D2C9AB4D | hsl( 46 30% 75% / 0.3 ) | oklch(0.84 0.04 93 / 0.3 )",
16
+ "Noti yellow ": "#D3C9A84D | hsl( 46 33% 74% / 0.3 ) | oklch(0.84 0.05 93 / 0.3 )",
17
17
  "RGB Blue ": "#AAC8FF4D | hsl( 219 100% 83% / 0.3 ) | oklch(0.83 0.08 262 / 0.3 )",
18
18
  "RGB Green ": "#44E6004D | hsl( 102 100% 45% / 0.3 ) | oklch(0.81 0.26 140 / 0.3 )",
19
19
  "RGB Red ": "#FFB0A34D | hsl( 8 100% 82% / 0.3 ) | oklch(0.83 0.1 30 / 0.3 )",
@@ -24,17 +24,17 @@ describe("highlight.bg", () => {
24
24
  "swatches[ 3] aka Swatch.Red ": "#FFB0A64D | hsl( 7 100% 83% / 0.3 ) | oklch(0.83 0.09 27 / 0.3 )",
25
25
  "swatches[ 4] aka Swatch.Magenta ": "#FFADC34D | hsl( 344 100% 84% / 0.3 ) | oklch(0.83 0.1 2 / 0.3 )",
26
26
  "swatches[ 5] aka Swatch.Purple ": "#FEA8FF4D | hsl( 299 100% 83% / 0.3 ) | oklch(0.84 0.15 326 / 0.3 )",
27
- "swatches[ 6] aka Swatch.Violet ": "#D2BBFF4D | hsl( 260 100% 87% / 0.3 ) | oklch(0.83 0.1 300 / 0.3 )",
28
- "swatches[ 7] aka Swatch.BlueDark ": "#B2C6FF4D | hsl( 224 100% 85% / 0.3 ) | oklch(0.83 0.08 270 / 0.3 )",
27
+ "swatches[ 6] aka Swatch.Violet ": "#D2BCFF4D | hsl( 260 100% 87% / 0.3 ) | oklch(0.84 0.09 299 / 0.3 )",
28
+ "swatches[ 7] aka Swatch.BlueDark ": "#B1C6FF4D | hsl( 224 100% 85% / 0.3 ) | oklch(0.83 0.08 269 / 0.3 )",
29
29
  "swatches[ 8] aka Swatch.Blue ": "#A5CAFF4D | hsl( 215 100% 82% / 0.3 ) | oklch(0.83 0.08 257 / 0.3 )",
30
- "swatches[ 9] aka Swatch.BlueSky ": "#8BCFFF4D | hsl( 205 100% 77% / 0.3 ) | oklch(0.83 0.1 240 / 0.3 )",
31
- "swatches[10] aka Swatch.Turquoise ": "#74D9D74D | hsl( 179 57% 65% / 0.3 ) | oklch(0.82 0.09 194 / 0.3 )",
32
- "swatches[11] aka Swatch.GreenDark ": "#8CD7C04D | hsl( 162 48% 70% / 0.3 ) | oklch(0.82 0.08 173 / 0.3 )",
33
- "swatches[12] aka Swatch.Green ": "#96D98E4D | hsl( 114 50% 70% / 0.3 ) | oklch(0.82 0.12 142 / 0.3 )",
34
- "swatches[13] aka Swatch.GreenLight": "#AED57C4D | hsl( 86 51% 66% / 0.3 ) | oklch(0.82 0.12 128 / 0.3 )",
35
- "swatches[14] aka Swatch.Yellow ": "#FCBE5D4D | hsl( 37 96% 68% / 0.3 ) | oklch(0.84 0.13 76 / 0.3 )",
30
+ "swatches[ 9] aka Swatch.BlueSky ": "#87D0FF4D | hsl( 204 100% 76% / 0.3 ) | oklch(0.83 0.1 238 / 0.3 )",
31
+ "swatches[10] aka Swatch.Turquoise ": "#67D9DE4D | hsl( 183 64% 64% / 0.3 ) | oklch(0.82 0.1 199 / 0.3 )",
32
+ "swatches[11] aka Swatch.GreenDark ": "#80D9C44D | hsl( 166 54% 68% / 0.3 ) | oklch(0.82 0.09 177 / 0.3 )",
33
+ "swatches[12] aka Swatch.Green ": "#92DA8A4D | hsl( 114 52% 70% / 0.3 ) | oklch(0.82 0.13 142 / 0.3 )",
34
+ "swatches[13] aka Swatch.GreenLight": "#ACD6784D | hsl( 87 53% 65% / 0.3 ) | oklch(0.82 0.13 129 / 0.3 )",
35
+ "swatches[14] aka Swatch.Yellow ": "#FFBC594D | hsl( 36 100% 67% / 0.3 ) | oklch(0.84 0.14 74 / 0.3 )",
36
36
  "swatches[15] aka Swatch.Orange ": "#FFB2954D | hsl( 16 100% 79% / 0.3 ) | oklch(0.83 0.1 41 / 0.3 )",
37
- "swatches[16] aka Swatch.Brown ": "#FFB79D4D | hsl( 16 100% 81% / 0.3 ) | oklch(0.84 0.09 41 / 0.3 )",
37
+ "swatches[16] aka Swatch.Brown ": "#FFB4984D | hsl( 16 100% 80% / 0.3 ) | oklch(0.83 0.1 41 / 0.3 )",
38
38
  }
39
39
  `);
40
40
  });
@@ -45,12 +45,12 @@ describe("highlight.bgDecor", () => {
45
45
  expect(userColorChoices((c) => theme.fns.highlight(c).bgDecor)).toMatchInlineSnapshot(`
46
46
  {
47
47
  "CMYK Black ": "#BCBCBCE6 | hsl(none 0% 74% / 0.9 ) | oklch(0.8 0 none / 0.9 )",
48
- "CMYK Cyan ": "#00D2C9E6 | hsl( 177 100% 41% / 0.9 ) | oklch(0.78 0.13 189 / 0.9 )",
48
+ "CMYK Cyan ": "#00D2CBE6 | hsl( 178 100% 41% / 0.9 ) | oklch(0.78 0.13 191 / 0.9 )",
49
49
  "CMYK Magenta": "#FF8AFFE6 | hsl( 300 100% 77% / 0.9 ) | oklch(0.8 0.2 327 / 0.9 )",
50
50
  "CMYK Yellow ": "#C3C300E6 | hsl( 60 100% 38% / 0.9 ) | oklch(0.79 0.17 110 / 0.9 )",
51
51
  "Noti green ": "#B6BEB8E6 | hsl( 135 6% 73% / 0.9 ) | oklch(0.79 0.01 154 / 0.9 )",
52
52
  "Noti red ": "#C8B9B6E6 | hsl( 10 14% 75% / 0.9 ) | oklch(0.8 0.02 31 / 0.9 )",
53
- "Noti yellow ": "#C5BC9EE6 | hsl( 46 25% 70% / 0.9 ) | oklch(0.79 0.04 93 / 0.9 )",
53
+ "Noti yellow ": "#C6BC9BE6 | hsl( 46 27% 69% / 0.9 ) | oklch(0.79 0.05 93 / 0.9 )",
54
54
  "RGB Blue ": "#97BBFFE6 | hsl( 219 100% 80% / 0.9 ) | oklch(0.79 0.11 263 / 0.9 )",
55
55
  "RGB Green ": "#31D800E6 | hsl( 106 100% 42% / 0.9 ) | oklch(0.77 0.25 141 / 0.9 )",
56
56
  "RGB Red ": "#FF9D8DE6 | hsl( 8 100% 78% / 0.9 ) | oklch(0.79 0.12 30 / 0.9 )",
@@ -62,16 +62,16 @@ describe("highlight.bgDecor", () => {
62
62
  "swatches[ 4] aka Swatch.Magenta ": "#FF98B5E6 | hsl( 343 100% 80% / 0.9 ) | oklch(0.79 0.13 2 / 0.9 )",
63
63
  "swatches[ 5] aka Swatch.Purple ": "#F39BFFE6 | hsl( 293 100% 80% / 0.9 ) | oklch(0.81 0.16 323 / 0.9 )",
64
64
  "swatches[ 6] aka Swatch.Violet ": "#C8ACFFE6 | hsl( 260 100% 84% / 0.9 ) | oklch(0.8 0.12 299 / 0.9 )",
65
- "swatches[ 7] aka Swatch.BlueDark ": "#A1B8FFE6 | hsl( 225 100% 82% / 0.9 ) | oklch(0.79 0.1 270 / 0.9 )",
65
+ "swatches[ 7] aka Swatch.BlueDark ": "#A0B9FFE6 | hsl( 224 100% 81% / 0.9 ) | oklch(0.79 0.1 269 / 0.9 )",
66
66
  "swatches[ 8] aka Swatch.Blue ": "#90BCFFE6 | hsl( 216 100% 78% / 0.9 ) | oklch(0.79 0.11 259 / 0.9 )",
67
- "swatches[ 9] aka Swatch.BlueSky ": "#7BC2FFE6 | hsl( 208 100% 74% / 0.9 ) | oklch(0.79 0.11 246 / 0.9 )",
68
- "swatches[10] aka Swatch.Turquoise ": "#67CCCBE6 | hsl( 179 50% 60% / 0.9 ) | oklch(0.78 0.09 195 / 0.9 )",
69
- "swatches[11] aka Swatch.GreenDark ": "#7FCAB3E6 | hsl( 162 41% 65% / 0.9 ) | oklch(0.78 0.08 173 / 0.9 )",
70
- "swatches[12] aka Swatch.Green ": "#8ACC81E6 | hsl( 113 42% 65% / 0.9 ) | oklch(0.78 0.12 142 / 0.9 )",
71
- "swatches[13] aka Swatch.GreenLight": "#A2C870E6 | hsl( 86 44% 61% / 0.9 ) | oklch(0.79 0.12 128 / 0.9 )",
72
- "swatches[14] aka Swatch.Yellow ": "#EEB14FE6 | hsl( 37 82% 62% / 0.9 ) | oklch(0.8 0.13 76 / 0.9 )",
67
+ "swatches[ 9] aka Swatch.BlueSky ": "#73C3FFE6 | hsl( 206 100% 73% / 0.9 ) | oklch(0.79 0.12 243 / 0.9 )",
68
+ "swatches[10] aka Swatch.Turquoise ": "#59CCD1E6 | hsl( 183 57% 58% / 0.9 ) | oklch(0.78 0.1 199 / 0.9 )",
69
+ "swatches[11] aka Swatch.GreenDark ": "#73CCB7E6 | hsl( 166 47% 63% / 0.9 ) | oklch(0.78 0.09 177 / 0.9 )",
70
+ "swatches[12] aka Swatch.Green ": "#86CD7EE6 | hsl( 114 44% 65% / 0.9 ) | oklch(0.78 0.13 142 / 0.9 )",
71
+ "swatches[13] aka Swatch.GreenLight": "#A0C96CE6 | hsl( 86 46% 61% / 0.9 ) | oklch(0.79 0.13 129 / 0.9 )",
72
+ "swatches[14] aka Swatch.Yellow ": "#F2AF4BE6 | hsl( 36 87% 62% / 0.9 ) | oklch(0.8 0.14 74 / 0.9 )",
73
73
  "swatches[15] aka Swatch.Orange ": "#FF9F7BE6 | hsl( 16 100% 74% / 0.9 ) | oklch(0.79 0.13 41 / 0.9 )",
74
- "swatches[16] aka Swatch.Brown ": "#F4AA91E6 | hsl( 15 82% 76% / 0.9 ) | oklch(0.8 0.09 39 / 0.9 )",
74
+ "swatches[16] aka Swatch.Brown ": "#FBA78CE6 | hsl( 15 93% 77% / 0.9 ) | oklch(0.8 0.11 39 / 0.9 )",
75
75
  }
76
76
  `);
77
77
  });
package/src/design-system/colors.ts CHANGED
@@ -394,7 +394,6 @@ export function defsFromPalette({
394
394
 
395
395
  const fns = createColorFns(deneutralizeFilterDef, {
396
396
  icon: fg.icon,
397
- text: whiteColor,
398
397
  adapt: surface.level0,
399
398
  highlight: surface.level0,
400
399
  callout: surface.level0,
@@ -458,6 +457,7 @@ export function defsFromPalette({
458
457
  textColor: fgMenuEtc,
459
458
  textSelectionColor: fgSelection,
460
459
  accentTextColor: fgAccentText,
460
+ // aka muted, secondary text (derived from usages)
461
461
  disabledTextColor: fg.muted,
462
462
  inversedTextColor: surface.level3_6,
463
463
  colorTextSecondary: fg.secondary,
package/src/design-system/fns.badge.dark.warm.test.ts CHANGED
@@ -8,12 +8,12 @@ describe("badge.bg", () => {
8
8
  expect(userColorChoices((c) => theme.fns.badge(c).bg)).toMatchInlineSnapshot(`
9
9
  {
10
10
  "CMYK Black ": "#747474 | hsl(none 0% 45%) | oklch(0.56 0 none)",
11
- "CMYK Cyan ": "#63F7EE | hsl( 176 90% 68%) | oklch(0.89 0.13 190 )",
11
+ "CMYK Cyan ": "#5EF8F1 | hsl( 177 92% 67%) | oklch(0.9 0.13 191 )",
12
12
  "CMYK Magenta": "#D882D5 | hsl( 302 52% 68%) | oklch(0.73 0.15 328 )",
13
13
  "CMYK Yellow ": "#FAFD7E | hsl( 61 97% 74%) | oklch(0.97 0.15 110 )",
14
14
  "Noti green ": "#E0E0E0 | hsl(none 0% 88%) | oklch(0.91 0 none)",
15
15
  "Noti red ": "#FFCBBF | hsl( 11 100% 87%) | oklch(0.88 0.06 33 )",
16
- "Noti yellow ": "#F1E2AD | hsl( 47 71% 81%) | oklch(0.91 0.07 94 )",
16
+ "Noti yellow ": "#F2E3AE | hsl( 47 72% 82%) | oklch(0.92 0.07 94 )",
17
17
  "RGB Blue ": "#4A6FCC | hsl( 223 56% 55%) | oklch(0.56 0.15 266 )",
18
18
  "RGB Green ": "#9AEA8A | hsl( 110 70% 73%) | oklch(0.86 0.15 140 )",
19
19
  "RGB Red ": "#CC584B | hsl( 6 56% 55%) | oklch(0.61 0.15 29 )",
@@ -24,17 +24,17 @@ describe("badge.bg", () => {
24
24
  "swatches[ 3] aka Swatch.Red ": "#C04C44 | hsl( 4 50% 51%) | oklch(0.57 0.15 27 )",
25
25
  "swatches[ 4] aka Swatch.Magenta ": "#C35072 | hsl( 342 49% 54%) | oklch(0.59 0.15 4 )",
26
26
  "swatches[ 5] aka Swatch.Purple ": "#A056AC | hsl( 292 34% 51%) | oklch(0.57 0.15 322 )",
27
- "swatches[ 6] aka Swatch.Violet ": "#8063BC | hsl( 260 40% 56%) | oklch(0.57 0.14 297 )",
28
- "swatches[ 7] aka Swatch.BlueDark ": "#5B6EBF | hsl( 229 44% 55%) | oklch(0.56 0.13 272 )",
27
+ "swatches[ 6] aka Swatch.Violet ": "#8063BE | hsl( 259 41% 57%) | oklch(0.57 0.14 296 )",
28
+ "swatches[ 7] aka Swatch.BlueDark ": "#5A6EC1 | hsl( 228 45% 55%) | oklch(0.56 0.13 271 )",
29
29
  "swatches[ 8] aka Swatch.Blue ": "#5582D8 | hsl( 219 63% 59%) | oklch(0.61 0.14 262 )",
30
- "swatches[ 9] aka Swatch.BlueSky ": "#65A3DA | hsl( 208 61% 63%) | oklch(0.7 0.1 247 )",
31
- "swatches[10] aka Swatch.Turquoise ": "#63BBBA | hsl( 179 39% 56%) | oklch(0.74 0.08 194 )",
32
- "swatches[11] aka Swatch.GreenDark ": "#488A76 | hsl( 162 31% 41%) | oklch(0.58 0.08 172 )",
33
- "swatches[12] aka Swatch.Green ": "#6DA766 | hsl( 114 27% 53%) | oklch(0.67 0.11 142 )",
34
- "swatches[13] aka Swatch.GreenLight": "#96B96B | hsl( 87 36% 57%) | oklch(0.74 0.11 129 )",
35
- "swatches[14] aka Swatch.Yellow ": "#E3AD58 | hsl( 37 71% 62%) | oklch(0.78 0.12 77 )",
30
+ "swatches[ 9] aka Swatch.BlueSky ": "#5CA2DB | hsl( 207 64% 61%) | oklch(0.69 0.11 245 )",
31
+ "swatches[10] aka Swatch.Turquoise ": "#58BCC1 | hsl( 183 46% 55%) | oklch(0.74 0.09 200 )",
32
+ "swatches[11] aka Swatch.GreenDark ": "#3F8E7D | hsl( 167 39% 40%) | oklch(0.59 0.08 177 )",
33
+ "swatches[12] aka Swatch.Green ": "#6AA864 | hsl( 115 28% 53%) | oklch(0.67 0.12 142 )",
34
+ "swatches[13] aka Swatch.GreenLight": "#96BB68 | hsl( 87 38% 57%) | oklch(0.75 0.12 129 )",
35
+ "swatches[14] aka Swatch.Yellow ": "#E6AB55 | hsl( 36 74% 62%) | oklch(0.78 0.12 74 )",
36
36
  "swatches[15] aka Swatch.Orange ": "#D76B47 | hsl( 15 64% 56%) | oklch(0.65 0.15 39 )",
37
- "swatches[16] aka Swatch.Brown ": "#A0644F | hsl( 16 34% 47%) | oklch(0.56 0.08 40 )",
37
+ "swatches[16] aka Swatch.Brown ": "#A6614A | hsl( 15 38% 47%) | oklch(0.57 0.1 39 )",
38
38
  }
39
39
  `);
40
40
  });
@@ -47,7 +47,7 @@ describe("badge.fg", () => {
47
47
  "CMYK Black ": "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
48
48
  "CMYK Cyan ": "#000000 | hsl(none 0% 0%) | oklch(0 0 none)",
49
49
  "CMYK Magenta": "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
50
- "CMYK Yellow ": "#3E3F17 | hsl( 61 47% 17%) | oklch(0.36 0.06 110 )",
50
+ "CMYK Yellow ": "#3D3E0D | hsl( 61 65% 15%) | oklch(0.35 0.07 111 )",
51
51
  "Noti green ": "#000000 | hsl(none 0% 0%) | oklch(0 0 none)",
52
52
  "Noti red ": "#000000 | hsl(none 0% 0%) | oklch(0 0 none)",
53
53
  "Noti yellow ": "#000000 | hsl(none 0% 0%) | oklch(0 0 none)",
@@ -82,12 +82,12 @@ describe("badge.border", () => {
82
82
  expect(userColorChoices((c) => theme.fns.badge(c).border)).toMatchInlineSnapshot(`
83
83
  {
84
84
  "CMYK Black ": "#747474 | hsl(none 0% 45%) | oklch(0.56 0 none)",
85
- "CMYK Cyan ": "#63F7EE | hsl( 176 90% 68%) | oklch(0.89 0.13 190 )",
85
+ "CMYK Cyan ": "#5EF8F1 | hsl( 177 92% 67%) | oklch(0.9 0.13 191 )",
86
86
  "CMYK Magenta": "#D882D5 | hsl( 302 52% 68%) | oklch(0.73 0.15 328 )",
87
87
  "CMYK Yellow ": "#FAFD7E | hsl( 61 97% 74%) | oklch(0.97 0.15 110 )",
88
88
  "Noti green ": "#E0E0E0 | hsl(none 0% 88%) | oklch(0.91 0 none)",
89
89
  "Noti red ": "#FFCBBF | hsl( 11 100% 87%) | oklch(0.88 0.06 33 )",
90
- "Noti yellow ": "#F1E2AD | hsl( 47 71% 81%) | oklch(0.91 0.07 94 )",
90
+ "Noti yellow ": "#F2E3AE | hsl( 47 72% 82%) | oklch(0.92 0.07 94 )",
91
91
  "RGB Blue ": "#4A6FCC | hsl( 223 56% 55%) | oklch(0.56 0.15 266 )",
92
92
  "RGB Green ": "#9AEA8A | hsl( 110 70% 73%) | oklch(0.86 0.15 140 )",
93
93
  "RGB Red ": "#CC584B | hsl( 6 56% 55%) | oklch(0.61 0.15 29 )",
@@ -98,17 +98,17 @@ describe("badge.border", () => {
98
98
  "swatches[ 3] aka Swatch.Red ": "#C04C44 | hsl( 4 50% 51%) | oklch(0.57 0.15 27 )",
99
99
  "swatches[ 4] aka Swatch.Magenta ": "#C35072 | hsl( 342 49% 54%) | oklch(0.59 0.15 4 )",
100
100
  "swatches[ 5] aka Swatch.Purple ": "#A056AC | hsl( 292 34% 51%) | oklch(0.57 0.15 322 )",
101
- "swatches[ 6] aka Swatch.Violet ": "#8063BC | hsl( 260 40% 56%) | oklch(0.57 0.14 297 )",
102
- "swatches[ 7] aka Swatch.BlueDark ": "#5B6EBF | hsl( 229 44% 55%) | oklch(0.56 0.13 272 )",
101
+ "swatches[ 6] aka Swatch.Violet ": "#8063BE | hsl( 259 41% 57%) | oklch(0.57 0.14 296 )",
102
+ "swatches[ 7] aka Swatch.BlueDark ": "#5A6EC1 | hsl( 228 45% 55%) | oklch(0.56 0.13 271 )",
103
103
  "swatches[ 8] aka Swatch.Blue ": "#5582D8 | hsl( 219 63% 59%) | oklch(0.61 0.14 262 )",
104
- "swatches[ 9] aka Swatch.BlueSky ": "#65A3DA | hsl( 208 61% 63%) | oklch(0.7 0.1 247 )",
105
- "swatches[10] aka Swatch.Turquoise ": "#63BBBA | hsl( 179 39% 56%) | oklch(0.74 0.08 194 )",
106
- "swatches[11] aka Swatch.GreenDark ": "#488A76 | hsl( 162 31% 41%) | oklch(0.58 0.08 172 )",
107
- "swatches[12] aka Swatch.Green ": "#6DA766 | hsl( 114 27% 53%) | oklch(0.67 0.11 142 )",
108
- "swatches[13] aka Swatch.GreenLight": "#96B96B | hsl( 87 36% 57%) | oklch(0.74 0.11 129 )",
109
- "swatches[14] aka Swatch.Yellow ": "#E3AD58 | hsl( 37 71% 62%) | oklch(0.78 0.12 77 )",
104
+ "swatches[ 9] aka Swatch.BlueSky ": "#5CA2DB | hsl( 207 64% 61%) | oklch(0.69 0.11 245 )",
105
+ "swatches[10] aka Swatch.Turquoise ": "#58BCC1 | hsl( 183 46% 55%) | oklch(0.74 0.09 200 )",
106
+ "swatches[11] aka Swatch.GreenDark ": "#3F8E7D | hsl( 167 39% 40%) | oklch(0.59 0.08 177 )",
107
+ "swatches[12] aka Swatch.Green ": "#6AA864 | hsl( 115 28% 53%) | oklch(0.67 0.12 142 )",
108
+ "swatches[13] aka Swatch.GreenLight": "#96BB68 | hsl( 87 38% 57%) | oklch(0.75 0.12 129 )",
109
+ "swatches[14] aka Swatch.Yellow ": "#E6AB55 | hsl( 36 74% 62%) | oklch(0.78 0.12 74 )",
110
110
  "swatches[15] aka Swatch.Orange ": "#D76B47 | hsl( 15 64% 56%) | oklch(0.65 0.15 39 )",
111
- "swatches[16] aka Swatch.Brown ": "#A0644F | hsl( 16 34% 47%) | oklch(0.56 0.08 40 )",
111
+ "swatches[16] aka Swatch.Brown ": "#A6614A | hsl( 15 38% 47%) | oklch(0.57 0.1 39 )",
112
112
  }
113
113
  `);
114
114
  });
@@ -119,12 +119,12 @@ describe("badge.borderSelected", () => {
119
119
  expect(userColorChoices((c) => theme.fns.badge(c).borderSelected)).toMatchInlineSnapshot(`
120
120
  {
121
121
  "CMYK Black ": "#000000 | hsl(none 0% 0%) | oklch(0 0 none)",
122
- "CMYK Cyan ": "#66D5CD | hsl( 176 57% 62%) | oklch(0.81 0.1 189 )",
122
+ "CMYK Cyan ": "#62D6D0 | hsl( 177 59% 61%) | oklch(0.81 0.11 191 )",
123
123
  "CMYK Magenta": "#D044D0 | hsl( 300 60% 54%) | oklch(0.64 0.23 328 )",
124
124
  "CMYK Yellow ": "#DEE042 | hsl( 61 72% 57%) | oklch(0.88 0.17 110 )",
125
125
  "Noti green ": "#C3C3C3 | hsl(none 0% 76%) | oklch(0.82 0 none)",
126
126
  "Noti red ": "#BEBEBE | hsl(none 0% 75%) | oklch(0.8 0 none)",
127
- "Noti yellow ": "#C5C5C2 | hsl( 60 3% 77%) | oklch(0.82 0 106 )",
127
+ "Noti yellow ": "#C7C6C0 | hsl( 51 6% 77%) | oklch(0.83 0.01 99 )",
128
128
  "RGB Blue ": "#0D1AB6 | hsl( 235 87% 38%) | oklch(0.37 0.23 266 )",
129
129
  "RGB Green ": "#55D536 | hsl( 108 65% 52%) | oklch(0.77 0.22 140 )",
130
130
  "RGB Red ": "#B43227 | hsl( 5 64% 43%) | oklch(0.51 0.17 29 )",
@@ -135,17 +135,17 @@ describe("badge.borderSelected", () => {
135
135
  "swatches[ 3] aka Swatch.Red ": "#8E2A26 | hsl( 2 58% 35%) | oklch(0.44 0.14 27 )",
136
136
  "swatches[ 4] aka Swatch.Magenta ": "#A03959 | hsl( 341 47% 43%) | oklch(0.5 0.14 4 )",
137
137
  "swatches[ 5] aka Swatch.Purple ": "#763980 | hsl( 292 38% 36%) | oklch(0.45 0.13 322 )",
138
- "swatches[ 6] aka Swatch.Violet ": "#493275 | hsl( 261 40% 33%) | oklch(0.38 0.11 297 )",
139
- "swatches[ 7] aka Swatch.BlueDark ": "#34427E | hsl( 229 42% 35%) | oklch(0.4 0.1 271 )",
138
+ "swatches[ 6] aka Swatch.Violet ": "#493277 | hsl( 260 41% 33%) | oklch(0.38 0.11 296 )",
139
+ "swatches[ 7] aka Swatch.BlueDark ": "#33417F | hsl( 229 43% 35%) | oklch(0.4 0.11 271 )",
140
140
  "swatches[ 8] aka Swatch.Blue ": "#4468AD | hsl( 219 44% 47%) | oklch(0.52 0.12 262 )",
141
- "swatches[ 9] aka Swatch.BlueSky ": "#5B86AE | hsl( 209 34% 52%) | oklch(0.6 0.08 247 )",
142
- "swatches[10] aka Swatch.Turquoise ": "#659A99 | hsl( 179 21% 50%) | oklch(0.65 0.06 194 )",
143
- "swatches[11] aka Swatch.GreenDark ": "#466A5E | hsl( 160 20% 35%) | oklch(0.49 0.05 171 )",
144
- "swatches[12] aka Swatch.Green ": "#5E8858 | hsl( 112 21% 44%) | oklch(0.58 0.09 141 )",
145
- "swatches[13] aka Swatch.GreenLight": "#809A61 | hsl( 87 23% 49%) | oklch(0.65 0.09 129 )",
146
- "swatches[14] aka Swatch.Yellow ": "#BD9455 | hsl( 36 44% 54%) | oklch(0.69 0.09 77 )",
141
+ "swatches[ 9] aka Swatch.BlueSky ": "#5385AF | hsl( 207 37% 51%) | oklch(0.6 0.08 245 )",
142
+ "swatches[10] aka Swatch.Turquoise ": "#5B9B9E | hsl( 183 27% 49%) | oklch(0.65 0.07 200 )",
143
+ "swatches[11] aka Swatch.GreenDark ": "#416E63 | hsl( 165 26% 34%) | oklch(0.5 0.05 177 )",
144
+ "swatches[12] aka Swatch.Green ": "#5A8955 | hsl( 114 23% 44%) | oklch(0.58 0.09 142 )",
145
+ "swatches[13] aka Swatch.GreenLight": "#7F9C5E | hsl( 88 25% 49%) | oklch(0.66 0.09 129 )",
146
+ "swatches[14] aka Swatch.Yellow ": "#C09251 | hsl( 35 47% 54%) | oklch(0.69 0.1 74 )",
147
147
  "swatches[15] aka Swatch.Orange ": "#AF573A | hsl( 15 50% 46%) | oklch(0.56 0.12 39 )",
148
- "swatches[16] aka Swatch.Brown ": "#6C4639 | hsl( 15 31% 32%) | oklch(0.43 0.06 40 )",
148
+ "swatches[16] aka Swatch.Brown ": "#734536 | hsl( 15 36% 33%) | oklch(0.44 0.07 39 )",
149
149
  }
150
150
  `);
151
151
  });