@instructure/ui-form-field 11.7.6-snapshot-0 → 11.7.6-snapshot-12

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 (41) hide show
  1. package/CHANGELOG.md +6 -1
  2. package/es/FormFieldGroup/v2/props.js +1 -1
  3. package/lib/FormFieldGroup/v2/props.js +1 -1
  4. package/package.json +14 -14
  5. package/src/FormFieldGroup/v2/README.md +1 -0
  6. package/src/FormFieldGroup/v2/props.ts +12 -1
  7. package/tsconfig.build.tsbuildinfo +1 -1
  8. package/types/FormField/v1/index.d.ts.map +1 -1
  9. package/types/FormField/v2/index.d.ts.map +1 -1
  10. package/types/FormFieldGroup/v1/index.d.ts +5 -5
  11. package/types/FormFieldGroup/v1/index.d.ts.map +1 -1
  12. package/types/FormFieldGroup/v1/styles.d.ts.map +1 -1
  13. package/types/FormFieldGroup/v1/theme.d.ts.map +1 -1
  14. package/types/FormFieldGroup/v2/index.d.ts +6 -5
  15. package/types/FormFieldGroup/v2/index.d.ts.map +1 -1
  16. package/types/FormFieldGroup/v2/props.d.ts +7 -1
  17. package/types/FormFieldGroup/v2/props.d.ts.map +1 -1
  18. package/types/FormFieldGroup/v2/styles.d.ts.map +1 -1
  19. package/types/FormFieldLabel/v1/index.d.ts +1 -1
  20. package/types/FormFieldLabel/v1/index.d.ts.map +1 -1
  21. package/types/FormFieldLabel/v1/styles.d.ts.map +1 -1
  22. package/types/FormFieldLabel/v1/theme.d.ts.map +1 -1
  23. package/types/FormFieldLayout/v1/index.d.ts +3 -3
  24. package/types/FormFieldLayout/v1/index.d.ts.map +1 -1
  25. package/types/FormFieldLayout/v1/styles.d.ts.map +1 -1
  26. package/types/FormFieldLayout/v1/theme.d.ts.map +1 -1
  27. package/types/FormFieldLayout/v2/index.d.ts +2 -2
  28. package/types/FormFieldLayout/v2/index.d.ts.map +1 -1
  29. package/types/FormFieldLayout/v2/styles.d.ts +1 -1
  30. package/types/FormFieldLayout/v2/styles.d.ts.map +1 -1
  31. package/types/FormFieldMessage/v1/index.d.ts.map +1 -1
  32. package/types/FormFieldMessage/v1/styles.d.ts.map +1 -1
  33. package/types/FormFieldMessage/v1/theme.d.ts.map +1 -1
  34. package/types/FormFieldMessage/v2/index.d.ts.map +1 -1
  35. package/types/FormFieldMessage/v2/styles.d.ts +1 -1
  36. package/types/FormFieldMessage/v2/styles.d.ts.map +1 -1
  37. package/types/FormFieldMessages/v1/index.d.ts.map +1 -1
  38. package/types/FormFieldMessages/v1/styles.d.ts.map +1 -1
  39. package/types/FormFieldMessages/v1/theme.d.ts.map +1 -1
  40. package/types/FormFieldMessages/v2/index.d.ts.map +1 -1
  41. package/types/FormFieldMessages/v2/styles.d.ts.map +1 -1
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.6-snapshot-0](https://github.com/instructure/instructure-ui/compare/v11.7.5...v11.7.6-snapshot-0) (2026-08-25)
6
+ ## [11.7.6-snapshot-12](https://github.com/instructure/instructure-ui/compare/v11.7.5...v11.7.6-snapshot-12) (2026-09-01)
7
7
 
8
8
 
9
9
  ### Bug Fixes
@@ -11,6 +11,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
11
11
  * **many:** generate deterministic ids with React useId ([83aa25a](https://github.com/instructure/instructure-ui/commit/83aa25aebd41720fd09beac025dbf961e1f413c2))
12
12
 
13
13
 
14
+ ### Features
15
+
16
+ * **many:** add margin prop to v2 FormFieldGroup, CheckboxGroup, RadioInputGroup, Checkbox, RadioInput, RangeInput, Text, and ToggleButton ([fea952f](https://github.com/instructure/instructure-ui/commit/fea952f22e553745c299eeba1a2700dbb3b9d296))
17
+
18
+
14
19
 
15
20
 
16
21
 
package/es/FormFieldGroup/v2/props.js CHANGED
@@ -22,5 +22,5 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- const allowedProps = ['description', 'as', 'messages', 'messagesId', 'disabled', 'readOnly', 'children', 'layout', 'rowSpacing', 'colSpacing', 'vAlign', 'startAt', 'elementRef'];
25
+ const allowedProps = ['description', 'as', 'messages', 'messagesId', 'disabled', 'readOnly', 'children', 'layout', 'rowSpacing', 'colSpacing', 'vAlign', 'startAt', 'margin', 'elementRef'];
26
26
  export { allowedProps };
package/lib/FormFieldGroup/v2/props.js CHANGED
@@ -28,4 +28,4 @@ exports.allowedProps = void 0;
28
28
  * SOFTWARE.
29
29
  */
30
30
 
31
- const allowedProps = exports.allowedProps = ['description', 'as', 'messages', 'messagesId', 'disabled', 'readOnly', 'children', 'layout', 'rowSpacing', 'colSpacing', 'vAlign', 'startAt', 'elementRef'];
31
+ const allowedProps = exports.allowedProps = ['description', 'as', 'messages', 'messagesId', 'disabled', 'readOnly', 'children', 'layout', 'rowSpacing', 'colSpacing', 'vAlign', 'startAt', 'margin', 'elementRef'];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-form-field",
3
- "version": "11.7.6-snapshot-0",
3
+ "version": "11.7.6-snapshot-12",
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.7",
18
- "@instructure/console": "11.7.6-snapshot-0",
19
- "@instructure/ui-a11y-content": "11.7.6-snapshot-0",
20
- "@instructure/emotion": "11.7.6-snapshot-0",
21
- "@instructure/ui-a11y-utils": "11.7.6-snapshot-0",
22
- "@instructure/shared-types": "11.7.6-snapshot-0",
23
- "@instructure/ui-icons": "11.7.6-snapshot-0",
24
- "@instructure/ui-grid": "11.7.6-snapshot-0",
25
- "@instructure/ui-react-utils": "11.7.6-snapshot-0",
26
- "@instructure/ui-themes": "11.7.6-snapshot-0",
27
- "@instructure/ui-utils": "11.7.6-snapshot-0",
28
- "@instructure/uid": "11.7.6-snapshot-0"
18
+ "@instructure/console": "11.7.6-snapshot-12",
19
+ "@instructure/emotion": "11.7.6-snapshot-12",
20
+ "@instructure/ui-a11y-content": "11.7.6-snapshot-12",
21
+ "@instructure/ui-a11y-utils": "11.7.6-snapshot-12",
22
+ "@instructure/shared-types": "11.7.6-snapshot-12",
23
+ "@instructure/ui-icons": "11.7.6-snapshot-12",
24
+ "@instructure/ui-react-utils": "11.7.6-snapshot-12",
25
+ "@instructure/ui-grid": "11.7.6-snapshot-12",
26
+ "@instructure/uid": "11.7.6-snapshot-12",
27
+ "@instructure/ui-utils": "11.7.6-snapshot-12",
28
+ "@instructure/ui-themes": "11.7.6-snapshot-12"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@testing-library/jest-dom": "^6.9.1",
32
32
  "@testing-library/react": "16.3.2",
33
33
  "vitest": "^4.1.9",
34
- "@instructure/ui-axe-check": "11.7.6-snapshot-0",
35
- "@instructure/ui-babel-preset": "11.7.6-snapshot-0"
34
+ "@instructure/ui-axe-check": "11.7.6-snapshot-12",
35
+ "@instructure/ui-babel-preset": "11.7.6-snapshot-12"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "react": ">=18 <=19"
package/src/FormFieldGroup/v2/README.md CHANGED
@@ -17,6 +17,7 @@ type: example
17
17
  rowSpacing="small"
18
18
  layout="inline"
19
19
  vAlign="middle"
20
+ margin="general.spaceMd 0"
20
21
  >
21
22
  <TextInput renderLabel="Favorite Breakfast Eatery"
22
23
  messages={[
package/src/FormFieldGroup/v2/props.ts CHANGED
@@ -26,7 +26,11 @@ import type {
26
26
  AsElementType,
27
27
  OtherHTMLAttributes
28
28
  } from '@instructure/shared-types'
29
- import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
29
+ import type {
30
+ WithStyleProps,
31
+ ComponentStyle,
32
+ Spacing
33
+ } from '@instructure/emotion'
30
34
  import type { FormFieldLayoutOwnProps } from '../../FormFieldLayout/v2/props'
31
35
  import type { FormMessage } from '../../utils/v1/FormPropTypes'
32
36
 
@@ -62,6 +66,12 @@ type FormFieldGroupOwnProps = {
62
66
  colSpacing?: 'none' | 'small' | 'medium' | 'large'
63
67
  vAlign?: 'top' | 'middle' | 'bottom'
64
68
  startAt?: 'small' | 'medium' | 'large' | 'x-large' | null
69
+ /**
70
+ * Valid values are `0`, `none`, `auto`, and Spacing token values,
71
+ * see https://instructure.design/layout-spacing. Apply these values via
72
+ * familiar CSS-like shorthand. For example, `margin="general.spaceMd auto"`.
73
+ */
74
+ margin?: Spacing
65
75
  /**
66
76
  * provides a reference to the underlying html root element
67
77
  */
@@ -96,6 +106,7 @@ const allowedProps: AllowedPropKeys = [
96
106
  'colSpacing',
97
107
  'vAlign',
98
108
  'startAt',
109
+ 'margin',
99
110
  'elementRef'
100
111
  ]
101
112