@seeqdev/qomponents 0.0.21 → 0.0.23

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 (90) hide show
  1. package/dist/FontCustom.woff +0 -0
  2. package/dist/FontCustom.woff2 +0 -0
  3. package/dist/index.esm.js +16 -12
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +16 -12
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +418 -350
  8. package/package.json +1 -1
  9. package/dist/Button/Button.js +0 -82
  10. package/dist/Button/Button.js.map +0 -1
  11. package/dist/Button/Button.stories.js +0 -77
  12. package/dist/Button/Button.stories.js.map +0 -1
  13. package/dist/Button/Button.test.js +0 -49
  14. package/dist/Button/Button.test.js.map +0 -1
  15. package/dist/Button/Button.types.js +0 -4
  16. package/dist/Button/Button.types.js.map +0 -1
  17. package/dist/Button/index.js +0 -2
  18. package/dist/Button/index.js.map +0 -1
  19. package/dist/Checkbox/Checkbox.js +0 -23
  20. package/dist/Checkbox/Checkbox.js.map +0 -1
  21. package/dist/Checkbox/Checkbox.stories.js +0 -29
  22. package/dist/Checkbox/Checkbox.stories.js.map +0 -1
  23. package/dist/Checkbox/Checkbox.test.js +0 -94
  24. package/dist/Checkbox/Checkbox.test.js.map +0 -1
  25. package/dist/Checkbox/Checkbox.types.js +0 -2
  26. package/dist/Checkbox/Checkbox.types.js.map +0 -1
  27. package/dist/Checkbox/index.js +0 -2
  28. package/dist/Checkbox/index.js.map +0 -1
  29. package/dist/Icon/Icon.js +0 -61
  30. package/dist/Icon/Icon.js.map +0 -1
  31. package/dist/Icon/Icon.stories.js +0 -40
  32. package/dist/Icon/Icon.stories.js.map +0 -1
  33. package/dist/Icon/Icon.test.js +0 -55
  34. package/dist/Icon/Icon.test.js.map +0 -1
  35. package/dist/Icon/Icon.types.js +0 -16
  36. package/dist/Icon/Icon.types.js.map +0 -1
  37. package/dist/Icon/index.js +0 -2
  38. package/dist/Icon/index.js.map +0 -1
  39. package/dist/Select/Select.js +0 -168
  40. package/dist/Select/Select.js.map +0 -1
  41. package/dist/Select/Select.stories.js +0 -72
  42. package/dist/Select/Select.stories.js.map +0 -1
  43. package/dist/Select/Select.test.js +0 -161
  44. package/dist/Select/Select.test.js.map +0 -1
  45. package/dist/Select/Select.types.js +0 -2
  46. package/dist/Select/Select.types.js.map +0 -1
  47. package/dist/Select/index.js +0 -2
  48. package/dist/Select/index.js.map +0 -1
  49. package/dist/TextArea/TextArea.js +0 -23
  50. package/dist/TextArea/TextArea.js.map +0 -1
  51. package/dist/TextArea/TextArea.stories.js +0 -39
  52. package/dist/TextArea/TextArea.stories.js.map +0 -1
  53. package/dist/TextArea/TextArea.test.js +0 -68
  54. package/dist/TextArea/TextArea.test.js.map +0 -1
  55. package/dist/TextArea/TextArea.types.js +0 -2
  56. package/dist/TextArea/TextArea.types.js.map +0 -1
  57. package/dist/TextArea/index.js +0 -2
  58. package/dist/TextArea/index.js.map +0 -1
  59. package/dist/TextField/TextField.js +0 -64
  60. package/dist/TextField/TextField.js.map +0 -1
  61. package/dist/TextField/TextField.stories.js +0 -41
  62. package/dist/TextField/TextField.stories.js.map +0 -1
  63. package/dist/TextField/TextField.test.js +0 -35
  64. package/dist/TextField/TextField.test.js.map +0 -1
  65. package/dist/TextField/TextField.types.js +0 -2
  66. package/dist/TextField/TextField.types.js.map +0 -1
  67. package/dist/TextField/index.js +0 -2
  68. package/dist/TextField/index.js.map +0 -1
  69. package/dist/Tooltip/QTip.stories.js +0 -40
  70. package/dist/Tooltip/QTip.stories.js.map +0 -1
  71. package/dist/Tooltip/QTip.types.js +0 -2
  72. package/dist/Tooltip/QTip.types.js.map +0 -1
  73. package/dist/Tooltip/QTipPerformance.stories.js +0 -30
  74. package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
  75. package/dist/Tooltip/Qtip.js +0 -146
  76. package/dist/Tooltip/Qtip.js.map +0 -1
  77. package/dist/Tooltip/Tooltip.js +0 -36
  78. package/dist/Tooltip/Tooltip.js.map +0 -1
  79. package/dist/Tooltip/Tooltip.stories.js +0 -32
  80. package/dist/Tooltip/Tooltip.stories.js.map +0 -1
  81. package/dist/Tooltip/Tooltip.types.js +0 -3
  82. package/dist/Tooltip/Tooltip.types.js.map +0 -1
  83. package/dist/Tooltip/TooltipPerformance.stories.js +0 -30
  84. package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
  85. package/dist/Tooltip/index.js +0 -3
  86. package/dist/Tooltip/index.js.map +0 -1
  87. package/dist/types.js +0 -2
  88. package/dist/types.js.map +0 -1
  89. package/dist/utils/browserId.js +0 -29
  90. package/dist/utils/browserId.js.map +0 -1
