@aivenio/aquarium 1.23.0 → 1.25.0

package/dist/src/molecules/Typography/Typography.js

@@ -16,12 +16,14 @@ Typography.LargeHeading = (_a) => {
     var { htmlTag = 'h1' } = _a, props = __rest(_a, ["htmlTag"]);
     return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-heading" })));
 };
-// NOTE: We are using `LegacyProps` instead of `Props` for some of the variants that
-// were already used in legacy variants. We'll ignore the `fontWeight` prop on purpose
-// so we don't create a breaking change on API level.
-//
-// Once we can get rid of legacy variants, we should update these variants to use
-// `Props` instead of `LegacyProps`-
+/*
+ * NOTE: We are using `LegacyProps` instead of `Props` for some of the variants that
+ * were already used in legacy variants. We'll ignore the `fontWeight` prop on purpose
+ * so we don't create a breaking change on API level.
+ *
+ * Once we can get rid of legacy variants, we should update these variants to use
+ * `Props` instead of `LegacyProps`-
+ */
 Typography.Heading = (_a) => {
     var { htmlTag = 'h1', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
     return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "heading" })));
@@ -63,9 +65,7 @@ Typography.Caption = (_a) => {
     var { htmlTag = 'div', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
     return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "caption" })));
 };
-//
 // Legacy variants
