@veeqo/ui 14.7.1-beta-1 → 14.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport enum Sides {\n  BOTTOM = 'bottom',\n  TOP = 'top',\n}\n\nexport interface IConfig {\n  side: Sides.TOP | Sides.BOTTOM;\n  /** @deprecated No longer used. Triangle positioning is handled by CSS Module classes. */\n  triangleOffset?: number;\n  tipMinWidth: number;\n  tipMaxWidth: number;\n  tipOffset?: number;\n}\n\nexport interface TooltipProps {\n  children?: any;\n  text?: string;\n  content?: ReactNode;\n  config?: IConfig;\n  reversed?: boolean;\n  additionalOffset?: number;\n  className?: string;\n  hoverableClassName?: string;\n  withTriangle?: boolean;\n  unmountOnExit?: boolean;\n  initialShouldShow?: boolean;\n  useReactPortal?: boolean;\n}\n"],"names":["Sides"],"mappings":";;AAEYA;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,KAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAHWA,aAAK,KAALA,aAAK,GAAA,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"types.cjs","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport enum Sides {\n  BOTTOM = 'bottom',\n  TOP = 'top',\n}\n\nexport interface IConfig {\n  side: Sides.TOP | Sides.BOTTOM;\n  triangleOffset: number;\n  tipMinWidth: number;\n  tipMaxWidth: number;\n  tipOffset?: number;\n}\n\nexport interface TooltipProps {\n  children?: any;\n  text?: string;\n  content?: ReactNode;\n  config?: IConfig;\n  reversed?: boolean;\n  additionalOffset?: number;\n  className?: string;\n  withTriangle?: boolean;\n  unmountOnExit?: boolean;\n  initialShouldShow?: boolean;\n  useReactPortal?: boolean;\n}\n"],"names":["Sides"],"mappings":";;AAEYA;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,KAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAHWA,aAAK,KAALA,aAAK,GAAA,EAAA,CAAA,CAAA;;"}

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

