@policystudio/policy-studio-ui-vue 1.1.90-beta.3 → 1.1.90-beta.31

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 (160) hide show
  1. package/.eslintrc.js +13 -8
  2. package/.github/workflows/deploy-storybook.yml +4 -4
  3. package/.nvmrc +1 -0
  4. package/dist/css/psui_styles_output.css +7090 -0
  5. package/dist/index.d.ts +51 -0
  6. package/dist/index.js +106 -0
  7. package/dist/index.js.map +1 -0
  8. package/dist/util/GeneralFunctions.d.ts +3 -0
  9. package/dist/util/GeneralFunctions.js +35 -0
  10. package/dist/util/GeneralFunctions.js.map +1 -0
  11. package/dist/util/directives.d.ts +1 -0
  12. package/dist/util/directives.js +22 -0
  13. package/dist/util/directives.js.map +1 -0
  14. package/dist/util/imageLoader.d.ts +6 -0
  15. package/dist/util/imageLoader.js +52 -0
  16. package/dist/util/imageLoader.js.map +1 -0
  17. package/doc/.nvmrc +1 -0
  18. package/doc/.storybook/PolicyStudio.ts +11 -0
  19. package/{.storybook/main.js → doc/.storybook/main.ts} +8 -2
  20. package/doc/.storybook/manager.ts +7 -0
  21. package/{.storybook/preview.js → doc/.storybook/preview.ts} +2 -3
  22. package/doc/package-lock.json +22653 -0
  23. package/doc/package.json +71 -0
  24. package/doc/shims-vue.d.ts +6 -0
  25. package/{src/stories/Accordion.stories.js → doc/src/stories/Accordion.stories.ts} +4 -5
  26. package/{src/stories/BadgeWithIcon.stories.js → doc/src/stories/BadgeWithIcon.stories.ts} +2 -2
  27. package/{src/stories/BarChart.stories.js → doc/src/stories/BarChart.stories.ts} +2 -2
  28. package/{src/stories/Breadcrumb.stories.js → doc/src/stories/Breadcrumb.stories.ts} +2 -5
  29. package/doc/src/stories/Button.stories.ts +130 -0
  30. package/{src/stories/CardInfos.stories.js → doc/src/stories/CardInfos.stories.ts} +2 -3
  31. package/{src/stories/ChartLegend.stories.js → doc/src/stories/ChartLegend.stories.ts} +2 -3
  32. package/{src/stories/Checkbox.stories.js → doc/src/stories/Checkbox.stories.ts} +2 -2
  33. package/{src/stories/CheckboxSimple.stories.js → doc/src/stories/CheckboxSimple.stories.ts} +2 -2
  34. package/{src/stories/Chips.stories.js → doc/src/stories/Chips.stories.ts} +22 -23
  35. package/{src/stories/ClimateZoneBadge.stories.js → doc/src/stories/ClimateZoneBadge.stories.ts} +3 -2
  36. package/doc/src/stories/Collapse.stories.ts +46 -0
  37. package/{src/stories/CostEffectBar.stories.js → doc/src/stories/CostEffectBar.stories.ts} +3 -2
  38. package/{src/stories/Datatable.stories.js → doc/src/stories/Datatable.stories.ts} +7 -4
  39. package/{src/stories/DateCardInfo.stories.js → doc/src/stories/DateCardInfo.stories.ts} +2 -6
  40. package/{src/stories/Dialog.stories.js → doc/src/stories/Dialog.stories.ts} +2 -2
  41. package/{src/stories/Draggable.stories.js → doc/src/stories/Draggable.stories.ts} +3 -2
  42. package/{src/stories/Dropdown.stories.js → doc/src/stories/Dropdown.stories.ts} +4 -3
  43. package/{src/stories/DropdownList.stories.js → doc/src/stories/DropdownList.stories.ts} +4 -2
  44. package/{src/stories/HighlightRippleDot.stories.js → doc/src/stories/HighlightRippleDot.stories.ts} +3 -2
  45. package/{src/stories/Icon.stories.js → doc/src/stories/Icon.stories.ts} +3 -1
  46. package/{src/stories/InlineSelector.stories.js → doc/src/stories/InlineSelector.stories.ts} +2 -2
  47. package/{src/stories/Input.stories.js → doc/src/stories/Input.stories.ts} +7 -4
  48. package/{src/stories/InputSelect.stories.js → doc/src/stories/InputSelect.stories.ts} +3 -2
  49. package/{src/stories/InputTextArea.stories.js → doc/src/stories/InputTextArea.stories.ts} +2 -2
  50. package/{src/stories/MiniTag.stories.js → doc/src/stories/MiniTag.stories.ts} +9 -2
  51. package/{src/stories/ProgressBar.stories.js → doc/src/stories/ProgressBar.stories.ts} +3 -2
  52. package/{src/stories/RadioButton.stories.js → doc/src/stories/RadioButton.stories.ts} +2 -2
  53. package/{src/stories/RadioButtonSimple.stories.js → doc/src/stories/RadioButtonSimple.stories.ts} +2 -2
  54. package/{src/stories/SimpleAlert.stories.js → doc/src/stories/SimpleAlert.stories.ts} +3 -2
  55. package/{src/stories/Slider.stories.js → doc/src/stories/Slider.stories.ts} +6 -2
  56. package/{src/stories/Switch.stories.js → doc/src/stories/Switch.stories.ts} +2 -2
  57. package/{src/stories/TabHeader.stories.js → doc/src/stories/TabHeader.stories.ts} +6 -1
  58. package/{src/stories/TableResults.stories.js → doc/src/stories/TableResults.stories.ts} +11 -7
  59. package/{src/stories/TagScope.stories.js → doc/src/stories/TagScope.stories.ts} +3 -2
  60. package/{src/stories/TestimonialCard.stories.js → doc/src/stories/TestimonialCard.stories.ts} +3 -3
  61. package/{src/stories/Toast.stories.js → doc/src/stories/Toast.stories.ts} +2 -2
  62. package/{src/stories/Toggle.stories.js → doc/src/stories/Toggle.stories.ts} +7 -4
  63. package/{src/stories/Tooltip.stories.js → doc/src/stories/Tooltip.stories.ts} +6 -6
  64. package/doc/tsconfig.json +17 -0
  65. package/package.json +24 -37
  66. package/src/App.vue +30 -0
  67. package/src/assets/scss/base.scss +3 -34
  68. package/src/assets/scss/components/PsAccordion.scss +1 -1
  69. package/src/assets/scss/components/PsCollapse.css +74 -0
  70. package/src/assets/scss/components/PsDataTable.scss +1 -1
  71. package/src/assets/scss/components/PsDropdownList.scss +1 -1
  72. package/src/components/accordion/PsAccordionItem.vue +88 -74
  73. package/src/components/badges-and-tags/PsBadgeWithIcon.vue +31 -33
  74. package/src/components/badges-and-tags/PsCardInfos.vue +39 -41
  75. package/src/components/badges-and-tags/PsChartLegend.vue +46 -51
  76. package/src/components/badges-and-tags/PsClimateZoneBadge.vue +13 -19
  77. package/src/components/badges-and-tags/PsCostEffectBar.vue +24 -56
  78. package/src/components/badges-and-tags/PsDateCardInfo.vue +17 -18
  79. package/src/components/badges-and-tags/PsHighlightRippleDot.vue +3 -2
  80. package/src/components/badges-and-tags/PsMiniTag.vue +39 -41
  81. package/src/components/badges-and-tags/PsProgressBar.vue +72 -68
  82. package/src/components/badges-and-tags/PsTagScope.vue +17 -22
  83. package/src/components/badges-and-tags/PsTestimonialCard.vue +19 -26
  84. package/src/components/buttons/PsButton.vue +60 -61
  85. package/src/components/chips/PsChips.vue +98 -101
  86. package/src/components/collapse/PsCollapse.vue +121 -0
  87. package/src/components/controls/PsCheckbox.vue +84 -84
  88. package/src/components/controls/PsCheckboxSimple.vue +95 -95
  89. package/src/components/controls/PsDraggable.vue +53 -55
  90. package/src/components/controls/PsInlineSelector.vue +98 -99
  91. package/src/components/controls/PsRadioButton.vue +59 -58
  92. package/src/components/controls/PsRadioButtonSimple.vue +79 -75
  93. package/src/components/controls/PsSlider.vue +185 -176
  94. package/src/components/controls/PsSwitch.vue +51 -52
  95. package/src/components/controls/PsToggle.vue +52 -50
  96. package/src/components/data-graphics/PsBarChart.vue +18 -21
  97. package/src/components/datatable/PsDataTable.vue +56 -60
  98. package/src/components/datatable/PsDataTableItem.vue +13 -28
  99. package/src/components/forms/PsDropdown.vue +165 -162
  100. package/src/components/forms/PsDropdownList.vue +133 -130
  101. package/src/components/forms/PsInput.vue +154 -153
  102. package/src/components/forms/PsInputSelect.vue +91 -92
  103. package/src/components/forms/PsInputTextArea.vue +70 -71
  104. package/src/components/navigations/PsBreadcrumb.vue +25 -34
  105. package/src/components/notifications/PsDialog.vue +57 -56
  106. package/src/components/notifications/PsSimpleAlert.vue +27 -29
  107. package/src/components/notifications/PsToast.vue +40 -39
  108. package/src/components/table-results/PsTableResults.vue +456 -466
  109. package/src/components/table-results/PsTableResultsBody.vue +66 -67
  110. package/src/components/table-results/PsTableResultsHead.vue +67 -61
  111. package/src/components/table-results/PsTableResultsHeadComparison.vue +62 -56
  112. package/src/components/table-results/PsTableResultsHeadFlexible.vue +68 -61
  113. package/src/components/table-results/PsTableResultsRow.vue +55 -56
  114. package/src/components/tabs/PsTabHeader.vue +106 -100
  115. package/src/components/tooltip/PsDialogTooltip.vue +96 -101
  116. package/src/components/tooltip/PsRichTooltip.vue +41 -45
  117. package/src/components/tooltip/PsTooltip.vue +111 -116
  118. package/src/components/ui/PsDotLoader.vue +1 -5
  119. package/src/components/ui/PsIcon.vue +131 -129
  120. package/src/index.ts +159 -0
  121. package/src/tsconfig.json +12 -0
  122. package/src/types/index.d.ts +6 -0
  123. package/src/util/GeneralFunctions.js +16 -7
  124. package/src/util/directives.ts +24 -0
  125. package/src/util/imageLoader.js +14 -7
  126. package/tailwind.config.js +1 -1
  127. package/tsconfig.json +47 -0
  128. package/.storybook/PolicyStudio.js +0 -10
  129. package/.storybook/eventBus.js +0 -26
  130. package/.storybook/manager.js +0 -6
  131. package/babel.config.js +0 -17
  132. package/dist/css/psui_styles.css +0 -4647
  133. package/postcss.config.js +0 -8
  134. package/src/components/playground/PsScrollBar.vue +0 -320
  135. package/src/index.js +0 -166
  136. package/src/stories/Button.stories.js +0 -48
  137. package/src/stories/Button.vue +0 -59
  138. package/src/stories/Header.stories.js +0 -41
  139. package/src/stories/Header.vue +0 -77
  140. package/src/stories/Playground.stories.js +0 -16
  141. package/src/stories/button.css +0 -30
  142. package/src/stories/header.css +0 -32
  143. package/webpack.config.js +0 -22
  144. /package/{src → doc/src}/assets/images/multifamily-units.svg +0 -0
  145. /package/{src → doc/src}/assets/images/policy-studio.svg +0 -0
  146. /package/{src/contents/ComparisonData.js → doc/src/contents/ComparisonData.ts} +0 -0
  147. /package/{src/contents/FlexibleData.js → doc/src/contents/FlexibleData.ts} +0 -0
  148. /package/{src/contents/ResultsData.js → doc/src/contents/ResultsData.ts} +0 -0
  149. /package/{src → doc/src}/stories/Colors.mdx +0 -0
  150. /package/{src → doc/src}/stories/ElevationSystem.mdx +0 -0
  151. /package/{src → doc/src}/stories/Introduction.mdx +0 -0
  152. /package/{src → doc/src}/stories/Typography.mdx +0 -0
  153. /package/{src → doc/src}/stories/assets/code-brackets.svg +0 -0
  154. /package/{src → doc/src}/stories/assets/colors.svg +0 -0
  155. /package/{src → doc/src}/stories/assets/comments.svg +0 -0
  156. /package/{src → doc/src}/stories/assets/direction.svg +0 -0
  157. /package/{src → doc/src}/stories/assets/flow.svg +0 -0
  158. /package/{src → doc/src}/stories/assets/plugin.svg +0 -0
  159. /package/{src → doc/src}/stories/assets/repo.svg +0 -0
  160. /package/{src → doc/src}/stories/assets/stackalt.svg +0 -0
