@togo-framework/ui 0.1.1 → 0.1.2

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 (6) hide show
  1. package/dist/index.d.ts +44 -1
  2. package/dist/index.js +139 -2
  3. package/dist/index.js.map +1 -1
  4. package/dist/shadcn.css +11 -10
  5. package/dist/styles.css +11 -10
  6. package/package.json +1 -1
package/dist/shadcn.css CHANGED
@@ -399,16 +399,17 @@
399
399
  .tg-root { font-family: var(--tg-font); }
400
400
  /* RTL: components use logical properties (ps/pe/ms/me/start/end) and flip under [dir="rtl"]. */
401
401
 
402
- /* ── highlight.js theme (token-driven; works in dark & light) ── */
403
- .tg-md .hljs { color: hsl(var(--foreground)); }
404
- .tg-md .hljs-comment, .tg-md .hljs-quote { color: hsl(var(--muted-foreground)); font-style: italic; }
405
- .tg-md .hljs-keyword, .tg-md .hljs-selector-tag, .tg-md .hljs-built_in, .tg-md .hljs-name, .tg-md .hljs-tag { color: hsl(var(--primary)); }
406
- .tg-md .hljs-string, .tg-md .hljs-title, .tg-md .hljs-section, .tg-md .hljs-attribute, .tg-md .hljs-literal, .tg-md .hljs-template-tag, .tg-md .hljs-template-variable, .tg-md .hljs-type, .tg-md .hljs-addition { color: hsl(var(--success)); }
407
- .tg-md .hljs-number, .tg-md .hljs-symbol, .tg-md .hljs-bullet, .tg-md .hljs-link, .tg-md .hljs-meta, .tg-md .hljs-selector-id, .tg-md .hljs-selector-class { color: hsl(var(--info)); }
408
- .tg-md .hljs-attr, .tg-md .hljs-variable, .tg-md .hljs-params { color: hsl(var(--warning)); }
409
- .tg-md .hljs-deletion { color: hsl(var(--destructive)); }
410
- .tg-md .hljs-emphasis { font-style: italic; }
411
- .tg-md .hljs-strong { font-weight: 700; }
402
+ /* ── highlight.js theme (token-driven; works in dark & light) ──
403
+ Scoped to both the markdown renderer (.tg-md) and the standalone CodeBlock (.tg-code). */
404
+ :where(.tg-md, .tg-code) .hljs { color: hsl(var(--foreground)); }
405
+ :where(.tg-md, .tg-code) .hljs-comment, :where(.tg-md, .tg-code) .hljs-quote { color: hsl(var(--muted-foreground)); font-style: italic; }
406
+ :where(.tg-md, .tg-code) .hljs-keyword, :where(.tg-md, .tg-code) .hljs-selector-tag, :where(.tg-md, .tg-code) .hljs-built_in, :where(.tg-md, .tg-code) .hljs-name, :where(.tg-md, .tg-code) .hljs-tag { color: hsl(var(--primary)); }
407
+ :where(.tg-md, .tg-code) .hljs-string, :where(.tg-md, .tg-code) .hljs-title, :where(.tg-md, .tg-code) .hljs-section, :where(.tg-md, .tg-code) .hljs-attribute, :where(.tg-md, .tg-code) .hljs-literal, :where(.tg-md, .tg-code) .hljs-template-tag, :where(.tg-md, .tg-code) .hljs-template-variable, :where(.tg-md, .tg-code) .hljs-type, :where(.tg-md, .tg-code) .hljs-addition { color: hsl(var(--success)); }
408
+ :where(.tg-md, .tg-code) .hljs-number, :where(.tg-md, .tg-code) .hljs-symbol, :where(.tg-md, .tg-code) .hljs-bullet, :where(.tg-md, .tg-code) .hljs-link, :where(.tg-md, .tg-code) .hljs-meta, :where(.tg-md, .tg-code) .hljs-selector-id, :where(.tg-md, .tg-code) .hljs-selector-class { color: hsl(var(--info)); }
409
+ :where(.tg-md, .tg-code) .hljs-attr, :where(.tg-md, .tg-code) .hljs-variable, :where(.tg-md, .tg-code) .hljs-params { color: hsl(var(--warning)); }
410
+ :where(.tg-md, .tg-code) .hljs-deletion { color: hsl(var(--destructive)); }
411
+ :where(.tg-md, .tg-code) .hljs-emphasis { font-style: italic; }
412
+ :where(.tg-md, .tg-code) .hljs-strong { font-weight: 700; }
412
413
 
