tyrell-components 1.0.0-RC13 → 1.0.0-RC15

package/lib/index.d.ts

@@ -84,4 +84,3 @@ declare global {
         };
     }
 }
-//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,5 +1,3 @@
-// Ty TypeScript Components
-// Modern, zero-dependency web components
 export { TyButton } from './components/button.js';
 export { TyIcon, IconRegistry } from './components/icon.js';
 export { TyTag } from './components/tag.js';
@@ -28,52 +26,34 @@ export { TyDatePicker } from './components/date-picker.js';
 export { TyResizeObserver } from './components/resize-observer.js';
 export { TyScrollContainer } from './components/scroll-container.js';
 export { CustomScrollbar, isCustomScrollbarEnabled } from './utils/custom-scrollbar.js';
-// Resize Observer
 export { getSize, onResize, getAllSizes } from './utils/resize-observer.js';
-// Loader registry — global override for the spinner SVG used by loading-aware components
 export { setLoaderSvg, getLoaderSvg, resetLoaderSvg } from './utils/loader-registry.js';
-// Property capture utilities for React/Reagent compatibility
 export { capturePreSetProperties, getCapturedValues, applyPreSetProperties, captureAndApplyProperties } from './utils/property-capture.js';
-// Utilities
 export { lockScroll, unlockScroll, forceUnlockAll, isLocked, isLockedBy, getActiveLocks, getLockState, enableDebug as enableScrollLockDebug, disableDebug as disableScrollLockDebug } from './utils/scroll-lock.js';
-// Icons
-// Note: Icon libraries moved to separate tyrell-icons package
-// Icon registry utility remains in core for registering custom icons
-// Version (auto-generated from package.json)
 import { VERSION } from './version.js';
-// Global API
-// Expose window.tyIcons for script tag usage
 import { registerIcons, getIcon, hasIcon, getIconNames, getCacheInfo, clearIcons, getCachedIcon } from './utils/icon-registry.js';
-// Export icon registry functions for advanced use
 export { registerIcons, getIcon, hasIcon, getIconNames, getCacheInfo, clearIcons, getCachedIcon };
-// Import resize observer utilities for window API
 import { getSize as getResizeSize, onResize as subscribeResize, getAllSizes } from './utils/resize-observer.js';
 if (typeof window !== 'undefined') {
-    window.tyVersion = VERSION;
-    // One-time load banner — helps consumers confirm which version of the
-    // library their page is actually running. Filter in DevTools with
-    // "tyrell-components" if it's noisy.
-    console.log(`%c[tyrell-components]%c v${VERSION}`, 'color:#06b6d4;font-weight:600', 'color:inherit;font-weight:400');
-    window.tyIcons = {
-        register: (icons) => {
-            const count = Object.keys(icons).length;
-            registerIcons(icons);
-            // Defer logging to not block registration
-            setTimeout(() => {
-                console.log(`✅ Registered ${count} icons (cached for instant reload)`);
-            }, 0);
-        },
-        get: (name) => getIcon(name),
-        has: (name) => hasIcon(name),
-        list: () => getIconNames(),
-        cacheInfo: () => getCacheInfo(),
-        clearCache: () => clearIcons()
-    };
-    // Resize Observer API
-    window.tyResizeObserver = {
-        getSize: (id) => getResizeSize(id),
-        onResize: (id, callback) => subscribeResize(id, callback),
-        get sizes() { return getAllSizes(); }
-    };
+window.tyVersion = VERSION;
+console.log(`%c[tyrell-components]%c v${VERSION}`, 'color:#06b6d4;font-weight:600', 'color:inherit;font-weight:400');
+window.tyIcons = {
+register: (icons) => {
+const count = Object.keys(icons).length;
+registerIcons(icons);
+setTimeout(() => {
+console.log(`✅ Registered ${count} icons (cached for instant reload)`);
+}, 0);
+},
+get: (name) => getIcon(name),
+has: (name) => hasIcon(name),
+list: () => getIconNames(),
+cacheInfo: () => getCacheInfo(),
+clearCache: () => clearIcons()
+};
+window.tyResizeObserver = {
+getSize: (id) => getResizeSize(id),
+onResize: (id, callback) => subscribeResize(id, callback),
+get sizes() { return getAllSizes(); }
+};
 }
-//# sourceMappingURL=index.js.map

package/lib/styles/button.d.ts

@@ -9,10 +9,10 @@
  *               3 axes (color / hover-active / theme chroma-hue); literal in
  *               tyrell.css. The component does no color math for the fill.
  *               Depth chrome (border + drop shadow) IS computed here, from
- *               the fill, via relative color — see "Depth chrome" below.
+ *               the fill, via relative color — see the button.solid rule.
  *   - outlined → --ty-color-{flavor}-{strong|base|soft} (text === border at
  *               rest); hover/active/focus always resolve to -strong,
- *               whatever the resting tone was — see "Hover escalation".
+ *               whatever the resting tone was — see outlinedFlavor().
  *   - ghost    → same as outlined, text only (no border), --ty-bg-{flavor}-soft
  *               background on hover.
  *
@@ -22,23 +22,6 @@
  * generic --ty-color-neutral-strong text-emphasis token. Base/soft neutral
  * stay on the generic token like every other flavor.
  *
- * Depth chrome (solid only): a 1px border + soft drop shadow, both derived
- * from the fill via oklch(from …), scaled by --ty-button-depth (0–1). The
- * border reads the TONE'S RESTING fill (not the current/hover one) so it
- * stays stationary while the fill rises toward it on interaction. Offset
- * direction/magnitude is --ty-button-border-l (mode-flipped: no border at
- * all for colored solids in dark, a lit edge in light) with its own
- * stronger dial for neutral, --ty-button-border-l-neutral (ink has no hue
- * to separate it from the canvas). Escape hatches --ty-solid-border-color
- * / --ty-solid-border-width outrank the derivation entirely.
- *
- * Hover escalation (outlined/ghost): :hover/:active/:focus-visible always
- * resolve to the -strong tier regardless of starting tone — soft and base
- * both rise to the same peak on interaction. Composes with `muted` rather
- * than fighting it (see the escalation rules themselves for the exact
- * split) — a pressed muted button lands on the same color as a pressed
- * plain one of the same flavor.
- *
  * Per-instance overrides via host CSS variables:
  *   --ty-button-bg, --ty-button-bg-hover, --ty-button-color, --ty-button-border,
  *   --ty-solid-border-color, --ty-solid-border-width
@@ -46,4 +29,3 @@
 /** Rules for one custom (non-built-in) flavor across all three appearances. */
 export declare const buttonCustomFlavorCss: (base: string) => string;
 export declare const buttonStyles: string;
-//# sourceMappingURL=button.d.ts.map