@pingux/astro 2.122.1-alpha.1 → 2.123.0-alpha.1

package/lib/cjs/components/NavBarSection/NavBarItemHeader.js

@@ -75,7 +75,7 @@ var NavBarSectionItemHeader = function NavBarSectionItemHeader(_ref2) {
     "data-testid": heading
   }, icon && (0, _react2.jsx)(_index.Icon, {
     icon: icon,
-    size: isOnyx ? 'icon-200' : 'sm',
+    size: isOnyx ? 'icon-200' : 18,
     sx: {
       mr: 'sm',
       color: getIconColor(),
@@ -119,7 +119,7 @@ var NavBarPrimaryItemHeader = function NavBarPrimaryItemHeader(_ref3) {
     "data-testid": heading
   }, icon && (0, _react2.jsx)(_index.Icon, {
     icon: icon,
-    size: isOnyx ? 'icon-200' : 'sm',
+    size: isOnyx ? 'icon-200' : 18,
     sx: {
       mr: 'sm',
       color: 'neutral.95',
@@ -139,7 +139,7 @@ var NavBarPrimaryItemHeader = function NavBarPrimaryItemHeader(_ref3) {
     }
   }, customIcon && (0, _react2.jsx)(_index.Icon, {
     icon: customIcon,
-    size: isOnyx ? 'icon-200' : 'sm',
+    size: isOnyx ? 'icon-200' : 'xs',
     sx: {
       color: 'neutral.95',
       fill: 'neutral.95'

package/lib/cjs/components/NavBarSection/NavBarItemHeader.test.js

@@ -65,7 +65,7 @@ describe('NavItemHeader', function () {
     getComponent();
     var icon = _testWrapper.screen.getByTestId('Dashboard').querySelector('svg');
     expect(icon).toBeInTheDocument();
-    expect(icon).toHaveAttribute('width', '20px');
+    expect(icon).toHaveAttribute('width', '18');
   });
 });
 describe('NavItemHeader', function () {

package/lib/cjs/components/NavBarSection/NavBarItemLink.js

@@ -47,7 +47,10 @@ var NavBarItemLink = function NavBarItemLink(props) {
     onPress: onNavPress,
     color: isSelected ? 'white' : undefined
   }, others, {
-    sx: _objectSpread({}, props.sx)
+    sx: _objectSpread(_objectSpread({}, props.sx), {}, {
+      // eslint-disable-line react/prop-types
+      fontWeight: 1
+    })
   }));
 };
 var _default = NavBarItemLink;

package/lib/cjs/components/NumberField/NumberField.js

@@ -184,6 +184,8 @@ NumberField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   label: _propTypes["default"].node,
   /** Text rendered below the input. */
   helperText: _propTypes["default"].node,
+  /** Props object that is spread directly into the helphint element. */
+  helpHintProps: _propTypes["default"].shape({}),
   /** If present this prop will cause a help hint to render in the label of the field. */
   hintText: _propTypes["default"].string,
   /**

package/lib/cjs/components/RadioGroupField/RadioGroupField.js

@@ -30,6 +30,7 @@ var RadioGroupField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     isDisabled = props.isDisabled,
     isRequired = props.isRequired,
     hintText = props.hintText,
+    helpHintProps = props.helpHintProps,
     label = props.label,
     orientation = props.orientation,
     status = props.status;
@@ -56,7 +57,9 @@ var RadioGroupField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     hintText: hintText,
     isRequired: isRequired,
     variant: "forms.label.radioGroup"
-  }, labelProps), label), (0, _react2.jsx)(_.Box, {
+  }, labelProps, {
+    helpHintProps: helpHintProps
+  }), label), (0, _react2.jsx)(_.Box, {
     variant: "forms.radioGroupWrapper",
     isRow: orientation === _orientation["default"].HORIZONTAL,
     "aria-labelledby": helperText && helperTextId,

package/lib/cjs/components/SliderField/SliderLabelContainer.js

@@ -21,7 +21,8 @@ var SliderLabelContainer = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     labelProps = props.labelProps,
     isDisplayValueHidden = props.isDisplayValueHidden,
     outputProps = props.outputProps,
-    className = props.className;
+    className = props.className,
+    helpHintProps = props.helpHintProps;
   return (0, _react2.jsx)(_index.Box, {
     ref: ref,
     className: className,
@@ -33,7 +34,8 @@ var SliderLabelContainer = /*#__PURE__*/(0, _react.forwardRef)(function (props,
   }, (0, _react2.jsx)(_index.Label, (0, _extends2["default"])({}, labelProps, {
     sx: {
       mb: '0px'
-    }
+    },
+    helpHintProps: helpHintProps
   }), label)), !isDisplayValueHidden && (0, _react2.jsx)(_index.Box, {
     className: className,
     variant: "slider.outputContainer"

package/lib/cjs/components/TextField/TextField.js

@@ -31,7 +31,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var displayName = 'TextField';
 var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperText = props.helperText,
-    helpHintProps = props.helpHintProps,
     slots = props.slots,
     status = props.status;
   var _useField = (0, _hooks.useField)(props),
@@ -59,8 +58,7 @@ var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: labelRef,
     sx: isLabelHigher ? {
       gridRow: '1/5'
-    } : {},
-    helpHintProps: helpHintProps
+    } : {}
   })), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.input.fieldControlWrapper"
   }, fieldControlWrapperProps), slots === null || slots === void 0 ? void 0 : slots.beforeInput, (0, _react2.jsx)(_.Input, (0, _extends2["default"])({

package/lib/cjs/hooks/useField/useField.d.ts

@@ -1,7 +1,7 @@
 import React, { Key } from 'react';
 import type { AriaLabelingProps, CollectionChildren, DOMProps } from '@react-types/shared';
 import { ThemeUICSSObject } from 'theme-ui';
-import { AriaRole, BoxProps, LabelModeProps, LabelProps, Status, ValidPositiveInteger } from '../../types';
+import { AriaRole, BoxProps, HelpHintProps, LabelModeProps, LabelProps, Status, ValidPositiveInteger } from '../../types';
 /**
  * Generates the necessary props to be used in field components.
  * @param {{}} props Props for the field
@@ -63,6 +63,8 @@ export interface UseFieldProps<T> {
     /** Whether the element should receive focus on render. */
     hasAutoFocus?: boolean;
     hasNoStatusIndicator?: boolean;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
     /** Text rendered below the input. */
     helperText?: string;
     /** If present this prop will cause a help hint to render in the label of the field. */
@@ -1098,7 +1100,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         labelMode?: LabelModeProps | undefined;
         requiredIndicator?: React.ReactNode;
         hintText: string | undefined;
-        helpHintProps?: import("../../types").HelpHintProps | undefined;
+        helpHintProps: HelpHintProps | undefined;
         statusClasses?: {
             [className: string]: boolean;
         } | undefined;
@@ -1417,7 +1419,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         labelMode?: LabelModeProps | undefined;
         requiredIndicator?: React.ReactNode;
         hintText: string | undefined;
-        helpHintProps?: import("../../types").HelpHintProps | undefined;
+        helpHintProps: HelpHintProps | undefined;
         statusClasses?: {
             [className: string]: boolean;
         } | undefined;

package/lib/cjs/hooks/useField/useField.js

@@ -26,7 +26,7 @@ var _labelModes = require("../../utils/devUtils/constants/labelModes");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _ = require("..");
-var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "className", "containerProps", "controlProps", "defaultValue", "hasAutoFocus", "hasNoStatusIndicator", "hintText", "id", "isDefaultSelected", "isDisabled", "isIndeterminate", "isReadOnly", "isRequired", "isRestrictiveMultivalues", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "role", "spellCheck", "status", "statusClasses", "type", "value", "wrapperProps"];
+var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "className", "containerProps", "controlProps", "defaultValue", "hasAutoFocus", "hasNoStatusIndicator", "helpHintProps", "hintText", "id", "isDefaultSelected", "isDisabled", "isIndeterminate", "isReadOnly", "isRequired", "isRestrictiveMultivalues", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "role", "spellCheck", "status", "statusClasses", "type", "value", "wrapperProps"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 /**
@@ -47,6 +47,7 @@ var useField = function useField(props) {
     defaultValue = props.defaultValue,
     hasAutoFocus = props.hasAutoFocus,
     hasNoStatusIndicator = props.hasNoStatusIndicator,
+    helpHintProps = props.helpHintProps,
     hintText = props.hintText,
     id = props.id,
     isDefaultSelected = props.isDefaultSelected,
@@ -200,6 +201,7 @@ var useField = function useField(props) {
     className: labelClasses,
     hintText: hintText,
     isRequired: isRequired,
+    helpHintProps: helpHintProps,
     mode: labelMode
   }, raLabelProps), labelProps);
   var fieldControlWrapperProps = _objectSpread({

package/lib/cjs/hooks/useSliderField/useSliderField.d.ts

@@ -245,7 +245,9 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
     };
     labelContainerProps: {
         label: import("react").ReactNode;
-        labelProps: import("react").LabelHTMLAttributes<HTMLLabelElement> & import("../..").LabelProps;
+        labelProps: import("react").LabelHTMLAttributes<HTMLLabelElement> & import("../..").LabelProps & {
+            hintText: string | undefined;
+        };
         isDisplayValueHidden: boolean;
         outputProps: import("react").OutputHTMLAttributes<HTMLOutputElement> & import("../..").TextProps & {
             as: string;
@@ -254,6 +256,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         isHorizontal: boolean;
         displayValue: any;
         isVertical: boolean;
+        helpHintProps: import("../..").HelpHintProps | undefined;
         className: string;
     };
     sliderActiveTrackProps: {

package/lib/cjs/hooks/useSliderField/useSliderField.js

@@ -20,7 +20,7 @@ var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _useStatusClasses7 = _interopRequireDefault(require("../useStatusClasses"));
-var _excluded = ["activeTrackProps", "autoFocus", "className", "defaultValue", "displayValue", "formatOptions", "helperTextProps", "isDisabled", "isDisplayValueHidden", "isMultiThumb", "label", "labelProps", "maxValue", "minValue", "name", "onBlur", "onChange", "onChangeEnd", "onFocus", "onFocusChange", "onKeyDown", "onKeyUp", "orientation", "outputProps", "size", "status", "step", "sx", "thumbProps", "trackProps", "trackRef", "value", "wrapperProps"];
+var _excluded = ["activeTrackProps", "autoFocus", "className", "defaultValue", "displayValue", "formatOptions", "helperTextProps", "helpHintProps", "hintText", "isDisabled", "isDisplayValueHidden", "isMultiThumb", "label", "labelProps", "maxValue", "minValue", "name", "onBlur", "onChange", "onChangeEnd", "onFocus", "onFocusChange", "onKeyDown", "onKeyUp", "orientation", "outputProps", "size", "status", "step", "sx", "thumbProps", "trackProps", "trackRef", "value", "wrapperProps"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getDefaultValue = function getDefaultValue(_ref) {
@@ -55,6 +55,8 @@ var useSliderField = function useSliderField(props) {
     displayValueProp = props.displayValue,
     formatOptions = props.formatOptions,
     helperTextProps = props.helperTextProps,
+    helpHintProps = props.helpHintProps,
+    hintText = props.hintText,
     isDisabled = props.isDisabled,
     _props$isDisplayValue = props.isDisplayValueHidden,
     isDisplayValueHidden = _props$isDisplayValue === void 0 ? false : _props$isDisplayValue,
@@ -174,7 +176,9 @@ var useSliderField = function useSliderField(props) {
     as: 'output',
     variant: 'label'
   });
-  var mergedLabelProps = (0, _reactAria.mergeProps)(labelProps, raLabelProps);
+  var mergedLabelProps = (0, _reactAria.mergeProps)(labelProps, raLabelProps, {
+    hintText: hintText
+  });
   var labelContainerProps = {
     label: label,
     labelProps: mergedLabelProps,
@@ -183,6 +187,7 @@ var useSliderField = function useSliderField(props) {
     isHorizontal: isHorizontal,
     displayValue: displayValue,
     isVertical: isVertical,
+    helpHintProps: helpHintProps,
     className: labelContainerClassNames
   };
   var sliderActiveTrackProps = _objectSpread(_objectSpread({}, activeTrackProps), {}, {

package/lib/cjs/styles/themes/astro/customProperties/styles.js

@@ -6,6 +6,6 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  navButtonEstHeight: 40
+  navButtonEstHeight: 41
 };
 exports["default"] = _default;

package/lib/cjs/types/TextAreaField.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { SharedFieldProps } from './shared/fieldProps';
 import { TestingAttributes } from './shared/test';
+import { HelpHintProps } from './helpHint';
 import { ValidPositiveInteger } from './shared';
 export interface TextAreaFieldProps extends TestingAttributes, SharedFieldProps {
     /** Whether the textarea is unable to be resized. */
@@ -47,4 +48,6 @@ export interface TextAreaFieldProps extends TestingAttributes, SharedFieldProps
     id?: string;
     /** The name for the textarea element. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea). */
     name?: string;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
 }

package/lib/cjs/types/checkboxField.d.ts

@@ -1,4 +1,5 @@
 import { UseFieldProps } from '../hooks/useField/useField';
+import { HelpHintProps } from './helpHint';
 export interface CheckboxFieldProps extends Omit<UseFieldProps<HTMLInputElement>, 'onChange'> {
     /** Handler that is called when a key is pressed. */
     onKeyDown?: () => void;
@@ -8,4 +9,6 @@ export interface CheckboxFieldProps extends Omit<UseFieldProps<HTMLInputElement>
     onChange?: (isSelected: boolean) => void;
     /** props that are spread directly into the checkbox component */
     checkBoxProps?: object;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
 }

package/lib/cjs/types/colorField.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ControlProps } from '../hooks/useField/useField';
 import { TestingAttributes } from './shared/test';
 import { Alignment, Axis } from './shared';
