From 18f3df9a04070a69b6cfcef49a3e7e85feb3029f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Kry=C5=A1p=C3=ADn?= Date: Fri, 10 Nov 2023 17:32:43 +0100 Subject: [PATCH] Docs(web-react, web-twig): Switch responsive Grid props to the cols object --- .../web-react/src/components/Button/demo/ButtonDefault.tsx | 2 +- .../web-react/src/components/Button/demo/ButtonDisabled.tsx | 2 +- .../web-react/src/components/Button/demo/ButtonLoading.tsx | 2 +- .../src/components/ButtonLink/demo/ButtonLinkDefault.tsx | 2 +- .../src/components/ButtonLink/demo/ButtonLinkDisabled.tsx | 2 +- packages/web-react/src/components/Tag/demo/TagDefault.tsx | 2 +- packages/web-react/src/icons/demo/icons.tsx | 6 +++++- .../web-twig/src/Resources/components/Breadcrumbs/README.md | 3 ++- .../components/Button/stories/ButtonColorsSizes.twig | 2 +- .../Resources/components/Button/stories/ButtonDisabled.twig | 2 +- .../Resources/components/Button/stories/ButtonLoading.twig | 2 +- .../ButtonLink/stories/ButtonLinkColorsSizes.twig | 2 +- .../components/ButtonLink/stories/ButtonLinkDisabled.twig | 2 +- .../src/Resources/components/Tag/stories/TagDefault.twig | 2 +- packages/web-twig/src/Resources/icons/Icons.stories.twig | 2 +- 15 files changed, 20 insertions(+), 15 deletions(-) diff --git a/packages/web-react/src/components/Button/demo/ButtonDefault.tsx b/packages/web-react/src/components/Button/demo/ButtonDefault.tsx index 8dfe5727bf..3dcf4cb31a 100644 --- a/packages/web-react/src/components/Button/demo/ButtonDefault.tsx +++ b/packages/web-react/src/components/Button/demo/ButtonDefault.tsx @@ -3,7 +3,7 @@ import { Grid } from '../../Grid'; import ButtonDemoFactory from './ButtonDemoFactory'; const ButtonDefault = () => ( - + ); diff --git a/packages/web-react/src/components/Button/demo/ButtonDisabled.tsx b/packages/web-react/src/components/Button/demo/ButtonDisabled.tsx index 973063f6df..0fe9e1196f 100644 --- a/packages/web-react/src/components/Button/demo/ButtonDisabled.tsx +++ b/packages/web-react/src/components/Button/demo/ButtonDisabled.tsx @@ -3,7 +3,7 @@ import { Grid } from '../../Grid'; import ButtonDemoFactory from './ButtonDemoFactory'; const ButtonDisabled = () => ( - + ); diff --git a/packages/web-react/src/components/Button/demo/ButtonLoading.tsx b/packages/web-react/src/components/Button/demo/ButtonLoading.tsx index 86d562c92c..5062349a9a 100644 --- a/packages/web-react/src/components/Button/demo/ButtonLoading.tsx +++ b/packages/web-react/src/components/Button/demo/ButtonLoading.tsx @@ -3,7 +3,7 @@ import { Grid } from '../../Grid'; import ButtonDemoFactory from './ButtonDemoFactory'; const ButtonLoading = () => ( - + ); diff --git a/packages/web-react/src/components/ButtonLink/demo/ButtonLinkDefault.tsx b/packages/web-react/src/components/ButtonLink/demo/ButtonLinkDefault.tsx index 5723d8c767..aa825098e6 100644 --- a/packages/web-react/src/components/ButtonLink/demo/ButtonLinkDefault.tsx +++ b/packages/web-react/src/components/ButtonLink/demo/ButtonLinkDefault.tsx @@ -3,7 +3,7 @@ import { Grid } from '../../Grid'; import ButtonLinkDemoFactory from './ButtonLinkDemoFactory'; const ButtonLinkDefault = () => ( - + ); diff --git a/packages/web-react/src/components/ButtonLink/demo/ButtonLinkDisabled.tsx b/packages/web-react/src/components/ButtonLink/demo/ButtonLinkDisabled.tsx index 1e9ec6c62b..5876913b90 100644 --- a/packages/web-react/src/components/ButtonLink/demo/ButtonLinkDisabled.tsx +++ b/packages/web-react/src/components/ButtonLink/demo/ButtonLinkDisabled.tsx @@ -3,7 +3,7 @@ import { Grid } from '../../Grid'; import ButtonLinkDemoFactory from './ButtonLinkDemoFactory'; const ButtonLinkDisabled = () => ( - + ); diff --git a/packages/web-react/src/components/Tag/demo/TagDefault.tsx b/packages/web-react/src/components/Tag/demo/TagDefault.tsx index b8208be065..0ac08b2717 100644 --- a/packages/web-react/src/components/Tag/demo/TagDefault.tsx +++ b/packages/web-react/src/components/Tag/demo/TagDefault.tsx @@ -10,7 +10,7 @@ const TagDefault = () => { const colors = ['neutral', ...emotionColors]; return ( - + {sizes.map((size) => ( {colors.map((color) => ( diff --git a/packages/web-react/src/icons/demo/icons.tsx b/packages/web-react/src/icons/demo/icons.tsx index f96b4bd543..bc24a7b945 100644 --- a/packages/web-react/src/icons/demo/icons.tsx +++ b/packages/web-react/src/icons/demo/icons.tsx @@ -11,7 +11,11 @@ const Icons = () => { } return ( - + {icons?.map((icon) => (
  • diff --git a/packages/web-twig/src/Resources/components/Breadcrumbs/README.md b/packages/web-twig/src/Resources/components/Breadcrumbs/README.md index 3de7e85da1..9d44413410 100644 --- a/packages/web-twig/src/Resources/components/Breadcrumbs/README.md +++ b/packages/web-twig/src/Resources/components/Breadcrumbs/README.md @@ -98,7 +98,7 @@ content can be overridden by any custom block content. | Name | Type | Default | Required | Description | | ------------- | -------- | ------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `elementType` | `string` | `nav` | ✕ | HTML tag to render | -| `goBackTitle` | `string` | — | ✕ | Title/translation for back link to previous page on mobile. It's essential to be set along with items. If items property is not passed, backlink is to be created within children property. [**Optional DEPRECATED**][Deprecated] Will be **required** in the next major version. | +| `goBackTitle` | `string` | — | ✕ | Title/translation for back link to previous page on mobile. It's essential to be set along with items. If items property is not passed, backlink is to be created within children property. [**Optional DEPRECATED**][deprecated] Will be **required** in the next major version. | | `items` | `array` | `[]` | ✕ | Navigation menu items | You can add `id`, `data-*` or `aria-*` attributes to further extend the component's @@ -150,5 +150,6 @@ Please see the documentation for more details. Additional option is to use helper class `text-truncate` with defined width. [breadcrumbs]: https://github.com/lmc-eu/spirit-design-system/tree/main/packages/web/src/scss/components/Breadcrumbs +[deprecated]: https://github.com/lmc-eu/spirit-design-system/tree/main/packages/web-twig/README.md#deprecations [escape-hatches]: https://github.com/lmc-eu/spirit-design-system/tree/main/packages/web-twig/README.md#escape-hatches [twig-truncate]: https://twig.symfony.com/doc/3.x/filters/u.html diff --git a/packages/web-twig/src/Resources/components/Button/stories/ButtonColorsSizes.twig b/packages/web-twig/src/Resources/components/Button/stories/ButtonColorsSizes.twig index 86abf52ebb..350c208f27 100644 --- a/packages/web-twig/src/Resources/components/Button/stories/ButtonColorsSizes.twig +++ b/packages/web-twig/src/Resources/components/Button/stories/ButtonColorsSizes.twig @@ -1,4 +1,4 @@ - + {% for size in sizes %} {% set title = 'Size ' ~ size %} diff --git a/packages/web-twig/src/Resources/components/Button/stories/ButtonDisabled.twig b/packages/web-twig/src/Resources/components/Button/stories/ButtonDisabled.twig index e20eeb0cc1..15c36974bb 100644 --- a/packages/web-twig/src/Resources/components/Button/stories/ButtonDisabled.twig +++ b/packages/web-twig/src/Resources/components/Button/stories/ButtonDisabled.twig @@ -1,4 +1,4 @@ - + {% for size in sizes %} {% set title = 'Size ' ~ size %} diff --git a/packages/web-twig/src/Resources/components/Button/stories/ButtonLoading.twig b/packages/web-twig/src/Resources/components/Button/stories/ButtonLoading.twig index d30e3786d0..d59f8c8b88 100644 --- a/packages/web-twig/src/Resources/components/Button/stories/ButtonLoading.twig +++ b/packages/web-twig/src/Resources/components/Button/stories/ButtonLoading.twig @@ -1,4 +1,4 @@ - + {% for size in sizes %} {% set title = 'Size ' ~ size %} diff --git a/packages/web-twig/src/Resources/components/ButtonLink/stories/ButtonLinkColorsSizes.twig b/packages/web-twig/src/Resources/components/ButtonLink/stories/ButtonLinkColorsSizes.twig index 39df23deb8..9fe123483a 100644 --- a/packages/web-twig/src/Resources/components/ButtonLink/stories/ButtonLinkColorsSizes.twig +++ b/packages/web-twig/src/Resources/components/ButtonLink/stories/ButtonLinkColorsSizes.twig @@ -1,4 +1,4 @@ - + {% for size in sizes %} {% set title = 'Size ' ~ size %} diff --git a/packages/web-twig/src/Resources/components/ButtonLink/stories/ButtonLinkDisabled.twig b/packages/web-twig/src/Resources/components/ButtonLink/stories/ButtonLinkDisabled.twig index e610a8d9c3..a9c62b0871 100644 --- a/packages/web-twig/src/Resources/components/ButtonLink/stories/ButtonLinkDisabled.twig +++ b/packages/web-twig/src/Resources/components/ButtonLink/stories/ButtonLinkDisabled.twig @@ -1,4 +1,4 @@ - + {% for size in sizes %} {% set title = 'Size ' ~ size %} diff --git a/packages/web-twig/src/Resources/components/Tag/stories/TagDefault.twig b/packages/web-twig/src/Resources/components/Tag/stories/TagDefault.twig index 34e58f69ac..b56e110cc9 100644 --- a/packages/web-twig/src/Resources/components/Tag/stories/TagDefault.twig +++ b/packages/web-twig/src/Resources/components/Tag/stories/TagDefault.twig @@ -1,7 +1,7 @@ {% set colors = [ 'neutral', 'success', 'informative', 'warning', 'danger' ] %} {% set sizes = [ 'xsmall', 'small', 'medium', 'large', 'xlarge' ] %} - + {% for size in sizes %} {% set title = 'Size ' ~ size %} diff --git a/packages/web-twig/src/Resources/icons/Icons.stories.twig b/packages/web-twig/src/Resources/icons/Icons.stories.twig index 8b36af0033..5d0660d350 100644 --- a/packages/web-twig/src/Resources/icons/Icons.stories.twig +++ b/packages/web-twig/src/Resources/icons/Icons.stories.twig @@ -4,7 +4,7 @@ - + {% for icon in icons %}