@balena/ui-shared-components 1.0.0 → 1.0.1

package/dist/components/Form/FieldTemplates/ObjectFieldTemplate.js

@@ -20,7 +20,7 @@ export var ObjectFieldTemplate = function (props) {
     var DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, uiOptions);
     var AddButton = registry.templates.ButtonTemplates.AddButton;
     return (_jsxs(_Fragment, { children: [title && (_jsx(TitleFieldTemplate, { id: titleId(idSchema), title: title, required: required, schema: schema, uiSchema: uiSchema, registry: registry })), description && (_jsx(DescriptionFieldTemplate, { id: descriptionId(idSchema), description: description, schema: schema, uiSchema: uiSchema, registry: registry })), _jsxs(Grid, __assign({ container: true, spacing: 2, style: { marginTop: '10px' } }, ((_b = (_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _a === void 0 ? void 0 : _a.container) !== null && _b !== void 0 ? _b : {}), { children: [properties.map(function (element, index) {
-                        var _a, _b;
-                        return element.hidden ? (element.content) : (_jsx(Grid, __assign({ item: true, xs: 12, style: { marginBottom: '10px' } }, ((_b = (_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _a === void 0 ? void 0 : _a.item) !== null && _b !== void 0 ? _b : {}), { children: element.content }), index));
+                        var _a, _b, _c, _d, _e, _f, _g;
+                        return element.hidden ? (element.content) : (_jsx(Grid, __assign({ item: true, xs: 12, sx: { marginBottom: '10px' } }, ((_g = (_e = (_c = (_b = (_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema[element.name]) === null || _a === void 0 ? void 0 : _a['ui:grid']) === null || _b === void 0 ? void 0 : _b.item) !== null && _c !== void 0 ? _c : (_d = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _d === void 0 ? void 0 : _d[element.name]) !== null && _e !== void 0 ? _e : (_f = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _f === void 0 ? void 0 : _f.item) !== null && _g !== void 0 ? _g : {}), { children: element.content }), index));
                     }), canExpand(schema, uiSchema, formData) && (_jsx(Grid, __assign({ container: true, justifyContent: "flex-end" }, { children: _jsx(Grid, __assign({ item: true }, { children: _jsx(AddButton, { className: "object-property-expand", onClick: onAddClick(schema), disabled: disabled || readonly, uiSchema: uiSchema, registry: registry }) })) })))] }))] }));
 };

package/dist/components/Form/Widgets/SelectWidget.d.ts

@@ -1,2 +1,2 @@
 import { WidgetProps } from '@rjsf/utils';
-export declare const SelectWidget: ({ id, label, value, disabled, name, placeholder, onChange, multiple, options, required, }: WidgetProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SelectWidget: ({ id, label, value, disabled, name, placeholder, onChange, multiple, options, required, uiSchema, }: WidgetProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Form/Widgets/SelectWidget.js

@@ -9,11 +9,23 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormControl, Autocomplete, TextField, InputLabel, } from '@mui/material';
 import { isEqual } from 'lodash';
 export var SelectWidget = function (_a) {
-    var id = _a.id, label = _a.label, value = _a.value, disabled = _a.disabled, name = _a.name, placeholder = _a.placeholder, onChange = _a.onChange, multiple = _a.multiple, options = _a.options, required = _a.required;
+    var id = _a.id, label = _a.label, value = _a.value, disabled = _a.disabled, name = _a.name, placeholder = _a.placeholder, onChange = _a.onChange, multiple = _a.multiple, options = _a.options, required = _a.required, uiSchema = _a.uiSchema;
+    var _b = uiSchema !== null && uiSchema !== void 0 ? uiSchema : {}, inputProps = _b.inputProps, otherUiSchema = __rest(_b, ["inputProps"]);
     var enumOptions = options.enumOptions, enumDisabled = options.enumDisabled;
     if (!Array.isArray(enumOptions)) {
         return null;
@@ -56,7 +68,7 @@ export var SelectWidget = function (_a) {
                     return Array.isArray(option)
                         ? option.some(function (o) { return o.disabled; })
                         : option.disabled;
-                }, renderInput: function (params) { return _jsx(TextField, __assign({}, params)); }, onChange: function (_event, selected) {
+                }, renderInput: function (params) { return (_jsx(TextField, __assign({}, params, { inputProps: __assign(__assign({}, params.inputProps), (inputProps !== null && inputProps !== void 0 ? inputProps : {})) }))); }, onChange: function (_event, selected) {
                     if (Array.isArray(selected)) {
                         var val = selected
                             .map(function (item) {
@@ -73,5 +85,5 @@ export var SelectWidget = function (_a) {
                         return onChange(selected.value === '' ? options.emptyValue : selected.value);
                     }
                     return onChange(options.emptyValue);
-                }, disableClearable: true }))] }));
+                }, disableClearable: true }, otherUiSchema))] }));
 };

