@policystudio/policy-studio-ui-vue 1.0.17 → 1.0.21

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 (66) hide show
  1. package/.eslintrc.js +67 -0
  2. package/.storybook/main.js +11 -2
  3. package/.storybook/preview.js +1 -1
  4. package/README.md +8 -0
  5. package/babel.config.js +3 -0
  6. package/backup-package-lock.json +37194 -0
  7. package/{src/assets/scss/tailwind.css → dist/css/psui_styles.css} +16720 -17120
  8. package/package.json +32 -19
  9. package/postcss.config.js +2 -0
  10. package/src/assets/images/check-checkbox-button.svg +1 -0
  11. package/src/assets/images/radio-checked-button.svg +1 -0
  12. package/src/assets/scss/base.scss +6 -5
  13. package/src/assets/scss/components/PsInput.scss +89 -0
  14. package/src/components/accordion/PsAccordion.vue +40 -0
  15. package/src/components/accordion/PsAccordionItem.vue +102 -0
  16. package/src/components/badges-and-tags/PsChartLegend.vue +128 -0
  17. package/src/components/badges-and-tags/PsClimateZoneBadge.vue +18 -0
  18. package/src/components/badges-and-tags/PsCostEffectBar.vue +114 -0
  19. package/src/components/badges-and-tags/PsHighlightRippleDot.vue +78 -0
  20. package/src/components/badges-and-tags/PsMiniTag.vue +46 -0
  21. package/src/components/badges-and-tags/PsProgressBar.vue +0 -0
  22. package/src/components/buttons/PsButton.vue +36 -13
  23. package/src/components/chips/PsChips.vue +154 -0
  24. package/src/components/controls/PsCheckbox.vue +30 -17
  25. package/src/components/controls/PsDraggable.vue +174 -3
  26. package/src/components/controls/PsRadioButton.vue +67 -60
  27. package/src/components/controls/PsSlider.vue +13 -12
  28. package/src/components/controls/PsSwitch.vue +76 -76
  29. package/src/components/datatable/PsDataTable.vue +89 -0
  30. package/src/components/datatable/PsDataTableItem.vue +57 -0
  31. package/src/components/forms/PsDropdown.vue +196 -0
  32. package/src/components/forms/PsInput.vue +122 -99
  33. package/src/components/notifications/PsDialog.vue +37 -18
  34. package/src/components/tabs/PsTabHeader.vue +20 -21
  35. package/src/components/tooltip/PsDialogTooltip.vue +79 -0
  36. package/src/components/tooltip/PsRichTooltip.vue +44 -0
  37. package/src/components/tooltip/PsTooltip.vue +118 -0
  38. package/src/components/ui/PsIcon.vue +128 -0
  39. package/src/index.js +53 -24
  40. package/src/stories/Accordion.stories.js +41 -0
  41. package/src/stories/Button.stories.js +11 -11
  42. package/src/stories/ChartLegend.stories.js +16 -0
  43. package/src/stories/Checkbox.stories.js +21 -14
  44. package/src/stories/Chips.stories.js +55 -0
  45. package/src/stories/ClimateZoneBadge.stories.js +24 -0
  46. package/src/stories/Colors.stories.mdx +36 -35
  47. package/src/stories/CostEffectBar.stories.js +23 -0
  48. package/src/stories/Datatable.stories.js +50 -0
  49. package/src/stories/Dialog.stories.js +150 -17
  50. package/src/stories/Draggable.stories.js +22 -0
  51. package/src/stories/Dropdown.stories.js +32 -0
  52. package/src/stories/HighlightRippleDot.stories.js +16 -0
  53. package/src/stories/Input.stories.js +46 -15
  54. package/src/stories/MiniTag.stories.js +46 -0
  55. package/src/stories/ProgressBar.stories.js +23 -0
  56. package/src/stories/RadioButton.stories.js +25 -9
  57. package/src/stories/Slider.stories.js +9 -9
  58. package/src/stories/Swith.stories.js +10 -10
  59. package/src/stories/TabHeader.stories.js +9 -9
  60. package/src/stories/Toast.stories.js +13 -13
  61. package/src/stories/Toggle.stories.js +30 -7
  62. package/src/stories/Tooltip.stories.js +114 -0
  63. package/src/util/GeneralFunctions.js +22 -0
  64. package/src/util/imageLoader.js +50 -0
  65. package/tailwind.config.js +82 -45
  66. package/src/assets/scss/tailwind.scss +0 -61088
