UBER-955: added Separator component (#3804)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
hcengineering · Oct 7, 2023 · bb937db · bb937db
1 parent 9075e30
commit bb937db
Show file tree

Hide file tree

Showing 9 changed files with 608 additions and 42 deletions.
diff --git a/packages/theme/styles/common.scss b/packages/theme/styles/common.scss
@@ -63,7 +63,7 @@
   max-width: 17.5rem;
   width: 17.5rem;
   background-color: var(--theme-navpanel-color);
-  border-right: 1px solid var(--theme-navpanel-border);
+  // border-right: 1px solid var(--theme-navpanel-border);
 }
 @media (max-width: 1024px) {
   .antiPanel-navigator {

diff --git a/packages/ui/src/components/Panel.svelte b/packages/ui/src/components/Panel.svelte
@@ -14,10 +14,17 @@
 -->
 <script lang="ts">
   import { afterUpdate, createEventDispatcher, onMount } from 'svelte'
-  import { deviceOptionsStore as deviceInfo, checkAdaptiveMatching, IconBack } from '../../'
-  import { resizeObserver } from '../resize'
-  import Button from './Button.svelte'
-  import Scroller from './Scroller.svelte'
+  import {
+    deviceOptionsStore as deviceInfo,
+    checkAdaptiveMatching,
+    IconBack,
+    Separator,
+    defineSeparators,
+    resizeObserver,
+    Button,
+    Scroller,
+    panelSeparators
+  } from '../../'
   import IconClose from './icons/Close.svelte'
   import IconDetails from './icons/Details.svelte'
   import IconMaxWidth from './icons/MaxWidth.svelte'
@@ -82,6 +89,8 @@
   })
 
   onMount(() => dispatch('open'))
+
+  defineSeparators('panel-aside', panelSeparators)
 </script>
 
 <div
@@ -210,6 +219,7 @@
       </div>
     {/if}
     {#if $$slots.aside && isAside && asideShown}
+      <Separator name={'panel-aside'} index={0} />
       <div class="popupPanel-body__aside" class:float={asideFloat} class:shown={asideShown}>
         {#if moveUtils}
           <div class="buttons-group justify-end xsmall-gap" style:margin={'.5rem 2rem 0'}>