diff --git a/packages/itwinui-css/src/all.scss b/packages/itwinui-css/src/all.scss index 79d7d0a816a..1ad4a16c774 100644 --- a/packages/itwinui-css/src/all.scss +++ b/packages/itwinui-css/src/all.scss @@ -31,7 +31,6 @@ @include meta.load-css('menu/menu'); @include meta.load-css('non-ideal-state/non-ideal-state'); @include meta.load-css('overlay/overlay'); - @include meta.load-css('panels/panels'); @include meta.load-css('progress-indicator/progress-indicator'); @include meta.load-css('radio/radio'); @include meta.load-css('radio-tile/radio-tile'); @@ -43,6 +42,7 @@ @include meta.load-css('status-message/status-message'); @include meta.load-css('stepper/stepper'); @include meta.load-css('surface/surface'); + @include meta.load-css('panels/panels'); @include meta.load-css('table/table'); @include meta.load-css('tabs/tabs'); @include meta.load-css('tag/tag'); diff --git a/packages/itwinui-css/src/panels/panels.scss b/packages/itwinui-css/src/panels/panels.scss index d6f5ca122d4..b6cd0f6bc41 100644 --- a/packages/itwinui-css/src/panels/panels.scss +++ b/packages/itwinui-css/src/panels/panels.scss @@ -6,8 +6,7 @@ scroll-snap-type: x proximity; } -// Intentional selector to increase specificity -.iui-panel-wrapper.iui-panel-wrapper { +.iui-panel-wrapper { display: flex; flex-direction: row; } diff --git a/packages/itwinui-react/src/core/Panels/Panels.tsx b/packages/itwinui-react/src/core/Panels/Panels.tsx index 1e2eece3615..0476cebc2b0 100644 --- a/packages/itwinui-react/src/core/Panels/Panels.tsx +++ b/packages/itwinui-react/src/core/Panels/Panels.tsx @@ -29,6 +29,9 @@ import type { FocusEntry, PanelsInstance, TriggerMapEntry } from './helpers.js'; // #region PanelsWrapper type PanelsWrapperProps = { + /** + * Function that gets called when the active panel is changed. + */ onActiveIdChange?: (newActiveId: string) => void; children: React.ReactNode; /**