anentrypoint-design 1.0.22 → 1.0.24

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "anentrypoint-design",
3
- "version": "1.0.22",
3
+ "version": "1.0.24",
4
4
  "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
5
5
  "type": "module",
6
6
  "main": "./dist/247420.js",
@@ -208,6 +208,11 @@ a.row:hover .meta, .row[role="button"]:hover .meta { color: var(--accent-ink); t
208
208
  .row.active { background: color-mix(in oklab, var(--accent) 10%, var(--bg-2)); }
209
209
  .row.active::before { height: 64%; opacity: 1; background: var(--accent); }
210
210
  .row.active .title { color: var(--accent-ink); }
211
+ /* The accent-tinted active background pushes --fg-3 (--ink-3) below AA 4.5:1
212
+ (measured 4.43:1 after the warm-paper retune) -- --fg-2 (--ink-2, 7.13:1 on
213
+ this mix) is the smallest token swap that clears it without touching the
214
+ base --ink-3/paper-2 pairing used everywhere else. */
215
+ .row.active .ds-session-sub { color: var(--fg-2); }
211
216
  .row.row-state-disabled { opacity: 0.5; pointer-events: none; }
212
217
  .row.row-state-error { background: color-mix(in oklab, var(--flame) 10%, var(--bg-2)); }
213
218
  .row.row-state-error::before { height: 64%; opacity: 1; background: var(--flame); }
@@ -798,7 +798,38 @@ input[type="password"]:not(:placeholder-shown) + .input-clear {
798
798
  max-width: 320px;
799
799
  box-shadow: var(--shadow-overlay);
800
800
  z-index: var(--z-toast);
801
+ display: flex;
802
+ align-items: flex-start;
803
+ gap: var(--space-3);
804
+ }
805
+
806
+ .toast-action {
807
+ flex: none;
808
+ background: transparent;
809
+ border: 1px solid var(--rule);
810
+ border-radius: var(--r-1);
811
+ color: var(--fg-0);
812
+ padding: var(--space-1) var(--space-2);
813
+ font: inherit;
814
+ font-weight: 600;
815
+ cursor: pointer;
816
+ white-space: nowrap;
817
+ }
818
+ .toast-action:hover { background: var(--bg-3); }
819
+ .toast-action:disabled { opacity: 0.6; cursor: default; }
820
+
821
+ .toast-dismiss {
822
+ flex: none;
823
+ margin-left: auto;
824
+ background: transparent;
825
+ border: none;
826
+ color: var(--fg-2);
827
+ font-size: 1.1em;
828
+ line-height: 1;
829
+ padding: var(--space-1);
830
+ cursor: pointer;
801
831
  }
832
+ .toast-dismiss:hover { color: var(--fg-0); }
802
833
 
803
834
  @keyframes toast-slide-in {
804
835
  from {