@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.esm.js
CHANGED
|
@@ -133,7 +133,7 @@ const Button = ({ onClick, label, variant = 'outline', type = 'button', size = '
|
|
|
133
133
|
};
|
|
134
134
|
const classesByVariantDarkTheme = {
|
|
135
135
|
'outline': 'dark:tw-border-sq-dark-disabled-gray dark:hover:tw-bg-sq-highlight-color-dark' +
|
|
136
|
-
' dark:focus:tw-bg-sq-
|
|
136
|
+
' dark:focus:tw-bg-sq-multi-gray-dark dark:active:tw-bg-sq-multi-gray-dark dark:focus:tw-border-sq-color-dark' +
|
|
137
137
|
' dark:active:tw-border-sq-color-dark',
|
|
138
138
|
'theme': 'dark:tw-bg-sq-color-dark dark:hover:tw-bg-sq-color-highlight dark:tw-border-sq-color-dark' +
|
|
139
139
|
' dark:hover:tw-border-sq-color-highlight',
|
|
@@ -232,12 +232,13 @@ const TextField = React__default.forwardRef((props, ref) => {
|
|
|
232
232
|
return (React__default.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 }));
|
|
233
233
|
});
|
|
234
234
|
|
|
235
|
-
const alignment = 'tw-flex
|
|
236
|
-
const labelClasses = 'tw-ml-1.5 tw-text-sm';
|
|
235
|
+
const alignment = 'tw-flex';
|
|
236
|
+
const labelClasses = 'tw-ml-1.5 tw-text-sm tw--mt-0.5';
|
|
237
237
|
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' +
|
|
238
|
-
' dark:tw-bg-sq-dark-background dark:tw-border-sq-dark-text dark:
|
|
239
|
-
'
|
|
240
|
-
'
|
|
238
|
+
' dark:tw-bg-sq-dark-background dark:tw-border-sq-dark-text dark:hover:tw-bg-sq-dark-background' +
|
|
239
|
+
' checked:tw-text-white checked:tw-border-sq-text-color checked:hover:tw-border-sq-color-dark' +
|
|
240
|
+
' checked:active:tw-border-sq-color-dark checked:focus:tw-border-sq-color-dark disabled:tw-border-sq-disabled-gray' +
|
|
241
|
+
' dark:disabled:tw-border-sq-fairly-dark-gray';
|
|
241
242
|
const checkboxClasses = `tw-form-checkbox tw-rounded ${baseClasses$2}`;
|
|
242
243
|
const radioClasses = `tw-form-radio ${baseClasses$2}`;
|
|
243
244
|
/**
|