@bethinkpl/design-system 15.0.0 → 15.0.2

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 (36) hide show
  1. package/.storybook/main.js +1 -0
  2. package/dist/design-system.umd.js +125 -125
  3. package/dist/design-system.umd.js.map +1 -1
  4. package/docs/{0.d653de2470fdd42cb592.manager.bundle.js → 0.0bd4fd4436a8d1ef1d30.manager.bundle.js} +2 -2
  5. package/docs/{1.cb3a782e1919fc46a921.manager.bundle.js → 1.b52e4f9c5cc26b3ab941.manager.bundle.js} +1 -1
  6. package/docs/{10.100ecffce36d11ff38c4.manager.bundle.js → 10.65aa234815172050014e.manager.bundle.js} +1 -1
  7. package/docs/{5.af1df5e1b0f21fdfdd94.manager.bundle.js → 5.3df3ab4b52abff899664.manager.bundle.js} +2 -2
  8. package/docs/{6.85ac0c52def1f09d0264.manager.bundle.js → 6.63f5637c3f9a33682852.manager.bundle.js} +4 -4
  9. package/docs/{7.177397975db3d445f3a8.manager.bundle.js → 7.4282478bb99c2aa1c46e.manager.bundle.js} +1 -1
  10. package/docs/{8.cd89c688ca38ae5ce734.manager.bundle.js → 8.c81223eef5990edfc649.manager.bundle.js} +1 -1
  11. package/docs/{9.0476ac4ae54236993fbe.manager.bundle.js → 9.45659a2e4dd371822c72.manager.bundle.js} +2 -2
  12. package/docs/iframe.html +1 -1
  13. package/docs/index.html +1 -1
  14. package/docs/main.3a64fb8a.iframe.bundle.js +1 -0
  15. package/docs/main.56306661f1672549dbce.manager.bundle.js +1 -0
  16. package/docs/project.json +1 -1
  17. package/docs/{runtime~main.d1b1fc413641f19a9a90.manager.bundle.js → runtime~main.a7a714be62d5940f5192.manager.bundle.js} +1 -1
  18. package/docs/vendors~main.247e7a9b46e986df3069.manager.bundle.js +2 -0
  19. package/docs/vendors~main.f15375a8.iframe.bundle.js +3 -0
  20. package/docs/vendors~main.f15375a8.iframe.bundle.js.map +1 -0
  21. package/lib/js/components/Modals/Modal/Modal.stories.ts +30 -9
  22. package/lib/js/components/Modals/Modal/Modal.vue +4 -1
  23. package/lib/js/components/Modals/ModalDialog/ModalDialog.vue +3 -0
  24. package/lib/js/components/Pill/Pill.stories.ts +0 -1
  25. package/package.json +2 -1
  26. package/docs/main.a0d19173.iframe.bundle.js +0 -1
  27. package/docs/main.fa58dc76f7ef179d2602.manager.bundle.js +0 -1
  28. package/docs/vendors~main.09187a93.iframe.bundle.js +0 -3
  29. package/docs/vendors~main.09187a93.iframe.bundle.js.map +0 -1
  30. package/docs/vendors~main.734809cae0595fbf5d1d.manager.bundle.js +0 -2
  31. /package/docs/{0.d653de2470fdd42cb592.manager.bundle.js.LICENSE.txt → 0.0bd4fd4436a8d1ef1d30.manager.bundle.js.LICENSE.txt} +0 -0
  32. /package/docs/{5.af1df5e1b0f21fdfdd94.manager.bundle.js.LICENSE.txt → 5.3df3ab4b52abff899664.manager.bundle.js.LICENSE.txt} +0 -0
  33. /package/docs/{6.85ac0c52def1f09d0264.manager.bundle.js.LICENSE.txt → 6.63f5637c3f9a33682852.manager.bundle.js.LICENSE.txt} +0 -0
  34. /package/docs/{9.0476ac4ae54236993fbe.manager.bundle.js.LICENSE.txt → 9.45659a2e4dd371822c72.manager.bundle.js.LICENSE.txt} +0 -0
  35. /package/docs/{vendors~main.734809cae0595fbf5d1d.manager.bundle.js.LICENSE.txt → vendors~main.247e7a9b46e986df3069.manager.bundle.js.LICENSE.txt} +0 -0
  36. /package/docs/{vendors~main.09187a93.iframe.bundle.js.LICENSE.txt → vendors~main.f15375a8.iframe.bundle.js.LICENSE.txt} +0 -0
