@pequity/squirrel 6.0.11 → 6.0.13

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 (78) hide show
  1. package/dist/cjs/chunks/index.js +2645 -0
  2. package/dist/cjs/chunks/p-btn.types.js +3 -0
  3. package/dist/cjs/chunks/p-info-icon.js +37 -0
  4. package/dist/cjs/chunks/p-select.js +2 -2
  5. package/dist/cjs/index.js +25 -33
  6. package/dist/cjs/inputClasses.js +127 -0
  7. package/dist/cjs/inputClassesMixin.js +23 -19
  8. package/dist/cjs/p-btn.js +56 -57
  9. package/dist/cjs/p-icon.js +6 -1
  10. package/dist/cjs/p-info-icon.js +2 -33
  11. package/dist/cjs/p-input-number.js +2 -2
  12. package/dist/cjs/p-input-search.js +3 -3
  13. package/dist/cjs/p-table-header-cell.js +2 -2
  14. package/dist/cjs/useInputClasses.js +19 -18
  15. package/dist/es/chunks/index.js +2646 -0
  16. package/dist/es/chunks/p-btn.types.js +4 -0
  17. package/dist/es/chunks/p-info-icon.js +38 -0
  18. package/dist/es/chunks/p-select.js +2 -2
  19. package/dist/es/index.js +74 -82
  20. package/dist/es/inputClasses.js +127 -0
  21. package/dist/es/inputClassesMixin.js +23 -19
  22. package/dist/es/p-btn.js +56 -57
  23. package/dist/es/p-icon.js +6 -1
  24. package/dist/es/p-info-icon.js +2 -33
  25. package/dist/es/p-input-number.js +2 -2
  26. package/dist/es/p-input-search.js +3 -3
  27. package/dist/es/p-table-header-cell.js +2 -2
  28. package/dist/es/useInputClasses.js +23 -22
  29. package/dist/squirrel/components/p-alert/p-alert.vue.d.ts +1 -1
  30. package/dist/squirrel/components/p-btn/p-btn.types.d.ts +2 -1
  31. package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +395 -17
  32. package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +5 -5
  33. package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts +30 -22
  34. package/dist/squirrel/components/p-icon/p-icon.types.d.ts +5 -0
  35. package/dist/squirrel/components/p-input/p-input.vue.d.ts +11 -7
  36. package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +11 -7
  37. package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts +3 -3
  38. package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +16 -12
  39. package/dist/squirrel/components/p-select/p-select.vue.d.ts +5 -5
  40. package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts +30 -22
  41. package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +11 -7
  42. package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +11 -7
  43. package/dist/squirrel/composables/useInputClasses.d.ts +3 -3
  44. package/dist/squirrel/index.d.ts +1 -0
  45. package/dist/squirrel/utils/index.d.ts +2 -2
  46. package/dist/squirrel/utils/inputClasses.d.ts +938 -0
  47. package/dist/squirrel/utils/inputClassesMixin.d.ts +12 -8
  48. package/dist/squirrel.css +23 -23
  49. package/package.json +24 -21
  50. package/squirrel/components/p-btn/p-btn.spec.js +1 -1
  51. package/squirrel/components/p-btn/p-btn.types.ts +3 -1
  52. package/squirrel/components/p-btn/p-btn.vue +60 -74
  53. package/squirrel/components/p-dropdown/p-dropdown.vue +2 -2
  54. package/squirrel/components/p-file-upload/p-file-upload.spec.js +3 -8
  55. package/squirrel/components/p-icon/p-icon.types.ts +5 -0
  56. package/squirrel/components/p-info-icon/p-info-icon.spec.js +3 -2
  57. package/squirrel/components/p-info-icon/p-info-icon.vue +3 -7
  58. package/squirrel/components/p-inline-date-picker/p-inline-date-picker.spec.js +3 -10
  59. package/squirrel/components/p-input/p-input.spec.js +3 -8
  60. package/squirrel/components/p-input-number/p-input-number.spec.js +15 -18
  61. package/squirrel/components/p-input-percent/p-input-percent.spec.js +3 -8
  62. package/squirrel/components/p-input-percent/p-input-percent.vue +3 -3
  63. package/squirrel/components/p-input-search/p-input-search.vue +4 -4
  64. package/squirrel/components/p-select/p-select.spec.js +27 -33
  65. package/squirrel/components/p-select/p-select.vue +4 -4
  66. package/squirrel/components/p-table-header-cell/p-table-header-cell.spec.js +6 -4
  67. package/squirrel/components/p-textarea/p-textarea.spec.js +3 -8
  68. package/squirrel/composables/useInputClasses.spec.js +138 -77
  69. package/squirrel/composables/useInputClasses.ts +25 -39
  70. package/squirrel/index.ts +1 -0
  71. package/squirrel/utils/index.ts +3 -36
  72. package/squirrel/utils/inputClasses.ts +128 -0
  73. package/squirrel/utils/inputClassesMixin.spec.js +153 -64
  74. package/squirrel/utils/inputClassesMixin.ts +26 -43
  75. package/dist/cjs/inputClassesShared.js +0 -76
  76. package/dist/es/inputClassesShared.js +0 -76
  77. package/dist/squirrel/utils/inputClassesShared.d.ts +0 -45
  78. package/squirrel/utils/inputClassesShared.ts +0 -75
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
- const pInfoIcon = require("./p-info-icon.js");
2
+ const pInfoIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-info-icon.js");
3
3
  const pTableFilterIcon = require("./p-table-filter-icon.js");
