@box/blueprint-web 13.19.0 → 14.0.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.
Files changed (52) hide show
  1. package/THIRD_PARTY_LICENSES +206 -27
  2. package/dist/lib-esm/button/button.d.ts +0 -2
  3. package/dist/lib-esm/button/button.js +2 -4
  4. package/dist/lib-esm/button/types.d.ts +0 -4
  5. package/dist/lib-esm/card-tooltip/card-tooltip.d.ts +3 -6
  6. package/dist/lib-esm/card-tooltip/card-tooltip.js +96 -42
  7. package/dist/lib-esm/card-tooltip/card-tooltip.module.js +1 -1
  8. package/dist/lib-esm/card-tooltip/types.d.ts +21 -36
  9. package/dist/lib-esm/combobox/chips-group.js +1 -5
  10. package/dist/lib-esm/combobox/types.d.ts +2 -2
  11. package/dist/lib-esm/combobox-group/combobox-group-combobox.js +0 -1
  12. package/dist/lib-esm/data-table/data-table-wrapper.js +2 -0
  13. package/dist/lib-esm/data-table/use-table-scroll-correction.d.ts +15 -0
  14. package/dist/lib-esm/data-table/use-table-scroll-correction.js +211 -0
  15. package/dist/lib-esm/empty-state/empty-state.d.ts +0 -2
  16. package/dist/lib-esm/guided-tooltip/guided-tooltip-footer.d.ts +0 -4
  17. package/dist/lib-esm/guided-tooltip/guided-tooltip.d.ts +0 -4
  18. package/dist/lib-esm/index.css +49 -243
  19. package/dist/lib-esm/index.d.ts +0 -3
  20. package/dist/lib-esm/index.js +0 -3
  21. package/dist/lib-esm/list-item/table-header-dropdown.js +1 -1
  22. package/dist/lib-esm/modal/alert-modal.d.ts +0 -4
  23. package/dist/lib-esm/modal/modal-footer.d.ts +0 -4
  24. package/dist/lib-esm/modal/modal.d.ts +0 -4
  25. package/dist/lib-esm/primitives/context-menu/context-menu.module.js +1 -1
  26. package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.js +0 -1
  27. package/dist/lib-esm/side-panel/side-panel-footer.d.ts +0 -4
  28. package/dist/lib-esm/side-panel/side-panel.d.ts +0 -4
  29. package/dist/lib-esm/tooltip/tooltip.d.ts +3 -2
  30. package/dist/lib-esm/tooltip/tooltip.js +2 -36
  31. package/dist/lib-esm/tooltip/types.d.ts +0 -9
  32. package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +2 -2
  33. package/dist/lib-esm/utils/useMedia.js +13 -1
  34. package/package.json +14 -14
  35. package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.d.ts +0 -10
  36. package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.js +0 -119
  37. package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.module.js +0 -4
  38. package/dist/lib-esm/card-tooltip-v2/index.d.ts +0 -2
  39. package/dist/lib-esm/card-tooltip-v2/types.d.ts +0 -30
  40. package/dist/lib-esm/content-field/content-field.d.ts +0 -4
  41. package/dist/lib-esm/content-field/content-field.js +0 -126
  42. package/dist/lib-esm/content-field/content-field.module.js +0 -4
  43. package/dist/lib-esm/content-field/index.d.ts +0 -2
  44. package/dist/lib-esm/content-field/messages.d.ts +0 -7
  45. package/dist/lib-esm/content-field/messages.js +0 -8
  46. package/dist/lib-esm/content-field/types.d.ts +0 -35
  47. package/dist/lib-esm/util-components/focus-trap/focus-trap.d.ts +0 -2
  48. package/dist/lib-esm/util-components/focus-trap/focus-trap.js +0 -52
  49. package/dist/lib-esm/util-components/focus-trap/index.d.ts +0 -1
  50. package/dist/lib-esm/util-components/focus-trap/types.d.ts +0 -8
  51. package/dist/lib-esm/utils/useIsTriggerInteractive.d.ts +0 -4
  52. package/dist/lib-esm/utils/useIsTriggerInteractive.js +0 -21
@@ -3065,83 +3065,9 @@
3065
3065
  .bp_card_module_card--65268.bp_card_module_dropshadow-3--65268{
3066
3066
  box-shadow:var(--card-dropshadow-3);
3067
3067
  }
