npm - @policystudio/policy-studio-ui-vue - Versions diffs - 1.0.30 → 1.0.31 - Mend

@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

package/.storybook/preview.js +7 -1
package/README.md +6 -2
package/dist/css/psui_styles.css +461 -139
package/package.json +15 -5
package/src/assets/scss/base.scss +2 -0
package/src/assets/scss/components/PsAccordion.scss +28 -11
package/src/assets/scss/components/PsButton.scss +21 -4
package/src/assets/scss/components/PsCardInfos.scss +1 -1
package/src/assets/scss/components/PsCheckbox.scss +4 -5
package/src/assets/scss/components/PsChips.scss +13 -8
package/src/assets/scss/components/PsDialog.scss +5 -2
package/src/assets/scss/components/PsDraggable.scss +64 -0
package/src/assets/scss/components/PsDropdown.scss +5 -22
package/src/assets/scss/components/PsDropdownList.scss +19 -0
package/src/assets/scss/components/PsInput.scss +8 -3
package/src/assets/scss/components/PsInputSelect.scss +6 -3
package/src/assets/scss/components/PsInputTextArea.scss +5 -2
package/src/assets/scss/components/PsRadioButton.scss +5 -5
package/src/assets/scss/components/PsSwitch.scss +4 -4
package/src/assets/scss/components/PsTabHeader.scss +14 -0
package/src/assets/scss/components/PsToast.scss +3 -3
package/src/assets/scss/components/PsToggle.scss +6 -2
package/src/assets/scss/components/PsTooltip.scss +51 -18
package/src/components/accordion/PsAccordion.vue +7 -23
package/src/components/accordion/PsAccordionItem.vue +41 -25
package/src/components/badges-and-tags/PsCardInfos.vue +12 -0
package/src/components/badges-and-tags/PsChartLegend.vue +13 -0
package/src/components/badges-and-tags/PsClimateZoneBadge.vue +7 -0
package/src/components/badges-and-tags/PsCostEffectBar.vue +6 -0
package/src/components/badges-and-tags/PsHighlightRippleDot.vue +3 -1
package/src/components/badges-and-tags/PsMiniTag.vue +6 -0
package/src/components/badges-and-tags/PsProgressBar.vue +17 -9
package/src/components/buttons/PsButton.vue +22 -1
package/src/components/chips/PsChips.vue +24 -3
package/src/components/controls/PsCheckbox.vue +32 -16
package/src/components/controls/PsDraggable.vue +39 -150
package/src/components/controls/PsInlineSelector.vue +30 -0
package/src/components/controls/PsRadioButton.vue +28 -15
package/src/components/controls/PsSwitch.vue +20 -11
package/src/components/controls/PsToggle.vue +33 -12
package/src/components/datatable/PsDataTable.vue +18 -0
package/src/components/forms/PsDropdown.vue +18 -60
package/src/components/forms/PsDropdownList.vue +82 -0
package/src/components/forms/PsInput.vue +28 -1
package/src/components/forms/PsInputSelect.vue +21 -0
package/src/components/forms/PsInputTextArea.vue +53 -40
package/src/components/notifications/PsDialog.vue +15 -0
package/src/components/notifications/PsToast.vue +12 -0
package/src/components/playground/PsScrollBar.vue +15 -0
package/src/components/tabs/PsTabHeader.vue +18 -0
package/src/components/tooltip/PsDialogTooltip.vue +103 -20
package/src/components/tooltip/PsRichTooltip.vue +6 -3
package/src/components/tooltip/PsTooltip.vue +19 -3
package/src/components/ui/PsIcon.vue +30 -0
package/src/index.js +30 -2
package/src/stories/Accordion.stories.js +12 -48
package/src/stories/Button.stories.js +30 -7
package/src/stories/Chips.stories.js +14 -2
package/src/stories/Dropdown.stories.js +36 -13
package/src/stories/Playground.stories.js +16 -0
package/src/stories/Switch.stories.js +8 -2
package/src/stories/Toast.stories.js +16 -16
package/src/stories/Tooltip.stories.js +6 -6
package/src/stories/Typography.stories.mdx +22 -18
package/src/util/GeneralFunctions.js +8 -0
package/tailwind.config.js +7 -3
package/vetur/attributes.json +1376 -0
package/vetur/tags.json +632 -0
package/src/components/forms/PsDropdownCopy.vue +0 -212

