anentrypoint-design 0.0.270 → 0.0.271

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 (4) hide show
  1. package/app-shell.css +18 -9
  2. package/dist/247420.css +18 -9
  3. package/dist/247420.js +13 -13
  4. package/package.json +1 -1
package/app-shell.css CHANGED
@@ -432,21 +432,26 @@ body.canvas-host { background: transparent !important; }
432
432
  cursor: pointer;
433
433
  /* Rounded-rect app chrome, not a marketing-page stadium CTA. */
434
434
  border-radius: var(--r-1);
435
- border: 0;
436
- transition: transform var(--dur-base) var(--ease-spring), background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
437
- }
438
- .btn { background: var(--bg-2); color: var(--fg); }
439
- .btn:hover { background: var(--bg-3); color: var(--fg); }
435
+ border: var(--bw-hair) solid transparent;
436
+ box-shadow: none;
437
+ /* Restrained hover-lift: a 1px rise + hairline shadow reads as a crisp,
438
+ confident affordance rather than a soft glow-card float. */
439
+ transition: transform var(--dur-base) var(--ease-spring), background var(--dur-snap) var(--ease),
440
+ color var(--dur-snap) var(--ease), box-shadow var(--dur-base) var(--ease-spring),
441
+ border-color var(--dur-snap) var(--ease);
442
+ }
443
+ .btn { background: var(--bg-2); color: var(--fg); border-color: var(--rule); }
444
+ .btn:hover { background: var(--bg-3); color: var(--fg); transform: translateY(-1px); box-shadow: var(--shadow-1); }
440
445
  /* Primary CTA — the electric lead as a solid editorial block; hover inverts to
441
446
  an ink block with the lead as text, a confident two-tone flip. */
442
447
  .btn-primary {
443
448
  background: var(--accent); color: var(--accent-fg);
444
449
  font-weight: 700; letter-spacing: var(--tr-caps);
445
450
  }
446
- .btn-primary:hover { background: var(--fg); color: var(--accent-ink); }
451
+ .btn-primary:hover { background: var(--fg); color: var(--accent-ink); transform: translateY(-1px); box-shadow: var(--shadow-2); }
447
452
  .btn-ghost { background: transparent; color: var(--fg); box-shadow: inset 0 0 0 2px var(--fg); }
448
- .btn-ghost:hover { background: var(--fg); color: var(--bg); }
449
- .btn:active, .btn-primary:active, .btn-ghost:active { transform: translateY(2px); }
453
+ .btn-ghost:hover { background: var(--fg); color: var(--bg); transform: translateY(-1px); }
454
+ .btn:active, .btn-primary:active, .btn-ghost:active { transform: translateY(1px); box-shadow: none; }
450
455
  .btn:focus-visible, .btn-primary:focus-visible, .btn-ghost:focus-visible {
451
456
  outline: 2px solid var(--accent-ink);
452
457
  outline-offset: 2px;
@@ -560,6 +565,10 @@ body.canvas-host { background: transparent !important; }
560
565
  margin: 0 0 var(--space-5);
561
566
  padding: var(--space-3);
562
567
  position: relative;
568
+ /* Crisp, restrained elevation — a hairline border does the edge definition;
569
+ the shadow only adds a whisper of lift, not a soft glow-card float. */
570
+ box-shadow: var(--shadow-1);
571
+ transition: box-shadow var(--dur-base) var(--ease), border-color var(--dur-snap) var(--ease);
563
572
  }
564
573
  /* Editorial accent spine — an opt-in printed-ink rule down the left edge that
565
574
  reads as a magazine pull-quote bar, not a glow card. */
@@ -573,7 +582,7 @@ body.canvas-host { background: transparent !important; }
573
582
  border-radius: var(--bw-chunk) 0 0 var(--bw-chunk);
574
583
  }
575
584
  .panel.panel-inline { background: var(--bg-2); padding: var(--space-3) var(--space-3); }
