@iamproperty/components 3.4.6 → 3.5.0

package/src/components/CardDeck/README.md

@@ -1,25 +0,0 @@
-### Usage
-
-```
-<CardDeck :items="items"></CardDeck>
-```
-
-### Properties
-
-| Option | Type | Default Value | Description |
-| ------ | ---- | ------------- | ----------- |
-| cols  | Number | 1 | Number of columns on mobile |
-| smcols  | Number | 1 | Number of columns on tablet |
-| mdcols  | Number | 3 | Number of columns on desktop |
-| items  | Array | - | Card data passed (See card component) |
-| cardtype | String | - | Change the type of card (simple,quick) |
-| btntype | String | (See card) | Change the type of button at the bottom of the card (primary,secondary,tertairy, link) |
-| ctatext | String | (See card) | Update the cta text within the button at the bottom of the card |
-| titleclass | String | (See card) | Update the class of the title from being a h2 |
-
-### Slots
-
-| Option | Default Value | Description |
-| ------ | ------------- | ----------- |
-| default | - | Will display before the cards |
-| after | - | Will display underneath the cards |

package/src/components/Modal/Modal.spec.js

@@ -1,22 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import Modal from './Modal.vue'
-
-describe('Modal component', () => {
-
-  const test = shallowMount(Modal, {
-    propsData: {
-      id: 'modal'
-    },
-    slots: {
-      default: '<p>Hello</p>'
-    }
-  })
-
-  it('renders the close button', () => {
-    expect(test.html()).toContain('<a href="#close" class="btn btn-tertiary py-1 px-2"><span class="visually-hidden">Close</span>✕</a>')
-  })
-
-  it('renders the modal content', () => {
-    expect(test.html()).toContain('<p>Hello</p>')
-  })
-})

package/src/components/Modal/Modal.vue

@@ -1,43 +0,0 @@
-<template>
-  <div class="modal" :id="id" role="dialog" modal="true" ref="modal">
-    <a :href="`#${returnid?returnid:''}`" tabindex="-1"><span class="visually-hidden">Close</span></a>
-    <div class="modal__outer">
-      <a :href="`#${returnid?returnid:''}`" class="btn btn-tertiary py-1 px-2"><span class="visually-hidden">Close</span>✕</a>
-      <div class="modal__inner">
-        <slot></slot>
-      </div>
-    </div>
-    <button class="modal__dock--left btn btn-prev" tabindex="-1">Left</button>
-    <button class="modal__dock--right btn btn-next" tabindex="-1">Right</button>
-  </div>
-</template>
-
-<style lang="scss">
-@import "../../../assets/sass/components/modal.scss";
-</style>
-
-<script>
-import modal from '../../../assets/ts/modules/modal'
-
-export default {
-  name: 'Modal',
-  props: {
-    id: {
-      type: String,
-      required: true
-    },
-    returnid: {
-      type: String,
-      default: 'close',
-      required: false
-    }
-  },
-  mounted(){
-
-    this.$nextTick(function () {
-      
-      modal(this.$refs.modal);
-    })
-  }
-}
-</script>

package/src/components/Modal/README.md

@@ -1,20 +0,0 @@
-### Usage
-
-```
-<Modal id="modal">
-  <!-- content -->
-</Modal>
-```
-
-### Properties
-
-| Option | Type | Default Value | Description |
-| ------ | ---- | ------------- | ----------- |
-| id | String | - | Required |
-| returnid | String | close | Override the default id so that it will anchor to a specific location on the page. |
-
-### Slots
-
-| Option | Default Value | Description |
-| ------ | ------------- | ----------- |
-| default | - | Will display within the modal |