@veeqo/ui 10.0.0-beta.3 → 10.0.0-beta.4

package/dist/components/WeightInput/WeightInput.js

@@ -1,29 +1,66 @@
 import React__default from 'react';
 import { withLabels } from '../../hoc/withLabels/withLabels.js';
-import { isWeightMetric, isWeightImperial } from './types.js';
-import { InputGroup } from '../InputGroup/index.js';
-import { Container, Row, TextField as StyledTextField } from './styled.js';
 import { blockInvalidCharacters } from '../../utils/blockInvalidCharacters.js';
 import { invalidCharsList } from '../../utils/invalidCharactersNumeric.js';
 import { Stack } from '../Stack/Stack.js';
+import '../Stack/types.js';
+import { FlexSpacer } from '../Flex/FlexSpacer/FlexSpacer.js';
+import { InputGroup } from '../InputGroup/index.js';
 import { InputAffix } from '../InputAffix/InputAffix.js';
+import { TextField } from '../TextField/index.js';
+import { isWeightMetric, isWeightImperial } from './types.js';
 
+const flexStyle = { flex: 1 };
 const blockInvalidChars = (e) => blockInvalidCharacters(e, invalidCharsList);
 const WeightInput = withLabels((props) => {
-    const { size = 'base', hasError, disabled, className } = props;
+    const { size = 'base', fullWidth = false, hasError, disabled, className } = props;
     const compact = size === 'sm';
-    return (React__default.createElement(Container, { className: className, role: "group", "aria-label": "Weight" },
-        React__default.createElement(Row, null,
-            isWeightMetric(props) && (React__default.createElement(InputGroup, null,
-                React__default.createElement(StyledTextField, { name: "gram", type: "number", value: props.gram, "aria-label": "Grams", placeholder: "0", min: "0", step: "any", size: size, disabled: disabled, hasError: hasError, onChange: props.handleChangeGram, onKeyDown: blockInvalidChars }),
-                React__default.createElement(InputAffix, { compact: compact, hasError: hasError }, "g"))),
-            isWeightImperial(props) && (React__default.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: 3 },
-                React__default.createElement(InputGroup, null,
-                    React__default.createElement(StyledTextField, { name: "pound", type: "number", value: props.pound, "aria-label": "Pounds", placeholder: "0", min: "0", step: "any", size: size, disabled: disabled, hasError: hasError, onChange: props.handleChangePound, onKeyDown: blockInvalidChars }),
-                    React__default.createElement(InputAffix, { compact: compact, hasError: hasError }, "lb")),
-                React__default.createElement(InputGroup, null,
-                    React__default.createElement(StyledTextField, { name: "ounce", type: "number", value: props.ounce, "aria-label": "Ounces", placeholder: "0", min: "0", step: "any", size: size, disabled: disabled, hasError: hasError, onChange: props.handleChangeOunce, onKeyDown: blockInvalidChars }),
-                    React__default.createElement(InputAffix, { compact: compact, hasError: hasError }, "oz")))))));
+    const childProps = {
+        stack: {
+            direction: 'horizontal',
+            alignY: 'center',
+            spacing: 3,
+            className,
+        },
+        inputGroup: {
+            style: flexStyle,
+        },
+        textField: {
+            type: 'number',
+            placeholder: '0',
+            min: '0',
+            step: 'any',
+            size,
+            disabled,
+            hasError,
+            onKeyDown: blockInvalidChars,
+            style: flexStyle,
+        },
+        inputAffix: {
+            compact,
+            hasError,
+        },
+    };
+    // If the weight is metric, render grams
+    if (isWeightMetric(props)) {
+        return (React__default.createElement(Stack, { ...childProps.stack },
+            React__default.createElement(InputGroup, { ...childProps.inputGroup },
+                React__default.createElement(TextField, { ...childProps.textField, name: "gram", value: props.gram, "aria-label": "Grams", onChange: props.handleChangeGram }),
+                React__default.createElement(InputAffix, { ...childProps.inputAffix }, "g")),
+            !fullWidth && React__default.createElement(FlexSpacer, null)));
+    }
+    // If the weight is imperial, render pounds and ounces
+    if (isWeightImperial(props)) {
+        return (React__default.createElement(Stack, { ...childProps.stack },
+            React__default.createElement(InputGroup, { ...childProps.inputGroup },
+                React__default.createElement(TextField, { ...childProps.textField, name: "pound", value: props.pound, "aria-label": "Pounds", onChange: props.handleChangePound }),
+                React__default.createElement(InputAffix, { ...childProps.inputAffix }, "lb")),
+            React__default.createElement(InputGroup, { ...childProps.inputGroup },
+                React__default.createElement(TextField, { ...childProps.textField, name: "ounce", value: props.ounce, "aria-label": "Ounces", onChange: props.handleChangeOunce }),
+                React__default.createElement(InputAffix, { ...childProps.inputAffix }, "oz"))));
+    }
+    // If neither metric nor imperial, return null or handle as needed
+    return null;
 });
 WeightInput.displayName = 'WeightInput';
 WeightInput.defaultProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"WeightInput.js","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport { InputGroup } from '../InputGroup';\n\nimport { Container, TextField, Row } from './styled';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\nimport { Stack } from '../Stack';\nimport { InputAffix } from '../InputAffix';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput = withLabels<WeightProps>((props) => {\n  const { size = 'base', hasError, disabled, className } = props;\n\n  const compact = size === 'sm';\n\n  return (\n    <Container className={className} role=\"group\" aria-label=\"Weight\">\n      <Row>\n        {isWeightMetric(props) && (\n          <InputGroup>\n            <TextField\n              name=\"gram\"\n              type=\"number\"\n              value={props.gram}\n              aria-label=\"Grams\"\n              placeholder=\"0\"\n              min=\"0\"\n              step=\"any\"\n              size={size}\n              disabled={disabled}\n              hasError={hasError}\n              onChange={props.handleChangeGram}\n              onKeyDown={blockInvalidChars}\n            />\n            <InputAffix compact={compact} hasError={hasError}>\n              g\n            </InputAffix>\n          </InputGroup>\n        )}\n\n        {isWeightImperial(props) && (\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing={3}>\n            <InputGroup>\n              <TextField\n                name=\"pound\"\n                type=\"number\"\n                value={props.pound}\n                aria-label=\"Pounds\"\n                placeholder=\"0\"\n                min=\"0\"\n                step=\"any\"\n                size={size}\n                disabled={disabled}\n                hasError={hasError}\n                onChange={props.handleChangePound}\n                onKeyDown={blockInvalidChars}\n              />\n              <InputAffix compact={compact} hasError={hasError}>\n                lb\n              </InputAffix>\n            </InputGroup>\n            <InputGroup>\n              <TextField\n                name=\"ounce\"\n                type=\"number\"\n                value={props.ounce}\n                aria-label=\"Ounces\"\n                placeholder=\"0\"\n                min=\"0\"\n                step=\"any\"\n                size={size}\n                disabled={disabled}\n                hasError={hasError}\n                onChange={props.handleChangeOunce}\n                onKeyDown={blockInvalidChars}\n              />\n              <InputAffix compact={compact} hasError={hasError}>\n                oz\n              </InputAffix>\n            </InputGroup>\n          </Stack>\n        )}\n      </Row>\n    </Container>\n  );\n});\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["React","TextField"],"mappings":"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"}
