@veracity/vui 3.1.2 → 3.2.0

package/dist/input/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/input/theme.ts"],"sourcesContent":["import { inputColors } from './consts'\n\nconst baseStyle = {\n  container: {\n    focusWithinRing: 3,\n    color: inputColors.inputText,\n  },\n  input: {\n    placeholderTextColor: inputColors.placeholder,\n  },\n}\n\nconst defaultProps = {\n  size: 'lg',\n  variant: 'grey',\n}\n\nconst parts = ['container', 'icon', 'input', 'label']\n\nconst sizes = {\n  sm: {\n    container: {\n      fontSize: 'xs',\n      h: 24,\n    },\n    icon: {\n      size: 'xs',\n    },\n    input: {},\n    label: {\n      fontSize: 'xs',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n    },\n    icon: {\n      size: 'sm',\n    },\n    input: {},\n    label: {\n      fontSize: 'sm',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n    },\n    icon: {\n      size: 'md',\n    },\n    input: {},\n    label: {\n      fontSize: 'md', // No a mistake, we keep the same label size as md input\n    },\n  },\n  xl: {\n    container: {\n      fontSize: 'lg',\n      h: 48,\n    },\n    icon: {\n      size: 'md',\n    },\n    input: {},\n    label: {\n      fontSize: 'lg',\n    },\n  },\n}\n\nconst variants = {\n  grey: {\n    container: {\n      borderColor: inputColors.border,\n      focusWithinRingColor: inputColors.focus,\n    },\n  },\n  green: {\n    container: {\n      borderColor: inputColors.success,\n      focusWithinRingColor: inputColors.success,\n    },\n  },\n  red: {\n    container: {\n      borderColor: inputColors.error,\n      focusWithinRingColor: inputColors.error,\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY;CAChB,WAAW;EACT,iBAAiB;EACjB,OAAO,YAAY;EACpB;CACD,OAAO,EACL,sBAAsB,YAAY,aACnC;CACF;AAED,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAQ;CAAS;CAAQ;AAErD,MAAM,QAAQ;CACZ,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACJ;EACD,MAAM,EACJ,MAAM,MACP;EACD,OAAO,EAAE;EACT,OAAO,EACL,UAAU,MACX;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACJ;EACD,MAAM,EACJ,MAAM,MACP;EACD,OAAO,EAAE;EACT,OAAO,EACL,UAAU,MACX;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACJ;EACD,MAAM,EACJ,MAAM,MACP;EACD,OAAO,EAAE;EACT,OAAO,EACL,UAAU,MACX;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACJ;EACD,MAAM,EACJ,MAAM,MACP;EACD,OAAO,EAAE;EACT,OAAO,EACL,UAAU,MACX;EACF;CACF;AAED,MAAM,WAAW;CACf,MAAM,EACJ,WAAW;EACT,aAAa,YAAY;EACzB,sBAAsB,YAAY;EACnC,EACF;CACD,OAAO,EACL,WAAW;EACT,aAAa,YAAY;EACzB,sBAAsB,YAAY;EACnC,EACF;CACD,KAAK,EACH,WAAW;EACT,aAAa,YAAY;EACzB,sBAAsB,YAAY;EACnC,EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/input/theme.ts"],"sourcesContent":["import { inputColors } from './consts'\n\nconst baseStyle = {\n  container: {\n    focusWithinRing: 3,\n    color: inputColors.inputText,\n    fontSize: 'lg',\n    lineHeight: '135%',\n  },\n  input: {\n    placeholderTextColor: inputColors.placeholder,\n  },\n}\n\nconst defaultProps = {\n  size: 'lg',\n  variant: 'grey',\n}\n\nconst parts = ['container', 'icon', 'input', 'label']\n\nconst sizes = {\n  sm: {\n    container: {\n      fontSize: 'sm',\n      h: 24,\n    },\n    icon: {\n      size: 'xs',\n    },\n    input: {},\n    label: {\n      fontSize: 'xs',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'md',\n      h: 32,\n    },\n    icon: {\n      size: 'sm',\n    },\n    input: {},\n    label: {\n      fontSize: 'sm',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'lg',\n      h: 40,\n    },\n    icon: {\n      size: 'md',\n    },\n    input: {},\n    label: {\n      fontSize: 'md', // No a mistake, we keep the same label size as md input\n    },\n  },\n  xl: {\n    container: {\n      fontSize: 'xl',\n      h: 48,\n    },\n    icon: {\n      size: 'md',\n    },\n    input: {},\n    label: {\n      fontSize: 'lg',\n    },\n  },\n}\n\nconst variants = {\n  grey: {\n    container: {\n      borderColor: inputColors.border,\n      focusWithinRingColor: inputColors.focus,\n    },\n  },\n  green: {\n    container: {\n      borderColor: inputColors.success,\n      focusWithinRingColor: inputColors.success,\n    },\n  },\n  red: {\n    container: {\n      borderColor: inputColors.error,\n      focusWithinRingColor: inputColors.error,\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY;CAChB,WAAW;EACT,iBAAiB;EACjB,OAAO,YAAY;EACnB,UAAU;EACV,YAAY;EACb;CACD,OAAO,EACL,sBAAsB,YAAY,aACnC;CACF;AAED,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAQ;CAAS;CAAQ;AAErD,MAAM,QAAQ;CACZ,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACJ;EACD,MAAM,EACJ,MAAM,MACP;EACD,OAAO,EAAE;EACT,OAAO,EACL,UAAU,MACX;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACJ;EACD,MAAM,EACJ,MAAM,MACP;EACD,OAAO,EAAE;EACT,OAAO,EACL,UAAU,MACX;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACJ;EACD,MAAM,EACJ,MAAM,MACP;EACD,OAAO,EAAE;EACT,OAAO,EACL,UAAU,MACX;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACJ;EACD,MAAM,EACJ,MAAM,MACP;EACD,OAAO,EAAE;EACT,OAAO,EACL,UAAU,MACX;EACF;CACF;AAED,MAAM,WAAW;CACf,MAAM,EACJ,WAAW;EACT,aAAa,YAAY;EACzB,sBAAsB,YAAY;EACnC,EACF;CACD,OAAO,EACL,WAAW;EACT,aAAa,YAAY;EACzB,sBAAsB,YAAY;EACnC,EACF;CACD,KAAK,EACH,WAAW;EACT,aAAa,YAAY;EACzB,sBAAsB,YAAY;EACnC,EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/label/label.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { LabelProps } from "./label.types.js";
 import "../index.js";
-import * as styled_components386 from "styled-components";
+import * as styled_components389 from "styled-components";
 
 //#region src/label/label.d.ts
-declare const LabelBase: styled_components386.StyledComponent<"label", styled_components386.DefaultTheme, SystemProps, never>;
+declare const LabelBase: styled_components389.StyledComponent<"label", styled_components389.DefaultTheme, SystemProps, never>;
 /** Displays a paragraph of text. */
 declare const Label: VuiComponent<"label", LabelProps>;
 //#endregion

package/dist/label/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","names":[],"sources":["../../src/label/label.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,WAAS,oBAAA,CAAA,yBAUrB,oBAAA,CAVqB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAaT,OAAK,sBAAA"}
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../src/label/label.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,WAAS,oBAAA,CAAA,yBASrB,oBAAA,CATqB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAYT,OAAK,sBAAA"}

package/dist/label/label.js

@@ -11,7 +11,6 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const LabelBase = styled.labelBox`
   display: block;
   color: darkBlue.main;
-  font-weight: 600;
   width: 100%;
 
   &[aria-disabled='true'] {
@@ -32,15 +31,18 @@ const Label = vui((props, ref) => {
 		...rest,
 		children: children ?? (isOnlyText ? text : /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx(t_default, {
+				variant: "label",
 				fontSize,
 				children: text
 			}),
 			!!markAsOptional && /* @__PURE__ */ jsx(t_default, {
+				variant: "label",
 				fontSize,
 				...styles.helper,
 				children: "(optional)"
 			}),
 			!!tooltipText && /* @__PURE__ */ jsx(t_default, {
+				variant: "label",
 				fontSize,
 				...styles.helper,
 				children: /* @__PURE__ */ jsx(tooltip_default, {
@@ -49,7 +51,7 @@ const Label = vui((props, ref) => {
 						mb: fontSize === "xs" ? "-6px" : "-5px",
 						name: "uiInfoCircle",
 						role: "button",
-						size: "sm"
+						size: fontSize === "xs" ? "xs" : "sm"
 					})
 				})
 			})
@@ -61,5 +63,5 @@ var label_default = Label;
 
 //#endregion
 export { Label, LabelBase, label_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=label.js.map

package/dist/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["T","Tooltip","Icon"],"sources":["../../src/label/label.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport Tooltip from '../tooltip'\nimport { cs } from '../utils'\nimport type { LabelProps } from './label.types'\n\nexport const LabelBase = styled.labelBox`\n  display: block;\n  color: darkBlue.main;\n  font-weight: 600;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    color: sandstone.75;\n    cursor: not-allowed;\n  }\n`\n\n/** Displays a paragraph of text. */\nexport const Label = vui<'label', LabelProps>((props, ref) => {\n  const { children, className, markAsOptional, tooltipText, text, fontSize, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Label', props)\n\n  const isOnlyText = text && !markAsOptional && !tooltipText && !children\n\n  return (\n    <T as={LabelBase} className={cs('vui-label', className)} fontSize={fontSize} ref={ref} {...rest}>\n      {children ??\n        (isOnlyText ? (\n          text\n        ) : (\n          <>\n            <T fontSize={fontSize}>{text}</T>\n            {!!markAsOptional && (\n              <T fontSize={fontSize} {...styles.helper}>\n                (optional)\n              </T>\n            )}\n            {!!tooltipText && (\n              <T fontSize={fontSize} {...styles.helper}>\n                <Tooltip text={tooltipText}>\n                  <Icon mb={fontSize === 'xs' ? '-6px' : '-5px'} name=\"uiInfoCircle\" role=\"button\" size=\"sm\" />\n                </Tooltip>\n              </T>\n            )}\n          </>\n        ))}\n    </T>\n  )\n})\n\nLabel.displayName = 'Label'\nexport default Label\n"],"mappings":";;;;;;;;;;AAOA,MAAa,YAAY,OAAO,QAAQ;;;;;;;;;;;;AAaxC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,gBAAgB,aAAa,MAAM,SAAU,GAAG,SAAS,iBAAiB,MAAM;CAC7G,MAAM,SAAS,eAAe,SAAS,MAAM;CAE7C,MAAM,aAAa,QAAQ,CAAC,kBAAkB,CAAC,eAAe,CAAC;AAE/D,QACE,oBAACA;EAAE,IAAI;EAAW,WAAW,GAAG,aAAa,UAAU;EAAY;EAAe;EAAK,GAAI;YACxF,aACE,aACC,OAEA;GACE,oBAACA;IAAY;cAAW;KAAS;GAChC,CAAC,CAAC,kBACD,oBAACA;IAAY;IAAU,GAAI,OAAO;cAAQ;KAEtC;GAEL,CAAC,CAAC,eACD,oBAACA;IAAY;IAAU,GAAI,OAAO;cAChC,oBAACC;KAAQ,MAAM;eACb,oBAACC;MAAK,IAAI,aAAa,OAAO,SAAS;MAAQ,MAAK;MAAe,MAAK;MAAS,MAAK;OAAO;MACrF;KACR;MAEL;GAEL;EAEN;AAEF,MAAM,cAAc;AACpB,oBAAe"}
+{"version":3,"file":"label.js","names":["T","Tooltip","Icon"],"sources":["../../src/label/label.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport Tooltip from '../tooltip'\nimport { cs } from '../utils'\nimport type { LabelProps } from './label.types'\n\nexport const LabelBase = styled.labelBox`\n  display: block;\n  color: darkBlue.main;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    color: sandstone.75;\n    cursor: not-allowed;\n  }\n`\n\n/** Displays a paragraph of text. */\nexport const Label = vui<'label', LabelProps>((props, ref) => {\n  const { children, className, markAsOptional, tooltipText, text, fontSize, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Label', props)\n\n  const isOnlyText = text && !markAsOptional && !tooltipText && !children\n\n  return (\n    <T as={LabelBase} className={cs('vui-label', className)} fontSize={fontSize} ref={ref} {...rest}>\n      {children ??\n        (isOnlyText ? (\n          text\n        ) : (\n          <>\n            <T variant=\"label\" fontSize={fontSize}>\n              {text}\n            </T>\n            {!!markAsOptional && (\n              <T variant=\"label\" fontSize={fontSize} {...styles.helper}>\n                (optional)\n              </T>\n            )}\n            {!!tooltipText && (\n              <T variant=\"label\" fontSize={fontSize} {...styles.helper}>\n                <Tooltip text={tooltipText}>\n                  <Icon\n                    mb={fontSize === 'xs' ? '-6px' : '-5px'}\n                    name=\"uiInfoCircle\"\n                    role=\"button\"\n                    size={fontSize === 'xs' ? 'xs' : 'sm'}\n                  />\n                </Tooltip>\n              </T>\n            )}\n          </>\n        ))}\n    </T>\n  )\n})\n\nLabel.displayName = 'Label'\nexport default Label\n"],"mappings":";;;;;;;;;;AAOA,MAAa,YAAY,OAAO,QAAQ;;;;;;;;;;;AAYxC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,gBAAgB,aAAa,MAAM,SAAU,GAAG,SAAS,iBAAiB,MAAM;CAC7G,MAAM,SAAS,eAAe,SAAS,MAAM;CAE7C,MAAM,aAAa,QAAQ,CAAC,kBAAkB,CAAC,eAAe,CAAC;AAE/D,QACE,oBAACA;EAAE,IAAI;EAAW,WAAW,GAAG,aAAa,UAAU;EAAY;EAAe;EAAK,GAAI;YACxF,aACE,aACC,OAEA;GACE,oBAACA;IAAE,SAAQ;IAAkB;cAC1B;KACC;GACH,CAAC,CAAC,kBACD,oBAACA;IAAE,SAAQ;IAAkB;IAAU,GAAI,OAAO;cAAQ;KAEtD;GAEL,CAAC,CAAC,eACD,oBAACA;IAAE,SAAQ;IAAkB;IAAU,GAAI,OAAO;cAChD,oBAACC;KAAQ,MAAM;eACb,oBAACC;MACC,IAAI,aAAa,OAAO,SAAS;MACjC,MAAK;MACL,MAAK;MACL,MAAM,aAAa,OAAO,OAAO;OACjC;MACM;KACR;MAEL;GAEL;EAEN;AAEF,MAAM,cAAc;AACpB,oBAAe"}

package/dist/label/theme.js

@@ -17,5 +17,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/link/context.js

@@ -5,5 +5,5 @@ const [LinkProvider, useLinkContext] = createContext({ isOptional: true });
 
 //#endregion
 export { LinkProvider, useLinkContext };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=context.js.map

package/dist/link/link.d.ts

@@ -20,10 +20,10 @@ import { LinkProps } from "./link.types.js";
 import { LinkIcon } from "./linkIcon.js";
 import { LinkText } from "./linkText.js";
 import "../index.js";
-import * as styled_components388 from "styled-components";
+import * as styled_components391 from "styled-components";
 
 //#region src/link/link.d.ts
-declare const LinkBase: styled_components388.StyledComponent<"a", styled_components388.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & {
+declare const LinkBase: styled_components391.StyledComponent<"a", styled_components391.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & {
   isUnderlined: boolean;
 }, "isUnderlined">;
 declare const Link: VuiComponent<"a", LinkProps> & {

package/dist/link/link.js

@@ -100,5 +100,5 @@ var link_default = Link;
 
 //#endregion
 export { Link, LinkBase, link_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=link.js.map

package/dist/link/linkIcon.js

@@ -22,5 +22,5 @@ var linkIcon_default = LinkIcon;
 
 //#endregion
 export { LinkIcon, linkIcon_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=linkIcon.js.map

package/dist/link/linkText.js

@@ -24,5 +24,5 @@ var linkText_default = LinkText;
 
 //#endregion
 export { LinkText, linkText_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=linkText.js.map

package/dist/link/theme.js

@@ -47,5 +47,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/list/context.js

@@ -5,5 +5,5 @@ const [ListProvider, useListContext] = createContext({ isOptional: true });
 
 //#endregion
 export { ListProvider, useListContext };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=context.js.map

package/dist/list/list.d.ts

@@ -8,10 +8,10 @@ import { ListIcon } from "./listIcon.js";
 import { ListItem } from "./listItem.js";
 import { ListText } from "./listText.js";
 import "../index.js";
-import * as styled_components390 from "styled-components";
+import * as styled_components385 from "styled-components";
 
 //#region src/list/list.d.ts
-declare const ListBase: styled_components390.StyledComponent<"ul", styled_components390.DefaultTheme, SystemProps, never>;
+declare const ListBase: styled_components385.StyledComponent<"ul", styled_components385.DefaultTheme, SystemProps, never>;
 /** Displays a list of list link items and optional heading. Exposes some props to the children via context. */
 declare const List: VuiComponent<"ul", ListProps> & {
   Divider: typeof ListDivider;

package/dist/list/list.js

@@ -84,5 +84,5 @@ var list_default = List;
 
 //#endregion
 export { List, ListBase, list_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=list.js.map

package/dist/list/listDivider.js

@@ -23,5 +23,5 @@ var listDivider_default = ListDivider;
 
 //#endregion
 export { ListDivider, listDivider_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=listDivider.js.map

package/dist/list/listHeading.js

@@ -28,5 +28,5 @@ var listHeading_default = ListHeading;
 
 //#endregion
 export { ListHeading, listHeading_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=listHeading.js.map

package/dist/list/listIcon.js

@@ -22,5 +22,5 @@ var listIcon_default = ListIcon;
 
 //#endregion
 export { ListIcon, listIcon_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=listIcon.js.map

package/dist/list/listItem.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ListItemProps } from "./list.types.js";
 import "../index.js";
-import * as styled_components392 from "styled-components";
+import * as styled_components387 from "styled-components";
 
 //#region src/list/listItem.d.ts
-declare const ListItemBase: styled_components392.StyledComponent<"li", styled_components392.DefaultTheme, SystemProps, never>;
+declare const ListItemBase: styled_components387.StyledComponent<"li", styled_components387.DefaultTheme, SystemProps, never>;
 /**
  * Displays a list item with text and optional icons. Can be shown as interactive or selected.
  * Optionally wraps the content with an <a> element when rendering a link.

package/dist/list/listItem.js

@@ -113,5 +113,5 @@ var listItem_default = ListItem;
 
 //#endregion
 export { ListItem, ListItemBase, listItem_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=listItem.js.map

package/dist/list/listText.js

@@ -24,5 +24,5 @@ var listText_default = ListText;
 
 //#endregion
 export { ListText, listText_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=listText.js.map

package/dist/list/theme.js

@@ -100,5 +100,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/logo/Logo.js

@@ -48,5 +48,5 @@ Logo.displayName = "Logo";
 
 //#endregion
 export { Logo };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=Logo.js.map

package/dist/menu/context.js

@@ -5,5 +5,5 @@ const [MenuProvider, useMenuContext] = createContext({ isOptional: true });
 
 //#endregion
 export { MenuProvider, useMenuContext };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=context.js.map

package/dist/menu/menu.js

@@ -32,5 +32,5 @@ var menu_default = Menu;
 
 //#endregion
 export { menu_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=menu.js.map

package/dist/menu/menuButton.js

@@ -24,5 +24,5 @@ var menuButton_default = MenuButton;
 
 //#endregion
 export { menuButton_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=menuButton.js.map

package/dist/menu/menuItem.js

@@ -34,5 +34,5 @@ var menuItem_default = MenuItem;
 
 //#endregion
 export { menuItem_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=menuItem.js.map

package/dist/menu/menuList.js

@@ -45,5 +45,5 @@ var menuList_default = MenuList;
 
 //#endregion
 export { menuList_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=menuList.js.map

package/dist/menu/theme.js

@@ -1,5 +1,8 @@
 //#region src/menu/theme.ts
-const baseStyle = {};
+const baseStyle = {
+	fontWeight: 400,
+	lineHeight: "125%"
+};
 const defaultProps = { size: "md" };
 const parts = [
 	"button",
@@ -31,5 +34,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/menu/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/menu/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['button', 'item', 'list']\n\nconst sizes = {\n  sm: {\n    button: {\n      size: 'sm',\n    },\n    list: {\n      size: 'sm',\n    },\n  },\n  md: {\n    button: {\n      size: 'md',\n    },\n    list: {\n      size: 'md',\n    },\n  },\n  lg: {\n    button: {\n      size: 'lg',\n    },\n    list: {\n      size: 'lg',\n    },\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,MAAM,MACP;AAED,MAAM,QAAQ;CAAC;CAAU;CAAQ;CAAO;AAExC,MAAM,QAAQ;CACZ,IAAI;EACF,QAAQ,EACN,MAAM,MACP;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACD,IAAI;EACF,QAAQ,EACN,MAAM,MACP;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACD,IAAI;EACF,QAAQ,EACN,MAAM,MACP;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACF;AAED,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/menu/theme.ts"],"sourcesContent":["const baseStyle = {\n  fontWeight: 400,\n  lineHeight: '125%',\n}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['button', 'item', 'list']\n\nconst sizes = {\n  sm: {\n    button: {\n      size: 'sm',\n    },\n    list: {\n      size: 'sm',\n    },\n  },\n  md: {\n    button: {\n      size: 'md',\n    },\n    list: {\n      size: 'md',\n    },\n  },\n  lg: {\n    button: {\n      size: 'lg',\n    },\n    list: {\n      size: 'lg',\n    },\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY;CAChB,YAAY;CACZ,YAAY;CACb;AAED,MAAM,eAAe,EACnB,MAAM,MACP;AAED,MAAM,QAAQ;CAAC;CAAU;CAAQ;CAAO;AAExC,MAAM,QAAQ;CACZ,IAAI;EACF,QAAQ,EACN,MAAM,MACP;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACD,IAAI;EACF,QAAQ,EACN,MAAM,MACP;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACD,IAAI;EACF,QAAQ,EACN,MAAM,MACP;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACF;AAED,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/message/consts.js

@@ -23,5 +23,5 @@ const avatarStyles = {
 
 //#endregion
 export { avatarStyles, iconDictionary, messageColors, spacingDictionary };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/message/message.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { MessageProps } from "./message.types.js";
 import "../index.js";
-import * as styled_components394 from "styled-components";
+import * as styled_components393 from "styled-components";
 
 //#region src/message/message.d.ts
-declare const MessageBase: styled_components394.StyledComponent<"div", styled_components394.DefaultTheme, SystemProps, never>;
+declare const MessageBase: styled_components393.StyledComponent<"div", styled_components393.DefaultTheme, SystemProps, never>;
 /** Displays a simple message text. */
 declare const Message: VuiComponent<"span", MessageProps>;
 //#endregion

package/dist/message/message.js

@@ -41,5 +41,5 @@ var message_default = Message;
 
 //#endregion
 export { Message, MessageBase, message_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=message.js.map

package/dist/message/theme.js

@@ -35,5 +35,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/modal/context.js

@@ -5,5 +5,5 @@ const [ModalProvider, useModalContext] = createContext({ isOptional: true });
 
 //#endregion
 export { ModalProvider, useModalContext };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=context.js.map

package/dist/modal/modal.js

@@ -88,5 +88,5 @@ var modal_default = Modal;
 
 //#endregion
 export { modal_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=modal.js.map

package/dist/modal/modalBackdrop.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import "../index.js";
-import * as styled_components396 from "styled-components";
+import * as styled_components400 from "styled-components";
 
 //#region src/modal/modalBackdrop.d.ts
-declare const ModalBackdropBase: styled_components396.StyledComponent<"div", styled_components396.DefaultTheme, SystemProps, never>;
+declare const ModalBackdropBase: styled_components400.StyledComponent<"div", styled_components400.DefaultTheme, SystemProps, never>;
 /** Displays a dark overlay underneath modal content, but on top of page content. */
 declare const ModalBackdrop: VuiComponent<"div", SystemProps>;
 //#endregion

package/dist/modal/modalBackdrop.js

@@ -32,5 +32,5 @@ var modalBackdrop_default = ModalBackdrop;
 
 //#endregion
 export { ModalBackdrop, ModalBackdropBase, modalBackdrop_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=modalBackdrop.js.map

package/dist/modal/modalContent.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import "../index.js";
-import * as styled_components398 from "styled-components";
+import * as styled_components402 from "styled-components";
 
 //#region src/modal/modalContent.d.ts
-declare const ModalContentBase: styled_components398.StyledComponent<"div", styled_components398.DefaultTheme, SystemProps, never>;
+declare const ModalContentBase: styled_components402.StyledComponent<"div", styled_components402.DefaultTheme, SystemProps, never>;
 /** Wraps the content provided to the Modal component. */
 declare const ModalContent: VuiComponent<"div", SystemProps>;
 //#endregion

package/dist/modal/modalContent.js

@@ -32,5 +32,5 @@ var modalContent_default = ModalContent;
 
 //#endregion
 export { ModalContent, ModalContentBase, modalContent_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=modalContent.js.map

package/dist/modal/modalManager.js

@@ -29,5 +29,5 @@ function useModalManager(ref, isOpen, disableScrollLock) {
 
 //#endregion
 export { manager, useModalManager };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=modalManager.js.map

package/dist/modal/theme.js

@@ -18,5 +18,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/notification/consts.js

@@ -65,5 +65,5 @@ const closeButtonVariantMapping = {
 
 //#endregion
 export { bannerNotificationElevation, closeButtonVariantMapping, notificationStatusMapping };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/notification/context.d.ts

@@ -1,8 +1,8 @@
 import { NotificationProps } from "./notification.types.js";
-import * as react941 from "react";
+import * as react946 from "react";
 
 //#region src/notification/context.d.ts
-declare const NotificationProvider: react941.Provider<Partial<NotificationProps>>, useNotificationContext: () => Partial<NotificationProps>;
+declare const NotificationProvider: react946.Provider<Partial<NotificationProps>>, useNotificationContext: () => Partial<NotificationProps>;
 //#endregion
 export { NotificationProvider, useNotificationContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/notification/context.js

@@ -5,5 +5,5 @@ const [NotificationProvider, useNotificationContext] = createContext({ isOptiona
 
 //#endregion
 export { NotificationProvider, useNotificationContext };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=context.js.map

package/dist/notification/notification.js

@@ -84,5 +84,5 @@ Notification.displayName = "Notification";
 
 //#endregion
 export { Notification };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=notification.js.map

package/dist/notification/notificationButton.js

@@ -36,5 +36,5 @@ var notificationButton_default = NotificationButton;
 
 //#endregion
 export { NotificationButton, notificationButton_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=notificationButton.js.map

package/dist/notification/notificationIcon.js

@@ -36,5 +36,5 @@ var notificationIcon_default = NotificationIcon;
 
 //#endregion
 export { NotificationIcon, notificationIcon_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=notificationIcon.js.map

package/dist/notification/notificationText.js

@@ -27,5 +27,5 @@ var notificationText_default = NotificationText;
 
 //#endregion
 export { NotificationText, notificationText_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=notificationText.js.map

package/dist/notification/notificationTitle.js

@@ -23,5 +23,5 @@ var notificationTitle_default = NotificationTitle;
 
 //#endregion
 export { NotificationTitle, notificationTitle_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=notificationTitle.js.map

package/dist/notification/theme.js

@@ -67,5 +67,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/onedesign-tokens/dist/js/rem/button.js

@@ -61,5 +61,5 @@ const buttonDisabledOpacity = "0.5";
 
 //#endregion
 export { buttonDisabledCursor, buttonDisabledOpacity, buttonTypePrimaryActiveBackgroundColorDark, buttonTypePrimaryActiveBackgroundColorLight, buttonTypePrimaryActiveBorderColorDark, buttonTypePrimaryActiveBorderColorLight, buttonTypePrimaryActiveTextColorDark, buttonTypePrimaryActiveTextColorLight, buttonTypePrimaryDefaultBackgroundColorDark, buttonTypePrimaryDefaultBackgroundColorLight, buttonTypePrimaryDefaultBorderColorDark, buttonTypePrimaryDefaultBorderColorLight, buttonTypePrimaryDefaultTextColorDark, buttonTypePrimaryDefaultTextColorLight, buttonTypePrimaryFocusOutline, buttonTypePrimaryHoverBackgroundColorDark, buttonTypePrimaryHoverBackgroundColorLight, buttonTypePrimaryHoverBorderColorDark, buttonTypePrimaryHoverBorderColorLight, buttonTypePrimaryHoverTextColorDark, buttonTypePrimaryHoverTextColorLight, buttonTypeSecondaryActiveBackgroundColorDark, buttonTypeSecondaryActiveBackgroundColorLight, buttonTypeSecondaryActiveBorderColorDark, buttonTypeSecondaryActiveBorderColorLight, buttonTypeSecondaryActiveTextColorDark, buttonTypeSecondaryActiveTextColorLight, buttonTypeSecondaryDefaultBackgroundColorDark, buttonTypeSecondaryDefaultBackgroundColorLight, buttonTypeSecondaryDefaultBorderColorDark, buttonTypeSecondaryDefaultBorderColorLight, buttonTypeSecondaryDefaultTextColorDark, buttonTypeSecondaryDefaultTextColorLight, buttonTypeSecondaryFocusOutline, buttonTypeSecondaryHoverBackgroundColorDark, buttonTypeSecondaryHoverBackgroundColorLight, buttonTypeSecondaryHoverBorderColorDark, buttonTypeSecondaryHoverBorderColorLight, buttonTypeSecondaryHoverTextColorDark, buttonTypeSecondaryHoverTextColorLight, buttonTypeTertiaryActiveBackgroundColorDark, buttonTypeTertiaryActiveBackgroundColorLight, buttonTypeTertiaryActiveBorderColorDark, buttonTypeTertiaryActiveBorderColorLight, buttonTypeTertiaryActiveTextColorDark, buttonTypeTertiaryActiveTextColorLight, buttonTypeTertiaryDefaultBackgroundColorDark, buttonTypeTertiaryDefaultBackgroundColorLight, buttonTypeTertiaryDefaultBorderColorDark, buttonTypeTertiaryDefaultBorderColorLight, buttonTypeTertiaryDefaultTextColorDark, buttonTypeTertiaryDefaultTextColorLight, buttonTypeTertiaryFocusOutline, buttonTypeTertiaryHoverBackgroundColorDark, buttonTypeTertiaryHoverBackgroundColorLight, buttonTypeTertiaryHoverBorderColorDark, buttonTypeTertiaryHoverBorderColorLight, buttonTypeTertiaryHoverTextColorDark, buttonTypeTertiaryHoverTextColorLight };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=button.js.map

package/dist/p/p.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { PProps } from "./p.types.js";
 import "../index.js";
-import * as styled_components400 from "styled-components";
+import * as styled_components398 from "styled-components";
 
 //#region src/p/p.d.ts
-declare const PBase: styled_components400.StyledComponent<"p", styled_components400.DefaultTheme, SystemProps, never>;
+declare const PBase: styled_components398.StyledComponent<"p", styled_components398.DefaultTheme, SystemProps, never>;
 /** Displays a paragraph of text. */
 declare const P: VuiComponent<"p", PProps>;
 //#endregion

package/dist/p/p.js

@@ -37,5 +37,5 @@ var p_default = P;
 
 //#endregion
 export { P, PBase, p_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=p.js.map