@instructure/ui-options 8.33.1 → 8.33.2

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 (39) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/es/Options/Item/OptionsItemLocator.js +2 -1
  3. package/es/Options/Item/__examples__/Item.examples.js +1 -4
  4. package/es/Options/Item/index.js +16 -25
  5. package/es/Options/Item/props.js +1 -0
  6. package/es/Options/Item/styles.js +11 -12
  7. package/es/Options/Item/theme.js +5 -5
  8. package/es/Options/OptionsLocator.js +2 -1
  9. package/es/Options/Separator/index.js +4 -12
  10. package/es/Options/Separator/styles.js +0 -1
  11. package/es/Options/Separator/theme.js +4 -4
  12. package/es/Options/__examples__/Options.examples.js +1 -0
  13. package/es/Options/index.js +7 -28
  14. package/es/Options/props.js +1 -0
  15. package/es/Options/styles.js +0 -1
  16. package/es/Options/theme.js +4 -4
  17. package/es/index.js +1 -0
  18. package/lib/Options/Item/OptionsItemLocator.js +1 -4
  19. package/lib/Options/Item/__examples__/Item.examples.js +0 -6
  20. package/lib/Options/Item/index.js +15 -33
  21. package/lib/Options/Item/locator.js +0 -2
  22. package/lib/Options/Item/props.js +1 -3
  23. package/lib/Options/Item/styles.js +10 -14
  24. package/lib/Options/Item/theme.js +5 -6
  25. package/lib/Options/OptionsLocator.js +1 -4
  26. package/lib/Options/Separator/index.js +3 -19
  27. package/lib/Options/Separator/props.js +1 -3
  28. package/lib/Options/Separator/styles.js +0 -2
  29. package/lib/Options/Separator/theme.js +4 -5
  30. package/lib/Options/__examples__/Options.examples.js +0 -5
  31. package/lib/Options/index.js +7 -41
  32. package/lib/Options/locator.js +0 -2
  33. package/lib/Options/props.js +1 -4
  34. package/lib/Options/styles.js +0 -2
  35. package/lib/Options/theme.js +4 -5
  36. package/lib/index.js +0 -4
  37. package/package.json +13 -13
  38. package/src/Options/README.md +13 -4
  39. package/tsconfig.build.tsbuildinfo +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-options",
3
- "version": "8.33.1",
3
+ "version": "8.33.2",
4
4
  "description": "A view-only component for composing interactive lists and menus.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,21 +23,21 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.33.1",
27
- "@instructure/ui-color-utils": "8.33.1",
28
- "@instructure/ui-test-locator": "8.33.1",
29
- "@instructure/ui-test-utils": "8.33.1",
30
- "@instructure/ui-themes": "8.33.1"
26
+ "@instructure/ui-babel-preset": "8.33.2",
27
+ "@instructure/ui-color-utils": "8.33.2",
28
+ "@instructure/ui-test-locator": "8.33.2",
29
+ "@instructure/ui-test-utils": "8.33.2",
30
+ "@instructure/ui-themes": "8.33.2"
31
31
  },
32
32
  "dependencies": {
33
33
  "@babel/runtime": "^7.13.10",
34
- "@instructure/emotion": "8.33.1",
35
- "@instructure/shared-types": "8.33.1",
36
- "@instructure/ui-icons": "8.33.1",
37
- "@instructure/ui-prop-types": "8.33.1",
38
- "@instructure/ui-react-utils": "8.33.1",
39
- "@instructure/ui-testable": "8.33.1",
40
- "@instructure/ui-view": "8.33.1",
34
+ "@instructure/emotion": "8.33.2",
35
+ "@instructure/shared-types": "8.33.2",
36
+ "@instructure/ui-icons": "8.33.2",
37
+ "@instructure/ui-prop-types": "8.33.2",
38
+ "@instructure/ui-react-utils": "8.33.2",
39
+ "@instructure/ui-testable": "8.33.2",
40
+ "@instructure/ui-view": "8.33.2",
41
41
  "prop-types": "^15"
42
42
  },
43
43
  "peerDependencies": {
package/src/Options/README.md CHANGED
@@ -61,12 +61,20 @@ example: true
61
61
  </Options>
62
62
  <Options.Separator />
63
63
  <Options role="menu" as="ul" renderLabel={'Radio group'}>
64
- <Options.Item role="menuitemradio" renderBeforeLabel={IconCheckSolid}>
64
+ <Options.Item
65
+ role="menuitemradio"
66
+ aria-checked="true"
67
+ renderBeforeLabel={IconCheckSolid}
68
+ >
65
69
  Radio option one
66
70
  </Options.Item>
67
- <Options.Item role="menuitemradio" renderBeforeLabel={
68
- <IconCheckLine style={{opacity: 0}} />
69
- }>
71
+ <Options.Item
72
+ role="menuitemradio"
73
+ aria-checked="false"
74
+ renderBeforeLabel={
75
+ <IconCheckLine style={{opacity: 0}} />
76
+ }
77
+ >
70
78
  Radio option two
71
79
  </Options.Item>
72
80
  </Options>
@@ -420,6 +428,7 @@ class Example extends React.Component {
420
428
  onMouseOver={(e) => this.handleMouseOver(3)}
421
429
  variant={this.state.highlighted === 3 ? 'highlighted' : 'default'}
422
430
  variant="disabled"
431
+ aria-disabled="true"
423
432
  onClick={(e) => { e.preventDefault() }}
424
433
  href="/"
425
434
  >