@bethinkpl/design-system 23.0.1 → 24.0.0

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 (16) hide show
  1. package/dist/design-system.umd.js +48 -45
  2. package/dist/design-system.umd.js.map +1 -1
  3. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +1 -1
  4. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +266 -3
  5. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +309 -3
  6. package/docs/iframe.html +1 -1
  7. package/docs/main.64a78d8d.iframe.bundle.js +2 -0
  8. package/docs/project.json +1 -1
  9. package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts +6 -6
  10. package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue +4 -3
  11. package/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.stories.ts +1 -1
  12. package/lib/js/components/RichList/RichListItem/RichListItem.stories.ts +6 -6
  13. package/lib/js/components/RichList/RichListItem/RichListItem.vue +9 -6
  14. package/package.json +1 -1
  15. package/docs/main.bb419248.iframe.bundle.js +0 -2
  16. /package/docs/{main.bb419248.iframe.bundle.js.LICENSE.txt → main.64a78d8d.iframe.bundle.js.LICENSE.txt} +0 -0
package/docs/project.json CHANGED
@@ -1 +1 @@
1
- {"generatedAt":1722343378818,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"metaFramework":{"name":"vue-cli","packageName":"@vue/cli-service","version":"5.0.8"},"packageManager":{"type":"yarn","version":"1.22.22"},"storybookVersion":"6.5.13","language":"typescript","storybookPackages":{"@storybook/builder-webpack5":{"version":"6.5.13"},"@storybook/manager-webpack5":{"version":"6.5.13"},"@storybook/vue3":{"version":"6.5.13"},"eslint-plugin-storybook":{"version":"0.6.6"}},"framework":{"name":"vue3"},"addons":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/addon-docs":{"version":"6.5.15"},"@storybook/addon-controls":{"version":"6.5.15"},"@storybook/addon-storysource":{"version":"6.5.15"},"@storybook/addon-viewport":{"version":"6.5.15"},"storybook-addon-designs":{"version":"6.3.1"}}}
1
+ {"generatedAt":1722407531537,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"metaFramework":{"name":"vue-cli","packageName":"@vue/cli-service","version":"5.0.8"},"packageManager":{"type":"yarn","version":"1.22.22"},"storybookVersion":"6.5.13","language":"typescript","storybookPackages":{"@storybook/builder-webpack5":{"version":"6.5.13"},"@storybook/manager-webpack5":{"version":"6.5.13"},"@storybook/vue3":{"version":"6.5.13"},"eslint-plugin-storybook":{"version":"0.6.6"}},"framework":{"name":"vue3"},"addons":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/addon-docs":{"version":"6.5.15"},"@storybook/addon-controls":{"version":"6.5.15"},"@storybook/addon-storysource":{"version":"6.5.15"},"@storybook/addon-viewport":{"version":"6.5.15"},"storybook-addon-designs":{"version":"6.3.1"}}}
package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts CHANGED
@@ -61,7 +61,7 @@ const expandStory = (story: StoryFn<typeof BasicRichListItem>, args = {}) => {
61
61
  eyebrow: {
62
62
  control: { type: 'text' },
63
63
  },
64
- meta: {
64
+ metadata: {
65
65
  control: { type: 'text' },
66
66
  },
67
67
  actions: {
@@ -104,7 +104,7 @@ const expandStory = (story: StoryFn<typeof BasicRichListItem>, args = {}) => {
104
104
  text: 'Długa nazwa gdy się nie mieści Praesentium dicta sit. Molestiae unde voluptatem eaque labore.',
105
105
  isEyebrowUppercase: false,
106
106
 
107
- meta: 'Meta Slot',
107
+ metadata: 'Metadata Slot',
108
108
  actions: 'ACS',
109
109
 
110
110
  ...args,
@@ -163,8 +163,8 @@ const InteractiveStoryTemplate: StoryFn<typeof BasicRichListItem> = (args, { upd
163
163
  :is-selected="isSelected"
164
164
  @update:is-selected="updateIsSelected"
165
165
  >
166
- <template v-if="meta" #meta>
167
- <div v-html="meta" />
166
+ <template v-if="metadata" #metadata>
167
+ <div v-html="metadata" />
168
168
  </template>
169
169
  <template v-if="actions" #actions>
170
170
  <div v-html="actions" />
@@ -218,8 +218,8 @@ const WithMediaStoryTemplate: StoryFn<typeof BasicRichListItem> = (args, { updat
218
218
  <template #media>
219
219
  <ds-image :src="imageSrcUsedInStoryBook" />
220
220
  </template>
221
- <template v-if="meta" #meta>
222
- <div v-html="meta" />
221
+ <template v-if="metadata" #metadata>
222
+ <div v-html="metadata" />
223
223
  </template>
224
224
  <template v-if="actions" #actions>
225
225
  <div v-html="actions" />
package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue CHANGED
@@ -29,6 +29,7 @@
29
29
  <template #content>
30
30
  <div class="ds-basicRichListItem__content">
31
31
  <div
32
+ v-if="eyebrow"
32
33
  class="ds-basicRichListItem__eyebrow"
33
34
  :class="{ '-ds-uppercase': isEyebrowUppercase }"
34
35
  >
@@ -40,8 +41,8 @@
40
41
  </div>
41
42
  </div>
42
43
  </template>
43
- <template v-if="$slots.meta" #meta>
44
- <slot name="meta" />
44
+ <template v-if="$slots.metadata" #metadata>
45
+ <slot name="metadata" />
45
46
  </template>
46
47
  <template v-if="$slots.actions" #actions>
47
48
  <slot name="actions" />
@@ -207,7 +208,7 @@ export default {
207
208
  },
208
209
  eyebrow: {
209
210
  type: String,
210
- required: true,
211
+ default: null,
211
212
  },
212
213
  isEyebrowUppercase: {
213
214
  type: Boolean,
package/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.stories.ts CHANGED
@@ -120,7 +120,7 @@ const argTypes = {
120
120
  },
121
121
  } as ArgTypes;
122
122
 
123
- const slots = `<template #content>Content slot</template><template #meta>Meta slot</template><template #actions>ACS</template>`;
123
+ const slots = `<template #content>Content slot</template><template #metadata>Metadata slot</template><template #actions>ACS</template>`;
124
124
 
125
125
  const expandStory = (story) => {
126
126
  story.argTypes = argTypes;
package/lib/js/components/RichList/RichListItem/RichListItem.stories.ts CHANGED
@@ -58,7 +58,7 @@ const expandStory = (story: StoryFn<typeof RichListItem>, args = {}) => {
58
58
  content: {
59
59
  control: { type: 'text' },
60
60
  },
61
- meta: {
61
+ metadata: {
62
62
  control: { type: 'text' },
63
63
  },
64
64
  actions: {
@@ -98,7 +98,7 @@ const expandStory = (story: StoryFn<typeof RichListItem>, args = {}) => {
98
98
  draggableIconClassName: 'draggableIconClassName-1',
99
99
 
100
100
  content: 'Content Slot',
101
- meta: 'Meta Slot',
101
+ metadata: 'Metadata Slot',
102
102
  actions: 'ACS',
103
103
 
104
104
  ...args,
@@ -158,8 +158,8 @@ const InteractiveStoryTemplate: StoryFn<typeof RichListItem> = (args, { updateAr
158
158
  <template v-if="content" #content>
159
159
  <div v-html="content" />
160
160
  </template>
161
- <template v-if="meta" #meta>
162
- <div v-html="meta" />
161
+ <template v-if="metadata" #metadata>
162
+ <div v-html="metadata" />
163
163
  </template>
164
164
  <template v-if="actions" #actions>
165
165
  <div v-html="actions" />
@@ -215,8 +215,8 @@ const WithMediaStoryTemplate: StoryFn<typeof RichListItem> = (args, { updateArgs
215
215
  <template v-if="content" #content>
216
216
  <div v-html="content" />
217
217
  </template>
218
- <template v-if="meta" #meta>
219
- <div v-html="meta" />
218
+ <template v-if="metadata" #metadata>
219
+ <div v-html="metadata" />
220
220
  </template>
221
221
  <template v-if="actions" #actions>
222
222
  <div v-html="actions" />
package/lib/js/components/RichList/RichListItem/RichListItem.vue CHANGED
@@ -35,8 +35,8 @@
35
35
  <slot name="content" />
36
36
  </div>
37
37
  <div class="ds-richListItem__rightContainer">
38
- <div v-if="$slots.meta" class="ds-richListItem__metaData -ds-hideOnMobile">
39
- <slot name="meta" />
38
+ <div v-if="$slots.metadata" class="ds-richListItem__metadata -ds-hideOnMobile">
39
+ <slot name="metadata" />
40
40
  </div>
41
41
  <div v-if="$slots.actions" class="ds-richListItem__actionSlot" @click.stop>
42
42
  <ds-divider
@@ -57,8 +57,11 @@
57
57
  </div>
58
58
  </div>
59
59
 
60
- <div v-if="$slots.meta" class="ds-richListItem__metaData -ds-dimmable -ds-visibleOnMobile">
61
- <slot name="meta" />
60
+ <div
61
+ v-if="$slots.metadata"
62
+ class="ds-richListItem__metadata -ds-dimmable -ds-visibleOnMobile"
63
+ >
64
+ <slot name="metadata" />
62
65
  </div>
63
66
  <div
64
67
  v-if="borderColorClass || borderColorStyle"
@@ -268,7 +271,7 @@ $rich-list-item-background-colors: (
268
271
  }
269
272
  }
270
273
 
271
- &__metaData {
274
+ &__metadata {
272
275
  align-items: center;
273
276
  gap: $space-xs;
274
277
  padding-left: $space-xs;
@@ -403,7 +406,7 @@ $rich-list-item-background-colors: (
403
406
  }
404
407
  }
405
408
 
406
- #{$root}__metaData {
409
+ #{$root}__metadata {
407
410
  padding-left: $space-2xs;
408
411
  padding-right: $space-4xs;
409
412
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bethinkpl/design-system",
3
- "version": "23.0.1",
3
+ "version": "24.0.0",
4
4
  "description": "Bethink universe design-system",
5
5
  "repository": {
6
6
  "type": "git",