миграция шрифта pt sans -> noto sans

src/lib/providers/prime-preset/tokens/components/accordion.ts

@@ -5,8 +5,8 @@
 export const accordionCss = ({ dt }: { dt: (token: string) => string }): string => `
   /* ─── Шрифт заголовка ─── */
   .p-accordionheader {
-    font-family: ${dt('fonts.fontFamily.base')};
-    font-size: ${dt('fonts.fontSize.300')};
+    font-family: ${dt('accordion.extend.fonts_fontFamily_base')};
+    font-size: ${dt('accordion.extend.fonts_fontSize_300')};
   }
 
   /* ─── Размер иконки toggle ─── */

src/lib/providers/prime-preset/tokens/components/autocomplete.ts

@@ -8,14 +8,14 @@ export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): stri
   .p-autocomplete:has(input:disabled) .p-autocomplete-input,
   .p-autocomplete:has(input:disabled) .p-autocomplete-input-multiple,
   .p-autocomplete:has(input:disabled) .p-autocomplete-dropdown {
-    border-color: ${dt('form.borderColor')};
+    border-color: ${dt('autocomplete.extend.form_borderColor')};
   }
 
   /* ─── Инпут и границы ─── */
   .p-autocomplete .p-autocomplete-input {
     width: 100%;
     padding: ${dt('autocomplete.root.paddingY')} ${dt('autocomplete.root.paddingX')};
-    line-height: ${dt('fonts.lineHeight.250')};
+    line-height: ${dt('autocomplete.extend.fonts_lineHeight_250')};
   }
 
   /* Монолитный вид: убираем стыкующиеся границы инпута и dropdown-кнопки.
@@ -34,12 +34,12 @@ export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): stri
   .p-autocomplete.p-component:not(:has(input:disabled)):hover .p-inputtext.p-autocomplete-input,
   .p-autocomplete.p-component:not(:has(input:disabled)):hover .p-autocomplete-dropdown,
   .p-autocomplete.p-component:not(:has(input:disabled)):has(.p-autocomplete-input:hover) .p-autocomplete-dropdown {
-    border-color: ${dt('form.hoverBorderSecondaryColor')};
+    border-color: ${dt('autocomplete.extend.form_hoverBorderSecondaryColor')};
   }
 
   /* ─── States: Focus ─── */
   .p-autocomplete:has(.p-autocomplete-input:focus) .p-autocomplete-dropdown {
-    border-color: ${dt('form.focusBorderSecondaryColor')};
+    border-color: ${dt('autocomplete.extend.form_focusBorderSecondaryColor')};
   }
 
   /* ─── Иконки ─── */
@@ -49,12 +49,12 @@ export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): stri
   }
 
   .p-autocomplete.p-component:has(.p-autocomplete-dropdown) .p-autocomplete-clear-icon {
-    inset-inline-end: ${dt('form.width.300')};
+    inset-inline-end: ${dt('autocomplete.extend.form_width_300')};
   }
 
   /* ─── Multiple: чипсы ─── */
   .p-autocomplete .p-autocomplete-input-multiple {
-    line-height: ${dt('fonts.lineHeight.250')};
+    line-height: ${dt('autocomplete.extend.fonts_lineHeight_250')};
     padding: ${dt('autocomplete.root.paddingY')} ${dt('autocomplete.root.paddingX')};
   }
 
@@ -138,8 +138,8 @@ export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): stri
   }
 
   .p-autocomplete.p-component .p-inputtext-xlg .p-autocomplete-chip {
-    padding-top: ${dt('spacing.2x')};
-    padding-bottom: ${dt('spacing.2x')};
-    font-size: ${dt('fonts.fontSize.300')};
+    padding-top: ${dt('autocomplete.extend.dimension_space_200')};
+    padding-bottom: ${dt('autocomplete.extend.dimension_space_200')};
+    font-size: ${dt('autocomplete.extend.fonts_fontSize_300')};
   }
 `;

src/lib/providers/prime-preset/tokens/components/avatar.ts

