@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--ab47a{
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--ab47a .bp_base_inline_notice_module_actions--ab47a{
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--ab47a .bp_base_inline_notice_module_actionButtonPrimary--ab47a,.bp_base_inline_notice_module_noticeWrapper--ab47a .bp_base_inline_notice_module_actionButtonTertiary--ab47a{
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--ab47a.bp_base_inline_notice_module_backgroundBlue--ab47a{
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--ab47a.bp_base_inline_notice_module_backgroundRed--ab47a{
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--ab47a.bp_base_inline_notice_module_backgroundGreen--ab47a{
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--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a{
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--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonTertiary--ab47a{
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--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonTertiary--ab47a:active{
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--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonPrimary--ab47a:active{
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--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonPrimary--ab47a[data-focus-visible]{
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--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonPrimary--ab47a:hover{
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--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonPrimary--ab47a:focus:active{
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--ab47a.bp_base_inline_notice_module_backgroundPurple--ab47a .bp_base_inline_notice_module_actionButtonPrimary--ab47a:hover:active{
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--ab47a .bp_base_inline_notice_module_contentContainer--ab47a{
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--ab47a .bp_base_inline_notice_module_content--ab47a{
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--ab47a svg{
100
+ .bp_base_inline_notice_module_noticeWrapper--3e92f svg{
123
101
  display:block;
124
102
  }
125
- .bp_base_inline_notice_module_noticeWrapper--ab47a .bp_base_inline_notice_module_title--ab47a{
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--ab47a{
114
+ .bp_base_inline_notice_module_actions--3e92f{
137
115
  margin-top:var(--space-3);
138
116
  }
139
- .bp_base_inline_notice_module_noticeWrapper--ab47a{
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--fe56c{
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--fe56c,.bp_base_button_module_button--fe56c .bp_base_button_module_icon--fe56c{
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--fe56c:not(:disabled)[data-focus-visible]{
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--fe56c:disabled{
223
+ .bp_base_button_module_button--e3cde:disabled{
246
224
  opacity:.3;
247
225
  }
248
- .bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c{
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--fe56c.bp_base_button_module_primary--fe56c:disabled{
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--fe56c.bp_base_button_module_primary--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c:not(:disabled)[data-focus-visible]{
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--fe56c.bp_base_button_module_primary--fe56c:not(:disabled):active{
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--fe56c.bp_base_button_module_secondary--fe56c{
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--fe56c.bp_base_button_module_secondary--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_secondary--fe56c:not(:disabled)[data-focus-visible]{
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--fe56c.bp_base_button_module_secondary--fe56c:not(:disabled):active{
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--fe56c.bp_base_button_module_tertiary--fe56c{
278
- background:var(--surface-cta-surface-tertiary);
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--fe56c.bp_base_button_module_tertiary--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_tertiary--fe56c:not(:disabled)[data-focus-visible]{
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--fe56c.bp_base_button_module_tertiary--fe56c:not(:disabled):active{
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--fe56c.bp_base_button_module_outline--fe56c{
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--fe56c.bp_base_button_module_outline--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_outline--fe56c:not(:disabled)[data-focus-visible]{
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--fe56c.bp_base_button_module_outline--fe56c:not(:disabled):active{
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--fe56c.bp_base_button_module_small--fe56c{
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--fe56c.bp_base_button_module_small--fe56c.bp_base_button_module_isIconButton--fe56c{
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--fe56c.bp_base_button_module_large--fe56c{
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--fe56c.bp_base_button_module_large--fe56c.bp_base_button_module_isIconButton--fe56c{
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--fe56c.bp_base_button_module_hide--fe56c{
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--fe56c.bp_base_button_module_hide--fe56c span{
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--fe56c","icon":"bp_base_button_module_icon--fe56c","primary":"bp_base_button_module_primary--fe56c","secondary":"bp_base_button_module_secondary--fe56c","tertiary":"bp_base_button_module_tertiary--fe56c","outline":"bp_base_button_module_outline--fe56c","small":"bp_base_button_module_small--fe56c","isIconButton":"bp_base_button_module_isIconButton--fe56c","large":"bp_base_button_module_large--fe56c","hide":"bp_base_button_module_hide--fe56c"};
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--ab47a","actions":"bp_base_inline_notice_module_actions--ab47a","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--ab47a","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--ab47a","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--ab47a","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--ab47a","backgroundRed":"bp_base_inline_notice_module_backgroundRed--ab47a","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--ab47a","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--ab47a","contentContainer":"bp_base_inline_notice_module_contentContainer--ab47a","content":"bp_base_inline_notice_module_content--ab47a","title":"bp_base_inline_notice_module_title--ab47a"};
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.0",
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": "b963b0c33615aba9b65b3d3787ebb490b039070f",
66
+ "gitHead": "9a31f96840eac8c8375a838e1e263e80717cd16f",
67
67
  "module": "lib-esm/index.js",
68
68
  "main": "lib-esm/index.js",
69
69
  "exports": {