@fangxinyan/lumina 0.1.2 → 0.1.3

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,IAAM,OAAA,GAAU","file":"index.js","sourcesContent":["/* lumina — public exports */\n\nexport * from \"./components/Icon\";\nexport * from \"./components/Button\";\nexport * from \"./components/Input\";\nexport * from \"./components/Switch\";\nexport * from \"./components/Checkbox\";\nexport * from \"./components/Slider\";\nexport * from \"./components/Select\";\nexport * from \"./components/Tabs\";\nexport * from \"./components/Accordion\";\nexport * from \"./components/Card\";\nexport * from \"./components/Tag\";\nexport * from \"./components/Avatar\";\nexport * from \"./components/Divider\";\nexport * from \"./components/Progress\";\nexport * from \"./components/Modal\";\nexport * from \"./components/Toast\";\nexport * from \"./components/Tooltip\";\nexport * from \"./components/Popover\";\nexport * from \"./components/Alert\";\nexport * from \"./components/Table\";\nexport * from \"./components/Pagination\";\nexport * from \"./components/Calendar\";\nexport * from \"./components/List\";\nexport * from \"./components/AppShell\";\nexport * from \"./components/Empty\";\nexport * from \"./components/Image\";\nexport * from \"./components/Cascader\";\nexport * from \"./components/Theme\";\n\n/** Package version — bumped by release scripts. */\nexport const VERSION = \"0.1.2\";\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,IAAM,OAAA,GAAU","file":"index.js","sourcesContent":["/* lumina — public exports */\n\nexport * from \"./components/Icon\";\nexport * from \"./components/Button\";\nexport * from \"./components/Input\";\nexport * from \"./components/Switch\";\nexport * from \"./components/Checkbox\";\nexport * from \"./components/Slider\";\nexport * from \"./components/Select\";\nexport * from \"./components/Tabs\";\nexport * from \"./components/Accordion\";\nexport * from \"./components/Card\";\nexport * from \"./components/Tag\";\nexport * from \"./components/Avatar\";\nexport * from \"./components/Divider\";\nexport * from \"./components/Progress\";\nexport * from \"./components/Modal\";\nexport * from \"./components/Toast\";\nexport * from \"./components/Tooltip\";\nexport * from \"./components/Popover\";\nexport * from \"./components/Alert\";\nexport * from \"./components/Table\";\nexport * from \"./components/Pagination\";\nexport * from \"./components/Calendar\";\nexport * from \"./components/List\";\nexport * from \"./components/AppShell\";\nexport * from \"./components/Empty\";\nexport * from \"./components/Image\";\nexport * from \"./components/Cascader\";\nexport * from \"./components/Typography\";\nexport * from \"./components/Theme\";\n\n/** Package version — bumped by release scripts. */\nexport const VERSION = \"0.1.3\";\n"]}

package/dist/styles.css

@@ -1908,6 +1908,223 @@ input, textarea, select { font-family: inherit; color: inherit; }
 }
 .cascader-item .chev { margin-left: auto; color: var(--fg-subtle); display: inline-flex; }
 .cascader-item.active .chev { color: var(--accent); }
