@7shifts/sous-chef 3.73.0-beta.0 → 3.73.0-beta.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 (62) hide show
  1. package/dist/forms/TimeField/constants.d.ts +4 -0
  2. package/dist/forms/TimeField/domain.d.ts +1 -1
  3. package/dist/index.css +54 -40
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.js +67 -38
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.modern.js +71 -41
  8. package/dist/index.modern.js.map +1 -1
  9. package/dist/lists/DataTable/DataTableCoverShadow/DataTableCoverShadow.d.ts +3 -3
  10. package/dist/lists/DataTable/DataTableEmptyState/DataTableEmptyState.d.ts +3 -2
  11. package/dist/lists/hooks/useDataTableScrollState.d.ts +0 -2
  12. package/dist/src/actions/Button/Button.d.ts +30 -0
  13. package/dist/src/actions/Button/types.d.ts +4 -0
  14. package/dist/src/actions/Link/types.d.ts +2 -0
  15. package/dist/src/controls/DateFilter/types.d.ts +3 -0
  16. package/dist/src/empty_states/EmptyStateContainer/types.d.ts +31 -0
  17. package/dist/src/feedback/InlineBanner/ButtonCTA/index.d.ts +1 -0
  18. package/dist/src/feedback/InlineBanner/types.d.ts +1 -0
  19. package/dist/src/feedback/PersistentBanner/types.d.ts +1 -0
  20. package/dist/src/feedback/Skeleton/types.d.ts +1 -0
  21. package/dist/src/feedback/Toast/types.d.ts +1 -0
  22. package/dist/src/forms/AsyncSelectField/types.d.ts +5 -0
  23. package/dist/src/forms/DateRangeField/DateRangeCalendar/index.d.ts +1 -0
  24. package/dist/src/forms/Form/types.d.ts +3 -0
  25. package/dist/src/forms/PasswordField/types.d.ts +5 -0
  26. package/dist/src/forms/PhoneField/CountrySelector/index.d.ts +1 -0
  27. package/dist/src/forms/PhoneField/types.d.ts +2 -0
  28. package/dist/src/forms/PillSelectField/types.d.ts +4 -0
  29. package/dist/src/forms/SelectField/domain.d.ts +5 -0
  30. package/dist/src/forms/SelectField/types.d.ts +30 -0
  31. package/dist/src/forms/TimeField/TimeFieldInput/index.d.ts +1 -0
  32. package/dist/src/forms/TimeRangeField/types.d.ts +10 -0
  33. package/dist/src/foundation/tokens/color/color-codes.d.ts +64 -0
  34. package/dist/src/foundation/tokens/color/color-types.d.ts +1 -0
  35. package/dist/src/foundation/tokens/zindex/z-index-types.d.ts +1 -0
  36. package/dist/src/foundation/tokens/zindex/z-index-values.d.ts +9 -0
  37. package/dist/src/foundation/types.d.ts +25 -0
  38. package/dist/src/i18n/types.d.ts +3 -0
  39. package/dist/src/icons/icon-typescript-template.d.ts +9 -0
  40. package/dist/src/icons/types.d.ts +1 -0
  41. package/dist/src/layout/Flex/types.d.ts +8 -0
  42. package/dist/src/layout/Page/types.d.ts +6 -0
  43. package/dist/src/lists/Accordion/types.d.ts +6 -0
  44. package/dist/src/lists/ActionList/type.d.ts +10 -0
  45. package/dist/src/lists/ActionListItem/type.d.ts +1 -0
  46. package/dist/src/lists/DataTable/DataTableHeader/types.d.ts +4 -0
  47. package/dist/src/lists/DataTable/types.d.ts +50 -0
  48. package/dist/src/media/Chip/types.d.ts +1 -0
  49. package/dist/src/media/Pill/types.d.ts +1 -0
  50. package/dist/src/overlay/Calendar/types.d.ts +2 -0
  51. package/dist/src/overlay/Dropdown/types.d.ts +2 -0
  52. package/dist/src/overlay/DropdownPane/index.d.ts +1 -0
  53. package/dist/src/overlay/KebabMenu/types.d.ts +7 -0
  54. package/dist/src/overlay/Tooltip/types.d.ts +6 -0
  55. package/dist/src/overlay/hooks/useListKeyboardNavigation/index.d.ts +2 -0
  56. package/dist/src/overlay/hooks/useListKeyboardNavigation/types.d.ts +6 -0
  57. package/dist/src/tests/utils/mockIntersectionObserver.d.ts +9 -0
  58. package/dist/src/typography/KeyboardKey/index.d.ts +1 -0
  59. package/dist/src/typography/Text/types.d.ts +3 -0
  60. package/dist/src/utils/storybookArgTypes.d.ts +89 -0
  61. package/dist/src/utils/types.d.ts +2 -0
  62. package/package.json +1 -1
