fix: rename noVisor to float

VKCOM · Dec 15, 2023 · ceceadb · ceceadb
1 parent c93985b
commit ceceadb
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/packages/vkui/src/components/Panel/Panel.module.css b/packages/vkui/src/components/Panel/Panel.module.css
@@ -33,7 +33,7 @@
 
 /* stylelint-disable selector-max-universal */
 
-.Panel__centered :global(.vkuiInternalPanelHeader--vis) + * {
+.Panel__centered :global(.vkuiInternalPanelHeader--static) + * {
   margin-block-start: var(--vkui_internal--panel_header_height);
 }
 

diff --git a/packages/vkui/src/components/PanelHeader/PanelHeader.module.css b/packages/vkui/src/components/PanelHeader/PanelHeader.module.css
@@ -2,12 +2,12 @@
   position: relative;
 }
 
-.PanelHeader--vis.PanelHeader--fixed::before {
+.PanelHeader--static.PanelHeader--fixed::before {
   display: block;
   content: '';
 }
 
-.PanelHeader:not(.PanelHeader--vis):not(.PanelHeader--fixed) {
+.PanelHeader:not(.PanelHeader--static):not(.PanelHeader--fixed) {
   block-size: 0;
   /* см. https://github.com/VKCOM/VKUI/issues/5571 */
   z-index: var(--vkui_internal--z_index_panel_header);

diff --git a/packages/vkui/src/components/PanelHeader/PanelHeader.tsx b/packages/vkui/src/components/PanelHeader/PanelHeader.tsx
@@ -54,9 +54,9 @@ export interface PanelHeaderProps
   transparent?: boolean;
   shadow?: boolean;
   /**
-   * Позволяет задать шапку нулевой высоты (контент панели не будет её учитывать)
+   * Высота шапки будет игнорироваться контентом панели
    */
-  noVisor?: boolean;
+  float?: boolean;
   /**
    * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.
    */
@@ -120,7 +120,7 @@ export const PanelHeader = ({
   before,
   children,
   after,
-  noVisor = false,
+  float = false,
   transparent = false,
   delimiter = 'auto',
   shadow,
@@ -136,8 +136,8 @@ export const PanelHeader = ({
   const isVKCOM = platform === 'vkcom';
   const isFixed = fixed !== undefined ? fixed : !isVKCOM;
   const separatorVisible = delimiter === 'auto' || delimiter === 'separator';
-  const visorSeparatorVisible = !noVisor && separatorVisible;
-  const visorSpacingVisible = !noVisor && (delimiter === 'auto' || delimiter === 'spacing');
+  const staticSeparatorVisible = !float && separatorVisible;
+  const staticSpacingVisible = !float && (delimiter === 'auto' || delimiter === 'spacing');
 
   return (
     <RootComponent
@@ -150,8 +150,8 @@ export const PanelHeader = ({
           : platformClassNames.android,
         transparent && styles['PanelHeader--trnsp'],
         shadow && styles['PanelHeader--shadow'],
-        !noVisor && classNames(styles['PanelHeader--vis'], 'vkuiInternalPanelHeader--vis'),
-        visorSeparatorVisible &&
+        !float && classNames(styles['PanelHeader--static'], 'vkuiInternalPanelHeader--static'),
+        staticSeparatorVisible &&
           classNames(styles['PanelHeader--sep'], 'vkuiInternalPanelHeader--sep'),
         !before &&
           classNames(styles['PanelHeader--no-before'], 'vkuiInternalPanelHeader--no-before'),
@@ -179,10 +179,10 @@ export const PanelHeader = ({
       )}
       {!isVKCOM && (
         <>
-          {visorSeparatorVisible && adaptiveSizeX.compact && (
+          {staticSeparatorVisible && adaptiveSizeX.compact && (
             <Separator className={adaptiveSizeX.compact.className} />
           )}
-          {visorSpacingVisible && adaptiveSizeX.regular && (
+          {staticSpacingVisible && adaptiveSizeX.regular && (
             <Spacing className={adaptiveSizeX.regular.className} size={16} />
           )}
         </>

diff --git a/styleguide/pages/migration_v6.md b/styleguide/pages/migration_v6.md
@@ -2,13 +2,13 @@
 
 ## [`PanelHeader`](#/PanelHeader)
 
-- Свойство `visor` удалено, используйте свойство `noVisor`
+- Свойство `visor` удалено, используйте свойство `float`
 
 ```diff
 -  <PanelHeader visor />
 +  <PanelHeader />
 -  <PanelHeader visor={false} />
-+  <PanelHeader noVisor />
++  <PanelHeader float />
 ```
 
 - Свойство `separator` удалено, используйте свойство `delimiter`