@elliemae/ds-stepper 2.2.0-next.4 → 2.2.0-next.8

package/cjs/Stepper.js

@@ -38,11 +38,12 @@ const DSStepper = props$1 => {
     visited
   } = propsWithDefaults;
   const stepsArray = React__default["default"].useMemo(() => new Array(steps).fill(1), [steps]);
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StepperWrapper, _objectSpread(_objectSpread(_objectSpread({
+  const globalAttributes = dsPropsHelpers.useGetGlobalAttributes(propsWithDefaults);
+  return /*#__PURE__*/jsxRuntime.jsx(styled.StepperWrapper, _objectSpread(_objectSpread({
     steps: steps,
     current: current,
     visited: visited
-  }, dsPropsHelpers.getAriaProps(props$1)), dsPropsHelpers.getDataProps(props$1)), {}, {
+  }, globalAttributes), {}, {
     children: stepsArray.map((item, index) => /*#__PURE__*/_jsx__default["default"](styled.Step // eslint-disable-next-line react/no-array-index-key
     , {
       active: current === index,

package/cjs/StepperButton.js

@@ -40,13 +40,15 @@ const DSStepperButton = props$1 => {
     onClick,
     innerRef
   } = propsWithDefaults;
-  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledButton, _objectSpread(_objectSpread(_objectSpread({
+  const globalAttributes = dsPropsHelpers.useGetGlobalAttributes(propsWithDefaults);
+  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledButton, _objectSpread(_objectSpread({
     disabled: disabled,
     onClick: onClick,
     innerRef: innerRef,
     buttonType: dsButton.BUTTON_TYPES.TEXT,
-    fontSize: fontSize
-  }, dsPropsHelpers.getAriaProps(props$1)), dsPropsHelpers.getDataProps(props$1)), {}, {
+    fontSize: fontSize,
+    "data-testid": "ds-stepper-btn"
+  }, globalAttributes), {}, {
     children: [chevron === 'left' ? _ChevronLeft || (_ChevronLeft = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronLeft, {})) : null, /*#__PURE__*/_jsx__default["default"](styled.Label, {
       value: label
     }), chevron === 'right' ? _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronRight, {})) : null]

package/cjs/props.js

@@ -2,9 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var lodash = require('lodash');
 var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const BUTTON_SIZES = {
   normal: 'normal',
   large: 'large'
@@ -14,27 +28,26 @@ const defaultProps = {
   current: undefined,
   visited: []
 };
-const dsStepperProps = {
+const dsStepperProps = _objectSpread({
   steps: reactDesc.PropTypes.number.description('Number of steps').isRequired,
   current: reactDesc.PropTypes.number.description('Index of active step'),
   visited: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number).description('Array of visited steps').isRequired
-};
+}, dsPropsHelpers.globalAttributesPropTypes);
 const defaultButtonProps = {
   chevron: undefined,
   fontSize: BUTTON_SIZES.normal,
   disabled: false,
   onClick: lodash.noop
 };
-const dsStepperButtonProps = {
+const dsStepperButtonProps = _objectSpread(_objectSpread({
   chevron: reactDesc.PropTypes.oneOf(['left', 'right', null]).description('Chevron icon position, if null/undefined no chevron will be shown').defaultValue(null),
   fontSize: reactDesc.PropTypes.oneOf(['normal', 'large']).description('Label size, used for marking last step').defaultValue('normal'),
-  label: reactDesc.PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired,
+  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.object, reactDesc.PropTypes.func]).description('Inner ref to button component.')
+}, dsPropsHelpers.globalAttributesPropTypes), {}, {
   disabled: reactDesc.PropTypes.bool.description('Adds disabled state.'),
   onClick: reactDesc.PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),
-  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.object, reactDesc.PropTypes.func]).description('Inner ref to button component.'),
-  'aria-': reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.bool]).description('accept all the aria-* props, MUST receive aria-label'),
-  'data-': reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.bool]).description('accept all the data-* props')
-};
+  label: reactDesc.PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired
+});
 
 exports.defaultButtonProps = defaultButtonProps;
 exports.defaultProps = defaultProps;

package/cjs/styled.js

