@seeqdev/qomponents 0.0.40 → 0.0.41

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 (113) hide show
  1. package/README.md +135 -135
  2. package/dist/Button/Button.js +87 -0
  3. package/dist/Button/Button.js.map +1 -0
  4. package/dist/Button/Button.stories.js +77 -0
  5. package/dist/Button/Button.stories.js.map +1 -0
  6. package/dist/Button/Button.test.js +49 -0
  7. package/dist/Button/Button.test.js.map +1 -0
  8. package/dist/Button/Button.types.js +4 -0
  9. package/dist/Button/Button.types.js.map +1 -0
  10. package/dist/Button/index.js +2 -0
  11. package/dist/Button/index.js.map +1 -0
  12. package/dist/Checkbox/Checkbox.js +24 -0
  13. package/dist/Checkbox/Checkbox.js.map +1 -0
  14. package/dist/Checkbox/Checkbox.stories.js +32 -0
  15. package/dist/Checkbox/Checkbox.stories.js.map +1 -0
  16. package/dist/Checkbox/Checkbox.test.js +94 -0
  17. package/dist/Checkbox/Checkbox.test.js.map +1 -0
  18. package/dist/Checkbox/Checkbox.types.js +2 -0
  19. package/dist/Checkbox/Checkbox.types.js.map +1 -0
  20. package/dist/Checkbox/index.js +2 -0
  21. package/dist/Checkbox/index.js.map +1 -0
  22. package/dist/FontCustom.woff +0 -0
  23. package/dist/FontCustom.woff2 +0 -0
  24. package/dist/Icon/Icon.js +63 -0
  25. package/dist/Icon/Icon.js.map +1 -0
  26. package/dist/Icon/Icon.stories.js +40 -0
  27. package/dist/Icon/Icon.stories.js.map +1 -0
  28. package/dist/Icon/Icon.test.js +55 -0
  29. package/dist/Icon/Icon.test.js.map +1 -0
  30. package/dist/Icon/Icon.types.js +16 -0
  31. package/dist/Icon/Icon.types.js.map +1 -0
  32. package/dist/Icon/index.js +2 -0
  33. package/dist/Icon/index.js.map +1 -0
  34. package/dist/Select/Select.js +168 -0
  35. package/dist/Select/Select.js.map +1 -0
  36. package/dist/Select/Select.stories.js +72 -0
  37. package/dist/Select/Select.stories.js.map +1 -0
  38. package/dist/Select/Select.test.js +161 -0
  39. package/dist/Select/Select.test.js.map +1 -0
  40. package/dist/Select/Select.types.js +2 -0
  41. package/dist/Select/Select.types.js.map +1 -0
  42. package/dist/Select/index.js +2 -0
  43. package/dist/Select/index.js.map +1 -0
  44. package/dist/TextArea/TextArea.js +23 -0
  45. package/dist/TextArea/TextArea.js.map +1 -0
  46. package/dist/TextArea/TextArea.stories.js +39 -0
  47. package/dist/TextArea/TextArea.stories.js.map +1 -0
  48. package/dist/TextArea/TextArea.test.js +68 -0
  49. package/dist/TextArea/TextArea.test.js.map +1 -0
  50. package/dist/TextArea/TextArea.types.js +2 -0
  51. package/dist/TextArea/TextArea.types.js.map +1 -0
  52. package/dist/TextArea/index.js +2 -0
  53. package/dist/TextArea/index.js.map +1 -0
  54. package/dist/TextField/TextField.js +64 -0
  55. package/dist/TextField/TextField.js.map +1 -0
  56. package/dist/TextField/TextField.stories.js +41 -0
  57. package/dist/TextField/TextField.stories.js.map +1 -0
  58. package/dist/TextField/TextField.test.js +35 -0
  59. package/dist/TextField/TextField.test.js.map +1 -0
  60. package/dist/TextField/TextField.types.js +2 -0
  61. package/dist/TextField/TextField.types.js.map +1 -0
  62. package/dist/TextField/index.js +2 -0
  63. package/dist/TextField/index.js.map +1 -0
  64. package/dist/ToolbarButton/ToolbarButton.js +74 -0
  65. package/dist/ToolbarButton/ToolbarButton.js.map +1 -0
  66. package/dist/ToolbarButton/ToolbarButton.stories.js +79 -0
  67. package/dist/ToolbarButton/ToolbarButton.stories.js.map +1 -0
  68. package/dist/ToolbarButton/ToolbarButton.test.js +93 -0
  69. package/dist/ToolbarButton/ToolbarButton.test.js.map +1 -0
  70. package/dist/ToolbarButton/ToolbarButton.types.js +2 -0
  71. package/dist/ToolbarButton/ToolbarButton.types.js.map +1 -0
  72. package/dist/ToolbarButton/index.js +2 -0
  73. package/dist/ToolbarButton/index.js.map +1 -0
  74. package/dist/Tooltip/QTip.stories.js +40 -0
  75. package/dist/Tooltip/QTip.stories.js.map +1 -0
  76. package/dist/Tooltip/QTip.types.js +2 -0
  77. package/dist/Tooltip/QTip.types.js.map +1 -0
  78. package/dist/Tooltip/QTipPerformance.stories.js +30 -0
  79. package/dist/Tooltip/QTipPerformance.stories.js.map +1 -0
  80. package/dist/Tooltip/Qtip.js +148 -0
  81. package/dist/Tooltip/Qtip.js.map +1 -0
  82. package/dist/Tooltip/Tooltip.js +36 -0
  83. package/dist/Tooltip/Tooltip.js.map +1 -0
  84. package/dist/Tooltip/Tooltip.stories.js +32 -0
  85. package/dist/Tooltip/Tooltip.stories.js.map +1 -0
  86. package/dist/Tooltip/Tooltip.types.js +3 -0
  87. package/dist/Tooltip/Tooltip.types.js.map +1 -0
  88. package/dist/Tooltip/TooltipPerformance.stories.js +30 -0
  89. package/dist/Tooltip/TooltipPerformance.stories.js.map +1 -0
  90. package/dist/Tooltip/index.js +3 -0
  91. package/dist/Tooltip/index.js.map +1 -0
  92. package/dist/example/.eslintrc.cjs +14 -14
  93. package/dist/example/README.md +33 -33
  94. package/dist/example/index.html +13 -13
  95. package/dist/example/package.json +30 -30
  96. package/dist/example/src/ComplexSelectExample.tsx +81 -81
  97. package/dist/example/src/Example.tsx +167 -167
  98. package/dist/example/src/index.css +102 -102
  99. package/dist/example/src/main.tsx +10 -10
  100. package/dist/example/src/vite-env.d.ts +1 -1
  101. package/dist/example/tsconfig.json +33 -33
  102. package/dist/example/tsconfig.node.json +12 -12
  103. package/dist/example/vite.config.ts +12 -12
  104. package/dist/index.esm.js +6 -6
  105. package/dist/index.esm.js.map +1 -1
  106. package/dist/index.js +6 -6
  107. package/dist/index.js.map +1 -1
  108. package/dist/styles.css +2644 -2644
  109. package/dist/types.js +2 -0
  110. package/dist/types.js.map +1 -0
  111. package/dist/utils/browserId.js +29 -0
  112. package/dist/utils/browserId.js.map +1 -0
  113. package/package.json +79 -79
