@policystudio/policy-studio-ui-vue 1.1.90-beta.0 → 1.1.90-beta.12

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 (166) hide show
  1. package/.eslintrc.js +12 -8
  2. package/.storybook/PolicyStudio.ts +11 -0
  3. package/.storybook/manager.ts +7 -0
  4. package/dist/contents/ComparisonData.js +376 -0
  5. package/dist/contents/ComparisonData.js.map +1 -0
  6. package/dist/contents/FlexibleData.js +501 -0
  7. package/dist/contents/FlexibleData.js.map +1 -0
  8. package/dist/contents/ResultsData.js +530 -0
  9. package/dist/contents/ResultsData.js.map +1 -0
  10. package/dist/css/psui_styles.css +4035 -110277
  11. package/dist/index.js +114 -0
  12. package/dist/index.js.map +1 -0
  13. package/dist/stories/Accordion.stories.js +56 -0
  14. package/dist/stories/Accordion.stories.js.map +1 -0
  15. package/dist/stories/BadgeWithIcon.stories.js +28 -0
  16. package/dist/stories/BadgeWithIcon.stories.js.map +1 -0
  17. package/dist/stories/BarChart.stories.js +16 -0
  18. package/dist/stories/BarChart.stories.js.map +1 -0
  19. package/dist/stories/Breadcrumb.stories.js +21 -0
  20. package/dist/stories/Breadcrumb.stories.js.map +1 -0
  21. package/dist/stories/Button.stories.js +44 -0
  22. package/dist/stories/Button.stories.js.map +1 -0
  23. package/dist/stories/CardInfos.stories.js +13 -0
  24. package/dist/stories/CardInfos.stories.js.map +1 -0
  25. package/dist/stories/ChartLegend.stories.js +13 -0
  26. package/dist/stories/ChartLegend.stories.js.map +1 -0
  27. package/dist/stories/Checkbox.stories.js +44 -0
  28. package/dist/stories/Checkbox.stories.js.map +1 -0
  29. package/dist/stories/CheckboxSimple.stories.js +48 -0
  30. package/dist/stories/CheckboxSimple.stories.js.map +1 -0
  31. package/dist/stories/Chips.stories.js +27 -0
  32. package/dist/stories/Chips.stories.js.map +1 -0
  33. package/dist/stories/ClimateZoneBadge.stories.js +15 -0
  34. package/dist/stories/ClimateZoneBadge.stories.js.map +1 -0
  35. package/dist/stories/CostEffectBar.stories.js +21 -0
  36. package/dist/stories/CostEffectBar.stories.js.map +1 -0
  37. package/dist/stories/Datatable.stories.js +45 -0
  38. package/dist/stories/Datatable.stories.js.map +1 -0
  39. package/dist/stories/DateCardInfo.stories.js +18 -0
  40. package/dist/stories/DateCardInfo.stories.js.map +1 -0
  41. package/dist/stories/Dialog.stories.js +127 -0
  42. package/dist/stories/Dialog.stories.js.map +1 -0
  43. package/dist/stories/Draggable.stories.js +20 -0
  44. package/dist/stories/Draggable.stories.js.map +1 -0
  45. package/dist/stories/Dropdown.stories.js +98 -0
  46. package/dist/stories/Dropdown.stories.js.map +1 -0
  47. package/dist/stories/DropdownList.stories.js +208 -0
  48. package/dist/stories/DropdownList.stories.js.map +1 -0
  49. package/dist/stories/Header.stories.js +39 -0
  50. package/dist/stories/Header.stories.js.map +1 -0
  51. package/dist/stories/HighlightRippleDot.stories.js +13 -0
  52. package/dist/stories/HighlightRippleDot.stories.js.map +1 -0
  53. package/dist/stories/Icon.stories.js +19 -0
  54. package/dist/stories/Icon.stories.js.map +1 -0
  55. package/dist/stories/InlineSelector.stories.js +16 -0
  56. package/dist/stories/InlineSelector.stories.js.map +1 -0
  57. package/dist/stories/Input.stories.js +235 -0
  58. package/dist/stories/Input.stories.js.map +1 -0
  59. package/dist/stories/InputSelect.stories.js +28 -0
  60. package/dist/stories/InputSelect.stories.js.map +1 -0
  61. package/dist/stories/InputTextArea.stories.js +23 -0
  62. package/dist/stories/InputTextArea.stories.js.map +1 -0
  63. package/dist/stories/MiniTag.stories.js +44 -0
  64. package/dist/stories/MiniTag.stories.js.map +1 -0
  65. package/dist/stories/Playground.stories.js +14 -0
  66. package/dist/stories/Playground.stories.js.map +1 -0
  67. package/dist/stories/ProgressBar.stories.js +21 -0
  68. package/dist/stories/ProgressBar.stories.js.map +1 -0
  69. package/dist/stories/RadioButton.stories.js +36 -0
  70. package/dist/stories/RadioButton.stories.js.map +1 -0
  71. package/dist/stories/RadioButtonSimple.stories.js +40 -0
  72. package/dist/stories/RadioButtonSimple.stories.js.map +1 -0
  73. package/dist/stories/SimpleAlert.stories.js +19 -0
  74. package/dist/stories/SimpleAlert.stories.js.map +1 -0
  75. package/dist/stories/Slider.stories.js +70 -0
  76. package/dist/stories/Slider.stories.js.map +1 -0
  77. package/dist/stories/Switch.stories.js +35 -0
  78. package/dist/stories/Switch.stories.js.map +1 -0
  79. package/dist/stories/TabHeader.stories.js +48 -0
  80. package/dist/stories/TabHeader.stories.js.map +1 -0
  81. package/dist/stories/TableResults.stories.js +717 -0
  82. package/dist/stories/TableResults.stories.js.map +1 -0
  83. package/dist/stories/TagScope.stories.js +16 -0
  84. package/dist/stories/TagScope.stories.js.map +1 -0
  85. package/dist/stories/TestimonialCard.stories.js +24 -0
  86. package/dist/stories/TestimonialCard.stories.js.map +1 -0
  87. package/dist/stories/Toast.stories.js +51 -0
  88. package/dist/stories/Toast.stories.js.map +1 -0
  89. package/dist/stories/Toggle.stories.js +42 -0
  90. package/dist/stories/Toggle.stories.js.map +1 -0
  91. package/dist/stories/Tooltip.stories.js +108 -0
  92. package/dist/stories/Tooltip.stories.js.map +1 -0
  93. package/dist/util/GeneralFunctions.js +29 -0
  94. package/dist/util/GeneralFunctions.js.map +1 -0
  95. package/dist/util/imageLoader.js +52 -0
  96. package/dist/util/imageLoader.js.map +1 -0
  97. package/package.json +25 -22
  98. package/postcss.config.js +1 -1
  99. package/src/App.vue +30 -0
  100. package/src/assets/scss/base.scss +27 -23
  101. package/src/assets/scss/components/PsAccordion.scss +1 -1
  102. package/src/assets/scss/components/PsChips.scss +3 -3
  103. package/src/assets/scss/components/PsCostEffectBar.scss +4 -4
  104. package/src/assets/scss/components/PsProgressBar.scss +4 -4
  105. package/src/assets/scss/components/PsTabHeader.scss +1 -1
  106. package/src/assets/scss/components/PsTableResults.scss +1 -1
  107. package/src/assets/scss/components/PsTestimonialCard.scss +1 -1
  108. package/src/components/badges-and-tags/PsBadgeWithIcon.vue +2 -1
  109. package/src/components/badges-and-tags/PsProgressBar.vue +1 -1
  110. package/src/components/buttons/PsButton.vue +74 -96
  111. package/src/{index.js → index.ts} +4 -0
  112. package/src/shims-vue.d.ts +11 -0
  113. package/src/stories/{Accordion.stories.js → Accordion.stories.ts} +2 -2
  114. package/src/stories/{BadgeWithIcon.stories.js → BadgeWithIcon.stories.ts} +1 -1
  115. package/src/stories/{BarChart.stories.js → BarChart.stories.ts} +1 -1
  116. package/src/stories/{Breadcrumb.stories.js → Breadcrumb.stories.ts} +1 -4
  117. package/src/stories/{CardInfos.stories.js → CardInfos.stories.ts} +1 -2
  118. package/src/stories/{ChartLegend.stories.js → ChartLegend.stories.ts} +1 -2
  119. package/src/stories/{Checkbox.stories.js → Checkbox.stories.ts} +1 -1
  120. package/src/stories/{CheckboxSimple.stories.js → CheckboxSimple.stories.ts} +1 -1
  121. package/src/stories/{Chips.stories.js → Chips.stories.ts} +24 -22
  122. package/src/stories/{ClimateZoneBadge.stories.js → ClimateZoneBadge.stories.ts} +2 -1
  123. package/src/stories/{CostEffectBar.stories.js → CostEffectBar.stories.ts} +2 -1
  124. package/src/stories/{Datatable.stories.js → Datatable.stories.ts} +5 -2
  125. package/src/stories/{DateCardInfo.stories.js → DateCardInfo.stories.ts} +1 -5
  126. package/src/stories/{Dialog.stories.js → Dialog.stories.ts} +1 -1
  127. package/src/stories/{Draggable.stories.js → Draggable.stories.ts} +2 -1
  128. package/src/stories/{Dropdown.stories.js → Dropdown.stories.ts} +2 -1
  129. package/src/stories/{DropdownList.stories.js → DropdownList.stories.ts} +3 -1
  130. package/src/stories/{Header.stories.js → Header.stories.ts} +1 -0
  131. package/src/stories/{HighlightRippleDot.stories.js → HighlightRippleDot.stories.ts} +2 -1
  132. package/src/stories/{Icon.stories.js → Icon.stories.ts} +2 -0
  133. package/src/stories/{InlineSelector.stories.js → InlineSelector.stories.ts} +1 -1
  134. package/src/stories/{Input.stories.js → Input.stories.ts} +6 -3
  135. package/src/stories/{InputSelect.stories.js → InputSelect.stories.ts} +2 -1
  136. package/src/stories/{InputTextArea.stories.js → InputTextArea.stories.ts} +1 -1
  137. package/src/stories/{MiniTag.stories.js → MiniTag.stories.ts} +8 -1
  138. package/src/stories/{Playground.stories.js → Playground.stories.ts} +1 -1
  139. package/src/stories/{ProgressBar.stories.js → ProgressBar.stories.ts} +2 -1
  140. package/src/stories/{RadioButton.stories.js → RadioButton.stories.ts} +1 -1
  141. package/src/stories/{RadioButtonSimple.stories.js → RadioButtonSimple.stories.ts} +1 -1
  142. package/src/stories/{SimpleAlert.stories.js → SimpleAlert.stories.ts} +2 -1
  143. package/src/stories/{Slider.stories.js → Slider.stories.ts} +5 -1
  144. package/src/stories/{Switch.stories.js → Switch.stories.ts} +1 -1
  145. package/src/stories/{TabHeader.stories.js → TabHeader.stories.ts} +5 -0
  146. package/src/stories/{TableResults.stories.js → TableResults.stories.ts} +5 -1
  147. package/src/stories/{TagScope.stories.js → TagScope.stories.ts} +1 -1
  148. package/src/stories/{TestimonialCard.stories.js → TestimonialCard.stories.ts} +2 -2
  149. package/src/stories/{Toast.stories.js → Toast.stories.ts} +1 -1
  150. package/src/stories/{Toggle.stories.js → Toggle.stories.ts} +6 -3
  151. package/src/stories/{Tooltip.stories.js → Tooltip.stories.ts} +3 -3
  152. package/src/util/{GeneralFunctions.js → GeneralFunctions.ts} +7 -6
  153. package/src/util/{imageLoader.js → imageLoader.ts} +15 -7
  154. package/tailwind.config.js +11 -2
  155. package/tsconfig.json +47 -0
  156. package/webpack.config.js +17 -3
  157. package/.storybook/PolicyStudio.js +0 -10
  158. package/.storybook/manager.js +0 -6
  159. package/babel.config.js +0 -17
  160. /package/.storybook/{eventBus.js → eventBus.ts} +0 -0
  161. /package/.storybook/{main.js → main.ts} +0 -0
  162. /package/.storybook/{preview.js → preview.ts} +0 -0
  163. /package/src/contents/{ComparisonData.js → ComparisonData.ts} +0 -0
  164. /package/src/contents/{FlexibleData.js → FlexibleData.ts} +0 -0
  165. /package/src/contents/{ResultsData.js → ResultsData.ts} +0 -0
  166. /package/src/stories/{Button.stories.js → Button.stories.ts} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableResults.stories.js","sourceRoot":"","sources":["../../src/stories/TableResults.stories.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ import PsTagScope from '../components/badges-and-tags/PsTagScope.vue';
