@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.
- package/THIRD_PARTY_LICENSES +206 -27
- package/dist/lib-esm/button/button.d.ts +0 -2
- package/dist/lib-esm/button/button.js +2 -4
- package/dist/lib-esm/button/types.d.ts +0 -4
- package/dist/lib-esm/card-tooltip/card-tooltip.d.ts +3 -6
- package/dist/lib-esm/card-tooltip/card-tooltip.js +96 -42
- package/dist/lib-esm/card-tooltip/card-tooltip.module.js +1 -1
- package/dist/lib-esm/card-tooltip/types.d.ts +21 -36
- package/dist/lib-esm/combobox/chips-group.js +1 -5
- package/dist/lib-esm/combobox/types.d.ts +2 -2
- package/dist/lib-esm/combobox-group/combobox-group-combobox.js +0 -1
- package/dist/lib-esm/data-table/data-table-wrapper.js +2 -0
- package/dist/lib-esm/data-table/use-table-scroll-correction.d.ts +15 -0
- package/dist/lib-esm/data-table/use-table-scroll-correction.js +211 -0
- package/dist/lib-esm/empty-state/empty-state.d.ts +0 -2
- package/dist/lib-esm/guided-tooltip/guided-tooltip-footer.d.ts +0 -4
- package/dist/lib-esm/guided-tooltip/guided-tooltip.d.ts +0 -4
- package/dist/lib-esm/index.css +49 -243
- package/dist/lib-esm/index.d.ts +0 -3
- package/dist/lib-esm/index.js +0 -3
- package/dist/lib-esm/list-item/table-header-dropdown.js +1 -1
- package/dist/lib-esm/modal/alert-modal.d.ts +0 -4
- package/dist/lib-esm/modal/modal-footer.d.ts +0 -4
- package/dist/lib-esm/modal/modal.d.ts +0 -4
- package/dist/lib-esm/primitives/context-menu/context-menu.module.js +1 -1
- package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.js +0 -1
- package/dist/lib-esm/side-panel/side-panel-footer.d.ts +0 -4
- package/dist/lib-esm/side-panel/side-panel.d.ts +0 -4
- package/dist/lib-esm/tooltip/tooltip.d.ts +3 -2
- package/dist/lib-esm/tooltip/tooltip.js +2 -36
- package/dist/lib-esm/tooltip/types.d.ts +0 -9
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +2 -2
- package/dist/lib-esm/utils/useMedia.js +13 -1
- package/package.json +14 -14
- package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.d.ts +0 -10
- package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.js +0 -119
- package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.module.js +0 -4
- package/dist/lib-esm/card-tooltip-v2/index.d.ts +0 -2
- package/dist/lib-esm/card-tooltip-v2/types.d.ts +0 -30
- package/dist/lib-esm/content-field/content-field.d.ts +0 -4
- package/dist/lib-esm/content-field/content-field.js +0 -126
- package/dist/lib-esm/content-field/content-field.module.js +0 -4
- package/dist/lib-esm/content-field/index.d.ts +0 -2
- package/dist/lib-esm/content-field/messages.d.ts +0 -7
- package/dist/lib-esm/content-field/messages.js +0 -8
- package/dist/lib-esm/content-field/types.d.ts +0 -35
- package/dist/lib-esm/util-components/focus-trap/focus-trap.d.ts +0 -2
- package/dist/lib-esm/util-components/focus-trap/focus-trap.js +0 -52
- package/dist/lib-esm/util-components/focus-trap/index.d.ts +0 -1
- package/dist/lib-esm/util-components/focus-trap/types.d.ts +0 -8
- package/dist/lib-esm/utils/useIsTriggerInteractive.d.ts +0 -4
- package/dist/lib-esm/utils/useIsTriggerInteractive.js +0 -21
package/dist/lib-esm/index.css
CHANGED
|
@@ -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--
|
|
3069
|
-
|
|
3070
|
-
|
|
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
|
-
.
|
|
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
|
-
.
|
|
3164
|
-
border-radius:var(--radius
|
|
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(--
|
|
3097
|
+
padding:var(--content-padding);
|
|
3170
3098
|
position:relative;
|
|
3171
3099
|
z-index:2147483647;
|
|
3172
3100
|
}
|
|
3173
|
-
.
|
|
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
|
-
.
|
|
3179
|
-
animation-name:
|
|
3106
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=top]{
|
|
3107
|
+
animation-name:bp_card_tooltip_module_slideDownAndFade--02910;
|
|
3180
3108
|
}
|
|
3181
|
-
.
|
|
3182
|
-
animation-name:
|
|
3109
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=right]{
|
|
3110
|
+
animation-name:bp_card_tooltip_module_slideLeftAndFade--02910;
|
|
3183
3111
|
}
|
|
3184
|
-
.
|
|
3185
|
-
animation-name:
|
|
3112
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=bottom]{
|
|
3113
|
+
animation-name:bp_card_tooltip_module_slideUpAndFade--02910;
|
|
3186
3114
|
}
|
|
3187
|
-
.
|
|
3188
|
-
animation-name:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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--
|
|
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--
|
|
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-
|
|
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-
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
9471
|
+
.bp_context_menu_module_headerTextContent--2df31{
|
|
9666
9472
|
display:grid;
|
|
9667
9473
|
}
|
|
9668
9474
|
|
|
9669
|
-
.bp_context_menu_module_submenuCloseButton--
|
|
9475
|
+
.bp_context_menu_module_submenuCloseButton--2df31{
|
|
9670
9476
|
grid-area:submenu-close;
|
|
9671
9477
|
}
|
|
9672
9478
|
|
|
9673
|
-
.bp_context_menu_module_menuCloseButton--
|
|
9479
|
+
.bp_context_menu_module_menuCloseButton--2df31{
|
|
9674
9480
|
grid-area:close;
|
|
9675
9481
|
}
|
|
9676
9482
|
|
|
9677
|
-
.bp_context_menu_module_ellipsis--
|
|
9483
|
+
.bp_context_menu_module_ellipsis--2df31{
|
|
9678
9484
|
overflow:hidden;
|
|
9679
9485
|
text-overflow:ellipsis;
|
|
9680
9486
|
white-space:nowrap;
|
package/dist/lib-esm/index.d.ts
CHANGED
|
@@ -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';
|
package/dist/lib-esm/index.js
CHANGED
|
@@ -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
|
-
|
|
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--
|
|
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>>;
|