polotno 3.0.0-beta.23 → 3.0.0-beta.25

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 (52) hide show
  1. package/blueprint.polotno.css +1244 -777
  2. package/canvas/context-menu/context-menu.js +1 -1
  3. package/canvas/element.js +1 -1
  4. package/canvas/hotkeys.js +1 -1
  5. package/canvas/html-element.js +2 -2
  6. package/canvas/page.d.ts +2 -1
  7. package/canvas/page.js +1 -1
  8. package/canvas/table-element.d.ts +11 -0
  9. package/canvas/table-element.js +1 -0
  10. package/canvas/text-element.d.ts +1 -1
  11. package/canvas/text-element.js +1 -1
  12. package/canvas/tooltip.js +1 -1
  13. package/canvas/workspace-canvas.d.ts +2 -1
  14. package/canvas/workspace-canvas.js +1 -1
  15. package/model/group-model.d.ts +352 -0
  16. package/model/group-model.js +1 -1
  17. package/model/node-model.js +1 -1
  18. package/model/page-model.js +1 -1
  19. package/model/schema.d.ts +72 -3
  20. package/model/store.d.ts +1 -1
  21. package/model/store.js +1 -1
  22. package/model/table-model.d.ts +481 -0
  23. package/model/table-model.js +1 -0
  24. package/model/text-model.js +1 -1
  25. package/package.json +18 -17
  26. package/paths.7a4b9afa.js +2 -0
  27. package/paths.d7c44327.js +2 -0
  28. package/polotno.bundle.js +131 -131
  29. package/side-panel/elements-panel.js +7 -5
  30. package/side-panel/images-grid.js +1 -1
  31. package/side-panel/tab-button.js +2 -2
  32. package/toolbar/table-toolbar.d.ts +49 -0
  33. package/toolbar/table-toolbar.js +1 -0
  34. package/toolbar/text-toolbar.d.ts +13 -0
  35. package/toolbar/text-toolbar.js +2 -2
  36. package/toolbar/toolbar.js +3 -3
  37. package/toolbar/use-copy-style.d.ts +2 -0
  38. package/toolbar/use-copy-style.js +1 -1
  39. package/utils/fonts.d.ts +3 -2
  40. package/utils/fonts.js +1 -1
  41. package/utils/l10n.d.ts +24 -0
  42. package/utils/l10n.js +1 -1
  43. package/utils/text-html.d.ts +8 -0
  44. package/utils/text-html.js +1 -1
  45. package/utils/text.d.ts +9 -0
  46. package/utils/text.js +1 -1
  47. package/utils/to-html.js +1 -1
  48. package/utils/to-svg.d.ts +1 -1
  49. package/utils/to-svg.js +1 -1
  50. package/utils/validate-key.js +1 -1
  51. package/paths.0ecccc04.js +0 -2
  52. package/paths.c7efc828.js +0 -2
package/blueprint.polotno.css CHANGED
@@ -3,58 +3,35 @@
3
3
  --bp-emphasis-transition-duration:100ms;
4
4
  --bp-emphasis-ease-default:cubic-bezier(0.4, 1, 0.75, 0.9);
5
5
  --bp-emphasis-ease-bounce:cubic-bezier(0.54, 1.12, 0.38, 1.11);
6
- --bp-emphasis-focus-color:var(--bp-intent-primary-rest);
6
+ --bp-emphasis-focus-color:#2d72d2;
7
7
  --bp-emphasis-focus-width:2px;
8
8
  --bp-emphasis-focus-offset:2px;
9
9
  --bp-emphasis-motion-reduced:0;
10
- --bp-iconography-size-small:16px;
11
- --bp-iconography-size-default:20px;
12
- --bp-iconography-color-muted:var(--bp-intent-default-rest);
13
- --bp-iconography-color-default-rest:var(--bp-intent-default-rest);
14
- --bp-iconography-color-default-hover:oklch(from var(--bp-intent-default-hover) calc(l + -0.154) calc(c + -0.009) calc(h + -5.3));
15
- --bp-iconography-color-default-active:oklch(from var(--bp-intent-default-active) calc(l + -0.116) calc(c + -0.004) calc(h + -5.3));
16
- --bp-iconography-color-default-disabled:oklch(from var(--bp-intent-default-disabled) calc(l + -0.156) calc(c + 0.006) calc(h + -1.3) / 0.6);
17
- --bp-iconography-color-primary-rest:var(--bp-intent-primary-rest);
18
- --bp-iconography-color-primary-hover:var(--bp-intent-primary-hover);
19
- --bp-iconography-color-primary-active:var(--bp-intent-primary-active);
20
- --bp-iconography-color-primary-disabled:var(--bp-intent-primary-disabled);
21
- --bp-iconography-color-success-rest:var(--bp-intent-success-rest);
22
- --bp-iconography-color-success-hover:var(--bp-intent-success-hover);
23
- --bp-iconography-color-success-active:var(--bp-intent-success-active);
24
- --bp-iconography-color-success-disabled:var(--bp-intent-success-disabled);
25
- --bp-iconography-color-warning-rest:var(--bp-intent-warning-rest);
26
- --bp-iconography-color-warning-hover:var(--bp-intent-warning-hover);
27
- --bp-iconography-color-warning-active:var(--bp-intent-warning-active);
28
- --bp-iconography-color-warning-disabled:var(--bp-intent-warning-disabled);
29
- --bp-iconography-color-danger-rest:var(--bp-intent-danger-rest);
30
- --bp-iconography-color-danger-hover:var(--bp-intent-danger-hover);
31
- --bp-iconography-color-danger-active:var(--bp-intent-danger-active);
32
- --bp-iconography-color-danger-disabled:var(--bp-intent-danger-disabled);
33
- --bp-intent-default-rest:var(--bp-palette-gray-1);
34
- --bp-intent-default-hover:var(--bp-palette-dark-gray-5);
35
- --bp-intent-default-active:var(--bp-palette-dark-gray-4);
36
- --bp-intent-default-disabled:var(--bp-palette-gray-3);
37
- --bp-intent-default-foreground:var(--bp-palette-white);
38
- --bp-intent-primary-rest:var(--bp-palette-blue-3);
39
- --bp-intent-primary-hover:var(--bp-palette-blue-2);
40
- --bp-intent-primary-active:var(--bp-palette-blue-1);
41
- --bp-intent-primary-disabled:var(--bp-palette-blue-4);
42
- --bp-intent-primary-foreground:var(--bp-palette-white);
43
- --bp-intent-success-rest:var(--bp-palette-green-3);
44
- --bp-intent-success-hover:var(--bp-palette-green-2);
45
- --bp-intent-success-active:var(--bp-palette-green-1);
46
- --bp-intent-success-disabled:var(--bp-palette-green-4);
47
- --bp-intent-success-foreground:var(--bp-palette-white);
48
- --bp-intent-warning-rest:var(--bp-palette-orange-3);
49
- --bp-intent-warning-hover:var(--bp-palette-orange-2);
50
- --bp-intent-warning-active:var(--bp-palette-orange-1);
51
- --bp-intent-warning-disabled:var(--bp-palette-orange-4);
52
- --bp-intent-warning-foreground:var(--bp-palette-black);
53
- --bp-intent-danger-rest:var(--bp-palette-red-3);
54
- --bp-intent-danger-hover:var(--bp-palette-red-2);
55
- --bp-intent-danger-active:var(--bp-palette-red-1);
56
- --bp-intent-danger-disabled:var(--bp-palette-red-4);
57
- --bp-intent-danger-foreground:var(--bp-palette-white);
10
+ --bp-intent-default-rest:#5f6b7c;
11
+ --bp-intent-default-hover:#404854;
12
+ --bp-intent-default-active:#383e47;
13
+ --bp-intent-default-disabled:#8f99a8;
14
+ --bp-intent-default-foreground:#ffffff;
15
+ --bp-intent-primary-rest:#2d72d2;
16
+ --bp-intent-primary-hover:#215db0;
17
+ --bp-intent-primary-active:#184a90;
18
+ --bp-intent-primary-disabled:#4c90f0;
19
+ --bp-intent-primary-foreground:#ffffff;
20
+ --bp-intent-success-rest:#238551;
21
+ --bp-intent-success-hover:#1c6e42;
22
+ --bp-intent-success-active:#165a36;
23
+ --bp-intent-success-disabled:#32a467;
24
+ --bp-intent-success-foreground:#ffffff;
25
+ --bp-intent-warning-rest:#c87619;
26
+ --bp-intent-warning-hover:#935610;
27
+ --bp-intent-warning-active:#77450d;
28
+ --bp-intent-warning-disabled:#ec9a3c;
29
+ --bp-intent-warning-foreground:#111418;
30
+ --bp-intent-danger-rest:#cd4246;
31
+ --bp-intent-danger-hover:#ac2f33;
32
+ --bp-intent-danger-active:#8e292c;
33
+ --bp-intent-danger-disabled:#e76a6e;
34
+ --bp-intent-danger-foreground:#ffffff;
58
35
  --bp-palette-black:#111418;
59
36
  --bp-palette-white:#ffffff;
60
37
  --bp-palette-dark-gray-1:#1c2127;
@@ -142,53 +119,53 @@
142
119
  --bp-palette-sepia-3:#946638;
143
120
  --bp-palette-sepia-4:#af855a;
144
121
  --bp-palette-sepia-5:#d0b090;
145
- --bp-surface-border-color-default:oklch(from var(--bp-intent-default-rest) l c h / 0.12);
146
- --bp-surface-border-color-strong:oklch(from var(--bp-intent-default-rest) l c h / 0.25);
122
+ --bp-surface-border-color-default:#5f6b7c1f;
123
+ --bp-surface-border-color-strong:#5f6b7c40;
147
124
  --bp-surface-border-width:1px;
148
125
  --bp-surface-border-radius:4px;
149
- --bp-surface-shadow-0:0px 0px 0px 1px rgba(17, 20, 24, 0.15);
150
- --bp-surface-shadow-1:0px 0px 0px 1px rgba(17, 20, 24, 0.1), 0px 1px 1px 0px rgba(17, 20, 24, 0.2);
151
- --bp-surface-shadow-2:0px 0px 0px 1px rgba(17, 20, 24, 0.1), 0px 1px 1px 0px rgba(17, 20, 24, 0.2), 0px 2px 6px 0px rgba(17, 20, 24, 0.2);
152
- --bp-surface-shadow-3:0px 0px 0px 1px rgba(17, 20, 24, 0.1), 0px 2px 4px 0px rgba(17, 20, 24, 0.2), 0px 8px 24px 0px rgba(17, 20, 24, 0.2);
153
- --bp-surface-shadow-4:0px 0px 0px 1px rgba(17, 20, 24, 0.1), 0px 4px 8px 0px rgba(17, 20, 24, 0.2), 0px 18px 46px 6px rgba(17, 20, 24, 0.2);
126
+ --bp-surface-shadow-0:0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 0px 5px 0px rgba(0, 0, 0, 0.02);
127
+ --bp-surface-shadow-1:0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
128
+ --bp-surface-shadow-2:0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
129
+ --bp-surface-shadow-3:0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
130
+ --bp-surface-shadow-4:0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 25px 50px -12px rgba(0, 0, 0, 0.3);
154
131
  --bp-surface-spacing:4px;
155
132
  --bp-surface-z-index-0:0;
156
133
  --bp-surface-z-index-1:10;
157
134
  --bp-surface-z-index-2:20;
158
135
  --bp-surface-z-index-3:30;
159
136
  --bp-surface-z-index-4:40;
160
- --bp-surface-color-code:oklch(from var(--bp-palette-white) l c h / 0.7);
137
+ --bp-surface-color-code:#ffffffb3;
161
138
  --bp-surface-layer-opacity:0.05;
