@instructure/ui-number-input 9.1.1-snapshot-9 → 9.1.1-snapshot-14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/NumberInput/index.js +1 -1
  3. package/es/NumberInput/styles.js +10 -1
  4. package/lib/NumberInput/index.js +1 -1
  5. package/lib/NumberInput/styles.js +10 -1
  6. package/package.json +15 -15
  7. package/src/NumberInput/index.tsx +1 -1
  8. package/src/NumberInput/styles.ts +4 -1
  9. package/tsconfig.build.tsbuildinfo +1 -1
  10. package/types/NumberInput/styles.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,9 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [9.1.1-snapshot-9](https://github.com/instructure/instructure-ui/compare/v9.1.0...v9.1.1-snapshot-9) (2024-07-05)
6
+ ## [9.1.1-snapshot-14](https://github.com/instructure/instructure-ui/compare/v9.1.0...v9.1.1-snapshot-14) (2024-07-05)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-number-input
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-number-input,ui-pagination:** set numberinput type to number ([19f27f5](https://github.com/instructure/instructure-ui/commit/19f27f57470b4c9c5728009eae6b1fddcbb78695))
9
12
 
10
13
 
11
14
 
package/es/NumberInput/index.js CHANGED
@@ -194,7 +194,7 @@ let NumberInput = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle
194
194
  css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.input,
195
195
  "aria-invalid": this.invalid ? 'true' : void 0,
196
196
  id: this.id,
197
- type: "text",
197
+ type: "number",
198
198
  inputMode: this.props.inputMode,
199
199
  placeholder: placeholder,
200
200
  ref: this.handleInputRef,
package/es/NumberInput/styles.js CHANGED
@@ -159,7 +159,16 @@ const generateStyle = (componentTheme, props, state) => {
159
159
  label: 'numberInput_input',
160
160
  ...inputStyle,
161
161
  '&:is(input)[type]': inputStyle,
162
- '&:-webkit-any(input)[type]': inputStyle
162
+ '&:-webkit-any(input)[type]': inputStyle,
163
+ '&::-webkit-inner-spin-button': {
164
+ display: 'none'
165
+ },
166
+ '&::-webkit-outer-spin-button': {
167
+ display: 'none'
168
+ },
169
+ '&:is(input)[type="number"]': {
170
+ MozAppearance: 'textfield'
171
+ }
163
172
  }
164
173
  };
165
174
  };
package/lib/NumberInput/index.js CHANGED
@@ -206,7 +206,7 @@ let NumberInput = exports.NumberInput = (_dec = (0, _withDeterministicId.withDet
206
206
  css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.input,
207
207
  "aria-invalid": this.invalid ? 'true' : void 0,
208
208
  id: this.id,
209
- type: "text",
209
+ type: "number",
210
210
  inputMode: this.props.inputMode,
211
211
  placeholder: placeholder,
212
212
  ref: this.handleInputRef,
package/lib/NumberInput/styles.js CHANGED
@@ -165,7 +165,16 @@ const generateStyle = (componentTheme, props, state) => {
165
165
  label: 'numberInput_input',
166
166
  ...inputStyle,
167
167
  '&:is(input)[type]': inputStyle,
168
- '&:-webkit-any(input)[type]': inputStyle
168
+ '&:-webkit-any(input)[type]': inputStyle,
169
+ '&::-webkit-inner-spin-button': {
170
+ display: 'none'
171
+ },
172
+ '&::-webkit-outer-spin-button': {
173
+ display: 'none'
174
+ },
175
+ '&:is(input)[type="number"]': {
176
+ MozAppearance: 'textfield'
177
+ }
169
178
  }
170
179
  };
171
180
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-number-input",
3
- "version": "9.1.1-snapshot-9",
3
+ "version": "9.1.1-snapshot-14",
4
4
  "description": "A UI component library made by Instructure Inc.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "homepage": "https://instructure.github.io/instructure-ui/",
@@ -23,24 +23,24 @@
23
23
  "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"
24
24
  },
25
25
  "devDependencies": {
26
- "@instructure/ui-axe-check": "9.1.1-snapshot-9",
27
- "@instructure/ui-babel-preset": "9.1.1-snapshot-9",
28
- "@instructure/ui-scripts": "9.1.1-snapshot-9",
29
- "@instructure/ui-test-locator": "9.1.1-snapshot-9",
30
- "@instructure/ui-test-utils": "9.1.1-snapshot-9",
31
- "@instructure/ui-themes": "9.1.1-snapshot-9",
26
+ "@instructure/ui-axe-check": "9.1.1-snapshot-14",
27
+ "@instructure/ui-babel-preset": "9.1.1-snapshot-14",
28
+ "@instructure/ui-scripts": "9.1.1-snapshot-14",
29
+ "@instructure/ui-test-locator": "9.1.1-snapshot-14",
30
+ "@instructure/ui-test-utils": "9.1.1-snapshot-14",
31
+ "@instructure/ui-themes": "9.1.1-snapshot-14",
32
32
  "@testing-library/react": "^15.0.7"
33
33
  },
34
34
  "dependencies": {
35
35
  "@babel/runtime": "^7.24.5",
36
- "@instructure/emotion": "9.1.1-snapshot-9",
37
- "@instructure/shared-types": "9.1.1-snapshot-9",
38
- "@instructure/ui-form-field": "9.1.1-snapshot-9",
39
- "@instructure/ui-icons": "9.1.1-snapshot-9",
40
- "@instructure/ui-react-utils": "9.1.1-snapshot-9",
41
- "@instructure/ui-testable": "9.1.1-snapshot-9",
42
- "@instructure/ui-utils": "9.1.1-snapshot-9",
43
- "@instructure/uid": "9.1.1-snapshot-9",
36
+ "@instructure/emotion": "9.1.1-snapshot-14",
37
+ "@instructure/shared-types": "9.1.1-snapshot-14",
38
+ "@instructure/ui-form-field": "9.1.1-snapshot-14",
39
+ "@instructure/ui-icons": "9.1.1-snapshot-14",
40
+ "@instructure/ui-react-utils": "9.1.1-snapshot-14",
41
+ "@instructure/ui-testable": "9.1.1-snapshot-14",
42
+ "@instructure/ui-utils": "9.1.1-snapshot-14",
43
+ "@instructure/uid": "9.1.1-snapshot-14",
44
44
  "keycode": "^2.2.1",
45
45
  "prop-types": "^15.8.1"
46
46
  },
package/src/NumberInput/index.tsx CHANGED
@@ -258,7 +258,7 @@ class NumberInput extends Component<NumberInputProps, NumberInputState> {
258
258
  css={this.props.styles?.input}
259
259
  aria-invalid={this.invalid ? 'true' : undefined}
260
260
  id={this.id}
261
- type="text"
261
+ type="number"
262
262
  inputMode={this.props.inputMode}
263
263
  placeholder={placeholder}
264
264
  ref={this.handleInputRef}
package/src/NumberInput/styles.ts CHANGED
@@ -176,7 +176,10 @@ const generateStyle = (
176
176
  label: 'numberInput_input',
177
177
  ...inputStyle,
178
178
  '&:is(input)[type]': inputStyle,
179
- '&:-webkit-any(input)[type]': inputStyle
179
+ '&:-webkit-any(input)[type]': inputStyle,
180
+ '&::-webkit-inner-spin-button': { display: 'none' },
181
+ '&::-webkit-outer-spin-button': { display: 'none' },
182
+ '&:is(input)[type="number"]': { MozAppearance: 'textfield' }
180
183
  }
181
184
  }
182
185
  }