@dxtmisha/wiki 0.25.1 → 0.39.1

package/src/media/props/wikiForm.ts

@@ -11,7 +11,8 @@ export const wikiForm: StorybookArgsToList = {
         en: 'Arrow controls type for numeric input (auto, carousel, stepper, none)',
         ru: 'Тип стрелочных элементов управления для числового ввода (auto, carousel, stepper, none)'
       }
-    }
+    },
+    isDemo: true
   },
   arrowAlign: {
     type: StorybookControl.select,
@@ -23,6 +24,11 @@ export const wikiForm: StorybookArgsToList = {
         en: 'Sets alignment position of arrow buttons within the field',
         ru: 'Задает позицию выравнивания кнопок-стрелок внутри поля'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      arrow: 'carousel',
+      arrowCarousel: true
     }
   },
   arrowStep: {
@@ -92,6 +98,17 @@ export const wikiForm: StorybookArgsToList = {
       }
     }
   },
+  for: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'ID of the element the label is bound to',
+        ru: 'ID элемента, к которому привязана метка'
+      }
+    }
+  },
   form: {
     type: StorybookControl.string,
     options: {
@@ -179,6 +196,18 @@ export const wikiForm: StorybookArgsToList = {
         en: 'Enables multiple selection mode',
         ru: 'Включает режим множественного выбора'
       }
+    },
+    isDemo: true
+  },
+  name: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Name attribute for the input field',
+        ru: 'Атрибут name для поля ввода'
+      }
     }
   },
   pattern: {
@@ -200,7 +229,8 @@ export const wikiForm: StorybookArgsToList = {
         en: 'Marks the field as required and shows the required indicator',
         ru: 'Помечает поле как обязательное и показывает индикатор обязательности'
       }
-    }
+    },
+    isDemo: true
   },
   spellcheck: {
     type: StorybookControl.boolean,
@@ -223,17 +253,6 @@ export const wikiForm: StorybookArgsToList = {
       }
     }
   },