package/vetur/tags.json ADDED Viewed

@@ -0,0 +1,632 @@
+{
+  "ps-accordion": {
+    "attributes": [
+      "layout"
+    ],
+    "description": ""
+  },
+  "PsAccordion": {
+    "attributes": [
+      "layout"
+    ],
+    "description": ""
+  },
+  "ps-accordion-item": {
+    "attributes": [
+      "title",
+      "opened",
+      "icon"
+    ],
+    "description": ""
+  },
+  "PsAccordionItem": {
+    "attributes": [
+      "title",
+      "opened",
+      "icon"
+    ],
+    "description": ""
+  },
+  "ps-card-infos": {
+    "attributes": [
+      "title",
+      "subtitle",
+      "icon",
+      "total"
+    ],
+    "description": ""
+  },
+  "PsCardInfos": {
+    "attributes": [
+      "title",
+      "subtitle",
+      "icon",
+      "total"
+    ],
+    "description": ""
+  },
+  "ps-chart-legend": {
+    "attributes": [
+      "text",
+      "total",
+      "percentage",
+      "dotColor"
+    ],
+    "description": ""
+  },
+  "PsChartLegend": {
+    "attributes": [
+      "text",
+      "total",
+      "percentage",
+      "dotColor"
+    ],
+    "description": ""
+  },
+  "ps-climate-zone-badge": {
+    "attributes": [
+      "icon",
+      "content"
+    ],
+    "description": ""
+  },
+  "PsClimateZoneBadge": {
+    "attributes": [
+      "icon",
+      "content"
+    ],
+    "description": ""
+  },
+  "ps-cost-effect-bar": {
+    "attributes": [
+      "value",
+      "breakEven"
+    ],
+    "description": ""
+  },
+  "PsCostEffectBar": {
+    "attributes": [
+      "value",
+      "breakEven"
+    ],
+    "description": ""
+  },
+  "ps-highlight-ripple-dot": {
+    "attributes": [],
+    "description": ""
+  },
+  "PsHighlightRippleDot": {
+    "attributes": [],
+    "description": ""
+  },
+  "ps-mini-tag": {
+    "attributes": [
+      "layout",
+      "message"
+    ],
+    "description": ""
+  },
+  "PsMiniTag": {
+    "attributes": [
+      "layout",
+      "message"
+    ],
+    "description": ""
+  },
+  "ps-progress-bar": {
+    "attributes": [
+      "value",
+      "percentageColor",
+      "bgColor"
+    ],
+    "description": ""
+  },
+  "PsProgressBar": {
+    "attributes": [
+      "value",
+      "percentageColor",
+      "bgColor"
+    ],
+    "description": ""
+  },
+  "ps-button": {
+    "attributes": [
+      "label",
+      "layout",
+      "icon",
+      "iconPosition",
+      "size",
+      "disabled",
+      "iconClass"
+    ],
+    "description": ""
+  },
+  "PsButton": {
+    "attributes": [
+      "label",
+      "layout",
+      "icon",
+      "iconPosition",
+      "size",
+      "disabled",
+      "iconClass"
+    ],
+    "description": ""
+  },
+  "ps-chips": {
+    "attributes": [
+      "label",
+      "type",
+      "layout",
+      "icon",
+      "checked",
+      "disabled",
+      "active"
+    ],
+    "description": ""
+  },
+  "PsChips": {
+    "attributes": [
+      "label",
+      "type",
+      "layout",
+      "icon",
+      "checked",
+      "disabled",
+      "active"
+    ],
+    "description": ""
+  },
+  "ps-checkbox": {
+    "attributes": [
+      "label",
+      "inputValue",
+      "value",
+      "disabled",
+      "size",
+      "layout"
+    ],
+    "description": ""
+  },
+  "PsCheckbox": {
+    "attributes": [
+      "label",
+      "inputValue",
+      "value",
+      "disabled",
+      "size",
+      "layout"
+    ],
+    "description": ""
+  },
+  "ps-draggable": {
+    "attributes": [
+      "getColumns",
+      "module"
+    ],
+    "description": ""
+  },
+  "PsDraggable": {
+    "attributes": [
+      "getColumns",
+      "module"
+    ],
+    "description": ""
+  },
+  "ps-inline-selector": {
+    "attributes": [
+      "width",
+      "focusOnMount",
+      "shouldScroll",
+      "label",
+      "selectOnlyFirstClimateZone",
+      "jurisdictionSelected",
+      "search",
+      "jurisdictions",
+      "requestFetched",
+      "showDropDown",
+      "currentSelected",
+      "isFocused",
+      "placeholder"
+    ],
+    "description": ""
+  },
+  "PsInlineSelector": {
+    "attributes": [
+      "width",
+      "focusOnMount",
+      "shouldScroll",
+      "label",
+      "selectOnlyFirstClimateZone",
+      "jurisdictionSelected",
+      "search",
+      "jurisdictions",
+      "requestFetched",
+      "showDropDown",
+      "currentSelected",
+      "isFocused",
+      "placeholder"
+    ],
+    "description": ""
+  },
+  "ps-radio-button": {
+    "attributes": [
+      "label",
+      "inputValue",
+      "value",
+      "disabled",
+      "size"
+    ],
+    "description": ""
+  },
+  "PsRadioButton": {
+    "attributes": [
+      "label",
+      "inputValue",
+      "value",
+      "disabled",
+      "size"
+    ],
+    "description": ""
+  },
+  "ps-slider": {
+    "attributes": [
+      "min",
+      "max",
+      "label",
+      "value",
+      "baseValue",
+      "labelPosition",
+      "step",
+      "bubble"
+    ],
+    "description": ""
+  },
+  "PsSlider": {
+    "attributes": [
+      "min",
+      "max",
+      "label",
+      "value",
+      "baseValue",
+      "labelPosition",
+      "step",
+      "bubble"
+    ],
+    "description": ""
+  },
+  "ps-switch": {
+    "attributes": [
+      "label",
+      "value",
+      "size"
+    ],
+    "description": ""
+  },
+  "PsSwitch": {
+    "attributes": [
+      "label",
+      "value",
+      "size"
+    ],
+    "description": ""
+  },
+  "ps-toggle": {
+    "attributes": [
+      "items",
+      "selected",
+      "keyLabel",
+      "keyValue"
+    ],
+    "description": ""
+  },
+  "PsToggle": {
+    "attributes": [
+      "items",
+      "selected",
+      "keyLabel",
+      "keyValue"
+    ],
+    "description": ""
+  },
+  "ps-data-table": {
+    "attributes": [
+      "type",
+      "header",
+      "data",
+      "footer",
+      "align",
+      "cssStyle"
+    ],
+    "description": ""
+  },
+  "PsDataTable": {
+    "attributes": [
+      "type",
+      "header",
+      "data",
+      "footer",
+      "align",
+      "cssStyle"
+    ],
+    "description": ""
+  },
+  "ps-data-table-item": {
+    "attributes": [
+      "data"
+    ],
+    "description": ""
+  },
+  "PsDataTableItem": {
+    "attributes": [
+      "data"
+    ],
+    "description": ""
+  },
+  "ps-dropdown": {
+    "attributes": [
+      "minWidthDropDown",
+      "buttonLabelOnShow",
+      "toggleWhenActive"
+    ],
+    "description": ""
+  },
+  "PsDropdown": {
+    "attributes": [
+      "minWidthDropDown",
+      "buttonLabelOnShow",
+      "toggleWhenActive"
+    ],
+    "description": ""
+  },
+  "ps-dropdown-simple": {
+    "attributes": [
+      "icon",
+      "items",
+      "selected",
+      "keyLabel",
+      "keyValue"
+    ],
+    "description": ""
+  },
+  "PsDropdownSimple": {
+    "attributes": [
+      "icon",
+      "items",
+      "selected",
+      "keyLabel",
+      "keyValue"
+    ],
+    "description": ""
+  },
+  "ps-input": {
+    "attributes": [
+      "type",
+      "placeholder",
+      "label",
+      "hint",
+      "layout",
+      "value",
+      "disabled",
+      "hasError",
+      "active"
+    ],
+    "description": ""
+  },
+  "PsInput": {
+    "attributes": [
+      "type",
+      "placeholder",
+      "label",
+      "hint",
+      "layout",
+      "value",
+      "disabled",
+      "hasError",
+      "active"
+    ],
+    "description": ""
+  },
+  "ps-select-input": {
+    "attributes": [
+      "items",
+      "value",
+      "label",
+      "optionalLabel",
+      "keyLabel",
+      "keyValue",
+      "disabled",
+      "layout"
+    ],
+    "description": ""
+  },
+  "PsSelectInput": {
+    "attributes": [
+      "items",
+      "value",
+      "label",
+      "optionalLabel",
+      "keyLabel",
+      "keyValue",
+      "disabled",
+      "layout"
+    ],
+    "description": ""
+  },
+  "ps-input-text-area": {
+    "attributes": [
+      "placeholder",
+      "value",
+      "label",
+      "optionalLabel",
+      "required",
+      "autocapitalize",
+      "rows",
+      "disabled"
+    ],
+    "description": ""
+  },
+  "PsInputTextArea": {
+    "attributes": [
+      "placeholder",
+      "value",
+      "label",
+      "optionalLabel",
+      "required",
+      "autocapitalize",
+      "rows",
+      "disabled"
+    ],
+    "description": ""
+  },
+  "ps-dialog": {
+    "attributes": [
+      "theme",
+      "message",
+      "layout",
+      "hasClose",
+      "icon"
+    ],
+    "description": ""
+  },
+  "PsDialog": {
+    "attributes": [
+      "theme",
+      "message",
+      "layout",
+      "hasClose",
+      "icon"
+    ],
+    "description": ""
+  },
+  "ps-toast": {
+    "attributes": [
+      "layout",
+      "fill",
+      "message",
+      "icon"
+    ],
+    "description": ""
+  },
+  "PsToast": {
+    "attributes": [
+      "layout",
+      "fill",
+      "message",
+      "icon"
+    ],
+    "description": ""
+  },
+  "ps-tab-header": {
+    "attributes": [
+      "layout",
+      "items",
+      "keyLabel",
+      "keyValue",
+      "disabled",
+      "selected"
+    ],
+    "description": ""
+  },
+  "PsTabHeader": {
+    "attributes": [
+      "layout",
+      "items",
+      "keyLabel",
+      "keyValue",
+      "disabled",
+      "selected"
+    ],
+    "description": ""
+  },
+  "ps-dialog-tooltip": {
+    "attributes": [
+      "title",
+      "buttonText",
+      "layout",
+      "cssClass"
+    ],
+    "description": ""
+  },
+  "PsDialogTooltip": {
+    "attributes": [
+      "title",
+      "buttonText",
+      "layout",
+      "cssClass"
+    ],
+    "description": ""
+  },
+  "ps-rich-tooltip": {
+    "attributes": [
+      "title",
+      "layout",
+      "cssClass"
+    ],
+    "description": ""
+  },
+  "PsRichTooltip": {
+    "attributes": [
+      "title",
+      "layout",
+      "cssClass"
+    ],
+    "description": ""
+  },
+  "ps-tooltip": {
+    "attributes": [
+      "title",
+      "ignoreDialog",
+      "layout",
+      "cssClass"
+    ],
+    "description": ""
+  },
+  "PsTooltip": {
+    "attributes": [
+      "title",
+      "ignoreDialog",
+      "layout",
+      "cssClass"
+    ],
+    "description": ""
+  },
+  "ps-dot-loader": {
+    "attributes": [],
+    "description": ""
+  },
+  "PsDotLoader": {
+    "attributes": [],
+    "description": ""
+  },
+  "app-icon": {
+    "attributes": [
+      "icon",
+      "type",
+      "iconClasses",
+      "size",
+      "width",
+      "height",
+      "stroke",
+      "color",
+      "loaderIcon",
+      "loaderErrorIcon"
+    ],
+    "description": ""
+  },
+  "AppIcon": {
+    "attributes": [
+      "icon",
+      "type",
+      "iconClasses",
+      "size",
+      "width",
+      "height",
+      "stroke",
+      "color",
+      "loaderIcon",
+      "loaderErrorIcon"
+    ],
+    "description": ""
+  }
+}