@policystudio/policy-studio-ui-vue 1.1.90-beta.12 → 1.1.90-beta.18

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 (231) hide show
  1. package/.eslintrc.js +2 -1
  2. package/.github/workflows/deploy-storybook.yml +4 -4
  3. package/.nvmrc +1 -0
  4. package/dist/css/psui_styles_output.css +6986 -0
  5. package/dist/index.d.ts +50 -0
  6. package/dist/index.js +53 -63
  7. package/dist/index.js.map +1 -1
  8. package/dist/util/GeneralFunctions.d.ts +3 -0
  9. package/dist/util/GeneralFunctions.js.map +1 -1
  10. package/dist/util/directives.d.ts +1 -0
  11. package/dist/util/directives.js +22 -0
  12. package/dist/util/directives.js.map +1 -0
  13. package/dist/util/eventBus.d.ts +7 -0
  14. package/dist/util/eventBus.js +8 -0
  15. package/dist/util/eventBus.js.map +1 -0
  16. package/dist/util/imageLoader.d.ts +6 -0
  17. package/dist/util/imageLoader.js.map +1 -1
  18. package/package.json +9 -23
  19. package/src/assets/scss/components/PsDataTable.scss +1 -1
  20. package/src/components/accordion/PsAccordionItem.vue +75 -75
  21. package/src/components/badges-and-tags/PsBadgeWithIcon.vue +31 -34
  22. package/src/components/badges-and-tags/PsCardInfos.vue +40 -41
  23. package/src/components/badges-and-tags/PsChartLegend.vue +47 -51
  24. package/src/components/badges-and-tags/PsClimateZoneBadge.vue +14 -19
  25. package/src/components/badges-and-tags/PsCostEffectBar.vue +24 -56
  26. package/src/components/badges-and-tags/PsDateCardInfo.vue +17 -18
  27. package/src/components/badges-and-tags/PsHighlightRippleDot.vue +3 -2
  28. package/src/components/badges-and-tags/PsMiniTag.vue +39 -41
  29. package/src/components/badges-and-tags/PsProgressBar.vue +72 -68
  30. package/src/components/badges-and-tags/PsTagScope.vue +17 -22
  31. package/src/components/badges-and-tags/PsTestimonialCard.vue +20 -26
  32. package/src/components/buttons/PsButton.vue +61 -62
  33. package/src/components/chips/PsChips.vue +98 -101
  34. package/src/components/controls/PsCheckbox.vue +84 -84
  35. package/src/components/controls/PsCheckboxSimple.vue +95 -95
  36. package/src/components/controls/PsDraggable.vue +53 -55
  37. package/src/components/controls/PsInlineSelector.vue +99 -99
  38. package/src/components/controls/PsRadioButton.vue +59 -58
  39. package/src/components/controls/PsRadioButtonSimple.vue +79 -75
  40. package/src/components/controls/PsSlider.vue +185 -176
  41. package/src/components/controls/PsSwitch.vue +51 -52
  42. package/src/components/controls/PsToggle.vue +53 -50
  43. package/src/components/data-graphics/PsBarChart.vue +19 -21
  44. package/src/components/datatable/PsDataTable.vue +56 -60
  45. package/src/components/datatable/PsDataTableItem.vue +14 -28
  46. package/src/components/forms/PsDropdown.vue +164 -162
  47. package/src/components/forms/PsDropdownList.vue +132 -129
  48. package/src/components/forms/PsInput.vue +155 -153
  49. package/src/components/forms/PsInputSelect.vue +91 -92
  50. package/src/components/forms/PsInputTextArea.vue +71 -71
  51. package/src/components/navigations/PsBreadcrumb.vue +26 -34
  52. package/src/components/notifications/PsDialog.vue +57 -56
  53. package/src/components/notifications/PsSimpleAlert.vue +28 -29
  54. package/src/components/notifications/PsToast.vue +40 -39
  55. package/src/components/table-results/PsTableResults.vue +452 -458
  56. package/src/components/table-results/PsTableResultsBody.vue +66 -67
  57. package/src/components/table-results/PsTableResultsHead.vue +62 -56
  58. package/src/components/table-results/PsTableResultsHeadComparison.vue +62 -56
  59. package/src/components/table-results/PsTableResultsHeadFlexible.vue +63 -56
  60. package/src/components/table-results/PsTableResultsRow.vue +55 -56
  61. package/src/components/tabs/PsTabHeader.vue +106 -100
  62. package/src/components/tooltip/PsDialogTooltip.vue +96 -101
  63. package/src/components/tooltip/PsRichTooltip.vue +42 -45
  64. package/src/components/tooltip/PsTooltip.vue +111 -116
  65. package/src/components/ui/PsDotLoader.vue +1 -5
  66. package/src/components/ui/PsIcon.vue +126 -129
  67. package/src/index.ts +57 -71
  68. package/src/tsconfig.json +12 -0
  69. package/src/{shims-vue.d.ts → types/index.d.ts} +0 -5
  70. package/src/util/{GeneralFunctions.ts → GeneralFunctions.js} +0 -3
  71. package/src/util/directives.ts +24 -0
  72. package/src/util/eventBus.js +10 -0
  73. package/src/util/{imageLoader.ts → imageLoader.js} +7 -8
  74. package/tailwind.config.js +1 -1
  75. package/tsconfig.json +15 -17
  76. package/.storybook/PolicyStudio.ts +0 -11
  77. package/.storybook/eventBus.ts +0 -26
  78. package/.storybook/main.ts +0 -21
  79. package/.storybook/manager.ts +0 -7
  80. package/.storybook/preview.ts +0 -17
  81. package/dist/contents/ComparisonData.js +0 -376
  82. package/dist/contents/ComparisonData.js.map +0 -1
  83. package/dist/contents/FlexibleData.js +0 -501
  84. package/dist/contents/FlexibleData.js.map +0 -1
  85. package/dist/contents/ResultsData.js +0 -530
  86. package/dist/contents/ResultsData.js.map +0 -1
  87. package/dist/css/psui_styles.css +0 -4647
  88. package/dist/stories/Accordion.stories.js +0 -56
  89. package/dist/stories/Accordion.stories.js.map +0 -1
  90. package/dist/stories/BadgeWithIcon.stories.js +0 -28
  91. package/dist/stories/BadgeWithIcon.stories.js.map +0 -1
  92. package/dist/stories/BarChart.stories.js +0 -16
  93. package/dist/stories/BarChart.stories.js.map +0 -1
  94. package/dist/stories/Breadcrumb.stories.js +0 -21
  95. package/dist/stories/Breadcrumb.stories.js.map +0 -1
  96. package/dist/stories/Button.stories.js +0 -44
  97. package/dist/stories/Button.stories.js.map +0 -1
  98. package/dist/stories/CardInfos.stories.js +0 -13
  99. package/dist/stories/CardInfos.stories.js.map +0 -1
  100. package/dist/stories/ChartLegend.stories.js +0 -13
  101. package/dist/stories/ChartLegend.stories.js.map +0 -1
  102. package/dist/stories/Checkbox.stories.js +0 -44
  103. package/dist/stories/Checkbox.stories.js.map +0 -1
  104. package/dist/stories/CheckboxSimple.stories.js +0 -48
  105. package/dist/stories/CheckboxSimple.stories.js.map +0 -1
  106. package/dist/stories/Chips.stories.js +0 -27
  107. package/dist/stories/Chips.stories.js.map +0 -1
  108. package/dist/stories/ClimateZoneBadge.stories.js +0 -15
  109. package/dist/stories/ClimateZoneBadge.stories.js.map +0 -1
  110. package/dist/stories/CostEffectBar.stories.js +0 -21
  111. package/dist/stories/CostEffectBar.stories.js.map +0 -1
  112. package/dist/stories/Datatable.stories.js +0 -45
  113. package/dist/stories/Datatable.stories.js.map +0 -1
  114. package/dist/stories/DateCardInfo.stories.js +0 -18
  115. package/dist/stories/DateCardInfo.stories.js.map +0 -1
  116. package/dist/stories/Dialog.stories.js +0 -127
  117. package/dist/stories/Dialog.stories.js.map +0 -1
  118. package/dist/stories/Draggable.stories.js +0 -20
  119. package/dist/stories/Draggable.stories.js.map +0 -1
  120. package/dist/stories/Dropdown.stories.js +0 -98
  121. package/dist/stories/Dropdown.stories.js.map +0 -1
  122. package/dist/stories/DropdownList.stories.js +0 -208
  123. package/dist/stories/DropdownList.stories.js.map +0 -1
  124. package/dist/stories/Header.stories.js +0 -39
  125. package/dist/stories/Header.stories.js.map +0 -1
  126. package/dist/stories/HighlightRippleDot.stories.js +0 -13
  127. package/dist/stories/HighlightRippleDot.stories.js.map +0 -1
  128. package/dist/stories/Icon.stories.js +0 -19
  129. package/dist/stories/Icon.stories.js.map +0 -1
  130. package/dist/stories/InlineSelector.stories.js +0 -16
  131. package/dist/stories/InlineSelector.stories.js.map +0 -1
  132. package/dist/stories/Input.stories.js +0 -235
  133. package/dist/stories/Input.stories.js.map +0 -1
  134. package/dist/stories/InputSelect.stories.js +0 -28
  135. package/dist/stories/InputSelect.stories.js.map +0 -1
  136. package/dist/stories/InputTextArea.stories.js +0 -23
  137. package/dist/stories/InputTextArea.stories.js.map +0 -1
  138. package/dist/stories/MiniTag.stories.js +0 -44
  139. package/dist/stories/MiniTag.stories.js.map +0 -1
  140. package/dist/stories/Playground.stories.js +0 -14
  141. package/dist/stories/Playground.stories.js.map +0 -1
  142. package/dist/stories/ProgressBar.stories.js +0 -21
  143. package/dist/stories/ProgressBar.stories.js.map +0 -1
  144. package/dist/stories/RadioButton.stories.js +0 -36
  145. package/dist/stories/RadioButton.stories.js.map +0 -1
  146. package/dist/stories/RadioButtonSimple.stories.js +0 -40
  147. package/dist/stories/RadioButtonSimple.stories.js.map +0 -1
  148. package/dist/stories/SimpleAlert.stories.js +0 -19
  149. package/dist/stories/SimpleAlert.stories.js.map +0 -1
  150. package/dist/stories/Slider.stories.js +0 -70
  151. package/dist/stories/Slider.stories.js.map +0 -1
  152. package/dist/stories/Switch.stories.js +0 -35
  153. package/dist/stories/Switch.stories.js.map +0 -1
  154. package/dist/stories/TabHeader.stories.js +0 -48
  155. package/dist/stories/TabHeader.stories.js.map +0 -1
  156. package/dist/stories/TableResults.stories.js +0 -717
  157. package/dist/stories/TableResults.stories.js.map +0 -1
  158. package/dist/stories/TagScope.stories.js +0 -16
  159. package/dist/stories/TagScope.stories.js.map +0 -1
  160. package/dist/stories/TestimonialCard.stories.js +0 -24
  161. package/dist/stories/TestimonialCard.stories.js.map +0 -1
  162. package/dist/stories/Toast.stories.js +0 -51
  163. package/dist/stories/Toast.stories.js.map +0 -1
  164. package/dist/stories/Toggle.stories.js +0 -42
  165. package/dist/stories/Toggle.stories.js.map +0 -1
  166. package/dist/stories/Tooltip.stories.js +0 -108
  167. package/dist/stories/Tooltip.stories.js.map +0 -1
  168. package/postcss.config.js +0 -8
  169. package/src/assets/images/multifamily-units.svg +0 -10
  170. package/src/assets/images/policy-studio.svg +0 -15
  171. package/src/components/playground/PsScrollBar.vue +0 -320
  172. package/src/contents/ComparisonData.ts +0 -378
  173. package/src/contents/FlexibleData.ts +0 -502
  174. package/src/contents/ResultsData.ts +0 -531
  175. package/src/stories/Accordion.stories.ts +0 -59
  176. package/src/stories/BadgeWithIcon.stories.ts +0 -31
  177. package/src/stories/BarChart.stories.ts +0 -17
  178. package/src/stories/Breadcrumb.stories.ts +0 -22
  179. package/src/stories/Button.stories.ts +0 -48
  180. package/src/stories/Button.vue +0 -59
  181. package/src/stories/CardInfos.stories.ts +0 -15
  182. package/src/stories/ChartLegend.stories.ts +0 -15
  183. package/src/stories/Checkbox.stories.ts +0 -45
  184. package/src/stories/CheckboxSimple.stories.ts +0 -49
  185. package/src/stories/Chips.stories.ts +0 -33
  186. package/src/stories/ClimateZoneBadge.stories.ts +0 -18
  187. package/src/stories/Colors.mdx +0 -70
  188. package/src/stories/CostEffectBar.stories.ts +0 -24
  189. package/src/stories/Datatable.stories.ts +0 -53
  190. package/src/stories/DateCardInfo.stories.ts +0 -20
  191. package/src/stories/Dialog.stories.ts +0 -131
  192. package/src/stories/Draggable.stories.ts +0 -23
  193. package/src/stories/Dropdown.stories.ts +0 -100
  194. package/src/stories/DropdownList.stories.ts +0 -213
  195. package/src/stories/ElevationSystem.mdx +0 -41
  196. package/src/stories/Header.stories.ts +0 -42
  197. package/src/stories/Header.vue +0 -77
  198. package/src/stories/HighlightRippleDot.stories.ts +0 -16
  199. package/src/stories/Icon.stories.ts +0 -23
  200. package/src/stories/InlineSelector.stories.ts +0 -18
  201. package/src/stories/Input.stories.ts +0 -243
  202. package/src/stories/InputSelect.stories.ts +0 -31
  203. package/src/stories/InputTextArea.stories.ts +0 -25
  204. package/src/stories/Introduction.mdx +0 -211
  205. package/src/stories/MiniTag.stories.ts +0 -59
  206. package/src/stories/Playground.stories.ts +0 -16
  207. package/src/stories/ProgressBar.stories.ts +0 -24
  208. package/src/stories/RadioButton.stories.ts +0 -40
  209. package/src/stories/RadioButtonSimple.stories.ts +0 -43
  210. package/src/stories/SimpleAlert.stories.ts +0 -22
  211. package/src/stories/Slider.stories.ts +0 -79
  212. package/src/stories/Switch.stories.ts +0 -39
  213. package/src/stories/TabHeader.stories.ts +0 -57
  214. package/src/stories/TableResults.stories.ts +0 -728
  215. package/src/stories/TagScope.stories.ts +0 -17
  216. package/src/stories/TestimonialCard.stories.ts +0 -27
  217. package/src/stories/Toast.stories.ts +0 -52
  218. package/src/stories/Toggle.stories.ts +0 -48
  219. package/src/stories/Tooltip.stories.ts +0 -114
  220. package/src/stories/Typography.mdx +0 -212
  221. package/src/stories/assets/code-brackets.svg +0 -1
  222. package/src/stories/assets/colors.svg +0 -1
  223. package/src/stories/assets/comments.svg +0 -1
  224. package/src/stories/assets/direction.svg +0 -1
  225. package/src/stories/assets/flow.svg +0 -1
  226. package/src/stories/assets/plugin.svg +0 -1
  227. package/src/stories/assets/repo.svg +0 -1
  228. package/src/stories/assets/stackalt.svg +0 -1
  229. package/src/stories/button.css +0 -30
  230. package/src/stories/header.css +0 -32
  231. package/webpack.config.js +0 -36