+{"version":3,"file":"WeightInput.js","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nimport { Stack, StackProps } from '../Stack';\nimport { FlexSpacer } from '../Flex/FlexSpacer';\nimport { InputGroup, InputGroupProps } from '../InputGroup';\nimport { InputAffix, InputAffixProps } from '../InputAffix';\nimport { TextField, TextFieldProps } from '../TextField';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\n\ntype ChildComponentProps = {\n  stack: Partial<StackProps>;\n  inputGroup: Partial<InputGroupProps>;\n  textField: Partial<TextFieldProps>;\n  inputAffix: Partial<InputAffixProps>;\n};\n\nconst flexStyle = { flex: 1 };\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput = withLabels<WeightProps>((props) => {\n  const { size = 'base', fullWidth = false, hasError, disabled, className } = props;\n\n  const compact = size === 'sm';\n\n  const childProps: ChildComponentProps = {\n    stack: {\n      direction: 'horizontal',\n      alignY: 'center',\n      spacing: 3,\n      className,\n    },\n    inputGroup: {\n      style: flexStyle,\n    },\n    textField: {\n      type: 'number',\n      placeholder: '0',\n      min: '0',\n      step: 'any',\n      size,\n      disabled,\n      hasError,\n      onKeyDown: blockInvalidChars,\n      style: flexStyle,\n    },\n    inputAffix: {\n      compact,\n      hasError,\n    },\n  };\n\n  // If the weight is metric, render grams\n  if (isWeightMetric(props)) {\n    return (\n      <Stack {...childProps.stack}>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"gram\"\n            value={props.gram}\n            aria-label=\"Grams\"\n            onChange={props.handleChangeGram}\n          />\n          <InputAffix {...childProps.inputAffix}>g</InputAffix>\n        </InputGroup>\n        {!fullWidth && <FlexSpacer />}\n      </Stack>\n    );\n  }\n\n  // If the weight is imperial, render pounds and ounces\n  if (isWeightImperial(props)) {\n    return (\n      <Stack {...childProps.stack}>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"pound\"\n            value={props.pound}\n            aria-label=\"Pounds\"\n            onChange={props.handleChangePound}\n          />\n          <InputAffix {...childProps.inputAffix}>lb</InputAffix>\n        </InputGroup>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"ounce\"\n            value={props.ounce}\n            aria-label=\"Ounces\"\n            onChange={props.handleChangeOunce}\n          />\n          <InputAffix {...childProps.inputAffix}>oz</InputAffix>\n        </InputGroup>\n      </Stack>\n    );\n  }\n\n  // If neither metric nor imperial, return null or handle as needed\n  return null;\n});\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/components/WeightInput/types.ts"],"sourcesContent":["import { ComponentSize, ImperialWeight, InputProps, MetricWeight } from '../types';\n\nexport type BaseWeightProps = InputProps & {\n  size?: ComponentSize;\n  className?: string;\n};\n\nexport type GramWeightProps = BaseWeightProps & {\n  weightUnit: MetricWeight;\n  gram: string;\n  handleChangeGram: (value: string) => void;\n};\n\nexport type LbWeightProps = BaseWeightProps & {\n  weightUnit: ImperialWeight;\n  ounce: string;\n  pound: string;\n  handleChangeOunce: (value: string) => void;\n  handleChangePound: (value: string) => void;\n};\n\nexport type WeightProps = GramWeightProps | LbWeightProps;\n\nexport const isWeightMetric = (props: WeightProps): props is GramWeightProps => {\n  return props.weightUnit === 'g';\n};\n\nexport const isWeightImperial = (props: WeightProps): props is LbWeightProps => {\n  return props.weightUnit === 'lb' || props.weightUnit === 'oz';\n};\n"],"names":[],"mappings":";;AAuBa,MAAA,cAAc,GAAG,CAAC,KAAkB,KAA8B;AAC7E,IAAA,OAAO,KAAK,CAAC,UAAU,KAAK,GAAG;AACjC;AAEa,MAAA,gBAAgB,GAAG,CAAC,KAAkB,KAA4B;IAC7E,OAAO,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;AAC/D;;;;;"}
+{"version":3,"file":"types.cjs","sources":["../../../src/components/WeightInput/types.ts"],"sourcesContent":["import { ComponentSize, ImperialWeight, InputProps, MetricWeight } from '../types';\n\nexport type BaseWeightProps = InputProps & {\n  size?: ComponentSize;\n  className?: string;\n  fullWidth?: boolean;\n};\n\nexport type GramWeightProps = BaseWeightProps & {\n  weightUnit: MetricWeight;\n  gram: string;\n  handleChangeGram: (value: string) => void;\n};\n\nexport type LbWeightProps = BaseWeightProps & {\n  weightUnit: ImperialWeight;\n  ounce: string;\n  pound: string;\n  handleChangeOunce: (value: string) => void;\n  handleChangePound: (value: string) => void;\n};\n\nexport type WeightProps = GramWeightProps | LbWeightProps;\n\nexport const isWeightMetric = (props: WeightProps): props is GramWeightProps => {\n  return props.weightUnit === 'g';\n};\n\nexport const isWeightImperial = (props: WeightProps): props is LbWeightProps => {\n  return props.weightUnit === 'lb' || props.weightUnit === 'oz';\n};\n"],"names":[],"mappings":";;AAwBa,MAAA,cAAc,GAAG,CAAC,KAAkB,KAA8B;AAC7E,IAAA,OAAO,KAAK,CAAC,UAAU,KAAK,GAAG;AACjC;AAEa,MAAA,gBAAgB,GAAG,CAAC,KAAkB,KAA4B;IAC7E,OAAO,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;AAC/D;;;;;"}

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

