@transferwise/components 45.9.0 → 45.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/es/no-polyfill/info/Info.story.js +1 -1
- package/build/es/no-polyfill/modal/Modal.story.js +2 -2
- package/build/es/polyfill/info/Info.story.js +1 -1
- package/build/es/polyfill/modal/Modal.story.js +2 -2
- package/build/main.css +1 -1
- package/build/styles/drawer/Drawer.css +1 -1
- package/build/styles/main.css +1 -1
- package/build/styles/modal/Modal.css +1 -1
- package/build/styles/section/Section.css +1 -1
- package/build/types/info/Info.story.d.ts +0 -2
- package/build/types/modal/Modal.story.d.ts +0 -2
- package/build/types/test-utils/fake-data.d.ts +0 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-modal--scrollable{max-height:100%;max-height:-webkit-fill-available}.tw-modal .tw-modal-dialog{background:#fff;background:var(--color-background-elevated);box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-25%);transition:transform .3s ease-out}.np-theme-personal .tw-modal .tw-modal-dialog{background:#fff;background:var(--color-background-elevated);border-radius:24px;border-radius:var(--radius-large);box-shadow:none}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{width:100%}.tw-modal .tw-modal-content .tw-modal-body{flex:1;
|
|
1
|
+
.tw-modal--scrollable{max-height:100%;max-height:-webkit-fill-available}.tw-modal .tw-modal-dialog{background:#fff;background:var(--color-background-elevated);box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-25%);transition:transform .3s ease-out}.np-theme-personal .tw-modal .tw-modal-dialog{background:#fff;background:var(--color-background-elevated);border-radius:24px;border-radius:var(--radius-large);box-shadow:none}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{width:100%}.tw-modal .tw-modal-content .tw-modal-body{flex:1;word-break:break-word}.tw-modal .tw-modal-content .tw-modal-body--scrollable{overflow-y:auto}.tw-modal .tw-modal-content .tw-modal-header{box-shadow:inset 0 -1px 0 0 #e2e6e8}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header{box-shadow:inset 0 -1px 0 0 #0000001a;box-shadow:inset 0 -1px 0 0 var(--color-border-neutral)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header .np-close-button{margin:-8px -8px -8px 0;margin:calc(var(--size-8)*-1) calc(var(--size-8)*-1) calc(var(--size-8)*-1) 0}.tw-modal .tw-modal-content .tw-modal-header.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content .tw-modal-header .tw-icon{fill:#0097c7;fill:var(--color-content-accent);cursor:pointer;display:block}.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:16px;padding:var(--size-16)}.tw-modal .tw-modal-content .tw-modal-title{max-width:85%}.tw-modal .tw-modal-content .tw-modal-footer{box-shadow:inset 0 1px 0 0 #e2e6e8;padding-bottom:12px;padding-bottom:var(--size-12);padding-top:12px;padding-top:var(--size-12)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer{border-top:1px solid #0000001a;border-top:1px solid var(--color-border-neutral)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-footer.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-body{padding-top:0!important}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-header{min-height:32px;min-height:var(--size-32);padding-bottom:4px!important}@media (min-width:576px){.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:32px 24px;padding:var(--size-32) var(--size-24)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-body,.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer,.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header{padding:24px;padding:var(--size-24)}.tw-modal .tw-modal-compact .tw-modal-header{min-height:56px;min-height:calc(var(--size-8)*7)}.tw-modal .tw-modal-compact .tw-modal-body,.tw-modal .tw-modal-compact .tw-modal-footer,.tw-modal .tw-modal-compact .tw-modal-header{padding-bottom:16px;padding-bottom:var(--size-16);padding-top:16px;padding-top:var(--size-16)}}@media (min-width:480px){.tw-modal-dialog.tw-modal-sm{width:300px}}@media (min-width:576px){.tw-modal{padding:40px;padding:var(--size-40)}.tw-modal .tw-modal-dialog .tw-modal-content{border-radius:10px;border-radius:var(--radius-small)}.tw-modal .tw-modal-dialog.tw-modal-md{width:540px}}@media (min-width:768px){.tw-modal-dialog.tw-modal-lg{width:720px}}@media (min-width:992px){.tw-modal-dialog.tw-modal-xl{width:1000px}}@media (-ms-high-contrast:none){:root .tw-modal,:root .tw-modal .tw-modal-dialog,_:-ms-fullscreen,_:-ms-fullscreen .tw-modal-dialog{height:100%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-section{
|
|
1
|
+
.np-section{margin-top:32px;margin-top:var(--size-32)}.np-section--with-horizontal-padding{padding-left:16px;padding-left:var(--space-content-horizontal);padding-right:16px;padding-right:var(--space-content-horizontal)}
|
|
@@ -36,6 +36,4 @@ export declare const Basic: Story;
|
|
|
36
36
|
export declare const OpenedPopover: Story;
|
|
37
37
|
export declare const OpenedPopoverMobile: Story;
|
|
38
38
|
export declare const OpenedModal: Story;
|
|
39
|
-
export declare const OpenedModalWithLinebreaks: Story;
|
|
40
39
|
export declare const OpenedModalMobile: Story;
|
|
41
|
-
export declare const OpenedModalMobileWithLinebreaks: Story;
|
|
@@ -19,8 +19,6 @@ export default _default;
|
|
|
19
19
|
type Story = StoryObj<typeof Modal>;
|
|
20
20
|
export declare const Basic: Story;
|
|
21
21
|
export declare const BasicMobile: Story;
|
|
22
|
-
export declare const WithNewLines: Story;
|
|
23
|
-
export declare const WithNewLinesMobile: Story;
|
|
24
22
|
export declare const ContentScroll: Story;
|
|
25
23
|
export declare const ContentScrollMobile: Story;
|
|
26
24
|
export declare const ViewportScroll: Story;
|
|
@@ -3,4 +3,3 @@ export declare const lorem40 = "Lorem ipsum dolor sit amet consectetur, adipisic
|
|
|
3
3
|
export declare const lorem100 = "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsum quisquam fuga dolore veritatis assumenda rerum, non, sint aliquam, excepturi architecto temporibus quis? Quo, deleniti nobis, illo necessitatibus accusamus commodi error fuga culpa sequi, incidunt voluptatum tempore quisquam quos eos modi impedit sit! Eveniet libero optio assumenda rem accusantium quod quas, recusandae, incidunt mollitia harum dolorum. Dolor porro hic mollitia accusantium vel commodi, ipsam a suscipit iusto placeat numquam excepturi amet nostrum aliquid aperiam sequi deleniti asperiores fugit cumque ipsa voluptatem culpa non libero iste. Placeat rem dolore quisquam aperiam, eligendi facere quos minima totam a ut corporis culpa! Veniam, illo!";
|
|
4
4
|
export declare const lorem500 = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi commodi eos placeat aut quidem et error ex qui. Reprehenderit animi officiis magnam dicta, alias eligendi facilis sit fuga suscipit qui voluptatibus, quam harum beatae omnis sint sapiente dolorum cum officia dignissimos ab ipsa, deleniti voluptates exercitationem tempore! Fugit consequuntur ullam, similique tenetur corporis laborum sed sint, necessitatibus natus voluptatem, eius eveniet placeat quos quaerat officia officiis magni reprehenderit eaque! Dolorum odio iste vitae magnam, voluptatum pariatur unde, quod at adipisci reprehenderit dignissimos id modi quaerat rerum et dolorem. Rerum ratione beatae, repudiandae temporibus ipsam accusamus deserunt! Maiores, eos nisi laboriosam soluta rem minus expedita repudiandae accusamus aperiam rerum facere ducimus voluptas! Rerum fugit eum quasi. At sapiente quaerat, similique inventore quia magni cupiditate molestias odio voluptate quasi culpa ullam sit unde veritatis ut dicta ad nihil veniam accusamus eveniet vel placeat minus numquam nostrum! Delectus quas adipisci debitis cumque doloremque, nobis, obcaecati dolorem commodi possimus nesciunt vero? Excepturi saepe explicabo dolorem facere itaque optio, totam tempore earum culpa fugit ullam officia maiores dolores facilis voluptate consequuntur a voluptas, asperiores obcaecati voluptatem. Rerum suscipit quod nulla harum illum sequi praesentium tenetur neque architecto, molestias earum! Necessitatibus, ullam molestiae voluptas, esse dolorem officiis aut, inventore dolore provident beatae error nesciunt incidunt neque quam molestias iusto minus rem nam. Eum, provident id. Molestias vitae ex sequi veritatis totam minima labore quasi eligendi nemo, ipsa accusamus eaque quae maiores eum ipsam inventore illo voluptatem sapiente velit, quos aspernatur commodi quibusdam. A expedita, adipisci aut voluptatum repellat fugit saepe accusamus debitis, quis dolorem, incidunt corrupti magni? Inventore nulla fugit quisquam dolorum temporibus corporis error voluptates? Impedit possimus provident a vero exercitationem doloribus est voluptatibus distinctio, ipsum iste sit repellat sapiente tenetur deleniti ullam dolorem soluta accusantium! Ab, placeat rerum explicabo corporis impedit quam quos veritatis expedita hic veniam harum qui dolor neque! Laboriosam officiis, dignissimos corporis, ducimus iure nemo quisquam pariatur molestias repellat aliquam tempore impedit dolore tempora eaque accusamus fugiat facilis dolor sint laborum molestiae sapiente deserunt quasi obcaecati! Veniam, doloribus! Unde, fugiat odit sunt facere maiores nobis tempora, natus quam consectetur deleniti nesciunt perferendis aut praesentium. Libero, neque cumque beatae recusandae qui repudiandae sunt quod dolorum nemo voluptates et culpa temporibus perferendis est expedita vel laboriosam! Accusamus incidunt consectetur delectus voluptate sunt repudiandae deleniti ut consequuntur, facilis assumenda nostrum soluta unde repellat reiciendis ipsum quidem quam numquam optio voluptates eius. Molestias quibusdam assumenda earum atque ullam delectus explicabo recusandae quasi aperiam, est placeat? Officia molestiae accusamus rem placeat adipisci officiis harum vel. Neque sit qui alias magni illum! Ipsam, necessitatibus unde sit possimus ipsum quis neque voluptate reprehenderit tempore nobis quo sunt molestiae atque rerum similique natus minus eum? Maiores aspernatur ut ullam eos vitae aperiam odit deleniti eveniet delectus totam harum iste, blanditiis ab laboriosam mollitia. Esse incidunt odit voluptate minus cum molestiae reprehenderit minima voluptatibus id. Molestias aliquid repellendus dolores cupiditate, nemo reiciendis ad facilis quo est, a error culpa similique libero dolor labore! Facere laborum cupiditate iste laboriosam culpa consectetur.";
|
|
5
5
|
export declare const lorem1000 = "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quo placeat aliquid unde in, et tenetur odio voluptatum numquam possimus accusantium amet perferendis! Tempore obcaecati doloremque debitis quam nemo, non magni quaerat, ratione architecto officiis repellat, cum autem velit! Nisi nesciunt accusamus est distinctio voluptates voluptatem ducimus molestias! Cumque iure molestias corrupti sint maiores placeat delectus ratione veniam, laudantium enim id consequuntur alias minus dicta, aspernatur, non quis quam voluptatibus ut explicabo molestiae dolorem vitae beatae. In consequatur iste earum ipsam quaerat officiis, debitis rerum placeat harum sint natus delectus aut omnis, ullam voluptate aliquid dolorem rem velit minus asperiores molestiae! Totam consequuntur quis impedit! Deleniti eos assumenda commodi, dolor impedit nulla! Esse quas, magnam accusantium sit deserunt non culpa totam possimus voluptatem facilis. Sed aliquid sapiente assumenda, ipsa esse fugit necessitatibus soluta fugiat laudantium nulla cupiditate quod et iste nam ad veritatis, corrupti quae dolores, explicabo amet. Aspernatur, amet, illo vero impedit deleniti modi, minima quod totam atque quas ratione iste ea. Culpa, alias unde itaque fugit tempore consequuntur esse incidunt vitae illo maiores, tempora sit perspiciatis molestiae ex inventore. Aliquid beatae, natus delectus perferendis veritatis deserunt quo quae magni quaerat odio consequuntur quia, molestias quibusdam reiciendis voluptates, nemo repudiandae maxime! Tempora ipsum iusto, tempore at quaerat id ex quasi ducimus laboriosam unde ullam perspiciatis nemo voluptatum, odio consequatur dolorum eveniet praesentium! Fuga quidem voluptatum sed consectetur itaque nostrum, tempore omnis est facere quaerat dolores aut molestias facilis. Neque earum quaerat ipsum vel in accusantium, quia nihil, veritatis hic mollitia provident voluptates assumenda quis quo esse officiis repellendus vero eos? Quis praesentium magni, assumenda autem nesciunt voluptatibus sequi voluptate ea earum, molestiae tempore libero, pariatur blanditiis ab. Minus omnis necessitatibus, non aliquid fugiat ad ut, totam rerum deserunt similique iure cumque harum consectetur ducimus, molestiae consequatur libero! Inventore eveniet, quisquam est voluptates, rem commodi magnam veniam, eligendi aspernatur molestias esse nisi amet? Velit, possimus sint suscipit nostrum nihil ipsum perspiciatis consectetur, quo laboriosam sequi quasi quos repellendus veritatis nisi distinctio reiciendis at dignissimos id temporibus veniam beatae rerum? Accusantium sequi impedit deleniti ipsam? Laudantium, vitae necessitatibus laborum itaque recusandae hic, eum a fuga cumque quidem quasi. Omnis ut vitae incidunt, accusantium suscipit aut at reiciendis nisi voluptatum maxime consequuntur, minima accusamus nemo. Fugiat quos, consequuntur aspernatur sit labore doloribus enim. Tenetur, suscipit omnis asperiores non odio voluptas illo excepturi natus doloribus veniam dicta laborum distinctio reiciendis. Soluta saepe harum corrupti asperiores, labore temporibus nesciunt eligendi quia sit voluptatem libero perspiciatis laboriosam cupiditate id, iure non hic qui et voluptatum. Sint delectus voluptatem possimus, nam dicta pariatur optio molestiae explicabo. Neque, quia reiciendis minima ratione ipsa temporibus quas inventore nam, explicabo expedita, alias est sequi eius aliquid quod ex sapiente voluptas. Deserunt asperiores tempora, ad modi omnis velit ipsam dignissimos qui repellat? Optio fugiat tempora tenetur deleniti corrupti eaque officiis reiciendis in numquam pariatur voluptas, odio deserunt dolorum, nobis asperiores accusamus quod libero facere consectetur a iste at aut enim. Animi adipisci pariatur repellat asperiores aliquid facere sapiente excepturi nemo praesentium neque nobis possimus expedita amet reprehenderit quos, repellendus, molestias accusantium nesciunt eum, perspiciatis recusandae? Porro eum cum voluptas quibusdam necessitatibus autem adipisci illo inventore iusto consequuntur est ullam, quo reiciendis corrupti, voluptates molestiae laboriosam asperiores quae? Praesentium perferendis et minima, est, fugit possimus ipsam eum facilis impedit, voluptatibus repudiandae tenetur laboriosam magnam inventore vel tempore quasi nulla necessitatibus a dolores? Ratione molestias voluptates magnam quaerat error sequi dolorem ut facere exercitationem est voluptatum ipsam quae, alias dolores quisquam assumenda repudiandae ex eum modi praesentium culpa excepturi accusantium! Temporibus, praesentium tenetur quasi error quae sed aspernatur placeat? Nostrum itaque veritatis rerum deleniti aut optio perferendis illo, distinctio eveniet? Nostrum, ex iste voluptatum consequatur vitae voluptate quod nulla cupiditate modi ipsum enim, incidunt assumenda fugit sapiente distinctio porro quisquam quasi beatae asperiores expedita soluta vel. Odio illo odit sapiente? Natus culpa ipsam nostrum necessitatibus corporis optio cupiditate quia ullam saepe tempore eum odio cum quam dolor, doloremque beatae praesentium sapiente vel quos fuga iure? Inventore deserunt omnis numquam eligendi molestiae veritatis sequi ipsa ipsum iure ratione officiis corporis quam, iusto corrupti, quos dolor earum quasi, officia ex unde dicta ut? Veniam facere itaque aliquid obcaecati. Commodi pariatur amet magnam omnis recusandae, cumque ad. Assumenda facere, cupiditate dicta quisquam debitis repellat non officiis voluptatum doloribus itaque, quia quidem dolor modi illo. Animi a nisi autem explicabo corrupti ducimus! Est provident dolores hic, repellendus sequi reiciendis libero iure quaerat aliquam in voluptatem vitae debitis, placeat enim saepe ratione accusantium, eligendi rerum architecto quis nam animi omnis! Libero obcaecati cupiditate nulla id mollitia, enim nobis nemo rem quo dicta assumenda. Similique, id repudiandae. Sint eum repudiandae quam officiis ullam maiores, inventore explicabo mollitia quo ipsa velit commodi. Eos possimus omnis incidunt. Asperiores adipisci eos porro facilis consectetur dignissimos, quibusdam cupiditate nihil eius excepturi vero atque aperiam rerum repudiandae, in esse officiis dolorum magnam. Velit, reiciendis tempora. Sint sed dolorem praesentium incidunt eaque laudantium a laboriosam voluptates quo rem necessitatibus beatae nostrum temporibus quaerat obcaecati aperiam ratione nobis cumque eum, quibusdam voluptatum vitae odio earum! Consequuntur nihil in distinctio dolores magnam nisi aliquid minus possimus veniam obcaecati rem esse aspernatur, ipsa incidunt nam, blanditiis doloribus cumque molestiae animi commodi? Autem aut nam libero reiciendis non doloribus rerum sit impedit laboriosam vero ab possimus repellendus tenetur in dolores ullam ipsum quo necessitatibus harum, exercitationem magnam quod nostrum adipisci molestiae! Temporibus placeat sapiente necessitatibus eveniet veritatis minima quisquam deserunt tempore qui dolorum corporis provident, dolores illum. Recusandae quas ipsum placeat facere iure, id tempora minus tempore minima? Ducimus excepturi exercitationem quia hic, est iure pariatur nobis animi. Autem, quos. Nisi maxime, nemo voluptates voluptatum excepturi architecto assumenda non! Similique dolorum veniam, placeat fugit qui porro, earum aut odit minima obcaecati explicabo perspiciatis enim ex. Rem vitae ea, iusto modi illo sapiente, provident, aliquid quis doloremque blanditiis labore odio. Ipsum, sequi quod aspernatur rerum, quia quae aliquam, ex doloribus nostrum dicta dolor porro. Corporis, praesentium libero voluptas beatae odit rem labore ipsam accusantium, sapiente maxime placeat, itaque quia qui?";
|
|
6
|
-
export declare const linesWithNewLines: string;
|