162
- --bp-surface-layer-color-default:oklch(from var(--bp-intent-default-rest) l c h / var(--bp-surface-layer-opacity));
163
- --bp-surface-layer-color-primary:oklch(from var(--bp-intent-primary-rest) l c h / var(--bp-surface-layer-opacity));
164
- --bp-surface-layer-color-success:oklch(from var(--bp-intent-success-rest) l c h / var(--bp-surface-layer-opacity));
165
- --bp-surface-layer-color-warning:oklch(from var(--bp-intent-warning-rest) l c h / var(--bp-surface-layer-opacity));
166
- --bp-surface-layer-color-danger:oklch(from var(--bp-intent-danger-rest) l c h / var(--bp-surface-layer-opacity));
167
- --bp-surface-layer-default:linear-gradient(var(--bp-surface-layer-color-default) 0 0);
168
- --bp-surface-layer-primary:linear-gradient(var(--bp-surface-layer-color-primary) 0 0);
169
- --bp-surface-layer-success:linear-gradient(var(--bp-surface-layer-color-success) 0 0);
170
- --bp-surface-layer-warning:linear-gradient(var(--bp-surface-layer-color-warning) 0 0);
171
- --bp-surface-layer-danger:linear-gradient(var(--bp-surface-layer-color-danger) 0 0);
172
- --bp-surface-background-color-default-rest:oklch(from var(--bp-intent-default-rest) calc(l + 0.452) calc(c + -0.028) calc(h + 7.5));
173
- --bp-surface-background-color-default-hover:oklch(from var(--bp-intent-default-hover) calc(l + 0.552) calc(c + -0.018) calc(h + 0));
174
- --bp-surface-background-color-default-active:oklch(from var(--bp-intent-default-active) calc(l + 0.568) calc(c + -0.012) calc(h + -10.5));
175
- --bp-surface-background-color-default-disabled:oklch(from var(--bp-intent-default-disabled) calc(l + 0.296) calc(c + -0.022) calc(h + 6.2));
176
- --bp-surface-background-color-primary-rest:var(--bp-intent-primary-rest);
177
- --bp-surface-background-color-primary-hover:var(--bp-intent-primary-hover);
178
- --bp-surface-background-color-primary-active:var(--bp-intent-primary-active);
179
- --bp-surface-background-color-primary-disabled:var(--bp-intent-primary-disabled);
180
- --bp-surface-background-color-success-rest:var(--bp-intent-success-rest);
181
- --bp-surface-background-color-success-hover:var(--bp-intent-success-hover);
182
- --bp-surface-background-color-success-active:var(--bp-intent-success-active);
183
- --bp-surface-background-color-success-disabled:var(--bp-intent-success-disabled);
184
- --bp-surface-background-color-warning-rest:var(--bp-intent-warning-rest);
185
- --bp-surface-background-color-warning-hover:var(--bp-intent-warning-hover);
186
- --bp-surface-background-color-warning-active:var(--bp-intent-warning-active);
187
- --bp-surface-background-color-warning-disabled:var(--bp-intent-warning-disabled);
188
- --bp-surface-background-color-danger-rest:var(--bp-intent-danger-rest);
189
- --bp-surface-background-color-danger-hover:var(--bp-intent-danger-hover);
190
- --bp-surface-background-color-danger-active:var(--bp-intent-danger-active);
191
- --bp-surface-background-color-danger-disabled:var(--bp-intent-danger-disabled);
139
+ --bp-surface-layer-color-default:#5f6b7c0d;
140
+ --bp-surface-layer-color-primary:#2d72d20d;
141
+ --bp-surface-layer-color-success:#2385510d;
142
+ --bp-surface-layer-color-warning:#c876190d;
143
+ --bp-surface-layer-color-danger:#cd42460d;
144
+ --bp-surface-layer-default:linear-gradient(#5f6b7c0d 0 0);
145
+ --bp-surface-layer-primary:linear-gradient(#2d72d20d 0 0);
146
+ --bp-surface-layer-success:linear-gradient(#2385510d 0 0);
147
+ --bp-surface-layer-warning:linear-gradient(#c876190d 0 0);
148
+ --bp-surface-layer-danger:linear-gradient(#cd42460d 0 0);
149
+ --bp-surface-background-color-default-rest:#ffffff;
150
+ --bp-surface-background-color-default-hover:#f6f7f9;
151
+ --bp-surface-background-color-default-active:#edeff2;
152
+ --bp-surface-background-color-default-disabled:#ffffff;
153
+ --bp-surface-background-color-primary-rest:#2d72d2;
154
+ --bp-surface-background-color-primary-hover:#215db0;
155
+ --bp-surface-background-color-primary-active:#184a90;
156
+ --bp-surface-background-color-primary-disabled:#4c90f0;
157
+ --bp-surface-background-color-success-rest:#238551;
158
+ --bp-surface-background-color-success-hover:#1c6e42;
159
+ --bp-surface-background-color-success-active:#165a36;
160
+ --bp-surface-background-color-success-disabled:#32a467;
161
+ --bp-surface-background-color-warning-rest:#c87619;
162
+ --bp-surface-background-color-warning-hover:#935610;
163
+ --bp-surface-background-color-warning-active:#77450d;
164
+ --bp-surface-background-color-warning-disabled:#ec9a3c;
165
+ --bp-surface-background-color-danger-rest:#cd4246;
166
+ --bp-surface-background-color-danger-hover:#ac2f33;
167
+ --bp-surface-background-color-danger-active:#8e292c;
168
+ --bp-surface-background-color-danger-disabled:#e76a6e;
192
169
  --bp-typography-family-default:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", blueprint-icons-16, sans-serif;
193
170
  --bp-typography-family-mono:monospace;
194
171
  --bp-typography-size-body-x-small:10px;
@@ -207,27 +184,86 @@
207
184
  --bp-typography-weight-bold:600;
208
185
  --bp-typography-line-height-default:1.28581;
209
186
  --bp-typography-line-height-large:1.5;
210
- --bp-typography-color-muted:var(--bp-intent-default-rest);
211
- --bp-typography-color-default-rest:oklch(from var(--bp-intent-default-rest) calc(l + -0.279) calc(c + -0.017) calc(h + -4));
212
- --bp-typography-color-default-hover:oklch(from var(--bp-intent-default-hover) calc(l + -0.209) calc(c + -0.013) calc(h + -2.7));
213
- --bp-typography-color-default-active:oklch(from var(--bp-intent-default-active) calc(l + -0.079) calc(c + -0.003) calc(h + -1.6));
214
- --bp-typography-color-default-disabled:var(--bp-intent-default-disabled);
215
- --bp-typography-color-primary-rest:var(--bp-intent-primary-rest);
216
- --bp-typography-color-primary-hover:var(--bp-intent-primary-hover);
217
- --bp-typography-color-primary-active:var(--bp-intent-primary-active);
218
- --bp-typography-color-primary-disabled:var(--bp-intent-primary-disabled);
219
- --bp-typography-color-success-rest:var(--bp-intent-success-rest);
220
- --bp-typography-color-success-hover:var(--bp-intent-success-hover);
221
- --bp-typography-color-success-active:var(--bp-intent-success-active);
222
- --bp-typography-color-success-disabled:var(--bp-intent-success-disabled);
223
- --bp-typography-color-warning-rest:var(--bp-intent-warning-rest);
224
- --bp-typography-color-warning-hover:var(--bp-intent-warning-hover);
225
- --bp-typography-color-warning-active:var(--bp-intent-warning-active);
226
- --bp-typography-color-warning-disabled:var(--bp-intent-warning-disabled);
227
- --bp-typography-color-danger-rest:var(--bp-intent-danger-rest);
228
- --bp-typography-color-danger-hover:var(--bp-intent-danger-hover);
229
- --bp-typography-color-danger-active:var(--bp-intent-danger-active);
230
- --bp-typography-color-danger-disabled:var(--bp-intent-danger-disabled);
187
+ --bp-typography-color-muted:#5f6b7c;
188
+ --bp-typography-color-default-rest:#1c2127;
189
+ --bp-typography-color-default-hover:#111418;
190
+ --bp-typography-color-default-active:#252a31;
191
+ --bp-typography-color-default-disabled:#8f99a8;
192
+ --bp-typography-color-primary-rest:#2d72d2;
193
+ --bp-typography-color-primary-hover:#215db0;
194
+ --bp-typography-color-primary-active:#184a90;
195
+ --bp-typography-color-primary-disabled:#4c90f0;
196
+ --bp-typography-color-success-rest:#238551;
197
+ --bp-typography-color-success-hover:#1c6e42;
198
+ --bp-typography-color-success-active:#165a36;
199
+ --bp-typography-color-success-disabled:#32a467;
200
+ --bp-typography-color-warning-rest:#c87619;
201
+ --bp-typography-color-warning-hover:#935610;
202
+ --bp-typography-color-warning-active:#77450d;
203
+ --bp-typography-color-warning-disabled:#ec9a3c;
204
+ --bp-typography-color-danger-rest:#cd4246;
205
+ --bp-typography-color-danger-hover:#ac2f33;
206
+ --bp-typography-color-danger-active:#8e292c;
207
+ --bp-typography-color-danger-disabled:#e76a6e;
208
+ }
209
+
210
+ @supports (color: oklch(from var(--any-color) l c h)){
211
+ :root{
212
+ --bp-surface-border-color-default:oklch(from var(--bp-intent-default-rest) l c h / 0.12);
213
+ --bp-surface-border-color-strong:oklch(from var(--bp-intent-default-rest) l c h / 0.25);
214
+ --bp-surface-color-code:oklch(from var(--bp-palette-white) l c h / 0.7);
215
+ --bp-surface-layer-color-default:oklch(from var(--bp-intent-default-rest) l c h / var(--bp-surface-layer-opacity));
216
+ --bp-surface-layer-color-primary:oklch(from var(--bp-intent-primary-rest) l c h / var(--bp-surface-layer-opacity));
217
+ --bp-surface-layer-color-success:oklch(from var(--bp-intent-success-rest) l c h / var(--bp-surface-layer-opacity));
218
+ --bp-surface-layer-color-warning:oklch(from var(--bp-intent-warning-rest) l c h / var(--bp-surface-layer-opacity));
219
+ --bp-surface-layer-color-danger:oklch(from var(--bp-intent-danger-rest) l c h / var(--bp-surface-layer-opacity));
220
+ --bp-surface-layer-default:linear-gradient(oklch(from var(--bp-intent-default-rest) l c h / var(--bp-surface-layer-opacity)) 0 0);
221
+ --bp-surface-layer-primary:linear-gradient(oklch(from var(--bp-intent-primary-rest) l c h / var(--bp-surface-layer-opacity)) 0 0);
222
+ --bp-surface-layer-success:linear-gradient(oklch(from var(--bp-intent-success-rest) l c h / var(--bp-surface-layer-opacity)) 0 0);
223
+ --bp-surface-layer-warning:linear-gradient(oklch(from var(--bp-intent-warning-rest) l c h / var(--bp-surface-layer-opacity)) 0 0);
224
+ --bp-surface-layer-danger:linear-gradient(oklch(from var(--bp-intent-danger-rest) l c h / var(--bp-surface-layer-opacity)) 0 0);
225
+ --bp-surface-background-color-default-rest:oklch(from var(--bp-intent-default-rest) calc(l * 1.909) calc(c * 0) h);
226
+ --bp-surface-background-color-default-hover:oklch(from var(--bp-intent-default-hover) calc(l + 0.577) calc(c + -0.02) calc(h + 6.2));
227
+ --bp-surface-background-color-default-active:oklch(from var(--bp-intent-default-active) calc(l + 0.59) calc(c + -0.013) calc(h + 0));
228
+ --bp-surface-background-color-default-disabled:oklch(from var(--bp-intent-default-disabled) calc(l * 1.471) calc(c * 0) h);
229
+ --bp-typography-color-default-rest:oklch(from var(--bp-intent-default-rest) calc(l + -0.279) calc(c + -0.017) calc(h + -4));
230
+ --bp-typography-color-default-hover:oklch(from var(--bp-intent-default-hover) calc(l + -0.209) calc(c + -0.013) calc(h + -2.7));
231
+ --bp-typography-color-default-active:oklch(from var(--bp-intent-default-active) calc(l + -0.079) calc(c + -0.003) calc(h + -1.6));
232
+ }
233
+ }
234
+ [data-bp-color-scheme=dark],
235
+ .bp6-dark .bp6-scope{
236
+ --bp-surface-border-color-default:#ffffff33;
237
+ --bp-surface-border-color-strong:#ffffff4d;
238
+ --bp-surface-shadow-0:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
239
+ --bp-surface-shadow-1:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px -1px rgba(0, 0, 0, 0.2);
240
+ --bp-surface-shadow-2:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 4px 6px -4px rgba(0, 0, 0, 0.5), 0px 10px 30px -5px rgba(0, 0, 0, 0.5);
241
+ --bp-surface-shadow-3:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 20px 25px -5px rgba(0, 0, 0, 0.3), 0px 10px 30px -5px rgba(0, 0, 0, 0.3);
242
+ --bp-surface-shadow-4:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 25px 60px -12px rgba(0, 0, 0, 0.85);
243
+ --bp-surface-color-code:#1114184d;
244
+ --bp-surface-background-color-default-rest:#04070d;
245
+ --bp-surface-background-color-default-hover:#f6f7f9;
246
+ --bp-surface-background-color-default-active:#edeff2;
247
+ --bp-surface-background-color-default-disabled:#181a1e;
248
+ --bp-typography-color-default-rest:#a5aab3;
249
+ --bp-typography-color-default-hover:#646970;
250
+ --bp-typography-color-default-active:#54575d;
251
+ }
252
+
253
+ @supports (color: oklch(from var(--any-color) l c h)){
254
+ [data-bp-color-scheme=dark],
255
+ .bp6-dark .bp6-scope{
256
+ --bp-surface-border-color-default:oklch(from var(--bp-palette-white) l c h / 0.2);
257
+ --bp-surface-border-color-strong:oklch(from var(--bp-palette-white) l c h / 0.3);
258
+ --bp-surface-color-code:oklch(from var(--bp-palette-black) l c h / 0.3);
259
+ --bp-surface-background-color-default-rest:oklch(from var(--bp-intent-default-rest) calc(l * 0.248) calc(c * 0.487) h);
260
+ --bp-surface-background-color-default-hover:oklch(from var(--bp-intent-default-hover) calc(l + 0.577) calc(c + -0.02) calc(h + 0.3));
261
+ --bp-surface-background-color-default-active:oklch(from var(--bp-intent-default-active) calc(l + 0.59) calc(c + -0.013) calc(h + 2.9));
262
+ --bp-surface-background-color-default-disabled:oklch(from var(--bp-intent-default-disabled) calc(l * 0.319) calc(c * 0.312) h);
263
+ --bp-typography-color-default-rest:oklch(from var(--bp-intent-default-rest) calc(l + 0.212) calc(c + -0.016) calc(h + 6.2));
264
+ --bp-typography-color-default-hover:oklch(from var(--bp-intent-default-hover) calc(l + 0.12) calc(c + -0.01) calc(h + 0));
265
+ --bp-typography-color-default-active:oklch(from var(--bp-intent-default-active) calc(l + 0.095) calc(c + -0.008) calc(h + 0));
266
+ }
231
267
  }
232
268
  .bp6-scope,.bp6-portal{
233
269
  box-sizing:border-box;
@@ -350,6 +386,10 @@ span.bp6-icon:empty.bp6-icon-large{
350
386
  content:"\f109";
351
387
  }
352
388
 
389
+ .bp6-icon-add-application::before{
390
+ content:"\f3b8";
391
+ }
392
+
353
393
  .bp6-icon-add-child::before{
354
394
  content:"\f39d";
355
395
  }
@@ -3592,7 +3632,7 @@ a > .bp6-dark .bp6-running-text code{
3592
3632
  display:flex;
3593
3633
  }
3594
3634
  .bp6-breadcrumbs > li::after{
3595
- background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.71 7.29l-4-4a1.003 1.003 0 00-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4-4c.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71z' fill='%235f6b7c'/%3e%3c/svg%3e");
3635
+ background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M10.71 7.29l-4-4a1.003 1.003 0 00-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4-4c.18-.18.29-.43.29-.71s-.11-.53-.29-.71' fill='%235f6b7c'/%3e%3c/svg%3e");
3596
3636
  content:"";
3597
3637
  display:block;
3598
3638
  height:16px;
@@ -3647,7 +3687,7 @@ a > .bp6-dark .bp6-running-text code{
3647
3687
  vertical-align:text-bottom;
3648
3688
  }
3649
3689
  .bp6-breadcrumbs-collapsed::before{
3650
- background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%235f6b7c'%3e%3cpath d='M2 6.03a2 2 0 100 4 2 2 0 100-4zM14 6.03a2 2 0 100 4 2 2 0 100-4zM8 6.03a2 2 0 100 4 2 2 0 100-4z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;
3690
+ background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M2 6a2 2 0 110 4 2 2 0 010-4m6 0a2 2 0 110 4 2 2 0 010-4m6 0a2 2 0 110 4 2 2 0 010-4' fill='%235f6b7c'/%3e%3c/svg%3e") center no-repeat;
3651
3691
  content:"";
3652
3692
  display:block;
3653
3693
  height:16px;
@@ -3664,7 +3704,7 @@ a > .bp6-dark .bp6-running-text code{
3664
3704
  color:#abb3bf;
3665
3705
  }
3666
3706
  .bp6-dark .bp6-breadcrumbs > li::after{
3667
- background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.71 7.29l-4-4a1.003 1.003 0 00-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4-4c.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71z' fill='%23abb3bf'/%3e%3c/svg%3e");
3707
+ background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M10.71 7.29l-4-4a1.003 1.003 0 00-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4-4c.18-.18.29-.43.29-.71s-.11-.53-.29-.71' fill='%23abb3bf'/%3e%3c/svg%3e");
3668
3708
  color:#abb3bf;
3669
3709
  }
3670
3710
  .bp6-dark .bp6-breadcrumb.bp6-disabled{
@@ -3677,12 +3717,23 @@ a > .bp6-dark .bp6-running-text code{
3677
3717
  background:rgba(143, 153, 168, 0.2);
3678
3718
  }
3679
3719
  .bp6-dark .bp6-breadcrumbs-collapsed::before{
3680
- background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%23abb3bf'%3e%3cpath d='M2 6.03a2 2 0 100 4 2 2 0 100-4zM14 6.03a2 2 0 100 4 2 2 0 100-4zM8 6.03a2 2 0 100 4 2 2 0 100-4z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;
3720
+ background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M2 6a2 2 0 110 4 2 2 0 010-4m6 0a2 2 0 110 4 2 2 0 010-4m6 0a2 2 0 110 4 2 2 0 010-4' fill='%23abb3bf'/%3e%3c/svg%3e") center no-repeat;
3681
3721
  }
3682
3722
  .bp6-dark .bp6-breadcrumbs-collapsed:hover{
3683
3723
  background:rgba(143, 153, 168, 0.3);
3684
3724
  color:#f6f7f9;
3685
3725
  }
3726
+ :root{
3727
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
3728
+ }
3729
+
3730
+ @supports (color: oklch(from var(--any-color) l c h)){
3731
+ :root{
3732
+ --bp6-button-warning-rest:oklch(
3733
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
3734
+ );
3735
+ }
3736
+ }
3686
3737
  .bp6-button{
3687
3738
  display:inline-flex;
3688
3739
  flex-direction:row;
@@ -3697,7 +3748,7 @@ a > .bp6-dark .bp6-running-text code{
3697
3748
  }
3698
3749
  .bp6-button::before,
3699
3750
  .bp6-button > *{
3700
- margin-right:8px;
3751
+ margin-right:calc(var(--bp-surface-spacing) * 2);
3701
3752
  }
3702
3753
  .bp6-button:empty::before,
3703
3754
  .bp6-button > :last-child{
@@ -3706,15 +3757,15 @@ a > .bp6-dark .bp6-running-text code{
3706
3757
  .bp6-button{
3707
3758
  align-items:center;
3708
3759
  border:none;
3709
- border-radius:4px;
3760
+ border-radius:var(--bp-surface-border-radius);
3710
3761
  cursor:pointer;
3711
- font-size:14px;
3762
+ font-size:var(--bp-typography-size-body-medium);
3712
3763
  justify-content:center;
3713
- padding:4px 8px;
3764
+ padding:var(--bp-surface-spacing) calc(var(--bp-surface-spacing) * 2);
3714
3765
  text-align:left;
3715
3766
  vertical-align:middle;
3716
- min-height:30px;
3717
- min-width:30px;
3767
+ min-height:calc(var(--bp-surface-spacing) * 7.5);
3768
+ min-width:calc(var(--bp-surface-spacing) * 7.5);
3718
3769
  }
3719
3770
  .bp6-button:empty{
3720
3771
  padding:0 !important;
@@ -3733,18 +3784,18 @@ a > .bp6-dark .bp6-running-text code{
3733
3784
  text-align:left;
3734
3785
  }
3735
3786
  .bp6-button:not([class*=bp6-intent-]){
3736
- background-color:#f6f7f9;
3737
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
3738
- color:#1c2127;
3787
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 5%, var(--bp-palette-white));
3788
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
3789
+ color:var(--bp-typography-color-default-rest);
3739
3790
  }
3740
3791
  .bp6-button:not([class*=bp6-intent-]):hover{
3741
3792
  background-clip:padding-box;
3742
- background-color:#edeff2;
3743
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
3793
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 9%, var(--bp-palette-white));
3794
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3744
3795
  }
3745
3796
  .bp6-button:not([class*=bp6-intent-]):active, .bp6-button:not([class*=bp6-intent-]).bp6-active{
3746
- background-color:#dce0e5;
3747
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
3797
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 16%, var(--bp-palette-white));
3798
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3748
3799
  }
3749
3800
  @media (forced-colors: active) and (prefers-color-scheme: dark){
3750
3801
  .bp6-button:not([class*=bp6-intent-]):active, .bp6-button:not([class*=bp6-intent-]).bp6-active{
@@ -3752,14 +3803,14 @@ a > .bp6-dark .bp6-running-text code{
3752
3803
  }
3753
3804
  }
3754
3805
  .bp6-button:not([class*=bp6-intent-]):disabled, .bp6-button:not([class*=bp6-intent-]).bp6-disabled{
3755
- background-color:rgba(211, 216, 222, 0.5);
3806
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 20%, transparent);
3756
3807
  box-shadow:none;
3757
- color:rgba(95, 107, 124, 0.6);
3808
+ color:var(--bp-typography-color-default-disabled);
3758
3809
  cursor:not-allowed;
3759
3810
  outline:none;
3760
3811
  }
3761
3812
  .bp6-button:not([class*=bp6-intent-]):disabled.bp6-active, .bp6-button:not([class*=bp6-intent-]):disabled.bp6-active:hover, .bp6-button:not([class*=bp6-intent-]).bp6-disabled.bp6-active, .bp6-button:not([class*=bp6-intent-]).bp6-disabled.bp6-active:hover{
3762
- background:rgba(211, 216, 222, 0.7);
3813
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 28%, transparent);
3763
3814
  }
3764
3815
  @media (forced-colors: active) and (prefers-color-scheme: dark){
3765
3816
  .bp6-button:not([class*=bp6-intent-]){
@@ -3767,26 +3818,26 @@ a > .bp6-dark .bp6-running-text code{
3767
3818
  }
3768
3819
  }
3769
3820
  .bp6-button.bp6-intent-primary{
3770
- background-color:#2d72d2;
3771
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
3772
- color:#ffffff;
3821
+ background-color:var(--bp-intent-primary-rest);
3822
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
3823
+ color:var(--bp-intent-primary-foreground);
3773
3824
  }
3774
3825
  .bp6-button.bp6-intent-primary:hover, .bp6-button.bp6-intent-primary:active, .bp6-button.bp6-intent-primary.bp6-active{
3775
- color:#ffffff;
3826
+ color:var(--bp-intent-primary-foreground);
3776
3827
  }
3777
3828
  .bp6-button.bp6-intent-primary:hover{
3778
- background-color:#215db0;
3779
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
3829
+ background-color:var(--bp-intent-primary-hover);
3830
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3780
3831
  }
3781
3832
  .bp6-button.bp6-intent-primary:active, .bp6-button.bp6-intent-primary.bp6-active{
3782
- background-color:#184a90;
3783
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
3833
+ background-color:var(--bp-intent-primary-active);
3834
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3784
3835
  }
3785
3836
  .bp6-button.bp6-intent-primary:disabled, .bp6-button.bp6-intent-primary.bp6-disabled{
3786
- background-color:rgba(45, 114, 210, 0.5);
3837
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 50%, transparent);
3787
3838
  border-color:transparent;
3788
3839
  box-shadow:none;
3789
- color:rgba(255, 255, 255, 0.6);
3840
+ color:color-mix(in oklch, var(--bp-intent-primary-foreground) 60%, transparent);
3790
3841
  }
3791
3842
  @media (forced-colors: active) and (prefers-color-scheme: dark){
3792
3843
  .bp6-button.bp6-intent-primary:disabled, .bp6-button.bp6-intent-primary.bp6-disabled{
@@ -3801,26 +3852,26 @@ a > .bp6-dark .bp6-running-text code{
3801
3852
  }
3802
3853
  }
3803
3854
  .bp6-button.bp6-intent-success{
3804
- background-color:#238551;
3805
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
3806
- color:#ffffff;
3855
+ background-color:var(--bp-intent-success-rest);
3856
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
3857
+ color:var(--bp-intent-success-foreground);
3807
3858
  }
3808
3859
  .bp6-button.bp6-intent-success:hover, .bp6-button.bp6-intent-success:active, .bp6-button.bp6-intent-success.bp6-active{
3809
- color:#ffffff;
3860
+ color:var(--bp-intent-success-foreground);
3810
3861
  }
3811
3862
  .bp6-button.bp6-intent-success:hover{
3812
- background-color:#1c6e42;
3813
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
3863
+ background-color:var(--bp-intent-success-hover);
3864
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3814
3865
  }
3815
3866
  .bp6-button.bp6-intent-success:active, .bp6-button.bp6-intent-success.bp6-active{
3816
- background-color:#165a36;
3817
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
3867
+ background-color:var(--bp-intent-success-active);
3868
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3818
3869
  }
3819
3870
  .bp6-button.bp6-intent-success:disabled, .bp6-button.bp6-intent-success.bp6-disabled{
3820
- background-color:rgba(35, 133, 81, 0.5);
3871
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 50%, transparent);
3821
3872
  border-color:transparent;
3822
3873
  box-shadow:none;
3823
- color:rgba(255, 255, 255, 0.6);
3874
+ color:color-mix(in oklch, var(--bp-intent-success-foreground) 60%, transparent);
3824
3875
  }
3825
3876
  @media (forced-colors: active) and (prefers-color-scheme: dark){
3826
3877
  .bp6-button.bp6-intent-success:disabled, .bp6-button.bp6-intent-success.bp6-disabled{
@@ -3835,26 +3886,26 @@ a > .bp6-dark .bp6-running-text code{
3835
3886
  }
3836
3887
  }
3837
3888
  .bp6-button.bp6-intent-warning{
3838
- background-color:#c87619;
3839
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
3840
- color:#ffffff;
3889
+ background-color:var(--bp6-button-warning-rest);
3890
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
3891
+ color:var(--bp-intent-warning-foreground);
3841
3892
  }
3842
3893
  .bp6-button.bp6-intent-warning:hover, .bp6-button.bp6-intent-warning:active, .bp6-button.bp6-intent-warning.bp6-active{
3843
- color:#ffffff;
3894
+ color:var(--bp-intent-warning-foreground);
3844
3895
  }
3845
3896
  .bp6-button.bp6-intent-warning:hover{
3846
- background-color:#935610;
3847
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
3897
+ background-color:var(--bp-intent-warning-hover);
3898
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3848
3899
  }
3849
3900
  .bp6-button.bp6-intent-warning:active, .bp6-button.bp6-intent-warning.bp6-active{
3850
- background-color:#77450d;
3851
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
3901
+ background-color:var(--bp-intent-warning-active);
3902
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3852
3903
  }
3853
3904
  .bp6-button.bp6-intent-warning:disabled, .bp6-button.bp6-intent-warning.bp6-disabled{
3854
- background-color:rgba(200, 118, 25, 0.5);
3905
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 50%, transparent);
3855
3906
  border-color:transparent;
3856
3907
  box-shadow:none;
3857
- color:rgba(255, 255, 255, 0.6);
3908
+ color:color-mix(in oklch, var(--bp-intent-warning-foreground) 60%, transparent);
3858
3909
  }
3859
3910
  @media (forced-colors: active) and (prefers-color-scheme: dark){
3860
3911
  .bp6-button.bp6-intent-warning:disabled, .bp6-button.bp6-intent-warning.bp6-disabled{
@@ -3869,26 +3920,26 @@ a > .bp6-dark .bp6-running-text code{
3869
3920
  }
3870
3921
  }
3871
3922
  .bp6-button.bp6-intent-danger{
3872
- background-color:#cd4246;
3873
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
3874
- color:#ffffff;
3923
+ background-color:var(--bp-intent-danger-rest);
3924
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
3925
+ color:var(--bp-intent-danger-foreground);
3875
3926
  }
3876
3927
  .bp6-button.bp6-intent-danger:hover, .bp6-button.bp6-intent-danger:active, .bp6-button.bp6-intent-danger.bp6-active{
3877
- color:#ffffff;
3928
+ color:var(--bp-intent-danger-foreground);
3878
3929
  }
3879
3930
  .bp6-button.bp6-intent-danger:hover{
3880
- background-color:#ac2f33;
3881
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
3931
+ background-color:var(--bp-intent-danger-hover);
3932
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3882
3933
  }
3883
3934
  .bp6-button.bp6-intent-danger:active, .bp6-button.bp6-intent-danger.bp6-active{
3884
- background-color:#8e292c;
3885
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
3935
+ background-color:var(--bp-intent-danger-active);
3936
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3886
3937
  }
3887
3938
  .bp6-button.bp6-intent-danger:disabled, .bp6-button.bp6-intent-danger.bp6-disabled{
3888
- background-color:rgba(205, 66, 70, 0.5);
3939
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 50%, transparent);
3889
3940
  border-color:transparent;
3890
3941
  box-shadow:none;
3891
- color:rgba(255, 255, 255, 0.6);
3942
+ color:color-mix(in oklch, var(--bp-intent-danger-foreground) 60%, transparent);
3892
3943
  }
3893
3944
  @media (forced-colors: active) and (prefers-color-scheme: dark){
3894
3945
  .bp6-button.bp6-intent-danger:disabled, .bp6-button.bp6-intent-danger.bp6-disabled{
@@ -3902,18 +3953,48 @@ a > .bp6-dark .bp6-running-text code{
3902
3953
  box-shadow:none;
3903
3954
  }
3904
3955
  }
3905
- .bp6-button[class*=bp6-intent-] .bp6-button-spinner .bp6-spinner-head{
3906
- stroke:#ffffff;
3956
+ .bp6-button.bp6-intent-default{
3957
+ background-color:var(--bp-intent-default-rest);
3958
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
3959
+ color:var(--bp-intent-default-foreground);
3907
3960
  }
3908
- .bp6-button.bp6-large, .bp6-large .bp6-button{
3909
- min-height:40px;
3910
- min-width:40px;
3961
+ .bp6-button.bp6-intent-default:hover, .bp6-button.bp6-intent-default:active, .bp6-button.bp6-intent-default.bp6-active{
3962
+ color:var(--bp-intent-default-foreground);
3963
+ }
3964
+ .bp6-button.bp6-intent-default:hover{
3965
+ background-color:var(--bp-intent-default-hover);
3966
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3967
+ }
3968
+ .bp6-button.bp6-intent-default:active, .bp6-button.bp6-intent-default.bp6-active{
3969
+ background-color:var(--bp-intent-default-active);
3970
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
3971
+ }
3972
+ .bp6-button.bp6-intent-default:disabled, .bp6-button.bp6-intent-default.bp6-disabled{
3973
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 50%, transparent);
3974
+ border-color:transparent;
3975
+ box-shadow:none;
3976
+ color:color-mix(in oklch, var(--bp-intent-default-foreground) 60%, transparent);
3977
+ }
3978
+ @media (forced-colors: active) and (prefers-color-scheme: dark){
3979
+ .bp6-button.bp6-intent-default:disabled, .bp6-button.bp6-intent-default.bp6-disabled{
3980
+ border-color:graytext;
3981
+ color:graytext;
3982
+ }
3983
+ }
3984
+ @media (forced-colors: active) and (prefers-color-scheme: dark){
3985
+ .bp6-button.bp6-intent-default{
3986
+ border:1px solid buttonborder;
3987
+ box-shadow:none;
3988
+ }
3989
+ }
3990
+ .bp6-button[class*=bp6-intent-] .bp6-button-spinner .bp6-spinner-head{
3991
+ stroke:var(--bp-intent-primary-foreground);
3911
3992
  }
3912
3993
  .bp6-button.bp6-large::before,
3913
3994
  .bp6-button.bp6-large > *,
3914
3995
  .bp6-large .bp6-button::before,
3915
3996
  .bp6-large .bp6-button > *{
3916
- margin-right:8px;
3997
+ margin-right:calc(var(--bp-surface-spacing) * 2);
3917
3998
  }
3918
3999
  .bp6-button.bp6-large:empty::before,
3919
4000
  .bp6-button.bp6-large > :last-child,
@@ -3922,13 +4003,15 @@ a > .bp6-dark .bp6-running-text code{
3922
4003
  margin-right:0;
3923
4004
  }
3924
4005
  .bp6-button.bp6-large, .bp6-large .bp6-button{
3925
- font-size:16px;
3926
- padding:4px 16px;
4006
+ font-size:var(--bp-typography-size-body-large);
4007
+ min-height:calc(var(--bp-surface-spacing) * 10);
4008
+ min-width:calc(var(--bp-surface-spacing) * 10);
4009
+ padding:var(--bp-surface-spacing) calc(var(--bp-surface-spacing) * 4);
3927
4010
  }
3928
4011
  .bp6-button.bp6-small, .bp6-small .bp6-button{
3929
- min-height:24px;
3930
- min-width:24px;
3931
- padding:0 8px;
4012
+ min-height:calc(var(--bp-surface-spacing) * 6);
4013
+ min-width:calc(var(--bp-surface-spacing) * 6);
4014
+ padding:0 calc(var(--bp-surface-spacing) * 2);
3932
4015
  }
3933
4016
  .bp6-button.bp6-loading{
3934
4017
  position:relative;
@@ -3954,67 +4037,67 @@ a > .bp6-dark .bp6-running-text code{
3954
4037
  width:16px;
3955
4038
  -moz-osx-font-smoothing:grayscale;
3956
4039
  -webkit-font-smoothing:antialiased;
3957
- color:#5f6b7c;
4040
+ color:var(--bp-typography-color-muted);
3958
4041
  }
3959
4042
  .bp6-button .bp6-icon.bp6-align-right, .bp6-button .bp6-icon-standard.bp6-align-right, .bp6-button .bp6-icon-large.bp6-align-right{
3960
- margin-left:8px;
4043
+ margin-left:calc(var(--bp-surface-spacing) * 2);
3961
4044
  }
3962
4045
  .bp6-button .bp6-icon:not([class*=bp6-intent-]){
3963
- color:#5f6b7c;
4046
+ color:var(--bp-typography-color-muted);
3964
4047
  }
3965
4048
  .bp6-button .bp6-icon:first-child:last-child,
3966
4049
  .bp6-button .bp6-spinner + .bp6-icon:last-child{
3967
- margin:0 -7px;
4050
+ margin:0 calc(-1 * (var(--bp-surface-spacing) * 7.5 - var(--bp-surface-spacing) * 4) * 0.5);
3968
4051
  }
3969
- .bp6-dark .bp6-button:not([class*=bp6-intent-]){
3970
- background-color:#2f343c;
3971
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.2);
3972
- color:#f6f7f9;
4052
+ .bp6-dark .bp6-button:not([class*=bp6-intent-]), [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]){
4053
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 40%, var(--bp-palette-black));
4054
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
4055
+ color:var(--bp-intent-default-foreground);
3973
4056
  }
3974
- .bp6-dark .bp6-button:not([class*=bp6-intent-]):hover, .bp6-dark .bp6-button:not([class*=bp6-intent-]):active, .bp6-dark .bp6-button:not([class*=bp6-intent-]).bp6-active{
3975
- color:#f6f7f9;
4057
+ .bp6-dark .bp6-button:not([class*=bp6-intent-]):hover, .bp6-dark .bp6-button:not([class*=bp6-intent-]):active, .bp6-dark .bp6-button:not([class*=bp6-intent-]).bp6-active, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]):hover, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]):active, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]).bp6-active{
4058
+ color:color-mix(in srgb, var(--bp-intent-default-hover) 4%, var(--bp-palette-white));
3976
4059
  }
3977
- .bp6-dark .bp6-button:not([class*=bp6-intent-]):hover{
3978
- background-color:#252a31;
3979
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.4);
4060
+ .bp6-dark .bp6-button:not([class*=bp6-intent-]):hover, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]):hover{
4061
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 42%, var(--bp-palette-black));
4062
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 40%, transparent);
3980
4063
  }
