@nok-integration/storefront-react 0.20.17 → 0.21.1

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.
Files changed (6) hide show
  1. package/dist/index.d.ts +320 -41
  2. package/dist/index.mjs +903 -539
  3. package/dist/standalone/storefront.mjs +903 -539
  4. package/dist/standalone/styles.css +71 -0
  5. package/dist/styles.css +71 -0
  6. package/package.json +1 -1
package/dist/standalone/styles.css CHANGED
@@ -3506,6 +3506,77 @@
3506
3506
  column-gap: var(--space-12);
3507
3507
  row-gap: var(--space-12);
3508
3508
  }
3509
+ ._hero_1j0m8_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_1j0m8_11 {
3519
+ position: absolute;
3520
+ inset: 0;
3521
+ }
3522
+ ._image_1j0m8_11::after {
3523
+ content: "";
3524
+ position: absolute;
3525
+ inset: 0;
3526
+ background:
3527
+ linear-gradient(
3528
+ to top,
3529
+ rgba(8, 14, 18, 0.82) 0,
3530
+ rgba(8, 14, 18, 0.82) 227px,
3531
+ rgba(8, 14, 18, 0) 382px);
3532
+ pointer-events: none;
3533
+ }
3534
+ ._image_1j0m8_11 img {
3535
+ object-fit: cover;
3536
+ object-position: top center;
3537
+ }
3538
+ ._foot_1j0m8_34 {
3539
+ position: relative;
3540
+ display: flex;
3541
+ flex-direction: column;
3542
+ }
3543
+ ._text_1j0m8_40 {
3544
+ display: flex;
3545
+ flex-direction: column;
3546
+ align-items: center;
3547
+ gap: var(--space-16);
3548
+ padding: 0 var(--space-16) var(--space-8);
3549
+ }
3550
+ ._text_1j0m8_40 ._logo_1j0m8_48 {
3551
+ width: 48px;
3552
+ height: 48px;
3553
+ }
3554
+ ._copy_1j0m8_53 {
3555
+ display: flex;
3556
+ flex-direction: column;
3557
+ gap: 6px;
3558
+ width: 100%;
3559
+ text-align: center;
3560
+ overflow-wrap: break-word;
3561
+ }
3562
+ ._headline_1j0m8_62 {
3563
+ margin: 0;
3564
+ font-size: 36px;
3565
+ line-height: 1.1;
3566
+ font-weight: var(--font-weight-bold);
3567
+ color: var(--color-text-default);
3568
+ }
3569
+ ._body_1j0m8_70 {
3570
+ margin: 0;
3571
+ font-size: var(--type-paragraph-size);
3572
+ line-height: var(--type-paragraph-line);
3573
+ font-weight: var(--font-weight-regular);
3574
+ color: var(--color-text-default);
3575
+ white-space: pre-line;
3576
+ }
3577
+ ._cta_1j0m8_79 {
3578
+ padding: var(--space-16) var(--space-16) var(--space-24);
3579
+ }
3509
3580
  ._showcase_9ibf6_14 {
3510
3581
  --chrome-bleed: 0px;
3511
3582
  background: #080e12;
package/dist/styles.css CHANGED
@@ -3506,6 +3506,77 @@
3506
3506
  column-gap: var(--space-12);
3507
3507
  row-gap: var(--space-12);
3508
3508
  }
3509
+ ._hero_1j0m8_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_1j0m8_11 {
3519
+ position: absolute;
3520
+ inset: 0;
3521
+ }
3522
+ ._image_1j0m8_11::after {
3523
+ content: "";
3524
+ position: absolute;
3525
+ inset: 0;
3526
+ background:
3527
+ linear-gradient(
3528
+ to top,
3529
+ rgba(8, 14, 18, 0.82) 0,
3530
+ rgba(8, 14, 18, 0.82) 227px,
3531
+ rgba(8, 14, 18, 0) 382px);
3532
+ pointer-events: none;
3533
+ }
3534
+ ._image_1j0m8_11 img {
3535
+ object-fit: cover;
3536
+ object-position: top center;
3537
+ }
3538
+ ._foot_1j0m8_34 {
3539
+ position: relative;
3540
+ display: flex;
3541
+ flex-direction: column;
3542
+ }
3543
+ ._text_1j0m8_40 {
3544
+ display: flex;
3545
+ flex-direction: column;
3546
+ align-items: center;
3547
+ gap: var(--space-16);
3548
+ padding: 0 var(--space-16) var(--space-8);
3549
+ }
3550
+ ._text_1j0m8_40 ._logo_1j0m8_48 {
3551
+ width: 48px;
3552
+ height: 48px;
3553
+ }
3554
+ ._copy_1j0m8_53 {
3555
+ display: flex;
3556
+ flex-direction: column;
3557
+ gap: 6px;
3558
+ width: 100%;
3559
+ text-align: center;
3560
+ overflow-wrap: break-word;
3561
+ }
3562
+ ._headline_1j0m8_62 {
3563
+ margin: 0;
3564
+ font-size: 36px;
3565
+ line-height: 1.1;
3566
+ font-weight: var(--font-weight-bold);
3567
+ color: var(--color-text-default);
3568
+ }
3569
+ ._body_1j0m8_70 {
3570
+ margin: 0;
3571
+ font-size: var(--type-paragraph-size);
3572
+ line-height: var(--type-paragraph-line);
3573
+ font-weight: var(--font-weight-regular);
3574
+ color: var(--color-text-default);
3575
+ white-space: pre-line;
3576
+ }
3577
+ ._cta_1j0m8_79 {
3578
+ padding: var(--space-16) var(--space-16) var(--space-24);
3579
+ }
3509
3580
  ._showcase_9ibf6_14 {
3510
3581
  --chrome-bleed: 0px;
3511
3582
  background: #080e12;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nok-integration/storefront-react",
3
- "version": "0.20.17",
3
+ "version": "0.21.1",
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",