@melodicdev/components 1.3.0 → 1.5.0

package/lib/components/feedback/progress/progress.styles.js

@@ -2,6 +2,59 @@ import { css } from '@melodicdev/core';
 export const progressStyles = () => css `
 	:host {
 		display: block;
+
+		/* ---- Linear ---- */
+
+		/* Track */
+		--ml-progress-track-color: var(--ml-color-surface-sunken);
+		--ml-progress-track-radius: var(--ml-radius-full);
+		/* Fill */
+		--ml-progress-fill-color: var(--ml-color-primary);
+		--ml-progress-fill-radius: var(--ml-radius-full);
+
+		/* Label / value text */
+		--ml-progress-label-font-size: var(--ml-text-sm);
+		--ml-progress-label-font-weight: var(--ml-font-medium);
+		--ml-progress-label-color: var(--ml-color-text);
+
+		/* Floating tooltip */
+		--ml-progress-floating-font-size: var(--ml-text-xs);
+		--ml-progress-floating-font-weight: var(--ml-font-medium);
+		--ml-progress-floating-color: var(--ml-color-text-inverse);
+		--ml-progress-floating-bg: var(--ml-color-text);
+		--ml-progress-floating-radius: var(--ml-radius-md);
+		--ml-progress-floating-padding-y: var(--ml-space-1);
+		--ml-progress-floating-padding-x: var(--ml-space-2);
+
+		/* Spacing */
+		--ml-progress-header-margin-bottom: var(--ml-space-2);
+		--ml-progress-value-bottom-margin-top: var(--ml-space-2);
+		--ml-progress-bar-row-gap: var(--ml-space-3);
+
+		/* Transition */
+		--ml-progress-transition-duration: var(--ml-duration-300);
+		--ml-progress-transition-easing: var(--ml-ease-out);
+
+		/* ---- Circle ---- */
+
+		--ml-progress-circle-track-color: var(--ml-color-surface-sunken);
+		--ml-progress-circle-fill-color: var(--ml-color-primary);
+		--ml-progress-circle-value-font-weight: var(--ml-font-semibold);
+		--ml-progress-circle-value-color: var(--ml-color-text);
+		--ml-progress-circle-label-font-size: var(--ml-text-xs);
+		--ml-progress-circle-label-color: var(--ml-color-text-muted);
+		--ml-progress-circle-label-margin-top: var(--ml-space-0-5);
+
+		/* ---- Half circle ---- */
+
+		--ml-progress-half-track-color: var(--ml-color-surface-sunken);
+		--ml-progress-half-fill-color: var(--ml-color-primary);
+		--ml-progress-half-value-font-weight: var(--ml-font-semibold);
+		--ml-progress-half-value-color: var(--ml-color-text);
+		--ml-progress-half-label-font-size: var(--ml-text-xs);
+		--ml-progress-half-label-color: var(--ml-color-text-muted);
+		--ml-progress-half-label-margin-top: var(--ml-space-0-5);
+		--ml-progress-half-center-padding-bottom: var(--ml-space-1);
 	}
 
 	/* ===================== LINEAR ===================== */
@@ -10,31 +63,31 @@ export const progressStyles = () => css `
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		margin-bottom: var(--ml-space-2);
+		margin-bottom: var(--ml-progress-header-margin-bottom);
 	}
 
 	.ml-progress__label {
-		font-size: var(--ml-text-sm);
-		font-weight: var(--ml-font-medium);
-		color: var(--ml-color-text);
+		font-size: var(--ml-progress-label-font-size);
+		font-weight: var(--ml-progress-label-font-weight);
+		color: var(--ml-progress-label-color);
 	}
 
 	.ml-progress__value {
-		font-size: var(--ml-text-sm);
-		font-weight: var(--ml-font-medium);
-		color: var(--ml-color-text);
+		font-size: var(--ml-progress-label-font-size);
+		font-weight: var(--ml-progress-label-font-weight);
+		color: var(--ml-progress-label-color);
 	}
 
 	.ml-progress__value--bottom {
 		display: block;
-		margin-top: var(--ml-space-2);
+		margin-top: var(--ml-progress-value-bottom-margin-top);
 	}
 
 	/* Bar row for label-right layout */
 	.ml-progress__bar-row {
 		display: flex;
 		align-items: center;
-		gap: var(--ml-space-3);
+		gap: var(--ml-progress-bar-row-gap);
 	}
 
 	.ml-progress__track-wrapper {
@@ -45,8 +98,8 @@ export const progressStyles = () => css `
 
 	.ml-progress__track {
 		width: 100%;
-		background-color: var(--ml-color-surface-sunken);
-		border-radius: var(--ml-radius-full);
+		background-color: var(--ml-progress-track-color);
+		border-radius: var(--ml-progress-track-radius);
 		overflow: hidden;
 	}
 
@@ -64,8 +117,9 @@ export const progressStyles = () => css `
 
 	.ml-progress__fill {
 		height: 100%;
-		border-radius: var(--ml-radius-full);
-		transition: width var(--ml-duration-300) var(--ml-ease-out);
+		background-color: var(--ml-progress-fill-color);
+		border-radius: var(--ml-progress-fill-radius);
+		transition: width var(--ml-progress-transition-duration) var(--ml-progress-transition-easing);
 	}
 
 	/* Floating label */
@@ -89,12 +143,12 @@ export const progressStyles = () => css `
 	}
 
 	.ml-progress__floating-value {
-		font-size: var(--ml-text-xs);
-		font-weight: var(--ml-font-medium);
-		color: var(--ml-color-text-inverse);
-		background-color: var(--ml-color-text);
-		padding: var(--ml-space-1) var(--ml-space-2);
-		border-radius: var(--ml-radius-md);
+		font-size: var(--ml-progress-floating-font-size);
+		font-weight: var(--ml-progress-floating-font-weight);
+		color: var(--ml-progress-floating-color);
+		background-color: var(--ml-progress-floating-bg);
+		padding: var(--ml-progress-floating-padding-y) var(--ml-progress-floating-padding-x);
+		border-radius: var(--ml-progress-floating-radius);
 		white-space: nowrap;
 		line-height: 1;
 	}
@@ -107,28 +161,28 @@ export const progressStyles = () => css `
 	}
 
 	.ml-progress__floating-arrow--down {
-		border-top: 5px solid var(--ml-color-text);
+		border-top: 5px solid var(--ml-progress-floating-bg);
 	}
 
 	.ml-progress__floating-arrow--up {
-		border-bottom: 5px solid var(--ml-color-text);
+		border-bottom: 5px solid var(--ml-progress-floating-bg);
 	}
 
 	/* Linear color variants */
 	.ml-progress--primary .ml-progress__fill {
-		background-color: var(--ml-color-primary);
+		--ml-progress-fill-color: var(--ml-color-primary);
 	}
 
 	.ml-progress--success .ml-progress__fill {
-		background-color: var(--ml-color-success);
+		--ml-progress-fill-color: var(--ml-color-success);
 	}
 
 	.ml-progress--warning .ml-progress__fill {
-		background-color: var(--ml-color-warning);
+		--ml-progress-fill-color: var(--ml-color-warning);
 	}
 
 	.ml-progress--error .ml-progress__fill {
-		background-color: var(--ml-color-error);
+		--ml-progress-fill-color: var(--ml-color-error);
 	}
 
 	/* ===================== CIRCLE ===================== */