3068
- .bp_card_tooltip_module_content--83370{
3069
- animation-duration:.4s;
3070
- animation-timing-function:cubic-bezier(.16, 1, .3, 1);
3071
- border-radius:var(--radius-1);
3072
- font-family:var(--body-default-font-family);
3073
- font-size:var(--body-default-font-size);
3074
- font-weight:var(--body-default-font-weight);
3075
- letter-spacing:var(--body-default-letter-spacing);
3076
- line-height:var(--body-default-line-height);
3077
- max-width:200px;
3078
- overflow-wrap:break-word;
3079
- padding:var(--space-2) var(--space-3);
3080
- position:relative;
3081
- text-decoration:var(--body-default-text-decoration);
3082
- text-transform:var(--body-default-text-case);
3083
- will-change:transform, opacity;
3084
- z-index:2147483647;
3085
- }
3086
- .bp_card_tooltip_module_content--83370.bp_card_tooltip_module_card--83370{
3087
- max-height:var(--radix-tooltip-content-available-height);
3088
- max-width:336px;
3089
- min-width:168px;
3090
- }
3091
- .bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=top]{
3092
- animation-name:bp_card_tooltip_module_slideDownAndFade--83370;
3093
- }
3094
- .bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=right]{
3095
- animation-name:bp_card_tooltip_module_slideLeftAndFade--83370;
3096
- }
3097
- .bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=bottom]{
3098
- animation-name:bp_card_tooltip_module_slideUpAndFade--83370;
3099
- }
3100
- .bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=left]{
3101
- animation-name:bp_card_tooltip_module_slideRightAndFade--83370;
3102
- }
3103
-
3104
- @keyframes bp_card_tooltip_module_slideUpAndFade--83370{
3105
- from{
3106
- opacity:0;
3107
- transform:translateY(2px);
3108
- }
3109
- to{
3110
- opacity:1;
3111
- transform:translateY(0);
3112
- }
3113
- }
3114
- @keyframes bp_card_tooltip_module_slideRightAndFade--83370{
3115
- from{
3116
- opacity:0;
3117
- transform:translateX(-2px);
3118
- }
3119
- to{
3120
- opacity:1;
3121
- transform:translateX(0);
3122
- }
3123
- }
3124
- @keyframes bp_card_tooltip_module_slideDownAndFade--83370{
3125
- from{
3126
- opacity:0;
3127
- transform:translateY(-2px);
3128
- }
3129
- to{
3130
- opacity:1;
3131
- transform:translateY(0);
3132
- }
3133
- }
3134
- @keyframes bp_card_tooltip_module_slideLeftAndFade--83370{
3135
- from{
3136
- opacity:0;
3137
- transform:translateX(2px);
3138
- }
3139
- to{
3140
- opacity:1;
3141
- transform:translateX(0);
3142
- }
3143
- }
3144
- .bp_card_tooltip_v2_module_content--0d2ae[data-modern=false]{
3068
+ .bp_card_tooltip_module_content--02910[data-modern=false]{
3069
+ --content-padding:var(--space-2) var(--space-3);
3070
+ --content-border-radius:var(--radius-1);
3145
3071
  font-family:var(--body-default-font-family);
3146
3072
  font-size:var(--body-default-font-size);
3147
3073
  font-weight:var(--body-default-font-weight);
@@ -3151,7 +3077,9 @@
3151
3077
  text-transform:var(--body-default-text-case);
3152
3078
  }
3153
3079
 
3154
- .bp_card_tooltip_v2_module_content--0d2ae[data-modern=true]{
3080
+ .bp_card_tooltip_module_content--02910[data-modern=true]{
3081
+ --content-padding:var(--bp-space-020) var(--bp-space-030);
3082
+ --content-border-radius:var(--bp-radius-02);
3155
3083
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
3156
3084
  font-size:var(--bp-font-size-05);
3157
3085
  font-style:normal;
@@ -3160,35 +3088,35 @@
3160
3088
  line-height:var(--bp-font-line-height-04);
3161
3089
  }
3162
3090
 
3163
- .bp_card_tooltip_v2_module_content--0d2ae{
3164
- border-radius:var(--radius-1);
3091
+ .bp_card_tooltip_module_content--02910{
3092
+ border-radius:var(--content-border-radius);
3165
3093
  max-height:var(--popover-available-height);
3166
3094
  max-width:336px;
3167
3095
  min-width:168px;
3168
3096
  overflow-wrap:break-word;
3169
- padding:var(--space-2) var(--space-3);
3097
+ padding:var(--content-padding);
3170
3098
  position:relative;
3171
3099
  z-index:2147483647;
3172
3100
  }
3173
- .bp_card_tooltip_v2_module_content--0d2ae[data-open]{
3101
+ .bp_card_tooltip_module_content--02910[data-open]{
3174
3102
  animation-duration:var(--animation-duration-4);
3175
3103
  animation-timing-function:var(--animation-easing-ease-base);
3176
3104
  will-change:transform, opacity;
3177
3105
  }
3178
- .bp_card_tooltip_v2_module_content--0d2ae[data-open][data-side=top]{
3179
- animation-name:bp_card_tooltip_v2_module_slideDownAndFade--0d2ae;
3106
+ .bp_card_tooltip_module_content--02910[data-open][data-side=top]{
3107
+ animation-name:bp_card_tooltip_module_slideDownAndFade--02910;
3180
3108
  }
3181
- .bp_card_tooltip_v2_module_content--0d2ae[data-open][data-side=right]{
3182
- animation-name:bp_card_tooltip_v2_module_slideLeftAndFade--0d2ae;
3109
+ .bp_card_tooltip_module_content--02910[data-open][data-side=right]{
3110
+ animation-name:bp_card_tooltip_module_slideLeftAndFade--02910;
3183
3111
  }
3184
- .bp_card_tooltip_v2_module_content--0d2ae[data-open][data-side=bottom]{
3185
- animation-name:bp_card_tooltip_v2_module_slideUpAndFade--0d2ae;
3112
+ .bp_card_tooltip_module_content--02910[data-open][data-side=bottom]{
3113
+ animation-name:bp_card_tooltip_module_slideUpAndFade--02910;
3186
3114
  }
3187
- .bp_card_tooltip_v2_module_content--0d2ae[data-open][data-side=left]{
3188
- animation-name:bp_card_tooltip_v2_module_slideRightAndFade--0d2ae;
3115
+ .bp_card_tooltip_module_content--02910[data-open][data-side=left]{
3116
+ animation-name:bp_card_tooltip_module_slideRightAndFade--02910;
3189
3117
  }
3190
3118
 
3191
- @keyframes bp_card_tooltip_v2_module_slideUpAndFade--0d2ae{
3119
+ @keyframes bp_card_tooltip_module_slideUpAndFade--02910{
3192
3120
  from{
3193
3121
  opacity:0;
3194
3122
  transform:translateY(2px);
@@ -3198,7 +3126,7 @@
3198
3126
  transform:translateY(0);
3199
3127
  }
3200
3128
  }
3201
- @keyframes bp_card_tooltip_v2_module_slideRightAndFade--0d2ae{
3129
+ @keyframes bp_card_tooltip_module_slideRightAndFade--02910{
3202
3130
  from{
3203
3131
  opacity:0;
3204
3132
  transform:translateX(-2px);
@@ -3208,7 +3136,7 @@
3208
3136
  transform:translateX(0);
3209
3137
  }
3210
3138
  }
3211
- @keyframes bp_card_tooltip_v2_module_slideDownAndFade--0d2ae{
3139
+ @keyframes bp_card_tooltip_module_slideDownAndFade--02910{
3212
3140
  from{
3213
3141
  opacity:0;
3214
3142
  transform:translateY(-2px);
@@ -3218,7 +3146,7 @@
3218
3146
  transform:translateY(0);
3219
3147
  }
3220
3148
  }
3221
- @keyframes bp_card_tooltip_v2_module_slideLeftAndFade--0d2ae{
3149
+ @keyframes bp_card_tooltip_module_slideLeftAndFade--02910{
3222
3150
  from{
3223
3151
  opacity:0;
3224
3152
  transform:translateX(2px);
@@ -5214,130 +5142,6 @@
5214
5142
  .bp_content_card_module_pillGhost--3b28b{
5215
5143
  margin-inline-end:var(--content-card-content-gap);
5216
5144
  }
5217
- .bp_content_field_module_contentFieldWrapper--67a59{
5218
- width:100%;
5219
- }
5220
-
5221
- .bp_content_field_module_contentField--67a59{
5222
- border-radius:var(--radius-2);
5223
- box-shadow:var(--dropshadow-2);
5224
- display:flex;
5225
- flex-direction:row;
5226
- justify-content:space-between;
5227
- }
5228
-
5229
- .bp_content_field_module_inlineError--67a59{
5230
- margin-block-start:var(--space-2);
5231
- }
5232
-
5233
- .bp_content_field_module_contentButton--67a59{
5234
- all:unset;
5235
- align-items:center;
5236
- background:var(--surface-cta-surface-secondary);
5237
- border:var(--border-1) solid var(--border-cta-border-secondary);
5238
- border-radius:var(--radius-2);
5239
- cursor:pointer;
5240
- display:flex;
5241
- flex:1;
5242
- gap:var(--space-2);
5243
- height:var(--size-10);
5244
- min-width:0;
5245
- padding:var(--border-1) var(--space-3);
5246
- }
5247
- .bp_content_field_module_contentButton--67a59.bp_content_field_module_error--67a59{
5248
- border:var(--border-2) solid var(--border-dropdown-border-error);
5249
- position:relative;
5250
- }
5251
- .bp_content_field_module_contentButton--67a59.bp_content_field_module_error--67a59.bp_content_field_module_hasSelection--67a59:hover::after{
5252
- background-color:var(--border-cta-border-secondary);
5253
- content:"";
5254
- height:100%;
5255
- position:absolute;
5256
- right:0;
5257
- top:0;
5258
- width:1px;
5259
- }
5260
- .bp_content_field_module_contentButton--67a59.bp_content_field_module_hasSelection--67a59{
5261
- border-radius:var(--radius-2) 0 0 var(--radius-2);
5262
- border-right:none;
5263
- }
5264
- .bp_content_field_module_contentButton--67a59:hover{
5265
- background:var(--surface-cta-surface-secondary-hover);
5266
- }
5267
- .bp_content_field_module_contentButton--67a59:focus-visible{
5268
- background:var(--surface-cta-surface-secondary-hover);
5269
- border:var(--border-2) solid var(--outline-focus-on-light);
5270
- }
5271
- .bp_content_field_module_contentButton--67a59:focus-visible:not(.bp_content_field_module_error--67a59){
5272
- padding:calc(var(--border-1) - var(--border-1)) calc(var(--space-3) - var(--border-1));
5273
- }
5274
-
5275
- .bp_content_field_module_contentIconContainer--67a59{
5276
- align-items:center;
5277
- background:var(--surface-cta-surface-icon-utility);
5278
- border-radius:50%;
5279
- display:flex;
5280
- height:var(--space-6);
5281
- justify-content:center;
5282
- min-width:var(--space-6);
5283
- width:var(--space-6);
5284
- }
5285
-
5286
- .bp_content_field_module_contentIconShared--67a59{
5287
- min-height:var(--space-6);
5288
- min-width:var(--space-6);
5289
- }
5290
-
5291
- .bp_content_field_module_contentLabelWrapper--67a59{
5292
- align-items:center;
5293
- display:flex;
5294
- flex-grow:1;
5295
- min-width:0;
5296
- }
5297
-
5298
- .bp_content_field_module_contentLabel--67a59{
5299
- overflow:hidden;
5300
- text-overflow:ellipsis;
5301
- white-space:nowrap;
5302
- }
5303
-
5304
- .bp_content_field_module_clearButton--67a59{
5305
- all:unset;
5306
- align-items:center;
5307
- background:var(--surface-cta-surface-secondary);
5308
- border:var(--border-1) solid var(--border-cta-border-secondary);
5309
- border-left:none;
5310
- border-radius:0 var(--radius-2) var(--radius-2) 0;
5311
- cursor:pointer;
5312
- display:flex;
5313
- padding:var(--border-1) var(--space-2);
5314
- }
5315
- .bp_content_field_module_clearButton--67a59:hover{
5316
- background:var(--surface-cta-surface-secondary-hover);
5317
- }
5318
- .bp_content_field_module_clearButton--67a59.bp_content_field_module_error--67a59{
5319
- border:var(--border-2) solid var(--border-dropdown-border-error);
5320
- position:relative;
5321
- }
5322
- .bp_content_field_module_clearButton--67a59.bp_content_field_module_error--67a59.bp_content_field_module_hasSelection--67a59:hover::after{
5323
- background-color:var(--border-cta-border-secondary);
5324
- content:"";
5325
- height:100%;
5326
- left:-1px;
5327
- position:absolute;
5328
- top:0;
5329
- width:1px;
5330
- }
5331
- .bp_content_field_module_clearButton--67a59.bp_content_field_module_error--67a59{
5332
- border-left:none;
5333
- }
5334
- .bp_content_field_module_clearButton--67a59:focus-visible{
5335
- background:var(--surface-cta-surface-secondary-hover);
5336
- border:var(--border-2) solid var(--outline-focus-on-light);
5337
- }
5338
- .bp_content_field_module_clearButton--67a59:focus-visible:not(.bp_content_field_module_error--67a59){
5339
- padding:calc(var(--border-1) - var(--border-1)) calc(var(--space-2) - var(--border-1));
5340
- }
5341
5145
  .bp_scrollable_container_module_scrollableContainer--074ff{
5342
5146
  overflow:auto;
5343
5147
  }
@@ -9504,7 +9308,7 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
9504
9308
  padding:var(--chips-group-small-screen-padding);
9505
9309
  }
9506
9310
  }
9507
- .bp_context_menu_module_menuBlock--b9e5e[data-modern=false]{
9311
+ .bp_context_menu_module_menuBlock--2df31[data-modern=false]{
9508
9312
  --context-menu-block-font-color:unset;
9509
9313
  --context-menu-block-min-width:var(--blueprint-web-context-menu-min-width, 160px);
9510
9314
  --context-menu-end-element-color:var(--text-text-on-light-secondary);
@@ -9528,11 +9332,12 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
9528
9332
  --context-menu-item-background-color-pressed:var(--surface-menu-surface-focus);
9529
9333
  --context-menu-item-focus-border:var(--border-2) solid var(--outline-focus-on-light);
9530
9334
  --context-menu-item-padding:var(--space-2);
9335
+ --context-menu-item-border-width:var(--border-2);
9531
9336
  --context-menu-item-border-hover:var(--border-2) solid #0000;
9532
9337
  --context-menu-items-separator-margin:var(--space-2);
9533
9338
  }
9534
9339
 
9535
- .bp_context_menu_module_menuBlock--b9e5e[data-modern=true]{
9340
+ .bp_context_menu_module_menuBlock--2df31[data-modern=true]{
9536
9341
  --context-menu-block-font-color:var(--bp-text-text-on-light);
9537
9342
  --context-menu-block-min-width:var(--blueprint-web-context-menu-min-width, 160px);
9538
9343
  --context-menu-end-element-color:var(--bp-icon-icon-on-light-secondary);
@@ -9547,32 +9352,33 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
9547
9352
  --context-menu-block-radius:var(--bp-radius-10);
9548
9353
  --context-menu-block-border:var(--bp-border-01) solid var(--bp-border-menu-border);
9549
9354
  --context-menu-block-shadow:var(--dropshadow-2);
9550
- --context-menu-item-gap:var(--bp-space-030);
9355
+ --context-menu-item-gap:var(--bp-space-040);
9551
9356
  --context-menu-background-color:#0000;
9552
9357
  --context-menu-fullscreen-content-padding:var(--bp-space-030);
9553
9358
  --context-menu-item-radius:var(--bp-radius-06);
9554
9359
  --context-menu-item-border:var(--bp-border-02) solid #0000;
9555
- --context-menu-item-border-hover:var(--border-020) solid #0000;
9360
+ --context-menu-item-border-hover:var(--bp-border-02) solid #0000;
9556
9361
  --context-menu-item-background-color-hover:var(--bp-surface-menu-item-surface-hover);
9557
9362
  --context-menu-item-background-color-pressed:var(--bp-surface-menu-item-surface-pressed);
9558
9363
  --context-menu-item-focus-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
9559
9364
  --context-menu-item-padding:var(--bp-space-020);
9365
+ --context-menu-item-border-width:var(--bp-border-02);
9560
9366
  --context-menu-items-separator-margin:var(--bp-space-020);
9561
9367
  }
9562
9368
 
9563
- .bp_context_menu_module_menuHeader--b9e5e[data-modern=false]{
9369
+ .bp_context_menu_module_menuHeader--2df31[data-modern=false]{
9564
9370
  --context-menu-header-padding:var(--space-3);
9565
9371
  --context-menu-header-gap:var(--space-2);
9566
9372
  --context-menu-header-shadow:var(--dropshadow-1);
9567
9373
  }
9568
9374
 
9569
- .bp_context_menu_module_menuHeader--b9e5e[data-modern=true]{
9375
+ .bp_context_menu_module_menuHeader--2df31[data-modern=true]{
9570
9376
  --context-menu-header-padding:var(--bp-space-030) var(--bp-space-040);
9571
9377
  --context-menu-header-gap:var(--bp-space-030);
9572
9378
  --context-menu-header-shadow:var(--dropshadow-1);
9573
9379
  }
9574
9380
 
9575
- .bp_context_menu_module_menuBlock--b9e5e{
9381
+ .bp_context_menu_module_menuBlock--2df31{
9576
9382
  backdrop-filter:var(--context-menu-block-backdrop-filter);
9577
9383
  background-color:var(--context-menu-block-background-color);
9578
9384
  border:var(--context-menu-block-border);
@@ -9585,7 +9391,7 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
9585
9391
  min-width:var(--context-menu-block-min-width);
9586
9392
  padding:var(--context-menu-block-padding);
9587
9393
  }
9588
- .bp_context_menu_module_menuBlock--b9e5e[data-menu-fullscreen=true]{
9394
+ .bp_context_menu_module_menuBlock--2df31[data-menu-fullscreen=true]{
9589
9395
  border:unset;
9590
9396
  border-radius:unset;
9591
9397
  display:flex;
@@ -9598,14 +9404,14 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
9598
9404
  position:relative;
9599
9405
  width:100vw;
9600
9406
  }
9601
- .bp_context_menu_module_menuBlock--b9e5e[data-menu-fullscreen=true] .bp_context_menu_module_fullScreenContent--b9e5e{
9407
+ .bp_context_menu_module_menuBlock--2df31[data-menu-fullscreen=true] .bp_context_menu_module_fullScreenContent--2df31{
9602
9408
  overflow-y:auto;
9603
9409
  padding:var(--context-menu-fullscreen-content-padding);
9604
9410
  }
9605
- .bp_context_menu_module_menuBlock--b9e5e .bp_context_menu_module_menuItemsSeparator--b9e5e{
9411
+ .bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItemsSeparator--2df31{
9606
9412
  margin:var(--context-menu-items-separator-margin);
9607
9413
  }
9608
- .bp_context_menu_module_menuBlock--b9e5e .bp_context_menu_module_menuItem--b9e5e{
9414
+ .bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31{
9609
9415
  align-items:center;
9610
9416
  background-color:var(--context-menu-background-color);
9611
9417
  border:var(--context-menu-item-border);
@@ -9614,34 +9420,34 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
9614
9420
  display:flex;
9615
9421
  gap:var(--context-menu-item-gap);
9616
9422
  outline:none;
9617
- padding-block:var(--context-menu-item-padding);
9618
- padding-inline:var(--context-menu-item-padding);
9423
+ padding-block:calc(var(--context-menu-item-padding) - var(--context-menu-item-border-width));
9424
+ padding-inline:calc(var(--context-menu-item-padding) - var(--context-menu-item-border-width));
9619
9425
  position:relative;
9620
9426
  }
9621
- .bp_context_menu_module_menuBlock--b9e5e .bp_context_menu_module_menuItem--b9e5e[data-disabled]{
9427
+ .bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31[data-disabled]{
9622
9428
  opacity:60%;
9623
9429
  pointer-events:none;
9624
9430
  }
9625
- .bp_context_menu_module_menuBlock--b9e5e .bp_context_menu_module_menuItem--b9e5e[data-highlighted]:not(:hover){
9431
+ .bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31[data-highlighted]:not(:hover){
9626
9432
  background-color:var(--context-menu-item-background-color-hover);
9627
9433
  border:var(--context-menu-item-focus-border);
9628
9434
  }
9629
- .bp_context_menu_module_menuBlock--b9e5e .bp_context_menu_module_menuItem--b9e5e[data-state=open][data-highlighted]:not(:hover){
9435
+ .bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31[data-state=open][data-highlighted]:not(:hover){
9630
9436
  border:var(--context-menu-item-border);
9631
9437
  }
9632
- .bp_context_menu_module_menuBlock--b9e5e .bp_context_menu_module_menuItem--b9e5e:active{
9438
+ .bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31:active{
9633
9439
  background-color:var(--context-menu-item-background-color-pressed);
9634
9440
  border:var(--context-menu-item-border);
9635
9441
  }
9636
- .bp_context_menu_module_menuBlock--b9e5e .bp_context_menu_module_menuItem--b9e5e:hover{
9442
+ .bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31:hover{
9637
9443
  background-color:var(--context-menu-item-background-color-hover);
9638
9444
  border:var(--context-menu-item-border-hover);
9639
9445
  }
9640
- .bp_context_menu_module_menuBlock--b9e5e .bp_context_menu_module_startElement--b9e5e{
9446
+ .bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_startElement--2df31{
9641
9447
  align-items:center;
9642
9448
  display:flex;
9643
9449
  }
9644
- .bp_context_menu_module_menuBlock--b9e5e .bp_context_menu_module_endElement--b9e5e{
9450
+ .bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_endElement--2df31{
9645
9451
  align-items:center;
9646
9452
  color:var(--context-menu-end-element-color);
9647
9453
  display:flex;
@@ -9652,7 +9458,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9652
9458
  width:100%;
9653
9459
  }
9654
9460
 
9655
- .bp_context_menu_module_menuHeader--b9e5e{
9461
+ .bp_context_menu_module_menuHeader--2df31{
9656
9462
  align-items:center;
9657
9463
  box-shadow:var(--context-menu-header-shadow);
9658
9464
  display:grid;
@@ -9662,19 +9468,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
9662
9468
  padding:var(--context-menu-header-padding);
9663
9469
  }
9664
9470
 
9665
- .bp_context_menu_module_headerTextContent--b9e5e{
9471
+ .bp_context_menu_module_headerTextContent--2df31{
9666
9472
  display:grid;
9667
9473
  }
9668
9474
 
9669
- .bp_context_menu_module_submenuCloseButton--b9e5e{
9475
+ .bp_context_menu_module_submenuCloseButton--2df31{
9670
9476
  grid-area:submenu-close;
9671
9477
  }
9672
9478
 
9673
- .bp_context_menu_module_menuCloseButton--b9e5e{
9479
+ .bp_context_menu_module_menuCloseButton--2df31{
9674
9480
  grid-area:close;
9675
9481
  }
9676
9482
 
9677
- .bp_context_menu_module_ellipsis--b9e5e{
9483
+ .bp_context_menu_module_ellipsis--2df31{
9678
9484
  overflow:hidden;
9679
9485
  text-overflow:ellipsis;
9680
9486
  white-space:nowrap;
@@ -10,14 +10,12 @@ export * from './button';
10
10
  export * from './button-wrapper';
11
11
  export * from './card';
12
12
  export * from './card-tooltip';
13
- export * from './card-tooltip-v2';
14
13
  export * from './checkbox';
15
14
  export * from './circular-progress';
16
15
  export * from './collapsible';
17
16
  export * from './combobox';
18
17
  export * from './combobox-group';
19
18
  export * from './content-card';
20
- export * from './content-field';
21
19
  export * from './data-table/data-table';
22
20
  export * from './date-picker';
23
21
  export * from './divider';
@@ -78,7 +76,6 @@ export * from './time-picker';
78
76
  export * from './toolbar';
79
77
  export * from './tooltip';
80
78
  export * from './trigger-button';
81
- export * from './util-components/focus-trap';
82
79
  export * from './util-components/interactive-icon';
83
80
  export * from './util-components/labelable';
84
81
  export * from './util-components/list-checkbox';
@@ -16,7 +16,6 @@ export { Button } from './button/button.js';
16
16
  export { ButtonWrapper } from './button-wrapper/button-wrapper.js';
17
17
  export { Card } from './card/card.js';
18
18
  export { CardTooltip } from './card-tooltip/card-tooltip.js';
19
- export { CardTooltipV2 } from './card-tooltip-v2/card-tooltip-v2.js';
20
19
  export { Checkbox } from './checkbox/index.js';
21
20
  export { CircularProgress } from './circular-progress/circular-progress.js';
22
21
  export { CollapsibleSection } from './collapsible/collapsible-section.js';
@@ -24,7 +23,6 @@ export { ChipsGroup } from './combobox/chips-group.js';
24
23
  export { Combobox, Root } from './combobox/combobox.js';
25
24
  export { ComboboxGroup } from './combobox-group/combobox-group.js';
26
25
  export { ContentCard } from './content-card/content-card.js';
27
- export { ContentField } from './content-field/content-field.js';
28
26
  export { DataTableWrapper, StickyCell } from './data-table/data-table.js';
29
27
  export { DatePicker } from './date-picker/date-picker.js';
30
28
  export { Divider } from './divider/divider.js';
@@ -100,7 +98,6 @@ export { TimePicker } from './time-picker/time-picker.js';
100
98
  export { Toolbar } from './toolbar/index.js';
101
99
  export { Tooltip, TooltipProvider } from './tooltip/tooltip.js';
102
100
  export { TriggerButton } from './trigger-button/trigger-button.js';
103
- export { FocusTrap } from './util-components/focus-trap/focus-trap.js';
104
101
  export { InteractiveIcon } from './util-components/interactive-icon/interactive-icon.js';
105
102
  export { useLabelable } from './util-components/labelable/useLabelable.js';
106
103
  export { ListCheckbox } from './util-components/list-checkbox/list-checkbox.js';
@@ -42,7 +42,7 @@ const TableHeaderInner = ({
42
42
  children: jsx(Button, {
43
43
  "aria-label": "sort-by",
44
44
  "aria-sort": sortDescriptor.direction === 'ascending' ? 'ascending' : 'descending',
45
- icon: SortIcon,
45
+ endIcon: SortIcon,
46
46
  size: "small",
47
47
  variant: "secondary",
48
48
  children: columnLabel
@@ -5,23 +5,19 @@ export declare const AlertModal: {
5
5
  } & {
6
6
  PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
7
7
  children?: string | string[];
8
- icon?: import("../button/types").SvgIconComponent;
9
8
  endIcon?: import("../button/types").SvgIconComponent;
10
9
  startIcon?: import("../button/types").SvgIconComponent;
11
10
  }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
12
11
  children?: string | string[];
13
- icon?: import("../button/types").SvgIconComponent;
14
12
  endIcon?: import("../button/types").SvgIconComponent;
15
13
  startIcon?: import("../button/types").SvgIconComponent;
16
14
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
17
15
  SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
18
16
  children?: string | string[];
19
- icon?: import("../button/types").SvgIconComponent;
20
17
  endIcon?: import("../button/types").SvgIconComponent;
21
18
  startIcon?: import("../button/types").SvgIconComponent;
22
19
  }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
23
20
  children?: string | string[];
24
- icon?: import("../button/types").SvgIconComponent;
25
21
  endIcon?: import("../button/types").SvgIconComponent;
26
22
  startIcon?: import("../button/types").SvgIconComponent;
27
23
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
@@ -6,23 +6,19 @@ import { type ModalFooterProps } from './types';
6
6
  export declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalFooterProps & import("react").RefAttributes<HTMLDivElement>> & {
7
7
  PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
8
8
  children?: string | string[];
9
- icon?: import("../button/types").SvgIconComponent;
10
9
  endIcon?: import("../button/types").SvgIconComponent;
11
10
  startIcon?: import("../button/types").SvgIconComponent;
12
11
  }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
13
12
  children?: string | string[];
14
- icon?: import("../button/types").SvgIconComponent;
15
13
  endIcon?: import("../button/types").SvgIconComponent;
16
14
  startIcon?: import("../button/types").SvgIconComponent;
17
15
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
18
16
  SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
19
17
  children?: string | string[];
20
- icon?: import("../button/types").SvgIconComponent;
21
18
  endIcon?: import("../button/types").SvgIconComponent;
22
19
  startIcon?: import("../button/types").SvgIconComponent;
23
20
  }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
24
21
  children?: string | string[];
25
- icon?: import("../button/types").SvgIconComponent;
26
22
  endIcon?: import("../button/types").SvgIconComponent;
27
23
  startIcon?: import("../button/types").SvgIconComponent;
28
24
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
@@ -33,23 +33,19 @@ export declare const Modal: (({ children, modal, ...props }: ModalProps) => impo
33
33
  Footer: import("react").ForwardRefExoticComponent<import("./types").ModalFooterProps & import("react").RefAttributes<HTMLDivElement>> & {
34
34
  PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
35
35
  children?: string | string[];
36
- icon?: import("../button/types").SvgIconComponent;
37
36
  endIcon?: import("../button/types").SvgIconComponent;
38
37
  startIcon?: import("../button/types").SvgIconComponent;
39
38
  }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
40
39
  children?: string | string[];
41
- icon?: import("../button/types").SvgIconComponent;
42
40
  endIcon?: import("../button/types").SvgIconComponent;
43
41
  startIcon?: import("../button/types").SvgIconComponent;
44
42
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
45
43
  SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
46
44
  children?: string | string[];
47
- icon?: import("../button/types").SvgIconComponent;
48
45
  endIcon?: import("../button/types").SvgIconComponent;
49
46
  startIcon?: import("../button/types").SvgIconComponent;
50
47
  }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
51
48
  children?: string | string[];
52
- icon?: import("../button/types").SvgIconComponent;
53
49
  endIcon?: import("../button/types").SvgIconComponent;
54
50
  startIcon?: import("../button/types").SvgIconComponent;
55
51
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"menuBlock":"bp_context_menu_module_menuBlock--b9e5e","menuHeader":"bp_context_menu_module_menuHeader--b9e5e","fullScreenContent":"bp_context_menu_module_fullScreenContent--b9e5e","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--b9e5e","menuItem":"bp_context_menu_module_menuItem--b9e5e","startElement":"bp_context_menu_module_startElement--b9e5e","endElement":"bp_context_menu_module_endElement--b9e5e","headerTextContent":"bp_context_menu_module_headerTextContent--b9e5e","submenuCloseButton":"bp_context_menu_module_submenuCloseButton--b9e5e","menuCloseButton":"bp_context_menu_module_menuCloseButton--b9e5e","ellipsis":"bp_context_menu_module_ellipsis--b9e5e"};
2
+ var styles = {"menuBlock":"bp_context_menu_module_menuBlock--2df31","menuHeader":"bp_context_menu_module_menuHeader--2df31","fullScreenContent":"bp_context_menu_module_fullScreenContent--2df31","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--2df31","menuItem":"bp_context_menu_module_menuItem--2df31","startElement":"bp_context_menu_module_startElement--2df31","endElement":"bp_context_menu_module_endElement--2df31","headerTextContent":"bp_context_menu_module_headerTextContent--2df31","submenuCloseButton":"bp_context_menu_module_submenuCloseButton--2df31","menuCloseButton":"bp_context_menu_module_menuCloseButton--2df31","ellipsis":"bp_context_menu_module_ellipsis--2df31"};
3
3
 
4
4
  export { styles as default };
@@ -81,7 +81,6 @@ const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
81
81
  "data-modern": enableModernizedComponents ? 'true' : 'false',
82
82
  role: "gridcell",
83
83
  children: [shouldShowTooltip && jsx(Tooltip, {
84
- __checkInteractivity: false,
85
84
  "aria-hidden": true,
86
85
  content: ariaLabel,
87
86
  side: props.tooltipSide,
@@ -6,23 +6,19 @@ import { type SidePanelFooterProps } from './types';
6
6
  export declare const SidePanelFooter: import("react").ForwardRefExoticComponent<Omit<SidePanelFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
7
7
  PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
8
8
  children?: string | string[];
9
- icon?: import("../button/types").SvgIconComponent;
10
9
  endIcon?: import("../button/types").SvgIconComponent;
11
10
  startIcon?: import("../button/types").SvgIconComponent;
12
11
  }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
13
12
  children?: string | string[];
14
- icon?: import("../button/types").SvgIconComponent;
15
13
  endIcon?: import("../button/types").SvgIconComponent;
16
14
  startIcon?: import("../button/types").SvgIconComponent;
17
15
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
18
16
  SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
19
17
  children?: string | string[];
20
- icon?: import("../button/types").SvgIconComponent;
21
18
  endIcon?: import("../button/types").SvgIconComponent;
22
19
  startIcon?: import("../button/types").SvgIconComponent;
23
20
  }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
24
21
  children?: string | string[];
25
- icon?: import("../button/types").SvgIconComponent;
26
22
  endIcon?: import("../button/types").SvgIconComponent;
27
23
  startIcon?: import("../button/types").SvgIconComponent;
28
24
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;