package/dist/components/Form/index.d.ts

@@ -3,7 +3,7 @@ import { FormProps as RjsFormProps } from '@rjsf/core';
 import { BoxProps, ButtonProps } from '@mui/material';
 import { IChangeEvent } from '@rjsf/core';
 import { FieldTemplateProps, WidgetProps, RJSFValidationError, UiSchema, FormValidation } from '@rjsf/utils';
-export type { IChangeEvent, FieldTemplateProps, WidgetProps, RJSFValidationError, UiSchema, FormValidation, };
+import { Templates } from '@rjsf/mui';
 export interface RJSFormProps extends Omit<RjsFormProps, 'validator' | 'onFocus' | 'onBlur'>, Pick<BoxProps, 'sx' | 'onFocus' | 'onBlur'>, Partial<Pick<RjsFormProps, 'validator'>> {
     /** If true, do not display the form submit button */
     hideSubmitButton?: boolean;
@@ -13,3 +13,5 @@ export interface RJSFormProps extends Omit<RjsFormProps, 'validator' | 'onFocus'
     actionButtons?: ButtonProps[];
 }
 export declare const RJSForm: React.FC<React.PropsWithChildren<RJSFormProps>>;
+export type { IChangeEvent, FieldTemplateProps, WidgetProps, RJSFValidationError, UiSchema, FormValidation, };
+export { Templates };

package/dist/components/Form/index.js

@@ -27,8 +27,9 @@ import { Box, Button, styled } from '@mui/material';
 import { PasswordWidget } from './Widgets/PasswordWidget';
 import { SelectWidget } from './Widgets/SelectWidget';
 import { FileWidget } from './Widgets/FileWidget';
-import { Fragment } from 'react';
+import { Fragment, forwardRef } from 'react';
 import { ObjectFieldTemplate } from './FieldTemplates/ObjectFieldTemplate';
+import { Templates } from '@rjsf/mui';
 var internalWidgets = {
     PasswordWidget: PasswordWidget,
     SelectWidget: SelectWidget,
@@ -40,10 +41,11 @@ var FormWrapper = styled('div')({
         boxShadow: 'none',
     },
 });