package/.eslintrc.js ADDED
@@ -0,0 +1,67 @@
1
+ module.exports = {
2
+ root: true,
3
+ env: {
4
+ node: true
5
+ },
6
+ extends: [
7
+ 'plugin:vue/essential',
8
+ 'eslint:recommended',
9
+ ],
10
+ parserOptions: {
11
+ parser: 'babel-eslint',
12
+ requireConfigFile: false,
13
+ },
14
+ rules: {
15
+ 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
16
+ 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
17
+ 'semi': ['warn', 'never'],
18
+ "vue/order-in-components": ["warn", {
19
+ "order": [
20
+ "el",
21
+ "name",
22
+ "key",
23
+ "parent",
24
+ ["components", "directives", "filters"],
25
+ ["props", "propsData"],
26
+ "functional",
27
+ ["delimiters", "comments"],
28
+ "extends",
29
+ "mixins",
30
+ ["provide", "inject"],
31
+ "ROUTER_GUARDS",
32
+ "layout",
33
+ "middleware",
34
+ "validate",
35
+ "scrollToTop",
36
+ "transition",
37
+ "loading",
38
+ "inheritAttrs",
39
+ "model",
40
+ "emits",
41
+ "setup",
42
+ "asyncData",
43
+ "data",
44
+ "fetch",
45
+ "head",
46
+ "computed",
47
+ "watch",
48
+ "watchQuery",
49
+ "LIFECYCLE_HOOKS",
50
+ "methods",
51
+ ["template", "render"],
52
+ "renderError"
53
+ ]
54
+ }]
55
+ },
56
+ overrides: [
57
+ {
58
+ files: [
59
+ '**/__tests__/*.{j,t}s?(x)',
60
+ '**/tests/unit/**/*.spec.{j,t}s?(x)'
61
+ ],
62
+ env: {
63
+ jest: true
64
+ }
65
+ }
66
+ ]
67
+ }
@@ -5,6 +5,15 @@ module.exports = {
5
5
  ],
6
6
  "addons": [
7
7
  "@storybook/addon-links",
8
- "@storybook/addon-essentials"
9
- ]
8
+ "@storybook/addon-essentials",
9
+ {
10
+ name: '@storybook/addon-postcss',
11
+ options: {
12
+ postcssLoaderOptions: {
13
+ implementation: require('postcss'),
14
+ },
15
+ },
16
+ },
17
+ ],
18
+ "framework": "@storybook/vue"
10
19
  }
@@ -1,4 +1,4 @@
1
- import '../src/assets/scss/tailwind.css'
1
+ import '../dist/css/psui_styles.css'
2
2
 
3
3
  export const parameters = {
4
4
  actions: { argTypesRegex: "^on[A-Z].*" },
package/README.md CHANGED
@@ -27,3 +27,11 @@ Add in your css file
27
27
 
28
28
  ### Website
29
29
  [ui.policystudio.co](https://ui.policystudio.co/)
30
+
31
+
32
+ ### Integrate with local application
33
+ Inside the policy-studio-ui-vue project folder
34
+ ``` npm link ```
35
+
36
+ Navigate to the application folder that you wants to link with the library
37
+ ```` npm link @policystudio/policy-studio-ui-vue ````
@@ -0,0 +1,3 @@
1
+ module.exports = {
2
+ presets: ["@vue/cli-plugin-babel/preset"],
3
+ }