-import { ButtonProps, LabelProps, Status } from '.';
+import { ButtonProps, HelpHintProps, LabelProps, Status } from '.';
 export type RGBProps = {
     r: number;
     g: number;
@@ -27,6 +27,10 @@ export interface ColorFieldProps extends TestingAttributes {
     direction?: Axis;
     /** Text to display after the Color Field button. Useful for errors or other info. */
     helperText?: React.ReactNode;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
+    /** If present this prop will cause a help hint to render in the label of the field. */
+    hintText?: string;
     /** The content to display as the label. */
     label?: React.ReactNode;
     /** Pass a function to call every time the color is changed. [React Color onChange](https://casesandberg.github.io/react-color/#api-onChange)

package/lib/cjs/types/navBar.d.ts

@@ -1,6 +1,6 @@
 import React, { Key } from 'react';
 import { ThemeUICSSObject } from 'theme-ui';
-import { IconTypeExtended } from './icon';
+import { IconProps, IconTypeExtended } from './icon';
 import { DOMAttributes, StyleProps } from './shared';
 export interface NavBarProps extends StyleProps, DOMAttributes {
     /** Allows only one item to be expanded. */
@@ -33,6 +33,7 @@ export interface NavBarItemProps extends StyleProps, DOMAttributes {
     /** Text that will render within the component */
     text?: string;
     className?: string;
+    iconProps?: IconProps;
 }
 export interface NavBarItemBodyProps {
     item?: {

package/lib/cjs/types/passwordField.d.ts

@@ -2,7 +2,7 @@
 import { UseFieldProps } from '../hooks/useField/useField';
 import { TestingAttributes } from './shared/test';
 import { Status } from './item';
-import { Requirement, RequirementsListProps } from '.';
+import { HelpHintProps, Requirement, RequirementsListProps } from '.';
 export interface PasswordFieldProps extends UseFieldProps<HTMLInputElement>, TestingAttributes {
     /** The rendered label for the field. */
     label?: string | React.ReactNode;
@@ -35,6 +35,8 @@ export interface PasswordFieldProps extends UseFieldProps<HTMLInputElement>, Tes
     isDisabled?: boolean;
     /** Whether the input can be selected, but not changed by the user. */
     isReadOnly?: boolean;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
     /** Whether the field is required. */
     isRequired?: boolean;
     /**

package/lib/cjs/types/radioField.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { HelpHintProps } from './helpHint';
 import { Status } from './item';
 import { DOMAttributes } from './shared';
 export interface RadioFieldProps extends DOMAttributes {
@@ -12,6 +13,8 @@ export interface RadioFieldProps extends DOMAttributes {
     hasAutoFocus?: boolean;
     /** Text rendered below the input. */
     helperText?: ReactNode;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
     /** If present this prop will cause a help hint to render in the label of the field. */
     hintText?: string;
     /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */

package/lib/cjs/types/radioGroupField.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { AriaRadioGroupProps } from 'react-aria';
 import { SharedFieldProps } from './shared/fieldProps';
+import { HelpHintProps } from './helpHint';
 export interface RadioGroupFieldProps extends Omit<AriaRadioGroupProps, 'label'>, SharedFieldProps {
     className?: string;
     id?: string;
@@ -12,4 +13,5 @@ export interface RadioGroupFieldProps extends Omit<AriaRadioGroupProps, 'label'>
     defaultValue?: string;
     orientation?: 'horizontal' | 'vertical';
     onChange?: (value: string) => void;
+    helpHintProps?: HelpHintProps;
 }

package/lib/cjs/types/searchField.d.ts

@@ -2,7 +2,7 @@
 import { ThemeUICSSObject } from 'theme-ui';
 import { ControlProps } from '../hooks/useField/useField';
 import { StyleProps } from './shared';
-import { IconProps, IconTypeExtended, LabelProps } from '.';
+import { HelpHintProps, IconProps, IconTypeExtended, LabelProps } from '.';
 export interface SearchFieldProps extends StyleProps {
     /**
        * @ignore
@@ -38,6 +38,10 @@ export interface SearchFieldProps extends StyleProps {
     id?: string;
     /** Whether the input is disabled. */
     isDisabled?: boolean;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
+    /** If present this prop will cause a help hint to render in the label of the field. */
+    hintText?: string;
     /** The content to display as the label. */
     label?: React.ReactNode;
     /** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */

package/lib/cjs/types/selectField.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { UseSelectFieldProps, UseSelectFieldReturnProps } from '../hooks/useSelectField/useSelectField';
 import { SharedFieldProps } from './shared/fieldProps';
+import { HelpHintProps } from './helpHint';
 import { Status } from './item';
 import { StyleProps } from './shared';
 export interface SelectFieldProps<T> extends Omit<StyleProps, 'direction'>, UseSelectFieldProps<T> {
@@ -23,4 +24,5 @@ export interface SelectFieldBaseProps extends UseSelectFieldReturnProps<object>,
     defaultText?: string;
     selectProps?: Record<string, unknown>;
     isDisabled?: boolean;
+    helpHintProps?: HelpHintProps;
 }

package/lib/cjs/types/sliderField.d.ts

@@ -4,6 +4,7 @@ import type { PressEvent } from '@react-types/shared';
 import { ThemeUICSSObject } from 'theme-ui';
 import { BoxProps } from './box';
 import { FieldHelperTextProps } from './fieldHelperText';
+import { HelpHintProps } from './helpHint';
 import { InputProps } from './input';
 import { Status } from './item';
 import { LabelProps } from './label';
@@ -27,6 +28,7 @@ export interface SliderLabelContainerProps {
     displayValue?: ReactNode;
     label?: ReactNode;
     labelProps?: LabelProps;
+    helpHintProps?: HelpHintProps;
     isDisplayValueHidden?: boolean;
     outputProps?: TextProps;
     className?: string;
@@ -48,6 +50,8 @@ export interface SliderFieldProps {
     formatOptions?: Intl.NumberFormatOptions;
     helperText?: string;
     helperTextProps?: FieldHelperTextProps;
+    helpHintProps?: HelpHintProps;
+    hintText?: string;
     isDisabled?: boolean;
     isDisplayValueHidden?: boolean;
     isMultiThumb?: boolean;

package/lib/cjs/types/switchField.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { ThemeUICSSObject } from 'theme-ui';
 import { ControlProps } from '../hooks/useField/useField';
+import { HelpHintProps } from './helpHint';
 import { Status } from './item';
 import { LabelProps } from './label';
 import { DOMAttributes } from './shared';
@@ -28,4 +29,5 @@ export interface SwitchFieldProps extends DOMAttributes {
     onKeyDown?: () => void;
     onKeyUp?: () => void;
     sx?: ThemeUICSSObject;
+    helpHintProps?: HelpHintProps;
 }

package/lib/cjs/utils/devUtils/constants/logos.js

@@ -46,8 +46,8 @@ var pingLogoHorizontalSmall = (0, _react2.jsx)("svg", {
 }))));
 exports.pingLogoHorizontalSmall = pingLogoHorizontalSmall;
 var pingLogoHorizontalSmallWhite = (0, _react2.jsx)("svg", {
-  width: "161",
-  height: "28",
+  width: "129",
+  height: "23",
   viewBox: "0 0 2385 415",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"