-export var RJSForm = function (_a) {
-    var hideSubmitButton = _a.hideSubmitButton, submitButtonProps = _a.submitButtonProps, actionButtons = _a.actionButtons, _b = _a.validator, validator = _b === void 0 ? ajvValidator : _b, widgets = _a.widgets, children = _a.children, ref = _a.ref, sx = _a.sx, onFocus = _a.onFocus, onBlur = _a.onBlur, templates = _a.templates, otherProps = __rest(_a, ["hideSubmitButton", "submitButtonProps", "actionButtons", "validator", "widgets", "children", "ref", "sx", "onFocus", "onBlur", "templates"]);
+export var RJSForm = forwardRef(function (_a, ref) {
+    var hideSubmitButton = _a.hideSubmitButton, submitButtonProps = _a.submitButtonProps, actionButtons = _a.actionButtons, _b = _a.validator, validator = _b === void 0 ? ajvValidator : _b, widgets = _a.widgets, children = _a.children, sx = _a.sx, onFocus = _a.onFocus, onBlur = _a.onBlur, templates = _a.templates, otherProps = __rest(_a, ["hideSubmitButton", "submitButtonProps", "actionButtons", "validator", "widgets", "children", "sx", "onFocus", "onBlur", "templates"]);
     // paddingY is resolving an outline glitch that is truncated when inside a container.
     return (_jsx(FormWrapper, { children: _jsx(Box, __assign({ sx: __assign({ paddingY: '1px' }, sx), onFocus: onFocus, onBlur: onBlur }, { children: _jsxs(Form, __assign({ ref: ref, validator: validator, showErrorList: false, widgets: __assign(__assign({}, internalWidgets), (widgets || {})), templates: __assign({ ObjectFieldTemplate: ObjectFieldTemplate }, templates) }, otherProps, { children: [hideSubmitButton && _jsx(Fragment, {}), actionButtons === null || actionButtons === void 0 ? void 0 : actionButtons.map(function (buttonProps) { return (_jsx(Button, __assign({}, buttonProps))); }), !hideSubmitButton && (_jsx(Button, __assign({ children: 'Submit', 
                         // TODO: remove once we migrate buttons
                         disableRipple: true }, submitButtonProps, { color: "customBlue", variant: "contained", type: "submit" }))), children] })) })) }));
-};
+});
+export { Templates };

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export type { Theme } from './theme';
 export { theme } from './theme';
 export type { AnimatedTextProps } from './components/AnimatedText';
 export { AnimatedText } from './components/AnimatedText';
@@ -6,7 +7,7 @@ export { ButtonWithTracking } from './components/ButtonWithTracking';
 export { Code } from './components/Code';
 export type { CookiesBannerProps, Cookie } from './components/CookiesBanner';
 export type { FormProps as RjsCoreFormProps } from '@rjsf/core';
-export { RJSForm } from './components/Form';
+export { RJSForm, Templates as RjsfTemplates } from './components/Form';
 export type { RJSFormProps, IChangeEvent, FieldTemplateProps, WidgetProps, RJSFValidationError, UiSchema, FormValidation, } from './components/Form';
 export type { OnFileReadParams, OnFileReadSuccessParams, OnFileReadErrorParams, } from './components/Form/Widgets/FileWidget';
 export { CookiesBanner } from './components/CookiesBanner';

package/dist/index.js

@@ -2,7 +2,7 @@ export { theme } from './theme';
 export { AnimatedText } from './components/AnimatedText';
 export { ButtonWithTracking } from './components/ButtonWithTracking';
 export { Code } from './components/Code';
-export { RJSForm } from './components/Form';
+export { RJSForm, Templates as RjsfTemplates } from './components/Form';
 export { CookiesBanner } from './components/CookiesBanner';
 export { CollapsedList } from './components/CollapsedList';
 export { CustomHelmet } from './components/CustomHelmet';

package/dist/theme.d.ts

@@ -134,4 +134,5 @@ declare module '@mui/material/SvgIcon' {
     }
 }
 export declare const theme: import("@mui/material").Theme;
+export type Theme = typeof theme;
 export {};

package/dist/theme.js

@@ -347,6 +347,12 @@ export var theme = createTheme({
                         // set the fieldset > legend max-width to 100%, and this invalidate the notched: false rule for some inputs.
                         maxWidth: 0,
                     },
+                    fieldset: {
+                        borderColor: color.border.value,
+                        '&:hover': {
+                            borderColor: color.border.strong.value,
+                        },
+                    },
                 },
             },
         },

package/dist_esm5/components/Form/FieldTemplates/ObjectFieldTemplate.js

