@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/index.js CHANGED
@@ -116,12 +116,13 @@ const Icon = ({ onClick, icon, type = 'theme', extraClassNames, id, large, small
116
116
  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, }) => {
117
117
  const baseClasses = 'tw-py-1 tw-px-2.5 tw-rounded-sm focus:tw-ring-0 disabled:tw-pointer-events-none';
118
118
  const baseClassesByVariant = {
119
- 'outline': 'tw-border-solid tw-border',
120
- 'theme': 'disabled:tw-opacity-50',
121
- 'danger': 'tw-bg-sq-danger-color hover:tw-bg-sq-danger-color-hover disabled:tw-opacity-50',
122
- 'theme-light': 'disabled:tw-opacity-50',
123
- 'no-border': '',
124
- 'warning': 'tw-bg-sq-warning-color',
119
+ 'outline': 'disabled:tw-opacity-50 tw-border-solid tw-border',
120
+ 'theme': 'disabled:tw-opacity-50 tw-border-solid tw-border',
121
+ 'danger': 'tw-bg-sq-danger-color hover:tw-bg-sq-danger-color-hover disabled:tw-opacity-50 tw-border-solid tw-border ' +
122
+ 'tw-border-sq-danger-color hover:tw-border-sq-danger-color-hover',
123
+ 'theme-light': 'disabled:tw-opacity-50 tw-border-solid tw-border',
124
+ 'no-border': 'disabled:tw-opacity-50',
125
+ 'warning': 'tw-bg-sq-warning-color tw-border-solid tw-border tw-border-sq-warning-color',
125
126
  };
126
127
  const textClassesByVariantLightTheme = {
127
128
  'outline': 'tw-text-sq-text-color',
@@ -140,21 +141,24 @@ const Button = ({ onClick, label, variant = 'outline', type = 'button', size = '
140
141
  'warning': 'dark:tw-text-white',
141
142
  };
142
143
  const classesByVariantLightTheme = {
143
- 'outline': 'tw-border-sq-disabled-gray hover:tw-bg-sq-light-gray' +
144
+ 'outline': 'tw-bg-white dark:tw-bg-sq-dark-background tw-border-sq-disabled-gray hover:tw-bg-sq-light-gray' +
144
145
  ' focus:tw-bg-sq-dark-gray active:tw-bg-sq-dark-gray focus:tw-border-sq-color-dark active:tw-border-sq-color-dark',
145
- 'theme': 'tw-bg-sq-color-dark hover:tw-bg-sq-color-highlight',
146
+ 'theme': 'tw-bg-sq-color-dark hover:tw-bg-sq-color-highlight tw-border-sq-color-dark' +
147
+ ' hover:tw-border-sq-color-highlight',
146
148
  'danger': '',
147
- 'theme-light': 'tw-bg-sq-icon hover:tw-bg-sq-link',
149
+ 'theme-light': 'tw-bg-sq-icon hover:tw-bg-sq-link tw-border-sq-icon hover:tw-border-sq-link',
148
150
  'no-border': '',
149
- 'warning': 'tw-bg-sq-warning-color',
151
+ 'warning': '',
150
152
  };
151
153
  const classesByVariantDarkTheme = {
152
154
  'outline': 'dark:tw-border-sq-dark-disabled-gray dark:hover:tw-bg-sq-highlight-color-dark' +
153
155
  ' dark:focus:tw-bg-sq-dark-gray dark:active:tw-bg-sq-dark-gray dark:focus:tw-border-sq-color-dark' +
154
156
  ' dark:active:tw-border-sq-color-dark',
155
- 'theme': 'dark:tw-bg-sq-color-dark dark:hover:tw-bg-sq-color-highlight',
157
+ 'theme': 'dark:tw-bg-sq-color-dark dark:hover:tw-bg-sq-color-highlight dark:tw-border-sq-color-dark' +
158
+ ' dark:hover:tw-border-sq-color-highlight',
156
159
  'danger': '',
157
- 'theme-light': 'dark:tw-bg-sq-icon-dark dark:hover:tw-bg-sq-link-dark',
160
+ 'theme-light': 'dark:tw-bg-sq-icon-dark dark:hover:tw-bg-sq-link-dark dark:tw-border-sq-icon-dark' +
161
+ ' dark:hover:tw-border-sq-link-dark',
158
162
  'no-border': '',
159
163
  'warning': '',
160
164
  };