[+] по умолчанию сделать тёплый серый на весь конструктор
[+] баг съезжает в начальном экране если ширина маленькая
[+] поинтер на hero-text-field на главной странице
[+] поправить цвет выбранного элемента в меню на 150
[+] поинтера не должно быть если элемент в меню выбран
[+] если активная страница, то поинетер не добавляем
[+] сверится с макетами (320 фиксированная ширина) первой страницы
[+] добавить ховеры с анимациями на элементы списка в меню
[+] курсор поинтера на невидимом поле
[+] возвращать warmGray когда попап закрывается
[+] убрать анимацию перекрашивания когда попап закрывается
[+] Имя проекта -> имя пакетов
[+] прогресс-лоадер сделать по середине попапа с шириной 280 пикселов
[+] поправить баги с выбором сатурации;
[+] цвет текста у кнопки "Сгенерировать" выбирать исходя из бэкграунда
[+] ховер на кнопку "Сгенерировать" зум на +0.02, на клик -0.01
[+] поправить градиент для выбора акцентов цвета
[+] закрытие из светлой темы поправить
[+] карусель - 80 конец, начало 360
[+] бэкграунд у маленького селекта сделать круглым
[+] добавить подписи к шарикам
[+] у маленьких тексифилдов при фокусе должно всё выделяться
[+] у маленьких тексифилдов ширина должна быть авто
[+] максимальная ширина маленького текстфилда - 280
[+] поправить цвета подписей для выбора сатурации
[+] если кликнул на имя проекта, то показывать hero-text-field
[+] стрелочка закрывает попап, то есть расцениваем как крестик
[+] если режим редактирования включен, то скрываем предыдущее
[+] добавить подпись (название проекта)
[+] сохранять стейт введенных значений в форму, если попап закрыли, то надпись на главной "Продолжить создание"
[+] сделать доработки по смене иконки в текстфилде, если значение пустое
[+] добавить кнопку "сбросить" - возвращает на самое начальное состояние как при открытии попапа. При ховере красить в *gray-150
[+] маленький текстфилд - поинтер при наведении вместо курсора
[+] если наводишь курсор на лейбл у тексфилда - то подсвечивать текстфилд
[+] добавить ховеры на параметры - текст в *gray-150, а иконку в *gray-300 (сделал пока 300)
[+] добавить ховер-скейл только на 'editbutton' и всё без лейбла как в hero-button "Сгенерировать" (сделал на 5 процентов)
[+] поправить отступы при редактировании параметров: при выборе параметра, отступ сверху и снизу должен быть одинаковым - 48px
[+] поправить отступы по макетам между элементами
[+] добавить возможность вставлять контент справа у элементов меню
[+] добавить скролл на выбор акцентного цвета с помощью зажатия кнопки мыши
[+] оставлять светлую тему, если был режим выбора оттенка при переключении на другие селекторы. А тёмную включать когда значение выбрано
[+] при выборе / редактировании оттенка серого цвета, если мы уходим с оттенка (курсором), то предыдущий оттенок серого возвращается
[+] Текстфилд - если всё стёр, то возвращаем предыдущее значение
[+] если имя пакета поменялось в ручную, а после этого поменялось имя проекта, то пользовательский ввод для имени пакета не меняется
[+] добавить два шага для выбора оттенка текста и фона при создании проекта
[+] добавить подпись к шарику в зависимости от шага
[+] Добавить функционал доступности у подписи к шарику
[+] поменять вёрстку блока описания на последней страницы
[+] добавить переключение режима темы на последней странице (по ховер скейл)
[+] анимация настроек на последнем экране уезд в лево
[+] анимация дисклеймера справа на лево
[+] сделать анимацию с задержку появления и сокрытия: сначала улетают параметры и потом появляется блок
[+] обновить дизайн editbutton компонента
[+] поправить правый контент для элементов меню если текст не влазит
[+] поправить левый шарик на 1000
[+] в светлой теме поправить цвета в комопненте textfield
[+] уменьшить отступ под кнопкой "Продолжить" и названием темы
[+] добавить отображение кнопки "Сбросить" на последний шаг (в превью)
[+] добавить логику покраски текста в плашке как в HeroButton
[+] поправить диапазон AA+ на 3 для текста
[+] поправить дизайн плашки (подписи для выбора оттенка) по макету на padding: top 1px, bottom 3px, left / right 4px
[+] добавить к иконке ворнинга WCAG в плашке
[+] поменять скорость анимации в scale на 0.1s
[+] фиксировать бэкграунд плашки в "editbutton" не зависимо от темы
[+] добавить логику логику покраски текста в "editbutton" c заливкой как в HeroButton
[+] иконку в "editbutton" красить в цвет текста для плашек
[+] добавить логику с превью выбранного оттенка
[+] добавить ворнинг на "editbutton" + текст и скрывать его на последнем шаге
[+] переименовать лейбл "имя проекта" на "Название проекта"
[+] сделать ховер и клик на весь блок - и на "продолжить создание" и название проекта
[+] поправить отступы между блоками на последнем шаге
[+] поправить цвета для корректного расчёта коэфициента контрастности
[+] поправить цвета для корректного расчёта коэфициента контрастности для "editbutton" с заливкой и "heroButton"
[+] актуализировать вёрстку для части с ховером при выборе оттенка серого
[+] добавить анимацию при ховере при выборе серого. То есть оверлей красится без анимации, а бэкграунд попапа с анимацией
[+] сделать рефакторинг компонент
[+] поправить отступы при редактировании имени проекта
[+] сделать крестик вместо стрелочки когда открыт попап
[+] использовать css-переменные в место мапинга
[+] добавить типографическую систему
Меню токенов
[+] реализовать добавление токенов цвета (с учётом всех групп и режимов)
[+] реализовать добавление токенов типографики (с учётом всех групп и режимов)
[+] реализовать добавление токенов форм (с учётом всех групп и режимов)
[+] реализовать добавление токенов отступов (с учётом всех групп и режимов)
[+] реализовать добавление токенов теней (с учётом всех групп и режимов)
Редактирование токенов цвета
[] реализовать возможность переименовывать токен (?)
[] сделать компонент textArea (вместо textfield)
Сохранение изменений токенов
[] сохранить изменения в базу данных после выхода из меню ("нажатие на кнопку домой")
[] сохранять каждое изменение в локалстораже
[] кнопка опубликовать будет появляться только если сделано хотябы одно изменение
Редактирование токенов цвета
Бэклог
[+] вернуть генерацию темы
[+] добавить поддержку записи такой темы в базу данных
[+] добавить генерацию темы на основе пользовательских параметров
[+] реализовать учёт surface / text типов для генерации токенов
[+] вывести список дизайн систем во вкладке "Черновики", которые лежат в базе данных
[+] сделать загрузку дизайн системы в "новом" мок-дизайне
[+] реализовать "мок-флоу" создания и редактирование темы по шагам
[+] починить закрытие попапа при создании дизайн системы
[+] вернуть стрелочку вместо крестика и неподсвечивать её
[+] расширить схему таблицы дизайн системы (добавить недостающие поля) в базе данных
[+] добавить логику, при которой надпись "Пока ничего не создано" скрывать, если есть созданные дизайн системы
[+] открывать попап при нажатии на плюсик
[+] поправить ховер на меню - отображать стрелочки
[+] глазик всегда должен быть виден у выключенного токена + зачеркивать
[+] убрать отображение тултипа с глазика при наведении на пункт меню
[+] ширина меню меняется на 240
[+] добавить "отбивку" когда иконки в меню
[+] поменять textarea на textfield
[+] поменять размер в шапке панели меню у description
[+] селектор цвета и тона тут же меняет значения бекграундов при ховере на элементы
[+] для группы хранить количество выключенных токенов в отдельном месте, и каждый раз проверять его: если количество выключенных равно общему количеству токенов, значит группу надо отключить
[+] так же сделать шеринг стейтов между всеми страницами
[+] добавить работающую кнопку "Отменить изменения" (например сохранять дефолтные значения при загрузке и сбрасывать к ним)
[+] у кружочков не то с обводкой что-то
[+] ховер и клик на весь айтем скрытый, не только на глаз
[+] дублирование тем для sdds_finai
[+] не открывается checkbox и radiobiox
[+] onDark / onLight и т.д. префикс в теме sdds_finai (проверить, влияет ли на что)
[+] проблема с "крыжиком" у Slider компонента, не корректное выставляет значение
[+] обновить тему sdds_finai
[+] включение айтемов в компонентах
[+] нарисовать текущую схему базы данных
[] добавить индикацию изменённых токенов (добавление новых) в компоенты
[] подтемы добавляются в названия токенов
[] добавить тултипы в названиях и значениях проп компонент
[] перенести Menu в отдельные компоненты
[] перенести SideBar в отдельные компоненты
[] поправить высоту между названием токена / компонента и описанием (выровнять)
[] токен переименовать можно только если он не "дефолтный" - появляется карандашик при наведении
[] иконка в поле комментария для токена будет всегда снизу
[] не отображать процент пока значение вводится
[] добавить валидацию + анимацию для "heroTextField"
[] добавить валидацию + анимацию для "textField"
[] сделать анимацию с фейдом на каждом шаге. То есть снизу вверх, для появления с 0 до 100 и для сокрытия с 100 до 0
[] подумать как можно отключить валидацию на шаге редактирования имени пакетов при блюре
[] поменять токены типографики на h6 в местах где хардкод и помечено TODO
[] добавить генерацию тем при создании бд из сида
[] баг с ошибкой в инпуте у цвета
[] сделать коммит значения у слайдера при отпускании
[] добавить генерацию скелетонов
[] (?) помечать изменённые компоненты в общем списке
[] (?) добавить возможность использовать "кастомные" значения для пропов, а не из списка
[] добавить поддержку пропсов теней / отступов / блюра / енамов
[] подумать о поддержке ссылочных типов (на иконки, например)
[] (?) поддержать значение inherit и transparent для нативных платформ
[] (?) поддержать хранение выбранных значений контролов в сторисах через search-param
[] (?) запретить отключение токенов, которые используются в компонентах
[] необходимо сделать так, чтобы работали выбор / создание тенантов
[] каждый токен должен мочь редактироваться для каждой платформы отдельно
[] должны подгружаться шрифты кастомные
[] перезапись hover / active значений после того, как пользоватлеь ввёл их руками
Веб генератор
[] Добавить генерацию множественных конфигов
[] Убрать дублирование типов и методов
[+] по умолчанию сделать тёплый серый на весь конструктор
[+] баг съезжает в начальном экране если ширина маленькая
[+] поинтер на hero-text-field на главной странице
[+] поправить цвет выбранного элемента в меню на 150
[+] поинтера не должно быть если элемент в меню выбран
[+] если активная страница, то поинетер не добавляем
[+] сверится с макетами (320 фиксированная ширина) первой страницы
[+] добавить ховеры с анимациями на элементы списка в меню
[+] курсор поинтера на невидимом поле
[+] возвращать warmGray когда попап закрывается
[+] убрать анимацию перекрашивания когда попап закрывается
[+] Имя проекта -> имя пакетов
[+] прогресс-лоадер сделать по середине попапа с шириной 280 пикселов
[+] поправить баги с выбором сатурации;
[+] цвет текста у кнопки "Сгенерировать" выбирать исходя из бэкграунда
[+] ховер на кнопку "Сгенерировать" зум на +0.02, на клик -0.01
[+] поправить градиент для выбора акцентов цвета
[+] закрытие из светлой темы поправить
[+] карусель - 80 конец, начало 360
[+] бэкграунд у маленького селекта сделать круглым
[+] добавить подписи к шарикам
[+] у маленьких тексифилдов при фокусе должно всё выделяться
[+] у маленьких тексифилдов ширина должна быть авто
[+] максимальная ширина маленького текстфилда - 280
[+] поправить цвета подписей для выбора сатурации
[+] если кликнул на имя проекта, то показывать hero-text-field
[+] стрелочка закрывает попап, то есть расцениваем как крестик
[+] если режим редактирования включен, то скрываем предыдущее
[+] добавить подпись (название проекта)
[+] сохранять стейт введенных значений в форму, если попап закрыли, то надпись на главной "Продолжить создание"
[+] сделать доработки по смене иконки в текстфилде, если значение пустое
[+] добавить кнопку "сбросить" - возвращает на самое начальное состояние как при открытии попапа. При ховере красить в *gray-150
[+] маленький текстфилд - поинтер при наведении вместо курсора
[+] если наводишь курсор на лейбл у тексфилда - то подсвечивать текстфилд
[+] добавить ховеры на параметры - текст в *gray-150, а иконку в *gray-300 (сделал пока 300)
[+] добавить ховер-скейл только на 'editbutton' и всё без лейбла как в hero-button "Сгенерировать" (сделал на 5 процентов)
[+] поправить отступы при редактировании параметров: при выборе параметра, отступ сверху и снизу должен быть одинаковым - 48px
[+] поправить отступы по макетам между элементами
[+] добавить возможность вставлять контент справа у элементов меню
[+] добавить скролл на выбор акцентного цвета с помощью зажатия кнопки мыши
[+] оставлять светлую тему, если был режим выбора оттенка при переключении на другие селекторы. А тёмную включать когда значение выбрано
[+] при выборе / редактировании оттенка серого цвета, если мы уходим с оттенка (курсором), то предыдущий оттенок серого возвращается
[+] Текстфилд - если всё стёр, то возвращаем предыдущее значение
[+] если имя пакета поменялось в ручную, а после этого поменялось имя проекта, то пользовательский ввод для имени пакета не меняется
[+] добавить два шага для выбора оттенка текста и фона при создании проекта
[+] добавить подпись к шарику в зависимости от шага
[+] Добавить функционал доступности у подписи к шарику
[+] поменять вёрстку блока описания на последней страницы
[+] добавить переключение режима темы на последней странице (по ховер скейл)
[+] анимация настроек на последнем экране уезд в лево
[+] анимация дисклеймера справа на лево
[+] сделать анимацию с задержку появления и сокрытия: сначала улетают параметры и потом появляется блок
[+] обновить дизайн editbutton компонента
[+] поправить правый контент для элементов меню если текст не влазит
[+] поправить левый шарик на 1000
[+] в светлой теме поправить цвета в комопненте textfield
[+] уменьшить отступ под кнопкой "Продолжить" и названием темы
[+] добавить отображение кнопки "Сбросить" на последний шаг (в превью)
[+] добавить логику покраски текста в плашке как в HeroButton
[+] поправить диапазон AA+ на 3 для текста
[+] поправить дизайн плашки (подписи для выбора оттенка) по макету на padding: top 1px, bottom 3px, left / right 4px
[+] добавить к иконке ворнинга WCAG в плашке
[+] поменять скорость анимации в scale на 0.1s
[+] фиксировать бэкграунд плашки в "editbutton" не зависимо от темы
[+] добавить логику логику покраски текста в "editbutton" c заливкой как в HeroButton
[+] иконку в "editbutton" красить в цвет текста для плашек
[+] добавить логику с превью выбранного оттенка
[+] добавить ворнинг на "editbutton" + текст и скрывать его на последнем шаге
[+] переименовать лейбл "имя проекта" на "Название проекта"
[+] сделать ховер и клик на весь блок - и на "продолжить создание" и название проекта
[+] поправить отступы между блоками на последнем шаге
[+] поправить цвета для корректного расчёта коэфициента контрастности
[+] поправить цвета для корректного расчёта коэфициента контрастности для "editbutton" с заливкой и "heroButton"
[+] актуализировать вёрстку для части с ховером при выборе оттенка серого
[+] добавить анимацию при ховере при выборе серого. То есть оверлей красится без анимации, а бэкграунд попапа с анимацией
[+] сделать рефакторинг компонент
[+] поправить отступы при редактировании имени проекта
[+] сделать крестик вместо стрелочки когда открыт попап
[+] использовать css-переменные в место мапинга
[+] добавить типографическую систему
Меню токенов
[+] реализовать добавление токенов цвета (с учётом всех групп и режимов)
[+] реализовать добавление токенов типографики (с учётом всех групп и режимов)
[+] реализовать добавление токенов форм (с учётом всех групп и режимов)
[+] реализовать добавление токенов отступов (с учётом всех групп и режимов)
[+] реализовать добавление токенов теней (с учётом всех групп и режимов)
Редактирование токенов цвета
[] реализовать возможность переименовывать токен (?)
[] сделать компонент textArea (вместо textfield)
Сохранение изменений токенов
[] сохранить изменения в базу данных после выхода из меню ("нажатие на кнопку домой")
[] сохранять каждое изменение в локалстораже
[] кнопка опубликовать будет появляться только если сделано хотябы одно изменение
Редактирование токенов цвета
Бэклог
[+] вернуть генерацию темы
[+] добавить поддержку записи такой темы в базу данных
[+] добавить генерацию темы на основе пользовательских параметров
[+] реализовать учёт surface / text типов для генерации токенов
[+] вывести список дизайн систем во вкладке "Черновики", которые лежат в базе данных
[+] сделать загрузку дизайн системы в "новом" мок-дизайне
[+] реализовать "мок-флоу" создания и редактирование темы по шагам
[+] починить закрытие попапа при создании дизайн системы
[+] вернуть стрелочку вместо крестика и неподсвечивать её
[+] расширить схему таблицы дизайн системы (добавить недостающие поля) в базе данных
[+] добавить логику, при которой надпись "Пока ничего не создано" скрывать, если есть созданные дизайн системы
[+] открывать попап при нажатии на плюсик
[+] поправить ховер на меню - отображать стрелочки
[+] глазик всегда должен быть виден у выключенного токена + зачеркивать
[+] убрать отображение тултипа с глазика при наведении на пункт меню
[+] ширина меню меняется на 240
[+] добавить "отбивку" когда иконки в меню
[+] поменять textarea на textfield
[+] поменять размер в шапке панели меню у description
[+] селектор цвета и тона тут же меняет значения бекграундов при ховере на элементы
[+] для группы хранить количество выключенных токенов в отдельном месте, и каждый раз проверять его: если количество выключенных равно общему количеству токенов, значит группу надо отключить
[+] так же сделать шеринг стейтов между всеми страницами
[+] добавить работающую кнопку "Отменить изменения" (например сохранять дефолтные значения при загрузке и сбрасывать к ним)
[+] у кружочков не то с обводкой что-то
[+] ховер и клик на весь айтем скрытый, не только на глаз
[+] дублирование тем для sdds_finai
[+] не открывается checkbox и radiobiox
[+] onDark / onLight и т.д. префикс в теме sdds_finai (проверить, влияет ли на что)
[+] проблема с "крыжиком" у Slider компонента, не корректное выставляет значение
[+] обновить тему sdds_finai
[+] включение айтемов в компонентах
[+] нарисовать текущую схему базы данных
[] добавить индикацию изменённых токенов (добавление новых) в компоенты
[] подтемы добавляются в названия токенов
[] добавить тултипы в названиях и значениях проп компонент
[] перенести Menu в отдельные компоненты
[] перенести SideBar в отдельные компоненты
[] поправить высоту между названием токена / компонента и описанием (выровнять)
[] токен переименовать можно только если он не "дефолтный" - появляется карандашик при наведении
[] иконка в поле комментария для токена будет всегда снизу
[] не отображать процент пока значение вводится
[] добавить валидацию + анимацию для "heroTextField"
[] добавить валидацию + анимацию для "textField"
[] сделать анимацию с фейдом на каждом шаге. То есть снизу вверх, для появления с 0 до 100 и для сокрытия с 100 до 0
[] подумать как можно отключить валидацию на шаге редактирования имени пакетов при блюре
[] поменять токены типографики на h6 в местах где хардкод и помечено TODO
[] добавить генерацию тем при создании бд из сида
[] баг с ошибкой в инпуте у цвета
[] сделать коммит значения у слайдера при отпускании
[] добавить генерацию скелетонов
[] (?) помечать изменённые компоненты в общем списке
[] (?) добавить возможность использовать "кастомные" значения для пропов, а не из списка
[] добавить поддержку пропсов теней / отступов / блюра / енамов
[] подумать о поддержке ссылочных типов (на иконки, например)
[] (?) поддержать значение inherit и transparent для нативных платформ
[] (?) поддержать хранение выбранных значений контролов в сторисах через search-param
[] (?) запретить отключение токенов, которые используются в компонентах
[] необходимо сделать так, чтобы работали выбор / создание тенантов
[] каждый токен должен мочь редактироваться для каждой платформы отдельно
[] должны подгружаться шрифты кастомные
[] перезапись hover / active значений после того, как пользоватлеь ввёл их руками
Веб генератор
[] Добавить генерацию множественных конфигов
[] Убрать дублирование типов и методов