@@ -1,56 +0,0 @@
1
- import PsAccordionItem from '../components/accordion/PsAccordionItem.vue';
2
- import PsAccordion from '../components/accordion/PsAccordion.vue';
3
- export default {
4
- title: 'Components/Accordion',
5
- component: PsAccordion,
6
- subcomponents: { PsAccordionItem },
7
- };
8
- export const Index = (args, { argTypes }) => ({
9
- props: Object.keys({ argTypes, args }),
10
- components: { PsAccordion, PsAccordionItem },
11
- template: `
12
- <div class="psui-p-8 psui-bg-gray-10 psui-grid psui-grid-cols-2 psui-gap-6">
13
- <div>
14
- <div class="psui-my-4">
15
- <h1 class="psui-font-bold psui-border-b psui-border-gray-30">Accordion Big</h1>
16
- </div>
17
- <PsAccordion layout="big" class="psui-bg-white">
18
- <PsAccordionItem title="Header 01">
19
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
20
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
21
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
22
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
23
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
24
- </PsAccordionItem>
25
- <PsAccordionItem title="Header 02">
26
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
27
- </PsAccordionItem>
28
- <PsAccordionItem title="Header 03">
29
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
30
- </PsAccordionItem>
31
- </PsAccordion>
32
- </div>
33
-
34
- <div>
35
- <div class="psui-my-4">
36
- <h1 class="psui-font-bold psui-border-b psui-border-gray-30">Accordion Medium</h1>
37
- </div>
38
- <PsAccordion layout="medium" class="psui-bg-white">
39
- <PsAccordionItem title="Header 01">
40
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
41
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
42
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
43
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
44
- </PsAccordionItem>
45
- <PsAccordionItem title="Header 02" :opened="false">
46
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
47
- </PsAccordionItem>
48
- <PsAccordionItem title="Header 03">
49
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
50
- </PsAccordionItem>
51
- </PsAccordion>
52
- </div>
53
- </div>
54
- `,
55
- });
56
- //# sourceMappingURL=Accordion.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../src/stories/Accordion.stories.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAO,6CAA6C,CAAA;AAC1E,OAAO,WAAW,MAAM,yCAAyC,CAAA;AAEjE,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,WAAW;IACtB,aAAa,EAAE,EAAE,eAAe,EAAE;CACnC,CAAA;AAGD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAoB,EAAE,EAAE,CAAC,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;IACpC,UAAU,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE;IAC5C,QAAQ,EACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CC;CACJ,CAAC,CAAA"}
@@ -1,28 +0,0 @@
1
- import PsBadgeWithIcon from '../components/badges-and-tags/PsBadgeWithIcon.vue';
2
- export default {
3
- title: 'Badges & Tags/Badges/BadgeWithIcon',
4
- component: PsBadgeWithIcon,
5
- argTypes: {},
6
- };
7
- const TemplateDefault = (args, { argTypes }) => ({
8
- props: Object.keys(argTypes),
9
- components: { PsBadgeWithIcon },
10
- template: `
11
- <div style="display: flex; flex-direction: column;">
12
- <div style="width: fit-content; display:flex; gap:70px; margin-left: 40px;">
13
- <span>Grey</span>
14
- <span style="margin-left: 8px;">Blue</span>
15
- <span style="margin-left: 5px;">Green</span>
16
- <span>Yellow</span>
17
- </div>
18
- <div style="width: fit-content; display:flex; gap:5px;">
19
- <PsBadgeWithIcon/>
20
- <PsBadgeWithIcon layout="blue"/>
21
- <PsBadgeWithIcon layout="green"/>
22
- <PsBadgeWithIcon layout="yellow"/>
23
- </div>
24
- </div>
25
- `
26
- });
27
- export const Default = TemplateDefault.bind({});
28
- //# sourceMappingURL=BadgeWithIcon.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BadgeWithIcon.stories.js","sourceRoot":"","sources":["../../src/stories/BadgeWithIcon.stories.ts"],"names":[],"mappings":"AAAA,OAAQ,eAAe,MAAO,mDAAmD,CAAA;AAEjF,eAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE,EACT;CACF,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAC,EAAE,CAAA,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAC,EAAC,eAAe,EAAC;IAC5B,QAAQ,EAAE;;;;;;;;;;;;;;;KAeT;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1,16 +0,0 @@
1
- import PsBarChart from '../components/data-graphics/PsBarChart.vue';
2
- export default {
3
- title: 'Data Graphics/Charts/BarChart',
4
- component: PsBarChart,
5
- };
6
- const defaultTemplate = (args, { argTypes }) => ({
7
- props: Object.keys(argTypes),
8
- components: { PsBarChart },
9
- template: `
10
- <div style='padding: 20px;'>
11
- <PsBarChart v-bind="$props"/>
12
- </div>
13
- `
14
- });
15
- export const BarChart = defaultTemplate.bind({});
16
- //# sourceMappingURL=BarChart.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BarChart.stories.js","sourceRoot":"","sources":["../../src/stories/BarChart.stories.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAA;AACnE,eAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,UAAU;CACtB,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,UAAU,EAAE;IAC1B,QAAQ,EAAE;;;;KAIP;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1,21 +0,0 @@
1
- import PsBreadcrumb from '../components/navigations/PsBreadcrumb.vue';
2
- export default {
3
- title: 'Navigations/Breadcrumb',
4
- component: PsBreadcrumb,
5
- argTypes: {},
6
- };
7
- const items = [
8
- { title: '1st level', route: '' },
9
- { title: 'Big name that needs to be shortened', route: '#' },
10
- { title: '3rd level', route: '' },
11
- { title: '4th level', route: '' },
12
- ];
13
- const Template = (args, { argTypes }) => ({
14
- props: Object.keys(argTypes),
15
- components: { PsBreadcrumb },
16
- template: `
17
- <PsBreadcrumb v-bind="$props" />
18
- `,
19
- });
20
- export const Default = Template.bind({});
21
- //# sourceMappingURL=Breadcrumb.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Breadcrumb.stories.js","sourceRoot":"","sources":["../../src/stories/Breadcrumb.stories.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,4CAA4C,CAAA;AACrE,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,EAAE;CACb,CAAA;AACD,MAAM,KAAK,GAAG;IACZ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IACjC,EAAE,KAAK,EAAE,qCAAqC,EAAE,KAAK,EAAE,GAAG,EAAE;IAC5D,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IACjC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;CAClC,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAiB,EAAE,EAAE,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,YAAY,EAAE;IAC5B,QAAQ,EAAE;;GAET;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1,44 +0,0 @@
1
- import MyButton from './Button.vue';
2
- // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
3
- export default {
4
- title: 'Example/Button',
5
- component: MyButton,
6
- tags: ['autodocs'],
7
- argTypes: {
8
- backgroundColor: {
9
- control: 'color',
10
- },
11
- onClick: {},
12
- size: {
13
- control: {
14
- type: 'select',
15
- },
16
- options: ['small', 'medium', 'large'],
17
- },
18
- },
19
- };
20
- // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
21
- export const Primary = {
22
- args: {
23
- primary: true,
24
- label: 'Button',
25
- },
26
- };
27
- export const Secondary = {
28
- args: {
29
- label: 'Button',
30
- },
31
- };
32
- export const Large = {
33
- args: {
34
- size: 'large',
35
- label: 'Button',
36
- },
37
- };
38
- export const Small = {
39
- args: {
40
- size: 'small',
41
- label: 'Button',
42
- },
43
- };
44
- //# sourceMappingURL=Button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/stories/Button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,cAAc,CAAA;AAEnC,kFAAkF;AAClF,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,eAAe,EAAE;YACf,OAAO,EAAE,OAAO;SACjB;QACD,OAAO,EAAE,EAAE;QACX,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;SACtC;KACF;CACF,CAAA;AAED,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA"}
@@ -1,13 +0,0 @@
1
- import PsCardInfos from '../components/badges-and-tags/PsCardInfos.vue';
2
- export default {
3
- title: 'Components/CardInfos',
4
- component: PsCardInfos,
5
- argTypes: {},
6
- };
7
- const Template = (args, { argTypes }) => ({
8
- props: Object.keys(argTypes),
9
- components: { PsCardInfos },
10
- template: '<PsCardInfos v-bind="$props" />',
11
- });
12
- export const CardInfos = Template.bind({});
13
- //# sourceMappingURL=CardInfos.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardInfos.stories.js","sourceRoot":"","sources":["../../src/stories/CardInfos.stories.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,+CAA+C,CAAA;AAEvE,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE;CACb,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,WAAW,EAAE;IAC3B,QAAQ,EAAE,iCAAiC;CAC5C,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1,13 +0,0 @@
1
- import PsChartLegend from '../components/badges-and-tags/PsChartLegend.vue';
2
- export default {
3
- title: 'Badges & Tags/Badges/ChartLegend',
4
- component: PsChartLegend,
5
- argTypes: {},
6
- };
7
- const Template = (args, { argTypes }) => ({
8
- props: Object.keys(argTypes),
9
- components: { PsChartLegend },
10
- template: '<PsChartLegend v-bind="$props" />',
11
- });
12
- export const ChartLegend = Template.bind({});
13
- //# sourceMappingURL=ChartLegend.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChartLegend.stories.js","sourceRoot":"","sources":["../../src/stories/ChartLegend.stories.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iDAAiD,CAAA;AAE3E,eAAe;IACb,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,EAAE;CACb,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAqB,EAAE,EAAE,CAAC,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,aAAa,EAAE;IAC7B,QAAQ,EAAE,mCAAmC;CAC9C,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1,44 +0,0 @@
1
- import PsCheckbox from '../components/controls/PsCheckbox.vue';
2
- // const icons = ['add_circle', 'delete', 'done', 'info', 'send']
3
- export default {
4
- title: 'Controls & Selectors/Checkbox',
5
- component: PsCheckbox,
6
- };
7
- const defaultTemplate = (args, { argTypes }) => ({
8
- props: Object.keys(argTypes),
9
- components: { PsCheckbox },
10
- template: `
11
- <div style='display:flex; gap: 20px;'>
12
- <div style='display:flex; flex-direction:column; gap:5px;'>
13
- <p>Resting</p>
14
- <div style='display: flex; flex-direction:column; gap: 10px;'>
15
- <PsCheckbox v-bind="$props" label='Label 1' />
16
- <PsCheckbox v-bind="$props" label='Label 2' size='small' />
17
- </div>
18
- </div>
19
- <div style='display:flex; flex-direction:column; gap:5px;'>
20
- <p>Active</p>
21
- <div style='display: flex; flex-direction:column; gap: 10px;'>
22
- <PsCheckbox v-bind="$props" label='Label 3' checked />
23
- <PsCheckbox v-bind="$props" label='Label 4' checked size='small'/>
24
- </div>
25
- </div>
26
- <div style='display:flex; flex-direction:column; gap:5px;'>
27
- <p>Mixed</p>
28
- <div style='display: flex; flex-direction:column; gap: 10px;'>
29
- <PsCheckbox v-bind="$props" label='Label 5' layout='mixed' checked />
30
- <PsCheckbox v-bind="$props" label='Label 6' layout='mixed' size='small' checked />
31
- </div>
32
- </div>
33
- <div style='display:flex; flex-direction:column; gap:5px;'>
34
- <p>Disabled</p>
35
- <div style='display: flex; flex-direction:column; gap: 10px;'>
36
- <PsCheckbox v-bind="$props" label='Label 7' disabled/>
37
- <PsCheckbox v-bind="$props" label='Label 8' size='small' disabled/>
38
- </div>
39
- </div>
40
- </div>
41
- `
42
- });
43
- export const Default = defaultTemplate.bind({});
44
- //# sourceMappingURL=Checkbox.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../src/stories/Checkbox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,uCAAuC,CAAA;AAC9D,iEAAiE;AACjE,eAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,UAAU;CACtB,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,UAAU,EAAC;IACzB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BP;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1,48 +0,0 @@
1
- import PsCheckboxSimple from '../components/controls/PsCheckboxSimple.vue';
2
- // const icons = ['add_circle', 'delete', 'done', 'info', 'send']
3
- export default {
4
- title: 'Text fields & Forms/Inputs V2/Checkbox',
5
- component: PsCheckboxSimple,
6
- };
7
- const defaultTemplate = (args, { argTypes }) => ({
8
- props: Object.keys(argTypes),
9
- components: { PsCheckboxSimple },
10
- data: () => ({
11
- checkBox1: true
12
- }),
13
- template: `
14
- <div style='display:flex; gap: 20px;'>
15
- <div style='display:flex; flex-direction:column; gap:5px;'>
16
- <p>Resting</p>
17
- <div style='display: flex; flex-direction:column; gap: 10px;'>
18
- <PsCheckboxSimple :checked="checkBox1" @click="checkBox1 = !checkBox1" label='Label 1' />
19
- <PsCheckboxSimple v-bind="$props" label='Label 2' size='small' />
20
- </div>
21
- </div>
22
- <div style='display:flex; flex-direction:column; gap:5px;'>
23
- <p>Active</p>
24
- <div style='display: flex; flex-direction:column; gap: 10px;'>
25
- <PsCheckboxSimple v-bind="$props" label='Label 3' checked />
26
- <PsCheckboxSimple v-bind="$props" label='Label 4' checked size='small'/>
27
- </div>
28
- </div>
29
- <div style='display:flex; flex-direction:column; gap:5px;'>
30
- <p>Mixed</p>
31
- <div style='display: flex; flex-direction:column; gap: 10px;'>
32
- <PsCheckboxSimple v-bind="$props" label='Label 5' layout='mixed' checked />
33
- <PsCheckboxSimple v-bind="$props" label='Label 6' layout='mixed' size='small' checked />
34
- </div>
35
- </div>
36
- <div style='display:flex; flex-direction:column; gap:5px;'>
37
- <p>Disabled</p>
38
- <div style='display: flex; flex-direction:column; gap: 10px;'>
39
- <PsCheckboxSimple v-bind="$props" label='Input via inputAttrs' :inputAttrs="{ id: 'my-input-id' }" disabled/>
40
- <PsCheckboxSimple v-bind="$props" label='Input via component id' size='small' id="my-component-id" data-test="test" disabled/>
41
- <PsCheckboxSimple v-bind="$props" label='Input fallback' size='small' disabled/>
42
- </div>
43
- </div>
44
- </div>
45
- `
46
- });
47
- export const Default = defaultTemplate.bind({});
48
- //# sourceMappingURL=CheckboxSimple.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxSimple.stories.js","sourceRoot":"","sources":["../../src/stories/CheckboxSimple.stories.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,6CAA6C,CAAA;AAC1E,iEAAiE;AACjE,eAAe;IACb,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,gBAAgB;CAC5B,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,gBAAgB,EAAE;IAChC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;QACX,SAAS,EAAG,IAAI;KACjB,CAAC;IACF,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCP;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1,27 +0,0 @@
1
- import PsChips from '../components/chips/PsChips.vue';
2
- import * as HeaderStories from '../stories/Header.stories';
3
- const meta = {
4
- component: PsChips
5
- };
6
- export default meta;
7
- export const Primary = {
8
- render: (args) => ({
9
- components: { PsChips },
10
- setup() {
11
- return { args };
12
- },
13
- template: `<div style="display:flex; gap: 10px;">
14
- <PsChips v-bind='$props' label="Simple chips with icons" type="button" layout="with-icon" icon="home" @update:checked='isChecked = $event' :checked='isChecked'/>
15
- <PsChips v-bind='$props' label="Radio chips" type="radio" @update:checked='isChecked = $event' :checked='isChecked'/>
16
- <PsChips v-bind='$props' label="Checkbox chips" type="checkbox" @update:checked='isCheckedTwo = $event' :checked='isCheckedTwo'/>
17
- <PsChips v-bind='$props' label="Rich chips" type="button" layout="rich" icon="text_snippet" @update:checked='isChecked = $event' :checked='isChecked'/>
18
- </div>
19
- `,
20
- args: {
21
- label: 'Simple Chip',
22
- icon: '',
23
- ...HeaderStories.LoggedIn.args
24
- }
25
- })
26
- };
27
- //# sourceMappingURL=Chips.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chips.stories.js","sourceRoot":"","sources":["../../src/stories/Chips.stories.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,iCAAiC,CAAA;AAGrD,OAAO,KAAK,aAAa,MAAM,2BAA2B,CAAA;AAE1D,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,eAAe,IAAI,CAAA;AAInB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACjB,UAAU,EAAE,EAAE,OAAO,EAAE;QACvB,KAAK;YACH,OAAO,EAAE,IAAI,EAAE,CAAA;QACjB,CAAC;QACD,QAAQ,EAAE;;;;;;eAMC;QACX,IAAI,EAAC;YACH,KAAK,EAAE,aAAa;YACpB,IAAI,EAAC,EAAE;YACP,GAAG,aAAa,CAAC,QAAQ,CAAC,IAAI;SAC/B;KACF,CAAC;CACH,CAAA"}
@@ -1,15 +0,0 @@
1
- import PsClimateZoneBadge from '../components/badges-and-tags/PsClimateZoneBadge.vue';
2
- export default {
3
- title: 'Badges & Tags/Badges/ClimateZoneBadge',
4
- component: PsClimateZoneBadge,
5
- };
6
- const Template = (args, { argTypes }) => ({
7
- props: Object.keys(argTypes),
8
- components: { PsClimateZoneBadge },
9
- template: '<PsClimateZoneBadge v-bind="$props" />',
10
- });
11
- export const ClimateZoneBadge = Template.bind({});
12
- ClimateZoneBadge.args = {
13
- icon: 'area_chart',
14
- };
15
- //# sourceMappingURL=ClimateZoneBadge.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ClimateZoneBadge.stories.js","sourceRoot":"","sources":["../../src/stories/ClimateZoneBadge.stories.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,sDAAsD,CAAA;AAErF,eAAe;IACb,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,kBAAkB;CAC9B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,kBAAkB,EAAE;IAClC,QAAQ,EAAE,wCAAwC;CACnD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,YAAY;CACnB,CAAA"}
@@ -1,21 +0,0 @@
1
- import PsCostEffectBar from '../components/badges-and-tags/PsCostEffectBar.vue';
2
- export default {
3
- title: 'Badges & Tags/Badges/CostEffectBar',
4
- component: PsCostEffectBar,
5
- argTypes: {
6
- value: {
7
- control: { type: 'number', min: 0, max: 100 },
8
- },
9
- breakEven: {
10
- control: { type: 'number', min: 0, max: 100 },
11
- },
12
- },
13
- };
14
- const Template = (args, { argTypes }) => ({
15
- props: Object.keys(argTypes),
16
- components: { PsCostEffectBar },
17
- template: '<PsCostEffectBar v-bind="$props" />',
18
- });
19
- export const SimpleProgressBar = Template.bind({});
20
- SimpleProgressBar.args = {};
21
- //# sourceMappingURL=CostEffectBar.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CostEffectBar.stories.js","sourceRoot":"","sources":["../../src/stories/CostEffectBar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mDAAmD,CAAA;AAE/E,eAAe;IACb,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE;SAC9C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE;SAC9C;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,eAAe,EAAE;IAC/B,QAAQ,EAAE,qCAAqC;CAChD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG,EAAE,CAAA"}
@@ -1,45 +0,0 @@
1
- import PsDataTable, { alignment } from '../components/datatable/PsDataTable.vue';
2
- import PsDataTableItem from '../components/datatable/PsDataTableItem.vue';
3
- export default {
4
- title: 'Data Tables/DataTable',
5
- component: PsDataTable,
6
- subcomponents: { PsDataTableItem },
7
- argTypes: {
8
- align: { control: { type: 'select', options: alignment } },
9
- }
10
- };
11
- const Template = (args, { argTypes }) => ({
12
- props: Object.keys(argTypes),
13
- components: { PsDataTable },
14
- template: `
15
- <div style="width:400px;">
16
- <PsDataTable v-bind="$props" />
17
- </div>
18
- `
19
- });
20
- const RichTemplate = (args, { argTypes }) => ({
21
- props: Object.keys(argTypes),
22
- components: { PsDataTable, PsDataTableItem },
23
- template: `
24
- <div style="width:400px">
25
- <PsDataTable v-bind="$props">
26
- <PsDataTableItem v-bind="$props"/>
27
- </PsDataTable>
28
- </div>
29
- `
30
- });
31
- export const Simple = Template.bind({});
32
- Simple.args = {
33
- header: ['year', 'month', 'sale'],
34
- data: [{ year: '1992', month: '12', sale: '1000.00' }, { year: '1989', month: '02', sale: '1200.00' }],
35
- footer: ['Footer 1', 'Footer 2', 'Footer 3'],
36
- type: 'simple',
37
- };
38
- export const Rich = RichTemplate.bind({});
39
- Rich.args = {
40
- header: ['header 1', 'header 2', 'header 3'],
41
- data: [[[20, -3], [20, 2], [20, 2]], { header4: { value: 20, delta: 2 }, header5: { value: 20, delta: 2 }, header6: { value: 20, delta: 2 } }],
42
- footer: ['Footer 1', 'Footer 2', 'Footer 3'],
43
- type: 'rich'
44
- };
45
- //# sourceMappingURL=Datatable.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Datatable.stories.js","sourceRoot":"","sources":["../../src/stories/Datatable.stories.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,EAAE,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AAChF,OAAO,eAAe,MAAM,6CAA6C,CAAA;AAEzE,eAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAW;IACtB,aAAa,EAAE,EAAE,eAAe,EAAE;IAClC,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;KAC7D;CACJ,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAG,EAAC,WAAW,EAAC;IAC1B,QAAQ,EAAE;;;;SAIL;CACR,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAmB,EAAG,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAC,WAAW,EAAE,eAAe,EAAC;IAC1C,QAAQ,EAAE;;;;;;KAMT;CACJ,CAAC,CAAA;AAGF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,MAAM,CAAC,IAAI,GAAG;IACV,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IACtG,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IAC5C,IAAI,EAAE,QAAQ;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,IAAI,CAAC,IAAI,GAAG;IACR,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IAC5C,IAAI,EAAC,CAAC,CAAE,CAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAG,CAAG,EAAE,EAAG,CAAC,CAAC,EAAE,CAAG,EAAE,EAAG,CAAC,CAAC,CAAE,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAC,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAC,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAC,EAAE,CAAC;IACpJ,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IAC5C,IAAI,EAAE,MAAM;CACf,CAAA"}
@@ -1,18 +0,0 @@
1
- import PsDateCardInfo from '../components/badges-and-tags/PsDateCardInfo.vue';
2
- export default {
3
- title: 'Components/DateCardInfo',
4
- component: PsDateCardInfo,
5
- };
6
- const Template = (args, { argTypes }) => ({
7
- props: Object.keys(argTypes),
8
- components: { PsDateCardInfo },
9
- template: `
10
- <div style="width: 1000px; background:#DBE9F1; display:flex; gap: 7px; padding: 20px; height: 100%;">
11
- <PsDateCardInfo v-bind="$props"/>
12
- <PsDateCardInfo v-bind="$props"/>
13
- <PsDateCardInfo v-bind="$props"/>
14
- </div>
15
- `
16
- });
17
- export const Default = Template.bind({});
18
- //# sourceMappingURL=DateCardInfo.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DateCardInfo.stories.js","sourceRoot":"","sources":["../../src/stories/DateCardInfo.stories.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kDAAkD,CAAA;AAE7E,eAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,cAAc;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAC,EAAC,cAAc,EAAC;IAC3B,QAAQ,EAAE;;;;;;KAMT;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1,127 +0,0 @@
1
- import PsDialog from '../components/notifications/PsDialog.vue';
2
- export default {
3
- title: 'Notifications/Dialog',
4
- component: PsDialog,
5
- };
6
- const TemplateExamples = (args, { argTypes }) => ({
7
- props: Object.keys(argTypes),
8
- components: { PsDialog },
9
- template: `
10
- <div class="psui-grid psui-grid-cols-3 psui-gap-4">
11
-
12
- <div class="psui-col-span-3 psui-mt-8">
13
- <h1 class="psui-font-bold psui-border-b psui-border-gray-30">PSDialog Horizontal</h1>
14
- </div>
15
-
16
- <div>
17
- <h2>Informative</h2>
18
- <PsDialog theme="informative" layout="horizontal" message="teste">
19
- <template v-slot:action>
20
- <p style='font-weight: 700;'>Action</p>
21
- </template>
22
- </PsDialog>
23
- </div>
24
-
25
- <div>
26
- <h2>Success</h2>
27
- <PsDialog theme="success" layout="horizontal" :hasClose="false">
28
- <template>
29
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
30
- </template>
31
- <template v-slot:action>
32
- <p style='font-weight: 700;'>Action</p>
33
- </template>
34
- </PsDialog>
35
- </div>
36
-
37
- <div>
38
- <h2>Alert</h2>
39
- <PsDialog theme="alert" layout="horizontal">
40
- <template>
41
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
42
- </template>
43
- <template v-slot:action>
44
- <p style='font-weight: 700;'>Action</p>
45
- </template>
46
- </PsDialog>
47
- </div>
48
-
49
- <div class="psui-col-span-3 psui-mt-8">
50
- <h1 class="psui-font-bold psui-border-b psui-border-gray-30">PSDialog Vertical</h1>
51
- </div>
52
-
53
- <div>
54
- <h2>Informative</h2>
55
- <PsDialog theme="informative" layout="vertical">
56
- <template>
57
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
58
- </template>
59
- <template v-slot:action>
60
- <p style='font-weight: 700;'>Action</p>
61
- </template>
62
- </PsDialog>
63
- </div>
64
-
65
- <div class="psui-text-red">
66
- <h2>Success</h2>
67
- <PsDialog theme="success" layout="vertical" :hasClose="false">
68
- <template>
69
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
70
- </template>
71
- <template v-slot:action>
72
- <p style='font-weight: 700;'>Action</p>
73
- </template>
74
- </PsDialog>
75
- </div>
76
-
77
- <div>
78
- <h2>Alert</h2>
79
- <PsDialog theme="alert" layout="vertical">
80
- <template>
81
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
82
- </template>
83
- <template v-slot:action>
84
- <p style='font-weight: 700;'>Action</p>
85
- </template>
86
- </PsDialog>
87
- </div>
88
-
89
-
90
-
91
- <!-- PSDialog Vertical -->
92
- <div class="psui-col-span-3 psui-mt-8">
93
- <h1 class="psui-font-bold psui-border-b psui-border-gray-30">PSDialog Vertical Props Message</h1>
94
- </div>
95
-
96
- <div>
97
- <h2>Informative</h2>
98
- <PsDialog theme="informative" layout="vertical" message="This component uses only the props message!">
99
- <template v-slot:action>
100
- <p style='font-weight: 700;'>Action</p>
101
- </template>
102
- </PsDialog>
103
- </div>
104
-
105
- <div>
106
- <h2>Success</h2>
107
- <PsDialog theme="success" layout="vertical" message="This component uses only the props message!" :hasClose="false">
108
- <template v-slot:action>
109
- <p style='font-weight: 700;'>Action</p>
110
- </template>
111
- </PsDialog>
112
- </div>
113
-
114
- <div>
115
- <h2>Alert</h2>
116
- <PsDialog theme="alert" layout="vertical" message="This component uses only the props message!">
117
- <template v-slot:action>
118
- <p style='font-weight: 700;'>Action</p>
119
- </template>
120
- </PsDialog>
121
- </div>
122
-
123
- </div>
124
- `,
125
- });
126
- export const Examples = TemplateExamples.bind({});
127
- //# sourceMappingURL=Dialog.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../src/stories/Dialog.stories.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,0CAA0C,CAAA;AAE/D,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,QAAQ;CACpB,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,QAAQ,EAAE;IACxB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAmHD;CACV,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -1,20 +0,0 @@
1
- import PsDraggable from '../components/controls/PsDraggable.vue';
2
- export default {
3
- title: 'Controls & Selectors/Draggable',
4
- component: PsDraggable
5
- };
6
- const Template = (args, { argTypes }) => ({
7
- props: Object.keys(argTypes),
8
- components: { PsDraggable },
9
- template: `
10
- <div style='width: 300px; font-family: "Lato", sans-serif; font-size: 12px;'>
11
- <PsDraggable v-bind='$props'/>
12
- </div>
13
- `
14
- });
15
- export const Component = Template.bind({});
16
- Component.args = {
17
- getColumns: { columnGroups: [{ title: 'COST EFFECTIVENESS', columns: ['Item 1', 'Item 2', 'Item 3', 'Item 4'] }, { title: 'PER HOME RESULTS', columns: ['Item 1', 'Item 2', 'Item 3', 'Item 4'] }] },
18
- module: 'comparison'
19
- };
20
- //# sourceMappingURL=Draggable.stories.js.map