@@ -5,8 +5,7 @@ export declare enum Sides {
 }
 export interface IConfig {
     side: Sides.TOP | Sides.BOTTOM;
-    /** @deprecated No longer used. Triangle positioning is handled by CSS Module classes. */
-    triangleOffset?: number;
+    triangleOffset: number;
     tipMinWidth: number;
     tipMaxWidth: number;
     tipOffset?: number;
@@ -19,7 +18,6 @@ export interface TooltipProps {
     reversed?: boolean;
     additionalOffset?: number;
     className?: string;
-    hoverableClassName?: string;
     withTriangle?: boolean;
     unmountOnExit?: boolean;
     initialShouldShow?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport enum Sides {\n  BOTTOM = 'bottom',\n  TOP = 'top',\n}\n\nexport interface IConfig {\n  side: Sides.TOP | Sides.BOTTOM;\n  /** @deprecated No longer used. Triangle positioning is handled by CSS Module classes. */\n  triangleOffset?: number;\n  tipMinWidth: number;\n  tipMaxWidth: number;\n  tipOffset?: number;\n}\n\nexport interface TooltipProps {\n  children?: any;\n  text?: string;\n  content?: ReactNode;\n  config?: IConfig;\n  reversed?: boolean;\n  additionalOffset?: number;\n  className?: string;\n  hoverableClassName?: string;\n  withTriangle?: boolean;\n  unmountOnExit?: boolean;\n  initialShouldShow?: boolean;\n  useReactPortal?: boolean;\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,KAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAHW,KAAK,KAAL,KAAK,GAAA,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport enum Sides {\n  BOTTOM = 'bottom',\n  TOP = 'top',\n}\n\nexport interface IConfig {\n  side: Sides.TOP | Sides.BOTTOM;\n  triangleOffset: number;\n  tipMinWidth: number;\n  tipMaxWidth: number;\n  tipOffset?: number;\n}\n\nexport interface TooltipProps {\n  children?: any;\n  text?: string;\n  content?: ReactNode;\n  config?: IConfig;\n  reversed?: boolean;\n  additionalOffset?: number;\n  className?: string;\n  withTriangle?: boolean;\n  unmountOnExit?: boolean;\n  initialShouldShow?: boolean;\n  useReactPortal?: boolean;\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,KAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAHW,KAAK,KAAL,KAAK,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/components/WeightInput/WeightInput.cjs

@@ -41,7 +41,6 @@ const WeightInput = withLabels.withLabels((props) => {
         },
         inputAffix: {
             compact,
-            hasError,
         },
     };
     // If the weight is metric, render grams

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

@@ -1 +1 @@
-{"version":3,"file":"WeightInput.cjs","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 { 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', 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: 'base',\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      <InputGroup {...childProps.inputGroup} className={className}>\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    );\n  }\n\n  // If the weight is imperial, render pounds and ounces\n  if (isWeightImperial(props)) {\n    return (\n      <Stack {...childProps.stack} className={className}>\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":["blockInvalidCharacters","invalidCharsList","withLabels","isWeightMetric","React","InputGroup","TextField","InputAffix","isWeightImperial","Stack"],"mappings":"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"}
+{"version":3,"file":"WeightInput.cjs","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 { 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', 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: 'base',\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    },\n  };\n\n  // If the weight is metric, render grams\n  if (isWeightMetric(props)) {\n    return (\n      <InputGroup {...childProps.inputGroup} className={className}>\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    );\n  }\n\n  // If the weight is imperial, render pounds and ounces\n  if (isWeightImperial(props)) {\n    return (\n      <Stack {...childProps.stack} className={className}>\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":["blockInvalidCharacters","invalidCharsList","withLabels","isWeightMetric","React","InputGroup","TextField","InputAffix","isWeightImperial","Stack"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAM,SAAS,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;AAE7B,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAKA,6CAAsB,CAAC,CAAC,EAAEC,yCAAgB,CAAC;MAEpF,WAAW,GAAGC,qBAAU,CAAc,CAAC,KAAK,KAAI;AAC3D,IAAA,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK;AAE9D,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;AAE7B,IAAA,MAAM,UAAU,GAAwB;AACtC,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,YAAY;AACvB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,WAAW,EAAE,GAAG;AAChB,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,IAAI,EAAE,KAAK;YACX,IAAI;YACJ,QAAQ;YACR,QAAQ;AACR,YAAA,SAAS,EAAE,iBAAiB;AAC5B,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA,UAAU,EAAE;YACV,OAAO;AACR,SAAA;KACF;;AAGD,IAAA,IAAIC,oBAAc,CAAC,KAAK,CAAC,EAAE;QACzB,QACEC,sBAAA,CAAA,aAAA,CAACC,qBAAU,EAAA,EAAA,GAAK,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAA;YACzDD,sBAAA,CAAA,aAAA,CAACE,eAAS,OACJ,UAAU,CAAC,SAAS,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,CAAC,IAAI,EAAA,YAAA,EACN,OAAO,EAClB,QAAQ,EAAE,KAAK,CAAC,gBAAgB,EAAA,CAChC;YACFF,sBAAA,CAAA,aAAA,CAACG,qBAAU,OAAK,UAAU,CAAC,UAAU,EAAA,EAAA,GAAA,CAAgB,CAC1C;AAEhB,IAAA;;AAGD,IAAA,IAAIC,sBAAgB,CAAC,KAAK,CAAC,EAAE;QAC3B,QACEJ,sBAAA,CAAA,aAAA,CAACK,WAAK,EAAA,EAAA,GAAK,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAA;AAC/C,YAAAL,sBAAA,CAAA,aAAA,CAACC,qBAAU,EAAA,EAAA,GAAK,UAAU,CAAC,UAAU,EAAA;gBACnCD,sBAAA,CAAA,aAAA,CAACE,eAAS,OACJ,UAAU,CAAC,SAAS,EACxB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAAA,YAAA,EACP,QAAQ,EACnB,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EAAA,CACjC;AACF,gBAAAF,sBAAA,CAAA,aAAA,CAACG,qBAAU,EAAA,EAAA,GAAK,UAAU,CAAC,UAAU,SAAiB,CAC3C;AACb,YAAAH,sBAAA,CAAA,aAAA,CAACC,qBAAU,EAAA,EAAA,GAAK,UAAU,CAAC,UAAU,EAAA;gBACnCD,sBAAA,CAAA,aAAA,CAACE,eAAS,OACJ,UAAU,CAAC,SAAS,EACxB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAAA,YAAA,EACP,QAAQ,EACnB,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EAAA,CACjC;gBACFF,sBAAA,CAAA,aAAA,CAACG,qBAAU,OAAK,UAAU,CAAC,UAAU,EAAA,EAAA,IAAA,CAAiB,CAC3C,CACP;AAEX,IAAA;;AAGD,IAAA,OAAO,IAAI;AACb,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;AAEvC,WAAW,CAAC,YAAY,GAAG;AACzB,IAAA,UAAU,EAAE,IAAI;CACjB;;;;"}

package/dist/components/WeightInput/WeightInput.js

@@ -35,7 +35,6 @@ const WeightInput = withLabels((props) => {
         },
         inputAffix: {
             compact,
-            hasError,
         },
     };
     // If the weight is metric, render grams

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';\n\nimport { withLabels } from '../../hoc';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nimport { Stack, StackProps } from '../Stack';\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', 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: 'base',\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      <InputGroup {...childProps.inputGroup} className={className}>\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    );\n  }\n\n  // If the weight is imperial, render pounds and ounces\n  if (isWeightImperial(props)) {\n    return (\n      <Stack {...childProps.stack} className={className}>\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":";;;;;;;;;;AAoBA,MAAM,SAAS,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;AAE7B,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAK,sBAAsB,CAAC,CAAC,EAAE,gBAAgB,CAAC;MAEpF,WAAW,GAAG,UAAU,CAAc,CAAC,KAAK,KAAI;AAC3D,IAAA,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK;AAE9D,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;AAE7B,IAAA,MAAM,UAAU,GAAwB;AACtC,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,YAAY;AACvB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,WAAW,EAAE,GAAG;AAChB,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,IAAI,EAAE,KAAK;YACX,IAAI;YACJ,QAAQ;YACR,QAAQ;AACR,YAAA,SAAS,EAAE,iBAAiB;AAC5B,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA,UAAU,EAAE;YACV,OAAO;YACP,QAAQ;AACT,SAAA;KACF;;AAGD,IAAA,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;QACzB,QACEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAA;YACzDA,cAAA,CAAA,aAAA,CAAC,SAAS,OACJ,UAAU,CAAC,SAAS,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,CAAC,IAAI,EAAA,YAAA,EACN,OAAO,EAClB,QAAQ,EAAE,KAAK,CAAC,gBAAgB,EAAA,CAChC;YACFA,cAAA,CAAA,aAAA,CAAC,UAAU,OAAK,UAAU,CAAC,UAAU,EAAA,EAAA,GAAA,CAAgB,CAC1C;AAEhB,IAAA;;AAGD,IAAA,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;QAC3B,QACEA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAA,GAAK,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAA;AAC/C,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,UAAU,CAAC,UAAU,EAAA;gBACnCA,cAAA,CAAA,aAAA,CAAC,SAAS,OACJ,UAAU,CAAC,SAAS,EACxB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAAA,YAAA,EACP,QAAQ,EACnB,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EAAA,CACjC;AACF,gBAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,UAAU,CAAC,UAAU,SAAiB,CAC3C;AACb,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,UAAU,CAAC,UAAU,EAAA;gBACnCA,cAAA,CAAA,aAAA,CAAC,SAAS,OACJ,UAAU,CAAC,SAAS,EACxB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAAA,YAAA,EACP,QAAQ,EACnB,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EAAA,CACjC;gBACFA,cAAA,CAAA,aAAA,CAAC,UAAU,OAAK,UAAU,CAAC,UAAU,EAAA,EAAA,IAAA,CAAiB,CAC3C,CACP;AAEX,IAAA;;AAGD,IAAA,OAAO,IAAI;AACb,CAAC;AAED,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 from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nimport { Stack, StackProps } from '../Stack';\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', 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: 'base',\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    },\n  };\n\n  // If the weight is metric, render grams\n  if (isWeightMetric(props)) {\n    return (\n      <InputGroup {...childProps.inputGroup} className={className}>\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    );\n  }\n\n  // If the weight is imperial, render pounds and ounces\n  if (isWeightImperial(props)) {\n    return (\n      <Stack {...childProps.stack} className={className}>\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/hoc/withLabels/styled.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var styled = require('styled-components');
+var Tooltip = require('../../components/Tooltip/Tooltip.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+// TODO(VQCL-7563): BlockTooltip remains as a styled-component because Tooltip
+// uses a className-suffix convention (`${className}-hoverable`) that is
+// incompatible with CSS Module class name hashing. Remove this SC wrapper
+// when Tooltip is migrated to CSS Modules in a later wave.
+const BlockTooltip = styled__default.default(Tooltip.Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1rp8rx" }) `display:block;&-hoverable{display:flex;}`;
+
+exports.BlockTooltip = BlockTooltip;
+//# sourceMappingURL=styled.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Tooltip } from '../../components/Tooltip';\n\n// TODO(VQCL-7563): BlockTooltip remains as a styled-component because Tooltip\n// uses a className-suffix convention (`${className}-hoverable`) that is\n// incompatible with CSS Module class name hashing. Remove this SC wrapper\n// when Tooltip is migrated to CSS Modules in a later wave.\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","Tooltip"],"mappings":";;;;;;;;;AAGA;AACA;AACA;AACA;MACa,YAAY,GAAGA,uBAAM,CAACC,eAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;"}

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

@@ -0,0 +1 @@
+export declare const BlockTooltip: import("styled-components").StyledComponent<({ children, text, content, config, reversed, className, withTriangle, initialShouldShow, useReactPortal, }: import("../../components/Tooltip/types").TooltipProps) => JSX.Element | null, any, {}, never>;

package/dist/hoc/withLabels/styled.js

@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+import { Tooltip } from '../../components/Tooltip/Tooltip.js';
+
+// TODO(VQCL-7563): BlockTooltip remains as a styled-component because Tooltip
+// uses a className-suffix convention (`${className}-hoverable`) that is
+// incompatible with CSS Module class name hashing. Remove this SC wrapper
+// when Tooltip is migrated to CSS Modules in a later wave.
+const BlockTooltip = styled(Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1rp8rx" }) `display:block;&-hoverable{display:flex;}`;
+
+export { BlockTooltip };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Tooltip } from '../../components/Tooltip';\n\n// TODO(VQCL-7563): BlockTooltip remains as a styled-component because Tooltip\n// uses a className-suffix convention (`${className}-hoverable`) that is\n// incompatible with CSS Module class name hashing. Remove this SC wrapper\n// when Tooltip is migrated to CSS Modules in a later wave.\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":";;;AAGA;AACA;AACA;AACA;MACa,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;"}

package/dist/hoc/withLabels/withLabels.cjs

@@ -9,7 +9,7 @@ var CriticalIcon = require('../../icons/design-system/components/CriticalIcon.cj
 var HelpIcon = require('../../icons/design-system/components/HelpIcon.cjs');
 var LockIcon = require('../../icons/design-system/components/LockIcon.cjs');
 var index = require('../../theme/index.cjs');
-var BlockTooltip = require('./BlockTooltip.cjs');
+var styled = require('./styled.cjs');
 var withLabels_module = require('./withLabels.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -25,7 +25,7 @@ const withLabels = (Component) => {
         return (React__default.default.createElement(FlexCol.FlexCol, { className: withLabels_module.rootStack },
             React__default.default.createElement(FlexRow.FlexRow, null,
                 React__default.default.createElement(Text.Text, { variant: "inputLabel", id: `${componentId}-label`, htmlFor: componentId }, label),
-                (tooltip || tooltipContent) && (React__default.default.createElement(BlockTooltip.BlockTooltip, { text: tooltip, content: tooltipContent },
+                (tooltip || tooltipContent) && (React__default.default.createElement(styled.BlockTooltip, { text: tooltip, content: tooltipContent },
                     React__default.default.createElement(HelpIcon.ReactComponent, { "data-testid": "tooltip-help", width: index.theme.sizes.base, height: index.theme.sizes.base, color: index.theme.colors.neutral.ink.light })))),
             hint && (React__default.default.createElement(Text.Text, { variant: "hintText", as: "span", className: withLabels_module.hint, id: `${componentId}-hint` }, hint)),
             React__default.default.createElement(Component, { ref: ref, id: componentId, hasError: !!error, disabled: !!disabledMessage, disabledMessage: disabledMessage, ...otherProps }),

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

@@ -1 +1 @@
-{"version":3,"file":"withLabels.cjs","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexCol } from '../../components/Flex/FlexCol';\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { Text } from '../../components/Text';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { BlockTooltip } from './BlockTooltip';\nimport styles from './withLabels.module.scss';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <FlexCol className={styles.rootStack}>\n          <FlexRow>\n            <Text variant=\"inputLabel\" id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Text>\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          </FlexRow>\n          {hint && (\n            <Text variant=\"hintText\" as=\"span\" className={styles.hint} id={`${componentId}-hint`}>\n              {hint}\n            </Text>\n          )}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Text variant=\"error\" as=\"span\" className={styles.error}>\n                {error}\n              </Text>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Text variant=\"bodyBold\" as=\"span\">\n                {disabledMessage}\n              </Text>\n            </FlexRow>\n          )}\n        </FlexCol>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["forwardRef","useId","React","FlexCol","styles","FlexRow","Text","BlockTooltip","HelpIcon","theme","CriticalIcon","LockIcon"],"mappings":"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"}
+{"version":3,"file":"withLabels.cjs","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexCol } from '../../components/Flex/FlexCol';\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { Text } from '../../components/Text';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { BlockTooltip } from './styled';\nimport styles from './withLabels.module.scss';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <FlexCol className={styles.rootStack}>\n          <FlexRow>\n            <Text variant=\"inputLabel\" id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Text>\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          </FlexRow>\n          {hint && (\n            <Text variant=\"hintText\" as=\"span\" className={styles.hint} id={`${componentId}-hint`}>\n              {hint}\n            </Text>\n          )}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Text variant=\"error\" as=\"span\" className={styles.error}>\n                {error}\n              </Text>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Text variant=\"bodyBold\" as=\"span\">\n                {disabledMessage}\n              </Text>\n            </FlexRow>\n          )}\n        </FlexCol>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["forwardRef","useId","React","FlexCol","styles","FlexRow","Text","BlockTooltip","HelpIcon","theme","CriticalIcon","LockIcon"],"mappings":"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"}

package/dist/hoc/withLabels/withLabels.js

@@ -7,7 +7,7 @@ import { ReactComponent as CriticalIcon } from '../../icons/design-system/compon
 import { ReactComponent as HelpIcon } from '../../icons/design-system/components/HelpIcon.js';
 import { ReactComponent as LockIcon } from '../../icons/design-system/components/LockIcon.js';
 import { theme } from '../../theme/index.js';
-import { BlockTooltip } from './BlockTooltip.js';
+import { BlockTooltip } from './styled.js';
 import labelStyles from './withLabels.module.scss.js';
 
 // eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX

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

@@ -1 +1 @@
-{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexCol } from '../../components/Flex/FlexCol';\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { Text } from '../../components/Text';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { BlockTooltip } from './BlockTooltip';\nimport styles from './withLabels.module.scss';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <FlexCol className={styles.rootStack}>\n          <FlexRow>\n            <Text variant=\"inputLabel\" id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Text>\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          </FlexRow>\n          {hint && (\n            <Text variant=\"hintText\" as=\"span\" className={styles.hint} id={`${componentId}-hint`}>\n              {hint}\n            </Text>\n          )}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Text variant=\"error\" as=\"span\" className={styles.error}>\n                {error}\n              </Text>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Text variant=\"bodyBold\" as=\"span\">\n                {disabledMessage}\n              </Text>\n            </FlexRow>\n          )}\n        </FlexCol>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["React","styles"],"mappings":"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"}
+{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexCol } from '../../components/Flex/FlexCol';\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { Text } from '../../components/Text';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { BlockTooltip } from './styled';\nimport styles from './withLabels.module.scss';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <FlexCol className={styles.rootStack}>\n          <FlexRow>\n            <Text variant=\"inputLabel\" id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Text>\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          </FlexRow>\n          {hint && (\n            <Text variant=\"hintText\" as=\"span\" className={styles.hint} id={`${componentId}-hint`}>\n              {hint}\n            </Text>\n          )}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            disabledMessage={disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Text variant=\"error\" as=\"span\" className={styles.error}>\n                {error}\n              </Text>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Text variant=\"bodyBold\" as=\"span\">\n                {disabledMessage}\n              </Text>\n            </FlexRow>\n          )}\n        </FlexCol>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["React","styles"],"mappings":";;;;;;;;;;;;AAsBA;AACO,MAAM,UAAU,GAAG,CAAiB,SAA2B,KAAI;IACxE,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AAC3F,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzD,QAAA,IAAI,CAAC,KAAK;AACR,YAAA,QACEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,WAAW,EACf,QAAQ,EAAE,CAAC,CAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,eAAe,EAC3B,eAAe,EAAE,eAAe,EAAA,GAC3B,UAAgB,EAAA,CACrB;QAGN,QACEA,6BAAC,OAAO,EAAA,EAAC,SAAS,EAAEC,WAAM,CAAC,SAAS,EAAA;AAClC,YAAAD,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA;AACN,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,YAAY,EAAC,EAAE,EAAE,CAAA,EAAG,WAAW,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAA,EACxE,KAAK,CACD;AACN,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,EAAA,CACrC,CACW,CAChB,CACO;YACT,IAAI,KACHA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAEC,WAAM,CAAC,IAAI,EAAE,EAAE,EAAE,CAAA,EAAG,WAAW,CAAA,KAAA,CAAO,EAAA,EACjF,IAAI,CACA,CACR;YACDD,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,WAAW,EACf,QAAQ,EAAE,CAAC,CAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,eAAe,EAC3B,eAAe,EAAE,eAAe,EAAA,GAC3B,UAAgB,EAAA,CACrB;AACD,YAAA,KAAK,KACJA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,EAAE,EAAE,CAAA,EAAG,WAAW,CAAA,MAAA,CAAQ,EAAE,GAAG,EAAC,IAAI,EAAA;gBAC3CA,cAAA,CAAA,aAAA,CAAC,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAA,CAAI;AAC/E,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAEC,WAAM,CAAC,KAAK,IACpD,KAAK,CACD,CACC,CACX;AACA,YAAA,eAAe,KACdD,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,EAAE,EAAE,CAAA,EAAG,WAAW,CAAA,SAAA,CAAW,EAAE,GAAG,EAAC,IAAI,EAAA;gBAC9CA,cAAA,CAAA,aAAA,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAA,CAAI;AAC1E,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,EAAE,EAAC,MAAM,EAAA,EAC/B,eAAe,CACX,CACC,CACX,CACO;AAEd,IAAA,CAAC,CACF;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}

package/dist/utils/forms/inputStyles.cjs

@@ -26,10 +26,9 @@ const inputBaseStyles = ({ compact }) => styled.css `${variables.inputVariableSt
  * @deprecated
  * use css modules instead from src/utils/forms/form.module.scss
  */
-const inputFullStyles = styled.css `${inputBaseStyles} ${inputDisabledStyles} ${inputFocusStyles} &::placeholder{${utils.getTextStyles(text.placeholder)}}&:invalid{box-shadow:0 0 0 var(--outline-size)var(--shadow-color);border-color:${colors.secondary.red.base};}`;
+styled.css `${inputBaseStyles} ${inputDisabledStyles} ${inputFocusStyles} &::placeholder{${utils.getTextStyles(text.placeholder)}}&:invalid{box-shadow:0 0 0 var(--outline-size)var(--shadow-color);border-color:${colors.secondary.red.base};}`;
 
 exports.inputBaseStyles = inputBaseStyles;
 exports.inputDisabledStyles = inputDisabledStyles;
 exports.inputFocusStyles = inputFocusStyles;
-exports.inputFullStyles = inputFullStyles;
 //# sourceMappingURL=inputStyles.cjs.map

package/dist/utils/forms/inputStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"inputStyles.cjs","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { getTextStyles, theme } from '../../theme';\nimport { inputVariableStyles } from './variables';\n\nconst { colors, radius, sizes, text } = theme;\n\n/**\n * @deprecated\n * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss\n */\nexport const inputFocusStyles = ({ hasError }: FormComponentProps) => css`\n  &:focus {\n    --border-color: ${hasError ? colors.secondary.red.base : colors.secondary.blue.base};\n    border-color: var(--border-color);\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    outline: 0;\n  }\n`;\n/**\n * @deprecated\n * use css modules instead\n */\nexport const inputDisabledStyles = css`\n  &:disabled,\n  &[data-disabled] {\n    opacity: 1;\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.light};\n    cursor: not-allowed;\n  }\n`;\n\n/**\n *\n * @deprecated\n * use css modules instead\n */\nexport const inputBaseStyles = ({ compact }: FormComponentProps) => css`\n  ${inputVariableStyles}\n  ${getTextStyles(text.body)}\n\n  appearance: none;\n  box-sizing: border-box;\n\n  background-color: white;\n  text-align: left;\n\n  min-height: ${compact ? sizes[8] : sizes[10]};\n  padding-inline: var(--padding);\n  border: 1px solid var(--border-color);\n  border-radius: ${radius.base};\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  /* When inside an InputGroup, reduce inline padding to bring content closer together */\n  [data-input-group] > &:first-child {\n    padding-right: calc(var(--padding-right) - ${sizes[1]});\n  }\n\n  [data-input-group] > &:last-child {\n    padding-left: ${sizes[2]};\n  }\n\n  [data-input-group] > &:not(:first-child):not(:last-child) {\n    padding-inline: ${sizes[2]};\n  }\n`;\n\n/**\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n */\nexport const inputFullStyles = css`\n  ${inputBaseStyles}\n  ${inputDisabledStyles}\n  ${inputFocusStyles}\n\n  &::placeholder {\n    ${getTextStyles(text.placeholder)}\n  }\n\n  &:invalid {\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    border-color: ${colors.secondary.red.base};\n  }\n`;\n"],"names":["theme","css","inputVariableStyles","getTextStyles"],"mappings":";;;;;;;AAKA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAGA,WAAK;AAE7C;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAKC,UAAG,CAAA,CAAA,uBAAA,EAEnD,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAMvF;;;AAGG;AACI,MAAM,mBAAmB,GAAGA,UAAG,CAAA,CAAA,uEAAA,EAKd,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAKjD;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAsB,KAAKA,UAAG,CAAA,CAAA,EACnEC,6BAAmB,CAAA,CAAA,EACnBC,mBAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yFAAA,EAQZ,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA,kFAAA,EAG3B,MAAM,CAAC,IAAI,CAAA,yIAAA,EAQmB,KAAK,CAAC,CAAC,CAAC,CAAA,kDAAA,EAIrC,KAAK,CAAC,CAAC,CAAC,CAAA,2EAAA,EAIN,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA;AAI9B;;;AAGG;AACI,MAAM,eAAe,GAAGF,UAAG,CAAA,CAAA,EAC9B,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,CAAA,EACnB,gBAAgB,CAAA,gBAAA,EAGdE,mBAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,gFAAA,EAKjB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,EAAA;;;;;;;"}
+{"version":3,"file":"inputStyles.cjs","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { getTextStyles, theme } from '../../theme';\nimport { inputVariableStyles } from './variables';\n\nconst { colors, radius, sizes, text } = theme;\n\n/**\n * @deprecated\n * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss\n */\nexport const inputFocusStyles = ({ hasError }: FormComponentProps) => css`\n  &:focus {\n    --border-color: ${hasError ? colors.secondary.red.base : colors.secondary.blue.base};\n    border-color: var(--border-color);\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    outline: 0;\n  }\n`;\n/**\n * @deprecated\n * use css modules instead\n */\nexport const inputDisabledStyles = css`\n  &:disabled,\n  &[data-disabled] {\n    opacity: 1;\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.light};\n    cursor: not-allowed;\n  }\n`;\n\n/**\n *\n * @deprecated\n * use css modules instead\n */\nexport const inputBaseStyles = ({ compact }: FormComponentProps) => css`\n  ${inputVariableStyles}\n  ${getTextStyles(text.body)}\n\n  appearance: none;\n  box-sizing: border-box;\n\n  background-color: white;\n  text-align: left;\n\n  min-height: ${compact ? sizes[8] : sizes[10]};\n  padding-inline: var(--padding);\n  border: 1px solid var(--border-color);\n  border-radius: ${radius.base};\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  /* When inside an InputGroup, reduce inline padding to bring content closer together */\n  [data-input-group] > &:first-child {\n    padding-right: calc(var(--padding-right) - ${sizes[1]});\n  }\n\n  [data-input-group] > &:last-child {\n    padding-left: ${sizes[2]};\n  }\n\n  [data-input-group] > &:not(:first-child):not(:last-child) {\n    padding-inline: ${sizes[2]};\n  }\n`;\n\n/**\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n */\nexport const inputFullStyles = css`\n  ${inputBaseStyles}\n  ${inputDisabledStyles}\n  ${inputFocusStyles}\n\n  &::placeholder {\n    ${getTextStyles(text.placeholder)}\n  }\n\n  &:invalid {\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    border-color: ${colors.secondary.red.base};\n  }\n`;\n"],"names":["theme","css","inputVariableStyles","getTextStyles"],"mappings":";;;;;;;AAKA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAGA,WAAK;AAE7C;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAKC,UAAG,CAAA,CAAA,uBAAA,EAEnD,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAMvF;;;AAGG;AACI,MAAM,mBAAmB,GAAGA,UAAG,CAAA,CAAA,uEAAA,EAKd,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAKjD;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAsB,KAAKA,UAAG,CAAA,CAAA,EACnEC,6BAAmB,CAAA,CAAA,EACnBC,mBAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yFAAA,EAQZ,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA,kFAAA,EAG3B,MAAM,CAAC,IAAI,CAAA,yIAAA,EAQmB,KAAK,CAAC,CAAC,CAAC,CAAA,kDAAA,EAIrC,KAAK,CAAC,CAAC,CAAC,CAAA,2EAAA,EAIN,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA;AAI9B;;;AAGG;AAC4BF,UAAG,CAAA,CAAA,EAC9B,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,CAAA,EACnB,gBAAgB,CAAA,gBAAA,EAGdE,mBAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,gFAAA,EAKjB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,EAAA;;;;;;"}

package/dist/utils/forms/inputStyles.js

@@ -24,7 +24,7 @@ const inputBaseStyles = ({ compact }) => css `${inputVariableStyles} ${getTextSt
  * @deprecated
  * use css modules instead from src/utils/forms/form.module.scss
  */
-const inputFullStyles = css `${inputBaseStyles} ${inputDisabledStyles} ${inputFocusStyles} &::placeholder{${getTextStyles(text.placeholder)}}&:invalid{box-shadow:0 0 0 var(--outline-size)var(--shadow-color);border-color:${colors.secondary.red.base};}`;
+css `${inputBaseStyles} ${inputDisabledStyles} ${inputFocusStyles} &::placeholder{${getTextStyles(text.placeholder)}}&:invalid{box-shadow:0 0 0 var(--outline-size)var(--shadow-color);border-color:${colors.secondary.red.base};}`;
 
-export { inputBaseStyles, inputDisabledStyles, inputFocusStyles, inputFullStyles };
+export { inputBaseStyles, inputDisabledStyles, inputFocusStyles };
 //# sourceMappingURL=inputStyles.js.map

package/dist/utils/forms/inputStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputStyles.js","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { getTextStyles, theme } from '../../theme';\nimport { inputVariableStyles } from './variables';\n\nconst { colors, radius, sizes, text } = theme;\n\n/**\n * @deprecated\n * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss\n */\nexport const inputFocusStyles = ({ hasError }: FormComponentProps) => css`\n  &:focus {\n    --border-color: ${hasError ? colors.secondary.red.base : colors.secondary.blue.base};\n    border-color: var(--border-color);\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    outline: 0;\n  }\n`;\n/**\n * @deprecated\n * use css modules instead\n */\nexport const inputDisabledStyles = css`\n  &:disabled,\n  &[data-disabled] {\n    opacity: 1;\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.light};\n    cursor: not-allowed;\n  }\n`;\n\n/**\n *\n * @deprecated\n * use css modules instead\n */\nexport const inputBaseStyles = ({ compact }: FormComponentProps) => css`\n  ${inputVariableStyles}\n  ${getTextStyles(text.body)}\n\n  appearance: none;\n  box-sizing: border-box;\n\n  background-color: white;\n  text-align: left;\n\n  min-height: ${compact ? sizes[8] : sizes[10]};\n  padding-inline: var(--padding);\n  border: 1px solid var(--border-color);\n  border-radius: ${radius.base};\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  /* When inside an InputGroup, reduce inline padding to bring content closer together */\n  [data-input-group] > &:first-child {\n    padding-right: calc(var(--padding-right) - ${sizes[1]});\n  }\n\n  [data-input-group] > &:last-child {\n    padding-left: ${sizes[2]};\n  }\n\n  [data-input-group] > &:not(:first-child):not(:last-child) {\n    padding-inline: ${sizes[2]};\n  }\n`;\n\n/**\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n */\nexport const inputFullStyles = css`\n  ${inputBaseStyles}\n  ${inputDisabledStyles}\n  ${inputFocusStyles}\n\n  &::placeholder {\n    ${getTextStyles(text.placeholder)}\n  }\n\n  &:invalid {\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    border-color: ${colors.secondary.red.base};\n  }\n`;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK;AAE7C;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAK,GAAG,CAAA,CAAA,uBAAA,EAEnD,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAMvF;;;AAGG;AACI,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA,uEAAA,EAKd,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAKjD;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAsB,KAAK,GAAG,CAAA,CAAA,EACnE,mBAAmB,CAAA,CAAA,EACnB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yFAAA,EAQZ,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA,kFAAA,EAG3B,MAAM,CAAC,IAAI,CAAA,yIAAA,EAQmB,KAAK,CAAC,CAAC,CAAC,CAAA,kDAAA,EAIrC,KAAK,CAAC,CAAC,CAAC,CAAA,2EAAA,EAIN,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA;AAI9B;;;AAGG;AACI,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA,EAC9B,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,CAAA,EACnB,gBAAgB,CAAA,gBAAA,EAGd,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,gFAAA,EAKjB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,EAAA;;;;"}
+{"version":3,"file":"inputStyles.js","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { getTextStyles, theme } from '../../theme';\nimport { inputVariableStyles } from './variables';\n\nconst { colors, radius, sizes, text } = theme;\n\n/**\n * @deprecated\n * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss\n */\nexport const inputFocusStyles = ({ hasError }: FormComponentProps) => css`\n  &:focus {\n    --border-color: ${hasError ? colors.secondary.red.base : colors.secondary.blue.base};\n    border-color: var(--border-color);\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    outline: 0;\n  }\n`;\n/**\n * @deprecated\n * use css modules instead\n */\nexport const inputDisabledStyles = css`\n  &:disabled,\n  &[data-disabled] {\n    opacity: 1;\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.light};\n    cursor: not-allowed;\n  }\n`;\n\n/**\n *\n * @deprecated\n * use css modules instead\n */\nexport const inputBaseStyles = ({ compact }: FormComponentProps) => css`\n  ${inputVariableStyles}\n  ${getTextStyles(text.body)}\n\n  appearance: none;\n  box-sizing: border-box;\n\n  background-color: white;\n  text-align: left;\n\n  min-height: ${compact ? sizes[8] : sizes[10]};\n  padding-inline: var(--padding);\n  border: 1px solid var(--border-color);\n  border-radius: ${radius.base};\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  /* When inside an InputGroup, reduce inline padding to bring content closer together */\n  [data-input-group] > &:first-child {\n    padding-right: calc(var(--padding-right) - ${sizes[1]});\n  }\n\n  [data-input-group] > &:last-child {\n    padding-left: ${sizes[2]};\n  }\n\n  [data-input-group] > &:not(:first-child):not(:last-child) {\n    padding-inline: ${sizes[2]};\n  }\n`;\n\n/**\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n */\nexport const inputFullStyles = css`\n  ${inputBaseStyles}\n  ${inputDisabledStyles}\n  ${inputFocusStyles}\n\n  &::placeholder {\n    ${getTextStyles(text.placeholder)}\n  }\n\n  &:invalid {\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    border-color: ${colors.secondary.red.base};\n  }\n`;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK;AAE7C;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAK,GAAG,CAAA,CAAA,uBAAA,EAEnD,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAMvF;;;AAGG;AACI,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA,uEAAA,EAKd,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAKjD;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAsB,KAAK,GAAG,CAAA,CAAA,EACnE,mBAAmB,CAAA,CAAA,EACnB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yFAAA,EAQZ,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA,kFAAA,EAG3B,MAAM,CAAC,IAAI,CAAA,yIAAA,EAQmB,KAAK,CAAC,CAAC,CAAC,CAAA,kDAAA,EAIrC,KAAK,CAAC,CAAC,CAAC,CAAA,2EAAA,EAIN,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA;AAI9B;;;AAGG;AAC4B,GAAG,CAAA,CAAA,EAC9B,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,CAAA,EACnB,gBAAgB,CAAA,gBAAA,EAGd,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,gFAAA,EAKjB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,EAAA;;;;"}

package/package.json

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

package/dist/components/AnimatedDropdown/AnimatedDropdown.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._container_9gxyg_1 {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n\n._wrap_9gxyg_12 {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  min-width: 100%;\n}\n\n._dropdown_9gxyg_24 {\n  flex-direction: column;\n  position: absolute;\n  z-index: var(--layers-popup);\n  top: 6px;\n  /* CSSTransition applies global class names that cannot be scoped by CSS Modules.\n     The compound selector (.localClass:global(.globalClass)) keeps the transition\n     styles properly scoped while targeting the global classes added by\n     react-transition-group. */\n}\n._dropdown_9gxyg_24.dropdown-enter {\n  opacity: 0;\n  transform: translateY(-6px);\n}\n._dropdown_9gxyg_24.dropdown-enter-active {\n  opacity: 1;\n  transform: translateY(0);\n  transition: all 200ms;\n}\n._dropdown_9gxyg_24.dropdown-exit {\n  opacity: 1;\n  transform: translateY(0);\n}\n._dropdown_9gxyg_24.dropdown-exit-active {\n  opacity: 0;\n  transform: translateY(-6px);\n  transition: all 200ms;\n}\n\n._reversed_9gxyg_53 {\n  top: auto;\n  bottom: 8px;\n}");
-var animatedDropdownStyles = {"container":"_container_9gxyg_1","wrap":"_wrap_9gxyg_12","dropdown":"_dropdown_9gxyg_24","reversed":"_reversed_9gxyg_53"};
-
-module.exports = animatedDropdownStyles;
-//# sourceMappingURL=AnimatedDropdown.module.scss.cjs.map

package/dist/components/AnimatedDropdown/AnimatedDropdown.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnimatedDropdown.module.scss.cjs","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.module.scss"],"sourcesContent":[".container {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n\n.wrap {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  min-width: 100%;\n}\n\n.dropdown {\n  flex-direction: column;\n  position: absolute;\n  z-index: var(--layers-popup);\n  top: 6px;\n\n  /* CSSTransition applies global class names that cannot be scoped by CSS Modules.\n     The compound selector (.localClass:global(.globalClass)) keeps the transition\n     styles properly scoped while targeting the global classes added by\n     react-transition-group. */\n  &:global(.dropdown-enter) {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n\n  &:global(.dropdown-enter-active) {\n    opacity: 1;\n    transform: translateY(0);\n    transition: all 200ms;\n  }\n\n  &:global(.dropdown-exit) {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  &:global(.dropdown-exit-active) {\n    opacity: 0;\n    transform: translateY(-6px);\n    transition: all 200ms;\n  }\n}\n\n.reversed {\n  top: auto;\n  bottom: 8px;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,yxCAAA;AACA,6BAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}

package/dist/components/AnimatedDropdown/AnimatedDropdown.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../_virtual/____insertStyle.js';
-
-insertStyle("._container_9gxyg_1 {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n\n._wrap_9gxyg_12 {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  min-width: 100%;\n}\n\n._dropdown_9gxyg_24 {\n  flex-direction: column;\n  position: absolute;\n  z-index: var(--layers-popup);\n  top: 6px;\n  /* CSSTransition applies global class names that cannot be scoped by CSS Modules.\n     The compound selector (.localClass:global(.globalClass)) keeps the transition\n     styles properly scoped while targeting the global classes added by\n     react-transition-group. */\n}\n._dropdown_9gxyg_24.dropdown-enter {\n  opacity: 0;\n  transform: translateY(-6px);\n}\n._dropdown_9gxyg_24.dropdown-enter-active {\n  opacity: 1;\n  transform: translateY(0);\n  transition: all 200ms;\n}\n._dropdown_9gxyg_24.dropdown-exit {\n  opacity: 1;\n  transform: translateY(0);\n}\n._dropdown_9gxyg_24.dropdown-exit-active {\n  opacity: 0;\n  transform: translateY(-6px);\n  transition: all 200ms;\n}\n\n._reversed_9gxyg_53 {\n  top: auto;\n  bottom: 8px;\n}");
-var animatedDropdownStyles = {"container":"_container_9gxyg_1","wrap":"_wrap_9gxyg_12","dropdown":"_dropdown_9gxyg_24","reversed":"_reversed_9gxyg_53"};
-
-export { animatedDropdownStyles as default };
-//# sourceMappingURL=AnimatedDropdown.module.scss.js.map

package/dist/components/AnimatedDropdown/AnimatedDropdown.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnimatedDropdown.module.scss.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.module.scss"],"sourcesContent":[".container {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n\n.wrap {\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  min-width: 100%;\n}\n\n.dropdown {\n  flex-direction: column;\n  position: absolute;\n  z-index: var(--layers-popup);\n  top: 6px;\n\n  /* CSSTransition applies global class names that cannot be scoped by CSS Modules.\n     The compound selector (.localClass:global(.globalClass)) keeps the transition\n     styles properly scoped while targeting the global classes added by\n     react-transition-group. */\n  &:global(.dropdown-enter) {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n\n  &:global(.dropdown-enter-active) {\n    opacity: 1;\n    transform: translateY(0);\n    transition: all 200ms;\n  }\n\n  &:global(.dropdown-exit) {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  &:global(.dropdown-exit-active) {\n    opacity: 0;\n    transform: translateY(-6px);\n    transition: all 200ms;\n  }\n}\n\n.reversed {\n  top: auto;\n  bottom: 8px;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,yxCAAA;AACA,6BAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}

package/dist/components/AnimatedDropdown/components/BasicDropdown.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._basicDropdown_1y6wv_1 {\n  display: inline-flex;\n  background-color: #ffffff;\n  box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n  border-radius: var(--radius-base);\n  overflow: hidden;\n}");
-var basicDropdownStyles = {"basicDropdown":"_basicDropdown_1y6wv_1"};
-
-module.exports = basicDropdownStyles;
-//# sourceMappingURL=BasicDropdown.module.scss.cjs.map

package/dist/components/AnimatedDropdown/components/BasicDropdown.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicDropdown.module.scss.cjs","sources":["../../../../src/components/AnimatedDropdown/components/BasicDropdown.module.scss"],"sourcesContent":[".basicDropdown {\n  display: inline-flex;\n  background-color: #ffffff;\n  box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n  border-radius: var(--radius-base);\n  overflow: hidden;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,oMAAA;AACA,0BAAA,CAAA,eAAA,CAAA,wBAAA;;;;"}

package/dist/components/AnimatedDropdown/components/BasicDropdown.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../../_virtual/____insertStyle.js';
-
-insertStyle("._basicDropdown_1y6wv_1 {\n  display: inline-flex;\n  background-color: #ffffff;\n  box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n  border-radius: var(--radius-base);\n  overflow: hidden;\n}");
-var basicDropdownStyles = {"basicDropdown":"_basicDropdown_1y6wv_1"};
-
-export { basicDropdownStyles as default };
-//# sourceMappingURL=BasicDropdown.module.scss.js.map

package/dist/components/AnimatedDropdown/components/BasicDropdown.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicDropdown.module.scss.js","sources":["../../../../src/components/AnimatedDropdown/components/BasicDropdown.module.scss"],"sourcesContent":[".basicDropdown {\n  display: inline-flex;\n  background-color: #ffffff;\n  box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n  border-radius: var(--radius-base);\n  overflow: hidden;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,oMAAA;AACA,0BAAA,CAAA,eAAA,CAAA,wBAAA;;;;"}

package/dist/components/Checkbox/styled.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = 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 { colors, sizes, radius } = index.theme;
-const Input = styled__default.default.input.withConfig({ displayName: "vui--Input", componentId: "vui--hippn5" }) `appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:hover{border-color:${colors.secondary.blue.base};}&:active{border-color:${colors.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${colors.secondary.blue.light};outline:0;}&:indeterminate{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${colors.neutral.grey.base};border-color:${colors.neutral.grey.base};color:${colors.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;
-
-exports.Input = Input;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Checkbox/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nconst { colors, sizes, radius } = theme;\n\nexport const Input = styled.input`\n  appearance: none;\n  width: 18px;\n  height: 18px;\n  background-color: transparent;\n  border: 2px solid ${colors.neutral.ink.lightest};\n  border-radius: ${radius.base};\n  cursor: pointer;\n  flex-shrink: 0;\n\n  transition:\n    box-shadow 0.1s,\n    background-color 0.1s;\n\n  &:checked {\n    background-color: ${colors.secondary.blue.base};\n    border-color: ${colors.secondary.blue.base};\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>\");\n    background-repeat: no-repeat;\n    background-size: ${sizes[4]};\n    background-position: center;\n  }\n\n  &:hover {\n    border-color: ${colors.secondary.blue.base};\n  }\n\n  &:active {\n    border-color: ${colors.secondary.blue.base};\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 4px ${colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:indeterminate {\n    background-color: ${colors.secondary.blue.base};\n    border-color: ${colors.secondary.blue.base};\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>\");\n    background-repeat: no-repeat;\n    background-size: ${sizes[4]};\n    background-position: center;\n  }\n\n  &:disabled {\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.base};\n    border-color: ${colors.neutral.grey.base};\n    color: ${colors.neutral.ink.light};\n    cursor: default;\n  }\n\n  &:checked:disabled {\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>\");\n  }\n\n  &:indeterminate:disabled {\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>\");\n  }\n`;\n"],"names":["theme","styled"],"mappings":";;;;;;;;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAGA,WAAK;AAEhC,MAAM,KAAK,GAAGC,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qFAAA,EAKX,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,eAAA,EAC9B,MAAM,CAAC,IAAI,6GASN,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC9B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,uUAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,qDAKX,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,wBAAA,EAI1B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,+BAAA,EAIlB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,6CAAA,EAK/B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC9B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,2PAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,CAAA,yEAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC5B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EAC/B,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,miBAAA;;;;"}

package/dist/components/Checkbox/styled.d.ts

@@ -1 +0,0 @@
-export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;

package/dist/components/Checkbox/styled.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../theme/index.js';
-
-const { colors, sizes, radius } = theme;
-const Input = styled.input.withConfig({ displayName: "vui--Input", componentId: "vui--hippn5" }) `appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:hover{border-color:${colors.secondary.blue.base};}&:active{border-color:${colors.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${colors.secondary.blue.light};outline:0;}&:indeterminate{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${colors.neutral.grey.base};border-color:${colors.neutral.grey.base};color:${colors.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;
-
-export { Input };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Checkbox/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nconst { colors, sizes, radius } = theme;\n\nexport const Input = styled.input`\n  appearance: none;\n  width: 18px;\n  height: 18px;\n  background-color: transparent;\n  border: 2px solid ${colors.neutral.ink.lightest};\n  border-radius: ${radius.base};\n  cursor: pointer;\n  flex-shrink: 0;\n\n  transition:\n    box-shadow 0.1s,\n    background-color 0.1s;\n\n  &:checked {\n    background-color: ${colors.secondary.blue.base};\n    border-color: ${colors.secondary.blue.base};\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>\");\n    background-repeat: no-repeat;\n    background-size: ${sizes[4]};\n    background-position: center;\n  }\n\n  &:hover {\n    border-color: ${colors.secondary.blue.base};\n  }\n\n  &:active {\n    border-color: ${colors.secondary.blue.base};\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 4px ${colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:indeterminate {\n    background-color: ${colors.secondary.blue.base};\n    border-color: ${colors.secondary.blue.base};\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>\");\n    background-repeat: no-repeat;\n    background-size: ${sizes[4]};\n    background-position: center;\n  }\n\n  &:disabled {\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.base};\n    border-color: ${colors.neutral.grey.base};\n    color: ${colors.neutral.ink.light};\n    cursor: default;\n  }\n\n  &:checked:disabled {\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>\");\n  }\n\n  &:indeterminate:disabled {\n    background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>\");\n  }\n`;\n"],"names":[],"mappings":";;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK;AAEhC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qFAAA,EAKX,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,eAAA,EAC9B,MAAM,CAAC,IAAI,6GASN,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC9B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,uUAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,qDAKX,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,wBAAA,EAI1B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,+BAAA,EAIlB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,6CAAA,EAK/B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC9B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,2PAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,CAAA,yEAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAC5B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EAC/B,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,miBAAA;;;;"}

package/dist/components/Choice/components/BlockTooltip.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Tooltip = require('../../Tooltip/Tooltip.cjs');
-var buildClassnames = require('../../../utils/buildClassnames.cjs');
-require('uid/secure');
-var BlockTooltip_module = require('./BlockTooltip.module.scss.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const BlockTooltip = ({ className, ...rest }) => (React__default.default.createElement(Tooltip.Tooltip, { ...rest, className: buildClassnames.buildClassnames([BlockTooltip_module.block, className]), hoverableClassName: BlockTooltip_module.hoverableBlock }));
-
-exports.BlockTooltip = BlockTooltip;
-//# sourceMappingURL=BlockTooltip.cjs.map

package/dist/components/Choice/components/BlockTooltip.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockTooltip.cjs","sources":["../../../../src/components/Choice/components/BlockTooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../../Tooltip';\nimport { TooltipProps } from '../../Tooltip/types';\nimport { buildClassnames } from '../../../utils';\nimport blockTooltipStyles from './BlockTooltip.module.scss';\n\nexport const BlockTooltip = ({ className, ...rest }: TooltipProps) => (\n  <Tooltip\n    {...rest}\n    className={buildClassnames([blockTooltipStyles.block, className])}\n    hoverableClassName={blockTooltipStyles.hoverableBlock}\n  />\n);\n"],"names":["React","Tooltip","buildClassnames","blockTooltipStyles"],"mappings":";;;;;;;;;;;;AAMO,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAgB,MAC/DA,sBAAA,CAAA,aAAA,CAACC,eAAO,OACF,IAAI,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,mBAAkB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EACjE,kBAAkB,EAAEA,mBAAkB,CAAC,cAAc,EAAA,CACrD;;;;"}

package/dist/components/Choice/components/BlockTooltip.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TooltipProps } from '../../Tooltip/types';
-export declare const BlockTooltip: ({ className, ...rest }: TooltipProps) => React.JSX.Element;

package/dist/components/Choice/components/BlockTooltip.js

@@ -1,10 +0,0 @@
-import React__default from 'react';
-import { Tooltip } from '../../Tooltip/Tooltip.js';
-import { buildClassnames } from '../../../utils/buildClassnames.js';
-import 'uid/secure';
-import blockTooltipStyles from './BlockTooltip.module.scss.js';
-
-const BlockTooltip = ({ className, ...rest }) => (React__default.createElement(Tooltip, { ...rest, className: buildClassnames([blockTooltipStyles.block, className]), hoverableClassName: blockTooltipStyles.hoverableBlock }));
-
-export { BlockTooltip };
-//# sourceMappingURL=BlockTooltip.js.map

package/dist/components/Choice/components/BlockTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockTooltip.js","sources":["../../../../src/components/Choice/components/BlockTooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../../Tooltip';\nimport { TooltipProps } from '../../Tooltip/types';\nimport { buildClassnames } from '../../../utils';\nimport blockTooltipStyles from './BlockTooltip.module.scss';\n\nexport const BlockTooltip = ({ className, ...rest }: TooltipProps) => (\n  <Tooltip\n    {...rest}\n    className={buildClassnames([blockTooltipStyles.block, className])}\n    hoverableClassName={blockTooltipStyles.hoverableBlock}\n  />\n);\n"],"names":["React"],"mappings":";;;;;;AAMO,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAgB,MAC/DA,cAAA,CAAA,aAAA,CAAC,OAAO,OACF,IAAI,EACR,SAAS,EAAE,eAAe,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EACjE,kBAAkB,EAAE,kBAAkB,CAAC,cAAc,EAAA,CACrD;;;;"}

package/dist/components/Choice/components/BlockTooltip.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._block_x5ryq_1 {\n  display: block;\n}\n\n._hoverableBlock_x5ryq_5 {\n  display: block;\n}");
-var blockTooltipStyles = {"block":"_block_x5ryq_1","hoverableBlock":"_hoverableBlock_x5ryq_5"};
-
-module.exports = blockTooltipStyles;
-//# sourceMappingURL=BlockTooltip.module.scss.cjs.map

package/dist/components/Choice/components/BlockTooltip.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockTooltip.module.scss.cjs","sources":["../../../../src/components/Choice/components/BlockTooltip.module.scss"],"sourcesContent":[".block {\n  display: block;\n}\n\n.hoverableBlock {\n  display: block;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,6FAAA;;;;;"}

package/dist/components/Choice/components/BlockTooltip.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../../_virtual/____insertStyle.js';
-
-insertStyle("._block_x5ryq_1 {\n  display: block;\n}\n\n._hoverableBlock_x5ryq_5 {\n  display: block;\n}");
-var blockTooltipStyles = {"block":"_block_x5ryq_1","hoverableBlock":"_hoverableBlock_x5ryq_5"};
-
-export { blockTooltipStyles as default };
-//# sourceMappingURL=BlockTooltip.module.scss.js.map

package/dist/components/Choice/components/BlockTooltip.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockTooltip.module.scss.js","sources":["../../../../src/components/Choice/components/BlockTooltip.module.scss"],"sourcesContent":[".block {\n  display: block;\n}\n\n.hoverableBlock {\n  display: block;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,6FAAA;;;;;"}

package/dist/components/Choice/components/styled.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = 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 alignMap = {
-    top: 'flex-start',
-    center: 'center',
-};
-const RootLayout = styled__default.default.div.withConfig({ displayName: "vui--RootLayout", componentId: "vui--11nf17l" }) `display:flex;align-items:center;& > * + *{margin-left:${index.theme.sizes.base};}`;
-const InputLayout = styled__default.default.div.withConfig({ displayName: "vui--InputLayout", componentId: "vui--1yac6kr" }) `align-self:stretch;display:flex;align-items:${(props) => alignMap[props.align]};`;
-const AccessoryLayout = styled__default.default.div.withConfig({ displayName: "vui--AccessoryLayout", componentId: "vui--qbgrc7" }) `align-self:center;display:flex;align-items:center;`;
-const TextLayout = styled__default.default.div.withConfig({ displayName: "vui--TextLayout", componentId: "vui--1uu3ed5" }) `flex:1;& > * + *{margin-top:${index.theme.sizes.sm};}`;
-const Wrapper = styled__default.default.label.withConfig({ displayName: "vui--Wrapper", componentId: "vui--taq5r4" }) `box-sizing:border-box;&:hover{cursor:${(props) => (props.disabled ? 'default' : 'pointer')};}`;
-const BorderedWrapper = styled__default.default(Wrapper).withConfig({ displayName: "vui--BorderedWrapper", componentId: "vui--f5wv6j" }) `border:2px solid ${index.theme.colors.neutral.grey.dark};border-radius:${index.theme.radius.md};padding:${index.theme.sizes.base} 0.75rem;&:hover{border-color:${index.theme.colors.secondary.blue.base};}`;
-
-exports.AccessoryLayout = AccessoryLayout;
-exports.BorderedWrapper = BorderedWrapper;
-exports.InputLayout = InputLayout;
-exports.RootLayout = RootLayout;
-exports.TextLayout = TextLayout;
-exports.Wrapper = Wrapper;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nconst alignMap = {\n  top: 'flex-start',\n  center: 'center',\n};\n\nexport const RootLayout = styled.div`\n  display: flex;\n  align-items: center;\n\n  & > * + * {\n    margin-left: ${theme.sizes.base};\n  }\n`;\n\nexport interface InputLayoutProps {\n  align: 'top' | 'center';\n}\n\nexport const InputLayout = styled.div<InputLayoutProps>`\n  align-self: stretch;\n  display: flex;\n  align-items: ${(props) => alignMap[props.align]};\n`;\n\nexport const AccessoryLayout = styled.div`\n  align-self: center;\n  display: flex;\n  align-items: center;\n`;\n\nexport const TextLayout = styled.div`\n  flex: 1;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Wrapper = styled.label<{ disabled: boolean }>`\n  box-sizing: border-box;\n\n  &:hover {\n    cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n  }\n`;\n\nexport const BorderedWrapper = styled(Wrapper)`\n  border: 2px solid ${theme.colors.neutral.grey.dark};\n  border-radius: ${theme.radius.md};\n  padding: ${theme.sizes.base} 0.75rem;\n\n  &:hover {\n    border-color: ${theme.colors.secondary.blue.base};\n  }\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAGA,MAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,YAAY;AACjB,IAAA,MAAM,EAAE,QAAQ;CACjB;AAEM,MAAM,UAAU,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sDAAA,EAKjBC,WAAK,CAAC,KAAK,CAAC,IAAI;MAQtB,WAAW,GAAGD,uBAAM,CAAC,GAAG,6HAGpB,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;MAGpC,eAAe,GAAGA,uBAAM,CAAC,GAAG;AAMlC,MAAM,UAAU,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAIlBC,WAAK,CAAC,KAAK,CAAC,EAAE;AAIzB,MAAM,OAAO,GAAGD,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAIrB,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,EAAA;AAI1D,MAAM,eAAe,GAAGA,uBAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACxBC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,eAAA,EACjCA,WAAK,CAAC,MAAM,CAAC,EAAE,CAAA,SAAA,EACrBA,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,8BAAA,EAGTA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;;;;;;;;;"}