@instructure/ui-text-input 9.3.1-snapshot-4 → 9.3.1-snapshot-5

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 (7) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/TextInput/styles.js +5 -0
  3. package/lib/TextInput/styles.js +5 -0
  4. package/package.json +15 -15
  5. package/src/TextInput/styles.ts +5 -0
  6. package/tsconfig.build.tsbuildinfo +1 -1
  7. package/types/TextInput/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.3.1-snapshot-4](https://github.com/instructure/instructure-ui/compare/v9.3.0...v9.3.1-snapshot-4) (2024-07-25)
6
+ ## [9.3.1-snapshot-5](https://github.com/instructure/instructure-ui/compare/v9.3.0...v9.3.1-snapshot-5) (2024-07-25)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-text-input
8
+
9
+ ### Features
10
+
11
+ * **ui-date-input,ui-text-input:** add custom validation function and fix small layout issue ([77218be](https://github.com/instructure/instructure-ui/commit/77218be635611c1c674cc6c85d4dceaa76509117))
9
12
 
10
13
 
11
14
 
package/es/TextInput/styles.js CHANGED
@@ -191,6 +191,11 @@ const generateStyle = (componentTheme, props, state) => {
191
191
  ...flexBase
192
192
  },
193
193
  afterElement: {
194
+ // TODO this is added for the case when there is an IconButton inside a TextInput (like in the DateInput2 component)
195
+ // and the button size makes the whole input 2px larger (because of the borders)
196
+ // this is not the best solution and in the long term we should work with the design team to figure out how to handle such cases
197
+ marginTop: '-1px',
198
+ marginBottom: '-1px',
194
199
  label: 'textInput__afterElement',
195
200
  ...flexItemBase,
196
201
  paddingInlineEnd: componentTheme.padding,
package/lib/TextInput/styles.js CHANGED
@@ -197,6 +197,11 @@ const generateStyle = (componentTheme, props, state) => {
197
197
  ...flexBase
198
198
  },
199
199
  afterElement: {
200
+ // TODO this is added for the case when there is an IconButton inside a TextInput (like in the DateInput2 component)
201
+ // and the button size makes the whole input 2px larger (because of the borders)
202
+ // this is not the best solution and in the long term we should work with the design team to figure out how to handle such cases
203
+ marginTop: '-1px',
204
+ marginBottom: '-1px',
200
205
  label: 'textInput__afterElement',
201
206
  ...flexItemBase,
202
207
  paddingInlineEnd: componentTheme.padding,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-text-input",
3
- "version": "9.3.1-snapshot-4",
3
+ "version": "9.3.1-snapshot-5",
4
4
  "description": "A styled HTML text input component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,24 +23,24 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "9.3.1-snapshot-4",
27
- "@instructure/ui-badge": "9.3.1-snapshot-4",
28
- "@instructure/ui-color-utils": "9.3.1-snapshot-4",
29
- "@instructure/ui-test-utils": "9.3.1-snapshot-4",
30
- "@instructure/ui-themes": "9.3.1-snapshot-4",
26
+ "@instructure/ui-babel-preset": "9.3.1-snapshot-5",
27
+ "@instructure/ui-badge": "9.3.1-snapshot-5",
28
+ "@instructure/ui-color-utils": "9.3.1-snapshot-5",
29
+ "@instructure/ui-test-utils": "9.3.1-snapshot-5",
30
+ "@instructure/ui-themes": "9.3.1-snapshot-5",
31
31
  "react-dom": "^18.3.1"
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.24.5",
35
- "@instructure/emotion": "9.3.1-snapshot-4",
36
- "@instructure/shared-types": "9.3.1-snapshot-4",
37
- "@instructure/ui-dom-utils": "9.3.1-snapshot-4",
38
- "@instructure/ui-form-field": "9.3.1-snapshot-4",
39
- "@instructure/ui-icons": "9.3.1-snapshot-4",
40
- "@instructure/ui-prop-types": "9.3.1-snapshot-4",
41
- "@instructure/ui-react-utils": "9.3.1-snapshot-4",
42
- "@instructure/ui-tag": "9.3.1-snapshot-4",
43
- "@instructure/ui-testable": "9.3.1-snapshot-4",
35
+ "@instructure/emotion": "9.3.1-snapshot-5",
36
+ "@instructure/shared-types": "9.3.1-snapshot-5",
37
+ "@instructure/ui-dom-utils": "9.3.1-snapshot-5",
38
+ "@instructure/ui-form-field": "9.3.1-snapshot-5",
39
+ "@instructure/ui-icons": "9.3.1-snapshot-5",
40
+ "@instructure/ui-prop-types": "9.3.1-snapshot-5",
41
+ "@instructure/ui-react-utils": "9.3.1-snapshot-5",
42
+ "@instructure/ui-tag": "9.3.1-snapshot-5",
43
+ "@instructure/ui-testable": "9.3.1-snapshot-5",
44
44
  "prop-types": "^15.8.1"
45
45
  },
46
46
  "peerDependencies": {
package/src/TextInput/styles.ts CHANGED
@@ -220,6 +220,11 @@ const generateStyle = (
220
220
  ...flexBase
221
221
  },
222
222
  afterElement: {
223
+ // TODO this is added for the case when there is an IconButton inside a TextInput (like in the DateInput2 component)
224
+ // and the button size makes the whole input 2px larger (because of the borders)
225
+ // this is not the best solution and in the long term we should work with the design team to figure out how to handle such cases
226
+ marginTop: '-1px',
227
+ marginBottom: '-1px',
223
228
  label: 'textInput__afterElement',
224
229
  ...flexItemBase,
225
230
  paddingInlineEnd: componentTheme.padding,