@@ -2,6 +2,7 @@ import { ComponentSize, ImperialWeight, InputProps, MetricWeight } from '../type
 export type BaseWeightProps = InputProps & {
     size?: ComponentSize;
     className?: string;
+    fullWidth?: boolean;
 };
 export type GramWeightProps = BaseWeightProps & {
     weightUnit: MetricWeight;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/WeightInput/types.ts"],"sourcesContent":["import { ComponentSize, ImperialWeight, InputProps, MetricWeight } from '../types';\n\nexport type BaseWeightProps = InputProps & {\n  size?: ComponentSize;\n  className?: string;\n};\n\nexport type GramWeightProps = BaseWeightProps & {\n  weightUnit: MetricWeight;\n  gram: string;\n  handleChangeGram: (value: string) => void;\n};\n\nexport type LbWeightProps = BaseWeightProps & {\n  weightUnit: ImperialWeight;\n  ounce: string;\n  pound: string;\n  handleChangeOunce: (value: string) => void;\n  handleChangePound: (value: string) => void;\n};\n\nexport type WeightProps = GramWeightProps | LbWeightProps;\n\nexport const isWeightMetric = (props: WeightProps): props is GramWeightProps => {\n  return props.weightUnit === 'g';\n};\n\nexport const isWeightImperial = (props: WeightProps): props is LbWeightProps => {\n  return props.weightUnit === 'lb' || props.weightUnit === 'oz';\n};\n"],"names":[],"mappings":"AAuBa,MAAA,cAAc,GAAG,CAAC,KAAkB,KAA8B;AAC7E,IAAA,OAAO,KAAK,CAAC,UAAU,KAAK,GAAG;AACjC;AAEa,MAAA,gBAAgB,GAAG,CAAC,KAAkB,KAA4B;IAC7E,OAAO,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;AAC/D;;;;"}
+{"version":3,"file":"types.js","sources":["../../../src/components/WeightInput/types.ts"],"sourcesContent":["import { ComponentSize, ImperialWeight, InputProps, MetricWeight } from '../types';\n\nexport type BaseWeightProps = InputProps & {\n  size?: ComponentSize;\n  className?: string;\n  fullWidth?: boolean;\n};\n\nexport type GramWeightProps = BaseWeightProps & {\n  weightUnit: MetricWeight;\n  gram: string;\n  handleChangeGram: (value: string) => void;\n};\n\nexport type LbWeightProps = BaseWeightProps & {\n  weightUnit: ImperialWeight;\n  ounce: string;\n  pound: string;\n  handleChangeOunce: (value: string) => void;\n  handleChangePound: (value: string) => void;\n};\n\nexport type WeightProps = GramWeightProps | LbWeightProps;\n\nexport const isWeightMetric = (props: WeightProps): props is GramWeightProps => {\n  return props.weightUnit === 'g';\n};\n\nexport const isWeightImperial = (props: WeightProps): props is LbWeightProps => {\n  return props.weightUnit === 'lb' || props.weightUnit === 'oz';\n};\n"],"names":[],"mappings":"AAwBa,MAAA,cAAc,GAAG,CAAC,KAAkB,KAA8B;AAC7E,IAAA,OAAO,KAAK,CAAC,UAAU,KAAK,GAAG;AACjC;AAEa,MAAA,gBAAgB,GAAG,CAAC,KAAkB,KAA4B;IAC7E,OAAO,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;AAC/D;;;;"}

package/dist/hoc/withLabels/styled.cjs

@@ -2,17 +2,19 @@
 
 var styled = require('styled-components');
 var Stack = require('../../components/Stack/Stack.cjs');
+require('../../components/Stack/types.cjs');
 var Tooltip = require('../../components/Tooltip/Tooltip.cjs');
 var index = require('../../theme/index.cjs');
+var utils = require('../../theme/utils.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
 const RootStack = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--RootStack", componentId: "vui--8t7kme" }) `position:relative;& > * + *{margin-top:${index.theme.sizes.sm};}`;
-const Label = styled__default.default.label.withConfig({ displayName: "vui--Label", componentId: "vui--17v8nzf" }) `display:block;font-family:${index.theme.text.inputLabel.fontFamily};font-weight:${index.theme.text.inputLabel.fontWeight};font-size:${index.theme.sizes[4]};line-height:${index.theme.sizes[5]};color:${index.theme.text.inputLabel.color};`;
-const Hint = styled__default.default.span.withConfig({ displayName: "vui--Hint", componentId: "vui--zb608e" }) `margin-top:${index.theme.sizes.xs};display:block;font-family:${index.theme.fontFamily};font-size:0.875rem;line-height:${index.theme.sizes[5]};color:${index.theme.colors.neutral.ink.light};`;
-const Error = styled__default.default.span.withConfig({ displayName: "vui--Error", componentId: "vui--1u9n7dv" }) `display:block;font-family:${index.theme.text.error.fontFamily};font-size:${index.theme.text.error.fontSize};/*${index.theme.text.error.fontWeight}*/line-height:${index.theme.text.error.lineHeight};color:${index.theme.text.error.color};`;
+const Label = styled__default.default.label.withConfig({ displayName: "vui--Label", componentId: "vui--17v8nzf" }) `${utils.getTextStyles(index.theme.text.inputLabel)} display:block;`;
+const Hint = styled__default.default.span.withConfig({ displayName: "vui--Hint", componentId: "vui--zb608e" }) `${utils.getTextStyles(index.theme.text.hintText)} display:block;margin-top:${index.theme.sizes.xs};font-size:0.875rem;line-height:${index.theme.sizes[5]};`;
+const Error = styled__default.default.span.withConfig({ displayName: "vui--Error", componentId: "vui--1u9n7dv" }) `${utils.getTextStyles(index.theme.text.error)} display:block;font-weight:normal;`;
 const BlockTooltip = styled__default.default(Tooltip.Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1w0ilq2" }) `display:block;&-hoverable{display:flex;}`;
 
 exports.BlockTooltip = BlockTooltip;

package/dist/hoc/withLabels/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../../components/Stack';\nimport { Tooltip } from '../../components/Tooltip';\nimport { theme } from '../../theme';\n\nexport const RootStack = styled(Stack)`\n  position: relative;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Label = styled.label`\n  display: block;\n  font-family: ${theme.text.inputLabel.fontFamily};\n  font-weight: ${theme.text.inputLabel.fontWeight};\n  font-size: ${theme.sizes[4]};\n  line-height: ${theme.sizes[5]};\n  color: ${theme.text.inputLabel.color};\n`;\n\nexport const Hint = styled.span`\n  margin-top: ${theme.sizes.xs};\n  display: block;\n  font-family: ${theme.fontFamily};\n  font-size: 0.875rem;\n  line-height: ${theme.sizes[5]};\n  color: ${theme.colors.neutral.ink.light};\n`;\n\nexport const Error = styled.span`\n  display: block;\n  font-family: ${theme.text.error.fontFamily};\n  font-size: ${theme.text.error.fontSize};\n  /* font-weight: ${theme.text.error.fontWeight}; */\n  line-height: ${theme.text.error.lineHeight};\n  color: ${theme.text.error.color};\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n  /* Tooltip uses inline-block containers which add more height when\n     the child component is an inline element (e.g. Glyph or an SVG),\n     so we need to set to block to preserve the height and fix alignment. */\n  display: block;\n  &-hoverable {\n    display: flex;\n  }\n`;\n"],"names":["styled","Stack","theme","Tooltip"],"mappings":";;;;;;;;;;;AAKO,MAAM,SAAS,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAIpBC,WAAK,CAAC,KAAK,CAAC,EAAE;MAInB,KAAK,GAAGF,uBAAM,CAAC,KAAK,qGAEhBE,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAA,aAAA,EAChCA,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,cAClCA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,OAAA,EACpBA,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAA,CAAA;AAG/B,MAAM,IAAI,GAAGF,uBAAM,CAAC,IAAI,CACf,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,WAAA,EAAAE,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,2BAAA,EAEbA,WAAK,CAAC,UAAU,CAEhB,gCAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpBA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;MAG5B,KAAK,GAAGF,uBAAM,CAAC,IAAI,CAEf,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAAAE,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC7B,WAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,GAAA,EACpBA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC9B,cAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,OAAA,EACjCA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAA;MAGpB,YAAY,GAAGF,uBAAM,CAACG,eAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../../components/Stack';\nimport { Tooltip } from '../../components/Tooltip';\nimport { getTextStyles, theme } from '../../theme';\n\nexport const RootStack = styled(Stack)`\n  position: relative;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Label = styled.label`\n  ${getTextStyles(theme.text.inputLabel)}\n  display: block;\n`;\n\nexport const Hint = styled.span`\n  ${getTextStyles(theme.text.hintText)}\n  display: block;\n  margin-top: ${theme.sizes.xs};\n  font-size: 0.875rem;\n  line-height: ${theme.sizes[5]};\n`;\n\nexport const Error = styled.span`\n  ${getTextStyles(theme.text.error)}\n  display: block;\n  font-weight: normal;\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n  /* Tooltip uses inline-block containers which add more height when\n     the child component is an inline element (e.g. Glyph or an SVG),\n     so we need to set to block to preserve the height and fix alignment. */\n  display: block;\n  &-hoverable {\n    display: flex;\n  }\n`;\n"],"names":["styled","Stack","theme","getTextStyles","Tooltip"],"mappings":";;;;;;;;;;;;;AAKO,MAAM,SAAS,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAIpBC,WAAK,CAAC,KAAK,CAAC,EAAE;AAInB,MAAA,KAAK,GAAGF,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAC7BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC;AAIjC,MAAM,IAAI,GAAGF,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC3BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA,0BAAA,EAEtBA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,gCAAA,EAEbA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAGlB,MAAA,KAAK,GAAGF,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAC5BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC;MAKtB,YAAY,GAAGF,uBAAM,CAACI,eAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;;;;;"}

package/dist/hoc/withLabels/styled.d.ts

@@ -1,4 +1,4 @@
-export declare const RootStack: import("styled-components").StyledComponent<"div", any, import("../../components/Stack/types").StackProps, never>;
+export declare const RootStack: import("styled-components").StyledComponent<"div", any, import("../../components/Stack").StackProps, never>;
 export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
 export declare const Hint: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Error: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/hoc/withLabels/styled.js

@@ -1,12 +1,14 @@
 import styled from 'styled-components';
 import { Stack } from '../../components/Stack/Stack.js';
+import '../../components/Stack/types.js';
 import { Tooltip } from '../../components/Tooltip/Tooltip.js';
 import { theme } from '../../theme/index.js';
+import { getTextStyles } from '../../theme/utils.js';
 
 const RootStack = styled(Stack).withConfig({ displayName: "vui--RootStack", componentId: "vui--8t7kme" }) `position:relative;& > * + *{margin-top:${theme.sizes.sm};}`;
-const Label = styled.label.withConfig({ displayName: "vui--Label", componentId: "vui--17v8nzf" }) `display:block;font-family:${theme.text.inputLabel.fontFamily};font-weight:${theme.text.inputLabel.fontWeight};font-size:${theme.sizes[4]};line-height:${theme.sizes[5]};color:${theme.text.inputLabel.color};`;
-const Hint = styled.span.withConfig({ displayName: "vui--Hint", componentId: "vui--zb608e" }) `margin-top:${theme.sizes.xs};display:block;font-family:${theme.fontFamily};font-size:0.875rem;line-height:${theme.sizes[5]};color:${theme.colors.neutral.ink.light};`;
-const Error = styled.span.withConfig({ displayName: "vui--Error", componentId: "vui--1u9n7dv" }) `display:block;font-family:${theme.text.error.fontFamily};font-size:${theme.text.error.fontSize};/*${theme.text.error.fontWeight}*/line-height:${theme.text.error.lineHeight};color:${theme.text.error.color};`;
+const Label = styled.label.withConfig({ displayName: "vui--Label", componentId: "vui--17v8nzf" }) `${getTextStyles(theme.text.inputLabel)} display:block;`;
+const Hint = styled.span.withConfig({ displayName: "vui--Hint", componentId: "vui--zb608e" }) `${getTextStyles(theme.text.hintText)} display:block;margin-top:${theme.sizes.xs};font-size:0.875rem;line-height:${theme.sizes[5]};`;
+const Error = styled.span.withConfig({ displayName: "vui--Error", componentId: "vui--1u9n7dv" }) `${getTextStyles(theme.text.error)} display:block;font-weight:normal;`;
 const BlockTooltip = styled(Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1w0ilq2" }) `display:block;&-hoverable{display:flex;}`;
 
 export { BlockTooltip, Error, Hint, Label, RootStack };

package/dist/hoc/withLabels/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../../components/Stack';\nimport { Tooltip } from '../../components/Tooltip';\nimport { theme } from '../../theme';\n\nexport const RootStack = styled(Stack)`\n  position: relative;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Label = styled.label`\n  display: block;\n  font-family: ${theme.text.inputLabel.fontFamily};\n  font-weight: ${theme.text.inputLabel.fontWeight};\n  font-size: ${theme.sizes[4]};\n  line-height: ${theme.sizes[5]};\n  color: ${theme.text.inputLabel.color};\n`;\n\nexport const Hint = styled.span`\n  margin-top: ${theme.sizes.xs};\n  display: block;\n  font-family: ${theme.fontFamily};\n  font-size: 0.875rem;\n  line-height: ${theme.sizes[5]};\n  color: ${theme.colors.neutral.ink.light};\n`;\n\nexport const Error = styled.span`\n  display: block;\n  font-family: ${theme.text.error.fontFamily};\n  font-size: ${theme.text.error.fontSize};\n  /* font-weight: ${theme.text.error.fontWeight}; */\n  line-height: ${theme.text.error.lineHeight};\n  color: ${theme.text.error.color};\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n  /* Tooltip uses inline-block containers which add more height when\n     the child component is an inline element (e.g. Glyph or an SVG),\n     so we need to set to block to preserve the height and fix alignment. */\n  display: block;\n  &-hoverable {\n    display: flex;\n  }\n`;\n"],"names":[],"mappings":";;;;;AAKO,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAIpB,KAAK,CAAC,KAAK,CAAC,EAAE;MAInB,KAAK,GAAG,MAAM,CAAC,KAAK,qGAEhB,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAA,aAAA,EAChC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,cAClC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,OAAA,EACpB,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAA,CAAA;AAG/B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CACf,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,WAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,2BAAA,EAEb,KAAK,CAAC,UAAU,CAEhB,gCAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;MAG5B,KAAK,GAAG,MAAM,CAAC,IAAI,CAEf,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC7B,WAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,GAAA,EACpB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC9B,cAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,OAAA,EACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAA;MAGpB,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../../components/Stack';\nimport { Tooltip } from '../../components/Tooltip';\nimport { getTextStyles, theme } from '../../theme';\n\nexport const RootStack = styled(Stack)`\n  position: relative;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Label = styled.label`\n  ${getTextStyles(theme.text.inputLabel)}\n  display: block;\n`;\n\nexport const Hint = styled.span`\n  ${getTextStyles(theme.text.hintText)}\n  display: block;\n  margin-top: ${theme.sizes.xs};\n  font-size: 0.875rem;\n  line-height: ${theme.sizes[5]};\n`;\n\nexport const Error = styled.span`\n  ${getTextStyles(theme.text.error)}\n  display: block;\n  font-weight: normal;\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n  /* Tooltip uses inline-block containers which add more height when\n     the child component is an inline element (e.g. Glyph or an SVG),\n     so we need to set to block to preserve the height and fix alignment. */\n  display: block;\n  &-hoverable {\n    display: flex;\n  }\n`;\n"],"names":[],"mappings":";;;;;;;AAKO,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAIpB,KAAK,CAAC,KAAK,CAAC,EAAE;AAInB,MAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAC7B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;AAIjC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC3B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA,0BAAA,EAEtB,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,gCAAA,EAEb,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAGlB,MAAA,KAAK,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAC5B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;MAKtB,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;"}

package/dist/hoc/withLabels/withLabels.cjs

@@ -4,6 +4,7 @@ var React = require('react');
 var CriticalIcon = require('../../tempIcons/CriticalIcon.cjs');
 var index = require('../../theme/index.cjs');
 var Stack = require('../../components/Stack/Stack.cjs');
+require('../../components/Stack/types.cjs');
 var styled = require('./styled.cjs');
 var HelpIcon = require('../../tempIcons/HelpIcon.cjs');
 var useId = require('../../hooks/useId.cjs');

package/dist/hoc/withLabels/withLabels.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withLabels.cjs","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactNode } from 'react';\nimport { CriticalIcon } from '../../tempIcons/CriticalIcon';\nimport { theme } from '../../theme';\nimport { Stack } from '../../components/Stack';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip } from './styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { useId } from '../../hooks/useId';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\nexport function withLabels<P>(Component: ComponentType<P>): FC<P & WithLabelsProps> {\n  return ({ label, hint, error, tooltip, tooltipContent, id, ...otherProps }) => {\n    const componentId = useId({ id, prefix: Component.name });\n\n    if (!label) return <Component id={componentId} hasError={!!error} {...(otherProps as P)} />;\n\n    return (\n      <RootStack spacing=\"sm\" alignX=\"stretch\">\n        <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n          <Label id={`${componentId}-label`} htmlFor={componentId}>\n            {label}\n          </Label>\n          {(tooltip || tooltipContent) && (\n            <BlockTooltip text={tooltip} content={tooltipContent}>\n              <HelpIcon\n                data-testid=\"tooltip-help\"\n                width={theme.sizes.base}\n                height={theme.sizes.base}\n                color={theme.colors.neutral.ink.light}\n              />\n            </BlockTooltip>\n          )}\n        </Stack>\n        {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n        <Component id={componentId} hasError={!!error} {...(otherProps as P)} />\n        {error && (\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"xs\">\n            <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n            <Error>{error}</Error>\n          </Stack>\n        )}\n      </RootStack>\n    );\n  };\n}\n"],"names":["useId","React","RootStack","Stack","Label","BlockTooltip","HelpIcon","theme","Hint","CriticalIcon","Error"],"mappings":";;;;;;;;;;;;;;AAkBM,SAAU,UAAU,CAAI,SAA2B,EAAA;AACvD,IAAA,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,UAAU,EAAE,KAAI;AAC5E,QAAA,MAAM,WAAW,GAAGA,WAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzD,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAO,GAAA,UAAgB,GAAI;QAE3F,QACEA,sBAAC,CAAA,aAAA,CAAAC,gBAAS,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAA;AACtC,YAAAD,sBAAA,CAAA,aAAA,CAACE,WAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;AACxD,gBAAAF,sBAAA,CAAA,aAAA,CAACG,YAAK,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,WAAW,EAAA,EACpD,KAAK,CACA;AACP,gBAAA,CAAC,OAAO,IAAI,cAAc,MACzBH,sBAAA,CAAA,aAAA,CAACI,mBAAY,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAA;AAClD,oBAAAJ,sBAAA,CAAA,aAAA,CAACK,iBAAQ,EAAA,EAAA,aAAA,EACK,cAAc,EAC1B,KAAK,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,MAAM,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EACrC,CAAA,CACW,CAChB,CACK;YACP,IAAI,IAAIN,sBAAC,CAAA,aAAA,CAAAO,WAAI,EAAC,EAAA,EAAE,EAAE,CAAA,EAAG,WAAW,CAAA,KAAA,CAAO,EAAG,EAAA,IAAI,CAAQ;AACvD,YAAAP,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAI,CAAA;AACvE,YAAA,KAAK,KACJA,sBAAC,CAAA,aAAA,CAAAE,WAAK,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;gBACxDF,sBAAC,CAAA,aAAA,CAAAQ,yBAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAEF,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;gBAC/EN,sBAAC,CAAA,aAAA,CAAAS,YAAK,QAAE,KAAK,CAAS,CAChB,CACT,CACS;AAEhB,KAAC;AACH;;;;"}
+{"version":3,"file":"withLabels.cjs","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactNode } from 'react';\nimport { CriticalIcon } from '../../tempIcons/CriticalIcon';\nimport { theme } from '../../theme';\nimport { Stack } from '../../components/Stack';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip } from './styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { useId } from '../../hooks/useId';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\nexport function withLabels<P>(Component: ComponentType<P>): FC<P & WithLabelsProps> {\n  return ({ label, hint, error, tooltip, tooltipContent, id, ...otherProps }) => {\n    const componentId = useId({ id, prefix: Component.name });\n\n    if (!label) return <Component id={componentId} hasError={!!error} {...(otherProps as P)} />;\n\n    return (\n      <RootStack spacing=\"sm\" alignX=\"stretch\">\n        <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n          <Label id={`${componentId}-label`} htmlFor={componentId}>\n            {label}\n          </Label>\n          {(tooltip || tooltipContent) && (\n            <BlockTooltip text={tooltip} content={tooltipContent}>\n              <HelpIcon\n                data-testid=\"tooltip-help\"\n                width={theme.sizes.base}\n                height={theme.sizes.base}\n                color={theme.colors.neutral.ink.light}\n              />\n            </BlockTooltip>\n          )}\n        </Stack>\n        {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n        <Component id={componentId} hasError={!!error} {...(otherProps as P)} />\n        {error && (\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"xs\">\n            <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n            <Error>{error}</Error>\n          </Stack>\n        )}\n      </RootStack>\n    );\n  };\n}\n"],"names":["useId","React","RootStack","Stack","Label","BlockTooltip","HelpIcon","theme","Hint","CriticalIcon","Error"],"mappings":";;;;;;;;;;;;;;;AAkBM,SAAU,UAAU,CAAI,SAA2B,EAAA;AACvD,IAAA,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,UAAU,EAAE,KAAI;AAC5E,QAAA,MAAM,WAAW,GAAGA,WAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzD,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAO,GAAA,UAAgB,GAAI;QAE3F,QACEA,sBAAC,CAAA,aAAA,CAAAC,gBAAS,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAA;AACtC,YAAAD,sBAAA,CAAA,aAAA,CAACE,WAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;AACxD,gBAAAF,sBAAA,CAAA,aAAA,CAACG,YAAK,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,WAAW,EAAA,EACpD,KAAK,CACA;AACP,gBAAA,CAAC,OAAO,IAAI,cAAc,MACzBH,sBAAA,CAAA,aAAA,CAACI,mBAAY,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAA;AAClD,oBAAAJ,sBAAA,CAAA,aAAA,CAACK,iBAAQ,EAAA,EAAA,aAAA,EACK,cAAc,EAC1B,KAAK,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,MAAM,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EACrC,CAAA,CACW,CAChB,CACK;YACP,IAAI,IAAIN,sBAAC,CAAA,aAAA,CAAAO,WAAI,EAAC,EAAA,EAAE,EAAE,CAAA,EAAG,WAAW,CAAA,KAAA,CAAO,EAAG,EAAA,IAAI,CAAQ;AACvD,YAAAP,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAI,CAAA;AACvE,YAAA,KAAK,KACJA,sBAAC,CAAA,aAAA,CAAAE,WAAK,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;gBACxDF,sBAAC,CAAA,aAAA,CAAAQ,yBAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAEF,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;gBAC/EN,sBAAC,CAAA,aAAA,CAAAS,YAAK,QAAE,KAAK,CAAS,CAChB,CACT,CACS;AAEhB,KAAC;AACH;;;;"}

