@primer/primitives 11.2.2-rc.d0fa0d53 → 11.3.0-rc.839041ca

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 (67) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +70 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +70 -0
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +70 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +70 -0
  5. package/dist/css/functional/themes/dark-high-contrast.css +70 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +70 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +70 -0
  8. package/dist/css/functional/themes/dark.css +70 -0
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +70 -0
  10. package/dist/css/functional/themes/light-colorblind.css +70 -0
  11. package/dist/css/functional/themes/light-high-contrast.css +70 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +70 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +70 -0
  14. package/dist/css/functional/themes/light.css +70 -0
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +1373 -0
  16. package/dist/docs/functional/themes/dark-colorblind.json +1377 -0
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1373 -0
  18. package/dist/docs/functional/themes/dark-dimmed.json +1377 -0
  19. package/dist/docs/functional/themes/dark-high-contrast.json +1373 -0
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1373 -0
  21. package/dist/docs/functional/themes/dark-tritanopia.json +1377 -0
  22. package/dist/docs/functional/themes/dark.json +1377 -0
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +1373 -0
  24. package/dist/docs/functional/themes/light-colorblind.json +1373 -0
  25. package/dist/docs/functional/themes/light-high-contrast.json +1373 -0
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +1373 -0
  27. package/dist/docs/functional/themes/light-tritanopia.json +1373 -0
  28. package/dist/docs/functional/themes/light.json +1373 -0
  29. package/dist/figma/themes/dark-colorblind.json +565 -0
  30. package/dist/figma/themes/dark-dimmed.json +565 -0
  31. package/dist/figma/themes/dark-high-contrast.json +563 -0
  32. package/dist/figma/themes/dark-tritanopia.json +565 -0
  33. package/dist/figma/themes/dark.json +565 -0
  34. package/dist/figma/themes/light-colorblind.json +563 -0
  35. package/dist/figma/themes/light-high-contrast.json +563 -0
  36. package/dist/figma/themes/light-tritanopia.json +563 -0
  37. package/dist/figma/themes/light.json +563 -0
  38. package/dist/internalCss/dark-colorblind-high-contrast.css +70 -0
  39. package/dist/internalCss/dark-colorblind.css +70 -0
  40. package/dist/internalCss/dark-dimmed-high-contrast.css +70 -0
  41. package/dist/internalCss/dark-dimmed.css +70 -0
  42. package/dist/internalCss/dark-high-contrast.css +70 -0
  43. package/dist/internalCss/dark-tritanopia-high-contrast.css +70 -0
  44. package/dist/internalCss/dark-tritanopia.css +70 -0
  45. package/dist/internalCss/dark.css +70 -0
  46. package/dist/internalCss/light-colorblind-high-contrast.css +70 -0
  47. package/dist/internalCss/light-colorblind.css +70 -0
  48. package/dist/internalCss/light-high-contrast.css +70 -0
  49. package/dist/internalCss/light-tritanopia-high-contrast.css +70 -0
  50. package/dist/internalCss/light-tritanopia.css +70 -0
  51. package/dist/internalCss/light.css +70 -0
  52. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +1373 -0
  53. package/dist/styleLint/functional/themes/dark-colorblind.json +1377 -0
  54. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1373 -0
  55. package/dist/styleLint/functional/themes/dark-dimmed.json +1377 -0
  56. package/dist/styleLint/functional/themes/dark-high-contrast.json +1373 -0
  57. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1373 -0
  58. package/dist/styleLint/functional/themes/dark-tritanopia.json +1377 -0
  59. package/dist/styleLint/functional/themes/dark.json +1377 -0
  60. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +1373 -0
  61. package/dist/styleLint/functional/themes/light-colorblind.json +1373 -0
  62. package/dist/styleLint/functional/themes/light-high-contrast.json +1373 -0
  63. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +1373 -0
  64. package/dist/styleLint/functional/themes/light-tritanopia.json +1373 -0
  65. package/dist/styleLint/functional/themes/light.json +1373 -0
  66. package/package.json +1 -1
  67. package/src/tokens/component/button.json5 +522 -0
