anteriority-ui 1.14.2 → 1.15.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 +404 -2
  2. package/.verify-bundle.js +2 -2
  3. package/AnteriorityUI.md +238 -3
  4. package/common/icons/iconTokens.js +21 -0
  5. package/common/icons/index.js +7 -1
  6. package/common/icons/useIcon.js +47 -0
  7. package/index.js +8 -0
  8. package/package.json +2 -1
  9. package/screens/components/CountdownBar/index.js +17 -5
  10. package/screens/components/CountdownBar/index.module.css +3 -2
  11. package/screens/components/DynamicIcon/constants.js +6 -0
  12. package/screens/components/DynamicIcon/index.js +38 -0
  13. package/screens/components/DynamicIcon/index.module.css +12 -0
  14. package/screens/components/EmojiPicker/constants.js +25 -0
  15. package/screens/components/EmojiPicker/index.js +135 -0
  16. package/screens/components/EmojiPicker/index.module.css +47 -0
  17. package/screens/components/EmojiPickerModal/components/EmojiPanel/index.js +111 -0
  18. package/screens/components/EmojiPickerModal/components/EmojiPanel/index.module.css +45 -0
  19. package/screens/components/EmojiPickerModal/components/IconPanel/index.js +93 -0
  20. package/screens/components/EmojiPickerModal/components/IconPanel/index.module.css +50 -0
  21. package/screens/components/EmojiPickerModal/components/PickerModal/index.js +49 -0
  22. package/screens/components/EmojiPickerModal/components/PickerModal/index.module.css +53 -0
  23. package/screens/components/EmojiPickerModal/components/QuickBar/index.js +89 -0
  24. package/screens/components/EmojiPickerModal/components/QuickBar/index.module.css +40 -0
  25. package/screens/components/EmojiPickerModal/components/SkinToneSelector/index.js +23 -0
  26. package/screens/components/EmojiPickerModal/components/SkinToneSelector/index.module.css +6 -0
  27. package/screens/components/EmojiPickerModal/components/index.js +12 -0
  28. package/screens/components/EmojiPickerModal/constants.js +239 -0
  29. package/screens/components/EmojiPickerModal/hooks.js +53 -0
  30. package/screens/components/EmojiPickerModal/index.js +151 -0
  31. package/screens/components/EmojiPickerModal/index.module.css +24 -0
  32. package/screens/components/EmojiPickerModal/utils.js +79 -0
  33. package/screens/components/MarkdownContent/index.js +24 -4
  34. package/screens/components/MarkdownEditor/components/Toolbar/index.js +20 -2
  35. package/screens/components/MarkdownEditor/constants.js +1 -0
  36. package/screens/components/MarkdownEditor/index.js +42 -2
  37. package/screens/components/Text/constants.js +6 -0
  38. package/screens/components/Text/index.js +87 -35
  39. package/screens/components/Text/index.module.css +18 -1
  40. package/screens/components/Toast/constants.js +48 -0
  41. package/screens/components/Toast/index.js +180 -0
  42. package/screens/components/Toast/index.module.css +128 -0
@@ -3282,11 +3282,12 @@ button.TopBar_searchWrapper {
3282
3282
  cursor: pointer;
3283
3283
  }
