From 0e3d5cafd939a55bb1ca6b7c7ac08be34b8f6472 Mon Sep 17 00:00:00 2001 From: Robson Junior Date: Wed, 2 Oct 2024 11:24:42 -0300 Subject: [PATCH] feat: SectionCardBackgroundIntercalated enabled reused block --- ...on-card-background-intercalated.stories.js | 82 ++++++------------- .../SectionCardBackgroundIntercalated.d.ts | 0 .../SectionCardBackgroundIntercalated.vue | 47 +++++++++++ .../package.json | 7 ++ .../sectioncardbackgroundintercalated.js | 2 + 5 files changed, 82 insertions(+), 56 deletions(-) create mode 100644 src/templates/sectioncardbackgroundintercalated/SectionCardBackgroundIntercalated.d.ts create mode 100644 src/templates/sectioncardbackgroundintercalated/SectionCardBackgroundIntercalated.vue create mode 100644 src/templates/sectioncardbackgroundintercalated/package.json create mode 100644 src/templates/sectioncardbackgroundintercalated/sectioncardbackgroundintercalated.js diff --git a/src/stories/templates/sections/section-card-background-intercalated.stories.js b/src/stories/templates/sections/section-card-background-intercalated.stories.js index 4c17977b..2969b8c1 100644 --- a/src/stories/templates/sections/section-card-background-intercalated.stories.js +++ b/src/stories/templates/sections/section-card-background-intercalated.stories.js @@ -1,9 +1,5 @@ -import ContentSection from '../../../templates/contentsection' -import CardBase from '../../../templates/cardbase' -import CardTitle from '../../../templates/cardtitle' import Container from '../../../templates/container' -import CardBgImage from '../../../templates/cardbgimage' -import Overline from '../../../templates/overline' +import SectionCardBackgroundIntercalated from '../../../templates/sectioncardbackgroundintercalated' import Rules from '../../rules' export default { @@ -24,7 +20,26 @@ ${Rules.section.cards} }, } -const MOCK = { +const config = (args) => { + return { + components: { + Container, + SectionCardBackgroundIntercalated + }, + setup() { + return { args } + }, + template: ` + + + + ` + } +} + +const Template = (args) => (config(args)) +export const Default = Template.bind({}) +Default.args = { "hero": { "title": "Let's build together", "description": "Azion has always focused on the core values of innovation, reliability, and the ability to make transparent, forward-looking decisions, and execute them with precision and agility. We believe that our success depends on the success of our customers.", @@ -48,72 +63,27 @@ const MOCK = { { "label": "Quality", "title": "Meeting high expectations is the norm. Exceeding them is what sets us apart and drives our success.", - "image": "https://52082s.ha.azioncdn.net/assets/pages/careers/quality.png", + "image": "https://www.azion.com/assets/pages/careers/quality.png", "alt": "A group of Azion employees collaborating in a bright and spacious office environment, with modern decor and vibrant energy." }, { "label": "Agility", "title": "We move quickly in response to a challenge or opportunity.", - "image": "https://52082s.ha.azioncdn.net/assets/pages/careers/agility.png", + "image": "https://www.azion.com/assets/pages/careers/agility.png", "alt": "Employees in an office working on their computers, appearing happy and engaged." }, { "label": "Ownership", "title": "We are empowered to act and accountable for our actions.", - "image": "https://52082s.ha.azioncdn.net/assets/pages/careers/ownership.png", + "image": "https://www.azion.com/assets/pages/careers/ownership.png", "alt": "An image illustrating a sense of ownership and responsibility in the workplace at Azion." }, { "label": "Innovation", "title": "We create solutions that unlock new possibilities.", - "image": "https://52082s.ha.azioncdn.net/assets/pages/careers/innovation.png", + "image": "https://www.azion.com/assets/pages/careers/innovation.png", "alt": "An image representing innovation and creativity in the workplace at Azion." } ] - }, + } } - -const template = ` - - - - - -` - -const Template = (args) => ({ - components: { ContentSection, CardBase, CardTitle, Container, CardBgImage, Overline }, - setup() { - return { args } - }, - template: template -}) - -export const Default = Template.bind({}) -Default.args = MOCK - -Default.parameters = { - docs: { - description: { - story: '' - }, - source: { code: template } - }, -}; diff --git a/src/templates/sectioncardbackgroundintercalated/SectionCardBackgroundIntercalated.d.ts b/src/templates/sectioncardbackgroundintercalated/SectionCardBackgroundIntercalated.d.ts new file mode 100644 index 00000000..e69de29b diff --git a/src/templates/sectioncardbackgroundintercalated/SectionCardBackgroundIntercalated.vue b/src/templates/sectioncardbackgroundintercalated/SectionCardBackgroundIntercalated.vue new file mode 100644 index 00000000..f3dea1f6 --- /dev/null +++ b/src/templates/sectioncardbackgroundintercalated/SectionCardBackgroundIntercalated.vue @@ -0,0 +1,47 @@ + + + diff --git a/src/templates/sectioncardbackgroundintercalated/package.json b/src/templates/sectioncardbackgroundintercalated/package.json new file mode 100644 index 00000000..3baab1cf --- /dev/null +++ b/src/templates/sectioncardbackgroundintercalated/package.json @@ -0,0 +1,7 @@ +{ + "main": "./sectioncardbackgroundintercalated.js", + "types": "./SectionCardBackgroundIntercalated.d.ts", + "browser": { + "./sfc": "./SectionCardBackgroundIntercalated.vue" + } +} diff --git a/src/templates/sectioncardbackgroundintercalated/sectioncardbackgroundintercalated.js b/src/templates/sectioncardbackgroundintercalated/sectioncardbackgroundintercalated.js new file mode 100644 index 00000000..e9da5a7a --- /dev/null +++ b/src/templates/sectioncardbackgroundintercalated/sectioncardbackgroundintercalated.js @@ -0,0 +1,2 @@ +import SectionCardBackgroundIntercalated from './SectionCardBackgroundIntercalated.vue' +export default SectionCardBackgroundIntercalated