package/dist/internalCss/dark-colorblind-high-contrast.css CHANGED
@@ -391,6 +391,12 @@
391
391
  --buttonCounter-outline-fgColor-disabled: #74b9ff80;
392
392
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
393
393
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
394
+ --buttonKeybindingHint-danger-bgColor-active: #01040966;
395
+ --buttonKeybindingHint-danger-bgColor-hover: #01040933;
396
+ --buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
397
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-4);
398
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-4);
399
+ --buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
394
400
  --codeMirror-selection-bgColor: #5cacff66;
395
401
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
396
402
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
@@ -1002,6 +1008,16 @@
1002
1008
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1003
1009
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
1004
1010
  --buttonCounter-primary-bgColor-rest: #01040926;
1011
+ --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1012
+ --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
1013
+ --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
1014
+ --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
1015
+ --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
1016
+ --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
1017
+ --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
1018
+ --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1019
+ --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1020
+ --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
1005
1021
  --card-bgColor: var(--bgColor-muted);
1006
1022
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
1007
1023
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
@@ -1113,6 +1129,22 @@
1113
1129
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1114
1130
  --button-primary-fgColor-rest: var(--fgColor-white);
1115
1131
  --button-primary-iconColor-rest: var(--fgColor-white);
1132
+ --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1133
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
1134
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
1135
+ --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
1136
+ --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
1137
+ --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
1138
+ --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
1139
+ --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
1140
+ --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
1141
+ --buttonKeybindingHint-invisible-borderColor-rest: var(--borderColor-muted);
1142
+ --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1143
+ --buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
1144
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1145
+ --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
1146
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1147
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
1116
1148
  --codeMirror-bgColor: var(--bgColor-default);
1117
1149
  --codeMirror-cursor-fgColor: var(--fgColor-default);
1118
1150
  --codeMirror-fgColor: var(--fgColor-default);
@@ -1160,6 +1192,9 @@
1160
1192
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
1161
1193
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1162
1194
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1195
+ --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1196
+ --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
1197
+ --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
1163
1198
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1164
1199
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1165
1200
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
@@ -1558,6 +1593,12 @@
1558
1593
  --buttonCounter-outline-fgColor-disabled: #74b9ff80;
1559
1594
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
1560
1595
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
1596
+ --buttonKeybindingHint-danger-bgColor-active: #01040966;
1597
+ --buttonKeybindingHint-danger-bgColor-hover: #01040933;
1598
+ --buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
1599
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-4);
1600
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-4);
1601
+ --buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
1561
1602
  --codeMirror-selection-bgColor: #5cacff66;
1562
1603
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
1563
1604
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
@@ -2169,6 +2210,16 @@
2169
2210
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
2170
2211
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
2171
2212
  --buttonCounter-primary-bgColor-rest: #01040926;
2213
+ --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2214
+ --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
2215
+ --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
2216
+ --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
2217
+ --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
2218
+ --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
2219
+ --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
2220
+ --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
2221
+ --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2222
+ --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
2172
2223
  --card-bgColor: var(--bgColor-muted);
2173
2224
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
2174
2225
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
@@ -2280,6 +2331,22 @@
2280
2331
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
2281
2332
  --button-primary-fgColor-rest: var(--fgColor-white);
2282
2333
  --button-primary-iconColor-rest: var(--fgColor-white);
2334
+ --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
2335
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
2336
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
2337
+ --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
2338
+ --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
2339
+ --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
2340
+ --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
2341
+ --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
2342
+ --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
2343
+ --buttonKeybindingHint-invisible-borderColor-rest: var(--borderColor-muted);
2344
+ --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
2345
+ --buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
2346
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
2347
+ --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
2348
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
2349
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
2283
2350
  --codeMirror-bgColor: var(--bgColor-default);
2284
2351
  --codeMirror-cursor-fgColor: var(--fgColor-default);
2285
2352
  --codeMirror-fgColor: var(--fgColor-default);