@@ -2,10 +2,10 @@ export const avatarCss = ({ dt }: { dt: (token: string) => string }): string =>
   :root {
     --p-avatar-extend-border-color:         ${dt('avatar.extend.borderColor')};
     --p-avatar-extend-circle-border-radius: ${dt('avatar.extend.circle.borderRadius')};
-    --p-avatar-group-border-color:          ${dt('content.background')};
-    --p-avatar-group-offset:                calc(-1 * ${dt('media.padding.300')});
-    --p-avatar-lg-group-offset:             calc(-1 * ${dt('media.padding.300')});
-    --p-avatar-xl-group-offset:             calc(-1 * ${dt('media.padding.600')});
+    --p-avatar-group-border-color:          ${dt('avatar.extend.content_background')};
+    --p-avatar-group-offset:                calc(-1 * ${dt('avatar.extend.media_padding_300')});
+    --p-avatar-lg-group-offset:             calc(-1 * ${dt('avatar.extend.media_padding_300')});
+    --p-avatar-xl-group-offset:             calc(-1 * ${dt('avatar.extend.media_padding_600')});
   }
 
   /* ─── Группировка: отступы для кастомных классов хост-элемента <avatar> ─── */

src/lib/providers/prime-preset/tokens/components/breadcrumb.ts

@@ -1,7 +1,7 @@
 export const breadcrumbCss = ({ dt }: { dt: (token: string) => string }): string => `
   .p-breadcrumb-item-link {
     padding: ${dt('breadcrumb.extend.extItem.padding')};
-    font-size: ${dt('fonts.fontSize.200')};
+    font-size: ${dt('breadcrumb.extend.fonts_fontSize_200')};
   }
 
   .p-breadcrumb-item-link:hover {
@@ -13,12 +13,12 @@ export const breadcrumbCss = ({ dt }: { dt: (token: string) => string }): string
   }
 
   .p-breadcrumb-item:last-child .p-breadcrumb-item-link {
-    opacity: ${dt('opacity.500')};
+    opacity: ${dt('breadcrumb.extend.opacity_500')};
     pointer-events: none;
     cursor: default;
   }
 
   .p-breadcrumb-item:last-child .p-breadcrumb-item-link:hover {
-    background: ${dt('transparent')};
+    background: ${dt('breadcrumb.extend.transparent')};
   }
 `;

src/lib/providers/prime-preset/tokens/components/card.ts

