docs: update packages readme (#506)

* docs: update packages readme

* translations: for package date-components

---------

Co-authored-by: Update packages readme action <>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: github-actions[bot]

src/content/local-docs/libs/date-components/README-de.md

@@ -20,7 +20,7 @@ function App() {
     <ThemeProvider>
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Datum:</label>
+        <label htmlFor="date-picker">Datum: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
@@ -36,34 +36,33 @@ root.render(<App />);
 ```jsx
 import {settings} from '@gravity-ui/date-utils';
 
-// Lade die Datum-Lokalisierungen, die in der Anwendung verwendet werden sollen.
-settings.loadLocale('ru');
+// Lade die Datum-Locales, die in der Anwendung verwendet werden sollen.
+await settings.loadLocale('ru');
 
 function App() {
   return (
     // Setze die Sprache, die mit den Komponenten verwendet werden soll.
     <ThemeProvider lang="ru">
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Datum:</label>
+        <label htmlFor="date-picker">Datum: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
   );
 }
 ```
 
-Wenn die App Sprachwechsel unterstützt, lade alle unterstützten Lokalisierungen vor, wenn die App zum ersten Mal geladen wird, oder lade die Lokalisierungen vor dem Sprachwechsel:
+Wenn die App Sprachwechsel unterstützt, lade alle unterstützten Locales vor, wenn die App zum ersten Mal geladen wird, oder lade die Locales vor dem Sprachwechsel:
 
 ```jsx
-// Lokalisierungen vorladen
-settings.loadLocale('ru');
-settings.loadLocale('nl');
+// Locales vorladen
+await Promise.all([settings.loadLocale('ru'), settings.loadLocale('nl')]);
 
 const root = createRoot(document.getElementById('root'));
 root.render(<App />);
 
-// oder Lokalisierungen bei Bedarf laden.
+// oder Locales bei Bedarf laden.
 
 function App() {
   const [lang, setLang] = React.useState('en');

src/content/local-docs/libs/date-components/README-es.md

@@ -20,7 +20,7 @@ function App() {
     <ThemeProvider>
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Fecha:</label>
+        <label htmlFor="date-picker">Fecha: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
@@ -36,34 +36,33 @@ root.render(<App />);
 ```jsx
 import {settings} from '@gravity-ui/date-utils';
 
-// Carga los locales de fecha que se usarán en la aplicación.
-settings.loadLocale('ru');
+// Carga las configuraciones regionales de fecha que se usarán en la aplicación.
+await settings.loadLocale('ru');
 
 function App() {
   return (
     // Establece el idioma a usar con los componentes.
     <ThemeProvider lang="ru">
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Fecha:</label>
+        <label htmlFor="date-picker">Fecha: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
   );
 }
 ```
 
-Si la aplicación admite el cambio de idioma, precarga todos los locales compatibles al cargar la aplicación por primera vez, o carga los locales antes de cambiar el idioma:
+Si la aplicación admite el cambio de idioma, precarga todas las configuraciones regionales compatibles cuando la aplicación se carga por primera vez, o carga las configuraciones regionales antes de cambiar el idioma:
 
 ```jsx
-// Precarga de locales
-settings.loadLocale('ru');
-settings.loadLocale('nl');
+// Precarga de configuraciones regionales
+await Promise.all([settings.loadLocale('ru'), settings.loadLocale('nl')]);
 
 const root = createRoot(document.getElementById('root'));
 root.render(<App />);
 
-// o carga de locales bajo demanda.
+// o carga las configuraciones regionales bajo demanda.
 
 function App() {
   const [lang, setLang] = React.useState('en');
@@ -78,7 +77,7 @@ function App() {
 }
 ```
 
-Los componentes tienen traducciones al inglés y al ruso. Para añadir traducciones a otros idiomas, utiliza `addLanguageKeysets` de `@gravity-ui/uikit`:
+Los componentes tienen traducciones al inglés y al ruso. Para agregar traducciones a otros idiomas, usa `addLanguageKeysets` de `@gravity-ui/uikit`:
 
 ```ts
 import {addLanguageKeysets} from '@gravity-ui/uikit/i18n';

src/content/local-docs/libs/date-components/README-fr.md

@@ -20,7 +20,7 @@ function App() {
     <ThemeProvider>
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Date :</label>
+        <label htmlFor="date-picker">Date : </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
@@ -36,16 +36,16 @@ root.render(<App />);
 ```jsx
 import {settings} from '@gravity-ui/date-utils';
 
-// Chargez les locales de date qui seront utilisées dans l'application.
-settings.loadLocale('ru');
+// Charger les locales de date qui seront utilisées dans l'application.
+await settings.loadLocale('ru');
 
 function App() {
   return (
-    // Définissez la langue à utiliser avec les composants.
+    // Définir la langue à utiliser avec les composants.
     <ThemeProvider lang="ru">
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Date :</label>
+        <label htmlFor="date-picker">Date : </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
@@ -56,14 +56,13 @@ function App() {
 Si l'application prend en charge le changement de langue, préchargez toutes les locales prises en charge au premier chargement de l'application, ou chargez les locales avant de changer de langue :
 
 ```jsx
-// Préchargez les locales
-settings.loadLocale('ru');
-settings.loadLocale('nl');
+// Précharger les locales
+await Promise.all([settings.loadLocale('ru'), settings.loadLocale('nl')]);
 
 const root = createRoot(document.getElementById('root'));
 root.render(<App />);
 
-// ou chargez les locales à la demande.
+// ou charger les locales à la demande.
 
 function App() {
   const [lang, setLang] = React.useState('en');

src/content/local-docs/libs/date-components/README-ko.md

@@ -20,7 +20,7 @@ function App() {
     <ThemeProvider>
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Date:</label>
+        <label htmlFor="date-picker">Date: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
@@ -37,33 +37,32 @@ root.render(<App />);
 import {settings} from '@gravity-ui/date-utils';
 
 // 애플리케이션에서 사용할 날짜 로케일을 로드합니다.
-settings.loadLocale('ru');
+await settings.loadLocale('ru');
 
 function App() {
   return (
     // 컴포넌트에서 사용할 언어를 설정합니다.
     <ThemeProvider lang="ru">
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">날짜:</label>
+        <label htmlFor="date-picker">날짜: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
   );
 }
 ```
 
-앱이 언어 전환을 지원하는 경우, 앱이 처음 로드될 때 지원되는 모든 로케일을 미리 로드하거나, 언어를 전환하기 전에 로케일을 로드하세요:
+앱에서 언어 전환을 지원하는 경우, 앱이 처음 로드될 때 지원되는 모든 로케일을 미리 로드하거나, 언어를 전환하기 전에 로케일을 로드하세요:
 
 ```jsx
 // 로케일 미리 로드
-settings.loadLocale('ru');
-settings.loadLocale('nl');
+await Promise.all([settings.loadLocale('ru'), settings.loadLocale('nl')]);
 
 const root = createRoot(document.getElementById('root'));
 root.render(<App />);
 
-// 또는 필요에 따라 로드합니다.
+// 또는 필요에 따라 로케일을 로드합니다.
 
 function App() {
   const [lang, setLang] = React.useState('en');
@@ -78,16 +77,16 @@ function App() {
 }
 ```
 
-컴포넌트에는 영어와 러시아어로 된 번역이 있습니다. 다른 언어로 번역을 추가하려면 `@gravity-ui/uikit`의 `addLanguageKeysets`를 사용하세요:
+이 컴포넌트들은 영어와 러시아어로 번역되어 있습니다. 다른 언어로 번역을 추가하려면 `@gravity-ui/uikit`의 `addLanguageKeysets`를 사용하세요:
 
 ```ts
 import {addLanguageKeysets} from '@gravity-ui/uikit/i18n';
 import type {Keysets, PartialKeysets} from '@gravity-ui/date-components';
 
-// Keyset 타입을 사용하여 사용 가능한 모든 컴포넌트에 대한 번역을 지정합니다.
+// 모든 사용 가능한 컴포넌트에 대한 번역을 지정하려면 Keyset 타입을 사용합니다.
 addLanguageKeysets<Keysets>(lang, {...});
 
-// 또는 PartialKeysets 타입을 사용하여 필요한 것만 지정합니다.
+// 또는 필요한 것만 지정하려면 PartialKeysets 타입을 사용합니다.
 addLanguageKeysets<PartialKeysets>(lang, {...});
 
 // 일부 컴포넌트에 대한 번역을 지정하려면
@@ -96,7 +95,7 @@ addLanguageKeysets<Pick<Keysets, 'g-date-calendar' | 'g-date-date-field' | 'g-da
 
 ## 개발
 
- 스토리북과 함께 개발 서버를 시작하려면 다음을 실행하세요:
+storybook과 함께 개발 서버를 시작하려면 다음을 실행하세요:
 
 ```shell
 npm start

src/content/local-docs/libs/date-components/README-zh.md

@@ -20,7 +20,7 @@ function App() {
     <ThemeProvider>
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Date:</label>
+        <label htmlFor="date-picker">Date: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
@@ -36,34 +36,33 @@ root.render(<App />);
 ```jsx
 import {settings} from '@gravity-ui/date-utils';
 
-// 加载应用程序将使用的日期区域设置。
-settings.loadLocale('ru');
+// 加载将在应用程序中使用的日期区域设置。
+await settings.loadLocale('ru');
 
 function App() {
   return (
     // 设置组件使用的语言。
     <ThemeProvider lang="ru">
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">日期:</label>
+        <label htmlFor="date-picker">日期: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
   );
 }
 ```
 
-如果您的应用程序支持语言切换，请在应用程序首次加载时预加载所有支持的区域设置，或者在切换语言之前加载区域设置：
+如果应用支持语言切换，请在应用首次加载时预加载所有支持的区域设置，或在切换语言之前加载区域设置：
 
 ```jsx
 // 预加载区域设置
-settings.loadLocale('ru');
-settings.loadLocale('nl');
+await Promise.all([settings.loadLocale('ru'), settings.loadLocale('nl')]);
 
 const root = createRoot(document.getElementById('root'));
 root.render(<App />);
 
-// 或者按需加载。
+// 或者按需加载区域设置。
 
 function App() {
   const [lang, setLang] = React.useState('en');
@@ -78,7 +77,7 @@ function App() {
 }
 ```
 
-这些组件提供英语和俄语的翻译。要添加其他语言的翻译，请使用 `@gravity-ui/uikit` 中的 `addLanguageKeysets`：
+组件提供英语和俄语的翻译。要添加其他语言的翻译，请使用 `@gravity-ui/uikit` 中的 `addLanguageKeysets`：
 
 ```ts
 import {addLanguageKeysets} from '@gravity-ui/uikit/i18n';
@@ -90,7 +89,7 @@ addLanguageKeysets<Keysets>(lang, {...});
 // 或者使用 PartialKeysets 类型仅指定您需要的翻译
 addLanguageKeysets<PartialKeysets>(lang, {...});
 
-// 指定某些组件的翻译
+// 为某些组件指定翻译
 addLanguageKeysets<Pick<Keysets, 'g-date-calendar' | 'g-date-date-field' | 'g-date-date-picker'>>(lang, {...});
 ```
 

src/content/local-docs/libs/date-components/README.md

@@ -20,7 +20,7 @@ function App() {
     <ThemeProvider>
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Date:</label>
+        <label htmlFor="date-picker">Date: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
@@ -37,15 +37,15 @@ root.render(<App />);
 import {settings} from '@gravity-ui/date-utils';
 
 // Load date locales that will be used in an application.
-settings.loadLocale('ru');
+await settings.loadLocale('ru');
 
 function App() {
   return (
     // Set the language to use with components.
     <ThemeProvider lang="ru">
       <h1>DatePicker</h1>
       <form>
-        <label forHtml="date-picker">Дата:</label>
+        <label htmlFor="date-picker">Дата: </label>
         <DatePicker id="date-picker" name="date" />
       </form>
     </ThemeProvider>
@@ -57,8 +57,7 @@ If the app supports language switching, preload all supported locales when the a
 
 ```jsx
 // Preload locales
-settings.loadLocale('ru');
-settings.loadLocale('nl');
+await Promise.all([settings.loadLocale('ru'), settings.loadLocale('nl')]);
 
 const root = createRoot(document.getElementById('root'));
 root.render(<App />);