@box/blueprint-web 18.7.1 → 18.9.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/avatar/avatar-group/avatar-group.d.ts +2 -0
- package/dist/lib-esm/avatar/avatar-group/avatar-group.js +156 -0
- package/dist/lib-esm/avatar/avatar-group/avatar-group.module.js +4 -0
- package/dist/lib-esm/avatar/avatar-group/types.d.ts +27 -0
- package/dist/lib-esm/avatar/avatar-group/use-avatar-group-hover.d.ts +6 -0
- package/dist/lib-esm/avatar/avatar-group/use-avatar-group-hover.js +61 -0
- package/dist/lib-esm/avatar/avatar-group/utils.d.ts +5 -0
- package/dist/lib-esm/avatar/avatar-group/utils.js +31 -0
- package/dist/lib-esm/avatar/avatar.module.js +1 -1
- package/dist/lib-esm/avatar/index.d.ts +2 -0
- package/dist/lib-esm/badge/base-badge.d.ts +6 -1
- package/dist/lib-esm/badge/base-badge.js +9 -1
- package/dist/lib-esm/badge/base-badge.module.js +1 -1
- package/dist/lib-esm/badge/numeric-badge.js +36 -2
- package/dist/lib-esm/components.css +214 -66
- package/dist/lib-esm/index.css +214 -66
- package/dist/lib-esm/index.js +1 -0
- package/dist/lib-esm/tooltip/travel-tooltip.d.ts +20 -0
- package/dist/lib-esm/tooltip/travel-tooltip.js +100 -0
- package/dist/lib-esm/tooltip/travel-tooltip.module.js +4 -0
- package/dist/lib-esm/utils/use-one-shot-animation.d.ts +35 -0
- package/dist/lib-esm/utils/use-one-shot-animation.js +112 -0
- package/package.json +3 -3
|
@@ -2160,7 +2160,7 @@
|
|
|
2160
2160
|
background-color:initial;
|
|
2161
2161
|
border:none;
|
|
2162
2162
|
}
|
|
2163
|
-
.bp_avatar_module_avatar--
|
|
2163
|
+
.bp_avatar_module_avatar--42c50{
|
|
2164
2164
|
--avatar-line-height:1;
|
|
2165
2165
|
all:unset;
|
|
2166
2166
|
align-items:center;
|
|
@@ -2178,7 +2178,7 @@
|
|
|
2178
2178
|
line-height:var(--bp-font-line-height-04);
|
|
2179
2179
|
position:relative;
|
|
2180
2180
|
}
|
|
2181
|
-
:where(body.is-inter-font) .bp_avatar_module_avatar--
|
|
2181
|
+
:where(body.is-inter-font) .bp_avatar_module_avatar--42c50{
|
|
2182
2182
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2183
2183
|
font-size:.875rem;
|
|
2184
2184
|
font-style:normal;
|
|
@@ -2189,10 +2189,10 @@
|
|
|
2189
2189
|
text-transform:none;
|
|
2190
2190
|
}
|
|
2191
2191
|
|
|
2192
|
-
.bp_avatar_module_avatar--
|
|
2192
|
+
.bp_avatar_module_avatar--42c50{
|
|
2193
2193
|
line-height:var(--avatar-line-height);
|
|
2194
2194
|
}
|
|
2195
|
-
.bp_avatar_module_avatar--
|
|
2195
|
+
.bp_avatar_module_avatar--42c50 .bp_avatar_module_text--42c50{
|
|
2196
2196
|
align-items:center;
|
|
2197
2197
|
border-radius:50%;
|
|
2198
2198
|
display:flex;
|
|
@@ -2200,14 +2200,14 @@
|
|
|
2200
2200
|
justify-content:center;
|
|
2201
2201
|
width:100%;
|
|
2202
2202
|
}
|
|
2203
|
-
.bp_avatar_module_avatar--
|
|
2203
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xsmall--42c50{
|
|
2204
2204
|
height:var(--bp-size-050);
|
|
2205
2205
|
width:var(--bp-size-050);
|
|
2206
2206
|
}
|
|
2207
|
-
.bp_avatar_module_avatar--
|
|
2207
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xsmall--42c50 .bp_avatar_module_text--42c50{
|
|
2208
2208
|
font-size:.375rem;
|
|
2209
2209
|
}
|
|
2210
|
-
.bp_avatar_module_avatar--
|
|
2210
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xsmall--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,.bp_avatar_module_avatar--42c50.bp_avatar_module_xsmall--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2211
2211
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2212
2212
|
font-size:var(--bp-font-size-02);
|
|
2213
2213
|
font-style:normal;
|
|
@@ -2215,7 +2215,7 @@
|
|
|
2215
2215
|
letter-spacing:var(--bp-font-letter-spacing-02);
|
|
2216
2216
|
line-height:var(--bp-font-line-height-03);
|
|
2217
2217
|
}
|
|
2218
|
-
:where(body.is-inter-font) .bp_avatar_module_avatar--
|
|
2218
|
+
:where(body.is-inter-font) .bp_avatar_module_avatar--42c50.bp_avatar_module_xsmall--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,:where(body.is-inter-font) .bp_avatar_module_avatar--42c50.bp_avatar_module_xsmall--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2219
2219
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2220
2220
|
font-size:.625rem;
|
|
2221
2221
|
font-style:normal;
|
|
@@ -2226,17 +2226,17 @@
|
|
|
2226
2226
|
text-transform:none;
|
|
2227
2227
|
}
|
|
2228
2228
|
|
|
2229
|
-
.bp_avatar_module_avatar--
|
|
2229
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xsmall--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,.bp_avatar_module_avatar--42c50.bp_avatar_module_xsmall--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2230
2230
|
line-height:var(--avatar-line-height);
|
|
2231
2231
|
}
|
|
2232
|
-
.bp_avatar_module_avatar--
|
|
2232
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_small--42c50{
|
|
2233
2233
|
height:var(--bp-size-060);
|
|
2234
2234
|
width:var(--bp-size-060);
|
|
2235
2235
|
}
|
|
2236
|
-
.bp_avatar_module_avatar--
|
|
2236
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_small--42c50 .bp_avatar_module_text--42c50{
|
|
2237
2237
|
font-size:.5rem;
|
|
2238
2238
|
}
|
|
2239
|
-
.bp_avatar_module_avatar--
|
|
2239
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_small--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,.bp_avatar_module_avatar--42c50.bp_avatar_module_small--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2240
2240
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2241
2241
|
font-size:var(--bp-font-size-02);
|
|
2242
2242
|
font-style:normal;
|
|
@@ -2244,7 +2244,7 @@
|
|
|
2244
2244
|
letter-spacing:var(--bp-font-letter-spacing-02);
|
|
2245
2245
|
line-height:var(--bp-font-line-height-03);
|
|
2246
2246
|
}
|
|
2247
|
-
:where(body.is-inter-font) .bp_avatar_module_avatar--
|
|
2247
|
+
:where(body.is-inter-font) .bp_avatar_module_avatar--42c50.bp_avatar_module_small--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,:where(body.is-inter-font) .bp_avatar_module_avatar--42c50.bp_avatar_module_small--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2248
2248
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2249
2249
|
font-size:.625rem;
|
|
2250
2250
|
font-style:normal;
|
|
@@ -2255,14 +2255,14 @@
|
|
|
2255
2255
|
text-transform:none;
|
|
2256
2256
|
}
|
|
2257
2257
|
|
|
2258
|
-
.bp_avatar_module_avatar--
|
|
2258
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_small--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,.bp_avatar_module_avatar--42c50.bp_avatar_module_small--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2259
2259
|
line-height:var(--avatar-line-height);
|
|
2260
2260
|
}
|
|
2261
|
-
.bp_avatar_module_avatar--
|
|
2261
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_medium--42c50{
|
|
2262
2262
|
height:var(--bp-size-070);
|
|
2263
2263
|
width:var(--bp-size-070);
|
|
2264
2264
|
}
|
|
2265
|
-
.bp_avatar_module_avatar--
|
|
2265
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_medium--42c50 .bp_avatar_module_text--42c50{
|
|
2266
2266
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2267
2267
|
font-size:var(--bp-font-size-02);
|
|
2268
2268
|
font-style:normal;
|
|
@@ -2270,7 +2270,7 @@
|
|
|
2270
2270
|
letter-spacing:var(--bp-font-letter-spacing-02);
|
|
2271
2271
|
line-height:var(--bp-font-line-height-03);
|
|
2272
2272
|
}
|
|
2273
|
-
:where(body.is-inter-font) .bp_avatar_module_avatar--
|
|
2273
|
+
:where(body.is-inter-font) .bp_avatar_module_avatar--42c50.bp_avatar_module_medium--42c50 .bp_avatar_module_text--42c50{
|
|
2274
2274
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2275
2275
|
font-size:.625rem;
|
|
2276
2276
|
font-style:normal;
|
|
@@ -2281,20 +2281,20 @@
|
|
|
2281
2281
|
text-transform:none;
|
|
2282
2282
|
}
|
|
2283
2283
|
|
|
2284
|
-
.bp_avatar_module_avatar--
|
|
2284
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_medium--42c50 .bp_avatar_module_text--42c50{
|
|
2285
2285
|
line-height:var(--avatar-line-height);
|
|
2286
2286
|
}
|
|
2287
|
-
.bp_avatar_module_avatar--
|
|
2287
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_medium--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,.bp_avatar_module_avatar--42c50.bp_avatar_module_medium--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2288
2288
|
font-size:.8125rem;
|
|
2289
2289
|
}
|
|
2290
|
-
.bp_avatar_module_avatar--
|
|
2290
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50{
|
|
2291
2291
|
height:var(--bp-size-080);
|
|
2292
2292
|
width:var(--bp-size-080);
|
|
2293
2293
|
}
|
|
2294
|
-
.bp_avatar_module_avatar--
|
|
2294
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_text--42c50{
|
|
2295
2295
|
font-size:.5rem;
|
|
2296
2296
|
}
|
|
2297
|
-
.bp_avatar_module_avatar--
|
|
2297
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,.bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2298
2298
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2299
2299
|
font-size:var(--bp-font-size-05);
|
|
2300
2300
|
font-style:normal;
|
|
@@ -2302,7 +2302,7 @@
|
|
|
2302
2302
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2303
2303
|
line-height:var(--bp-font-line-height-04);
|
|
2304
2304
|
}
|
|
2305
|
-
:where(body.is-inter-font) .bp_avatar_module_avatar--
|
|
2305
|
+
:where(body.is-inter-font) .bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,:where(body.is-inter-font) .bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2306
2306
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2307
2307
|
font-size:.875rem;
|
|
2308
2308
|
font-style:normal;
|
|
@@ -2313,14 +2313,14 @@
|
|
|
2313
2313
|
text-transform:none;
|
|
2314
2314
|
}
|
|
2315
2315
|
|
|
2316
|
-
.bp_avatar_module_avatar--
|
|
2316
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,.bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2317
2317
|
line-height:var(--avatar-line-height);
|
|
2318
2318
|
}
|
|
2319
|
-
.bp_avatar_module_avatar--
|
|
2319
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_length-3--42c50.bp_avatar_module_text--42c50{
|
|
2320
2320
|
font-size:.6875rem;
|
|
2321
2321
|
line-height:var(--avatar-line-height);
|
|
2322
2322
|
}
|
|
2323
|
-
.bp_avatar_module_avatar--
|
|
2323
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_length-4--42c50.bp_avatar_module_text--42c50{
|
|
2324
2324
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2325
2325
|
font-size:var(--bp-font-size-02);
|
|
2326
2326
|
font-style:normal;
|
|
@@ -2328,7 +2328,7 @@
|
|
|
2328
2328
|
letter-spacing:var(--bp-font-letter-spacing-02);
|
|
2329
2329
|
line-height:var(--bp-font-line-height-03);
|
|
2330
2330
|
}
|
|
2331
|
-
:where(body.is-inter-font) .bp_avatar_module_avatar--
|
|
2331
|
+
:where(body.is-inter-font) .bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_length-4--42c50.bp_avatar_module_text--42c50{
|
|
2332
2332
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2333
2333
|
font-size:.625rem;
|
|
2334
2334
|
font-style:normal;
|
|
@@ -2339,17 +2339,17 @@
|
|
|
2339
2339
|
text-transform:none;
|
|
2340
2340
|
}
|
|
2341
2341
|
|
|
2342
|
-
.bp_avatar_module_avatar--
|
|
2342
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_large--42c50 .bp_avatar_module_length-4--42c50.bp_avatar_module_text--42c50{
|
|
2343
2343
|
line-height:var(--avatar-line-height);
|
|
2344
2344
|
}
|
|
2345
|
-
.bp_avatar_module_avatar--
|
|
2345
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xlarge--42c50{
|
|
2346
2346
|
height:var(--bp-size-110);
|
|
2347
2347
|
width:var(--bp-size-110);
|
|
2348
2348
|
}
|
|
2349
|
-
.bp_avatar_module_avatar--
|
|
2349
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xlarge--42c50 .bp_avatar_module_text--42c50{
|
|
2350
2350
|
font-size:1rem;
|
|
2351
2351
|
}
|
|
2352
|
-
.bp_avatar_module_avatar--
|
|
2352
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xlarge--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,.bp_avatar_module_avatar--42c50.bp_avatar_module_xlarge--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2353
2353
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2354
2354
|
font-size:var(--bp-font-size-10);
|
|
2355
2355
|
font-style:normal;
|
|
@@ -2357,7 +2357,7 @@
|
|
|
2357
2357
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2358
2358
|
line-height:var(--bp-font-line-height-06);
|
|
2359
2359
|
}
|
|
2360
|
-
:where(body.is-inter-font) .bp_avatar_module_avatar--
|
|
2360
|
+
:where(body.is-inter-font) .bp_avatar_module_avatar--42c50.bp_avatar_module_xlarge--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,:where(body.is-inter-font) .bp_avatar_module_avatar--42c50.bp_avatar_module_xlarge--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2361
2361
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2362
2362
|
font-size:1.3125rem;
|
|
2363
2363
|
font-style:normal;
|
|
@@ -2368,62 +2368,186 @@
|
|
|
2368
2368
|
text-transform:none;
|
|
2369
2369
|
}
|
|
2370
2370
|
|
|
2371
|
-
.bp_avatar_module_avatar--
|
|
2371
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xlarge--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,.bp_avatar_module_avatar--42c50.bp_avatar_module_xlarge--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2372
2372
|
line-height:var(--avatar-line-height);
|
|
2373
2373
|
}
|
|
2374
|
-
.bp_avatar_module_avatar--
|
|
2374
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xxlarge--42c50{
|
|
2375
2375
|
height:var(--bp-size-200);
|
|
2376
2376
|
line-height:var(--avatar-line-height);
|
|
2377
2377
|
width:var(--bp-size-200);
|
|
2378
2378
|
}
|
|
2379
|
-
.bp_avatar_module_avatar--
|
|
2379
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xxlarge--42c50 .bp_avatar_module_text--42c50{
|
|
2380
2380
|
font-size:1.25rem;
|
|
2381
2381
|
}
|
|
2382
|
-
.bp_avatar_module_avatar--
|
|
2382
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xxlarge--42c50 .bp_avatar_module_length-1--42c50.bp_avatar_module_text--42c50,.bp_avatar_module_avatar--42c50.bp_avatar_module_xxlarge--42c50 .bp_avatar_module_length-2--42c50.bp_avatar_module_text--42c50{
|
|
2383
2383
|
font-size:2rem;
|
|
2384
2384
|
}
|
|
2385
|
-
.bp_avatar_module_avatar--
|
|
2385
|
+
.bp_avatar_module_avatar--42c50.bp_avatar_module_xxlarge--42c50 .bp_avatar_module_badge--42c50{
|
|
2386
2386
|
right:-.375rem;
|
|
2387
2387
|
}
|
|
2388
|
-
.bp_avatar_module_avatar--
|
|
2388
|
+
.bp_avatar_module_avatar--42c50 .bp_avatar_module_image--42c50{
|
|
2389
2389
|
border-radius:50%;
|
|
2390
2390
|
height:100%;
|
|
2391
2391
|
object-fit:cover;
|
|
2392
2392
|
width:100%;
|
|
2393
2393
|
}
|
|
2394
|
-
.bp_avatar_module_avatar--
|
|
2394
|
+
.bp_avatar_module_avatar--42c50 .bp_avatar_module_image--42c50.bp_avatar_module_loading--42c50{
|
|
2395
2395
|
height:0;
|
|
2396
2396
|
width:0;
|
|
2397
2397
|
}
|
|
2398
2398
|
|
|
2399
|
-
.bp_avatar_module_anonymousAvatar--
|
|
2399
|
+
.bp_avatar_module_anonymousAvatar--42c50,.bp_avatar_module_iconContainer--42c50{
|
|
2400
2400
|
align-items:center;
|
|
2401
2401
|
display:flex;
|
|
2402
2402
|
justify-content:center;
|
|
2403
2403
|
}
|
|
2404
2404
|
|
|
2405
|
-
.bp_avatar_module_iconContainer--
|
|
2405
|
+
.bp_avatar_module_iconContainer--42c50{
|
|
2406
2406
|
border-radius:50%;
|
|
2407
2407
|
height:100%;
|
|
2408
2408
|
width:100%;
|
|
2409
2409
|
}
|
|
2410
2410
|
|
|
2411
|
-
[data-button-wrapper]:hover .bp_avatar_module_avatar--
|
|
2411
|
+
[data-button-wrapper]:hover .bp_avatar_module_avatar--42c50{
|
|
2412
2412
|
box-shadow:0 0 0 0 var(--background-background), 0 0 0 var(--border-3) var(--bp-border-avatar-border-hover);
|
|
2413
2413
|
cursor:pointer;
|
|
2414
2414
|
}
|
|
2415
|
-
[data-button-wrapper]:active .bp_avatar_module_avatar--
|
|
2415
|
+
[data-button-wrapper]:active .bp_avatar_module_avatar--42c50{
|
|
2416
2416
|
box-shadow:0 0 0 0 var(--background-background), 0 0 0 var(--border-3) var(--bp-border-avatar-border-pressed);
|
|
2417
2417
|
}
|
|
2418
|
-
|
|
2418
|
+
|
|
2419
|
+
[data-avatar-group-item][data-focus-visible] .bp_avatar_module_avatar--42c50,[data-button-wrapper][data-focus-visible] .bp_avatar_module_avatar--42c50{
|
|
2419
2420
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
|
|
2420
2421
|
}
|
|
2421
|
-
.
|
|
2422
|
+
.bp_travel_tooltip_module_tooltip--37a55{
|
|
2423
|
+
--travel-tooltip-x:0px;
|
|
2424
|
+
--travel-tooltip-appear-delay:400ms;
|
|
2425
|
+
align-items:center;
|
|
2426
|
+
backdrop-filter:blur(16px);
|
|
2427
|
+
background-color:var(--bp-surface-tooltip-surface);
|
|
2428
|
+
border:var(--bp-border-01) solid var(--bp-border-tooltip-border);
|
|
2429
|
+
border-radius:var(--bp-radius-04);
|
|
2430
|
+
bottom:calc(100% + var(--travel-tooltip-gap, var(--bp-space-020)));
|
|
2431
|
+
box-shadow:var(--dropshadow-3);
|
|
2432
|
+
box-sizing:border-box;
|
|
2433
|
+
color:var(--bp-text-text-on-dark);
|
|
2422
2434
|
display:inline-flex;
|
|
2435
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2436
|
+
font-size:var(--bp-font-size-05);
|
|
2437
|
+
font-style:normal;
|
|
2438
|
+
font-weight:var(--bp-font-weight-regular);
|
|
2439
|
+
justify-content:center;
|
|
2440
|
+
left:0;
|
|
2441
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2442
|
+
line-height:var(--bp-font-line-height-04);
|
|
2443
|
+
opacity:0;
|
|
2444
|
+
overflow:hidden;
|
|
2445
|
+
padding:var(--bp-space-020) var(--bp-space-030);
|
|
2446
|
+
pointer-events:none;
|
|
2447
|
+
position:absolute;
|
|
2448
|
+
scale:var(--bp-scale-small);
|
|
2449
|
+
transform-origin:50% 100%;
|
|
2450
|
+
translate:var(--travel-tooltip-x) 0;
|
|
2451
|
+
white-space:nowrap;
|
|
2452
|
+
width:0;
|
|
2453
|
+
z-index:var(--z-index-tooltip);
|
|
2454
|
+
}
|
|
2455
|
+
:where(body.is-inter-font) .bp_travel_tooltip_module_tooltip--37a55{
|
|
2456
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2457
|
+
font-size:.875rem;
|
|
2458
|
+
font-style:normal;
|
|
2459
|
+
font-weight:450;
|
|
2460
|
+
letter-spacing:.00625rem;
|
|
2461
|
+
line-height:1.375rem;
|
|
2462
|
+
text-decoration:none;
|
|
2463
|
+
text-transform:none;
|
|
2464
|
+
}
|
|
2465
|
+
|
|
2466
|
+
.bp_travel_tooltip_module_tooltip--37a55{
|
|
2467
|
+
transition:none;
|
|
2468
|
+
}
|
|
2469
|
+
|
|
2470
|
+
.bp_travel_tooltip_module_tooltip--37a55[data-show=true][data-bp-animated=true]{
|
|
2471
|
+
opacity:var(--bp-opacity-visible);
|
|
2472
|
+
scale:1;
|
|
2473
|
+
transition:opacity var(--bp-duration-medium) var(--bp-curve-medium-on) var(--travel-tooltip-appear-delay), scale var(--bp-duration-medium) var(--bp-curve-medium-on) var(--travel-tooltip-appear-delay), translate var(--bp-duration-medium) var(--bp-curve-medium-on), width var(--bp-duration-medium) var(--bp-curve-medium-on);
|
|
2474
|
+
}
|
|
2475
|
+
|
|
2476
|
+
.bp_travel_tooltip_module_tooltip--37a55[data-show=true][data-bp-animated=false]{
|
|
2477
|
+
opacity:var(--bp-opacity-visible);
|
|
2478
|
+
scale:1;
|
|
2479
|
+
}
|
|
2480
|
+
|
|
2481
|
+
.bp_travel_tooltip_module_text--37a55{
|
|
2482
|
+
white-space:nowrap;
|
|
2483
|
+
}
|
|
2484
|
+
|
|
2485
|
+
@media (prefers-reduced-motion: reduce){
|
|
2486
|
+
.bp_travel_tooltip_module_tooltip--37a55[data-show=true][data-bp-animated=true]{
|
|
2487
|
+
transition:none;
|
|
2488
|
+
}
|
|
2489
|
+
}
|
|
2490
|
+
.bp_avatar_group_module_avatarGroup--c775b{
|
|
2491
|
+
--avatar-group-overlap:var(--bp-space-020, 0.5rem);
|
|
2492
|
+
--avatar-group-ring-color:var(--bp-gray-white, #fff);
|
|
2493
|
+
--avatar-group-ring-width:var(--bp-border-03, 0.1875rem);
|
|
2494
|
+
--avatar-group-dur:200ms;
|
|
2495
|
+
--avatar-group-ease-in:cubic-bezier(0.22, 1, 0.36, 1);
|
|
2496
|
+
align-items:center;
|
|
2497
|
+
display:inline-flex;
|
|
2498
|
+
flex-direction:row;
|
|
2499
|
+
isolation:isolate;
|
|
2423
2500
|
position:relative;
|
|
2424
2501
|
}
|
|
2502
|
+
.bp_avatar_group_module_avatarGroup--c775b:has([data-focus-visible]){
|
|
2503
|
+
--travel-tooltip-gap:calc(var(--bp-space-020, 0.5rem) + var(--bp-border-03, 0.1875rem));
|
|
2504
|
+
}
|
|
2505
|
+
|
|
2506
|
+
.bp_avatar_group_module_item--c775b{
|
|
2507
|
+
border-radius:50%;
|
|
2508
|
+
display:flex;
|
|
2509
|
+
flex-shrink:0;
|
|
2510
|
+
position:relative;
|
|
2511
|
+
z-index:0;
|
|
2512
|
+
}
|
|
2513
|
+
.bp_avatar_group_module_item--c775b,.bp_avatar_group_module_item--c775b *{
|
|
2514
|
+
cursor:pointer;
|
|
2515
|
+
-webkit-user-select:none;
|
|
2516
|
+
user-select:none;
|
|
2517
|
+
}
|
|
2518
|
+
.bp_avatar_group_module_item--c775b:not(:first-child){
|
|
2519
|
+
margin-inline-start:calc(var(--avatar-group-overlap)*-1);
|
|
2520
|
+
}
|
|
2521
|
+
.bp_avatar_group_module_item--c775b:focus,.bp_avatar_group_module_item--c775b:focus-visible{
|
|
2522
|
+
outline:none;
|
|
2523
|
+
}
|
|
2524
|
+
|
|
2525
|
+
.bp_avatar_group_module_itemMotion--c775b{
|
|
2526
|
+
border-radius:50%;
|
|
2527
|
+
box-shadow:0 0 0 var(--avatar-group-ring-width) var(--avatar-group-ring-color);
|
|
2528
|
+
display:flex;
|
|
2529
|
+
}
|
|
2530
|
+
|
|
2531
|
+
.bp_avatar_group_module_avatarGroup--c775b[data-bp-animated=true] .bp_avatar_group_module_itemMotion--c775b{
|
|
2532
|
+
pointer-events:none;
|
|
2533
|
+
transform:translateY(var(--shift, 0)) scale(var(--scale-active, 1));
|
|
2534
|
+
transform-origin:center;
|
|
2535
|
+
transition:transform var(--avatar-group-dur) var(--avatar-group-ease-in);
|
|
2536
|
+
will-change:transform;
|
|
2537
|
+
}
|
|
2425
2538
|
|
|
2426
|
-
|
|
2539
|
+
@media (prefers-reduced-motion: reduce){
|
|
2540
|
+
.bp_avatar_group_module_avatarGroup--c775b[data-bp-animated=true] .bp_avatar_group_module_itemMotion--c775b{
|
|
2541
|
+
transform:none;
|
|
2542
|
+
transition:none;
|
|
2543
|
+
}
|
|
2544
|
+
}
|
|
2545
|
+
.bp_base_badge_module_badgeContainer--44c64{
|
|
2546
|
+
display:inline-flex;
|
|
2547
|
+
position:relative;
|
|
2548
|
+
}
|
|
2549
|
+
|
|
2550
|
+
.bp_base_badge_module_badge--44c64{
|
|
2427
2551
|
align-items:center;
|
|
2428
2552
|
border:var(--border-2) solid var(--border-badge-border);
|
|
2429
2553
|
border-radius:var(--radius-half);
|
|
@@ -2435,37 +2559,37 @@
|
|
|
2435
2559
|
user-select:none;
|
|
2436
2560
|
}
|
|
2437
2561
|
|
|
2438
|
-
.bp_base_badge_module_smallSizeBadge--
|
|
2562
|
+
.bp_base_badge_module_smallSizeBadge--44c64{
|
|
2439
2563
|
height:var(--size-2);
|
|
2440
2564
|
min-width:var(--size-2);
|
|
2441
2565
|
}
|
|
2442
2566
|
|
|
2443
|
-
.bp_base_badge_module_mediumSizeBadge--
|
|
2567
|
+
.bp_base_badge_module_mediumSizeBadge--44c64{
|
|
2444
2568
|
height:var(--size-3);
|
|
2445
2569
|
min-width:var(--size-3);
|
|
2446
2570
|
}
|
|
2447
2571
|
|
|
2448
|
-
.bp_base_badge_module_largeSizeBadge--
|
|
2572
|
+
.bp_base_badge_module_largeSizeBadge--44c64{
|
|
2449
2573
|
height:var(--size-4);
|
|
2450
2574
|
min-width:var(--size-4);
|
|
2451
2575
|
}
|
|
2452
2576
|
|
|
2453
|
-
.bp_base_badge_module_xlargeSizeBadge--
|
|
2577
|
+
.bp_base_badge_module_xlargeSizeBadge--44c64{
|
|
2454
2578
|
height:var(--size-5);
|
|
2455
2579
|
min-width:var(--size-5);
|
|
2456
2580
|
}
|
|
2457
2581
|
|
|
2458
|
-
.bp_base_badge_module_xxlargeSizeBadge--
|
|
2582
|
+
.bp_base_badge_module_xxlargeSizeBadge--44c64{
|
|
2459
2583
|
height:var(--size-6);
|
|
2460
2584
|
min-width:var(--size-6);
|
|
2461
2585
|
}
|
|
2462
2586
|
|
|
2463
|
-
.bp_base_badge_module_iconBadge--
|
|
2587
|
+
.bp_base_badge_module_iconBadge--44c64{
|
|
2464
2588
|
bottom:-5%;
|
|
2465
2589
|
right:-5%;
|
|
2466
2590
|
}
|
|
2467
2591
|
|
|
2468
|
-
.bp_base_badge_module_interactiveWrapper--
|
|
2592
|
+
.bp_base_badge_module_interactiveWrapper--44c64{
|
|
2469
2593
|
border:var(--border-2) solid #0000;
|
|
2470
2594
|
border-radius:50%;
|
|
2471
2595
|
bottom:calc(-5% - var(--border-2)/2);
|
|
@@ -2473,22 +2597,22 @@
|
|
|
2473
2597
|
position:absolute;
|
|
2474
2598
|
right:calc(-5% - var(--border-2)/2);
|
|
2475
2599
|
}
|
|
2476
|
-
.bp_base_badge_module_interactiveWrapper--
|
|
2600
|
+
.bp_base_badge_module_interactiveWrapper--44c64.bp_base_badge_module_smallSizeBadge--44c64{
|
|
2477
2601
|
width:var(--size-2);
|
|
2478
2602
|
}
|
|
2479
|
-
.bp_base_badge_module_interactiveWrapper--
|
|
2603
|
+
.bp_base_badge_module_interactiveWrapper--44c64.bp_base_badge_module_mediumSizeBadge--44c64{
|
|
2480
2604
|
width:var(--size-3);
|
|
2481
2605
|
}
|
|
2482
|
-
.bp_base_badge_module_interactiveWrapper--
|
|
2606
|
+
.bp_base_badge_module_interactiveWrapper--44c64.bp_base_badge_module_largeSizeBadge--44c64{
|
|
2483
2607
|
width:var(--size-4);
|
|
2484
2608
|
}
|
|
2485
|
-
.bp_base_badge_module_interactiveWrapper--
|
|
2609
|
+
.bp_base_badge_module_interactiveWrapper--44c64.bp_base_badge_module_xlargeSizeBadge--44c64{
|
|
2486
2610
|
width:var(--size-5);
|
|
2487
2611
|
}
|
|
2488
|
-
.bp_base_badge_module_interactiveWrapper--
|
|
2612
|
+
.bp_base_badge_module_interactiveWrapper--44c64.bp_base_badge_module_xxlargeSizeBadge--44c64{
|
|
2489
2613
|
width:var(--size-6);
|
|
2490
2614
|
}
|
|
2491
|
-
.bp_base_badge_module_interactiveWrapper--
|
|
2615
|
+
.bp_base_badge_module_interactiveWrapper--44c64::before{
|
|
2492
2616
|
content:"";
|
|
2493
2617
|
left:calc(var(--size-6)*-1/4);
|
|
2494
2618
|
min-height:var(--size-6);
|
|
@@ -2497,36 +2621,60 @@
|
|
|
2497
2621
|
top:calc(var(--size-6)*-1/4);
|
|
2498
2622
|
}
|
|
2499
2623
|
|
|
2500
|
-
.bp_base_badge_module_statusBadge--
|
|
2624
|
+
.bp_base_badge_module_statusBadge--44c64{
|
|
2501
2625
|
bottom:-20%;
|
|
2502
2626
|
right:-20%;
|
|
2503
2627
|
}
|
|
2504
2628
|
|
|
2505
|
-
.bp_base_badge_module_statusBadge--
|
|
2629
|
+
.bp_base_badge_module_statusBadge--44c64.bp_base_badge_module_largeSizeBadge--44c64{
|
|
2506
2630
|
bottom:-22%;
|
|
2507
2631
|
right:-22%;
|
|
2508
2632
|
}
|
|
2509
2633
|
|
|
2510
|
-
.bp_base_badge_module_statusBadge--
|
|
2634
|
+
.bp_base_badge_module_statusBadge--44c64.bp_base_badge_module_xlargeSizeBadge--44c64{
|
|
2511
2635
|
bottom:-15%;
|
|
2512
2636
|
right:-15%;
|
|
2513
2637
|
}
|
|
2514
2638
|
|
|
2515
|
-
.bp_base_badge_module_statusBadge--
|
|
2639
|
+
.bp_base_badge_module_statusBadge--44c64.bp_base_badge_module_xxlargeSizeBadge--44c64{
|
|
2516
2640
|
bottom:-4%;
|
|
2517
2641
|
right:-4%;
|
|
2518
2642
|
}
|
|
2519
2643
|
|
|
2520
|
-
.bp_base_badge_module_numericBadge--
|
|
2644
|
+
.bp_base_badge_module_numericBadge--44c64{
|
|
2645
|
+
--bp-badge-enter-x:calc(var(--bp-space-010)*-1);
|
|
2646
|
+
--bp-badge-enter-y:var(--bp-space-010);
|
|
2521
2647
|
left:60%;
|
|
2522
2648
|
top:0;
|
|
2523
2649
|
}
|
|
2524
2650
|
|
|
2525
|
-
.
|
|
2651
|
+
.bp_base_badge_module_numericBadge--44c64[data-bp-animated=true][data-state=playing]{
|
|
2652
|
+
animation-duration:var(--bp-duration-medium);
|
|
2653
|
+
animation-fill-mode:both;
|
|
2654
|
+
animation-name:bp_base_badge_module_bpNumericBadgePopIn--44c64;
|
|
2655
|
+
animation-timing-function:var(--bp-curve-large-on);
|
|
2656
|
+
}
|
|
2657
|
+
@media (prefers-reduced-motion: reduce){
|
|
2658
|
+
.bp_base_badge_module_numericBadge--44c64[data-bp-animated=true][data-state=playing]{
|
|
2659
|
+
animation:none;
|
|
2660
|
+
}
|
|
2661
|
+
}
|
|
2662
|
+
|
|
2663
|
+
@keyframes bp_base_badge_module_bpNumericBadgePopIn--44c64{
|
|
2664
|
+
from{
|
|
2665
|
+
opacity:var(--bp-opacity-hidden);
|
|
2666
|
+
transform:translate(var(--bp-badge-enter-x), var(--bp-badge-enter-y)) scale(.5);
|
|
2667
|
+
}
|
|
2668
|
+
to{
|
|
2669
|
+
opacity:var(--bp-opacity-visible);
|
|
2670
|
+
transform:none;
|
|
2671
|
+
}
|
|
2672
|
+
}
|
|
2673
|
+
.bp_base_badge_module_numericBadgeSingleDigit--44c64{
|
|
2526
2674
|
padding:1px;
|
|
2527
2675
|
}
|
|
2528
2676
|
|
|
2529
|
-
.bp_base_badge_module_numericBadgeMoreDigits--
|
|
2677
|
+
.bp_base_badge_module_numericBadgeMoreDigits--44c64{
|
|
2530
2678
|
padding:1px 3px;
|
|
2531
2679
|
}
|
|
2532
2680
|
.bp_icon_button_module_iconButton--17523[data-bp-animated=true]{
|