2
+ export default {
3
+ title: 'Badges & Tags/Tags/Tag Scope',
4
+ component: PsTagScope,
5
+ };
6
+ const defaultTemplate = (args, { argTypes }) => ({
7
+ props: Object.keys(argTypes),
8
+ components: { PsTagScope },
9
+ template: `
10
+ <div style='padding: 20px;'>
11
+ <PsTagScope v-bind="$props"/>
12
+ </div>
13
+ `
14
+ });
15
+ export const TagScope = defaultTemplate.bind({});
16
+ //# sourceMappingURL=TagScope.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TagScope.stories.js","sourceRoot":"","sources":["../../src/stories/TagScope.stories.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,8CAA8C,CAAA;AACrE,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,UAAU;CACtB,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,UAAU,EAAE;IAC1B,QAAQ,EAAE;;;;KAIP;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -0,0 +1,24 @@
1
+ import PsTestimonialCard from '../components/badges-and-tags/PsTestimonialCard.vue';
2
+ export default {
3
+ title: 'Components/TestimonialCard',
4
+ component: PsTestimonialCard,
5
+ };
6
+ const Template = (args, { argTypes }) => ({
7
+ props: Object.keys(argTypes),
8
+ components: { PsTestimonialCard },
9
+ template: `
10
+ <div style="width: 1000px; background:#DBE9F1; display:flex; gap: 7px; padding: 20px; height: 100%;">
11
+ <PsTestimonialCard v-bind="$props"/>
12
+ <PsTestimonialCard v-bind="$props"/>
13
+ <PsTestimonialCard v-bind="$props"/>
14
+ </div>
15
+ `
16
+ });
17
+ export const Default = Template.bind({});
18
+ Default.args = {
19
+ testimonial: 'I used to spend most of my time helping California cities make reach codes. Now, i just show them the Explorer and get to focus on helping cities in other states.',
20
+ user: 'Amy Rider',
21
+ position: 'Head Sustainability Department',
22
+ jurisdiction: 'City of Chula vista'
23
+ };
24
+ //# sourceMappingURL=TestimonialCard.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TestimonialCard.stories.js","sourceRoot":"","sources":["../../src/stories/TestimonialCard.stories.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qDAAqD,CAAA;AAEnF,eAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,iBAAiB;CAC7B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAC,EAAC,iBAAiB,EAAC;IAC9B,QAAQ,EAAE;;;;;;KAMT;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,oKAAoK;IACjL,IAAI,EAAC,WAAW;IAChB,QAAQ,EAAC,gCAAgC;IACzC,YAAY,EAAC,qBAAqB;CACnC,CAAA"}
@@ -0,0 +1,51 @@
1
+ import PsToast from '../components/notifications/PsToast.vue';
2
+ export default {
3
+ title: 'Notifications/Toast',
4
+ component: PsToast,
5
+ };
6
+ const Template = (args, { argTypes }) => ({
7
+ props: Object.keys(argTypes),
8
+ components: { PsToast },
9
+ template: `
10
+ <div style="display: flex; gap: 30px;">
11
+ <div style="display: flex; flex-direction: column; gap: 5px; width:500px;">
12
+ <PsToast v-bind="$props" message="This is a info alert" layout="info" icon="info" fill="intense" >
13
+ <p class="hover:psui-underline">Action 1</p>
14
+ <p class="hover:psui-underline">Action 2</p>
15
+ </PsToast>
16
+ <PsToast v-bind="$props" message="This is a success alert" layout="success" icon="check_circle" >
17
+ <p class="hover:psui-underline">Action 1</p>
18
+ <p class="hover:psui-underline">Action 2</p>
19
+ </PsToast>
20
+ <PsToast v-bind="$props" message="This is a warning alert" layout="warning" icon="warning">
21
+ <p class="hover:psui-underline">Action 1</p>
22
+ <p class="hover:psui-underline">Action 2</p>
23
+ </PsToast>
24
+ <PsToast v-bind="$props" message="This is a an error alert" layout="error" icon="warning" >
25
+ <p class="hover:psui-underline">Action 1</p>
26
+ <p class="hover:psui-underline">Action 2</p>
27
+ </PsToast>
28
+ </div>
29
+ <div style="display: flex; flex-direction: column; gap: 5px; width:500px;">
30
+ <PsToast v-bind="$props" message="This is a info alert" layout="info" icon="info" fill="soft" >
31
+ <p class="hover:psui-underline">Action 1</p>
32
+ <p class="hover:psui-underline">Action 2</p>
33
+ </PsToast>
34
+ <PsToast v-bind="$props" message="This is a success alert" layout="success" icon="check_circle" fill="soft">
35
+ <p class="hover:psui-underline">Action 1</p>
36
+ <p class="hover:psui-underline">Action 2</p>
37
+ </PsToast>
38
+ <PsToast v-bind="$props" message="This is a warning alert" layout="warning" icon="warning" fill="soft">
39
+ <p class="hover:psui-underline">Action 1</p>
40
+ <p class="hover:psui-underline">Action 2</p>
41
+ </PsToast>
42
+ <PsToast v-bind="$props" message="This is a an error alert" layout="error" icon="warning" fill="soft">
43
+ <p class="hover:psui-underline">Action 1</p>
44
+ <p class="hover:psui-underline">Action 2</p>
45
+ </PsToast>
46
+ </div>
47
+ <div>
48
+ `
49
+ });
50
+ export const Default = Template.bind({});
51
+ //# sourceMappingURL=Toast.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.stories.js","sourceRoot":"","sources":["../../src/stories/Toast.stories.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,yCAAyC,CAAA;AAC7D,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,OAAO,EAAE;IACvB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCT;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -0,0 +1,42 @@
1
+ import PsToggle from '../components/controls/PsToggle.vue';
2
+ export default {
3
+ title: 'Components/Toggle',
4
+ component: PsToggle,
5
+ argTypes: {},
6
+ };
7
+ const items = ['Option 1', 'Option 2', 'Option 3'];
8
+ const selected = 'Option 2';
9
+ const Template = (args, { argTypes }) => ({
10
+ props: Object.keys(argTypes),
11
+ components: { PsToggle },
12
+ template: `
13
+ <PsToggle v-bind="$props" :selected.sync="selected" />
14
+ `,
15
+ });
16
+ export const Default = Template.bind({});
17
+ Default.args = {
18
+ items: items,
19
+ selected: selected,
20
+ };
21
+ /**
22
+ * Hey Luciano!
23
+ * Adicionei este script aqui pois não entendi como criar uma story com script em MDX ou algo que rode geral, saca?
24
+ * Mas é uma função simples para copiar o HEX das cores...
25
+ * Se quiser dar uma melhorada nessa parte, fique a vontade meu chegado! TMJ
26
+ */
27
+ window.addEventListener('click', (ev) => {
28
+ if (ev.target.classList.contains('click-to-copy')) {
29
+ copyText(ev.target.dataset.toCopy);
30
+ }
31
+ });
32
+ function copyText(textToCopy) {
33
+ const myTemporaryInputElement = document.createElement('input');
34
+ myTemporaryInputElement.type = 'text';
35
+ myTemporaryInputElement.value = textToCopy;
36
+ document.body.appendChild(myTemporaryInputElement);
37
+ myTemporaryInputElement.select();
38
+ document.execCommand('Copy');
39
+ document.body.removeChild(myTemporaryInputElement);
40
+ alert('Item copied to clipboard!');
41
+ }
42
+ //# sourceMappingURL=Toggle.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.stories.js","sourceRoot":"","sources":["../../src/stories/Toggle.stories.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,qCAAqC,CAAA;AAC1D,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;CACb,CAAA;AACD,MAAM,KAAK,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;AAClD,MAAM,QAAQ,GAAG,UAAU,CAAA;AAE3B,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,QAAQ,EAAE;IACxB,QAAQ,EAAE;;GAET;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,QAAQ;CACnB,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;IACtC,IAAI,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;QACjD,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;KACnC;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,QAAQ,CAAC,UAAU;IAC1B,MAAM,uBAAuB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/D,uBAAuB,CAAC,IAAI,GAAG,MAAM,CAAA;IACrC,uBAAuB,CAAC,KAAK,GAAG,UAAU,CAAA;IAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAA;IAClD,uBAAuB,CAAC,MAAM,EAAE,CAAA;IAChC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAA;IAClD,KAAK,CAAC,2BAA2B,CAAC,CAAA;AACpC,CAAC"}
@@ -0,0 +1,108 @@
1
+ import PsTooltip from '../components/tooltip/PsTooltip.vue';
2
+ import PsRichTooltip from '../components/tooltip/PsRichTooltip.vue';
3
+ import PsDialogTooltip from '../components/tooltip/PsDialogTooltip.vue';
4
+ export default {
5
+ title: 'Components/Tooltip',
6
+ component: PsTooltip,
7
+ subcomponents: { PsRichTooltip, PsDialogTooltip }
8
+ };
9
+ const TemplateDialog = (args, { argTypes }) => ({
10
+ props: Object.keys(argTypes),
11
+ components: { PsDialogTooltip },
12
+ template: `
13
+ <div style='display: flex; justify-content: space-between;'>
14
+ <PsDialogTooltip v-bind='$props' layout='white' title='Duct Sealing' buttonText='More Info' cssClass='psui-w-64'>
15
+ <template v-slot:trigger>
16
+ <p>Trigger</p>
17
+ </template>
18
+ <template v-slot:content>
19
+ <p>Air seal all ductwork to a final duct leakage value of 10% of nominal airflow.</p>
20
+ </template>
21
+ </PsDialogTooltip>
22
+ <PsDialogTooltip v-bind='$props' layout='dark' title='Duct Sealing' buttonText='More Info' cssClass='psui-w-64'>
23
+ <template v-slot:trigger>
24
+ <p>Trigger</p>
25
+ </template>
26
+ <template v-slot:content>
27
+ <p>Air seal all ductwork to a final duct leakage value of 10% of nominal airflow.</p>
28
+ </template>
29
+ </PsDialogTooltip>
30
+ <PsDialogTooltip v-bind='$props' layout='color' title='Duct Sealing' buttonText='More Info' cssClass='psui-w-64'>
31
+ <template v-slot:trigger>
32
+ <p>Trigger</p>
33
+ </template>
34
+ <template v-slot:content>
35
+ <p>Air seal all ductwork to a final duct leakage value of 10% of nominal airflow.</p>
36
+ </template>
37
+ </PsDialogTooltip>
38
+ </div>
39
+ `,
40
+ });
41
+ const TemplateRich = (args, { argTypes }) => ({
42
+ props: Object.keys(argTypes),
43
+ components: { PsRichTooltip },
44
+ template: `
45
+ <div style='display: flex; justify-content: space-between;'>
46
+ <PsRichTooltip v-bind='$props' layout='red' title='Measures that are not cost-effective cannot be added to a combination' cssClass='psui-w-64'>
47
+ <template v-slot:trigger>
48
+ <p>Trigger</p>
49
+ </template>
50
+ <template v-slot:content>
51
+ <p>Here you can add an optional supporting text</p>
52
+ </template>
53
+ </PsRichTooltip>
54
+ <PsRichTooltip v-bind='$props' layout='blue' title='Select to create a combination of measures for your Policy' cssClass='psui-w-64'>
55
+ <template v-slot:trigger>
56
+ <p>Trigger</p>
57
+ </template>
58
+ <template v-slot:content>
59
+ <p>Here you can add an optional supporting text</p>
60
+ </template>
61
+ </PsRichTooltip>
62
+ <PsRichTooltip v-bind='$props' layout='gray' title='Did not account for the cost of combustion safety testing' cssClass='psui-w-64'>
63
+ <template v-slot:trigger>
64
+ <p>Trigger</p>
65
+ </template>
66
+ <template v-slot:content>
67
+ <p>Here you can add an optional supporting text</p>
68
+ </template>
69
+ </PsRichTooltip>
70
+ </div>
71
+ `
72
+ });
73
+ const TemplateDefault = (args, { argTypes }) => ({
74
+ props: Object.keys(argTypes),
75
+ components: { PsTooltip },
76
+ template: `
77
+ <div style='display: flex; justify-content: space-between; flex-direction: column; gap: 100px;'>
78
+ <PsTooltip v-bind='$props'>
79
+ <template v-slot:trigger>
80
+ Trigger
81
+ </template>
82
+ <template v-slot:content>
83
+ Basic Tooltip
84
+ </template>
85
+ </PsTooltip>
86
+ <PsTooltip v-bind='$props' position='top'>
87
+ <template v-slot:trigger>
88
+ Trigger
89
+ </template>
90
+ <template v-slot:content>
91
+ Basic Tooltip
92
+ </template>
93
+ </PsTooltip>
94
+ <PsTooltip v-bind='$props'>
95
+ <template v-slot:trigger>
96
+ Trigger
97
+ </template>
98
+ <template v-slot:content>
99
+ Basic Tooltip
100
+ </template>
101
+ </PsTooltip>
102
+ </div>
103
+ `
104
+ });
105
+ export const Dialog = TemplateDialog.bind({});
106
+ export const Rich = TemplateRich.bind({});
107
+ export const Default = TemplateDefault.bind({});
108
+ //# sourceMappingURL=Tooltip.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../src/stories/Tooltip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qCAAqC,CAAA;AAC3D,OAAO,aAAa,MAAM,yCAAyC,CAAA;AACnE,OAAO,eAAe,MAAM,2CAA2C,CAAA;AAEvE,eAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,SAAS;IACpB,aAAa,EAAE,EAAC,aAAa,EAAE,eAAe,EAAC;CAClD,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAC,eAAe,EAAC;IAC7B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BT;CACJ,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAC,EAAE,CAAA,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAC,aAAa,EAAC;IAC3B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Bb;CACA,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAC,SAAS,EAAC;IACvB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BT;CACA,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -0,0 +1,29 @@
1
+ export const randomString = (length) => {
2
+ let result = '';
3
+ const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
4
+ const charactersLength = characters.length;
5
+ for (let i = 0; i < length; i++) {
6
+ result += characters.charAt(Math.floor(Math.random() * charactersLength));
7
+ }
8
+ return result;
9
+ };
10
+ export const getParentScrollableEl = (node) => {
11
+ if (node == null) {
12
+ return null;
13
+ }
14
+ if (node.scrollHeight > node.clientHeight) {
15
+ return node;
16
+ }
17
+ else {
18
+ return getParentScrollableEl(node.parentNode);
19
+ }
20
+ };
21
+ export const getParentVueComponentByName = (comp, name) => {
22
+ if (comp.$options.name === name) {
23
+ return comp;
24
+ }
25
+ else {
26
+ return getParentVueComponentByName(comp.$parent, name);
27
+ }
28
+ };
29
+ //# sourceMappingURL=GeneralFunctions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GeneralFunctions.js","sourceRoot":"","sources":["../../src/util/GeneralFunctions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;IACrC,IAAI,MAAM,GAAG,EAAE,CAAA;IACf,MAAM,UAAU,GACd,gEAAgE,CAAA;IAClE,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAA;IAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAA;KAC1E;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE;IAC5C,IAAI,IAAI,IAAI,IAAI,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;QACzC,OAAO,IAAI,CAAA;KACZ;SAAM;QACL,OAAO,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;KAC9C;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACxD,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,EAAE;QAC/B,OAAO,IAAI,CAAA;KACZ;SAAM;QACL,OAAO,2BAA2B,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;KACvD;AACH,CAAC,CAAA"}
@@ -0,0 +1,52 @@
1
+ export default ({ imageUrl, onProgress = null, returnsBase64 = true }) => {
2
+ return new Promise((resolve, reject) => {
3
+ const xhr = new XMLHttpRequest();
4
+ let notifiedNotComputable = false;
5
+ xhr.open('GET', imageUrl, true);
6
+ xhr.responseType = 'arraybuffer';
7
+ xhr.onprogress = (ev) => {
8
+ if (ev.lengthComputable) {
9
+ const progress = parseInt((ev.loaded / ev.total) * 100);
10
+ if (onProgress)
11
+ onProgress(progress);
12
+ }
13
+ else {
14
+ if (!notifiedNotComputable) {
15
+ notifiedNotComputable = true;
16
+ if (onProgress)
17
+ onProgress(-1);
18
+ }
19
+ }
20
+ };
21
+ xhr.onloadend = () => {
22
+ const contentType = xhr.getResponseHeader('Content-Type');
23
+ if (!contentType.includes('image')) {
24
+ reject(xhr);
25
+ }
26
+ else {
27
+ if (!notifiedNotComputable) {
28
+ if (onProgress)
29
+ onProgress(100);
30
+ }
31
+ if (!returnsBase64) {
32
+ resolve();
33
+ }
34
+ else {
35
+ const options = {};
36
+ const headers = xhr.getAllResponseHeaders();
37
+ const mime = headers.match(/^Content-Type\\:\s*(.*?)$/mi);
38
+ if (mime && mime[1])
39
+ options.type = mime[1];
40
+ const blob = new Blob([xhr.response], options);
41
+ resolve(window.URL.createObjectURL(blob));
42
+ }
43
+ }
44
+ };
45
+ xhr.onerror = () => {
46
+ console.log('asd');
47
+ reject();
48
+ };
49
+ xhr.send();
50
+ });
51
+ };
52
+ //# sourceMappingURL=imageLoader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"imageLoader.js","sourceRoot":"","sources":["../../src/util/imageLoader.ts"],"names":[],"mappings":"AAAA,eAAe,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,EAAE,aAAa,GAAG,IAAI,EAAE,EAAE,EAAE;IACvE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,GAAG,GAAG,IAAI,cAAc,EAAE,CAAA;QAChC,IAAI,qBAAqB,GAAG,KAAK,CAAA;QAEjC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAA;QAC/B,GAAG,CAAC,YAAY,GAAG,aAAa,CAAA;QAEhC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE;YACtB,IAAI,EAAE,CAAC,gBAAgB,EAAE;gBACvB,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAA;gBACvD,IAAG,UAAU;oBAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;aACpC;iBAAM;gBACL,IAAI,CAAC,qBAAqB,EAAE;oBAC1B,qBAAqB,GAAG,IAAI,CAAA;oBAC5B,IAAG,UAAU;wBAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;iBAC9B;aACF;QACH,CAAC,CAAA;QAED,GAAG,CAAC,SAAS,GAAG,GAAG,EAAE;YACnB,MAAM,WAAW,GAAG,GAAG,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;YACzD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;gBAClC,MAAM,CAAC,GAAG,CAAC,CAAA;aACZ;iBAAM;gBACL,IAAI,CAAC,qBAAqB,EAAE;oBAC1B,IAAG,UAAU;wBAAE,UAAU,CAAC,GAAG,CAAC,CAAA;iBAC/B;gBAED,IAAG,CAAC,aAAa,EAAE;oBACjB,OAAO,EAAE,CAAA;iBACV;qBAAM;oBACL,MAAM,OAAO,GAAG,EAAE,CAAA;oBAClB,MAAM,OAAO,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAA;oBAC3C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAA;oBACzD,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC;wBAAE,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;oBAC3C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAA;oBAC9C,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAA;iBAC1C;aACF;QACH,CAAC,CAAA;QAED,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE;YACjB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YAClB,MAAM,EAAE,CAAA;QACV,CAAC,CAAA;QAED,GAAG,CAAC,IAAI,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,28 +1,23 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.90-beta.0",
3
+ "version": "1.1.90-beta.12",
4
4
  "description": "Policy Studio UI",
