Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Components: Add Popover #29084

Merged
merged 5 commits into from
Mar 2, 2021
Merged

Components: Add Popover #29084

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
3469ed3
Upgrade G2
sarayourfriend Feb 25, 2021
c31a492
Components: Add Popover
sarayourfriend Mar 1, 2021
d6c44aa
Update snapshot tests after upgrading G2
sarayourfriend Mar 1, 2021
40a8bbe
Update documentation in README and JSDoc
Mar 1, 2021
99dfb02
Add missing namespace
sarayourfriend Mar 1, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
67 changes: 37 additions & 30 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 4 additions & 4 deletions packages/components/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,10 +45,10 @@
"@wordpress/primitives": "file:../primitives",
"@wordpress/rich-text": "file:../rich-text",
"@wordpress/warning": "file:../warning",
"@wp-g2/components": "^0.0.156",
"@wp-g2/context": "^0.0.156",
"@wp-g2/styles": "^0.0.156",
"@wp-g2/utils": "^0.0.156",
"@wp-g2/components": "^0.0.159",
"@wp-g2/context": "^0.0.159",
"@wp-g2/styles": "^0.0.159",
"@wp-g2/utils": "^0.0.159",
"classnames": "^2.2.5",
"dom-scroll-into-view": "^1.2.1",
"downshift": "^6.0.15",
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/ui/card/body.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ function CardBody( props, forwardedRef ) {
*
* @example
* ```jsx
* import { Card, CardBody } from '@wordpress/components/ui';
* import { Card, CardBody } from `@wordpress/components/ui`;
*
* <Card>
* <CardBody>
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/ui/card/component.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ function Card( props, forwardedRef ) {
* CardBody,
* CardFooter,
* Text,
* } from `@wordpress/components/ui`
* } from `@wordpress/components/ui`;
*
* function Example() {
* return (
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/ui/card/footer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ function CardFooter( props, forwardedRef ) {
*
* @example
* ```jsx
* import { Card, CardBody, CardFooter } from '@wordpress/components/ui';
* import { Card, CardBody, CardFooter } from `@wordpress/components/ui`;
*
* <Card>
* <CardBody>...</CardBody>
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/ui/card/header.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ function CardHeader( props, forwardedRef ) {
*
* @example
* ```jsx
* import { Card, CardBody, CardHeader } from '@wordpress/components/ui';
* import { Card, CardBody, CardHeader } from `@wordpress/components/ui`;
*
* <Card>
* <CardHeader>...</CardHeader>
Expand Down
30 changes: 15 additions & 15 deletions packages/components/src/ui/card/test/__snapshots__/index.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@ Snapshot Diff:
title="WordPress.org"
/>
<div
- class="components-card-inner-body wp-components-card-inner-body css-1n7epz"
+ class="components-scrollable wp-components-scrollable components-card-body wp-components-card-body css-1hp1ar"
- class="components-card-inner-body wp-components-card-inner-body ic-b8zmsr ic-192yz5d css-1n7epz"
+ class="components-scrollable wp-components-scrollable components-card-body wp-components-card-body ic-1reds0m ic-y3p1xi ic-192yz5d css-1hp1ar"
data-g2-c16t="true"
- data-g2-component="CardInnerBody"
+ data-g2-component="CardBody"
>
Code is Poetry.
</div>
<div
class="components-flex wp-components-flex components-card-footer wp-components-card-footer css-1qwgs3h"
class="components-flex wp-components-flex components-card-footer wp-components-card-footer ic-i2oc6g ic-17cs4ki ic-192yz5d css-1qwgs3h"
`;

exports[`props should render correctly 1`] = `
Expand Down Expand Up @@ -411,29 +411,29 @@ exports[`props should render correctly 1`] = `
}

<div
class="components-surface wp-components-surface components-card wp-components-card emotion-6"
class="components-surface wp-components-surface components-card wp-components-card ic-1vr61kr ic-15506ld ic-192yz5d emotion-6"
data-g2-c16t="true"
data-g2-component="Card"
>
<div
class="emotion-3"
class="ic-192yz5d emotion-3"
data-g2-component="CardContent"
>
<div
class="components-flex wp-components-flex components-card-header wp-components-card-header emotion-0"
class="components-flex wp-components-flex components-card-header wp-components-card-header ic-1jf72r7 ic-17cs4ki ic-192yz5d emotion-0"
data-g2-c16t="true"
data-g2-component="CardHeader"
title="WordPress.org"
/>
<div
class="components-scrollable wp-components-scrollable components-card-body wp-components-card-body emotion-1"
class="components-scrollable wp-components-scrollable components-card-body wp-components-card-body ic-1reds0m ic-y3p1xi ic-192yz5d emotion-1"
data-g2-c16t="true"
data-g2-component="CardBody"
>
Code is Poetry.
</div>
<div
class="components-flex wp-components-flex components-card-footer wp-components-card-footer emotion-2"
class="components-flex wp-components-flex components-card-footer wp-components-card-footer ic-i2oc6g ic-17cs4ki ic-192yz5d emotion-2"
data-g2-c16t="true"
data-g2-component="CardFooter"
>
Expand All @@ -444,13 +444,13 @@ exports[`props should render correctly 1`] = `
</div>
<div
aria-hidden="true"
class="components-elevation wp-components-elevation emotion-4"
class="components-elevation wp-components-elevation ic-i1zzlu ic-192yz5d emotion-4"
data-g2-c16t="true"
data-g2-component="CardElevation"
/>
<div
aria-hidden="true"
class="components-elevation wp-components-elevation emotion-5"
class="components-elevation wp-components-elevation ic-i1zzlu ic-192yz5d emotion-5"
data-g2-c16t="true"
data-g2-component="CardElevation"
/>
Expand All @@ -463,20 +463,20 @@ Snapshot Diff:
+ Second value

@@ -7,16 +7,16 @@
class="css-1kk7lqu"
class="ic-192yz5d css-1kk7lqu"
data-g2-component="CardContent"
/>
<div
aria-hidden="true"
- class="components-elevation wp-components-elevation css-1vg495v"
+ class="components-elevation wp-components-elevation css-1wkolpp"
- class="components-elevation wp-components-elevation ic-i1zzlu ic-192yz5d css-1vg495v"
+ class="components-elevation wp-components-elevation ic-i1zzlu ic-192yz5d css-1wkolpp"
data-g2-c16t="true"
data-g2-component="CardElevation"
/>
<div
aria-hidden="true"
- class="components-elevation wp-components-elevation css-dgxm8l"
+ class="components-elevation wp-components-elevation css-1zwi7l"
- class="components-elevation wp-components-elevation ic-i1zzlu ic-192yz5d css-dgxm8l"
+ class="components-elevation wp-components-elevation ic-i1zzlu ic-192yz5d css-1zwi7l"
data-g2-c16t="true"
data-g2-component="CardElevation"
/>
Expand Down
Loading