anentrypoint-design 0.0.125 → 0.0.127

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 (8) hide show
  1. package/app-shell.css +45 -0
  2. package/chat.css +2 -0
  3. package/dist/247420.css +49 -0
  4. package/dist/247420.js +11 -11
  5. package/package.json +2 -1
  6. package/src/components/chat.js +37 -5
  7. package/src/components/content.js +25 -4
  8. package/src/components.js +1 -1
package/app-shell.css CHANGED
@@ -975,3 +975,48 @@ table tr.clickable:hover td { background: var(--bg-2); }
975
975
  .app-side .count:empty { display: none; }
976
976
  .app-side a .glyph { font-family: var(--ff-mono); font-size: 13px; font-weight: 600; color: var(--fg-3); text-align: center; }
977
977
  .app-side a.active .glyph { color: var(--accent); }
978
+
979
+ /* ── select primitive ─────────────────────────────────────────────────── */
980
+ .ds-select {
981
+ width: 100%;
982
+ padding: 10px 14px;
983
+ background: var(--bg-2);
984
+ border: 0;
985
+ border-radius: var(--r-2);
986
+ font-family: inherit;
987
+ font-size: var(--fs-sm);
988
+ color: var(--fg);
989
+ outline: 0;
990
+ appearance: none;
991
+ background-image: linear-gradient(45deg, transparent 50%, var(--fg-3) 50%),
992
+ linear-gradient(135deg, var(--fg-3) 50%, transparent 50%);
993
+ background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
994
+ background-size: 5px 5px, 5px 5px;
995
+ background-repeat: no-repeat;
996
+ cursor: pointer;
997
+ }
998
+ .ds-select:focus { box-shadow: inset 0 0 0 2px var(--accent); }
999
+ .ds-select:hover { background-color: var(--bg-3); }
1000
+
1001
+ /* ── chat composer autogrow polish ────────────────────────────────────── */
1002
+ .chat-composer textarea {
1003
+ resize: none;
1004
+ overflow-y: auto;
1005
+ transition: height 0.08s ease;
1006
+ line-height: 1.5;
1007
+ }
1008
+ .chat-composer textarea:disabled {
1009
+ opacity: 0.5;
1010
+ cursor: not-allowed;
1011
+ }
1012
+
1013
+ /* ── mobile responsive: chat ──────────────────────────────────────────── */
1014
+ @media (max-width: 768px) {
1015
+ .chat-stack { max-width: 100%; }
1016
+ .chat-msg { padding: 4px 0; }
1017
+ .chat-msg:hover { padding: 4px 0; margin: 0; border-radius: 0; background: transparent; }
1018
+ .chat-bubble { font-size: var(--fs-sm); padding: 10px 14px; }
1019
+ .chat-avatar { width: 28px; height: 28px; font-size: 12px; }
1020
+ .chat-composer { padding: 8px; }
1021
+ .chat-composer textarea { padding: 10px 12px; }
1022
+ }
package/chat.css ADDED
@@ -0,0 +1,2 @@
1
+ /* chat.css — chat-specific styles. Currently empty; all chat styles live in
2
+ app-shell.css under the .chat-* prefix. Reserved for future split. */
package/dist/247420.css CHANGED
@@ -1208,6 +1208,51 @@
1208
1208
  .ds-247420 .app-side a .glyph { font-family: var(--ff-mono); font-size: 13px; font-weight: 600; color: var(--fg-3); text-align: center; }
1209
1209
  .ds-247420 .app-side a.active .glyph { color: var(--accent); }
1210
1210
 
1211
+ /* ── select primitive ─────────────────────────────────────────────────── */
1212
+ .ds-247420 .ds-select {
1213
+ width: 100%;
1214
+ padding: 10px 14px;
1215
+ background: var(--bg-2);
1216
+ border: 0;
1217
+ border-radius: var(--r-2);
1218
+ font-family: inherit;
1219
+ font-size: var(--fs-sm);
1220
+ color: var(--fg);
1221
+ outline: 0;
1222
+ appearance: none;
1223
+ background-image: linear-gradient(45deg, transparent 50%, var(--fg-3) 50%),
1224
+ linear-gradient(135deg, var(--fg-3) 50%, transparent 50%);
1225
+ background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
1226
+ background-size: 5px 5px, 5px 5px;
1227
+ background-repeat: no-repeat;
1228
+ cursor: pointer;
1229
+ }
1230
+ .ds-247420 .ds-select:focus { box-shadow: inset 0 0 0 2px var(--accent); }
1231
+ .ds-247420 .ds-select:hover { background-color: var(--bg-3); }
1232
+
1233
+ /* ── chat composer autogrow polish ────────────────────────────────────── */
1234
+ .ds-247420 .chat-composer textarea {
1235
+ resize: none;
1236
+ overflow-y: auto;
1237
+ transition: height 0.08s ease;
1238
+ line-height: 1.5;
1239
+ }
1240
+ .ds-247420 .chat-composer textarea:disabled {
1241
+ opacity: 0.5;
1242
+ cursor: not-allowed;
1243
+ }
1244
+
1245
+ /* ── mobile responsive: chat ──────────────────────────────────────────── */
1246
+ @media (max-width: 768px) {
1247
+ .ds-247420 .chat-stack { max-width: 100%; }
1248
+ .ds-247420 .chat-msg { padding: 4px 0; }
1249
+ .ds-247420 .chat-msg:hover { padding: 4px 0; margin: 0; border-radius: 0; background: transparent; }
1250
+ .ds-247420 .chat-bubble { font-size: var(--fs-sm); padding: 10px 14px; }
1251
+ .ds-247420 .chat-avatar { width: 28px; height: 28px; font-size: 12px; }
1252
+ .ds-247420 .chat-composer { padding: 8px; }
1253
+ .ds-247420 .chat-composer textarea { padding: 10px 12px; }
1254
+ }
1255
+
1211
1256
  /* community.css */
1212
1257
  /* ============================================================
1213
1258
  247420 design system — community surface (Discord-style chat)
@@ -2143,6 +2188,10 @@
2143
2188
  .ds-247420 .cm-channel-sidebar { left: 56px; }
2144
2189
  }
2145
2190
 
2191
+ /* chat.css */
2192
+ /* chat.css — chat-specific styles. Currently empty; all chat styles live in
2193
+ app-shell.css under the .chat-* prefix. Reserved for future split. */
2194
+
2146
2195
  /* editor-primitives.css */
2147
2196
  /* editor-primitives.css — chrome for in-engine editors, inspectors, IDEs,
2148
2197
  debug HUDs. All rules under .ds-247420 scope (build prefixes). Tokens