ngwr 9.1.0 → 10.1.0

package/i18n/ru.json

@@ -0,0 +1,233 @@
+{
+  "common": {
+    "ok": "OK",
+    "cancel": "Отмена",
+    "close": "Закрыть",
+    "confirm": "Подтвердить",
+    "delete": "Удалить",
+    "save": "Сохранить",
+    "edit": "Изменить",
+    "add": "Добавить",
+    "remove": "Удалить",
+    "clear": "Очистить",
+    "search": "Поиск",
+    "loading": "Загрузка…",
+    "select": "Выбрать",
+    "next": "Далее",
+    "previous": "Назад",
+    "back": "Назад",
+    "today": "Сегодня",
+    "yesterday": "Вчера",
+    "tomorrow": "Завтра",
+    "of": "из"
+  },
+  "pagination": {
+    "prev": "Предыдущая страница",
+    "next": "Следующая страница",
+    "itemsPerPage": "Записей на страницу",
+    "perPage": "{{size}} / стр.",
+    "goToPage": "Перейти на страницу {{page}}",
+    "label": "Пагинация",
+    "pageOf": "Страница {{current}} из {{total}}",
+    "of": "из"
+  },
+  "table": {
+    "empty": "Нет данных",
+    "loading": "Загрузка…",
+    "sort": "Сортировать столбец",
+    "filter": "Фильтр столбца",
+    "selectAll": "Выбрать все строки",
+    "selectRow": "Выбрать строку",
+    "expandRow": "Показать детали строки",
+    "toggleRow": "Показать вложенные строки",
+    "selectGroup": "Выбрать группу",
+    "toggleGroup": "Свернуть группу",
+    "noMatches": "Ничего не найдено"
+  },
+  "eventCalendar": {
+    "today": "Сегодня",
+    "previous": "Назад",
+    "next": "Вперёд",
+    "month": "Месяц",
+    "week": "Неделя",
+    "day": "День",
+    "time": "Время",
+    "allDay": "Весь день",
+    "label": "Календарь",
+    "more": "ещё {{count}}"
+  },
+  "tour": {
+    "next": "Далее",
+    "back": "Назад",
+    "done": "Готово",
+    "skip": "Пропустить",
+    "progress": "Шаг {{current}} из {{total}}"
+  },
+  "transfer": {
+    "source": "Доступно",
+    "target": "Выбрано",
+    "search": "Поиск",
+    "empty": "Пусто",
+    "toTarget": "Перенести в выбранные",
+    "toSource": "Вернуть в доступные",
+    "count": "{{checked}} / {{total}}"
+  },
+  "validation": {
+    "required": "Обязательное поле.",
+    "requiredTrue": "Нужно поставить отметку.",
+    "email": "Введите корректный адрес почты.",
+    "minlength": "Не короче {{requiredLength}} символов.",
+    "maxlength": "Не длиннее {{requiredLength}} символов.",
+    "min": "Не меньше {{min}}.",
+    "max": "Не больше {{max}}.",
+    "pattern": "Значение не соответствует формату.",
+    "noWhitespace": "Поле не может состоять из пробелов.",
+    "hexColor": "Введите цвет в формате #1a2b3c.",
+    "url": "Введите корректный адрес.",
+    "cardNumber": "Введите корректный номер карты.",
+    "cvc": "Введите {{length}}-значный код проверки.",
+    "iban": "Введите корректный IBAN.",
+    "match": "Значения не совпадают.",
+    "matchFields": "Значения полей не совпадают.",
+    "oneOf": "Выберите одно из допустимых значений.",
+    "minDate": "Выберите более позднюю дату.",
+    "maxDate": "Выберите более раннюю дату."
+  },
+  "select": {
+    "label": "Выбрать",
+    "placeholder": "Выберите…",
+    "empty": "Нет вариантов",
+    "clearSelection": "Очистить выбор",
+    "removeItem": "Удалить {{label}}",
+    "noResults": "Ничего не найдено",
+    "loading": "Загрузка…"
+  },
+  "tree": {
+    "expand": "Развернуть",
+    "collapse": "Свернуть",
+    "placeholder": "Выберите…",
+    "clearSelection": "Очистить выбор",
+    "removeItem": "Удалить {{label}}"
+  },
+  "commandPalette": {
+    "label": "Палитра команд",
+    "placeholder": "Введите команду или поиск…",
+    "noResults": "Ничего не найдено"
+  },
+  "empty": {
+    "noData": "Нет данных"
+  },
+  "fileUpload": {
+    "browse": "Нажмите, чтобы выбрать",
+    "dropZone": "или перетащите файлы сюда",
+    "dropZoneLabel": "Зона загрузки файлов — нажмите или перетащите",
+    "removeFile": "Удалить файл",
+    "invalid": "Неподдерживаемый тип файла",
+    "tooBig": "Файл слишком большой"
+  },
+  "popconfirm": {
+    "confirm": "Подтвердить",
+    "cancel": "Отмена"
+  },
+  "toast": {
+    "close": "Закрыть",
+    "copy": "Копировать",
+    "copied": "Скопировано",
+    "closeAll": "Закрыть все"
+  },
+  "input": {
+    "showPassword": "Показать пароль",
+    "hidePassword": "Скрыть пароль"
+  },
+  "inputNumber": {
+    "increment": "Увеличить",
+    "decrement": "Уменьшить"
+  },
+  "backTop": {
+    "label": "Наверх"
+  },
+  "calendar": {
+    "prevMonth": "Предыдущий месяц",
+    "nextMonth": "Следующий месяц",
+    "prevYear": "Предыдущий год",
+    "nextYear": "Следующий год"
+  },
+  "carousel": {
+    "prev": "Предыдущий слайд",
+    "next": "Следующий слайд",
+    "pagination": "Пагинация карусели"
+  },
+  "alert": {
+    "close": "Закрыть оповещение"
+  },
+  "image": {
+    "open": "Открыть превью",
+    "close": "Закрыть превью"
+  },
+  "window": {
+    "close": "Закрыть"
+  },
+  "dialog": {
+    "close": "Закрыть диалог"
+  },
+  "mention": {
+    "listbox": "Упоминания",
+    "available": "Найдено совпадений: {{count}}",
+    "inserted": "Вставлено: {{label}}"
+  },
+  "drawer": {
+    "close": "Закрыть панель"
+  },
+  "datePicker": {
+    "open": "Открыть календарь",
+    "openTime": "Открыть выбор времени",
+    "openDateTime": "Открыть выбор даты и времени",
+    "openRange": "Открыть календарь периода",
+    "rangeStart": "Начало периода",
+    "rangeEnd": "Конец периода",
+    "startTime": "Время начала",
+    "endTime": "Время окончания"
+  },
+  "spinner": {
+    "label": "Загрузка"
+  },
+  "rating": {
+    "label": "Рейтинг"
+  },
+  "gauge": {
+    "label": "Индикатор"
+  },
+  "progress": {
+    "label": "Прогресс"
+  },
+  "meterGroup": {
+    "label": "Шкала"
+  },
+  "knob": {
+    "label": "Значение"
+  },
+  "speedDial": {
+    "label": "Действия"
+  },
+  "result": {
+    "notFound": "Извините, страница не найдена.",
+    "forbidden": "Извините, доступ к этой странице ограничен.",
+    "serverError": "Извините, что-то пошло не так."
+  },
+  "date": {
+    "months": {
+      "jan": "Январь",
+      "feb": "Февраль",
+      "mar": "Март",
+      "apr": "Апрель",
+      "may": "Май",
+      "jun": "Июнь",
+      "jul": "Июль",
+      "aug": "Август",
+      "sep": "Сентябрь",
+      "oct": "Октябрь",
+      "nov": "Ноябрь",
+      "dec": "Декабрь"
+    }
+  }
+}