413
414
  /* ════════════════════════════════════════════════════════════════════════════
414
415
  * ToGO BRAND REMAP — re-point the inherited (prism) HSL tokens onto the ToGO
package/dist/styles.css CHANGED
@@ -399,16 +399,17 @@
399
399
  .tg-root { font-family: var(--tg-font); }
400
400
  /* RTL: components use logical properties (ps/pe/ms/me/start/end) and flip under [dir="rtl"]. */
401
401
 
402
- /* ── highlight.js theme (token-driven; works in dark & light) ── */
403
- .tg-md .hljs { color: hsl(var(--foreground)); }
404
- .tg-md .hljs-comment, .tg-md .hljs-quote { color: hsl(var(--muted-foreground)); font-style: italic; }
405
- .tg-md .hljs-keyword, .tg-md .hljs-selector-tag, .tg-md .hljs-built_in, .tg-md .hljs-name, .tg-md .hljs-tag { color: hsl(var(--primary)); }
406
- .tg-md .hljs-string, .tg-md .hljs-title, .tg-md .hljs-section, .tg-md .hljs-attribute, .tg-md .hljs-literal, .tg-md .hljs-template-tag, .tg-md .hljs-template-variable, .tg-md .hljs-type, .tg-md .hljs-addition { color: hsl(var(--success)); }
407
- .tg-md .hljs-number, .tg-md .hljs-symbol, .tg-md .hljs-bullet, .tg-md .hljs-link, .tg-md .hljs-meta, .tg-md .hljs-selector-id, .tg-md .hljs-selector-class { color: hsl(var(--info)); }
408
- .tg-md .hljs-attr, .tg-md .hljs-variable, .tg-md .hljs-params { color: hsl(var(--warning)); }
409
- .tg-md .hljs-deletion { color: hsl(var(--destructive)); }
410
- .tg-md .hljs-emphasis { font-style: italic; }
411
- .tg-md .hljs-strong { font-weight: 700; }
402
+ /* ── highlight.js theme (token-driven; works in dark & light) ──
403
+ Scoped to both the markdown renderer (.tg-md) and the standalone CodeBlock (.tg-code). */
404
+ :where(.tg-md, .tg-code) .hljs { color: hsl(var(--foreground)); }
405
+ :where(.tg-md, .tg-code) .hljs-comment, :where(.tg-md, .tg-code) .hljs-quote { color: hsl(var(--muted-foreground)); font-style: italic; }
406
+ :where(.tg-md, .tg-code) .hljs-keyword, :where(.tg-md, .tg-code) .hljs-selector-tag, :where(.tg-md, .tg-code) .hljs-built_in, :where(.tg-md, .tg-code) .hljs-name, :where(.tg-md, .tg-code) .hljs-tag { color: hsl(var(--primary)); }
407
+ :where(.tg-md, .tg-code) .hljs-string, :where(.tg-md, .tg-code) .hljs-title, :where(.tg-md, .tg-code) .hljs-section, :where(.tg-md, .tg-code) .hljs-attribute, :where(.tg-md, .tg-code) .hljs-literal, :where(.tg-md, .tg-code) .hljs-template-tag, :where(.tg-md, .tg-code) .hljs-template-variable, :where(.tg-md, .tg-code) .hljs-type, :where(.tg-md, .tg-code) .hljs-addition { color: hsl(var(--success)); }
408
+ :where(.tg-md, .tg-code) .hljs-number, :where(.tg-md, .tg-code) .hljs-symbol, :where(.tg-md, .tg-code) .hljs-bullet, :where(.tg-md, .tg-code) .hljs-link, :where(.tg-md, .tg-code) .hljs-meta, :where(.tg-md, .tg-code) .hljs-selector-id, :where(.tg-md, .tg-code) .hljs-selector-class { color: hsl(var(--info)); }
409
+ :where(.tg-md, .tg-code) .hljs-attr, :where(.tg-md, .tg-code) .hljs-variable, :where(.tg-md, .tg-code) .hljs-params { color: hsl(var(--warning)); }
410
+ :where(.tg-md, .tg-code) .hljs-deletion { color: hsl(var(--destructive)); }
411
+ :where(.tg-md, .tg-code) .hljs-emphasis { font-style: italic; }
412
+ :where(.tg-md, .tg-code) .hljs-strong { font-weight: 700; }
412
413
 
413
414
  /* ════════════════════════════════════════════════════════════════════════════
414
415
  * ToGO BRAND REMAP — re-point the inherited (prism) HSL tokens onto the ToGO
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@togo-framework/ui",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "description": "togo UI kit — the prism-style admin + auth component library (layout, data, charts, primitives). Framework-agnostic, RTL-ready, dark-first.",
5
5
  "license": "MIT",
6
6
  "type": "module",