@@ -145,11 +199,12 @@ export const progressStyles = () => css `
 	}
 
 	.ml-progress-circle__track {
-		stroke: var(--ml-color-surface-sunken);
+		stroke: var(--ml-progress-circle-track-color);
 	}
 
 	.ml-progress-circle__fill {
-		transition: stroke-dashoffset var(--ml-duration-300) var(--ml-ease-out);
+		stroke: var(--ml-progress-circle-fill-color);
+		transition: stroke-dashoffset var(--ml-progress-transition-duration) var(--ml-progress-transition-easing);
 	}
 
 	.ml-progress-circle__center {
@@ -164,29 +219,29 @@ export const progressStyles = () => css `
 
 	.ml-progress-circle--sm .ml-progress-circle__value {
 		font-size: var(--ml-text-sm);
-		font-weight: var(--ml-font-semibold);
-		color: var(--ml-color-text);
+		font-weight: var(--ml-progress-circle-value-font-weight);
+		color: var(--ml-progress-circle-value-color);
 		line-height: 1;
 	}
 
 	.ml-progress-circle--md .ml-progress-circle__value {
 		font-size: var(--ml-text-lg);
-		font-weight: var(--ml-font-semibold);
-		color: var(--ml-color-text);
+		font-weight: var(--ml-progress-circle-value-font-weight);
+		color: var(--ml-progress-circle-value-color);
 		line-height: 1;
 	}
 
 	.ml-progress-circle--lg .ml-progress-circle__value {
 		font-size: var(--ml-text-2xl);
-		font-weight: var(--ml-font-semibold);
-		color: var(--ml-color-text);
+		font-weight: var(--ml-progress-circle-value-font-weight);
+		color: var(--ml-progress-circle-value-color);
 		line-height: 1;
 	}
 
 	.ml-progress-circle__label {
-		font-size: var(--ml-text-xs);
-		color: var(--ml-color-text-muted);
-		margin-top: var(--ml-space-0-5);
+		font-size: var(--ml-progress-circle-label-font-size);
+		color: var(--ml-progress-circle-label-color);
+		margin-top: var(--ml-progress-circle-label-margin-top);
 		line-height: 1;
 	}
 
