@seeqdev/qomponents 0.0.21 → 0.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.
Files changed (103) hide show
  1. package/README.md +135 -135
  2. package/dist/FontCustom.woff +0 -0
  3. package/dist/FontCustom.woff2 +0 -0
  4. package/dist/example/.eslintrc.cjs +14 -14
  5. package/dist/example/README.md +33 -33
  6. package/dist/example/index.html +13 -13
  7. package/dist/example/package.json +30 -30
  8. package/dist/example/src/ComplexSelectExample.tsx +81 -81
  9. package/dist/example/src/Example.tsx +167 -167
  10. package/dist/example/src/index.css +102 -102
  11. package/dist/example/src/main.tsx +10 -10
  12. package/dist/example/src/vite-env.d.ts +1 -1
  13. package/dist/example/tsconfig.json +33 -33
  14. package/dist/example/tsconfig.node.json +12 -12
  15. package/dist/example/vite.config.ts +12 -12
  16. package/dist/index.esm.js +6 -6
  17. package/dist/index.esm.js.map +1 -1
  18. package/dist/index.js +6 -6
  19. package/dist/index.js.map +1 -1
  20. package/dist/styles.css +2178 -2166
  21. package/package.json +78 -78
  22. package/dist/Button/Button.js +0 -82
  23. package/dist/Button/Button.js.map +0 -1
  24. package/dist/Button/Button.stories.js +0 -77
  25. package/dist/Button/Button.stories.js.map +0 -1
  26. package/dist/Button/Button.test.js +0 -49
  27. package/dist/Button/Button.test.js.map +0 -1
  28. package/dist/Button/Button.types.js +0 -4
  29. package/dist/Button/Button.types.js.map +0 -1
  30. package/dist/Button/index.js +0 -2
  31. package/dist/Button/index.js.map +0 -1
  32. package/dist/Checkbox/Checkbox.js +0 -23
  33. package/dist/Checkbox/Checkbox.js.map +0 -1
  34. package/dist/Checkbox/Checkbox.stories.js +0 -29
  35. package/dist/Checkbox/Checkbox.stories.js.map +0 -1
  36. package/dist/Checkbox/Checkbox.test.js +0 -94
  37. package/dist/Checkbox/Checkbox.test.js.map +0 -1
  38. package/dist/Checkbox/Checkbox.types.js +0 -2
  39. package/dist/Checkbox/Checkbox.types.js.map +0 -1
  40. package/dist/Checkbox/index.js +0 -2
  41. package/dist/Checkbox/index.js.map +0 -1
  42. package/dist/Icon/Icon.js +0 -61
  43. package/dist/Icon/Icon.js.map +0 -1
  44. package/dist/Icon/Icon.stories.js +0 -40
  45. package/dist/Icon/Icon.stories.js.map +0 -1
  46. package/dist/Icon/Icon.test.js +0 -55
  47. package/dist/Icon/Icon.test.js.map +0 -1
  48. package/dist/Icon/Icon.types.js +0 -16
  49. package/dist/Icon/Icon.types.js.map +0 -1
  50. package/dist/Icon/index.js +0 -2
  51. package/dist/Icon/index.js.map +0 -1
  52. package/dist/Select/Select.js +0 -168
  53. package/dist/Select/Select.js.map +0 -1
  54. package/dist/Select/Select.stories.js +0 -72
  55. package/dist/Select/Select.stories.js.map +0 -1
  56. package/dist/Select/Select.test.js +0 -161
  57. package/dist/Select/Select.test.js.map +0 -1
  58. package/dist/Select/Select.types.js +0 -2
  59. package/dist/Select/Select.types.js.map +0 -1
  60. package/dist/Select/index.js +0 -2
  61. package/dist/Select/index.js.map +0 -1
  62. package/dist/TextArea/TextArea.js +0 -23
  63. package/dist/TextArea/TextArea.js.map +0 -1
  64. package/dist/TextArea/TextArea.stories.js +0 -39
  65. package/dist/TextArea/TextArea.stories.js.map +0 -1
  66. package/dist/TextArea/TextArea.test.js +0 -68
  67. package/dist/TextArea/TextArea.test.js.map +0 -1
  68. package/dist/TextArea/TextArea.types.js +0 -2
  69. package/dist/TextArea/TextArea.types.js.map +0 -1
  70. package/dist/TextArea/index.js +0 -2
  71. package/dist/TextArea/index.js.map +0 -1
  72. package/dist/TextField/TextField.js +0 -64
  73. package/dist/TextField/TextField.js.map +0 -1
  74. package/dist/TextField/TextField.stories.js +0 -41
  75. package/dist/TextField/TextField.stories.js.map +0 -1
  76. package/dist/TextField/TextField.test.js +0 -35
  77. package/dist/TextField/TextField.test.js.map +0 -1
  78. package/dist/TextField/TextField.types.js +0 -2
  79. package/dist/TextField/TextField.types.js.map +0 -1
  80. package/dist/TextField/index.js +0 -2
  81. package/dist/TextField/index.js.map +0 -1
  82. package/dist/Tooltip/QTip.stories.js +0 -40
  83. package/dist/Tooltip/QTip.stories.js.map +0 -1
  84. package/dist/Tooltip/QTip.types.js +0 -2
  85. package/dist/Tooltip/QTip.types.js.map +0 -1
  86. package/dist/Tooltip/QTipPerformance.stories.js +0 -30
  87. package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
  88. package/dist/Tooltip/Qtip.js +0 -146
  89. package/dist/Tooltip/Qtip.js.map +0 -1
  90. package/dist/Tooltip/Tooltip.js +0 -36
  91. package/dist/Tooltip/Tooltip.js.map +0 -1
  92. package/dist/Tooltip/Tooltip.stories.js +0 -32
  93. package/dist/Tooltip/Tooltip.stories.js.map +0 -1
  94. package/dist/Tooltip/Tooltip.types.js +0 -3
  95. package/dist/Tooltip/Tooltip.types.js.map +0 -1
  96. package/dist/Tooltip/TooltipPerformance.stories.js +0 -30
  97. package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
  98. package/dist/Tooltip/index.js +0 -3
  99. package/dist/Tooltip/index.js.map +0 -1
  100. package/dist/types.js +0 -2
  101. package/dist/types.js.map +0 -1
  102. package/dist/utils/browserId.js +0 -29
  103. package/dist/utils/browserId.js.map +0 -1
