@box/blueprint-web 12.66.0 → 12.67.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/lib-esm/index.css
CHANGED
|
@@ -1282,32 +1282,38 @@
|
|
|
1282
1282
|
[data-button-wrapper][data-focus-visible] .bp_avatar_module_avatar--9de0f{
|
|
1283
1283
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
|
|
1284
1284
|
}
|
|
1285
|
-
.bp_tooltip_module_content--
|
|
1285
|
+
.bp_tooltip_module_content--977cf[data-modern=false]{
|
|
1286
1286
|
--tooltip-max-width:200px;
|
|
1287
1287
|
--tooltip-padding:var(--space-2) var(--space-3);
|
|
1288
1288
|
--tooltip-radius:var(--radius-1);
|
|
1289
1289
|
--tooltip-background:var(--surface-tooltip-surface);
|
|
1290
1290
|
--tooltip-background-error:var(--surface-tooltip-surface-error);
|
|
1291
|
-
--tooltip-border:var(--border-1);
|
|
1291
|
+
--tooltip-border:var(--border-1) solid var(--surface-tooltip-surface);
|
|
1292
1292
|
--tooltip-text-color:var(--text-text-on-dark);
|
|
1293
1293
|
--tooltip-text-color-error:var(--text-text-on-light);
|
|
1294
|
-
--tooltip-border-error:var(--border-tooltip-border-error);
|
|
1294
|
+
--tooltip-border-error:var(--border-1) solid var(--border-tooltip-border-error);
|
|
1295
|
+
--tooltip-drop-shadow:none;
|
|
1296
|
+
--tooltip-backdrop-filter:none;
|
|
1295
1297
|
}
|
|
1296
1298
|
|
|
1297
|
-
.bp_tooltip_module_content--
|
|
1299
|
+
.bp_tooltip_module_content--977cf[data-modern=true]{
|
|
1298
1300
|
--tooltip-max-width:200px;
|
|
1299
1301
|
--tooltip-padding:var(--bp-space-020) var(--bp-space-030);
|
|
1300
1302
|
--tooltip-radius:var(--bp-radius-04);
|
|
1301
1303
|
--tooltip-background:var(--bp-surface-tooltip-surface);
|
|
1302
1304
|
--tooltip-background-error:var(--bp-surface-tooltip-surface-error);
|
|
1303
|
-
--tooltip-border:var(--bp-border-01);
|
|
1305
|
+
--tooltip-border:var(--bp-border-01) solid var(--bp-border-tooltip-border);
|
|
1304
1306
|
--tooltip-text-color:var(--bp-text-text-on-dark);
|
|
1305
1307
|
--tooltip-text-color-error:var(--bp-text-text-on-light);
|
|
1306
|
-
--tooltip-border-error:var(--bp-border-tooltip-border-error);
|
|
1308
|
+
--tooltip-border-error:var(--bp-border-01) solid var(--bp-border-tooltip-border-error);
|
|
1309
|
+
--tooltip-drop-shadow:var(--dropshadow-3);
|
|
1310
|
+
--tooltip-backdrop-filter:blur(16px);
|
|
1307
1311
|
}
|
|
1308
1312
|
|
|
1309
|
-
.bp_tooltip_module_content--
|
|
1313
|
+
.bp_tooltip_module_content--977cf{
|
|
1314
|
+
backdrop-filter:var(--tooltip-backdrop-filter);
|
|
1310
1315
|
border-radius:var(--tooltip-radius);
|
|
1316
|
+
box-shadow:var(--tooltip-drop-shadow);
|
|
1311
1317
|
box-sizing:border-box;
|
|
1312
1318
|
font-family:var(--body-default-font-family);
|
|
1313
1319
|
font-size:var(--body-default-font-size);
|
|
@@ -1323,18 +1329,18 @@
|
|
|
1323
1329
|
word-break:break-word;
|
|
1324
1330
|
z-index:2147483647;
|
|
1325
1331
|
}
|
|
1326
|
-
.bp_tooltip_module_content--
|
|
1332
|
+
.bp_tooltip_module_content--977cf.bp_tooltip_module_standard--977cf{
|
|
1327
1333
|
background-color:var(--tooltip-background);
|
|
1328
|
-
border:var(--tooltip-border)
|
|
1334
|
+
border:var(--tooltip-border);
|
|
1329
1335
|
color:var(--tooltip-text-color);
|
|
1330
1336
|
}
|
|
1331
|
-
.bp_tooltip_module_content--
|
|
1337
|
+
.bp_tooltip_module_content--977cf.bp_tooltip_module_error--977cf{
|
|
1332
1338
|
background-color:var(--tooltip-background-error);
|
|
1333
|
-
border:var(--tooltip-border
|
|
1339
|
+
border:var(--tooltip-border-error);
|
|
1334
1340
|
color:var(--tooltip-text-color-error);
|
|
1335
1341
|
}
|
|
1336
1342
|
|
|
1337
|
-
.bp_tooltip_module_arrow--
|
|
1343
|
+
.bp_tooltip_module_arrow--977cf{
|
|
1338
1344
|
border-left:8.7px solid #0000;
|
|
1339
1345
|
border-right:8.7px solid #0000;
|
|
1340
1346
|
border-top:8.7px solid var(--surface-tooltip-surface);
|
|
@@ -1342,10 +1348,10 @@
|
|
|
1342
1348
|
height:0;
|
|
1343
1349
|
width:0;
|
|
1344
1350
|
}
|
|
1345
|
-
.bp_tooltip_module_arrow--
|
|
1351
|
+
.bp_tooltip_module_arrow--977cf.bp_tooltip_module_error--977cf{
|
|
1346
1352
|
border-top-color:var(--border-tooltip-border-error);
|
|
1347
1353
|
}
|
|
1348
|
-
.bp_tooltip_module_arrow--
|
|
1354
|
+
.bp_tooltip_module_arrow--977cf.bp_tooltip_module_error--977cf::after{
|
|
1349
1355
|
border-left:7.7px solid #0000;
|
|
1350
1356
|
border-right:7.7px solid #0000;
|
|
1351
1357
|
border-top:7.7px solid var(--surface-tooltip-surface-error);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"content":"bp_tooltip_module_content--
|
|
2
|
+
var styles = {"content":"bp_tooltip_module_content--977cf","standard":"bp_tooltip_module_standard--977cf","error":"bp_tooltip_module_error--977cf","arrow":"bp_tooltip_module_arrow--977cf"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|