Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add illustration library 2 resources #204

Merged
merged 2 commits into from
Apr 22, 2024
Merged

feat: add illustration library 2 resources #204

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fa4e8eb
feat: add illustration library 2 resources
vvtimofeev Apr 22, 2024
5547f07
Merge branch 'main' into timofeyevvv/illustration_lib
vvtimofeev Apr 22, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions public/locales/en/home.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
"header_title": "Build modern interfaces with the Gravity design system and libraries",
"header_actions_howToStart": "How to Start",
"news_title": "Recent updates",
"news_items_item1": "We've added two new components: <a href=\"https://gravity-ui.com/components/uikit/palette\">Palette</a>, which allows you to display a grid of icons and emojis, and <a href=\"https://preview.gravity-ui.com/uikit/?path=/docs/components-utils-divider--docs\">Divider</a>, which simply divides things.",
"news_items_item2": "The <a href=\"https://github.com/gravity-ui/illustrations/tree/main\">illustrations library</a> has been released, providing 21 default images in two themes for the placeholder component.",
"news_items_item3": "We've introduced a new basic component <a href=\"https://preview.gravity-ui.com/date-components/?path=/docs/components-rangedatepicker--docs\">RangeDatePicker</a> that helps users easily select a range of dates using a calendar, unlike <a href=\"https://preview.gravity-ui.com/date-components/?path=/docs/components-relativerangedatepicker--docs\">RelativeRangeDatePicker</a> which is intended for complex cases.",
"news_items_item1": "We've published our <a href=\"https://www.figma.com/community/file/1363128208054017326/gravity-ui-illustrations\">illustration library</a> in Figma community.",
"news_items_item2": "We've added two new components: <a href=\"https://gravity-ui.com/components/uikit/palette\">Palette</a>, which allows you to display a grid of icons and emojis, and <a href=\"https://preview.gravity-ui.com/uikit/?path=/docs/components-utils-divider--docs\">Divider</a>, which simply divides things.",
"news_items_item3": "The <a href=\"https://github.com/gravity-ui/illustrations/tree/main\">illustrations library</a> has been released, providing 21 default images in two themes for the placeholder component.",
"features_feature1_title": "Built on real-life experience",
"features_feature1_description": "Conceived as an in-house solution in response to real developers' needs, we released Gravity to the open-source community.",
"features_feature2_title": "First class design",
Expand Down
6 changes: 3 additions & 3 deletions public/locales/ru/home.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
"header_title": "Создавайте современные интерфейсы с дизайн‑системой Gravity",
"header_actions_howToStart": "С чего начать",
"news_title": "Новости",
"news_items_item1": "Мы добавили два новых компонента: <a href=\"https://gravity-ui.com/components/uikit/palette\">Palette</a>, который помогает отображать эмодзи или иконки и <a href=\"https://preview.gravity-ui.com/uikit/?path=/docs/components-utils-divider--docs\">Divider</a>, он поможет везде, где нужен разделитель.",
"news_items_item2": "Вышла<a href=\"https://github.com/gravity-ui/illustrations/tree/main\">библиотека иллюстраций</a>, в ней мы собрали 21 базовую иллюстрацию для светлой и тёмной темы. Они заработают автоматически, если вы используете placeholder компонент.",
"news_items_item3": "Разработали новый компонент <a href=\"https://preview.gravity-ui.com/date-components/?path=/docs/components-rangedatepicker--docs\">RangeDatePicker</a>, он поможет реализовать простые сценарии выбора временного интервала, для других сценариев можно использовать <a href=\"https://preview.gravity-ui.com/date-components/?path=/docs/components-relativerangedatepicker--docs\">RelativeRangeDatePicker</a>.",
"news_items_item1": "Мы опубликовали <a href=\"https://www.figma.com/community/file/1363128208054017326/gravity-ui-illustrations\">библиотеку иллюстраций</a> в Figma community.",
"news_items_item2": "Мы добавили два новых компонента: <a href=\"https://gravity-ui.com/components/uikit/palette\">Palette</a>, который помогает отображать эмодзи или иконки и <a href=\"https://preview.gravity-ui.com/uikit/?path=/docs/components-utils-divider--docs\">Divider</a>, он поможет везде, где нужен разделитель.",
"news_items_item3": "Вышла<a href=\"https://github.com/gravity-ui/illustrations/tree/main\">библиотека иллюстраций</a>, в ней мы собрали 21 базовую иллюстрацию для светлой и тёмной темы. Они заработают автоматически, если вы используете placeholder компонент.",
"features_feature1_title": "Основано на реальном опыте использования",
"features_feature1_description": "Внутреннее решение в ответ на реальные потребности разработчиков: мы выпустили Gravity для open-source сообщества.",
"features_feature2_title": "Отличный дизайн",
Expand Down
Binary file added public/static/images/design/Resources/img-illustrationslib.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions src/content/design/guides/content/Resources.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,21 @@
</div>
</div>

<div style={{borderBottom: "1px solid rgba(255, 255, 255, 0.2)", marginBottom: "16px"}}></div>

<div className="row">
<div className="col-12 col-md-6">
## Illustration Library in Figma

A set of default illustrations to use with Gravity UI Design System. You can use them on their own or within the `PlaceholderContainer` component which was added to the [Component library](https://gravity-ui.com/libraries/components).

[Open in Figma](https://www.figma.com/community/file/1363128208054017326/gravity-ui-illustrations)
</div>
<div className="col-12 col-md-6">
![img-illustrationslib.png](/static/images/design/Resources/img-illustrationslib.png)
</div>
</div>

<div style={{borderBottom: "1px solid rgba(255, 255, 255, 0.2)"}}></div>

## How to use
Expand Down
6 changes: 3 additions & 3 deletions src/content/landing.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,15 +63,15 @@ export const getLanding = (t: TFunction): CustomPageContent => ({
title: t('home:news_title'),
items: [
{
date: '2024-04-16T14:30:00.000Z',
date: '2024-04-22T12:00:00.000Z',
content: t('home:news_items_item1'),
},
{
date: '2024-04-02T09:00:00.000Z',
date: '2024-04-16T14:30:00.000Z',
content: t('home:news_items_item2'),
},
{
date: '2024-04-01T15:00:00.000Z',
date: '2024-04-02T09:00:00.000Z',
content: t('home:news_items_item3'),
},
],
Expand Down
Loading