anentrypoint-design 0.0.111 → 0.0.113
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 +14 -0
- package/dist/247420.css +14 -0
- package/dist/247420.js +10 -10
- package/package.json +1 -1
- package/src/kits/os/index.js +12 -0
package/colors_and_type.css
CHANGED
|
@@ -102,6 +102,7 @@
|
|
|
102
102
|
--space-7: 64px;
|
|
103
103
|
--space-8: 96px;
|
|
104
104
|
--space-9: 128px;
|
|
105
|
+
--space-10: 192px;
|
|
105
106
|
|
|
106
107
|
--density: 1;
|
|
107
108
|
--pad-y: calc(var(--space-5) * var(--density));
|
|
@@ -195,3 +196,16 @@
|
|
|
195
196
|
[data-accent="green"] { --accent: var(--green); --accent-bright: var(--green-2); --accent-fg: var(--paper); --panel-accent: var(--green); }
|
|
196
197
|
[data-accent="purple"] { --accent: var(--purple); --accent-bright: #C277FF; --accent-fg: var(--paper); --panel-accent: var(--purple); }
|
|
197
198
|
[data-accent="mascot"] { --accent: var(--mascot); --accent-bright: var(--mascot-2); --accent-fg: var(--ink); --panel-accent: var(--mascot); }
|
|
199
|
+
|
|
200
|
+
/* Type-scale modifier — opt-in body/lg/xl bump for surfaces that want denser
|
|
201
|
+
or larger reading sizes without a custom override. */
|
|
202
|
+
[data-typescale="sm"] { --fs-body: 15px; --fs-lg: 17px; --fs-xl: 20px; }
|
|
203
|
+
[data-typescale="lg"] { --fs-body: 17px; --fs-lg: 20px; --fs-xl: 24px; }
|
|
204
|
+
|
|
205
|
+
/* Debug grid overlay — 8px mascot grid. Toggle via class on any container. */
|
|
206
|
+
.with-grid-overlay {
|
|
207
|
+
background-image:
|
|
208
|
+
linear-gradient(to right, rgba(232,75,138,0.15) 1px, transparent 1px),
|
|
209
|
+
linear-gradient(to bottom, rgba(232,75,138,0.15) 1px, transparent 1px);
|
|
210
|
+
background-size: 8px 8px;
|
|
211
|
+
}
|
package/dist/247420.css
CHANGED
|
@@ -106,6 +106,7 @@
|
|
|
106
106
|
--space-7: 64px;
|
|
107
107
|
--space-8: 96px;
|
|
108
108
|
--space-9: 128px;
|
|
109
|
+
--space-10: 192px;
|
|
109
110
|
|
|
110
111
|
--density: 1;
|
|
111
112
|
--pad-y: calc(var(--space-5) * var(--density));
|
|
@@ -200,6 +201,19 @@
|
|
|
200
201
|
.ds-247420[data-accent="purple"] { --accent: var(--purple); --accent-bright: #C277FF; --accent-fg: var(--paper); --panel-accent: var(--purple); }
|
|
201
202
|
.ds-247420[data-accent="mascot"] { --accent: var(--mascot); --accent-bright: var(--mascot-2); --accent-fg: var(--ink); --panel-accent: var(--mascot); }
|
|
202
203
|
|
|
204
|
+
/* Type-scale modifier — opt-in body/lg/xl bump for surfaces that want denser
|
|
205
|
+
or larger reading sizes without a custom override. */
|
|
206
|
+
.ds-247420[data-typescale="sm"] { --fs-body: 15px; --fs-lg: 17px; --fs-xl: 20px; }
|
|
207
|
+
.ds-247420[data-typescale="lg"] { --fs-body: 17px; --fs-lg: 20px; --fs-xl: 24px; }
|
|
208
|
+
|
|
209
|
+
/* Debug grid overlay — 8px mascot grid. Toggle via class on any container. */
|
|
210
|
+
.ds-247420 .with-grid-overlay {
|
|
211
|
+
background-image:
|
|
212
|
+
linear-gradient(to right, rgba(232,75,138,0.15) 1px, transparent 1px),
|
|
213
|
+
linear-gradient(to bottom, rgba(232,75,138,0.15) 1px, transparent 1px);
|
|
214
|
+
background-size: 8px 8px;
|
|
215
|
+
}
|
|
216
|
+
|
|
203
217
|
/* app-shell.css */
|
|
204
218
|
/* ============================================================
|
|
205
219
|
247420 design system — component sheet
|