@dxtmisha/wiki 0.24.3 → 0.39.1

package/src/media/props/wikiStyle.ts

@@ -21,6 +21,7 @@ export const wikiStyle: StorybookArgsToList = {
         ru: 'Управляет адаптивным поведением отображения для разных размеров экрана и медиа‑запросов'
       }
     }
+
   },
   align: {
     type: StorybookControl.select,
@@ -32,7 +33,8 @@ export const wikiStyle: StorybookArgsToList = {
         en: 'General alignment depending on component semantics',
         ru: 'Общее выравнивание в зависимости от семантики компонента'
       }
-    }
+    },
+    isDemo: true
   },
   asPalette: {
     type: StorybookControl.boolean,
@@ -45,17 +47,6 @@ export const wikiStyle: StorybookArgsToList = {
       }
     }
   },
-  autoClose: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Closes the window/menu when clicking inside the content area',
-        ru: 'Закрывает окно/меню при клике внутри области содержимого'
-      }
-    }
-  },
   barsAdaptive: {
     type: StorybookControl.select,
     options: {
@@ -66,16 +57,6 @@ export const wikiStyle: StorybookArgsToList = {
       }
     }
   },
-  barsAttrs: {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Additional attributes for the bars (header toolbar) container',
-        ru: 'Дополнительные атрибуты для контейнера бара (верхней панели)'
-      }
-    }
-  },
   block: {
     type: StorybookControl.boolean,
     options: {
@@ -86,27 +67,16 @@ export const wikiStyle: StorybookArgsToList = {
       }
     }
   },
-  buttonAttrs: {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Additional attributes for button elements',
-        ru: 'Дополнительные атрибуты для элементов кнопок'
-      }
-    }
-  },
-  axis: {
-    type: StorybookControl.select,
+  closeButton: {
+    type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.style,
-      type: 'string',
-      options: [],
       description: {
-        en: 'Sets the axis direction for component layout or scrolling',
-        ru: 'Задает направление оси для раскладки или прокрутки компонента'
+        en: 'Shows a close button in the header',
+        ru: 'Показывает кнопку закрытия в заголовке'
       }
-    }
+    },
+    isDemo: true
   },
   container: {
     type: StorybookControl.select,
@@ -120,59 +90,16 @@ export const wikiStyle: StorybookArgsToList = {
       }
     }
   },
-  counterShow: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Shows the counter element',
-        ru: 'Показывает элемент счетчика'
-      }
-    }
-  },
-  counterTemplate: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.style,
-      type: 'string',
-      description: {
-        en: 'Custom display template for the counter component',
-        ru: 'Пользовательский шаблон отображения для компонента счетчика'
-      }
-    }
-  },
-  counterTop: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Displays the counter above the field',
-        ru: 'Отображает счетчик над полем'
-      }
-    }
-  },
   dense: {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.style,
-
       description: {
         en: 'Enables compact display variant',
         ru: 'Включает компактный вариант отображения'
       }
-    }
-  },
-  dir: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Mirrors the component depending on site direction (RTL/LTR)',
-        ru: 'Зеркально отражает компонент в зависимости от направления сайта (RTL/LTR)'
-      }
-    }
+    },
+    isDemo: true
   },
   divider: {
     type: StorybookControl.boolean,
@@ -205,59 +132,8 @@ export const wikiStyle: StorybookArgsToList = {
         en: 'Displays the component as a dot indicator',
         ru: 'Отображает компонент как точечный индикатор'
       }
-    }
-  },
-  dynamic: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Enables dynamic reactions to hover and focus',
-        ru: 'Включает динамическую реакцию на hover и focus'
-      }
-    }
-  },
-  dynamicHover: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Enables dynamic hover effect for the component',
-        ru: 'Включает динамический эффект наведения для компонента'
-      }
-    }
-  },
-  fieldCounterAttrs: {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Additional attributes for the field counter component',
-        ru: 'Дополнительные атрибуты для компонента счетчика поля'
-      }
-    }
-  },
-  fieldLabelAttrs: {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Additional attributes for the FieldLabel element',
-        ru: 'Дополнительные атрибуты для элемента FieldLabel'
-      }
-    }
-  },
-  fieldMessageAttrs: {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Additional attributes for the FieldMessage element',
-        ru: 'Дополнительные атрибуты для элемента FieldMessage'
-      }
-    }
+    },
+    isDemo: true
   },
   fill: {
     type: StorybookControl.string,
@@ -268,16 +144,17 @@ export const wikiStyle: StorybookArgsToList = {
         en: 'Sets fill color for the component',
         ru: 'Задает цвет заливки компонента'
       }
-    }
+    },
+    isDemo: true,
+    demo: 'oklch(53.2% 0.157 131.589)'
   },
