From 5a9da1bed685640956033cf97b52e375234ab047 Mon Sep 17 00:00:00 2001 From: Tiberiu Dumitru Date: Thu, 28 Sep 2023 12:58:39 +0300 Subject: [PATCH] OEL-2597: Added archived badge. --- .storybook/manager.js | 2 +- .storybook/preview.js | 22 +++++++++++++++---- .../bcl-contact-form/contact-form.story.js | 2 +- .../content-banner.story.js | 2 +- src/compositions/bcl-event/event.story.js | 2 +- .../bcl-glossary/glossary.story.js | 2 +- src/compositions/bcl-group/group.story.js | 2 +- .../deprecated-landing-page.story.js | 2 +- .../bcl-language-list/language-list.story.js | 2 +- .../language-switcher.story.js | 2 +- .../bcl-multilingual/multilingual.story.js | 2 +- src/compositions/bcl-news/news.story.js | 2 +- src/compositions/bcl-page/page.story.js | 2 +- src/compositions/bcl-person/person.story.js | 2 +- .../bcl-procurement/procurement.story.js | 2 +- src/compositions/bcl-project/project.story.js | 2 +- .../bcl-publication/publication.story.js | 2 +- src/compositions/bcl-search/search.story.js | 2 +- .../subscription-block.story.js | 2 +- .../bcl-subscription/subscription.story.js | 2 +- src/compositions/bcl-user/user.story.js | 2 +- src/compositions/bcl-vacancy/vacancy.story.js | 2 +- .../default/storybook/.storybook/manager.js | 2 +- .../default/storybook/.storybook/preview.js | 16 +++++++++++++- src/themes/ucpkn/src/stories/project.story.js | 2 +- 25 files changed, 56 insertions(+), 28 deletions(-) diff --git a/.storybook/manager.js b/.storybook/manager.js index 47656ab26..a74464c2a 100644 --- a/.storybook/manager.js +++ b/.storybook/manager.js @@ -13,7 +13,7 @@ addons.setConfig({ isToolshown: true, theme: create({ base: "light", - brandTitle: `OE-BCL`, + brandTitle: `OE-BCL - Archived`, brandUrl: "https://github.com/openeuropa/bootstrap-component-library", brandImage: undefined, }), diff --git a/.storybook/preview.js b/.storybook/preview.js index ccde4c50a..0f5354307 100644 --- a/.storybook/preview.js +++ b/.storybook/preview.js @@ -17,19 +17,32 @@ export const parameters = { controls: { expanded: true }, layout: "padded", badgesConfig: { - [BADGE.STABLE]: { - title: 'v1.1', + archived: { + title: 'Archived', styles: { fontSize: '20', paddingInline: '24px', - backgroundColor: '#1EA7FD', + backgroundColor: '#6C757D', borderColor: '#DCDCDC', color: '#F5F5F5', - textTransform: 'lowercase', + textTransform: 'capitalize', borderWidth: '2px', paddingBlock: '5px', } }, + stable: { + title: "v1", + styles: { + fontSize: "20", + paddingInline: "24px", + backgroundColor: "#1EA7FD", + borderColor: "#DCDCDC", + color: "#F5F5F5", + textTransform: "lowercase", + borderWidth: "2px", + paddingBlock: "5px", + }, + }, }, viewport: { defaultViewport: "responsive", @@ -76,4 +89,5 @@ export const parameters = { ], }, }, + badges: ['archived'], }; diff --git a/src/compositions/bcl-contact-form/contact-form.story.js b/src/compositions/bcl-contact-form/contact-form.story.js index 1eaf7e321..33cd7cc14 100644 --- a/src/compositions/bcl-contact-form/contact-form.story.js +++ b/src/compositions/bcl-contact-form/contact-form.story.js @@ -72,7 +72,7 @@ export default { url: "https://www.figma.com/file/NQlGvTiTXZYN8TwY2Ur5EI/BCL-Features?node-id=5191%3A180830", }, ], - badges: ["stable"], + badges: ["archived", "stable"], }, }; diff --git a/src/compositions/bcl-content-banner/content-banner.story.js b/src/compositions/bcl-content-banner/content-banner.story.js index d4694eedf..e5c64654d 100644 --- a/src/compositions/bcl-content-banner/content-banner.story.js +++ b/src/compositions/bcl-content-banner/content-banner.story.js @@ -113,7 +113,7 @@ export default { url: "https://www.figma.com/file/7aJedLkk8hiDoD3RcxTnQi/BCL-Starter-kit---Components?node-id=9664%3A107055", }, ], - badges: ["stable"], + badges: ["archived", "stable"], }, }; diff --git a/src/compositions/bcl-event/event.story.js b/src/compositions/bcl-event/event.story.js index f97b64dd7..05e2b55a2 100644 --- a/src/compositions/bcl-event/event.story.js +++ b/src/compositions/bcl-event/event.story.js @@ -37,7 +37,7 @@ export default { decorators: [withCode, withDesign], parameters: { layout: "fullscreen", - badges: ["stable"], + badges: ["archived", "stable"], badgesConfig: { stable: { title: "v1.2", diff --git a/src/compositions/bcl-glossary/glossary.story.js b/src/compositions/bcl-glossary/glossary.story.js index 5fe1097a2..930c83c09 100644 --- a/src/compositions/bcl-glossary/glossary.story.js +++ b/src/compositions/bcl-glossary/glossary.story.js @@ -16,7 +16,7 @@ export default { controls: { disable: true, }, - badges: ["stable"], + badges: ["archived", "stable"], badgesConfig: { stable: { title: "v1", diff --git a/src/compositions/bcl-group/group.story.js b/src/compositions/bcl-group/group.story.js index e895bef2f..90a20e0f8 100644 --- a/src/compositions/bcl-group/group.story.js +++ b/src/compositions/bcl-group/group.story.js @@ -28,7 +28,7 @@ export default { rules: [{ id: "aria-input-field-name", enabled: false }], }, }, - badges: ["stable"], + badges: ["archived", "stable"], controls: { disable: true, }, diff --git a/src/compositions/bcl-landing-page/deprecated-landing-page.story.js b/src/compositions/bcl-landing-page/deprecated-landing-page.story.js index 0d93baa51..3ad516ad6 100644 --- a/src/compositions/bcl-landing-page/deprecated-landing-page.story.js +++ b/src/compositions/bcl-landing-page/deprecated-landing-page.story.js @@ -11,7 +11,7 @@ export default { layout: "fullscreen", decorators: [withCode, withDesign], controls: { disable: true }, - badges: ["stable"], + badges: ["archived", "stable"], badgesConfig: { stable: { title: "v1", diff --git a/src/compositions/bcl-language-list/language-list.story.js b/src/compositions/bcl-language-list/language-list.story.js index 023b263bc..d2657e1ac 100644 --- a/src/compositions/bcl-language-list/language-list.story.js +++ b/src/compositions/bcl-language-list/language-list.story.js @@ -20,7 +20,7 @@ export default { url: "https://www.figma.com/file/NQlGvTiTXZYN8TwY2Ur5EI/BCL-Features?node-id=5568%3A231237", }, ], - badges: ["stable"], + badges: ["archived", "stable"], }, }; diff --git a/src/compositions/bcl-language-switcher/language-switcher.story.js b/src/compositions/bcl-language-switcher/language-switcher.story.js index bbb21959f..ad0072e80 100644 --- a/src/compositions/bcl-language-switcher/language-switcher.story.js +++ b/src/compositions/bcl-language-switcher/language-switcher.story.js @@ -11,7 +11,7 @@ export default { title: "Compositions/Language Switcher", decorators: [withCode, withDesign], parameters: { - badges: ["stable"], + badges: ["archived", "stable"], layout: "padded", controls: { disable: true }, design: [ diff --git a/src/compositions/bcl-multilingual/multilingual.story.js b/src/compositions/bcl-multilingual/multilingual.story.js index 683e28c0d..ddd4a1f00 100644 --- a/src/compositions/bcl-multilingual/multilingual.story.js +++ b/src/compositions/bcl-multilingual/multilingual.story.js @@ -65,7 +65,7 @@ export default { parameters: { layout: "fullscreen", controls: { disable: true }, - badges: ["stable"], + badges: ["archived", "stable"], badgesConfig: { stable: { title: "v1", diff --git a/src/compositions/bcl-news/news.story.js b/src/compositions/bcl-news/news.story.js index 88f53ec8a..99c2c68b8 100644 --- a/src/compositions/bcl-news/news.story.js +++ b/src/compositions/bcl-news/news.story.js @@ -14,7 +14,7 @@ export default { controls: { disable: true, }, - badges: ["stable"], + badges: ["archived", "stable"], }, }; diff --git a/src/compositions/bcl-page/page.story.js b/src/compositions/bcl-page/page.story.js index 560df0286..1150f6a25 100644 --- a/src/compositions/bcl-page/page.story.js +++ b/src/compositions/bcl-page/page.story.js @@ -14,7 +14,7 @@ export default { rules: [{ id: "frame-tested", enabled: false }], }, }, - badges: ["stable"], + badges: ["archived", "stable"], badgesConfig: { stable: { title: "v1", diff --git a/src/compositions/bcl-person/person.story.js b/src/compositions/bcl-person/person.story.js index 34ac762e0..e0064bc9e 100644 --- a/src/compositions/bcl-person/person.story.js +++ b/src/compositions/bcl-person/person.story.js @@ -14,7 +14,7 @@ export default { controls: { disable: true, }, - badges: ["stable"], + badges: ["archived", "stable"], design: [ { name: "Mockup", diff --git a/src/compositions/bcl-procurement/procurement.story.js b/src/compositions/bcl-procurement/procurement.story.js index 0d42673a2..52240ffb9 100644 --- a/src/compositions/bcl-procurement/procurement.story.js +++ b/src/compositions/bcl-procurement/procurement.story.js @@ -18,7 +18,7 @@ export default { controls: { disable: true, }, - badges: ["stable"], + badges: ["archived", "stable"], design: [ { name: "Mockup", diff --git a/src/compositions/bcl-project/project.story.js b/src/compositions/bcl-project/project.story.js index aec9b3a5f..32323f258 100644 --- a/src/compositions/bcl-project/project.story.js +++ b/src/compositions/bcl-project/project.story.js @@ -23,7 +23,7 @@ export default { controls: { disable: true, }, - badges: ["stable"], + badges: ["archived", "stable"], badgesConfig: { stable: { title: "v1.2", diff --git a/src/compositions/bcl-publication/publication.story.js b/src/compositions/bcl-publication/publication.story.js index 7e9565d22..30fb14046 100644 --- a/src/compositions/bcl-publication/publication.story.js +++ b/src/compositions/bcl-publication/publication.story.js @@ -22,7 +22,7 @@ export default { controls: { disable: true, }, - badges: ["stable"], + badges: ["archived", "stable"], design: [ { name: "Mockup", diff --git a/src/compositions/bcl-search/search.story.js b/src/compositions/bcl-search/search.story.js index 849bad094..7050191ef 100644 --- a/src/compositions/bcl-search/search.story.js +++ b/src/compositions/bcl-search/search.story.js @@ -21,7 +21,7 @@ export default { ], }, }, - badges: ["stable"], + badges: ["archived", "stable"], layout: "fullscreen", controls: { disable: true }, design: [ diff --git a/src/compositions/bcl-subscription-block/subscription-block.story.js b/src/compositions/bcl-subscription-block/subscription-block.story.js index ac9d1d5be..dedb52d2c 100644 --- a/src/compositions/bcl-subscription-block/subscription-block.story.js +++ b/src/compositions/bcl-subscription-block/subscription-block.story.js @@ -11,7 +11,7 @@ export default { parameters: { layout: "fullscreen", controls: { disable: true }, - badges: ["stable"], + badges: ["archived", "stable"], design: [ { name: "Mockup", diff --git a/src/compositions/bcl-subscription/subscription.story.js b/src/compositions/bcl-subscription/subscription.story.js index 2070ed0a6..376e120ae 100644 --- a/src/compositions/bcl-subscription/subscription.story.js +++ b/src/compositions/bcl-subscription/subscription.story.js @@ -94,7 +94,7 @@ export default { parameters: { layout: "fullscreen", controls: { disable: true }, - badges: ["stable"], + badges: ["archived", "stable"], design: [ { name: "Mockup", diff --git a/src/compositions/bcl-user/user.story.js b/src/compositions/bcl-user/user.story.js index fb0076b36..d304a41b9 100644 --- a/src/compositions/bcl-user/user.story.js +++ b/src/compositions/bcl-user/user.story.js @@ -49,7 +49,7 @@ export default { parameters: { layout: "fullscreen", controls: { disable: true }, - badges: ["stable"], + badges: ["archived", "stable"], a11y: { config: { rules: [ diff --git a/src/compositions/bcl-vacancy/vacancy.story.js b/src/compositions/bcl-vacancy/vacancy.story.js index 50ac405c8..493f8df4e 100644 --- a/src/compositions/bcl-vacancy/vacancy.story.js +++ b/src/compositions/bcl-vacancy/vacancy.story.js @@ -18,7 +18,7 @@ export default { controls: { disable: true, }, - badges: ["stable"], + badges: ["archived", "stable"], design: [ { name: "Mockup", diff --git a/src/themes/default/storybook/.storybook/manager.js b/src/themes/default/storybook/.storybook/manager.js index 83aa33e4f..8549d52e1 100644 --- a/src/themes/default/storybook/.storybook/manager.js +++ b/src/themes/default/storybook/.storybook/manager.js @@ -15,7 +15,7 @@ addons.setConfig({ isToolshown: true, theme: create({ base: "light", - brandTitle: `OE-BCL ${project} v${version}`, + brandTitle: `OE-BCL ${project} v${version} - Archived`, brandUrl: "https://github.com/openeuropa/bootstrap-component-library", brandImage: undefined, }), diff --git a/src/themes/default/storybook/.storybook/preview.js b/src/themes/default/storybook/.storybook/preview.js index c7c51391c..082301988 100644 --- a/src/themes/default/storybook/.storybook/preview.js +++ b/src/themes/default/storybook/.storybook/preview.js @@ -29,7 +29,20 @@ export const parameters = { controls: { expanded: true }, layout: "padded", badgesConfig: { - [BADGE.STABLE]: { + archived: { + title: "Archived", + styles: { + fontSize: "20", + paddingInline: "24px", + backgroundColor: "#6C757D", + borderColor: "#DCDCDC", + color: "#F5F5F5", + textTransform: "capitalize", + borderWidth: "2px", + paddingBlock: "5px", + }, + }, + stable: { title: "v1", styles: { fontSize: "20", @@ -83,4 +96,5 @@ export const parameters = { order: ["Components", "Compositions", "Paragraphs", "Features"], }, }, + badges: ["archived"], }; diff --git a/src/themes/ucpkn/src/stories/project.story.js b/src/themes/ucpkn/src/stories/project.story.js index 71d2c94ce..15900c919 100644 --- a/src/themes/ucpkn/src/stories/project.story.js +++ b/src/themes/ucpkn/src/stories/project.story.js @@ -24,7 +24,7 @@ export default { controls: { disable: true, }, - badges: ["stable"], + badges: ["archived", "stable"], design: [ { name: "Mockup",