-  tabindex: {
-    type: StorybookControl.number,
-    options: {
-      category: StorybookCategory.form,
-      type: 'number',
-      description: {
-        en: 'Tab order position for keyboard navigation',
-        ru: 'Позиция порядка табуляции для навигации с клавиатуры'
-      }
-    }
-  },
   validationCode: {
     type: StorybookControl.object,
     options: {

package/src/media/props/wikiIcon.ts

@@ -14,14 +14,15 @@ export const wikiIcon: StorybookArgsToList = {
         en: 'Sets the icon to an active state',
         ru: 'Переводит иконку в активное состояние'
       }
-    }
+    },
+    isDemo: true
   },
 
   // Values
   'icon.icon': {
     type: StorybookControl.string,
     options: {
-      category: StorybookCategory.value,
+      category: StorybookCategory.icon,
       type: ['string', 'File'],
       description: {
         en: 'Value of the main icon',
@@ -33,7 +34,7 @@ export const wikiIcon: StorybookArgsToList = {
   'icon.iconActive': {
     type: StorybookControl.string,
     options: {
-      category: StorybookCategory.value,
+      category: StorybookCategory.icon,
       type: ['string', 'File'],
       description: {
         en: 'Value of the active icon',
@@ -82,6 +83,10 @@ export const wikiIcon: StorybookArgsToList = {
         en: 'Makes the element rectangular',
         ru: 'Делает элемент прямоугольным'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlay: true
     }
   },
   'icon.circle': {
@@ -92,6 +97,10 @@ export const wikiIcon: StorybookArgsToList = {
         en: 'Makes the element circular',
         ru: 'Делает элемент круглым'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlay: true
     }
   },
   'icon.square': {
@@ -102,6 +111,10 @@ export const wikiIcon: StorybookArgsToList = {
         en: 'Makes the element square',
         ru: 'Делает элемент квадратным'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlay: true
     }
   },
   'icon.animationType': {

package/src/media/props/wikiIconInclude.ts

@@ -40,7 +40,7 @@ export const wikiIconInclude: StorybookArgsToList = {
     options: {
       category: StorybookCategory.icon,
       description: {
-        en: 'Sets icon for left arrow',
+        en: 'Sets icon for the left arrow',
         ru: 'Задает иконку стрелки влево'
       }
     }
@@ -58,7 +58,7 @@ export const wikiIconInclude: StorybookArgsToList = {
   iconAttrs: {
     type: StorybookControl.object,
     options: {
-      category: StorybookCategory.icon,
+      category: StorybookCategory.attributes,
       description: {
         en: 'Sets additional attributes for the icon element',
         ru: 'Задает дополнительные атрибуты для элемента иконки'
@@ -70,7 +70,7 @@ export const wikiIconInclude: StorybookArgsToList = {
     options: {
       category: StorybookCategory.icon,
       description: {
-        en: 'Sets icon for back button',
+        en: 'Sets icon for the back button',
         ru: 'Задает иконку для кнопки назад'
       }
     }
@@ -111,7 +111,7 @@ export const wikiIconInclude: StorybookArgsToList = {
       category: StorybookCategory.icon,
 
       description: {
-        en: 'Mirrors the icon depending on site direction (RTL/LTR)',
+        en: 'Mirrors the icon depending on a site direction (RTL/LTR)',
         ru: 'Зеркально отражает иконку в зависимости от направления сайта (RTL/LTR)'
       }
     }
@@ -121,7 +121,7 @@ export const wikiIconInclude: StorybookArgsToList = {
     options: {
       category: StorybookCategory.icon,
       description: {
-        en: 'Sets icon displayed in error state',
+        en: 'Sets icon displayed in the error state',
         ru: 'Задает иконку, отображаемую в состоянии ошибки'
       }
     }
@@ -142,7 +142,7 @@ export const wikiIconInclude: StorybookArgsToList = {
     options: {
       category: StorybookCategory.icon,
       description: {
-        en: 'Sets icon for link',
+        en: 'Sets icon for a link',
         ru: 'Задает иконку для ссылки'
       }
     }
@@ -205,7 +205,7 @@ export const wikiIconInclude: StorybookArgsToList = {
     options: {
       category: StorybookCategory.icon,
       description: {
-        en: 'Sets icon displayed in success state',
+        en: 'Sets icon displayed in a success state',
         ru: 'Задает иконку, отображаемую в состоянии успеха'
       }
     }
@@ -240,7 +240,9 @@ export const wikiIconInclude: StorybookArgsToList = {
         en: 'Value of the trailing icon',
         ru: 'Значение завершающей иконки'
       }
-    }
+    },
+    isDemo: true,
+    demo: 'settings'
   },
   iconTrailingDirOnly: {
     type: StorybookControl.boolean,
@@ -284,7 +286,8 @@ export const wikiIconInclude: StorybookArgsToList = {
         en: 'Turns the icon',
         ru: 'Поворачивает иконку'
       }
-    }
+    },
+    isDemo: true
   },
   iconVisibility: {
     type: StorybookControl.string,

package/src/media/props/wikiImage.ts

@@ -21,7 +21,9 @@ export const wikiImage: StorybookArgsToList = {
         ru: 'Принимает название иконки, ссылку на изображение, объект File или ссылку на PDF файл'
       },
       value: 'rocket_launch'
-    }
+    },
+    isDemo: true,
+    demo: 'https://drscdn.500px.org/photo/294267357/q%3D90_m%3D2048/v2?sig=adb52b9add18ad21ab4a86b99695377f2a18821c609d42149b3426dfb99cf924'
   },
   'image.url': {
     type: StorybookControl.string,
@@ -89,6 +91,18 @@ export const wikiImage: StorybookArgsToList = {
       }
     }
   },
+  'image.fetchPriority': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      options: ['auto', 'high', 'low'],
+      description: {
+        en: 'Sets the priority for fetching the image',
+        ru: 'Устанавливает приоритет загрузки изображения'
+      }
+    }
+  },
   'image.lazy': {
     type: StorybookControl.boolean,
     options: {
@@ -130,6 +144,17 @@ export const wikiImage: StorybookArgsToList = {
       }
     }
   },
+  'image.preloadOffset': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      description: {
+        en: 'Distance from the viewport to start preloading the image',
+        ru: 'Расстояние от области просмотра для начала предзагрузки изображения'
+      }
+    }
+  },
   'image.srcset': {
     type: StorybookControl.object,
     options: {

package/src/media/props/wikiInformation.ts

@@ -32,7 +32,9 @@ export const wikiInformation: StorybookArgsToList = {
         en: 'Caption text for additional information',
         ru: 'Текст подписи для дополнительной информации'
       }
-    }
+    },
+    isDemo: true,
+    demo: 'Caption text'
   },
   description: {
     type: StorybookControl.string,
@@ -51,7 +53,7 @@ export const wikiInformation: StorybookArgsToList = {
     options: {
       category: StorybookCategory.information,
       description: {
-        en: 'Forces display of helper / validation message ignoring usual visibility rules',
+        en: 'Forces display of a helper / validation message ignoring usual visibility rules',
         ru: 'Принудительно показывает сообщение (helper / validation), игнорируя обычные условия видимости'
       }
     }
@@ -88,7 +90,9 @@ export const wikiInformation: StorybookArgsToList = {
         en: 'Specifies the image value for the component',
         ru: 'Указывает значение изображения для компонента'
       }
-    }
+    },
+    isDemo: true,
+    demo: 'https://drscdn.500px.org/photo/294267357/q%3D90_m%3D2048/v2?sig=adb52b9add18ad21ab4a86b99695377f2a18821c609d42149b3426dfb99cf924'
   },
   label: {
     type: StorybookControl.string,
@@ -102,17 +106,6 @@ export const wikiInformation: StorybookArgsToList = {
       value: 'Label'
     }
   },
-  labelMax: {
-    type: StorybookControl.number,
-    options: {
-      category: StorybookCategory.information,
-      type: 'number',
-      description: {
-        en: 'Maximum length of the label text before truncation',
-        ru: 'Максимальная длина текста метки перед обрезкой'
-      }
-    }
-  },
   placeholder: {
     type: StorybookControl.string,
     options: {
@@ -122,7 +115,9 @@ export const wikiInformation: StorybookArgsToList = {
         en: 'Placeholder text shown when the input is empty',
         ru: 'Текст подсказки, отображаемый при пустом вводе'
       }
-    }
+    },
+    isDemo: true,
+    demo: 'Placeholder text'
   },
   prefix: {
     type: StorybookControl.string,
@@ -133,7 +128,9 @@ export const wikiInformation: StorybookArgsToList = {
         en: 'Prefix text displayed before the main content',
         ru: 'Текст префикса, отображаемый перед основным содержимым'
       }
-    }
+    },
+    isDemo: true,
+    demo: 'Prefix text'
   },
   suffix: {
     type: StorybookControl.string,
@@ -144,6 +141,11 @@ export const wikiInformation: StorybookArgsToList = {
         en: 'Suffix text displayed after the main content',
         ru: 'Текст суффикса, отображаемый после основного содержимого'
       }
+    },
+    isDemo: true,
+    demo: 'Suffix text',
+    demoOptions: {
+      value: 'Value'
     }
   },
   validationMessage: {
@@ -155,6 +157,8 @@ export const wikiInformation: StorybookArgsToList = {
         en: 'Error or validation message text',
         ru: 'Текст сообщения об ошибке или валидации'
       }
-    }
+    },
+    isDemo: true,
+    demo: 'Validation message'
   }
 }