package/dist/forms/TimeField/constants.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export declare const TIME_FORMAT: {
2
+ FORMAT_24H: "24h";
3
+ FORMAT_AMPM: "ampm";
4
+ };
package/dist/forms/TimeField/domain.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { StartTime } from '../../utils/date';
2
2
  import { TimeFormat } from './types';
3
- export declare const getTimeOptions: (interval: number, startTime: Date | undefined, skipStartTime: boolean | undefined, timeFormat: TimeFormat) => string[];
3
+ export declare const getTimeOptions: (interval: number, startTime?: Date, skipStartTime?: boolean, timeFormat?: TimeFormat) => string[];
4
4
  export declare const getDuration: (timeOption: string, startTime: string, subtractDuration?: number) => string | undefined;
5
5
  export declare const getDateWithStartTime: (startTime: StartTime) => Date;
package/dist/index.css CHANGED
@@ -2435,13 +2435,14 @@ input:disabled + ._kmvBP::after {
2435
2435
  }
2436
2436
  ._qLE4I table tbody tr:first-of-type > td:first-of-type::after {
2437
2437
  content: "";
2438
- width: 16px;
2439
- height: 1px;
2438
+ display: block;
2439
+ width: 38px;
2440
+ height: 38px;
2440
2441
  position: absolute;
2441
- background: var(--color-white);
2442
- transform: translateZ(-1px);
2443
2442
  left: -1px;
2444
2443
  top: -1px;
2444
+ border-start-start-radius: 50%;
2445
+ box-shadow: -6px -6px 0 0 var(--corner-background-color);
2445
2446
  }