+/* ============================================================================
+ * Typography
+ * ========================================================================== */
+.typo-root {
+  font-family: var(--font-sans);
+  color: var(--fg);
+  line-height: 1.7;
+  font-size: 14px;
+}
+.typo-root > * + * { margin-top: 0.85em; }
+.typo-root .typo-title + .typo-paragraph,
+.typo-root .typo-paragraph + .typo-paragraph { margin-top: 1em; }
+.typo-root .typo-title { margin-top: 1.2em; }
+.typo-root > .typo-title:first-child { margin-top: 0; }
+/* ---- Base ---- */
+.typo {
+  color: var(--fg);
+  font-family: var(--font-sans);
+  word-wrap: break-word;
+}
+/* Semantic colors */
+.typo.secondary { color: var(--fg-muted); }
+.typo.success   { color: var(--success); }
+.typo.warning   { color: var(--warning); }
+.typo.danger    { color: var(--danger); }
+.typo.disabled  { color: var(--fg-subtle); cursor: not-allowed; user-select: none; }
+/* Decorations */
+.typo.strong    { font-weight: 600; }
+.typo.italic    { font-style: italic; }
+.typo.underline { text-decoration: underline; text-underline-offset: 3px; }
+.typo.del       { text-decoration: line-through; text-decoration-thickness: 1.5px; }
+/* mark / code / kbd render their own elements; we still color the shell */
+.typo mark {
+  background: color-mix(in oklch, var(--warning) 35%, transparent);
+  color: inherit;
+  padding: 0 3px;
+  border-radius: 3px;
+}
+.typo code {
+  font-family: var(--font-mono);
+  font-size: 0.88em;
+  padding: 1px 6px;
+  border-radius: 5px;
+  background: var(--bg-sunken);
+  box-shadow: var(--neu-in-sm);
+  color: var(--accent-ink);
+  margin: 0 2px;
+}
+.typo kbd {
+  font-family: var(--font-mono);
+  font-size: 0.82em;
+  padding: 1px 7px;
+  border-radius: 5px;
+  background: var(--bg-raised);
+  box-shadow: var(--neu-flat);
+  border: 1px solid var(--border);
+  color: var(--fg);
+  margin: 0 2px;
+  line-height: 1.4;
+  display: inline-block;
+}
+/* ---- Title ---- */
+.typo-title {
+  display: block;
+  font-family: var(--font-display);
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  line-height: 1.25;
+  color: var(--fg);
+  margin: 0;
+}
+.typo-title.h1 { font-size: 32px; letter-spacing: -0.02em; }
+.typo-title.h2 { font-size: 26px; letter-spacing: -0.015em; }
+.typo-title.h3 { font-size: 21px; }
+.typo-title.h4 { font-size: 17px; }
+.typo-title.h5 { font-size: 14px; }
+/* ---- Paragraph ---- */
+.typo-paragraph {
+  display: block;
+  font-size: 14px;
+  line-height: 1.75;
+  margin: 0;
+  color: var(--fg);
+}
+/* ---- Text ---- */
+.typo-text { font-size: inherit; line-height: inherit; }
+/* ---- Link ---- */
+.typo-link {
+  color: var(--accent-ink);
+  text-decoration: none;
+  transition: color var(--dur-fast) var(--ease), text-decoration-color var(--dur-fast) var(--ease);
+  cursor: pointer;
+  text-underline-offset: 3px;
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+}
+.typo-link:hover { color: var(--accent); text-decoration: underline; }
+.typo-link:focus-visible {
+  outline: 2px solid var(--accent-glow);
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+.typo-link.disabled {
+  color: var(--fg-subtle);
+  cursor: not-allowed;
+  pointer-events: none;
+  text-decoration: none;
+}
+.typo-link-ext {
+  display: inline-flex;
+  align-items: center;
+  opacity: 0.7;
+  transform: rotate(-45deg);
+  transition: transform var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);
+}
+.typo-link:hover .typo-link-ext { opacity: 1; transform: rotate(-45deg) translateX(1px); }
+/* ---- Action affordances (copy / edit) ---- */
+.typo-action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  margin-left: 6px;
+  border-radius: 7px;
+  cursor: pointer;
+  color: var(--fg-subtle);
+  transition: color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
+  vertical-align: middle;
+  user-select: none;
+}
+.typo-action:hover {
+  color: var(--accent-ink);
+  background: var(--bg);
+  box-shadow: var(--neu-flat);
+}
+.typo-action:focus-visible {
+  outline: 2px solid var(--accent-glow);
+  outline-offset: 1px;
+}
+.typo-copy.copied { color: var(--success); }
+/* Editable text trigger overlays */
+.typo-edit-text-trigger {
+  cursor: text;
+  border-radius: 4px;
+  transition: background var(--dur-fast) var(--ease);
+  padding: 0 2px;
+  margin: 0 -2px;
+}
+.typo-edit-text-trigger:hover { background: color-mix(in oklch, var(--accent) 8%, transparent); }
+/* ---- Editor (input / textarea) ---- */
+.typo.editing { display: block; }
+.typo-editor {
+  font: inherit;
+  color: inherit;
+  background: var(--bg-sunken);
+  box-shadow: var(--neu-in);
+  border: none;
+  outline: none;
+  width: 100%;
+  border-radius: var(--r-sm);
+  padding: 6px 12px;
+  resize: none;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: inherit;
+  font-family: inherit;
+}
+.typo-editor:focus {
+  box-shadow: var(--neu-in), 0 0 0 3px var(--accent-glow);
+}
+/* ---- Ellipsis ---- */
+.typo.ellipsis {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+}
+.typo.ellipsis-multi {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  /* WebkitLineClamp set inline by component */
+}
+/* Block-level (paragraph/title) keeps block layout for clamp container */
+.typo-paragraph.ellipsis,
+.typo-title.ellipsis {
+  display: block;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.typo-paragraph.ellipsis-multi,
+.typo-title.ellipsis-multi {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.typo-expand {
+  margin-left: 4px;
+  color: var(--accent-ink);
+  cursor: pointer;
+  font-size: 0.92em;
+  user-select: none;
+}
+.typo-expand:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
+/* In dark mode, mark needs slightly higher contrast */
+[data-theme="dark"] .typo mark {
+  background: color-mix(in oklch, var(--warning) 30%, transparent);
+  color: var(--fg);
+}
 /* ============ TitleBar (Electron) ============ */
 .titlebar {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fangxinyan/lumina",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Lumina — Neumorphic component library for Electron & React apps",
   "type": "module",
   "main": "./dist/index.cjs",