package/dist/hoc/withLabels/withLabels.js

@@ -2,6 +2,7 @@ import React__default from 'react';
 import { CriticalIcon } from '../../tempIcons/CriticalIcon.js';
 import { theme } from '../../theme/index.js';
 import { Stack } from '../../components/Stack/Stack.js';
+import '../../components/Stack/types.js';
 import { RootStack, Label, BlockTooltip, Hint, Error } from './styled.js';
 import { HelpIcon } from '../../tempIcons/HelpIcon.js';
 import { useId } from '../../hooks/useId.js';

package/dist/hoc/withLabels/withLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactNode } from 'react';\nimport { CriticalIcon } from '../../tempIcons/CriticalIcon';\nimport { theme } from '../../theme';\nimport { Stack } from '../../components/Stack';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip } from './styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { useId } from '../../hooks/useId';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\nexport function withLabels<P>(Component: ComponentType<P>): FC<P & WithLabelsProps> {\n  return ({ label, hint, error, tooltip, tooltipContent, id, ...otherProps }) => {\n    const componentId = useId({ id, prefix: Component.name });\n\n    if (!label) return <Component id={componentId} hasError={!!error} {...(otherProps as P)} />;\n\n    return (\n      <RootStack spacing=\"sm\" alignX=\"stretch\">\n        <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n          <Label id={`${componentId}-label`} htmlFor={componentId}>\n            {label}\n          </Label>\n          {(tooltip || tooltipContent) && (\n            <BlockTooltip text={tooltip} content={tooltipContent}>\n              <HelpIcon\n                data-testid=\"tooltip-help\"\n                width={theme.sizes.base}\n                height={theme.sizes.base}\n                color={theme.colors.neutral.ink.light}\n              />\n            </BlockTooltip>\n          )}\n        </Stack>\n        {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n        <Component id={componentId} hasError={!!error} {...(otherProps as P)} />\n        {error && (\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"xs\">\n            <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n            <Error>{error}</Error>\n          </Stack>\n        )}\n      </RootStack>\n    );\n  };\n}\n"],"names":["React"],"mappings":";;;;;;;;AAkBM,SAAU,UAAU,CAAI,SAA2B,EAAA;AACvD,IAAA,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,UAAU,EAAE,KAAI;AAC5E,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzD,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAO,GAAA,UAAgB,GAAI;QAE3F,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAA;AACtC,YAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;AACxD,gBAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,WAAW,EAAA,EACpD,KAAK,CACA;AACP,gBAAA,CAAC,OAAO,IAAI,cAAc,MACzBA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAA;AAClD,oBAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,aAAA,EACK,cAAc,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EACrC,CAAA,CACW,CAChB,CACK;YACP,IAAI,IAAIA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,EAAE,EAAE,CAAA,EAAG,WAAW,CAAA,KAAA,CAAO,EAAG,EAAA,IAAI,CAAQ;AACvD,YAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAI,CAAA;AACvE,YAAA,KAAK,KACJA,cAAC,CAAA,aAAA,CAAA,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;gBACxDA,cAAC,CAAA,aAAA,CAAA,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;gBAC/EA,cAAC,CAAA,aAAA,CAAA,KAAK,QAAE,KAAK,CAAS,CAChB,CACT,CACS;AAEhB,KAAC;AACH;;;;"}
+{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactNode } from 'react';\nimport { CriticalIcon } from '../../tempIcons/CriticalIcon';\nimport { theme } from '../../theme';\nimport { Stack } from '../../components/Stack';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip } from './styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { useId } from '../../hooks/useId';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\nexport function withLabels<P>(Component: ComponentType<P>): FC<P & WithLabelsProps> {\n  return ({ label, hint, error, tooltip, tooltipContent, id, ...otherProps }) => {\n    const componentId = useId({ id, prefix: Component.name });\n\n    if (!label) return <Component id={componentId} hasError={!!error} {...(otherProps as P)} />;\n\n    return (\n      <RootStack spacing=\"sm\" alignX=\"stretch\">\n        <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n          <Label id={`${componentId}-label`} htmlFor={componentId}>\n            {label}\n          </Label>\n          {(tooltip || tooltipContent) && (\n            <BlockTooltip text={tooltip} content={tooltipContent}>\n              <HelpIcon\n                data-testid=\"tooltip-help\"\n                width={theme.sizes.base}\n                height={theme.sizes.base}\n                color={theme.colors.neutral.ink.light}\n              />\n            </BlockTooltip>\n          )}\n        </Stack>\n        {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n        <Component id={componentId} hasError={!!error} {...(otherProps as P)} />\n        {error && (\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"xs\">\n            <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n            <Error>{error}</Error>\n          </Stack>\n        )}\n      </RootStack>\n    );\n  };\n}\n"],"names":["React"],"mappings":";;;;;;;;;AAkBM,SAAU,UAAU,CAAI,SAA2B,EAAA;AACvD,IAAA,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,UAAU,EAAE,KAAI;AAC5E,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzD,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAO,GAAA,UAAgB,GAAI;QAE3F,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAA;AACtC,YAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;AACxD,gBAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,WAAW,EAAA,EACpD,KAAK,CACA;AACP,gBAAA,CAAC,OAAO,IAAI,cAAc,MACzBA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAA;AAClD,oBAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,aAAA,EACK,cAAc,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EACrC,CAAA,CACW,CAChB,CACK;YACP,IAAI,IAAIA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,EAAE,EAAE,CAAA,EAAG,WAAW,CAAA,KAAA,CAAO,EAAG,EAAA,IAAI,CAAQ;AACvD,YAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAI,CAAA;AACvE,YAAA,KAAK,KACJA,cAAC,CAAA,aAAA,CAAA,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;gBACxDA,cAAC,CAAA,aAAA,CAAA,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;gBAC/EA,cAAC,CAAA,aAAA,CAAA,KAAK,QAAE,KAAK,CAAS,CAChB,CACT,CACS;AAEhB,KAAC;AACH;;;;"}