3981
- .bp6-dark .bp6-button:not([class*=bp6-intent-]):active, .bp6-dark .bp6-button:not([class*=bp6-intent-]).bp6-active{
3982
- background-color:#1c2127;
3983
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.4);
4064
+ .bp6-dark .bp6-button:not([class*=bp6-intent-]):active, .bp6-dark .bp6-button:not([class*=bp6-intent-]).bp6-active, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]):active, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]).bp6-active{
4065
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 30%, var(--bp-palette-black));
4066
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 40%, transparent);
3984
4067
  }
3985
- .bp6-dark .bp6-button:not([class*=bp6-intent-]):disabled, .bp6-dark .bp6-button:not([class*=bp6-intent-]).bp6-disabled{
3986
- background-color:rgba(47, 52, 60, 0.15);
4068
+ .bp6-dark .bp6-button:not([class*=bp6-intent-]):disabled, .bp6-dark .bp6-button:not([class*=bp6-intent-]).bp6-disabled, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]):disabled, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]).bp6-disabled{
4069
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 4%, transparent);
3987
4070
  box-shadow:none;
3988
- color:rgba(171, 179, 191, 0.6);
4071
+ color:var(--bp-typography-color-default-disabled);
3989
4072
  }
3990
- .bp6-dark .bp6-button:not([class*=bp6-intent-]):disabled.bp6-active, .bp6-dark .bp6-button:not([class*=bp6-intent-]).bp6-disabled.bp6-active{
3991
- background:rgba(47, 52, 60, 0.7);
4073
+ .bp6-dark .bp6-button:not([class*=bp6-intent-]):disabled.bp6-active, .bp6-dark .bp6-button:not([class*=bp6-intent-]).bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]):disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]).bp6-disabled.bp6-active{
4074
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 7%, transparent);
3992
4075
  }
3993
- .bp6-dark .bp6-button:not([class*=bp6-intent-]) .bp6-button-spinner .bp6-spinner-head{
3994
- background:rgba(17, 20, 24, 0.5);
3995
- stroke:#8f99a8;
4076
+ .bp6-dark .bp6-button:not([class*=bp6-intent-]) .bp6-button-spinner .bp6-spinner-head, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]) .bp6-button-spinner .bp6-spinner-head{
4077
+ background:color-mix(in srgb, var(--bp-intent-default-rest) 20%, var(--bp-palette-black));
4078
+ stroke:color-mix(in srgb, var(--bp-intent-default-rest) 68%, var(--bp-palette-white));
3996
4079
  }
3997
- .bp6-dark .bp6-button:not([class*=bp6-intent-])[class*=bp6-icon-]::before{
3998
- color:#abb3bf;
4080
+ .bp6-dark .bp6-button:not([class*=bp6-intent-])[class*=bp6-icon-]::before, [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-])[class*=bp6-icon-]::before{
4081
+ color:var(--bp-typography-color-default-rest);
3999
4082
  }
4000
- .bp6-dark .bp6-button:not([class*=bp6-intent-]) .bp6-icon:not([class*=bp6-intent-]), .bp6-dark .bp6-button:not([class*=bp6-intent-]) .bp6-icon-standard:not([class*=bp6-intent-]), .bp6-dark .bp6-button:not([class*=bp6-intent-]) .bp6-icon-large:not([class*=bp6-intent-]){
4001
- color:#abb3bf;
4083
+ .bp6-dark .bp6-button:not([class*=bp6-intent-]) .bp6-icon:not([class*=bp6-intent-]), .bp6-dark .bp6-button:not([class*=bp6-intent-]) .bp6-icon-standard:not([class*=bp6-intent-]), .bp6-dark .bp6-button:not([class*=bp6-intent-]) .bp6-icon-large:not([class*=bp6-intent-]), [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]) .bp6-icon:not([class*=bp6-intent-]), [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]) .bp6-icon-standard:not([class*=bp6-intent-]), [data-bp-color-scheme=dark] .bp6-button:not([class*=bp6-intent-]) .bp6-icon-large:not([class*=bp6-intent-]){
4084
+ color:var(--bp-typography-color-default-rest);
4002
4085
  }
4003
- .bp6-dark .bp6-button[class*=bp6-intent-]{
4004
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.2);
4086
+ .bp6-dark .bp6-button[class*=bp6-intent-], [data-bp-color-scheme=dark] .bp6-button[class*=bp6-intent-]{
4087
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
4005
4088
  }
4006
- .bp6-dark .bp6-button[class*=bp6-intent-]:hover{
4007
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.2);
4089
+ .bp6-dark .bp6-button[class*=bp6-intent-]:hover, [data-bp-color-scheme=dark] .bp6-button[class*=bp6-intent-]:hover{
4090
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
4008
4091
  }
4009
- .bp6-dark .bp6-button[class*=bp6-intent-]:active, .bp6-dark .bp6-button[class*=bp6-intent-].bp6-active{
4010
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.4);
4092
+ .bp6-dark .bp6-button[class*=bp6-intent-]:active, .bp6-dark .bp6-button[class*=bp6-intent-].bp6-active, [data-bp-color-scheme=dark] .bp6-button[class*=bp6-intent-]:active, [data-bp-color-scheme=dark] .bp6-button[class*=bp6-intent-].bp6-active{
4093
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 40%, transparent);
4011
4094
  }
4012
- .bp6-dark .bp6-button[class*=bp6-intent-]:disabled, .bp6-dark .bp6-button[class*=bp6-intent-].bp6-disabled{
4095
+ .bp6-dark .bp6-button[class*=bp6-intent-]:disabled, .bp6-dark .bp6-button[class*=bp6-intent-].bp6-disabled, [data-bp-color-scheme=dark] .bp6-button[class*=bp6-intent-]:disabled, [data-bp-color-scheme=dark] .bp6-button[class*=bp6-intent-].bp6-disabled{
4013
4096
  box-shadow:none;
4014
- color:rgba(255, 255, 255, 0.3);
4097
+ color:color-mix(in oklch, var(--bp-intent-default-foreground) 30%, transparent);
4015
4098
  }
4016
- .bp6-dark .bp6-button[class*=bp6-intent-] .bp6-button-spinner .bp6-spinner-head{
4017
- stroke:#8f99a8;
4099
+ .bp6-dark .bp6-button[class*=bp6-intent-] .bp6-button-spinner .bp6-spinner-head, [data-bp-color-scheme=dark] .bp6-button[class*=bp6-intent-] .bp6-button-spinner .bp6-spinner-head{
4100
+ stroke:var(--bp-typography-color-default-hover);
4018
4101
  }
4019
4102
  .bp6-button:disabled::before,
4020
4103
  .bp6-button:disabled .bp6-icon,
@@ -4035,522 +4118,616 @@ a > .bp6-dark .bp6-running-text code{
4035
4118
  box-shadow:none;
4036
4119
  }
4037
4120
  .bp6-button.bp6-minimal:hover{
4038
- background:rgba(143, 153, 168, 0.15);
4121
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 8%, transparent);
4039
4122
  box-shadow:none;
4040
- color:#1c2127;
4123
+ color:var(--bp-typography-color-default-rest);
4041
4124
  text-decoration:none;
4042
4125
  }
4043
4126
  .bp6-button.bp6-minimal:active, .bp6-button.bp6-minimal.bp6-active{
4044
- background:rgba(143, 153, 168, 0.3);
4127
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 16%, transparent);
4045
4128
  box-shadow:none;
4046
- color:#1c2127;
4129
+ color:var(--bp-typography-color-default-rest);
4047
4130
  }
4048
4131
  .bp6-button.bp6-minimal:disabled, .bp6-button.bp6-minimal:disabled:hover, .bp6-button.bp6-minimal.bp6-disabled, .bp6-button.bp6-minimal.bp6-disabled:hover{
4049
4132
  background:none;
4050
- color:rgba(95, 107, 124, 0.6);
4133
+ color:var(--bp-typography-color-default-disabled);
4051
4134
  cursor:not-allowed;
4052
4135
  }
4053
4136
  .bp6-button.bp6-minimal:disabled.bp6-active, .bp6-button.bp6-minimal:disabled:hover.bp6-active, .bp6-button.bp6-minimal.bp6-disabled.bp6-active, .bp6-button.bp6-minimal.bp6-disabled:hover.bp6-active{
4054
- background:rgba(143, 153, 168, 0.3);
4137
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 30%, transparent);
4055
4138
  }
4056
- .bp6-dark .bp6-button.bp6-minimal{
4139
+ .bp6-dark .bp6-button.bp6-minimal, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal{
4057
4140
  background:none;
4058
4141
  box-shadow:none;
4059
- color:#ffffff;
4142
+ color:var(--bp-intent-default-foreground);
4060
4143
  }
4061
- .bp6-dark .bp6-button.bp6-minimal:hover, .bp6-dark .bp6-button.bp6-minimal:active, .bp6-dark .bp6-button.bp6-minimal.bp6-active{
4144
+ .bp6-dark .bp6-button.bp6-minimal:hover, .bp6-dark .bp6-button.bp6-minimal:active, .bp6-dark .bp6-button.bp6-minimal.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal:active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-active{
4062
4145
  background:none;
4063
4146
  box-shadow:none;
4064
- color:#ffffff;
4147
+ color:var(--bp-intent-default-foreground);
4065
4148
  }
4066
- .bp6-dark .bp6-button.bp6-minimal:hover{
4067
- background:rgba(143, 153, 168, 0.15);
4149
+ .bp6-dark .bp6-button.bp6-minimal:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal:hover{
4150
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 24%, transparent);
4068
4151
  }
4069
- .bp6-dark .bp6-button.bp6-minimal:active, .bp6-dark .bp6-button.bp6-minimal.bp6-active{
4070
- background:rgba(143, 153, 168, 0.3);
4152
+ .bp6-dark .bp6-button.bp6-minimal:active, .bp6-dark .bp6-button.bp6-minimal.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal:active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-active{
4153
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 49%, transparent);
4071
4154
  }
4072
- .bp6-dark .bp6-button.bp6-minimal:disabled, .bp6-dark .bp6-button.bp6-minimal:disabled:hover, .bp6-dark .bp6-button.bp6-minimal.bp6-disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-disabled:hover{
4155
+ .bp6-dark .bp6-button.bp6-minimal:disabled, .bp6-dark .bp6-button.bp6-minimal:disabled:hover, .bp6-dark .bp6-button.bp6-minimal.bp6-disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-disabled:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal:disabled:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-disabled:hover{
4073
4156
  background:none;
4074
- color:rgba(171, 179, 191, 0.6);
4157
+ color:var(--bp-typography-color-default-disabled);
4075
4158
  cursor:not-allowed;
4076
4159
  }
4077
- .bp6-dark .bp6-button.bp6-minimal:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal:disabled:hover.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-disabled:hover.bp6-active{
4078
- background:rgba(143, 153, 168, 0.3);
4160
+ .bp6-dark .bp6-button.bp6-minimal:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal:disabled:hover.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-disabled:hover.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal:disabled:hover.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-disabled:hover.bp6-active{
4161
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 30%, transparent);
4079
4162
  }
4080
4163
  .bp6-button.bp6-minimal.bp6-intent-primary{
4081
- color:#215db0;
4164
+ color:var(--bp-intent-primary-hover);
4082
4165
  }
4083
4166
  .bp6-button.bp6-minimal.bp6-intent-primary:hover, .bp6-button.bp6-minimal.bp6-intent-primary:active, .bp6-button.bp6-minimal.bp6-intent-primary.bp6-active{
4084
4167
  background:none;
4085
4168
  box-shadow:none;
4086
- color:#215db0;
4169
+ color:var(--bp-intent-primary-hover);
4087
4170
  }
4088
4171
  .bp6-button.bp6-minimal.bp6-intent-primary:hover{
4089
- background:rgba(45, 114, 210, 0.15);
4090
- color:#215db0;
4172
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 15%, transparent);
4173
+ color:var(--bp-intent-primary-hover);
4091
4174
  }
4092
4175
  .bp6-button.bp6-minimal.bp6-intent-primary:active, .bp6-button.bp6-minimal.bp6-intent-primary.bp6-active{
4093
- background:rgba(45, 114, 210, 0.3);
4094
- color:#184a90;
4176
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4177
+ color:var(--bp-intent-primary-active);
4095
4178
  }
4096
4179
  .bp6-button.bp6-minimal.bp6-intent-primary:disabled, .bp6-button.bp6-minimal.bp6-intent-primary.bp6-disabled{
4097
4180
  background:none;
4098
- color:rgba(33, 93, 176, 0.5);
4181
+ color:color-mix(in oklch, var(--bp-intent-primary-hover) 50%, transparent);
4099
4182
  }
4100
4183
  .bp6-button.bp6-minimal.bp6-intent-primary:disabled.bp6-active, .bp6-button.bp6-minimal.bp6-intent-primary.bp6-disabled.bp6-active{
4101
- background:rgba(45, 114, 210, 0.3);
4184
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4102
4185
  }
4103
4186
  .bp6-button.bp6-minimal.bp6-intent-primary .bp6-button-spinner .bp6-spinner-head{
4104
- stroke:#215db0;
4187
+ stroke:var(--bp-intent-primary-hover);
4105
4188
  }
4106
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary{
4107
- color:#8abbff;
4189
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-primary{
4190
+ color:color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white));
4108
4191
  }
4109
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary:hover{
4110
- background:rgba(45, 114, 210, 0.2);
4111
- color:#8abbff;
4192
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-primary:hover{
4193
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 20%, transparent);
4194
+ color:color-mix(in oklch, var(--bp-intent-primary-hover) 51%, var(--bp-palette-white));
4112
4195
  }
4113
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary:active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary.bp6-active{
4114
- background:rgba(45, 114, 210, 0.3);
4115
- color:#99c4ff;
4196
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary:active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-primary:active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-primary.bp6-active{
4197
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4198
+ color:color-mix(in oklch, var(--bp-intent-primary-active) 51%, var(--bp-palette-white));
4116
4199
  }
4117
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary:disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary.bp6-disabled{
4200
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary:disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-primary:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-primary.bp6-disabled{
4118
4201
  background:none;
4119
- color:rgba(138, 187, 255, 0.5);
4202
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white)) 50%, transparent);
4120
4203
  }
4121
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary.bp6-disabled.bp6-active{
4122
- background:rgba(45, 114, 210, 0.3);
4204
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-primary.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-primary:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-primary.bp6-disabled.bp6-active{
4205
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4123
4206
  }
4124
4207
  .bp6-button.bp6-minimal.bp6-intent-success{
4125
- color:#1c6e42;
4208
+ color:var(--bp-intent-success-hover);
4126
4209
  }
4127
4210
  .bp6-button.bp6-minimal.bp6-intent-success:hover, .bp6-button.bp6-minimal.bp6-intent-success:active, .bp6-button.bp6-minimal.bp6-intent-success.bp6-active{
4128
4211
  background:none;
4129
4212
  box-shadow:none;
4130
- color:#1c6e42;
4213
+ color:var(--bp-intent-success-hover);
4131
4214
  }
4132
4215
  .bp6-button.bp6-minimal.bp6-intent-success:hover{
4133
- background:rgba(35, 133, 81, 0.15);
4134
- color:#1c6e42;
4216
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 15%, transparent);
4217
+ color:var(--bp-intent-success-hover);
4135
4218
  }
4136
4219
  .bp6-button.bp6-minimal.bp6-intent-success:active, .bp6-button.bp6-minimal.bp6-intent-success.bp6-active{
4137
- background:rgba(35, 133, 81, 0.3);
4138
- color:#165a36;
4220
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4221
+ color:var(--bp-intent-success-active);
4139
4222
  }
4140
4223
  .bp6-button.bp6-minimal.bp6-intent-success:disabled, .bp6-button.bp6-minimal.bp6-intent-success.bp6-disabled{
4141
4224
  background:none;
4142
- color:rgba(28, 110, 66, 0.5);
4225
+ color:color-mix(in oklch, var(--bp-intent-success-hover) 50%, transparent);
4143
4226
  }
4144
4227
  .bp6-button.bp6-minimal.bp6-intent-success:disabled.bp6-active, .bp6-button.bp6-minimal.bp6-intent-success.bp6-disabled.bp6-active{
4145
- background:rgba(35, 133, 81, 0.3);
4228
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4146
4229
  }
4147
4230
  .bp6-button.bp6-minimal.bp6-intent-success .bp6-button-spinner .bp6-spinner-head{
4148
- stroke:#1c6e42;
4231
+ stroke:var(--bp-intent-success-hover);
4149
4232
  }
4150
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success{
4151
- color:#72ca9b;
4233
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-success{
4234
+ color:color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white));
4152
4235
  }
4153
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success:hover{
4154
- background:rgba(35, 133, 81, 0.2);
4155
- color:#72ca9b;
4236
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-success:hover{
4237
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 20%, transparent);
4238
+ color:color-mix(in oklch, var(--bp-intent-success-hover) 54%, var(--bp-palette-white));
4156
4239
  }
4157
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success:active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success.bp6-active{
4158
- background:rgba(35, 133, 81, 0.3);
4159
- color:#7cd7a2;
4240
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success:active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-success:active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-success.bp6-active{
4241
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4242
+ color:color-mix(in oklch, var(--bp-intent-success-active) 54%, var(--bp-palette-white));
4160
4243
  }
4161
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success:disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success.bp6-disabled{
4244
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success:disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-success:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-success.bp6-disabled{
4162
4245
  background:none;
4163
- color:rgba(114, 202, 155, 0.5);
4246
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white)) 50%, transparent);
4164
4247
  }
4165
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success.bp6-disabled.bp6-active{
4166
- background:rgba(35, 133, 81, 0.3);
4248
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-success.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-success:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-success.bp6-disabled.bp6-active{
4249
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4167
4250
  }
4168
4251
  .bp6-button.bp6-minimal.bp6-intent-warning{
4169
- color:#935610;
4252
+ color:var(--bp-intent-warning-hover);
4170
4253
  }
4171
4254
  .bp6-button.bp6-minimal.bp6-intent-warning:hover, .bp6-button.bp6-minimal.bp6-intent-warning:active, .bp6-button.bp6-minimal.bp6-intent-warning.bp6-active{
4172
4255
  background:none;
4173
4256
  box-shadow:none;
4174
- color:#935610;
4257
+ color:var(--bp-intent-warning-hover);
4175
4258
  }
4176
4259
  .bp6-button.bp6-minimal.bp6-intent-warning:hover{
4177
- background:rgba(200, 118, 25, 0.15);
4178
- color:#935610;
4260
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 15%, transparent);
4261
+ color:var(--bp-intent-warning-hover);
4179
4262
  }
4180
4263
  .bp6-button.bp6-minimal.bp6-intent-warning:active, .bp6-button.bp6-minimal.bp6-intent-warning.bp6-active{
4181
- background:rgba(200, 118, 25, 0.3);
4182
- color:#77450d;
4264
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4265
+ color:var(--bp-intent-warning-active);
4183
4266
  }
4184
4267
  .bp6-button.bp6-minimal.bp6-intent-warning:disabled, .bp6-button.bp6-minimal.bp6-intent-warning.bp6-disabled{
4185
4268
  background:none;
4186
- color:rgba(147, 86, 16, 0.5);
4269
+ color:color-mix(in oklch, var(--bp-intent-warning-hover) 50%, transparent);
4187
4270
  }
4188
4271
  .bp6-button.bp6-minimal.bp6-intent-warning:disabled.bp6-active, .bp6-button.bp6-minimal.bp6-intent-warning.bp6-disabled.bp6-active{
4189
- background:rgba(200, 118, 25, 0.3);
4272
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4190
4273
  }
4191
4274
  .bp6-button.bp6-minimal.bp6-intent-warning .bp6-button-spinner .bp6-spinner-head{
4192
- stroke:#935610;
4275
+ stroke:var(--bp-intent-warning-hover);
4193
4276
  }
4194
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning{
4195
- color:#fbb360;
4277
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-warning{
4278
+ color:color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white));
4196
4279
  }
4197
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning:hover{
4198
- background:rgba(200, 118, 25, 0.2);
4199
- color:#fbb360;
4280
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-warning:hover{
4281
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 20%, transparent);
4282
+ color:color-mix(in oklch, var(--bp-intent-warning-hover) 53%, var(--bp-palette-white));
4200
4283
  }
4201
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning:active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning.bp6-active{
4202
- background:rgba(200, 118, 25, 0.3);
4203
- color:#f5c186;
4284
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning:active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-warning:active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-warning.bp6-active{
4285
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4286
+ color:color-mix(in oklch, var(--bp-intent-warning-active) 53%, var(--bp-palette-white));
4204
4287
  }
4205
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning:disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning.bp6-disabled{
4288
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning:disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-warning:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-warning.bp6-disabled{
4206
4289
  background:none;
4207
- color:rgba(251, 179, 96, 0.5);
4290
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white)) 50%, transparent);
4208
4291
  }
4209
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning.bp6-disabled.bp6-active{
4210
- background:rgba(200, 118, 25, 0.3);
4292
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-warning.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-warning:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-warning.bp6-disabled.bp6-active{
4293
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4211
4294
  }
4212
4295
  .bp6-button.bp6-minimal.bp6-intent-danger{
4213
- color:#ac2f33;
4296
+ color:var(--bp-intent-danger-hover);
4214
4297
  }
4215
4298
  .bp6-button.bp6-minimal.bp6-intent-danger:hover, .bp6-button.bp6-minimal.bp6-intent-danger:active, .bp6-button.bp6-minimal.bp6-intent-danger.bp6-active{
4216
4299
  background:none;
4217
4300
  box-shadow:none;
4218
- color:#ac2f33;
4301
+ color:var(--bp-intent-danger-hover);
4219
4302
  }
4220
4303
  .bp6-button.bp6-minimal.bp6-intent-danger:hover{
4221
- background:rgba(205, 66, 70, 0.15);
4222
- color:#ac2f33;
4304
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 15%, transparent);
4305
+ color:var(--bp-intent-danger-hover);
4223
4306
  }