package/icon/styles/_index.scss

@@ -1,5 +1,13 @@
+// Pull the whole theme so a standalone `@use 'ngwr/<name>'` brings in every
+// design token this stylesheet references. Sass deduplicates `@use` per
+// compilation, so the umbrella sheet still emits the theme only once.
+@use '../../theme/styles' as theme;
+
 :root {
-  --wr-icon-size: 1.5rem;
+  // Relative to the surrounding text, not the root, so an icon dropped beside
+  // 14px copy comes out ~17px instead of a fixed 24px that dwarfs it. Components
+  // that want a specific size (button, input affixes) still set their own.
+  --wr-icon-size: 1.2em;
 }
 
 .wr-icon {
@@ -7,6 +15,12 @@
   box-sizing: content-box;
   width: var(--wr-icon-size);
   height: var(--wr-icon-size);
+  // Never let a flex parent squeeze it. Without this the default `flex-shrink: 1`
+  // wins over the declared width, so the same icon came out 16.03 / 15.59 /
+  // 12.39 / 12.75 px depending on how tight its row was — which is why affix
+  // icons, button icons and option icons all failed to line up with each other.
+  // `.wr-icon__svg` (bare inline SVGs) already had this; the component host did not.
+  flex: 0 0 auto;
   color: inherit;
   fill: currentColor;
   line-height: 0;

package/input/styles/_index.scss

@@ -136,6 +136,11 @@
     align-items: center;
     color: var(--wr-input-group-affix);
     padding: 0 var(--wr-input-group-padding-x);
+    // An adornment is fixed furniture; the field next to it is the elastic part.
+    // Left shrinkable, a `Ctrl K` hint got squeezed to 58px, wrapped onto two
+    // lines and dragged the whole group to 40px tall.
+    flex: 0 0 auto;
+    white-space: nowrap;
     user-select: none;
     font-weight: 500;
     font-family: var(--wr-font-family-base);
@@ -150,6 +155,17 @@
     pointer-events: none;
   }
 