3284
3284
  .CountdownBar_container {
3285
+ box-sizing: border-box;
3285
3286
  width: 100%;
3286
- background-color: #f1f5f9;
3287
+ background-color: var(--countdown-track, #f1f5f9);
3287
3288
  border-radius: 3px;
3288
3289
  overflow: hidden;
3289
- border: 1px solid #e2e8f0;
3290
+ border: 1px solid var(--countdown-border, #e2e8f0);
3290
3291
  }
3291
3292
  .CountdownBar_bar {
3292
3293
  height: 100%;
@@ -4603,6 +4604,19 @@ button.TopBar_searchWrapper {
4603
4604
  white-space: pre-wrap;
4604
4605
  }
4605
4606
 
4607
+ /* dist/screens/components/DynamicIcon/index.module.css */
4608
+ .DynamicIcon_icon {
4609
+ display: inline-block;
4610
+ flex-shrink: 0;
4611
+ vertical-align: -0.15em;
4612
+ }
4613
+ .DynamicIcon_emoji {
4614
+ display: inline-block;
4615
+ flex-shrink: 0;
4616
+ line-height: 1;
4617
+ vertical-align: -0.1em;
4618
+ }
4619
+
4606
4620
  /* dist/screens/components/Callout/index.module.css */
4607
4621
  .Callout_callout {
4608
4622
  position: relative;
@@ -6555,6 +6569,226 @@ button.TopBar_searchWrapper {
6555
6569
  width: 48px;
6556
6570
  }
6557
6571
 
6572
+ /* dist/screens/components/EmojiPickerModal/components/PickerModal/index.module.css */
6573
+ .PickerModal_overlay {
6574
+ position: fixed;
6575
+ inset: 0;
6576
+ z-index: 1300;
6577
+ display: flex;
6578
+ align-items: center;
6579
+ justify-content: center;
6580
+ padding: 16px;
6581
+ background: var(--ep-backdrop, rgba(15, 23, 42, 0.5));
6582
+ backdrop-filter: blur(2px);
6583
+ animation: PickerModal_fadeIn 0.15s ease;
6584
+ }
6585
+ .PickerModal_modal {
6586
+ display: flex;
6587
+ flex-direction: column;
6588
+ width: 440px;
6589
+ max-width: 100%;
6590
+ max-height: calc(100vh - 32px);
6591
+ background: var(--ep-bg, #ffffff);
6592
+ color: var(--ep-text, #1e293b);
6593
+ border: 1px solid var(--ep-border, #e2e8f0);
6594
+ border-radius: 16px;
6595
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
6596
+ overflow: hidden;
6597
+ animation: PickerModal_popIn 0.18s ease;
6598
+ font-family: var(--font-sans, system-ui, sans-serif);
6599
+ }
6600
+ .PickerModal_header {
6601
+ display: flex;
6602
+ align-items: center;
6603
+ justify-content: space-between;
6604
+ padding: 14px 16px;
6605
+ background: var(--ep-surface, #f8fafc);
6606
+ border-bottom: 1px solid var(--ep-border, #e2e8f0);
6607
+ }
6608
+ .PickerModal_title {
6609
+ font-size: 0.95rem;
6610
+ font-weight: 700;
6611
+ color: var(--ep-text, #1e293b);
6612
+ }
6613
+ @keyframes PickerModal_fadeIn {
6614
+ from {
6615
+ opacity: 0;
6616
+ }
6617
+ to {
6618
+ opacity: 1;
6619
+ }
6620
+ }
6621
+ @keyframes PickerModal_popIn {
6622
+ from {
6623
+ opacity: 0;
6624
+ transform: translateY(8px) scale(0.97);
6625
+ }
6626
+ to {
6627
+ opacity: 1;
6628
+ transform: none;
6629
+ }
6630
+ }
6631
+
6632
+ /* dist/screens/components/EmojiPickerModal/components/IconPanel/index.module.css */
6633
+ .IconPanel_panel {
6634
+ display: flex;
6635
+ flex-direction: column;
6636
+ gap: 10px;
6637
+ padding: 14px;
6638
+ min-height: 0;
6639
+ }
6640
+ .IconPanel_controls {
6641
+ display: flex;
6642
+ gap: 8px;
6643
+ }
6644
+ .IconPanel_searchBox {
6645
+ flex: 1;
6646
+ min-width: 0;
6647
+ }
6648
+ .IconPanel_counter {
6649
+ margin: 0;
6650
+ font-size: 0.75rem;
6651
+ color: var(--ep-muted, #64748b);
6652
+ }
6653
+ .IconPanel_grid {
6654
+ display: grid;
6655
+ grid-template-columns: repeat(7, 1fr);
6656
+ gap: 6px;
6657
+ align-content: start;
6658
+ padding: 2px;
6659
+ }
6660
+ .IconPanel_empty {
6661
+ margin: 0;
6662
+ text-align: center;
6663
+ font-size: 0.85rem;
6664
+ color: var(--ep-muted, #64748b);
6665
+ }
6666
+ .IconPanel_colorRow {
6667
+ display: flex;
6668
+ align-items: center;
6669
+ gap: 10px;
6670
+ }
6671
+ .IconPanel_colorLabel {
6672
+ font-size: 0.8rem;
6673
+ font-weight: 600;
6674
+ color: var(--ep-muted, #64748b);
6675
+ }
6676
+
6677
+ /* dist/screens/components/EmojiPickerModal/components/SkinToneSelector/index.module.css */
6678
+ .SkinToneSelector_row {
6679
+ display: flex;
6680
+ align-items: center;
6681
+ gap: 8px;
6682
+ padding: 2px 4px;
6683
+ }
6684
+
6685
+ /* dist/screens/components/EmojiPickerModal/components/EmojiPanel/index.module.css */
6686
+ .EmojiPanel_panel {
6687
+ display: flex;
6688
+ flex-direction: column;
6689
+ gap: 10px;
6690
+ padding: 14px;
6691
+ min-height: 0;
6692
+ }
6693
+ .EmojiPanel_tabs {
6694
+ display: flex;
6695
+ justify-content: space-between;
6696
+ gap: 2px;
6697
+ }
6698
+ .EmojiPanel_infoRow {
6699
+ display: flex;
6700
+ align-items: center;
6701
+ justify-content: space-between;
6702
+ gap: 8px;
6703
+ }
6704
+ .EmojiPanel_counter {
6705
+ min-width: 0;
6706
+ overflow: hidden;
6707
+ text-overflow: ellipsis;
6708
+ white-space: nowrap;
6709
+ font-size: 0.75rem;
6710
+ font-weight: 600;
6711
+ text-transform: capitalize;
6712
+ color: var(--ep-muted, #64748b);
6713
+ }
6714
+ .EmojiPanel_grid {
6715
+ display: grid;
6716
+ gap: 2px;
6717
+ align-content: start;
6718
+ }
6719
+ .EmojiPanel_status {
6720
+ margin: 0;
6721
+ padding: 16px 0;
6722
+ text-align: center;
6723
+ font-size: 0.85rem;
6724
+ color: var(--ep-muted, #64748b);
6725
+ }
6726
+
6727
+ /* dist/screens/components/EmojiPickerModal/components/QuickBar/index.module.css */
6728
+ .QuickBar_overlay {
6729
+ position: fixed;
6730
+ inset: 0;
6731
+ z-index: 1300;
6732
+ }
6733
+ .QuickBar_centered {
6734
+ display: flex;
6735
+ align-items: center;
6736
+ justify-content: center;
6737
+ padding: 16px;
6738
+ }
6739
+ .QuickBar_bar {
6740
+ display: inline-flex;
6741
+ align-items: center;
6742
+ gap: 2px;
6743
+ max-width: calc(100vw - 16px);
6744
+ padding: 6px 8px;
6745
+ overflow-x: auto;
6746
+ background: var(--ep-bg, #ffffff);
6747
+ color: var(--ep-text, #1e293b);
6748
+ border: 1px solid var(--ep-border, #e2e8f0);
6749
+ border-radius: 999px;
6750
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2), 0 4px 10px -6px rgba(0, 0, 0, 0.15);
6751
+ animation: QuickBar_popIn 0.14s ease;
6752
+ font-family: var(--font-sans, system-ui, sans-serif);
6753
+ }
6754
+ .QuickBar_divider {
6755
+ align-self: stretch;
6756
+ width: 1px;
6757
+ margin: 4px 6px;
6758
+ background: var(--ep-border, #e2e8f0);
6759
+ }
6760
+ @keyframes QuickBar_popIn {
6761
+ from {
6762
+ opacity: 0;
6763
+ transform: translateY(4px) scale(0.96);
6764
+ }
6765
+ to {
6766
+ opacity: 1;
6767
+ transform: none;
6768
+ }
6769
+ }
6770
+
6771
+ /* dist/screens/components/EmojiPickerModal/index.module.css */
6772
+ .EmojiPickerModal_dark {
6773
+ --ep-bg: #1e293b;
6774
+ --ep-surface: #0f172a;
6775
+ --ep-text: #f1f5f9;
6776
+ --ep-muted: #94a3b8;
6777
+ --ep-icon: #cbd5e1;
6778
+ --ep-border: #334155;
6779
+ --ep-accent: #60a5fa;
6780
+ --ep-backdrop: rgba(0, 0, 0, 0.65);
6781
+ }
6782
+ .EmojiPickerModal_modalRoot {
6783
+ font-family: var(--font-sans, system-ui, sans-serif);
6784
+ }
6785
+ .EmojiPickerModal_tabs {
6786
+ display: flex;
6787
+ gap: 4px;
6788
+ padding: 8px 12px 0;
6789
+ border-bottom: 1px solid var(--ep-border, #e2e8f0);
6790
+ }
6791
+
6558
6792
  /* dist/screens/components/MarkdownEditor/index.module.css */
6559
6793
  .MarkdownEditor_editorContainer {
6560
6794
  display: flex;
@@ -8547,6 +8781,17 @@ button.TopBar_searchWrapper {
8547
8781
  transform: translateY(-2px);
8548
8782
  }
8549
8783
  }
8784
+ .Text_markdown {
8785
+ display: block;
8786
+ }
8787
+ .Text_markdownWithIcon {
8788
+ display: flex;
8789
+ align-items: flex-start;
8790
+ }
8791
+ .Text_markdownBody {
8792
+ min-width: 0;
8793
+ flex: 1;
8794
+ }
8550
8795
 
8551
8796
  /* dist/screens/components/UserEditPopover/index.module.css */
8552
8797
  .UserEditPopover_popoverPaper {
@@ -8634,3 +8879,160 @@ button.TopBar_searchWrapper {
8634
8879
  background: var(--usereditpopover-cancel-hover-bg, #e2e8f0);
8635
8880
  color: var(--usereditpopover-cancel-hover, #0f172a);
8636
8881
  }
8882
+
8883
+ /* dist/screens/components/EmojiPicker/index.module.css */
8884
+ .EmojiPicker_dark {
8885
+ --ep-bg: #1e293b;
8886
+ --ep-surface: #0f172a;
8887
+ --ep-text: #f1f5f9;
8888
+ --ep-muted: #94a3b8;
8889
+ --ep-icon: #cbd5e1;
8890
+ --ep-border: #334155;
8891
+ --ep-accent: #60a5fa;
8892
+ --ep-backdrop: rgba(0, 0, 0, 0.65);
8893
+ }
8894
+ .EmojiPicker_container {
8895
+ display: inline-flex;
8896
+ align-items: center;
8897
+ gap: 8px;
8898
+ font-family: var(--font-sans, system-ui, sans-serif);
8899
+ }
8900
+ .EmojiPicker_disabled {
8901
+ opacity: 0.6;
8902
+ cursor: not-allowed;
8903
+ }
8904
+ .EmojiPicker_selectedEmoji {
8905
+ font-size: 1.3rem;
8906
+ line-height: 1;
8907
+ }
8908
+ .EmojiPicker_selectedIcon {
8909
+ color: var(--ep-accent, #2563eb);
8910
+ }
8911
+ .EmojiPicker_placeholderIcon {
8912
+ color: var(--ep-muted, #64748b);
8913
+ }
8914
+ .EmojiPicker_labelActive {
8915
+ font-size: 0.875rem;
8916
+ font-weight: 500;
8917
+ color: var(--ep-text, #1e293b);
8918
+ }
8919
+ .EmojiPicker_labelPlaceholder {
8920
+ font-size: 0.875rem;
8921
+ color: var(--ep-muted, #64748b);
8922
+ }
8923
+
8924
+ /* dist/screens/components/Toast/index.module.css */
8925
+ .Toast_toast {
8926
+ --toast-accent: #2563eb;
8927
+ --toast-bg: #eff6ff;
8928
+ --toast-text: #0f172a;
8929
+ --toast-muted: #475569;
8930
+ --toast-border: #93c5fd;
8931
+ --toast-icon: #3b82f6;
8932
+ --toast-icon-fg: #ffffff;
8933
+ position: relative;
8934
+ width: 360px;
8935
+ max-width: calc(100vw - 32px);
8936
+ background: var(--toast-bg);
8937
+ color: var(--toast-text);
8938
+ border: 1px solid var(--toast-border);
8939
+ border-radius: 8px;
8940
+ overflow: hidden;
8941
+ font-family: var(--font-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
8942
+ animation: Toast_slideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
8943
+ transition: opacity 0.2s ease, transform 0.2s ease;
8944
+ }
8945
+ .Toast_success {
8946
+ --toast-accent: #16a34a;
8947
+ --toast-bg: #f0fdf4;
8948
+ --toast-border: #86efac;
8949
+ --toast-icon: #22c55e;
8950
+ }
8951
+ .Toast_info {
8952
+ --toast-accent: #2563eb;
8953
+ --toast-bg: #eff6ff;
8954
+ --toast-border: #93c5fd;
8955
+ --toast-icon: #3b82f6;
8956
+ }
8957
+ .Toast_warning {
8958
+ --toast-accent: #a16207;
8959
+ --toast-bg: #fefce8;
8960
+ --toast-border: #fde047;
8961
+ --toast-icon: #eab308;
8962
+ }
8963
+ .Toast_error {
8964
+ --toast-accent: #dc2626;
8965
+ --toast-bg: #fef2f2;
8966
+ --toast-border: #fca5a5;
8967
+ --toast-icon: #ef4444;
8968
+ }
8969
+ .Toast_leave {
8970
+ pointer-events: none;
8971
+ animation: Toast_slideOut 0.3s cubic-bezier(0.4, 0, 1, 1) forwards;
8972
+ }
8973
+ .Toast_body {
8974
+ display: flex;
8975
+ align-items: flex-start;
8976
+ gap: 12px;
8977
+ padding: 14px 12px 14px 14px;
8978
+ }
8979
+ .Toast_iconChip {
8980
+ display: inline-flex;
8981
+ align-items: center;
8982
+ justify-content: center;
8983
+ flex-shrink: 0;
8984
+ width: 28px;
8985
+ height: 28px;
8986
+ border-radius: 50%;
8987
+ color: var(--toast-icon-fg);
8988
+ background: var(--toast-icon);
8989
+ }
8990
+ .Toast_content {
8991
+ flex: 1;
8992
+ min-width: 0;
8993
+ display: flex;
8994
+ flex-direction: column;
8995
+ gap: 2px;
8996
+ padding-top: 2px;
8997
+ }
8998
+ .Toast_actions {
8999
+ display: flex;
9000
+ margin-top: 6px;
9001
+ margin-left: -8px;
9002
+ }
9003
+ .Toast_closeButton {
9004
+ flex-shrink: 0;
9005
+ margin: -4px -4px 0 0;
9006
+ }
9007
+ .Toast_progressBar {
9008
+ position: absolute;
9009
+ left: 0;
9010
+ right: 0;
9011
+ bottom: 0;
9012
+ pointer-events: none;
9013
+ }
9014
+ @keyframes Toast_slideOut {
9015
+ from {
9016
+ opacity: 1;
9017
+ transform: translateY(0) scale(1);
9018
+ }
9019
+ to {
9020
+ opacity: 0;
9021
+ transform: translateY(-8px) scale(0.96);
9022
+ }
9023
+ }
9024
+ @keyframes Toast_slideIn {
9025
+ from {
9026
+ opacity: 0;
9027
+ transform: translateY(16px);
9028
+ }
9029
+ to {
9030
+ opacity: 1;
9031
+ transform: translateY(0);
9032
+ }
9033
+ }
9034
+ @media (prefers-reduced-motion: reduce) {
9035
+ .Toast_toast {
9036
+ animation: none;
9037
+ }
9038
+ }
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: 59204544 bytes
4
- sha256: e71b7609e07cbd048926e6566828bcca094bfb4a33abb70b6b41929d27b9d68a
3
+ size: 59787474 bytes
4
+ sha256: 721cb0515485a9ebe09ae07c9966bfce6e3081b2d66fd8c5a61af831205f667f