@elliemae/ds-form-radio 3.52.1 → 3.53.0-alpha.2

package/dist/cjs/react-desc-prop-types.js

@@ -47,7 +47,12 @@ const defaultProps = {
 const DSControlledRadioPropTypes = {
   ...import_ds_props_helpers.globalAttributesPropTypes,
   ...import_ds_props_helpers.xstyledPropTypes,
-  value: import_ds_props_helpers.PropTypes.string.description("Radio value"),
+  name: import_ds_props_helpers.PropTypes.string.description(
+    "Radio name attribute. Without this WCAG will fail, name is required for a bunch of success criterias"
+  ),
+  value: import_ds_props_helpers.PropTypes.string.description(
+    "Radio value. Without this WCAG will fail, value is required for a bunch of success criterias"
+  ),
   onChange: import_ds_props_helpers.PropTypes.func.description("Radio onchange callback").signature("((newValue: string,e:  React.ChangeEvent | React.KeyboardEvent) => void)"),
   label: import_ds_props_helpers.PropTypes.string.description(
     "Radio Label property. This label is also going to be used as an aria-label for screen readers."

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type React from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nexport declare namespace DSControlledRadioT {\n  export type Devices = 'mobile' | 'desktop' | 'mediaquery';\n  export interface DefaultProps {\n    checked: boolean;\n    hasError: boolean;\n    wrapLabel: boolean;\n    disabled: boolean;\n    visualOnly: boolean;\n    applyAriaDisabled: boolean;\n    device: Devices;\n  }\n  export interface RequiredProps {}\n\n  export interface OptionalProps {\n    value?: string;\n    onChange?: (newValue: string, e: React.ChangeEvent | React.KeyboardEvent) => void;\n    label?: string;\n    innerRef?: React.RefObject<HTMLInputElement>;\n  }\n\n  export interface StyledRadioT {\n    checked?: boolean;\n    readOnly?: boolean;\n    hasError?: boolean;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n    device?: Devices;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSControlledRadioT.DefaultProps = {\n  wrapLabel: false,\n  hasError: false,\n  checked: false,\n  disabled: false,\n  visualOnly: false,\n  applyAriaDisabled: false,\n  device: 'mediaquery',\n};\n\n// Omit<DSControlledRadioT.Props, 'visualOnly'>\n//  visualOnly is an internal only prop, so we don't want to expose it in the docs\nexport const DSControlledRadioPropTypes: DSPropTypesSchema<Omit<DSControlledRadioT.Props, 'visualOnly'>> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  value: PropTypes.string.description('Radio value'),\n  onChange: PropTypes.func\n    .description('Radio onchange callback')\n    .signature('((newValue: string,e:  React.ChangeEvent | React.KeyboardEvent) => void)'),\n  label: PropTypes.string.description(\n    'Radio Label property. This label is also going to be used as an aria-label for screen readers.',\n  ),\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  hasError: PropTypes.bool.description('Whether the radio has error or not.'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Radio input ref.'),\n  wrapLabel: PropTypes.bool.description('Whether to wrap or truncate the label'),\n  device: PropTypes.oneOf(['mobile', 'desktop', 'mediaquery'])\n    .description(\n      'used for responsive designs, this controls how the styling should behave. you can force mobile/desktop styling or rely on mediaquery to auto-detect',\n    )\n    .defaultValue('mediaquery'),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION',\n    )\n    .defaultValue(false),\n};\n\nexport const DSControlledRadioPropTypesSchema =\n  DSControlledRadioPropTypes as unknown as React.WeakValidationMap<DSControlledRadioT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AA6ChE,MAAM,eAAgD;AAAA,EAC3D,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,QAAQ;AACV;AAIO,MAAM,6BAA8F;AAAA,EACzG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,YAAY,aAAa;AAAA,EACjD,UAAU,kCAAU,KACjB,YAAY,yBAAyB,EACrC,UAAU,0EAA0E;AAAA,EACvF,OAAO,kCAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,SAAS,kCAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,UAAU,kCAAU,KAAK,YAAY,qCAAqC;AAAA,EAC1E,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAChG,WAAW,kCAAU,KAAK,YAAY,uCAAuC;AAAA,EAC7E,QAAQ,kCAAU,MAAM,CAAC,UAAU,WAAW,YAAY,CAAC,EACxD;AAAA,IACC;AAAA,EACF,EACC,aAAa,YAAY;AAAA,EAC5B,mBAAmB,kCAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AACvB;AAEO,MAAM,mCACX;",
+  "sourcesContent": ["import type React from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nexport declare namespace DSControlledRadioT {\n  export type Devices = 'mobile' | 'desktop' | 'mediaquery';\n  export interface DefaultProps {\n    checked: boolean;\n    hasError: boolean;\n    wrapLabel: boolean;\n    disabled: boolean;\n    visualOnly: boolean;\n    applyAriaDisabled: boolean;\n    device: Devices;\n  }\n  export interface RequiredProps {\n    name: string;\n    value: string;\n  }\n\n  export interface OptionalProps {\n    onChange?: (newValue: string, e: React.ChangeEvent | React.KeyboardEvent) => void;\n    label?: string;\n    innerRef?: React.RefObject<HTMLInputElement>;\n  }\n\n  export interface StyledRadioT {\n    checked?: boolean;\n    readOnly?: boolean;\n    hasError?: boolean;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n    device?: Devices;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSControlledRadioT.DefaultProps = {\n  wrapLabel: false,\n  hasError: false,\n  checked: false,\n  disabled: false,\n  visualOnly: false,\n  applyAriaDisabled: false,\n  device: 'mediaquery',\n};\n\n// Omit<DSControlledRadioT.Props, 'visualOnly'>\n//  visualOnly is an internal only prop, so we don't want to expose it in the docs\nexport const DSControlledRadioPropTypes: DSPropTypesSchema<Omit<DSControlledRadioT.Props, 'visualOnly'>> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  name: PropTypes.string.description(\n    'Radio name attribute. Without this WCAG will fail, name is required for a bunch of success criterias',\n  ),\n  value: PropTypes.string.description(\n    'Radio value. Without this WCAG will fail, value is required for a bunch of success criterias',\n  ),\n  onChange: PropTypes.func\n    .description('Radio onchange callback')\n    .signature('((newValue: string,e:  React.ChangeEvent | React.KeyboardEvent) => void)'),\n  label: PropTypes.string.description(\n    'Radio Label property. This label is also going to be used as an aria-label for screen readers.',\n  ),\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  hasError: PropTypes.bool.description('Whether the radio has error or not.'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Radio input ref.'),\n  wrapLabel: PropTypes.bool.description('Whether to wrap or truncate the label'),\n  device: PropTypes.oneOf(['mobile', 'desktop', 'mediaquery'])\n    .description(\n      'used for responsive designs, this controls how the styling should behave. you can force mobile/desktop styling or rely on mediaquery to auto-detect',\n    )\n    .defaultValue('mediaquery'),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION',\n    )\n    .defaultValue(false),\n};\n\nexport const DSControlledRadioPropTypesSchema =\n  DSControlledRadioPropTypes as unknown as React.WeakValidationMap<DSControlledRadioT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AA+ChE,MAAM,eAAgD;AAAA,EAC3D,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,QAAQ;AACV;AAIO,MAAM,6BAA8F;AAAA,EACzG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,OAAO;AAAA,IACrB;AAAA,EACF;AAAA,EACA,OAAO,kCAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,KACjB,YAAY,yBAAyB,EACrC,UAAU,0EAA0E;AAAA,EACvF,OAAO,kCAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,SAAS,kCAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,UAAU,kCAAU,KAAK,YAAY,qCAAqC;AAAA,EAC1E,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAChG,WAAW,kCAAU,KAAK,YAAY,uCAAuC;AAAA,EAC7E,QAAQ,kCAAU,MAAM,CAAC,UAAU,WAAW,YAAY,CAAC,EACxD;AAAA,IACC;AAAA,EACF,EACC,aAAa,YAAY;AAAA,EAC5B,mBAAmB,kCAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AACvB;AAEO,MAAM,mCACX;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -12,7 +12,12 @@ const defaultProps = {
 const DSControlledRadioPropTypes = {
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,
-  value: PropTypes.string.description("Radio value"),
+  name: PropTypes.string.description(
+    "Radio name attribute. Without this WCAG will fail, name is required for a bunch of success criterias"
+  ),
+  value: PropTypes.string.description(
+    "Radio value. Without this WCAG will fail, value is required for a bunch of success criterias"
+  ),
   onChange: PropTypes.func.description("Radio onchange callback").signature("((newValue: string,e:  React.ChangeEvent | React.KeyboardEvent) => void)"),
   label: PropTypes.string.description(
     "Radio Label property. This label is also going to be used as an aria-label for screen readers."

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nexport declare namespace DSControlledRadioT {\n  export type Devices = 'mobile' | 'desktop' | 'mediaquery';\n  export interface DefaultProps {\n    checked: boolean;\n    hasError: boolean;\n    wrapLabel: boolean;\n    disabled: boolean;\n    visualOnly: boolean;\n    applyAriaDisabled: boolean;\n    device: Devices;\n  }\n  export interface RequiredProps {}\n\n  export interface OptionalProps {\n    value?: string;\n    onChange?: (newValue: string, e: React.ChangeEvent | React.KeyboardEvent) => void;\n    label?: string;\n    innerRef?: React.RefObject<HTMLInputElement>;\n  }\n\n  export interface StyledRadioT {\n    checked?: boolean;\n    readOnly?: boolean;\n    hasError?: boolean;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n    device?: Devices;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSControlledRadioT.DefaultProps = {\n  wrapLabel: false,\n  hasError: false,\n  checked: false,\n  disabled: false,\n  visualOnly: false,\n  applyAriaDisabled: false,\n  device: 'mediaquery',\n};\n\n// Omit<DSControlledRadioT.Props, 'visualOnly'>\n//  visualOnly is an internal only prop, so we don't want to expose it in the docs\nexport const DSControlledRadioPropTypes: DSPropTypesSchema<Omit<DSControlledRadioT.Props, 'visualOnly'>> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  value: PropTypes.string.description('Radio value'),\n  onChange: PropTypes.func\n    .description('Radio onchange callback')\n    .signature('((newValue: string,e:  React.ChangeEvent | React.KeyboardEvent) => void)'),\n  label: PropTypes.string.description(\n    'Radio Label property. This label is also going to be used as an aria-label for screen readers.',\n  ),\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  hasError: PropTypes.bool.description('Whether the radio has error or not.'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Radio input ref.'),\n  wrapLabel: PropTypes.bool.description('Whether to wrap or truncate the label'),\n  device: PropTypes.oneOf(['mobile', 'desktop', 'mediaquery'])\n    .description(\n      'used for responsive designs, this controls how the styling should behave. you can force mobile/desktop styling or rely on mediaquery to auto-detect',\n    )\n    .defaultValue('mediaquery'),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION',\n    )\n    .defaultValue(false),\n};\n\nexport const DSControlledRadioPropTypesSchema =\n  DSControlledRadioPropTypes as unknown as React.WeakValidationMap<DSControlledRadioT.Props>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AA6ChE,MAAM,eAAgD;AAAA,EAC3D,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,QAAQ;AACV;AAIO,MAAM,6BAA8F;AAAA,EACzG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,aAAa;AAAA,EACjD,UAAU,UAAU,KACjB,YAAY,yBAAyB,EACrC,UAAU,0EAA0E;AAAA,EACvF,OAAO,UAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,UAAU,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAC1E,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAChG,WAAW,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAC7E,QAAQ,UAAU,MAAM,CAAC,UAAU,WAAW,YAAY,CAAC,EACxD;AAAA,IACC;AAAA,EACF,EACC,aAAa,YAAY;AAAA,EAC5B,mBAAmB,UAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AACvB;AAEO,MAAM,mCACX;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nexport declare namespace DSControlledRadioT {\n  export type Devices = 'mobile' | 'desktop' | 'mediaquery';\n  export interface DefaultProps {\n    checked: boolean;\n    hasError: boolean;\n    wrapLabel: boolean;\n    disabled: boolean;\n    visualOnly: boolean;\n    applyAriaDisabled: boolean;\n    device: Devices;\n  }\n  export interface RequiredProps {\n    name: string;\n    value: string;\n  }\n\n  export interface OptionalProps {\n    onChange?: (newValue: string, e: React.ChangeEvent | React.KeyboardEvent) => void;\n    label?: string;\n    innerRef?: React.RefObject<HTMLInputElement>;\n  }\n\n  export interface StyledRadioT {\n    checked?: boolean;\n    readOnly?: boolean;\n    hasError?: boolean;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n    device?: Devices;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSControlledRadioT.DefaultProps = {\n  wrapLabel: false,\n  hasError: false,\n  checked: false,\n  disabled: false,\n  visualOnly: false,\n  applyAriaDisabled: false,\n  device: 'mediaquery',\n};\n\n// Omit<DSControlledRadioT.Props, 'visualOnly'>\n//  visualOnly is an internal only prop, so we don't want to expose it in the docs\nexport const DSControlledRadioPropTypes: DSPropTypesSchema<Omit<DSControlledRadioT.Props, 'visualOnly'>> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  name: PropTypes.string.description(\n    'Radio name attribute. Without this WCAG will fail, name is required for a bunch of success criterias',\n  ),\n  value: PropTypes.string.description(\n    'Radio value. Without this WCAG will fail, value is required for a bunch of success criterias',\n  ),\n  onChange: PropTypes.func\n    .description('Radio onchange callback')\n    .signature('((newValue: string,e:  React.ChangeEvent | React.KeyboardEvent) => void)'),\n  label: PropTypes.string.description(\n    'Radio Label property. This label is also going to be used as an aria-label for screen readers.',\n  ),\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  hasError: PropTypes.bool.description('Whether the radio has error or not.'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Radio input ref.'),\n  wrapLabel: PropTypes.bool.description('Whether to wrap or truncate the label'),\n  device: PropTypes.oneOf(['mobile', 'desktop', 'mediaquery'])\n    .description(\n      'used for responsive designs, this controls how the styling should behave. you can force mobile/desktop styling or rely on mediaquery to auto-detect',\n    )\n    .defaultValue('mediaquery'),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION',\n    )\n    .defaultValue(false),\n};\n\nexport const DSControlledRadioPropTypesSchema =\n  DSControlledRadioPropTypes as unknown as React.WeakValidationMap<DSControlledRadioT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AA+ChE,MAAM,eAAgD;AAAA,EAC3D,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,QAAQ;AACV;AAIO,MAAM,6BAA8F;AAAA,EACzG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,IACrB;AAAA,EACF;AAAA,EACA,OAAO,UAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,UAAU,UAAU,KACjB,YAAY,yBAAyB,EACrC,UAAU,0EAA0E;AAAA,EACvF,OAAO,UAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,UAAU,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAC1E,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAChG,WAAW,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAC7E,QAAQ,UAAU,MAAM,CAAC,UAAU,WAAW,YAAY,CAAC,EACxD;AAAA,IACC;AAAA,EACF,EACC,aAAa,YAAY;AAAA,EAC5B,mBAAmB,UAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AACvB;AAEO,MAAM,mCACX;",
   "names": []
 }

package/dist/types/react-desc-prop-types.d.ts

@@ -12,9 +12,10 @@ export declare namespace DSControlledRadioT {
         device: Devices;
     }
     interface RequiredProps {
+        name: string;
+        value: string;
     }
     interface OptionalProps {
-        value?: string;
         onChange?: (newValue: string, e: React.ChangeEvent | React.KeyboardEvent) => void;
         label?: string;
         innerRef?: React.RefObject<HTMLInputElement>;
@@ -27,9 +28,9 @@ export declare namespace DSControlledRadioT {
         applyAriaDisabled?: boolean;
         device?: Devices;
     }
-    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps, RequiredProps {
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, XstyledProps, RequiredProps {
     }
-    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps, RequiredProps {
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, XstyledProps, RequiredProps {
     }
 }
 export declare const defaultProps: DSControlledRadioT.DefaultProps;

package/dist/types/styles.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { DSControlledRadioT } from './react-desc-prop-types.js';
 export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    device?: DSControlledRadioT.Devices | undefined;
+    device?: DSControlledRadioT.Devices;
     hasLabel: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledRadio: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, DSControlledRadioT.StyledRadioT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-radio",
-  "version": "3.52.1",
+  "version": "3.53.0-alpha.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Radio",
   "files": [
@@ -36,20 +36,21 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "3.52.1",
-    "@elliemae/ds-system": "3.52.1",
-    "@elliemae/ds-truncated-tooltip-text": "3.52.1"
+    "@elliemae/ds-props-helpers": "3.53.0-alpha.2",
+    "@elliemae/ds-system": "3.53.0-alpha.2",
+    "@elliemae/ds-truncated-tooltip-text": "3.53.0-alpha.2"
   },
   "devDependencies": {
-    "@elliemae/pui-cli": "9.0.0-next.63",
-    "@elliemae/pui-theme": "~2.12.0",
+    "@elliemae/pui-cli": "9.0.0-next.65",
+    "@elliemae/pui-theme": "~2.13.0",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
-    "uid": "~2.0.1",
-    "@elliemae/ds-monorepo-devops": "3.52.1"
+    "uid": "^2.0.2",
+    "@elliemae/ds-monorepo-devops": "3.53.0-alpha.2",
+    "@elliemae/ds-test-utils": "3.53.0-alpha.2"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "~2.12.0",
+    "@elliemae/pui-theme": "~2.13.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "~5.3.9",

package/dist/cjs/tests/DSControlledRadio.HTMLStandards.tests.js

@@ -1,95 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_user_event = __toESM(require("@testing-library/user-event"));
-var import_react2 = require("@testing-library/react");
-var import_ds_system = require("@elliemae/ds-system");
-var import_ControlledRadio = require("../ControlledRadio.tsx");
-const TesteableRadio = (0, import_ds_system.themeProviderHOC)(() => {
-  const [checkedId, setCheckedId] = import_react.default.useState("");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ControlledRadio.DSControlledRadio,
-      {
-        checked: checkedId === "id1",
-        name: "group",
-        label: "First Option",
-        value: "id1",
-        "data-testid": "ds-radio1",
-        onChange: setCheckedId
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ControlledRadio.DSControlledRadio,
-      {
-        checked: checkedId === "id2",
-        name: "group",
-        label: "Second Option",
-        value: "id2",
-        "data-testid": "ds-radio2",
-        onChange: setCheckedId
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ControlledRadio.DSControlledRadio,
-      {
-        checked: checkedId === "id3",
-        name: "group",
-        label: "Third Option",
-        value: "id3",
-        "data-testid": "ds-radio3",
-        onChange: setCheckedId
-      }
-    )
-  ] });
-});
-describe("DSControlledRadio Standard HTML behaviours", () => {
-  test("ArrowDown move focus and select next radio in the group", () => {
-    (0, import_react2.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TesteableRadio, {}));
-    const radio1 = import_react2.screen.getByTestId("ds-radio1");
-    import_user_event.default.tab();
-    expect(radio1).not.toBeChecked();
-    expect(radio1).toHaveFocus();
-    import_user_event.default.keyboard("{ArrowDown}");
-    const radio2 = import_react2.screen.getByTestId("ds-radio2");
-    expect(radio1).not.toBeChecked();
-    expect(radio2).toHaveFocus();
-    expect(radio2).toBeChecked();
-  });
-  test("ArrowUp move focus and select previous radio in the group (loop to last)", () => {
-    (0, import_react2.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TesteableRadio, {}));
-    const radio1 = import_react2.screen.getByTestId("ds-radio1");
-    import_user_event.default.tab();
-    expect(radio1).not.toBeChecked();
-    expect(radio1).toHaveFocus();
-    import_user_event.default.keyboard("{ArrowUp}");
-    const radio3 = import_react2.screen.getByTestId("ds-radio3");
-    expect(radio1).not.toBeChecked();
-    expect(radio3).toHaveFocus();
-    expect(radio3).toBeChecked();
-  });
-});
-//# sourceMappingURL=DSControlledRadio.HTMLStandards.tests.js.map

package/dist/cjs/tests/DSControlledRadio.HTMLStandards.tests.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tests/DSControlledRadio.HTMLStandards.tests.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport userEvent from '@testing-library/user-event';\nimport { render, screen } from '@testing-library/react';\nimport { themeProviderHOC } from '@elliemae/ds-system';\nimport { DSControlledRadio } from '../ControlledRadio.tsx';\n\nconst TesteableRadio = themeProviderHOC(() => {\n  const [checkedId, setCheckedId] = React.useState('');\n\n  return (\n    <div>\n      <DSControlledRadio\n        checked={checkedId === 'id1'}\n        name=\"group\"\n        label=\"First Option\"\n        value=\"id1\"\n        data-testid=\"ds-radio1\"\n        onChange={setCheckedId}\n      />\n      <DSControlledRadio\n        checked={checkedId === 'id2'}\n        name=\"group\"\n        label=\"Second Option\"\n        value=\"id2\"\n        data-testid=\"ds-radio2\"\n        onChange={setCheckedId}\n      />\n      <DSControlledRadio\n        checked={checkedId === 'id3'}\n        name=\"group\"\n        label=\"Third Option\"\n        value=\"id3\"\n        data-testid=\"ds-radio3\"\n        onChange={setCheckedId}\n      />\n    </div>\n  );\n});\n\ndescribe('DSControlledRadio Standard HTML behaviours', () => {\n  test('ArrowDown move focus and select next radio in the group', () => {\n    render(<TesteableRadio />);\n    const radio1 = screen.getByTestId('ds-radio1');\n\n    userEvent.tab();\n    expect(radio1).not.toBeChecked();\n    expect(radio1).toHaveFocus();\n\n    userEvent.keyboard('{ArrowDown}');\n    const radio2 = screen.getByTestId('ds-radio2');\n    expect(radio1).not.toBeChecked();\n    expect(radio2).toHaveFocus();\n    expect(radio2).toBeChecked();\n  });\n  test('ArrowUp move focus and select previous radio in the group (loop to last)', () => {\n    render(<TesteableRadio />);\n    const radio1 = screen.getByTestId('ds-radio1');\n\n    userEvent.tab();\n    expect(radio1).not.toBeChecked();\n    expect(radio1).toHaveFocus();\n\n    userEvent.keyboard('{ArrowUp}');\n    const radio3 = screen.getByTestId('ds-radio3');\n    expect(radio1).not.toBeChecked();\n    expect(radio3).toHaveFocus();\n    expect(radio3).toBeChecked();\n  });\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACUnB;AAVJ,mBAAkB;AAClB,wBAAsB;AACtB,IAAAA,gBAA+B;AAC/B,uBAAiC;AACjC,6BAAkC;AAElC,MAAM,qBAAiB,mCAAiB,MAAM;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,aAAAC,QAAM,SAAS,EAAE;AAEnD,SACE,6CAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,cAAc;AAAA,QACvB,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,eAAY;AAAA,QACZ,UAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,cAAc;AAAA,QACvB,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,eAAY;AAAA,QACZ,UAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,cAAc;AAAA,QACvB,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,eAAY;AAAA,QACZ,UAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ,CAAC;AAED,SAAS,8CAA8C,MAAM;AAC3D,OAAK,2DAA2D,MAAM;AACpE,8BAAO,4CAAC,kBAAe,CAAE;AACzB,UAAM,SAAS,qBAAO,YAAY,WAAW;AAE7C,sBAAAC,QAAU,IAAI;AACd,WAAO,MAAM,EAAE,IAAI,YAAY;AAC/B,WAAO,MAAM,EAAE,YAAY;AAE3B,sBAAAA,QAAU,SAAS,aAAa;AAChC,UAAM,SAAS,qBAAO,YAAY,WAAW;AAC7C,WAAO,MAAM,EAAE,IAAI,YAAY;AAC/B,WAAO,MAAM,EAAE,YAAY;AAC3B,WAAO,MAAM,EAAE,YAAY;AAAA,EAC7B,CAAC;AACD,OAAK,4EAA4E,MAAM;AACrF,8BAAO,4CAAC,kBAAe,CAAE;AACzB,UAAM,SAAS,qBAAO,YAAY,WAAW;AAE7C,sBAAAA,QAAU,IAAI;AACd,WAAO,MAAM,EAAE,IAAI,YAAY;AAC/B,WAAO,MAAM,EAAE,YAAY;AAE3B,sBAAAA,QAAU,SAAS,WAAW;AAC9B,UAAM,SAAS,qBAAO,YAAY,WAAW;AAC7C,WAAO,MAAM,EAAE,IAAI,YAAY;AAC/B,WAAO,MAAM,EAAE,YAAY;AAC3B,WAAO,MAAM,EAAE,YAAY;AAAA,EAC7B,CAAC;AACH,CAAC;",
-  "names": ["import_react", "React", "userEvent"]
-}

package/dist/esm/tests/DSControlledRadio.HTMLStandards.tests.js

@@ -1,72 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import React2 from "react";
-import userEvent from "@testing-library/user-event";
-import { render, screen } from "@testing-library/react";
-import { themeProviderHOC } from "@elliemae/ds-system";
-import { DSControlledRadio } from "../ControlledRadio.tsx";
-const TesteableRadio = themeProviderHOC(() => {
-  const [checkedId, setCheckedId] = React2.useState("");
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(
-      DSControlledRadio,
-      {
-        checked: checkedId === "id1",
-        name: "group",
-        label: "First Option",
-        value: "id1",
-        "data-testid": "ds-radio1",
-        onChange: setCheckedId
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      DSControlledRadio,
-      {
-        checked: checkedId === "id2",
-        name: "group",
-        label: "Second Option",
-        value: "id2",
-        "data-testid": "ds-radio2",
-        onChange: setCheckedId
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      DSControlledRadio,
-      {
-        checked: checkedId === "id3",
-        name: "group",
-        label: "Third Option",
-        value: "id3",
-        "data-testid": "ds-radio3",
-        onChange: setCheckedId
-      }
-    )
-  ] });
-});
-describe("DSControlledRadio Standard HTML behaviours", () => {
-  test("ArrowDown move focus and select next radio in the group", () => {
-    render(/* @__PURE__ */ jsx(TesteableRadio, {}));
-    const radio1 = screen.getByTestId("ds-radio1");
-    userEvent.tab();
-    expect(radio1).not.toBeChecked();
-    expect(radio1).toHaveFocus();
-    userEvent.keyboard("{ArrowDown}");
-    const radio2 = screen.getByTestId("ds-radio2");
-    expect(radio1).not.toBeChecked();
-    expect(radio2).toHaveFocus();
-    expect(radio2).toBeChecked();
-  });
-  test("ArrowUp move focus and select previous radio in the group (loop to last)", () => {
-    render(/* @__PURE__ */ jsx(TesteableRadio, {}));
-    const radio1 = screen.getByTestId("ds-radio1");
-    userEvent.tab();
-    expect(radio1).not.toBeChecked();
-    expect(radio1).toHaveFocus();
-    userEvent.keyboard("{ArrowUp}");
-    const radio3 = screen.getByTestId("ds-radio3");
-    expect(radio1).not.toBeChecked();
-    expect(radio3).toHaveFocus();
-    expect(radio3).toBeChecked();
-  });
-});
-//# sourceMappingURL=DSControlledRadio.HTMLStandards.tests.js.map

package/dist/esm/tests/DSControlledRadio.HTMLStandards.tests.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tests/DSControlledRadio.HTMLStandards.tests.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport userEvent from '@testing-library/user-event';\nimport { render, screen } from '@testing-library/react';\nimport { themeProviderHOC } from '@elliemae/ds-system';\nimport { DSControlledRadio } from '../ControlledRadio.tsx';\n\nconst TesteableRadio = themeProviderHOC(() => {\n  const [checkedId, setCheckedId] = React.useState('');\n\n  return (\n    <div>\n      <DSControlledRadio\n        checked={checkedId === 'id1'}\n        name=\"group\"\n        label=\"First Option\"\n        value=\"id1\"\n        data-testid=\"ds-radio1\"\n        onChange={setCheckedId}\n      />\n      <DSControlledRadio\n        checked={checkedId === 'id2'}\n        name=\"group\"\n        label=\"Second Option\"\n        value=\"id2\"\n        data-testid=\"ds-radio2\"\n        onChange={setCheckedId}\n      />\n      <DSControlledRadio\n        checked={checkedId === 'id3'}\n        name=\"group\"\n        label=\"Third Option\"\n        value=\"id3\"\n        data-testid=\"ds-radio3\"\n        onChange={setCheckedId}\n      />\n    </div>\n  );\n});\n\ndescribe('DSControlledRadio Standard HTML behaviours', () => {\n  test('ArrowDown move focus and select next radio in the group', () => {\n    render(<TesteableRadio />);\n    const radio1 = screen.getByTestId('ds-radio1');\n\n    userEvent.tab();\n    expect(radio1).not.toBeChecked();\n    expect(radio1).toHaveFocus();\n\n    userEvent.keyboard('{ArrowDown}');\n    const radio2 = screen.getByTestId('ds-radio2');\n    expect(radio1).not.toBeChecked();\n    expect(radio2).toHaveFocus();\n    expect(radio2).toBeChecked();\n  });\n  test('ArrowUp move focus and select previous radio in the group (loop to last)', () => {\n    render(<TesteableRadio />);\n    const radio1 = screen.getByTestId('ds-radio1');\n\n    userEvent.tab();\n    expect(radio1).not.toBeChecked();\n    expect(radio1).toHaveFocus();\n\n    userEvent.keyboard('{ArrowUp}');\n    const radio3 = screen.getByTestId('ds-radio3');\n    expect(radio1).not.toBeChecked();\n    expect(radio3).toHaveFocus();\n    expect(radio3).toBeChecked();\n  });\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACUnB,SACE,KADF;AAVJ,OAAOA,YAAW;AAClB,OAAO,eAAe;AACtB,SAAS,QAAQ,cAAc;AAC/B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC,MAAM,iBAAiB,iBAAiB,MAAM;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAIA,OAAM,SAAS,EAAE;AAEnD,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,cAAc;AAAA,QACvB,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,eAAY;AAAA,QACZ,UAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,cAAc;AAAA,QACvB,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,eAAY;AAAA,QACZ,UAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,cAAc;AAAA,QACvB,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,eAAY;AAAA,QACZ,UAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ,CAAC;AAED,SAAS,8CAA8C,MAAM;AAC3D,OAAK,2DAA2D,MAAM;AACpE,WAAO,oBAAC,kBAAe,CAAE;AACzB,UAAM,SAAS,OAAO,YAAY,WAAW;AAE7C,cAAU,IAAI;AACd,WAAO,MAAM,EAAE,IAAI,YAAY;AAC/B,WAAO,MAAM,EAAE,YAAY;AAE3B,cAAU,SAAS,aAAa;AAChC,UAAM,SAAS,OAAO,YAAY,WAAW;AAC7C,WAAO,MAAM,EAAE,IAAI,YAAY;AAC/B,WAAO,MAAM,EAAE,YAAY;AAC3B,WAAO,MAAM,EAAE,YAAY;AAAA,EAC7B,CAAC;AACD,OAAK,4EAA4E,MAAM;AACrF,WAAO,oBAAC,kBAAe,CAAE;AACzB,UAAM,SAAS,OAAO,YAAY,WAAW;AAE7C,cAAU,IAAI;AACd,WAAO,MAAM,EAAE,IAAI,YAAY;AAC/B,WAAO,MAAM,EAAE,YAAY;AAE3B,cAAU,SAAS,WAAW;AAC9B,UAAM,SAAS,OAAO,YAAY,WAAW;AAC7C,WAAO,MAAM,EAAE,IAAI,YAAY;AAC/B,WAAO,MAAM,EAAE,YAAY;AAC3B,WAAO,MAAM,EAAE,YAAY;AAAA,EAC7B,CAAC;AACH,CAAC;",
-  "names": ["React"]
-}