@box/blueprint-web 8.5.0 → 8.5.2
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/lib-esm/index.css +44 -66
- package/lib-esm/list-item/cell/action-cell.d.ts +3 -4
- package/lib-esm/list-item/index.d.ts +1 -3
- package/lib-esm/list-item/list-item.d.ts +1 -3
- package/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/lib-esm/primitives/base-button/types.d.ts +1 -0
- package/lib-esm/primitives/base-inline-notice/base-inline-notice.module.js +1 -1
- package/lib-esm/primitives/chips/chips-group.d.ts +1 -5
- package/lib-esm/primitives/chips/filter-chip/filter-chip.d.ts +1 -5
- package/lib-esm/primitives/chips/filter-chip/index.d.ts +1 -5
- package/lib-esm/primitives/chips/types.d.ts +3 -1
- package/package.json +2 -2
package/lib-esm/index.css
CHANGED
|
@@ -32,84 +32,62 @@
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
35
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f{
|
|
36
36
|
border-radius:var(--radius-2);
|
|
37
37
|
display:flex;
|
|
38
38
|
gap:var(--space-3);
|
|
39
39
|
justify-content:space-between;
|
|
40
40
|
padding:var(--space-3) var(--space-4);
|
|
41
41
|
}
|
|
42
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
42
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f .bp_base_inline_notice_module_actions--3e92f{
|
|
43
43
|
align-self:center;
|
|
44
44
|
display:flex;
|
|
45
45
|
gap:var(--space-3);
|
|
46
46
|
justify-content:flex-end;
|
|
47
47
|
}
|
|
48
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
49
|
-
height:var(--space-8);
|
|
50
|
-
}
|
|
51
|
-
.bp_base_inline_notice_module_noticeWrapper--ab47a .bp_base_inline_notice_module_actionButtonTertiary--ab47a,.bp_base_inline_notice_module_noticeWrapper--ab47a .bp_base_inline_notice_module_actionButtonTertiary--ab47a:hover{
|
|
52
|
-
background:#0000;
|
|
53
|
-
}
|
|
54
|
-
.bp_base_inline_notice_module_noticeWrapper--ab47a.bp_base_inline_notice_module_backgroundYellow--ab47a{
|
|
48
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundYellow--3e92f{
|
|
55
49
|
background:var(--surface-message-surface-warning-secondary);
|
|
56
50
|
}
|
|
57
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
51
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundBlue--3e92f{
|
|
58
52
|
background:var(--surface-message-surface-info-secondary);
|
|
59
53
|
}
|
|
60
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
54
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundRed--3e92f{
|
|
61
55
|
background:var(--surface-message-surface-error-secondary);
|
|
62
56
|
}
|
|
63
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
57
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundGreen--3e92f{
|
|
64
58
|
background:var(--surface-message-surface-success-secondary);
|
|
65
59
|
}
|
|
66
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
60
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundPurple--3e92f{
|
|
67
61
|
background:var(--surface-message-surface-promo-secondary);
|
|
68
62
|
}
|
|
69
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
70
|
-
background:var(--surface-cta-surface-tertiary-promo);
|
|
63
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundPurple--3e92f .bp_base_inline_notice_module_actionButtonTertiary--3e92f{
|
|
71
64
|
color:var(--text-cta-promo);
|
|
72
65
|
}
|
|
73
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
74
|
-
background:var(--surface-cta-surface-tertiary-promo-pressed);
|
|
75
|
-
}
|
|
76
|
-
.bp_base_inline_notice_module_noticeWrapper--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonTertiary--ab47a[data-focus-visible]{
|
|
77
|
-
background:var(--surface-cta-surface-tertiary-promo-focus);
|
|
78
|
-
}
|
|
79
|
-
.bp_base_inline_notice_module_noticeWrapper--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonTertiary--ab47a:hover{
|
|
80
|
-
background:var(--surface-cta-surface-tertiary-promo-hover);
|
|
81
|
-
}
|
|
82
|
-
.bp_base_inline_notice_module_noticeWrapper--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonTertiary--ab47a:focus:active{
|
|
83
|
-
background:var(--surface-cta-surface-tertiary-promo-focus-pressed);
|
|
84
|
-
}
|
|
85
|
-
.bp_base_inline_notice_module_noticeWrapper--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonTertiary--ab47a:hover:active{
|
|
86
|
-
background:var(--surface-cta-surface-tertiary-promo-pressed);
|
|
87
|
-
}
|
|
88
|
-
.bp_base_inline_notice_module_noticeWrapper--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonPrimary--ab47a{
|
|
66
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundPurple--3e92f .bp_base_inline_notice_module_actionButtonPrimary--3e92f{
|
|
89
67
|
background:var(--surface-cta-surface-promo);
|
|
90
68
|
border-color:var(--surface-cta-surface-promo);
|
|
91
69
|
}
|
|
92
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
70
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundPurple--3e92f .bp_base_inline_notice_module_actionButtonPrimary--3e92f:active{
|
|
93
71
|
background:var(--surface-cta-surface-promo-pressed);
|
|
94
72
|
}
|
|
95
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
73
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundPurple--3e92f .bp_base_inline_notice_module_actionButtonPrimary--3e92f[data-focus-visible]{
|
|
96
74
|
background:var(--surface-cta-surface-promo-focus);
|
|
97
75
|
}
|
|
98
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
76
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundPurple--3e92f .bp_base_inline_notice_module_actionButtonPrimary--3e92f:hover{
|
|
99
77
|
background:var(--surface-cta-surface-promo-hover);
|
|
100
78
|
border-color:var(--surface-cta-surface-promo-hover);
|
|
101
79
|
}
|
|
102
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
80
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundPurple--3e92f .bp_base_inline_notice_module_actionButtonPrimary--3e92f:focus:active{
|
|
103
81
|
background:var(--surface-cta-surface-promo-focus-pressed);
|
|
104
82
|
}
|
|
105
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
83
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f.bp_base_inline_notice_module_backgroundPurple--3e92f .bp_base_inline_notice_module_actionButtonPrimary--3e92f:hover:active{
|
|
106
84
|
background:var(--surface-cta-surface-promo-pressed);
|
|
107
85
|
}
|
|
108
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
86
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f .bp_base_inline_notice_module_contentContainer--3e92f{
|
|
109
87
|
display:flex;
|
|
110
88
|
gap:var(--space-3);
|
|
111
89
|
}
|
|
112
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
90
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f .bp_base_inline_notice_module_content--3e92f{
|
|
113
91
|
color:var(--text-text-on-light);
|
|
114
92
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
115
93
|
font-size:.875rem;
|
|
@@ -119,10 +97,10 @@
|
|
|
119
97
|
text-decoration:none;
|
|
120
98
|
text-transform:none;
|
|
121
99
|
}
|
|
122
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
100
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f svg{
|
|
123
101
|
display:block;
|
|
124
102
|
}
|
|
125
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
103
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f .bp_base_inline_notice_module_title--3e92f{
|
|
126
104
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
127
105
|
font-size:.875rem;
|
|
128
106
|
font-weight:700;
|
|
@@ -133,10 +111,10 @@
|
|
|
133
111
|
}
|
|
134
112
|
|
|
135
113
|
@media (max-width: 1023px){
|
|
136
|
-
.bp_base_inline_notice_module_actions--
|
|
114
|
+
.bp_base_inline_notice_module_actions--3e92f{
|
|
137
115
|
margin-top:var(--space-3);
|
|
138
116
|
}
|
|
139
|
-
.bp_base_inline_notice_module_noticeWrapper--
|
|
117
|
+
.bp_base_inline_notice_module_noticeWrapper--3e92f{
|
|
140
118
|
display:block;
|
|
141
119
|
}
|
|
142
120
|
}
|
|
@@ -219,7 +197,7 @@
|
|
|
219
197
|
}
|
|
220
198
|
}
|
|
221
199
|
|
|
222
|
-
.bp_base_button_module_button--
|
|
200
|
+
.bp_base_button_module_button--e3cde{
|
|
223
201
|
border-radius:var(--radius-2);
|
|
224
202
|
cursor:pointer;
|
|
225
203
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -235,95 +213,95 @@
|
|
|
235
213
|
user-select:none;
|
|
236
214
|
white-space:nowrap;
|
|
237
215
|
}
|
|
238
|
-
.bp_base_button_module_button--
|
|
216
|
+
.bp_base_button_module_button--e3cde,.bp_base_button_module_button--e3cde .bp_base_button_module_icon--e3cde{
|
|
239
217
|
align-items:center;
|
|
240
218
|
display:flex;
|
|
241
219
|
}
|
|
242
|
-
.bp_base_button_module_button--
|
|
220
|
+
.bp_base_button_module_button--e3cde:not(:disabled)[data-focus-visible]{
|
|
243
221
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
|
|
244
222
|
}
|
|
245
|
-
.bp_base_button_module_button--
|
|
223
|
+
.bp_base_button_module_button--e3cde:disabled{
|
|
246
224
|
opacity:.3;
|
|
247
225
|
}
|
|
248
|
-
.bp_base_button_module_button--
|
|
226
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_primary--e3cde{
|
|
249
227
|
background:var(--surface-surface-brand);
|
|
250
228
|
border:var(--border-1) solid var(--surface-surface-brand);
|
|
251
229
|
color:var(--text-text-brand-on-color);
|
|
252
230
|
}
|
|
253
|
-
.bp_base_button_module_button--
|
|
231
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_primary--e3cde:disabled{
|
|
254
232
|
background:var(--surface-surface-brand-disabled);
|
|
255
233
|
}
|
|
256
|
-
.bp_base_button_module_button--
|
|
234
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_primary--e3cde:not(:disabled):hover,.bp_base_button_module_button--e3cde.bp_base_button_module_primary--e3cde:not(:disabled)[data-focus-visible]{
|
|
257
235
|
background:var(--surface-surface-brand-hover);
|
|
258
236
|
border:var(--border-1) solid var(--surface-surface-brand-hover);
|
|
259
237
|
}
|
|
260
|
-
.bp_base_button_module_button--
|
|
238
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_primary--e3cde:not(:disabled):active{
|
|
261
239
|
background:var(--surface-surface-brand-pressed);
|
|
262
240
|
border:var(--border-1) solid var(--surface-surface-brand-pressed);
|
|
263
241
|
}
|
|
264
|
-
.bp_base_button_module_button--
|
|
242
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_secondary--e3cde{
|
|
265
243
|
background:var(--surface-cta-surface-secondary);
|
|
266
244
|
border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
267
245
|
color:var(--text-text-on-light);
|
|
268
246
|
}
|
|
269
|
-
.bp_base_button_module_button--
|
|
247
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_secondary--e3cde:not(:disabled):hover,.bp_base_button_module_button--e3cde.bp_base_button_module_secondary--e3cde:not(:disabled)[data-focus-visible]{
|
|
270
248
|
background:var(--surface-cta-surface-secondary-hover);
|
|
271
249
|
border:var(--border-1) solid var(--border-cta-border-secondary-hover);
|
|
272
250
|
}
|
|
273
|
-
.bp_base_button_module_button--
|
|
251
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_secondary--e3cde:not(:disabled):active{
|
|
274
252
|
background:var(--surface-cta-surface-secondary-pressed);
|
|
275
253
|
border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
|
|
276
254
|
}
|
|
277
|
-
.bp_base_button_module_button--
|
|
278
|
-
background
|
|
255
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_tertiary--e3cde{
|
|
256
|
+
background:#0000;
|
|
279
257
|
border:var(--border-1) solid #0000;
|
|
280
258
|
color:var(--text-cta-link);
|
|
281
259
|
}
|
|
282
|
-
.bp_base_button_module_button--
|
|
260
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_tertiary--e3cde:not(:disabled):hover,.bp_base_button_module_button--e3cde.bp_base_button_module_tertiary--e3cde:not(:disabled)[data-focus-visible]{
|
|
283
261
|
background:var(--surface-cta-surface-tertiary-hover);
|
|
284
262
|
}
|
|
285
|
-
.bp_base_button_module_button--
|
|
263
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_tertiary--e3cde:not(:disabled):active{
|
|
286
264
|
background:var(--surface-cta-surface-tertiary-pressed);
|
|
287
265
|
}
|
|
288
|
-
.bp_base_button_module_button--
|
|
266
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_outline--e3cde{
|
|
289
267
|
background:#0000;
|
|
290
268
|
border:var(--border-1) solid var(--border-cta-border-outline);
|
|
291
269
|
color:var(--text-text-on-light);
|
|
292
270
|
}
|
|
293
|
-
.bp_base_button_module_button--
|
|
271
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_outline--e3cde:not(:disabled):hover,.bp_base_button_module_button--e3cde.bp_base_button_module_outline--e3cde:not(:disabled)[data-focus-visible]{
|
|
294
272
|
background:var(--surface-cta-surface-outline-hover);
|
|
295
273
|
border:var(--border-1) solid var(--border-cta-border-outline-hover);
|
|
296
274
|
}
|
|
297
|
-
.bp_base_button_module_button--
|
|
275
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_outline--e3cde:not(:disabled):active{
|
|
298
276
|
background:var(--surface-cta-surface-outline-pressed);
|
|
299
277
|
border:var(--border-1) solid var(--border-cta-border-outline-pressed);
|
|
300
278
|
}
|
|
301
|
-
.bp_base_button_module_button--
|
|
279
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_small--e3cde{
|
|
302
280
|
gap:var(--space-1);
|
|
303
281
|
min-height:var(--size-8);
|
|
304
282
|
padding:0 var(--size-4);
|
|
305
283
|
}
|
|
306
|
-
.bp_base_button_module_button--
|
|
284
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_small--e3cde.bp_base_button_module_isIconButton--e3cde{
|
|
307
285
|
height:var(--size-8);
|
|
308
286
|
min-height:unset;
|
|
309
287
|
padding:0 calc((var(--size-8) - var(--size-4))/2);
|
|
310
288
|
width:var(--size-8);
|
|
311
289
|
}
|
|
312
|
-
.bp_base_button_module_button--
|
|
290
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_large--e3cde{
|
|
313
291
|
gap:var(--space-2);
|
|
314
292
|
min-height:var(--size-10);
|
|
315
293
|
padding:0 var(--size-4);
|
|
316
294
|
}
|
|
317
|
-
.bp_base_button_module_button--
|
|
295
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_large--e3cde.bp_base_button_module_isIconButton--e3cde{
|
|
318
296
|
height:var(--size-10);
|
|
319
297
|
padding:0 calc((var(--size-10) - var(--size-5))/2);
|
|
320
298
|
width:var(--size-10);
|
|
321
299
|
}
|
|
322
|
-
.bp_base_button_module_button--
|
|
300
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_hide--e3cde{
|
|
323
301
|
pointer-events:none;
|
|
324
302
|
position:relative;
|
|
325
303
|
}
|
|
326
|
-
.bp_base_button_module_button--
|
|
304
|
+
.bp_base_button_module_button--e3cde.bp_base_button_module_hide--e3cde span{
|
|
327
305
|
color:#0000;
|
|
328
306
|
opacity:0;
|
|
329
307
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
2
|
import { type CellProps } from './cell';
|
|
3
|
-
export interface ActionCellProps extends Omit<CellProps, 'variant'> {
|
|
3
|
+
export interface ActionCellProps extends Omit<CellProps, 'variant' | 'children'> {
|
|
4
4
|
loading?: boolean;
|
|
5
|
+
children: (onOpenChange: (isOpen: boolean) => void) => ReactNode;
|
|
5
6
|
}
|
|
6
7
|
/**
|
|
7
8
|
* `ActionCell` should be used in place of `Cell` component when you intend to use Dropdown component inside.
|
|
@@ -9,6 +10,4 @@ export interface ActionCellProps extends Omit<CellProps, 'variant'> {
|
|
|
9
10
|
* It provides additional `onOpenChange` via children render prop, that you should use to sync Dropdown's open state with ActionCell.
|
|
10
11
|
* This ensures that showing/hiding of actions works properly.
|
|
11
12
|
*/
|
|
12
|
-
export declare const ActionCell: import("react").ForwardRefExoticComponent<ActionCellProps &
|
|
13
|
-
children: (onOpenChange: (isOpen: boolean) => void) => ReactNode;
|
|
14
|
-
} & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
13
|
+
export declare const ActionCell: import("react").ForwardRefExoticComponent<ActionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
@@ -20,8 +20,6 @@ export declare const TableHeader: <T extends object>(props: TableHeaderProps<T>
|
|
|
20
20
|
export declare const Row: <T extends object>(props: RowProps<T> & {
|
|
21
21
|
ref?: import("react").ForwardedRef<HTMLTableRowElement> | undefined;
|
|
22
22
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export declare const ActionCell: import("react").ForwardRefExoticComponent<import("./cell/action-cell").ActionCellProps &
|
|
24
|
-
children: (onOpenChange: (isOpen: boolean) => void) => import("react").ReactNode;
|
|
25
|
-
} & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
23
|
+
export declare const ActionCell: import("react").ForwardRefExoticComponent<import("./cell/action-cell").ActionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
26
24
|
export declare const DropIndicator: import("react").ForwardRefExoticComponent<import("react-aria-components").DropIndicatorProps & import("react").RefAttributes<HTMLElement>>;
|
|
27
25
|
export type { RowProps, ColumnProps, TableProps, TableBodyProps, TableHeaderProps };
|
|
@@ -20,8 +20,6 @@ export declare const TableHeader: <T extends object>(props: TableHeaderProps<T>
|
|
|
20
20
|
export declare const Row: <T extends object>(props: RowProps<T> & {
|
|
21
21
|
ref?: import("react").ForwardedRef<HTMLTableRowElement> | undefined;
|
|
22
22
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export declare const ActionCell: import("react").ForwardRefExoticComponent<import("./cell/action-cell").ActionCellProps &
|
|
24
|
-
children: (onOpenChange: (isOpen: boolean) => void) => import("react").ReactNode;
|
|
25
|
-
} & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
23
|
+
export declare const ActionCell: import("react").ForwardRefExoticComponent<import("./cell/action-cell").ActionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
26
24
|
export declare const DropIndicator: import("react").ForwardRefExoticComponent<import("react-aria-components").DropIndicatorProps & import("react").RefAttributes<HTMLElement>>;
|
|
27
25
|
export type { RowProps, ColumnProps, TableProps, TableBodyProps, TableHeaderProps };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"button":"bp_base_button_module_button--
|
|
2
|
+
var styles = {"button":"bp_base_button_module_button--e3cde","icon":"bp_base_button_module_icon--e3cde","primary":"bp_base_button_module_primary--e3cde","secondary":"bp_base_button_module_secondary--e3cde","tertiary":"bp_base_button_module_tertiary--e3cde","outline":"bp_base_button_module_outline--e3cde","small":"bp_base_button_module_small--e3cde","isIconButton":"bp_base_button_module_isIconButton--e3cde","large":"bp_base_button_module_large--e3cde","hide":"bp_base_button_module_hide--e3cde"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -14,6 +14,7 @@ export interface BaseButtonInterface extends AriakitButtonProps {
|
|
|
14
14
|
size?: 'small' | 'large';
|
|
15
15
|
}
|
|
16
16
|
export type BaseButtonProps = BaseButtonInterface & RequireAllOrNone<Loading, keyof Loading>;
|
|
17
|
+
export type BaseButtonPropsAll = BaseButtonInterface & Required<Loading>;
|
|
17
18
|
export type BaseButtonLabelProps = ComponentPropsWithRef<'span'> & {
|
|
18
19
|
children: string | string[];
|
|
19
20
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"noticeWrapper":"bp_base_inline_notice_module_noticeWrapper--
|
|
2
|
+
var styles = {"noticeWrapper":"bp_base_inline_notice_module_noticeWrapper--3e92f","actions":"bp_base_inline_notice_module_actions--3e92f","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--3e92f","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--3e92f","backgroundRed":"bp_base_inline_notice_module_backgroundRed--3e92f","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--3e92f","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--3e92f","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--3e92f","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--3e92f","contentContainer":"bp_base_inline_notice_module_contentContainer--3e92f","content":"bp_base_inline_notice_module_content--3e92f","title":"bp_base_inline_notice_module_title--3e92f"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,7 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
/** Provides a container for Chips, this component handles keyboard navigation and chips selection state */
|
|
3
|
-
export declare const ChipsGroup: import("react").ForwardRefExoticComponent<(Omit<import("./types").
|
|
4
|
-
name: string;
|
|
5
|
-
}, "ref"> | Omit<import("./types").ChipsGroupMultipleProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
6
|
-
name: string;
|
|
7
|
-
}, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export declare const ChipsGroup: import("react").ForwardRefExoticComponent<(Omit<import("./types").SingleProps, "ref"> | Omit<import("./types").MultiProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -11,8 +11,4 @@ export type FilterChipGroupProps = ChipsGroupProps;
|
|
|
11
11
|
* Container for FilterChips, this component handles keyboard navigation and chips selection state.
|
|
12
12
|
* Based on [Radix ToggleGroup](https://www.radix-ui.com/docs/primitives/components/toggle-group)
|
|
13
13
|
*/
|
|
14
|
-
export declare const FilterChipGroup: import("react").ForwardRefExoticComponent<(Omit<import("../types").
|
|
15
|
-
name: string;
|
|
16
|
-
}, "ref"> | Omit<import("../types").ChipsGroupMultipleProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
17
|
-
name: string;
|
|
18
|
-
}, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export declare const FilterChipGroup: import("react").ForwardRefExoticComponent<(Omit<import("../types").SingleProps, "ref"> | Omit<import("../types").MultiProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -2,11 +2,7 @@
|
|
|
2
2
|
export declare const FilterChip: {
|
|
3
3
|
Chip: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
4
4
|
ChipButton: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
-
Group: import("react").ForwardRefExoticComponent<(Omit<import("../types").
|
|
6
|
-
name: string;
|
|
7
|
-
}, "ref"> | Omit<import("../types").ChipsGroupMultipleProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
8
|
-
name: string;
|
|
9
|
-
}, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
Group: import("react").ForwardRefExoticComponent<(Omit<import("../types").SingleProps, "ref"> | Omit<import("../types").MultiProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
6
|
Label: import("react").ForwardRefExoticComponent<Omit<import("../types").ChipLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
11
7
|
Icon: import("react").ForwardRefExoticComponent<import("../types").ChipIconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
12
8
|
Status: import("react").ForwardRefExoticComponent<Omit<import("../types").ChipStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -10,7 +10,9 @@ type SharedChipsGroupProps = React.RefAttributes<HTMLDivElement> & {
|
|
|
10
10
|
/** The name of the group. Submitted with its owning form as part of a name/value pair. */
|
|
11
11
|
name: string;
|
|
12
12
|
};
|
|
13
|
-
export type
|
|
13
|
+
export type SingleProps = ChipsGroupSingleProps & SharedChipsGroupProps;
|
|
14
|
+
export type MultiProps = ChipsGroupMultipleProps & SharedChipsGroupProps;
|
|
15
|
+
export type ChipsGroupProps = SingleProps | MultiProps;
|
|
14
16
|
export type ChipProps = ToggleGroup.ToggleGroupItemProps;
|
|
15
17
|
export interface ChipIconProps {
|
|
16
18
|
className?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "8.5.
|
|
3
|
+
"version": "8.5.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"react-stately": "^3.31.1",
|
|
64
64
|
"tsx": "^4.16.5"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "6aca748ad995a1a02df2af9feacf9806e53544de",
|
|
67
67
|
"module": "lib-esm/index.js",
|
|
68
68
|
"main": "lib-esm/index.js",
|
|
69
69
|
"exports": {
|