@box/blueprint-web 8.5.0 → 8.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/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,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 };
|
|
@@ -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 };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "8.5.
|
|
3
|
+
"version": "8.5.1",
|
|
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": "9a31f96840eac8c8375a838e1e263e80717cd16f",
|
|
67
67
|
"module": "lib-esm/index.js",
|
|
68
68
|
"main": "lib-esm/index.js",
|
|
69
69
|
"exports": {
|