-  grid: {
-    type: StorybookControl.boolean,
+  flexible: {
+    type: StorybookControl.select,
     options: {
       category: StorybookCategory.style,
-
       description: {
-        en: 'Enables grid layout mode',
-        ru: 'Включает режим сетки'
+        en: 'Enables flexible layout behavior that automatically adapts to available space',
+        ru: 'Включает гибкое поведение раскладки, автоматически адаптирующееся к доступному пространству'
       }
     }
   },
@@ -293,194 +170,19 @@ export const wikiStyle: StorybookArgsToList = {
       }
     }
   },
-  horizontal: {
+  imagePosition: {
     type: StorybookControl.select,
     options: {
       category: StorybookCategory.style,
-      type: 'string',
-      options: [],
       description: {
-        en: 'Sets horizontal alignment of elements',
-        ru: 'Задает горизонтальное выравнивание элементов'
-      }
-    }
-  },
-  iconAlign: {
-    type: StorybookControl.select,
-    options: {
-      category: StorybookCategory.style,
-      type: 'string',
-      options: ['center', 'text'],
-      description: {
-        en: 'Sets icon alignment within the component',
-        ru: 'Задает выравнивание иконки внутри компонента'
-      }
-    }
-  },
-  iconAttrs: {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Sets additional attributes for the icon element',
-        ru: 'Задает дополнительные атрибуты для элемента иконки'
-      }
-    }
-  },
-  iconDir: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Mirrors the icon depending on site direction (RTL/LTR)',
-        ru: 'Зеркально отражает иконку в зависимости от направления сайта (RTL/LTR)'
-      }
-    }
-  },
-  iconPalette: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Sets icon color based on palette class',
-        ru: 'Задает цвет иконки на основе класса палитры'
-      }
-    }
-  },
-  iconTop: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Aligns icon to the top of the container',
-        ru: 'Выравнивает иконку по верхнему краю контейнера'
-      }
-    }
-  },
-  iconClose: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Sets icon for close button',
-        ru: 'Задает иконку для кнопки закрытия'
-      }
-    }
-  },
-  iconCancel: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Sets icon for cancel/clear action',
-        ru: 'Задает иконку для действия отмены/очистки'
-      }
-    }
-  },
-  iconBack: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Sets icon for back button',
-        ru: 'Задает иконку для кнопки назад'
-      }
-    }
-  },
-  iconArrowDown: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Sets icon for down arrow',
-        ru: 'Задает иконку стрелки вниз'
-      }
-    }
-  },
-  iconArrowLeft: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Sets icon for left arrow',
-        ru: 'Задает иконку стрелки влево'
-      }
-    }
-  },
-  iconArrowRight: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Sets icon for right arrow',
-        ru: 'Задает иконку стрелки вправо'
-      }
-    }
-  },
-  iconMinus: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Sets icon for decrement / minus action',
-        ru: 'Задает иконку для действия уменьшения (минус)'
-      }
-    }
-  },
-  iconPlus: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Sets icon for increment / plus action',
-        ru: 'Задает иконку для действия увеличения (плюс)'
-      }
-    }
-  },
-  inputAttrs: {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Additional attributes for the native input element',
-        ru: 'Дополнительные атрибуты для нативного элемента input'
-      }
-    }
-  },
-  iconTrailingDirOnly: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Applies direction mirroring only to the trailing icon',
-        ru: 'Применяет зеркальное отражение только к завершающей иконке'
-      }
-    }
-  },
-  iconTrailingPalette: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Sets trailing icon color based on palette class',
-        ru: 'Задает цвет завершающей иконки на основе класса палитры'
-      }
-    }
-  },
-  iconTrailingTurnOnly: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-
-      description: {
-        en: 'Applies rotation only to the trailing icon',
-        ru: 'Применяет поворот только к завершающей иконке'
-      }
+        en: 'Defines image placement within the window layout',
+        ru: 'Определяет расположение изображения внутри макета окна'
+      },
+      options: ['left', 'top']
+    },
+    isDemo: true,
+    demoOptions: {
+      image: 'https://drscdn.500px.org/photo/294267357/q%3D90_m%3D2048/v2?sig=adb52b9add18ad21ab4a86b99695377f2a18821c609d42149b3426dfb99cf924'
     }
   },
   inverse: {
@@ -505,6 +207,19 @@ export const wikiStyle: StorybookArgsToList = {
       }
     }
   },