package/dist/index.js CHANGED
@@ -94,7 +94,7 @@ const Icon = ({ onClick, icon, type = 'theme', extraClassNames, id, large, small
94
94
  }
95
95
  const iconPrefix = icon.startsWith('fc') ? 'fc' : 'fa';
96
96
  const style = type === 'color' && color ? { color } : {};
97
- const appliedClassNames = `${iconPrefix} ${icon} ${small ? 'fa-sm' : ''} ${large ? 'fa-lg' : ''}
97
+ const appliedClassNames = `${iconPrefix} ${icon} ${small ? 'fa-sm' : ''} ${large ? 'fa-lg' : ''}
98
98
  ${colorClassesThemeLight[type]} ${colorClassesThemeDark[type]} ${onClick ? 'cursor-pointer' : ''} ${extraClassNames}`;
99
99
  const tooltipData = tooltip
100
100
  ? {
@@ -304,13 +304,13 @@ const Tooltip = ({ position = 'bottom', children, text, delay = DEFAULT_TOOL_TIP
304
304
  const arrowBaseClasses = "before:tw-content-[''] before:tw-absolute before:tw-border-8";
305
305
  const centerArrowVertically = 'before:tw-top-1/2 before:-tw-translate-y-1/2';
306
306
  const centerArrowHorizontally = 'before:tw-left-1/2 before:-tw-translate-x-1/2';
307
- const arrowRight = `${arrowBaseClasses} ${centerArrowVertically} before:tw-right-[100%] before:tw-border-y-transparent
307
+ const arrowRight = `${arrowBaseClasses} ${centerArrowVertically} before:tw-right-[100%] before:tw-border-y-transparent
308
308
  before:tw-border-l-transparent before:tw-border-r-black`;
309
- const arrowLeft = `${arrowBaseClasses} ${centerArrowVertically} before:tw-left-[100%] before:tw-border-y-transparent
309
+ const arrowLeft = `${arrowBaseClasses} ${centerArrowVertically} before:tw-left-[100%] before:tw-border-y-transparent
310
310
  before:tw-border-l-black before:tw-border-r-transparent`;
311
- const arrowBottom = `${arrowBaseClasses} ${centerArrowHorizontally} before:-tw-top-4 before:tw-border-b-black
311
+ const arrowBottom = `${arrowBaseClasses} ${centerArrowHorizontally} before:-tw-top-4 before:tw-border-b-black
312
312
  before:tw-border-r-transparent before:tw-border-l-transparent before:tw-border-t-transparent`;
313
- const arrowTop = `${arrowBaseClasses} ${centerArrowHorizontally} before:-tw-bottom-4 before:tw-border-b-transparent
313
+ const arrowTop = `${arrowBaseClasses} ${centerArrowHorizontally} before:-tw-bottom-4 before:tw-border-b-transparent
314
314
  before:tw-border-t-black before:tw-border-l-transparent before:tw-border-r-transparent`;
315
315
  const placements = {
316
316
  top: `-tw-top-2 -tw-translate-y-full tw-left-1/2 -tw-translate-x-1/2 ${arrowTop}`,
@@ -320,7 +320,7 @@ const Tooltip = ({ position = 'bottom', children, text, delay = DEFAULT_TOOL_TIP
320
320
  };
321
321
  return (React.createElement("div", { className: "tw-group tw-relative tw-inline-block" },
322
322
  children,
323
- React.createElement("div", { className: `tw-z-50 tw-whitespace-nowrap tw-hidden group-hover:tw-inline-block group-hover:tw-delay-[${delay}ms]
323
+ React.createElement("div", { className: `tw-z-50 tw-whitespace-nowrap tw-hidden group-hover:tw-inline-block group-hover:tw-delay-[${delay}ms]
324
324
  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)));
325
325
  };
326
326