@box/blueprint-web 6.8.4 → 6.9.0

package/lib-esm/accordion/accordion.js

@@ -58,7 +58,7 @@ const Item = props => {
         }),
         children: children
       })
-    }, id);
+    });
   }
   // TODO: [DSYS-549] Refactor - spread props in a single place
   const {
@@ -70,7 +70,6 @@ const Item = props => {
   return jsxs(RadixAccordion.Item, {
     ...itemRest,
     className: accordionItemClasses,
-    value: id,
     children: [jsx(RadixAccordion.Header, {
       asChild: true,
       children: jsx(RadixAccordion.Trigger, {
@@ -100,7 +99,7 @@ const Item = props => {
         children: children
       })
     })]
-  }, id);
+  });
 };
 const Accordion = Object.assign(Root, {
   /**

package/lib-esm/accordion/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type AccordionItemProps as RadixAccordionItemProps, type AccordionMultipleProps, type AccordionSingleProps } from '@radix-ui/react-accordion';
+import { type AccordionMultipleProps, type AccordionSingleProps, type AccordionItemProps as RadixAccordionItemProps } from '@radix-ui/react-accordion';
 import { type RequireAllOrNone } from 'type-fest';
 type Loading = {
     /** Loading state of the section. Loading sections are displaying a placeholder. When this is true `loadingAriaLabel` must also be provided. */
@@ -9,11 +9,12 @@ type Loading = {
 };
 export type AccordionBaseItem = {
     /**
-     * Content of the accordion item that is displayed when the secton is expanded
+     * @deprecated
+     * Content of the accordion item that is displayed when the section is expanded
      */
-    id: string;
+    id?: string;
     /**
-     * Content of the accordion item that is displayed when the secton is expanded
+     * Content of the accordion item that is displayed when the section is expanded
      */
     children?: React.ReactNode;
 } & RequireAllOrNone<Loading, keyof Loading>;

package/lib-esm/index.css

@@ -4590,7 +4590,7 @@ table.inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   margin-block:var(--space-2);
 }
 
-.side_panel_module_content--90fe6{
+.side_panel_module_content--cbb2c{
   background-color:var(--gray-white);
   border-inline-start:var(--border-1) solid var(--border-divider-border);
   display:flex;
@@ -4604,7 +4604,12 @@ table.inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   position:relative;
   width:360px;
 }
-.side_panel_module_content--90fe6 .side_panel_module_header--90fe6{
+@media only screen and (max-width: 767px){
+  .side_panel_module_content--cbb2c{
+    min-width:100%;
+  }
+}
+.side_panel_module_content--cbb2c .side_panel_module_header--cbb2c{
   align-items:center;
   background-color:var(--surface-surface);
   border-bottom:var(--border-1) solid var(--border-divider-border);
@@ -4619,39 +4624,39 @@ table.inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   transition-timing-function:cubic-bezier(0, 0, .6, 1);
   word-break:break-word;
 }
-.side_panel_module_content--90fe6 .side_panel_module_header--90fe6,.side_panel_module_content--90fe6 .side_panel_module_header--90fe6.side_panel_module_headerMobile--90fe6{
+.side_panel_module_content--cbb2c .side_panel_module_header--cbb2c,.side_panel_module_content--cbb2c .side_panel_module_header--cbb2c.side_panel_module_headerMobile--cbb2c{
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-weight:700;
   letter-spacing:.01875rem;
   text-decoration:none;
   text-transform:none;
 }
-.side_panel_module_content--90fe6 .side_panel_module_header--90fe6.side_panel_module_headerMobile--90fe6{
+.side_panel_module_content--cbb2c .side_panel_module_header--cbb2c.side_panel_module_headerMobile--cbb2c{
   font-size:.9375rem;
   line-height:1.25rem;
 }
-.side_panel_module_content--90fe6 .side_panel_module_headerShadow--90fe6{
+.side_panel_module_content--cbb2c .side_panel_module_headerShadow--cbb2c{
   box-shadow:var(--dropshadow-3);
 }
 
-.side_panel_module_contentAnimated--90fe6{
+.side_panel_module_contentAnimated--cbb2c{
   animation-duration:.2s;
-  animation-name:side_panel_module_slideIn--90fe6;
+  animation-name:side_panel_module_slideIn--cbb2c;
   animation-timing-function:cubic-bezier(0, 0, .6, 1);
 }
 
-.side_panel_module_dropShadowContent--90fe6{
+.side_panel_module_dropShadowContent--cbb2c{
   box-shadow:var(--dropshadow-3);
 }
 
-.side_panel_module_content--90fe6 .side_panel_module_close--90fe6{
+.side_panel_module_content--cbb2c .side_panel_module_close--cbb2c{
   color:var(--gray-65);
   position:absolute;
   right:var(--space-4);
   top:var(--space-5);
 }
 
-.side_panel_module_overlay--90fe6{
+.side_panel_module_overlay--cbb2c{
   background-color:var(--black-opacity-80);
   bottom:0;
   display:flex;
@@ -4662,20 +4667,20 @@ table.inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   top:0;
   z-index:300;
 }
-.side_panel_module_overlay--90fe6 .side_panel_module_content--90fe6 .side_panel_module_header--90fe6{
+.side_panel_module_overlay--cbb2c .side_panel_module_content--cbb2c .side_panel_module_header--cbb2c{
   padding:var(--space-6) var(--space-14) var(--space-6) var(--space-4);
 }
 
-.side_panel_module_dropShadowOverlay--90fe6{
+.side_panel_module_dropShadowOverlay--cbb2c{
   background-color:initial;
 }
 
-.side_panel_module_scrollableContainer--90fe6{
+.side_panel_module_scrollableContainer--cbb2c{
   flex-grow:1;
   overflow-y:auto;
 }
 
-.side_panel_module_footer--90fe6{
+.side_panel_module_footer--cbb2c{
   background-color:var(--surface-surface);
   display:flex;
   justify-content:flex-end;
@@ -4685,19 +4690,19 @@ table.inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   transition-timing-function:cubic-bezier(0, 0, .6, 1);
 }
 
-.side_panel_module_footerShadow--90fe6{
+.side_panel_module_footerShadow--cbb2c{
   box-shadow:var(--dropshadow-3-inverse);
 }
 
-.side_panel_module_footerButton--90fe6{
+.side_panel_module_footerButton--cbb2c{
   margin-inline-start:var(--space-2);
 }
 
-.side_panel_module_footerButton--90fe6 + .side_panel_module_footerButton--90fe6{
+.side_panel_module_footerButton--cbb2c + .side_panel_module_footerButton--cbb2c{
   margin-inline-start:var(--space-3);
 }
 
-@keyframes side_panel_module_slideIn--90fe6{
+@keyframes side_panel_module_slideIn--cbb2c{
   from{
     inset-inline-end:-100%;
   }

package/lib-esm/side-panel/side-panel.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"side_panel_module_content--90fe6","header":"side_panel_module_header--90fe6","headerMobile":"side_panel_module_headerMobile--90fe6","headerShadow":"side_panel_module_headerShadow--90fe6","contentAnimated":"side_panel_module_contentAnimated--90fe6","slideIn":"side_panel_module_slideIn--90fe6","dropShadowContent":"side_panel_module_dropShadowContent--90fe6","close":"side_panel_module_close--90fe6","overlay":"side_panel_module_overlay--90fe6","dropShadowOverlay":"side_panel_module_dropShadowOverlay--90fe6","scrollableContainer":"side_panel_module_scrollableContainer--90fe6","footer":"side_panel_module_footer--90fe6","footerShadow":"side_panel_module_footerShadow--90fe6","footerButton":"side_panel_module_footerButton--90fe6"};
+var styles = {"content":"side_panel_module_content--cbb2c","header":"side_panel_module_header--cbb2c","headerMobile":"side_panel_module_headerMobile--cbb2c","headerShadow":"side_panel_module_headerShadow--cbb2c","contentAnimated":"side_panel_module_contentAnimated--cbb2c","slideIn":"side_panel_module_slideIn--cbb2c","dropShadowContent":"side_panel_module_dropShadowContent--cbb2c","close":"side_panel_module_close--cbb2c","overlay":"side_panel_module_overlay--cbb2c","dropShadowOverlay":"side_panel_module_dropShadowOverlay--cbb2c","scrollableContainer":"side_panel_module_scrollableContainer--cbb2c","footer":"side_panel_module_footer--cbb2c","footerShadow":"side_panel_module_footerShadow--cbb2c","footerButton":"side_panel_module_footerButton--cbb2c"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "6.8.4",
+    "version": "6.9.0",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
         "access": "public",
@@ -34,18 +34,18 @@
         "@radix-ui/react-checkbox": "^1.0.4",
         "@radix-ui/react-collapsible": "^1.0.3",
         "@radix-ui/react-context-menu": "2.1.4",
-        "@radix-ui/react-dialog": "^1.0.4",
+        "@radix-ui/react-dialog": "1.0.4",
         "@radix-ui/react-dropdown-menu": "2.0.5",
         "@radix-ui/react-label": "^2.0.2",
-        "@radix-ui/react-popover": "^1.0.6",
+        "@radix-ui/react-popover": "1.0.6",
         "@radix-ui/react-radio-group": "^1.1.3",
         "@radix-ui/react-scroll-area": "^1.0.4",
         "@radix-ui/react-select": "1.2.2",
         "@radix-ui/react-slider": "^1.1.2",
         "@radix-ui/react-switch": "^1.0.3",
-        "@radix-ui/react-toast": "^1.1.4",
+        "@radix-ui/react-toast": "1.1.4",
         "@radix-ui/react-toggle-group": "^1.0.4",
-        "@radix-ui/react-tooltip": "^1.0.6",
+        "@radix-ui/react-tooltip": "1.0.6",
         "@radix-ui/react-visually-hidden": "^1.0.3",
         "clsx": "^1.2.1",
         "color": "2.0.1",
@@ -56,7 +56,7 @@
     "devDependencies": {
         "@box/storybook-utils": "^0.0.3"
     },
-    "gitHead": "a84797d6762393ec2bb0d43ff71c5ea59a3558ad",
+    "gitHead": "e082c461b1989f2f72835581e539e3ed0ad98798",
     "module": "lib-esm/index.js",
     "main": "lib-esm/index.js",
     "exports": {