576
- .panel.panel-wide { background: transparent; }
585
+ .panel.panel-wide { background: transparent; box-shadow: none; }
577
586
  .panel-head {
578
587
  display: flex; align-items: baseline; justify-content: space-between;
579
588
  /* Shares the .panel-body 16px side padding so the caps label and the body
package/dist/247420.css CHANGED
@@ -943,21 +943,26 @@
943
943
  cursor: pointer;
944
944
  /* Rounded-rect app chrome, not a marketing-page stadium CTA. */
945
945
  border-radius: var(--r-1);
946
- border: 0;
947
- transition: transform var(--dur-base) var(--ease-spring), background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
948
- }
949
- .ds-247420 .btn { background: var(--bg-2); color: var(--fg); }
950
- .ds-247420 .btn:hover { background: var(--bg-3); color: var(--fg); }
946
+ border: var(--bw-hair) solid transparent;
947
+ box-shadow: none;
948
+ /* Restrained hover-lift: a 1px rise + hairline shadow reads as a crisp,
949
+ confident affordance rather than a soft glow-card float. */
950
+ transition: transform var(--dur-base) var(--ease-spring), background var(--dur-snap) var(--ease),
951
+ color var(--dur-snap) var(--ease), box-shadow var(--dur-base) var(--ease-spring),
952
+ border-color var(--dur-snap) var(--ease);
953
+ }
954
+ .ds-247420 .btn { background: var(--bg-2); color: var(--fg); border-color: var(--rule); }
955
+ .ds-247420 .btn:hover { background: var(--bg-3); color: var(--fg); transform: translateY(-1px); box-shadow: var(--shadow-1); }
951
956
  /* Primary CTA — the electric lead as a solid editorial block; hover inverts to
952
957
  an ink block with the lead as text, a confident two-tone flip. */
953
958
  .ds-247420 .btn-primary {
954
959
  background: var(--accent); color: var(--accent-fg);
955
960
  font-weight: 700; letter-spacing: var(--tr-caps);
956
961
  }
957
- .ds-247420 .btn-primary:hover { background: var(--fg); color: var(--accent-ink); }
962
+ .ds-247420 .btn-primary:hover { background: var(--fg); color: var(--accent-ink); transform: translateY(-1px); box-shadow: var(--shadow-2); }
958
963
  .ds-247420 .btn-ghost { background: transparent; color: var(--fg); box-shadow: inset 0 0 0 2px var(--fg); }
959
- .ds-247420 .btn-ghost:hover { background: var(--fg); color: var(--bg); }
960
- .ds-247420 .btn:active, .ds-247420 .btn-primary:active, .ds-247420 .btn-ghost:active { transform: translateY(2px); }
964
+ .ds-247420 .btn-ghost:hover { background: var(--fg); color: var(--bg); transform: translateY(-1px); }
965
+ .ds-247420 .btn:active, .ds-247420 .btn-primary:active, .ds-247420 .btn-ghost:active { transform: translateY(1px); box-shadow: none; }
961
966
  .ds-247420 .btn:focus-visible, .ds-247420 .btn-primary:focus-visible, .ds-247420 .btn-ghost:focus-visible {
962
967
  outline: 2px solid var(--accent-ink);
963
968
  outline-offset: 2px;
@@ -1071,6 +1076,10 @@
1071
1076
  margin: 0 0 var(--space-5);
1072
1077
  padding: var(--space-3);
1073
1078
  position: relative;
1079
+ /* Crisp, restrained elevation — a hairline border does the edge definition;
1080
+ the shadow only adds a whisper of lift, not a soft glow-card float. */
1081
+ box-shadow: var(--shadow-1);
1082
+ transition: box-shadow var(--dur-base) var(--ease), border-color var(--dur-snap) var(--ease);
1074
1083
  }
1075
1084
  /* Editorial accent spine — an opt-in printed-ink rule down the left edge that
1076
1085
  reads as a magazine pull-quote bar, not a glow card. */
@@ -1084,7 +1093,7 @@
1084
1093
  border-radius: var(--bw-chunk) 0 0 var(--bw-chunk);
1085
1094
  }
1086
1095
  .ds-247420 .panel.panel-inline { background: var(--bg-2); padding: var(--space-3) var(--space-3); }
1087
- .ds-247420 .panel.panel-wide { background: transparent; }
1096
+ .ds-247420 .panel.panel-wide { background: transparent; box-shadow: none; }
1088
1097
  .ds-247420 .panel-head {
1089
1098
  display: flex; align-items: baseline; justify-content: space-between;
1090
1099
  /* Shares the .panel-body 16px side padding so the caps label and the body