@basictech/react 0.12.0-beta.2 → 0.12.0-beta.4

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.
package/dist/styles.css CHANGED
@@ -1,12 +1,13 @@
1
1
  /* src/styles.css */
2
2
  :where(:root, .basic-ui) {
3
- --basic-accent: #404040;
3
+ --basic-accent: var(--basic-text);
4
+ --basic-accent-text: #fff;
4
5
  --basic-radius: 8px;
5
6
  --basic-surface: #fff;
6
- --basic-text: #262626;
7
- --basic-muted: #666666;
8
- --basic-border: #dedede;
9
- --basic-soft: #f5f5f5;
7
+ --basic-text: #000;
8
+ --basic-muted: color-mix(in srgb, var(--basic-text) 65%, var(--basic-surface));
9
+ --basic-border: color-mix(in srgb, var(--basic-text) 18%, var(--basic-surface));
10
+ --basic-soft: color-mix(in srgb, var(--basic-text) 6%, var(--basic-surface));
10
11
  --basic-success: #287647;
11
12
  --basic-progress: #3574c7;
12
13
  --basic-warning: #a54925;
@@ -14,11 +15,9 @@
14
15
  }
15
16
  .basic-ui[data-theme=dark] {
16
17
  color-scheme: dark;
18
+ --basic-accent-text: #000;
17
19
  --basic-surface: #232323;
18
- --basic-text: #f2f2f2;
19
- --basic-muted: #b3b3b3;
20
- --basic-border: #474747;
21
- --basic-soft: #333333;
20
+ --basic-text: #fff;
22
21
  --basic-success: #80ce96;
23
22
  --basic-warning: #f5b38e;
24
23
  }
@@ -64,7 +63,7 @@
64
63
  .basic-button[data-variant=solid] {
65
64
  background: var(--basic-accent);
66
65
  border-color: var(--basic-accent);
67
- color: #fff;
66
+ color: var(--basic-accent-text);
68
67
  }
69
68
  .basic-button[data-variant=ghost] {
70
69
  background: transparent;
@@ -149,8 +148,11 @@
149
148
  }
150
149
  .basic-avatar-fallback {
151
150
  display: flex;
151
+ width: 100%;
152
+ height: 100%;
152
153
  align-items: center;
153
154
  justify-content: center;
155
+ overflow: hidden;
154
156
  }
155
157
  .basic-avatar-container {
156
158
  position: relative;
@@ -245,9 +247,17 @@
245
247
  outline-offset: -2px;
246
248
  }
247
249
  .basic-menu-icon {
248
- display: block;
250
+ display: inline-flex;
251
+ align-items: center;
252
+ justify-content: center;
253
+ width: 16px;
254
+ height: 16px;
249
255
  flex-shrink: 0;
250
256
  }
257
+ .basic-menu-icon > svg {
258
+ width: 100%;
259
+ height: 100%;
260
+ }
251
261
  .basic-menu-profile {
252
262
  display: flex;
253
263
  gap: 12px;
@@ -271,7 +281,7 @@
271
281
  justify-content: center;
272
282
  border-radius: var(--basic-radius);
273
283
  background: var(--basic-accent);
274
- color: #fff;
284
+ color: var(--basic-accent-text);
275
285
  }
276
286
  .basic-menu-reauth[data-highlighted] {
277
287
  background: var(--basic-accent);
@@ -545,10 +555,106 @@
545
555
  padding: 14px 0;
546
556
  border-top: 1px solid var(--basic-border);
547
557
  }
