@nok-integration/storefront-react 0.22.2 → 0.22.4

package/dist/standalone/styles.css

@@ -1518,32 +1518,33 @@
   line-height: 1.5;
   text-decoration: underline;
 }
-._crumbs_1c5rq_1,
-._help_1c5rq_2,
-._skeleton_1c5rq_3 {
+._crumbs_19inq_1,
+._help_19inq_2,
+._skeleton_19inq_3 {
   display: none;
 }
 @media (min-width: 1200px) {
-  ._crumbs_1c5rq_1 {
+  ._crumbs_19inq_1 {
     display: block;
     grid-area: crumbs;
     margin-bottom: 29px;
   }
-  ._help_1c5rq_2 {
+  ._help_19inq_2 {
     display: block;
   }
-  ._skeleton_1c5rq_3 {
+  ._skeleton_19inq_3 {
     display: grid;
     grid-template-columns: 560px 432px;
     grid-template-areas: "crumbs crumbs" "main aside";
     column-gap: 96px;
     align-items: start;
+    align-content: start;
     justify-content: center;
     padding: 54px 0 64px;
-    flex: 1 0 auto;
+    min-height: inherit;
     background: var(--color-surface-base);
   }
-  ._skeleton_1c5rq_3 span[aria-hidden=true] {
+  ._skeleton_19inq_3 span[aria-hidden=true] {
     background:
       linear-gradient(
         90deg,
@@ -1552,123 +1553,123 @@
         var(--color-border-default) 63%);
     background-size: 400% 100%;
   }
-  ._skeleton_1c5rq_3 ._skConnector_1c5rq_42 {
+  ._skeleton_19inq_3 ._skConnector_19inq_43 {
     background: var(--color-surface-soft);
   }
-  ._skMain_1c5rq_46 {
+  ._skMain_19inq_47 {
     grid-area: main;
     display: flex;
     flex-direction: column;
   }
-  ._skSubtitle_1c5rq_52 {
+  ._skSubtitle_19inq_53 {
     margin-top: 10px;
   }
-  ._skTimeline_1c5rq_56 {
+  ._skTimeline_19inq_57 {
     display: flex;
     flex-direction: column;
     margin-top: 17px;
     padding-left: 5px;
   }
-  ._skStep_1c5rq_63 {
+  ._skStep_19inq_64 {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     height: 24px;
   }
-  ._skStepText_1c5rq_70 {
+  ._skStepText_19inq_71 {
     display: flex;
     flex-direction: column;
     gap: 7px;
     padding-top: 5px;
   }
-  ._skConnector_1c5rq_42 {
+  ._skConnector_19inq_43 {
     width: 1px;
     margin: 2px 0 2px 11.5px;
     background: var(--color-surface-soft);
   }
-  ._skAside_1c5rq_83 {
+  ._skAside_19inq_84 {
     grid-area: aside;
     display: flex;
     flex-direction: column;
     gap: 16px;
   }
-  ._skLine_1c5rq_90 {
+  ._skLine_19inq_91 {
     display: flex;
     align-items: flex-start;
     gap: 12px;
   }
-  ._skLineText_1c5rq_96 {
+  ._skLineText_19inq_97 {
     display: flex;
     flex-direction: column;
     gap: 17px;
     flex: 1 1 0;
     padding-top: 3px;
   }
-  ._skMeta_1c5rq_104 {
+  ._skMeta_19inq_105 {
     display: flex;
     align-items: center;
     gap: 4px;
     padding-left: 1px;
   }
-  ._skBadge_1c5rq_111 {
+  ._skBadge_19inq_112 {
     margin-left: 27px;
   }
-  ._skPrice_1c5rq_115 {
+  ._skPrice_19inq_116 {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     gap: 3px;
     padding-top: 2px;
   }
-  ._skCard_1c5rq_123 {
+  ._skCard_19inq_124 {
     display: flex;
     flex-direction: column;
     box-shadow: inset 0 0 0 1px var(--color-border-default);
     border-radius: var(--radius-18);
     padding: 23px 17px 0;
   }
-  ._skAddress_1c5rq_131 {
+  ._skAddress_19inq_132 {
     height: 113px;
     gap: 41px;
   }
-  ._skSummary_1c5rq_136 {
+  ._skSummary_19inq_137 {
     height: 240px;
   }
-  ._skSummary_1c5rq_136 {
+  ._skSummary_19inq_137 {
     position: relative;
   }
-  ._skCell_1c5rq_144 {
+  ._skCell_19inq_145 {
     position: absolute;
     display: block;
   }
-  ._skHelp_1c5rq_149 {
+  ._skHelp_19inq_150 {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 8px 0;
   }
-  ._skHelp_1c5rq_149 > :last-child {
+  ._skHelp_19inq_150 > :last-child {
     margin-top: 2px;
   }
 }
-._page_1baop_8 {
+._page_j9tz4_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._widget_1baop_18 {
+._widget_j9tz4_18 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
 }
-._titleRow_1baop_26 {
+._titleRow_j9tz4_26 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-12);
 }
-._headline_1baop_42 {
+._headline_j9tz4_42 {
   margin: -9px 0;
   padding: 9px 0;
   min-width: 0;
@@ -1679,7 +1680,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._track_1baop_74 {
+._track_j9tz4_74 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-6);
@@ -1690,43 +1691,43 @@
   color: var(--color-text-default);
   text-decoration: none;
 }
-._track_1baop_74:focus-visible {
+._track_j9tz4_74:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._rule_1baop_99 {
+._rule_j9tz4_99 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._help_1baop_109 {
+._help_j9tz4_109 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._helpTitle_1baop_115 {
+._helpTitle_j9tz4_115 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
 }
-._helpRows_1baop_122 {
+._helpRows_j9tz4_122 {
   display: flex;
   flex-direction: column;
 }
-._helpRowEnd_1baop_131 {
+._helpRowEnd_j9tz4_131 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
   min-width: 0;
 }
-._helpStatus_1baop_139 {
+._helpStatus_j9tz4_139 {
   color: var(--color-text-subtle);
   white-space: nowrap;
 }
-._helpRow_1baop_122 {
+._helpRow_j9tz4_122 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1744,14 +1745,14 @@
   text-align: left;
   cursor: pointer;
 }
-._helpRow_1baop_122 + ._helpRow_1baop_122 {
+._helpRow_j9tz4_122 + ._helpRow_j9tz4_122 {
   border-top: 1px solid var(--color-border-subtle);
 }
-._helpRow_1baop_122:focus-visible {
+._helpRow_j9tz4_122:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancel_1baop_197 {
+._cancel_j9tz4_197 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1768,54 +1769,55 @@
   font-weight: var(--font-weight-bold);
   cursor: pointer;
 }
-._cancel_1baop_197:focus-visible {
+._cancel_j9tz4_197:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancelledHead_1baop_221 {
+._cancelledHead_j9tz4_221 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._cancelledTitle_1baop_227 {
+._cancelledTitle_j9tz4_227 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._cancelledMeta_1baop_241 {
+._cancelledMeta_j9tz4_241 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
   line-height: var(--type-trimmed-leading);
   margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
   color: var(--color-text-subtle);
 }
-._aside_1baop_249 {
+._aside_j9tz4_249 {
   display: contents;
 }
 @media (min-width: 1200px) {
-  ._phoneSkeleton_1baop_254 {
+  ._phoneSkeleton_j9tz4_254 {
     display: none;
   }
-  ._wide_1baop_258 {
+  ._wide_j9tz4_258 {
     display: grid;
     grid-template-columns: 560px 432px;
     grid-template-areas: "crumbs crumbs" "main aside";
     column-gap: 96px;
     row-gap: 0;
     align-items: start;
+    align-content: start;
     justify-content: center;
     padding: 54px 0 64px;
     background: var(--color-surface-base);
   }
-  ._wide_1baop_258 > ._widget_1baop_18 {
+  ._wide_j9tz4_258 > ._widget_j9tz4_18 {
     grid-area: main;
   }
-  ._wide_1baop_258 > ._rule_1baop_99 {
+  ._wide_j9tz4_258 > ._rule_j9tz4_99 {
     display: none;
   }
-  ._wide_1baop_258 > ._aside_1baop_249 {
+  ._wide_j9tz4_258 > ._aside_j9tz4_249 {
     grid-area: aside;
     display: flex;
     flex-direction: column;
@@ -1823,37 +1825,37 @@
   }
 }
 @media (min-width: 1200px) {
-  ._wide_1baop_258 {
-    flex: 1 0 auto;
+  ._wide_j9tz4_258 {
+    min-height: inherit;
   }
-  ._wide_1baop_258 > ._widget_1baop_18 li:not(:last-child) [data-state=future] {
+  ._wide_j9tz4_258 > ._widget_j9tz4_18 li:not(:last-child) [data-state=future] {
     color: var(--color-text-disabled);
   }
 }
-._page_11i01_6 {
+._page_1c6sm_6 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._confirmed_11i01_16 {
+._confirmed_1c6sm_16 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
 }
-._title_11i01_22 {
+._title_1c6sm_22 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._headline_11i01_47 {
+._headline_1c6sm_47 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 14px;
   font-weight: var(--font-weight-bold);
   color: var(--color-state-text-success);
 }
-._subtitle_11i01_65 {
+._subtitle_1c6sm_65 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-paragraph-size);
@@ -1864,40 +1866,41 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._rule_11i01_77 {
+._rule_1c6sm_77 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._done_11i01_94 {
+._done_1c6sm_94 {
   border-color: var(--color-surface-max);
 }
-._aside_11i01_98 {
+._aside_1c6sm_98 {
   display: contents;
 }
 @media (min-width: 1200px) {
-  ._phoneSkeleton_11i01_103 {
+  ._phoneSkeleton_1c6sm_103 {
     display: none;
   }
-  ._wide_11i01_107 {
+  ._wide_1c6sm_107 {
     display: grid;
     grid-template-columns: 560px 432px;
     grid-template-areas: "crumbs crumbs" "main aside";
     column-gap: 96px;
     row-gap: 0;
     align-items: start;
+    align-content: start;
     justify-content: center;
     padding: 54px 0 64px;
     background: var(--color-surface-base);
   }
-  ._wide_11i01_107 > ._confirmed_11i01_16 {
+  ._wide_1c6sm_107 > ._confirmed_1c6sm_16 {
     grid-area: main;
   }
-  ._wide_11i01_107 > ._rule_11i01_77 {
+  ._wide_1c6sm_107 > ._rule_1c6sm_77 {
     display: none;
   }
-  ._wide_11i01_107 > ._aside_11i01_98 {
+  ._wide_1c6sm_107 > ._aside_1c6sm_98 {
     grid-area: aside;
     display: flex;
     flex-direction: column;
@@ -1905,8 +1908,8 @@
   }
 }
 @media (min-width: 1200px) {
-  ._wide_11i01_107 {
-    flex: 1 0 auto;
+  ._wide_1c6sm_107 {
+    min-height: inherit;
   }
 }
 ._badge_u46qd_6 {