@@ -19,7 +19,7 @@ export const cardCss = ({ dt }: { dt: (token: string) => string }): string => `
 
   /* ─── Overlay variant ─── */
   .p-card.p-component.shadow-md {
-    box-shadow: ${dt('overlay.popover.shadow')};
+    box-shadow: ${dt('card.extend.overlay_popover_shadow')};
   }
 
   /* ─── Caption (Title & Subtitle wrapper) ─── */
@@ -31,8 +31,8 @@ export const cardCss = ({ dt }: { dt: (token: string) => string }): string => `
 
   /* ─── Subtitle typography ─── */
   .p-card-subtitle {
-    font-family: ${dt('fonts.fontFamily.heading')};
-    font-size: ${dt('fonts.fontSize.200')};
-    font-weight: ${dt('fonts.fontWeight.regular')};
+    font-family: ${dt('card.extend.fonts_fontFamily_heading')};
+    font-size: ${dt('card.extend.fonts_fontSize_200')};
+    font-weight: ${dt('card.extend.fonts_fontWeight_regular')};
   }
 `;

src/lib/providers/prime-preset/tokens/components/carousel.ts

@@ -1,21 +1,21 @@
 export const carouselCss = ({ dt }: { dt: (token: string) => string }): string => `
   .p-carousel .p-carousel-prev-button.p-button-secondary,
   .p-carousel .p-carousel-next-button.p-button-secondary {
-    background: ${dt('surface.200')};
-    color: ${dt('text.color')};
+    background: ${dt('carousel.extend.surface_200')};
+    color: ${dt('carousel.extend.text_color')};
     border-color: transparent;
   }
 
   .p-carousel .p-carousel-prev-button.p-button-secondary:not(:disabled):hover,
   .p-carousel .p-carousel-next-button.p-button-secondary:not(:disabled):hover {
-    background: ${dt('surface.300')};
-    color: ${dt('text.color')};
+    background: ${dt('carousel.extend.surface_300')};
+    color: ${dt('carousel.extend.text_color')};
   }
 
   .p-carousel .p-carousel-prev-button.p-button-secondary:not(:disabled):active,
   .p-carousel .p-carousel-next-button.p-button-secondary:not(:disabled):active {
-    background: ${dt('surface.400')};
-    color: ${dt('text.color')};
+    background: ${dt('carousel.extend.surface_400')};
+    color: ${dt('carousel.extend.text_color')};
   }
 
   .p-carousel .p-button-icon-only.p-button-rounded {

src/lib/providers/prime-preset/tokens/components/checkbox.ts

@@ -3,37 +3,37 @@ export const checkboxCss = ({ dt }: { dt: (token: string) => string }): string =
 .checkbox-label {
   display: flex;
   align-items: center;
-  color: ${dt('text.color')};
-  font-family: ${dt('fonts.fontFamily.base')};
-  font-size: ${dt('fonts.fontSize.300')};
-  font-weight: ${dt('fonts.fontWeight.regular')};
+  color: ${dt('checkbox.extend.text_color')};
+  font-family: ${dt('checkbox.extend.fonts_fontFamily_base')};
+  font-size: ${dt('checkbox.extend.fonts_fontSize_300')};
+  font-weight: ${dt('checkbox.extend.fonts_fontWeight_regular')};
   line-height: normal;
   cursor: pointer;
 }
 
 .checkbox-label--hover {
-  color: ${dt('text.primaryColor')};
+  color: ${dt('checkbox.extend.text_brand')};
 }
 
 .checkbox-label--disabled {
-  color: ${dt('text.mutedColor')};
+  color: ${dt('checkbox.extend.text_mutedColor')};
   cursor: default;
 }
 
 .checkbox-caption {
-  color: ${dt('text.secondaryColor')};
-  font-family: ${dt('fonts.fontFamily.heading')};
-  font-size: ${dt('fonts.fontSize.200')};
-  font-weight: ${dt('fonts.fontWeight.regular')};
+  color: ${dt('checkbox.extend.text_subtle')};
+  font-family: ${dt('checkbox.extend.fonts_fontFamily_heading')};
+  font-size: ${dt('checkbox.extend.fonts_fontSize_200')};
+  font-weight: ${dt('checkbox.extend.fonts_fontWeight_regular')};
   line-height: normal;
 }
 
 .checkbox-caption--hover {
-  color: ${dt('text.primaryColor')};
+  color: ${dt('checkbox.extend.text_brand')};
 }
 
 .checkbox-caption--disabled {
-  color: ${dt('text.disabledColor')};
+  color: ${dt('checkbox.extend.text_disabled')};
 }
 
 /* Переопределение ширины border для checkbox */
@@ -62,13 +62,13 @@ export const checkboxCss = ({ dt }: { dt: (token: string) => string }): string =
 .p-checkbox:not(.p-disabled):not(.p-checkbox-checked):not(.p-invalid):has(.p-checkbox-input:focus-visible) .p-checkbox-box,
 .p-checkbox-checked:not(.p-disabled):not(.p-invalid):has(.p-checkbox-input:focus-visible) .p-checkbox-box,
 .p-checkbox-indeterminate:not(.p-disabled):not(.p-invalid):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
-  box-shadow: 0 0 0 ${dt('checkbox.root.focusRing.focusRing')} ${dt('focusRing.extend.success')};
+  box-shadow: 0 0 0 ${dt('checkbox.root.focusRing.focusRing')} ${dt('checkbox.extend.focusRing_success')};
 }
 
 /* Focus ring с красным цветом для состояний с ошибкой */
 .p-checkbox.p-invalid .p-checkbox-box,
 .p-checkbox-checked.p-invalid .p-checkbox-box,
 .p-checkbox-indeterminate.p-invalid .p-checkbox-box {
-  box-shadow: 0 0 0 ${dt('focusRing.width')} ${dt('focusRing.extend.invalid')};
+  box-shadow: 0 0 0 ${dt('checkbox.extend.focusRing_width')} ${dt('checkbox.extend.focusRing_invalid')};
 }
 `;

src/lib/providers/prime-preset/tokens/components/chip.ts

@@ -17,10 +17,10 @@ export const chipCss = ({ dt }: { dt: (token: string) => string }): string => `
 
   /* ─── Типографика лейбла ─── */
   .p-chip-label {
-    font-family: ${dt('fonts.fontFamily.base')};
-    font-size: ${dt('fonts.fontSize.300')};
-    font-weight: ${dt('fonts.fontWeight.regular')};
-    line-height: ${dt('fonts.lineHeight.400')};
+    font-family: ${dt('chip.extend.fonts_fontFamily_base')};
+    font-size: ${dt('chip.extend.fonts_fontSize_300')};
+    font-weight: ${dt('chip.extend.fonts_fontWeight_regular')};
+    line-height: ${dt('chip.extend.fonts_lineHeight_400')};
   }
 
   /* ─── Сброс уменьшенного padding PrimeNG при наличии кнопки удаления ─── */