4224
4307
  .bp6-button.bp6-minimal.bp6-intent-danger:active, .bp6-button.bp6-minimal.bp6-intent-danger.bp6-active{
4225
- background:rgba(205, 66, 70, 0.3);
4226
- color:#8e292c;
4308
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
4309
+ color:var(--bp-intent-danger-active);
4227
4310
  }
4228
4311
  .bp6-button.bp6-minimal.bp6-intent-danger:disabled, .bp6-button.bp6-minimal.bp6-intent-danger.bp6-disabled{
4229
4312
  background:none;
4230
- color:rgba(172, 47, 51, 0.5);
4313
+ color:color-mix(in oklch, var(--bp-intent-danger-hover) 50%, transparent);
4231
4314
  }
4232
4315
  .bp6-button.bp6-minimal.bp6-intent-danger:disabled.bp6-active, .bp6-button.bp6-minimal.bp6-intent-danger.bp6-disabled.bp6-active{
4233
- background:rgba(205, 66, 70, 0.3);
4316
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
4234
4317
  }
4235
4318
  .bp6-button.bp6-minimal.bp6-intent-danger .bp6-button-spinner .bp6-spinner-head{
4236
- stroke:#ac2f33;
4319
+ stroke:var(--bp-intent-danger-hover);
4237
4320
  }
4238
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger{
4239
- color:#fa999c;
4321
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-danger{
4322
+ color:color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white));
4240
4323
  }
4241
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger:hover{
4242
- background:rgba(205, 66, 70, 0.2);
4243
- color:#fa999c;
4324
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-danger:hover{
4325
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 20%, transparent);
4326
+ color:color-mix(in oklch, var(--bp-intent-danger-hover) 53%, var(--bp-palette-white));
4244
4327
  }
4245
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger:active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger.bp6-active{
4246
- background:rgba(205, 66, 70, 0.3);
4247
- color:#ffa1a4;
4328
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger:active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-danger:active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-danger.bp6-active{
4329
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
4330
+ color:color-mix(in oklch, var(--bp-intent-danger-active) 53%, var(--bp-palette-white));
4248
4331
  }
4249
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger:disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger.bp6-disabled{
4332
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger:disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-danger:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-danger.bp6-disabled{
4250
4333
  background:none;
4251
- color:rgba(250, 153, 156, 0.5);
4334
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white)) 50%, transparent);
4335
+ }
4336
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-danger:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-danger.bp6-disabled.bp6-active{
4337
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
4252
4338
  }
4253
- .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-danger.bp6-disabled.bp6-active{
4254
- background:rgba(205, 66, 70, 0.3);
4339
+ .bp6-button.bp6-minimal.bp6-intent-default{
4340
+ color:var(--bp-intent-default-hover);
4341
+ }
4342
+ .bp6-button.bp6-minimal.bp6-intent-default:hover, .bp6-button.bp6-minimal.bp6-intent-default:active, .bp6-button.bp6-minimal.bp6-intent-default.bp6-active{
4343
+ background:none;
4344
+ box-shadow:none;
4345
+ color:var(--bp-intent-default-hover);
4346
+ }
4347
+ .bp6-button.bp6-minimal.bp6-intent-default:hover{
4348
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 15%, transparent);
4349
+ color:var(--bp-intent-default-hover);
4350
+ }
4351
+ .bp6-button.bp6-minimal.bp6-intent-default:active, .bp6-button.bp6-minimal.bp6-intent-default.bp6-active{
4352
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
4353
+ color:var(--bp-intent-default-active);
4354
+ }
4355
+ .bp6-button.bp6-minimal.bp6-intent-default:disabled, .bp6-button.bp6-minimal.bp6-intent-default.bp6-disabled{
4356
+ background:none;
4357
+ color:color-mix(in oklch, var(--bp-intent-default-hover) 50%, transparent);
4358
+ }
4359
+ .bp6-button.bp6-minimal.bp6-intent-default:disabled.bp6-active, .bp6-button.bp6-minimal.bp6-intent-default.bp6-disabled.bp6-active{
4360
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
4361
+ }
4362
+ .bp6-button.bp6-minimal.bp6-intent-default .bp6-button-spinner .bp6-spinner-head{
4363
+ stroke:var(--bp-intent-default-hover);
4364
+ }
4365
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-default, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-default{
4366
+ color:color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white));
4367
+ }
4368
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-default:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-default:hover{
4369
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 20%, transparent);
4370
+ color:color-mix(in srgb, var(--bp-intent-default-hover) 46%, var(--bp-palette-white));
4371
+ }
4372
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-default:active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-default.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-default:active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-default.bp6-active{
4373
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
4374
+ color:color-mix(in srgb, var(--bp-intent-default-active) 46%, var(--bp-palette-white));
4375
+ }
4376
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-default:disabled, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-default.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-default:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-default.bp6-disabled{
4377
+ background:none;
4378
+ color:color-mix(in oklch, color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white)) 50%, transparent);
4379
+ }
4380
+ .bp6-dark .bp6-button.bp6-minimal.bp6-intent-default:disabled.bp6-active, .bp6-dark .bp6-button.bp6-minimal.bp6-intent-default.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-default:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-minimal.bp6-intent-default.bp6-disabled.bp6-active{
4381
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
4255
4382
  }
4256
4383
  .bp6-button.bp6-outlined{
4257
4384
  background:none;
4258
4385
  box-shadow:none;
4259
4386
  }
4260
4387
  .bp6-button.bp6-outlined:hover{
4261
- background:rgba(143, 153, 168, 0.15);
4388
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 8%, transparent);
4262
4389
  box-shadow:none;
4263
- color:#1c2127;
4390
+ color:var(--bp-typography-color-default-rest);
4264
4391
  text-decoration:none;
4265
4392
  }
4266
4393
  .bp6-button.bp6-outlined:active, .bp6-button.bp6-outlined.bp6-active{
4267
- background:rgba(143, 153, 168, 0.3);
4394
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 16%, transparent);
4268
4395
  box-shadow:none;
4269
- color:#1c2127;
4396
+ color:var(--bp-typography-color-default-rest);
4270
4397
  }
4271
4398
  .bp6-button.bp6-outlined:disabled, .bp6-button.bp6-outlined:disabled:hover, .bp6-button.bp6-outlined.bp6-disabled, .bp6-button.bp6-outlined.bp6-disabled:hover{
4272
4399
  background:none;
4273
- color:rgba(95, 107, 124, 0.6);
4400
+ color:var(--bp-typography-color-default-disabled);
4274
4401
  cursor:not-allowed;
4275
4402
  }
4276
4403
  .bp6-button.bp6-outlined:disabled.bp6-active, .bp6-button.bp6-outlined:disabled:hover.bp6-active, .bp6-button.bp6-outlined.bp6-disabled.bp6-active, .bp6-button.bp6-outlined.bp6-disabled:hover.bp6-active{
4277
- background:rgba(143, 153, 168, 0.3);
4404
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 30%, transparent);
4278
4405
  }
4279
- .bp6-dark .bp6-button.bp6-outlined{
4406
+ .bp6-dark .bp6-button.bp6-outlined, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined{
4280
4407
  background:none;
4281
4408
  box-shadow:none;
4282
- color:#ffffff;
4409
+ color:var(--bp-intent-default-foreground);
4283
4410
  }
4284
- .bp6-dark .bp6-button.bp6-outlined:hover, .bp6-dark .bp6-button.bp6-outlined:active, .bp6-dark .bp6-button.bp6-outlined.bp6-active{
4411
+ .bp6-dark .bp6-button.bp6-outlined:hover, .bp6-dark .bp6-button.bp6-outlined:active, .bp6-dark .bp6-button.bp6-outlined.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined:active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-active{
4285
4412
  background:none;
4286
4413
  box-shadow:none;
4287
- color:#ffffff;
4414
+ color:var(--bp-intent-default-foreground);
4288
4415
  }
4289
- .bp6-dark .bp6-button.bp6-outlined:hover{
4290
- background:rgba(143, 153, 168, 0.15);
4416
+ .bp6-dark .bp6-button.bp6-outlined:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined:hover{
4417
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 24%, transparent);
4291
4418
  }
4292
- .bp6-dark .bp6-button.bp6-outlined:active, .bp6-dark .bp6-button.bp6-outlined.bp6-active{
4293
- background:rgba(143, 153, 168, 0.3);
4419
+ .bp6-dark .bp6-button.bp6-outlined:active, .bp6-dark .bp6-button.bp6-outlined.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined:active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-active{
4420
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 49%, transparent);
4294
4421
  }
4295
- .bp6-dark .bp6-button.bp6-outlined:disabled, .bp6-dark .bp6-button.bp6-outlined:disabled:hover, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled:hover{
4422
+ .bp6-dark .bp6-button.bp6-outlined:disabled, .bp6-dark .bp6-button.bp6-outlined:disabled:hover, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined:disabled:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-disabled:hover{
4296
4423
  background:none;
4297
- color:rgba(171, 179, 191, 0.6);
4424
+ color:var(--bp-typography-color-default-disabled);
4298
4425
  cursor:not-allowed;
4299
4426
  }
4300
- .bp6-dark .bp6-button.bp6-outlined:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined:disabled:hover.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled:hover.bp6-active{
4301
- background:rgba(143, 153, 168, 0.3);
4427
+ .bp6-dark .bp6-button.bp6-outlined:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined:disabled:hover.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled:hover.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined:disabled:hover.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-disabled:hover.bp6-active{
4428
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 30%, transparent);
4302
4429
  }
4303
4430
  .bp6-button.bp6-outlined.bp6-intent-primary{
4304
- color:#215db0;
4431
+ color:var(--bp-intent-primary-hover);
4305
4432
  }
4306
4433
  .bp6-button.bp6-outlined.bp6-intent-primary:hover, .bp6-button.bp6-outlined.bp6-intent-primary:active, .bp6-button.bp6-outlined.bp6-intent-primary.bp6-active{
4307
4434
  background:none;
4308
4435
  box-shadow:none;
4309
- color:#215db0;
4436
+ color:var(--bp-intent-primary-hover);
4310
4437
  }
4311
4438
  .bp6-button.bp6-outlined.bp6-intent-primary:hover{
4312
- background:rgba(45, 114, 210, 0.15);
4313
- color:#215db0;
4439
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 15%, transparent);
4440
+ color:var(--bp-intent-primary-hover);
4314
4441
  }
4315
4442
  .bp6-button.bp6-outlined.bp6-intent-primary:active, .bp6-button.bp6-outlined.bp6-intent-primary.bp6-active{
4316
- background:rgba(45, 114, 210, 0.3);
4317
- color:#184a90;
4443
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4444
+ color:var(--bp-intent-primary-active);
4318
4445
  }
4319
4446
  .bp6-button.bp6-outlined.bp6-intent-primary:disabled, .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled{
4320
4447
  background:none;
4321
- color:rgba(33, 93, 176, 0.5);
4448
+ color:color-mix(in oklch, var(--bp-intent-primary-hover) 50%, transparent);
4322
4449
  }
4323
4450
  .bp6-button.bp6-outlined.bp6-intent-primary:disabled.bp6-active, .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled.bp6-active{
4324
- background:rgba(45, 114, 210, 0.3);
4451
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4325
4452
  }
4326
4453
  .bp6-button.bp6-outlined.bp6-intent-primary .bp6-button-spinner .bp6-spinner-head{
4327
- stroke:#215db0;
4454
+ stroke:var(--bp-intent-primary-hover);
4328
4455
  }
4329
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary{
4330
- color:#8abbff;
4456
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary{
4457
+ color:color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white));
4331
4458
  }
4332
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary:hover{
4333
- background:rgba(45, 114, 210, 0.2);
4334
- color:#8abbff;
4459
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary:hover{
4460
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 20%, transparent);
4461
+ color:color-mix(in oklch, var(--bp-intent-primary-hover) 51%, var(--bp-palette-white));
4335
4462
  }
4336
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary:active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary.bp6-active{
4337
- background:rgba(45, 114, 210, 0.3);
4338
- color:#99c4ff;
4463
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary:active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary:active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary.bp6-active{
4464
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4465
+ color:color-mix(in oklch, var(--bp-intent-primary-active) 51%, var(--bp-palette-white));
4339
4466
  }
4340
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled{
4467
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled{
4341
4468
  background:none;
4342
- color:rgba(138, 187, 255, 0.5);
4469
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white)) 50%, transparent);
4343
4470
  }
4344
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled.bp6-active{
4345
- background:rgba(45, 114, 210, 0.3);
4471
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled.bp6-active{
4472
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4346
4473
  }
4347
4474
  .bp6-button.bp6-outlined.bp6-intent-success{
4348
- color:#1c6e42;
4475
+ color:var(--bp-intent-success-hover);
4349
4476
  }
4350
4477
  .bp6-button.bp6-outlined.bp6-intent-success:hover, .bp6-button.bp6-outlined.bp6-intent-success:active, .bp6-button.bp6-outlined.bp6-intent-success.bp6-active{
4351
4478
  background:none;
4352
4479
  box-shadow:none;
4353
- color:#1c6e42;
4480
+ color:var(--bp-intent-success-hover);
4354
4481
  }
4355
4482
  .bp6-button.bp6-outlined.bp6-intent-success:hover{
4356
- background:rgba(35, 133, 81, 0.15);
4357
- color:#1c6e42;
4483
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 15%, transparent);
4484
+ color:var(--bp-intent-success-hover);
4358
4485
  }
4359
4486
  .bp6-button.bp6-outlined.bp6-intent-success:active, .bp6-button.bp6-outlined.bp6-intent-success.bp6-active{
4360
- background:rgba(35, 133, 81, 0.3);
4361
- color:#165a36;
4487
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4488
+ color:var(--bp-intent-success-active);
4362
4489
  }
4363
4490
  .bp6-button.bp6-outlined.bp6-intent-success:disabled, .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled{
4364
4491
  background:none;
4365
- color:rgba(28, 110, 66, 0.5);
4492
+ color:color-mix(in oklch, var(--bp-intent-success-hover) 50%, transparent);
4366
4493
  }
4367
4494
  .bp6-button.bp6-outlined.bp6-intent-success:disabled.bp6-active, .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled.bp6-active{
4368
- background:rgba(35, 133, 81, 0.3);
4495
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4369
4496
  }
4370
4497
  .bp6-button.bp6-outlined.bp6-intent-success .bp6-button-spinner .bp6-spinner-head{
4371
- stroke:#1c6e42;
4498
+ stroke:var(--bp-intent-success-hover);
4372
4499
  }
4373
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success{
4374
- color:#72ca9b;
4500
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success{
4501
+ color:color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white));
4375
4502
  }
4376
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success:hover{
4377
- background:rgba(35, 133, 81, 0.2);
4378
- color:#72ca9b;
4503
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success:hover{
4504
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 20%, transparent);
4505
+ color:color-mix(in oklch, var(--bp-intent-success-hover) 54%, var(--bp-palette-white));
4379
4506
  }
4380
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success:active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success.bp6-active{
4381
- background:rgba(35, 133, 81, 0.3);
4382
- color:#7cd7a2;
4507
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success:active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success:active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success.bp6-active{
4508
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4509
+ color:color-mix(in oklch, var(--bp-intent-success-active) 54%, var(--bp-palette-white));
4383
4510
  }
4384
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled{
4511
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled{
4385
4512
  background:none;
4386
- color:rgba(114, 202, 155, 0.5);
4513
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white)) 50%, transparent);
4387
4514
  }
4388
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled.bp6-active{
4389
- background:rgba(35, 133, 81, 0.3);
4515
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled.bp6-active{
4516
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4390
4517
  }
4391
4518
  .bp6-button.bp6-outlined.bp6-intent-warning{
4392
- color:#935610;
4519
+ color:var(--bp-intent-warning-hover);
4393
4520
  }
4394
4521
  .bp6-button.bp6-outlined.bp6-intent-warning:hover, .bp6-button.bp6-outlined.bp6-intent-warning:active, .bp6-button.bp6-outlined.bp6-intent-warning.bp6-active{
4395
4522
  background:none;
4396
4523
  box-shadow:none;
4397
- color:#935610;
4524
+ color:var(--bp-intent-warning-hover);
4398
4525
  }
4399
4526
  .bp6-button.bp6-outlined.bp6-intent-warning:hover{
4400
- background:rgba(200, 118, 25, 0.15);
4401
- color:#935610;
4527
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 15%, transparent);
4528
+ color:var(--bp-intent-warning-hover);
4402
4529
  }
4403
4530
  .bp6-button.bp6-outlined.bp6-intent-warning:active, .bp6-button.bp6-outlined.bp6-intent-warning.bp6-active{
4404
- background:rgba(200, 118, 25, 0.3);
4405
- color:#77450d;
4531
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4532
+ color:var(--bp-intent-warning-active);
4406
4533
  }
4407
4534
  .bp6-button.bp6-outlined.bp6-intent-warning:disabled, .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled{
4408
4535
  background:none;
4409
- color:rgba(147, 86, 16, 0.5);
4536
+ color:color-mix(in oklch, var(--bp-intent-warning-hover) 50%, transparent);
4410
4537
  }
4411
4538
  .bp6-button.bp6-outlined.bp6-intent-warning:disabled.bp6-active, .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled.bp6-active{
4412
- background:rgba(200, 118, 25, 0.3);
4539
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4413
4540
  }
4414
4541
  .bp6-button.bp6-outlined.bp6-intent-warning .bp6-button-spinner .bp6-spinner-head{
4415
- stroke:#935610;
4542
+ stroke:var(--bp-intent-warning-hover);
4416
4543
  }
4417
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning{
4418
- color:#fbb360;
4544
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning{
4545
+ color:color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white));
4419
4546
  }
4420
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning:hover{
4421
- background:rgba(200, 118, 25, 0.2);
4422
- color:#fbb360;
4547
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning:hover{
4548
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 20%, transparent);
4549
+ color:color-mix(in oklch, var(--bp-intent-warning-hover) 53%, var(--bp-palette-white));
4423
4550
  }
4424
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning:active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning.bp6-active{
4425
- background:rgba(200, 118, 25, 0.3);
4426
- color:#f5c186;
4551
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning:active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning:active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning.bp6-active{
4552
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4553
+ color:color-mix(in oklch, var(--bp-intent-warning-active) 53%, var(--bp-palette-white));
4427
4554
  }
4428
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled{
4555
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled{
4429
4556
  background:none;
4430
- color:rgba(251, 179, 96, 0.5);
4557
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white)) 50%, transparent);
4431
4558
  }
4432
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled.bp6-active{
4433
- background:rgba(200, 118, 25, 0.3);
4559
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled.bp6-active{
4560
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4434
4561
  }
4435
4562
  .bp6-button.bp6-outlined.bp6-intent-danger{
4436
- color:#ac2f33;
4563
+ color:var(--bp-intent-danger-hover);
4437
4564
  }
4438
4565
  .bp6-button.bp6-outlined.bp6-intent-danger:hover, .bp6-button.bp6-outlined.bp6-intent-danger:active, .bp6-button.bp6-outlined.bp6-intent-danger.bp6-active{
4439
4566
  background:none;
4440
4567
  box-shadow:none;
4441
- color:#ac2f33;
4568
+ color:var(--bp-intent-danger-hover);
4442
4569
  }
4443
4570
  .bp6-button.bp6-outlined.bp6-intent-danger:hover{
4444
- background:rgba(205, 66, 70, 0.15);
4445
- color:#ac2f33;
4571
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 15%, transparent);
4572
+ color:var(--bp-intent-danger-hover);
4446
4573
  }
4447
4574
  .bp6-button.bp6-outlined.bp6-intent-danger:active, .bp6-button.bp6-outlined.bp6-intent-danger.bp6-active{
4448
- background:rgba(205, 66, 70, 0.3);
4449
- color:#8e292c;
4575
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
4576
+ color:var(--bp-intent-danger-active);
4450
4577
  }
4451
4578
  .bp6-button.bp6-outlined.bp6-intent-danger:disabled, .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled{
4452
4579
  background:none;
4453
- color:rgba(172, 47, 51, 0.5);
4580
+ color:color-mix(in oklch, var(--bp-intent-danger-hover) 50%, transparent);
4454
4581
  }
4455
4582
  .bp6-button.bp6-outlined.bp6-intent-danger:disabled.bp6-active, .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled.bp6-active{
4456
- background:rgba(205, 66, 70, 0.3);
4583
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
4457
4584
  }
4458
4585
  .bp6-button.bp6-outlined.bp6-intent-danger .bp6-button-spinner .bp6-spinner-head{
4459
- stroke:#ac2f33;
4586
+ stroke:var(--bp-intent-danger-hover);
4460
4587
  }
4461
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger{
4462
- color:#fa999c;
4588
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger{
4589
+ color:color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white));
4463
4590
  }
4464
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger:hover{
4465
- background:rgba(205, 66, 70, 0.2);
4466
- color:#fa999c;
4591
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger:hover{
4592
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 20%, transparent);
4593
+ color:color-mix(in oklch, var(--bp-intent-danger-hover) 53%, var(--bp-palette-white));
4467
4594
  }
4468
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger:active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger.bp6-active{
4469
- background:rgba(205, 66, 70, 0.3);
4470
- color:#ffa1a4;
4595
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger:active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger:active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger.bp6-active{
4596
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
4597
+ color:color-mix(in oklch, var(--bp-intent-danger-active) 53%, var(--bp-palette-white));
4598
+ }
4599
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled{
4600
+ background:none;
4601
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white)) 50%, transparent);
4602
+ }
4603
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled.bp6-active{
4604
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
4605
+ }
4606
+ .bp6-button.bp6-outlined.bp6-intent-default{
4607
+ color:var(--bp-intent-default-hover);
4608
+ }
4609
+ .bp6-button.bp6-outlined.bp6-intent-default:hover, .bp6-button.bp6-outlined.bp6-intent-default:active, .bp6-button.bp6-outlined.bp6-intent-default.bp6-active{
4610
+ background:none;
4611
+ box-shadow:none;
4612
+ color:var(--bp-intent-default-hover);
4613
+ }
4614
+ .bp6-button.bp6-outlined.bp6-intent-default:hover{
4615
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 15%, transparent);
4616
+ color:var(--bp-intent-default-hover);
4617
+ }
4618
+ .bp6-button.bp6-outlined.bp6-intent-default:active, .bp6-button.bp6-outlined.bp6-intent-default.bp6-active{
4619
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
4620
+ color:var(--bp-intent-default-active);
4621
+ }
4622
+ .bp6-button.bp6-outlined.bp6-intent-default:disabled, .bp6-button.bp6-outlined.bp6-intent-default.bp6-disabled{
4623
+ background:none;
4624
+ color:color-mix(in oklch, var(--bp-intent-default-hover) 50%, transparent);
4625
+ }
4626
+ .bp6-button.bp6-outlined.bp6-intent-default:disabled.bp6-active, .bp6-button.bp6-outlined.bp6-intent-default.bp6-disabled.bp6-active{
4627
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
4628
+ }
4629
+ .bp6-button.bp6-outlined.bp6-intent-default .bp6-button-spinner .bp6-spinner-head{
4630
+ stroke:var(--bp-intent-default-hover);
4631
+ }
4632
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default{
4633
+ color:color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white));
4471
4634
  }
