diff --git a/src/components/Panel/Panel.test.tsx b/src/components/Panel/Panel.test.tsx index c2214d16f..d8f88154f 100644 --- a/src/components/Panel/Panel.test.tsx +++ b/src/components/Panel/Panel.test.tsx @@ -29,7 +29,7 @@ describe('Panel', () => { ); }); - test('panel visibility', () => { + test('Panel visibility', () => { expect(wrapper.hasClass('visible')).not.toEqual(true); wrapper.setProps({ visible: true, @@ -37,7 +37,7 @@ describe('Panel', () => { expect(wrapper.hasClass('visible')).toBe(false); }); - test('panel content', () => { + test('Panel content', () => { wrapper.setProps({ visible: true, title, @@ -47,7 +47,7 @@ describe('Panel', () => { expect(wrapper.find('.header').text()).toBe(title); }); - test('panel actions', () => { + test('Panel actions', () => { const onClose = jest.fn(); wrapper.setProps({ visible: true, @@ -65,7 +65,7 @@ describe('Panel', () => { expect(onClose).toHaveBeenCalledTimes(2); }); - test('panel header actions exist', () => { + test('Panel header actions exist', () => { wrapper.setProps({ visible: true, headerButtonProps: { @@ -91,15 +91,36 @@ describe('Panel', () => { expect(wrapper.find('.header-action-button-3').length).toBeTruthy(); }); - test('panel no body padding', () => { + test('Panel no body padding', () => { wrapper.setProps({ visible: true, bodyPadding: false, }); expect(wrapper.find('.no-body-padding').length).toBeTruthy(); + expect(wrapper.render()).toMatchSnapshot(); }); - test('panel overlay is hidden', () => { + test('Panel no header padding', () => { + wrapper.setProps({ + visible: true, + headerPadding: false, + }); + expect(wrapper.find('.no-header-padding').length).toBeTruthy(); + expect(wrapper.render()).toMatchSnapshot(); + }); + + test('Panel no body and header padding', () => { + wrapper.setProps({ + visible: true, + bodyPadding: false, + headerPadding: false, + }); + expect(wrapper.find('.no-body-padding').length).toBeTruthy(); + expect(wrapper.find('.no-header-padding').length).toBeTruthy(); + expect(wrapper.render()).toMatchSnapshot(); + }); + + test('Panel overlay is hidden', () => { wrapper.setProps({ visible: true, overlay: false, diff --git a/src/components/Panel/__snapshots__/Panel.test.tsx.snap b/src/components/Panel/__snapshots__/Panel.test.tsx.snap new file mode 100644 index 000000000..187f7b3b7 --- /dev/null +++ b/src/components/Panel/__snapshots__/Panel.test.tsx.snap @@ -0,0 +1,3355 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Panel Panel no body and header padding 1`] = ` +LoadedCheerio { + "0": Node { + "attribs": Object { + "aria-hidden": "false", + "class": "panel-backdrop visible", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "panel no-body-padding no-header-padding right medium", + "style": "transform: translateX(0px);", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "header", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "body", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "data": "This is the panel body", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "footer", + }, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "body", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "data": "This is the panel body", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "footer", + }, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "header", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "footer", + }, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "body", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "data": "This is the panel body", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "header", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + "style": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": Node { + "children": Array [ + [Circular], + ], + "name": "root", + "next": null, + "parent": null, + "prev": null, + "type": "root", + }, + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + }, + }, + "_root": LoadedCheerio { + "0": Node { + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "head", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object {}, + "children": Array [], + "name": "body", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object {}, + "children": Array [], + "name": "body", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "head", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "html", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "root", + "next": null, + "parent": null, + "prev": null, + "type": "root", + "x-mode": "quirks", + }, + "_root": [Circular], + "length": 1, + "options": Object { + "decodeEntities": true, + "xml": false, + }, + }, + "length": 1, + "options": Object { + "decodeEntities": true, + "xml": false, + }, +} +`; + +exports[`Panel Panel no body padding 1`] = ` +LoadedCheerio { + "0": Node { + "attribs": Object { + "aria-hidden": "false", + "class": "panel-backdrop visible", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "panel no-body-padding right medium", + "style": "transform: translateX(0px);", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "header", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "body", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "data": "This is the panel body", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "footer", + }, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "body", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "data": "This is the panel body", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "footer", + }, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "header", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "footer", + }, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "body", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "data": "This is the panel body", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "header", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + "style": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": Node { + "children": Array [ + [Circular], + ], + "name": "root", + "next": null, + "parent": null, + "prev": null, + "type": "root", + }, + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + }, + }, + "_root": LoadedCheerio { + "0": Node { + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "head", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object {}, + "children": Array [], + "name": "body", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object {}, + "children": Array [], + "name": "body", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "head", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "html", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "root", + "next": null, + "parent": null, + "prev": null, + "type": "root", + "x-mode": "quirks", + }, + "_root": [Circular], + "length": 1, + "options": Object { + "decodeEntities": true, + "xml": false, + }, + }, + "length": 1, + "options": Object { + "decodeEntities": true, + "xml": false, + }, +} +`; + +exports[`Panel Panel no header padding 1`] = ` +LoadedCheerio { + "0": Node { + "attribs": Object { + "aria-hidden": "false", + "class": "panel-backdrop visible", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "panel no-header-padding right medium", + "style": "transform: translateX(0px);", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "header", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "body", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "data": "This is the panel body", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "footer", + }, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "body", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "data": "This is the panel body", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "footer", + }, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "header", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "footer", + }, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "body", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "data": "This is the panel body", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "header", + }, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object { + "class": "header-buttons", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "Close", + "class": "button button-neutral button-medium round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 20px; height: 20px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + "style": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": Node { + "children": Array [ + [Circular], + ], + "name": "root", + "next": null, + "parent": null, + "prev": null, + "type": "root", + }, + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + }, + }, + "_root": LoadedCheerio { + "0": Node { + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "head", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object {}, + "children": Array [], + "name": "body", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object {}, + "children": Array [], + "name": "body", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "head", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "html", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "root", + "next": null, + "parent": null, + "prev": null, + "type": "root", + "x-mode": "quirks", + }, + "_root": [Circular], + "length": 1, + "options": Object { + "decodeEntities": true, + "xml": false, + }, + }, + "length": 1, + "options": Object { + "decodeEntities": true, + "xml": false, + }, +} +`; diff --git a/src/components/Panel/panel.module.scss b/src/components/Panel/panel.module.scss index 76a9dd7b7..3b10a0503 100644 --- a/src/components/Panel/panel.module.scss +++ b/src/components/Panel/panel.module.scss @@ -113,26 +113,41 @@ &.no-body-padding { padding: 0; + .footer { + padding: $space-m $space-xl $space-l $space-xl; + } + .header { padding: $space-l $space-xl $space-m $space-xl; } - .footer { - padding: $space-m $space-xl $space-l $space-xl; + &.no-header-padding { + .header { + padding: 0; + } } } &.no-header-padding { padding: 0; - .header { - padding: 0; - } + .body { padding: 0 $space-xl; } + .footer { padding: $space-m $space-xl $space-l $space-xl; } + + .header { + padding: 0; + } + + &.no-body-padding { + .body { + padding: 0; + } + } } }