-//
 Typography.LargeText = (_a) => {
     var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
     return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-strong" })));
@@ -86,4 +86,4 @@ Typography.SmallTextBold = (_a) => {
     var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
     return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small-strong" })));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxJQUFJLGNBQWMsRUFBd0IsTUFBTSxpQ0FBaUMsQ0FBQztBQW1EckcsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUF3RCxDQUFDLEtBQXNCLEVBQUUsRUFBRSxDQUFDLENBQ3pHLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxFQUFJLENBQzlCLENBQUM7QUFFRixVQUFVLENBQUMsWUFBWSxHQUFHLENBQUMsRUFBbUMsRUFBRSxFQUFFO1FBQXZDLEVBQUUsT0FBTyxHQUFHLElBQUksT0FBbUIsRUFBZCxLQUFLLGNBQTFCLFdBQTRCLENBQUY7SUFBYyxPQUFBLENBQ2pFLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxJQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLGVBQWUsSUFBRyxDQUN4RSxDQUFBO0NBQUEsQ0FBQztBQUVGLG9GQUFvRjtBQUNwRixzRkFBc0Y7QUFDdEYscURBQXFEO0FBQ3JELEVBQUU7QUFDRixpRkFBaUY7QUFDakYsb0NBQW9DO0FBQ3BDLFVBQVUsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFxRCxFQUFFLEVBQUU7UUFBekQsRUFBRSxPQUFPLEdBQUcsSUFBSSxFQUFFLFVBQVUsT0FBeUIsRUFBcEIsS0FBSyxjQUF0Qyx5QkFBd0MsQ0FBRjtJQUFvQixPQUFBLENBQzlFLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxJQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLFNBQVMsSUFBRyxDQUNsRSxDQUFBO0NBQUEsQ0FBQztBQUVGLFVBQVUsQ0FBQyxVQUFVLEdBQUcsQ0FBQyxFQUFxRCxFQUFFLEVBQUU7UUFBekQsRUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxJQUFJLGNBQWMsRUFBd0IsTUFBTSxpQ0FBaUMsQ0FBQztBQXVEckcsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUF3RCxDQUFDLEtBQXNCLEVBQUUsRUFBRSxDQUFDLENBQ3pHLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxFQUFJLENBQzlCLENBQUM7QUFFRixVQUFVLENBQUMsWUFBWSxHQUFHLENBQUMsRUFBbUMsRUFBRSxFQUFFO1FBQXZDLEVBQUUsT0FBTyxHQUFHLElBQUksT0FBbUIsRUFBZCxLQUFLLGNBQTFCLFdBQTRCLENBQUY7SUFBYyxPQUFBLENBQ2pFLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxJQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLGVBQWUsSUFBRyxDQUN4RSxDQUFBO0NBQUEsQ0FBQztBQUVGOzs7Ozs7O0dBT0c7QUFDSCxVQUFVLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxVQUFVLE9BQXlCLEVBQXBCLEtBQUssY0FBdEMseUJBQXdDLENBQUY7SUFBb0IsT0FBQSxDQUM5RSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxTQUFTLElBQUcsQ0FDbEUsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsVUFBVSxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxVQUFVLE9BQXlCLEVBQXBCLEtBQUssY0FBdEMseUJBQXdDLENB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

package/dist/src/molecules/index.d.ts

@@ -71,10 +71,10 @@ export * from '../utils/table/useScrollTarget';
 export * from '../utils/table/useTableSelect';
 export * from '../utils/table/useTableSort';
 export * from './Pagination/usePagination';
-export declare const SelectItem: import("react").ForwardRefExoticComponent<{
+export declare const SelectItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLLIElement> & {
     key: string;
     value: string;
     highlighted: boolean;
     selected: boolean;
     disabled?: boolean | undefined;
-} & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+} & import("react").RefAttributes<HTMLLIElement>>;

package/dist/src/system.js

@@ -1,10 +1,14 @@
 import tokensJson from '../tokens.json';
 import { theme } from '../src/js/resolveTheme.js';
 import * as molecules from './molecules';
-// The main entrypoint for building CSS
-// import 'src/main.css';
-// This type check is important to verify that tokens.json is matching
-// the expected type
+/*
+ * The main entrypoint for building CSS
+ * import 'src/main.css';
+ */
+/*
+ * This type check is important to verify that tokens.json is matching
+ * the expected type
+ */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const typeCheckedTokensJson = tokensJson;
 export * from './molecules';
@@ -16,4 +20,4 @@ export * from './utils/form/Label/Label';
 export * from './utils/positioner';
 export { theme };
 export default Object.assign(Object.assign({}, molecules), { theme });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3lzdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3N5c3RlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFVBQVUsTUFBTSxhQUFhLENBQUM7QUFFckMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRy9DLE9BQU8sS0FBSyxTQUFTLE1BQU0sYUFBYSxDQUFDO0FBQ3pDLHVDQUF1QztBQUN2Qyx5QkFBeUI7QUFFekIsc0VBQXNFO0FBQ3RFLG9CQUFvQjtBQUNwQiw2REFBNkQ7QUFDN0QsTUFBTSxxQkFBcUIsR0FBRyxVQUFvQixDQUFDO0FBRW5ELGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLG9CQUFvQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQztBQUVqQixlQUFlLGdDQUNWLFNBQVMsS0FDWixLQUFLLEdBQ2lDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3lzdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3N5c3RlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFVBQVUsTUFBTSxhQUFhLENBQUM7QUFFckMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRy9DLE9BQU8sS0FBSyxTQUFTLE1BQU0sYUFBYSxDQUFDO0FBQ3pDOzs7R0FHRztBQUVIOzs7R0FHRztBQUNILDZEQUE2RDtBQUM3RCxNQUFNLHFCQUFxQixHQUFHLFVBQW9CLENBQUM7QUFFbkQsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsb0JBQW9CLENBQUM7QUFFbkMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO0FBRWpCLGVBQWUsZ0NBQ1YsU0FBUyxLQUNaLEtBQUssR0FDaUMsQ0FBQyJ9

package/dist/src/utils/form/FormControl/FormControl.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Flexbox } from '../../../../src/molecules';
 export const FormControl = ({ className, inline, children }) => {
-    return (React.createElement(Flexbox, { direction: 'column', display: inline ? 'inline-flex' : 'flex', className: className }, children));
+    return (React.createElement(Flexbox, { direction: "column", display: inline ? 'inline-flex' : 'flex', className: className }, children));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9Gb3JtQ29udHJvbC9Gb3JtQ29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPeEMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFvQixDQUFDLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzlFLE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsU0FBUyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxJQUN6RixRQUFRLENBQ0QsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9Gb3JtQ29udHJvbC9Gb3JtQ29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPeEMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFvQixDQUFDLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzlFLE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsU0FBUyxFQUFDLFFBQVEsRUFBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxJQUN2RixRQUFRLENBQ0QsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/src/utils/form/HelperText/HelperText.js

@@ -11,11 +11,11 @@ export const HelperText = ({ messageId, error = false, helperText, length, maxLe
     if (!showMessage) {
         return reserveSpaceForError ? React.createElement("p", { className: tw('block mt-1 mb-3 typography-caption') }, "\u00A0") : null;
     }
-    return (React.createElement(Grid, { cols: '1', rows: '1', colGap: '3', alignItems: 'start', autoCols: 'min', className: tw('mt-1 mb-3') },
-        React.createElement(GridItem, { colStart: '1', colEnd: '2' }, hasError && (React.createElement("p", { id: messageId, className: tw('text-error-50 block typography-caption') }, helperText))),
-        React.createElement(GridItem, { colStart: '2', colEnd: '3', display: "flex" }, isNumber(length) && hasMaxLength && React.createElement(CharCounter, { length: length, maxLength: maxLength, valid: !error }))));
+    return (React.createElement(Grid, { cols: "1", rows: "1", colGap: "3", alignItems: "start", autoCols: "min", className: tw('mt-1 mb-3') },
+        React.createElement(GridItem, { colStart: "1", colEnd: "2" }, hasError && (React.createElement("p", { id: messageId, className: tw('text-error-50 block typography-caption') }, helperText))),
+        React.createElement(GridItem, { colStart: "2", colEnd: "3", display: "flex" }, isNumber(length) && hasMaxLength && React.createElement(CharCounter, { length: length, maxLength: maxLength, valid: !error }))));
 };
 const Skeleton = ({ className, children }) => (React.createElement("div", { className: classNames(className, 'h-[25px]') }, children));
 HelperText.Skeleton = Skeleton;
 HelperText.Skeleton.displayName = 'HelperText.Skeleton';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVscGVyVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91dGlscy9mb3JtL0hlbHBlclRleHQvSGVscGVyVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDckUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBdUN4QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQThELENBQUMsRUFDcEYsU0FBUyxFQUNULEtBQUssR0FBRyxLQUFLLEVBQ2IsVUFBVSxFQUNWLE1BQU0sRUFDTixTQUFTLEVBQ1Qsb0JBQW9CLEdBQUcsSUFBSSxHQUM1QixFQUFFLEVBQUU7SUFDSCxNQUFNLFFBQVEsR0FBRyxLQUFLLElBQUksVUFBVSxDQUFDO0lBQ3JDLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUMsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFDO0lBQzFELE1BQU0sV0FBVyxHQUFHLFFBQVEsSUFBSSxZQUFZLENBQUM7SUFFN0MsSUFBSSxDQUFDLFdBQVcsRUFBRTtRQUNoQixPQUFPLG9CQUFvQixDQUFDLENBQUMsQ0FBQywyQkFBRyxTQUFTLEVBQUUsRUFBRSxDQUFDLG9DQUFvQyxDQUFDLGFBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0tBQ3pHO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxXQUFXLENBQUM7UUFDdkcsb0JBQUMsUUFBUSxJQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFDakMsUUFBUSxJQUFJLENBQ1gsMkJBQUcsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHdDQUF3QyxDQUFDLElBQ3RFLFVBQVUsQ0FDVCxDQUNMLENBQ1E7UUFDWCxvQkFBQyxRQUFRLElBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBQyxNQUFNLElBRWpELFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxZQUFZLElBQUksb0JBQUMsV0FBVyxJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxLQUFLLEdBQUksQ0FDaEcsQ0FDTixDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBcUMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDOUUsNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUcsUUFBUSxDQUFPLENBQ3BFLENBQUM7QUFFRixVQUFVLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztBQUMvQixVQUFVLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVscGVyVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91dGlscy9mb3JtL0hlbHBlclRleHQvSGVscGVyVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDckUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBdUN4QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQThELENBQUMsRUFDcEYsU0FBUyxFQUNULEtBQUssR0FBRyxLQUFLLEVBQ2IsVUFBVSxFQUNWLE1BQU0sRUFDTixTQUFTLEVBQ1Qsb0JBQW9CLEdBQUcsSUFBSSxHQUM1QixFQUFFLEVBQUU7SUFDSCxNQUFNLFFBQVEsR0FBRyxLQUFLLElBQUksVUFBVSxDQUFDO0lBQ3JDLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUMsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFDO0lBQzFELE1BQU0sV0FBVyxHQUFHLFFBQVEsSUFBSSxZQUFZLENBQUM7SUFFN0MsSUFBSSxDQUFDLFdBQVcsRUFBRTtRQUNoQixPQUFPLG9CQUFvQixDQUFDLENBQUMsQ0FBQywyQkFBRyxTQUFTLEVBQUUsRUFBRSxDQUFDLG9DQUFvQyxDQUFDLGFBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0tBQ3pHO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsR0FBRyxFQUFDLElBQUksRUFBQyxHQUFHLEVBQUMsTUFBTSxFQUFDLEdBQUcsRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLFFBQVEsRUFBQyxLQUFLLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxXQUFXLENBQUM7UUFDN0Ysb0JBQUMsUUFBUSxJQUFDLFFBQVEsRUFBQyxHQUFHLEVBQUMsTUFBTSxFQUFDLEdBQUcsSUFDOUIsUUFBUSxJQUFJLENBQ1gsMkJBQUcsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHdDQUF3QyxDQUFDLElBQ3RFLFVBQVUsQ0FDVCxDQUNMLENBQ1E7UUFDWCxvQkFBQyxRQUFRLElBQUMsUUFBUSxFQUFDLEdBQUcsRUFBQyxNQUFNLEVBQUMsR0FBRyxFQUFDLE9BQU8sRUFBQyxNQUFNLElBRTdDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxZQUFZLElBQUksb0JBQUMsV0FBVyxJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxLQUFLLEdBQUksQ0FDaEcsQ0FDTixDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBcUMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDOUUsNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUcsUUFBUSxDQUFPLENBQ3BFLENBQUM7QUFFRixVQUFVLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztBQUMvQixVQUFVLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQyJ9

package/dist/src/utils/form/InputAdornment/InputAdornment.js

@@ -12,10 +12,10 @@ export const InputAdornment = ({ placement = 'right', className, dense, children
             'typography-small': dense,
             'typography-default-strong': !dense,
         }) },
-        React.createElement(Flexbox, { gap: '3', wrap: 'wrap' }, children)));
+        React.createElement(Flexbox, { gap: "3", wrap: "wrap" }, children)));
 };