@@ -12,7 +12,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const StepperWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-fgtqnq-0"
-})(["display:grid;align-items:flex-end;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs);
+})(["display:grid;align-items:center;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs);
 const Step = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-fgtqnq-1"
 })(["display:grid;border-radius:1px;height:", ";background:", ";"], props => props.active ? '5px' : '3px', props => props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE');

package/esm/Stepper.js

@@ -10,7 +10,7 @@ import 'core-js/modules/esnext.iterator.for-each.js';
 import React from 'react';
 import { uid } from 'uid';
 import { describe } from 'react-desc';
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, getAriaProps, getDataProps } from '@elliemae/ds-props-helpers';
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';
 import { dsStepperProps, defaultProps } from './props.js';
 import { StepperWrapper, Step } from './styled.js';
 import { jsx } from 'react/jsx-runtime';
@@ -28,11 +28,12 @@ const DSStepper = props => {
     visited
   } = propsWithDefaults;
   const stepsArray = React.useMemo(() => new Array(steps).fill(1), [steps]);
-  return /*#__PURE__*/jsx(StepperWrapper, _objectSpread(_objectSpread(_objectSpread({
+  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
+  return /*#__PURE__*/jsx(StepperWrapper, _objectSpread(_objectSpread({
     steps: steps,
     current: current,
     visited: visited
-  }, getAriaProps(props)), getDataProps(props)), {}, {
+  }, globalAttributes), {}, {
     children: stepsArray.map((item, index) => /*#__PURE__*/_jsx(Step // eslint-disable-next-line react/no-array-index-key
     , {
       active: current === index,

package/esm/StepperButton.js

@@ -7,7 +7,7 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { describe } from 'react-desc';
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, getAriaProps, getDataProps } from '@elliemae/ds-props-helpers';
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';
 import { BUTTON_TYPES } from '@elliemae/ds-button';
 import { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';
 import { dsStepperButtonProps, defaultButtonProps } from './props.js';
@@ -31,13 +31,15 @@ const DSStepperButton = props => {
     onClick,
     innerRef
   } = propsWithDefaults;
-  return /*#__PURE__*/jsxs(StyledButton, _objectSpread(_objectSpread(_objectSpread({
+  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
+  return /*#__PURE__*/jsxs(StyledButton, _objectSpread(_objectSpread({
     disabled: disabled,
     onClick: onClick,
     innerRef: innerRef,
     buttonType: BUTTON_TYPES.TEXT,
-    fontSize: fontSize
-  }, getAriaProps(props)), getDataProps(props)), {}, {
+    fontSize: fontSize,
+    "data-testid": "ds-stepper-btn"
+  }, globalAttributes), {}, {
     children: [chevron === 'left' ? _ChevronLeft || (_ChevronLeft = /*#__PURE__*/_jsx(ChevronLeft, {})) : null, /*#__PURE__*/_jsx(Label, {
       value: label
     }), chevron === 'right' ? _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx(ChevronRight, {})) : null]

package/esm/props.js

@@ -1,6 +1,16 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { noop } from 'lodash';
 import { PropTypes } from 'react-desc';
+import { globalAttributesPropTypes } from '@elliemae/ds-props-helpers';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const BUTTON_SIZES = {
   normal: 'normal',
   large: 'large'
@@ -10,26 +20,25 @@ const defaultProps = {
   current: undefined,
   visited: []
 };
-const dsStepperProps = {
+const dsStepperProps = _objectSpread({
   steps: PropTypes.number.description('Number of steps').isRequired,
   current: PropTypes.number.description('Index of active step'),
   visited: PropTypes.arrayOf(PropTypes.number).description('Array of visited steps').isRequired
-};
+}, globalAttributesPropTypes);
 const defaultButtonProps = {
   chevron: undefined,
   fontSize: BUTTON_SIZES.normal,
   disabled: false,
   onClick: noop
 };
-const dsStepperButtonProps = {
+const dsStepperButtonProps = _objectSpread(_objectSpread({
   chevron: PropTypes.oneOf(['left', 'right', null]).description('Chevron icon position, if null/undefined no chevron will be shown').defaultValue(null),
   fontSize: PropTypes.oneOf(['normal', 'large']).description('Label size, used for marking last step').defaultValue('normal'),
-  label: PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired,
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.')
+}, globalAttributesPropTypes), {}, {
   disabled: PropTypes.bool.description('Adds disabled state.'),
   onClick: PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),
-  'aria-': PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).description('accept all the aria-* props, MUST receive aria-label'),
-  'data-': PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).description('accept all the data-* props')
-};
+  label: PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired
+});
 
 export { defaultButtonProps, defaultProps, dsStepperButtonProps, dsStepperProps };

package/esm/styled.js

@@ -4,7 +4,7 @@ import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text'
 
 const StepperWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fgtqnq-0"
-})(["display:grid;align-items:flex-end;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs);
+})(["display:grid;align-items:center;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs);
 const Step = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fgtqnq-1"
 })(["display:grid;border-radius:1px;height:", ";background:", ";"], props => props.active ? '5px' : '3px', props => props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-stepper",
-  "version": "2.2.0-next.4",
+  "version": "2.2.0-next.8",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Stepper",
   "module": "./esm/index.js",
@@ -48,10 +48,10 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.0-next.4",
-    "@elliemae/ds-icons": "2.2.0-next.4",
-    "@elliemae/ds-props-helpers": "2.2.0-next.4",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0-next.4",
+    "@elliemae/ds-button": "2.2.0-next.8",
+    "@elliemae/ds-icons": "2.2.0-next.8",
+    "@elliemae/ds-props-helpers": "2.2.0-next.8",
+    "@elliemae/ds-truncated-tooltip-text": "2.2.0-next.8",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
   },

package/types/Stepper.d.ts

@@ -4,6 +4,367 @@ import { DSStepperInternalsT } from './props';
 declare const DSStepper: {
     (props: DSStepperInternalsT.StepperPropsT): JSX.Element;
     propTypes: {
+        'aria-*': any;
+        'on-*': any;
+        'data-*': any;
+        'all HTML attributes': any;
+        about: any;
+        accept: any;
+        acceptCharset: any;
+        accessKey: any;
+        action: any;
+        allowFullScreen: any;
+        allowTransparency: any;
+        alt: any;
+        'aria-activedescendant': any;
+        'aria-atomic': any;
+        'aria-autocomplete': any;
+        'aria-busy': any;
+        'aria-checked': any;
+        'aria-colcount': any;
+        'aria-colindex': any;
+        'aria-colspan': any;
+        'aria-controls': any;
+        'aria-current': any;
+        'aria-describedby': any;
+        'aria-details': any;
+        'aria-disabled': any;
+        'aria-dropeffect': any;
+        'aria-errormessage': any;
+        'aria-expanded': any;
+        'aria-flowto': any;
+        'aria-grabbed': any;
+        'aria-haspopup': any;
+        'aria-hidden': any;
+        'aria-invalid': any;
+        'aria-keyshortcuts': any;
+        'aria-label': any;
+        'aria-labelledby': any;
+        'aria-level': any;
+        'aria-live': any;
+        'aria-modal': any;
+        'aria-multiline': any;
+        'aria-multiselectable': any;
+        'aria-orientation': any;
+        'aria-owns': any;
+        'aria-placeholder': any;
+        'aria-posinset': any;
+        'aria-pressed': any;
+        'aria-readonly': any;
+        'aria-relevant': any;
+        'aria-required': any;
+        'aria-roledescription': any;
+        'aria-rowcount': any;
+        'aria-rowindex': any;
+        'aria-rowspan': any;
+        'aria-selected': any;
+        'aria-setsize': any;
+        'aria-sort': any;
+        'aria-valuemax': any;
+        'aria-valuemin': any;
+        'aria-valuenow': any;
+        'aria-valuetext': any;
+        as: any;
+        async: any;
+        autoCapitalize: any;
+        autoComplete: any;
+        autoCorrect: any;
+        autoFocus: any;
+        autoPlay: any;
+        autoSave: any;
+        capture: any;
+        cellPadding: any;
+        cellSpacing: any;
+        challenge: any;
+        charSet: any;
+        checked: any;
+        cite: any;
+        classID: any;
+        className: any;
+        color: any;
+        cols: any;
+        colSpan: any;
+        content: any;
+        contentEditable: any;
+        contextMenu: any;
+        controls: any;
+        coords: any;
+        crossOrigin: any;
+        data: any;
+        datatype: any;
+        dateTime: any;
+        default: any;
+        defaultChecked: any;
+        defaultValue: any;
+        defer: any;
+        dir: any;
+        disabled: any;
+        download: any;
+        draggable: any;
+        encType: any;
+        form: any;
+        formAction: any;
+        formEncType: any;
+        formMethod: any;
+        formNoValidate: any;
+        formTarget: any;
+        frameBorder: any;
+        headers: any;
+        height: any;
+        hidden: any;
+        high: any;
+        href: any;
+        hrefLang: any;
+        htmlFor: any;
+        httpEquiv: any;
+        id: any;
+        inlist: any;
+        inputMode: any;
+        integrity: any;
+        is: any;
+        itemID: any;
+        itemProp: any;
+        itemRef: any;
+        itemScope: any;
+        itemType: any;
+        keyParams: any;
+        keyType: any;
+        kind: any;
+        label: any;
+        lang: any;
+        list: any;
+        loop: any;
+        low: any;
+        manifest: any;
+        marginHeight: any;
+        marginWidth: any;
+        max: any;
+        maxLength: any;
+        media: any;
+        mediaGroup: any;
+        method: any;
+        min: any;
+        minLength: any;
+        multiple: any;
+        muted: any;
+        name: any;
+        nonce: any;
+        noValidate: any;
+        onAbort: any;
+        onAbortCapture: any;
+        onAnimationEnd: any;
+        onAnimationEndCapture: any;
+        onAnimationIteration: any;
+        onAnimationIterationCapture: any;
+        onAnimationStart: any;
+        onAnimationStartCapture: any;
+        onAuxClick: any;
+        onAuxClickCapture: any;
+        onBeforeInput: any;
+        onBeforeInputCapture: any;
+        onBlur: any;
+        onBlurCapture: any;
+        onCanPlay: any;
+        onCanPlayCapture: any;
+        onCanPlayThrough: any;
+        onCanPlayThroughCapture: any;
+        onChange: any;
+        onChangeCapture: any;
+        onClick: any;
+        onClickCapture: any;
+        onCompositionEnd: any;
+        onCompositionEndCapture: any;
+        onCompositionStart: any;
+        onCompositionStartCapture: any;
+        onCompositionUpdate: any;
+        onCompositionUpdateCapture: any;
+        onContextMenu: any;
+        onContextMenuCapture: any;
+        onCopy: any;
+        onCopyCapture: any;
+        onCut: any;
+        onCutCapture: any;
+        onDoubleClick: any;
+        onDoubleClickCapture: any;
+        onDrag: any;
+        onDragCapture: any;
+        onDragEnd: any;
+        onDragEndCapture: any;
+        onDragEnter: any;
+        onDragEnterCapture: any;
+        onDragExit: any;
+        onDragExitCapture: any;
+        onDragLeave: any;
+        onDragLeaveCapture: any;
+        onDragOver: any;
+        onDragOverCapture: any;
+        onDragStart: any;
+        onDragStartCapture: any;
+        onDrop: any;
+        onDropCapture: any;
+        onDurationChange: any;
+        onDurationChangeCapture: any;
+        onEmptied: any;
+        onEmptiedCapture: any;
+        onEncrypted: any;
+        onEncryptedCapture: any;
+        onEnded: any;
+        onEndedCapture: any;
+        onError: any;
+        onErrorCapture: any;
+        onFocus: any;
+        onFocusCapture: any;
+        onGotPointerCapture: any;
+        onGotPointerCaptureCapture: any;
+        onInput: any;
+        onInputCapture: any;
+        onInvalid: any;
+        onInvalidCapture: any;
+        onKeyDown: any;
+        onKeyDownCapture: any;
+        onKeyPress: any;
+        onKeyPressCapture: any;
+        onKeyUp: any;
+        onKeyUpCapture: any;
+        onLoad: any;
+        onLoadCapture: any;
+        onLoadedData: any;
+        onLoadedDataCapture: any;
+        onLoadedMetadata: any;
+        onLoadedMetadataCapture: any;
+        onLoadStart: any;
+        onLoadStartCapture: any;
+        onLostPointerCapture: any;
+        onLostPointerCaptureCapture: any;
+        onMouseDown: any;
+        onMouseDownCapture: any;
+        onMouseEnter: any;
+        onMouseLeave: any;
+        onMouseMove: any;
+        onMouseMoveCapture: any;
+        onMouseOut: any;
+        onMouseOutCapture: any;
+        onMouseOver: any;
+        onMouseOverCapture: any;
+        onMouseUp: any;
+        onMouseUpCapture: any;
+        onPaste: any;
+        onPasteCapture: any;
+        onPause: any;
+        onPauseCapture: any;
+        onPlay: any;
+        onPlayCapture: any;
+        onPlaying: any;
+        onPlayingCapture: any;
+        onPointerCancel: any;
+        onPointerCancelCapture: any;
+        onPointerDown: any;
+        onPointerDownCapture: any;
+        onPointerEnter: any;
+        onPointerEnterCapture: any;
+        onPointerLeave: any;
+        onPointerLeaveCapture: any;
+        onPointerMove: any;
+        onPointerMoveCapture: any;
+        onPointerOut: any;
+        onPointerOutCapture: any;
+        onPointerOver: any;
+        onPointerOverCapture: any;
+        onPointerUp: any;
+        onPointerUpCapture: any;
+        onProgress: any;
+        onProgressCapture: any;
+        onRateChange: any;
+        onRateChangeCapture: any;
+        onReset: any;
+        onResetCapture: any;
+        onScroll: any;
+        onScrollCapture: any;
+        onSeeked: any;
+        onSeekedCapture: any;
+        onSeeking: any;
+        onSeekingCapture: any;
+        onSelect: any;
+        onSelectCapture: any;
+        onStalled: any;
+        onStalledCapture: any;
+        onSubmit: any;
+        onSubmitCapture: any;
+        onSuspend: any;
+        onSuspendCapture: any;
+        onTimeUpdate: any;
+        onTimeUpdateCapture: any;
+        onTouchCancel: any;
+        onTouchCancelCapture: any;
+        onTouchEnd: any;
+        onTouchEndCapture: any;
+        onTouchMove: any;
+        onTouchMoveCapture: any;
+        onTouchStart: any;
+        onTouchStartCapture: any;
+        onTransitionEnd: any;
+        onTransitionEndCapture: any;
+        onVolumeChange: any;
+        onVolumeChangeCapture: any;
+        onWaiting: any;
+        onWaitingCapture: any;
+        onWheel: any;
+        onWheelCapture: any;
+        open: any;
+        optimum: any;
+        pattern: any;
+        placeholder: any;
+        playsInline: any;
+        poster: any;
+        prefix: any;
+        preload: any;
+        property: any;
+        radioGroup: any;
+        readOnly: any;
+        rel: any;
+        required: any;
+        resource: any;
+        results: any;
+        reversed: any;
+        role: any;
+        rows: any;
+        rowSpan: any;
+        sandbox: any;
+        scope: any;
+        scoped: any;
+        scrolling: any;
+        seamless: any;
+        security: any;
+        selected: any;
+        shape: any;
+        size: any;
+        sizes: any;
+        slot: any;
+        span: any;
+        spellCheck: any;
+        src: any;
+        srcDoc: any;
+        srcLang: any;
+        srcSet: any;
+        start: any;
+        step: any;
+        style: any;
+        summary: any;
+        suppressContentEditableWarning: any;
+        suppressHydrationWarning: any;
+        tabIndex: any;
+        target: any;
+        title: any;
+        translate: any;
+        type: any;
+        typeof: any;
+        unselectable: any;
+        useMap: any;
+        value: any;
+        vocab: any;
+        width: any;
+        wmode: any;
+        wrap: any;
         steps: import("react-desc").PropTypesDescValue;
         current: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -15,7 +376,7 @@ declare const DSStepper: {
     };
 };
 declare const StepperWithSchema: {
-    (props?: DSStepperInternalsT.StepperPropsT | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };