anentrypoint-design 1.0.20 → 1.0.21
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/colors_and_type.css +12 -0
- package/dist/247420.css +22 -7
- package/dist/247420.js +24 -24
- package/package.json +1 -1
- package/src/css/app-shell/files.css +2 -2
- package/src/css/app-shell/primitives.css +8 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "anentrypoint-design",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.21",
|
|
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",
|
|
@@ -690,8 +690,8 @@
|
|
|
690
690
|
.btn-primary.danger {
|
|
691
691
|
background: var(--warn);
|
|
692
692
|
border-color: var(--warn);
|
|
693
|
-
color: var(--
|
|
694
|
-
box-shadow: inset 0 0 0 var(--bw-hair, 1px) color-mix(in oklab, var(--
|
|
693
|
+
color: var(--warn-fg);
|
|
694
|
+
box-shadow: inset 0 0 0 var(--bw-hair, 1px) color-mix(in oklab, var(--warn-fg) 25%, transparent);
|
|
695
695
|
font-weight: 700;
|
|
696
696
|
letter-spacing: 0.01em;
|
|
697
697
|
}
|
|
@@ -99,10 +99,13 @@
|
|
|
99
99
|
.ds-icon-btn-ghost:hover { background: var(--fg); color: var(--bg); }
|
|
100
100
|
.ds-icon-btn-primary { background: var(--accent); color: var(--accent-fg); }
|
|
101
101
|
.ds-icon-btn-primary:hover { background: var(--fg); color: var(--accent-ink); }
|
|
102
|
-
/* --
|
|
103
|
-
--warn (#FF5A52
|
|
104
|
-
|
|
105
|
-
|
|
102
|
+
/* --warn-fg (not a bare --ink/--on-color literal): --ink only clears AA
|
|
103
|
+
against dark theme's lighter --warn (#FF5A52, 6.27:1); light theme's
|
|
104
|
+
--warn is a darker red (#C41C0C) where --ink measures just 2.92:1, well
|
|
105
|
+
under the 4.5:1 floor. --warn-fg is the theme-paired token (light: paper
|
|
106
|
+
text 5.97:1, dark: ink text 6.27:1) -- same fix as .btn-primary.danger in
|
|
107
|
+
app-shell/files.css, which had this exact light-theme regression live. */
|
|
108
|
+
.ds-icon-btn-danger { background: var(--warn); color: var(--warn-fg); }
|
|
106
109
|
.ds-icon-btn-danger:hover { filter: brightness(0.92); }
|
|
107
110
|
.ds-icon-btn:active { transform: translateY(1px); }
|
|
108
111
|
.ds-icon-btn:disabled, .ds-icon-btn.is-disabled {
|
|
@@ -308,7 +311,7 @@
|
|
|
308
311
|
.ds-tooltip[data-placement^="bottom"]::after { top: -3px; left: 50%; margin-left: -3px; }
|
|
309
312
|
.ds-tooltip[data-placement^="left"]::after { right: -3px; top: 50%; margin-top: -3px; }
|
|
310
313
|
.ds-tooltip[data-placement^="right"]::after { left: -3px; top: 50%; margin-top: -3px; }
|
|
311
|
-
.ds-tooltip.kind-danger { background: var(--warn); color: var(--
|
|
314
|
+
.ds-tooltip.kind-danger { background: var(--warn); color: var(--warn-fg); }
|
|
312
315
|
.ds-tooltip.kind-danger::after { background: var(--warn); }
|
|
313
316
|
@media (prefers-reduced-motion: reduce) {
|
|
314
317
|
.ds-tooltip { transition: none; }
|