@vitality-ds/components 4.7.5 → 4.8.1

package/dist/ColorModeProvider/components/BaseColorModeProvider.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _system = require("@vitality-ds/system");
+var _react = _interopRequireDefault(require("react"));
+var _ThemeProvider = require("../../ThemeProvider");
+var _excluded = ["mode", "children"];
+function ColorModeProvider(_ref) {
+  var mode = _ref.mode,
+    children = _ref.children,
+    restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  /**
+   * The string returned from Stitches and createTheme() is the className which maps to the relevant CSS variables of that theme
+   */
+  var colorModeClassName = _system.AVAILABLE_THEMES[mode];
+  return /*#__PURE__*/_react["default"].createElement(_ThemeProvider.ThemeProvider, restProps, /*#__PURE__*/_react["default"].createElement("div", {
+    className: colorModeClassName
+  }, children));
+}
+var _default = exports["default"] = ColorModeProvider;

package/dist/ColorModeProvider/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DarkModeProvider = DarkModeProvider;
+exports.LightModeProvider = LightModeProvider;
+var _react = _interopRequireDefault(require("react"));
+var _BaseColorModeProvider = _interopRequireDefault(require("./components/BaseColorModeProvider"));
+function LightModeProvider(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_BaseColorModeProvider["default"], {
+    mode: "light"
+  }, children);
+}
+function DarkModeProvider(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement(_BaseColorModeProvider["default"], {
+    mode: "dark"
+  }, children);
+}

package/dist/ColorModeProvider/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/Form/FormField/components/FormFieldLabel/index.spec.js

@@ -9,7 +9,7 @@ describe("getInputComponent", function () {
     var _render = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
         fieldType: "text",
         content: "Foo",
-        id: "foo"
+        htmlFor: "foo"
       })),
       container = _render.container;
     expect(container.children[0].tagName).toEqual("LABEL");
@@ -18,7 +18,7 @@ describe("getInputComponent", function () {
     var _render2 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
         fieldType: "text",
         content: "Foo",
-        id: "foo"
+        htmlFor: "foo"
       })),
       container = _render2.container;
     expect(container.children[0].tagName).toEqual("LABEL");
@@ -27,7 +27,7 @@ describe("getInputComponent", function () {
     var _render3 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], {
         fieldType: "checkbox",
         content: "Foo",
-        id: "foo"
+        htmlFor: "foo"
       })),
       container = _render3.container;
     expect(container.children[0].tagName).toEqual("LEGEND");

package/dist/Form/FormField/index.js

@@ -8,7 +8,9 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _icons = require("@vitality-ds/icons");
+var _system = require("@vitality-ds/system");
 var _react = _interopRequireDefault(require("react"));
+var _Box = _interopRequireDefault(require("../../Box"));
 var _Stack = _interopRequireDefault(require("../../Stack"));
 var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
 var _HelperMessage = _interopRequireDefault(require("../HelperMessage"));
@@ -37,18 +39,25 @@ function FormField(_ref) {
     spacing: "sm",
     direction: "horizontal",
     align: "center"
+  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    maxWidth: infoTooltipContent ? "90%" : "100%"
   }, /*#__PURE__*/_react["default"].createElement(_FormFieldLabel["default"], {
     fieldType: type,
     content: label,
-    id: id,
+    htmlFor: id,
     required: required,
     hasError: hasError
-  }), infoTooltipContent && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+  })), infoTooltipContent && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    maxWidth: "10%",
+    minWidth: "16px" // this is the same width as the icon size="sm"
+    ,
+    minHeight: _system.theme.fontSizes.caption.value
+  }, /*#__PURE__*/_react["default"].createElement(_styled.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
     content: infoTooltipContent
-  }, /*#__PURE__*/_react["default"].createElement(_styled.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_icons.Info, {
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_icons.Info, {
     color: "inherit",
     size: "sm"
-  })))), /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
+  })))))), /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
     onChange: onChange,
     value: value,
     id: id,

