anteriority-ui 1.16.0 → 1.17.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 (32) hide show
  1. package/.verify-bundle.css +586 -357
  2. package/.verify-bundle.js +2 -2
  3. package/AnteriorityUI.md +145 -1
  4. package/index.js +94 -90
  5. package/package.json +1 -1
  6. package/screens/components/Carousel/components/CarouselArrow/index.js +55 -0
  7. package/screens/components/Carousel/components/CarouselDots/index.js +20 -0
  8. package/screens/components/Carousel/components/CarouselDots/index.module.css +30 -0
  9. package/screens/components/Carousel/components/CarouselSlide/index.js +61 -0
  10. package/screens/components/Carousel/components/CarouselSlide/index.module.css +52 -0
  11. package/screens/components/Carousel/components/index.js +8 -0
  12. package/screens/components/Carousel/constants.js +28 -0
  13. package/screens/components/Carousel/index.js +180 -0
  14. package/screens/components/Carousel/index.module.css +46 -0
  15. package/screens/components/Carousel/utils.js +42 -0
  16. package/screens/components/Chart/components/NivoCalendarChart/index.js +25 -2
  17. package/screens/components/ConfirmPopover/index.js +110 -0
  18. package/screens/components/ConfirmPopover/index.module.css +53 -0
  19. package/screens/components/MarkdownContent/index.js +7 -4
  20. package/screens/components/Material-UI/Components/Selector/components/SelectorInput/index.js +42 -0
  21. package/screens/components/Material-UI/Components/Selector/components/SelectorOption/index.js +49 -0
  22. package/screens/components/Material-UI/Components/Selector/components/SelectorOption/index.module.css +5 -0
  23. package/screens/components/Material-UI/Components/Selector/components/index.js +6 -0
  24. package/screens/components/Material-UI/Components/Selector/constants.js +3 -1
  25. package/screens/components/Material-UI/Components/Selector/index.js +101 -57
  26. package/screens/components/Material-UI/Components/Selector/utils.js +22 -0
  27. package/screens/components/Sidebar/components/ItemContextMenu/index.js +124 -73
  28. package/screens/components/Sidebar/components/ItemContextMenu/index.module.css +26 -0
  29. package/screens/components/Sidebar/components/UserFooter/index.js +37 -11
  30. package/screens/components/Sidebar/components/UserFooter/index.module.css +38 -0
  31. package/screens/components/Sidebar/constants.js +7 -0
  32. package/skill/anteriority-ui/SKILL.md +221 -219
@@ -441,6 +441,26 @@
441
441
  }
442
442
  }
443
443
 
444
+ /* dist/screens/components/Material-UI/Components/Selector/index.module.css */
445
+ .Selector_listbox {
446
+ scrollbar-width: thin;
447
+ scrollbar-color: var(--selector-scrollbar-thumb, rgba(100, 116, 139, 0.45)) transparent;
448
+ }
449
+ .Selector_listbox::-webkit-scrollbar {
450
+ width: 6px;
451
+ }
452
+ .Selector_listbox::-webkit-scrollbar-track {
453
+ background-color: transparent;
454
+ }
455
+ .Selector_listbox::-webkit-scrollbar-thumb {
456
+ background-color: var(--selector-scrollbar-thumb, rgba(100, 116, 139, 0.45));
457
+ border-radius: 999px;
458
+ }
459
+ .Selector_listbox::-webkit-scrollbar-thumb:hover,
460
+ .Selector_listbox::-webkit-scrollbar-thumb:active {
461
+ background-color: var(--selector-scrollbar-thumb-hover, rgba(71, 85, 105, 0.75));
462
+ }
463
+
444
464
  /* dist/screens/components/Checks/index.module.css */
445
465
  .Checks_itemContainer {
446
466
  display: flex !important;
@@ -515,24 +535,11 @@
515
535
  }
516
536
  }
517
537
 
518
- /* dist/screens/components/Material-UI/Components/Selector/index.module.css */
519
- .Selector_listbox {
520
- scrollbar-width: thin;
521
- scrollbar-color: var(--selector-scrollbar-thumb, rgba(100, 116, 139, 0.45)) transparent;
522
- }
523
- .Selector_listbox::-webkit-scrollbar {
524
- width: 6px;
525
- }
526
- .Selector_listbox::-webkit-scrollbar-track {
527
- background-color: transparent;
528
- }
529
- .Selector_listbox::-webkit-scrollbar-thumb {
530
- background-color: var(--selector-scrollbar-thumb, rgba(100, 116, 139, 0.45));
531
- border-radius: 999px;
532
- }
533
- .Selector_listbox::-webkit-scrollbar-thumb:hover,
534
- .Selector_listbox::-webkit-scrollbar-thumb:active {
535
- background-color: var(--selector-scrollbar-thumb-hover, rgba(71, 85, 105, 0.75));
538
+ /* dist/screens/components/Material-UI/Components/Selector/components/SelectorOption/index.module.css */
539
+ .SelectorOption_option {
540
+ display: flex;
541
+ align-items: center;
542
+ gap: 8px;
536
543
  }
537
544
 
538
545
  /* dist/screens/components/Sidebar/components/SidebarItem/index.module.css */
@@ -1032,6 +1039,38 @@
1032
1039
  gap: 4px;
1033
1040
  z-index: 2000;
1034
1041
  min-width: 210px;
1042
+ transform-origin: left bottom;
1043
+ animation: UserFooter_userMenuIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) both;
1044
+ }
1045
+ .UserFooter_userMenuClosing {
1046
+ animation: UserFooter_userMenuOut 0.16s cubic-bezier(0.4, 0, 1, 1) both;
1047
+ pointer-events: none;
1048
+ }
1049
+ @keyframes UserFooter_userMenuIn {
1050
+ from {
1051
+ opacity: 0;
1052
+ transform: translateX(-10px) scale(0.97);
1053
+ }
1054
+ to {
1055
+ opacity: 1;
1056
+ transform: translateX(0) scale(1);
1057
+ }
1058
+ }
1059
+ @keyframes UserFooter_userMenuOut {
1060
+ from {
1061
+ opacity: 1;
1062
+ transform: translateX(0) scale(1);
1063
+ }
1064
+ to {
1065
+ opacity: 0;
1066
+ transform: translateX(-8px) scale(0.97);
1067
+ }
1068
+ }
1069
+ @media (prefers-reduced-motion: reduce) {
1070
+ .UserFooter_userMenu,
1071
+ .UserFooter_userMenuClosing {
1072
+ animation-duration: 0.01ms;
1073
+ }
1035
1074
  }