5
- "main": "src/index.js",
6
5
  "author": "Policy Studio Team",
7
- "url": "https://github.com/Policy-Studio/policy-studio-ui-vue",
8
- "license": "MIT",
9
- "keywords": [
10
- "vue",
11
- "ui"
12
- ],
13
6
  "scripts": {
7
+ "serve": "concurrently --kill-others \"npm run watch-storybook\" \"npm run watch-tailwind\"",
14
8
  "lint": "vue-cli-service lint",
15
9
  "build-storybook": "storybook build",
10
+ "build-ts":"tsc",
16
11
  "build-tailwind": "postcss src/assets/scss/base.scss -o dist/css/psui_styles.css",
17
12
  "build-temp-tailwind": "postcss src/assets/scss/base.scss -o temp/css/psui_styles.css",
18
- "full-publish": "npm run lint && npm run build-tailwind && npm run build-storybook && npm publish --tag beta",
19
- "serve": "concurrently --kill-others \"npm run watch-storybook\" \"npm run watch-tailwind\"",
13
+ "full-publish": "npm run lint && npm run build-ts && npm run build-tailwind && npm run build-storybook && npm publish --tag beta",
14
+ "kill-port": "sh ./scripts/kill-port.sh",
20
15
  "serve-prod": "concurrently --kill-others \"npm run watch-storybook\" \"npm run watch-prod-tailwind\"",
16
+ "storybook": "concurrently \"npm run kill-port\" \"npm run watch-prod-tailwind\" \"storybook dev -p 6006\"",
21
17
  "watch-prod-tailwind": "watch 'npm run build-tailwind' ./src/assets",
22
- "watch-tailwind": "watch 'npm run build-temp-tailwind' ./src/assets",
23
- "kill-port": "sh ./scripts/kill-port.sh",
24
- "storybook": "concurrently \"npm run kill-port\" \"npm run watch-prod-tailwind\" \"storybook dev -p 6006\""
18
+ "watch-tailwind": "watch 'npm run build-temp-tailwind' ./src/assets"
25
19
  },