@@ -2327,6 +2394,9 @@
2327
2394
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
2328
2395
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
2329
2396
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
2397
+ --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
2398
+ --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
2399
+ --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
2330
2400
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2331
2401
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2332
2402
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
package/dist/internalCss/dark-colorblind.css CHANGED
@@ -385,6 +385,12 @@
385
385
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
386
386
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
387
387
  --buttonCounter-primary-bgColor-rest: #04260f33;
388
+ --buttonKeybindingHint-danger-bgColor-active: #01040966;
389
+ --buttonKeybindingHint-danger-bgColor-hover: #01040933;
390
+ --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
391
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-5);
392
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-5);
393
+ --buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
388
394
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
389
395
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
390
396
  --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
@@ -1024,6 +1030,19 @@
1024
1030
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
1025
1031
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1026
1032
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
1033
+ --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1034
+ --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
1035
+ --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
1036
+ --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
1037
+ --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
1038
+ --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
1039
+ --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
1040
+ --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1041
+ --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1042
+ --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
1043
+ --buttonKeybindingHint-primary-bgColor-disabled: #04260f1a;
1044
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1045
+ --buttonKeybindingHint-primary-borderColor-rest: #04260f1a;
1027
1046
  --card-bgColor: var(--bgColor-muted);
1028
1047
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
1029
1048
  --codeMirror-bgColor: var(--bgColor-default);
@@ -1137,6 +1156,19 @@
1137
1156
  --button-primary-borderColor-rest: var(--borderColor-translucent);
1138
1157
  --button-primary-fgColor-rest: var(--fgColor-white);
1139
1158
  --button-primary-iconColor-rest: var(--fgColor-white);
1159
+ --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1160
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
1161
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
1162
+ --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
1163
+ --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
1164
+ --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
1165
+ --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
1166
+ --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
1167
+ --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
1168
+ --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1169
+ --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
1170
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1171
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
1140
1172
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
1141
1173
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
1142
1174
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
@@ -1157,6 +1189,9 @@
1157
1189
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1158
1190
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1159
1191
  --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1192
+ --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1193
+ --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
1194
+ --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
1160
1195
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
1161
1196
  --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1162
1197
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1552,6 +1587,12 @@
1552
1587
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
1553
1588
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
1554
1589
  --buttonCounter-primary-bgColor-rest: #04260f33;
1590
+ --buttonKeybindingHint-danger-bgColor-active: #01040966;
1591
+ --buttonKeybindingHint-danger-bgColor-hover: #01040933;
1592
+ --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
1593
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-5);
1594
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-5);
1595
+ --buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
1555
1596
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
1556
1597
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
1557
1598
  --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
@@ -2191,6 +2232,19 @@
2191
2232
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
2192
2233
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
2193
2234
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
2235
+ --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2236
+ --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
2237
+ --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
2238
+ --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
2239
+ --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
2240
+ --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
2241
+ --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
2242
+ --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
2243
+ --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2244
+ --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
2245
+ --buttonKeybindingHint-primary-bgColor-disabled: #04260f1a;
2246
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
2247
+ --buttonKeybindingHint-primary-borderColor-rest: #04260f1a;
2194
2248
  --card-bgColor: var(--bgColor-muted);
2195
2249
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
2196
2250
  --codeMirror-bgColor: var(--bgColor-default);
@@ -2304,6 +2358,19 @@
2304
2358
  --button-primary-borderColor-rest: var(--borderColor-translucent);
2305
2359
  --button-primary-fgColor-rest: var(--fgColor-white);
2306
2360
  --button-primary-iconColor-rest: var(--fgColor-white);
2361
+ --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
2362
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
2363
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
2364
+ --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
2365
+ --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
2366
+ --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
2367
+ --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
2368
+ --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
2369
+ --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
2370
+ --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
2371
+ --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
2372
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
2373
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
2307
2374
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
2308
2375
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
2309
2376
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
@@ -2324,6 +2391,9 @@
2324
2391
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
2325
2392
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
2326
2393
  --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
2394
+ --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
2395
+ --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
2396
+ --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
2327
2397
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
2328
2398
  --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
2329
2399
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
package/dist/internalCss/dark-dimmed-high-contrast.css CHANGED
@@ -391,6 +391,16 @@
391
391
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
392
392
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
393
393
  --buttonCounter-primary-bgColor-rest: #11341733;
394
+ --buttonKeybindingHint-danger-bgColor-active: #01040966;
395
+ --buttonKeybindingHint-danger-bgColor-hover: #01040933;
396
+ --buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
397
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
398
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
399
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-5);
400
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-5);
401
+ --buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
402
+ --buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
403
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
394
404
  --codeMirror-selection-bgColor: #4184e466;
395
405
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
396
406
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
@@ -1009,6 +1019,18 @@
1009
1019
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1010
1020
  --buttonCounter-outline-bgColor-disabled: #1b4b910d;
1011
1021
  --buttonCounter-outline-fgColor-disabled: #96d0ff80;
1022
+ --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1023
+ --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
1024
+ --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
1025
+ --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
1026
+ --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
1027
+ --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
1028
+ --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
1029
+ --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1030
+ --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1031
+ --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
1032
+ --buttonKeybindingHint-primary-bgColor-disabled: #1134171a;
1033
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1012
1034
  --card-bgColor: var(--bgColor-muted);
1013
1035
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
1014
1036
  --codeMirror-bgColor: var(--bgColor-default);
@@ -1139,6 +1161,16 @@
1139
1161
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1140
1162
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1141
1163
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1164
+ --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1165
+ --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
1166
+ --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
1167
+ --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
1168
+ --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
1169
+ --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
1170
+ --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
1171
+ --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1172
+ --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
1173
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1142
1174
  --control-borderColor-emphasis: var(--borderColor-emphasis);
1143
1175
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
1144
1176
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1160,6 +1192,9 @@
1160
1192
  --borderColor-draft-muted: var(--borderColor-neutral-muted);
1161
1193
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1162
1194
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1195
+ --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1196
+ --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
1197
+ --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
1163
1198
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1164
1199
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1165
1200
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
@@ -1558,6 +1593,16 @@
1558
1593
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
1559
1594
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
1560
1595
  --buttonCounter-primary-bgColor-rest: #11341733;
1596
+ --buttonKeybindingHint-danger-bgColor-active: #01040966;
1597
+ --buttonKeybindingHint-danger-bgColor-hover: #01040933;
1598
+ --buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
1599
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
1600
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
1601
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-5);
1602
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-5);
1603
+ --buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
1604
+ --buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
1605
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
1561
1606
  --codeMirror-selection-bgColor: #4184e466;
1562
1607
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
1563
1608
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
@@ -2176,6 +2221,18 @@
2176
2221
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
2177
2222
  --buttonCounter-outline-bgColor-disabled: #1b4b910d;
2178
2223
  --buttonCounter-outline-fgColor-disabled: #96d0ff80;
2224
+ --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2225
+ --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
2226
+ --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
2227
+ --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
2228
+ --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
2229
+ --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
2230
+ --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
2231
+ --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
2232
+ --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2233
+ --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
2234
+ --buttonKeybindingHint-primary-bgColor-disabled: #1134171a;
2235
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
2179
2236
  --card-bgColor: var(--bgColor-muted);
2180
2237
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
2181
2238
  --codeMirror-bgColor: var(--bgColor-default);
@@ -2306,6 +2363,16 @@
2306
2363
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
2307
2364
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
2308
2365
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
2366
+ --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
2367
+ --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
2368
+ --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
2369
+ --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
2370
+ --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
2371
+ --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
2372
+ --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
2373
+ --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
2374
+ --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
2375
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
2309
2376
  --control-borderColor-emphasis: var(--borderColor-emphasis);
2310
2377
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
2311
2378
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
@@ -2327,6 +2394,9 @@
2327
2394
  --borderColor-draft-muted: var(--borderColor-neutral-muted);
2328
2395
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
2329
2396
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
2397
+ --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
2398
+ --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
2399
+ --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
2330
2400
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2331
2401
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2332
2402
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
package/dist/internalCss/dark-dimmed.css CHANGED
@@ -397,6 +397,12 @@
397
397
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
398
398
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
399
399
  --buttonCounter-primary-bgColor-rest: #11341733;