-export const ValidIcon = ({ onClick }) => (React.createElement(Icon, { icon: tickIcon, color: 'success-50', "data-testid": 'icon-valid', onClick: onClick }));
-export const ErrorIcon = ({ onClick }) => (React.createElement(Icon, { icon: errorIcon, color: 'error-70', "data-testid": 'icon-invalid', onClick: onClick }));
-export const SearchIcon = ({ onClick }) => (React.createElement(Icon, { icon: searchIcon, color: 'grey-30', "data-testid": 'icon-search', onClick: onClick }));
-export const ResetIcon = ({ onClick }) => (React.createElement(Icon, { className: "hover:cursor-pointer", icon: crossIcon, color: 'grey-30', "data-testid": 'icon-reset', onClick: onClick }));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRBZG9ybm1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9JbnB1dEFkb3JubWVudC9JbnB1dEFkb3JubWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFaEQsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0sa0JBQWtCLENBQUM7QUFDMUMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUFRdEMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUE2QixDQUFDLEVBQUUsU0FBUyxHQUFHLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDOUcsT0FBTyxDQUNMLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxFQUFFLCtEQUErRCxFQUFFO1lBQ2hHLFNBQVMsRUFBRSxTQUFTLEtBQUssT0FBTztZQUNoQyxRQUFRLEVBQUUsU0FBUyxLQUFLLE1BQU07WUFDOUIsa0JBQWtCLEVBQUUsS0FBSztZQUN6QiwyQkFBMkIsRUFBRSxDQUFDLEtBQUs7U0FDcEMsQ0FBQztRQUVGLG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxNQUFNLElBQzVCLFFBQVEsQ0FDRCxDQUNMLENBQ1IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUlGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsWUFBWSxpQkFBZSxZQUFZLEVBQUUsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUMzRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFvQixDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3pELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLGlCQUFlLGNBQWMsRUFBRSxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQzVGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQW9CLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDMUQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFNBQVMsaUJBQWUsYUFBYSxFQUFFLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDM0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQ0gsU0FBUyxFQUFDLHNCQUFzQixFQUNoQyxJQUFJLEVBQUUsU0FBUyxFQUNmLEtBQUssRUFBRSxTQUFTLGlCQUNILFlBQVksRUFDekIsT0FBTyxFQUFFLE9BQU8sR0FDaEIsQ0FDSCxDQUFDIn0=
+export const ValidIcon = ({ onClick }) => (React.createElement(Icon, { icon: tickIcon, color: "success-50", "data-testid": "icon-valid", onClick: onClick }));
+export const ErrorIcon = ({ onClick }) => (React.createElement(Icon, { icon: errorIcon, color: "error-70", "data-testid": "icon-invalid", onClick: onClick }));
+export const SearchIcon = ({ onClick }) => (React.createElement(Icon, { icon: searchIcon, color: "grey-30", "data-testid": "icon-search", onClick: onClick }));
+export const ResetIcon = ({ onClick }) => (React.createElement(Icon, { className: "hover:cursor-pointer", icon: crossIcon, color: "grey-30", "data-testid": "icon-reset", onClick: onClick }));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRBZG9ybm1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9JbnB1dEFkb3JubWVudC9JbnB1dEFkb3JubWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFaEQsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0sa0JBQWtCLENBQUM7QUFDMUMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUFRdEMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUE2QixDQUFDLEVBQUUsU0FBUyxHQUFHLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDOUcsT0FBTyxDQUNMLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxFQUFFLCtEQUErRCxFQUFFO1lBQ2hHLFNBQVMsRUFBRSxTQUFTLEtBQUssT0FBTztZQUNoQyxRQUFRLEVBQUUsU0FBUyxLQUFLLE1BQU07WUFDOUIsa0JBQWtCLEVBQUUsS0FBSztZQUN6QiwyQkFBMkIsRUFBRSxDQUFDLEtBQUs7U0FDcEMsQ0FBQztRQUVGLG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRyxFQUFDLElBQUksRUFBQyxNQUFNLElBQ3pCLFFBQVEsQ0FDRCxDQUNMLENBQ1IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUlGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUMsWUFBWSxpQkFBYSxZQUFZLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN2RixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFvQixDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3pELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxVQUFVLGlCQUFhLGNBQWMsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3hGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQW9CLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDMUQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFDLFNBQVMsaUJBQWEsYUFBYSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdkYsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLHNCQUFzQixFQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLFNBQVMsaUJBQWEsWUFBWSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdEgsQ0FBQyJ9