20
+ "main": "dist/index.js",
26
21
  "dependencies": {
27
22
  "@vue/compat": "^3.4.5",
28
23
  "core-js": "^3.6.5",
@@ -30,10 +25,6 @@
30
25
  "vue": "^3.4.5"
31
26
  },
32
27
  "devDependencies": {
33
- "@babel/cli": "^7.23.4",
34
- "@babel/core": "^7.23.7",
35
- "@babel/eslint-parser": "^7.23.3",
36
- "@babel/preset-env": "^7.23.7",
37
28
  "@storybook/addon-essentials": "^7.6.7",
38
29
  "@storybook/addon-interactions": "^7.6.7",
39
30
  "@storybook/addon-links": "^7.6.7",
@@ -41,16 +32,19 @@
41
32
  "@storybook/test": "^7.6.7",
42
33
  "@storybook/vue3": "^7.6.7",
43
34
  "@storybook/vue3-webpack5": "^7.6.7",
35
+ "@typescript-eslint/eslint-plugin": "^5.4.0",
36
+ "@typescript-eslint/parser": "^5.4.0",
44
37
  "@vue/cli-plugin-eslint": "^5.0.8",
38
+ "@vue/cli-plugin-typescript": "~5.0.0",
45
39
  "@vue/cli-service": "~5.0.8",
46
40
  "@vue/compiler-sfc": "^3.4.5",
47
41
  "@vue/eslint-config-prettier": "^9.0.0",
48
- "babel-eslint": "^10.1.0",
42
+ "@vue/eslint-config-typescript": "^9.1.0",
49
43
  "concurrently": "^7.0.0",
50
44
  "eslint": "^8.56.0",
51
45
  "eslint-plugin-prettier": "^5.1.2",
52
46
  "eslint-plugin-storybook": "^0.6.15",
53
- "eslint-plugin-vue": "^9.19.2",
47
+ "eslint-plugin-vue": "^8.7.1",
54
48
  "postcss": "^8.3.11",
55
49
  "postcss-cli": "^9.0.2",
56
50
  "postcss-import": "^14.0.2",
@@ -59,12 +53,21 @@
59
53
  "react": "^18.2.0",
60
54
  "react-dom": "^18.2.0",
61
55
  "storybook": "^7.6.7",
62
- "tailwindcss": "^1.9.6",
56
+ "tailwindcss": "^3.4.1",
57
+ "ts-loader": "^9.5.1",
58
+ "typescript": "~4.5.5",
63
59
  "vue-eslint-parser": "^9.3.2",
64
60
  "vue-loader": "^17.4.2",
65
- "watch": "^1.0.2"
61
+ "watch": "^1.0.2",
62
+ "webpack": "^5.89.0"
66
63
  },
