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.

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

[UIK-2729][website] Page titles #1913

Draft
wants to merge 10 commits into
base: master
Choose a base branch
from
8 changes: 4 additions & 4 deletions website/docs/.vitepress/sidebarConfig.ts
Original file line number Diff line number Diff line change
Expand Up @@ -109,12 +109,12 @@ export const sideBarConfig: SidebarConfig = [
text: 'Breakpoints',
},
{
link: '/layout/grid-system/grid-system',
link: '/layout/grid-system/grid-system-layout',
activeMatch: '/layout/grid-system/',
text: 'Grid and page layout',
},
{
link: '/layout/box-system/box-system',
link: '/layout/box-system/box-system-spacing',
activeMatch: '/layout/box-system/',
text: 'Flex-box and spacing system',
},
Expand Down Expand Up @@ -261,8 +261,8 @@ export const sideBarConfig: SidebarConfig = [
text: 'FeaturePopover',
},
{
link: '/components/feedback/feedback',
activeMatch: '/components/feedback/',
link: '/components/feedback-form/feedback-form',
activeMatch: '/components/feedback-form/',
text: 'Feedback',
},
{
Expand Down
20 changes: 17 additions & 3 deletions website/docs/.vitepress/theme/Page404.vue
Original file line number Diff line number Diff line change
Expand Up @@ -21,14 +21,21 @@ const redirects = {
"/intergalactic/components/color-picker": "/intergalactic/components/color-picker/color-picker",
"/intergalactic/components/counter": "/intergalactic/components/counter/counter",
"/intergalactic/components/date-picker": "/intergalactic/components/date-picker/date-picker",
"/intergalactic/components/date-picker/date-code": "/intergalactic/components/date-picker/date-picker-code",
"/intergalactic/components/date-picker/date-api": "/intergalactic/components/date-picker/date-picker-api",
"/intergalactic/components/date-picker/date-changelog": "/intergalactic/components/date-picker/date-picker-changelog",
"/intergalactic/components/divider": "/intergalactic/components/divider/divider",
"/intergalactic/components/dot": "/intergalactic/components/dot/dot",
"/intergalactic/components/drag-and-drop": "/intergalactic/components/drag-and-drop/drag-and-drop",
"/intergalactic/components/dropdown-menu": "/intergalactic/components/dropdown-menu/dropdown-menu",
"/intergalactic/components/dropdown": "/intergalactic/components/dropdown/dropdown",
"/intergalactic/components/ellipsis": "/intergalactic/components/ellipsis/ellipsis",
"/intergalactic/components/feature-popover": "/intergalactic/components/feature-popover/feature-popover",
"/intergalactic/components/feedback": "/intergalactic/components/feedback/feedback",
"/intergalactic/components/feedback": "/intergalactic/components/feedback-form/feedback-form",
"/intergalactic/components/feedback/feedback-form-a11y": "/intergalactic/components/feedback-form/feedback-form-a11y",
"/intergalactic/components/feedback/feedback-form-api": "/intergalactic/components/feedback-form/feedback-form-api",
"/intergalactic/components/feedback/feedback-form-code": "/intergalactic/components/feedback-form/feedback-form-code",
"/intergalactic/components/feedback/feedback-form-changelog": "/intergalactic/components/feedback-form/feedback-form-changelog",
"/intergalactic/components/filter-trigger": "/intergalactic/components/filter-trigger/filter-trigger",
"/intergalactic/components/flags": "/intergalactic/components/flags/flags",
"/intergalactic/components/fullscreen-modal": "/intergalactic/components/fullscreen-modal/fullscreen-modal",
Expand Down Expand Up @@ -109,9 +116,16 @@ const redirects = {
"/intergalactic/get-started-guide/dev-starter-guide": "/intergalactic/get-started-guide/dev-starter-guide/dev-starter-guide",
"/intergalactic/get-started-guide/dis-starter-guide": "/intergalactic/get-started-guide/dis-starter-guide/dis-starter-guide",
"/intergalactic/get-started-guide/work-figma": "/intergalactic/get-started-guide/work-figma/work-figma",
"/intergalactic/layout/box-system": "/intergalactic/layout/box-system/box-system",
"/intergalactic/layout/box-system": "/intergalactic/layout/box-system/box-system-spacing",
"/intergalactic/layout/box-system/box-system": "/intergalactic/layout/box-system/box-system-spacing",
"/intergalactic/layout/box-system/box-api": "/intergalactic/layout/box-system/box-system-api",
"/intergalactic/layout/box-system/box-changelog": "/intergalactic/layout/box-system/box-system-changelog",
"/intergalactic/layout/breakpoints": "/intergalactic/layout/breakpoints/breakpoints",
"/intergalactic/layout/grid-system": "/intergalactic/layout/grid-system/grid-system",
"/intergalactic/layout/grid-system": "/intergalactic/layout/grid-system/grid-system-layout",
"/intergalactic/layout/grid-system/grid-system": "/intergalactic/layout/grid-system/grid-system-layout",
"/intergalactic/layout/grid-system/grid-api": "/intergalactic/layout/grid-system/grid-system-api",
"/intergalactic/layout/grid-system/grid-changelog": "/intergalactic/layout/grid-system/grid-system-changelog",
"/intergalactic/layout/grid-system/grid-code": "/intergalactic/layout/grid-system/grid-system-code",
"/intergalactic/patterns/confirm-dialog": "/intergalactic/patterns/confirm-dialog/confirm-dialog",
"/intergalactic/patterns/empty-page": "/intergalactic/patterns/empty-page/empty-page",
"/intergalactic/patterns/export": "/intergalactic/patterns/export/export",
Expand Down
6 changes: 3 additions & 3 deletions website/docs/components/accordion/accordion-api.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ import { Accordion } from '@semcore/ui/accordion';
<Accordion.Item.Toggle />;
```

Has all properties as [BoxProps](/layout/box-system/box-api) prop does.
Has all properties as [BoxProps](/layout/box-system/box-system-api) prop does.

## Accordion.Item.Collapse

Expand All @@ -43,7 +43,7 @@ import { Accordion } from '@semcore/ui/accordion';

<TypesView type="CollapseProps" :types={...types} />

Has all properties as [BoxProps](/layout/box-system/box-api) prop does.
Has all properties as [BoxProps](/layout/box-system/box-system-api) prop does.

## Accordion.Item.Chevron

Expand All @@ -53,6 +53,6 @@ import { Accordion } from '@semcore/ui/accordion';
<Accordion.Item.Chevron />;
```

Has all properties as [BoxProps](/layout/box-system/box-api) prop does.
Has all properties as [BoxProps](/layout/box-system/box-system-api) prop does.

<script setup>import { data as types } from '@types.data.ts';</script>
4 changes: 2 additions & 2 deletions website/docs/components/button/button.md
Original file line number Diff line number Diff line change
Expand Up @@ -278,7 +278,7 @@
This component was created to ensure proper accessibility for existing patterns in the interface. Avoid adding buttons with link styles into new interfaces, especially with `use="primary"`. Instead, use either `Button` or `Link` depending on what the element does.
:::

If you need an element that looks like a link, but has the native button semantics, use the separate `ButtonLink` component instead of a link. For example, in the [Feedback](/components/feedback/feedback-form-code) and [ProductHead](/components/product-head/product-head-code) components, use `ButtonLink` as the dialog trigger.
If you need an element that looks like a link, but has the native button semantics, use the separate `ButtonLink` component instead of a link. For example, in the [Feedback](/components/feedback-form/feedback-form-code) and [ProductHead](/components/product-head/product-head-code) components, use `ButtonLink` as the dialog trigger.

Table: Button with Link styles

Expand Down Expand Up @@ -324,7 +324,7 @@

## Margins between buttons

**The margin between buttons shall be [multiple of 4](/layout/box-system/box-system#spacing_system)**. If there are several buttons next to each other, use the recommended margins shown in table below.
**The margin between buttons shall be [multiple of 4](/layout/box-system/box-system-spacing)**. If there are several buttons next to each other, use the recommended margins shown in table below.

Check warning on line 327 in website/docs/components/button/button.md

View workflow job for this annotation

GitHub Actions / docs-lint

[vale] reported by reviewdog 🐶 [DevDocs.Inclusive] For inclusivity, consider using 'following' instead of 'below'. Raw Output: {"message": "[DevDocs.Inclusive] For inclusivity, consider using 'following' instead of 'below'.", "location": {"path": "website/docs/components/button/button.md", "range": {"start": {"line": 327, "column": 189}}}, "severity": "INFO"}

Table: Margins between buttons

Expand Down
6 changes: 3 additions & 3 deletions website/docs/components/card/card-api.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ tabs: Design('card'), A11y('card-a11y'), API('card-api'), Example('card-code'),

## Card

It's just a [Box](../../layout/box-system/box-api#box) with predefined styles.
It's just a [Box](../../layout/box-system/box-system-api#box) with predefined styles.

```jsx
import Card from '@semcore/ui/card';
Expand All @@ -14,7 +14,7 @@ import Card from '@semcore/ui/card';

## Card.Header

It's just a [Box](../../layout/box-system/box-api#box) with predefined paddings. Contains `Card.Title` and `Card.Description`.
It's just a [Box](../../layout/box-system/box-system-api#box) with predefined paddings. Contains `Card.Title` and `Card.Description`.

```jsx
import Card from '@semcore/ui/card';
Expand All @@ -23,7 +23,7 @@ import Card from '@semcore/ui/card';

## Card.Body

It's just a [Box](../../layout/box-system/box-api#box) with predefined paddings.
It's just a [Box](../../layout/box-system/box-system-api#box) with predefined paddings.

```jsx
import Card from '@semcore/ui/card';
Expand Down
8 changes: 4 additions & 4 deletions website/docs/components/carousel/carousel-api.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import Carousel from '@semcore/ui/carousel';

## Carousel.Container

`Carousel.Container` is a wrap over `Carousel.Item`. `Carousel.Item` doesn't have own API, extends to [Box](/layout/box-system/box-api#a3cfce).
`Carousel.Container` is a wrap over `Carousel.Item`. `Carousel.Item` doesn't have own API, extends to [Box](/layout/box-system/box-system-api#box).

```jsx
import Carousel from '@semcore/ui/carousel';
Expand All @@ -23,7 +23,7 @@ import Carousel from '@semcore/ui/carousel';

## Carousel.Item

`Carousel.Item` doesn't have own API, extends to [Box](/layout/box-system/box-api#a3cfce).
`Carousel.Item` doesn't have own API, extends to [Box](/layout/box-system/box-system-api#box).

```jsx
import Carousel from '@semcore/ui/carousel';
Expand All @@ -32,7 +32,7 @@ import Carousel from '@semcore/ui/carousel';

## Carousel.Indicators

Component view for default dots. It doesn't have own API, extends to [Box](/layout/box-system/box-api#a3cfce).
Component view for default dots. It doesn't have own API, extends to [Box](/layout/box-system/box-system-api#box).

```jsx
import Carousel from '@semcore/ui/carousel';
Expand All @@ -41,7 +41,7 @@ import Carousel from '@semcore/ui/carousel';

## Carousel.Prev, Carousel.Next

Component view for default Chevron icons. It doesn't have own API, extends to [Box](/layout/box-system/box-api#a3cfce).
Component view for default Chevron icons. It doesn't have own API, extends to [Box](/layout/box-system/box-system-api#box).

```jsx
import Carousel from '@semcore/ui/carousel';
Expand Down
2 changes: 1 addition & 1 deletion website/docs/components/color-picker/color-picker.md
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ ColorPicker.Item has 28px * 28px size.

## Margins

All margins must be [multiples of 4](/layout/box-system/box-system#spacing_system). The default recommended margins are 4px:
All margins must be [multiples of 4](/layout/box-system/box-system-spacing). The default recommended margins are 4px:

![](static/colorpicker-margins.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ const group = {
},
feedback: {
title: 'Feedback',
route: '/intergalactic/components/feedback/feedback',
route: '/intergalactic/components/feedback-form/feedback-form',
disabled: false,
type: 'components',
},
Expand Down
7 changes: 0 additions & 7 deletions website/docs/components/date-picker/date-changelog.md

This file was deleted.

Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: DatePicker
fileSource: date-picker
a11y: AA
tabs: Design('date-picker'), A11y('date-a11y'), API('date-api'), Example('date-code'), Changelog('date-changelog')
tabs: Design('date-picker'), A11y('date-picker-a11y'), API('date-picker-api'), Example('date-picker-code'), Changelog('date-picker-changelog')
---

## What component has
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: DatePicker
fileSource: date-picker
tabs: Design('date-picker'), A11y('date-a11y'), API('date-api'), Example('date-code'), Changelog('date-changelog')
tabs: Design('date-picker'), A11y('date-picker-a11y'), API('date-picker-api'), Example('date-picker-code'), Changelog('date-picker-changelog')
---

## DatePicker and MonthPicker
Expand Down
7 changes: 7 additions & 0 deletions website/docs/components/date-picker/date-picker-changelog.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
---
title: DatePicker
fileSource: date-picker
tabs: Design('date-picker'), A11y('date-picker-a11y'), API('date-picker-api'), Example('date-picker-code'), Changelog('date-picker-changelog')
---

::: changelog date-picker :::
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: DatePicker
fileSource: date-picker
tabs: Design('date-picker'), A11y('date-a11y'), API('date-api'), Example('date-code'), Changelog('date-changelog')
tabs: Design('date-picker'), A11y('date-picker-a11y'), API('date-picker-api'), Example('date-picker-code'), Changelog('date-picker-changelog')
---

## DatePicker
Expand Down
2 changes: 1 addition & 1 deletion website/docs/components/date-picker/date-picker.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: DatePicker
fileSource: date-picker
tabs: Design('date-picker'), A11y('date-a11y'), API('date-api'), Example('date-code'), Changelog('date-changelog')
tabs: Design('date-picker'), A11y('date-picker-a11y'), API('date-picker-api'), Example('date-picker-code'), Changelog('date-picker-changelog')
---

::: react-view
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Feedback
a11y: AA
tabs: Design('feedback'), A11y('feedback-form-a11y'), API('feedback-form-api'), Example('feedback-form-code'), Changelog('feedback-form-changelog')
tabs: Design('feedback-form'), A11y('feedback-form-a11y'), API('feedback-form-api'), Example('feedback-form-code'), Changelog('feedback-form-changelog')
---

## What pattern has
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Feedback
tabs: Design('feedback'), A11y('feedback-form-a11y'), API('feedback-form-api'), Example('feedback-form-code'), Changelog('feedback-form-changelog')
tabs: Design('feedback-form'), A11y('feedback-form-a11y'), API('feedback-form-api'), Example('feedback-form-code'), Changelog('feedback-form-changelog')
---

## FeedbackForm
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
title: Feedback
tabs: Design('feedback-form'), A11y('feedback-form-a11y'), API('feedback-form-api'), Example('feedback-form-code'), Changelog('feedback-form-changelog')
---

::: changelog feedback-form :::
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
---
title: Feedback
tabs: Design('feedback'), A11y('feedback-form-a11y'), API('feedback-form-api'), Example('feedback-form-code'), Changelog('feedback-form-changelog')
tabs: Design('feedback-form'), A11y('feedback-form-a11y'), API('feedback-form-api'), Example('feedback-form-code'), Changelog('feedback-form-changelog')
---

## Default feedback form

The information on the GDPR should be obligatorily shown to the users from Europe. See the [component's guide](/components/feedback/feedback) for the styles and its content.
The information on the GDPR should be obligatorily shown to the users from Europe. See the [component's guide](/components/feedback-form/feedback-form) for the styles and its content.

Check warning on line 8 in website/docs/components/feedback-form/feedback-form-code.md

View workflow job for this annotation

GitHub Actions / docs-lint

[vale] reported by reviewdog 🐶 [DevDocs.Inclusive] For inclusivity, consider using 'Refer to' instead of 'See'. Raw Output: {"message": "[DevDocs.Inclusive] For inclusivity, consider using 'Refer to' instead of 'See'.", "location": {"path": "website/docs/components/feedback-form/feedback-form-code.md", "range": {"start": {"line": 8, "column": 84}}}, "severity": "INFO"}

::: sandbox

Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Feedback
fileSource: feedback-form
tabs: Design('feedback'), A11y('feedback-form-a11y'), API('feedback-form-api'), Example('feedback-form-code'), Changelog('feedback-form-changelog')
tabs: Design('feedback-form'), A11y('feedback-form-a11y'), API('feedback-form-api'), Example('feedback-form-code'), Changelog('feedback-form-changelog')
---

## Description
Expand Down
6 changes: 0 additions & 6 deletions website/docs/components/feedback/feedback-form-changelog.md

This file was deleted.

6 changes: 3 additions & 3 deletions website/docs/components/modal/modal-api.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import Modal from '@semcore/ui/modal';

## Modal.Overlay

Component which represents the background. Has all properties as [BoxProps](/layout/box-system/box-api) prop does.
Component which represents the background. Has all properties as [BoxProps](/layout/box-system/box-system-api) prop does.

```jsx
import Modal from '@semcore/ui/modal';
Expand All @@ -24,7 +24,7 @@ import Modal from '@semcore/ui/modal';

## Modal.Window

Component which represents the modal window itself. Has all properties as [BoxProps](/layout/box-system/box-api) prop does.
Component which represents the modal window itself. Has all properties as [BoxProps](/layout/box-system/box-system-api) prop does.

```jsx
import Modal from '@semcore/ui/modal';
Expand All @@ -33,7 +33,7 @@ import Modal from '@semcore/ui/modal';

## Modal.Close

Component which represents the closing icon. The component is the `CloseS` icon with the configured styles. Has all properties as [BoxProps](/layout/box-system/box-api) prop and [IconProps](/style/icon/icon-api) prop does.
Component which represents the closing icon. The component is the `CloseS` icon with the configured styles. Has all properties as [BoxProps](/layout/box-system/box-system-api) prop and [IconProps](/style/icon/icon-api) prop does.

```jsx
import Modal from '@semcore/ui/modal';
Expand Down
4 changes: 2 additions & 2 deletions website/docs/components/select/select-api.md
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ import Select from '@semcore/ui/select';

## Select.Option.Hint

Styled [Flex](/layout/box-system/box-api#flex).
Styled [Flex](/layout/box-system/box-system-api#flex).

```jsx
import Select from '@semcore/ui/select';
Expand All @@ -93,7 +93,7 @@ import Select from '@semcore/ui/select';

## Select.Option.Checkbox

A styled [Box](/layout/box-system/box-api#box) that looks like a checkbox.
A styled [Box](/layout/box-system/box-system-api#box) that looks like a checkbox.

```jsx
import Select from '@semcore/ui/select';
Expand Down
6 changes: 3 additions & 3 deletions website/docs/components/side-panel/side-panel-api.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ import SidePanel from '@semcore/ui/side-panel';
<SidePanel.Overlay />;
```

This is a wrap over the [Box](/layout/box-system/box-api#a3cfce) component.
This is a wrap over the [Box](/layout/box-system/box-system-api#box) component.

## SidePanel.Panel

Expand All @@ -29,7 +29,7 @@ import SidePanel from '@semcore/ui/side-panel';
<SidePanel.Panel />;
```

This is a wrap over the [Box](/layout/box-system/box-api#a3cfce) and [FocusLock](https://github.com/theKashey/react-focus-lock/blob/master/interfaces.d.ts#L4).
This is a wrap over the [Box](/layout/box-system/box-system-api#box) and [FocusLock](https://github.com/theKashey/react-focus-lock/blob/master/interfaces.d.ts#L4).

<TypesView type="SidePanelPanelProps" :types={...types} />

Expand All @@ -40,6 +40,6 @@ import SidePanel from '@semcore/ui/side-panel';
<SidePanel.Close />;
```

This is a wrap over the [Box](/layout/box-system/box-api#a3cfce) component.
This is a wrap over the [Box](/layout/box-system/box-system-api#box) component.

<script setup>import { data as types } from '@types.data.ts';</script>
1 change: 1 addition & 0 deletions website/docs/components/time-picker/time-picker-a11y.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
---
title: TimePicker
titleTemplate: :title A11y | Intergalactic Design System
fileSource: time-picker
a11y: AA
tabs: Design('time-picker'), A11y('time-picker-a11y'), API('time-picker-api'), Example('time-picker-code'), Changelog('time-picker-changelog')
Expand Down
2 changes: 1 addition & 1 deletion website/docs/data-display/d3-chart/d3-chart-code.md
Original file line number Diff line number Diff line change
Expand Up @@ -168,7 +168,7 @@ To make things easier, ticks can be specified on the `Axis` component itself, an

## Adaptive chart

For SVG charts to display correctly on responsive layouts, you need to dynamically calculate their width and height. To help you with that, we created the `ResponsiveContainer` component that supports all the [Box properties](/layout/box-system/box-api) and can help you flexibly adjust the chart size.
For SVG charts to display correctly on responsive layouts, you need to dynamically calculate their width and height. To help you with that, we created the `ResponsiveContainer` component that supports all the [Box properties](/layout/box-system/box-system-api) and can help you flexibly adjust the chart size.

::: tip
`ResponsiveContainer` supports the `aspect` property – the aspect ratio between the width and height of a chart.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Radial Tree chart
fileSource: d3-chart
tabs: Design('radial-tree-chart'), API('radial-tree-chart-api'), A11y('radial-tree-chart-a11y'), Examples('radial-tree-chart-d3-examples'), Changelog('d3-chart-changelog')
tabs: Design('radial-tree-chart'), API('radial-tree-chart-api'), A11y('radial-tree-chart-a11y'), Examples('radial-tree-chart-d3-code'), Changelog('d3-chart-changelog')
---

Common changelog of `d3-chart` package.
Expand Down
Loading
Loading