2446
2447
  ._B92Ir:not(._rR4W3) table tr > td:last-of-type {
2447
2448
  transform-style: preserve-3d;
@@ -2478,53 +2479,58 @@ input:disabled + ._kmvBP::after {
2478
2479
  }
2479
2480
  ._ONjpl table tbody tr:first-of-type > td:last-of-type::after {
2480
2481
  content: "";
2481
- width: 16px;
2482
- height: 1px;
2482
+ display: block;
2483
+ width: 38px;
2484
+ height: 38px;
2483
2485
  position: absolute;
2484
- background: var(--color-white);
2485
- transform: translateZ(-1px);
2486
2486
  right: -1px;
2487
2487
  top: -1px;
2488
+ border-start-end-radius: 50%;
2489
+ box-shadow: 6px -6px 0 0 var(--corner-background-color);
2488
2490
  }
2489
2491
  ._ONjpl:not(._DE3fh) table tbody tr:last-of-type > td:last-of-type::after {
2490
2492
  content: "";
2491
- width: 16px;
2492
- height: 1px;
2493
+ display: block;
2494
+ width: 38px;
2495
+ height: 38px;
2493
2496
  position: absolute;
2494
- background: var(--color-white);
2495
- transform: translateZ(-1px);
2496
2497
  right: -1px;
2497
2498
  bottom: -1px;
2499
+ border-end-end-radius: 50%;
2500
+ box-shadow: 6px 6px 0 0 var(--corner-background-color);
2498
2501
  }
2499
2502
  ._qLE4I:not(._DE3fh) table tbody tr:last-of-type > td:first-of-type::after {
2500
2503
  content: "";
2501
- width: 16px;
2502
- height: 1px;
2504
+ display: block;
2505
+ width: 38px;
2506
+ height: 38px;
2503
2507
  position: absolute;
2504
- background: var(--color-white);
2505
- transform: translateZ(-1px);
2506
2508
  left: -1px;
2507
2509
  bottom: -1px;
2510
+ border-end-start-radius: 50%;
2511
+ box-shadow: -6px 6px 0 0 var(--corner-background-color);
2508
2512
  }
2509
2513
  ._DE3fh._ONjpl table tfoot tr:last-of-type > td:last-of-type::after {
2510
2514
  content: "";
2511
- width: 16px;
2512
- height: 1px;
2515
+ display: block;
2516
+ width: 38px;
2517
+ height: 38px;
2513
2518
  position: absolute;
2514
- background: var(--color-white);
2515
- transform: translateZ(-1px);
2516
2519
  right: -1px;
2517
2520
  bottom: -1px;
2521
+ border-end-end-radius: 50%;
2522
+ box-shadow: 6px 6px 0 0 var(--corner-background-color);
2518
2523
  }
2519
2524
  ._DE3fh._qLE4I table tfoot tr:last-of-type > td:first-of-type::after {
2520
2525
  content: "";
2521
- width: 16px;
2522
- height: 1px;
2526
+ display: block;
2527
+ width: 38px;
2528
+ height: 38px;
2523
2529
  position: absolute;
2524
- background: var(--color-white);
2525
- transform: translateZ(-1px);
2526
2530
  left: -1px;
2527
2531
  bottom: -1px;
2532
+ border-end-start-radius: 50%;
2533
+ box-shadow: -6px 6px 0 0 var(--corner-background-color);
2528
2534
  }
2529
2535
  @keyframes _Fr-av {
2530
2536
  from {
@@ -2557,28 +2563,32 @@ input:disabled + ._kmvBP::after {
2557
2563
  border-top-left-radius: var(--border-radius-600);
2558
2564
  left: 0;
2559
2565
  bottom: 0;
2566
+ }
2567
+ ._VXlf0 {
2560
2568
  box-shadow: inset 5px 0px 9px -5px rgba(136, 136, 136, 0.1882352941);
2561
2569
  animation: _Fr-av 1s;
2562
2570
  }
2563
2571
  ._k704p::after {
2564
2572
  content: "";
2565
- width: 16px;
2566
- height: 1px;
2573
+ display: block;
2574
+ width: 38px;
2575
+ height: 38px;
2567
2576
  position: absolute;
2568
- background: var(--color-white);
2569
- transform: translateZ(-1px);
2570
2577
  left: -1px;
2571
2578
  top: -1px;
2579
+ border-start-start-radius: 50%;
2580
+ box-shadow: -6px -6px 0 0 var(--corner-background-color);
2572
2581
  }
2573
2582
  ._k704p::before {
2574
2583
  content: "";
2575
- width: 16px;
2576
- height: 1px;
2584
+ display: block;
2585
+ width: 38px;
2586
+ height: 38px;
2577
2587
  position: absolute;
2578
- background: var(--color-white);
2579
- transform: translateZ(-1px);
2580
2588
  left: -1px;
2581
2589
  bottom: -1px;
2590
+ border-end-start-radius: 50%;
2591
+ box-shadow: -6px 6px 0 0 var(--corner-background-color);
2582
2592
  }
2583
2593
  ._wOust {
2584
2594
  border: 1px solid var(--color-grey-200);
@@ -2587,28 +2597,32 @@ input:disabled + ._kmvBP::after {
2587
2597
  border-top-right-radius: var(--border-radius-600);
2588
2598
  right: 0;
2589
2599
  bottom: 0;
2600
+ }
2601
+ ._b3Rzx {
2590
2602
  box-shadow: inset -5px 0px 9px -5px rgba(136, 136, 136, 0.1882352941);
2591
2603
  animation: _KgJaq 1s;
2592
2604
  }
2593
2605
  ._wOust::after {
2594
2606
  content: "";
2595
- width: 16px;
2596
- height: 1px;
2607
+ display: block;
2608
+ width: 38px;
2609
+ height: 38px;
2597
2610
  position: absolute;
2598
- background: var(--color-white);
2599
- transform: translateZ(-1px);
2600
2611
  right: -1px;
2601
2612
  top: -1px;
2613
+ border-start-end-radius: 50%;
2614
+ box-shadow: 6px -6px 0 0 var(--corner-background-color);
2602
2615
  }
2603
2616
  ._wOust::before {
2604
2617
  content: "";
2605
- width: 16px;
2606
- height: 1px;
2618
+ display: block;
2619
+ width: 38px;
2620
+ height: 38px;
2607
2621
  position: absolute;
2608
- background: var(--color-white);
2609
- transform: translateZ(-1px);
2610
2622
  right: -1px;
2611
2623
  bottom: -1px;
2624
+ border-end-end-radius: 50%;
2625
+ box-shadow: 6px 6px 0 0 var(--corner-background-color);
2612
2626
  }
2613
2627
  ._fCHjG {
2614
2628
  display: flex;