558
+ .basic-invites {
559
+ color: var(--basic-text);
560
+ font-family: inherit;
561
+ font-size: 13px;
562
+ line-height: 1.5;
563
+ }
564
+ .basic-invites .basic-muted {
565
+ color: var(--basic-muted);
566
+ }
567
+ .basic-dialog > .basic-invites > .basic-section-heading {
568
+ padding-right: 30px;
569
+ }
570
+ .basic-invite-list > li {
571
+ display: grid;
572
+ grid-template-columns: 32px minmax(0, 1fr) auto;
573
+ gap: 4px 12px;
574
+ padding: 14px 0;
575
+ }
576
+ .basic-invite-actions {
577
+ display: flex;
578
+ align-self: center;
579
+ gap: 6px;
580
+ grid-column: 3;
581
+ grid-row: 1;
582
+ }
583
+ .basic-invite-actions .basic-button {
584
+ min-height: 32px;
585
+ padding: 6px 10px;
586
+ font-size: 12px;
587
+ }
588
+ .basic-invite-details {
589
+ grid-column: 2 / -1;
590
+ min-width: 0;
591
+ overflow-wrap: anywhere;
592
+ font-size: 12px;
593
+ }
594
+ .basic-invite-details summary {
595
+ width: fit-content;
596
+ cursor: pointer;
597
+ color: var(--basic-muted);
598
+ }
599
+ .basic-invite-list .basic-error {
600
+ margin: 4px 0 0;
601
+ font-size: 12px;
602
+ }
603
+ .basic-invite-scope {
604
+ display: grid;
605
+ gap: 6px;
606
+ padding: 8px 0;
607
+ color: var(--basic-muted);
608
+ }
609
+ .basic-invite-scope code {
610
+ display: block;
611
+ padding: 4px 0;
612
+ overflow-wrap: anywhere;
613
+ }
614
+ .basic-invite-state {
615
+ font-size: 12px;
616
+ color: var(--basic-muted);
617
+ }
618
+ .basic-recipient-label {
619
+ display: inline-flex;
620
+ align-items: center;
621
+ gap: 8px;
622
+ min-width: 0;
623
+ max-width: 100%;
624
+ color: var(--basic-text);
625
+ vertical-align: middle;
626
+ font-size: 13px;
627
+ }
628
+ .basic-recipient-handle {
629
+ min-width: 0;
630
+ overflow-wrap: anywhere;
631
+ }
632
+ .basic-recipient-avatars {
633
+ display: inline-flex;
634
+ align-items: center;
635
+ padding-left: 6px;
636
+ }
637
+ .basic-recipient-avatars > * {
638
+ margin-left: -6px;
639
+ border: 2px solid var(--basic-surface);
640
+ }
641
+ .basic-recipient-overflow {
642
+ padding: 4px 7px;
643
+ border-radius: 999px;
644
+ color: var(--basic-text);
645
+ background: var(--basic-soft);
646
+ font-size: 12px;
647
+ }
548
648
  @media (max-width: 480px) {
549
649
  .basic-dialog {
550
650
  padding: 18px;
551
651
  }
652
+ .basic-invite-list > li {
653
+ column-gap: 8px;
654
+ }
655
+ .basic-invite-actions {
656
+ flex-direction: column;
657
+ }
552
658
  .basic-details {
553
659
  grid-template-columns: 100px minmax(0, 1fr);
554
660
  gap: 6px 10px;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* Optional, scoped defaults. Override the --basic-* tokens or basic-* classes. */\n:where(:root, .basic-ui) {\n --basic-accent: #404040;\n --basic-radius: 8px;\n --basic-surface: #fff;\n --basic-text: #262626;\n --basic-muted: #666666;\n --basic-border: #dedede;\n --basic-soft: #f5f5f5;\n --basic-success: #287647;\n --basic-progress: #3574c7;\n --basic-warning: #a54925;\n --basic-space: 10px;\n}\n.basic-ui[data-theme='dark'] {\n color-scheme: dark;\n --basic-surface: #232323;\n --basic-text: #f2f2f2;\n --basic-muted: #b3b3b3;\n --basic-border: #474747;\n --basic-soft: #333333;\n --basic-success: #80ce96;\n --basic-warning: #f5b38e;\n}\n.basic-ui[data-theme='light'] {\n color-scheme: light;\n}\n.basic-ui[data-density='compact'] {\n --basic-space: 6px;\n}\n.basic-ui {\n color: var(--basic-text);\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n}\n.basic-ui *,\n.basic-button,\n.basic-avatar,\n.basic-status {\n box-sizing: border-box;\n}\n.basic-button,\n.basic-menu-item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n min-height: 36px;\n padding: var(--basic-space) 14px;\n margin: 0;\n border: 1px solid var(--basic-border);\n border-radius: var(--basic-radius);\n color: var(--basic-text);\n background: var(--basic-surface);\n font: inherit;\n font-size: 13px;\n font-weight: 500;\n line-height: 1.3;\n text-decoration: none;\n cursor: pointer;\n white-space: normal;\n}\n.basic-button[data-variant='solid'] {\n background: var(--basic-accent);\n border-color: var(--basic-accent);\n color: #fff;\n}\n.basic-button[data-variant='ghost'] {\n background: transparent;\n border-color: transparent;\n}\n.basic-button:hover:not(:disabled),\n.basic-menu-item[data-highlighted] {\n background: var(--basic-soft);\n border-color: var(--basic-border);\n}\n.basic-button[data-variant='solid']:hover:not(:disabled) {\n background: var(--basic-accent);\n filter: brightness(0.92);\n}\n.basic-button:disabled,\n.basic-menu-item[data-disabled] {\n opacity: 0.55;\n cursor: default;\n}\n.basic-button:focus-visible,\n.basic-menu-item:focus-visible,\n.basic-input:focus-visible,\n.basic-link:focus-visible {\n outline: 2px solid var(--basic-accent);\n outline-offset: 3px;\n}\n.basic-action {\n display: inline-flex;\n flex-direction: column;\n gap: 6px;\n max-width: 100%;\n}\n.basic-account-trigger {\n padding: 8px 14px 8px 8px;\n gap: 12px;\n text-align: left;\n}\n.basic-account-trigger[data-shape='rounded'] {\n border-radius: 999px;\n}\n.basic-account-trigger[data-shape='square'] {\n border-radius: var(--basic-radius);\n}\n.basic-trigger-avatar,\n.basic-trigger-avatar:hover:not(:disabled) {\n padding: 0;\n border: 0;\n min-height: 0;\n background: transparent;\n}\n.basic-trigger-avatar:hover:not(:disabled) {\n filter: brightness(0.95);\n}\n.basic-chevron {\n display: block;\n flex-shrink: 0;\n align-self: center;\n color: var(--basic-muted);\n margin-left: 8px;\n}\n.basic-account-trigger[aria-expanded='true'] .basic-chevron {\n transform: rotate(180deg);\n}\n.basic-avatar {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 50%;\n background: var(--basic-soft);\n color: var(--basic-text);\n border: 0;\n vertical-align: middle;\n font-size: 12px;\n font-weight: 600;\n}\n.basic-avatar-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.basic-avatar-fallback {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.basic-avatar-container {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n}\n.basic-avatar-container .basic-avatar-sync {\n position: absolute;\n right: -1px;\n bottom: -1px;\n width: 12px;\n height: 12px;\n padding: 0;\n gap: 0;\n overflow: hidden;\n font-size: 0;\n border: 2px solid var(--basic-surface);\n background: var(--basic-muted);\n}\n.basic-avatar-sync .basic-dot {\n width: 100%;\n height: 100%;\n flex-shrink: 0;\n}\n.basic-account-statuses {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n max-width: 140px;\n}\n.basic-account-statuses .basic-status {\n font-size: 10px;\n padding: 3px 6px;\n}\n.basic-profile-editor fieldset {\n border: 0;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 12px;\n}\n.basic-status {\n display: inline-flex;\n gap: 7px;\n align-items: center;\n padding: 5px 9px;\n border: 1px solid var(--basic-border);\n border-radius: 999px;\n font-size: 12px;\n color: var(--basic-text);\n background: var(--basic-surface);\n}\n.basic-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--basic-muted);\n flex-shrink: 0;\n}\n.basic-status[data-tone='success'] .basic-dot {\n background: var(--basic-success);\n}\n.basic-status[data-tone='warning'] .basic-dot {\n background: var(--basic-warning);\n}\n.basic-status[data-tone='progress'] .basic-dot {\n background: var(--basic-progress);\n}\n.basic-positioner {\n z-index: 1000;\n}\n.basic-menu {\n width: min(340px, calc(100vw - 24px));\n max-height: var(--available-height);\n overflow-y: auto;\n border: 1px solid var(--basic-border);\n border-radius: var(--basic-radius);\n padding: 8px 0;\n background: var(--basic-surface);\n box-shadow: 0 12px 40px #0002;\n}\n.basic-menu-item {\n width: 100%;\n justify-content: flex-start;\n text-align: left;\n border-color: transparent;\n padding: 10px 16px;\n border-radius: 0;\n gap: 12px;\n}\n.basic-menu-item:focus-visible {\n outline-offset: -2px;\n}\n.basic-menu-icon {\n display: block;\n flex-shrink: 0;\n}\n.basic-menu-profile {\n display: flex;\n gap: 12px;\n align-items: center;\n padding: 12px 16px 16px;\n}\n.basic-menu-profile .basic-identity strong {\n font-size: 16px;\n}\n.basic-menu-profile .basic-account-statuses {\n margin-top: 8px;\n max-width: none;\n}\n.basic-manage-account {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.basic-menu-reauth {\n width: calc(100% - 32px);\n margin: 0 16px 16px;\n justify-content: center;\n border-radius: var(--basic-radius);\n background: var(--basic-accent);\n color: #fff;\n}\n.basic-menu-reauth[data-highlighted] {\n background: var(--basic-accent);\n filter: brightness(0.92);\n}\n.basic-menu .basic-separator {\n margin: 6px 0;\n}\n.basic-menu-heading {\n padding: 6px 16px 4px;\n font-size: 11px;\n color: var(--basic-muted);\n font-weight: 400;\n}\n.basic-menu-signout:hover:not([data-disabled]),\n.basic-menu-signout[data-highlighted] {\n color: #b42318;\n background: #fff1f0;\n border-color: transparent;\n}\n.basic-ui[data-theme='dark'] .basic-menu-signout:hover:not([data-disabled]),\n.basic-ui[data-theme='dark'] .basic-menu-signout[data-highlighted] {\n color: #fda29b;\n background: #482421;\n}\n.basic-identity {\n display: flex;\n flex: 1;\n min-width: 0;\n flex-direction: column;\n gap: 2px;\n overflow-wrap: anywhere;\n}\n.basic-identity strong {\n color: var(--basic-text);\n font-size: 13px;\n font-weight: 600;\n}\n.basic-identity small {\n color: var(--basic-muted);\n font-size: 12px;\n}\n.basic-separator {\n height: 1px;\n background: var(--basic-border);\n margin: 10px 0;\n}\n.basic-backdrop {\n position: fixed;\n inset: 0;\n z-index: 1100;\n background: #1118;\n}\n.basic-dialog {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: min(620px, calc(100vw - 32px));\n max-height: calc(100dvh - 32px);\n overflow-y: auto;\n z-index: 1101;\n padding: 36px;\n border: 1px solid var(--basic-border);\n border-radius: var(--basic-radius);\n background: var(--basic-surface);\n box-shadow: 0 24px 80px #0003;\n}\n.basic-dialog-heading,\n.basic-section-heading {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n}\n.basic-dialog-heading-overlay {\n position: absolute;\n top: 12px;\n right: 12px;\n}\n.basic-dialog-heading .basic-button {\n border: 0;\n background: transparent;\n}\n.basic-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n.basic-modal-section,\n.basic-tabs {\n display: flex;\n gap: 24px;\n margin: 28px 0;\n border-bottom: 1px solid var(--basic-border);\n}\n.basic-modal-section {\n padding: 12px 0;\n font-weight: 600;\n}\n.basic-tabs [role='tab'] {\n background: transparent;\n border: 0;\n border-bottom: 2px solid transparent;\n border-radius: 0;\n padding: 12px 0;\n color: var(--basic-muted);\n font: inherit;\n cursor: pointer;\n transition: color 120ms ease;\n}\n.basic-tabs [role='tab']:hover:not(:disabled) {\n color: var(--basic-text);\n background: transparent;\n border-bottom-color: transparent;\n}\n.basic-tabs [role='tab']:active:not(:disabled) {\n transform: none;\n}\n.basic-tabs [role='tab']:focus-visible {\n outline: 2px solid var(--basic-accent);\n outline-offset: 3px;\n}\n.basic-tabs [aria-selected='true'],\n.basic-tabs [aria-selected='true']:hover:not(:disabled) {\n color: var(--basic-text);\n border-bottom-color: var(--basic-text);\n}\n@media (prefers-reduced-motion: reduce) {\n .basic-tabs [role='tab'] {\n transition: none;\n }\n}\n.basic-section-label {\n margin: 24px 0 12px;\n font-size: 11px;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--basic-muted);\n}\n.basic-modal-footer {\n justify-content: flex-end;\n border-top: 1px solid var(--basic-border);\n padding-top: 24px;\n margin-top: 24px;\n}\n.basic-title {\n margin: 0;\n color: var(--basic-text);\n font-family: inherit;\n font-size: 17px;\n font-weight: 600;\n line-height: 1.4;\n}\n.basic-dialog .basic-muted,\n.basic-menu .basic-muted {\n margin: 8px 0;\n color: var(--basic-muted);\n font-size: 13px;\n}\n.basic-profile {\n display: flex;\n align-items: center;\n gap: 20px;\n margin: 12px 0 24px;\n}\n.basic-profile .basic-identity strong {\n font-size: 26px;\n line-height: 1.2;\n}\n.basic-profile .basic-identity small {\n font-size: 15px;\n margin-top: 4px;\n}\n.basic-profile .basic-account-statuses {\n margin-top: 12px;\n}\n.basic-details {\n display: grid;\n grid-template-columns: 120px minmax(0, 1fr);\n gap: 6px 12px;\n padding: 12px 0;\n margin: 0;\n font-size: 12px;\n}\n.basic-details dt {\n color: var(--basic-muted);\n}\n.basic-details dd {\n margin: 0;\n overflow-wrap: anywhere;\n}\n.basic-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n margin-top: 12px;\n}\n.basic-link {\n color: var(--basic-text);\n font-size: 13px;\n text-decoration: underline;\n text-underline-offset: 3px;\n}\n.basic-error {\n color: var(--basic-warning);\n font-size: 12px;\n overflow-wrap: anywhere;\n}\n.basic-scope {\n display: grid;\n gap: 4px;\n padding: 12px;\n margin: 18px 0;\n background: var(--basic-soft);\n border-radius: var(--basic-radius);\n font-size: 12px;\n overflow-wrap: anywhere;\n}\n.basic-share-form {\n display: grid;\n gap: 12px;\n margin-bottom: 24px;\n}\n.basic-field {\n display: grid;\n gap: 5px;\n font-size: 12px;\n}\n.basic-input {\n min-width: 0;\n width: 100%;\n min-height: 40px;\n padding: var(--basic-space);\n border: 1px solid var(--basic-border);\n border-radius: var(--basic-radius);\n color: var(--basic-text);\n background: var(--basic-soft);\n font: inherit;\n font-size: 14px;\n}\n.basic-input::placeholder {\n color: var(--basic-muted);\n}\n.basic-empty {\n padding: 24px 12px;\n text-align: center;\n color: var(--basic-muted);\n font-size: 13px;\n background: var(--basic-soft);\n border-radius: var(--basic-radius);\n}\n.basic-share-list {\n padding: 0;\n margin: 0;\n list-style: none;\n}\n.basic-share-list > li {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n gap: 12px;\n padding: 14px 0;\n border-top: 1px solid var(--basic-border);\n}\n@media (max-width: 480px) {\n .basic-dialog {\n padding: 18px;\n }\n .basic-details {\n grid-template-columns: 100px minmax(0, 1fr);\n gap: 6px 10px;\n }\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* Optional, scoped defaults. Override the --basic-* tokens or basic-* classes. */\n:where(:root, .basic-ui) {\n --basic-accent: var(--basic-text);\n --basic-accent-text: #fff;\n --basic-radius: 8px;\n --basic-surface: #fff;\n --basic-text: #000;\n --basic-muted: color-mix(in srgb, var(--basic-text) 65%, var(--basic-surface));\n --basic-border: color-mix(in srgb, var(--basic-text) 18%, var(--basic-surface));\n --basic-soft: color-mix(in srgb, var(--basic-text) 6%, var(--basic-surface));\n --basic-success: #287647;\n --basic-progress: #3574c7;\n --basic-warning: #a54925;\n --basic-space: 10px;\n}\n.basic-ui[data-theme='dark'] {\n color-scheme: dark;\n --basic-accent-text: #000;\n --basic-surface: #232323;\n --basic-text: #fff;\n --basic-success: #80ce96;\n --basic-warning: #f5b38e;\n}\n.basic-ui[data-theme='light'] {\n color-scheme: light;\n}\n.basic-ui[data-density='compact'] {\n --basic-space: 6px;\n}\n.basic-ui {\n color: var(--basic-text);\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n}\n.basic-ui *,\n.basic-button,\n.basic-avatar,\n.basic-status {\n box-sizing: border-box;\n}\n.basic-button,\n.basic-menu-item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n min-height: 36px;\n padding: var(--basic-space) 14px;\n margin: 0;\n border: 1px solid var(--basic-border);\n border-radius: var(--basic-radius);\n color: var(--basic-text);\n background: var(--basic-surface);\n font: inherit;\n font-size: 13px;\n font-weight: 500;\n line-height: 1.3;\n text-decoration: none;\n cursor: pointer;\n white-space: normal;\n}\n.basic-button[data-variant='solid'] {\n background: var(--basic-accent);\n border-color: var(--basic-accent);\n color: var(--basic-accent-text);\n}\n.basic-button[data-variant='ghost'] {\n background: transparent;\n border-color: transparent;\n}\n.basic-button:hover:not(:disabled),\n.basic-menu-item[data-highlighted] {\n background: var(--basic-soft);\n border-color: var(--basic-border);\n}\n.basic-button[data-variant='solid']:hover:not(:disabled) {\n background: var(--basic-accent);\n filter: brightness(0.92);\n}\n.basic-button:disabled,\n.basic-menu-item[data-disabled] {\n opacity: 0.55;\n cursor: default;\n}\n.basic-button:focus-visible,\n.basic-menu-item:focus-visible,\n.basic-input:focus-visible,\n.basic-link:focus-visible {\n outline: 2px solid var(--basic-accent);\n outline-offset: 3px;\n}\n.basic-action {\n display: inline-flex;\n flex-direction: column;\n gap: 6px;\n max-width: 100%;\n}\n.basic-account-trigger {\n padding: 8px 14px 8px 8px;\n gap: 12px;\n text-align: left;\n}\n.basic-account-trigger[data-shape='rounded'] {\n border-radius: 999px;\n}\n.basic-account-trigger[data-shape='square'] {\n border-radius: var(--basic-radius);\n}\n.basic-trigger-avatar,\n.basic-trigger-avatar:hover:not(:disabled) {\n padding: 0;\n border: 0;\n min-height: 0;\n background: transparent;\n}\n.basic-trigger-avatar:hover:not(:disabled) {\n filter: brightness(0.95);\n}\n.basic-chevron {\n display: block;\n flex-shrink: 0;\n align-self: center;\n color: var(--basic-muted);\n margin-left: 8px;\n}\n.basic-account-trigger[aria-expanded='true'] .basic-chevron {\n transform: rotate(180deg);\n}\n.basic-avatar {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 50%;\n background: var(--basic-soft);\n color: var(--basic-text);\n border: 0;\n vertical-align: middle;\n font-size: 12px;\n font-weight: 600;\n}\n.basic-avatar-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.basic-avatar-fallback {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n.basic-avatar-container {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n}\n.basic-avatar-container .basic-avatar-sync {\n position: absolute;\n right: -1px;\n bottom: -1px;\n width: 12px;\n height: 12px;\n padding: 0;\n gap: 0;\n overflow: hidden;\n font-size: 0;\n border: 2px solid var(--basic-surface);\n background: var(--basic-muted);\n}\n.basic-avatar-sync .basic-dot {\n width: 100%;\n height: 100%;\n flex-shrink: 0;\n}\n.basic-account-statuses {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n max-width: 140px;\n}\n.basic-account-statuses .basic-status {\n font-size: 10px;\n padding: 3px 6px;\n}\n.basic-profile-editor fieldset {\n border: 0;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 12px;\n}\n.basic-status {\n display: inline-flex;\n gap: 7px;\n align-items: center;\n padding: 5px 9px;\n border: 1px solid var(--basic-border);\n border-radius: 999px;\n font-size: 12px;\n color: var(--basic-text);\n background: var(--basic-surface);\n}\n.basic-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--basic-muted);\n flex-shrink: 0;\n}\n.basic-status[data-tone='success'] .basic-dot {\n background: var(--basic-success);\n}\n.basic-status[data-tone='warning'] .basic-dot {\n background: var(--basic-warning);\n}\n.basic-status[data-tone='progress'] .basic-dot {\n background: var(--basic-progress);\n}\n.basic-positioner {\n z-index: 1000;\n}\n.basic-menu {\n width: min(340px, calc(100vw - 24px));\n max-height: var(--available-height);\n overflow-y: auto;\n border: 1px solid var(--basic-border);\n border-radius: var(--basic-radius);\n padding: 8px 0;\n background: var(--basic-surface);\n box-shadow: 0 12px 40px #0002;\n}\n.basic-menu-item {\n width: 100%;\n justify-content: flex-start;\n text-align: left;\n border-color: transparent;\n padding: 10px 16px;\n border-radius: 0;\n gap: 12px;\n}\n.basic-menu-item:focus-visible {\n outline-offset: -2px;\n}\n.basic-menu-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n}\n.basic-menu-icon > svg {\n width: 100%;\n height: 100%;\n}\n.basic-menu-profile {\n display: flex;\n gap: 12px;\n align-items: center;\n padding: 12px 16px 16px;\n}\n.basic-menu-profile .basic-identity strong {\n font-size: 16px;\n}\n.basic-menu-profile .basic-account-statuses {\n margin-top: 8px;\n max-width: none;\n}\n.basic-manage-account {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.basic-menu-reauth {\n width: calc(100% - 32px);\n margin: 0 16px 16px;\n justify-content: center;\n border-radius: var(--basic-radius);\n background: var(--basic-accent);\n color: var(--basic-accent-text);\n}\n.basic-menu-reauth[data-highlighted] {\n background: var(--basic-accent);\n filter: brightness(0.92);\n}\n.basic-menu .basic-separator {\n margin: 6px 0;\n}\n.basic-menu-heading {\n padding: 6px 16px 4px;\n font-size: 11px;\n color: var(--basic-muted);\n font-weight: 400;\n}\n.basic-menu-signout:hover:not([data-disabled]),\n.basic-menu-signout[data-highlighted] {\n color: #b42318;\n background: #fff1f0;\n border-color: transparent;\n}\n.basic-ui[data-theme='dark'] .basic-menu-signout:hover:not([data-disabled]),\n.basic-ui[data-theme='dark'] .basic-menu-signout[data-highlighted] {\n color: #fda29b;\n background: #482421;\n}\n.basic-identity {\n display: flex;\n flex: 1;\n min-width: 0;\n flex-direction: column;\n gap: 2px;\n overflow-wrap: anywhere;\n}\n.basic-identity strong {\n color: var(--basic-text);\n font-size: 13px;\n font-weight: 600;\n}\n.basic-identity small {\n color: var(--basic-muted);\n font-size: 12px;\n}\n.basic-separator {\n height: 1px;\n background: var(--basic-border);\n margin: 10px 0;\n}\n.basic-backdrop {\n position: fixed;\n inset: 0;\n z-index: 1100;\n background: #1118;\n}\n.basic-dialog {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: min(620px, calc(100vw - 32px));\n max-height: calc(100dvh - 32px);\n overflow-y: auto;\n z-index: 1101;\n padding: 36px;\n border: 1px solid var(--basic-border);\n border-radius: var(--basic-radius);\n background: var(--basic-surface);\n box-shadow: 0 24px 80px #0003;\n}\n.basic-dialog-heading,\n.basic-section-heading {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n}\n.basic-dialog-heading-overlay {\n position: absolute;\n top: 12px;\n right: 12px;\n}\n.basic-dialog-heading .basic-button {\n border: 0;\n background: transparent;\n}\n.basic-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n.basic-modal-section,\n.basic-tabs {\n display: flex;\n gap: 24px;\n margin: 28px 0;\n border-bottom: 1px solid var(--basic-border);\n}\n.basic-modal-section {\n padding: 12px 0;\n font-weight: 600;\n}\n.basic-tabs [role='tab'] {\n background: transparent;\n border: 0;\n border-bottom: 2px solid transparent;\n border-radius: 0;\n padding: 12px 0;\n color: var(--basic-muted);\n font: inherit;\n cursor: pointer;\n transition: color 120ms ease;\n}\n.basic-tabs [role='tab']:hover:not(:disabled) {\n color: var(--basic-text);\n background: transparent;\n border-bottom-color: transparent;\n}\n.basic-tabs [role='tab']:active:not(:disabled) {\n transform: none;\n}\n.basic-tabs [role='tab']:focus-visible {\n outline: 2px solid var(--basic-accent);\n outline-offset: 3px;\n}\n.basic-tabs [aria-selected='true'],\n.basic-tabs [aria-selected='true']:hover:not(:disabled) {\n color: var(--basic-text);\n border-bottom-color: var(--basic-text);\n}\n@media (prefers-reduced-motion: reduce) {\n .basic-tabs [role='tab'] {\n transition: none;\n }\n}\n.basic-section-label {\n margin: 24px 0 12px;\n font-size: 11px;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--basic-muted);\n}\n.basic-modal-footer {\n justify-content: flex-end;\n border-top: 1px solid var(--basic-border);\n padding-top: 24px;\n margin-top: 24px;\n}\n.basic-title {\n margin: 0;\n color: var(--basic-text);\n font-family: inherit;\n font-size: 17px;\n font-weight: 600;\n line-height: 1.4;\n}\n.basic-dialog .basic-muted,\n.basic-menu .basic-muted {\n margin: 8px 0;\n color: var(--basic-muted);\n font-size: 13px;\n}\n.basic-profile {\n display: flex;\n align-items: center;\n gap: 20px;\n margin: 12px 0 24px;\n}\n.basic-profile .basic-identity strong {\n font-size: 26px;\n line-height: 1.2;\n}\n.basic-profile .basic-identity small {\n font-size: 15px;\n margin-top: 4px;\n}\n.basic-profile .basic-account-statuses {\n margin-top: 12px;\n}\n.basic-details {\n display: grid;\n grid-template-columns: 120px minmax(0, 1fr);\n gap: 6px 12px;\n padding: 12px 0;\n margin: 0;\n font-size: 12px;\n}\n.basic-details dt {\n color: var(--basic-muted);\n}\n.basic-details dd {\n margin: 0;\n overflow-wrap: anywhere;\n}\n.basic-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n margin-top: 12px;\n}\n.basic-link {\n color: var(--basic-text);\n font-size: 13px;\n text-decoration: underline;\n text-underline-offset: 3px;\n}\n.basic-error {\n color: var(--basic-warning);\n font-size: 12px;\n overflow-wrap: anywhere;\n}\n.basic-scope {\n display: grid;\n gap: 4px;\n padding: 12px;\n margin: 18px 0;\n background: var(--basic-soft);\n border-radius: var(--basic-radius);\n font-size: 12px;\n overflow-wrap: anywhere;\n}\n.basic-share-form {\n display: grid;\n gap: 12px;\n margin-bottom: 24px;\n}\n.basic-field {\n display: grid;\n gap: 5px;\n font-size: 12px;\n}\n.basic-input {\n min-width: 0;\n width: 100%;\n min-height: 40px;\n padding: var(--basic-space);\n border: 1px solid var(--basic-border);\n border-radius: var(--basic-radius);\n color: var(--basic-text);\n background: var(--basic-soft);\n font: inherit;\n font-size: 14px;\n}\n.basic-input::placeholder {\n color: var(--basic-muted);\n}\n.basic-empty {\n padding: 24px 12px;\n text-align: center;\n color: var(--basic-muted);\n font-size: 13px;\n background: var(--basic-soft);\n border-radius: var(--basic-radius);\n}\n.basic-share-list {\n padding: 0;\n margin: 0;\n list-style: none;\n}\n.basic-share-list > li {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n gap: 12px;\n padding: 14px 0;\n border-top: 1px solid var(--basic-border);\n}\n.basic-invites {\n color: var(--basic-text);\n font-family: inherit;\n font-size: 13px;\n line-height: 1.5;\n}\n.basic-invites .basic-muted {\n color: var(--basic-muted);\n}\n.basic-dialog > .basic-invites > .basic-section-heading {\n padding-right: 30px;\n}\n.basic-invite-list > li {\n display: grid;\n grid-template-columns: 32px minmax(0, 1fr) auto;\n gap: 4px 12px;\n padding: 14px 0;\n}\n.basic-invite-actions {\n display: flex;\n align-self: center;\n gap: 6px;\n grid-column: 3;\n grid-row: 1;\n}\n.basic-invite-actions .basic-button {\n min-height: 32px;\n padding: 6px 10px;\n font-size: 12px;\n}\n.basic-invite-details {\n grid-column: 2 / -1;\n min-width: 0;\n overflow-wrap: anywhere;\n font-size: 12px;\n}\n.basic-invite-details summary {\n width: fit-content;\n cursor: pointer;\n color: var(--basic-muted);\n}\n.basic-invite-list .basic-error {\n margin: 4px 0 0;\n font-size: 12px;\n}\n.basic-invite-scope {\n display: grid;\n gap: 6px;\n padding: 8px 0;\n color: var(--basic-muted);\n}\n.basic-invite-scope code {\n display: block;\n padding: 4px 0;\n overflow-wrap: anywhere;\n}\n.basic-invite-state {\n font-size: 12px;\n color: var(--basic-muted);\n}\n.basic-recipient-label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n max-width: 100%;\n color: var(--basic-text);\n vertical-align: middle;\n font-size: 13px;\n}\n.basic-recipient-handle {\n min-width: 0;\n overflow-wrap: anywhere;\n}\n.basic-recipient-avatars {\n display: inline-flex;\n align-items: center;\n padding-left: 6px;\n}\n.basic-recipient-avatars > * {\n margin-left: -6px;\n border: 2px solid var(--basic-surface);\n}\n.basic-recipient-overflow {\n padding: 4px 7px;\n border-radius: 999px;\n color: var(--basic-text);\n background: var(--basic-soft);\n font-size: 12px;\n}\n@media (max-width: 480px) {\n .basic-dialog {\n padding: 18px;\n }\n .basic-invite-list > li {\n column-gap: 8px;\n }\n .basic-invite-actions {\n flex-direction: column;\n }\n .basic-details {\n grid-template-columns: 100px minmax(0, 1fr);\n gap: 6px 10px;\n }\n}\n"],"mappings":"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","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basictech/react",
3
- "version": "0.12.0-beta.2",
3
+ "version": "0.12.0-beta.4",
4
4
  "private": false,
5
5
  "description": "React integration for the Basic repo-era SDK",
6
6
  "license": "MIT",
@@ -26,7 +26,8 @@
26
26
  },
27
27
  "files": [
28
28
  "dist",
29
- "CHANGELOG.md"
29
+ "CHANGELOG.md",
30
+ "THIRD_PARTY_NOTICES.md"
30
31
  ],
31
32
  "scripts": {
32
33
  "build": "tsup",
@@ -43,7 +44,7 @@
43
44
  "author": "",
44
45
  "dependencies": {
45
46
  "@base-ui/react": "^1.8.0",
46
- "@basictech/core": "0.12.0-beta.2",
47
+ "@basictech/core": "0.12.0-beta.4",
47
48
  "dexie": "^4.2.1"
48
49
  },
49
50
  "devDependencies": {