@@ -197,19 +252,19 @@ export const progressStyles = () => css `
 
 	/* Circle color variants */
 	.ml-progress-circle--primary .ml-progress-circle__fill {
-		stroke: var(--ml-color-primary);
+		--ml-progress-circle-fill-color: var(--ml-color-primary);
 	}
 
 	.ml-progress-circle--success .ml-progress-circle__fill {
-		stroke: var(--ml-color-success);
+		--ml-progress-circle-fill-color: var(--ml-color-success);
 	}
 
 	.ml-progress-circle--warning .ml-progress-circle__fill {
-		stroke: var(--ml-color-warning);
+		--ml-progress-circle-fill-color: var(--ml-color-warning);
 	}
 
 	.ml-progress-circle--error .ml-progress-circle__fill {
-		stroke: var(--ml-color-error);
+		--ml-progress-circle-fill-color: var(--ml-color-error);
 	}
 
 	/* ===================== HALF CIRCLE ===================== */
@@ -226,11 +281,12 @@ export const progressStyles = () => css `
 	}
 
 	.ml-progress-half__track {
-		stroke: var(--ml-color-surface-sunken);
+		stroke: var(--ml-progress-half-track-color);
 	}
 
 	.ml-progress-half__fill {
-		transition: stroke-dashoffset var(--ml-duration-300) var(--ml-ease-out);
+		stroke: var(--ml-progress-half-fill-color);
+		transition: stroke-dashoffset var(--ml-progress-transition-duration) var(--ml-progress-transition-easing);
 	}
 
 	.ml-progress-half__center {
@@ -241,34 +297,34 @@ export const progressStyles = () => css `
 		align-items: center;
 		justify-content: flex-end;
 		text-align: center;
-		padding-bottom: var(--ml-space-1);
+		padding-bottom: var(--ml-progress-half-center-padding-bottom);
 	}
 
 	.ml-progress-half--sm .ml-progress-half__value {
 		font-size: var(--ml-text-sm);
-		font-weight: var(--ml-font-semibold);
-		color: var(--ml-color-text);
+		font-weight: var(--ml-progress-half-value-font-weight);
+		color: var(--ml-progress-half-value-color);
 		line-height: 1;
 	}
 
 	.ml-progress-half--md .ml-progress-half__value {
 		font-size: var(--ml-text-lg);
-		font-weight: var(--ml-font-semibold);
-		color: var(--ml-color-text);
+		font-weight: var(--ml-progress-half-value-font-weight);
+		color: var(--ml-progress-half-value-color);
 		line-height: 1;
 	}
 
 	.ml-progress-half--lg .ml-progress-half__value {
 		font-size: var(--ml-text-2xl);
-		font-weight: var(--ml-font-semibold);
-		color: var(--ml-color-text);
+		font-weight: var(--ml-progress-half-value-font-weight);
+		color: var(--ml-progress-half-value-color);
 		line-height: 1;
 	}
 
 	.ml-progress-half__label {
-		font-size: var(--ml-text-xs);
-		color: var(--ml-color-text-muted);
-		margin-top: var(--ml-space-0-5);
+		font-size: var(--ml-progress-half-label-font-size);
+		color: var(--ml-progress-half-label-color);
+		margin-top: var(--ml-progress-half-label-margin-top);
 		line-height: 1;
 	}
 
@@ -278,18 +334,18 @@ export const progressStyles = () => css `
 
 	/* Half circle color variants */
 	.ml-progress-half--primary .ml-progress-half__fill {
-		stroke: var(--ml-color-primary);
+		--ml-progress-half-fill-color: var(--ml-color-primary);
 	}
 
 	.ml-progress-half--success .ml-progress-half__fill {
-		stroke: var(--ml-color-success);
+		--ml-progress-half-fill-color: var(--ml-color-success);
 	}
 
 	.ml-progress-half--warning .ml-progress-half__fill {
-		stroke: var(--ml-color-warning);
+		--ml-progress-half-fill-color: var(--ml-color-warning);
 	}
 
 	.ml-progress-half--error .ml-progress-half__fill {
-		stroke: var(--ml-color-error);
+		--ml-progress-half-fill-color: var(--ml-color-error);
 	}
 `;

package/lib/components/feedback/spinner/spinner.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/spinner/spinner.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;GASG;AACH,qBAMa,gBAAiB,YAAW,WAAW;IACnD,UAAU,EAAG,WAAW,CAAC;IAEzB,0BAA0B;IAC1B,IAAI,EAAE,IAAI,CAAQ;IAElB,0CAA0C;IAC1C,KAAK,SAAa;CAClB"}
+{"version":3,"file":"spinner.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/spinner/spinner.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;GASG;AACH,qBAMa,gBAAiB,YAAW,WAAW;IAC5C,UAAU,EAAG,WAAW,CAAC;IAEhC,0BAA0B;IACnB,IAAI,EAAE,IAAI,CAAQ;IAEzB,0CAA0C;IACnC,KAAK,SAAa;CACzB"}

package/lib/components/feedback/spinner/spinner.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/spinner/spinner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,iDAsEzB,CAAC"}
+{"version":3,"file":"spinner.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/spinner/spinner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,iDAsFzB,CAAC"}

package/lib/components/feedback/spinner/spinner.styles.js

@@ -4,6 +4,18 @@ export const spinnerStyles = () => css `
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
+
+		/* Color — defaults to currentColor via stroke in SVG */
+		--ml-spinner-color: currentColor;
+
+		/* Size — default md (1.5rem) */
+		--ml-spinner-size: 1.5rem;
+
+		/* Track opacity */
+		--ml-spinner-track-opacity: 0.25;
+
+		/* Animation */
+		--ml-spinner-animation-duration: 0.75s;
 	}
 
 	.spinner {
@@ -13,40 +25,44 @@ export const spinnerStyles = () => css `
 	}
 
 	.spinner__svg {
-		animation: spin 0.75s linear infinite;
+		animation: spin var(--ml-spinner-animation-duration) linear infinite;
 	}
 
 	.spinner__track {
-		opacity: 0.25;
+		opacity: var(--ml-spinner-track-opacity);
 	}
 
 	.spinner__indicator {
 		opacity: 1;
 	}
 
-	.spinner--xs .spinner__svg {
-		width: 1rem;
-		height: 1rem;
+	.spinner--xs {
+		--ml-spinner-size: 1rem;
+	}
+
+	.spinner--sm {
+		--ml-spinner-size: 1.25rem;
 	}
 
-	.spinner--sm .spinner__svg {
-		width: 1.25rem;
-		height: 1.25rem;
+	.spinner--md {
+		--ml-spinner-size: 1.5rem;
 	}
 
-	.spinner--md .spinner__svg {
-		width: 1.5rem;
-		height: 1.5rem;
+	.spinner--lg {
+		--ml-spinner-size: 2rem;
 	}
 
-	.spinner--lg .spinner__svg {
-		width: 2rem;
-		height: 2rem;
+	.spinner--xl {
+		--ml-spinner-size: 2.5rem;
 	}
 
+	.spinner--xs .spinner__svg,
+	.spinner--sm .spinner__svg,
+	.spinner--md .spinner__svg,
+	.spinner--lg .spinner__svg,
 	.spinner--xl .spinner__svg {
-		width: 2.5rem;
-		height: 2.5rem;
+		width: var(--ml-spinner-size);
+		height: var(--ml-spinner-size);
 	}
 
 	@keyframes spin {

package/lib/components/feedback/toast/toast-container.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-container.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast-container.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAIjE;;;;;GAKG;AACH,qBAMa,uBAAwB,YAAW,WAAW;IAC1D,UAAU,EAAG,WAAW,CAAC;IAEzB,+BAA+B;IAC/B,QAAQ,EAAE,aAAa,CAAe;CACtC"}
+{"version":3,"file":"toast-container.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast-container.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAIjE;;;;;GAKG;AACH,qBAMa,uBAAwB,YAAW,WAAW;IACnD,UAAU,EAAG,WAAW,CAAC;IAEhC,+BAA+B;IACxB,QAAQ,EAAE,aAAa,CAAe;CAC7C"}

package/lib/components/feedback/toast/toast.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAIhE;;;;;;;;;GASG;AACH,qBAMa,cAAe,YAAW,WAAW,EAAE,QAAQ;IAC3D,UAAU,EAAG,WAAW,CAAC;IAEzB,oBAAoB;IACpB,OAAO,EAAE,YAAY,CAAU;IAE/B,kBAAkB;IAClB,KAAK,SAAM;IAEX,oBAAoB;IACpB,OAAO,SAAM;IAEb,wDAAwD;IACxD,QAAQ,SAAQ;IAEhB,0BAA0B;IAC1B,WAAW,UAAQ;IAEnB,OAAO,CAAC,MAAM,CAA8C;IAE5D,QAAQ,IAAI,IAAI;IAMhB,OAAO,QAAO,IAAI,CAchB;IAEF,UAAU,kDASR;CACF"}
+{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAIhE;;;;;;;;;GASG;AACH,qBAMa,cAAe,YAAW,WAAW,EAAE,QAAQ;IACpD,UAAU,EAAG,WAAW,CAAC;IAEhC,oBAAoB;IACb,OAAO,EAAE,YAAY,CAAU;IAEtC,kBAAkB;IACX,KAAK,SAAM;IAElB,oBAAoB;IACb,OAAO,SAAM;IAEpB,wDAAwD;IACjD,QAAQ,SAAQ;IAEvB,0BAA0B;IACnB,WAAW,UAAQ;IAE1B,OAAO,CAAC,MAAM,CAA8C;IAErD,QAAQ,IAAI,IAAI;IAMhB,OAAO,QAAO,IAAI,CAcvB;IAEK,UAAU,kDASf;CACF"}

package/lib/components/feedback/toast/toast.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.service.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE/E;;;;;;;;;;;;GAYG;AACH,qBACa,YAAY;IACxB,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,SAAS,CAA8B;IAE/C,8CAA8C;IAC9C,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAQ1C,2CAA2C;IAC3C,IAAI,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAahC,yBAAyB;IACzB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAI3C,2BAA2B;IAC3B,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAI9C,2BAA2B;IAC3B,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAI9C,0BAA0B;IAC1B,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAI5C,OAAO,CAAC,eAAe;CAWvB"}
+{"version":3,"file":"toast.service.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE/E;;;;;;;;;;;;GAYG;AACH,qBACa,YAAY;IACxB,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,SAAS,CAA8B;IAE/C,8CAA8C;IACvC,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAQjD,2CAA2C;IACpC,IAAI,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAavC,yBAAyB;IAClB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAIlD,2BAA2B;IACpB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAIrD,2BAA2B;IACpB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAIrD,0BAA0B;IACnB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAInD,OAAO,CAAC,eAAe;CAWvB"}

package/lib/components/feedback/toast/toast.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iDA4FvB,CAAC"}
+{"version":3,"file":"toast.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast/toast.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iDAuIvB,CAAC"}

package/lib/components/feedback/toast/toast.styles.js

@@ -2,20 +2,63 @@ import { css } from '@melodicdev/core';
 export const toastStyles = () => css `
 	:host {
 		display: block;
+
+		/* Background & border */
+		--ml-toast-bg: var(--ml-color-surface);
+		--ml-toast-border-color: var(--ml-color-border);
+		--ml-toast-border-radius: var(--ml-radius-lg);
+		--ml-toast-shadow: var(--ml-shadow-lg);
+
+		/* Spacing */
+		--ml-toast-gap: var(--ml-space-3);
+		--ml-toast-padding: var(--ml-space-4);
+		--ml-toast-min-width: 320px;
+		--ml-toast-max-width: 420px;
+
+		/* Title */
+		--ml-toast-title-font-size: var(--ml-text-sm);
+		--ml-toast-title-font-weight: var(--ml-font-semibold);
+		--ml-toast-title-color: var(--ml-color-text);
+		--ml-toast-title-line-height: var(--ml-leading-tight);
+
+		/* Message */
+		--ml-toast-message-font-size: var(--ml-text-sm);
+		--ml-toast-message-color: var(--ml-color-text-secondary);
+		--ml-toast-message-line-height: var(--ml-leading-relaxed);
+		--ml-toast-message-margin-top: var(--ml-space-1);
+
+		/* Icon variant colors */
+		--ml-toast-info-icon-color: var(--ml-color-primary);
+		--ml-toast-success-icon-color: var(--ml-color-success);
+		--ml-toast-warning-icon-color: var(--ml-color-warning);
+		--ml-toast-error-icon-color: var(--ml-color-danger);
+
+		/* Dismiss button */
+		--ml-toast-dismiss-border-radius: var(--ml-radius-sm);
+		--ml-toast-dismiss-color: var(--ml-color-text-tertiary);
+		--ml-toast-dismiss-hover-color: var(--ml-color-text);
+
+		/* Transition */
+		--ml-toast-transition-duration: var(--ml-duration-150);
+		--ml-toast-transition-easing: var(--ml-ease-in-out);
+
+		/* Animation */
+		--ml-toast-animation-duration: var(--ml-duration-300);
+		--ml-toast-animation-easing: var(--ml-ease-out);
 	}
 
 	.ml-toast {
 		display: flex;
 		align-items: flex-start;
-		gap: var(--ml-space-3);
-		padding: var(--ml-space-4);
-		background-color: var(--ml-color-surface);
-		border: 1px solid var(--ml-color-border);
-		border-radius: var(--ml-radius-lg);
-		box-shadow: var(--ml-shadow-lg);
-		min-width: 320px;
-		max-width: 420px;
-		animation: ml-toast-in var(--ml-duration-300) var(--ml-ease-out);
+		gap: var(--ml-toast-gap);
+		padding: var(--ml-toast-padding);
+		background-color: var(--ml-toast-bg);
+		border: 1px solid var(--ml-toast-border-color);
+		border-radius: var(--ml-toast-border-radius);
+		box-shadow: var(--ml-toast-shadow);
+		min-width: var(--ml-toast-min-width);
+		max-width: var(--ml-toast-max-width);
+		animation: ml-toast-in var(--ml-toast-animation-duration) var(--ml-toast-animation-easing);
 	}
 
 	@keyframes ml-toast-in {
@@ -36,19 +79,19 @@ export const toastStyles = () => css `
 	}
 
 	.ml-toast--info .ml-toast__icon {
-		color: var(--ml-color-primary);
+		color: var(--ml-toast-info-icon-color);
 	}
 
 	.ml-toast--success .ml-toast__icon {
-		color: var(--ml-color-success);
+		color: var(--ml-toast-success-icon-color);
 	}
 
 	.ml-toast--warning .ml-toast__icon {
-		color: var(--ml-color-warning);
+		color: var(--ml-toast-warning-icon-color);
 	}
 
 	.ml-toast--error .ml-toast__icon {
-		color: var(--ml-color-danger);
+		color: var(--ml-toast-error-icon-color);
 	}
 
 	.ml-toast__content {
@@ -57,21 +100,21 @@ export const toastStyles = () => css `
 	}
 
 	.ml-toast__title {
-		font-size: var(--ml-text-sm);
-		font-weight: var(--ml-font-semibold);
-		color: var(--ml-color-text);
-		line-height: var(--ml-leading-tight);
+		font-size: var(--ml-toast-title-font-size);
+		font-weight: var(--ml-toast-title-font-weight);
+		color: var(--ml-toast-title-color);
+		line-height: var(--ml-toast-title-line-height);
 	}
 
 	.ml-toast__message {
-		font-size: var(--ml-text-sm);
-		color: var(--ml-color-text-secondary);
-		line-height: var(--ml-leading-relaxed);
-		margin-top: var(--ml-space-1);
+		font-size: var(--ml-toast-message-font-size);
+		color: var(--ml-toast-message-color);
+		line-height: var(--ml-toast-message-line-height);
+		margin-top: var(--ml-toast-message-margin-top);
 	}
 
 	.ml-toast__title + .ml-toast__message {
-		margin-top: var(--ml-space-1);
+		margin-top: var(--ml-toast-message-margin-top);
 	}
 
 	.ml-toast__dismiss {
@@ -82,13 +125,13 @@ export const toastStyles = () => css `
 		padding: 0;
 		background: none;
 		border: none;
-		border-radius: var(--ml-radius-sm);
+		border-radius: var(--ml-toast-dismiss-border-radius);
 		cursor: pointer;
-		color: var(--ml-color-text-tertiary);
-		transition: color var(--ml-duration-150) var(--ml-ease-in-out);
+		color: var(--ml-toast-dismiss-color);
+		transition: color var(--ml-toast-transition-duration) var(--ml-toast-transition-easing);
 	}
 
 	.ml-toast__dismiss:hover {
-		color: var(--ml-color-text);
+		color: var(--ml-toast-dismiss-hover-color);
 	}
 `;

package/lib/components/forms/autocomplete/autocomplete.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"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"}

package/lib/components/forms/autocomplete/autocomplete.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/autocomplete/autocomplete.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,iDAgW9B,CAAC"}
+{"version":3,"file":"autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/autocomplete/autocomplete.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,iDAwb9B,CAAC"}