@instructure/ui-drilldown 8.50.1-snapshot-0 → 8.50.1-snapshot-13

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.50.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v8.50.0...v8.50.1-snapshot-0) (2023-12-06)
+## [8.50.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.50.0...v8.50.1-snapshot-13) (2023-12-07)
 
 **Note:** Version bump only for package @instructure/ui-drilldown
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drilldown",
-  "version": "8.50.1-snapshot-0",
+  "version": "8.50.1-snapshot-13",
   "description": "A drilldown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,28 +24,28 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.50.1-snapshot-0",
-    "@instructure/emotion": "8.50.1-snapshot-0",
-    "@instructure/shared-types": "8.50.1-snapshot-0",
-    "@instructure/ui-dom-utils": "8.50.1-snapshot-0",
-    "@instructure/ui-icons": "8.50.1-snapshot-0",
-    "@instructure/ui-options": "8.50.1-snapshot-0",
-    "@instructure/ui-popover": "8.50.1-snapshot-0",
-    "@instructure/ui-position": "8.50.1-snapshot-0",
-    "@instructure/ui-prop-types": "8.50.1-snapshot-0",
-    "@instructure/ui-react-utils": "8.50.1-snapshot-0",
-    "@instructure/ui-selectable": "8.50.1-snapshot-0",
-    "@instructure/ui-testable": "8.50.1-snapshot-0",
-    "@instructure/ui-utils": "8.50.1-snapshot-0",
-    "@instructure/ui-view": "8.50.1-snapshot-0",
+    "@instructure/console": "8.50.1-snapshot-13",
+    "@instructure/emotion": "8.50.1-snapshot-13",
+    "@instructure/shared-types": "8.50.1-snapshot-13",
+    "@instructure/ui-dom-utils": "8.50.1-snapshot-13",
+    "@instructure/ui-icons": "8.50.1-snapshot-13",
+    "@instructure/ui-options": "8.50.1-snapshot-13",
+    "@instructure/ui-popover": "8.50.1-snapshot-13",
+    "@instructure/ui-position": "8.50.1-snapshot-13",
+    "@instructure/ui-prop-types": "8.50.1-snapshot-13",
+    "@instructure/ui-react-utils": "8.50.1-snapshot-13",
+    "@instructure/ui-selectable": "8.50.1-snapshot-13",
+    "@instructure/ui-testable": "8.50.1-snapshot-13",
+    "@instructure/ui-utils": "8.50.1-snapshot-13",
+    "@instructure/ui-view": "8.50.1-snapshot-13",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.50.1-snapshot-0",
-    "@instructure/ui-color-utils": "8.50.1-snapshot-0",
-    "@instructure/ui-test-locator": "8.50.1-snapshot-0",
-    "@instructure/ui-test-utils": "8.50.1-snapshot-0",
-    "@instructure/ui-themes": "8.50.1-snapshot-0"
+    "@instructure/ui-babel-preset": "8.50.1-snapshot-13",
+    "@instructure/ui-color-utils": "8.50.1-snapshot-13",
+    "@instructure/ui-test-locator": "8.50.1-snapshot-13",
+    "@instructure/ui-test-utils": "8.50.1-snapshot-13",
+    "@instructure/ui-themes": "8.50.1-snapshot-13"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"

package/src/Drilldown/README.md

@@ -24,7 +24,7 @@ Each page needs an `id` prop that is used in the navigation. Options point to pa
 
 ```js
 ---
-example: true
+type: example
 ---
 <Drilldown rootPageId='root' width="20rem" maxHeight="30rem">
   <Drilldown.Page id="root" renderTitle='Groceries'>
@@ -73,7 +73,7 @@ example: true
 
 ```js
 ---
-example: true
+type: example
 ---
 <Drilldown rootPageId='root' width="20rem" maxHeight="30rem">
   <Drilldown.Page id="root">
@@ -99,7 +99,7 @@ Options can be links too. If the `href` prop is set, the option renders as an `<
 
 ```js
 ---
-example: true
+type: example
 ---
 <Drilldown rootPageId='root' width="20rem" maxHeight="30rem">
   <Drilldown.Page id="root">
@@ -126,7 +126,7 @@ Just like `Options.Item`, `Drilldown.Option` can render a description under the
 
 ```js
 ---
-example: true
+type: example
 ---
 <Drilldown rootPageId='root' width="20rem" maxHeight="30rem">
   <Drilldown.Page id="root">
@@ -168,8 +168,7 @@ Additionally, the `renderLabelInfo` prop can render text or other elements next
 
 ```js
 ---
-example: true
-render: false
+type: example
 ---
 
 class VideoSettingsExample extends React.Component {
@@ -341,8 +340,7 @@ Just like [Menu](#Menu), Drilldown accepts a `trigger` property: it will render
 
 ```js
 ---
-example: true
-render: false
+type: example
 ---
 
 class SelectContactsExample extends React.Component {
@@ -542,8 +540,7 @@ This option will always display on the page when needed and cannot be disabled.
 
 ```js
 ---
-example: true
-render: false
+type: example
 ---
 class BackNavigationExample extends React.Component {
   state = {
@@ -645,8 +642,7 @@ Wrapping the Options in `<Drilldown.Group>` will separate these options with sep
 
 ```js
 ---
-example: true
-render: false
+type: example
 ---
 class GroupsExample extends React.Component {
   state = {
@@ -732,7 +728,7 @@ It is recommended to set the `value` prop of the options in a group, because the
 
 ```js
 ---
-example: true
+type: example
 ---
 <Drilldown rootPageId='root' width="20rem" maxHeight="30rem">
   <Drilldown.Page id="root">
@@ -765,8 +761,7 @@ example: true
 
 ```js
 ---
-example: true
-render: false
+type: example
 ---
 
 class SelectMembersExample extends React.Component {
@@ -968,8 +963,7 @@ You can disable the whole Drilldown or its sub-components with the `disabled` pr
 
 ```js
 ---
-example: true
-render: false
+type: example
 ---
 class DisabledExample extends React.Component {
   state = {
@@ -1101,7 +1095,7 @@ You can still manually close the Popover on option click or select, calling the
 
 ```js
 ---
-example: true
+type: example
 ---
 <Drilldown
   rootPageId='root'
@@ -1152,7 +1146,7 @@ These two navigation methods are also available as public methods on the Drilldo
 
 ```js
 ---
-example: true
+type: example
 ---
 <Drilldown
   rootPageId='Root Page'
@@ -1240,8 +1234,7 @@ The following example showcases an editable drilldown that can add or delete opt
 
 ```js
 ---
-example: true
-render: false
+type: example
 ---
 
 class EditableStructureExample extends React.Component {
@@ -1491,7 +1484,7 @@ render(<EditableStructureExample />)
 
 ```js
 ---
-guidelines: true
+type: embed
 ---
 <Guidelines>
   <Figure recommendation="yes" title="Do">