@@ -10,7 +10,7 @@ export var ObjectFieldTemplate = function (props) {
     var DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, uiOptions);
     var AddButton = registry.templates.ButtonTemplates.AddButton;
     return (_jsxs(_Fragment, { children: [title && (_jsx(TitleFieldTemplate, { id: titleId(idSchema), title: title, required: required, schema: schema, uiSchema: uiSchema, registry: registry })), description && (_jsx(DescriptionFieldTemplate, { id: descriptionId(idSchema), description: description, schema: schema, uiSchema: uiSchema, registry: registry })), _jsxs(Grid, __assign({ container: true, spacing: 2, style: { marginTop: '10px' } }, ((_b = (_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _a === void 0 ? void 0 : _a.container) !== null && _b !== void 0 ? _b : {}), { children: [properties.map(function (element, index) {
-                        var _a, _b;
-                        return element.hidden ? (element.content) : (_jsx(Grid, __assign({ item: true, xs: 12, style: { marginBottom: '10px' } }, ((_b = (_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _a === void 0 ? void 0 : _a.item) !== null && _b !== void 0 ? _b : {}), { children: element.content }), index));
+                        var _a, _b, _c, _d, _e, _f, _g;
+                        return element.hidden ? (element.content) : (_jsx(Grid, __assign({ item: true, xs: 12, sx: { marginBottom: '10px' } }, ((_g = (_e = (_c = (_b = (_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema[element.name]) === null || _a === void 0 ? void 0 : _a['ui:grid']) === null || _b === void 0 ? void 0 : _b.item) !== null && _c !== void 0 ? _c : (_d = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _d === void 0 ? void 0 : _d[element.name]) !== null && _e !== void 0 ? _e : (_f = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _f === void 0 ? void 0 : _f.item) !== null && _g !== void 0 ? _g : {}), { children: element.content }), index));
                     }), canExpand(schema, uiSchema, formData) && (_jsx(Grid, __assign({ container: true, justifyContent: "flex-end" }, { children: _jsx(Grid, __assign({ item: true }, { children: _jsx(AddButton, { className: "object-property-expand", onClick: onAddClick(schema), disabled: disabled || readonly, uiSchema: uiSchema, registry: registry }) })) })))] }))] }));
 };

package/dist_esm5/components/Form/Widgets/SelectWidget.d.ts

@@ -1,2 +1,2 @@
 import { WidgetProps } from '@rjsf/utils';
-export declare const SelectWidget: ({ id, label, value, disabled, name, placeholder, onChange, multiple, options, required, }: WidgetProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SelectWidget: ({ id, label, value, disabled, name, placeholder, onChange, multiple, options, required, uiSchema, }: WidgetProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist_esm5/components/Form/Widgets/SelectWidget.js

@@ -1,9 +1,10 @@
-import { __assign } from "tslib";
+import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormControl, Autocomplete, TextField, InputLabel, } from '@mui/material';
 import { isEqual } from 'lodash';
 export var SelectWidget = function (_a) {
-    var id = _a.id, label = _a.label, value = _a.value, disabled = _a.disabled, name = _a.name, placeholder = _a.placeholder, onChange = _a.onChange, multiple = _a.multiple, options = _a.options, required = _a.required;
+    var id = _a.id, label = _a.label, value = _a.value, disabled = _a.disabled, name = _a.name, placeholder = _a.placeholder, onChange = _a.onChange, multiple = _a.multiple, options = _a.options, required = _a.required, uiSchema = _a.uiSchema;
+    var _b = uiSchema !== null && uiSchema !== void 0 ? uiSchema : {}, inputProps = _b.inputProps, otherUiSchema = __rest(_b, ["inputProps"]);
     var enumOptions = options.enumOptions, enumDisabled = options.enumDisabled;
     if (!Array.isArray(enumOptions)) {
         return null;
@@ -46,7 +47,7 @@ export var SelectWidget = function (_a) {
                     return Array.isArray(option)
                         ? option.some(function (o) { return o.disabled; })
                         : option.disabled;
-                }, renderInput: function (params) { return _jsx(TextField, __assign({}, params)); }, onChange: function (_event, selected) {
+                }, renderInput: function (params) { return (_jsx(TextField, __assign({}, params, { inputProps: __assign(__assign({}, params.inputProps), (inputProps !== null && inputProps !== void 0 ? inputProps : {})) }))); }, onChange: function (_event, selected) {
                     if (Array.isArray(selected)) {
                         var val = selected
                             .map(function (item) {
@@ -63,5 +64,5 @@ export var SelectWidget = function (_a) {
                         return onChange(selected.value === '' ? options.emptyValue : selected.value);
                     }
                     return onChange(options.emptyValue);
-                }, disableClearable: true }))] }));
+                }, disableClearable: true }, otherUiSchema))] }));
 };