package/src/media/props/wikiList.ts

@@ -80,7 +80,7 @@ export const wikiList: StorybookArgsToList = {
       },
       value: [
         {
-          label: 'Запустить проект',
+          label: 'Запустить проект (Label)',
           value: 'launch-project',
           icon: 'play_arrow'
         },
@@ -256,15 +256,19 @@ export const wikiList: StorybookArgsToList = {
         en: 'Enable lightweight display mode. Reduces visual complexity by showing simplified item styling with minimal decorative elements.',
         ru: 'Включить упрощенный режим отображения. Уменьшает визуальную сложность, показывая упрощенную стилизацию элементов с минимальными декоративными элементами.'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      liteThreshold: 4
     }
   },
   'list.liteThreshold': {
     type: StorybookControl.number,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Threshold value that works when lite mode is enabled (lite: true). Defines the maximum number of items before additional optimizations are applied in lite mode.',
-        ru: 'Пороговое значение, которое работает когда включен lite режим (lite: true). Определяет максимальное количество элементов перед применением дополнительных оптимизаций в lite режиме.'
+        ru: 'Пороговое значение, которое работает, когда включен lite режим (lite: true). Определяет максимальное количество элементов перед применением дополнительных оптимизаций в lite режиме.'
       }
     }
   },
@@ -276,6 +280,8 @@ export const wikiList: StorybookArgsToList = {
         en: 'List of selected items. Contains all currently selected items in the list for multi-selection scenarios.',
         ru: 'Список выбранных элементов. Содержит все текущие выбранные элементы списка для сценариев множественного выбора.'
       }