@@ -30,12 +30,12 @@ export const chipCss = ({ dt }: { dt: (token: string) => string }): string => `
 
   /* ─── Focus ring иконки удаления ─── */
   .p-chip-remove-icon:focus-visible {
-    outline: ${dt('chip.removeIcon.focusRing.width')} solid ${dt('focusRing.extend.success')};
+    outline: ${dt('chip.removeIcon.focusRing.width')} solid ${dt('chip.extend.focusRing_success')};
   }
 
   /* ─── Disabled состояние ─── */
   .p-chip.p-disabled {
-    opacity: ${dt('opacity.500')};
+    opacity: ${dt('chip.extend.opacity_500')};
     pointer-events: none;
   }
 

src/lib/providers/prime-preset/tokens/components/confirm-dialog.ts

@@ -15,19 +15,19 @@ export const confirmDialogCss = ({ dt }: { dt: (token: string) => string }): str
 
   /* Размеры */
   .p-confirmdialog.p-dialog {
-    width: ${dt('overlay.width')};
+    width: ${dt('confirmdialog.extend.dimension_overlayWidth_base')};
   }
 
   .p-confirmdialog-sm.p-dialog {
-    width: ${dt('sizing.80x')};
+    width: ${dt('confirmdialog.extend.dimension_overlayWidth_sm')};
   }
 
   .p-confirmdialog-lg.p-dialog {
-    width: ${dt('sizing.120x')};
+    width: ${dt('confirmdialog.extend.dimension_overlayWidth_lg')};
   }
 
   .p-confirmdialog-xlg.p-dialog {
-    width: ${dt('sizing.128x')};
+    width: ${dt('confirmdialog.extend.dimension_overlayWidth_xlg')};
   }
 
   /* Цвета иконок по severity */

src/lib/providers/prime-preset/tokens/components/data-table.ts

@@ -23,6 +23,6 @@ export const dataTableCss = ({ dt }: { dt: (token: string) => string }): string
   }
 
   .p-datatable .p-datatable-sortable-column:not(.p-datatable-column-sorted):hover {
-    color: ${dt('text.hoverColor')};
+    color: ${dt('datatable.extend.text_hoverColor')};
   }
 `;

src/lib/providers/prime-preset/tokens/components/date-picker.ts

