diff --git a/website/docs/.vitepress/sidebarConfig.ts b/website/docs/.vitepress/sidebarConfig.ts index 5bb5027f63..84e4dfb0bf 100644 --- a/website/docs/.vitepress/sidebarConfig.ts +++ b/website/docs/.vitepress/sidebarConfig.ts @@ -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', }, @@ -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', }, { diff --git a/website/docs/.vitepress/theme/Page404.vue b/website/docs/.vitepress/theme/Page404.vue index c74f2aa725..1b23446b2f 100644 --- a/website/docs/.vitepress/theme/Page404.vue +++ b/website/docs/.vitepress/theme/Page404.vue @@ -21,6 +21,9 @@ 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", @@ -28,7 +31,11 @@ const redirects = { "/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", @@ -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", diff --git a/website/docs/components/accordion/accordion-api.md b/website/docs/components/accordion/accordion-api.md index 02318cf2aa..efc5f794c0 100644 --- a/website/docs/components/accordion/accordion-api.md +++ b/website/docs/components/accordion/accordion-api.md @@ -31,7 +31,7 @@ import { Accordion } from '@semcore/ui/accordion'; ; ``` -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 @@ -43,7 +43,7 @@ import { Accordion } from '@semcore/ui/accordion'; -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 @@ -53,6 +53,6 @@ import { Accordion } from '@semcore/ui/accordion'; ; ``` -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. diff --git a/website/docs/components/button/button.md b/website/docs/components/button/button.md index 5eb075c069..93ae982e37 100644 --- a/website/docs/components/button/button.md +++ b/website/docs/components/button/button.md @@ -278,7 +278,7 @@ Table: States for all buttons types and themes 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 @@ -324,7 +324,7 @@ If you need to use a single button we recommend you to set it's width to at leas ## 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. Table: Margins between buttons diff --git a/website/docs/components/card/card-api.md b/website/docs/components/card/card-api.md index e7e704f6f9..a80d930b75 100644 --- a/website/docs/components/card/card-api.md +++ b/website/docs/components/card/card-api.md @@ -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'; @@ -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'; @@ -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'; diff --git a/website/docs/components/carousel/carousel-api.md b/website/docs/components/carousel/carousel-api.md index f2ea68df69..1782632295 100644 --- a/website/docs/components/carousel/carousel-api.md +++ b/website/docs/components/carousel/carousel-api.md @@ -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'; @@ -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'; @@ -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'; @@ -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'; diff --git a/website/docs/components/color-picker/color-picker.md b/website/docs/components/color-picker/color-picker.md index 74e6bfe791..b438efff3c 100644 --- a/website/docs/components/color-picker/color-picker.md +++ b/website/docs/components/color-picker/color-picker.md @@ -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) diff --git a/website/docs/components/components-showcase/components-showcase.md b/website/docs/components/components-showcase/components-showcase.md index b5f7349922..cd240be5ae 100644 --- a/website/docs/components/components-showcase/components-showcase.md +++ b/website/docs/components/components-showcase/components-showcase.md @@ -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', }, diff --git a/website/docs/components/date-picker/date-changelog.md b/website/docs/components/date-picker/date-changelog.md deleted file mode 100644 index 9d494c4727..0000000000 --- a/website/docs/components/date-picker/date-changelog.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -title: DatePicker -fileSource: date-picker -tabs: Design('date-picker'), A11y('date-a11y'), API('date-api'), Example('date-code'), Changelog('date-changelog') ---- - -::: changelog date-picker ::: diff --git a/website/docs/components/date-picker/date-a11y.md b/website/docs/components/date-picker/date-picker-a11y.md similarity index 98% rename from website/docs/components/date-picker/date-a11y.md rename to website/docs/components/date-picker/date-picker-a11y.md index 0ca52ae2e3..5a9ec8b63e 100644 --- a/website/docs/components/date-picker/date-a11y.md +++ b/website/docs/components/date-picker/date-picker-a11y.md @@ -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 diff --git a/website/docs/components/date-picker/date-api.md b/website/docs/components/date-picker/date-picker-api.md similarity index 92% rename from website/docs/components/date-picker/date-api.md rename to website/docs/components/date-picker/date-picker-api.md index 7ca1289f3b..76dee12f64 100644 --- a/website/docs/components/date-picker/date-api.md +++ b/website/docs/components/date-picker/date-picker-api.md @@ -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 diff --git a/website/docs/components/date-picker/date-picker-changelog.md b/website/docs/components/date-picker/date-picker-changelog.md new file mode 100644 index 0000000000..9fc9138c15 --- /dev/null +++ b/website/docs/components/date-picker/date-picker-changelog.md @@ -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 ::: diff --git a/website/docs/components/date-picker/date-code.md b/website/docs/components/date-picker/date-picker-code.md similarity index 95% rename from website/docs/components/date-picker/date-code.md rename to website/docs/components/date-picker/date-picker-code.md index 67d65257d0..3a3013ba60 100644 --- a/website/docs/components/date-picker/date-code.md +++ b/website/docs/components/date-picker/date-picker-code.md @@ -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 diff --git a/website/docs/components/date-picker/date-picker.md b/website/docs/components/date-picker/date-picker.md index 06a3219604..09029fdc22 100644 --- a/website/docs/components/date-picker/date-picker.md +++ b/website/docs/components/date-picker/date-picker.md @@ -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 diff --git a/website/docs/components/feedback/examples/default_feedback_form.tsx b/website/docs/components/feedback-form/examples/default_feedback_form.tsx similarity index 100% rename from website/docs/components/feedback/examples/default_feedback_form.tsx rename to website/docs/components/feedback-form/examples/default_feedback_form.tsx diff --git a/website/docs/components/feedback/examples/feedback_form_example.tsx b/website/docs/components/feedback-form/examples/feedback_form_example.tsx similarity index 100% rename from website/docs/components/feedback/examples/feedback_form_example.tsx rename to website/docs/components/feedback-form/examples/feedback_form_example.tsx diff --git a/website/docs/components/feedback/feedback-form-a11y.md b/website/docs/components/feedback-form/feedback-form-a11y.md similarity index 91% rename from website/docs/components/feedback/feedback-form-a11y.md rename to website/docs/components/feedback-form/feedback-form-a11y.md index 561f4419e5..c700e0e6b7 100644 --- a/website/docs/components/feedback/feedback-form-a11y.md +++ b/website/docs/components/feedback-form/feedback-form-a11y.md @@ -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 diff --git a/website/docs/components/feedback/feedback-form-api.md b/website/docs/components/feedback-form/feedback-form-api.md similarity index 92% rename from website/docs/components/feedback/feedback-form-api.md rename to website/docs/components/feedback-form/feedback-form-api.md index f7b0a94f20..b6267bf1ae 100644 --- a/website/docs/components/feedback/feedback-form-api.md +++ b/website/docs/components/feedback-form/feedback-form-api.md @@ -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 diff --git a/website/docs/components/feedback-form/feedback-form-changelog.md b/website/docs/components/feedback-form/feedback-form-changelog.md new file mode 100644 index 0000000000..fb0d5e852e --- /dev/null +++ b/website/docs/components/feedback-form/feedback-form-changelog.md @@ -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 ::: diff --git a/website/docs/components/feedback/feedback-form-code.md b/website/docs/components/feedback-form/feedback-form-code.md similarity index 70% rename from website/docs/components/feedback/feedback-form-code.md rename to website/docs/components/feedback-form/feedback-form-code.md index 388085ceda..b0263ff59f 100644 --- a/website/docs/components/feedback/feedback-form-code.md +++ b/website/docs/components/feedback-form/feedback-form-code.md @@ -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. ::: sandbox diff --git a/website/docs/components/feedback/feedback.md b/website/docs/components/feedback-form/feedback-form.md similarity index 97% rename from website/docs/components/feedback/feedback.md rename to website/docs/components/feedback-form/feedback-form.md index fac0dcdb84..0fe6f7f6e1 100644 --- a/website/docs/components/feedback/feedback.md +++ b/website/docs/components/feedback-form/feedback-form.md @@ -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 diff --git a/website/docs/components/feedback/static/default.png b/website/docs/components/feedback-form/static/default.png similarity index 100% rename from website/docs/components/feedback/static/default.png rename to website/docs/components/feedback-form/static/default.png diff --git a/website/docs/components/feedback/static/error.png b/website/docs/components/feedback-form/static/error.png similarity index 100% rename from website/docs/components/feedback/static/error.png rename to website/docs/components/feedback-form/static/error.png diff --git a/website/docs/components/feedback/static/loading.png b/website/docs/components/feedback-form/static/loading.png similarity index 100% rename from website/docs/components/feedback/static/loading.png rename to website/docs/components/feedback-form/static/loading.png diff --git a/website/docs/components/feedback/static/options.png b/website/docs/components/feedback-form/static/options.png similarity index 100% rename from website/docs/components/feedback/static/options.png rename to website/docs/components/feedback-form/static/options.png diff --git a/website/docs/components/feedback/static/scroll.png b/website/docs/components/feedback-form/static/scroll.png similarity index 100% rename from website/docs/components/feedback/static/scroll.png rename to website/docs/components/feedback-form/static/scroll.png diff --git a/website/docs/components/feedback/static/send-feedback-notice.png b/website/docs/components/feedback-form/static/send-feedback-notice.png similarity index 100% rename from website/docs/components/feedback/static/send-feedback-notice.png rename to website/docs/components/feedback-form/static/send-feedback-notice.png diff --git a/website/docs/components/feedback/static/send-feedback-sizes.png b/website/docs/components/feedback-form/static/send-feedback-sizes.png similarity index 100% rename from website/docs/components/feedback/static/send-feedback-sizes.png rename to website/docs/components/feedback-form/static/send-feedback-sizes.png diff --git a/website/docs/components/feedback/static/send-feedback.png b/website/docs/components/feedback-form/static/send-feedback.png similarity index 100% rename from website/docs/components/feedback/static/send-feedback.png rename to website/docs/components/feedback-form/static/send-feedback.png diff --git a/website/docs/components/feedback/static/success.png b/website/docs/components/feedback-form/static/success.png similarity index 100% rename from website/docs/components/feedback/static/success.png rename to website/docs/components/feedback-form/static/success.png diff --git a/website/docs/components/feedback/static/validation-1.png b/website/docs/components/feedback-form/static/validation-1.png similarity index 100% rename from website/docs/components/feedback/static/validation-1.png rename to website/docs/components/feedback-form/static/validation-1.png diff --git a/website/docs/components/feedback/static/validation-2.png b/website/docs/components/feedback-form/static/validation-2.png similarity index 100% rename from website/docs/components/feedback/static/validation-2.png rename to website/docs/components/feedback-form/static/validation-2.png diff --git a/website/docs/components/feedback/static/validation-3.png b/website/docs/components/feedback-form/static/validation-3.png similarity index 100% rename from website/docs/components/feedback/static/validation-3.png rename to website/docs/components/feedback-form/static/validation-3.png diff --git a/website/docs/components/feedback/feedback-form-changelog.md b/website/docs/components/feedback/feedback-form-changelog.md deleted file mode 100644 index 8d489ab6bd..0000000000 --- a/website/docs/components/feedback/feedback-form-changelog.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: Feedback -tabs: Design('feedback'), A11y('feedback-form-a11y'), API('feedback-form-api'), Example('feedback-form-code'), Changelog('feedback-form-changelog') ---- - -::: changelog feedback-form ::: diff --git a/website/docs/components/modal/modal-api.md b/website/docs/components/modal/modal-api.md index dd993859ab..86a9c15705 100644 --- a/website/docs/components/modal/modal-api.md +++ b/website/docs/components/modal/modal-api.md @@ -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'; @@ -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'; @@ -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'; diff --git a/website/docs/components/select/select-api.md b/website/docs/components/select/select-api.md index 6e2b1c5ef9..055f9950ae 100644 --- a/website/docs/components/select/select-api.md +++ b/website/docs/components/select/select-api.md @@ -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'; @@ -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'; diff --git a/website/docs/components/side-panel/side-panel-api.md b/website/docs/components/side-panel/side-panel-api.md index c0df3f5fed..b786925d95 100644 --- a/website/docs/components/side-panel/side-panel-api.md +++ b/website/docs/components/side-panel/side-panel-api.md @@ -20,7 +20,7 @@ import SidePanel from '@semcore/ui/side-panel'; ; ``` -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 @@ -29,7 +29,7 @@ import SidePanel from '@semcore/ui/side-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). @@ -40,6 +40,6 @@ import SidePanel from '@semcore/ui/side-panel'; ; ``` -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. diff --git a/website/docs/components/time-picker/time-picker-a11y.md b/website/docs/components/time-picker/time-picker-a11y.md index c7fe53bc4f..1b4ea627fb 100644 --- a/website/docs/components/time-picker/time-picker-a11y.md +++ b/website/docs/components/time-picker/time-picker-a11y.md @@ -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') diff --git a/website/docs/data-display/d3-chart/d3-chart-code.md b/website/docs/data-display/d3-chart/d3-chart-code.md index 24a0130a35..daca04e32c 100644 --- a/website/docs/data-display/d3-chart/d3-chart-code.md +++ b/website/docs/data-display/d3-chart/d3-chart-code.md @@ -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. diff --git a/website/docs/data-display/radial-tree-chart/d3-chart-changelog.md b/website/docs/data-display/radial-tree-chart/d3-chart-changelog.md index 7955e6cd9c..e4c1ad8ee4 100644 --- a/website/docs/data-display/radial-tree-chart/d3-chart-changelog.md +++ b/website/docs/data-display/radial-tree-chart/d3-chart-changelog.md @@ -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. diff --git a/website/docs/data-display/radial-tree-chart/radial-tree-chart-a11y.md b/website/docs/data-display/radial-tree-chart/radial-tree-chart-a11y.md index e545d177c4..9b593a6f73 100644 --- a/website/docs/data-display/radial-tree-chart/radial-tree-chart-a11y.md +++ b/website/docs/data-display/radial-tree-chart/radial-tree-chart-a11y.md @@ -2,7 +2,7 @@ title: Radial Tree chart fileSource: d3-chart a11y: AA -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') --- Radial tree chart is accessible for screen readers. Refer to [Accessibility section in D3 chart documentation](/data-display/d3-chart/d3-chart-a11y) to know more. If you are making your radial tree interactive, make sure that chart isnโ€™t the only way to accomplish user scenario. For example, provide `