@nok-integration/storefront-react 0.20.17 → 0.21.0
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/dist/index.d.ts +320 -41
- package/dist/index.mjs +903 -539
- package/dist/standalone/storefront.mjs +903 -539
- package/dist/standalone/styles.css +59 -0
- package/dist/styles.css +59 -0
- package/package.json +1 -1
|
@@ -3506,6 +3506,65 @@
|
|
|
3506
3506
|
column-gap: var(--space-12);
|
|
3507
3507
|
row-gap: var(--space-12);
|
|
3508
3508
|
}
|
|
3509
|
+
._hero_1h61y_1 {
|
|
3510
|
+
position: relative;
|
|
3511
|
+
display: flex;
|
|
3512
|
+
flex-direction: column;
|
|
3513
|
+
justify-content: flex-end;
|
|
3514
|
+
min-height: clamp(480px, calc(100svh - var(--vip-hero-top, 0px)), 812px);
|
|
3515
|
+
overflow: hidden;
|
|
3516
|
+
background: var(--color-surface-default);
|
|
3517
|
+
}
|
|
3518
|
+
._image_1h61y_11 {
|
|
3519
|
+
position: absolute;
|
|
3520
|
+
inset: 0;
|
|
3521
|
+
}
|
|
3522
|
+
._image_1h61y_11 img {
|
|
3523
|
+
object-fit: cover;
|
|
3524
|
+
object-position: top center;
|
|
3525
|
+
}
|
|
3526
|
+
._foot_1h61y_21 {
|
|
3527
|
+
position: relative;
|
|
3528
|
+
display: flex;
|
|
3529
|
+
flex-direction: column;
|
|
3530
|
+
}
|
|
3531
|
+
._text_1h61y_27 {
|
|
3532
|
+
display: flex;
|
|
3533
|
+
flex-direction: column;
|
|
3534
|
+
align-items: center;
|
|
3535
|
+
gap: var(--space-16);
|
|
3536
|
+
padding: 0 var(--space-16) var(--space-8);
|
|
3537
|
+
}
|
|
3538
|
+
._text_1h61y_27 ._logo_1h61y_35 {
|
|
3539
|
+
width: 48px;
|
|
3540
|
+
height: 48px;
|
|
3541
|
+
}
|
|
3542
|
+
._copy_1h61y_40 {
|
|
3543
|
+
display: flex;
|
|
3544
|
+
flex-direction: column;
|
|
3545
|
+
gap: 6px;
|
|
3546
|
+
width: 100%;
|
|
3547
|
+
text-align: center;
|
|
3548
|
+
overflow-wrap: break-word;
|
|
3549
|
+
}
|
|
3550
|
+
._headline_1h61y_49 {
|
|
3551
|
+
margin: 0;
|
|
3552
|
+
font-size: 36px;
|
|
3553
|
+
line-height: 1.1;
|
|
3554
|
+
font-weight: var(--font-weight-bold);
|
|
3555
|
+
color: var(--color-text-default);
|
|
3556
|
+
}
|
|
3557
|
+
._body_1h61y_57 {
|
|
3558
|
+
margin: 0;
|
|
3559
|
+
font-size: var(--type-paragraph-size);
|
|
3560
|
+
line-height: var(--type-paragraph-line);
|
|
3561
|
+
font-weight: var(--font-weight-regular);
|
|
3562
|
+
color: var(--color-text-default);
|
|
3563
|
+
white-space: pre-line;
|
|
3564
|
+
}
|
|
3565
|
+
._cta_1h61y_66 {
|
|
3566
|
+
padding: var(--space-16) var(--space-16) var(--space-24);
|
|
3567
|
+
}
|
|
3509
3568
|
._showcase_9ibf6_14 {
|
|
3510
3569
|
--chrome-bleed: 0px;
|
|
3511
3570
|
background: #080e12;
|
package/dist/styles.css
CHANGED
|
@@ -3506,6 +3506,65 @@
|
|
|
3506
3506
|
column-gap: var(--space-12);
|
|
3507
3507
|
row-gap: var(--space-12);
|
|
3508
3508
|
}
|
|
3509
|
+
._hero_1h61y_1 {
|
|
3510
|
+
position: relative;
|
|
3511
|
+
display: flex;
|
|
3512
|
+
flex-direction: column;
|
|
3513
|
+
justify-content: flex-end;
|
|
3514
|
+
min-height: clamp(480px, calc(100svh - var(--vip-hero-top, 0px)), 812px);
|
|
3515
|
+
overflow: hidden;
|
|
3516
|
+
background: var(--color-surface-default);
|
|
3517
|
+
}
|
|
3518
|
+
._image_1h61y_11 {
|
|
3519
|
+
position: absolute;
|
|
3520
|
+
inset: 0;
|
|
3521
|
+
}
|
|
3522
|
+
._image_1h61y_11 img {
|
|
3523
|
+
object-fit: cover;
|
|
3524
|
+
object-position: top center;
|
|
3525
|
+
}
|
|
3526
|
+
._foot_1h61y_21 {
|
|
3527
|
+
position: relative;
|
|
3528
|
+
display: flex;
|
|
3529
|
+
flex-direction: column;
|
|
3530
|
+
}
|
|
3531
|
+
._text_1h61y_27 {
|
|
3532
|
+
display: flex;
|
|
3533
|
+
flex-direction: column;
|
|
3534
|
+
align-items: center;
|
|
3535
|
+
gap: var(--space-16);
|
|
3536
|
+
padding: 0 var(--space-16) var(--space-8);
|
|
3537
|
+
}
|
|
3538
|
+
._text_1h61y_27 ._logo_1h61y_35 {
|
|
3539
|
+
width: 48px;
|
|
3540
|
+
height: 48px;
|
|
3541
|
+
}
|
|
3542
|
+
._copy_1h61y_40 {
|
|
3543
|
+
display: flex;
|
|
3544
|
+
flex-direction: column;
|
|
3545
|
+
gap: 6px;
|
|
3546
|
+
width: 100%;
|
|
3547
|
+
text-align: center;
|
|
3548
|
+
overflow-wrap: break-word;
|
|
3549
|
+
}
|
|
3550
|
+
._headline_1h61y_49 {
|
|
3551
|
+
margin: 0;
|
|
3552
|
+
font-size: 36px;
|
|
3553
|
+
line-height: 1.1;
|
|
3554
|
+
font-weight: var(--font-weight-bold);
|
|
3555
|
+
color: var(--color-text-default);
|
|
3556
|
+
}
|
|
3557
|
+
._body_1h61y_57 {
|
|
3558
|
+
margin: 0;
|
|
3559
|
+
font-size: var(--type-paragraph-size);
|
|
3560
|
+
line-height: var(--type-paragraph-line);
|
|
3561
|
+
font-weight: var(--font-weight-regular);
|
|
3562
|
+
color: var(--color-text-default);
|
|
3563
|
+
white-space: pre-line;
|
|
3564
|
+
}
|
|
3565
|
+
._cta_1h61y_66 {
|
|
3566
|
+
padding: var(--space-16) var(--space-16) var(--space-24);
|
|
3567
|
+
}
|
|
3509
3568
|
._showcase_9ibf6_14 {
|
|
3510
3569
|
--chrome-bleed: 0px;
|
|
3511
3570
|
background: #080e12;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nok-integration/storefront-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.21.0",
|
|
4
4
|
"description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"type": "module",
|