4472
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled{
4635
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default:hover{
4636
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 20%, transparent);
4637
+ color:color-mix(in srgb, var(--bp-intent-default-hover) 46%, var(--bp-palette-white));
4638
+ }
4639
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default:active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default:active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default.bp6-active{
4640
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
4641
+ color:color-mix(in srgb, var(--bp-intent-default-active) 46%, var(--bp-palette-white));
4642
+ }
4643
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default.bp6-disabled{
4473
4644
  background:none;
4474
- color:rgba(250, 153, 156, 0.5);
4645
+ color:color-mix(in oklch, color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white)) 50%, transparent);
4475
4646
  }
4476
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled.bp6-active{
4477
- background:rgba(205, 66, 70, 0.3);
4647
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default:disabled.bp6-active, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default.bp6-disabled.bp6-active{
4648
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
4478
4649
  }
4479
4650
  .bp6-button.bp6-outlined{
4480
- border:1px solid rgba(28, 33, 39, 0.2);
4651
+ border:var(--bp-surface-border-width) solid var(--bp-surface-border-color-strong);
4481
4652
  box-sizing:border-box;
4482
4653
  }
4483
- .bp6-button.bp6-outlined:disabled, .bp6-button.bp6-outlined.bp6-disabled, .bp6-button.bp6-outlined:disabled:hover, .bp6-button.bp6-outlined.bp6-disabled:hover{
4484
- border-color:rgba(95, 107, 124, 0.1);
4654
+ .bp6-button.bp6-outlined:disabled, .bp6-button.bp6-outlined:disabled:hover, .bp6-button.bp6-outlined.bp6-disabled, .bp6-button.bp6-outlined.bp6-disabled:hover{
4655
+ border-color:var(--bp-surface-border-color-default);
4485
4656
  }
4486
- .bp6-dark .bp6-button.bp6-outlined{
4487
- border-color:rgba(255, 255, 255, 0.4);
4657
+ .bp6-dark .bp6-button.bp6-outlined, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined{
4658
+ border-color:var(--bp-surface-border-color-strong);
4488
4659
  }
4489
- .bp6-dark .bp6-button.bp6-outlined:disabled, .bp6-dark .bp6-button.bp6-outlined:disabled:hover, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled:hover{
4490
- border-color:rgba(255, 255, 255, 0.2);
4660
+ .bp6-dark .bp6-button.bp6-outlined:disabled, .bp6-dark .bp6-button.bp6-outlined:disabled:hover, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-disabled:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined:disabled:hover, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-disabled:hover{
4661
+ border-color:var(--bp-surface-border-color-default);
4491
4662
  }
4492
4663
  .bp6-button.bp6-outlined.bp6-intent-primary{
4493
- border-color:rgba(33, 93, 176, 0.6);
4664
+ border-color:color-mix(in oklch, var(--bp-intent-primary-hover) 60%, transparent);
4494
4665
  }
4495
4666
  .bp6-button.bp6-outlined.bp6-intent-primary:disabled, .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled{
4496
- border-color:rgba(33, 93, 176, 0.2);
4667
+ border-color:color-mix(in oklch, var(--bp-intent-primary-hover) 20%, transparent);
4497
4668
  }
4498
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary{
4499
- border-color:rgba(138, 187, 255, 0.6);
4669
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary{
4670
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white)) 60%, transparent);
4500
4671
  }
4501
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled{
4502
- border-color:rgba(138, 187, 255, 0.2);
4672
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-primary.bp6-disabled{
4673
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white)) 20%, transparent);
4503
4674
  }
4504
4675
  .bp6-button.bp6-outlined.bp6-intent-success{
4505
- border-color:rgba(28, 110, 66, 0.6);
4676
+ border-color:color-mix(in oklch, var(--bp-intent-success-hover) 60%, transparent);
4506
4677
  }
4507
4678
  .bp6-button.bp6-outlined.bp6-intent-success:disabled, .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled{
4508
- border-color:rgba(28, 110, 66, 0.2);
4679
+ border-color:color-mix(in oklch, var(--bp-intent-success-hover) 20%, transparent);
4509
4680
  }
4510
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success{
4511
- border-color:rgba(114, 202, 155, 0.6);
4681
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success{
4682
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white)) 60%, transparent);
4512
4683
  }
4513
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled{
4514
- border-color:rgba(114, 202, 155, 0.2);
4684
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-success.bp6-disabled{
4685
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white)) 20%, transparent);
4515
4686
  }
4516
4687
  .bp6-button.bp6-outlined.bp6-intent-warning{
4517
- border-color:rgba(147, 86, 16, 0.6);
4688
+ border-color:color-mix(in oklch, var(--bp-intent-warning-hover) 60%, transparent);
4518
4689
  }
4519
4690
  .bp6-button.bp6-outlined.bp6-intent-warning:disabled, .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled{
4520
- border-color:rgba(147, 86, 16, 0.2);
4691
+ border-color:color-mix(in oklch, var(--bp-intent-warning-hover) 20%, transparent);
4521
4692
  }
4522
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning{
4523
- border-color:rgba(251, 179, 96, 0.6);
4693
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning{
4694
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white)) 60%, transparent);
4524
4695
  }
4525
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled{
4526
- border-color:rgba(251, 179, 96, 0.2);
4696
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-warning.bp6-disabled{
4697
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white)) 20%, transparent);
4527
4698
  }
4528
4699
  .bp6-button.bp6-outlined.bp6-intent-danger{
4529
- border-color:rgba(172, 47, 51, 0.6);
4700
+ border-color:color-mix(in oklch, var(--bp-intent-danger-hover) 60%, transparent);
4530
4701
  }
4531
4702
  .bp6-button.bp6-outlined.bp6-intent-danger:disabled, .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled{
4532
- border-color:rgba(172, 47, 51, 0.2);
4703
+ border-color:color-mix(in oklch, var(--bp-intent-danger-hover) 20%, transparent);
4533
4704
  }
4534
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger{
4535
- border-color:rgba(250, 153, 156, 0.6);
4705
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger{
4706
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white)) 60%, transparent);
4536
4707
  }
4537
- .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled{
4538
- border-color:rgba(250, 153, 156, 0.2);
4708
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-danger.bp6-disabled{
4709
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white)) 20%, transparent);
4539
4710
  }
4540
- .bp6-button.bp6-intent-warning{
4541
- background:#fbb360;
4542
- color:#1c2127;
4711
+ .bp6-button.bp6-outlined.bp6-intent-default{
4712
+ border-color:color-mix(in oklch, var(--bp-intent-default-hover) 60%, transparent);
4713
+ }
4714
+ .bp6-button.bp6-outlined.bp6-intent-default:disabled, .bp6-button.bp6-outlined.bp6-intent-default.bp6-disabled{
4715
+ border-color:color-mix(in oklch, var(--bp-intent-default-hover) 20%, transparent);
4716
+ }
4717
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default{
4718
+ border-color:color-mix(in oklch, color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white)) 60%, transparent);
4719
+ }
4720
+ .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default:disabled, .bp6-dark .bp6-button.bp6-outlined.bp6-intent-default.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-outlined.bp6-intent-default.bp6-disabled{
4721
+ border-color:color-mix(in oklch, color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white)) 20%, transparent);
4543
4722
  }
4544
4723
  .bp6-button.bp6-intent-warning:not(.bp6-disabled).bp6-icon > svg{
4545
- fill:rgba(28, 33, 39, 0.7);
4724
+ fill:color-mix(in oklch, var(--bp-intent-warning-foreground) 70%, transparent);
4546
4725
  }
4547
4726
  .bp6-button.bp6-intent-warning:not(.bp6-disabled):not(.bp6-minimal):not(.bp6-outlined):hover{
4548
- background:#ec9a3c;
4549
- color:#1c2127;
4727
+ background:color-mix(in oklch, var(--bp6-button-warning-rest) 77%, var(--bp-intent-warning-hover));
4550
4728
  }
4551
4729
  .bp6-button.bp6-intent-warning:not(.bp6-disabled):not(.bp6-minimal):not(.bp6-outlined):active, .bp6-button.bp6-intent-warning:not(.bp6-disabled):not(.bp6-minimal):not(.bp6-outlined).bp6-active{
4552
- background:#c87619;
4553
- color:#1c2127;
4730
+ background:color-mix(in oklch, var(--bp6-button-warning-rest) 46%, var(--bp-intent-warning-active));
4554
4731
  }
4555
4732
  @media (forced-colors: active) and (prefers-color-scheme: dark){
4556
4733
  .bp6-button.bp6-intent-warning:not(.bp6-disabled):not(.bp6-minimal):not(.bp6-outlined):active, .bp6-button.bp6-intent-warning:not(.bp6-disabled):not(.bp6-minimal):not(.bp6-outlined).bp6-active{
@@ -4558,17 +4735,19 @@ a > .bp6-dark .bp6-running-text code{
4558
4735
  }
4559
4736
  }
4560
4737
  .bp6-button.bp6-intent-warning:disabled, .bp6-button.bp6-intent-warning.bp6-disabled{
4561
- background:rgba(200, 118, 25, 0.5);
4562
- color:rgba(28, 33, 39, 0.35);
4738
+ background-color:color-mix(in oklch, var(--bp-intent-warning-rest) 40%, transparent);
4563
4739
  }
4564
- .bp6-dark .bp6-button.bp6-intent-warning:disabled, .bp6-dark .bp6-button.bp6-intent-warning.bp6-disabled{
4565
- color:rgba(28, 33, 39, 0.6);
4740
+ .bp6-dark .bp6-button.bp6-intent-warning:disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-intent-warning:disabled, .bp6-dark .bp6-button.bp6-intent-warning.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button.bp6-intent-warning.bp6-disabled{
4741
+ color:color-mix(in oklch, var(--bp-intent-warning-foreground) 50%, transparent);
4566
4742
  }
4567
4743
  .bp6-button.bp6-intent-warning.bp6-minimal, .bp6-button.bp6-intent-warning.bp6-outlined{
4568
4744
  background:none;
4569
4745
  }
4570
- .bp6-dark .bp6-button.bp6-intent-warning.bp6-minimal:not(.bp6-disabled).bp6-icon > svg, .bp6-dark .bp6-button.bp6-intent-warning.bp6-outlined:not(.bp6-disabled).bp6-icon > svg{
4571
- fill:#fbb360;
4746
+ .bp6-button.bp6-intent-warning.bp6-minimal:disabled, .bp6-button.bp6-intent-warning.bp6-minimal.bp6-disabled, .bp6-button.bp6-intent-warning.bp6-outlined:disabled, .bp6-button.bp6-intent-warning.bp6-outlined.bp6-disabled{
4747
+ color:color-mix(in oklch, var(--bp-intent-warning-hover) 40%, transparent);
4748
+ }
4749
+ .bp6-dark .bp6-button.bp6-intent-warning.bp6-minimal:not(.bp6-disabled).bp6-icon > svg, [data-bp-color-scheme=dark] .bp6-button.bp6-intent-warning.bp6-minimal:not(.bp6-disabled).bp6-icon > svg, .bp6-dark .bp6-button.bp6-intent-warning.bp6-outlined:not(.bp6-disabled).bp6-icon > svg, [data-bp-color-scheme=dark] .bp6-button.bp6-intent-warning.bp6-outlined:not(.bp6-disabled).bp6-icon > svg{
4750
+ fill:color-mix(in oklch, var(--bp-intent-warning-rest) 35%, transparent);
4572
4751
  }
4573
4752
 
4574
4753
  a.bp6-button{
@@ -4577,10 +4756,10 @@ a.bp6-button{
4577
4756
  transition:none;
4578
4757
  }
4579
4758
  a.bp6-button, a.bp6-button:hover, a.bp6-button:active{
4580
- color:#1c2127;
4759
+ color:var(--bp-typography-color-default-rest);
4581
4760
  }
4582
4761
  a.bp6-button.bp6-disabled{
4583
- color:rgba(95, 107, 124, 0.6);
4762
+ color:var(--bp-typography-color-default-disabled);
4584
4763
  }
4585
4764
 
4586
4765
  .bp6-button-text{
@@ -4590,6 +4769,28 @@ a.bp6-button.bp6-disabled{
4590
4769
  .bp6-button.bp6-align-left .bp6-button-text, .bp6-button.bp6-align-right .bp6-button-text, .bp6-button-group.bp6-align-left .bp6-button-text, .bp6-button-group.bp6-align-right .bp6-button-text{
4591
4770
  flex:1 1 auto;
4592
4771
  }
4772
+ :root{
4773
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
4774
+ }
4775
+
4776
+ @supports (color: oklch(from var(--any-color) l c h)){
4777
+ :root{
4778
+ --bp6-button-warning-rest:oklch(
4779
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
4780
+ );
4781
+ }
4782
+ }
4783
+ :root{
4784
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
4785
+ }
4786
+
4787
+ @supports (color: oklch(from var(--any-color) l c h)){
4788
+ :root{
4789
+ --bp6-button-warning-rest:oklch(
4790
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
4791
+ );
4792
+ }
4793
+ }
4593
4794
  .bp6-button-group{
4594
4795
  display:inline-flex;
4595
4796
  }
@@ -4641,230 +4842,274 @@ a.bp6-button.bp6-disabled{
4641
4842
  }
4642
4843
  .bp6-button-group:not(.bp6-minimal):not(.bp6-outlined) > .bp6-popover-wrapper:not(:last-child) .bp6-button,
4643
4844
  .bp6-button-group:not(.bp6-minimal):not(.bp6-outlined) > .bp6-button:not(:last-child){
4644
- margin-right:-1px;
4845
+ margin-right:calc(-1 * var(--bp-surface-border-width));
4645
4846
  }
4646
4847
  .bp6-button-group.bp6-minimal .bp6-button, .bp6-button-group.bp6-outlined .bp6-button{
4647
4848
  background:none;
4648
4849
  box-shadow:none;
4649
4850
  }
4650
4851
  .bp6-button-group.bp6-minimal .bp6-button:hover, .bp6-button-group.bp6-outlined .bp6-button:hover{
4651
- background:rgba(143, 153, 168, 0.15);
4852
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 8%, transparent);
4652
4853
  box-shadow:none;
4653
- color:#1c2127;
4854
+ color:var(--bp-typography-color-default-rest);
4654
4855
  text-decoration:none;
4655
4856
  }
4656
4857
  .bp6-button-group.bp6-minimal .bp6-button:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-active, .bp6-button-group.bp6-outlined .bp6-button:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-active{
4657
- background:rgba(143, 153, 168, 0.3);
4858
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 16%, transparent);
4658
4859
  box-shadow:none;
4659
- color:#1c2127;
4860
+ color:var(--bp-typography-color-default-rest);
4660
4861
  }
4661
4862
  .bp6-button-group.bp6-minimal .bp6-button:disabled, .bp6-button-group.bp6-minimal .bp6-button:disabled:hover, .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled, .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled:hover, .bp6-button-group.bp6-outlined .bp6-button:disabled, .bp6-button-group.bp6-outlined .bp6-button:disabled:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled:hover{
4662
4863
  background:none;
4663
- color:rgba(95, 107, 124, 0.6);
4864
+ color:var(--bp-typography-color-default-disabled);
4664
4865
  cursor:not-allowed;
4665
4866
  }
4666
4867
  .bp6-button-group.bp6-minimal .bp6-button:disabled.bp6-active, .bp6-button-group.bp6-minimal .bp6-button:disabled:hover.bp6-active, .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled.bp6-active, .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled:hover.bp6-active, .bp6-button-group.bp6-outlined .bp6-button:disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button:disabled:hover.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled:hover.bp6-active{
4667
- background:rgba(143, 153, 168, 0.3);
4868
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 30%, transparent);
4668
4869
  }
4669
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button{
4870
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button{
4670
4871
  background:none;
4671
4872
  box-shadow:none;
4672
- color:#ffffff;
4873
+ color:var(--bp-intent-default-foreground);
4673
4874
  }
4674
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:hover, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-active{
4875
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:hover, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-active{
4675
4876
  background:none;
4676
4877
  box-shadow:none;
4677
- color:#ffffff;
4878
+ color:var(--bp-intent-default-foreground);
4678
4879
  }
4679
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:hover{
4680
- background:rgba(143, 153, 168, 0.15);
4880
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button:hover{
4881
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 24%, transparent);
4681
4882
  }
4682
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-active{
4683
- background:rgba(143, 153, 168, 0.3);
4883
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-active{
4884
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 49%, transparent);
4684
4885
  }
4685
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:disabled:hover, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:disabled:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled:hover{
4886
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:disabled:hover, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button:disabled:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:disabled:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button:disabled:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled:hover{
4686
4887
  background:none;
4687
- color:rgba(171, 179, 191, 0.6);
4888
+ color:var(--bp-typography-color-default-disabled);
4688
4889
  cursor:not-allowed;
4689
4890
  }
4690
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:disabled:hover.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled:hover.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:disabled:hover.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled:hover.bp6-active{
4691
- background:rgba(143, 153, 168, 0.3);
4891
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button:disabled:hover.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled:hover.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button:disabled:hover.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-disabled:hover.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button:disabled:hover.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled:hover.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button:disabled:hover.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-disabled:hover.bp6-active{
4892
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 30%, transparent);
4692
4893
  }
4693
4894
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary{
4694
- color:#215db0;
4895
+ color:var(--bp-intent-primary-hover);
4695
4896
  }
4696
4897
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:hover, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-active{
4697
4898
  background:none;
4698
4899
  box-shadow:none;
4699
- color:#215db0;
4900
+ color:var(--bp-intent-primary-hover);
4700
4901
  }
4701
4902
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:hover{
4702
- background:rgba(45, 114, 210, 0.15);
4703
- color:#215db0;
4903
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 15%, transparent);
4904
+ color:var(--bp-intent-primary-hover);
4704
4905
  }
4705
4906
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-active{
4706
- background:rgba(45, 114, 210, 0.3);
4707
- color:#184a90;
4907
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4908
+ color:var(--bp-intent-primary-active);
4708
4909
  }
4709
4910
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:disabled, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-disabled{
4710
4911
  background:none;
4711
- color:rgba(33, 93, 176, 0.5);
4912
+ color:color-mix(in oklch, var(--bp-intent-primary-hover) 50%, transparent);
4712
4913
  }
4713
4914
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:disabled.bp6-active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-disabled.bp6-active{
4714
- background:rgba(45, 114, 210, 0.3);
4915
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4715
4916
  }
4716
4917
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary .bp6-button-spinner .bp6-spinner-head, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary .bp6-button-spinner .bp6-spinner-head{
4717
- stroke:#215db0;
4918
+ stroke:var(--bp-intent-primary-hover);
4718
4919
  }
4719
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary{
4720
- color:#8abbff;
4920
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary{
4921
+ color:color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white));
4721
4922
  }
4722
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:hover{
4723
- background:rgba(45, 114, 210, 0.2);
4724
- color:#8abbff;
4923
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:hover{
4924
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 20%, transparent);
4925
+ color:color-mix(in oklch, var(--bp-intent-primary-hover) 51%, var(--bp-palette-white));
4725
4926
  }
4726
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-active{
4727
- background:rgba(45, 114, 210, 0.3);
4728
- color:#99c4ff;
4927
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-active{
4928
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4929
+ color:color-mix(in oklch, var(--bp-intent-primary-active) 51%, var(--bp-palette-white));
4729
4930
  }
4730
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-disabled{
4931
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-disabled{
4731
4932
  background:none;
4732
- color:rgba(138, 187, 255, 0.5);
4933
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white)) 50%, transparent);
4733
4934
  }
4734
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-disabled.bp6-active{
4735
- background:rgba(45, 114, 210, 0.3);
4935
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-primary.bp6-disabled.bp6-active{
4936
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
4736
4937
  }
4737
4938
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success{
4738
- color:#1c6e42;
4939
+ color:var(--bp-intent-success-hover);
4739
4940
  }
4740
4941
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:hover, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-active{
4741
4942
  background:none;
4742
4943
  box-shadow:none;
4743
- color:#1c6e42;
4944
+ color:var(--bp-intent-success-hover);
4744
4945
  }
4745
4946
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:hover{
4746
- background:rgba(35, 133, 81, 0.15);
4747
- color:#1c6e42;
4947
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 15%, transparent);
4948
+ color:var(--bp-intent-success-hover);
4748
4949
  }
4749
4950
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-active{
4750
- background:rgba(35, 133, 81, 0.3);
4751
- color:#165a36;
4951
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4952
+ color:var(--bp-intent-success-active);
4752
4953
  }
4753
4954
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:disabled, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-disabled{
4754
4955
  background:none;
4755
- color:rgba(28, 110, 66, 0.5);
4956
+ color:color-mix(in oklch, var(--bp-intent-success-hover) 50%, transparent);
4756
4957
  }
4757
4958
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:disabled.bp6-active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-disabled.bp6-active{
4758
- background:rgba(35, 133, 81, 0.3);
4959
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4759
4960
  }
4760
4961
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success .bp6-button-spinner .bp6-spinner-head, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success .bp6-button-spinner .bp6-spinner-head{
4761
- stroke:#1c6e42;
4962
+ stroke:var(--bp-intent-success-hover);
4762
4963
  }
4763
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success{
4764
- color:#72ca9b;
4964
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success{
4965
+ color:color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white));
4765
4966
  }
4766
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:hover{
4767
- background:rgba(35, 133, 81, 0.2);
4768
- color:#72ca9b;
4967
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:hover{
4968
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 20%, transparent);
4969
+ color:color-mix(in oklch, var(--bp-intent-success-hover) 54%, var(--bp-palette-white));
4769
4970
  }
4770
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-active{
4771
- background:rgba(35, 133, 81, 0.3);
4772
- color:#7cd7a2;
4971
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-active{
4972
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4973
+ color:color-mix(in oklch, var(--bp-intent-success-active) 54%, var(--bp-palette-white));
4773
4974
  }
4774
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-disabled{
4975
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-disabled{
4775
4976
  background:none;
4776
- color:rgba(114, 202, 155, 0.5);
4977
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white)) 50%, transparent);
4777
4978
  }
4778
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-disabled.bp6-active{
4779
- background:rgba(35, 133, 81, 0.3);
4979
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-success.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-success.bp6-disabled.bp6-active{
4980
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
4780
4981
  }
4781
4982
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning{
4782
- color:#935610;
4983
+ color:var(--bp-intent-warning-hover);
4783
4984
  }
4784
4985
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:hover, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-active{
4785
4986
  background:none;
4786
4987
  box-shadow:none;
4787
- color:#935610;
4988
+ color:var(--bp-intent-warning-hover);
4788
4989
  }
4789
4990
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:hover{
4790
- background:rgba(200, 118, 25, 0.15);
4791
- color:#935610;
4991
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 15%, transparent);
4992
+ color:var(--bp-intent-warning-hover);
4792
4993
  }
4793
4994
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-active{
4794
- background:rgba(200, 118, 25, 0.3);
4795
- color:#77450d;
4995
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4996
+ color:var(--bp-intent-warning-active);
4796
4997
  }
4797
4998
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:disabled, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-disabled{
4798
4999
  background:none;
4799
- color:rgba(147, 86, 16, 0.5);
5000
+ color:color-mix(in oklch, var(--bp-intent-warning-hover) 50%, transparent);
4800
5001
  }
4801
5002
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:disabled.bp6-active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-disabled.bp6-active{
4802
- background:rgba(200, 118, 25, 0.3);
5003
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4803
5004
  }
4804
5005
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning .bp6-button-spinner .bp6-spinner-head, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning .bp6-button-spinner .bp6-spinner-head{
4805
- stroke:#935610;
5006
+ stroke:var(--bp-intent-warning-hover);
4806
5007
  }
4807
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning{
4808
- color:#fbb360;
5008
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning{
5009
+ color:color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white));
4809
5010
  }
