@policystudio/policy-studio-ui-vue 1.0.30 → 1.0.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 (69) hide show
  1. package/.storybook/preview.js +7 -1
  2. package/README.md +6 -2
  3. package/dist/css/psui_styles.css +461 -139
  4. package/package.json +15 -5
  5. package/src/assets/scss/base.scss +2 -0
  6. package/src/assets/scss/components/PsAccordion.scss +28 -11
  7. package/src/assets/scss/components/PsButton.scss +21 -4
  8. package/src/assets/scss/components/PsCardInfos.scss +1 -1
  9. package/src/assets/scss/components/PsCheckbox.scss +4 -5
  10. package/src/assets/scss/components/PsChips.scss +13 -8
  11. package/src/assets/scss/components/PsDialog.scss +5 -2
  12. package/src/assets/scss/components/PsDraggable.scss +64 -0
  13. package/src/assets/scss/components/PsDropdown.scss +5 -22
  14. package/src/assets/scss/components/PsDropdownList.scss +19 -0
  15. package/src/assets/scss/components/PsInput.scss +8 -3
  16. package/src/assets/scss/components/PsInputSelect.scss +6 -3
  17. package/src/assets/scss/components/PsInputTextArea.scss +5 -2
  18. package/src/assets/scss/components/PsRadioButton.scss +5 -5
  19. package/src/assets/scss/components/PsSwitch.scss +4 -4
  20. package/src/assets/scss/components/PsTabHeader.scss +14 -0
  21. package/src/assets/scss/components/PsToast.scss +3 -3
  22. package/src/assets/scss/components/PsToggle.scss +6 -2
  23. package/src/assets/scss/components/PsTooltip.scss +51 -18
  24. package/src/components/accordion/PsAccordion.vue +7 -23
  25. package/src/components/accordion/PsAccordionItem.vue +41 -25
  26. package/src/components/badges-and-tags/PsCardInfos.vue +12 -0
  27. package/src/components/badges-and-tags/PsChartLegend.vue +13 -0
  28. package/src/components/badges-and-tags/PsClimateZoneBadge.vue +7 -0
  29. package/src/components/badges-and-tags/PsCostEffectBar.vue +6 -0
  30. package/src/components/badges-and-tags/PsHighlightRippleDot.vue +3 -1
  31. package/src/components/badges-and-tags/PsMiniTag.vue +6 -0
  32. package/src/components/badges-and-tags/PsProgressBar.vue +17 -9
  33. package/src/components/buttons/PsButton.vue +22 -1
  34. package/src/components/chips/PsChips.vue +24 -3
  35. package/src/components/controls/PsCheckbox.vue +32 -16
  36. package/src/components/controls/PsDraggable.vue +39 -150
  37. package/src/components/controls/PsInlineSelector.vue +30 -0
  38. package/src/components/controls/PsRadioButton.vue +28 -15
  39. package/src/components/controls/PsSwitch.vue +20 -11
  40. package/src/components/controls/PsToggle.vue +33 -12
  41. package/src/components/datatable/PsDataTable.vue +18 -0
  42. package/src/components/forms/PsDropdown.vue +18 -60
  43. package/src/components/forms/PsDropdownList.vue +82 -0
  44. package/src/components/forms/PsInput.vue +28 -1
  45. package/src/components/forms/PsInputSelect.vue +21 -0
  46. package/src/components/forms/PsInputTextArea.vue +53 -40
  47. package/src/components/notifications/PsDialog.vue +15 -0
  48. package/src/components/notifications/PsToast.vue +12 -0
  49. package/src/components/playground/PsScrollBar.vue +15 -0
  50. package/src/components/tabs/PsTabHeader.vue +18 -0
  51. package/src/components/tooltip/PsDialogTooltip.vue +103 -20
  52. package/src/components/tooltip/PsRichTooltip.vue +6 -3
  53. package/src/components/tooltip/PsTooltip.vue +19 -3
  54. package/src/components/ui/PsIcon.vue +30 -0
  55. package/src/index.js +30 -2
  56. package/src/stories/Accordion.stories.js +12 -48
  57. package/src/stories/Button.stories.js +30 -7
  58. package/src/stories/Chips.stories.js +14 -2
  59. package/src/stories/Dropdown.stories.js +36 -13
  60. package/src/stories/Playground.stories.js +16 -0
  61. package/src/stories/Switch.stories.js +8 -2
  62. package/src/stories/Toast.stories.js +16 -16
  63. package/src/stories/Tooltip.stories.js +6 -6
  64. package/src/stories/Typography.stories.mdx +22 -18
  65. package/src/util/GeneralFunctions.js +8 -0
  66. package/tailwind.config.js +7 -3
  67. package/vetur/attributes.json +1376 -0
  68. package/vetur/tags.json +632 -0
  69. package/src/components/forms/PsDropdownCopy.vue +0 -212
package/.storybook/preview.js CHANGED
@@ -1,4 +1,10 @@
1
- import '../dist/css/psui_styles.css'
1
+
2
+ /**
3
+ * Import tailwind css file (bundle) based on environment
4
+ */
5
+ const cssEnvFolder = (process.env.STORYBOOK_ENV === 'production') ? 'dist' : 'temp'
6
+ require( `../${cssEnvFolder}/css/psui_styles.css`)
7
+ console.warn(`Using tailwind css file(bundle) from: ../${cssEnvFolder}/css/psui_styles.css`)
2
8
 
3
9
  export const parameters = {
4
10
  actions: { argTypesRegex: "^on[A-Z].*" },
package/README.md CHANGED
@@ -22,8 +22,11 @@ Add in your css file
22
22
  @import '~@policystudio/policy-studio-ui-vue/src/assets/scss/tailwind.css'
23
23
  ```
24
24
 
25
- ### Run documentation
26
- ```npm run storybook```
25
+ ### Run development mode (watch changes)
26
+ ```npm run serve```
27
+
28
+ ### Integrated tailwind only
29
+ ```npm run watch-prod-tailwind```
27
30
 
28
31
  ### Website
29
32
  [ui.policystudio.co](https://ui.policystudio.co/)
@@ -35,3 +38,4 @@ Inside the policy-studio-ui-vue project folder
35
38
 
36
39
  Navigate to the application folder that you wants to link with the library
37
40
  ```` npm link @policystudio/policy-studio-ui-vue ````
41
+