-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into f-add-radio-button-component
- Loading branch information
Showing
42 changed files
with
2,899 additions
and
3 deletions.
There are no files selected for viewing
323 changes: 323 additions & 0 deletions
323
lib/components/Modal/bottom/__tests__/__snapshots__/modal-bottom.test.tsx.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,323 @@ | ||
// Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
||
exports[`ModalBottom should not render handleBar if showHandleBar === false 1`] = ` | ||
<div> | ||
<div | ||
class="quill-modal-bottom__overlay" | ||
data-testid="dt_overlay" | ||
> | ||
<div | ||
class="quill-modal-bottom__container quill-modal-bottom__container--visible" | ||
> | ||
<div | ||
class="quill-modal-bottom__content-wrapper" | ||
> | ||
<h4 | ||
class="quill-typography__h4 quill-typography__color--prominent quill-modal-bottom__content-title" | ||
> | ||
Title | ||
</h4> | ||
<div | ||
class="quill-typography__body-text__size--md__weight--regular__decoration--default quill-typography__color--default quill-modal-bottom__content-body" | ||
> | ||
This is some amazing placeholder. | ||
</div> | ||
</div> | ||
<div | ||
class="quill-modal-bottom__button-wrapper" | ||
> | ||
<button | ||
class="quill-button quill-button__size--lg quill__color--primary-black quill-button__full-width" | ||
data-state="" | ||
> | ||
<span | ||
class="button-label" | ||
> | ||
<p | ||
class="quill-typography__body-text__size--md__weight--bold__decoration--default black" | ||
> | ||
Primary Button Label | ||
</p> | ||
</span> | ||
</button> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
`; | ||
|
||
exports[`ModalBottom should render SVG if it was passed 1`] = ` | ||
<div> | ||
<div | ||
class="quill-modal-bottom__overlay" | ||
data-testid="dt_overlay" | ||
> | ||
<div | ||
class="quill-modal-bottom__container quill-modal-bottom__container--visible" | ||
> | ||
<div | ||
class="quill-modal-bottom__handle-bar" | ||
data-testid="dt_handlebar" | ||
/> | ||
<div | ||
class="quill-modal-bottom__content-wrapper" | ||
> | ||
<div | ||
class="quill-modal-bottom__content-image" | ||
> | ||
<svg | ||
height="32" | ||
role="img" | ||
viewBox="0 0 32 32" | ||
width="32" | ||
xmlns="http://www.w3.org/2000/svg" | ||
> | ||
<path | ||
d="M14.164 7.75a.61.61 0 0 0-.508.313L13.031 9h5.899l-.625-.937a.61.61 0 0 0-.508-.313zM20.375 9h3.75c.313 0 .625.313.625.625a.64.64 0 0 1-.625.625h-.742l-.977 13.945c-.117 1.328-1.172 2.305-2.5 2.305h-7.851a2.51 2.51 0 0 1-2.5-2.305L8.578 10.25h-.703a.617.617 0 0 1-.625-.625c0-.312.273-.625.625-.625h3.711l1.016-1.602a1.84 1.84 0 0 1 1.562-.898h3.633c.625 0 1.25.352 1.601.898zm1.758 1.25H9.828l.977 13.867c.039.625.586 1.133 1.25 1.133h7.851c.664 0 1.211-.508 1.25-1.133z" | ||
/> | ||
</svg> | ||
</div> | ||
<h4 | ||
class="quill-typography__h4 quill-typography__color--prominent quill-modal-bottom__content-title" | ||
> | ||
Title | ||
</h4> | ||
</div> | ||
<div | ||
class="quill-modal-bottom__button-wrapper" | ||
> | ||
<button | ||
class="quill-button quill-button__size--lg quill__color--primary-black quill-button__full-width" | ||
data-state="" | ||
> | ||
<span | ||
class="button-label" | ||
> | ||
<p | ||
class="quill-typography__body-text__size--md__weight--bold__decoration--default black" | ||
> | ||
Primary Button Label | ||
</p> | ||
</span> | ||
</button> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
`; | ||
|
||
exports[`ModalBottom should render container with image as a background if src was passed 1`] = ` | ||
<div> | ||
<div | ||
class="quill-modal-bottom__overlay" | ||
data-testid="dt_overlay" | ||
> | ||
<div | ||
class="quill-modal-bottom__container quill-modal-bottom__container--visible" | ||
> | ||
<div | ||
class="quill-modal-bottom__handle-bar" | ||
data-testid="dt_handlebar" | ||
/> | ||
<div | ||
class="quill-modal-bottom__content-wrapper" | ||
> | ||
<div | ||
class="quill-modal-bottom__content-image" | ||
data-testid="dt_modal_image" | ||
/> | ||
<h4 | ||
class="quill-typography__h4 quill-typography__color--prominent quill-modal-bottom__content-title" | ||
> | ||
Title | ||
</h4> | ||
</div> | ||
<div | ||
class="quill-modal-bottom__button-wrapper" | ||
> | ||
<button | ||
class="quill-button quill-button__size--lg quill__color--primary-black quill-button__full-width" | ||
data-state="" | ||
> | ||
<span | ||
class="button-label" | ||
> | ||
<p | ||
class="quill-typography__body-text__size--md__weight--bold__decoration--default black" | ||
> | ||
Primary Button Label | ||
</p> | ||
</span> | ||
</button> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
`; | ||
|
||
exports[`ModalBottom should render passed image if it is ReactNode 1`] = ` | ||
<div> | ||
<div | ||
class="quill-modal-bottom__overlay" | ||
data-testid="dt_overlay" | ||
> | ||
<div | ||
class="quill-modal-bottom__container quill-modal-bottom__container--visible" | ||
> | ||
<div | ||
class="quill-modal-bottom__handle-bar" | ||
data-testid="dt_handlebar" | ||
/> | ||
<div | ||
class="quill-modal-bottom__content-wrapper" | ||
> | ||
<div | ||
class="quill-modal-bottom__content-image" | ||
> | ||
<img | ||
alt="Apples" | ||
src="https://live.staticflickr.com/603/21947667154_e63cc9252b_b.jpg" | ||
/> | ||
</div> | ||
<h4 | ||
class="quill-typography__h4 quill-typography__color--prominent quill-modal-bottom__content-title" | ||
> | ||
Title | ||
</h4> | ||
</div> | ||
<div | ||
class="quill-modal-bottom__button-wrapper" | ||
> | ||
<button | ||
class="quill-button quill-button__size--lg quill__color--primary-black quill-button__full-width" | ||
data-state="" | ||
> | ||
<span | ||
class="button-label" | ||
> | ||
<p | ||
class="quill-typography__body-text__size--md__weight--bold__decoration--default black" | ||
> | ||
Primary Button Label | ||
</p> | ||
</span> | ||
</button> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
`; | ||
|
||
exports[`ModalBottom should render secondary button if showSecondaryButton === true and the label was passed 1`] = ` | ||
<div> | ||
<div | ||
class="quill-modal-bottom__overlay" | ||
data-testid="dt_overlay" | ||
> | ||
<div | ||
class="quill-modal-bottom__container quill-modal-bottom__container--visible" | ||
> | ||
<div | ||
class="quill-modal-bottom__handle-bar" | ||
data-testid="dt_handlebar" | ||
/> | ||
<div | ||
class="quill-modal-bottom__content-wrapper" | ||
> | ||
<h4 | ||
class="quill-typography__h4 quill-typography__color--prominent quill-modal-bottom__content-title" | ||
> | ||
Title | ||
</h4> | ||
<div | ||
class="quill-typography__body-text__size--md__weight--regular__decoration--default quill-typography__color--default quill-modal-bottom__content-body" | ||
> | ||
This is some amazing placeholder. | ||
</div> | ||
</div> | ||
<div | ||
class="quill-modal-bottom__button-wrapper" | ||
> | ||
<button | ||
class="quill-button quill-button__size--lg quill__color--primary-black quill-button__full-width" | ||
data-state="" | ||
> | ||
<span | ||
class="button-label" | ||
> | ||
<p | ||
class="quill-typography__body-text__size--md__weight--bold__decoration--default black" | ||
> | ||
Primary Button Label | ||
</p> | ||
</span> | ||
</button> | ||
<button | ||
class="quill-button quill-button__size--lg quill__color--secondary-black quill-modal-bottom__button quill-button__full-width" | ||
data-state="" | ||
> | ||
<span | ||
class="button-label" | ||
> | ||
<p | ||
class="quill-typography__body-text__size--md__weight--bold__decoration--default black" | ||
> | ||
Secondary Button Label | ||
</p> | ||
</span> | ||
</button> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
`; | ||
|
||
exports[`ModalBottom should render with default values if optional ones were not passed 1`] = ` | ||
<div> | ||
<div | ||
class="quill-modal-bottom__overlay" | ||
data-testid="dt_overlay" | ||
> | ||
<div | ||
class="quill-modal-bottom__container quill-modal-bottom__container--visible" | ||
> | ||
<div | ||
class="quill-modal-bottom__handle-bar" | ||
data-testid="dt_handlebar" | ||
/> | ||
<div | ||
class="quill-modal-bottom__content-wrapper" | ||
> | ||
<h4 | ||
class="quill-typography__h4 quill-typography__color--prominent quill-modal-bottom__content-title" | ||
> | ||
Title | ||
</h4> | ||
<div | ||
class="quill-typography__body-text__size--md__weight--regular__decoration--default quill-typography__color--default quill-modal-bottom__content-body" | ||
> | ||
This is some amazing placeholder. | ||
</div> | ||
</div> | ||
<div | ||
class="quill-modal-bottom__button-wrapper" | ||
> | ||
<button | ||
class="quill-button quill-button__size--lg quill__color--primary-black quill-button__full-width" | ||
data-state="" | ||
> | ||
<span | ||
class="button-label" | ||
> | ||
<p | ||
class="quill-typography__body-text__size--md__weight--bold__decoration--default black" | ||
> | ||
Primary Button Label | ||
</p> | ||
</span> | ||
</button> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
`; |
Oops, something went wrong.