package/dist_esm5/components/Form/index.d.ts

@@ -3,7 +3,7 @@ import { FormProps as RjsFormProps } from '@rjsf/core';
 import { BoxProps, ButtonProps } from '@mui/material';
 import { IChangeEvent } from '@rjsf/core';
 import { FieldTemplateProps, WidgetProps, RJSFValidationError, UiSchema, FormValidation } from '@rjsf/utils';
-export type { IChangeEvent, FieldTemplateProps, WidgetProps, RJSFValidationError, UiSchema, FormValidation, };
+import { Templates } from '@rjsf/mui';
 export interface RJSFormProps extends Omit<RjsFormProps, 'validator' | 'onFocus' | 'onBlur'>, Pick<BoxProps, 'sx' | 'onFocus' | 'onBlur'>, Partial<Pick<RjsFormProps, 'validator'>> {
     /** If true, do not display the form submit button */
     hideSubmitButton?: boolean;
@@ -13,3 +13,5 @@ export interface RJSFormProps extends Omit<RjsFormProps, 'validator' | 'onFocus'
     actionButtons?: ButtonProps[];
 }
 export declare const RJSForm: React.FC<React.PropsWithChildren<RJSFormProps>>;
+export type { IChangeEvent, FieldTemplateProps, WidgetProps, RJSFValidationError, UiSchema, FormValidation, };
+export { Templates };

package/dist_esm5/components/Form/index.js

@@ -6,8 +6,9 @@ import { Box, Button, styled } from '@mui/material';
 import { PasswordWidget } from './Widgets/PasswordWidget';
 import { SelectWidget } from './Widgets/SelectWidget';
 import { FileWidget } from './Widgets/FileWidget';
-import { Fragment } from 'react';
+import { Fragment, forwardRef } from 'react';
 import { ObjectFieldTemplate } from './FieldTemplates/ObjectFieldTemplate';
+import { Templates } from '@rjsf/mui';
 var internalWidgets = {
     PasswordWidget: PasswordWidget,
     SelectWidget: SelectWidget,
@@ -19,10 +20,11 @@ var FormWrapper = styled('div')({
         boxShadow: 'none',
     },
 });
