@instructure/ui-number-input 8.9.2-snapshot.1 → 8.9.2-snapshot.12

package/es/NumberInput/index.js

@@ -180,7 +180,7 @@ let NumberInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
           value = _this$props3.value,
           width = _this$props3.width;
     const interaction = this.interaction;
-    return jsx(FormField, Object.assign({}, pickProps(this.props, FormField.propTypes), {
+    return jsx(FormField, Object.assign({}, pickProps(this.props, FormField.allowedProps), {
       label: callRenderProp(renderLabel),
       inline: display === 'inline-block',
       id: this.id
@@ -191,9 +191,7 @@ let NumberInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
       } : void 0
     }, jsx("span", {
       css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.inputContainer
-    }, jsx("input", Object.assign({}, omitProps(this.props, { ...FormField.propTypes,
-      ...NumberInput.propTypes
-    }), {
+    }, jsx("input", Object.assign({}, omitProps(this.props, [...FormField.allowedProps, ...NumberInput.allowedProps]), {
       css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.input,
       "aria-invalid": this.invalid ? 'true' : void 0,
       id: this.id,

package/lib/NumberInput/index.js

@@ -182,7 +182,7 @@ let NumberInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
           value = _this$props3.value,
           width = _this$props3.width;
     const interaction = this.interaction;
-    return (0, _emotion.jsx)(_FormField.FormField, Object.assign({}, (0, _pickProps.pickProps)(this.props, _FormField.FormField.propTypes), {
+    return (0, _emotion.jsx)(_FormField.FormField, Object.assign({}, (0, _pickProps.pickProps)(this.props, _FormField.FormField.allowedProps), {
       label: (0, _callRenderProp.callRenderProp)(renderLabel),
       inline: display === 'inline-block',
       id: this.id
@@ -193,9 +193,7 @@ let NumberInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
       } : void 0
     }, (0, _emotion.jsx)("span", {
       css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.inputContainer
-    }, (0, _emotion.jsx)("input", Object.assign({}, (0, _omitProps.omitProps)(this.props, { ..._FormField.FormField.propTypes,
-      ...NumberInput.propTypes
-    }), {
+    }, (0, _emotion.jsx)("input", Object.assign({}, (0, _omitProps.omitProps)(this.props, [..._FormField.FormField.allowedProps, ...NumberInput.allowedProps]), {
       css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.input,
       "aria-invalid": this.invalid ? 'true' : void 0,
       id: this.id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-number-input",
-  "version": "8.9.2-snapshot.1+11d97b23e",
+  "version": "8.9.2-snapshot.12+6231ada93",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "homepage": "https://instructure.github.io/instructure-ui/",
@@ -24,21 +24,21 @@
     "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-test-locator": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-themes": "8.9.2-snapshot.1+11d97b23e"
+    "@instructure/ui-babel-preset": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-test-locator": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-test-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-themes": "8.9.2-snapshot.12+6231ada93"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/shared-types": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-form-field": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-icons": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-testable": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/uid": "8.9.2-snapshot.1+11d97b23e",
+    "@instructure/emotion": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/shared-types": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-form-field": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-icons": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-react-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-testable": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/uid": "8.9.2-snapshot.12+6231ada93",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -49,5 +49,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "11d97b23ea6f8360db54acd61c9caf51d787354b"
+  "gitHead": "6231ada93bd4299d640b5d39d7e44b0f54852b2a"
 }

package/src/NumberInput/index.tsx

@@ -239,7 +239,7 @@ class NumberInput extends Component<NumberInputProps, NumberInputState> {
 
     return (
       <FormField
-        {...pickProps(this.props, FormField.propTypes)}
+        {...pickProps(this.props, FormField.allowedProps)}
         label={callRenderProp(renderLabel)}
         inline={display === 'inline-block'}
         id={this.id}
@@ -250,10 +250,10 @@ class NumberInput extends Component<NumberInputProps, NumberInputState> {
         >
           <span css={this.props.styles?.inputContainer}>
             <input
-              {...omitProps(this.props, {
-                ...FormField.propTypes,
-                ...NumberInput.propTypes
-              })}
+              {...omitProps(this.props, [
+                ...FormField.allowedProps,
+                ...NumberInput.allowedProps
+              ])}
               css={this.props.styles?.input}
               aria-invalid={this.invalid ? 'true' : undefined}
               id={this.id}

package/src/NumberInput/props.ts

@@ -25,10 +25,13 @@ import PropTypes from 'prop-types'
 
 import { FormPropTypes } from '@instructure/ui-form-field'
 
-import type { PropValidators } from '@instructure/shared-types'
+import type {
+  PropValidators,
+  NumberInputTheme
+} from '@instructure/shared-types'
 import type { FormMessage } from '@instructure/ui-form-field'
 import type { InteractionType } from '@instructure/ui-react-utils'
-import type { WithStyleProps } from '@instructure/emotion'
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type NumberInputOwnProps = {
   renderLabel: React.ReactNode | ((...args: any[]) => any)
@@ -65,7 +68,17 @@ type PropKeys = keyof NumberInputOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type NumberInputProps = NumberInputOwnProps & WithStyleProps
+type NumberInputProps = NumberInputOwnProps &
+  WithStyleProps<NumberInputTheme, NumberInputStyle>
+
+type NumberInputStyle = ComponentStyle<
+  | 'numberInput'
+  | 'arrowContainer'
+  | 'arrow'
+  | 'inputWidth'
+  | 'inputContainer'
+  | 'input'
+>
 
 const propTypes: PropValidators<PropKeys> = {
   /**
@@ -179,5 +192,10 @@ const allowedProps: AllowedPropKeys = [
   'inputMode'
 ]
 
-export type { NumberInputProps, NumberInputState, NumberInputStyleProps }
+export type {
+  NumberInputProps,
+  NumberInputState,
+  NumberInputStyleProps,
+  NumberInputStyle
+}
 export { propTypes, allowedProps }

package/src/NumberInput/styles.ts

@@ -22,8 +22,12 @@
  * SOFTWARE.
  */
 
-import { NumberInputTheme } from '@instructure/shared-types'
-import { NumberInputProps, NumberInputStyleProps } from './props'
+import type { NumberInputTheme } from '@instructure/shared-types'
+import type {
+  NumberInputProps,
+  NumberInputStyleProps,
+  NumberInputStyle
+} from './props'
 
 /**
  * ---
@@ -39,7 +43,7 @@ const generateStyle = (
   componentTheme: NumberInputTheme,
   props: NumberInputProps,
   state: NumberInputStyleProps
-) => {
+): NumberInputStyle => {
   const { size } = props
   const { interaction, hasFocus, invalid } = state
 
@@ -64,11 +68,13 @@ const generateStyle = (
         borderColor: componentTheme.errorOutlineColor
       }
     : {}
+
   const invalidContainerStyles = invalid
     ? {
         borderColor: componentTheme.errorBorderColor
       }
     : {}
+
   return {
     numberInput: {
       label: 'numberInput'

package/types/NumberInput/props.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { PropValidators } from '@instructure/shared-types';
+import type { PropValidators, NumberInputTheme } from '@instructure/shared-types';
 import type { FormMessage } from '@instructure/ui-form-field';
 import type { InteractionType } from '@instructure/ui-react-utils';
-import type { WithStyleProps } from '@instructure/emotion';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type NumberInputOwnProps = {
     renderLabel: React.ReactNode | ((...args: any[]) => any);
     id?: string;
@@ -33,9 +33,10 @@ declare type NumberInputStyleProps = NumberInputState & {
 };
 declare type PropKeys = keyof NumberInputOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type NumberInputProps = NumberInputOwnProps & WithStyleProps;
+declare type NumberInputProps = NumberInputOwnProps & WithStyleProps<NumberInputTheme, NumberInputStyle>;
+declare type NumberInputStyle = ComponentStyle<'numberInput' | 'arrowContainer' | 'arrow' | 'inputWidth' | 'inputContainer' | 'input'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { NumberInputProps, NumberInputState, NumberInputStyleProps };
+export type { NumberInputProps, NumberInputState, NumberInputStyleProps, NumberInputStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/NumberInput/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/NumberInput/props.ts"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAChC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,KAAK,CAAA;CAC1C,CAAA;AAED,aAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,aAAK,qBAAqB,GAAG,gBAAgB,GAAG;IAC9C,WAAW,EAAE,eAAe,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GAAG,cAAc,CAAA;AAE5D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwFvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAoBnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,CAAA;AACzE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/NumberInput/props.ts"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EACjB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAChC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,KAAK,CAAA;CAC1C,CAAA;AAED,aAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,aAAK,qBAAqB,GAAG,gBAAgB,GAAG;IAC9C,WAAW,EAAE,eAAe,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;AAEpD,aAAK,gBAAgB,GAAG,cAAc,CAClC,aAAa,GACb,gBAAgB,GAChB,OAAO,GACP,YAAY,GACZ,gBAAgB,GAChB,OAAO,CACV,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwFvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAoBnB,CAAA;AAED,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EACjB,CAAA;AACD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/NumberInput/styles.d.ts

@@ -1,5 +1,5 @@
-import { NumberInputTheme } from '@instructure/shared-types';
-import { NumberInputProps, NumberInputStyleProps } from './props';
+import type { NumberInputTheme } from '@instructure/shared-types';
+import type { NumberInputProps, NumberInputStyleProps, NumberInputStyle } from './props';
 /**
  * ---
  * private: true
@@ -10,210 +10,6 @@ import { NumberInputProps, NumberInputStyleProps } from './props';
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: (componentTheme: NumberInputTheme, props: NumberInputProps, state: NumberInputStyleProps) => {
-    numberInput: {
-        label: string;
-    };
-    arrowContainer: {
-        cursor: string;
-        pointerEvents: string;
-        opacity: number;
-        label: string;
-        flex: string;
-        display: string;
-        flexDirection: string;
-    } | {
-        cursor?: undefined;
-        pointerEvents?: undefined;
-        opacity?: undefined;
-        label: string;
-        flex: string;
-        display: string;
-        flexDirection: string;
-    };
-    arrow: {
-        label: string;
-        cursor: string;
-        userSelect: string;
-        textAlign: string;
-        flex: number;
-        display: string;
-        justifyContent: string;
-        alignItems: string;
-        backgroundColor: string;
-        borderTop: string;
-        borderInlineEnd: string;
-        borderInlineStart: string;
-        borderBottom: string;
-        color: string;
-        '&:last-child': {
-            borderBottom: string;
-        };
-        '&:hover': {
-            backgroundColor: string;
-        };
-        '&:active': {
-            boxShadow: string;
-        };
-    };
-    inputWidth: {
-        label: string;
-        display: string;
-        position: string;
-        '&::before': {
-            borderColor: string;
-            opacity: number;
-            transform: string;
-            content: string;
-            pointerEvents: string;
-            boxSizing: string;
-            display: string;
-            position: string;
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-            border: string;
-            borderRadius: string;
-            transition: string;
-        } | {
-            borderColor?: undefined;
-            opacity: number;
-            transform: string;
-            content: string;
-            pointerEvents: string;
-            boxSizing: string;
-            display: string;
-            position: string;
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-            border: string;
-            borderRadius: string;
-            transition: string;
-        } | {
-            borderColor: string;
-            opacity: number;
-            transform: string;
-            content: string;
-            pointerEvents: string;
-            boxSizing: string;
-            display: string;
-            position: string;
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-            border: string;
-            borderRadius: string;
-            transition: string;
-        } | {
-            borderColor?: undefined;
-            opacity: number;
-            transform: string;
-            content: string;
-            pointerEvents: string;
-            boxSizing: string;
-            display: string;
-            position: string;
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-            border: string;
-            borderRadius: string;
-            transition: string;
-        };
-    };
-    inputContainer: {
-        fontSize: string | 0;
-        height: string;
-        borderColor: string;
-        cursor: string;
-        pointerEvents: string;
-        opacity: number;
-        label: string;
-        display: string;
-        margin: string;
-        boxSizing: string;
-        transition: string;
-        overflow: string;
-        fontFamily: string;
-        border: string;
-        borderRadius: string | 0;
-    } | {
-        fontSize: string | 0;
-        height: string;
-        borderColor?: undefined;
-        cursor: string;
-        pointerEvents: string;
-        opacity: number;
-        label: string;
-        display: string;
-        margin: string;
-        boxSizing: string;
-        transition: string;
-        overflow: string;
-        fontFamily: string;
-        border: string;
-        borderRadius: string | 0;
-    } | {
-        fontSize: string | 0;
-        height: string;
-        borderColor: string;
-        cursor?: undefined;
-        pointerEvents?: undefined;
-        opacity?: undefined;
-        label: string;
-        display: string;
-        margin: string;
-        boxSizing: string;
-        transition: string;
-        overflow: string;
-        fontFamily: string;
-        border: string;
-        borderRadius: string | 0;
-    } | {
-        fontSize: string | 0;
-        height: string;
-        borderColor?: undefined;
-        cursor?: undefined;
-        pointerEvents?: undefined;
-        opacity?: undefined;
-        label: string;
-        display: string;
-        margin: string;
-        boxSizing: string;
-        transition: string;
-        overflow: string;
-        fontFamily: string;
-        border: string;
-        borderRadius: string | 0;
-    };
-    input: {
-        label: string;
-        all: string;
-        textAlign: string;
-        direction: string;
-        WebkitFontSmoothing: string;
-        MozOsxFontSmoothing: string;
-        appearance: string;
-        lineHeight: number;
-        margin: string;
-        flex: number;
-        minWidth: string;
-        boxSizing: string;
-        fontFamily: string;
-        fontSize: string;
-        fontWeight: number;
-        color: string;
-        background: string;
-        padding: string | 0;
-        '&::placeholder': {
-            color: string;
-        };
-    };
-};
+declare const generateStyle: (componentTheme: NumberInputTheme, props: NumberInputProps, state: NumberInputStyleProps) => NumberInputStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/NumberInput/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/NumberInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,gBAAgB,SACzB,gBAAgB,SAChB,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgI7B,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/NumberInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EACV,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,gBAAgB,SACzB,gBAAgB,SAChB,qBAAqB,KAC3B,gBAiIF,CAAA;AAED,eAAe,aAAa,CAAA"}