400
+ --buttonKeybindingHint-danger-bgColor-active: #01040966;
401
+ --buttonKeybindingHint-danger-bgColor-hover: #01040933;
402
+ --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
403
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-5);
404
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-5);
405
+ --buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
400
406
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
401
407
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
402
408
  --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
@@ -1038,6 +1044,27 @@
1038
1044
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
1039
1045
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1040
1046
  --buttonCounter-outline-bgColor-disabled: #316dca0d;
1047
+ --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1048
+ --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
1049
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
1050
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
1051
+ --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
1052
+ --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
1053
+ --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
1054
+ --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
1055
+ --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
1056
+ --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
1057
+ --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
1058
+ --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
1059
+ --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1060
+ --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1061
+ --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
1062
+ --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
1063
+ --buttonKeybindingHint-primary-bgColor-disabled: #1134171a;
1064
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1065
+ --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
1066
+ --buttonKeybindingHint-primary-borderColor-rest: #1134171a;
1067
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
1041
1068
  --card-bgColor: var(--bgColor-muted);
1042
1069
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
1043
1070
  --codeMirror-bgColor: var(--bgColor-default);
@@ -1154,6 +1181,13 @@
1154
1181
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1155
1182
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1156
1183
  --button-primary-borderColor-rest: var(--borderColor-translucent);
1184
+ --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1185
+ --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1186
+ --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
1187
+ --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
1188
+ --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
1189
+ --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1190
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1157
1191
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
1158
1192
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
1159
1193
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1164,6 +1198,7 @@
1164
1198
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1165
1199
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1166
1200
  --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1201
+ --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
1167
1202
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1168
1203
  }
1169
1204
  @media (prefers-color-scheme: dark) {
@@ -1564,6 +1599,12 @@
1564
1599
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
1565
1600
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
1566
1601
  --buttonCounter-primary-bgColor-rest: #11341733;
1602
+ --buttonKeybindingHint-danger-bgColor-active: #01040966;
1603
+ --buttonKeybindingHint-danger-bgColor-hover: #01040933;
1604
+ --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
1605
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-5);
1606
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-5);
1607
+ --buttonKeybindingHint-invisible-borderColor-rest: var(--base-color-transparent);
1567
1608
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
1568
1609
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
1569
1610
  --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
@@ -2205,6 +2246,27 @@
2205
2246
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
2206
2247
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
2207
2248
  --buttonCounter-outline-bgColor-disabled: #316dca0d;
2249
+ --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2250
+ --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
2251
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
2252
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
2253
+ --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
2254
+ --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
2255
+ --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
2256
+ --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
2257
+ --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
2258
+ --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
2259
+ --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
2260
+ --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
2261
+ --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
2262
+ --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2263
+ --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
2264
+ --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
2265
+ --buttonKeybindingHint-primary-bgColor-disabled: #1134171a;
2266
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
2267
+ --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
2268
+ --buttonKeybindingHint-primary-borderColor-rest: #1134171a;
2269
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
2208
2270
  --card-bgColor: var(--bgColor-muted);
2209
2271
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
2210
2272
  --codeMirror-bgColor: var(--bgColor-default);
@@ -2321,6 +2383,13 @@
2321
2383
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
2322
2384
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
2323
2385
  --button-primary-borderColor-rest: var(--borderColor-translucent);
2386
+ --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
2387
+ --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
2388
+ --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
2389
+ --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
2390
+ --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
2391
+ --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
2392
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
2324
2393
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
2325
2394
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
2326
2395
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
@@ -2331,6 +2400,7 @@
2331
2400
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
2332
2401
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
2333
2402
  --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
2403
+ --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
2334
2404
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
2335
2405
  }
2336
2406
  }
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -389,6 +389,12 @@
389
389
  --buttonCounter-outline-fgColor-disabled: #74b9ff80;
390
390
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
391
391
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
392
+ --buttonKeybindingHint-danger-bgColor-active: #01040966;
393
+ --buttonKeybindingHint-danger-bgColor-hover: #01040933;
394
+ --buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
395
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-4);
396
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-4);
397
+ --buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
392
398
  --codeMirror-selection-bgColor: #5cacff66;
