@policystudio/policy-studio-ui-vue 1.0.18 → 1.0.22
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.
- package/.eslintrc.js +67 -0
- package/.storybook/main.js +11 -2
- package/.storybook/preview.js +1 -1
- package/README.md +8 -0
- package/babel.config.js +3 -0
- package/backup-package-lock.json +37194 -0
- package/{src/assets/scss/tailwind.css → dist/css/psui_styles.css} +16720 -17120
- package/package.json +32 -19
- package/postcss.config.js +2 -0
- package/src/assets/images/check-checkbox-button.svg +1 -0
- package/src/assets/images/radio-checked-button.svg +1 -0
- package/src/assets/scss/base.scss +6 -5
- package/src/assets/scss/components/PsInput.scss +89 -0
- package/src/components/accordion/PsAccordion.vue +40 -0
- package/src/components/accordion/PsAccordionItem.vue +102 -0
- package/src/components/badges-and-tags/PsChartLegend.vue +128 -0
- package/src/components/badges-and-tags/PsClimateZoneBadge.vue +18 -0
- package/src/components/badges-and-tags/PsCostEffectBar.vue +114 -0
- package/src/components/badges-and-tags/PsHighlightRippleDot.vue +78 -0
- package/src/components/badges-and-tags/PsMiniTag.vue +46 -0
- package/src/components/badges-and-tags/PsProgressBar.vue +0 -0
- package/src/components/buttons/PsButton.vue +36 -13
- package/src/components/chips/PsChips.vue +154 -0
- package/src/components/controls/PsCheckbox.vue +30 -17
- package/src/components/controls/PsDraggable.vue +174 -3
- package/src/components/controls/PsRadioButton.vue +67 -60
- package/src/components/controls/PsSlider.vue +13 -12
- package/src/components/controls/PsSwitch.vue +76 -76
- package/src/components/datatable/PsDataTable.vue +89 -0
- package/src/components/datatable/PsDataTableItem.vue +57 -0
- package/src/components/forms/PsDropdown.vue +196 -0
- package/src/components/forms/PsInput.vue +122 -99
- package/src/components/notifications/PsDialog.vue +37 -18
- package/src/components/tabs/PsTabHeader.vue +20 -21
- package/src/components/tooltip/PsDialogTooltip.vue +79 -0
- package/src/components/tooltip/PsRichTooltip.vue +44 -0
- package/src/components/tooltip/PsTooltip.vue +118 -0
- package/src/components/ui/PsIcon.vue +128 -0
- package/src/index.js +53 -24
- package/src/stories/Accordion.stories.js +41 -0
- package/src/stories/Button.stories.js +11 -11
- package/src/stories/ChartLegend.stories.js +16 -0
- package/src/stories/Checkbox.stories.js +21 -14
- package/src/stories/Chips.stories.js +55 -0
- package/src/stories/ClimateZoneBadge.stories.js +24 -0
- package/src/stories/Colors.stories.mdx +35 -35
- package/src/stories/CostEffectBar.stories.js +23 -0
- package/src/stories/Datatable.stories.js +50 -0
- package/src/stories/Dialog.stories.js +150 -17
- package/src/stories/Draggable.stories.js +22 -0
- package/src/stories/Dropdown.stories.js +32 -0
- package/src/stories/HighlightRippleDot.stories.js +16 -0
- package/src/stories/Input.stories.js +46 -15
- package/src/stories/MiniTag.stories.js +46 -0
- package/src/stories/ProgressBar.stories.js +23 -0
- package/src/stories/RadioButton.stories.js +25 -9
- package/src/stories/Slider.stories.js +9 -9
- package/src/stories/Swith.stories.js +10 -10
- package/src/stories/TabHeader.stories.js +9 -9
- package/src/stories/Toast.stories.js +13 -13
- package/src/stories/Toggle.stories.js +12 -13
- package/src/stories/Tooltip.stories.js +114 -0
- package/src/util/GeneralFunctions.js +22 -0
- package/src/util/imageLoader.js +50 -0
- package/tailwind.config.js +82 -45
- 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
|
+
}
|
package/.storybook/main.js
CHANGED
|
@@ -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
|
}
|
package/.storybook/preview.js
CHANGED
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 ````
|
package/babel.config.js
ADDED