+  maxWidth: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets the maximum width of the component',
+        ru: 'Задает максимальную ширину компонента'
+      }
+    },
+    isDemo: true
+  },
   overlay: {
     type: StorybookControl.boolean,
     options: {
@@ -513,29 +228,32 @@ export const wikiStyle: StorybookArgsToList = {
         en: 'Adds background overlay to the component',
         ru: 'Добавляет фоновую подложку к компоненту'
       }
-    }
+    },
+    isDemo: true
   },
-  overlap: {
+  padding: {
     type: StorybookControl.select,
     options: {
       category: StorybookCategory.style,
       type: 'string',
       options: [],
       description: {
-        en: 'Defines element positioning relative to other elements',
-        ru: 'Определяет расположение элемента относительно других элементов'
+        en: 'Sets internal spacing around the content. If `paddingByIndent` is enabled, the `padding` value is ignored.',
+        ru: 'Задает внутренние отступы вокруг содержимого. Если включен `paddingByIndent`, значение `padding` игнорируется.'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      paddingByIndent: false
     }
   },
-  padding: {
-    type: StorybookControl.select,
+  paddingByIndent: {
+    type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.style,
-      type: 'string',
-      options: [],
       description: {
-        en: 'Sets internal spacing around the content',
-        ru: 'Задает внутренние отступы вокруг содержимого'
+        en: 'Applies horizontal padding based on grid indent values',
+        ru: 'Применяет горизонтальные отступы на основе значений отступов сетки'
       }
     }
   },
@@ -546,11 +264,24 @@ export const wikiStyle: StorybookArgsToList = {
       options: [],
       type: 'string',
       description: {
-        en: 'Sets color palette for the element',
+        en: 'Sets a color palette for the element',
         ru: 'Задает цветовую палитру для элемента'
       }
     }
   },
+  position: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets the positioning method for the element',
+        ru: 'Задает метод позиционирования элемента'
+      }
+    },
+    isDemo: true
+  },
   rounded: {
     type: StorybookControl.select,
     options: {
@@ -572,17 +303,8 @@ export const wikiStyle: StorybookArgsToList = {
         en: 'Makes the component fully rounded (circular)',
         ru: 'Делает компонент полностью скругленным (круглым)'
       }
-    }
-  },
-  scrollbarAttrs: {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Sets attributes for the internal scrollbar',
-        ru: 'Задает атрибуты встроенного скроллбара'
-      }
-    }
+    },
+    isDemo: true
   },
   size: {
     type: StorybookControl.select,
@@ -594,19 +316,8 @@ export const wikiStyle: StorybookArgsToList = {
         en: 'Sets component size',
         ru: 'Задает размер компонента'
       }
-    }
-  },
-  tag: {
-    type: StorybookControl.select,
-    options: {
-      category: StorybookCategory.style,
-      type: 'string',
-      options: [],
-      description: {
-        en: 'Sets HTML tag for the component element',
-        ru: 'Задает HTML‑тег для элемента компонента'
-      }
-    }
+    },
+    isDemo: true
   },
   textAlign: {
     type: StorybookControl.select,
@@ -620,61 +331,29 @@ export const wikiStyle: StorybookArgsToList = {
       }
     }
   },
-  template: {
-    type: StorybookControl.string,
-    options: {
-      category: StorybookCategory.style,
-      type: 'string',
-      description: {
-        en: 'Custom display template used by the component',
-        ru: 'Пользовательский шаблон отображения, используемый компонентом'
-      }
-    }
-  },
-  type: {
-    type: StorybookControl.select,
-    options: {
-      category: StorybookCategory.style,
-      type: 'string',
-      options: [],
-      description: {
-        en: 'Selects the visual type/variant of the component',
-        ru: 'Выбирает визуальный тип/вариант компонента'
-      }
-    }
-  },
-  windowAttrs: {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Additional attributes for the Window root container',
-        ru: 'Дополнительные атрибуты для корневого контейнера Window'
-      }
-    }
-  },
-  vertical: {
+  width: {
     type: StorybookControl.select,
     options: {
       category: StorybookCategory.style,
       type: 'string',
       options: [],
       description: {
-        en: 'Sets vertical alignment of elements',
-        ru: 'Задает вертикальное выравнивание элементов'
+        en: 'Sets component width',
+        ru: 'Задает ширину компонента'
       }
-    }
+    },
+    isDemo: true
   },
-  width: {
-    type: StorybookControl.select,
+  wrap: {
+    type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.style,
-      type: 'string',
-      options: [],
+      type: 'boolean',
       description: {
-        en: 'Sets component width',
-        ru: 'Задает ширину компонента'
+        en: 'Controls text wrapping behavior',
+        ru: 'Управляет поведением переноса текста'
       }
-    }
+    },
+    isDemo: true
   }
 }