@box/blueprint-web 16.1.2 → 16.1.3

package/dist/lib-esm/index.css

@@ -9925,7 +9925,7 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   --progress-bar-fill-bg:var(--bp-surface-nav-surface-brand-foreground);
   gap:var(--bp-space-010);
 }
-.bp_chip_module_chip--a1523[data-modern=false]{
+.bp_chip_module_chip--e438a[data-modern=false]{
   --chip-gap:var(--space-2);
   --chip-height:var(--size-8);
   --chip-radius:var(--radius-half);
@@ -9973,7 +9973,7 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_chip_module_chip--a1523[data-modern=false].bp_chip_module_chipButton--a1523,.bp_chip_module_chip--a1523[data-modern=false].bp_chip_module_multiSelectChip--a1523{
+.bp_chip_module_chip--e438a[data-modern=false].bp_chip_module_chipButton--e438a,.bp_chip_module_chip--e438a[data-modern=false].bp_chip_module_multiSelectChip--e438a{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -9982,7 +9982,7 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_chip_module_chip--a1523[data-modern=false].bp_chip_module_multiSelectChip--a1523 span::before,.bp_chip_module_chip--a1523[data-modern=false].bp_chip_module_multiSelectChip--a1523[data-state=on]{
+.bp_chip_module_chip--e438a[data-modern=false].bp_chip_module_multiSelectChip--e438a span::before,.bp_chip_module_chip--e438a[data-modern=false].bp_chip_module_multiSelectChip--e438a[data-state=on]{
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
@@ -9991,7 +9991,7 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_chip_module_chip--a1523[data-modern=false] .bp_chip_module_chipStatus--a1523{
+.bp_chip_module_chip--e438a[data-modern=false] .bp_chip_module_chipStatus--e438a{
   font-family:var(--label-bold-font-family);
   font-size:var(--label-bold-font-size);
   font-weight:var(--label-bold-font-weight);
@@ -10001,7 +10001,7 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   text-transform:var(--label-bold-text-case);
 }
 
-.bp_chip_module_chip--a1523[data-modern=true]{
+.bp_chip_module_chip--e438a[data-modern=true]{
   --chip-gap:var(--bp-space-020);
   --chip-height:var(--bp-size-090);
   --chip-radius:var(--bp-radius-16);
@@ -10048,7 +10048,7 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-.bp_chip_module_chip--a1523[data-modern=true].bp_chip_module_chipButton--a1523,.bp_chip_module_chip--a1523[data-modern=true].bp_chip_module_multiSelectChip--a1523{
+.bp_chip_module_chip--e438a[data-modern=true].bp_chip_module_chipButton--e438a,.bp_chip_module_chip--e438a[data-modern=true].bp_chip_module_multiSelectChip--e438a{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -10056,7 +10056,7 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-.bp_chip_module_chip--a1523[data-modern=true].bp_chip_module_multiSelectChip--a1523 span::before,.bp_chip_module_chip--a1523[data-modern=true].bp_chip_module_multiSelectChip--a1523[data-state=on]{
+.bp_chip_module_chip--e438a[data-modern=true].bp_chip_module_multiSelectChip--e438a span::before,.bp_chip_module_chip--e438a[data-modern=true].bp_chip_module_multiSelectChip--e438a[data-state=on]{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -10064,7 +10064,7 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-.bp_chip_module_chip--a1523[data-modern=true] .bp_chip_module_chipStatus--a1523{
+.bp_chip_module_chip--e438a[data-modern=true] .bp_chip_module_chipStatus--e438a{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-02);
   font-style:normal;
@@ -10073,22 +10073,22 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   line-height:var(--bp-font-line-height-03);
 }
 
-.bp_chip_module_chip--a1523{
+.bp_chip_module_chip--e438a{
   padding-inline:var(--chip-padding-inline);
 }
-.bp_chip_module_chip--a1523 .bp_chip_module_labelText--a1523:first-child{
+.bp_chip_module_chip--e438a .bp_chip_module_labelText--e438a:first-child{
   margin-inline-start:var(--chip-label-inline-padding);
 }
-.bp_chip_module_chip--a1523 .bp_chip_module_labelText--a1523:last-child{
+.bp_chip_module_chip--e438a .bp_chip_module_labelText--e438a:last-child{
   margin-inline-end:var(--chip-label-inline-padding);
 }
-.bp_chip_module_chip--a1523 .bp_chip_module_chipStatus--a1523:first-child,.bp_chip_module_chip--a1523 svg:first-child{
+.bp_chip_module_chip--e438a .bp_chip_module_chipStatus--e438a:first-child,.bp_chip_module_chip--e438a svg:first-child{
   margin-inline-start:var(--chip-item-inline-padding);
 }
-.bp_chip_module_chip--a1523 .bp_chip_module_chipStatus--a1523:last-child,.bp_chip_module_chip--a1523 svg:last-child{
+.bp_chip_module_chip--e438a .bp_chip_module_chipStatus--e438a:last-child,.bp_chip_module_chip--e438a svg:last-child{
   margin-inline-end:var(--chip-item-inline-padding);
 }
-.bp_chip_module_chip--a1523{
+.bp_chip_module_chip--e438a{
   align-items:center;
   border:none;
   border-radius:var(--chip-radius);
@@ -10098,15 +10098,15 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   gap:var(--chip-gap);
   height:var(--chip-height);
 }
-.bp_chip_module_chip--a1523:disabled{
+.bp_chip_module_chip--e438a:disabled{
   color:var(--chip-text-color-disabled);
   cursor:default;
   pointer-events:none;
 }
-.bp_chip_module_chip--a1523:disabled svg{
+.bp_chip_module_chip--e438a:disabled svg{
   opacity:.4;
 }
-.bp_chip_module_chip--a1523 .bp_chip_module_chipStatus--a1523{
+.bp_chip_module_chip--e438a .bp_chip_module_chipStatus--e438a{
   align-items:center;
   background-color:var(--chip-status-background-default);
   border-radius:var(--chip-status-radius);
@@ -10118,100 +10118,100 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   justify-content:center;
   padding:var(--chip-status-padding);
 }
-.bp_chip_module_chip--a1523 .bp_chip_module_labelText--a1523{
+.bp_chip_module_chip--e438a .bp_chip_module_labelText--e438a{
   white-space:nowrap;
 }
-.bp_chip_module_chip--a1523.bp_chip_module_chipButton--a1523:focus-visible{
+.bp_chip_module_chip--e438a.bp_chip_module_chipButton--e438a:focus-visible{
   box-shadow:0 0 0 var(--chip-button-outline-width) var(--chip-button-outline-width);
   outline:none;
   overflow:visible;
 }
-.bp_chip_module_chip--a1523.bp_chip_module_chipButton--a1523 path{
+.bp_chip_module_chip--e438a.bp_chip_module_chipButton--e438a path{
   fill:var(--chip-button-icon-color);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_chipButton--a1523{
+.bp_chip_module_chip--e438a.bp_chip_module_chipButton--e438a{
   background-color:var(--chip-button-background);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_chipButton--a1523 .bp_chip_module_chipStatus--a1523{
+.bp_chip_module_chip--e438a.bp_chip_module_chipButton--e438a .bp_chip_module_chipStatus--e438a{
   background-color:var(--chip-button-status-background);
   color:var(--chip-button-status-text-color);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_chipButton--a1523:focus-visible,.bp_chip_module_chip--a1523.bp_chip_module_chipButton--a1523[data-active-item]{
+.bp_chip_module_chip--e438a.bp_chip_module_chipButton--e438a:focus-visible,.bp_chip_module_chip--e438a.bp_chip_module_chipButton--e438a[data-active-item]{
   box-shadow:var(--chip-button-focus-box-shadow);
   outline:none;
 }
-.bp_chip_module_chip--a1523.bp_chip_module_chipButton--a1523:disabled{
+.bp_chip_module_chip--e438a.bp_chip_module_chipButton--e438a:disabled{
   pointer-events:none;
 }
-.bp_chip_module_chip--a1523.bp_chip_module_chipButton--a1523:disabled .bp_chip_module_chipStatus--a1523,.bp_chip_module_chip--a1523.bp_chip_module_chipButton--a1523:disabled svg{
+.bp_chip_module_chip--e438a.bp_chip_module_chipButton--e438a:disabled .bp_chip_module_chipStatus--e438a,.bp_chip_module_chip--e438a.bp_chip_module_chipButton--e438a:disabled svg{
   opacity:.4;
 }
-.bp_chip_module_chip--a1523.bp_chip_module_chipButton--a1523:hover:enabled{
+.bp_chip_module_chip--e438a.bp_chip_module_chipButton--e438a:hover:enabled{
   background-color:var(--chip-button-background-hover);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_singleSelectChip--a1523 path{
+.bp_chip_module_chip--e438a.bp_chip_module_singleSelectChip--e438a path{
   fill:var(--chip-single-select-icon-color);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_singleSelectChip--a1523{
+.bp_chip_module_chip--e438a.bp_chip_module_singleSelectChip--e438a{
   background-color:var(--chip-single-select-background);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_singleSelectChip--a1523[data-state=on] path{
+.bp_chip_module_chip--e438a.bp_chip_module_singleSelectChip--e438a[data-state=on] path{
   fill:var(--chip-single-select-text-color-selected);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_singleSelectChip--a1523[data-state=on]{
+.bp_chip_module_chip--e438a.bp_chip_module_singleSelectChip--e438a[data-state=on]{
   background-color:var(--chip-single-select-background-selected);
   color:var(--chip-single-select-text-color-selected);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_singleSelectChip--a1523[data-state=on]:hover{
+.bp_chip_module_chip--e438a.bp_chip_module_singleSelectChip--e438a[data-state=on]:hover{
   background-color:var(--chip-single-select-background-selected-hover);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_singleSelectChip--a1523[data-state=on] .bp_chip_module_chipStatus--a1523{
+.bp_chip_module_chip--e438a.bp_chip_module_singleSelectChip--e438a[data-state=on] .bp_chip_module_chipStatus--e438a{
   color:var(--chip-single-select-status-text-color-selected);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_singleSelectChip--a1523:focus-visible,.bp_chip_module_chip--a1523.bp_chip_module_singleSelectChip--a1523[data-active-item]{
+.bp_chip_module_chip--e438a.bp_chip_module_singleSelectChip--e438a:focus-visible,.bp_chip_module_chip--e438a.bp_chip_module_singleSelectChip--e438a[data-active-item]{
   box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
   outline:var(--border-1) solid var(--gray-white);
   outline-offset:calc(var(--border-1)*-1);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_singleSelectChip--a1523:hover:not([data-state=on]){
+.bp_chip_module_chip--e438a.bp_chip_module_singleSelectChip--e438a:hover:not([data-state=on]){
   background-color:var(--chip-single-select-background-hover);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523 path{
+.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a path{
   fill:var(--chip-multi-select-icon-color);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523{
+.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a{
   background-color:var(--chip-multi-select-background);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523[data-state=on] path{
+.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a[data-state=on] path{
   fill:var(--chip-multi-select-text-color-selected);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523[data-state=on]{
+.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a[data-state=on]{
   background-color:var(--chip-multi-select-background-selected);
   border:var(--chip-multi-select-border-selected);
   color:var(--chip-multi-select-text-color-selected);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523[data-state=on]:hover{
+.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a[data-state=on]:hover{
   background-color:var(--chip-multi-select-background-selected-hover);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523[data-state=on]:focus-visible,.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523[data-state=on][data-active-item]{
+.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a[data-state=on]:focus-visible,.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a[data-state=on][data-active-item]{
   border:var(--chip-multi-select-focus-border-selected);
   box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
   outline:var(--border-1) solid var(--chip-multi-select-border-color-selected);
   outline-offset:calc(var(--border-2)*-1);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523[data-state=on] .bp_chip_module_chipStatus--a1523{
+.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a[data-state=on] .bp_chip_module_chipStatus--e438a{
   background-color:var(--chip-multi-select-status-background-selected);
   color:var(--chip-multi-select-status-text-color-selected);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523:focus-visible:not([data-state=on]),.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523[data-active-item]:not([data-state=on]){
+.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a:focus-visible:not([data-state=on]),.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a[data-active-item]:not([data-state=on]){
   box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
   outline:var(--border-1) solid var(--gray-white);
   outline-offset:calc(var(--border-1)*-1);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523:hover:not([data-state=on]){
+.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a:hover:not([data-state=on]){
   background-color:var(--chip-multi-select-background-hover);
 }
-.bp_chip_module_chip--a1523.bp_chip_module_multiSelectChip--a1523 span::before{
+.bp_chip_module_chip--e438a.bp_chip_module_multiSelectChip--e438a span::before{
   content:attr(data-text);
   display:block;
   height:0;
@@ -10219,30 +10219,30 @@ table.bp_inline_table_module_inlineTable--b2041[data-modern=true] td:last-child,
   visibility:hidden;
 }
 
-.bp_chip_module_chipsGroup--a1523[data-modern=false]{
+.bp_chip_module_chipsGroup--e438a[data-modern=false]{
   --chips-group-gap:var(--space-2);
-  --chips-group-small-screen-padding:var(--space-5);
+  --chips-group-small-screen-padding:var(--space-05);
 }
 
-.bp_chip_module_chipsGroup--a1523[data-modern=true]{
+.bp_chip_module_chipsGroup--e438a[data-modern=true]{
   --chips-group-gap:var(--bp-space-020);
-  --chips-group-small-screen-padding:var(--bp-space-050);
+  --chips-group-small-screen-padding:var(--bp-space-005);
 }
 
-.bp_chip_module_chipsGroup--a1523{
+.bp_chip_module_chipsGroup--e438a{
   display:flex;
   flex-wrap:wrap;
   gap:var(--chips-group-gap);
 }
 @media (max-width: 767px){
-  .bp_chip_module_chipsGroup--a1523{
+  .bp_chip_module_chipsGroup--e438a{
     -ms-overflow-style:none;
     scrollbar-width:none;
   }
-  .bp_chip_module_chipsGroup--a1523::-webkit-scrollbar{
+  .bp_chip_module_chipsGroup--e438a::-webkit-scrollbar{
     display:none;
   }
-  .bp_chip_module_chipsGroup--a1523{
+  .bp_chip_module_chipsGroup--e438a{
     flex-wrap:nowrap;
     overflow-x:scroll;
     padding:var(--chips-group-small-screen-padding);

package/dist/lib-esm/primitives/chips/chip.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"chip":"bp_chip_module_chip--a1523","chipButton":"bp_chip_module_chipButton--a1523","multiSelectChip":"bp_chip_module_multiSelectChip--a1523","chipStatus":"bp_chip_module_chipStatus--a1523","labelText":"bp_chip_module_labelText--a1523","singleSelectChip":"bp_chip_module_singleSelectChip--a1523","chipsGroup":"bp_chip_module_chipsGroup--a1523"};
+var styles = {"chip":"bp_chip_module_chip--e438a","chipButton":"bp_chip_module_chipButton--e438a","multiSelectChip":"bp_chip_module_multiSelectChip--e438a","chipStatus":"bp_chip_module_chipStatus--e438a","labelText":"bp_chip_module_labelText--e438a","singleSelectChip":"bp_chip_module_singleSelectChip--e438a","chipsGroup":"bp_chip_module_chipsGroup--e438a"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "16.1.2",
+    "version": "16.1.3",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.21",
         "@ariakit/react-core": "0.4.21",
-        "@box/blueprint-web-assets": "^5.2.0",
+        "@box/blueprint-web-assets": "^5.2.1",
         "@internationalized/date": "^3.12.0",
         "@radix-ui/primitive": "1.0.1",
         "@radix-ui/react-accordion": "1.1.2",
@@ -78,7 +78,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^1.1.2",
+        "@box/storybook-utils": "^1.1.3",
         "@figma/code-connect": "1.4.4",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",