4810
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:hover{
4811
- background:rgba(200, 118, 25, 0.2);
4812
- color:#fbb360;
5011
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:hover{
5012
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 20%, transparent);
5013
+ color:color-mix(in oklch, var(--bp-intent-warning-hover) 53%, var(--bp-palette-white));
4813
5014
  }
4814
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-active{
4815
- background:rgba(200, 118, 25, 0.3);
4816
- color:#f5c186;
5015
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-active{
5016
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
5017
+ color:color-mix(in oklch, var(--bp-intent-warning-active) 53%, var(--bp-palette-white));
4817
5018
  }
4818
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-disabled{
5019
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-disabled{
4819
5020
  background:none;
4820
- color:rgba(251, 179, 96, 0.5);
5021
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white)) 50%, transparent);
4821
5022
  }
4822
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-disabled.bp6-active{
4823
- background:rgba(200, 118, 25, 0.3);
5023
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-warning.bp6-disabled.bp6-active{
5024
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
4824
5025
  }
4825
5026
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger{
4826
- color:#ac2f33;
5027
+ color:var(--bp-intent-danger-hover);
4827
5028
  }
4828
5029
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:hover, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-active{
4829
5030
  background:none;
4830
5031
  box-shadow:none;
4831
- color:#ac2f33;
5032
+ color:var(--bp-intent-danger-hover);
4832
5033
  }
4833
5034
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:hover{
4834
- background:rgba(205, 66, 70, 0.15);
4835
- color:#ac2f33;
5035
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 15%, transparent);
5036
+ color:var(--bp-intent-danger-hover);
4836
5037
  }
4837
5038
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-active{
4838
- background:rgba(205, 66, 70, 0.3);
4839
- color:#8e292c;
5039
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
5040
+ color:var(--bp-intent-danger-active);
4840
5041
  }
4841
5042
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:disabled, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-disabled{
4842
5043
  background:none;
4843
- color:rgba(172, 47, 51, 0.5);
5044
+ color:color-mix(in oklch, var(--bp-intent-danger-hover) 50%, transparent);
4844
5045
  }
4845
5046
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:disabled.bp6-active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-disabled.bp6-active{
4846
- background:rgba(205, 66, 70, 0.3);
5047
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
4847
5048
  }
4848
5049
  .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger .bp6-button-spinner .bp6-spinner-head, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger .bp6-button-spinner .bp6-spinner-head{
4849
- stroke:#ac2f33;
5050
+ stroke:var(--bp-intent-danger-hover);
4850
5051
  }
4851
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger{
4852
- color:#fa999c;
5052
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger{
5053
+ color:color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white));
4853
5054
  }
4854
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:hover{
4855
- background:rgba(205, 66, 70, 0.2);
4856
- color:#fa999c;
5055
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:hover{
5056
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 20%, transparent);
5057
+ color:color-mix(in oklch, var(--bp-intent-danger-hover) 53%, var(--bp-palette-white));
4857
5058
  }
4858
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-active{
4859
- background:rgba(205, 66, 70, 0.3);
4860
- color:#ffa1a4;
5059
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-active{
5060
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
5061
+ color:color-mix(in oklch, var(--bp-intent-danger-active) 53%, var(--bp-palette-white));
4861
5062
  }
4862
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-disabled{
5063
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-disabled{
4863
5064
  background:none;
4864
- color:rgba(250, 153, 156, 0.5);
5065
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white)) 50%, transparent);
4865
5066
  }
4866
- .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-disabled.bp6-active{
4867
- background:rgba(205, 66, 70, 0.3);
5067
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-danger.bp6-disabled.bp6-active{
5068
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
5069
+ }
5070
+ .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default{
5071
+ color:var(--bp-intent-default-hover);
5072
+ }
5073
+ .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:hover, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default.bp6-active{
5074
+ background:none;
5075
+ box-shadow:none;
5076
+ color:var(--bp-intent-default-hover);
5077
+ }
5078
+ .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:hover, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:hover{
5079
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 15%, transparent);
5080
+ color:var(--bp-intent-default-hover);
5081
+ }
5082
+ .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default.bp6-active{
5083
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
5084
+ color:var(--bp-intent-default-active);
5085
+ }
5086
+ .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:disabled, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default.bp6-disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:disabled, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default.bp6-disabled{
5087
+ background:none;
5088
+ color:color-mix(in oklch, var(--bp-intent-default-hover) 50%, transparent);
5089
+ }
5090
+ .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:disabled.bp6-active, .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default.bp6-disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:disabled.bp6-active, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default.bp6-disabled.bp6-active{
5091
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
5092
+ }
5093
+ .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default .bp6-button-spinner .bp6-spinner-head, .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default .bp6-button-spinner .bp6-spinner-head{
5094
+ stroke:var(--bp-intent-default-hover);
5095
+ }
5096
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default{
5097
+ color:color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white));
5098
+ }
5099
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:hover, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:hover{
5100
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 20%, transparent);
5101
+ color:color-mix(in srgb, var(--bp-intent-default-hover) 46%, var(--bp-palette-white));
5102
+ }
5103
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default.bp6-active{
5104
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
5105
+ color:color-mix(in srgb, var(--bp-intent-default-active) 46%, var(--bp-palette-white));
5106
+ }
5107
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:disabled, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:disabled, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default.bp6-disabled{
5108
+ background:none;
5109
+ color:color-mix(in oklch, color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white)) 50%, transparent);
5110
+ }
5111
+ .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-minimal .bp6-button.bp6-intent-default.bp6-disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:disabled.bp6-active, .bp6-dark .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined .bp6-button.bp6-intent-default.bp6-disabled.bp6-active{
5112
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
4868
5113
  }
4869
5114
  @media (forced-colors: active) and (prefers-color-scheme: dark){
4870
5115
  .bp6-button-group.bp6-minimal:not(:first-child), .bp6-button-group.bp6-outlined:not(:first-child){
@@ -4875,69 +5120,81 @@ a.bp6-button.bp6-disabled{
4875
5120
  .bp6-button-group.bp6-minimal:not(:last-child), .bp6-button-group.bp6-outlined:not(:last-child){
4876
5121
  border-bottom-right-radius:0;
4877
5122
  border-top-right-radius:0;
4878
- margin-right:-1px;
5123
+ margin-right:calc(-1 * var(--bp-surface-border-width));
4879
5124
  }
4880
5125
  }
4881
5126
  .bp6-button-group.bp6-outlined > .bp6-button{
4882
- border:1px solid rgba(28, 33, 39, 0.2);
5127
+ border:var(--bp-surface-border-width) solid var(--bp-surface-border-color-strong);
4883
5128
  box-sizing:border-box;
4884
5129
  }
4885
- .bp6-button-group.bp6-outlined > .bp6-button:disabled, .bp6-button-group.bp6-outlined > .bp6-button.bp6-disabled, .bp6-button-group.bp6-outlined > .bp6-button:disabled:hover, .bp6-button-group.bp6-outlined > .bp6-button.bp6-disabled:hover{
4886
- border-color:rgba(95, 107, 124, 0.1);
5130
+ .bp6-button-group.bp6-outlined > .bp6-button:disabled, .bp6-button-group.bp6-outlined > .bp6-button:disabled:hover, .bp6-button-group.bp6-outlined > .bp6-button.bp6-disabled, .bp6-button-group.bp6-outlined > .bp6-button.bp6-disabled:hover{
5131
+ border-color:var(--bp-surface-border-color-default);
4887
5132
  }
4888
- .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button{
4889
- border-color:rgba(255, 255, 255, 0.4);
5133
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button{
5134
+ border-color:var(--bp-surface-border-color-strong);
4890
5135
  }
4891
- .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button:disabled:hover, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-disabled:hover{
4892
- border-color:rgba(255, 255, 255, 0.2);
5136
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button:disabled:hover, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-disabled:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button:disabled:hover, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-disabled:hover{
5137
+ border-color:var(--bp-surface-border-color-default);
4893
5138
  }
4894
5139
  .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary{
4895
- border-color:rgba(33, 93, 176, 0.6);
5140
+ border-color:color-mix(in oklch, var(--bp-intent-primary-hover) 60%, transparent);
4896
5141
  }
4897
5142
  .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary:disabled, .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary.bp6-disabled{
4898
- border-color:rgba(33, 93, 176, 0.2);
5143
+ border-color:color-mix(in oklch, var(--bp-intent-primary-hover) 20%, transparent);
4899
5144
  }
4900
- .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary{
4901
- border-color:rgba(138, 187, 255, 0.6);
5145
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary{
5146
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white)) 60%, transparent);
4902
5147
  }
4903
- .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary.bp6-disabled{
4904
- border-color:rgba(138, 187, 255, 0.2);
5148
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-primary.bp6-disabled{
5149
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white)) 20%, transparent);
4905
5150
  }
4906
5151
  .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success{
4907
- border-color:rgba(28, 110, 66, 0.6);
5152
+ border-color:color-mix(in oklch, var(--bp-intent-success-hover) 60%, transparent);
4908
5153
  }
4909
5154
  .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success:disabled, .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success.bp6-disabled{
4910
- border-color:rgba(28, 110, 66, 0.2);
5155
+ border-color:color-mix(in oklch, var(--bp-intent-success-hover) 20%, transparent);
4911
5156
  }
4912
- .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success{
4913
- border-color:rgba(114, 202, 155, 0.6);
5157
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success{
5158
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white)) 60%, transparent);
4914
5159
  }
4915
- .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success.bp6-disabled{
4916
- border-color:rgba(114, 202, 155, 0.2);
5160
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-success.bp6-disabled{
5161
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white)) 20%, transparent);
4917
5162
  }
4918
5163
  .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning{
4919
- border-color:rgba(147, 86, 16, 0.6);
5164
+ border-color:color-mix(in oklch, var(--bp-intent-warning-hover) 60%, transparent);
4920
5165
  }
4921
5166
  .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning:disabled, .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning.bp6-disabled{
4922
- border-color:rgba(147, 86, 16, 0.2);
5167
+ border-color:color-mix(in oklch, var(--bp-intent-warning-hover) 20%, transparent);
4923
5168
  }
4924
- .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning{
4925
- border-color:rgba(251, 179, 96, 0.6);
5169
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning{
5170
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white)) 60%, transparent);
4926
5171
  }
4927
- .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning.bp6-disabled{
4928
- border-color:rgba(251, 179, 96, 0.2);
5172
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-warning.bp6-disabled{
5173
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white)) 20%, transparent);
4929
5174
  }
4930
5175
  .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger{
4931
- border-color:rgba(172, 47, 51, 0.6);
5176
+ border-color:color-mix(in oklch, var(--bp-intent-danger-hover) 60%, transparent);
4932
5177
  }
4933
5178
  .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger:disabled, .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger.bp6-disabled{
4934
- border-color:rgba(172, 47, 51, 0.2);
5179
+ border-color:color-mix(in oklch, var(--bp-intent-danger-hover) 20%, transparent);
4935
5180
  }
4936
- .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger{
4937
- border-color:rgba(250, 153, 156, 0.6);
5181
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger{
5182
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white)) 60%, transparent);
4938
5183
  }
4939
- .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger.bp6-disabled{
4940
- border-color:rgba(250, 153, 156, 0.2);
5184
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-danger.bp6-disabled{
5185
+ border-color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white)) 20%, transparent);
5186
+ }
5187
+ .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-default{
5188
+ border-color:color-mix(in oklch, var(--bp-intent-default-hover) 60%, transparent);
5189
+ }
5190
+ .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-default:disabled, .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-default.bp6-disabled{
5191
+ border-color:color-mix(in oklch, var(--bp-intent-default-hover) 20%, transparent);
5192
+ }
5193
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-default, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-default{
5194
+ border-color:color-mix(in oklch, color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white)) 60%, transparent);
5195
+ }
5196
+ .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-default:disabled, .bp6-dark .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-default.bp6-disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-default:disabled, [data-bp-color-scheme=dark] .bp6-button-group.bp6-outlined > .bp6-button.bp6-intent-default.bp6-disabled{
5197
+ border-color:color-mix(in oklch, color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white)) 20%, transparent);
4941
5198
  }
