@instructure/ui-form-field 11.7.3-snapshot-37 → 11.7.3-snapshot-39
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.
- package/CHANGELOG.md +1 -1
- package/package.json +14 -14
- package/src/FormFieldGroup/v1/README.md +20 -0
- package/src/FormFieldGroup/v2/README.md +20 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
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
|
-
## [11.7.3-snapshot-
|
|
6
|
+
## [11.7.3-snapshot-39](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-39) (2026-05-07)
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### Bug Fixes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-form-field",
|
|
3
|
-
"version": "11.7.3-snapshot-
|
|
3
|
+
"version": "11.7.3-snapshot-39",
|
|
4
4
|
"description": "Form layout components.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -15,24 +15,24 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.2",
|
|
18
|
-
"@instructure/
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/shared-types": "11.7.3-snapshot-
|
|
21
|
-
"@instructure/ui-a11y-
|
|
22
|
-
"@instructure/ui-a11y-
|
|
23
|
-
"@instructure/ui-grid": "11.7.3-snapshot-
|
|
24
|
-
"@instructure/ui-icons": "11.7.3-snapshot-
|
|
25
|
-
"@instructure/ui-react-utils": "11.7.3-snapshot-
|
|
26
|
-
"@instructure/ui-
|
|
27
|
-
"@instructure/
|
|
28
|
-
"@instructure/
|
|
18
|
+
"@instructure/console": "11.7.3-snapshot-39",
|
|
19
|
+
"@instructure/emotion": "11.7.3-snapshot-39",
|
|
20
|
+
"@instructure/shared-types": "11.7.3-snapshot-39",
|
|
21
|
+
"@instructure/ui-a11y-utils": "11.7.3-snapshot-39",
|
|
22
|
+
"@instructure/ui-a11y-content": "11.7.3-snapshot-39",
|
|
23
|
+
"@instructure/ui-grid": "11.7.3-snapshot-39",
|
|
24
|
+
"@instructure/ui-icons": "11.7.3-snapshot-39",
|
|
25
|
+
"@instructure/ui-react-utils": "11.7.3-snapshot-39",
|
|
26
|
+
"@instructure/ui-themes": "11.7.3-snapshot-39",
|
|
27
|
+
"@instructure/uid": "11.7.3-snapshot-39",
|
|
28
|
+
"@instructure/ui-utils": "11.7.3-snapshot-39"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@testing-library/jest-dom": "^6.6.3",
|
|
32
32
|
"@testing-library/react": "15.0.7",
|
|
33
33
|
"vitest": "^3.2.2",
|
|
34
|
-
"@instructure/ui-
|
|
35
|
-
"@instructure/ui-
|
|
34
|
+
"@instructure/ui-babel-preset": "11.7.3-snapshot-39",
|
|
35
|
+
"@instructure/ui-axe-check": "11.7.3-snapshot-39"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"react": ">=18 <=19"
|
|
@@ -100,6 +100,26 @@ type: example
|
|
|
100
100
|
</FormFieldGroup>
|
|
101
101
|
```
|
|
102
102
|
|
|
103
|
+
### Required Fields
|
|
104
|
+
|
|
105
|
+
Whenever a `FormFieldGroup` contains required fields, you must include a note explaining what the asterisk means — typically "Fields marked with an asterisk (\*) are required."
|
|
106
|
+
|
|
107
|
+
```js
|
|
108
|
+
---
|
|
109
|
+
type: example
|
|
110
|
+
---
|
|
111
|
+
<FormFieldGroup
|
|
112
|
+
description="Contact Information"
|
|
113
|
+
rowSpacing="small"
|
|
114
|
+
layout="stacked"
|
|
115
|
+
>
|
|
116
|
+
<Text>Fields marked with an asterisk <span aria-hidden="true">(*)</span> are required.</Text>
|
|
117
|
+
<TextInput renderLabel="Full Name" isRequired />
|
|
118
|
+
<TextInput renderLabel="Email Address" isRequired />
|
|
119
|
+
<TextInput renderLabel="Phone Number" />
|
|
120
|
+
</FormFieldGroup>
|
|
121
|
+
```
|
|
122
|
+
|
|
103
123
|
### Guidelines
|
|
104
124
|
|
|
105
125
|
```js
|
|
@@ -100,6 +100,26 @@ type: example
|
|
|
100
100
|
</FormFieldGroup>
|
|
101
101
|
```
|
|
102
102
|
|
|
103
|
+
### Required Fields
|
|
104
|
+
|
|
105
|
+
Whenever a `FormFieldGroup` contains required fields, you must include a note explaining what the asterisk means — typically "Fields marked with an asterisk (\*) are required."
|
|
106
|
+
|
|
107
|
+
```js
|
|
108
|
+
---
|
|
109
|
+
type: example
|
|
110
|
+
---
|
|
111
|
+
<FormFieldGroup
|
|
112
|
+
description="Contact Information"
|
|
113
|
+
rowSpacing="small"
|
|
114
|
+
layout="stacked"
|
|
115
|
+
>
|
|
116
|
+
<Text>Fields marked with an asterisk <span aria-hidden="true">(*)</span> are required.</Text>
|
|
117
|
+
<TextInput renderLabel="Full Name" isRequired />
|
|
118
|
+
<TextInput renderLabel="Email Address" isRequired />
|
|
119
|
+
<TextInput renderLabel="Phone Number" />
|
|
120
|
+
</FormFieldGroup>
|
|
121
|
+
```
|
|
122
|
+
|
|
103
123
|
### Guidelines
|
|
104
124
|
|
|
105
125
|
```js
|