@7shifts/sous-chef 3.34.0-beta0 → 3.34.0-beta1

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.
@@ -1,4 +1,7 @@
1
1
  import React from 'react';
2
2
  import { EmptyStateProps } from '../types';
3
- declare const EmptyStateContainerStack: ({ header, title, children, mediaUrl, actions, caption, isPaywall, testId }: EmptyStateProps) => React.JSX.Element;
3
+ type Props = {
4
+ mediaComponent?: React.ReactNode;
5
+ } & EmptyStateProps;
6
+ declare const EmptyStateContainerStack: ({ header, title, children, mediaUrl, actions, caption, isPaywall, testId, mediaComponent }: Props) => React.JSX.Element;
4
7
  export default EmptyStateContainerStack;
package/dist/index.css CHANGED
@@ -2430,6 +2430,11 @@ input:disabled + ._2W10t::after {
2430
2430
  right: -1px;
2431
2431
  bottom: -1px;
2432
2432
  }
2433
+ ._3mHDL {
2434
+ display: flex;
2435
+ width: 100%;
2436
+ justify-content: center;
2437
+ }
2433
2438
  ._11ygA {
2434
2439
  display: flex;
2435
2440
  justify-content: space-between;
@@ -2465,57 +2470,6 @@ input:disabled + ._2W10t::after {
2465
2470
  justify-content: center;
2466
2471
  }
2467
2472
  }
2468
- ._1AdW7 {
2469
- display: flex;
2470
- flex-direction: row;
2471
- justify-content: space-between;
2472
- }
2473
- ._Y1L-A {
2474
- flex-direction: row-reverse;
2475
- padding-top: 20px;
2476
- padding-bottom: 20px;
2477
- }
2478
- ._1E308 {
2479
- display: flex;
2480
- flex-direction: column;
2481
- justify-content: center;
2482
- gap: 20px;
2483
- }
2484
- ._P5jRb {
2485
- max-width: 500px;
2486
- }
2487
- ._vkAs2 {
2488
- max-width: 667px;
2489
- }
2490
- ._1o2PF {
2491
- color: var(--color-grey-500);
2492
- font-size: 14px;
2493
- }
2494
- ._mfMlg {
2495
- display: flex;
2496
- flex-direction: column;
2497
- justify-content: center;
2498
- }
2499
-
2500
- @media screen and (max-width: 900px) {
2501
- ._1AdW7:not(._Y1L-A) {
2502
- align-items: center;
2503
- text-align: center;
2504
- flex-direction: column-reverse;
2505
- }
2506
- }
2507
- ._DrBEi {
2508
- padding: 12px 16px;
2509
- }
2510
- ._3YbH7 {
2511
- display: flex;
2512
- justify-content: center;
2513
- }
2514
- ._3mHDL {
2515
- display: flex;
2516
- width: 100%;
2517
- justify-content: center;
2518
- }
2519
2473
  ._1JTKu {
2520
2474
  flex: 1;
2521
2475
  display: "flex";
@@ -4581,10 +4535,56 @@ input._1zowl {
4581
4535
  background-color: var(--color-blueberry-200);
4582
4536
  color: var(--color-blueberry-600);
4583
4537
  }
4538
+ ._1AdW7 {
4539
+ display: flex;
4540
+ flex-direction: row;
4541
+ justify-content: space-between;
4542
+ }
4543
+ ._Y1L-A {
4544
+ flex-direction: row-reverse;
4545
+ padding-top: 20px;
4546
+ padding-bottom: 20px;
4547
+ }
4548
+ ._1E308 {
4549
+ display: flex;
4550
+ flex-direction: column;
4551
+ justify-content: center;
4552
+ gap: 20px;
4553
+ }
4554
+ ._P5jRb {
4555
+ max-width: 500px;
4556
+ }
4557
+ ._vkAs2 {
4558
+ max-width: 667px;
4559
+ }
4560
+ ._1o2PF {
4561
+ color: var(--color-grey-500);
4562
+ font-size: 14px;
4563
+ }
4564
+ ._mfMlg {
4565
+ display: flex;
4566
+ flex-direction: column;
4567
+ justify-content: center;
4568
+ }
4569
+
4570
+ @media screen and (max-width: 900px) {
4571
+ ._1AdW7:not(._Y1L-A) {
4572
+ align-items: center;
4573
+ text-align: center;
4574
+ flex-direction: column-reverse;
4575
+ }
4576
+ }
4584
4577
  ._3kFM9 {
4585
4578
  padding: 12px 16px;
4586
4579
  }
4587
4580
  ._3kmTB {
4588
4581
  display: flex;
4589
4582
  justify-content: center;
4583
+ }
4584
+ ._DrBEi {
4585
+ padding: 12px 16px;
4586
+ }
4587
+ ._3YbH7 {
4588
+ display: flex;
4589
+ justify-content: center;
4590
4590
  }