4942
5199
  .bp6-button-group.bp6-outlined:not(.bp6-vertical) > .bp6-button:not(:last-child){
4943
5200
  border-right:none;
@@ -4971,17 +5228,17 @@ a.bp6-button.bp6-disabled{
4971
5228
  .bp6-button-group.bp6-vertical:not(.bp6-minimal) > .bp6-button:first-child,
4972
5229
  .bp6-button-group.bp6-vertical.bp6-outlined > .bp6-popover-wrapper:first-child .bp6-button,
4973
5230
  .bp6-button-group.bp6-vertical.bp6-outlined > .bp6-button:first-child{
4974
- border-radius:4px 4px 0 0;
5231
+ border-radius:var(--bp-surface-border-radius) var(--bp-surface-border-radius) 0 0;
4975
5232
  }
4976
5233
  .bp6-button-group.bp6-vertical:not(.bp6-minimal) > .bp6-popover-wrapper:last-child .bp6-button,
4977
5234
  .bp6-button-group.bp6-vertical:not(.bp6-minimal) > .bp6-button:last-child,
4978
5235
  .bp6-button-group.bp6-vertical.bp6-outlined > .bp6-popover-wrapper:last-child .bp6-button,
4979
5236
  .bp6-button-group.bp6-vertical.bp6-outlined > .bp6-button:last-child{
4980
- border-radius:0 0 4px 4px;
5237
+ border-radius:0 0 var(--bp-surface-border-radius) var(--bp-surface-border-radius);
4981
5238
  }
4982
5239
  .bp6-button-group.bp6-vertical:not(.bp6-minimal):not(.bp6-outlined) > .bp6-popover-wrapper:not(:last-child) .bp6-button,
4983
5240
  .bp6-button-group.bp6-vertical:not(.bp6-minimal):not(.bp6-outlined) > .bp6-button:not(:last-child){
4984
- margin-bottom:-1px;
5241
+ margin-bottom:calc(-1 * var(--bp-surface-border-width));
4985
5242
  }
4986
5243
  .bp6-button-group.bp6-vertical.bp6-outlined > .bp6-button:not(:last-child){
4987
5244
  border-bottom:none;
@@ -5916,6 +6173,17 @@ a.bp6-button.bp6-disabled{
5916
6173
  .bp6-dark .bp6-drawer-footer{
5917
6174
  box-shadow:inset 0 1px 0 rgba(17, 20, 24, 0.4);
5918
6175
  }
6176
+ :root{
6177
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
6178
+ }
6179
+
6180
+ @supports (color: oklch(from var(--any-color) l c h)){
6181
+ :root{
6182
+ --bp6-button-warning-rest:oklch(
6183
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
6184
+ );
6185
+ }
6186
+ }
5919
6187
  .bp6-editable-text{
5920
6188
  cursor:text;
5921
6189
  display:inline-block;
@@ -6253,6 +6521,39 @@ a.bp6-button.bp6-disabled{
6253
6521
  .bp6-entity-title-heading-h4 .bp6-entity-title-subtitle, .bp6-entity-title-heading-h5 .bp6-entity-title-subtitle, .bp6-entity-title-heading-h6 .bp6-entity-title-subtitle{
6254
6522
  font-size:12px;
6255
6523
  }
6524
+ :root{
6525
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
6526
+ }
6527
+
6528
+ @supports (color: oklch(from var(--any-color) l c h)){
6529
+ :root{
6530
+ --bp6-button-warning-rest:oklch(
6531
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
6532
+ );
6533
+ }
6534
+ }
6535
+ :root{
6536
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
6537
+ }
6538
+
6539
+ @supports (color: oklch(from var(--any-color) l c h)){
6540
+ :root{
6541
+ --bp6-button-warning-rest:oklch(
6542
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
6543
+ );
6544
+ }
6545
+ }
6546
+ :root{
6547
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
6548
+ }
6549
+
6550
+ @supports (color: oklch(from var(--any-color) l c h)){
6551
+ :root{
6552
+ --bp6-button-warning-rest:oklch(
6553
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
6554
+ );
6555
+ }
6556
+ }
6256
6557
  .bp6-divider{
6257
6558
  border-bottom:1px solid rgba(17, 20, 24, 0.15);
6258
6559
  border-right:1px solid rgba(17, 20, 24, 0.15);
@@ -6393,6 +6694,17 @@ a.bp6-button.bp6-disabled{
6393
6694
  .bp6-control-group.bp6-vertical > :not(:last-child){
6394
6695
  margin-bottom:2px;
6395
6696
  }
6697
+ :root{
6698
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
6699
+ }
6700
+
6701
+ @supports (color: oklch(from var(--any-color) l c h)){
6702
+ :root{
6703
+ --bp6-button-warning-rest:oklch(
6704
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
6705
+ );
6706
+ }
6707
+ }
6396
6708
  .bp6-control input:checked ~ .bp6-control-indicator{
6397
6709
  background-color:#2d72d2;
6398
6710
  box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2);
@@ -6648,20 +6960,20 @@ a.bp6-button.bp6-disabled{
6648
6960
  border-radius:4px;
6649
6961
  }
6650
6962
  .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator::before{
6651
- background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z' fill='white'/%3e%3c/svg%3e");
6963
+ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5' fill='white'/%3e%3c/svg%3e");
6652
6964
  }
6653
6965
  .bp6-control.bp6-checkbox input:indeterminate ~ .bp6-control-indicator::before{
6654
- background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 7H5c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1z' fill='white'/%3e%3c/svg%3e");
6966
+ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M11 7H5c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1' fill='white'/%3e%3c/svg%3e");
6655
6967
  }
6656
6968
  .bp6-control.bp6-checkbox input:disabled ~ .bp6-control-indicator::before{
6657
6969
  opacity:0.5;
6658
6970
  }
6659
6971
  @media (forced-colors: active) and (prefers-color-scheme: dark){
6660
6972
  .bp6-control.bp6-checkbox input:checked:not(:disabled) ~ .bp6-control-indicator::before{
6661
- background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z' fill='%23111418'/%3e%3c/svg%3e");
6973
+ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5' fill='%23111418'/%3e%3c/svg%3e");
6662
6974
  }
6663
6975
  .bp6-control.bp6-checkbox input:indeterminate:not(:disabled) ~ .bp6-control-indicator::before{
6664
- background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 7H5c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1z' fill='%23111418'/%3e%3c/svg%3e");
6976
+ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M11 7H5c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1' fill='%23111418'/%3e%3c/svg%3e");
6665
6977
  }
6666
6978
  .bp6-control.bp6-checkbox input:disabled ~ .bp6-control-indicator{
6667
6979
  border-color:graytext;
@@ -6935,6 +7247,17 @@ a.bp6-button.bp6-disabled{
6935
7247
  .bp6-dark .bp6-control.bp6-checkbox input:disabled:checked ~ .bp6-control-indicator, .bp6-dark .bp6-control.bp6-checkbox input:disabled:indeterminate ~ .bp6-control-indicator{
6936
7248
  background:rgba(45, 114, 210, 0.5);
6937
7249
  }
7250
+ :root{
7251
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
7252
+ }
7253
+
7254
+ @supports (color: oklch(from var(--any-color) l c h)){
7255
+ :root{
7256
+ --bp6-button-warning-rest:oklch(
7257
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
7258
+ );
7259
+ }
7260
+ }
6938
7261
  .bp6-file-input{
6939
7262
  cursor:pointer;
6940
7263
  display:inline-block;
@@ -6963,9 +7286,9 @@ a.bp6-button.bp6-disabled{
6963
7286
  color:rgba(95, 107, 124, 0.6);
6964
7287
  }
6965
7288
  .bp6-file-input input:disabled + .bp6-file-upload-input::after, .bp6-file-input input.bp6-disabled + .bp6-file-upload-input::after{
6966
- background-color:rgba(211, 216, 222, 0.5);
7289
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 20%, transparent);
6967
7290
  box-shadow:none;
6968
- color:rgba(95, 107, 124, 0.6);
7291
+ color:var(--bp-typography-color-default-disabled);
6969
7292
  cursor:not-allowed;
6970
7293
  outline:none;
6971
7294
  }
@@ -6975,9 +7298,9 @@ a.bp6-button.bp6-disabled{
6975
7298
  color:rgba(171, 179, 191, 0.6);
6976
7299
  }
6977
7300
  .bp6-dark .bp6-file-input input:disabled + .bp6-file-upload-input::after, .bp6-dark .bp6-file-input input.bp6-disabled + .bp6-file-upload-input::after{
6978
- background-color:rgba(47, 52, 60, 0.15);
7301
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 4%, transparent);
6979
7302
  box-shadow:none;
6980
- color:rgba(171, 179, 191, 0.6);
7303
+ color:var(--bp-typography-color-default-disabled);
6981
7304
  }
6982
7305
  .bp6-file-input input:focus + .bp6-file-upload-input{
6983
7306
  box-shadow:inset 0 0 0 1px rgba(33, 93, 176, 0.752), 0 0 0 1px rgba(33, 93, 176, 0.752), inset 0 1px 1px rgba(17, 20, 24, 0.2);
@@ -7088,9 +7411,9 @@ a.bp6-button.bp6-disabled{
7088
7411
  user-select:none;
7089
7412
  }
7090
7413
  .bp6-file-upload-input::after{
7091
- background-color:#f6f7f9;
7092
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
7093
- color:#1c2127;
7414
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 5%, var(--bp-palette-white));
7415
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
7416
+ color:var(--bp-typography-color-default-rest);
7094
7417
  min-height:24px;
7095
7418
  min-width:24px;
7096
7419
  overflow:hidden;
@@ -7109,12 +7432,12 @@ a.bp6-button.bp6-disabled{
7109
7432
  }
7110
7433
  .bp6-file-upload-input:hover::after{
7111
7434
  background-clip:padding-box;
7112
- background-color:#edeff2;
7113
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
7435
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 9%, var(--bp-palette-white));
7436
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
7114
7437
  }
7115
7438
  .bp6-file-upload-input:active::after{
7116
- background-color:#dce0e5;
7117
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
7439
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 16%, var(--bp-palette-white));
7440
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
7118
7441
  }
7119
7442
  @media (forced-colors: active) and (prefers-color-scheme: dark){
7120
7443
  .bp6-file-upload-input:active::after{
@@ -7191,21 +7514,32 @@ a.bp6-button.bp6-disabled{
7191
7514
  color:rgba(171, 179, 191, 0.6);
7192
7515
  }
7193
7516
  .bp6-dark .bp6-file-upload-input::after{
7194
- background-color:#2f343c;
7195
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.2);
7196
- color:#f6f7f9;
7517
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 40%, var(--bp-palette-black));
7518
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
7519
+ color:var(--bp-intent-default-foreground);
7197
7520
  }
7198
7521
  .bp6-dark .bp6-file-upload-input:hover::after{
7199
- background-color:#252a31;
7200
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.4);
7522
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 42%, var(--bp-palette-black));
7523
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 40%, transparent);
7201
7524
  }
7202
7525
  .bp6-dark .bp6-file-upload-input:active::after{
7203
- background-color:#1c2127;
7204
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.4);
7526
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 30%, var(--bp-palette-black));
7527
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 40%, transparent);
7205
7528
  }
7206
7529
  .bp6-file-upload-input::after{
7207
7530
  box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
7208
7531
  }
7532
+ :root{
7533
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
7534
+ }
7535
+
7536
+ @supports (color: oklch(from var(--any-color) l c h)){
7537
+ :root{
7538
+ --bp6-button-warning-rest:oklch(
7539
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
7540
+ );
7541
+ }
7542
+ }
7209
7543
  .bp6-form-group{
7210
7544
  display:flex;
7211
7545
  flex-direction:column;
@@ -7285,6 +7619,17 @@ a.bp6-button.bp6-disabled{
7285
7619
  .bp6-dark .bp6-form-group.bp6-disabled .bp6-form-helper-text{
7286
7620
  color:rgba(171, 179, 191, 0.6) !important;
7287
7621
  }
7622
+ :root{
7623
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
7624
+ }
7625
+
7626
+ @supports (color: oklch(from var(--any-color) l c h)){
7627
+ :root{
7628
+ --bp6-button-warning-rest:oklch(
7629
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
7630
+ );
7631
+ }
7632
+ }
7288
7633
  .bp6-input-group{
7289
7634
  display:block;
7290
7635
  position:relative;
@@ -7889,6 +8234,17 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
7889
8234
  .bp6-dark label.bp6-label.bp6-disabled .bp6-text-muted{
7890
8235
  color:rgba(171, 179, 191, 0.6);
7891
8236
  }
8237
+ :root{
8238
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
8239
+ }
8240
+
8241
+ @supports (color: oklch(from var(--any-color) l c h)){
8242
+ :root{
8243
+ --bp6-button-warning-rest:oklch(
8244
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
8245
+ );
8246
+ }
8247
+ }
7892
8248
  .bp6-numeric-input .bp6-button-group.bp6-vertical > .bp6-button{
7893
8249
  flex:1 1 11px;
7894
8250
  min-height:0;
@@ -7905,6 +8261,17 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
7905
8261
  .bp6-scope form,.bp6-portal form{
7906
8262
  display:block;
7907
8263
  }
8264
+ :root{
8265
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
8266
+ }
8267
+
8268
+ @supports (color: oklch(from var(--any-color) l c h)){
8269
+ :root{
8270
+ --bp6-button-warning-rest:oklch(
8271
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
8272
+ );
8273
+ }
8274
+ }
7908
8275
  .bp6-html-select select,
7909
8276
  .bp6-select select{
7910
8277
  display:inline-flex;
@@ -7924,7 +8291,7 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
7924
8291
  .bp6-select select::before,
7925
8292
  .bp6-html-select select > *,
7926
8293
  .bp6-select select > *{
7927
- margin-right:8px;
8294
+ margin-right:calc(var(--bp-surface-spacing) * 2);
7928
8295
  }
7929
8296
  .bp6-html-select select:empty::before,
7930
8297
  .bp6-select select:empty::before,
@@ -7936,29 +8303,29 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
7936
8303
  .bp6-select select{
7937
8304
  align-items:center;
7938
8305
  border:none;
7939
- border-radius:4px;
8306
+ border-radius:var(--bp-surface-border-radius);
7940
8307
  cursor:pointer;
7941
- font-size:14px;
8308
+ font-size:var(--bp-typography-size-body-medium);
7942
8309
  justify-content:center;
7943
- padding:4px 8px;
8310
+ padding:var(--bp-surface-spacing) calc(var(--bp-surface-spacing) * 2);
7944
8311
  text-align:left;
7945
8312
  vertical-align:middle;
7946
- background-color:#f6f7f9;
7947
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
7948
- color:#1c2127;
8313
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 5%, var(--bp-palette-white));
8314
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
8315
+ color:var(--bp-typography-color-default-rest);
7949
8316
  }
7950
8317
  .bp6-html-select select:hover,
7951
8318
  .bp6-select select:hover{
7952
8319
  background-clip:padding-box;
7953
- background-color:#edeff2;
7954
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
8320
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 9%, var(--bp-palette-white));
8321
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
7955
8322
  }
7956
8323
  .bp6-html-select select:active,
7957
8324
  .bp6-select select:active,
7958
8325
  .bp6-html-select select.bp6-active,
7959
8326
  .bp6-select select.bp6-active{
7960
- background-color:#dce0e5;
7961
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
8327
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 16%, var(--bp-palette-white));
8328
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
7962
8329
  }
7963
8330
  @media (forced-colors: active) and (prefers-color-scheme: dark){
7964
8331
  .bp6-html-select select:active,
@@ -7972,9 +8339,9 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
7972
8339
  .bp6-select select:disabled,
7973
8340
  .bp6-html-select select.bp6-disabled,
7974
8341
  .bp6-select select.bp6-disabled{
7975
- background-color:rgba(211, 216, 222, 0.5);
8342
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 20%, transparent);
7976
8343
  box-shadow:none;
7977
- color:rgba(95, 107, 124, 0.6);
8344
+ color:var(--bp-typography-color-default-disabled);
7978
8345
  cursor:not-allowed;
7979
8346
  outline:none;
7980
8347
  }
@@ -7982,7 +8349,7 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
7982
8349
  .bp6-select select:disabled.bp6-active,
7983
8350
  .bp6-html-select select.bp6-disabled.bp6-active,
7984
8351
  .bp6-select select.bp6-disabled.bp6-active{
7985
- background:rgba(211, 216, 222, 0.7);
8352
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 28%, transparent);
7986
8353
  }
7987
8354
  @media (forced-colors: active) and (prefers-color-scheme: dark){
7988
8355
  .bp6-html-select select,
@@ -8007,60 +8374,60 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
8007
8374
  }
8008
8375
  .bp6-html-select.bp6-minimal select:hover,
8009
8376
  .bp6-select.bp6-minimal select:hover{
8010
- background:rgba(143, 153, 168, 0.15);
8377
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 8%, transparent);
8011
8378
  box-shadow:none;
8012
- color:#1c2127;
8379
+ color:var(--bp-typography-color-default-rest);
8013
8380
  text-decoration:none;
8014
8381
  }
8015
8382
  .bp6-html-select.bp6-minimal select:active,
8016
8383
  .bp6-select.bp6-minimal select:active,
8017
8384
  .bp6-html-select.bp6-minimal select.bp6-active,
8018
8385
  .bp6-select.bp6-minimal select.bp6-active{
8019
- background:rgba(143, 153, 168, 0.3);
8386
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 16%, transparent);
8020
8387
  box-shadow:none;
8021
- color:#1c2127;
8388
+ color:var(--bp-typography-color-default-rest);
8022
8389
  }
8023
8390
  .bp6-html-select.bp6-minimal select:disabled,
8024
8391
  .bp6-select.bp6-minimal select:disabled,
8025
8392
  .bp6-html-select.bp6-minimal select.bp6-disabled,
8026
8393
  .bp6-select.bp6-minimal select.bp6-disabled{
8027
8394
  background:none;
8028
- color:rgba(95, 107, 124, 0.6);
8395
+ color:var(--bp-typography-color-default-disabled);
8029
8396
  cursor:not-allowed;
8030
8397
  }
8031
8398
  .bp6-html-select.bp6-minimal select:disabled.bp6-active,
8032
8399
  .bp6-select.bp6-minimal select:disabled.bp6-active,
8033
8400
  .bp6-html-select.bp6-minimal select.bp6-disabled.bp6-active,
8034
8401
  .bp6-select.bp6-minimal select.bp6-disabled.bp6-active{
8035
- background:rgba(143, 153, 168, 0.3);
8402
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 30%, transparent);
8036
8403
  }
8037
- .bp6-dark .bp6-html-select.bp6-minimal select, .bp6-html-select.bp6-minimal .bp6-dark select, .bp6-dark .bp6-select.bp6-minimal select, .bp6-select.bp6-minimal .bp6-dark select{
8404
+ .bp6-dark .bp6-html-select.bp6-minimal select, .bp6-html-select.bp6-minimal .bp6-dark select, .bp6-dark .bp6-select.bp6-minimal select, .bp6-select.bp6-minimal .bp6-dark select, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select{
8038
8405
  background:none;
8039
8406
  box-shadow:none;
8040
- color:#ffffff;
8407
+ color:var(--bp-intent-default-foreground);
8041
8408
  }
8042
- .bp6-dark .bp6-html-select.bp6-minimal select:hover, .bp6-html-select.bp6-minimal .bp6-dark select:hover, .bp6-dark .bp6-select.bp6-minimal select:hover, .bp6-select.bp6-minimal .bp6-dark select:hover, .bp6-dark .bp6-html-select.bp6-minimal select:active, .bp6-html-select.bp6-minimal .bp6-dark select:active, .bp6-dark .bp6-select.bp6-minimal select:active, .bp6-select.bp6-minimal .bp6-dark select:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-active{
8409
+ .bp6-dark .bp6-html-select.bp6-minimal select:hover, .bp6-html-select.bp6-minimal .bp6-dark select:hover, .bp6-dark .bp6-select.bp6-minimal select:hover, .bp6-select.bp6-minimal .bp6-dark select:hover, .bp6-dark .bp6-html-select.bp6-minimal select:active, .bp6-html-select.bp6-minimal .bp6-dark select:active, .bp6-dark .bp6-select.bp6-minimal select:active, .bp6-select.bp6-minimal .bp6-dark select:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select:hover, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select:hover, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select:hover, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select:hover, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select:active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select:active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select:active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select:active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-active{
8043
8410
  background:none;
8044
8411
  box-shadow:none;
8045
- color:#ffffff;
8412
+ color:var(--bp-intent-default-foreground);
8046
8413
  }
8047
- .bp6-dark .bp6-html-select.bp6-minimal select:hover, .bp6-html-select.bp6-minimal .bp6-dark select:hover, .bp6-dark .bp6-select.bp6-minimal select:hover, .bp6-select.bp6-minimal .bp6-dark select:hover{
8048
- background:rgba(143, 153, 168, 0.15);
8414
+ .bp6-dark .bp6-html-select.bp6-minimal select:hover, .bp6-html-select.bp6-minimal .bp6-dark select:hover, .bp6-dark .bp6-select.bp6-minimal select:hover, .bp6-select.bp6-minimal .bp6-dark select:hover, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select:hover, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select:hover, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select:hover, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select:hover{
8415
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 24%, transparent);
8049
8416
  }
8050
- .bp6-dark .bp6-html-select.bp6-minimal select:active, .bp6-html-select.bp6-minimal .bp6-dark select:active, .bp6-dark .bp6-select.bp6-minimal select:active, .bp6-select.bp6-minimal .bp6-dark select:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-active{
8051
- background:rgba(143, 153, 168, 0.3);
8417
+ .bp6-dark .bp6-html-select.bp6-minimal select:active, .bp6-html-select.bp6-minimal .bp6-dark select:active, .bp6-dark .bp6-select.bp6-minimal select:active, .bp6-select.bp6-minimal .bp6-dark select:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select:active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select:active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select:active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select:active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-active{
8418
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 49%, transparent);
8052
8419
  }
8053
- .bp6-dark .bp6-html-select.bp6-minimal select:disabled, .bp6-html-select.bp6-minimal .bp6-dark select:disabled, .bp6-dark .bp6-select.bp6-minimal select:disabled, .bp6-select.bp6-minimal .bp6-dark select:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-disabled{
8420
+ .bp6-dark .bp6-html-select.bp6-minimal select:disabled, .bp6-html-select.bp6-minimal .bp6-dark select:disabled, .bp6-dark .bp6-select.bp6-minimal select:disabled, .bp6-select.bp6-minimal .bp6-dark select:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select:disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select:disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select:disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select:disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-disabled{
8054
8421
  background:none;
8055
- color:rgba(171, 179, 191, 0.6);
8422
+ color:var(--bp-typography-color-default-disabled);
8056
8423
  cursor:not-allowed;
8057
8424
  }
8058
- .bp6-dark .bp6-html-select.bp6-minimal select:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-disabled.bp6-active{
8059
- background:rgba(143, 153, 168, 0.3);
8425
+ .bp6-dark .bp6-html-select.bp6-minimal select:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select:disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select:disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-disabled.bp6-active{
8426
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 30%, transparent);
8060
8427
  }
8061
8428
  .bp6-html-select.bp6-minimal select.bp6-intent-primary,
8062
8429
  .bp6-select.bp6-minimal select.bp6-intent-primary{
8063
- color:#215db0;
8430
+ color:var(--bp-intent-primary-hover);
8064
8431
  }
8065
8432
  .bp6-html-select.bp6-minimal select.bp6-intent-primary:hover,
8066
8433
  .bp6-select.bp6-minimal select.bp6-intent-primary:hover,
@@ -8070,58 +8437,58 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
8070
8437
  .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-active{
8071
8438
  background:none;
8072
8439
  box-shadow:none;
8073
- color:#215db0;
8440
+ color:var(--bp-intent-primary-hover);
8074
8441
  }
8075
8442
  .bp6-html-select.bp6-minimal select.bp6-intent-primary:hover,
8076
8443
  .bp6-select.bp6-minimal select.bp6-intent-primary:hover{
8077
- background:rgba(45, 114, 210, 0.15);
8078
- color:#215db0;
8444
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 15%, transparent);
8445
+ color:var(--bp-intent-primary-hover);
8079
8446
  }
8080
8447
  .bp6-html-select.bp6-minimal select.bp6-intent-primary:active,
8081
8448
  .bp6-select.bp6-minimal select.bp6-intent-primary:active,
8082
8449
  .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-active,
8083
8450
  .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-active{
8084
- background:rgba(45, 114, 210, 0.3);
8085
- color:#184a90;
8451
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
8452
+ color:var(--bp-intent-primary-active);
8086
8453
  }
8087
8454
  .bp6-html-select.bp6-minimal select.bp6-intent-primary:disabled,
8088
8455
  .bp6-select.bp6-minimal select.bp6-intent-primary:disabled,
8089
8456
  .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-disabled,
8090
8457
  .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-disabled{
8091
8458
  background:none;
8092
- color:rgba(33, 93, 176, 0.5);
8459
+ color:color-mix(in oklch, var(--bp-intent-primary-hover) 50%, transparent);
8093
8460
  }
8094
8461
  .bp6-html-select.bp6-minimal select.bp6-intent-primary:disabled.bp6-active,
8095
8462
  .bp6-select.bp6-minimal select.bp6-intent-primary:disabled.bp6-active,
8096
8463
  .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-disabled.bp6-active,
8097
8464
  .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-disabled.bp6-active{
8098
- background:rgba(45, 114, 210, 0.3);
8465
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
8099
8466
  }
8100
8467
  .bp6-html-select.bp6-minimal select.bp6-intent-primary .bp6-button-spinner .bp6-spinner-head,
8101
8468
  .bp6-select.bp6-minimal select.bp6-intent-primary .bp6-button-spinner .bp6-spinner-head{
8102
- stroke:#215db0;
8469
+ stroke:var(--bp-intent-primary-hover);
8103
8470
  }
8104
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary{
8105
- color:#8abbff;
8471
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-primary, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-primary, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary{
8472
+ color:color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white));
8106
8473
  }
8107
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary:hover, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary:hover, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary:hover, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary:hover{
8108
- background:rgba(45, 114, 210, 0.2);
8109
- color:#8abbff;
8474
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary:hover, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary:hover, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary:hover, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary:hover, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-primary:hover, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary:hover, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-primary:hover, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary:hover{
8475
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 20%, transparent);
8476
+ color:color-mix(in oklch, var(--bp-intent-primary-hover) 51%, var(--bp-palette-white));
8110
8477
  }
8111
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary:active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary:active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary:active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-active{
8112
- background:rgba(45, 114, 210, 0.3);
8113
- color:#99c4ff;
8478
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary:active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary:active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary:active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-primary:active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary:active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-primary:active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary:active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary.bp6-active{
8479
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
8480
+ color:color-mix(in oklch, var(--bp-intent-primary-active) 51%, var(--bp-palette-white));
8114
8481
  }
8115
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary:disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary:disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary:disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-disabled{
8482
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary:disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary:disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary:disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-primary:disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary:disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-primary:disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary:disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary.bp6-disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary.bp6-disabled{
8116
8483
  background:none;
8117
- color:rgba(138, 187, 255, 0.5);
8484
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-primary-rest) 51%, var(--bp-palette-white)) 50%, transparent);
8118
8485
  }
8119
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-disabled.bp6-active{
8120
- background:rgba(45, 114, 210, 0.3);
8486
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-primary.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-primary:disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-primary:disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-primary.bp6-disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-primary.bp6-disabled.bp6-active{
8487
+ background-color:color-mix(in oklch, var(--bp-intent-primary-rest) 30%, transparent);
8121
8488
  }
8122
8489
  .bp6-html-select.bp6-minimal select.bp6-intent-success,
8123
8490
  .bp6-select.bp6-minimal select.bp6-intent-success{
8124
- color:#1c6e42;
8491
+ color:var(--bp-intent-success-hover);
8125
8492
  }
8126
8493
  .bp6-html-select.bp6-minimal select.bp6-intent-success:hover,
8127
8494
  .bp6-select.bp6-minimal select.bp6-intent-success:hover,
@@ -8131,58 +8498,58 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
8131
8498
  .bp6-select.bp6-minimal select.bp6-intent-success.bp6-active{
8132
8499
  background:none;
8133
8500
  box-shadow:none;
8134
- color:#1c6e42;
8501
+ color:var(--bp-intent-success-hover);
8135
8502
  }
8136
8503
  .bp6-html-select.bp6-minimal select.bp6-intent-success:hover,
8137
8504
  .bp6-select.bp6-minimal select.bp6-intent-success:hover{
8138
- background:rgba(35, 133, 81, 0.15);
8139
- color:#1c6e42;
8505
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 15%, transparent);
8506
+ color:var(--bp-intent-success-hover);
8140
8507
  }
8141
8508
  .bp6-html-select.bp6-minimal select.bp6-intent-success:active,
8142
8509
  .bp6-select.bp6-minimal select.bp6-intent-success:active,
8143
8510
  .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-active,
8144
8511
  .bp6-select.bp6-minimal select.bp6-intent-success.bp6-active{
8145
- background:rgba(35, 133, 81, 0.3);
8146
- color:#165a36;
8512
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
8513
+ color:var(--bp-intent-success-active);
8147
8514
  }
8148
8515
  .bp6-html-select.bp6-minimal select.bp6-intent-success:disabled,
8149
8516
  .bp6-select.bp6-minimal select.bp6-intent-success:disabled,
8150
8517
  .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-disabled,
8151
8518
  .bp6-select.bp6-minimal select.bp6-intent-success.bp6-disabled{
8152
8519
  background:none;
8153
- color:rgba(28, 110, 66, 0.5);
8520
+ color:color-mix(in oklch, var(--bp-intent-success-hover) 50%, transparent);
8154
8521
  }
8155
8522
  .bp6-html-select.bp6-minimal select.bp6-intent-success:disabled.bp6-active,
8156
8523
  .bp6-select.bp6-minimal select.bp6-intent-success:disabled.bp6-active,
8157
8524
  .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-disabled.bp6-active,
8158
8525
  .bp6-select.bp6-minimal select.bp6-intent-success.bp6-disabled.bp6-active{
8159
- background:rgba(35, 133, 81, 0.3);
8526
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
8160
8527
  }
8161
8528
  .bp6-html-select.bp6-minimal select.bp6-intent-success .bp6-button-spinner .bp6-spinner-head,
8162
8529
  .bp6-select.bp6-minimal select.bp6-intent-success .bp6-button-spinner .bp6-spinner-head{
8163
- stroke:#1c6e42;
8530
+ stroke:var(--bp-intent-success-hover);
8164
8531
  }
8165
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success{
8166
- color:#72ca9b;
8532
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-success, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-success, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success{
8533
+ color:color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white));
8167
8534
  }
8168
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success:hover, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success:hover, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success:hover, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success:hover{
8169
- background:rgba(35, 133, 81, 0.2);
8170
- color:#72ca9b;
8535
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success:hover, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success:hover, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success:hover, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success:hover, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-success:hover, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success:hover, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-success:hover, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success:hover{
8536
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 20%, transparent);
8537
+ color:color-mix(in oklch, var(--bp-intent-success-hover) 54%, var(--bp-palette-white));
8171
8538
  }
8172
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success:active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success:active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success:active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-active{
8173
- background:rgba(35, 133, 81, 0.3);
8174
- color:#7cd7a2;
8539
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success:active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success:active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success:active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-success:active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success:active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-success:active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success:active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-success.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success.bp6-active{
8540
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
8541
+ color:color-mix(in oklch, var(--bp-intent-success-active) 54%, var(--bp-palette-white));
8175
8542
  }
8176
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success:disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success:disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success:disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-disabled{
8543
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success:disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success:disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success:disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-success:disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success:disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-success:disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success:disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success.bp6-disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-success.bp6-disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success.bp6-disabled{
8177
8544
  background:none;
8178
- color:rgba(114, 202, 155, 0.5);
8545
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-success-rest) 54%, var(--bp-palette-white)) 50%, transparent);
8179
8546
  }
8180
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-disabled.bp6-active{
8181
- background:rgba(35, 133, 81, 0.3);
8547
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-success.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-success.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-success:disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-success:disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-success.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-success.bp6-disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-success.bp6-disabled.bp6-active{
8548
+ background-color:color-mix(in oklch, var(--bp-intent-success-rest) 30%, transparent);
8182
8549
  }
8183
8550
  .bp6-html-select.bp6-minimal select.bp6-intent-warning,
8184
8551
  .bp6-select.bp6-minimal select.bp6-intent-warning{
8185
- color:#935610;
8552
+ color:var(--bp-intent-warning-hover);
8186
8553
  }
8187
8554
  .bp6-html-select.bp6-minimal select.bp6-intent-warning:hover,
8188
8555
  .bp6-select.bp6-minimal select.bp6-intent-warning:hover,
@@ -8192,58 +8559,58 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
8192
8559
  .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-active{
8193
8560
  background:none;
8194
8561
  box-shadow:none;
8195
- color:#935610;
8562
+ color:var(--bp-intent-warning-hover);
8196
8563
  }
8197
8564
  .bp6-html-select.bp6-minimal select.bp6-intent-warning:hover,
8198
8565
  .bp6-select.bp6-minimal select.bp6-intent-warning:hover{
8199
- background:rgba(200, 118, 25, 0.15);
8200
- color:#935610;
8566
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 15%, transparent);
8567
+ color:var(--bp-intent-warning-hover);
8201
8568
  }
8202
8569
  .bp6-html-select.bp6-minimal select.bp6-intent-warning:active,
8203
8570
  .bp6-select.bp6-minimal select.bp6-intent-warning:active,
8204
8571
  .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-active,
8205
8572
  .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-active{
8206
- background:rgba(200, 118, 25, 0.3);
8207
- color:#77450d;
8573
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
8574
+ color:var(--bp-intent-warning-active);
8208
8575
  }
8209
8576
  .bp6-html-select.bp6-minimal select.bp6-intent-warning:disabled,
8210
8577
  .bp6-select.bp6-minimal select.bp6-intent-warning:disabled,
8211
8578
  .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-disabled,
8212
8579
  .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-disabled{
8213
8580
  background:none;
8214
- color:rgba(147, 86, 16, 0.5);
8581
+ color:color-mix(in oklch, var(--bp-intent-warning-hover) 50%, transparent);
8215
8582
  }
8216
8583
  .bp6-html-select.bp6-minimal select.bp6-intent-warning:disabled.bp6-active,
8217
8584
  .bp6-select.bp6-minimal select.bp6-intent-warning:disabled.bp6-active,
8218
8585
  .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-disabled.bp6-active,
8219
8586
  .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-disabled.bp6-active{
8220
- background:rgba(200, 118, 25, 0.3);
8587
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
8221
8588
  }
8222
8589
  .bp6-html-select.bp6-minimal select.bp6-intent-warning .bp6-button-spinner .bp6-spinner-head,
8223
8590
  .bp6-select.bp6-minimal select.bp6-intent-warning .bp6-button-spinner .bp6-spinner-head{
8224
- stroke:#935610;
8591
+ stroke:var(--bp-intent-warning-hover);
8225
8592
  }
