@atlaskit/radio - npm Package Compare versions

Comparing version 5.4.5 to 5.4.6

CHANGELOG.md

 # @atlaskit/radio
 
+## 5.4.6
+
+### Patch Changes
+
+- [`22d4be4674b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22d4be4674b) - Fixes issue where disabled radios were using the wrong background and border tokens
+- [`8e6acf8f038`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e6acf8f038) - Updates tokens used for border and dot, improved tokens appearance when radio is both checked and disabled
+
 ## 5.4.5
@@ -4,0 +11,0 @@

dist/cjs/radio.js

@@ -32,3 +32,3 @@ "use strict";
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.4.5";
+var packageVersion = "5.4.6";
 var fontFamily = (0, _constants.fontFamily)();
@@ -145,6 +145,2 @@ var noop = _noop.default;
     '--radio-dot-color': 'var(--local-dot-disabled)'
-  },
-  '&:checked:disabled': {
-    '--radio-border-color': 'transparent' // TODO: Investigate token solution
-
   }
@@ -151,0 +147,0 @@ });

dist/cjs/styles.js

@@ -18,9 +18,9 @@ "use strict";
     backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(_colors.B50, ")"),
-    backgroundDisabled: "var(--ds-background-input, ".concat(_colors.N20, ")"),
-    dotChecked: "var(--ds-text-inverse, ".concat(_colors.N10, ")"),
-    dotDisabled: "var(--ds-text-disabled, ".concat(_colors.N70, ")"),
-    dotActive: "var(--ds-text-inverse, ".concat(_colors.B400, ")"),
+    backgroundDisabled: "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
+    dotChecked: "var(--ds-icon-inverse, ".concat(_colors.N10, ")"),
+    dotDisabled: "var(--ds-icon-disabled, ".concat(_colors.N70, ")"),
+    dotActive: "var(--ds-icon-inverse, ".concat(_colors.B400, ")"),
     border: "var(--ds-border-input, ".concat(_colors.N40, ")"),
     borderHover: "var(--ds-border-input, ".concat(_colors.N40, ")"),
-    borderDisabled: "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
+    borderDisabled: "var(--ds-border-disabled, ".concat(_colors.N20, ")"),
     borderFocus: "var(--ds-border-focused, ".concat(_colors.B100, ")")
@@ -35,9 +35,9 @@ },
     backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(_colors.B200, ")"),
-    backgroundDisabled: "var(--ds-background-input, ".concat(_colors.DN10, ")"),
-    dotChecked: "var(--ds-text-inverse, ".concat(_colors.DN10, ")"),
-    dotDisabled: "var(--ds-text-disabled, ".concat(_colors.DN90, ")"),
-    dotActive: "var(--ds-text-inverse, ".concat(_colors.DN10, ")"),
+    backgroundDisabled: "var(--ds-background-disabled, ".concat(_colors.DN10, ")"),
+    dotChecked: "var(--ds-icon-inverse, ".concat(_colors.DN10, ")"),
+    dotDisabled: "var(--ds-icon-disabled, ".concat(_colors.DN90, ")"),
+    dotActive: "var(--ds-icon-inverse, ".concat(_colors.DN10, ")"),
     border: "var(--ds-border-input, ".concat(_colors.DN80, ")"),
     borderHover: "var(--ds-border-input, ".concat(_colors.DN200, ")"),
-    borderDisabled: "var(--ds-background-disabled, ".concat(_colors.DN10, ")"),
+    borderDisabled: "var(--ds-border-disabled, ".concat(_colors.DN10, ")"),
     borderFocus: "var(--ds-border-focused, ".concat(_colors.B75, ")")
@@ -44,0 +44,0 @@ }

dist/cjs/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.4.5",
+	"version": "5.4.6",
 	"sideEffects": false
 }

dist/es2019/radio.js

@@ -13,3 +13,3 @@ import _extends from "@babel/runtime/helpers/extends";
 const packageName = "@atlaskit/radio";
-const packageVersion = "5.4.5";
+const packageVersion = "5.4.6";
 const fontFamily = getFontFamily();
@@ -126,6 +126,2 @@ const noop = __noop;
     '--radio-dot-color': 'var(--local-dot-disabled)'
-  },
-  '&:checked:disabled': {
-    '--radio-border-color': 'transparent' // TODO: Investigate token solution
-
   }
@@ -132,0 +128,0 @@ });

dist/es2019/styles.js

@@ -10,9 +10,9 @@ import { B100, B200, B300, B400, B50, B75, DN10, DN200, DN30, DN80, DN90, N10, N20, N30, N40, N70, R300 } from '@atlaskit/theme/colors';
     backgroundCheckedActive: `var(--ds-background-brand-bold-pressed, ${B50})`,
-    backgroundDisabled: `var(--ds-background-input, ${N20})`,
-    dotChecked: `var(--ds-text-inverse, ${N10})`,
-    dotDisabled: `var(--ds-text-disabled, ${N70})`,
-    dotActive: `var(--ds-text-inverse, ${B400})`,
+    backgroundDisabled: `var(--ds-background-disabled, ${N20})`,
+    dotChecked: `var(--ds-icon-inverse, ${N10})`,
+    dotDisabled: `var(--ds-icon-disabled, ${N70})`,
+    dotActive: `var(--ds-icon-inverse, ${B400})`,
     border: `var(--ds-border-input, ${N40})`,
     borderHover: `var(--ds-border-input, ${N40})`,
-    borderDisabled: `var(--ds-background-disabled, ${N20})`,
+    borderDisabled: `var(--ds-border-disabled, ${N20})`,
     borderFocus: `var(--ds-border-focused, ${B100})`
@@ -27,9 +27,9 @@ },
     backgroundCheckedActive: `var(--ds-background-brand-bold-pressed, ${B200})`,
-    backgroundDisabled: `var(--ds-background-input, ${DN10})`,
-    dotChecked: `var(--ds-text-inverse, ${DN10})`,
-    dotDisabled: `var(--ds-text-disabled, ${DN90})`,
-    dotActive: `var(--ds-text-inverse, ${DN10})`,
+    backgroundDisabled: `var(--ds-background-disabled, ${DN10})`,
+    dotChecked: `var(--ds-icon-inverse, ${DN10})`,
+    dotDisabled: `var(--ds-icon-disabled, ${DN90})`,
+    dotActive: `var(--ds-icon-inverse, ${DN10})`,
     border: `var(--ds-border-input, ${DN80})`,
     borderHover: `var(--ds-border-input, ${DN200})`,
-    borderDisabled: `var(--ds-background-disabled, ${DN10})`,
+    borderDisabled: `var(--ds-border-disabled, ${DN10})`,
     borderFocus: `var(--ds-border-focused, ${B75})`
@@ -36,0 +36,0 @@ }

dist/es2019/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.4.5",
+	"version": "5.4.6",
 	"sideEffects": false
 }

dist/esm/radio.js

@@ -15,3 +15,3 @@ import _extends from "@babel/runtime/helpers/extends";
 var packageName = "@atlaskit/radio";
-var packageVersion = "5.4.5";
+var packageVersion = "5.4.6";
 var fontFamily = getFontFamily();
@@ -128,6 +128,2 @@ var noop = __noop;
     '--radio-dot-color': 'var(--local-dot-disabled)'
-  },
-  '&:checked:disabled': {
-    '--radio-border-color': 'transparent' // TODO: Investigate token solution
-
   }
@@ -134,0 +130,0 @@ });

dist/esm/styles.js

@@ -10,9 +10,9 @@ import { B100, B200, B300, B400, B50, B75, DN10, DN200, DN30, DN80, DN90, N10, N20, N30, N40, N70, R300 } from '@atlaskit/theme/colors';
     backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(B50, ")"),
-    backgroundDisabled: "var(--ds-background-input, ".concat(N20, ")"),
-    dotChecked: "var(--ds-text-inverse, ".concat(N10, ")"),
-    dotDisabled: "var(--ds-text-disabled, ".concat(N70, ")"),
-    dotActive: "var(--ds-text-inverse, ".concat(B400, ")"),
+    backgroundDisabled: "var(--ds-background-disabled, ".concat(N20, ")"),
+    dotChecked: "var(--ds-icon-inverse, ".concat(N10, ")"),
+    dotDisabled: "var(--ds-icon-disabled, ".concat(N70, ")"),
+    dotActive: "var(--ds-icon-inverse, ".concat(B400, ")"),
     border: "var(--ds-border-input, ".concat(N40, ")"),
     borderHover: "var(--ds-border-input, ".concat(N40, ")"),
-    borderDisabled: "var(--ds-background-disabled, ".concat(N20, ")"),
+    borderDisabled: "var(--ds-border-disabled, ".concat(N20, ")"),
     borderFocus: "var(--ds-border-focused, ".concat(B100, ")")
@@ -27,9 +27,9 @@ },
     backgroundCheckedActive: "var(--ds-background-brand-bold-pressed, ".concat(B200, ")"),
-    backgroundDisabled: "var(--ds-background-input, ".concat(DN10, ")"),
-    dotChecked: "var(--ds-text-inverse, ".concat(DN10, ")"),
-    dotDisabled: "var(--ds-text-disabled, ".concat(DN90, ")"),
-    dotActive: "var(--ds-text-inverse, ".concat(DN10, ")"),
+    backgroundDisabled: "var(--ds-background-disabled, ".concat(DN10, ")"),
+    dotChecked: "var(--ds-icon-inverse, ".concat(DN10, ")"),
+    dotDisabled: "var(--ds-icon-disabled, ".concat(DN90, ")"),
+    dotActive: "var(--ds-icon-inverse, ".concat(DN10, ")"),
     border: "var(--ds-border-input, ".concat(DN80, ")"),
     borderHover: "var(--ds-border-input, ".concat(DN200, ")"),
-    borderDisabled: "var(--ds-background-disabled, ".concat(DN10, ")"),
+    borderDisabled: "var(--ds-border-disabled, ".concat(DN10, ")"),
     borderFocus: "var(--ds-border-focused, ".concat(B75, ")")
@@ -36,0 +36,0 @@ }

dist/esm/version.json

 {
 	"name": "@atlaskit/radio",
-	"version": "5.4.5",
+	"version": "5.4.6",
 	"sideEffects": false
 }

dist/types/styles.d.ts

@@ -8,12 +8,12 @@ import { ThemeModes } from '@atlaskit/theme/types';
     '--local-background-checked-hover': "var(--ds-background-brand-bold-hovered)";
-    '--local-background-disabled': "var(--ds-background-input)";
+    '--local-background-disabled': "var(--ds-background-disabled)";
     '--local-background-hover': "var(--ds-background-input-hovered)";
     '--local-border': "var(--ds-border-input)";
-    '--local-border-disabled': "var(--ds-background-disabled)";
+    '--local-border-disabled': "var(--ds-border-disabled)";
     '--local-border-hover': "var(--ds-border-input)";
     '--local-border-focus': "var(--ds-border-focused)";
-    '--local-dot-active': "var(--ds-text-inverse)";
-    '--local-dot-checked': "var(--ds-text-inverse)";
-    '--local-dot-disabled': "var(--ds-text-disabled)";
+    '--local-dot-active': "var(--ds-icon-inverse)";
+    '--local-dot-checked': "var(--ds-icon-inverse)";
+    '--local-dot-disabled': "var(--ds-icon-disabled)";
     '--local-invalid': "var(--ds-icon-danger)";
 };

package.json

 {
   "name": "@atlaskit/radio",
-  "version": "5.4.5",
+  "version": "5.4.6",
   "description": "A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.",
@@ -5,0 +5,0 @@ "publishConfig": {

report.api.md

@@ -1,2 +0,2 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
@@ -47,6 +47,24 @@ ## API Report File for "@atlaskit/radio"
       Omit<
-        InputHTMLAttributes<HTMLInputElement>,
-        'aria-label' | 'checked' | 'disabled' | 'required' | 'value'
-      >,
-      keyof {
+        Omit<
+          InputHTMLAttributes<HTMLInputElement>,
+          'aria-label' | 'checked' | 'disabled' | 'required' | 'value'
+        >,
+        keyof {
+          ariaLabel?: string | undefined;
+          isDisabled?: boolean | undefined;
+          isRequired?: boolean | undefined;
+          isInvalid?: boolean | undefined;
+          isChecked?: boolean | undefined;
+          label?: ReactNode;
+          onChange?:
+            | ((
+                e: ChangeEvent<HTMLInputElement>,
+                analyticsEvent: UIAnalyticsEvent,
+              ) => void)
+            | undefined;
+          value?: string | undefined;
+          testId?: string | undefined;
+          analyticsContext?: Record<string, any> | undefined;
+        }
+      > & {
         ariaLabel?: string | undefined;
@@ -67,319 +85,303 @@ isDisabled?: boolean | undefined;
         analyticsContext?: Record<string, any> | undefined;
-      }
-    > & {
-      ariaLabel?: string | undefined;
-      isDisabled?: boolean | undefined;
-      isRequired?: boolean | undefined;
-      isInvalid?: boolean | undefined;
-      isChecked?: boolean | undefined;
-      label?: ReactNode;
-      onChange?:
-        | ((
-            e: ChangeEvent<HTMLInputElement>,
-            analyticsEvent: UIAnalyticsEvent,
-          ) => void)
-        | undefined;
-      value?: string | undefined;
-      testId?: string | undefined;
-      analyticsContext?: Record<string, any> | undefined;
-    } & WithAnalyticsEventsProps,
-    | 'about'
-    | 'accept'
-    | 'accessKey'
-    | 'alt'
-    | 'aria-activedescendant'
-    | 'aria-atomic'
-    | 'aria-autocomplete'
-    | 'aria-busy'
-    | 'aria-checked'
-    | 'aria-colcount'
-    | 'aria-colindex'
-    | 'aria-colspan'
-    | 'aria-controls'
-    | 'aria-current'
-    | 'aria-describedby'
-    | 'aria-details'
-    | 'aria-disabled'
-    | 'aria-dropeffect'
-    | 'aria-errormessage'
-    | 'aria-expanded'
-    | 'aria-flowto'
-    | 'aria-grabbed'
-    | 'aria-haspopup'
-    | 'aria-hidden'
-    | 'aria-invalid'
-    | 'aria-keyshortcuts'
-    | 'aria-labelledby'
-    | 'aria-level'
-    | 'aria-live'
-    | 'aria-modal'
-    | 'aria-multiline'
-    | 'aria-multiselectable'
-    | 'aria-orientation'
-    | 'aria-owns'
-    | 'aria-placeholder'
-    | 'aria-posinset'
-    | 'aria-pressed'
-    | 'aria-readonly'
-    | 'aria-relevant'
-    | 'aria-required'
-    | 'aria-roledescription'
-    | 'aria-rowcount'
-    | 'aria-rowindex'
-    | 'aria-rowspan'
-    | 'aria-selected'
-    | 'aria-setsize'
-    | 'aria-sort'
-    | 'aria-valuemax'
-    | 'aria-valuemin'
-    | 'aria-valuenow'
-    | 'aria-valuetext'
-    | 'autoCapitalize'
-    | 'autoComplete'
-    | 'autoCorrect'
-    | 'autoFocus'
-    | 'autoSave'
-    | 'capture'
-    | 'children'
-    | 'className'
-    | 'color'
-    | 'contentEditable'
-    | 'contextMenu'
-    | 'createAnalyticsEvent'
-    | 'crossOrigin'
-    | 'dangerouslySetInnerHTML'
-    | 'datatype'
-    | 'defaultChecked'
-    | 'defaultValue'
-    | 'dir'
-    | 'draggable'
-    | 'form'
-    | 'formAction'
-    | 'formEncType'
-    | 'formMethod'
-    | 'formNoValidate'
-    | 'formTarget'
-    | 'height'
-    | 'hidden'
-    | 'id'
-    | 'inlist'
-    | 'inputMode'
-    | 'is'
-    | 'itemID'
-    | 'itemProp'
-    | 'itemRef'
-    | 'itemScope'
-    | 'itemType'
-    | 'lang'
-    | 'list'
-    | 'max'
-    | 'maxLength'
-    | 'min'
-    | 'minLength'
-    | 'multiple'
-    | 'name'
-    | 'onAbort'
-    | 'onAbortCapture'
-    | 'onAnimationEnd'
-    | 'onAnimationEndCapture'
-    | 'onAnimationIteration'
-    | 'onAnimationIterationCapture'
-    | 'onAnimationStart'
-    | 'onAnimationStartCapture'
-    | 'onAuxClick'
-    | 'onAuxClickCapture'
-    | 'onBeforeInput'
-    | 'onBeforeInputCapture'
-    | 'onBlur'
-    | 'onBlurCapture'
-    | 'onCanPlay'
-    | 'onCanPlayCapture'
-    | 'onCanPlayThrough'
-    | 'onCanPlayThroughCapture'
-    | 'onChangeCapture'
-    | 'onClick'
-    | 'onClickCapture'
-    | 'onCompositionEnd'
-    | 'onCompositionEndCapture'
-    | 'onCompositionStart'
-    | 'onCompositionStartCapture'
-    | 'onCompositionUpdate'
-    | 'onCompositionUpdateCapture'
-    | 'onContextMenu'
-    | 'onContextMenuCapture'
-    | 'onCopy'
-    | 'onCopyCapture'
-    | 'onCut'
-    | 'onCutCapture'
-    | 'onDoubleClick'
-    | 'onDoubleClickCapture'
-    | 'onDrag'
-    | 'onDragCapture'
-    | 'onDragEnd'
-    | 'onDragEndCapture'
-    | 'onDragEnter'
-    | 'onDragEnterCapture'
-    | 'onDragExit'
-    | 'onDragExitCapture'
-    | 'onDragLeave'
-    | 'onDragLeaveCapture'
-    | 'onDragOver'
-    | 'onDragOverCapture'
-    | 'onDragStart'
-    | 'onDragStartCapture'
-    | 'onDrop'
-    | 'onDropCapture'
-    | 'onDurationChange'
-    | 'onDurationChangeCapture'
-    | 'onEmptied'
-    | 'onEmptiedCapture'
-    | 'onEncrypted'
-    | 'onEncryptedCapture'
-    | 'onEnded'
-    | 'onEndedCapture'
-    | 'onError'
-    | 'onErrorCapture'
-    | 'onFocus'
-    | 'onFocusCapture'
-    | 'onGotPointerCapture'
-    | 'onGotPointerCaptureCapture'
-    | 'onInput'
-    | 'onInputCapture'
-    | 'onInvalid'
-    | 'onInvalidCapture'
-    | 'onKeyDown'
-    | 'onKeyDownCapture'
-    | 'onKeyPress'
-    | 'onKeyPressCapture'
-    | 'onKeyUp'
-    | 'onKeyUpCapture'
-    | 'onLoad'
-    | 'onLoadCapture'
-    | 'onLoadStart'
-    | 'onLoadStartCapture'
-    | 'onLoadedData'
-    | 'onLoadedDataCapture'
-    | 'onLoadedMetadata'
-    | 'onLoadedMetadataCapture'
-    | 'onLostPointerCapture'
-    | 'onLostPointerCaptureCapture'
-    | 'onMouseDown'
-    | 'onMouseDownCapture'
-    | 'onMouseEnter'
-    | 'onMouseLeave'
-    | 'onMouseMove'
-    | 'onMouseMoveCapture'
-    | 'onMouseOut'
-    | 'onMouseOutCapture'
-    | 'onMouseOver'
-    | 'onMouseOverCapture'
-    | 'onMouseUp'
-    | 'onMouseUpCapture'
-    | 'onPaste'
-    | 'onPasteCapture'
-    | 'onPause'
-    | 'onPauseCapture'
-    | 'onPlay'
-    | 'onPlayCapture'
-    | 'onPlaying'
-    | 'onPlayingCapture'
-    | 'onPointerCancel'
-    | 'onPointerCancelCapture'
-    | 'onPointerDown'
-    | 'onPointerDownCapture'
-    | 'onPointerEnter'
-    | 'onPointerEnterCapture'
-    | 'onPointerLeave'
-    | 'onPointerLeaveCapture'
-    | 'onPointerMove'
-    | 'onPointerMoveCapture'
-    | 'onPointerOut'
-    | 'onPointerOutCapture'
-    | 'onPointerOver'
-    | 'onPointerOverCapture'
-    | 'onPointerUp'
-    | 'onPointerUpCapture'
-    | 'onProgress'
-    | 'onProgressCapture'
-    | 'onRateChange'
-    | 'onRateChangeCapture'
-    | 'onReset'
-    | 'onResetCapture'
-    | 'onScroll'
-    | 'onScrollCapture'
-    | 'onSeeked'
-    | 'onSeekedCapture'
-    | 'onSeeking'
-    | 'onSeekingCapture'
-    | 'onSelect'
-    | 'onSelectCapture'
-    | 'onStalled'
-    | 'onStalledCapture'
-    | 'onSubmit'
-    | 'onSubmitCapture'
-    | 'onSuspend'
-    | 'onSuspendCapture'
-    | 'onTimeUpdate'
-    | 'onTimeUpdateCapture'
-    | 'onTouchCancel'
-    | 'onTouchCancelCapture'
-    | 'onTouchEnd'
-    | 'onTouchEndCapture'
-    | 'onTouchMove'
-    | 'onTouchMoveCapture'
-    | 'onTouchStart'
-    | 'onTouchStartCapture'
-    | 'onTransitionEnd'
-    | 'onTransitionEndCapture'
-    | 'onVolumeChange'
-    | 'onVolumeChangeCapture'
-    | 'onWaiting'
-    | 'onWaitingCapture'
-    | 'onWheel'
-    | 'onWheelCapture'
-    | 'pattern'
-    | 'placeholder'
-    | 'prefix'
-    | 'property'
-    | 'radioGroup'
-    | 'readOnly'
-    | 'resource'
-    | 'results'
-    | 'role'
-    | 'security'
-    | 'size'
-    | 'slot'
-    | 'spellCheck'
-    | 'src'
-    | 'step'
-    | 'style'
-    | 'suppressContentEditableWarning'
-    | 'suppressHydrationWarning'
-    | 'tabIndex'
-    | 'title'
-    | 'type'
-    | 'typeof'
-    | 'unselectable'
-    | 'vocab'
-    | 'width'
-    | keyof {
-        ariaLabel?: string | undefined;
-        isDisabled?: boolean | undefined;
-        isRequired?: boolean | undefined;
-        isInvalid?: boolean | undefined;
-        isChecked?: boolean | undefined;
-        label?: ReactNode;
-        onChange?:
-          | ((
-              e: ChangeEvent<HTMLInputElement>,
-              analyticsEvent: UIAnalyticsEvent,
-            ) => void)
-          | undefined;
-        value?: string | undefined;
-        testId?: string | undefined;
-        analyticsContext?: Record<string, any> | undefined;
-      }
-  > &
-    RefAttributes<HTMLInputElement>
->>;
+      } & WithAnalyticsEventsProps,
+      | 'about'
+      | 'accept'
+      | 'accessKey'
+      | 'alt'
+      | 'aria-activedescendant'
+      | 'aria-atomic'
+      | 'aria-autocomplete'
+      | 'aria-busy'
+      | 'aria-checked'
+      | 'aria-colcount'
+      | 'aria-colindex'
+      | 'aria-colspan'
+      | 'aria-controls'
+      | 'aria-current'
+      | 'aria-describedby'
+      | 'aria-details'
+      | 'aria-disabled'
+      | 'aria-dropeffect'
+      | 'aria-errormessage'
+      | 'aria-expanded'
+      | 'aria-flowto'
+      | 'aria-grabbed'
+      | 'aria-haspopup'
+      | 'aria-hidden'
+      | 'aria-invalid'
+      | 'aria-keyshortcuts'
+      | 'aria-labelledby'
+      | 'aria-level'
+      | 'aria-live'
+      | 'aria-modal'
+      | 'aria-multiline'
+      | 'aria-multiselectable'
+      | 'aria-orientation'
+      | 'aria-owns'
+      | 'aria-placeholder'
+      | 'aria-posinset'
+      | 'aria-pressed'
+      | 'aria-readonly'
+      | 'aria-relevant'
+      | 'aria-required'
+      | 'aria-roledescription'
+      | 'aria-rowcount'
+      | 'aria-rowindex'
+      | 'aria-rowspan'
+      | 'aria-selected'
+      | 'aria-setsize'
+      | 'aria-sort'
+      | 'aria-valuemax'
+      | 'aria-valuemin'
+      | 'aria-valuenow'
+      | 'aria-valuetext'
+      | 'autoCapitalize'
+      | 'autoComplete'
+      | 'autoCorrect'
+      | 'autoFocus'
+      | 'autoSave'
+      | 'capture'
+      | 'children'
+      | 'className'
+      | 'color'
+      | 'contentEditable'
+      | 'contextMenu'
+      | 'createAnalyticsEvent'
+      | 'crossOrigin'
+      | 'dangerouslySetInnerHTML'
+      | 'datatype'
+      | 'defaultChecked'
+      | 'defaultValue'
+      | 'dir'
+      | 'draggable'
+      | 'form'
+      | 'formAction'
+      | 'formEncType'
+      | 'formMethod'
+      | 'formNoValidate'
+      | 'formTarget'
+      | 'height'
+      | 'hidden'
+      | 'id'
+      | 'inlist'
+      | 'inputMode'
+      | 'is'
+      | 'itemID'
+      | 'itemProp'
+      | 'itemRef'
+      | 'itemScope'
+      | 'itemType'
+      | 'lang'
+      | 'list'
+      | 'max'
+      | 'maxLength'
+      | 'min'
+      | 'minLength'
+      | 'multiple'
+      | 'name'
+      | 'onAbort'
+      | 'onAbortCapture'
+      | 'onAnimationEnd'
+      | 'onAnimationEndCapture'
+      | 'onAnimationIteration'
+      | 'onAnimationIterationCapture'
+      | 'onAnimationStart'
+      | 'onAnimationStartCapture'
+      | 'onAuxClick'
+      | 'onAuxClickCapture'
+      | 'onBeforeInput'
+      | 'onBeforeInputCapture'
+      | 'onBlur'
+      | 'onBlurCapture'
+      | 'onCanPlay'
+      | 'onCanPlayCapture'
+      | 'onCanPlayThrough'
+      | 'onCanPlayThroughCapture'
+      | 'onChangeCapture'
+      | 'onClick'
+      | 'onClickCapture'
+      | 'onCompositionEnd'
+      | 'onCompositionEndCapture'
+      | 'onCompositionStart'
+      | 'onCompositionStartCapture'
+      | 'onCompositionUpdate'
+      | 'onCompositionUpdateCapture'
+      | 'onContextMenu'
+      | 'onContextMenuCapture'
+      | 'onCopy'
+      | 'onCopyCapture'
+      | 'onCut'
+      | 'onCutCapture'
+      | 'onDoubleClick'
+      | 'onDoubleClickCapture'
+      | 'onDrag'
+      | 'onDragCapture'
+      | 'onDragEnd'
+      | 'onDragEndCapture'
+      | 'onDragEnter'
+      | 'onDragEnterCapture'
+      | 'onDragExit'
+      | 'onDragExitCapture'
+      | 'onDragLeave'
+      | 'onDragLeaveCapture'
+      | 'onDragOver'
+      | 'onDragOverCapture'
+      | 'onDragStart'
+      | 'onDragStartCapture'
+      | 'onDrop'
+      | 'onDropCapture'
+      | 'onDurationChange'
+      | 'onDurationChangeCapture'
+      | 'onEmptied'
+      | 'onEmptiedCapture'
+      | 'onEncrypted'
+      | 'onEncryptedCapture'
+      | 'onEnded'
+      | 'onEndedCapture'
+      | 'onError'
+      | 'onErrorCapture'
+      | 'onFocus'
+      | 'onFocusCapture'
+      | 'onGotPointerCapture'
+      | 'onGotPointerCaptureCapture'
+      | 'onInput'
+      | 'onInputCapture'
+      | 'onInvalid'
+      | 'onInvalidCapture'
+      | 'onKeyDown'
+      | 'onKeyDownCapture'
+      | 'onKeyPress'
+      | 'onKeyPressCapture'
+      | 'onKeyUp'
+      | 'onKeyUpCapture'
+      | 'onLoad'
+      | 'onLoadCapture'
+      | 'onLoadStart'
+      | 'onLoadStartCapture'
+      | 'onLoadedData'
+      | 'onLoadedDataCapture'
+      | 'onLoadedMetadata'
+      | 'onLoadedMetadataCapture'
+      | 'onLostPointerCapture'
+      | 'onLostPointerCaptureCapture'
+      | 'onMouseDown'
+      | 'onMouseDownCapture'
+      | 'onMouseEnter'
+      | 'onMouseLeave'
+      | 'onMouseMove'
+      | 'onMouseMoveCapture'
+      | 'onMouseOut'
+      | 'onMouseOutCapture'
+      | 'onMouseOver'
+      | 'onMouseOverCapture'
+      | 'onMouseUp'
+      | 'onMouseUpCapture'
+      | 'onPaste'
+      | 'onPasteCapture'
+      | 'onPause'
+      | 'onPauseCapture'
+      | 'onPlay'
+      | 'onPlayCapture'
+      | 'onPlaying'
+      | 'onPlayingCapture'
+      | 'onPointerCancel'
+      | 'onPointerCancelCapture'
+      | 'onPointerDown'
+      | 'onPointerDownCapture'
+      | 'onPointerEnter'
+      | 'onPointerEnterCapture'
+      | 'onPointerLeave'
+      | 'onPointerLeaveCapture'
+      | 'onPointerMove'
+      | 'onPointerMoveCapture'
+      | 'onPointerOut'
+      | 'onPointerOutCapture'
+      | 'onPointerOver'
+      | 'onPointerOverCapture'
+      | 'onPointerUp'
+      | 'onPointerUpCapture'
+      | 'onProgress'
+      | 'onProgressCapture'
+      | 'onRateChange'
+      | 'onRateChangeCapture'
+      | 'onReset'
+      | 'onResetCapture'
+      | 'onScroll'
+      | 'onScrollCapture'
+      | 'onSeeked'
+      | 'onSeekedCapture'
+      | 'onSeeking'
+      | 'onSeekingCapture'
+      | 'onSelect'
+      | 'onSelectCapture'
+      | 'onStalled'
+      | 'onStalledCapture'
+      | 'onSubmit'
+      | 'onSubmitCapture'
+      | 'onSuspend'
+      | 'onSuspendCapture'
+      | 'onTimeUpdate'
+      | 'onTimeUpdateCapture'
+      | 'onTouchCancel'
+      | 'onTouchCancelCapture'
+      | 'onTouchEnd'
+      | 'onTouchEndCapture'
+      | 'onTouchMove'
+      | 'onTouchMoveCapture'
+      | 'onTouchStart'
+      | 'onTouchStartCapture'
+      | 'onTransitionEnd'
+      | 'onTransitionEndCapture'
+      | 'onVolumeChange'
+      | 'onVolumeChangeCapture'
+      | 'onWaiting'
+      | 'onWaitingCapture'
+      | 'onWheel'
+      | 'onWheelCapture'
+      | 'pattern'
+      | 'placeholder'
+      | 'prefix'
+      | 'property'
+      | 'radioGroup'
+      | 'readOnly'
+      | 'resource'
+      | 'results'
+      | 'role'
+      | 'security'
+      | 'size'
+      | 'slot'
+      | 'spellCheck'
+      | 'src'
+      | 'step'
+      | 'style'
+      | 'suppressContentEditableWarning'
+      | 'suppressHydrationWarning'
+      | 'tabIndex'
+      | 'title'
+      | 'type'
+      | 'typeof'
+      | 'unselectable'
+      | 'vocab'
+      | 'width'
+      | keyof {
+          ariaLabel?: string | undefined;
+          isDisabled?: boolean | undefined;
+          isRequired?: boolean | undefined;
+          isInvalid?: boolean | undefined;
+          isChecked?: boolean | undefined;
+          label?: ReactNode;
+          onChange?:
+            | ((
+                e: ChangeEvent<HTMLInputElement>,
+                analyticsEvent: UIAnalyticsEvent,
+              ) => void)
+            | undefined;
+          value?: string | undefined;
+          testId?: string | undefined;
+          analyticsContext?: Record<string, any> | undefined;
+        }
+    > &
+      RefAttributes<HTMLInputElement>
+  >
+>;
 
@@ -386,0 +388,0 @@ // @public (undocumented)

No alert changes

Improved metrics

Total package byte prevSize

104464

increased by0.73%

Worsened metrics

Lines of code

1329

decreased by-0.67%

No dependency changes