1036
1075
  .UserFooter_userMenuEmail {
1037
1076
  padding: 8px 10px;
@@ -1120,8 +1159,325 @@
1120
1159
  .ItemContextMenu_contextMenuItemDanger {
1121
1160
  color: #ef4444;
1122
1161
  }
1123
- .ItemContextMenu_contextMenuItemDanger:hover {
1124
- background-color: #fef2f2;
1162
+ .ItemContextMenu_contextMenuItemDanger:hover {
1163
+ background-color: #fef2f2;
1164
+ }
1165
+ .ItemContextMenu_contextMenuItem:disabled {
1166
+ cursor: default;
1167
+ opacity: 0.55;
1168
+ }
1169
+ .ItemContextMenu_contextMenuItemActive {
1170
+ background-color: #fef2f2;
1171
+ }
1172
+ .ItemContextMenu_spin {
1173
+ animation: ItemContextMenu_spinIcon 0.8s linear infinite;
1174
+ }
1175
+ @keyframes ItemContextMenu_spinIcon {
1176
+ to {
1177
+ transform: rotate(360deg);
1178
+ }
1179
+ }
1180
+ @media (prefers-reduced-motion: reduce) {
1181
+ .ItemContextMenu_spin {
1182
+ animation-duration: 0.01ms;
1183
+ animation-iteration-count: 1;
1184
+ }
1185
+ }
1186
+
1187
+ /* dist/screens/components/MarkdownContent/index.module.css */
1188
+ .MarkdownContent_markdown {
1189
+ font-size: 0.88rem;
1190
+ line-height: 1.6;
1191
+ color: inherit;
1192
+ word-break: break-word;
1193
+ }
1194
+ .MarkdownContent_markdown > *:first-child {
1195
+ margin-top: 0;
1196
+ }
1197
+ .MarkdownContent_markdown > *:last-child {
1198
+ margin-bottom: 0;
1199
+ }
1200
+ .MarkdownContent_markdown h1,
1201
+ .MarkdownContent_markdown h2,
1202
+ .MarkdownContent_markdown h3,
1203
+ .MarkdownContent_markdown h4,
1204
+ .MarkdownContent_markdown h5,
1205
+ .MarkdownContent_markdown h6 {
1206
+ color: inherit;
1207
+ font-weight: 700;
1208
+ line-height: 1.35;
1209
+ margin: 1.1em 0 0.5em 0;
1210
+ }
1211
+ .MarkdownContent_headingWithCopy {
1212
+ display: flex;
1213
+ align-items: center;
1214
+ gap: 0.4rem;
1215
+ }
1216
+ .MarkdownContent_headingText {
1217
+ min-width: 0;
1218
+ }
1219
+ .MarkdownContent_headingCopyButton {
1220
+ flex-shrink: 0;
1221
+ opacity: 0;
1222
+ transition: opacity 0.15s ease;
1223
+ }
1224
+ .MarkdownContent_headingWithCopy:hover .MarkdownContent_headingCopyButton,
1225
+ .MarkdownContent_headingWithCopy:focus-within .MarkdownContent_headingCopyButton,
1226
+ .MarkdownContent_headingCopyButton:focus-visible {
1227
+ opacity: 1;
1228
+ }
1229
+ .MarkdownContent_markdown h1 {
1230
+ font-size: 1.35rem;
1231
+ }
1232
+ .MarkdownContent_markdown h2 {
1233
+ font-size: 1.2rem;
1234
+ }
1235
+ .MarkdownContent_markdown h3 {
1236
+ font-size: 1.05rem;
1237
+ }
1238
+ .MarkdownContent_markdown h4,
1239
+ .MarkdownContent_markdown h5,
1240
+ .MarkdownContent_markdown h6 {
1241
+ font-size: 0.95rem;
1242
+ }
1243
+ .MarkdownContent_markdown p {
1244
+ margin: 0 0 0.75em 0;
1245
+ }
1246
+ .MarkdownContent_markdown a {
1247
+ color: var(--markdown-link, #7c9cff);
1248
+ text-decoration: underline;
1249
+ }
1250
+ .MarkdownContent_markdown a:hover {
1251
+ color: #a9bfff;
1252
+ }
1253
+ .MarkdownContent_markdown strong {
1254
+ color: inherit;
1255
+ font-weight: 700;
1256
+ }
1257
+ .MarkdownContent_markdown em {
1258
+ font-style: italic;
1259
+ }
1260
+ .MarkdownContent_markdown del {
1261
+ color: inherit;
1262
+ opacity: 0.7;
1263
+ }
1264
+ .MarkdownContent_markdown ul,
1265
+ .MarkdownContent_markdown ol {
1266
+ margin: 0 0 0.75em 0;
1267
+ padding-left: 1.4rem;
1268
+ display: flex;
1269
+ flex-direction: column;
1270
+ gap: 0.25rem;
1271
+ }
1272
+ .MarkdownContent_markdown li > ul,
1273
+ .MarkdownContent_markdown li > ol {
1274
+ margin-top: 0.25rem;
1275
+ margin-bottom: 0;
1276
+ }
1277
+ .MarkdownContent_markdown li input[type=checkbox] {
1278
+ margin-right: 0.4rem;
1279
+ }
1280
+ .MarkdownContent_markdown blockquote {
1281
+ margin: 0 0 0.75em 0;
1282
+ padding: 0.25rem 1rem;
1283
+ border-left: 3px solid rgba(124, 156, 255, 0.5);
1284
+ color: inherit;
1285
+ opacity: 0.85;
1286
+ }
1287
+ .MarkdownContent_markdown blockquote p:last-child {
1288
+ margin-bottom: 0;
1289
+ }
1290
+ .MarkdownContent_markdown code {
1291
+ font-family:
1292
+ "SFMono-Regular",
1293
+ Consolas,
1294
+ "Liberation Mono",
1295
+ Menlo,
1296
+ monospace;
1297
+ font-size: 0.85em;
1298
+ background: rgba(128, 128, 128, 0.18);
1299
+ color: inherit;
1300
+ padding: 0.1em 0.35em;
1301
+ border-radius: 4px;
1302
+ }
1303
+ .MarkdownContent_markdown pre {
1304
+ margin: 0 0 0.75em 0;
1305
+ padding: 0.85rem 1rem;
1306
+ background: rgba(128, 128, 128, 0.12);
1307
+ border: 1px solid rgba(128, 128, 128, 0.2);
1308
+ border-radius: 8px;
1309
+ overflow-x: auto;
1310
+ }
1311
+ .MarkdownContent_markdown pre code {
1312
+ background: none;
1313
+ padding: 0;
1314
+ border-radius: 0;
1315
+ color: inherit;
1316
+ }
1317
+ .MarkdownContent_copyableText {
1318
+ display: inline-flex;
1319
+ align-items: center;
1320
+ gap: 0.3rem;
1321
+ }
1322
+ .MarkdownContent_copyableTextButton {
1323
+ flex-shrink: 0;
1324
+ opacity: 0;
1325
+ transition: opacity 0.15s ease;
1326
+ }
1327
+ .MarkdownContent_copyableText:hover .MarkdownContent_copyableTextButton,
1328
+ .MarkdownContent_copyableText:focus-within .MarkdownContent_copyableTextButton,
1329
+ .MarkdownContent_copyableTextButton:focus-visible {
1330
+ opacity: 1;
1331
+ }
1332
+ .MarkdownContent_copyBlockWrapper {
1333
+ position: relative;
1334
+ padding: 0.75rem 1rem;
1335
+ border: 1px solid rgba(128, 128, 128, 0.2);
1336
+ border-radius: 8px;
1337
+ margin: 0 0 0.75em 0;
1338
+ }
1339
+ .MarkdownContent_copyBlockWrapper > *:first-child {
1340
+ margin-top: 0;
1341
+ }
1342
+ .MarkdownContent_copyBlockWrapper > *:last-child {
1343
+ margin-bottom: 0;
1344
+ }
1345
+ .MarkdownContent_copyBlockButton {
1346
+ position: absolute;
1347
+ top: 0.6rem;
1348
+ right: 0.6rem;
1349
+ opacity: 0;
1350
+ transition: opacity 0.15s ease;
1351
+ }
1352
+ .MarkdownContent_copyBlockWrapper:hover .MarkdownContent_copyBlockButton,
1353
+ .MarkdownContent_copyBlockWrapper:focus-within .MarkdownContent_copyBlockButton,
1354
+ .MarkdownContent_copyBlockButton:focus-visible {
1355
+ opacity: 1;
1356
+ }
1357
+ .MarkdownContent_codeBlockWrapper {
1358
+ position: relative;
1359
+ }
1360
+ .MarkdownContent_codeCopyButton {
1361
+ position: absolute;
1362
+ top: 0.6rem;
1363
+ right: 0.6rem;
1364
+ opacity: 0;
1365
+ transition: opacity 0.15s ease;
1366
+ }
1367
+ .MarkdownContent_codeBlockWrapper:hover .MarkdownContent_codeCopyButton,
1368
+ .MarkdownContent_codeBlockWrapper:focus-within .MarkdownContent_codeCopyButton,
1369
+ .MarkdownContent_codeCopyButton:focus-visible {
1370
+ opacity: 1;
1371
+ }
1372
+ .MarkdownContent_markdown hr {
1373
+ border: none;
1374
+ border-top: 1px solid rgba(128, 128, 128, 0.25);
1375
+ margin: 1em 0;
1376
+ }
1377
+ .MarkdownContent_markdown img {
1378
+ max-width: 100%;
1379
+ border-radius: 6px;
1380
+ }
1381
+ .MarkdownContent_markdown table {
1382
+ width: 100%;
1383
+ border-collapse: collapse;
1384
+ margin: 0 0 0.75em 0;
1385
+ font-size: 0.85rem;
1386
+ display: block;
1387
+ overflow-x: auto;
1388
+ }
1389
+ .MarkdownContent_markdown th,
1390
+ .MarkdownContent_markdown td {
1391
+ border: 1px solid rgba(128, 128, 128, 0.25);
1392
+ padding: 0.4rem 0.6rem;
1393
+ text-align: left;
1394
+ }
1395
+ .MarkdownContent_markdown th {
1396
+ background: rgba(128, 128, 128, 0.15);
1397
+ color: inherit;
1398
+ font-weight: 700;
1399
+ }
1400
+ .MarkdownContent_mermaidBlock {
1401
+ display: flex;
1402
+ justify-content: center;
1403
+ overflow-x: auto;
1404
+ margin: 0 0 0.75em 0;
1405
+ }
1406
+ .MarkdownContent_mermaidBlock svg {
1407
+ max-width: 100%;
1408
+ height: auto;
1409
+ }
1410
+ .MarkdownContent_mermaidError {
1411
+ margin: 0 0 0.75em 0;
1412
+ padding: 0.6rem 0.85rem;
1413
+ background: rgba(248, 113, 113, 0.12);
1414
+ border: 1px solid rgba(248, 113, 113, 0.35);
1415
+ border-radius: 6px;
1416
+ color: #f87171;
1417
+ font-size: 0.8rem;
1418
+ white-space: pre-wrap;
1419
+ }
1420
+
1421
+ /* dist/screens/components/DynamicIcon/index.module.css */
1422
+ .DynamicIcon_icon {
1423
+ display: inline-block;
1424
+ flex-shrink: 0;
1425
+ vertical-align: -0.15em;
1426
+ }
1427
+ .DynamicIcon_emoji {
1428
+ display: inline-block;
1429
+ flex-shrink: 0;
1430
+ line-height: 1;
1431
+ vertical-align: -0.1em;
1432
+ }
1433
+
1434
+ /* dist/screens/components/ConfirmPopover/index.module.css */
1435
+ .ConfirmPopover_popover {
1436
+ position: fixed;
1437
+ width: 260px;
1438
+ padding: 14px;
1439
+ background: var(--confirm-bg, #ffffff);
1440
+ border: 1px solid var(--confirm-border, var(--sidebar-border, #e2e8f0));
1441
+ border-radius: var(--sidebar-radius, 10px);
1442
+ box-shadow: var(--sidebar-shadow, 0 8px 24px rgba(15, 23, 42, 0.12));
1443
+ z-index: 2001;
1444
+ transform-origin: left center;
1445
+ animation: ConfirmPopover_confirmIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) both;
1446
+ }
1447
+ .ConfirmPopover_title {
1448
+ font-size: 0.9rem;
1449
+ font-weight: 600;
1450
+ color: var(--confirm-title, var(--sidebar-text, #0f172a));
1451
+ }
1452
+ .ConfirmPopover_title p,
1453
+ .ConfirmPopover_message p {
1454
+ margin: 0;
1455
+ }
1456
+ .ConfirmPopover_message {
1457
+ margin: 6px 0 12px;
1458
+ font-size: 0.8rem;
1459
+ line-height: 1.4;
1460
+ color: var(--confirm-text, var(--sidebar-text-muted, #64748b));
1461
+ }
1462
+ .ConfirmPopover_actions {
1463
+ display: flex;
1464
+ justify-content: flex-end;
1465
+ gap: 8px;
1466
+ }
1467
+ @keyframes ConfirmPopover_confirmIn {
1468
+ from {
1469
+ opacity: 0;
1470
+ transform: translateX(-8px) scale(0.97);
1471
+ }
1472
+ to {
1473
+ opacity: 1;
1474
+ transform: translateX(0) scale(1);
1475
+ }
1476
+ }
1477
+ @media (prefers-reduced-motion: reduce) {
1478
+ .ConfirmPopover_popover {
1479
+ animation-duration: 0.01ms;
1480
+ }
1125
1481
  }
1126
1482
 
1127
1483
  /* dist/screens/components/Breadcrumbs/index.module.css */
@@ -3916,366 +4272,119 @@ button.TopBar_searchWrapper {
3916
4272
  .AgendaGrid_dayExtras {
3917
4273
  display: flex;
3918
4274
  align-items: center;
3919
- gap: 0.25rem;
3920
- width: 100%;
3921
- min-width: 0;
3922
- overflow: hidden;
3923
- }
3924
- .AgendaGrid_moonIcon {
3925
- flex-shrink: 0;
3926
- color: var(--cp-agenda-moon, #64748b);
3927
- }
3928
- .AgendaGrid_holidayLabel {
3929
- display: block;
3930
- font-size: 0.68rem;
3931
- font-weight: 600;
3932
- color: var(--cp-agenda-holiday, #ef4444);
3933
- overflow: hidden;
3934
- text-overflow: ellipsis;
3935
- white-space: nowrap;
3936
- }
3937
- .AgendaGrid_otherMonth {
3938
- cursor: not-allowed;
3939
- background-color: var(--cp-agenda-muted-bg, #fafbfc);
3940
- }
3941
- .AgendaGrid_otherMonth .AgendaGrid_dayNumber {
3942
- color: var(--cp-agenda-muted, #cbd5e1);
3943
- }
3944
- .AgendaGrid_selectedDay {
3945
- box-shadow: inset 0 0 0 2px var(--cp-selected, #0ea5e9);
3946
- background-color: color-mix(in srgb, var(--cp-selected, #0ea5e9) 6%, transparent);
3947
- }
3948
- .AgendaGrid_isHoliday {
3949
- border: 1px solid var(--cp-agenda-holiday-border, #ef4444);
3950
- }
3951
- .AgendaGrid_inRange {
3952
- background-color: color-mix(in srgb, var(--cp-selected, #0ea5e9) 8%, transparent);
3953
- }
3954
- .AgendaGrid_rangePreviewEdge {
3955
- opacity: 0.7;
3956
- }
3957
-
3958
- /* dist/screens/components/Barnner/index.module.css */
3959
- .Barnner_badge {
3960
- display: inline-flex;
3961
- align-items: center;
3962
- justify-content: center;
3963
- gap: 6px;
3964
- padding: 4px 10px;
3965
- border-radius: 7px;
3966
- font-size: 12px;
3967
- font-weight: 700;
3968
- letter-spacing: 0.02em;
3969
- text-transform: capitalize;
3970
- width: max-content;
3971
- }
3972
- .Barnner_badgeDefault {
3973
- background: #e2e8f0;
3974
- color: #334155;
3975
- }
3976
- .Barnner_badgeSuccess {
3977
- background: #dcfce7;
3978
- color: #166534;
3979
- }
3980
- .Barnner_badgeWarning {
3981
- background: #fef3c7;
3982
- color: #92400e;
3983
- }
3984
- .Barnner_badgeDanger {
3985
- background: #fee2e2;
3986
- color: #991b1b;
3987
- }
3988
-
3989
- /* dist/screens/components/ImagePastePreview/index.module.css */
3990
- .ImagePastePreview_list {
3991
- display: flex;
3992
- flex-wrap: wrap;
3993
- gap: 8px;
3994
- }
3995
- .ImagePastePreview_chip {
3996
- display: flex;
3997
- align-items: center;
3998
- gap: 8px;
3999
- padding: 6px 8px;
4000
- border: 1px solid var(--image-paste-preview-border, #e2e8f0);
4001
- border-radius: 8px;
4002
- background-color: #f8fafc;
4003
- width: fit-content;
4004
- max-width: 100%;
4005
- box-sizing: border-box;
4006
- }
4007
- .ImagePastePreview_thumb {
4008
- width: 36px;
4009
- height: 36px;
4010
- object-fit: cover;
4011
- border-radius: 6px;
4012
- border: 1px solid var(--image-paste-preview-thumb-border, #cbd5e1);
4013
- flex-shrink: 0;
4014
- }
4015
- .ImagePastePreview_removeButton {
4016
- display: inline-flex;
4017
- align-items: center;
4018
- justify-content: center;
4019
- width: 20px;
4020
- height: 20px;
4021
- border: none;
4022
- border-radius: 50%;
4023
- background-color: transparent;
4024
- color: #64748b;
4025
- cursor: pointer;
4026
- flex-shrink: 0;
4027
- padding: 0;
4028
- }
4029
- .ImagePastePreview_removeButton:hover {
4030
- background-color: #e2e8f0;
4031
- color: #0f172a;
4032
- }
4033
-
4034
- /* dist/screens/components/MarkdownContent/index.module.css */
4035
- .MarkdownContent_markdown {
4036
- font-size: 0.88rem;
4037
- line-height: 1.6;
4038
- color: inherit;
4039
- word-break: break-word;
4040
- }
4041
- .MarkdownContent_markdown > *:first-child {
4042
- margin-top: 0;
4043
- }
4044
- .MarkdownContent_markdown > *:last-child {
4045
- margin-bottom: 0;
4046
- }
4047
- .MarkdownContent_markdown h1,
4048
- .MarkdownContent_markdown h2,
4049
- .MarkdownContent_markdown h3,
4050
- .MarkdownContent_markdown h4,
4051
- .MarkdownContent_markdown h5,
4052
- .MarkdownContent_markdown h6 {
4053
- color: inherit;
4054
- font-weight: 700;
4055
- line-height: 1.35;
4056
- margin: 1.1em 0 0.5em 0;
4057
- }
4058
- .MarkdownContent_headingWithCopy {
4059
- display: flex;
4060
- align-items: center;
4061
- gap: 0.4rem;
4062
- }
4063
- .MarkdownContent_headingText {
4064
- min-width: 0;
4065
- }
4066
- .MarkdownContent_headingCopyButton {
4067
- flex-shrink: 0;
4068
- opacity: 0;
4069
- transition: opacity 0.15s ease;
4070
- }
4071
- .MarkdownContent_headingWithCopy:hover .MarkdownContent_headingCopyButton,
4072
- .MarkdownContent_headingWithCopy:focus-within .MarkdownContent_headingCopyButton,
4073
- .MarkdownContent_headingCopyButton:focus-visible {
4074
- opacity: 1;
4075
- }
4076
- .MarkdownContent_markdown h1 {
4077
- font-size: 1.35rem;
4078
- }
4079
- .MarkdownContent_markdown h2 {
4080
- font-size: 1.2rem;
4081
- }
4082
- .MarkdownContent_markdown h3 {
4083
- font-size: 1.05rem;
4084
- }
4085
- .MarkdownContent_markdown h4,
4086
- .MarkdownContent_markdown h5,
4087
- .MarkdownContent_markdown h6 {
4088
- font-size: 0.95rem;
4089
- }
4090
- .MarkdownContent_markdown p {
4091
- margin: 0 0 0.75em 0;
4092
- }
4093
- .MarkdownContent_markdown a {
4094
- color: var(--markdown-link, #7c9cff);
4095
- text-decoration: underline;
4096
- }
4097
- .MarkdownContent_markdown a:hover {
4098
- color: #a9bfff;
4099
- }
4100
- .MarkdownContent_markdown strong {
4101
- color: inherit;
4102
- font-weight: 700;
4103
- }
4104
- .MarkdownContent_markdown em {
4105
- font-style: italic;
4106
- }
4107
- .MarkdownContent_markdown del {
4108
- color: inherit;
4109
- opacity: 0.7;
4110
- }
4111
- .MarkdownContent_markdown ul,
4112
- .MarkdownContent_markdown ol {
4113
- margin: 0 0 0.75em 0;
4114
- padding-left: 1.4rem;
4115
- display: flex;
4116
- flex-direction: column;
4117
- gap: 0.25rem;
4118
- }
4119
- .MarkdownContent_markdown li > ul,
4120
- .MarkdownContent_markdown li > ol {
4121
- margin-top: 0.25rem;
4122
- margin-bottom: 0;
4123
- }
4124
- .MarkdownContent_markdown li input[type=checkbox] {
4125
- margin-right: 0.4rem;
4126
- }
4127
- .MarkdownContent_markdown blockquote {
4128
- margin: 0 0 0.75em 0;
4129
- padding: 0.25rem 1rem;
4130
- border-left: 3px solid rgba(124, 156, 255, 0.5);
4131
- color: inherit;
4132
- opacity: 0.85;
4133
- }
4134
- .MarkdownContent_markdown blockquote p:last-child {
4135
- margin-bottom: 0;
4136
- }
4137
- .MarkdownContent_markdown code {
4138
- font-family:
4139
- "SFMono-Regular",
4140
- Consolas,
4141
- "Liberation Mono",
4142
- Menlo,
4143
- monospace;
4144
- font-size: 0.85em;
4145
- background: rgba(128, 128, 128, 0.18);
4146
- color: inherit;
4147
- padding: 0.1em 0.35em;
4148
- border-radius: 4px;
4149
- }
4150
- .MarkdownContent_markdown pre {
4151
- margin: 0 0 0.75em 0;
4152
- padding: 0.85rem 1rem;
4153
- background: rgba(128, 128, 128, 0.12);
4154
- border: 1px solid rgba(128, 128, 128, 0.2);
4155
- border-radius: 8px;
4156
- overflow-x: auto;
4157
- }
4158
- .MarkdownContent_markdown pre code {
4159
- background: none;
4160
- padding: 0;
4161
- border-radius: 0;
4162
- color: inherit;
4163
- }
4164
- .MarkdownContent_copyableText {
4165
- display: inline-flex;
4166
- align-items: center;
4167
- gap: 0.3rem;
4275
+ gap: 0.25rem;
4276
+ width: 100%;
4277
+ min-width: 0;
4278
+ overflow: hidden;
4168
4279
  }
4169
- .MarkdownContent_copyableTextButton {
4280
+ .AgendaGrid_moonIcon {
4170
4281
  flex-shrink: 0;
4171
- opacity: 0;
4172
- transition: opacity 0.15s ease;
4173
- }
4174
- .MarkdownContent_copyableText:hover .MarkdownContent_copyableTextButton,
4175
- .MarkdownContent_copyableText:focus-within .MarkdownContent_copyableTextButton,
4176
- .MarkdownContent_copyableTextButton:focus-visible {
4177
- opacity: 1;
4178
- }
4179
- .MarkdownContent_copyBlockWrapper {
4180
- position: relative;
4181
- padding: 0.75rem 1rem;
4182
- border: 1px solid rgba(128, 128, 128, 0.2);
4183
- border-radius: 8px;
4184
- margin: 0 0 0.75em 0;
4282
+ color: var(--cp-agenda-moon, #64748b);
4185
4283
  }
4186
- .MarkdownContent_copyBlockWrapper > *:first-child {
4187
- margin-top: 0;
4284
+ .AgendaGrid_holidayLabel {
4285
+ display: block;
4286
+ font-size: 0.68rem;
4287
+ font-weight: 600;
4288
+ color: var(--cp-agenda-holiday, #ef4444);
4289
+ overflow: hidden;
4290
+ text-overflow: ellipsis;
4291
+ white-space: nowrap;
4188
4292
  }
4189
- .MarkdownContent_copyBlockWrapper > *:last-child {
4190
- margin-bottom: 0;
4293
+ .AgendaGrid_otherMonth {
4294
+ cursor: not-allowed;
4295
+ background-color: var(--cp-agenda-muted-bg, #fafbfc);
4191
4296
  }
4192
- .MarkdownContent_copyBlockButton {
4193
- position: absolute;
4194
- top: 0.6rem;
4195
- right: 0.6rem;
4196
- opacity: 0;
4197
- transition: opacity 0.15s ease;
4297
+ .AgendaGrid_otherMonth .AgendaGrid_dayNumber {
4298
+ color: var(--cp-agenda-muted, #cbd5e1);
4198
4299
  }
4199
- .MarkdownContent_copyBlockWrapper:hover .MarkdownContent_copyBlockButton,
4200
- .MarkdownContent_copyBlockWrapper:focus-within .MarkdownContent_copyBlockButton,
4201
- .MarkdownContent_copyBlockButton:focus-visible {
4202
- opacity: 1;
4300
+ .AgendaGrid_selectedDay {
4301
+ box-shadow: inset 0 0 0 2px var(--cp-selected, #0ea5e9);
4302
+ background-color: color-mix(in srgb, var(--cp-selected, #0ea5e9) 6%, transparent);
4203
4303
  }
4204
- .MarkdownContent_codeBlockWrapper {
4205
- position: relative;
4304
+ .AgendaGrid_isHoliday {
4305
+ border: 1px solid var(--cp-agenda-holiday-border, #ef4444);
4206
4306
  }
4207
- .MarkdownContent_codeCopyButton {
4208
- position: absolute;
4209
- top: 0.6rem;
4210
- right: 0.6rem;
4211
- opacity: 0;
4212
- transition: opacity 0.15s ease;
4307
+ .AgendaGrid_inRange {
4308
+ background-color: color-mix(in srgb, var(--cp-selected, #0ea5e9) 8%, transparent);
4213
4309
  }
4214
- .MarkdownContent_codeBlockWrapper:hover .MarkdownContent_codeCopyButton,
4215
- .MarkdownContent_codeBlockWrapper:focus-within .MarkdownContent_codeCopyButton,
4216
- .MarkdownContent_codeCopyButton:focus-visible {
4217
- opacity: 1;
4310
+ .AgendaGrid_rangePreviewEdge {
4311
+ opacity: 0.7;
4218
4312
  }
4219
- .MarkdownContent_markdown hr {
4220
- border: none;
4221
- border-top: 1px solid rgba(128, 128, 128, 0.25);
4222
- margin: 1em 0;
4313
+
4314
+ /* dist/screens/components/Barnner/index.module.css */
4315
+ .Barnner_badge {
4316
+ display: inline-flex;
4317
+ align-items: center;
4318
+ justify-content: center;
4319
+ gap: 6px;
4320
+ padding: 4px 10px;
4321
+ border-radius: 7px;
4322
+ font-size: 12px;
4323
+ font-weight: 700;
4324
+ letter-spacing: 0.02em;
4325
+ text-transform: capitalize;
4326
+ width: max-content;
4223
4327
  }
4224
- .MarkdownContent_markdown img {
4225
- max-width: 100%;
4226
- border-radius: 6px;
4328
+ .Barnner_badgeDefault {
4329
+ background: #e2e8f0;
4330
+ color: #334155;
4227
4331
  }
4228
- .MarkdownContent_markdown table {
4229
- width: 100%;
4230
- border-collapse: collapse;
4231
- margin: 0 0 0.75em 0;
4232
- font-size: 0.85rem;
4233
- display: block;
4234
- overflow-x: auto;
4332
+ .Barnner_badgeSuccess {
4333
+ background: #dcfce7;
4334
+ color: #166534;
4235
4335
  }
4236
- .MarkdownContent_markdown th,
4237
- .MarkdownContent_markdown td {
4238
- border: 1px solid rgba(128, 128, 128, 0.25);
4239
- padding: 0.4rem 0.6rem;
4240
- text-align: left;
4336
+ .Barnner_badgeWarning {
4337
+ background: #fef3c7;
4338
+ color: #92400e;
4241
4339
  }
4242
- .MarkdownContent_markdown th {
4243
- background: rgba(128, 128, 128, 0.15);
4244
- color: inherit;
4245
- font-weight: 700;
4340
+ .Barnner_badgeDanger {
4341
+ background: #fee2e2;
4342
+ color: #991b1b;
4246
4343
  }
4247
- .MarkdownContent_mermaidBlock {
4344
+
4345
+ /* dist/screens/components/ImagePastePreview/index.module.css */
4346
+ .ImagePastePreview_list {
4248
4347
  display: flex;
4249
- justify-content: center;
4250
- overflow-x: auto;
4251
- margin: 0 0 0.75em 0;
4348
+ flex-wrap: wrap;
4349
+ gap: 8px;
4252
4350
  }
4253
- .MarkdownContent_mermaidBlock svg {
4351
+ .ImagePastePreview_chip {
4352
+ display: flex;
4353
+ align-items: center;
4354
+ gap: 8px;
4355
+ padding: 6px 8px;
4356
+ border: 1px solid var(--image-paste-preview-border, #e2e8f0);
4357
+ border-radius: 8px;
4358
+ background-color: #f8fafc;
4359
+ width: fit-content;
4254
4360
  max-width: 100%;
4255
- height: auto;
4361
+ box-sizing: border-box;
4256
4362
  }
4257
- .MarkdownContent_mermaidError {
4258
- margin: 0 0 0.75em 0;
4259
- padding: 0.6rem 0.85rem;
4260
- background: rgba(248, 113, 113, 0.12);
4261
- border: 1px solid rgba(248, 113, 113, 0.35);
4363
+ .ImagePastePreview_thumb {
4364
+ width: 36px;
4365
+ height: 36px;
4366
+ object-fit: cover;
4262
4367
  border-radius: 6px;
4263
- color: #f87171;
4264
- font-size: 0.8rem;
4265
- white-space: pre-wrap;
4266
- }
4267
-
4268
- /* dist/screens/components/DynamicIcon/index.module.css */
4269
- .DynamicIcon_icon {
4270
- display: inline-block;
4368
+ border: 1px solid var(--image-paste-preview-thumb-border, #cbd5e1);
4271
4369
  flex-shrink: 0;
4272
- vertical-align: -0.15em;
4273
4370
  }
4274
- .DynamicIcon_emoji {
4275
- display: inline-block;
4371
+ .ImagePastePreview_removeButton {
4372
+ display: inline-flex;
4373
+ align-items: center;
4374
+ justify-content: center;
4375
+ width: 20px;
4376
+ height: 20px;
4377
+ border: none;
4378
+ border-radius: 50%;
4379
+ background-color: transparent;
4380
+ color: #64748b;
4381
+ cursor: pointer;
4276
4382
  flex-shrink: 0;
4277
- line-height: 1;
4278
- vertical-align: -0.1em;
4383
+ padding: 0;
4384
+ }
4385
+ .ImagePastePreview_removeButton:hover {
4386
+ background-color: #e2e8f0;
4387
+ color: #0f172a;
4279
4388
  }
4280
4389
 
4281
4390
  /* dist/screens/components/Callout/index.module.css */
@@ -7449,6 +7558,126 @@ button.TopBar_searchWrapper {
7449
7558
  color: var(--color-text-muted, #64748b);
7450
7559
  }
7451
7560
 
7561
+ /* dist/screens/components/Carousel/components/CarouselSlide/index.module.css */
7562
+ .CarouselSlide_slide {
7563
+ position: absolute;
7564
+ inset: 0;
7565
+ display: flex;
7566
+ flex-direction: column;
7567
+ justify-content: center;
7568
+ align-items: stretch;
7569
+ overflow: hidden;
7570
+ background: var(--carousel-slide-bg, transparent);
7571
+ color: var(--carousel-text, #e2e8f0);
7572
+ }
7573
+ .CarouselSlide_media {
7574
+ width: 100%;
7575
+ height: 100%;
7576
+ object-fit: cover;
7577
+ display: block;
7578
+ user-select: none;
7579
+ }
7580
+ .CarouselSlide_text {
7581
+ height: 100%;
7582
+ overflow: auto;
7583
+ box-sizing: border-box;
7584
+ padding: clamp(16px, 4vw, 32px);
7585
+ }
7586
+ .CarouselSlide_title {
7587
+ margin: 0 0 0.5rem;
7588
+ font-size: clamp(1rem, 2.5vw, 1.35rem);
7589
+ font-weight: 600;
7590
+ color: inherit;
7591
+ }
7592
+ .CarouselSlide_plain {
7593
+ margin: 0;
7594
+ font-size: clamp(0.9rem, 2vw, 1rem);
7595
+ line-height: 1.55;
7596
+ white-space: pre-wrap;
7597
+ }
7598
+ .CarouselSlide_caption {
7599
+ position: absolute;
7600
+ left: 0;
7601
+ right: 0;
7602
+ bottom: 0;
7603
+ padding: 24px 16px 14px;
7604
+ font-size: clamp(0.8rem, 2vw, 0.95rem);
7605
+ color: var(--carousel-caption-text, #ffffff);
7606
+ background:
7607
+ linear-gradient(
7608
+ to top,
7609
+ var(--carousel-caption-bg, rgba(0, 0, 0, 0.6)),
7610
+ transparent);
7611
+ pointer-events: none;
7612
+ }
7613
+
7614
+ /* dist/screens/components/Carousel/components/CarouselDots/index.module.css */
7615
+ .CarouselDots_dots {
7616
+ position: absolute;
7617
+ left: 50%;
7618
+ bottom: 10px;
7619
+ transform: translateX(-50%);
7620
+ display: flex;
7621
+ gap: 8px;
7622
+ z-index: 3;
7623
+ }
7624
+ .CarouselDots_dot {
7625
+ width: 8px;
7626
+ height: 8px;
7627
+ padding: 0;
7628
+ border: none;
7629
+ border-radius: 999px;
7630
+ background: var(--carousel-dot, rgba(255, 255, 255, 0.45));
7631
+ cursor: pointer;
7632
+ transition: width var(--carousel-duration, 450ms) ease, background-color 0.2s ease;
7633
+ }
7634
+ .CarouselDots_dot:focus-visible {
7635
+ outline: 2px solid var(--carousel-dot-active, #ffffff);
7636
+ outline-offset: 2px;
7637
+ }
7638
+ .CarouselDots_dotActive {
7639
+ width: 22px;
7640
+ background: var(--carousel-dot-active, #ffffff);
7641
+ }
7642
+
7643
+ /* dist/screens/components/Carousel/index.module.css */
7644
+ .Carousel_root {
7645
+ position: relative;
7646
+ width: 100%;
7647
+ max-width: 100%;
7648
+ border-radius: var(--carousel-radius, 12px);
7649
+ overflow: hidden;
7650
+ background: var(--carousel-slide-bg, #0f172a);
7651
+ color: var(--carousel-text, #e2e8f0);
7652
+ box-sizing: border-box;
7653
+ }
7654
+ .Carousel_root:focus-visible {
7655
+ outline: 2px solid var(--carousel-focus, var(--carousel-dot-active, #38bdf8));
7656
+ outline-offset: 2px;
7657
+ }
7658
+ .Carousel_viewport {
7659
+ position: relative;
7660
+ width: 100%;
7661
+ overflow: hidden;
7662
+ min-height: 120px;
7663
+ }
7664
+ .Carousel_slideWrap {
7665
+ position: absolute;
7666
+ inset: 0;
7667
+ will-change: transform, opacity;
7668
+ transition: transform var(--carousel-duration, 450ms) cubic-bezier(0.22, 0.61, 0.36, 1), opacity var(--carousel-duration, 450ms) ease;
7669
+ }
7670
+ @media (prefers-reduced-motion: reduce) {
7671
+ .Carousel_slideWrap {
7672
+ transition: none;
7673
+ }
7674
+ }
7675
+ @media (max-width: 480px) {
7676
+ .Carousel_viewport {
7677
+ min-height: 160px;
7678
+ }
7679
+ }
7680
+
7452
7681
  /* dist/screens/components/InfoTooltip/index.module.css */
7453
7682
  .InfoTooltip_container {
7454
7683
  position: relative;