package/dist/FontCustom.woff CHANGED
Binary file
package/dist/FontCustom.woff2 CHANGED
Binary file
package/dist/index.esm.js CHANGED
@@ -96,12 +96,13 @@ const Icon = ({ onClick, icon, type = 'theme', extraClassNames, id, large, small
96
96
  const Button = ({ onClick, label, variant = 'outline', type = 'button', size = 'sm', disabled, extraClassNames, id, testId, stopPropagation = true, tooltip, tooltipOptions, iconStyle = 'text', icon, iconColor, preventBlur = false, isHtmlTooltip = false, tooltipTestId, }) => {
97
97
  const baseClasses = 'tw-py-1 tw-px-2.5 tw-rounded-sm focus:tw-ring-0 disabled:tw-pointer-events-none';
98
98
  const baseClassesByVariant = {
99
- 'outline': 'tw-border-solid tw-border',
100
- 'theme': 'disabled:tw-opacity-50',
101
- 'danger': 'tw-bg-sq-danger-color hover:tw-bg-sq-danger-color-hover disabled:tw-opacity-50',
102
- 'theme-light': 'disabled:tw-opacity-50',
103
- 'no-border': '',
104
- 'warning': 'tw-bg-sq-warning-color',
99
+ 'outline': 'disabled:tw-opacity-50 tw-border-solid tw-border',
100
+ 'theme': 'disabled:tw-opacity-50 tw-border-solid tw-border',
101
+ 'danger': 'tw-bg-sq-danger-color hover:tw-bg-sq-danger-color-hover disabled:tw-opacity-50 tw-border-solid tw-border ' +
102
+ 'tw-border-sq-danger-color hover:tw-border-sq-danger-color-hover',
103
+ 'theme-light': 'disabled:tw-opacity-50 tw-border-solid tw-border',
104
+ 'no-border': 'disabled:tw-opacity-50',
105
+ 'warning': 'tw-bg-sq-warning-color tw-border-solid tw-border tw-border-sq-warning-color',
105
106
  };
106
107
  const textClassesByVariantLightTheme = {
107
108
  'outline': 'tw-text-sq-text-color',
@@ -120,21 +121,24 @@ const Button = ({ onClick, label, variant = 'outline', type = 'button', size = '
120
121
  'warning': 'dark:tw-text-white',
121
122
  };
122
123
  const classesByVariantLightTheme = {
123
- 'outline': 'tw-border-sq-disabled-gray hover:tw-bg-sq-light-gray' +
124
+ 'outline': 'tw-bg-white dark:tw-bg-sq-dark-background tw-border-sq-disabled-gray hover:tw-bg-sq-light-gray' +
124
125
  ' focus:tw-bg-sq-dark-gray active:tw-bg-sq-dark-gray focus:tw-border-sq-color-dark active:tw-border-sq-color-dark',
125
- 'theme': 'tw-bg-sq-color-dark hover:tw-bg-sq-color-highlight',
126
+ 'theme': 'tw-bg-sq-color-dark hover:tw-bg-sq-color-highlight tw-border-sq-color-dark' +
127
+ ' hover:tw-border-sq-color-highlight',
126
128
  'danger': '',
127
- 'theme-light': 'tw-bg-sq-icon hover:tw-bg-sq-link',
129
+ 'theme-light': 'tw-bg-sq-icon hover:tw-bg-sq-link tw-border-sq-icon hover:tw-border-sq-link',
128
130
  'no-border': '',
129
- 'warning': 'tw-bg-sq-warning-color',
131
+ 'warning': '',
130
132
  };
131
133
  const classesByVariantDarkTheme = {
132
134
  'outline': 'dark:tw-border-sq-dark-disabled-gray dark:hover:tw-bg-sq-highlight-color-dark' +
133
135
  ' dark:focus:tw-bg-sq-dark-gray dark:active:tw-bg-sq-dark-gray dark:focus:tw-border-sq-color-dark' +
134
136
  ' dark:active:tw-border-sq-color-dark',
135
- 'theme': 'dark:tw-bg-sq-color-dark dark:hover:tw-bg-sq-color-highlight',
137
+ 'theme': 'dark:tw-bg-sq-color-dark dark:hover:tw-bg-sq-color-highlight dark:tw-border-sq-color-dark' +
138
+ ' dark:hover:tw-border-sq-color-highlight',
136
139
  'danger': '',
137
- 'theme-light': 'dark:tw-bg-sq-icon-dark dark:hover:tw-bg-sq-link-dark',
140
+ 'theme-light': 'dark:tw-bg-sq-icon-dark dark:hover:tw-bg-sq-link-dark dark:tw-border-sq-icon-dark' +
141
+ ' dark:hover:tw-border-sq-link-dark',
138
142
  'no-border': '',
139
143
  'warning': '',
140
144
  };