package/dist/index.cjs

@@ -59,6 +59,7 @@ var SimpleTable = require('./components/SimpleTable/SimpleTable.cjs');
 var Skeleton = require('./components/Skeleton/Skeleton.cjs');
 var Slider = require('./components/Slider/Slider.cjs');
 var Stack = require('./components/Stack/Stack.cjs');
+require('./components/Stack/types.cjs');
 var Stepper = require('./components/Stepper/Stepper.cjs');
 var Tag = require('./components/Tag/Tag.cjs');
 var Text = require('./components/Text/Text.cjs');

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -57,6 +57,7 @@ export { SimpleTable } from './components/SimpleTable/SimpleTable.js';
 export { Skeleton } from './components/Skeleton/Skeleton.js';
 export { Slider } from './components/Slider/Slider.js';
 export { Stack } from './components/Stack/Stack.js';
+import './components/Stack/types.js';
 export { Stepper } from './components/Stepper/Stepper.js';
 export { Tag } from './components/Tag/Tag.js';
 export { Text } from './components/Text/Text.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "10.0.0-beta.3",
+  "version": "10.0.0-beta.4",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",

package/dist/components/DimensionsInput/styled.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../TextField/index.cjs');
-var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
-var index$1 = require('../../theme/index.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--1iyvinq" }) `display:flex;flex-direction:column;position:relative;`;
-const Row = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--jcpqas" }) `display:flex;align-items:center;gap:8px;`;
-const StyledTextField = styled__default.default(index.TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--lm37xj" }) `width:52px;`;
-styled__default.default.span.withConfig({ displayName: "vui--Error", componentId: "vui--1qmlxje" }) `display:block;font-family:${index$1.theme.text.error.fontFamily};font-size:${index$1.theme.text.error.fontSize};font-weight:${index$1.theme.text.error.fontWeight};line-height:${index$1.theme.text.error.lineHeight};color:${index$1.theme.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${index$1.theme.sizes[2]} * -1);width:2px;background-color:${index$1.theme.colors.secondary.red.base};}`;
-styled__default.default.span.withConfig({ displayName: "vui--Hint", componentId: "vui--1xy2ika" }) `display:block;font-family:${index$1.theme.fontFamily};font-size:${index$1.theme.sizes[3]};line-height:${index$1.theme.sizes[4]};color:${index$1.theme.colors.neutral.ink.light};`;
-
-exports.Container = Container;
-exports.Row = Row;
-exports.TextField = StyledTextField;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/DimensionsInput/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { theme } from '../../theme';\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  align-items: center;\n\n  gap: 8px;\n`;\n\nconst StyledTextField = styled(TextField)`\n  width: 52px;\n`;\n\nconst Error = styled.span`\n  display: block;\n  font-family: ${theme.text.error.fontFamily};\n  font-size: ${theme.text.error.fontSize};\n  font-weight: ${theme.text.error.fontWeight};\n  line-height: ${theme.text.error.lineHeight};\n  color: ${theme.text.error.color};\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: calc(${theme.sizes[2]} * -1);\n    width: 2px;\n    background-color: ${theme.colors.secondary.red.base};\n  }\n`;\n\nconst Hint = styled.span`\n  display: block;\n  font-family: ${theme.fontFamily};\n  font-size: ${theme.sizes[3]};\n  line-height: ${theme.sizes[4]};\n  color: ${theme.colors.neutral.ink.light};\n`;\n\nexport { Container, Row, Error, Hint, StyledTextField as TextField };\n"],"names":["styled","BaseContainer","TextField","theme"],"mappings":";;;;;;;;;;;AAMA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC;AAMvC,MAAM,GAAG,GAAGD,uBAAM,CAACC,2BAAa,CAAC;AAOjC,MAAM,eAAe,GAAGD,uBAAM,CAACE,eAAS,CAAC;AAI3BF,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAERG,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,WAAA,EAC7BA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvBA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAAA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CACjC,OAAA,EAAAA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,oEAOhBA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAEP,kCAAA,EAAAA,aAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAI1CH,uBAAM,CAAC,IAAI,CAEP,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAAAG,aAAK,CAAC,UAAU,cAClBA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,aAAA,EACZA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpBA,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;;;;;;"}