anteriority-ui 1.6.0 → 1.7.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.
Files changed (42) hide show
  1. package/.verify-bundle.css +388 -11
  2. package/.verify-bundle.js +2 -2
  3. package/AnteriorityUI.md +251 -3
  4. package/README.md +7 -1
  5. package/common/hooks/useKeyboardShortcut.js +49 -0
  6. package/common/hooks/usePasteImage.js +57 -0
  7. package/common/icons/index.js +2 -2
  8. package/index.js +92 -84
  9. package/lucide.js +1 -0
  10. package/package.json +1 -1
  11. package/screens/components/CommandPalette/constants.js +24 -0
  12. package/screens/components/CommandPalette/index.js +209 -0
  13. package/screens/components/CommandPalette/index.module.css +205 -0
  14. package/screens/components/Icons/findIcons.js +1 -1
  15. package/screens/components/Icons/registry.js +31 -31
  16. package/screens/components/ImagePastePreview/constants.js +14 -0
  17. package/screens/components/ImagePastePreview/index.js +53 -0
  18. package/screens/components/ImagePastePreview/index.module.css +47 -0
  19. package/screens/components/KeyboardShortcut/index.js +9 -0
  20. package/screens/components/Material-UI/Components/MultilinePlaceholder/constants.js +16 -0
  21. package/screens/components/Material-UI/Components/MultilinePlaceholder/index.js +73 -22
  22. package/screens/components/Material-UI/Components/MultilinePlaceholder/index.module.css +25 -0
  23. package/screens/components/NotificationsPanel/constants.js +4 -0
  24. package/screens/components/NotificationsPanel/index.js +37 -6
  25. package/screens/components/NotificationsPanel/index.module.css +33 -3
  26. package/screens/components/PasteImageField/constants.js +14 -0
  27. package/screens/components/PasteImageField/index.js +56 -0
  28. package/screens/components/PasteImageField/index.module.css +6 -0
  29. package/screens/components/Sidebar/index.js +248 -249
  30. package/screens/components/Sidebar/utils.js +0 -4
  31. package/screens/components/TableA/index.js +2 -1
  32. package/screens/components/TableB/index.js +27 -4
  33. package/screens/components/TopBar/components/NavDropdown/index.js +45 -0
  34. package/screens/components/TopBar/components/NavDropdown/index.module.css +23 -0
  35. package/screens/components/TopBar/components/NavLinks/index.js +72 -0
  36. package/screens/components/TopBar/components/SearchBar/index.js +38 -0
  37. package/screens/components/TopBar/components/TopBarActions/index.js +47 -0
  38. package/screens/components/TopBar/components/UserMenu/index.js +84 -0
  39. package/screens/components/TopBar/constants.js +2 -0
  40. package/screens/components/TopBar/index.js +151 -151
  41. package/screens/components/TopBar/index.module.css +88 -8
  42. package/screens/components/TopBar/utils.js +47 -0
@@ -2812,6 +2812,190 @@
2812
2812
  color: var(--color-danger, #ea1f1f);
2813
2813
  }
2814
2814
 
