worksafe-component-library
Advanced tools
Comparing version 1.1.3 to 1.2.0
# Changelog | ||
- v1.2.0 (9 Mar) | ||
- Quote Excerpt component | ||
- Add icon and description options to Card component | ||
- Design tweaks | ||
- v1.1.3 (8 Mar) | ||
@@ -7,3 +11,3 @@ - Homepage banner component | ||
- Search via AJAX functionality | ||
- Key statistics component | ||
- Key Statistics component | ||
- v1.1.2 (2 Mar 2018) | ||
@@ -10,0 +14,0 @@ - Search components |
{ | ||
"name": "worksafe-component-library", | ||
"version": "1.1.3", | ||
"version": "1.2.0", | ||
"description": "A Vue.js component library for use in WorkSafe family websites", | ||
@@ -5,0 +5,0 @@ "main": "./src/index.js", |
@@ -7,2 +7,66 @@ import { storiesOf } from '@storybook/vue' | ||
const cardSteps0 = [ | ||
{ | ||
'cms_id': 559, | ||
'done': false | ||
}, { | ||
'cms_id': 560, | ||
'done': false | ||
}, { | ||
'cms_id': 561, | ||
'done': false | ||
}, { | ||
'cms_id': 562, | ||
'done': false | ||
} | ||
] | ||
const cardSteps25 = [ | ||
{ | ||
'cms_id': 559, | ||
'done': true | ||
}, { | ||
'cms_id': 560, | ||
'done': false | ||
}, { | ||
'cms_id': 561, | ||
'done': false | ||
}, { | ||
'cms_id': 562, | ||
'done': false | ||
} | ||
] | ||
const cardSteps50 = [ | ||
{ | ||
'cms_id': 559, | ||
'done': true | ||
}, { | ||
'cms_id': 560, | ||
'done': true | ||
}, { | ||
'cms_id': 561, | ||
'done': false | ||
}, { | ||
'cms_id': 562, | ||
'done': false | ||
} | ||
] | ||
const cardSteps75 = [ | ||
{ | ||
'cms_id': 559, | ||
'done': true | ||
}, { | ||
'cms_id': 560, | ||
'done': true | ||
}, { | ||
'cms_id': 561, | ||
'done': true | ||
}, { | ||
'cms_id': 562, | ||
'done': false | ||
} | ||
] | ||
storiesOf('Components/SubComponents/Card', module) | ||
@@ -12,3 +76,3 @@ .addDecorator(withReadme(readme)) | ||
return { | ||
template: '<div class="grid-row"><div class="grid-columns-3"><story /></div></div></div>' | ||
template: '<div class="grid-row"><div class="grid-columns-lg-3"><story /></div></div>' | ||
} | ||
@@ -22,11 +86,55 @@ }) | ||
components: { Card }, | ||
template: '<card text="Help I\'m trapped in a card factory"></card>' | ||
template: '<card text="Anxiety and depression"></card>' | ||
})) | ||
.add('Alternate theme', () => ({ | ||
components: { Card }, | ||
template: '<card text="Help I\'m trapped in a card factory" alt="true"></card>' | ||
template: '<card text="Assess mental health and wellbeing in your workplace" alt="false"></card>' | ||
})) | ||
.add('White theme', () => ({ | ||
components: { Card }, | ||
template: '<card text="Anxiety and depression" white="true" description="A new tool for employers to help improve mental health and wellbeing in the workplace" newItem=false ></card>' | ||
})) | ||
.add('Background Image', () => ({ | ||
components: { Card }, | ||
template: '<card text="Help I\'m trapped in a card factory" image="https://picsum.photos/654/344"></card>' | ||
template: '<card text="Assess mental health and wellbeing in your workplace" image="https://picsum.photos/654/344"></card>' | ||
})) | ||
.add('Status: new', () => ({ | ||
components: { Card }, | ||
template: '<card text="Assess mental health and wellbeing in your workplace" :viewed="false" :steps="cardSteps0"></card>', | ||
data () { | ||
return { | ||
cardSteps0 | ||
} | ||
} | ||
})) | ||
.add('Status: 25% complete', () => ({ | ||
components: { Card }, | ||
template: '<card text="Assess mental health and wellbeing in your workplace" :viewed="true" :steps="cardSteps25"></card>', | ||
data () { | ||
return { | ||
cardSteps25 | ||
} | ||
} | ||
})) | ||
.add('Status: 50% complete', () => ({ | ||
components: { Card }, | ||
template: '<card text="Assess mental health and wellbeing in your workplace" :viewed="true" :steps="cardSteps50"></card>', | ||
data () { | ||
return { | ||
cardSteps50 | ||
} | ||
} | ||
})) | ||
.add('Status: 75% complete', () => ({ | ||
components: { Card }, | ||
template: '<card text="Assess mental health and wellbeing in your workplace" :viewed="true" :steps="cardSteps75"></card>', | ||
data () { | ||
return { | ||
cardSteps75 | ||
} | ||
} | ||
})) | ||
.add('Status: done', () => ({ | ||
components: { Card }, | ||
template: '<card text="Assess mental health and wellbeing in your workplace" :done="true"></card>' | ||
})) |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
543675
159
1936