anentrypoint-design 0.0.112 → 0.0.114

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 (5) hide show
  1. package/colors_and_type.css +29 -0
  2. package/dist/247420.css +29 -0
  3. package/dist/247420.js +9 -9
  4. package/package.json +1 -1
  5. package/src/kits/os/index.js +12 -0
package/colors_and_type.css CHANGED
@@ -50,6 +50,7 @@
50
50
  --panel-bg: var(--bg);
51
51
  --panel-bg-2: var(--bg-2);
52
52
  --panel-accent: var(--accent);
53
+ --panel-0: var(--bg);
53
54
  --panel-1: var(--bg-2);
54
55
  --panel-2: var(--bg-3);
55
56
  --panel-3: color-mix(in oklab, var(--fg) 12%, transparent);
@@ -102,6 +103,7 @@
102
103
  --space-7: 64px;
103
104
  --space-8: 96px;
104
105
  --space-9: 128px;
106
+ --space-10: 192px;
105
107
 
106
108
  --density: 1;
107
109
  --pad-y: calc(var(--space-5) * var(--density));
@@ -143,6 +145,13 @@
143
145
  --fg-3: #9A9AA2;
144
146
  --panel-bg: var(--bg);
145
147
  --panel-bg-2: var(--bg-2);
148
+ --panel-0: var(--bg);
149
+ --panel-1: var(--bg-2);
150
+ --panel-2: var(--bg-3);
151
+ --panel-3: color-mix(in oklab, var(--fg) 20%, transparent);
152
+ --panel-text: var(--fg);
153
+ --panel-text-2: var(--fg-2);
154
+ --panel-text-3: var(--fg-3);
146
155
  --accent: var(--accent-bright, var(--green-2));
147
156
  --accent-fg: var(--ink);
148
157
  }
@@ -157,6 +166,13 @@
157
166
  --fg-3: #9A9AA2;
158
167
  --panel-bg: var(--bg);
159
168
  --panel-bg-2: var(--bg-2);
169
+ --panel-0: var(--bg);
170
+ --panel-1: var(--bg-2);
171
+ --panel-2: var(--bg-3);
172
+ --panel-3: color-mix(in oklab, var(--fg) 20%, transparent);
173
+ --panel-text: var(--fg);
174
+ --panel-text-2: var(--fg-2);
175
+ --panel-text-3: var(--fg-3);
160
176
  --accent: var(--accent-bright, var(--green-2));
161
177
  --accent-fg: var(--ink);
162
178
  }
@@ -195,3 +211,16 @@
195
211
  [data-accent="green"] { --accent: var(--green); --accent-bright: var(--green-2); --accent-fg: var(--paper); --panel-accent: var(--green); }
196
212
  [data-accent="purple"] { --accent: var(--purple); --accent-bright: #C277FF; --accent-fg: var(--paper); --panel-accent: var(--purple); }
197
213
  [data-accent="mascot"] { --accent: var(--mascot); --accent-bright: var(--mascot-2); --accent-fg: var(--ink); --panel-accent: var(--mascot); }
214
+
215
+ /* Type-scale modifier — opt-in body/lg/xl bump for surfaces that want denser
216
+ or larger reading sizes without a custom override. */
217
+ [data-typescale="sm"] { --fs-body: 15px; --fs-lg: 17px; --fs-xl: 20px; }
218
+ [data-typescale="lg"] { --fs-body: 17px; --fs-lg: 20px; --fs-xl: 24px; }
219
+
220
+ /* Debug grid overlay — 8px mascot grid. Toggle via class on any container. */
221
+ .with-grid-overlay {
222
+ background-image:
223
+ linear-gradient(to right, rgba(232,75,138,0.15) 1px, transparent 1px),
224
+ linear-gradient(to bottom, rgba(232,75,138,0.15) 1px, transparent 1px);
225
+ background-size: 8px 8px;
226
+ }
package/dist/247420.css CHANGED
@@ -54,6 +54,7 @@
54
54
  --panel-bg: var(--bg);
55
55
  --panel-bg-2: var(--bg-2);
56
56
  --panel-accent: var(--accent);
57
+ --panel-0: var(--bg);
57
58
  --panel-1: var(--bg-2);
58
59
  --panel-2: var(--bg-3);
59
60
  --panel-3: color-mix(in oklab, var(--fg) 12%, transparent);
@@ -106,6 +107,7 @@
106
107
  --space-7: 64px;
107
108
  --space-8: 96px;
108
109
  --space-9: 128px;
110
+ --space-10: 192px;
109
111
 
110
112
  --density: 1;
111
113
  --pad-y: calc(var(--space-5) * var(--density));
@@ -147,6 +149,13 @@
147
149
  --fg-3: #9A9AA2;
148
150
  --panel-bg: var(--bg);
149
151
  --panel-bg-2: var(--bg-2);
152
+ --panel-0: var(--bg);
153
+ --panel-1: var(--bg-2);
154
+ --panel-2: var(--bg-3);
155
+ --panel-3: color-mix(in oklab, var(--fg) 20%, transparent);
156
+ --panel-text: var(--fg);
157
+ --panel-text-2: var(--fg-2);
158
+ --panel-text-3: var(--fg-3);
150
159
  --accent: var(--accent-bright, var(--green-2));
151
160
  --accent-fg: var(--ink);
152
161
  }
@@ -161,6 +170,13 @@
161
170
  --fg-3: #9A9AA2;
162
171
  --panel-bg: var(--bg);
163
172
  --panel-bg-2: var(--bg-2);
173
+ --panel-0: var(--bg);
174
+ --panel-1: var(--bg-2);
175
+ --panel-2: var(--bg-3);
176
+ --panel-3: color-mix(in oklab, var(--fg) 20%, transparent);
177
+ --panel-text: var(--fg);
178
+ --panel-text-2: var(--fg-2);
179
+ --panel-text-3: var(--fg-3);
164
180
  --accent: var(--accent-bright, var(--green-2));
165
181
  --accent-fg: var(--ink);
166
182
  }
@@ -200,6 +216,19 @@
200
216
  .ds-247420[data-accent="purple"] { --accent: var(--purple); --accent-bright: #C277FF; --accent-fg: var(--paper); --panel-accent: var(--purple); }
201
217
  .ds-247420[data-accent="mascot"] { --accent: var(--mascot); --accent-bright: var(--mascot-2); --accent-fg: var(--ink); --panel-accent: var(--mascot); }
202
218
 
219
+ /* Type-scale modifier — opt-in body/lg/xl bump for surfaces that want denser
220
+ or larger reading sizes without a custom override. */
221
+ .ds-247420[data-typescale="sm"] { --fs-body: 15px; --fs-lg: 17px; --fs-xl: 20px; }
222
+ .ds-247420[data-typescale="lg"] { --fs-body: 17px; --fs-lg: 20px; --fs-xl: 24px; }
223
+
224
+ /* Debug grid overlay — 8px mascot grid. Toggle via class on any container. */
225
+ .ds-247420 .with-grid-overlay {
226
+ background-image:
227
+ linear-gradient(to right, rgba(232,75,138,0.15) 1px, transparent 1px),
228
+ linear-gradient(to bottom, rgba(232,75,138,0.15) 1px, transparent 1px);
229
+ background-size: 8px 8px;
230
+ }
231
+
203
232
  /* app-shell.css */
204
233
  /* ============================================================
205
234
  247420 design system — component sheet