393
399
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
394
400
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
@@ -1000,6 +1006,16 @@
1000
1006
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
1001
1007
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
1002
1008
  --buttonCounter-primary-bgColor-rest: #01040926;
1009
+ --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1010
+ --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
1011
+ --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
1012
+ --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
1013
+ --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
1014
+ --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
1015
+ --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
1016
+ --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
1017
+ --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
1018
+ --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
1003
1019
  --card-bgColor: var(--bgColor-muted);
1004
1020
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
1005
1021
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
@@ -1112,6 +1128,22 @@
1112
1128
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1113
1129
  --button-primary-fgColor-rest: var(--fgColor-white);
1114
1130
  --button-primary-iconColor-rest: var(--fgColor-white);
1131
+ --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1132
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
1133
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
1134
+ --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
1135
+ --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
1136
+ --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
1137
+ --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
1138
+ --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
1139
+ --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
1140
+ --buttonKeybindingHint-invisible-borderColor-rest: var(--borderColor-muted);
1141
+ --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1142
+ --buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
1143
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
1144
+ --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
1145
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
1146
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
1115
1147
  --codeMirror-bgColor: var(--bgColor-default);
1116
1148
  --codeMirror-cursor-fgColor: var(--fgColor-default);
1117
1149
  --codeMirror-fgColor: var(--fgColor-default);
@@ -1160,6 +1192,9 @@
1160
1192
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
1161
1193
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1162
1194
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1195
+ --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1196
+ --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
1197
+ --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
1163
1198
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1164
1199
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1165
1200
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
@@ -1556,6 +1591,12 @@
1556
1591
  --buttonCounter-outline-fgColor-disabled: #74b9ff80;
1557
1592
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
1558
1593
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
1594
+ --buttonKeybindingHint-danger-bgColor-active: #01040966;
1595
+ --buttonKeybindingHint-danger-bgColor-hover: #01040933;
1596
+ --buttonKeybindingHint-danger-borderColor-hover: var(--base-color-white);
1597
+ --buttonKeybindingHint-default-bgColor-rest: var(--base-color-neutral-4);
1598
+ --buttonKeybindingHint-inactive-bgColor: var(--base-color-neutral-4);
1599
+ --buttonKeybindingHint-primary-borderColor-rest: var(--base-color-white);
1559
1600
  --codeMirror-selection-bgColor: #5cacff66;
1560
1601
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
1561
1602
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
@@ -2167,6 +2208,16 @@
2167
2208
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
2168
2209
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
2169
2210
  --buttonCounter-primary-bgColor-rest: #01040926;
2211
+ --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2212
+ --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
2213
+ --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
2214
+ --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
2215
+ --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
2216
+ --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
2217
+ --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
2218
+ --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
2219
+ --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
2220
+ --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
2170
2221
  --card-bgColor: var(--bgColor-muted);
2171
2222
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
2172
2223
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
@@ -2279,6 +2330,22 @@
2279
2330
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
2280
2331
  --button-primary-fgColor-rest: var(--fgColor-white);
2281
2332
  --button-primary-iconColor-rest: var(--fgColor-white);
2333
+ --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
2334
+ --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
2335
+ --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
2336
+ --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
2337
+ --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
2338
+ --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
2339
+ --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
2340
+ --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
2341
+ --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
2342
+ --buttonKeybindingHint-invisible-borderColor-rest: var(--borderColor-muted);
2343
+ --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
2344
+ --buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
2345
+ --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
2346
+ --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
2347
+ --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
2348
+ --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
2282
2349
  --codeMirror-bgColor: var(--bgColor-default);
2283
2350
  --codeMirror-cursor-fgColor: var(--fgColor-default);
2284
2351
  --codeMirror-fgColor: var(--fgColor-default);
@@ -2327,6 +2394,9 @@
2327
2394
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
2328
2395
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
2329
2396
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
2397
+ --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
2398
+ --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
2399
+ --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
2330
2400
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2331
2401
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2332
2402
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);