@seeqdev/qomponents 0.0.28 → 0.0.30
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.esm.js +7 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +7 -6
- package/dist/index.js.map +1 -1
- package/dist/styles.css +58 -22
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -153,7 +153,7 @@ const Button = ({ onClick, label, variant = 'outline', type = 'button', size = '
|
|
|
153
153
|
};
|
|
154
154
|
const classesByVariantDarkTheme = {
|
|
155
155
|
'outline': 'dark:tw-border-sq-dark-disabled-gray dark:hover:tw-bg-sq-highlight-color-dark' +
|
|
156
|
-
' dark:focus:tw-bg-sq-
|
|
156
|
+
' dark:focus:tw-bg-sq-multi-gray-dark dark:active:tw-bg-sq-multi-gray-dark dark:focus:tw-border-sq-color-dark' +
|
|
157
157
|
' dark:active:tw-border-sq-color-dark',
|
|
158
158
|
'theme': 'dark:tw-bg-sq-color-dark dark:hover:tw-bg-sq-color-highlight dark:tw-border-sq-color-dark' +
|
|
159
159
|
' dark:hover:tw-border-sq-color-highlight',
|
|
@@ -252,12 +252,13 @@ const TextField = React.forwardRef((props, ref) => {
|
|
|
252
252
|
return (React.createElement("input", { ref: setAllRefs, "data-testid": testId, name: name, id: id, type: type, value: value, className: appliedClasses, placeholder: placeholder, disabled: readonly, autoComplete: "none", onChange: handleChange, onKeyUp: onKeyUp, step: step }));
|
|
253
253
|
});
|
|
254
254
|
|
|
255
|
-
const alignment = 'tw-flex
|
|
256
|
-
const labelClasses = 'tw-ml-1.5 tw-text-sm';
|
|
255
|
+
const alignment = 'tw-flex';
|
|
256
|
+
const labelClasses = 'tw-ml-1.5 tw-text-sm tw--mt-0.5';
|
|
257
257
|
const baseClasses$2 = 'tw-border-1 tw-h-3.5 tw-w-3.5 focus:tw-ring-0 focus:tw-ring-offset-0 tw-outline-none focus:tw-outline-none' +
|
|
258
|
-
' dark:tw-bg-sq-dark-background dark:tw-border-sq-dark-text dark:
|
|
259
|
-
'
|
|
260
|
-
'
|
|
258
|
+
' dark:tw-bg-sq-dark-background dark:tw-border-sq-dark-text dark:hover:tw-bg-sq-dark-background' +
|
|
259
|
+
' checked:tw-text-white checked:tw-border-sq-text-color checked:hover:tw-border-sq-color-dark' +
|
|
260
|
+
' checked:active:tw-border-sq-color-dark checked:focus:tw-border-sq-color-dark disabled:tw-border-sq-disabled-gray' +
|
|
261
|
+
' dark:disabled:tw-border-sq-fairly-dark-gray';
|
|
261
262
|
const checkboxClasses = `tw-form-checkbox tw-rounded ${baseClasses$2}`;
|
|
262
263
|
const radioClasses = `tw-form-radio ${baseClasses$2}`;
|
|
263
264
|
/**
|