@veeqo/ui 9.2.0 → 9.4.0

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { TooltipProps } from './types';\n\nimport { Container, Hoverable } from './components/styled';\nimport { TooltipPopover } from './components/TooltipPopover';\n\nexport const Tooltip = ({\n  children,\n  text,\n  content,\n  config,\n  reversed = false,\n  className,\n  withTriangle,\n  initialShouldShow = false,\n  useReactPortal = true,\n}: TooltipProps): JSX.Element | null => {\n  const [shouldShow, setShouldShow] = useState(initialShouldShow);\n  const [hoverableElement, setHoverableElement] = useState<HTMLDivElement | null>(null);\n\n  const hasText = text ? text.trim().length > 0 : false;\n\n  const classNames = {\n    container: className && `${className} ${className}-container`,\n    tip: className && `${className}-tip`,\n    wrap: className && `${className}-wrap`,\n    triangle: className && `${className}-triangle`,\n    hoverable: className && `${className}-hoverable`,\n  };\n\n  const hasContent = !!(content || hasText);\n  if (!hasContent) return children;\n\n  const show = () => setShouldShow(true);\n  const hide = () => setShouldShow(false);\n\n  const tooltipMarkup = shouldShow && hasContent && (\n    <TooltipPopover\n      classNames={classNames}\n      hoverableElement={hoverableElement}\n      config={config}\n      reversed={reversed}\n      withTriangle={withTriangle}\n      text={text}\n      content={content}\n    />\n  );\n\n  return (\n    <Container className={classNames.container}>\n      {useReactPortal ? ReactDOM.createPortal(tooltipMarkup, document.body) : tooltipMarkup}\n      <Hoverable\n        ref={setHoverableElement}\n        className={classNames.hoverable}\n        onMouseEnter={show}\n        onMouseLeave={hide}\n      >\n        {children}\n      </Hoverable>\n    </Container>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,YAAY,EACZ,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,IAAI,GACR,KAAwB;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC;AAErF,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK;AAErD,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,SAAS,EAAE,SAAS,IAAI,GAAG,SAAS,CAAA,CAAA,EAAI,SAAS,CAAY,UAAA,CAAA;AAC7D,QAAA,GAAG,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAM,IAAA,CAAA;AACpC,QAAA,IAAI,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAO,KAAA,CAAA;AACtC,QAAA,QAAQ,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAW,SAAA,CAAA;AAC9C,QAAA,SAAS,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAY,UAAA,CAAA;KACjD;IAED,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,IAAI,OAAO,CAAC;AACzC,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,QAAQ;IAEhC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC;AAEvC,IAAA,MAAM,aAAa,GAAG,UAAU,IAAI,UAAU,KAC5C,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAAA,CAChB,CACH;IAED,QACE,oBAAC,SAAS,EAAA,EAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAA;AACvC,QAAA,cAAc,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,aAAa;QACrF,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,IAEjB,QAAQ,CACC,CACF;AAEhB;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TooltipProps } from './types';\nimport { Container, Hoverable } from './components/styled';\nimport { TooltipPopover } from './components/TooltipPopover';\nimport { Portal } from '../Portal';\n\nexport const Tooltip = ({\n  children,\n  text,\n  content,\n  config,\n  reversed = false,\n  className,\n  withTriangle,\n  initialShouldShow = false,\n  useReactPortal = true,\n}: TooltipProps): JSX.Element | null => {\n  const [shouldShow, setShouldShow] = useState(initialShouldShow);\n  const [hoverableElement, setHoverableElement] = useState<HTMLDivElement | null>(null);\n\n  const hasText = text ? text.trim().length > 0 : false;\n\n  const classNames = {\n    container: className && `${className} ${className}-container`,\n    tip: className && `${className}-tip`,\n    wrap: className && `${className}-wrap`,\n    triangle: className && `${className}-triangle`,\n    hoverable: className && `${className}-hoverable`,\n  };\n\n  const hasContent = !!(content || hasText);\n  if (!hasContent) return children;\n\n  const show = () => setShouldShow(true);\n  const hide = () => setShouldShow(false);\n\n  const tooltipContent = (\n    <TooltipPopover\n      classNames={classNames}\n      hoverableElement={hoverableElement}\n      config={config}\n      reversed={reversed}\n      withTriangle={withTriangle}\n      text={text}\n      content={content}\n    />\n  );\n\n  const tooltipMarkup = useReactPortal ? <Portal>{tooltipContent}</Portal> : tooltipContent;\n\n  return (\n    <Container className={classNames.container}>\n      {shouldShow && tooltipMarkup}\n      <Hoverable\n        ref={setHoverableElement}\n        className={classNames.hoverable}\n        onMouseEnter={show}\n        onMouseLeave={hide}\n      >\n        {children}\n      </Hoverable>\n    </Container>\n  );\n};\n"],"names":[],"mappings":";;;;;AAMO,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,YAAY,EACZ,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,IAAI,GACR,KAAwB;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC;AAErF,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK;AAErD,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,SAAS,EAAE,SAAS,IAAI,GAAG,SAAS,CAAA,CAAA,EAAI,SAAS,CAAY,UAAA,CAAA;AAC7D,QAAA,GAAG,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAM,IAAA,CAAA;AACpC,QAAA,IAAI,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAO,KAAA,CAAA;AACtC,QAAA,QAAQ,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAW,SAAA,CAAA;AAC9C,QAAA,SAAS,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAY,UAAA,CAAA;KACjD;IAED,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,IAAI,OAAO,CAAC;AACzC,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,QAAQ;IAEhC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC;AAEvC,IAAA,MAAM,cAAc,IAClB,KAAA,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAAA,CAChB,CACH;AAED,IAAA,MAAM,aAAa,GAAG,cAAc,GAAG,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA,EAAE,cAAc,CAAU,GAAG,cAAc;IAEzF,QACE,oBAAC,SAAS,EAAA,EAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAA;AACvC,QAAA,UAAU,IAAI,aAAa;QAC5B,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,IAEjB,QAAQ,CACC,CACF;AAEhB;;;;"}

package/dist/components/WeightInput/WeightInput.cjs

@@ -1,31 +1,32 @@
 'use strict';
 
 var React = require('react');
+var index$1 = require('../../theme/index.cjs');
 var types = require('./types.cjs');
 var types$1 = require('../types.cjs');
 var index = require('../InputGroup/index.cjs');
-var withLabels = require('../../hoc/withLabels/withLabels.cjs');
 var styled = require('./styled.cjs');
 var blockInvalidCharacters = require('../../utils/blockInvalidCharacters.cjs');
 var invalidCharactersNumeric = require('../../utils/invalidCharactersNumeric.cjs');
+var InputGroupLabel = require('../InputGroup/components/InputGroupLabel/InputGroupLabel.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 const blockInvalidChars = (e) => blockInvalidCharacters.blockInvalidCharacters(e, invalidCharactersNumeric.invalidCharsList);
-const WeightInput = withLabels.withLabels(({ size = types$1.ComponentSize.base, hasError, className, ...rest }) => (React__default.default.createElement(styled.Container, { className: className },
+const WeightInput = ({ size = types$1.ComponentSize.base, hasError, className, ...rest }) => (React__default.default.createElement(styled.Container, { className: className, role: "group", "aria-label": "Weight" },
     React__default.default.createElement(styled.Row, null,
         types.isWeightMetric(rest) && (React__default.default.createElement(index.InputGroup, null,
-            React__default.default.createElement(styled.TextField, { size: size, onChange: rest.handleChangeGram, name: "gram", type: "number", value: rest.gram, hasError: hasError, min: "0", step: "any", onKeyDown: blockInvalidChars, ...rest }),
-            React__default.default.createElement(styled.Button, { hasError: hasError, size: size }, "g"))),
+            React__default.default.createElement(styled.TextField, { name: "gram", type: "number", value: rest.gram, "aria-label": "Grams", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangeGram, onKeyDown: blockInvalidChars }),
+            React__default.default.createElement(InputGroupLabel.InputGroupLabel, { unit: "g", size: size }))),
         types.isWeightImperial(rest) && (React__default.default.createElement(React__default.default.Fragment, null,
+            React__default.default.createElement(index.InputGroup, { style: { marginRight: index$1.theme.sizes.xs } },
+                React__default.default.createElement(styled.TextField, { name: "pound", type: "number", value: rest.pound, "aria-label": "Pounds", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangePound, onKeyDown: blockInvalidChars }),
+                React__default.default.createElement(InputGroupLabel.InputGroupLabel, { unit: "lb", size: size })),
             React__default.default.createElement(index.InputGroup, null,
-                React__default.default.createElement(styled.TextField, { size: size, onChange: rest.handleChangePound, name: "pound", type: "number", value: rest.pound, hasError: hasError, step: "any", min: "0", onKeyDown: blockInvalidChars, ...rest }),
-                React__default.default.createElement(styled.Button, { hasError: hasError, size: size }, "lb")),
-            React__default.default.createElement(index.InputGroup, null,
-                React__default.default.createElement(styled.TextField, { size: size, onChange: rest.handleChangeOunce, name: "ounce", type: "number", value: rest.ounce, hasError: hasError, min: "0", step: "any", onKeyDown: blockInvalidChars, ...rest }),
-                React__default.default.createElement(styled.Button, { hasError: hasError, size: size }, "oz"))))))));
+                React__default.default.createElement(styled.TextField, { name: "ounce", type: "number", value: rest.ounce, "aria-label": "Ounces", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangeOunce, onKeyDown: blockInvalidChars }),
+                React__default.default.createElement(InputGroupLabel.InputGroupLabel, { unit: "oz", size: size })))))));
 WeightInput.displayName = 'WeightInput';
 WeightInput.defaultProps = {
     weightUnit: 'lb',

package/dist/components/WeightInput/WeightInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WeightInput.cjs","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport { ComponentSize } from '../types';\nimport { InputGroup } from '../InputGroup';\nimport { withLabels } from '../../hoc';\n\nimport { Container, TextField, Row, Button } from './styled';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\nexport const WeightInput: FC<WeightProps> = withLabels(\n  ({ size = ComponentSize.base, hasError, className, ...rest }: WeightProps) => (\n    <Container className={className}>\n      <Row>\n        {isWeightMetric(rest) && (\n          <InputGroup>\n            <TextField\n              size={size}\n              onChange={rest.handleChangeGram}\n              name=\"gram\"\n              type=\"number\"\n              value={rest.gram}\n              hasError={hasError}\n              min=\"0\"\n              step=\"any\"\n              onKeyDown={blockInvalidChars}\n              {...rest}\n            />\n            <Button hasError={hasError} size={size}>\n              g\n            </Button>\n          </InputGroup>\n        )}\n\n        {isWeightImperial(rest) && (\n          <>\n            <InputGroup>\n              <TextField\n                size={size}\n                onChange={rest.handleChangePound}\n                name=\"pound\"\n                type=\"number\"\n                value={rest.pound}\n                hasError={hasError}\n                step=\"any\"\n                min=\"0\"\n                onKeyDown={blockInvalidChars}\n                {...rest}\n              />\n              <Button hasError={hasError} size={size}>\n                lb\n              </Button>\n            </InputGroup>\n            <InputGroup>\n              <TextField\n                size={size}\n                onChange={rest.handleChangeOunce}\n                name=\"ounce\"\n                type=\"number\"\n                value={rest.ounce}\n                hasError={hasError}\n                min=\"0\"\n                step=\"any\"\n                onKeyDown={blockInvalidChars}\n                {...rest}\n              />\n              <Button hasError={hasError} size={size}>\n                oz\n              </Button>\n            </InputGroup>\n          </>\n        )}\n      </Row>\n    </Container>\n  ),\n);\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["blockInvalidCharacters","invalidCharsList","withLabels","ComponentSize","React","Container","Row","isWeightMetric","InputGroup","TextField","Button","isWeightImperial"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAKA,6CAAsB,CAAC,CAAC,EAAEC,yCAAgB,CAAC;AAC1F,MAAM,WAAW,GAAoBC,qBAAU,CACpD,CAAC,EAAE,IAAI,GAAGC,qBAAa,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAe,MACvEC,sBAAC,CAAA,aAAA,CAAAC,gBAAS,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA;AAC7B,IAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;AACD,QAAAC,oBAAc,CAAC,IAAI,CAAC,KACnBH,qCAACI,gBAAU,EAAA,IAAA;AACT,YAAAJ,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACR,EAAA,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;YACFL,sBAAC,CAAA,aAAA,CAAAM,aAAM,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAE7B,EAAA,GAAA,CAAA,CACE,CACd;AAEA,QAAAC,sBAAgB,CAAC,IAAI,CAAC,KACrBP,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,YAAAA,sBAAA,CAAA,aAAA,CAACI,gBAAU,EAAA,IAAA;AACT,gBAAAJ,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACR,EAAA,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,EACV,GAAG,EAAC,GAAG,EACP,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;gBACFL,sBAAC,CAAA,aAAA,CAAAM,aAAM,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAA,EAAA,IAAA,CAE7B,CACE;AACb,YAAAN,sBAAA,CAAA,aAAA,CAACI,gBAAU,EAAA,IAAA;AACT,gBAAAJ,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACR,EAAA,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;AACF,gBAAAL,sBAAA,CAAA,aAAA,CAACM,aAAM,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAA,EAAA,IAAA,CAE7B,CACE,CACZ,CACJ,CACG,CACI,CACb;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;AAEvC,WAAW,CAAC,YAAY,GAAG;AACzB,IAAA,UAAU,EAAE,IAAI;CACjB;;;;"}
+{"version":3,"file":"WeightInput.cjs","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { theme } from 'Theme';\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport { ComponentSize } from '../types';\nimport { InputGroup, InputGroupLabel } from '../InputGroup';\n\nimport { Container, TextField, Row } from './styled';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput: FC<WeightProps> = ({\n  size = ComponentSize.base,\n  hasError,\n  className,\n  ...rest\n}: WeightProps) => (\n  <Container className={className} role=\"group\" aria-label=\"Weight\">\n    <Row>\n      {isWeightMetric(rest) && (\n        <InputGroup>\n          <TextField\n            name=\"gram\"\n            type=\"number\"\n            value={rest.gram}\n            aria-label=\"Grams\"\n            min=\"0\"\n            step=\"any\"\n            size={size}\n            hasError={hasError}\n            onChange={rest.handleChangeGram}\n            onKeyDown={blockInvalidChars}\n          />\n          <InputGroupLabel unit=\"g\" size={size} />\n        </InputGroup>\n      )}\n\n      {isWeightImperial(rest) && (\n        <>\n          <InputGroup style={{ marginRight: theme.sizes.xs }}>\n            <TextField\n              name=\"pound\"\n              type=\"number\"\n              value={rest.pound}\n              aria-label=\"Pounds\"\n              min=\"0\"\n              step=\"any\"\n              size={size}\n              hasError={hasError}\n              onChange={rest.handleChangePound}\n              onKeyDown={blockInvalidChars}\n            />\n            <InputGroupLabel unit=\"lb\" size={size} />\n          </InputGroup>\n          <InputGroup>\n            <TextField\n              name=\"ounce\"\n              type=\"number\"\n              value={rest.ounce}\n              aria-label=\"Ounces\"\n              min=\"0\"\n              step=\"any\"\n              size={size}\n              hasError={hasError}\n              onChange={rest.handleChangeOunce}\n              onKeyDown={blockInvalidChars}\n            />\n            <InputGroupLabel unit=\"oz\" size={size} />\n          </InputGroup>\n        </>\n      )}\n    </Row>\n  </Container>\n);\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["blockInvalidCharacters","invalidCharsList","ComponentSize","React","Container","Row","isWeightMetric","InputGroup","TextField","InputGroupLabel","isWeightImperial","theme"],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAKA,6CAAsB,CAAC,CAAC,EAAEC,yCAAgB,CAAC;AAE1F,MAAM,WAAW,GAAoB,CAAC,EAC3C,IAAI,GAAGC,qBAAa,CAAC,IAAI,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACK,MACZC,qCAACC,gBAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,gBAAY,QAAQ,EAAA;AAC/D,IAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;AACD,QAAAC,oBAAc,CAAC,IAAI,CAAC,KACnBH,qCAACI,gBAAU,EAAA,IAAA;AACT,YAAAJ,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACR,EAAA,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,IAAI,gBACL,OAAO,EAClB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,SAAS,EAAE,iBAAiB,EAC5B,CAAA;YACFL,sBAAC,CAAA,aAAA,CAAAM,+BAAe,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA,CAC7B,CACd;AAEA,QAAAC,sBAAgB,CAAC,IAAI,CAAC,KACrBP,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,YAAAA,sBAAA,CAAA,aAAA,CAACI,gBAAU,EAAA,EAAC,KAAK,EAAE,EAAE,WAAW,EAAEI,aAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAA;AAChD,gBAAAR,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACR,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,gBACN,QAAQ,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,SAAS,EAAE,iBAAiB,EAC5B,CAAA;gBACFL,sBAAC,CAAA,aAAA,CAAAM,+BAAe,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAC9B;AACb,YAAAN,sBAAA,CAAA,aAAA,CAACI,gBAAU,EAAA,IAAA;AACT,gBAAAJ,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACR,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,gBACN,QAAQ,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,SAAS,EAAE,iBAAiB,EAC5B,CAAA;AACF,gBAAAL,sBAAA,CAAA,aAAA,CAACM,+BAAe,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAC9B,CACZ,CACJ,CACG,CACI;AAGd,WAAW,CAAC,WAAW,GAAG,aAAa;AAEvC,WAAW,CAAC,YAAY,GAAG;AACzB,IAAA,UAAU,EAAE,IAAI;CACjB;;;;"}

package/dist/components/WeightInput/WeightInput.js

@@ -1,25 +1,26 @@
 import React from 'react';
+import { theme } from '../../theme/index.js';
 import { isWeightMetric, isWeightImperial } from './types.js';
 import { ComponentSize } from '../types.js';
 import { InputGroup } from '../InputGroup/index.js';
-import { withLabels } from '../../hoc/withLabels/withLabels.js';
-import { Container, Row, TextField as StyledTextField, Button as StyledButton } from './styled.js';
+import { Container, Row, TextField as StyledTextField } from './styled.js';
 import { blockInvalidCharacters } from '../../utils/blockInvalidCharacters.js';
 import { invalidCharsList } from '../../utils/invalidCharactersNumeric.js';
+import { InputGroupLabel } from '../InputGroup/components/InputGroupLabel/InputGroupLabel.js';
 
 const blockInvalidChars = (e) => blockInvalidCharacters(e, invalidCharsList);
-const WeightInput = withLabels(({ size = ComponentSize.base, hasError, className, ...rest }) => (React.createElement(Container, { className: className },
+const WeightInput = ({ size = ComponentSize.base, hasError, className, ...rest }) => (React.createElement(Container, { className: className, role: "group", "aria-label": "Weight" },
     React.createElement(Row, null,
         isWeightMetric(rest) && (React.createElement(InputGroup, null,
-            React.createElement(StyledTextField, { size: size, onChange: rest.handleChangeGram, name: "gram", type: "number", value: rest.gram, hasError: hasError, min: "0", step: "any", onKeyDown: blockInvalidChars, ...rest }),
-            React.createElement(StyledButton, { hasError: hasError, size: size }, "g"))),
+            React.createElement(StyledTextField, { name: "gram", type: "number", value: rest.gram, "aria-label": "Grams", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangeGram, onKeyDown: blockInvalidChars }),
+            React.createElement(InputGroupLabel, { unit: "g", size: size }))),
         isWeightImperial(rest) && (React.createElement(React.Fragment, null,
+            React.createElement(InputGroup, { style: { marginRight: theme.sizes.xs } },
+                React.createElement(StyledTextField, { name: "pound", type: "number", value: rest.pound, "aria-label": "Pounds", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangePound, onKeyDown: blockInvalidChars }),
+                React.createElement(InputGroupLabel, { unit: "lb", size: size })),
             React.createElement(InputGroup, null,
-                React.createElement(StyledTextField, { size: size, onChange: rest.handleChangePound, name: "pound", type: "number", value: rest.pound, hasError: hasError, step: "any", min: "0", onKeyDown: blockInvalidChars, ...rest }),
-                React.createElement(StyledButton, { hasError: hasError, size: size }, "lb")),
-            React.createElement(InputGroup, null,
-                React.createElement(StyledTextField, { size: size, onChange: rest.handleChangeOunce, name: "ounce", type: "number", value: rest.ounce, hasError: hasError, min: "0", step: "any", onKeyDown: blockInvalidChars, ...rest }),
-                React.createElement(StyledButton, { hasError: hasError, size: size }, "oz"))))))));
+                React.createElement(StyledTextField, { name: "ounce", type: "number", value: rest.ounce, "aria-label": "Ounces", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangeOunce, onKeyDown: blockInvalidChars }),
+                React.createElement(InputGroupLabel, { unit: "oz", size: size })))))));
 WeightInput.displayName = 'WeightInput';
 WeightInput.defaultProps = {
     weightUnit: 'lb',

package/dist/components/WeightInput/WeightInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeightInput.js","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport { ComponentSize } from '../types';\nimport { InputGroup } from '../InputGroup';\nimport { withLabels } from '../../hoc';\n\nimport { Container, TextField, Row, Button } from './styled';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\nexport const WeightInput: FC<WeightProps> = withLabels(\n  ({ size = ComponentSize.base, hasError, className, ...rest }: WeightProps) => (\n    <Container className={className}>\n      <Row>\n        {isWeightMetric(rest) && (\n          <InputGroup>\n            <TextField\n              size={size}\n              onChange={rest.handleChangeGram}\n              name=\"gram\"\n              type=\"number\"\n              value={rest.gram}\n              hasError={hasError}\n              min=\"0\"\n              step=\"any\"\n              onKeyDown={blockInvalidChars}\n              {...rest}\n            />\n            <Button hasError={hasError} size={size}>\n              g\n            </Button>\n          </InputGroup>\n        )}\n\n        {isWeightImperial(rest) && (\n          <>\n            <InputGroup>\n              <TextField\n                size={size}\n                onChange={rest.handleChangePound}\n                name=\"pound\"\n                type=\"number\"\n                value={rest.pound}\n                hasError={hasError}\n                step=\"any\"\n                min=\"0\"\n                onKeyDown={blockInvalidChars}\n                {...rest}\n              />\n              <Button hasError={hasError} size={size}>\n                lb\n              </Button>\n            </InputGroup>\n            <InputGroup>\n              <TextField\n                size={size}\n                onChange={rest.handleChangeOunce}\n                name=\"ounce\"\n                type=\"number\"\n                value={rest.ounce}\n                hasError={hasError}\n                min=\"0\"\n                step=\"any\"\n                onKeyDown={blockInvalidChars}\n                {...rest}\n              />\n              <Button hasError={hasError} size={size}>\n                oz\n              </Button>\n            </InputGroup>\n          </>\n        )}\n      </Row>\n    </Container>\n  ),\n);\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["TextField","Button"],"mappings":";;;;;;;;;AAWA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAK,sBAAsB,CAAC,CAAC,EAAE,gBAAgB,CAAC;AAC1F,MAAM,WAAW,GAAoB,UAAU,CACpD,CAAC,EAAE,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAe,MACvE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA;AAC7B,IAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;AACD,QAAA,cAAc,CAAC,IAAI,CAAC,KACnB,oBAAC,UAAU,EAAA,IAAA;AACT,YAAA,KAAA,CAAA,aAAA,CAACA,eAAS,EACR,EAAA,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;YACF,KAAC,CAAA,aAAA,CAAAC,YAAM,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAE7B,EAAA,GAAA,CAAA,CACE,CACd;AAEA,QAAA,gBAAgB,CAAC,IAAI,CAAC,KACrB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;AACT,gBAAA,KAAA,CAAA,aAAA,CAACD,eAAS,EACR,EAAA,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,EACV,GAAG,EAAC,GAAG,EACP,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;gBACF,KAAC,CAAA,aAAA,CAAAC,YAAM,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAA,EAAA,IAAA,CAE7B,CACE;AACb,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;AACT,gBAAA,KAAA,CAAA,aAAA,CAACD,eAAS,EACR,EAAA,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;AACF,gBAAA,KAAA,CAAA,aAAA,CAACC,YAAM,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAA,EAAA,IAAA,CAE7B,CACE,CACZ,CACJ,CACG,CACI,CACb;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;AAEvC,WAAW,CAAC,YAAY,GAAG;AACzB,IAAA,UAAU,EAAE,IAAI;CACjB;;;;"}
+{"version":3,"file":"WeightInput.js","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { theme } from 'Theme';\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport { ComponentSize } from '../types';\nimport { InputGroup, InputGroupLabel } from '../InputGroup';\n\nimport { Container, TextField, Row } from './styled';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput: FC<WeightProps> = ({\n  size = ComponentSize.base,\n  hasError,\n  className,\n  ...rest\n}: WeightProps) => (\n  <Container className={className} role=\"group\" aria-label=\"Weight\">\n    <Row>\n      {isWeightMetric(rest) && (\n        <InputGroup>\n          <TextField\n            name=\"gram\"\n            type=\"number\"\n            value={rest.gram}\n            aria-label=\"Grams\"\n            min=\"0\"\n            step=\"any\"\n            size={size}\n            hasError={hasError}\n            onChange={rest.handleChangeGram}\n            onKeyDown={blockInvalidChars}\n          />\n          <InputGroupLabel unit=\"g\" size={size} />\n        </InputGroup>\n      )}\n\n      {isWeightImperial(rest) && (\n        <>\n          <InputGroup style={{ marginRight: theme.sizes.xs }}>\n            <TextField\n              name=\"pound\"\n              type=\"number\"\n              value={rest.pound}\n              aria-label=\"Pounds\"\n              min=\"0\"\n              step=\"any\"\n              size={size}\n              hasError={hasError}\n              onChange={rest.handleChangePound}\n              onKeyDown={blockInvalidChars}\n            />\n            <InputGroupLabel unit=\"lb\" size={size} />\n          </InputGroup>\n          <InputGroup>\n            <TextField\n              name=\"ounce\"\n              type=\"number\"\n              value={rest.ounce}\n              aria-label=\"Ounces\"\n              min=\"0\"\n              step=\"any\"\n              size={size}\n              hasError={hasError}\n              onChange={rest.handleChangeOunce}\n              onKeyDown={blockInvalidChars}\n            />\n            <InputGroupLabel unit=\"oz\" size={size} />\n          </InputGroup>\n        </>\n      )}\n    </Row>\n  </Container>\n);\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["TextField"],"mappings":";;;;;;;;;;AAWA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAK,sBAAsB,CAAC,CAAC,EAAE,gBAAgB,CAAC;AAE1F,MAAM,WAAW,GAAoB,CAAC,EAC3C,IAAI,GAAG,aAAa,CAAC,IAAI,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACK,MACZ,oBAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,gBAAY,QAAQ,EAAA;AAC/D,IAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;AACD,QAAA,cAAc,CAAC,IAAI,CAAC,KACnB,oBAAC,UAAU,EAAA,IAAA;AACT,YAAA,KAAA,CAAA,aAAA,CAACA,eAAS,EACR,EAAA,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,IAAI,gBACL,OAAO,EAClB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,SAAS,EAAE,iBAAiB,EAC5B,CAAA;YACF,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA,CAC7B,CACd;AAEA,QAAA,gBAAgB,CAAC,IAAI,CAAC,KACrB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAA;AAChD,gBAAA,KAAA,CAAA,aAAA,CAACA,eAAS,EACR,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,gBACN,QAAQ,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,SAAS,EAAE,iBAAiB,EAC5B,CAAA;gBACF,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAC9B;AACb,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;AACT,gBAAA,KAAA,CAAA,aAAA,CAACA,eAAS,EACR,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,gBACN,QAAQ,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,SAAS,EAAE,iBAAiB,EAC5B,CAAA;AACF,gBAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAC9B,CACZ,CACJ,CACG,CACI;AAGd,WAAW,CAAC,WAAW,GAAG,aAAa;AAEvC,WAAW,CAAC,YAAY,GAAG;AACzB,IAAA,UAAU,EAAE,IAAI;CACjB;;;;"}

package/dist/components/WeightInput/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var withLabels = require('../../hoc/withLabels/withLabels.cjs');
+require('react');
+var WeightInput$1 = require('./WeightInput.cjs');
+
+const WeightInput = withLabels.withLabels(WeightInput$1.WeightInput);
+
+exports.WeightInput = WeightInput;
+//# sourceMappingURL=index.cjs.map

package/dist/components/WeightInput/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/WeightInput/index.ts"],"sourcesContent":["import { withLabels } from '../../hoc';\nimport { WeightInput as BaseWeightInput } from './WeightInput';\n\nexport const WeightInput = withLabels(BaseWeightInput);\n"],"names":["withLabels","BaseWeightInput"],"mappings":";;;;;;MAGa,WAAW,GAAGA,qBAAU,CAACC,yBAAe;;;;"}

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

@@ -1 +1,2 @@
-export { WeightInput } from './WeightInput';
+/// <reference types="react" />
+export declare const WeightInput: import("react").FC<import("./types").WeightProps & import("../../hoc/withLabels/withLabels").WithLabelsProps>;

package/dist/components/WeightInput/index.js

@@ -0,0 +1,8 @@
+import { withLabels } from '../../hoc/withLabels/withLabels.js';
+import 'react';
+import { WeightInput as WeightInput$1 } from './WeightInput.js';
+
+const WeightInput = withLabels(WeightInput$1);
+
+export { WeightInput };
+//# sourceMappingURL=index.js.map

package/dist/components/WeightInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/WeightInput/index.ts"],"sourcesContent":["import { withLabels } from '../../hoc';\nimport { WeightInput as BaseWeightInput } from './WeightInput';\n\nexport const WeightInput = withLabels(BaseWeightInput);\n"],"names":["BaseWeightInput"],"mappings":";;;;MAGa,WAAW,GAAG,UAAU,CAACA,aAAe;;;;"}

package/dist/components/WeightInput/styled.cjs

@@ -13,12 +13,11 @@ var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--18asccd" }) `display:flex;flex-direction:column;position:relative;`;
 const Row = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--hefld1" }) `display:flex;flex-direction:row;`;
 const StyledTextField = styled__default.default(index.TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--1w2y0ok" }) `&&&{text-align:left;width:52px;}`;
-const StyledButton = styled__default.default(Button.Button).withConfig({ displayName: "vui--StyledButton", componentId: "vui--fqwvpz" }) `padding:0 4px;border-color:${index$1.theme.colors.neutral.ink.lightest};margin-right:4px;${(props) => props.hasError &&
+styled__default.default(Button.Button).withConfig({ displayName: "vui--StyledButton", componentId: "vui--fqwvpz" }) `padding:0 4px;border-color:${index$1.theme.colors.neutral.ink.lightest};margin-right:4px;${(props) => props.hasError &&
     `
     border-color: ${index$1.theme.colors.secondary.red.base};
   `};`;
 
-exports.Button = StyledButton;
 exports.Container = Container;
 exports.Row = Row;
 exports.TextField = StyledTextField;

package/dist/components/WeightInput/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/WeightInput/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nimport { Button } from '../Button';\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\n\nconst Container = styled(BaseContainer)`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`;\n\nconst Row = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst StyledTextField = styled(TextField)`\n  &&& {\n    text-align: left;\n    width: 52px;\n  }\n`;\n\nconst StyledButton = styled(Button)<{ hasError?: boolean }>`\n  padding: 0 4px;\n  border-color: ${theme.colors.neutral.ink.lightest};\n  margin-right: 4px;\n\n  ${(props) =>\n    props.hasError &&\n    `\n    border-color: ${theme.colors.secondary.red.base};\n  `};\n`;\n\nexport { Container, Row, StyledTextField as TextField, StyledButton as Button };\n"],"names":["styled","BaseContainer","TextField","Button","theme"],"mappings":";;;;;;;;;;;;AAQA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC;AAMvC,MAAM,GAAG,GAAGD,uBAAM,CAACC,2BAAa,CAAC;AAKjC,MAAM,eAAe,GAAGD,uBAAM,CAACE,eAAS,CAAC;AAOnC,MAAA,YAAY,GAAGF,uBAAM,CAACG,aAAM,CAAC,CAEjB,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2BAAA,EAAAC,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,kBAAA,EAG/C,CAAC,KAAK,KACN,KAAK,CAAC,QAAQ;AACd,IAAA;AACgB,kBAAA,EAAAA,aAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;AAChD,EAAA,CAAA,CAAA,CAAA;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/WeightInput/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nimport { Button } from '../Button';\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\n\nconst Container = styled(BaseContainer)`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`;\n\nconst Row = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst StyledTextField = styled(TextField)`\n  &&& {\n    text-align: left;\n    width: 52px;\n  }\n`;\n\nconst StyledButton = styled(Button)<{ hasError?: boolean }>`\n  padding: 0 4px;\n  border-color: ${theme.colors.neutral.ink.lightest};\n  margin-right: 4px;\n\n  ${(props) =>\n    props.hasError &&\n    `\n    border-color: ${theme.colors.secondary.red.base};\n  `};\n`;\n\nexport { Container, Row, StyledTextField as TextField, StyledButton as Button };\n"],"names":["styled","BaseContainer","TextField","Button","theme"],"mappings":";;;;;;;;;;;;AAQA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC;AAMvC,MAAM,GAAG,GAAGD,uBAAM,CAACC,2BAAa,CAAC;AAKjC,MAAM,eAAe,GAAGD,uBAAM,CAACE,eAAS,CAAC;AAOpBF,uBAAM,CAACG,aAAM,CAAC,CAEjB,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2BAAA,EAAAC,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,kBAAA,EAG/C,CAAC,KAAK,KACN,KAAK,CAAC,QAAQ;AACd,IAAA;AACgB,kBAAA,EAAAA,aAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;AAChD,EAAA,CAAA,CAAA,CAAA;;;;;;"}

package/dist/components/WeightInput/styled.js

@@ -7,10 +7,10 @@ import { BaseContainer } from '../BaseContainer/BaseContainer.js';
 const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--18asccd" }) `display:flex;flex-direction:column;position:relative;`;
 const Row = styled(BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--hefld1" }) `display:flex;flex-direction:row;`;
 const StyledTextField = styled(TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--1w2y0ok" }) `&&&{text-align:left;width:52px;}`;
-const StyledButton = styled(Button).withConfig({ displayName: "vui--StyledButton", componentId: "vui--fqwvpz" }) `padding:0 4px;border-color:${theme.colors.neutral.ink.lightest};margin-right:4px;${(props) => props.hasError &&
+styled(Button).withConfig({ displayName: "vui--StyledButton", componentId: "vui--fqwvpz" }) `padding:0 4px;border-color:${theme.colors.neutral.ink.lightest};margin-right:4px;${(props) => props.hasError &&
     `
     border-color: ${theme.colors.secondary.red.base};
   `};`;
 
-export { StyledButton as Button, Container, Row, StyledTextField as TextField };
+export { Container, Row, StyledTextField as TextField };
 //# sourceMappingURL=styled.js.map

package/dist/components/WeightInput/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/WeightInput/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nimport { Button } from '../Button';\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\n\nconst Container = styled(BaseContainer)`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`;\n\nconst Row = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst StyledTextField = styled(TextField)`\n  &&& {\n    text-align: left;\n    width: 52px;\n  }\n`;\n\nconst StyledButton = styled(Button)<{ hasError?: boolean }>`\n  padding: 0 4px;\n  border-color: ${theme.colors.neutral.ink.lightest};\n  margin-right: 4px;\n\n  ${(props) =>\n    props.hasError &&\n    `\n    border-color: ${theme.colors.secondary.red.base};\n  `};\n`;\n\nexport { Container, Row, StyledTextField as TextField, StyledButton as Button };\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC;AAMvC,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAKjC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC;AAOnC,MAAA,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAEjB,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,kBAAA,EAG/C,CAAC,KAAK,KACN,KAAK,CAAC,QAAQ;AACd,IAAA;AACgB,kBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;AAChD,EAAA,CAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/WeightInput/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nimport { Button } from '../Button';\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\n\nconst Container = styled(BaseContainer)`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`;\n\nconst Row = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst StyledTextField = styled(TextField)`\n  &&& {\n    text-align: left;\n    width: 52px;\n  }\n`;\n\nconst StyledButton = styled(Button)<{ hasError?: boolean }>`\n  padding: 0 4px;\n  border-color: ${theme.colors.neutral.ink.lightest};\n  margin-right: 4px;\n\n  ${(props) =>\n    props.hasError &&\n    `\n    border-color: ${theme.colors.secondary.red.base};\n  `};\n`;\n\nexport { Container, Row, StyledTextField as TextField, StyledButton as Button };\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC;AAMvC,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAKjC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC;AAOpB,MAAM,CAAC,MAAM,CAAC,CAEjB,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,kBAAA,EAG/C,CAAC,KAAK,KACN,KAAK,CAAC,QAAQ;AACd,IAAA;AACgB,kBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;AAChD,EAAA,CAAA,CAAA,CAAA;;;;"}

package/dist/index.cjs

@@ -34,12 +34,12 @@ var useScrollPosition = require('./components/DataTable/hooks/useScrollPosition.
 var useSelection = require('./components/DataTable/hooks/useSelection.cjs');
 var DescriptionList = require('./components/DescriptionList/DescriptionList.cjs');
 var DetailPage = require('./components/DetailPage/DetailPage.cjs');
-var DimensionsInput = require('./components/DimensionsInput/DimensionsInput.cjs');
+var index$1 = require('./components/DimensionsInput/index.cjs');
 var Dropdown = require('./components/Dropdown/Dropdown.cjs');
 var FilterTag = require('./components/FilterTag/FilterTag.cjs');
-var index$1 = require('./components/Grid/index.cjs');
+var index$2 = require('./components/Grid/index.cjs');
 var Image = require('./components/Image/Image.cjs');
-var index$2 = require('./components/InputGroup/index.cjs');
+var index$3 = require('./components/InputGroup/index.cjs');
 var LegacyDataTable = require('./components/LegacyDataTable/LegacyDataTable.cjs');
 var Loader = require('./components/Loader/Loader.cjs');
 var LoginWithAmazonButton = require('./components/LoginWithAmazonButton/LoginWithAmazonButton.cjs');
@@ -61,7 +61,7 @@ var Stack = require('./components/Stack/Stack.cjs');
 var Stepper = require('./components/Stepper/Stepper.cjs');
 var Tag = require('./components/Tag/Tag.cjs');
 var Text = require('./components/Text/Text.cjs');
-var index$3 = require('./components/TextField/index.cjs');
+var index$4 = require('./components/TextField/index.cjs');
 var ToastsLayout = require('./components/ToastsLayout/ToastsLayout.cjs');
 var Toggle = require('./components/Toggle/Toggle.cjs');
 var ToggleButton = require('./components/ToggleButton/ToggleButton.cjs');
@@ -73,7 +73,7 @@ var Popup = require('./components/VideoModal/components/Popup.cjs');
 var View = require('./components/View/View.cjs');
 var ViewTab = require('./components/ViewTab/ViewTab.cjs');
 var ViewsContainer = require('./components/ViewsContainer/ViewsContainer.cjs');
-var WeightInput = require('./components/WeightInput/WeightInput.cjs');
+var index$5 = require('./components/WeightInput/index.cjs');
 var Indicator = require('./components/Indicator/Indicator.cjs');
 var useClickOutside = require('./hooks/useClickOutside.cjs');
 var useDebounce = require('./hooks/useDebounce.cjs');
@@ -89,7 +89,7 @@ var buildClassnames = require('./utils/buildClassnames.cjs');
 var color = require('./utils/color.cjs');
 var generateId = require('./utils/generateId.cjs');
 var isExternalLink = require('./utils/isExternalLink.cjs');
-var index$4 = require('./theme/index.cjs');
+var index$6 = require('./theme/index.cjs');
 var utils = require('./theme/utils.cjs');
 
 
@@ -135,12 +135,12 @@ exports.useScrollPosition = useScrollPosition.useScrollPosition;
 exports.useSelection = useSelection.useSelection;
 exports.DescriptionList = DescriptionList.DescriptionList;
 exports.DetailPage = DetailPage.DetailPage;
-exports.DimensionsInput = DimensionsInput.DimensionsInput;
+exports.DimensionsInput = index$1.DimensionsInput;
 exports.Dropdown = Dropdown.Dropdown;
 exports.FilterTag = FilterTag.FilterTag;
-exports.Grid = index$1.Grid;
+exports.Grid = index$2.Grid;
 exports.Image = Image.Image;
-exports.InputGroup = index$2.InputGroup;
+exports.InputGroup = index$3.InputGroup;
 exports.LegacyDataTable = LegacyDataTable.LegacyDataTable;
 exports.Loader = Loader.Loader;
 exports.LoginWithAmazonButton = LoginWithAmazonButton.LoginWithAmazonButton;
@@ -162,7 +162,7 @@ exports.Stack = Stack.Stack;
 exports.Stepper = Stepper.Stepper;
 exports.Tag = Tag.Tag;
 exports.Text = Text.Text;
-exports.TextField = index$3.TextField;
+exports.TextField = index$4.TextField;
 exports.ToastsLayout = ToastsLayout.ToastsLayout;
 exports.Toggle = Toggle.Toggle;
 exports.ToggleButton = ToggleButton.ToggleButton;
@@ -181,7 +181,7 @@ exports.Popup = Popup.Popup;
 exports.View = View.View;
 exports.ViewTab = ViewTab.ViewTab;
 exports.ViewsContainer = ViewsContainer.ViewsContainer;
-exports.WeightInput = WeightInput.WeightInput;
+exports.WeightInput = index$5.WeightInput;
 exports.Indicator = Indicator.Indicator;
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useDebounce = useDebounce.useDebounce;
@@ -199,6 +199,6 @@ exports.getOpaqueHexColor = color.getOpaqueHexColor;
 exports.hexToRgb = color.hexToRgb;
 exports.generateId = generateId.generateId;
 exports.isExternalLink = isExternalLink.isExternalLink;
-exports.theme = index$4.theme;
+exports.theme = index$6.theme;
 exports.getTextStyles = utils.getTextStyles;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -32,7 +32,7 @@ export { useScrollPosition } from './components/DataTable/hooks/useScrollPositio
 export { useSelection } from './components/DataTable/hooks/useSelection.js';
 export { DescriptionList } from './components/DescriptionList/DescriptionList.js';
 export { DetailPage } from './components/DetailPage/DetailPage.js';
-export { DimensionsInput } from './components/DimensionsInput/DimensionsInput.js';
+export { DimensionsInput } from './components/DimensionsInput/index.js';
 export { Dropdown } from './components/Dropdown/Dropdown.js';
 export { FilterTag } from './components/FilterTag/FilterTag.js';
 export { Grid } from './components/Grid/index.js';
@@ -71,7 +71,7 @@ export { Popup } from './components/VideoModal/components/Popup.js';
 export { View } from './components/View/View.js';
 export { ViewTab } from './components/ViewTab/ViewTab.js';
 export { ViewsContainer } from './components/ViewsContainer/ViewsContainer.js';
-export { WeightInput } from './components/WeightInput/WeightInput.js';
+export { WeightInput } from './components/WeightInput/index.js';
 export { Indicator } from './components/Indicator/Indicator.js';
 export { useClickOutside } from './hooks/useClickOutside.js';
 export { useDebounce } from './hooks/useDebounce.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "9.2.0",
+  "version": "9.4.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",
@@ -137,4 +137,4 @@
       "react": "$react"
     }
   }
-}
+}