4
4
  const vue = require("vue");
5
5
  const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
@@ -8,7 +8,7 @@ const _sfc_main = vue.defineComponent({
8
8
  name: "PTableHeaderCell",
9
9
  components: {
10
10
  PTableFilterIcon: pTableFilterIcon,
11
- PInfoIcon: pInfoIcon
11
+ PInfoIcon: pInfoIcon_vue_vue_type_script_setup_true_lang._sfc_main
12
12
  },
13
13
  props: {
14
14
  text: {
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const inputClassesShared = require("./inputClassesShared.js");
3
+ const inputClasses = require("./inputClasses.js");
4
4
  const vue = require("vue");
5
5
  const defaults = {
6
6
  size: vue.ref("md"),
@@ -13,29 +13,30 @@ const defaults = {
13
13
  function useInputClasses(props) {
14
14
  const opts = { ...defaults, ...vue.toRefs(props) };
15
15
  const { size, errorMsg, required, rounded, prefix, suffix } = opts;
16
- const inputClasses = vue.computed(() => {
17
- const base = `${inputClassesShared.INPUT_BASE} ${inputClassesShared.INPUT_SIZES[size.value]}`;
18
- const spacingLeft = prefix.value ? inputClassesShared.SPACING_PREFIX[size.value] : inputClassesShared.SPACING_LEFT[size.value];
19
- const spacingRight = suffix.value ? inputClassesShared.SPACING_SUFFIX[size.value] : inputClassesShared.SPACING_RIGHT[size.value];
20
- const res = `${base} ${spacingLeft} ${spacingRight} ${errorMsg.value ? inputClassesShared.INPUT_ERROR : inputClassesShared.INPUT_NORMAL}${rounded.value ? " rounded-full" : ""}`;
21
- return res;
22
- });
23
- const labelClasses = vue.computed(() => {
24
- const base = `${inputClassesShared.LABEL_BASE} ${inputClassesShared.LABEL_SIZES[size.value]}`;
25
- const res = required.value ? `${base} ${inputClassesShared.LABEL_REQUIRED}` : base;
26
- return res;
16
+ const allClasses = vue.computed(() => {
17
+ const { input, label, errorMessage } = inputClasses.inputClasses({
18
+ size: size.value,
19
+ prefix: prefix.value,
20
+ suffix: suffix.value,
21
+ required: required.value,
22
+ error: !!errorMsg.value,
23
+ rounded: rounded.value
24
+ });
25
+ return { input: input(), label: label(), errorMessage: errorMessage() };
27
26
  });
27
+ const inputClasses$1 = vue.computed(() => allClasses.value.input);
28
+ const labelClasses = vue.computed(() => allClasses.value.label);
29
+ const errorMsgClasses = vue.computed(() => allClasses.value.errorMessage);
28
30
  const selectClasses = vue.computed(() => {
29
- const res = `${inputClasses.value.replace(` ${inputClassesShared.SPACING_RIGHT[size.value]}`, "")} ${inputClassesShared.SELECT_BASE} ${inputClassesShared.SELECT_ARROW} ${inputClassesShared.SELECT_SIZES[size.value]}`;
30
- return res;
31
+ const { input } = inputClasses.selectClasses({ size: size.value, required: required.value, error: !!errorMsg.value });
32
+ return input();
31
33
  });
32
34
  const textareaClasses = vue.computed(() => {
33
- const res = `${inputClasses.value} ${inputClassesShared.TEXTAREA_BASE}`;
34
- return res;
35
+ const { input } = inputClasses.textareaClasses({ required: required.value, error: !!errorMsg.value });
36
+ return input();
35
37
  });
36
- const errorMsgClasses = vue.ref(inputClassesShared.ERROR_MSG);
37
38
  return {
38
- inputClasses,
39
+ inputClasses: inputClasses$1,
39
40
  labelClasses,
40
41
  selectClasses,
41
42
  textareaClasses,