@eturnity/eturnity_reusable_components 7.33.0-EPDM-11313.0 → 7.33.0-EPDM-11205.0

package/src/components/addNewButton/AddNewButton.stories.js

@@ -1,24 +1,24 @@
-import AddNewButton from './index.vue'
-
-export default {
-  title: 'AddNewButton',
-  component: AddNewButton,
-  // argTypes: {},
-}
-
-const Template = (args, { argTypes }) => ({
-  // Components used in your story `template` are defined in the `components` object
-  components: { AddNewButton },
-  // The story's `args` need to be mapped into the template through the `setup()` method
-  props: Object.keys(argTypes),
-  template: '<add-new-button v-bind="$props" />',
-
-  // import AddNewButton from "@eturnity/eturnity_reusable_components/src/components/addNewButton"
-  // To use:
-  // <add-new-button :shouldPosition="true" />
-})
-
-export const Default = Template.bind({})
-Default.args = {
-  shouldPosition: true,
-}
+import AddNewButton from './index.vue'
+
+export default {
+  title: 'AddNewButton',
+  component: AddNewButton,
+  // argTypes: {},
+}
+
+const Template = (args, { argTypes }) => ({
+  // Components used in your story `template` are defined in the `components` object
+  components: { AddNewButton },
+  // The story's `args` need to be mapped into the template through the `setup()` method
+  props: Object.keys(argTypes),
+  template: '<add-new-button v-bind="$props" />',
+
+  // import AddNewButton from "@eturnity/eturnity_reusable_components/src/components/addNewButton"
+  // To use:
+  // <add-new-button :shouldPosition="true" />
+})
+
+export const Default = Template.bind({})
+Default.args = {
+  shouldPosition: true,
+}

package/src/components/addNewButton/index.vue

@@ -1,61 +1,61 @@
-<template>
-  <PageContainer :should-position="shouldPosition">
-    <ButtonContainer :data-id="dataId">
-      <PlusButtonSvg />
-    </ButtonContainer>
-  </PageContainer>
-</template>
-
-<script>
-  // import AddNewButton from "@eturnity/eturnity_reusable_components/src/components/addNewButton"
-  import styled from 'vue3-styled-components'
-  import PlusButtonSvg from '../../assets/icons/plus_button.svg'
-
-  const pageAttrs = { shouldPosition: Boolean }
-  const PageContainer = styled('div', pageAttrs)`
-    position: ${(props) => (props.shouldPosition ? 'fixed' : 'unset')};
-    bottom: 30px;
-    right: 30px;
-  `
-
-  const ButtonContainer = styled.div`
-    height: 60px;
-    width: 60px;
-    background-color: ${(props) => props.theme.colors.green};
-    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-    border-radius: 100%;
-    cursor: pointer;
-    display: grid;
-    align-items: center;
-    justify-items: center;
-
-    &:hover {
-      background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
-        ${(props) => props.theme.colors.green};
-    }
-
-    &:active,
-    &:focus {
-      background: ${(props) => props.theme.colors.green};
-    }
-  `
-
-  export default {
-    name: 'AddNewButton',
-    components: {
-      PageContainer,
-      ButtonContainer,
-      PlusButtonSvg,
-    },
-    props: {
-      shouldPosition: {
-        required: false,
-        default: true,
-      },
-      dataId: {
-        type: String,
-        default: '',
-      },
-    },
-  }
-</script>
+<template>
+  <PageContainer :should-position="shouldPosition">
+    <ButtonContainer :data-id="dataId">
+      <PlusButtonSvg />
+    </ButtonContainer>
+  </PageContainer>
+</template>
+
+<script>
+  // import AddNewButton from "@eturnity/eturnity_reusable_components/src/components/addNewButton"
+  import styled from 'vue3-styled-components'
+  import PlusButtonSvg from '../../assets/icons/plus_button.svg'
+
+  const pageAttrs = { shouldPosition: Boolean }
+  const PageContainer = styled('div', pageAttrs)`
+    position: ${(props) => (props.shouldPosition ? 'fixed' : 'unset')};
+    bottom: 30px;
+    right: 30px;
+  `
+
+  const ButtonContainer = styled.div`
+    height: 60px;
+    width: 60px;
+    background-color: ${(props) => props.theme.colors.green};
+    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    border-radius: 100%;
+    cursor: pointer;
+    display: grid;
+    align-items: center;
+    justify-items: center;
+
+    &:hover {
+      background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
+        ${(props) => props.theme.colors.green};
+    }
+
+    &:active,
+    &:focus {
+      background: ${(props) => props.theme.colors.green};
+    }
+  `
+
+  export default {
+    name: 'AddNewButton',
+    components: {
+      PageContainer,
+      ButtonContainer,
+      PlusButtonSvg,
+    },
+    props: {
+      shouldPosition: {
+        required: false,
+        default: true,
+      },
+      dataId: {
+        type: String,
+        default: '',
+      },
+    },
+  }
+</script>

package/src/components/banner/actionBanner/index.vue