package/docs/vendors~main.f15375a8.iframe.bundle.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vendors~main.f15375a8.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}
package/lib/js/components/Modals/Modal/Modal.stories.ts CHANGED
@@ -13,15 +13,31 @@ export default {
13
13
  const StoryTemplate: StoryFn<typeof Modal> = (argTypes) => ({
14
14
  components: { Modal },
15
15
  props: Object.keys(argTypes),
16
- template:
17
- '<modal :headerFeatureIcon="ICONS[headerFeatureIcon]" :size="size" :danger="danger" ' +
18
- ':headerTitleSize="headerTitleSize" :headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :contentCentered="contentCentered" :headerFeatureIconColor="headerFeatureIconColor" ' +
19
- ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="ICONS[footerPrimaryButtonIcon]" ' +
20
- ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="ICONS[footerSecondaryButtonIcon]" ' +
21
- ':footerTertiaryButtonText="footerTertiaryButtonText" :footerTertiaryButtonIcon="ICONS[footerTertiaryButtonIcon]" ' +
22
- ':footerCheckboxText="footerCheckboxText" :headerImage="headerImage">' +
23
- '<div v-html="defaultSlot" />' +
24
- '</modal>',
16
+ template: `
17
+ <modal :headerFeatureIcon="ICONS[headerFeatureIcon]"
18
+ :size="size"
19
+ :danger="danger"
20
+ :headerTitleSize="headerTitleSize"
21
+ :headerTitle="headerTitle"
22
+ :headerSubtitle="headerSubtitle"
23
+ :contentCentered="contentCentered"
24
+ :headerFeatureIconColor="headerFeatureIconColor"
25
+ :footerPrimaryButtonText="footerPrimaryButtonText"
26
+ :footerPrimaryButtonIcon="ICONS[footerPrimaryButtonIcon]"
27
+ :footerSecondaryButtonText="footerSecondaryButtonText"
28
+ :footerSecondaryButtonIcon="ICONS[footerSecondaryButtonIcon]"
29
+ :footerTertiaryButtonText="footerTertiaryButtonText"
30
+ :footerTertiaryButtonIcon="ICONS[footerTertiaryButtonIcon]"
31
+ :footerCheckboxText="footerCheckboxText"
32
+ :headerImage="headerImage"
33
+ @close-modal="onCloseModal"
34
+ @checkbox-change="onCheckboxChange"
35
+ @primary-button-click="onPrimaryButtonClick"
36
+ @secondary-button-click="onSecondaryButtonClick"
37
+ @tertiary-button-click="onTertiaryButtonClick"
38
+ >
39
+ <div v-html="defaultSlot" />
40
+ </modal>`,
25
41
  data() {
26
42
  return {
27
43
  ICONS: Object.freeze(ICONS),
@@ -90,6 +106,11 @@ const argTypes = {
90
106
  defaultValue: ICONS.FA_CHART_COLUMN,
91
107
  },
92
108
  footerCheckboxText: { control: { type: 'text' } },
109
+ onCloseModal: { action: 'close-modal' },
110
+ onCheckboxChange: { action: 'checkbox-change' },
111
+ onPrimaryButtonClick: { action: 'primary-button-click' },
112
+ onSecondaryButtonClick: { action: 'secondary-button-click' },
113
+ onTertiaryButtonClick: { action: 'tertiary-button-click' },
93
114
  } as ArgTypes;
94
115
 
95
116
  Interactive.argTypes = argTypes;
package/lib/js/components/Modals/Modal/Modal.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="ds-modal" @click.stop="$emit('close-modal')">
2
+ <div class="ds-modal" @click.self="$emit('close-modal')">
3
3
  <div class="ds-modal__wrapper" :class="{ '-small': size === MODAL_SIZES.SMALL }">
4
4
  <wnl-icon-button
5
5
  touchable
@@ -66,6 +66,7 @@
66
66
  :type="BUTTON_TYPES.TEXT"
67
67
  :color="BUTTON_COLORS.NEUTRAL"
68
68
  :icon-left="footerTertiaryButtonIcon"
69
+ @click="$emit('tertiary-button-click')"
69
70
  >
70
71
  {{ footerTertiaryButtonText }}
71
72
  </wnl-button>
@@ -80,6 +81,7 @@
80
81
  :type="BUTTON_TYPES.OUTLINED"
81
82
  :color="calcFooterSecondaryButtonColor"
82
83
  :icon-right="footerSecondaryButtonIcon"
84
+ @click="$emit('secondary-button-click')"
83
85
  >
84
86
  {{ footerSecondaryButtonText }}
85
87
  </wnl-button>
@@ -88,6 +90,7 @@
88
90
  class="ds-modal__buttonPrimary"
89
91
  :color="calcFooterPrimaryButtonColor"
90
92
  :icon-right="footerPrimaryButtonIcon"
93
+ @click="$emit('primary-button-click')"
91
94
  >
92
95
  {{ footerPrimaryButtonText }}
93
96
  </wnl-button>
package/lib/js/components/Modals/ModalDialog/ModalDialog.vue CHANGED
@@ -14,6 +14,9 @@
14
14
  :footer-primary-button-icon="footerPrimaryButtonIcon"
15
15
  :footer-secondary-button-text="footerSecondaryButtonText"
16
16
  :footer-secondary-button-icon="footerSecondaryButtonIcon"
17
+ @close-modal="$emit('close-modal')"
18
+ @primary-button-click="$emit('primary-button-click')"
19
+ @secondary-button-click="$emit('secondary-button-click')"
17
20
  >
18
21
  <slot />
19
22
  </ds-modal>
package/lib/js/components/Pill/Pill.stories.ts CHANGED
@@ -29,7 +29,6 @@ const args = {
29
29
  hasDelete: false,
30
30
  size: PILL_SIZES.SMALL,
31
31
  color: PILL_COLORS.NEUTRAL,
32
- isDisabled: false,
33
32
  } as Args;
34
33
 
35
34
  const argTypes = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bethinkpl/design-system",
3
- "version": "15.0.0",
3
+ "version": "15.0.2",
4
4
  "description": "Bethink universe design-system",
5
5
  "repository": "git@github.com:bethinkpl/design-system.git",
6
6
  "author": "nerdy@bethink.pl",
@@ -37,6 +37,7 @@
37
37
  "@fortawesome/pro-solid-svg-icons": "6.1.1",
38
38
  "@fortawesome/pro-duotone-svg-icons": "6.1.1",
39
39
  "@fortawesome/vue-fontawesome": "2.0.6",
40
+ "@storybook/addon-actions": "6.5.13",
40
41
  "@storybook/addon-controls": "^6.5.13",
41
42
  "@storybook/addon-docs": "^6.5.13",
42
43
  "@storybook/addon-storysource": "^6.5.13",