67
64
  "engines": {
68
65
  "node": "18.19.0"
69
- }
66
+ },
67
+ "keywords": [
68
+ "vue",
69
+ "ui"
70
+ ],
71
+ "license": "MIT",
72
+ "url": "https://github.com/Policy-Studio/policy-studio-ui-vue"
70
73
  }
package/postcss.config.js CHANGED
@@ -1,7 +1,7 @@
1
1
  module.exports = {
2
2
  plugins: {
3
- 'postcss-nested': {},
4
3
  'postcss-import': {},
4
+ 'tailwindcss/nesting': {},
5
5
  tailwindcss: {},
6
6
  autoprefixer: {},
7
7
  },
package/src/App.vue ADDED
@@ -0,0 +1,30 @@
1
+ <template>
2
+ <img
3
+ alt="Vue logo"
4
+ src="./assets/logo.png"
5
+ >
6
+ <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
7
+ </template>
8
+
9
+ <script lang="ts">
10
+ import { defineComponent } from 'vue'
11
+ import HelloWorld from './components/HelloWorld.vue'
12
+
13
+ export default defineComponent({
14
+ name: 'App',
15
+ components: {
16
+ HelloWorld
17
+ }
18
+ })
19
+ </script>
20
+
21
+ <style>
22
+ #app {
23
+ font-family: Avenir, Helvetica, Arial, sans-serif;
24
+ -webkit-font-smoothing: antialiased;
25
+ -moz-osx-font-smoothing: grayscale;
26
+ text-align: center;
27
+ color: #2c3e50;
28
+ margin-top: 60px;
29
+ }
30
+ </style>
@@ -67,35 +67,39 @@ html {
67
67
  -webkit-font-smoothing: antialiased;
68
68
  }