package/dist/index.js CHANGED
@@ -98,7 +98,7 @@ const Icon = ({ onClick, icon, iconPrefix = undefined, type = 'theme', extraClas
98
98
  const fontAwesomePrefix = iconPrefix ? iconPrefix : 'fa-sharp fa-regular';
99
99
  const iconPrefixString = icon.startsWith('fc') ? 'fc' : fontAwesomePrefix;
100
100
  const style = type === 'color' && color ? { color } : {};
101
- const appliedClassNames = `${iconPrefixString} ${icon} ${small ? 'fa-sm' : ''} ${large ? 'fa-lg' : ''}
101
+ const appliedClassNames = `${iconPrefixString} ${icon} ${small ? 'fa-sm' : ''} ${large ? 'fa-lg' : ''}
102
102
  ${colorClassesThemeLight[type]} ${colorClassesThemeDark[type]} ${onClick ? 'cursor-pointer' : ''} ${extraClassNames}`;
103
103
  const tooltipData = tooltip
104
104
  ? {
@@ -4673,13 +4673,13 @@ const Tooltip = ({ position = 'bottom', children, text, delay = DEFAULT_TOOL_TIP
4673
4673
  const arrowBaseClasses = 'before:tw-content-[\'\'] before:tw-absolute before:tw-border-8';
4674
4674
  const centerArrowVertically = 'before:tw-top-1/2 before:-tw-translate-y-1/2';
4675
4675
  const centerArrowHorizontally = 'before:tw-left-1/2 before:-tw-translate-x-1/2';
4676
- const arrowRight = `${arrowBaseClasses} ${centerArrowVertically} before:tw-right-[100%] before:tw-border-y-transparent
4676
+ const arrowRight = `${arrowBaseClasses} ${centerArrowVertically} before:tw-right-[100%] before:tw-border-y-transparent
4677
4677
  before:tw-border-l-transparent before:tw-border-r-black`;
4678
- const arrowLeft = `${arrowBaseClasses} ${centerArrowVertically} before:tw-left-[100%] before:tw-border-y-transparent
4678
+ const arrowLeft = `${arrowBaseClasses} ${centerArrowVertically} before:tw-left-[100%] before:tw-border-y-transparent
4679
4679
  before:tw-border-l-black before:tw-border-r-transparent`;
4680
- const arrowBottom = `${arrowBaseClasses} ${centerArrowHorizontally} before:-tw-top-4 before:tw-border-b-black
4680
+ const arrowBottom = `${arrowBaseClasses} ${centerArrowHorizontally} before:-tw-top-4 before:tw-border-b-black
4681
4681
  before:tw-border-r-transparent before:tw-border-l-transparent before:tw-border-t-transparent`;
4682
- const arrowTop = `${arrowBaseClasses} ${centerArrowHorizontally} before:-tw-bottom-4 before:tw-border-b-transparent
4682
+ const arrowTop = `${arrowBaseClasses} ${centerArrowHorizontally} before:-tw-bottom-4 before:tw-border-b-transparent
4683
4683
  before:tw-border-t-black before:tw-border-l-transparent before:tw-border-r-transparent`;
4684
4684
  const placements = {
4685
4685
  top: `-tw-top-2 -tw-translate-y-full tw-left-1/2 -tw-translate-x-1/2 ${arrowTop}`,
@@ -4689,7 +4689,7 @@ const Tooltip = ({ position = 'bottom', children, text, delay = DEFAULT_TOOL_TIP
4689
4689
  };
4690
4690
  return (React.createElement("div", { className: "tw-group tw-relative tw-inline-block" },
4691
4691
  children,
4692
- React.createElement("div", { className: `tw-z-50 tw-whitespace-nowrap tw-hidden group-hover:tw-inline-block group-hover:tw-delay-[${delay}ms]
4692
+ React.createElement("div", { className: `tw-z-50 tw-whitespace-nowrap tw-hidden group-hover:tw-inline-block group-hover:tw-delay-[${delay}ms]
4693
4693
  tw-absolute tw-opacity-0 group-hover:tw-opacity-100 tw-rounded tw-bg-black tw-p-2 tw-text-xs tw-text-white ${placements[position]}` }, text)));
4694
4694
  };
4695
4695