Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

worksafe-component-library

Package Overview
Dependencies
Maintainers
1
Versions
46
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

worksafe-component-library - npm Package Compare versions

Comparing version 1.1.3 to 1.2.0

src/assets/icons/add.svg

6

docs/overview/5-Changelog.md
# 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

2

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc