@box/blueprint-web 12.49.1 → 12.50.1
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/badge/icon-badge.d.ts +1 -1
- package/dist/lib-esm/badge/icon-badge.js +17 -2
- package/dist/lib-esm/card/card.module.js +1 -1
- package/dist/lib-esm/combobox/combobox.module.js +1 -1
- package/dist/lib-esm/index.css +67 -66
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ export interface TooltipConfig {
|
|
|
6
6
|
}
|
|
7
7
|
export interface IconBadgeProps extends BadgeProps {
|
|
8
8
|
/** The variant of the icon badge. */
|
|
9
|
-
variant: 'file-audio' | 'file-bookmark' | 'file-box-app' | 'file-code' | 'file-default' | 'file-drawing' | 'file-excel' | 'file-hub' | 'file-illustrator' | 'file-indesign' | 'file-numbers' | 'file-photoshop' | 'file-powerpoint' | 'file-presentation' | 'file-slides' | 'file-spreadsheet' | 'file-text' | 'file-three-d' | 'file-vector' | 'file-word' | 'file-zip' | 'file-pdf' | 'file-docs' | 'file-sheets' | 'file-image' | 'file-canvas' | 'file-pages' | 'file-keynote' | 'file-boxnote' | 'file-video' | 'folder-external' | 'folder-shared' | 'action-relay' | 'action-mention' | 'action-task' | 'action-taskapproval' | 'action-annotation' | 'action-performed-completed' | 'action-performed-rejected' | 'collaborator-external' | 'collaborator-admin' | 'collaborator-coadmin' | 'content-pin' | 'content-collection' | 'content-offline' | 'content-progress' | 'alert-error' | 'status-pending';
|
|
9
|
+
variant: 'file-audio' | 'file-bookmark' | 'file-box-app' | 'file-code' | 'file-default' | 'file-drawing' | 'file-excel' | 'file-hub' | 'file-illustrator' | 'file-indesign' | 'file-numbers' | 'file-photoshop' | 'file-powerpoint' | 'file-presentation' | 'file-slides' | 'file-spreadsheet' | 'file-text' | 'file-three-d' | 'file-vector' | 'file-word' | 'file-zip' | 'file-pdf' | 'file-docs' | 'file-sheets' | 'file-image' | 'file-canvas' | 'file-pages' | 'file-keynote' | 'file-boxnote' | 'file-video' | 'folder-external' | 'folder-shared' | 'action-relay' | 'action-mention' | 'action-task' | 'action-taskapproval' | 'action-annotation' | 'action-performed-completed' | 'action-performed-rejected' | 'collaborator-external' | 'collaborator-admin' | 'collaborator-coadmin' | 'content-pin' | 'content-collection' | 'content-offline' | 'content-progress' | 'alert-error' | 'status-pending' | 'status-in-progress' | 'status-forwarded' | 'status-alert';
|
|
10
10
|
/** Whether to show the tooltip when hovering over the badge. */
|
|
11
11
|
showTooltipOnBadge?: boolean;
|
|
12
12
|
/** The configuration for the tooltip, required if showTooltipOnBadge is true. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { FileAudio, FileBookmark, BoxApps, FileBoxNote, FileCanvas, Code, FileDefault, FileDocs, FileDrawing, FileExcel, Hubs, FileIllustrator, FileImage, FileIndesign, FileKeynote, FileNumbers, FilePages, FilePdf, FilePhotoshop, FilePowerpoint, FilePresentation, FileSheets, FileSlides, FileSpreadsheet, FileText, FileThreeD, FileVector, FileVideo, FileWord, FileZip, FolderExternal, FolderShared, Relay, EllipsisBubble, Task, ApprovalTask, Annotation, Checkmark, XMark, GlobeBadge, Star, Pin, Arrow, CheckmarkUnderline, Loader, Alert, ClockBadge } from '@box/blueprint-web-assets/icons/Fill';
|
|
3
|
-
import { SurfaceBadgeAudioSurface, GrayWhite, SurfaceBadgeBookmarkSurface, SurfaceBadgeBoxappsSurface, SurfaceBadgeBoxnoteSurface, Gray100, SurfaceBadgeCanvasSurface, SurfaceBadgeCodeSurface, SurfaceBadgeDefaultSurface, SurfaceBadgeDocsSurface, SurfaceBadgeDrawingSurface, SurfaceBadgeExcelSurface, SurfaceBadgeHubsSurface, SurfaceBadgeIllustratorSurface, IconIconIllustrator, SurfaceBadgeImageSurface, SurfaceBadgeIndesignSurface, IconIconIndesign, SurfaceBadgeKeynoteSurface, SurfaceBadgeNumbersSurface, SurfaceBadgePagesSurface, SurfaceBadgePdfSurface, SurfaceBadgePhotoshopSurface, IconIconPhotoshop, SurfaceBadgePowerpointSurface, SurfaceBadgePresentationSurface, SurfaceBadgeSheetsSurface, SurfaceBadgeSlidesSurface, GrayBlack, SurfaceBadgeSpreadsheetSurface, SurfaceBadgeTextSurface, SurfaceBadgeThreeDSurface, SurfaceBadgeVectorSurface, SurfaceBadgeVideoSurface, SurfaceBadgeWordSurface, SurfaceBadgeZipSurface, SurfaceBadgeFolderexternalSurface, SurfaceBadgeFoldersharedSurface, SurfaceBadgeRelaySurface, SurfaceBadgeMentionSurface, SurfaceBadgeTaskSurface, SurfaceBadgeTaskapprovalSurface, SurfaceBadgeAnnotationSurface, SurfaceBadgeCompletedSurface, SurfaceBadgeRejectedSurface, SurfaceBadgeExternalSurface, SurfaceBadgeAdminSurface, SurfaceBadgeCoadminSurface, SurfaceBadgePinSurface, Gray80, SurfaceBadgeCollectionSurface, SurfaceBadgeOfflineSurface, SurfaceBadgeProgressSurface, SurfaceBadgeErrorSurface, Orange100 } from '@box/blueprint-web-assets/tokens/tokens';
|
|
2
|
+
import { FileAudio, FileBookmark, BoxApps, FileBoxNote, FileCanvas, Code, FileDefault, FileDocs, FileDrawing, FileExcel, Hubs, FileIllustrator, FileImage, FileIndesign, FileKeynote, FileNumbers, FilePages, FilePdf, FilePhotoshop, FilePowerpoint, FilePresentation, FileSheets, FileSlides, FileSpreadsheet, FileText, FileThreeD, FileVector, FileVideo, FileWord, FileZip, FolderExternal, FolderShared, Relay, EllipsisBubble, Task, ApprovalTask, Annotation, Checkmark, XMark, GlobeBadge, Star, Pin, Arrow, CheckmarkUnderline, Loader, Alert, ClockBadge, Ellipsis, ArrowRight } from '@box/blueprint-web-assets/icons/Fill';
|
|
3
|
+
import { SurfaceBadgeAudioSurface, GrayWhite, SurfaceBadgeBookmarkSurface, SurfaceBadgeBoxappsSurface, SurfaceBadgeBoxnoteSurface, Gray100, SurfaceBadgeCanvasSurface, SurfaceBadgeCodeSurface, SurfaceBadgeDefaultSurface, SurfaceBadgeDocsSurface, SurfaceBadgeDrawingSurface, SurfaceBadgeExcelSurface, SurfaceBadgeHubsSurface, SurfaceBadgeIllustratorSurface, IconIconIllustrator, SurfaceBadgeImageSurface, SurfaceBadgeIndesignSurface, IconIconIndesign, SurfaceBadgeKeynoteSurface, SurfaceBadgeNumbersSurface, SurfaceBadgePagesSurface, SurfaceBadgePdfSurface, SurfaceBadgePhotoshopSurface, IconIconPhotoshop, SurfaceBadgePowerpointSurface, SurfaceBadgePresentationSurface, SurfaceBadgeSheetsSurface, SurfaceBadgeSlidesSurface, GrayBlack, SurfaceBadgeSpreadsheetSurface, SurfaceBadgeTextSurface, SurfaceBadgeThreeDSurface, SurfaceBadgeVectorSurface, SurfaceBadgeVideoSurface, SurfaceBadgeWordSurface, SurfaceBadgeZipSurface, SurfaceBadgeFolderexternalSurface, SurfaceBadgeFoldersharedSurface, SurfaceBadgeRelaySurface, SurfaceBadgeMentionSurface, SurfaceBadgeTaskSurface, SurfaceBadgeTaskapprovalSurface, SurfaceBadgeAnnotationSurface, SurfaceBadgeCompletedSurface, SurfaceBadgeRejectedSurface, SurfaceBadgeExternalSurface, SurfaceBadgeAdminSurface, SurfaceBadgeCoadminSurface, SurfaceBadgePinSurface, Gray80, SurfaceBadgeCollectionSurface, SurfaceBadgeOfflineSurface, SurfaceBadgeProgressSurface, SurfaceBadgeErrorSurface, Orange100, SurfaceBadgeInprogressSurface, SurfaceBadgeForwardSurface, SurfaceBadgeAlertSurface } from '@box/blueprint-web-assets/tokens/tokens';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import mapValues from 'lodash/mapValues';
|
|
6
6
|
import { createElement } from 'react';
|
|
@@ -252,6 +252,21 @@ const badgeVariantToIconProps = {
|
|
|
252
252
|
backgroundColor: Orange100,
|
|
253
253
|
icon: ClockBadge,
|
|
254
254
|
iconColor: GrayWhite
|
|
255
|
+
},
|
|
256
|
+
'status-in-progress': {
|
|
257
|
+
backgroundColor: SurfaceBadgeInprogressSurface,
|
|
258
|
+
icon: Ellipsis,
|
|
259
|
+
iconColor: GrayWhite
|
|
260
|
+
},
|
|
261
|
+
'status-forwarded': {
|
|
262
|
+
backgroundColor: SurfaceBadgeForwardSurface,
|
|
263
|
+
icon: ArrowRight,
|
|
264
|
+
iconColor: GrayWhite
|
|
265
|
+
},
|
|
266
|
+
'status-alert': {
|
|
267
|
+
backgroundColor: SurfaceBadgeAlertSurface,
|
|
268
|
+
icon: Alert,
|
|
269
|
+
iconColor: GrayWhite
|
|
255
270
|
}
|
|
256
271
|
};
|
|
257
272
|
const badgeSizeToIconSize = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"card":"bp_card_module_card--
|
|
2
|
+
var styles = {"card":"bp_card_module_card--c1a2b","dropshadow-1":"bp_card_module_dropshadow-1--c1a2b","dropshadow-3":"bp_card_module_dropshadow-3--c1a2b"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_combobox_module_container--
|
|
2
|
+
var styles = {"container":"bp_combobox_module_container--17646","popover":"bp_combobox_module_popover--17646","disabled":"bp_combobox_module_disabled--17646","label":"bp_combobox_module_label--17646","hiddenLabel":"bp_combobox_module_hiddenLabel--17646","comboboxContainer":"bp_combobox_module_comboboxContainer--17646","withComboboxButtons":"bp_combobox_module_withComboboxButtons--17646","error":"bp_combobox_module_error--17646","textInputWrapper":"bp_combobox_module_textInputWrapper--17646","textInput":"bp_combobox_module_textInput--17646","errorIcon":"bp_combobox_module_errorIcon--17646","comboboxButtons":"bp_combobox_module_comboboxButtons--17646","withChips":"bp_combobox_module_withChips--17646","inlineError":"bp_combobox_module_inlineError--17646","option":"bp_combobox_module_option--17646","indicator":"bp_combobox_module_indicator--17646","indicatorIcon":"bp_combobox_module_indicatorIcon--17646","optionWithIndicator":"bp_combobox_module_optionWithIndicator--17646","loadingIndicator":"bp_combobox_module_loadingIndicator--17646","noResultOption":"bp_combobox_module_noResultOption--17646"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -1280,7 +1280,7 @@
|
|
|
1280
1280
|
.bp_button_wrapper_module_buttonWrapper--b0897{
|
|
1281
1281
|
all:unset;
|
|
1282
1282
|
}
|
|
1283
|
-
.bp_card_module_card--
|
|
1283
|
+
.bp_card_module_card--c1a2b[data-modern=true]{
|
|
1284
1284
|
--bp-card-dropshadow-1:var(--dropshadow-1);
|
|
1285
1285
|
--bp-card-dropshadow-3:var(--dropshadow-3);
|
|
1286
1286
|
--card-radius:var(--bp-radius-10);
|
|
@@ -1289,9 +1289,10 @@
|
|
|
1289
1289
|
--card-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
1290
1290
|
--card-dropshadow-1:var(--bp-card-dropshadow-1);
|
|
1291
1291
|
--card-dropshadow-3:var(--bp-card-dropshadow-3);
|
|
1292
|
+
--card-backdrop-filter:none;
|
|
1292
1293
|
}
|
|
1293
1294
|
|
|
1294
|
-
.bp_card_module_card--
|
|
1295
|
+
.bp_card_module_card--c1a2b[data-modern=false]{
|
|
1295
1296
|
--card-padding:var(--space-4);
|
|
1296
1297
|
--card-background:var(--surface-card-surface);
|
|
1297
1298
|
--card-border:var(--border-1) solid var(--border-card-border);
|
|
@@ -1301,17 +1302,17 @@
|
|
|
1301
1302
|
--card-backdrop-filter:blur(16px);
|
|
1302
1303
|
}
|
|
1303
1304
|
|
|
1304
|
-
.bp_card_module_card--
|
|
1305
|
+
.bp_card_module_card--c1a2b{
|
|
1305
1306
|
backdrop-filter:var(--card-backdrop-filter);
|
|
1306
1307
|
background:var(--card-background);
|
|
1307
1308
|
border:var(--card-border);
|
|
1308
1309
|
border-radius:var(--card-radius);
|
|
1309
1310
|
padding:var(--card-padding);
|
|
1310
1311
|
}
|
|
1311
|
-
.bp_card_module_card--
|
|
1312
|
+
.bp_card_module_card--c1a2b.bp_card_module_dropshadow-1--c1a2b{
|
|
1312
1313
|
box-shadow:var(--card-dropshadow-1);
|
|
1313
1314
|
}
|
|
1314
|
-
.bp_card_module_card--
|
|
1315
|
+
.bp_card_module_card--c1a2b.bp_card_module_dropshadow-3--c1a2b{
|
|
1315
1316
|
box-shadow:var(--card-dropshadow-3);
|
|
1316
1317
|
}
|
|
1317
1318
|
|
|
@@ -2213,7 +2214,7 @@
|
|
|
2213
2214
|
margin-block-start:var(--text-area-container-row-gap);
|
|
2214
2215
|
}
|
|
2215
2216
|
|
|
2216
|
-
.bp_combobox_module_container--
|
|
2217
|
+
.bp_combobox_module_container--17646[data-modern=false]{
|
|
2217
2218
|
--max-lines:3;
|
|
2218
2219
|
--input-height:var(--space-5);
|
|
2219
2220
|
--chip-height:var(--space-7);
|
|
@@ -2268,7 +2269,7 @@
|
|
|
2268
2269
|
--combobox-button-spacing:var(--space-2);
|
|
2269
2270
|
}
|
|
2270
2271
|
|
|
2271
|
-
.bp_combobox_module_container--
|
|
2272
|
+
.bp_combobox_module_container--17646[data-modern=true]{
|
|
2272
2273
|
--max-lines:3;
|
|
2273
2274
|
--bp-innershadow-01:var(--innershadow-1);
|
|
2274
2275
|
--bp-input-height:var(--bp-space-050);
|
|
@@ -2329,7 +2330,7 @@
|
|
|
2329
2330
|
--combobox-button-spacing:var(--bp-space-020);
|
|
2330
2331
|
}
|
|
2331
2332
|
|
|
2332
|
-
.bp_combobox_module_popover--
|
|
2333
|
+
.bp_combobox_module_popover--17646[data-modern=false]{
|
|
2333
2334
|
--option-height:2.25rem;
|
|
2334
2335
|
--dropdown-max-height:12.5rem;
|
|
2335
2336
|
--combobox-popover-max-height:min(
|
|
@@ -2359,10 +2360,10 @@
|
|
|
2359
2360
|
--combobox-option-with-indicator-padding-inline:var(--space-10) var(--space-2);
|
|
2360
2361
|
--combobox-loading-indicator-position:unset;
|
|
2361
2362
|
--combobox-no-result-option-color:var(--text-text-on-light);
|
|
2362
|
-
--combobox-popover-backdrop-filter
|
|
2363
|
+
--combobox-popover-backdrop-filter:none;
|
|
2363
2364
|
}
|
|
2364
2365
|
|
|
2365
|
-
.bp_combobox_module_popover--
|
|
2366
|
+
.bp_combobox_module_popover--17646[data-modern=true]{
|
|
2366
2367
|
--option-height:2.25rem;
|
|
2367
2368
|
--dropdown-max-height:12.5rem;
|
|
2368
2369
|
--bp-dropshadow-03:var(--dropshadow-3);
|
|
@@ -2396,7 +2397,7 @@
|
|
|
2396
2397
|
--combobox-popover-backdrop-filter:blur(16px);
|
|
2397
2398
|
}
|
|
2398
2399
|
|
|
2399
|
-
.bp_combobox_module_container--
|
|
2400
|
+
.bp_combobox_module_container--17646{
|
|
2400
2401
|
display:flex;
|
|
2401
2402
|
flex-direction:column;
|
|
2402
2403
|
font-family:var(--body-default-font-family);
|
|
@@ -2408,10 +2409,10 @@
|
|
|
2408
2409
|
text-decoration:var(--body-default-text-decoration);
|
|
2409
2410
|
text-transform:var(--body-default-text-case);
|
|
2410
2411
|
}
|
|
2411
|
-
.bp_combobox_module_container--
|
|
2412
|
+
.bp_combobox_module_container--17646.bp_combobox_module_disabled--17646{
|
|
2412
2413
|
opacity:60%;
|
|
2413
2414
|
}
|
|
2414
|
-
.bp_combobox_module_container--
|
|
2415
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_label--17646{
|
|
2415
2416
|
color:var(--combobox-label-color);
|
|
2416
2417
|
flex:0 0 fit-content;
|
|
2417
2418
|
font-family:var(--body-default-bold-font-family);
|
|
@@ -2424,10 +2425,10 @@
|
|
|
2424
2425
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
2425
2426
|
text-transform:var(--body-default-bold-text-case);
|
|
2426
2427
|
}
|
|
2427
|
-
.bp_combobox_module_container--
|
|
2428
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_label--17646:not(.bp_combobox_module_hiddenLabel--17646){
|
|
2428
2429
|
margin-block-end:var(--combobox-label-margin-block-end);
|
|
2429
2430
|
}
|
|
2430
|
-
.bp_combobox_module_container--
|
|
2431
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646{
|
|
2431
2432
|
background-color:var(--combobox-container-background-color);
|
|
2432
2433
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
|
|
2433
2434
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color);
|
|
@@ -2444,15 +2445,15 @@
|
|
|
2444
2445
|
padding-inline:var(--combobox-container-padding-inline);
|
|
2445
2446
|
position:relative;
|
|
2446
2447
|
}
|
|
2447
|
-
.bp_combobox_module_container--
|
|
2448
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646.bp_combobox_module_withComboboxButtons--17646{
|
|
2448
2449
|
padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
|
|
2449
2450
|
}
|
|
2450
|
-
.bp_combobox_module_container--
|
|
2451
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646:not(:disabled):has(input:focus){
|
|
2451
2452
|
background-color:var(--combobox-container-focus-background-color);
|
|
2452
2453
|
border:var(--combobox-container-focus-border);
|
|
2453
2454
|
padding-block:var(--combobox-container-focus-padding-block);
|
|
2454
2455
|
}
|
|
2455
|
-
.bp_combobox_module_container--
|
|
2456
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646:not(:disabled).bp_combobox_module_error--17646,.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646:not(:disabled):has([aria-invalid=true]){
|
|
2456
2457
|
background-color:var(--combobox-container-error-background-color);
|
|
2457
2458
|
border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
|
|
2458
2459
|
border-left:var(--combobox-container-error-border-left-width) solid var(--combobox-container-error-border-color);
|
|
@@ -2460,13 +2461,13 @@
|
|
|
2460
2461
|
border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
|
|
2461
2462
|
padding-block:var(--combobox-container-error-padding-block);
|
|
2462
2463
|
}
|
|
2463
|
-
.bp_combobox_module_container--
|
|
2464
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646 .bp_combobox_module_textInputWrapper--17646{
|
|
2464
2465
|
align-items:center;
|
|
2465
2466
|
display:flex;
|
|
2466
2467
|
flex:content;
|
|
2467
2468
|
gap:var(--combobox-text-input-wrapper-gap);
|
|
2468
2469
|
}
|
|
2469
|
-
.bp_combobox_module_container--
|
|
2470
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646 .bp_combobox_module_textInputWrapper--17646 .bp_combobox_module_textInput--17646{
|
|
2470
2471
|
background-color:var(--combobox-text-input-background-color);
|
|
2471
2472
|
border:none;
|
|
2472
2473
|
color:var(--combobox-text-input-color);
|
|
@@ -2483,31 +2484,31 @@
|
|
|
2483
2484
|
text-transform:var(--body-default-text-case);
|
|
2484
2485
|
width:100%;
|
|
2485
2486
|
}
|
|
2486
|
-
.bp_combobox_module_container--
|
|
2487
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646 .bp_combobox_module_textInputWrapper--17646 .bp_combobox_module_errorIcon--17646 path{
|
|
2487
2488
|
fill:var(--combobox-error-icon-fill);
|
|
2488
2489
|
}
|
|
2489
|
-
.bp_combobox_module_container--
|
|
2490
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646 .bp_combobox_module_textInputWrapper--17646 .bp_combobox_module_comboboxButtons--17646{
|
|
2490
2491
|
align-items:center;
|
|
2491
2492
|
display:flex;
|
|
2492
2493
|
position:absolute;
|
|
2493
2494
|
right:var(--combobox-button-spacing);
|
|
2494
2495
|
top:var(--combobox-button-spacing);
|
|
2495
2496
|
}
|
|
2496
|
-
.bp_combobox_module_container--
|
|
2497
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646.bp_combobox_module_withChips--17646{
|
|
2497
2498
|
max-height:var(--combobox-container-with-chips-max-height);
|
|
2498
2499
|
padding-block:var(--combobox-container-with-chips-padding-block);
|
|
2499
2500
|
}
|
|
2500
|
-
.bp_combobox_module_container--
|
|
2501
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646.bp_combobox_module_withChips--17646:not(:disabled).bp_combobox_module_error--17646{
|
|
2501
2502
|
padding-block:var(--combobox-container-with-chips-error-padding-block);
|
|
2502
2503
|
}
|
|
2503
|
-
.bp_combobox_module_container--
|
|
2504
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_comboboxContainer--17646.bp_combobox_module_withChips--17646:not(:disabled):has(input:focus){
|
|
2504
2505
|
padding-block:var(--combobox-container-with-chips-focus-padding-block);
|
|
2505
2506
|
}
|
|
2506
|
-
.bp_combobox_module_container--
|
|
2507
|
+
.bp_combobox_module_container--17646 .bp_combobox_module_inlineError--17646{
|
|
2507
2508
|
margin-block-start:var(--combobox-inline-error-margin-block-start);
|
|
2508
2509
|
}
|
|
2509
2510
|
|
|
2510
|
-
.bp_combobox_module_popover--
|
|
2511
|
+
.bp_combobox_module_popover--17646{
|
|
2511
2512
|
backdrop-filter:var(--combobox-popover-backdrop-filter);
|
|
2512
2513
|
background-color:var(--combobox-popover-background-color);
|
|
2513
2514
|
border:var(--combobox-popover-border);
|
|
@@ -2527,7 +2528,7 @@
|
|
|
2527
2528
|
text-transform:var(--body-default-text-case);
|
|
2528
2529
|
z-index:var(--z-index-popover);
|
|
2529
2530
|
}
|
|
2530
|
-
.bp_combobox_module_popover--
|
|
2531
|
+
.bp_combobox_module_popover--17646 .bp_combobox_module_option--17646{
|
|
2531
2532
|
border:var(--combobox-option-border);
|
|
2532
2533
|
border-radius:var(--combobox-option-border-radius);
|
|
2533
2534
|
box-sizing:border-box;
|
|
@@ -2541,21 +2542,21 @@
|
|
|
2541
2542
|
user-select:none;
|
|
2542
2543
|
width:100%;
|
|
2543
2544
|
}
|
|
2544
|
-
.bp_combobox_module_popover--
|
|
2545
|
+
.bp_combobox_module_popover--17646 .bp_combobox_module_option--17646[aria-disabled]{
|
|
2545
2546
|
opacity:var(--combobox-option-disabled-opacity);
|
|
2546
2547
|
}
|
|
2547
|
-
.bp_combobox_module_popover--
|
|
2548
|
+
.bp_combobox_module_popover--17646 .bp_combobox_module_option--17646[data-active-item]:not([aria-disabled]){
|
|
2548
2549
|
background-color:var(--combobox-option-active-background-color);
|
|
2549
2550
|
border:var(--combobox-option-active-border);
|
|
2550
2551
|
}
|
|
2551
|
-
.bp_combobox_module_popover--
|
|
2552
|
+
.bp_combobox_module_popover--17646 .bp_combobox_module_option--17646:active{
|
|
2552
2553
|
background-color:var(--combobox-option-hover-background-color);
|
|
2553
2554
|
border:var(--combobox-option-border);
|
|
2554
2555
|
}
|
|
2555
|
-
.bp_combobox_module_popover--
|
|
2556
|
+
.bp_combobox_module_popover--17646 .bp_combobox_module_option--17646:hover{
|
|
2556
2557
|
background-color:var(--combobox-option-hover-background-color);
|
|
2557
2558
|
}
|
|
2558
|
-
.bp_combobox_module_popover--
|
|
2559
|
+
.bp_combobox_module_popover--17646 .bp_combobox_module_option--17646 .bp_combobox_module_indicator--17646{
|
|
2559
2560
|
align-items:center;
|
|
2560
2561
|
display:flex;
|
|
2561
2562
|
height:var(--combobox-option-indicator-height);
|
|
@@ -2564,16 +2565,16 @@
|
|
|
2564
2565
|
position:absolute;
|
|
2565
2566
|
top:var(--combobox-option-indicator-top);
|
|
2566
2567
|
}
|
|
2567
|
-
.bp_combobox_module_popover--
|
|
2568
|
+
.bp_combobox_module_popover--17646 .bp_combobox_module_option--17646 .bp_combobox_module_indicator--17646 .bp_combobox_module_indicatorIcon--17646 path{
|
|
2568
2569
|
fill:var(--combobox-option-indicator-icon-fill);
|
|
2569
2570
|
}
|
|
2570
|
-
.bp_combobox_module_popover--
|
|
2571
|
+
.bp_combobox_module_popover--17646 .bp_combobox_module_optionWithIndicator--17646{
|
|
2571
2572
|
padding-inline:var(--combobox-option-with-indicator-padding-inline);
|
|
2572
2573
|
}
|
|
2573
|
-
.bp_combobox_module_popover--
|
|
2574
|
+
.bp_combobox_module_popover--17646 .bp_combobox_module_loadingIndicator--17646{
|
|
2574
2575
|
position:var(--combobox-loading-indicator-position);
|
|
2575
2576
|
}
|
|
2576
|
-
.bp_combobox_module_popover--
|
|
2577
|
+
.bp_combobox_module_popover--17646 .bp_combobox_module_noResultOption--17646{
|
|
2577
2578
|
color:var(--combobox-no-result-option-color);
|
|
2578
2579
|
-webkit-user-select:none;
|
|
2579
2580
|
user-select:none;
|
|
@@ -3643,7 +3644,7 @@
|
|
|
3643
3644
|
transform:translateZ(0);
|
|
3644
3645
|
}
|
|
3645
3646
|
|
|
3646
|
-
.bp_dropdown_menu_module_content--
|
|
3647
|
+
.bp_dropdown_menu_module_content--4d77e[data-modern=false]{
|
|
3647
3648
|
--dropdown-menu-radius:var(--radius-3);
|
|
3648
3649
|
--dropdown-menu-padding:var(--space-3);
|
|
3649
3650
|
--dropdown-menu-text-color:var(--text-text-on-light);
|
|
@@ -3672,10 +3673,10 @@
|
|
|
3672
3673
|
--dropdown-menu-end-element-color:var(--text-text-on-light-secondary);
|
|
3673
3674
|
--dropdown-menu-separator-margin:var(--space-2);
|
|
3674
3675
|
--dropdown-menu-checkmark-left:var(--space-2);
|
|
3675
|
-
--dropdown-menu-backdrop-filter
|
|
3676
|
+
--dropdown-menu-backdrop-filter:none;
|
|
3676
3677
|
}
|
|
3677
3678
|
|
|
3678
|
-
.bp_dropdown_menu_module_content--
|
|
3679
|
+
.bp_dropdown_menu_module_content--4d77e[data-modern=true]{
|
|
3679
3680
|
--dropdown-menu-radius:var(--bp-radius-10);
|
|
3680
3681
|
--dropdown-menu-padding:var(--bp-space-030);
|
|
3681
3682
|
--dropdown-menu-text-color:var(--bp-text-text-on-light);
|
|
@@ -3707,7 +3708,7 @@
|
|
|
3707
3708
|
--dropdown-menu-backdrop-filter:blur(16px);
|
|
3708
3709
|
}
|
|
3709
3710
|
|
|
3710
|
-
.bp_dropdown_menu_module_content--
|
|
3711
|
+
.bp_dropdown_menu_module_content--4d77e{
|
|
3711
3712
|
backdrop-filter:var(--dropdown-menu-backdrop-filter);
|
|
3712
3713
|
background-color:var(--dropdown-menu-background);
|
|
3713
3714
|
border:var(--dropdown-menu-border);
|
|
@@ -3730,7 +3731,7 @@
|
|
|
3730
3731
|
text-transform:var(--body-default-text-case);
|
|
3731
3732
|
z-index:2147483647;
|
|
3732
3733
|
}
|
|
3733
|
-
.bp_dropdown_menu_module_content--
|
|
3734
|
+
.bp_dropdown_menu_module_content--4d77e[data-menu-fullscreen=true]{
|
|
3734
3735
|
border:unset;
|
|
3735
3736
|
border-radius:unset;
|
|
3736
3737
|
display:flex;
|
|
@@ -3743,27 +3744,27 @@
|
|
|
3743
3744
|
position:relative;
|
|
3744
3745
|
width:100vw;
|
|
3745
3746
|
}
|
|
3746
|
-
.bp_dropdown_menu_module_content--
|
|
3747
|
+
.bp_dropdown_menu_module_content--4d77e[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--4d77e{
|
|
3747
3748
|
overflow-y:auto;
|
|
3748
3749
|
padding:var(--dropdown-menu-full-screen-padding);
|
|
3749
3750
|
}
|
|
3750
|
-
.bp_dropdown_menu_module_content--
|
|
3751
|
+
.bp_dropdown_menu_module_content--4d77e .bp_dropdown_menu_module_subheader--4d77e{
|
|
3751
3752
|
padding:var(--dropdown-menu-subheader-padding);
|
|
3752
3753
|
}
|
|
3753
|
-
.bp_dropdown_menu_module_content--
|
|
3754
|
+
.bp_dropdown_menu_module_content--4d77e .bp_dropdown_menu_module_subheader--4d77e.bp_dropdown_menu_module_uppercased--4d77e{
|
|
3754
3755
|
text-transform:uppercase;
|
|
3755
3756
|
}
|
|
3756
|
-
.bp_dropdown_menu_module_content--
|
|
3757
|
+
.bp_dropdown_menu_module_content--4d77e .bp_dropdown_menu_module_dropdownMenuItemSeparator--4d77e{
|
|
3757
3758
|
margin-block:var(--dropdown-menu-separator-margin);
|
|
3758
3759
|
}
|
|
3759
3760
|
|
|
3760
|
-
.bp_dropdown_menu_module_ellipsis--
|
|
3761
|
+
.bp_dropdown_menu_module_ellipsis--4d77e{
|
|
3761
3762
|
overflow:hidden;
|
|
3762
3763
|
text-overflow:ellipsis;
|
|
3763
3764
|
white-space:nowrap;
|
|
3764
3765
|
}
|
|
3765
3766
|
|
|
3766
|
-
.bp_dropdown_menu_module_checkmark--
|
|
3767
|
+
.bp_dropdown_menu_module_checkmark--4d77e{
|
|
3767
3768
|
align-items:center;
|
|
3768
3769
|
display:inline-flex;
|
|
3769
3770
|
justify-content:center;
|
|
@@ -3771,7 +3772,7 @@
|
|
|
3771
3772
|
position:absolute;
|
|
3772
3773
|
}
|
|
3773
3774
|
|
|
3774
|
-
.bp_dropdown_menu_module_item--
|
|
3775
|
+
.bp_dropdown_menu_module_item--4d77e,.bp_dropdown_menu_module_subMenuTrigger--4d77e{
|
|
3775
3776
|
align-items:center;
|
|
3776
3777
|
border:var(--dropdown-menu-item-border);
|
|
3777
3778
|
border-radius:var(--dropdown-menu-item-radius);
|
|
@@ -3784,37 +3785,37 @@
|
|
|
3784
3785
|
-webkit-user-select:none;
|
|
3785
3786
|
user-select:none;
|
|
3786
3787
|
}
|
|
3787
|
-
.bp_dropdown_menu_module_item--
|
|
3788
|
+
.bp_dropdown_menu_module_item--4d77e[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--4d77e[data-disabled]{
|
|
3788
3789
|
opacity:60%;
|
|
3789
3790
|
pointer-events:none;
|
|
3790
3791
|
}
|
|
3791
|
-
.bp_dropdown_menu_module_item--
|
|
3792
|
+
.bp_dropdown_menu_module_item--4d77e[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--4d77e[data-highlighted]{
|
|
3792
3793
|
background-color:var(--dropdown-menu-item-background-focus);
|
|
3793
3794
|
border:var(--dropdown-menu-item-border-focus);
|
|
3794
3795
|
}
|
|
3795
|
-
.bp_dropdown_menu_module_item--
|
|
3796
|
+
.bp_dropdown_menu_module_item--4d77e:active,.bp_dropdown_menu_module_subMenuTrigger--4d77e:active{
|
|
3796
3797
|
background-color:var(--dropdown-menu-item-background-active);
|
|
3797
3798
|
border:var(--dropdown-menu-item-border-active);
|
|
3798
3799
|
}
|
|
3799
|
-
.bp_dropdown_menu_module_item--
|
|
3800
|
+
.bp_dropdown_menu_module_item--4d77e[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--4d77e[data-state=open]{
|
|
3800
3801
|
background-color:var(--dropdown-menu-item-background-selected);
|
|
3801
3802
|
}
|
|
3802
|
-
.bp_dropdown_menu_module_item--
|
|
3803
|
+
.bp_dropdown_menu_module_item--4d77e:hover,.bp_dropdown_menu_module_subMenuTrigger--4d77e:hover{
|
|
3803
3804
|
background-color:var(--dropdown-menu-item-background-hover);
|
|
3804
3805
|
}
|
|
3805
|
-
.bp_dropdown_menu_module_item--
|
|
3806
|
+
.bp_dropdown_menu_module_item--4d77e.bp_dropdown_menu_module_radioItem--4d77e,.bp_dropdown_menu_module_subMenuTrigger--4d77e.bp_dropdown_menu_module_radioItem--4d77e{
|
|
3806
3807
|
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
3807
3808
|
}
|
|
3808
|
-
.bp_dropdown_menu_module_item--
|
|
3809
|
+
.bp_dropdown_menu_module_item--4d77e.bp_dropdown_menu_module_radioItem--4d77e .bp_dropdown_menu_module_radioItemMediumSpacing--4d77e,.bp_dropdown_menu_module_subMenuTrigger--4d77e.bp_dropdown_menu_module_radioItem--4d77e .bp_dropdown_menu_module_radioItemMediumSpacing--4d77e{
|
|
3809
3810
|
padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
|
|
3810
3811
|
}
|
|
3811
|
-
.bp_dropdown_menu_module_item--
|
|
3812
|
+
.bp_dropdown_menu_module_item--4d77e.bp_dropdown_menu_module_checkboxItem--4d77e,.bp_dropdown_menu_module_subMenuTrigger--4d77e.bp_dropdown_menu_module_checkboxItem--4d77e{
|
|
3812
3813
|
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
3813
3814
|
}
|
|
3814
|
-
.bp_dropdown_menu_module_item--
|
|
3815
|
+
.bp_dropdown_menu_module_item--4d77e.bp_dropdown_menu_module_checkboxItem--4d77e .bp_dropdown_menu_module_checkboxItemMediumSpacing--4d77e,.bp_dropdown_menu_module_subMenuTrigger--4d77e.bp_dropdown_menu_module_checkboxItem--4d77e .bp_dropdown_menu_module_checkboxItemMediumSpacing--4d77e{
|
|
3815
3816
|
padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
|
|
3816
3817
|
}
|
|
3817
|
-
.bp_dropdown_menu_module_item--
|
|
3818
|
+
.bp_dropdown_menu_module_item--4d77e .bp_dropdown_menu_module_mediumItemLayout--4d77e,.bp_dropdown_menu_module_subMenuTrigger--4d77e .bp_dropdown_menu_module_mediumItemLayout--4d77e{
|
|
3818
3819
|
align-items:center;
|
|
3819
3820
|
display:flex;
|
|
3820
3821
|
gap:var(--dropdown-menu-medium-item-layout-gap);
|
|
@@ -3822,20 +3823,20 @@
|
|
|
3822
3823
|
overflow:hidden;
|
|
3823
3824
|
width:100%;
|
|
3824
3825
|
}
|
|
3825
|
-
.bp_dropdown_menu_module_item--
|
|
3826
|
+
.bp_dropdown_menu_module_item--4d77e .bp_dropdown_menu_module_startElement--4d77e,.bp_dropdown_menu_module_subMenuTrigger--4d77e .bp_dropdown_menu_module_startElement--4d77e{
|
|
3826
3827
|
align-items:center;
|
|
3827
3828
|
display:flex;
|
|
3828
3829
|
}
|
|
3829
|
-
.bp_dropdown_menu_module_item--
|
|
3830
|
+
.bp_dropdown_menu_module_item--4d77e .bp_dropdown_menu_module_menuItemMainContent--4d77e,.bp_dropdown_menu_module_subMenuTrigger--4d77e .bp_dropdown_menu_module_menuItemMainContent--4d77e{
|
|
3830
3831
|
flex-grow:1;
|
|
3831
3832
|
}
|
|
3832
|
-
.bp_dropdown_menu_module_item--
|
|
3833
|
+
.bp_dropdown_menu_module_item--4d77e .bp_dropdown_menu_module_endElement--4d77e,.bp_dropdown_menu_module_subMenuTrigger--4d77e .bp_dropdown_menu_module_endElement--4d77e{
|
|
3833
3834
|
align-items:center;
|
|
3834
3835
|
color:var(--dropdown-menu-end-element-color);
|
|
3835
3836
|
display:flex;
|
|
3836
3837
|
}
|
|
3837
3838
|
|
|
3838
|
-
.bp_dropdown_menu_module_menuHeader--
|
|
3839
|
+
.bp_dropdown_menu_module_menuHeader--4d77e{
|
|
3839
3840
|
align-items:center;
|
|
3840
3841
|
box-shadow:var(--dropdown-menu-header-shadow);
|
|
3841
3842
|
display:grid;
|
|
@@ -3845,15 +3846,15 @@
|
|
|
3845
3846
|
padding:var(--dropdown-menu-header-padding);
|
|
3846
3847
|
}
|
|
3847
3848
|
|
|
3848
|
-
.bp_dropdown_menu_module_headerTextContent--
|
|
3849
|
+
.bp_dropdown_menu_module_headerTextContent--4d77e{
|
|
3849
3850
|
display:grid;
|
|
3850
3851
|
}
|
|
3851
3852
|
|
|
3852
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
3853
|
+
.bp_dropdown_menu_module_submenuCloseButton--4d77e{
|
|
3853
3854
|
grid-area:submenu-close;
|
|
3854
3855
|
}
|
|
3855
3856
|
|
|
3856
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
3857
|
+
.bp_dropdown_menu_module_menuCloseButton--4d77e{
|
|
3857
3858
|
grid-area:close;
|
|
3858
3859
|
}
|
|
3859
3860
|
.bp_divider_module_divider--2f437{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"content":"bp_dropdown_menu_module_content--
|
|
2
|
+
var styles = {"content":"bp_dropdown_menu_module_content--4d77e","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--4d77e","subheader":"bp_dropdown_menu_module_subheader--4d77e","uppercased":"bp_dropdown_menu_module_uppercased--4d77e","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--4d77e","ellipsis":"bp_dropdown_menu_module_ellipsis--4d77e","checkmark":"bp_dropdown_menu_module_checkmark--4d77e","item":"bp_dropdown_menu_module_item--4d77e","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--4d77e","radioItem":"bp_dropdown_menu_module_radioItem--4d77e","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--4d77e","checkboxItem":"bp_dropdown_menu_module_checkboxItem--4d77e","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--4d77e","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--4d77e","startElement":"bp_dropdown_menu_module_startElement--4d77e","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--4d77e","endElement":"bp_dropdown_menu_module_endElement--4d77e","menuHeader":"bp_dropdown_menu_module_menuHeader--4d77e","headerTextContent":"bp_dropdown_menu_module_headerTextContent--4d77e","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--4d77e","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--4d77e"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|