69
69
 
70
- .psui-card {
71
- @apply .psui-w-full .psui-bg-white .psui-rounded-lg .psui-px-6 .psui-py-4 .psui-shadow-elevation-5;
72
70
 
73
- &-header {
74
- @apply .psui-flex .psui-items-center .psui-justify-between .psui-mb-4;
75
-
76
- h4 {
77
- @apply .psui-text-h6 .psui-font-bold .psui-text-gray-80;
71
+ @layer components {
72
+ .psui-card {
73
+ @apply .psui-w-full .psui-bg-white .psui-rounded-lg .psui-px-6 .psui-py-4 .psui-shadow-elevation-5;
74
+
75
+ &-header {
76
+ @apply .psui-flex .psui-items-center .psui-justify-between .psui-mb-4;
77
+
78
+ h4 {
79
+ @apply .psui-text-h6 .psui-font-bold .psui-text-gray-80;
80
+ }
78
81
  }
79
82
  }
80
- }
81
83
 
82
- .psui-show-childrens-on-hover {
83
- &:hover {
84
- * {
85
- opacity: 1 !important;
84
+ .psui-show-childrens-on-hover {
85
+ &:hover {
86
+ * {
87
+ opacity: 1 !important;
88
+ }
86
89
  }
87
- }
88
-
89
- &.absolute-childrens {
90
- @apply psui-relative;
91
-
92
- .helper {
93
- @apply psui-absolute psui-top-0;
94
- right: -18px;
90
+
91
+ &.absolute-childrens {
92
+ @apply psui-relative;
93
+
94
+ .helper {
95
+ @apply psui-absolute psui-top-0;
96
+ right: -18px;
97
+ }
95
98
  }
96
99
  }
100
+
101
+ .psui-transition {
102
+ @apply psui-transition-all psui-ease-in-out psui-duration-150;
103
+ }
97
104
  }
98
105
 
99
- .psui-transition {
100
- @apply psui-transition-all psui-ease-in-out psui-duration-150;
101
- }
@@ -8,7 +8,7 @@
8
8
  &.disabled {
9
9
  .psui-el-accordion-item-header {
10
10
  .psui-el-accordion-item-header-wrapper {
11
- @apply psui-text-gray-50 pointer-events-none;
11
+ @apply psui-text-gray-50 psui-pointer-events-none;
12
12
 
13
13
  }
14
14
  }
@@ -1,4 +1,4 @@
1
- @layer components{
1
+ @layer components {
2
2
 
3
3
  .psui-el-chips {
4
4
  @apply psui-inline-flex psui-relative;
@@ -126,7 +126,7 @@
126
126
 
127
127
  &,
128
128
  .psui-el-chips-close {
129
- @apply .psui-text-gray-50;
129
+ @apply psui-text-gray-50;
130
130
  }
131
131
 
132
132
  .psui-el-chips-icon-prepend {
@@ -140,7 +140,7 @@
140
140
 
141
141
  &,
142
142
  .psui-el-chips-close {
143
- @apply .psui-text-blue-60;
143
+ @apply psui-text-blue-60;
144
144
  }
145
145
 
146
146
  .psui-el-chips-icon-prepend {
@@ -1,13 +1,13 @@
1
1
  @layer components {
2
2
  .psui-el-cost-effect-bar {
3
- @apply .psui-overflow-visible;
3
+ @apply psui-overflow-visible;
4
4
 
5
5
  div {
6
- @apply .psui-relative .psui-h-2 .psui-rounded-2xl;
6
+ @apply psui-relative psui-h-2 psui-rounded-2xl;
7
7
  width: 100px;
8
8
 
9
9
  span {
10
- @apply .psui-absolute .psui-rounded-sm .psui-z-10;
10
+ @apply psui-absolute psui-rounded-sm psui-z-10;
11
11
  background-color: #d6dde5;
12
12
  width: 2px;
13
13
  height: 14px;
@@ -15,7 +15,7 @@
15
15
  }
16
16
 
17
17
  .psui-el-simple-progress-bar {
18
- @apply .psui-overflow-hidden;
18
+ @apply psui-overflow-hidden;
19
19
 
20
20
  &-percentage {
21
21
  border-radius: unset;