8226
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning{
8227
- color:#fbb360;
8593
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-warning, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-warning, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning{
8594
+ color:color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white));
8228
8595
  }
8229
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning:hover, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning:hover, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning:hover, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning:hover{
8230
- background:rgba(200, 118, 25, 0.2);
8231
- color:#fbb360;
8596
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning:hover, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning:hover, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning:hover, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning:hover, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-warning:hover, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning:hover, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-warning:hover, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning:hover{
8597
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 20%, transparent);
8598
+ color:color-mix(in oklch, var(--bp-intent-warning-hover) 53%, var(--bp-palette-white));
8232
8599
  }
8233
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning:active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning:active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning:active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-active{
8234
- background:rgba(200, 118, 25, 0.3);
8235
- color:#f5c186;
8600
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning:active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning:active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning:active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-warning:active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning:active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-warning:active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning:active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning.bp6-active{
8601
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
8602
+ color:color-mix(in oklch, var(--bp-intent-warning-active) 53%, var(--bp-palette-white));
8236
8603
  }
8237
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning:disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning:disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning:disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-disabled{
8604
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning:disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning:disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning:disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-warning:disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning:disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-warning:disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning:disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning.bp6-disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning.bp6-disabled{
8238
8605
  background:none;
8239
- color:rgba(251, 179, 96, 0.5);
8606
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-warning-rest) 53%, var(--bp-palette-white)) 50%, transparent);
8240
8607
  }
8241
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-disabled.bp6-active{
8242
- background:rgba(200, 118, 25, 0.3);
8608
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-warning.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-warning:disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-warning:disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-warning.bp6-disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-warning.bp6-disabled.bp6-active{
8609
+ background-color:color-mix(in oklch, var(--bp6-button-warning-rest) 30%, transparent);
8243
8610
  }
8244
8611
  .bp6-html-select.bp6-minimal select.bp6-intent-danger,
8245
8612
  .bp6-select.bp6-minimal select.bp6-intent-danger{
8246
- color:#ac2f33;
8613
+ color:var(--bp-intent-danger-hover);
8247
8614
  }
8248
8615
  .bp6-html-select.bp6-minimal select.bp6-intent-danger:hover,
8249
8616
  .bp6-select.bp6-minimal select.bp6-intent-danger:hover,
@@ -8253,54 +8620,115 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
8253
8620
  .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-active{
8254
8621
  background:none;
8255
8622
  box-shadow:none;
8256
- color:#ac2f33;
8623
+ color:var(--bp-intent-danger-hover);
8257
8624
  }
8258
8625
  .bp6-html-select.bp6-minimal select.bp6-intent-danger:hover,
8259
8626
  .bp6-select.bp6-minimal select.bp6-intent-danger:hover{
8260
- background:rgba(205, 66, 70, 0.15);
8261
- color:#ac2f33;
8627
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 15%, transparent);
8628
+ color:var(--bp-intent-danger-hover);
8262
8629
  }
8263
8630
  .bp6-html-select.bp6-minimal select.bp6-intent-danger:active,
8264
8631
  .bp6-select.bp6-minimal select.bp6-intent-danger:active,
8265
8632
  .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-active,
8266
8633
  .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-active{
8267
- background:rgba(205, 66, 70, 0.3);
8268
- color:#8e292c;
8634
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
8635
+ color:var(--bp-intent-danger-active);
8269
8636
  }
8270
8637
  .bp6-html-select.bp6-minimal select.bp6-intent-danger:disabled,
8271
8638
  .bp6-select.bp6-minimal select.bp6-intent-danger:disabled,
8272
8639
  .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-disabled,
8273
8640
  .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-disabled{
8274
8641
  background:none;
8275
- color:rgba(172, 47, 51, 0.5);
8642
+ color:color-mix(in oklch, var(--bp-intent-danger-hover) 50%, transparent);
8276
8643
  }
8277
8644
  .bp6-html-select.bp6-minimal select.bp6-intent-danger:disabled.bp6-active,
8278
8645
  .bp6-select.bp6-minimal select.bp6-intent-danger:disabled.bp6-active,
8279
8646
  .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-disabled.bp6-active,
8280
8647
  .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-disabled.bp6-active{
8281
- background:rgba(205, 66, 70, 0.3);
8648
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
8282
8649
  }
8283
8650
  .bp6-html-select.bp6-minimal select.bp6-intent-danger .bp6-button-spinner .bp6-spinner-head,
8284
8651
  .bp6-select.bp6-minimal select.bp6-intent-danger .bp6-button-spinner .bp6-spinner-head{
8285
- stroke:#ac2f33;
8652
+ stroke:var(--bp-intent-danger-hover);
8286
8653
  }
8287
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger{
8288
- color:#fa999c;
8654
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-danger, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-danger, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger{
8655
+ color:color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white));
8289
8656
  }
8290
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger:hover, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger:hover, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger:hover, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger:hover{
8291
- background:rgba(205, 66, 70, 0.2);
8292
- color:#fa999c;
8657
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger:hover, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger:hover, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger:hover, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger:hover, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-danger:hover, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger:hover, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-danger:hover, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger:hover{
8658
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 20%, transparent);
8659
+ color:color-mix(in oklch, var(--bp-intent-danger-hover) 53%, var(--bp-palette-white));
8293
8660
  }
8294
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger:active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger:active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger:active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-active{
8295
- background:rgba(205, 66, 70, 0.3);
8296
- color:#ffa1a4;
8661
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger:active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger:active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger:active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-danger:active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger:active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-danger:active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger:active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger.bp6-active{
8662
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
8663
+ color:color-mix(in oklch, var(--bp-intent-danger-active) 53%, var(--bp-palette-white));
8297
8664
  }
8298
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger:disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger:disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger:disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-disabled{
8665
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger:disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger:disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger:disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-danger:disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger:disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-danger:disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger:disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger.bp6-disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger.bp6-disabled{
8299
8666
  background:none;
8300
- color:rgba(250, 153, 156, 0.5);
8667
+ color:color-mix(in oklch, color-mix(in oklch, var(--bp-intent-danger-rest) 53%, var(--bp-palette-white)) 50%, transparent);
8301
8668
  }
8302
- .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-disabled.bp6-active{
8303
- background:rgba(205, 66, 70, 0.3);
8669
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-danger.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-danger:disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-danger:disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-danger.bp6-disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-danger.bp6-disabled.bp6-active{
8670
+ background-color:color-mix(in oklch, var(--bp-intent-danger-rest) 30%, transparent);
8671
+ }
8672
+ .bp6-html-select.bp6-minimal select.bp6-intent-default,
8673
+ .bp6-select.bp6-minimal select.bp6-intent-default{
8674
+ color:var(--bp-intent-default-hover);
8675
+ }
8676
+ .bp6-html-select.bp6-minimal select.bp6-intent-default:hover,
8677
+ .bp6-select.bp6-minimal select.bp6-intent-default:hover,
8678
+ .bp6-html-select.bp6-minimal select.bp6-intent-default:active,
8679
+ .bp6-select.bp6-minimal select.bp6-intent-default:active,
8680
+ .bp6-html-select.bp6-minimal select.bp6-intent-default.bp6-active,
8681
+ .bp6-select.bp6-minimal select.bp6-intent-default.bp6-active{
8682
+ background:none;
8683
+ box-shadow:none;
8684
+ color:var(--bp-intent-default-hover);
8685
+ }
8686
+ .bp6-html-select.bp6-minimal select.bp6-intent-default:hover,
8687
+ .bp6-select.bp6-minimal select.bp6-intent-default:hover{
8688
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 15%, transparent);
8689
+ color:var(--bp-intent-default-hover);
8690
+ }
8691
+ .bp6-html-select.bp6-minimal select.bp6-intent-default:active,
8692
+ .bp6-select.bp6-minimal select.bp6-intent-default:active,
8693
+ .bp6-html-select.bp6-minimal select.bp6-intent-default.bp6-active,
8694
+ .bp6-select.bp6-minimal select.bp6-intent-default.bp6-active{
8695
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
8696
+ color:var(--bp-intent-default-active);
8697
+ }
8698
+ .bp6-html-select.bp6-minimal select.bp6-intent-default:disabled,
8699
+ .bp6-select.bp6-minimal select.bp6-intent-default:disabled,
8700
+ .bp6-html-select.bp6-minimal select.bp6-intent-default.bp6-disabled,
8701
+ .bp6-select.bp6-minimal select.bp6-intent-default.bp6-disabled{
8702
+ background:none;
8703
+ color:color-mix(in oklch, var(--bp-intent-default-hover) 50%, transparent);
8704
+ }
8705
+ .bp6-html-select.bp6-minimal select.bp6-intent-default:disabled.bp6-active,
8706
+ .bp6-select.bp6-minimal select.bp6-intent-default:disabled.bp6-active,
8707
+ .bp6-html-select.bp6-minimal select.bp6-intent-default.bp6-disabled.bp6-active,
8708
+ .bp6-select.bp6-minimal select.bp6-intent-default.bp6-disabled.bp6-active{
8709
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
8710
+ }
8711
+ .bp6-html-select.bp6-minimal select.bp6-intent-default .bp6-button-spinner .bp6-spinner-head,
8712
+ .bp6-select.bp6-minimal select.bp6-intent-default .bp6-button-spinner .bp6-spinner-head{
8713
+ stroke:var(--bp-intent-default-hover);
8714
+ }
8715
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-default, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-default, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-default, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-default, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-default, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-default, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default{
8716
+ color:color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white));
8717
+ }
8718
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-default:hover, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-default:hover, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-default:hover, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-default:hover, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-default:hover, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default:hover, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-default:hover, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default:hover{
8719
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 20%, transparent);
8720
+ color:color-mix(in srgb, var(--bp-intent-default-hover) 46%, var(--bp-palette-white));
8721
+ }
8722
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-default:active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-default:active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-default:active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-default:active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-default.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-default.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-default.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-default.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-default:active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default:active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-default:active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default:active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-default.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-default.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default.bp6-active{
8723
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
8724
+ color:color-mix(in srgb, var(--bp-intent-default-active) 46%, var(--bp-palette-white));
8725
+ }
8726
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-default:disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-default:disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-default:disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-default:disabled, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-default.bp6-disabled, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-default.bp6-disabled, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-default.bp6-disabled, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-default.bp6-disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-default:disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default:disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-default:disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default:disabled, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-default.bp6-disabled, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default.bp6-disabled, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-default.bp6-disabled, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default.bp6-disabled{
8727
+ background:none;
8728
+ color:color-mix(in oklch, color-mix(in srgb, var(--bp-intent-default-rest) 46%, var(--bp-palette-white)) 50%, transparent);
8729
+ }
8730
+ .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-default:disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-default:disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-default:disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-default:disabled.bp6-active, .bp6-dark .bp6-html-select.bp6-minimal select.bp6-intent-default.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal .bp6-dark select.bp6-intent-default.bp6-disabled.bp6-active, .bp6-dark .bp6-select.bp6-minimal select.bp6-intent-default.bp6-disabled.bp6-active, .bp6-select.bp6-minimal .bp6-dark select.bp6-intent-default.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-default:disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-default:disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default:disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-html-select.bp6-minimal select.bp6-intent-default.bp6-disabled.bp6-active, .bp6-html-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default.bp6-disabled.bp6-active, [data-bp-color-scheme=dark] .bp6-select.bp6-minimal select.bp6-intent-default.bp6-disabled.bp6-active, .bp6-select.bp6-minimal [data-bp-color-scheme=dark] select.bp6-intent-default.bp6-disabled.bp6-active{
8731
+ background-color:color-mix(in oklch, var(--bp-intent-default-rest) 30%, transparent);
8304
8732
  }
8305
8733
 
8306
8734
  .bp6-html-select.bp6-large select,
@@ -8312,9 +8740,9 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
8312
8740
 
8313
8741
  .bp6-dark .bp6-html-select select,
8314
8742
  .bp6-dark .bp6-select select{
8315
- background-color:#2f343c;
8316
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.2);
8317
- color:#f6f7f9;
8743
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 40%, var(--bp-palette-black));
8744
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
8745
+ color:var(--bp-intent-default-foreground);
8318
8746
  }
8319
8747
  .bp6-dark .bp6-html-select select:hover,
8320
8748
  .bp6-dark .bp6-select select:hover,
@@ -8322,38 +8750,38 @@ label.bp6-label:not(.bp6-inline) .bp6-popover-target{
8322
8750
  .bp6-dark .bp6-select select:active,
8323
8751
  .bp6-dark .bp6-html-select select.bp6-active,
8324
8752
  .bp6-dark .bp6-select select.bp6-active{
8325
- color:#f6f7f9;
8753
+ color:color-mix(in srgb, var(--bp-intent-default-hover) 4%, var(--bp-palette-white));
8326
8754
  }
8327
8755
  .bp6-dark .bp6-html-select select:hover,
8328
8756
  .bp6-dark .bp6-select select:hover{
8329
- background-color:#252a31;
8330
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.4);
8757
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 42%, var(--bp-palette-black));
8758
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 40%, transparent);
8331
8759
  }
8332
8760
  .bp6-dark .bp6-html-select select:active,
8333
8761
  .bp6-dark .bp6-select select:active,
8334
8762
  .bp6-dark .bp6-html-select select.bp6-active,
8335
8763
  .bp6-dark .bp6-select select.bp6-active{
8336
- background-color:#1c2127;
8337
- box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.4);
8764
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 30%, var(--bp-palette-black));
8765
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-default) 50%, transparent), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 40%, transparent);
8338
8766
  }
8339
8767
  .bp6-dark .bp6-html-select select:disabled,
8340
8768
  .bp6-dark .bp6-select select:disabled,
8341
8769
  .bp6-dark .bp6-html-select select.bp6-disabled,
8342
8770
  .bp6-dark .bp6-select select.bp6-disabled{
8343
- background-color:rgba(47, 52, 60, 0.15);
8771
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 4%, transparent);
8344
8772
  box-shadow:none;
8345
- color:rgba(171, 179, 191, 0.6);
8773
+ color:var(--bp-typography-color-default-disabled);
8346
8774
  }
8347
8775
  .bp6-dark .bp6-html-select select:disabled.bp6-active,
8348
8776
  .bp6-dark .bp6-select select:disabled.bp6-active,
8349
8777
  .bp6-dark .bp6-html-select select.bp6-disabled.bp6-active,
8350
8778
  .bp6-dark .bp6-select select.bp6-disabled.bp6-active{
8351
- background:rgba(47, 52, 60, 0.7);
8779
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 7%, transparent);
8352
8780
  }
8353
8781
  .bp6-dark .bp6-html-select select .bp6-button-spinner .bp6-spinner-head,
8354
8782
  .bp6-dark .bp6-select select .bp6-button-spinner .bp6-spinner-head{
8355
- background:rgba(17, 20, 24, 0.5);
8356
- stroke:#8f99a8;
8783
+ background:color-mix(in srgb, var(--bp-intent-default-rest) 20%, var(--bp-palette-black));
8784
+ stroke:color-mix(in srgb, var(--bp-intent-default-rest) 68%, var(--bp-palette-white));
8357
8785
  }
8358
8786
 
8359
8787
  .bp6-html-select select:disabled,
@@ -8697,6 +9125,10 @@ span.bp6-icon:empty.bp6-icon-large{
8697
9125
  content:"\f109";
8698
9126
  }
8699
9127
 
9128
+ .bp6-icon-add-application::before{
9129
+ content:"\f3b8";
9130
+ }
9131
+
8700
9132
  .bp6-icon-add-child::before{
8701
9133
  content:"\f39d";
8702
9134
  }
@@ -12525,6 +12957,17 @@ body.bp6-overlay-open{
12525
12957
  transition-property:transform, opacity;
12526
12958
  transition-timing-function:ease;
12527
12959
  }
12960
+ :root{
12961
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
12962
+ }
12963
+
12964
+ @supports (color: oklch(from var(--any-color) l c h)){
12965
+ :root{
12966
+ --bp6-button-warning-rest:oklch(
12967
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
12968
+ );
12969
+ }
12970
+ }
12528
12971
  .bp6-button-group:not(.bp6-minimal) > .bp6-popover-target:not(:first-child) .bp6-button{
12529
12972
  border-bottom-left-radius:0;
12530
12973
  border-top-left-radius:0;
@@ -13300,6 +13743,17 @@ a > .bp6-dark .bp6-tooltip .bp6-running-text code{
13300
13743
  border-bottom:dotted 1px;
13301
13744
  cursor:help;
13302
13745
  }
13746
+ :root{
13747
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
13748
+ }
13749
+
13750
+ @supports (color: oklch(from var(--any-color) l c h)){
13751
+ :root{
13752
+ --bp6-button-warning-rest:oklch(
13753
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
13754
+ );
13755
+ }
13756
+ }
13303
13757
  .bp6-slider{
13304
13758
  height:40px;
13305
13759
  min-width:150px;
@@ -13365,18 +13819,18 @@ a > .bp6-dark .bp6-tooltip .bp6-running-text code{
13365
13819
  }
13366
13820
 
13367
13821
  .bp6-slider-handle{
13368
- background-color:#f6f7f9;
13369
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
13370
- color:#1c2127;
13822
+ background-color:color-mix(in srgb, var(--bp-intent-default-rest) 5%, var(--bp-palette-white));
13823
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 10%, transparent);
13824
+ color:var(--bp-typography-color-default-rest);
13371
13825
  }
13372
13826
  .bp6-slider-handle:hover{
13373
13827
  background-clip:padding-box;
13374
- background-color:#edeff2;
13375
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
13828
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 9%, var(--bp-palette-white));
13829
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
13376
13830
  }
13377
13831
  .bp6-slider-handle:active, .bp6-slider-handle.bp6-active{
13378
- background-color:#dce0e5;
13379
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
13832
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 16%, var(--bp-palette-white));
13833
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
13380
13834
  }
13381
13835
  @media (forced-colors: active) and (prefers-color-scheme: dark){
13382
13836
  .bp6-slider-handle:active, .bp6-slider-handle.bp6-active{
@@ -13384,14 +13838,14 @@ a > .bp6-dark .bp6-tooltip .bp6-running-text code{
13384
13838
  }
13385
13839
  }
13386
13840
  .bp6-slider-handle:disabled, .bp6-slider-handle.bp6-disabled{
13387
- background-color:rgba(211, 216, 222, 0.5);
13841
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 20%, transparent);
13388
13842
  box-shadow:none;
13389
- color:rgba(95, 107, 124, 0.6);
13843
+ color:var(--bp-typography-color-default-disabled);
13390
13844
  cursor:not-allowed;
13391
13845
  outline:none;
13392
13846
  }
13393
13847
  .bp6-slider-handle:disabled.bp6-active, .bp6-slider-handle:disabled.bp6-active:hover, .bp6-slider-handle.bp6-disabled.bp6-active, .bp6-slider-handle.bp6-disabled.bp6-active:hover{
13394
- background:rgba(211, 216, 222, 0.7);
13848
+ background-color:color-mix(in srgb, var(--bp-intent-default-disabled) 28%, transparent);
13395
13849
  }
13396
13850
  @media (forced-colors: active) and (prefers-color-scheme: dark){
13397
13851
  .bp6-slider-handle{
@@ -13413,15 +13867,15 @@ a > .bp6-dark .bp6-tooltip .bp6-running-text code{
13413
13867
  }
13414
13868
  .bp6-slider-handle:hover{
13415
13869
  background-clip:padding-box;
13416
- background-color:#edeff2;
13417
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
13870
+ background-color:color-mix(in srgb, var(--bp-intent-default-hover) 9%, var(--bp-palette-white));
13871
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
13418
13872
  box-shadow:0 0 0 1px rgba(17, 20, 24, 0.5), 0 1px 2px rgba(17, 20, 24, 0.6);
13419
13873
  cursor:grab;
13420
13874
  z-index:2;
13421
13875
  }
13422
13876
  .bp6-slider-handle.bp6-active{
13423
- background-color:#dce0e5;
13424
- box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
13877
+ background-color:color-mix(in srgb, var(--bp-intent-default-active) 16%, var(--bp-palette-white));
13878
+ box-shadow:inset 0 0 0 var(--bp-surface-border-width) color-mix(in oklch, var(--bp-surface-border-color-strong) 90%, var(--bp-palette-black)), 0 1px 2px color-mix(in oklch, var(--bp-palette-black) 20%, transparent);
13425
13879
  }
13426
13880
  @media (forced-colors: active) and (prefers-color-scheme: dark){
13427
13881
  .bp6-slider-handle.bp6-active{
@@ -13825,6 +14279,8 @@ a > .bp6-dark .bp6-tooltip .bp6-running-text code{
13825
14279
  min-width:20px;
13826
14280
  padding:2px 6px;
13827
14281
  position:relative;
14282
+ }
14283
+ .bp6-tag:not(.bp6-fill) > .bp6-fill:only-child{
13828
14284
  text-align:center;
13829
14285
  }
13830
14286
  .bp6-tag:focus{
@@ -14591,6 +15047,17 @@ a > .bp6-dark .bp6-tooltip .bp6-running-text code{
14591
15047
  .bp6-compound-tag.bp6-intent-danger.bp6-interactive:active .bp6-compound-tag-right, .bp6-compound-tag.bp6-intent-danger.bp6-interactive.bp6-active .bp6-compound-tag-right{
14592
15048
  background-color:#8e292c;
14593
15049
  }
15050
+ :root{
15051
+ --bp6-button-warning-rest:var(--bp-palette-orange-5);
15052
+ }
15053
+
15054
+ @supports (color: oklch(from var(--any-color) l c h)){
15055
+ :root{
15056
+ --bp6-button-warning-rest:oklch(
15057
+ from var(--bp-intent-warning-rest) calc(l + 0.177) calc(c - 0.01) calc(h + 6.26)
15058
+ );
15059
+ }
15060
+ }
14594
15061
  .bp6-tag-input{
14595
15062
  display:flex;
14596
15063
  flex-direction:row;
@@ -14681,9 +15148,9 @@ a > .bp6-dark .bp6-tooltip .bp6-running-text code{
14681
15148
  margin-left:0;
14682
15149
  }
14683
15150
  .bp6-tag-input .bp6-button{
14684
- min-height:24px;
14685
- min-width:24px;
14686
- padding:0 8px;
15151
+ min-height:calc(var(--bp-surface-spacing) * 6);
15152
+ min-width:calc(var(--bp-surface-spacing) * 6);
15153
+ padding:0 calc(var(--bp-surface-spacing) * 2);
14687
15154
  }
14688
15155
  .bp6-tag-input.bp6-large::before,
14689
15156
  .bp6-tag-input.bp6-large > *{
@@ -14705,9 +15172,9 @@ a > .bp6-dark .bp6-tooltip .bp6-running-text code{
14705
15172
  line-height:30px;
14706
15173
  }
14707
15174
  .bp6-tag-input.bp6-large .bp6-button{
14708
- min-height:30px;
14709
- min-width:30px;
14710
- padding:4px 8px;
15175
+ min-height:calc(var(--bp-surface-spacing) * 7.5);
15176
+ min-width:calc(var(--bp-surface-spacing) * 7.5);
15177
+ padding:var(--bp-surface-spacing) calc(var(--bp-surface-spacing) * 2);
14711
15178
  margin:5px;
14712
15179
  margin-left:0;
14713
15180
  }