@@ -50,7 +50,7 @@ export const datePickerCss = ({ dt }: { dt: (token: string) => string }): string
 }
 
 .p-datepicker-today.p-datepicker-today > .p-datepicker-day:not(.p-datepicker-day-selected) {
-  border: ${dt('form.borderWidth')} solid ${dt(
+  border: ${dt('datepicker.extend.form_borderWidth')} solid ${dt(
   'datepicker.extend.extToday.borderColor'
 )};
 }
@@ -73,16 +73,16 @@ export const datePickerCss = ({ dt }: { dt: (token: string) => string }): string
 
 /* ─── Weekday header text ─── */
 .p-datepicker-weekday {
-  font-family: ${dt('fonts.fontFamily.base')};
-  font-size: ${dt('fonts.fontSize.300')};
-  font-weight: ${dt('fonts.fontWeight.demibold')};
+  font-family: ${dt('datepicker.extend.fonts_fontFamily_base')};
+  font-size: ${dt('datepicker.extend.fonts_fontSize_300')};
+  font-weight: ${dt('datepicker.extend.fonts_fontWeight_demibold')};
 }
 
 /* ─── Day cell text ─── */
 .p-datepicker-day {
-  font-family: ${dt('fonts.fontFamily.base')};
-  font-size: ${dt('fonts.fontSize.300')};
-  font-weight: ${dt('fonts.fontWeight.regular')};
+  font-family: ${dt('datepicker.extend.fonts_fontFamily_base')};
+  font-size: ${dt('datepicker.extend.fonts_fontSize_300')};
+  font-weight: ${dt('datepicker.extend.fonts_fontWeight_regular')};
 }
 
 /* ─── Скрываем нативный time picker (заменён кастомным в footer) ─── */
@@ -94,7 +94,7 @@ export const datePickerCss = ({ dt }: { dt: (token: string) => string }): string
   background: transparent;
   color: ${dt('button.colorScheme.light.text.primary.color')};
   border: 0 none;
-  font-family: ${dt('fonts.fontFamily.heading')};
+  font-family: ${dt('datepicker.extend.fonts_fontFamily_heading')};
   font-weight: ${dt('button.root.label.fontWeight')};
   transition: background-color ${dt('button.root.transitionDuration')};
 }
@@ -141,7 +141,7 @@ export const datePickerCss = ({ dt }: { dt: (token: string) => string }): string
   justify-content: center;
   gap: ${dt('datepicker.timePicker.gap')};
   padding: ${dt('datepicker.timePicker.padding')};
-  border-top: ${dt('form.borderWidth')} solid ${dt('datepicker.panel.borderColor')};
+  border-top: ${dt('datepicker.extend.form_borderWidth')} solid ${dt('datepicker.panel.borderColor')};
 }
 
 .p-datepicker-time-picker-custom .p-datepicker-time-field {
@@ -153,9 +153,9 @@ export const datePickerCss = ({ dt }: { dt: (token: string) => string }): string
 }
 
 .p-datepicker-time-picker-custom .p-datepicker-time-label {
-  font-family: ${dt('fonts.fontFamily.heading')};
-  font-size: ${dt('fonts.fontSize.100')};
-  font-weight: ${dt('fonts.fontWeight.regular')};
+  font-family: ${dt('datepicker.extend.fonts_fontFamily_heading')};
+  font-size: ${dt('datepicker.extend.fonts_fontSize_100')};
+  font-weight: ${dt('datepicker.extend.fonts_fontWeight_regular')};
   line-height: 1;
   color: ${dt('datepicker.extend.extTimePicker.color')};
 }
@@ -167,20 +167,20 @@ export const datePickerCss = ({ dt }: { dt: (token: string) => string }): string
 }
 
 .p-datepicker-time-picker-custom .p-datepicker-separator {
-  font-family: ${dt('fonts.fontFamily.heading')};
-  font-size: ${dt('fonts.fontSize.100')};
-  font-weight: ${dt('fonts.fontWeight.regular')};
+  font-family: ${dt('datepicker.extend.fonts_fontFamily_heading')};
+  font-size: ${dt('datepicker.extend.fonts_fontSize_100')};
+  font-weight: ${dt('datepicker.extend.fonts_fontWeight_regular')};
   line-height: 1;
   color: ${dt('datepicker.extend.extTimePicker.color')};
-  margin-top: calc(${dt('fonts.fontSize.100')} + ${dt('datepicker.timePicker.buttonGap')});
+  margin-top: calc(${dt('datepicker.extend.fonts_fontSize_100')} + ${dt('datepicker.timePicker.buttonGap')});
 }
 
 :is(.p-datepicker-month-select, .p-datepicker-year-select) .p-select-dropdown {
   color: ${dt('datepicker.inputIcon.color')};
 }
 
 :is(.p-datepicker-month-select, .p-datepicker-year-select) .p-select-label {
-  width: ${dt('sizing.24x')};
+  width: ${dt('datepicker.extend.dimension_size_1000')};
 }
 
 `;