@automattic/vip-design-system 0.14.0 → 0.14.1

package/build/system/Form/Toggle.js

@@ -38,6 +38,7 @@ var Toggle = function Toggle(_ref) {
     className: (0, _classnames["default"])('vip-toggle-component', className),
     sx: {
       all: 'unset',
+      cursor: 'pointer',
       position: 'relative',
       width: 40,
       height: 20,

package/build/system/NewDialog/NewDialog.js

@@ -88,7 +88,10 @@ var NewDialog = function NewDialog(_ref) {
         }), (0, _jsxRuntime.jsx)(_DialogDescription.DialogDescription, {
           description: description,
           hidden: !showHeading
-        }), content]
+        }), (0, _jsxRuntime.jsx)("div", {
+          role: "document",
+          children: content
+        })]
       })]
     })]
   });

package/build/system/NewDialog/NewDialog.stories.js

@@ -97,6 +97,10 @@ var HiddenHeadings = function HiddenHeadings() {
             type: "submit",
             children: "Submit"
           })]
+        }), (0, _jsxRuntime.jsx)("h3", {
+          children: "Continue here"
+        }), (0, _jsxRuntime.jsx)("p", {
+          children: "This is an example."
         })]
       })
     }))]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/vip-design-system",
-	"version": "0.14.0",
+	"version": "0.14.1",
 	"main": "build/system/index.js",
 	"scripts": {
 		"build-storybook": "build-storybook",

package/src/system/Form/Toggle.js

@@ -23,6 +23,7 @@ export const Toggle = ( {
 		className={ classNames( 'vip-toggle-component', className ) }
 		sx={ {
 			all: 'unset',
+			cursor: 'pointer',
 			position: 'relative',
 			width: 40,
 			height: 20,

package/src/system/NewDialog/NewDialog.js

@@ -56,7 +56,7 @@ export const NewDialog = ( {
 					<DialogTitle title={ title } hidden={ ! showHeading } />
 					<DialogDescription description={ description } hidden={ ! showHeading } />
 
-					{ content }
+					<div role="document">{ content }</div>
 				</DialogPrimitive.Content>
 			</DialogPrimitive.Portal>
 		</DialogPrimitive.Root>

package/src/system/NewDialog/NewDialog.stories.jsx

@@ -61,6 +61,10 @@ export const HiddenHeadings = () => (
 						<Input type="text" name="username" id="username" />
 						<Button type="submit">Submit</Button>
 					</form>
+
+					<h3>Continue here</h3>
+
+					<p>This is an example.</p>
 				</div>
 			}
 		/>