package/dist/Form/FormField/styles/IconWrapper.styles.js

@@ -6,5 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _system = require("@vitality-ds/system");
 var _default = exports["default"] = (0, _system.css)({
-  margin: "unset"
+  margin: "unset",
+  position: "relative",
+  "& > div": {
+    height: _system.theme.fontSizes.caption.value,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }
 });

package/dist/Form/Label/index.js

@@ -9,12 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
 function Label(_ref) {
   var content = _ref.content,
-    id = _ref.id,
+    htmlFor = _ref.htmlFor,
     required = _ref.required,
     hasError = _ref.hasError;
   return /*#__PURE__*/_react["default"].createElement(_styled.BaseLabel, {
-    htmlFor: id,
-    id: id
+    htmlFor: htmlFor
   }, content, required && /*#__PURE__*/_react["default"].createElement(_styled.BaseLabelRequired, {
     hasError: hasError
   }, "*"));

package/dist/Table/components/States/Empty/index.js

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EmptyState = EmptyState;
+exports.Empty = Empty;
 var _react = _interopRequireDefault(require("react"));
 var _Typography = _interopRequireDefault(require("../../../../Typography"));
 var _constants = require("./constants");
 // eslint-disable-next-line import/prefer-default-export
-function EmptyState(_ref) {
+function Empty(_ref) {
   var emptyMessage = _ref.emptyMessage;
   return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
     color: "lowContrast"

package/dist/Table/components/States/TableStatus/index.js

@@ -21,7 +21,7 @@ function getStatusComponent(size, status, errorMessage, errorButtonProps, emptyM
     case "loading":
       return /*#__PURE__*/_react["default"].createElement(_Loading.LoadingState, null);
     case "empty":
-      return /*#__PURE__*/_react["default"].createElement(_Empty.EmptyState, {
+      return /*#__PURE__*/_react["default"].createElement(_Empty.Empty, {
         emptyMessage: emptyMessage
       });
     default:

package/dist/components/src/ColorModeProvider/components/BaseColorModeProvider.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseColorModeProviderProps } from "../types";
+declare function ColorModeProvider({ mode, children, ...restProps }: BaseColorModeProviderProps): JSX.Element;
+export default ColorModeProvider;
+//# sourceMappingURL=BaseColorModeProvider.d.ts.map

package/dist/components/src/ColorModeProvider/components/BaseColorModeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseColorModeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/ColorModeProvider/components/BaseColorModeProvider.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAEtD,iBAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,0BAA0B,eAW5B;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/src/ColorModeProvider/components/BaseColorModeProvider.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var system_1 = require("@vitality-ds/system");
+var react_1 = __importDefault(require("react"));
+var ThemeProvider_1 = require("../../ThemeProvider");
+function ColorModeProvider(_a) {
+    var mode = _a.mode, children = _a.children, restProps = __rest(_a, ["mode", "children"]);
+    /**
+     * The string returned from Stitches and createTheme() is the className which maps to the relevant CSS variables of that theme
+     */
+    var colorModeClassName = system_1.AVAILABLE_THEMES[mode];
+    return (react_1.default.createElement(ThemeProvider_1.ThemeProvider, __assign({}, restProps),
+        react_1.default.createElement("div", { className: colorModeClassName }, children)));
+}
+exports.default = ColorModeProvider;
+//# sourceMappingURL=BaseColorModeProvider.js.map

package/dist/components/src/ColorModeProvider/components/BaseColorModeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseColorModeProvider.js","sourceRoot":"","sources":["../../../../../src/ColorModeProvider/components/BaseColorModeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAAuD;AACvD,gDAA0B;AAE1B,qDAAoD;AAGpD,SAAS,iBAAiB,CAAC,EAIE;IAH3B,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,SAAS,cAHa,oBAI1B,CADa;IAEZ;;OAEG;IACH,IAAM,kBAAkB,GAAG,yBAAgB,CAAC,IAAI,CAAC,CAAC;IAElD,OAAO,CACL,8BAAC,6BAAa,eAAK,SAAS;QAC1B,uCAAK,SAAS,EAAE,kBAAkB,IAAG,QAAQ,CAAO,CACtC,CACjB,CAAC;AACJ,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

package/dist/components/src/ColorModeProvider/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ColorModeProviderProps } from "./types";
+export declare function LightModeProvider({ children }: ColorModeProviderProps): JSX.Element;
+export declare function DarkModeProvider({ children }: ColorModeProviderProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/src/ColorModeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ColorModeProvider/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,eAErE;AACD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,eAEpE"}

package/dist/components/src/ColorModeProvider/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DarkModeProvider = exports.LightModeProvider = void 0;
+var react_1 = __importDefault(require("react"));
+var BaseColorModeProvider_1 = __importDefault(require("./components/BaseColorModeProvider"));
+function LightModeProvider(_a) {
+    var children = _a.children;
+    return react_1.default.createElement(BaseColorModeProvider_1.default, { mode: "light" }, children);
+}
+exports.LightModeProvider = LightModeProvider;
+function DarkModeProvider(_a) {
+    var children = _a.children;
+    return react_1.default.createElement(BaseColorModeProvider_1.default, { mode: "dark" }, children);
+}
+exports.DarkModeProvider = DarkModeProvider;
+//# sourceMappingURL=index.js.map

package/dist/components/src/ColorModeProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ColorModeProvider/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,6FAAmE;AAGnE,SAAgB,iBAAiB,CAAC,EAAoC;QAAlC,QAAQ,cAAA;IAC1C,OAAO,8BAAC,+BAAiB,IAAC,IAAI,EAAC,OAAO,IAAE,QAAQ,CAAqB,CAAC;AACxE,CAAC;AAFD,8CAEC;AACD,SAAgB,gBAAgB,CAAC,EAAoC;QAAlC,QAAQ,cAAA;IACzC,OAAO,8BAAC,+BAAiB,IAAC,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAqB,CAAC;AACvE,CAAC;AAFD,4CAEC"}

package/dist/components/src/ColorModeProvider/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ThemeProviderProps } from "../ThemeProvider/types";
+export declare type BaseColorModeProviderProps = {
+    mode: ThemeProviderProps["config"]["themeOverride"];
+    children: React.ReactNode;
+};
+export declare type ColorModeProviderProps = Pick<BaseColorModeProviderProps, "children">;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/src/ColorModeProvider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ColorModeProvider/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,oBAAY,0BAA0B,GAAG;IACvC,IAAI,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,oBAAY,sBAAsB,GAAG,IAAI,CACvC,0BAA0B,EAC1B,UAAU,CACX,CAAC"}

package/dist/components/src/ColorModeProvider/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/src/ColorModeProvider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ColorModeProvider/types.ts"],"names":[],"mappings":""}

package/dist/components/src/Form/FormField/components/FormFieldLabel/index.spec.js

@@ -8,15 +8,15 @@ var react_2 = __importDefault(require("react"));
 var index_1 = __importDefault(require("./index"));
 describe("getInputComponent", function () {
     it("should return a <label> component when no fieldType is provided", function () {
-        var container = (0, react_1.render)(react_2.default.createElement(index_1.default, { fieldType: "text", content: "Foo", id: "foo" })).container;
+        var container = (0, react_1.render)(react_2.default.createElement(index_1.default, { fieldType: "text", content: "Foo", htmlFor: "foo" })).container;
         expect(container.children[0].tagName).toEqual("LABEL");
     });
     it("should return a <label> component when no fieldType `text` is provided", function () {
-        var container = (0, react_1.render)(react_2.default.createElement(index_1.default, { fieldType: "text", content: "Foo", id: "foo" })).container;
+        var container = (0, react_1.render)(react_2.default.createElement(index_1.default, { fieldType: "text", content: "Foo", htmlFor: "foo" })).container;
         expect(container.children[0].tagName).toEqual("LABEL");
     });
     it("should return a <legend> element when passed a checkbox type", function () {
-        var container = (0, react_1.render)(react_2.default.createElement(index_1.default, { fieldType: "checkbox", content: "Foo", id: "foo" })).container;
+        var container = (0, react_1.render)(react_2.default.createElement(index_1.default, { fieldType: "checkbox", content: "Foo", htmlFor: "foo" })).container;
         expect(container.children[0].tagName).toEqual("LEGEND");
     });
 });

package/dist/components/src/Form/FormField/components/FormFieldLabel/index.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../../src/Form/FormField/components/FormFieldLabel/index.spec.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAgD;AAChD,gDAA0B;AAE1B,kDAAqC;AAErC,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,EAAE,CAAC,iEAAiE,EAAE;QAC5D,IAAA,SAAS,GAAK,IAAA,cAAM,EAC1B,8BAAC,eAAc,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,GAAG,CAC3D,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wEAAwE,EAAE;QACnE,IAAA,SAAS,GAAK,IAAA,cAAM,EAC1B,8BAAC,eAAc,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,GAAG,CAC3D,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,8DAA8D,EAAE;QACzD,IAAA,SAAS,GAAK,IAAA,cAAM,EAC1B,8BAAC,eAAc,IAAC,SAAS,EAAC,UAAU,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,GAAG,CAC/D,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../../src/Form/FormField/components/FormFieldLabel/index.spec.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAgD;AAChD,gDAA0B;AAE1B,kDAAqC;AAErC,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,EAAE,CAAC,iEAAiE,EAAE;QAC5D,IAAA,SAAS,GAAK,IAAA,cAAM,EAC1B,8BAAC,eAAc,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,GAAG,CAChE,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wEAAwE,EAAE;QACnE,IAAA,SAAS,GAAK,IAAA,cAAM,EAC1B,8BAAC,eAAc,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,GAAG,CAChE,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,8DAA8D,EAAE;QACzD,IAAA,SAAS,GAAK,IAAA,cAAM,EAC1B,8BAAC,eAAc,IAAC,SAAS,EAAC,UAAU,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,GAAG,CACpE,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/src/Form/FormField/components/FormFieldLabel/types.d.ts

@@ -17,9 +17,9 @@ export declare type FormFieldLabelProps<T> = ExcludedProps & {
      */
     required?: valueof<Pick<CommonProps, "required">>;
     /**
-     * Id used for the Label
+     * Id used for the htmlFor attribute that should match the input's id
      */
-    id: valueof<Pick<HTMLLabelElement, "id">>;
+    htmlFor: valueof<Pick<HTMLLabelElement, "htmlFor">>;
     /**
      * Indicates the associated field type - used to determine whether to use a <label> or <fieldset> element
      */

package/dist/components/src/Form/FormField/components/FormFieldLabel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/Form/FormField/components/FormFieldLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,oBAAY,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,GAC1D,WAAW,GAAG;IACZ,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEJ,oBAAY,iBAAiB,GAAG,UAAU,CAAC;AAE3C,oBAAY,mBAAmB,CAAC,CAAC,IAAI,aAAa,GAAG;IACnD;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAClD;;OAEG;IACH,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC;IAC1C;;OAEG;IACH,SAAS,EAAE,CAAC,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/Form/FormField/components/FormFieldLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,oBAAY,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,GAC1D,WAAW,GAAG;IACZ,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEJ,oBAAY,iBAAiB,GAAG,UAAU,CAAC;AAE3C,oBAAY,mBAAmB,CAAC,CAAC,IAAI,aAAa,GAAG;IACnD;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAClD;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IACpD;;OAEG;IACH,SAAS,EAAE,CAAC,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/components/src/Form/FormField/constants.d.ts

@@ -2498,7 +2498,7 @@ export declare const INPUT_MAPPINGS: {
             resize?: "none" | "auto" | "horizontal" | "vertical" | "smart";
             maxRows?: number;
             minRows?: number;
-        }, "name" | "disabled" | "placeholder" | "value" | "color" | "resize" | "translate" | "css" | "prefix" | "hidden" | "style" | "wrap" | "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "asChild" | "as" | "autoFocus" | "required" | "hasError" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "cols" | "dirName" | "rows" | "minRows" | "maxRows"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+        }, "name" | "disabled" | "placeholder" | "value" | "color" | "resize" | "translate" | "css" | "prefix" | "hidden" | "style" | "wrap" | "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "asChild" | "as" | "autoFocus" | "required" | "cols" | "rows" | "hasError" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "dirName" | "minRows" | "maxRows"> & import("react").RefAttributes<HTMLTextAreaElement>>;
     };
     password: {
         component: import("react").ForwardRefExoticComponent<Pick<Omit<import("../../Input/TextInput/types").TextInputProps<"text", "text">, "type" | "adornEnd"> & {

package/dist/components/src/Form/FormField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Form/FormField/index.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAEV,cAAc,EACd,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,iBAAS,SAAS,CAAC,CAAC,SAAS,qBAAqB,EAAE,EAClD,KAAK,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,KAAK,EACL,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAClB,GAAG,SAAS,EACb,EAAE,cAAc,CAAC,CAAC,CAAC,eA+CnB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Form/FormField/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAEV,cAAc,EACd,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,iBAAS,SAAS,CAAC,CAAC,SAAS,qBAAqB,EAAE,EAClD,KAAK,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,KAAK,EACL,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAClB,GAAG,SAAS,EACb,EAAE,cAAc,CAAC,CAAC,CAAC,eAyDnB;AAED,eAAe,SAAS,CAAC"}

package/dist/components/src/Form/FormField/index.js

@@ -26,7 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var icons_1 = require("@vitality-ds/icons");
+var system_1 = require("@vitality-ds/system");
 var react_1 = __importDefault(require("react"));
+var Box_1 = __importDefault(require("../../Box"));
 var Stack_1 = __importDefault(require("../../Stack"));
 var Tooltip_1 = __importDefault(require("../../Tooltip"));
 var HelperMessage_1 = __importDefault(require("../HelperMessage"));
@@ -42,10 +44,14 @@ function FormField(_a) {
     var ariaErrorId = (0, logic_1.getErrorMessageId)(id);
     return (react_1.default.createElement(Fieldset_1.default, __assign({}, restProps),
         react_1.default.createElement(Stack_1.default, { spacing: "sm", direction: "horizontal", align: "center" },
-            react_1.default.createElement(FormFieldLabel_1.default, { fieldType: type, content: label, id: id, required: required, hasError: hasError }),
-            infoTooltipContent && (react_1.default.createElement(Tooltip_1.default, { content: infoTooltipContent },
+            react_1.default.createElement(Box_1.default, { maxWidth: infoTooltipContent ? "90%" : "100%" },
+                react_1.default.createElement(FormFieldLabel_1.default, { fieldType: type, content: label, htmlFor: id, required: required, hasError: hasError })),
+            infoTooltipContent && (react_1.default.createElement(Box_1.default, { maxWidth: "10%", minWidth: "16px" // this is the same width as the icon size="sm"
+                , minHeight: system_1.theme.fontSizes.caption.value },
                 react_1.default.createElement(styled_1.IconWrapper, null,
-                    react_1.default.createElement(icons_1.Info, { color: "inherit", size: "sm" }))))),
+                    react_1.default.createElement(Tooltip_1.default, { content: infoTooltipContent },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement(icons_1.Info, { color: "inherit", size: "sm" }))))))),
         react_1.default.createElement(Component, __assign({ onChange: onChange, value: value, id: id, "aria-labelledby": id, "aria-describedby": ariaDescribedById, "aria-required": required, "aria-errormessage": ariaErrorId, required: required, hasError: hasError }, inputProps)),
         helperMessage && (react_1.default.createElement(HelperMessage_1.default, { hasError: hasError, id: hasError ? ariaErrorId : ariaDescribedById }, helperMessage))));
 }

package/dist/components/src/Form/FormField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Form/FormField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA0C;AAC1C,gDAA0B;AAE1B,sDAAgC;AAChC,0DAAoC;AACpC,mEAA6C;AAC7C,mEAA6C;AAC7C,+EAAyD;AACzD,iCAIiB;AACjB,mCAAuC;AAOvC,SAAS,SAAS,CAAkC,EAYhC;IAXlB,IAAA,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EACf,SAAS,cAXsC,yHAYnD,CADa;IAEZ,IAAM,cAAc,GAAG,IAAA,yBAAiB,EAAC,IAAI,CAAC,CAAC;IAC/C,IAAM,SAAS,GAAkB,cAAc,CAAC,SAAS,CAAC;IAC1D,IAAM,iBAAiB,GAAG,IAAA,wBAAgB,EAAC,EAAE,CAAC,CAAC;IAC/C,IAAM,WAAW,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,CAAC;IAC1C,OAAO,CACL,8BAAC,kBAAQ,eAAK,SAAS;QACrB,8BAAC,eAAK,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ;YACvD,8BAAC,wBAAc,IACb,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,KAAK,EACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB;YAED,kBAAkB,IAAI,CACrB,8BAAC,iBAAO,IAAC,OAAO,EAAE,kBAAkB;gBAClC,8BAAC,oBAAW;oBACV,8BAAC,YAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,CACtB,CACN,CACX,CACK;QAER,8BAAC,SAAS,aACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,qBACW,EAAE,sBACD,iBAAiB,mBACpB,QAAQ,uBACJ,WAAW,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IACd,UAAU,EACd;QACD,aAAa,IAAI,CAChB,8BAAC,uBAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,IAE7C,aAAa,CACA,CACjB,CACQ,CACZ,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Form/FormField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA0C;AAC1C,8CAA4C;AAC5C,gDAA0B;AAE1B,kDAA4B;AAC5B,sDAAgC;AAChC,0DAAoC;AACpC,mEAA6C;AAC7C,mEAA6C;AAC7C,+EAAyD;AACzD,iCAIiB;AACjB,mCAAuC;AAOvC,SAAS,SAAS,CAAkC,EAYhC;IAXlB,IAAA,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EACf,SAAS,cAXsC,yHAYnD,CADa;IAEZ,IAAM,cAAc,GAAG,IAAA,yBAAiB,EAAC,IAAI,CAAC,CAAC;IAC/C,IAAM,SAAS,GAAkB,cAAc,CAAC,SAAS,CAAC;IAC1D,IAAM,iBAAiB,GAAG,IAAA,wBAAgB,EAAC,EAAE,CAAC,CAAC;IAC/C,IAAM,WAAW,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,CAAC;IAC1C,OAAO,CACL,8BAAC,kBAAQ,eAAK,SAAS;QACrB,8BAAC,eAAK,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ;YACvD,8BAAC,aAAG,IAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;gBAChD,8BAAC,wBAAc,IACb,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACE;YAEL,kBAAkB,IAAI,CACrB,8BAAC,aAAG,IACF,QAAQ,EAAC,KAAK,EACd,QAAQ,EAAC,MAAM,CAAC,+CAA+C;kBAC/D,SAAS,EAAE,cAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;gBAExC,8BAAC,oBAAW;oBACV,8BAAC,iBAAO,IAAC,OAAO,EAAE,kBAAkB;wBAClC;4BACE,8BAAC,YAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,CAC9B,CACE,CACE,CACV,CACP,CACK;QAER,8BAAC,SAAS,aACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,qBACW,EAAE,sBACD,iBAAiB,mBACpB,QAAQ,uBACJ,WAAW,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IACd,UAAU,EACd;QACD,aAAa,IAAI,CAChB,8BAAC,uBAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,IAE7C,aAAa,CACA,CACjB,CACQ,CACZ,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}

package/dist/components/src/Form/FormField/styles/IconWrapper.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconWrapper.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Form/FormField/styles/IconWrapper.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAEG"}
+{"version":3,"file":"IconWrapper.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Form/FormField/styles/IconWrapper.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAUG"}

package/dist/components/src/Form/FormField/styles/IconWrapper.styles.js

@@ -3,5 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var system_1 = require("@vitality-ds/system");
 exports.default = (0, system_1.css)({
     margin: "unset",
+    position: "relative",
+    "& > div": {
+        height: system_1.theme.fontSizes.caption.value,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+    },
 });
 //# sourceMappingURL=IconWrapper.styles.js.map

package/dist/components/src/Form/FormField/styles/IconWrapper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWrapper.styles.js","sourceRoot":"","sources":["../../../../../../src/Form/FormField/styles/IconWrapper.styles.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,MAAM,EAAE,OAAO;CAChB,CAAC,CAAC"}
+{"version":3,"file":"IconWrapper.styles.js","sourceRoot":"","sources":["../../../../../../src/Form/FormField/styles/IconWrapper.styles.ts"],"names":[],"mappings":";;AAAA,8CAAiD;AAEjD,kBAAe,IAAA,YAAG,EAAC;IACjB,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,UAAU;IAEpB,SAAS,EAAE;QACT,MAAM,EAAE,cAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;QACrC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { LabelProps } from "./types";
-declare function Label({ content, id, required, hasError }: LabelProps): JSX.Element;
+declare function Label({ content, htmlFor, required, hasError }: LabelProps): JSX.Element;
 export default Label;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/src/Form/Label/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Form/Label/index.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,iBAAS,KAAK,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,UAAU,eAO7D;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Form/Label/index.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,iBAAS,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,UAAU,eAOlE;AAED,eAAe,KAAK,CAAC"}

package/dist/components/src/Form/Label/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styled_1 = require("./styled");
 function Label(_a) {
-    var content = _a.content, id = _a.id, required = _a.required, hasError = _a.hasError;
-    return (react_1.default.createElement(styled_1.BaseLabel, { htmlFor: id, id: id },
+    var content = _a.content, htmlFor = _a.htmlFor, required = _a.required, hasError = _a.hasError;
+    return (react_1.default.createElement(styled_1.BaseLabel, { htmlFor: htmlFor },
         content,
         required && react_1.default.createElement(styled_1.BaseLabelRequired, { hasError: hasError }, "*")));
 }

package/dist/components/src/Form/Label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Form/Label/index.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,mCAAwD;AAGxD,SAAS,KAAK,CAAC,EAA+C;QAA7C,OAAO,aAAA,EAAE,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAC9C,OAAO,CACL,8BAAC,kBAAS,IAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;QAC3B,OAAO;QACP,QAAQ,IAAI,8BAAC,0BAAiB,IAAC,QAAQ,EAAE,QAAQ,QAAuB,CAC/D,CACb,CAAC;AACJ,CAAC;AAED,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Form/Label/index.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,mCAAwD;AAGxD,SAAS,KAAK,CAAC,EAAoD;QAAlD,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACnD,OAAO,CACL,8BAAC,kBAAS,IAAC,OAAO,EAAE,OAAO;QACxB,OAAO;QACP,QAAQ,IAAI,8BAAC,0BAAiB,IAAC,QAAQ,EAAE,QAAQ,QAAuB,CAC/D,CACb,CAAC;AACJ,CAAC;AAED,kBAAe,KAAK,CAAC"}

package/dist/components/src/Input/Textarea/index.d.ts

@@ -836,6 +836,6 @@ declare const Textarea: React.ForwardRefExoticComponent<Pick<{
     resize?: "none" | "auto" | "horizontal" | "vertical" | "smart";
     maxRows?: number;
     minRows?: number;
-}, "name" | "disabled" | "placeholder" | "value" | "color" | "resize" | "translate" | "css" | "prefix" | "hidden" | "style" | "wrap" | "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "asChild" | "as" | "autoFocus" | "required" | "hasError" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "cols" | "dirName" | "rows" | "minRows" | "maxRows"> & React.RefAttributes<HTMLTextAreaElement>>;
+}, "name" | "disabled" | "placeholder" | "value" | "color" | "resize" | "translate" | "css" | "prefix" | "hidden" | "style" | "wrap" | "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "asChild" | "as" | "autoFocus" | "required" | "cols" | "rows" | "hasError" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "dirName" | "minRows" | "maxRows"> & React.RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/src/Table/components/States/Empty/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { EmptyStateProps } from "./types";
-export declare function EmptyState({ emptyMessage }: EmptyStateProps): JSX.Element;
+import { EmptyProps } from "./types";
+export declare function Empty({ emptyMessage }: EmptyProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/src/Table/components/States/Empty/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/Table/components/States/Empty/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C,wBAAgB,UAAU,CAAC,EAAE,YAAY,EAAE,EAAE,eAAe,eAM3D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/Table/components/States/Empty/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,wBAAgB,KAAK,CAAC,EAAE,YAAY,EAAE,EAAE,UAAU,eAMjD"}

package/dist/components/src/Table/components/States/Empty/index.js

@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyState = void 0;
+exports.Empty = void 0;
 var react_1 = __importDefault(require("react"));
 var Typography_1 = __importDefault(require("../../../../Typography"));
 var constants_1 = require("./constants");
 // eslint-disable-next-line import/prefer-default-export
-function EmptyState(_a) {
+function Empty(_a) {
     var emptyMessage = _a.emptyMessage;
     return (react_1.default.createElement(Typography_1.default, { color: "lowContrast" }, emptyMessage || constants_1.DEFAULT_EMPTY_MESSAGE));
 }
-exports.EmptyState = EmptyState;
+exports.Empty = Empty;
 //# sourceMappingURL=index.js.map

package/dist/components/src/Table/components/States/Empty/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/Table/components/States/Empty/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,sEAAgD;AAChD,yCAAoD;AAGpD,wDAAwD;AACxD,SAAgB,UAAU,CAAC,EAAiC;QAA/B,YAAY,kBAAA;IACvC,OAAO,CACL,8BAAC,oBAAU,IAAC,KAAK,EAAC,aAAa,IAC5B,YAAY,IAAI,iCAAqB,CAC3B,CACd,CAAC;AACJ,CAAC;AAND,gCAMC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/Table/components/States/Empty/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,sEAAgD;AAChD,yCAAoD;AAGpD,wDAAwD;AACxD,SAAgB,KAAK,CAAC,EAA4B;QAA1B,YAAY,kBAAA;IAClC,OAAO,CACL,8BAAC,oBAAU,IAAC,KAAK,EAAC,aAAa,IAC5B,YAAY,IAAI,iCAAqB,CAC3B,CACd,CAAC;AACJ,CAAC;AAND,sBAMC"}

package/dist/components/src/Table/components/States/Empty/types.d.ts

@@ -1,4 +1,4 @@
-export declare type EmptyStateProps = {
+export declare type EmptyProps = {
     /**
      * customises the message for the empty state
      */

package/dist/components/src/Table/components/States/Empty/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/Table/components/States/Empty/types.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/Table/components/States/Empty/types.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,GAAG;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

package/dist/components/src/Table/components/States/TableStatus/index.js

@@ -16,7 +16,7 @@ function getStatusComponent(size, status, errorMessage, errorButtonProps, emptyM
         case "loading":
             return react_1.default.createElement(Loading_1.LoadingState, null);
         case "empty":
-            return react_1.default.createElement(Empty_1.EmptyState, { emptyMessage: emptyMessage });
+            return react_1.default.createElement(Empty_1.Empty, { emptyMessage: emptyMessage });
         default:
             return (react_1.default.createElement(Error_1.ErrorState, { size: size, errorMessage: "An error has occurred. The status of the table is invalid", errorButtonProps: { onClick: null } }));
     }