@seeqdev/qomponents 0.0.19 → 0.0.20

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.
package/dist/index.js CHANGED
@@ -198,14 +198,20 @@ const Button = ({ onClick, label, variant = 'outline', type = 'button', size = '
198
198
  };
199
199
 
200
200
  const errorClasses$2 = 'tw-border-sq-danger-color';
201
- const borderColorClasses$2 = ['tw-border-sq-disabled-gray', 'dark:tw-border-sq-dark-disabled-gray'].join(' ');
201
+ const borderColorClasses$2 = [
202
+ 'tw-border-sq-disabled-gray',
203
+ 'dark:tw-border-sq-dark-disabled-gray',
204
+ 'dark:focus:tw-border-sq-color-dark-dark',
205
+ 'dark:active:tw-border-sq-color-dark-dark',
206
+ 'focus:tw-border-sq-color-dark',
207
+ 'active:tw-border-sq-color-dark',
208
+ ].join(' ');
202
209
  const baseClasses$3 = 'tw-h-inputs tw-leading-normal tw-outline-none tw-py-1 tw-px-3' +
203
210
  ' disabled:tw-pointer-events-none' +
204
211
  ' disabled:tw-cursor-not-allowed tw-p-1 tw-border-solid tw-border tw-placeholder-gray-400' +
205
212
  ' dark:tw-placeholder-sq-dark-text-lighter specTextField';
206
- const darkTheme$1 = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text' +
207
- ' dark:focus:tw-border-sq-color-dark-dark dark:active:tw-border-sq-color-dark-dark';
208
- const lightTheme$1 = 'tw-text-sq-text-color focus:tw-border-sq-color-dark active:tw-border-sq-color-dark';
213
+ const darkTheme$1 = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text';
214
+ const lightTheme$1 = 'tw-text-sq-text-color';
209
215
  const sizeClasses = {
210
216
  sm: 'tw-text-sm',
211
217
  lg: 'tw-text-xl',
@@ -276,11 +282,17 @@ const Checkbox = (props) => {
276
282
 
277
283
  const baseClasses$1 = 'tw-leading-normal tw-outline-none tw-py-1 tw-px-3 tw-rounded-sm' +
278
284
  ' disabled:tw-cursor-not-allowed tw-p-1 tw-border-solid tw-border tw-text-sm';
279
- const darkTheme = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text' +
280
- ' dark:focus:tw-border-sq-color-dark-dark dark:active:tw-border-sq-color-dark-dark dark:tw-placeholder-sq-dark-text-lighter';
281
- const lightTheme = 'tw-text-sq-text-color focus:tw-border-sq-color-dark active:tw-border-sq-color-dark tw-placeholder-gray-400';
285
+ const darkTheme = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text ' + 'dark:tw-placeholder-sq-dark-text-lighter';
286
+ const lightTheme = 'tw-text-sq-text-color tw-placeholder-gray-400';
282
287
  const errorClasses$1 = 'tw-border-sq-danger-color';
283
- const borderColorClasses$1 = ['tw-border-sq-disabled-gray', 'dark:tw-border-sq-dark-disabled-gray'].join(' ');
288
+ const borderColorClasses$1 = [
289
+ 'tw-border-sq-disabled-gray',
290
+ 'dark:tw-border-sq-dark-disabled-gray',
291
+ 'dark:focus:tw-border-sq-color-dark-dark',
292
+ 'dark:active:tw-border-sq-color-dark-dark',
293
+ 'focus:tw-border-sq-color-dark',
294
+ 'active:tw-border-sq-color-dark',
295
+ ].join(' ');
284
296
  /**
285
297
  * TextArea.
286
298
  */