@@ -1,64 +1,64 @@
-<template>
-  <Modal :is-open="isOpen" @on-close="closeModal">
-    <ModalContainer>
-      <ModalTitle v-if="$slots.title">
-        <slot name="title"></slot>
-      </ModalTitle>
-      <TextContainer v-if="$slots.body">
-        <slot name="body"></slot>
-      </TextContainer>
-      <ButtonContainer v-if="$slots.buttons">
-        <slot name="buttons"></slot>
-      </ButtonContainer>
-    </ModalContainer>
-  </Modal>
-</template>
-<script>
-  import styled from 'vue3-styled-components'
-  import Modal from '../modal'
-  const ModalContainer = styled.div`
-    width: 450px;
-    min-height: 205px;
-    padding: 40px 40px 30px 40px;
-  `
-  const ModalTitle = styled.div`
-    color: ${(props) => props.theme.colors.black};
-    font-family: ${(props) => props.theme.fonts.mainFont};
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 120%;
-    text-transform: uppercase;
-  `
-  const ButtonContainer = styled.div`
-    display: inline-flex;
-    align-items: flex-start;
-    gap: 20px;
-  `
-  const TextContainer = styled.div`
-    color: ${(props) => props.theme.colors.black};
-    font-family: ${(props) => props.theme.fonts.mainFont};
-    font-size: 13px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-    padding: 30px 0px;
-    white-space: pre-wrap;
-  `
-  export default {
-    name: 'ActionModal',
-    components: {
-      Modal,
-      ModalContainer,
-      ModalTitle,
-      ButtonContainer,
-      TextContainer,
-    },
-    props: ['isOpen'],
-    methods: {
-      closeModal() {
-        this.$emit('on-close')
-      },
-    },
-  }
-</script>
+<template>
+  <Modal :is-open="isOpen" @on-close="closeModal">
+    <ModalContainer>
+      <ModalTitle v-if="$slots.title">
+        <slot name="title"></slot>
+      </ModalTitle>
+      <TextContainer v-if="$slots.body">
+        <slot name="body"></slot>
+      </TextContainer>
+      <ButtonContainer v-if="$slots.buttons">
+        <slot name="buttons"></slot>
+      </ButtonContainer>
+    </ModalContainer>
+  </Modal>
+</template>
+<script>
+  import styled from 'vue3-styled-components'
+  import Modal from '../modal'
+  const ModalContainer = styled.div`
+    width: 450px;
+    min-height: 205px;
+    padding: 40px 40px 30px 40px;
+  `
+  const ModalTitle = styled.div`
+    color: ${(props) => props.theme.colors.black};
+    font-family: ${(props) => props.theme.fonts.mainFont};
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 120%;
+    text-transform: uppercase;
+  `
+  const ButtonContainer = styled.div`
+    display: inline-flex;
+    align-items: flex-start;
+    gap: 20px;
+  `
+  const TextContainer = styled.div`
+    color: ${(props) => props.theme.colors.black};
+    font-family: ${(props) => props.theme.fonts.mainFont};
+    font-size: 13px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    padding: 30px 0px;
+    white-space: pre-wrap;
+  `
+  export default {
+    name: 'ActionModal',
+    components: {
+      Modal,
+      ModalContainer,
+      ModalTitle,
+      ButtonContainer,
+      TextContainer,
+    },
+    props: ['isOpen'],
+    methods: {
+      closeModal() {
+        this.$emit('on-close')
+      },
+    },
+  }
+</script>

package/src/components/banner/banner/banner.stories.js

@@ -1,31 +1,31 @@
-import Modal from './index.vue'
-
-export default {
-  title: 'Modal',
-  component: Modal,
-  // argTypes: {},
-}
-
-const Template = (args, { argTypes }) => ({
-  // Components used in your story `template` are defined in the `components` object
-  components: { Modal },
-  // The story's `args` need to be mapped into the template through the `setup()` method
-  props: Object.keys(argTypes),
-  template: '<modal v-bind="$props" />',
-
-  // import Modal from "@eturnity/eturnity_reusable_components/src/components/modals/modal"
-  // This is a more flexible modal box, where the parent can decide how the body of the modal looks
-  // To use:
-  // <modal :isOpen="isOpen" @on-close="$emit('on-close-summary')" :preventOutsideClose="true" :isLoading="true" :hideClose="true">
-  //   <div>Data....</div>
-  // </modal>
-})
-
-export const Default = Template.bind({
-  isOpen: true,
-  preventOutsideClose: true,
-  isLoading: false,
-  hideClose: false,
-  backdrop: 'dark',
-})
-Default.args = {}
+import Modal from './index.vue'
+
+export default {
+  title: 'Modal',
+  component: Modal,
+  // argTypes: {},
+}
+
+const Template = (args, { argTypes }) => ({
+  // Components used in your story `template` are defined in the `components` object
+  components: { Modal },
+  // The story's `args` need to be mapped into the template through the `setup()` method
+  props: Object.keys(argTypes),
+  template: '<modal v-bind="$props" />',
+
+  // import Modal from "@eturnity/eturnity_reusable_components/src/components/modals/modal"
+  // This is a more flexible modal box, where the parent can decide how the body of the modal looks
+  // To use:
+  // <modal :isOpen="isOpen" @on-close="$emit('on-close-summary')" :preventOutsideClose="true" :isLoading="true" :hideClose="true">
+  //   <div>Data....</div>
+  // </modal>
+})
+
+export const Default = Template.bind({
+  isOpen: true,
+  preventOutsideClose: true,
+  isLoading: false,
+  hideClose: false,
+  backdrop: 'dark',
+})
+Default.args = {}