@@ -1,77 +0,0 @@
1
- <template>
2
- <header>
3
- <div class="storybook-header">
4
- <div>
5
- <svg
6
- width="32"
7
- height="32"
8
- viewBox="0 0 32 32"
9
- xmlns="http://www.w3.org/2000/svg"
10
- >
11
- <g
12
- fill="none"
13
- fill-rule="evenodd"
14
- >
15
- <path
16
- d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
17
- fill="#FFF"
18
- />
19
- <path
20
- d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
21
- fill="#555AB9"
22
- />
23
- <path
24
- d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
25
- fill="#91BAF8"
26
- />
27
- </g>
28
- </svg>
29
- <h1>Acme</h1>
30
- </div>
31
- <div>
32
- <span
33
- class="welcome"
34
- v-if="user"
35
- >Welcome, aa<b>{{ user.name }}</b>!</span>
36
- <my-button
37
- size="small"
38
- @click="$emit('logout')"
39
- label="Log out"
40
- v-if="user"
41
- />
42
- <my-button
43
- size="small"
44
- @click="$emit('login')"
45
- label="Log in"
46
- v-if="!user"
47
- />
48
- <my-button
49
- primary
50
- size="small"
51
- @click="$emit('createAccount')"
52
- label="Sign up"
53
- v-if="!user"
54
- />
55
- </div>
56
- </div>
57
- </header>
58
- </template>
59
-
60
- <script>
61
- import './header.css'
62
- import MyButton from './Button.vue'
63
-
64
- export default {
65
- name: 'MyHeader',
66
-
67
- components: { MyButton },
68
-
69
- props: {
70
- user: {
71
- type: Object,
72
- },
73
- },
74
-
75
- emits: ['login', 'logout', 'createAccount'],
76
- }
77
- </script>
@@ -1,16 +0,0 @@
1
- import PsScrollBar from '../components/playground/PsScrollBar.vue'
2
-
3
- export default {
4
- title: 'Components/Playground',
5
- component: PsScrollBar
6
- }
7
-
8
- const Template = (args, {argTypes}) => ({
9
- props: Object.keys(argTypes),
10
- components: { PsScrollBar},
11
- template: `
12
- <PsScrollBar v-bind='$props' scrollWidth='30'></PsScrollbar>
13
- `
14
- })
15
-
16
- export const ScrollBar = Template.bind({})
@@ -1,30 +0,0 @@
1
- .storybook-button {
2
- font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3
- font-weight: 700;
4
- border: 0;
5
- border-radius: 3em;
6
- cursor: pointer;
7
- display: inline-block;
8
- line-height: 1;
9
- }
10
- .storybook-button--primary {
11
- color: white;
12
- background-color: #1ea7fd;
13
- }
14
- .storybook-button--secondary {
15
- color: #333;
16
- background-color: transparent;
17
- box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
18
- }
19
- .storybook-button--small {
20
- font-size: 12px;
21
- padding: 10px 16px;
22
- }
23
- .storybook-button--medium {
24
- font-size: 14px;
25
- padding: 11px 20px;
26
- }
27
- .storybook-button--large {
28
- font-size: 16px;
29
- padding: 12px 24px;
30
- }
@@ -1,32 +0,0 @@
1
- .storybook-header {
2
- font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4
- padding: 15px 20px;
5
- display: flex;
6
- align-items: center;
7
- justify-content: space-between;
8
- }
9
-
10
- .storybook-header svg {
11
- display: inline-block;
12
- vertical-align: top;
13
- }
14
-
15
- .storybook-header h1 {
16
- font-weight: 700;
17
- font-size: 20px;
18
- line-height: 1;
19
- margin: 6px 0 6px 10px;
20
- display: inline-block;
21
- vertical-align: top;
22
- }
23
-
24
- .storybook-header button + button {
25
- margin-left: 10px;
26
- }
27
-
28
- .storybook-header .welcome {
29
- color: #333;
30
- font-size: 14px;
31
- margin-right: 10px;
32
- }
package/webpack.config.js DELETED
@@ -1,22 +0,0 @@
1
- module.exports = {
2
- resolve: {
3
- alias: {
4
- vue: '@vue/compat'
5
- }
6
- },
7
- module: {
8
- rules: [
9
- {
10
- test: /\.vue$/,
11
- loader: 'vue-loader',
12
- options: {
13
- compilerOptions: {
14
- compatConfig: {
15
- MODE: 2
16
- }
17
- }
18
- }
19
- }
20
- ]
21
- }
22
- }
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes