@worksafevictoria/wcl7.5 1.1.0-beta.6 → 1.1.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/Paragraphs/VideoGrid/index.stories.js +16 -32
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@worksafevictoria/wcl7.5",
3
- "version": "1.1.0-beta.6",
3
+ "version": "1.1.0-beta.7",
4
4
  "main": "src/index.js",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/components/Paragraphs/VideoGrid/index.stories.js CHANGED
@@ -107,45 +107,28 @@ export default {
107
107
  title: 'Paragraphs/VideoGrid',
108
108
  component: { VideoGrid, Container, Row, Column },
109
109
  argTypes: {
110
- gridTitle: {
111
- control: 'text',
112
- defaultValue: mockData.title
113
- },
114
110
  titleTag: {
115
111
  control: 'select',
116
- options: ['h2', 'h3'],
117
- defaultValue: 'h2'
118
- },
119
- gridDescription: {
120
- control: 'text',
121
- defaultValue: mockData.description
122
- },
123
- videoList: {
124
- control: 'object',
125
- defaultValue: mockData.videos
126
- },
127
- rtl: {
128
- control: 'boolean',
129
- defaultValue: mockData.rtl
130
- },
131
- threeColumns: {
132
- control: 'boolean',
133
- defaultValue: mockData.threeColumns
134
- },
135
- greyBackground: {
136
- control: 'boolean',
137
- defaultValue: mockData.greyBackground
138
- },
139
- cta: {
140
- control: 'object',
141
- defaultValue: mockData.cta
112
+ options: ['h2', 'h3']
142
113
  }
114
+ },
115
+ args: {
116
+ gridTitle: mockData.title,
117
+ titleTag: 'h2',
118
+ gridDescription: mockData.description,
119
+ videoList: mockData.videos,
120
+ rtl: mockData.rtl,
121
+ threeColumns: mockData.threeColumns,
122
+ greyBackground: mockData.greyBackground,
123
+ cta: mockData.cta
143
124
  }
144
125
  }
145
126
 
146
127
  const YoutubeContent = (args, { argTypes }) => ({
147
128
  components: { VideoGrid, Container, Row, Column },
148
- props: Object.keys(argTypes),
129
+ setup() {
130
+ return { args };
131
+ },
149
132
  data() {
150
133
  return {
151
134
  videos: mockData.videos
@@ -156,7 +139,7 @@ const YoutubeContent = (args, { argTypes }) => ({
156
139
  <row>
157
140
  <column>
158
141
  <video-grid
159
- v-bind="$props"
142
+ v-bind="args"
160
143
  />
161
144
  </column>
162
145
  </row>
@@ -165,3 +148,4 @@ const YoutubeContent = (args, { argTypes }) => ({
165
148
  })
166
149
 
167
150
  export const Youtube = YoutubeContent.bind({})
151
+