@box/blueprint-web 12.17.0 → 12.17.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.
Files changed (3) hide show
  1. package/dist/lib-esm/index.css +27 -27
  2. package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
  3. package/package.json +3 -3
package/dist/lib-esm/index.css CHANGED
@@ -242,7 +242,7 @@
242
242
  opacity:1;
243
243
  }
244
244
  }
245
- .bp_base_button_module_button--5c56e{
245
+ .bp_base_button_module_button--4b9b3{
246
246
  border-radius:var(--radius-2);
247
247
  cursor:pointer;
248
248
  font-family:var(--body-default-bold-font-family);
@@ -259,95 +259,95 @@
259
259
  user-select:none;
260
260
  white-space:nowrap;
261
261
  }
262
- .bp_base_button_module_button--5c56e,.bp_base_button_module_button--5c56e .bp_base_button_module_icon--5c56e{
262
+ .bp_base_button_module_button--4b9b3,.bp_base_button_module_button--4b9b3 .bp_base_button_module_icon--4b9b3{
263
263
  align-items:center;
264
264
  display:flex;
265
265
  }
266
- .bp_base_button_module_button--5c56e:not(:disabled)[data-focus-visible]{
266
+ .bp_base_button_module_button--4b9b3:not(:disabled)[data-focus-visible]{
267
267
  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
268
268
  }
269
- .bp_base_button_module_button--5c56e:disabled{
269
+ .bp_base_button_module_button--4b9b3:disabled{
270
270
  opacity:.3;
271
271
  }
272
- .bp_base_button_module_button--5c56e.bp_base_button_module_primary--5c56e{
272
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_primary--4b9b3{
273
273
  background:var(--surface-surface-brand);
274
274
  border:var(--border-1) solid var(--surface-surface-brand);
275
275
  color:var(--text-text-brand-on-color);
276
276
  }
277
- .bp_base_button_module_button--5c56e.bp_base_button_module_primary--5c56e:disabled{
277
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_primary--4b9b3:disabled{
278
278
  background:var(--surface-surface-brand-disabled);
279
279
  }
280
- .bp_base_button_module_button--5c56e.bp_base_button_module_primary--5c56e:not(:disabled):hover,.bp_base_button_module_button--5c56e.bp_base_button_module_primary--5c56e:not(:disabled)[data-focus-visible]{
280
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_primary--4b9b3:not(:disabled):hover,.bp_base_button_module_button--4b9b3.bp_base_button_module_primary--4b9b3:not(:disabled)[data-focus-visible]{
281
281
  background:var(--surface-surface-brand-hover);
282
282
  border:var(--border-1) solid var(--surface-surface-brand-hover);
283
283
  }
284
- .bp_base_button_module_button--5c56e.bp_base_button_module_primary--5c56e:not(:disabled):active{
284
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_primary--4b9b3:not(:disabled):active{
285
285
  background:var(--surface-surface-brand-pressed);
286
286
  border:var(--border-1) solid var(--surface-surface-brand-pressed);
287
287
  }
288
- .bp_base_button_module_button--5c56e.bp_base_button_module_secondary--5c56e{
288
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_secondary--4b9b3{
289
289
  background:var(--surface-cta-surface-secondary);
290
290
  border:var(--border-1) solid var(--border-cta-border-secondary);
291
291
  color:var(--text-text-on-light);
292
292
  }
293
- .bp_base_button_module_button--5c56e.bp_base_button_module_secondary--5c56e:not(:disabled):hover,.bp_base_button_module_button--5c56e.bp_base_button_module_secondary--5c56e:not(:disabled)[data-focus-visible]{
293
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_secondary--4b9b3:not(:disabled):hover,.bp_base_button_module_button--4b9b3.bp_base_button_module_secondary--4b9b3:not(:disabled)[data-focus-visible]{
294
294
  background:var(--surface-cta-surface-secondary-hover);
295
295
  border:var(--border-1) solid var(--border-cta-border-secondary-hover);
296
296
  }
297
- .bp_base_button_module_button--5c56e.bp_base_button_module_secondary--5c56e:not(:disabled):active{
297
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_secondary--4b9b3:not(:disabled):active{
298
298
  background:var(--surface-cta-surface-secondary-pressed);
299
299
  border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
300
300
  }
301
- .bp_base_button_module_button--5c56e.bp_base_button_module_tertiary--5c56e{
301
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_tertiary--4b9b3{
302
302
  background:#0000;
303
303
  border:var(--border-1) solid #0000;
304
304
  color:var(--text-cta-link);
305
305
  }
306
- .bp_base_button_module_button--5c56e.bp_base_button_module_tertiary--5c56e:not(:disabled):hover,.bp_base_button_module_button--5c56e.bp_base_button_module_tertiary--5c56e:not(:disabled)[data-focus-visible]{
306
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_tertiary--4b9b3:not(:disabled):hover,.bp_base_button_module_button--4b9b3.bp_base_button_module_tertiary--4b9b3:not(:disabled)[data-focus-visible]{
307
307
  background:var(--surface-cta-surface-tertiary-hover);
308
308
  }
309
- .bp_base_button_module_button--5c56e.bp_base_button_module_tertiary--5c56e:not(:disabled):active{
309
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_tertiary--4b9b3:not(:disabled):active{
310
310
  background:var(--surface-cta-surface-tertiary-pressed);
311
311
  }
312
- .bp_base_button_module_button--5c56e.bp_base_button_module_outline--5c56e{
312
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_outline--4b9b3{
313
313
  background:#0000;
314
314
  border:var(--border-1) solid var(--border-cta-border-outline);
315
315
  color:var(--text-text-on-light);
316
316
  }
317
- .bp_base_button_module_button--5c56e.bp_base_button_module_outline--5c56e:not(:disabled):hover,.bp_base_button_module_button--5c56e.bp_base_button_module_outline--5c56e:not(:disabled)[data-focus-visible]{
317
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_outline--4b9b3:not(:disabled):hover,.bp_base_button_module_button--4b9b3.bp_base_button_module_outline--4b9b3:not(:disabled)[data-focus-visible]{
318
318
  background:var(--surface-cta-surface-outline-hover);
319
319
  border:var(--border-1) solid var(--border-cta-border-outline-hover);
320
320
  }
321
- .bp_base_button_module_button--5c56e.bp_base_button_module_outline--5c56e:not(:disabled):active{
321
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_outline--4b9b3:not(:disabled):active{
322
322
  background:var(--surface-cta-surface-outline-pressed);
323
323
  border:var(--border-1) solid var(--border-cta-border-outline-pressed);
324
324
  }
325
- .bp_base_button_module_button--5c56e.bp_base_button_module_small--5c56e{
325
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_small--4b9b3{
326
326
  gap:var(--space-1);
327
327
  min-height:var(--size-8);
328
- padding:0 var(--size-4);
328
+ padding:0 var(--space-4);
329
329
  }
330
- .bp_base_button_module_button--5c56e.bp_base_button_module_small--5c56e.bp_base_button_module_isIconButton--5c56e{
330
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_small--4b9b3.bp_base_button_module_isIconButton--4b9b3{
331
331
  height:var(--size-8);
332
332
  min-height:unset;
333
- padding:0 calc((var(--size-8) - var(--size-4))/2);
333
+ padding:0 calc((var(--space-8) - var(--space-4))/2);
334
334
  width:var(--size-8);
335
335
  }
336
- .bp_base_button_module_button--5c56e.bp_base_button_module_large--5c56e{
336
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_large--4b9b3{
337
337
  gap:var(--space-2);
338
338
  min-height:var(--size-10);
339
- padding:0 var(--size-4);
339
+ padding:0 var(--space-4);
340
340
  }
341
- .bp_base_button_module_button--5c56e.bp_base_button_module_large--5c56e.bp_base_button_module_isIconButton--5c56e{
341
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_large--4b9b3.bp_base_button_module_isIconButton--4b9b3{
342
342
  height:var(--size-10);
343
- padding:0 calc((var(--size-10) - var(--size-5))/2);
343
+ padding:0 calc((var(--space-10) - var(--space-5))/2);
344
344
  width:var(--size-10);
345
345
  }
346
- .bp_base_button_module_button--5c56e.bp_base_button_module_hide--5c56e{
346
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_hide--4b9b3{
347
347
  pointer-events:none;
348
348
  position:relative;
349
349
  }
350
- .bp_base_button_module_button--5c56e.bp_base_button_module_hide--5c56e span{
350
+ .bp_base_button_module_button--4b9b3.bp_base_button_module_hide--4b9b3 span{
351
351
  color:#0000;
352
352
  opacity:0;
353
353
  }
package/dist/lib-esm/primitives/base-button/base-button.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"button":"bp_base_button_module_button--5c56e","icon":"bp_base_button_module_icon--5c56e","primary":"bp_base_button_module_primary--5c56e","secondary":"bp_base_button_module_secondary--5c56e","tertiary":"bp_base_button_module_tertiary--5c56e","outline":"bp_base_button_module_outline--5c56e","small":"bp_base_button_module_small--5c56e","isIconButton":"bp_base_button_module_isIconButton--5c56e","large":"bp_base_button_module_large--5c56e","hide":"bp_base_button_module_hide--5c56e"};
2
+ var styles = {"button":"bp_base_button_module_button--4b9b3","icon":"bp_base_button_module_icon--4b9b3","primary":"bp_base_button_module_primary--4b9b3","secondary":"bp_base_button_module_secondary--4b9b3","tertiary":"bp_base_button_module_tertiary--4b9b3","outline":"bp_base_button_module_outline--4b9b3","small":"bp_base_button_module_small--4b9b3","isIconButton":"bp_base_button_module_isIconButton--4b9b3","large":"bp_base_button_module_large--4b9b3","hide":"bp_base_button_module_hide--4b9b3"};
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": "12.17.0",
3
+ "version": "12.17.2",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -47,7 +47,7 @@
47
47
  "dependencies": {
48
48
  "@ariakit/react": "0.4.15",
49
49
  "@ariakit/react-core": "0.4.15",
50
- "@box/blueprint-web-assets": "^4.54.0",
50
+ "@box/blueprint-web-assets": "^4.55.0",
51
51
  "@internationalized/date": "^3.7.0",
52
52
  "@radix-ui/react-accordion": "1.1.2",
53
53
  "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
77
77
  "type-fest": "^3.2.0"
78
78
  },
79
79
  "devDependencies": {
80
- "@box/storybook-utils": "^0.13.7",
80
+ "@box/storybook-utils": "^0.13.8",
81
81
  "@types/react": "^18.0.0",
82
82
  "@types/react-dom": "^18.0.0",
83
83
  "react": "^18.3.0",