+  // A `<wr-icon>` carries a definite height (`--wr-icon-size`), and per flexbox a
+  // definite cross size cannot stretch — so the group's `align-items: stretch`
+  // degrades to `flex-start` and the glyph pins to the TOP of the field. It was
+  // always ~2px off and invisible; the icon default moving from a fixed 1.5rem to
+  // 1.2em made it 5.6px at md and 8.6px at lg, which is what made it obvious.
+  // Centre it explicitly, whether the icon IS the affix (`<wr-icon wrInputPrefix>`)
+  // or sits inside one.
+  .wr-icon {
+    align-self: center;
+  }
+
   &__affix--prefix + .wr-input {
     padding-left: 0.25rem;
   }

package/input-number/styles/_index.scss

@@ -21,13 +21,20 @@
     border-radius: 0 var(--wr-input-group-radius) var(--wr-input-group-radius) 0;
     overflow: hidden;
     pointer-events: auto;
+    // Affixes are flex items of the group and shrink by default. Once the input
+    // asked for the remaining space this column got squeezed to ~20px while its
+    // buttons still demanded 24 — and `overflow: hidden` above quietly sliced
+    // the chevrons off. The column is a fixed-width control, not filler.
+    flex: 0 0 auto;
   }
 
   &__step {
     appearance: none;
     background: transparent;
     border: 0;
-    padding: 0 0.5rem;
+    // No inline padding: `min-width` below is the hit area, and 8px a side left
+    // the chevron 8px of a 24px box to draw in.
+    padding: 0;
     flex: 1 1 50%;
     min-height: 0;
     min-width: 1.5rem;

package/keyboard/styles/_index.scss

@@ -1,3 +1,8 @@
+// Pull the whole theme so a standalone `@use 'ngwr/<name>'` brings in every
+// design token this stylesheet references. Sass deduplicates `@use` per
+// compilation, so the umbrella sheet still emits the theme only once.
+@use '../../theme/styles' as theme;
+
 .wr-kbd {
   // Override these on `:root` / a scope to retheme every keycap at once.
   --wr-kbd-bg: var(--wr-color-surface);
@@ -5,10 +10,15 @@
   --wr-kbd-border-bottom: rgba(var(--wr-color-on-surface-rgb), 0.32);
   --wr-kbd-color: var(--wr-color-on-surface);
   --wr-kbd-radius: var(--wr-control-radius-md);
+  // The bevel — chunky bottom border plus drop shadow — is what sells the
+  // keycap, so it rides the size scale like every other dimension. It used to be
+  // fixed px while the cap grew 22 -> 28 -> 34px, so at `lg` the same 3px of
+  // depth read as a hairline under a third more keycap.
+  --wr-kbd-depth: 1px;
   // Shadow uses the always-black backdrop token, not `--wr-color-on-surface-rgb`
   // — the dark RGB flips to light in dark mode, which would turn the
-  // 1px drop-shadow into a top highlight.
-  --wr-kbd-shadow: 0 1px 0 rgba(var(--wr-color-backdrop-rgb), 0.25);
+  // drop-shadow into a top highlight.
+  --wr-kbd-shadow: 0 var(--wr-kbd-depth) 0 rgba(var(--wr-color-backdrop-rgb), 0.25);
 
   display: inline-flex;
   align-items: center;
@@ -23,7 +33,8 @@
   color: var(--wr-kbd-color);
   background: var(--wr-kbd-bg);
   border: 1px solid var(--wr-kbd-border);
-  border-bottom-width: 2px;
+  // `sm` / `md` keep their exact 2px; only `lg` moves.
+  border-bottom-width: calc(var(--wr-kbd-depth) + 1px);
   border-bottom-color: var(--wr-kbd-border-bottom);
   border-radius: var(--wr-kbd-radius);
   box-shadow: var(--wr-kbd-shadow);
@@ -48,6 +59,7 @@
   }
 
   &--lg {
+    --wr-kbd-depth: 2px;
     --wr-kbd-radius: var(--wr-control-radius-lg);
     min-width: 2.125rem;
     height: 2.125rem;