-    }
+    },
+    isDemo: true,
+    demo: 'task-management'
   }
 }

package/src/media/props/wikiListItem.ts

@@ -75,12 +75,13 @@ export const wikiListItem: StorybookArgsToList = {
   'listItem.selectedChild': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.status,
+      category: StorybookCategory.technical,
       description: {
         en: 'Indicates if any child element of this list item is selected',
         ru: 'Указывает, выбран ли какой-либо дочерний элемент данного элемента списка'
       }
-    }
+    },
+    isDemo: true
   },
   'listItem.type': {
     type: StorybookControl.string,

package/src/media/props/wikiMask.ts

@@ -35,7 +35,7 @@ export const wikiMask: StorybookArgsToList = {
   'mask.fullOnly': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.value,
+      category: StorybookCategory.option,
       description: {
         en: 'Treat input as valid only when the mask is fully completed',
         ru: 'Считать ввод валидным только при полном заполнении маски'
@@ -45,7 +45,7 @@ export const wikiMask: StorybookArgsToList = {
   'mask.groupSave': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Controls cursor behavior when moving between different special character groups in the mask',
         ru: 'Управляет поведением курсора при переходе между разными группами специальных символов в маске'

package/src/media/props/wikiMaskInclude.ts

@@ -24,7 +24,7 @@ export const wikiMaskInclude: StorybookArgsToList = {
   maskAttrs: {
     type: StorybookControl.object,
     options: {
-      category: StorybookCategory.mask,
+      category: StorybookCategory.attributes,
       description: {
         en: 'Additional attributes for the mask component',
         ru: 'Дополнительные атрибуты для компонента маски'

package/src/media/props/wikiMenu.ts

@@ -26,7 +26,7 @@ export const wikiMenu: StorybookArgsToList = {
   'menu.cache': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.status,
+      category: StorybookCategory.option,
       description: {
         en: 'Enables caching of loaded menu data to reduce network requests.',
         ru: 'Включает кэширование загруженных данных меню для уменьшения сетевых запросов.'

package/src/media/props/wikiMotionTransform.ts

@@ -35,9 +35,9 @@ export const wikiMotionTransform: StorybookArgsToList = {
   'motionTransform.autoClose': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
-        en: 'Automatically close on outside click',
+        en: 'Automatically close on the outside click',
         ru: 'Автоматическое закрытие при клике снаружи'
       }
     }
@@ -65,11 +65,15 @@ export const wikiMotionTransform: StorybookArgsToList = {
   'motionTransform.section': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Enable section styling mode',
         ru: 'Включение режима стилизации секции'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      open: true
     }
   }
 }