-export var RJSForm = function (_a) {
-    var hideSubmitButton = _a.hideSubmitButton, submitButtonProps = _a.submitButtonProps, actionButtons = _a.actionButtons, _b = _a.validator, validator = _b === void 0 ? ajvValidator : _b, widgets = _a.widgets, children = _a.children, ref = _a.ref, sx = _a.sx, onFocus = _a.onFocus, onBlur = _a.onBlur, templates = _a.templates, otherProps = __rest(_a, ["hideSubmitButton", "submitButtonProps", "actionButtons", "validator", "widgets", "children", "ref", "sx", "onFocus", "onBlur", "templates"]);
+export var RJSForm = forwardRef(function (_a, ref) {
+    var hideSubmitButton = _a.hideSubmitButton, submitButtonProps = _a.submitButtonProps, actionButtons = _a.actionButtons, _b = _a.validator, validator = _b === void 0 ? ajvValidator : _b, widgets = _a.widgets, children = _a.children, sx = _a.sx, onFocus = _a.onFocus, onBlur = _a.onBlur, templates = _a.templates, otherProps = __rest(_a, ["hideSubmitButton", "submitButtonProps", "actionButtons", "validator", "widgets", "children", "sx", "onFocus", "onBlur", "templates"]);
     // paddingY is resolving an outline glitch that is truncated when inside a container.
     return (_jsx(FormWrapper, { children: _jsx(Box, __assign({ sx: __assign({ paddingY: '1px' }, sx), onFocus: onFocus, onBlur: onBlur }, { children: _jsxs(Form, __assign({ ref: ref, validator: validator, showErrorList: false, widgets: __assign(__assign({}, internalWidgets), (widgets || {})), templates: __assign({ ObjectFieldTemplate: ObjectFieldTemplate }, templates) }, otherProps, { children: [hideSubmitButton && _jsx(Fragment, {}), actionButtons === null || actionButtons === void 0 ? void 0 : actionButtons.map(function (buttonProps) { return (_jsx(Button, __assign({}, buttonProps))); }), !hideSubmitButton && (_jsx(Button, __assign({ children: 'Submit', 
                         // TODO: remove once we migrate buttons
                         disableRipple: true }, submitButtonProps, { color: "customBlue", variant: "contained", type: "submit" }))), children] })) })) }));
-};
+});
+export { Templates };

package/dist_esm5/index.d.ts

@@ -1,3 +1,4 @@
+export type { Theme } from './theme';
 export { theme } from './theme';
 export type { AnimatedTextProps } from './components/AnimatedText';
 export { AnimatedText } from './components/AnimatedText';
@@ -6,7 +7,7 @@ export { ButtonWithTracking } from './components/ButtonWithTracking';
 export { Code } from './components/Code';
 export type { CookiesBannerProps, Cookie } from './components/CookiesBanner';
 export type { FormProps as RjsCoreFormProps } from '@rjsf/core';
-export { RJSForm } from './components/Form';
+export { RJSForm, Templates as RjsfTemplates } from './components/Form';
 export type { RJSFormProps, IChangeEvent, FieldTemplateProps, WidgetProps, RJSFValidationError, UiSchema, FormValidation, } from './components/Form';
 export type { OnFileReadParams, OnFileReadSuccessParams, OnFileReadErrorParams, } from './components/Form/Widgets/FileWidget';
 export { CookiesBanner } from './components/CookiesBanner';

package/dist_esm5/index.js

@@ -2,7 +2,7 @@ export { theme } from './theme';
 export { AnimatedText } from './components/AnimatedText';
 export { ButtonWithTracking } from './components/ButtonWithTracking';
 export { Code } from './components/Code';
-export { RJSForm } from './components/Form';
+export { RJSForm, Templates as RjsfTemplates } from './components/Form';
 export { CookiesBanner } from './components/CookiesBanner';
 export { CollapsedList } from './components/CollapsedList';
 export { CustomHelmet } from './components/CustomHelmet';

package/dist_esm5/theme.d.ts

@@ -134,4 +134,5 @@ declare module '@mui/material/SvgIcon' {
     }
 }
 export declare const theme: import("@mui/material").Theme;
+export type Theme = typeof theme;
 export {};

package/dist_esm5/theme.js

@@ -347,6 +347,12 @@ export var theme = createTheme({
                         // set the fieldset > legend max-width to 100%, and this invalidate the notched: false rule for some inputs.
                         maxWidth: 0,
                     },
+                    fieldset: {
+                        borderColor: color.border.value,
+                        '&:hover': {
+                            borderColor: color.border.strong.value,
+                        },
+                    },
                 },
             },
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "./dist/index.js",
   "module": "./dist_esm5/index.js",
   "sideEffects": false,
@@ -112,6 +112,6 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2023-12-21T13:49:52.265Z"
+    "publishedAt": "2023-12-28T12:58:31.044Z"
   }
 }