package/dist/src/utils/form/Label/Label.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type PopoverPlacement } from '../../../../src/molecules/Popover/Popover';
 import { type HelperTextProps } from '../../../../src/utils/form/HelperText/HelperText';
-declare type LabelVariant = 'default' | 'error' | 'disabled';
+declare type LabelVariant = 'default' | 'disabled' | 'error';
 export declare type LabelProps = {
     /**
      * Optional label text.
@@ -29,7 +29,7 @@ export declare type LabelProps = {
     /**
      * Optional help tooltip content. If provided, tooltip will be attached to the label.
      */
-    'helpTooltip'?: string | React.ReactNode;
+    'helpTooltip'?: React.ReactNode | string;
     /**
      * Optional placement suggestion for the help tooltip.
      */
@@ -48,7 +48,7 @@ export declare const Label: React.FC<LabelProps> & {
     Skeleton: typeof LabelSkeleton;
 };
 declare const LabelSkeleton: React.FC;
-export declare type LabelControlProps = Omit<LabelProps, 'variant'> & Omit<HelperTextProps, 'error'> & {
+export declare type LabelControlProps = Omit<HelperTextProps, 'error'> & Omit<LabelProps, 'variant'> & {
     /**
      * If true, label control will be rendered using <fieldset> and <legend>.
      */

package/dist/src/utils/form/Label/Label.js

@@ -26,7 +26,7 @@ const LabelText = ({ variant = 'default', labelText, required, helpTooltip, help
         required && React.createElement("span", { className: tw('text-error-50') }, "*"),
         helpTooltip && (React.createElement(Tooltip, { content: helpTooltip, placement: helpTooltipPlacement },
             React.createElement("span", { tabIndex: 0, className: tw('text-grey-40 flex items-center cursor-pointer ml-2') },
-                React.createElement(InlineIcon, { icon: questionMark, "data-testid": 'icon-info' }))))));
+                React.createElement(InlineIcon, { icon: questionMark, "data-testid": "icon-info" }))))));
 };
 export const Label = (props) => {
     const { id, htmlFor, labelText } = props, _a = props["labelProps"], _b = _a === void 0 ? {} : _a, labelProps = __rest(_b, []), { 'data-testid': dataTestid, children } = props;
@@ -46,14 +46,16 @@ export const LabelControl = (_a) => {
     fieldset = false, children, 
     // LabelProps
     valid, disabled, className } = _a, rest = __rest(_a, ["messageId", "error", "helperText", "length", "maxLength", "reserveSpaceForError", "fieldset", "children", "valid", "disabled", "className"]);
-    // For backwards compatibility we'll support two ways to provide error
-    // message; using either `helperText` or `error` props.
-    //
-    // We'll use the following logic for the variant:
-    // - helperText !== undefined AND valid = false => 'error'
-    // - helperText !== undefined AND valid = undefined => 'default'
-    // - error !== undefined AND valid = false => 'error'
-    // - error !== undefined AND valid != false => 'default'
+    /*
+     * For backwards compatibility we'll support two ways to provide error
+     * message; using either `helperText` or `error` props.
+     *
+     * We'll use the following logic for the variant:
+     * - helperText !== undefined AND valid = false => 'error'
+     * - helperText !== undefined AND valid = undefined => 'default'
+     * - error !== undefined AND valid = false => 'error'
+     * - error !== undefined AND valid != false => 'default'
+     */
     const legacyError = error !== undefined && valid === false;
     const variant = !valid || legacyError ? 'error' : disabled ? 'disabled' : 'default';
     return (React.createElement(FormControl, { className: className },
@@ -86,4 +88,4 @@ export const getLabelControlProps = (_a) => {
         'data-testid': dataTestId,
     });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQXVEbEQsTUFBTSxTQUFTLEdBQXlCLENBQUMsRUFDdkMsT0FBTyxHQUFHLFNBQVMsRUFDbkIsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsb0JBQW9CLEdBQ3JCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHVEQUF1RCxFQUFFO1lBQ3JFLGNBQWMsRUFBRSxPQUFPLEtBQUssU0FBUztZQUNyQyxlQUFlLEVBQUUsT0FBTyxLQUFLLE9BQU87WUFDcEMsY0FBYyxFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3ZDLENBQUM7UUFFRCxTQUFTO1FBQ1QsUUFBUSxJQUFJLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLFFBQVU7UUFDMUQsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG9CQUFvQjtZQUM1RCw4QkFBTSxRQUFRLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsb0RBQW9ELENBQUM7Z0JB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQXVEbEQsTUFBTSxTQUFTLEdBQXlCLENBQUMsRUFDdkMsT0FBTyxHQUFHLFNBQVMsRUFDbkIsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsb0JBQW9CLEdBQ3JCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHVEQUF1RCxFQUFFO1lBQ3JFLGNBQWMsRUFBRSxPQUFPLEtBQUssU0FBUztZQUNyQyxlQUFlLEVBQUUsT0FBTyxLQUFLLE9BQU87WUFDcEMsY0FBYyxFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3ZDLENBQUM7UUFFRCxTQUFTO1FBQ1QsUUFBUSxJQUFJLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLFFBQVU7UUFDMUQsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG9CQUFvQjtZQUM1RCw4QkFBTSxRQUFRLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsb0RBQW9ELENBQUM7Z0JB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

package/dist/src/utils/object.d.ts

@@ -1,4 +1,4 @@
-declare type Renamed<T, O extends keyof T, N extends string> = Record<N, T[O]> & Omit<T, O>;
+declare type Renamed<T, O extends keyof T, N extends string> = Omit<T, O> & Record<N, T[O]>;
 export declare const renameProperty: <T extends Record<string, unknown>, O extends keyof T, N extends string>(oldProp: O, newProp: N, { [oldProp]: oldValue, ...rest }: T) => Renamed<T, O, N>;
 export declare const isObjectWithUnknownProperties: (a: unknown) => a is Record<PropertyKey, unknown>;
 export {};

package/dist/src/utils/positioner.d.ts

@@ -1,4 +1,4 @@
-export declare type UnknownRect = DOMRect | ClientRect;
+export declare type UnknownRect = ClientRect | DOMRect;
 export declare enum PositionerPlacement {
     top = "top",
     left = "left",

package/dist/src/utils/table/types.d.ts

@@ -5,13 +5,13 @@ import { type Weight } from '../../../src/molecules/Template/Template';
 import { type ActionType } from '../../../types/ActionType';
 import { type AllOrNone, type RequireAtLeastOne } from '../../../types/utils';
 import type React from 'react';
-export declare type TextAlign = 'left' | 'center' | 'right';
+export declare type TextAlign = 'center' | 'left' | 'right';
 export declare type SortDirection = AriaAttributes['aria-sort'];
 export declare type Column = {
     /**
      * Type of the column.
      */
-    type: 'text' | 'number' | 'action' | 'custom' | 'status' | 'item';
+    type: 'action' | 'custom' | 'item' | 'number' | 'status' | 'text';
     /**
      * Display name for the column.
      */
@@ -37,7 +37,7 @@ declare type Sortable = {
      */
     sortable?: boolean;
 };
-export declare type FieldColumn<R, K extends keyof R = keyof R> = K extends keyof R ? {
+export declare type FieldColumn<R, K extends keyof R = keyof R> = K extends keyof R ? CustomSortable<R> & Sortable & {
     /**
      * Name of the property field that this column represents in the data rows.
      */
@@ -47,7 +47,7 @@ export declare type FieldColumn<R, K extends keyof R = keyof R> = K extends keyo
      * Sorting will still be based on the unformatted value.
      */
     formatter?: Formatter<R, K>;
-} & Sortable & CustomSortable<R> : never;
+} : never;
 export declare type TextColumn<R> = FieldColumn<R> & {
     /**
      * Type of the column.
@@ -108,14 +108,14 @@ declare type StatusColumn<R> = Column & CustomSortable<R> & {
      */
     status: (row: R, index: number, rows: R[]) => {
         status: ChipStatus;
-        text: string | number;
+        text: number | string;
     };
 };
 declare type ListColumn = Column & {
     /**
      * Width of the column. Number for pixels and string for percentages
      */
-    width?: number | Weight;
+    width?: Weight | number;
 };
 declare type TableColumn = Column & {
     /**
@@ -125,13 +125,13 @@ declare type TableColumn = Column & {
 };
 export declare type DataListColumn<R extends DataTableRow> = DataColumn<R, ListColumn>;
 export declare type DataTableColumn<R extends DataTableRow> = DataColumn<R, TableColumn>;
-declare type DataColumn<R extends DataTableRow, C extends Column> = C & (TextColumn<R> | CustomColumn<R> | StatusColumn<R> | NumberColumn<R> | ActionColumn<R> | ItemColumn<R>);
+declare type DataColumn<R extends DataTableRow, C extends Column> = C & (ActionColumn<R> | CustomColumn<R> | ItemColumn<R> | NumberColumn<R> | StatusColumn<R> | TextColumn<R>);
 export declare type DataTableRow = Record<string, any> & {
     /**
      * Assigned ID for each data row.
      * Used as a key. Use something unqiue derived from the data, not index.
      */
-    id: string | number;
+    id: number | string;
 };
 export declare type Sort<C> = {
     column: C;
@@ -162,7 +162,7 @@ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
      * @param row currently selected row
      * @param index currectly selected row index
      */
-    onAction: (action: string | number, row: R, index: number) => void;
+    onAction: (action: number | string, row: R, index: number) => void;
     /**
      * Handler that is called when the menu's open state changes.
      */

package/dist/src/utils/table/useTableSort.d.ts

@@ -1,2 +1,2 @@
 import { type DataListColumn, type DataTableColumn, type DataTableRow, type Sort } from '../../../src/utils/table/types';
-export declare const useTableSort: <C extends DataTableColumn<R> | DataListColumn<R>, R extends DataTableRow>() => [Sort<C> | undefined, (column: C) => void];
+export declare const useTableSort: <C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow>() => [Sort<C> | undefined, (column: C) => void];

package/dist/src/utils/table/utils.d.ts

@@ -1,2 +1,2 @@
 import { type DataListColumn, type DataTableColumn, type DataTableRow, type Sort } from '../../../src/utils/table/types';
-export declare const sortRowsBy: <C extends DataTableColumn<R> | DataListColumn<R>, R extends DataTableRow>(rows: R[], sort: Sort<C> | undefined) => R[];
+export declare const sortRowsBy: <C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow>(rows: R[], sort: Sort<C> | undefined) => R[];

package/dist/src/utils/tailwind.js

@@ -3,9 +3,11 @@ function cleanClassNames(classNames) {
     const tokens = classNames.split(/\s+/);
     return tokens.filter((item) => item).join(' ');
 }
-// Wrapper function for 'classnames' module that requires more strict typing
-// Note: Adding many parameters was the only way I was aware of to get inference
-//       working for each parameter separately
+/*
+ * Wrapper function for 'classnames' module that requires more strict typing
+ * Note: Adding many parameters was the only way I was aware of to get inference
+ *       working for each parameter separately
+ */
 export function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
     const result = originalClassNames(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10);
     return cleanClassNames(result);
@@ -15,4 +17,4 @@ export const classNames = (...args) => {
     const result = originalClassNames(...args);
     return cleanClassNames(result);
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpbHdpbmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdXRpbHMvdGFpbHdpbmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxrQkFBcUMsTUFBTSxZQUFZLENBQUM7QUFJL0QsU0FBUyxlQUFlLENBQUMsVUFBa0I7SUFDekMsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUNqRCxDQUFDO0FBRUQsNEVBQTRFO0FBQzVFLGdGQUFnRjtBQUNoRiw4Q0FBOEM7QUFDOUMsTUFBTSxVQUFVLEVBQUUsQ0FDaEIsbUJBQXFELEVBQ3JELG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsb0JBQXVEO0lBRXZELE1BQU0sTUFBTSxHQUFHLGtCQUFrQixDQUMvQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixvQkFBb0IsQ0FDckIsQ0FBQztJQUVGLE9BQU8sZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0FBQ2pDLENBQUM7QUFFRCw0Q0FBNEM7QUFDNUMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsR0FBRyxJQUFnQixFQUFVLEVBQUU7SUFDeEQsTUFBTSxNQUFNLEdBQUcsa0JBQWtCLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztJQUMzQyxPQUFPLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUNqQyxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpbHdpbmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdXRpbHMvdGFpbHdpbmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxrQkFBcUMsTUFBTSxZQUFZLENBQUM7QUFJL0QsU0FBUyxlQUFlLENBQUMsVUFBa0I7SUFDekMsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUNqRCxDQUFDO0FBRUQ7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxFQUFFLENBQ2hCLG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG9CQUF1RDtJQUV2RCxNQUFNLE1BQU0sR0FBRyxrQkFBa0IsQ0FDL0IsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsb0JBQW9CLENBQ3JCLENBQUM7SUFFRixPQUFPLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUNqQyxDQUFDO0FBRUQsNENBQTRDO0FBQzVDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEdBQUcsSUFBZ0IsRUFBVSxFQUFFO0lBQ3hELE1BQU0sTUFBTSxHQUFHLGtCQUFrQixDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7SUFDM0MsT0FBTyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7QUFDakMsQ0FBQyxDQUFDIn0=

package/dist/src/utils/themeVariableSamples.d.ts

@@ -0,0 +1,2 @@
+export declare const sampleCustomVariables = "\n:root {\n  --aquarium-colors-primary-100: #5a40e2;\n  --aquarium-colors-primary-90: #6447fb;\n  --aquarium-colors-primary-80: #7459fb;\n  --aquarium-colors-primary-70: #836cfc;\n  --aquarium-colors-primary-60: #937efc;\n  --aquarium-colors-primary-50: #a291fd;\n  --aquarium-colors-primary-40: #b2a3fd;\n  --aquarium-colors-primary-30: #c1b5fd;\n  --aquarium-colors-primary-20: #d1c8fe;\n  --aquarium-colors-primary-10: #e0dafe;\n  --aquarium-colors-primary-5: #f0edff;\n  .Aquarium-Button {\n    --aquarium-border-radius-sm: 1.5rem;\n    --aquarium-colors-primary-80: #000000;\n  }\n}\n";
+export declare const timescaleDBCustomVariables = "\n:root {\n  --aquarium-colors-primary-100: #6447fb;\n  --aquarium-colors-primary-90: #6447fb;\n  --aquarium-colors-primary-80: #6447fb;\n  --aquarium-colors-primary-70: #b0c0fb;\n  --aquarium-colors-primary-60: #c8d3fd;\n  --aquarium-colors-primary-50: #d0d9fd;\n  --aquarium-colors-primary-40: #d7dffc;\n  --aquarium-colors-primary-30: #dfe6fd;\n  --aquarium-colors-primary-20: #e8edfe;\n  --aquarium-colors-primary-10: #eff2fe;\n  --aquarium-colors-primary-5: #f8f9ff;\n  --aquarium-colors-primary-0: #f8f9ff;\n  --aquarium-colors-grey-100: #000;\n  --aquarium-colors-grey-90: #000;\n  --aquarium-colors-grey-80: #444;\n  --aquarium-colors-grey-70: #444;\n  --aquarium-colors-grey-60: #6a6a6a;\n  --aquarium-colors-grey-50: #7e7e7e;\n  --aquarium-colors-grey-40: #939393;\n  --aquarium-colors-grey-30: #a5a5a5;\n  --aquarium-colors-grey-20: #bdbdbd;\n  --aquarium-colors-grey-10: #ebebeb;\n  --aquarium-colors-grey-5: #ebebeb;\n  --aquarium-colors-grey-0: #f8f8f8;\n}\n\n.Aquarium-Button {\n  font-weight: 600;\n  border-radius: 24px;\n}\n\n.Aquarium-Button.Primary {\n  color: var(--aquarium-colors-white);\n  background-color: var(--aquarium-colors-grey-100);\n\n  &:hover {\n    background-color: var(--aquarium-colors-grey-80);\n  }\n\n  &:active {\n    background-color: var(--aquarium-colors-grey-70);\n  }\n\n  &:disabled {\n    color: var(--aquarium-colors-grey-20);\n    background-color: var(--aquarium-colors-grey-5);\n  }\n}\n\n.Aquarium-Button.Secondary {\n  color: var(--aquarium-colors-grey-100);\n  background-color: var(--aquarium-colors-white);\n  border: 1.5px solid var(--aquarium-colors-grey-100);\n  box-shadow: none;\n\n  &:hover {\n    color: var(--aquarium-colors-grey-100);\n    background-color: var(--aquarium-colors-primary-10);\n  }\n\n  &:active {\n    color: var(--aquarium-colors-grey-100);\n    background-color: var(--aquarium-colors-primary-20);\n  }\n\n  &:focus-visible {\n    color: var(--aquarium-colors-grey-100);\n    box-shadow: none;\n  }\n\n  &:disabled {\n    color: var(--aquarium-colors-grey-20);\n    background-color: var(--aquarium-colors-white);\n    border-color: var(--aquarium-colors-grey-20);\n\n    &:hover {\n      background-color: var(--aquarium-colors-white);\n    }\n  }\n}\n\n.Aquarium-Button.Ghost {\n  padding: var(--aquarium-spacing-2) var(--aquarium-spacing-3);\n\n  &.Aquarium-Dense {\n    padding: var(--aquarium-spacing-2) var(--aquarium-spacing-2);\n  }\n\n  &:hover {\n    color: var(--aquarium-colors-primary-90);\n    background-color: var(--aquarium-colors-primary-10);\n  }\n\n  &:active {\n    background-color: var(--aquarium-colors-primary-20);\n  }\n\n  &:disabled {\n    color: var(--aquarium-colors-grey-20);\n\n    &:hover {\n      background-color: var(--aquarium-colors-transparent);\n    }\n  }\n}\n\n.Aquarium-Modal > [aria-modal*='true'],\n.Aquarium-Dialog > [aria-modal*='true'],\n.Aquarium-EmptyState {\n  border-radius: 16px;\n}\n\n.Aquarium-Modal > [aria-modal*='true'] {\n  overflow: hidden;\n}\n";

package/dist/src/utils/themeVariableSamples.js

@@ -0,0 +1,146 @@
+export const sampleCustomVariables = `
+:root {
+  --aquarium-colors-primary-100: #5a40e2;
+  --aquarium-colors-primary-90: #6447fb;
+  --aquarium-colors-primary-80: #7459fb;
+  --aquarium-colors-primary-70: #836cfc;
+  --aquarium-colors-primary-60: #937efc;
+  --aquarium-colors-primary-50: #a291fd;
+  --aquarium-colors-primary-40: #b2a3fd;
+  --aquarium-colors-primary-30: #c1b5fd;
+  --aquarium-colors-primary-20: #d1c8fe;
+  --aquarium-colors-primary-10: #e0dafe;
+  --aquarium-colors-primary-5: #f0edff;
+  .Aquarium-Button {
+    --aquarium-border-radius-sm: 1.5rem;
+    --aquarium-colors-primary-80: #000000;
+  }
+}
+`;
+/*
+ * Since we can't comment in the constant value below, it causes css not being applied properly.
+ * So adding the comment about the image modal here.
+ *
+ * We need to set overflow: hidden so corner rounding works as it should
+ * when a header image is used with modals.
+ * .Aquarium-Modal > [aria-modal*='true'] { overflow: hidden; }
+ */
+export const timescaleDBCustomVariables = `
+:root {
+  --aquarium-colors-primary-100: #6447fb;
+  --aquarium-colors-primary-90: #6447fb;
+  --aquarium-colors-primary-80: #6447fb;
+  --aquarium-colors-primary-70: #b0c0fb;
+  --aquarium-colors-primary-60: #c8d3fd;
+  --aquarium-colors-primary-50: #d0d9fd;
+  --aquarium-colors-primary-40: #d7dffc;
+  --aquarium-colors-primary-30: #dfe6fd;
+  --aquarium-colors-primary-20: #e8edfe;
+  --aquarium-colors-primary-10: #eff2fe;
+  --aquarium-colors-primary-5: #f8f9ff;
+  --aquarium-colors-primary-0: #f8f9ff;
+  --aquarium-colors-grey-100: #000;
+  --aquarium-colors-grey-90: #000;
+  --aquarium-colors-grey-80: #444;
+  --aquarium-colors-grey-70: #444;
+  --aquarium-colors-grey-60: #6a6a6a;
+  --aquarium-colors-grey-50: #7e7e7e;
+  --aquarium-colors-grey-40: #939393;
+  --aquarium-colors-grey-30: #a5a5a5;
+  --aquarium-colors-grey-20: #bdbdbd;
+  --aquarium-colors-grey-10: #ebebeb;
+  --aquarium-colors-grey-5: #ebebeb;
+  --aquarium-colors-grey-0: #f8f8f8;
+}
+
+.Aquarium-Button {
+  font-weight: 600;
+  border-radius: 24px;
+}
+
+.Aquarium-Button.Primary {
+  color: var(--aquarium-colors-white);
+  background-color: var(--aquarium-colors-grey-100);
+
+  &:hover {
+    background-color: var(--aquarium-colors-grey-80);
+  }
+
+  &:active {
+    background-color: var(--aquarium-colors-grey-70);
+  }
+
+  &:disabled {
+    color: var(--aquarium-colors-grey-20);
+    background-color: var(--aquarium-colors-grey-5);
+  }
+}
+
+.Aquarium-Button.Secondary {
+  color: var(--aquarium-colors-grey-100);
+  background-color: var(--aquarium-colors-white);
+  border: 1.5px solid var(--aquarium-colors-grey-100);
+  box-shadow: none;
+
+  &:hover {
+    color: var(--aquarium-colors-grey-100);
+    background-color: var(--aquarium-colors-primary-10);
+  }
+
+  &:active {
+    color: var(--aquarium-colors-grey-100);
+    background-color: var(--aquarium-colors-primary-20);
+  }
+
+  &:focus-visible {
+    color: var(--aquarium-colors-grey-100);
+    box-shadow: none;
+  }
+
+  &:disabled {
+    color: var(--aquarium-colors-grey-20);
+    background-color: var(--aquarium-colors-white);
+    border-color: var(--aquarium-colors-grey-20);
+
+    &:hover {
+      background-color: var(--aquarium-colors-white);
+    }
+  }
+}
+
+.Aquarium-Button.Ghost {
+  padding: var(--aquarium-spacing-2) var(--aquarium-spacing-3);
+
+  &.Aquarium-Dense {
+    padding: var(--aquarium-spacing-2) var(--aquarium-spacing-2);
+  }
+
+  &:hover {
+    color: var(--aquarium-colors-primary-90);
+    background-color: var(--aquarium-colors-primary-10);
+  }
+
+  &:active {
+    background-color: var(--aquarium-colors-primary-20);
+  }
+
+  &:disabled {
+    color: var(--aquarium-colors-grey-20);
+
+    &:hover {
+      background-color: var(--aquarium-colors-transparent);
+    }
+  }
+}
+
+.Aquarium-Modal > [aria-modal*='true'],
+.Aquarium-Dialog > [aria-modal*='true'],
+.Aquarium-EmptyState {
+  border-radius: 16px;
+}
+
+.Aquarium-Modal > [aria-modal*='true'] {
+  overflow: hidden;
+}
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWVWYXJpYWJsZVNhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdXRpbHMvdGhlbWVWYXJpYWJsZVNhbXBsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUc7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQWtCcEMsQ0FBQztBQUVGOzs7Ozs7O0dBT0c7QUFDSCxNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FBRzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBcUh6QyxDQUFDIn0=

package/dist/src/utils/useStyle.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { type Breakpointable } from '../../types/tailwind';
 declare type StylesObject = {
-    [key in keyof React.CSSProperties]: {
+    [key in keyof React.CSSProperties]: Breakpointable<any> | {
         value: Breakpointable<any>;
-        transformer?: (val: any) => string | number;
-    } | Breakpointable<any>;
+        transformer?: (val: any) => number | string;
+    };
 };
 export declare function resolveTailwindThemeValue(key: string, val: any): any;
 export declare function useStyle(styles: StylesObject): React.CSSProperties;