2815
+ /* dist/screens/components/CommandPalette/index.module.css */
2816
+ .CommandPalette_overlay {
2817
+ position: fixed;
2818
+ top: 0;
2819
+ left: 0;
2820
+ width: 100vw;
2821
+ height: 100vh;
2822
+ background: rgba(0, 0, 0, 0.5);
2823
+ backdrop-filter: blur(4px);
2824
+ z-index: 9999;
2825
+ display: flex;
2826
+ justify-content: center;
2827
+ align-items: flex-start;
2828
+ padding-top: 12vh;
2829
+ box-sizing: border-box;
2830
+ animation: CommandPalette_overlayFadeIn 0.15s ease-out;
2831
+ }
2832
+ @keyframes CommandPalette_overlayFadeIn {
2833
+ from {
2834
+ opacity: 0;
2835
+ }
2836
+ to {
2837
+ opacity: 1;
2838
+ }
2839
+ }
2840
+ .CommandPalette_palette {
2841
+ width: min(640px, 92vw);
2842
+ max-height: 70vh;
2843
+ display: flex;
2844
+ flex-direction: column;
2845
+ background-color: var(--palette-bg, #1b1d23);
2846
+ color: var(--palette-text, #e6edf3);
2847
+ border: 1px solid var(--palette-border, #30363d);
2848
+ border-radius: 12px;
2849
+ box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
2850
+ overflow: hidden;
2851
+ font-family: var(--font-sans);
2852
+ animation: CommandPalette_paletteSlideIn 0.15s ease-out;
2853
+ }
2854
+ @keyframes CommandPalette_paletteSlideIn {
2855
+ from {
2856
+ opacity: 0;
2857
+ transform: translateY(-8px);
2858
+ }
2859
+ to {
2860
+ opacity: 1;
2861
+ transform: translateY(0);
2862
+ }
2863
+ }
2864
+ .CommandPalette_searchRow {
2865
+ display: flex;
2866
+ align-items: center;
2867
+ gap: 10px;
2868
+ padding: 14px 16px;
2869
+ border-bottom: 1px solid var(--palette-border, #30363d);
2870
+ flex-shrink: 0;
2871
+ }
2872
+ .CommandPalette_searchIcon {
2873
+ color: var(--palette-accent, #58a6ff);
2874
+ flex-shrink: 0;
2875
+ }
2876
+ .CommandPalette_input {
2877
+ flex: 1;
2878
+ min-width: 0;
2879
+ border: none;
2880
+ outline: none;
2881
+ background: transparent;
2882
+ color: var(--palette-text, #e6edf3);
2883
+ font-size: 0.95rem;
2884
+ font-family: inherit;
2885
+ }
2886
+ .CommandPalette_input::placeholder {
2887
+ color: var(--palette-icon, #8b949e);
2888
+ }
2889
+ .CommandPalette_clearButton,
2890
+ .CommandPalette_closeButton {
2891
+ display: inline-flex;
2892
+ align-items: center;
2893
+ justify-content: center;
2894
+ border: none;
2895
+ background: transparent;
2896
+ color: var(--palette-icon, #8b949e);
2897
+ cursor: pointer;
2898
+ padding: 4px;
2899
+ border-radius: 6px;
2900
+ flex-shrink: 0;
2901
+ }
2902
+ .CommandPalette_clearButton:hover,
2903
+ .CommandPalette_closeButton:hover {
2904
+ background-color: rgba(255, 255, 255, 0.08);
2905
+ color: var(--palette-text, #e6edf3);
2906
+ }
2907
+ .CommandPalette_shortcutHint {
2908
+ flex-shrink: 0;
2909
+ padding: 2px 6px;
2910
+ border-radius: 4px;
2911
+ border: 1px solid var(--palette-border, #30363d);
2912
+ background-color: rgba(255, 255, 255, 0.04);
2913
+ color: var(--palette-icon, #8b949e);
2914
+ font-size: 0.68rem;
2915
+ font-family: inherit;
2916
+ white-space: nowrap;
2917
+ }
2918
+ .CommandPalette_resultsScroll {
2919
+ display: flex;
2920
+ flex-direction: column;
2921
+ }
2922
+ .CommandPalette_results {
2923
+ padding: 8px;
2924
+ min-height: 0;
2925
+ }
2926
+ .CommandPalette_emptyMessage {
2927
+ margin: 0;
2928
+ padding: 28px 16px;
2929
+ text-align: center;
2930
+ font-size: 0.85rem;
2931
+ color: var(--palette-icon, #8b949e);
2932
+ }
2933
+ .CommandPalette_loadingWrapper {
2934
+ display: flex;
2935
+ justify-content: center;
2936
+ align-items: center;
2937
+ padding: 36px 16px;
2938
+ }
2939
+ .CommandPalette_skeletonGroup {
2940
+ display: flex;
2941
+ flex-direction: column;
2942
+ gap: 4px;
2943
+ padding: 4px;
2944
+ }
2945
+ .CommandPalette_skeletonRow {
2946
+ display: flex;
2947
+ align-items: center;
2948
+ gap: 10px;
2949
+ padding: 9px 10px;
2950
+ }
2951
+ .CommandPalette_group {
2952
+ display: flex;
2953
+ flex-direction: column;
2954
+ margin-bottom: 4px;
2955
+ }
2956
+ .CommandPalette_groupLabel {
2957
+ padding: 10px 10px 6px 10px;
2958
+ font-size: 0.7rem;
2959
+ font-weight: 700;
2960
+ letter-spacing: 0.04em;
2961
+ text-transform: uppercase;
2962
+ color: var(--palette-category, #8b949e);
2963
+ }
2964
+ .CommandPalette_item {
2965
+ display: flex;
2966
+ align-items: center;
2967
+ gap: 10px;
2968
+ width: 100%;
2969
+ padding: 9px 10px;
2970
+ border: none;
2971
+ border-radius: 8px;
2972
+ background: transparent;
2973
+ color: var(--palette-text, #e6edf3);
2974
+ font-size: 0.88rem;
2975
+ font-family: inherit;
2976
+ text-align: left;
2977
+ cursor: pointer;
2978
+ }
2979
+ .CommandPalette_itemActive {
2980
+ background-color: rgba(255, 255, 255, 0.08);
2981
+ }
2982
+ .CommandPalette_itemIcon {
2983
+ flex-shrink: 0;
2984
+ color: var(--palette-icon, #8b949e);
2985
+ }
2986
+ .CommandPalette_itemLabel {
2987
+ flex: 1;
2988
+ min-width: 0;
2989
+ overflow: hidden;
2990
+ text-overflow: ellipsis;
2991
+ white-space: nowrap;
2992
+ }
2993
+ .CommandPalette_itemDescription {
2994
+ flex-shrink: 0;
2995
+ font-size: 0.78rem;
2996
+ color: var(--palette-icon, #8b949e);
2997
+ }
2998
+
2815
2999
  /* dist/screens/components/Container/index.module.css */
2816
3000
  .Container_containerCard {
2817
3001
  position: relative;
@@ -3400,6 +3584,73 @@
3400
3584
  resize: vertical;
3401
3585
  }
3402
3586
 
3587
+ /* dist/screens/components/ImagePastePreview/index.module.css */
3588
+ .ImagePastePreview_list {
3589
+ display: flex;
3590
+ flex-wrap: wrap;
3591
+ gap: 8px;
3592
+ }
3593
+ .ImagePastePreview_chip {
3594
+ display: flex;
3595
+ align-items: center;
3596
+ gap: 8px;
3597
+ padding: 6px 8px;
3598
+ border: 1px solid var(--image-paste-preview-border, #e2e8f0);
3599
+ border-radius: 8px;
3600
+ background-color: #f8fafc;
3601
+ width: fit-content;
3602
+ max-width: 100%;
3603
+ box-sizing: border-box;
3604
+ }
3605
+ .ImagePastePreview_thumb {
3606
+ width: 36px;
3607
+ height: 36px;
3608
+ object-fit: cover;
3609
+ border-radius: 6px;
3610
+ border: 1px solid var(--image-paste-preview-thumb-border, #cbd5e1);
3611
+ flex-shrink: 0;
3612
+ }
3613
+ .ImagePastePreview_removeButton {
3614
+ display: inline-flex;
3615
+ align-items: center;
3616
+ justify-content: center;
3617
+ width: 20px;
3618
+ height: 20px;
3619
+ border: none;
3620
+ border-radius: 50%;
3621
+ background-color: transparent;
3622
+ color: #64748b;
3623
+ cursor: pointer;
3624
+ flex-shrink: 0;
3625
+ padding: 0;
3626
+ }
3627
+ .ImagePastePreview_removeButton:hover {
3628
+ background-color: #e2e8f0;
3629
+ color: #0f172a;
3630
+ }
3631
+
3632
+ /* dist/screens/components/Material-UI/Components/MultilinePlaceholder/index.module.css */
3633
+ .MultilinePlaceholder_textarea {
3634
+ scrollbar-width: thin;
3635
+ scrollbar-color: #cbd5e1 transparent;
3636
+ }
3637
+ .MultilinePlaceholder_textarea::-webkit-scrollbar {
3638
+ width: 6px;
3639
+ }
3640
+ .MultilinePlaceholder_textarea::-webkit-scrollbar-track {
3641
+ background: transparent;
3642
+ }
3643
+ .MultilinePlaceholder_textarea::-webkit-scrollbar-thumb {
3644
+ background-color: #cbd5e1;
3645
+ border-radius: 3px;
3646
+ }
3647
+ .MultilinePlaceholder_textarea::-webkit-scrollbar-thumb:hover {
3648
+ background-color: #94a3b8;
3649
+ }
3650
+ .MultilinePlaceholder_imagePreviewList {
3651
+ margin-top: 8px;
3652
+ }
3653
+
3403
3654
  /* dist/screens/components/HoursPicker/index.module.css */
3404
3655
  .HoursPicker_inputGroup {
3405
3656
  display: flex;
@@ -4002,11 +4253,37 @@
4002
4253
  gap: 0.75rem;
4003
4254
  min-height: 0;
4004
4255
  }
4256
+ .NotificationsPanel_emptyContainer {
4257
+ display: flex;
4258
+ flex-direction: column;
4259
+ align-items: center;
4260
+ justify-content: center;
4261
+ text-align: center;
4262
+ min-height: 200px;
4263
+ padding: 2.25rem 1.5rem;
4264
+ box-sizing: border-box;
4265
+ }
4266
+ .NotificationsPanel_emptyIconWrapper {
4267
+ display: flex;
4268
+ align-items: center;
4269
+ justify-content: center;
4270
+ color: var(--notifications-empty-icon, #94a3b8);
4271
+ margin-bottom: 0.85rem;
4272
+ }
4273
+ .NotificationsPanel_emptyTitle {
4274
+ margin: 0 0 0.35rem 0;
4275
+ font-size: 1rem;
4276
+ font-weight: 600;
4277
+ color: var(--notifications-empty-title, #1e293b);
4278
+ }
4005
4279
  .NotificationsPanel_emptyMessage {
4006
- margin: 1rem 0;
4280
+ margin: 0;
4007
4281
  text-align: center;
4008
- font-size: 0.85rem;
4009
- color: #94a3b8;
4282
+ font-size: 0.95rem;
4283
+ font-weight: 400;
4284
+ line-height: 1.45;
4285
+ color: var(--notifications-empty-text, #64748b);
4286
+ max-width: 260px;
4010
4287
  }
4011
4288
  .NotificationsPanel_item {
4012
4289
  align-items: flex-start;
@@ -4119,6 +4396,14 @@
4119
4396
  }
4120
4397
  }
4121
4398
 
4399
+ /* dist/screens/components/PasteImageField/index.module.css */
4400
+ .PasteImageField_wrapper {
4401
+ display: flex;
4402
+ flex-direction: column;
4403
+ gap: 8px;
4404
+ width: 100%;
4405
+ }
4406
+
4122
4407
  /* dist/screens/components/PlaceholderButton/index.module.css */
4123
4408
  .PlaceholderButton_configContainer {
4124
4409
  display: flex;
@@ -5384,7 +5669,7 @@
5384
5669
  display: flex;
5385
5670
  align-items: center;
5386
5671
  gap: 12px;
5387
- flex-shrink: 0;
5672
+ flex: 1;
5388
5673
  min-width: 0;
5389
5674
  }
5390
5675
  .TopBar_logoButton {
@@ -5436,6 +5721,52 @@
5436
5721
  align-items: center;
5437
5722
  width: 100%;
5438
5723
  max-width: 420px;
5724
+ border: none;
5725
+ padding: 0;
5726
+ background: transparent;
5727
+ font-family: inherit;
5728
+ cursor: default;
5729
+ }
5730
+ button.TopBar_searchWrapper {
5731
+ cursor: pointer;
5732
+ text-align: left;
5733
+ }
5734
+ .TopBar_navLinks {
5735
+ display: flex;
5736
+ align-items: center;
5737
+ gap: 28px;
5738
+ }
5739
+ .TopBar_navLinkWrapper {
5740
+ position: relative;
5741
+ display: flex;
5742
+ }
5743
+ .TopBar_navLink {
5744
+ display: inline-flex;
5745
+ align-items: center;
5746
+ gap: 4px;
5747
+ border: none;
5748
+ background: transparent;
5749
+ padding: 0;
5750
+ color: var(--topbar-navlink-color, var(--topbar-text, #0f172a));
5751
+ font-family: inherit;
5752
+ font-size: 0.9rem;
5753
+ font-weight: 500;
5754
+ text-decoration: none;
5755
+ cursor: pointer;
5756
+ white-space: nowrap;
5757
+ }
5758
+ .TopBar_navLink:hover,
5759
+ .TopBar_navLinkOpen {
5760
+ color: var(--topbar-navlink-active, var(--topbar-accent, #0ea5e9));
5761
+ }
5762
+ .TopBar_navLinkChevron {
5763
+ transition: transform 0.15s ease;
5764
+ }
5765
+ .TopBar_navLinkChevronOpen {
5766
+ transform: rotate(180deg);
5767
+ }
5768
+ .TopBar_ctaButton {
5769
+ flex-shrink: 0;
5439
5770
  }
5440
5771
  .TopBar_searchIcon {
5441
5772
  position: absolute;
@@ -5484,8 +5815,10 @@
5484
5815
  .TopBar_rightSection {
5485
5816
  display: flex;
5486
5817
  align-items: center;
5818
+ justify-content: flex-end;
5487
5819
  gap: 4px;
5488
- flex-shrink: 0;
5820
+ flex: 1;
5821
+ min-width: 0;
5489
5822
  }
5490
5823
  .TopBar_actionBtnWrapper {
5491
5824
  position: relative;
@@ -5493,13 +5826,33 @@
5493
5826
  }
5494
5827
  .TopBar_actionBtn {
5495
5828
  border-radius: 6px !important;
5496
- color: var(--topbar-icon, #475569) !important;
5497
- background-color: var(--topbar-action-bg, #f1f5f9) !important;
5498
- border: 1px solid var(--topbar-action-border, #e2e8f0) !important;
5829
+ color: var(--action-icon-color, var(--topbar-icon, #475569)) !important;
5830
+ background-color: var(--action-bg-color, var(--topbar-action-bg, #f1f5f9)) !important;
5831
+ border: 1px solid var(--action-border-color, var(--topbar-action-border, #e2e8f0)) !important;
5832
+ position: relative !important;
5833
+ overflow: hidden !important;
5834
+ transition:
5835
+ background-color 0.15s ease,
5836
+ color 0.15s ease,
5837
+ border-color 0.15s ease !important;
5838
+ }
5839
+ .TopBar_actionBtn .MuiTouchRipple-root {
5840
+ color: var(--action-ripple-color, var(--topbar-action-ripple, rgba(15, 23, 42, 0.28))) !important;
5841
+ border-radius: inherit !important;
5842
+ overflow: hidden !important;
5843
+ }
5844
+ .TopBar_actionBtn .MuiTouchRipple-rippleVisible {
5845
+ opacity: 0.35 !important;
5499
5846
  }
5500
- .TopBar_actionBtn:hover {
5501
- background-color: var(--topbar-hover-bg, #e2e8f0) !important;
5502
- color: var(--topbar-text, #0f172a) !important;
5847
+ .TopBar_actionBtnWithHover:hover {
5848
+ background-color: var(--action-hover-bg, var(--topbar-action-hover-bg, var(--topbar-hover-bg, #e2e8f0))) !important;
5849
+ color: var(--action-hover-text, var(--topbar-action-hover-text, var(--topbar-text, #0f172a))) !important;
5850
+ border-color: var(--action-hover-border, var(--topbar-action-hover-border, var(--topbar-action-border, #e2e8f0))) !important;
5851
+ }
5852
+ .TopBar_actionBtnNoHover:hover {
5853
+ background-color: var(--action-bg-color, var(--topbar-action-bg, #f1f5f9)) !important;
5854
+ color: var(--action-icon-color, var(--topbar-icon, #475569)) !important;
5855
+ border-color: var(--action-border-color, var(--topbar-action-border, #e2e8f0)) !important;
5503
5856
  }
5504
5857
  .TopBar_actionBadge {
5505
5858
  position: absolute;
@@ -5643,6 +5996,30 @@
5643
5996
  }
5644
5997
  }
5645
5998
 
5999
+ /* dist/screens/components/TopBar/components/NavDropdown/index.module.css */
6000
+ .NavDropdown_panel {
6001
+ position: fixed;
6002
+ left: 0;
6003
+ width: 100%;
6004
+ background-color: var(--nav-dropdown-bg, #ffffff);
6005
+ color: var(--nav-dropdown-text, #0f172a);
6006
+ border-bottom: 1px solid var(--nav-dropdown-border, #e2e8f0);
6007
+ box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
6008
+ box-sizing: border-box;
6009
+ z-index: 1200;
6010
+ animation: NavDropdown_slideDown 0.18s ease-out;
6011
+ }
6012
+ @keyframes NavDropdown_slideDown {
6013
+ from {
6014
+ opacity: 0;
6015
+ transform: translateY(-6px);
6016
+ }
6017
+ to {
6018
+ opacity: 1;
6019
+ transform: translateY(0);
6020
+ }
6021
+ }
6022
+
5646
6023
  /* dist/screens/components/UserEditPopover/index.module.css */
5647
6024
  .UserEditPopover_popoverPaper {
5648
6025
  padding: 16px;
package/.verify-bundle.js CHANGED
@@ -1,4 +1,4 @@
1
1
  [diffend] Oversized file quarantined before diffing.
2
2
  name: package/.verify-bundle.js
3
- size: 53411350 bytes
4
- sha256: 79a2796ecf8f0946df7b414e8717494d734894f212c8d2ed78fbf770874c72fa
3
+ size: 53448212 bytes
4
+ sha256: 9ffd872acdad1f8b3f61edd08be125fd8ceb2f4c3283a10081b790a235517020