@melodicdev/components 1.3.0 → 1.5.0

package/lib/components/data-display/table/table.styles.js

@@ -2,14 +2,49 @@ import { css } from '@melodicdev/core';
 export const tableStyles = () => css `
 	:host {
 		display: block;
+
+		/* ── Table: surface ── */
+		--ml-table-bg: var(--ml-color-surface);
+		--ml-table-border-width: var(--ml-border);
+		--ml-table-border-color: var(--ml-color-border);
+		--ml-table-radius: var(--ml-radius-lg);
+		--ml-table-font: var(--ml-font-sans);
+
+		/* ── Table: header section ── */
+		--ml-table-title-color: var(--ml-color-text);
+		--ml-table-description-color: var(--ml-color-text-muted);
+
+		/* ── Table: column header ── */
+		--ml-table-header-bg: var(--ml-color-surface-sunken);
+		--ml-table-header-color: var(--ml-color-text-muted);
+		--ml-table-header-sorted-color: var(--ml-color-text);
+
+		/* ── Table: sort icon ── */
+		--ml-table-sort-color: var(--ml-color-text-muted);
+		--ml-table-sort-active-color: var(--ml-color-primary);
+
+		/* ── Table: rows ── */
+		--ml-table-row-hover-bg: var(--ml-color-surface-sunken);
+		--ml-table-row-hover-border-color: transparent;
+		--ml-table-row-hover-border-width: 0;
+		--ml-table-row-selected-bg: var(--ml-color-primary-subtle, rgba(99, 102, 241, 0.04));
+		--ml-table-row-selected-hover-bg: var(--ml-color-primary-subtle, rgba(99, 102, 241, 0.06));
+		--ml-table-row-striped-bg: var(--ml-color-surface-sunken);
+		--ml-table-row-striped-hover-bg: var(--ml-color-surface-raised);
+
+		/* ── Table: cells ── */
+		--ml-table-cell-color: var(--ml-color-text);
+
+		/* ── Table: checkbox ── */
+		--ml-table-checkbox-accent: var(--ml-color-primary);
 	}
 
 	.ml-table {
-		border: var(--ml-border) solid var(--ml-color-border);
-		border-radius: var(--ml-radius-lg);
-		background-color: var(--ml-color-surface);
+		border: var(--ml-table-border-width) solid var(--ml-table-border-color);
+		border-radius: var(--ml-table-radius);
+		background-color: var(--ml-table-bg);
 		overflow: hidden;
-		font-family: var(--ml-font-sans);
+		font-family: var(--ml-table-font);
 	}
 
 	/* ── Header ── */
@@ -19,7 +54,7 @@ export const tableStyles = () => css `
 		justify-content: space-between;
 		gap: var(--ml-space-4);
 		padding: var(--ml-space-5) var(--ml-space-6);
-		border-bottom: var(--ml-border) solid var(--ml-color-border);
+		border-bottom: var(--ml-table-border-width) solid var(--ml-table-border-color);
 	}
 
 	.ml-table__header-text {
@@ -32,14 +67,14 @@ export const tableStyles = () => css `
 		margin: 0;
 		font-size: var(--ml-text-lg);
 		font-weight: var(--ml-font-semibold);
-		color: var(--ml-color-text);
+		color: var(--ml-table-title-color);
 		line-height: var(--ml-leading-tight);
 	}
 
 	.ml-table__description {
 		margin: 0;
 		font-size: var(--ml-text-sm);
-		color: var(--ml-color-text-muted);
+		color: var(--ml-table-description-color);
 		line-height: var(--ml-leading-normal);
 	}
 
@@ -56,7 +91,7 @@ export const tableStyles = () => css `
 
 	/* ── Header cells ── */
 	thead {
-		background-color: var(--ml-color-surface-sunken);
+		background-color: var(--ml-table-header-bg);
 	}
 
 	.ml-table--sticky-header thead {
@@ -66,14 +101,14 @@ export const tableStyles = () => css `
 	}
 
 	thead tr {
-		border-bottom: var(--ml-border) solid var(--ml-color-border);
+		border-bottom: var(--ml-table-border-width) solid var(--ml-table-border-color);
 	}
 
 	.ml-table__th {
 		padding: var(--ml-space-3) var(--ml-space-6);
 		font-size: var(--ml-text-xs);
 		font-weight: var(--ml-font-medium);
-		color: var(--ml-color-text-muted);
+		color: var(--ml-table-header-color);
 		text-transform: uppercase;
 		letter-spacing: 0.05em;
 		text-align: left;
@@ -94,11 +129,11 @@ export const tableStyles = () => css `
 	}
 
 	.ml-table__th--sortable:hover {
-		color: var(--ml-color-text);
+		color: var(--ml-table-header-sorted-color);
 	}
 
 	.ml-table__th--sorted {
-		color: var(--ml-color-text);
+		color: var(--ml-table-header-sorted-color);
 	}
 
 	.ml-table__th-content {
@@ -111,16 +146,16 @@ export const tableStyles = () => css `
 		display: inline-flex;
 		align-items: center;
 		flex-shrink: 0;
-		color: var(--ml-color-text-muted);
+		color: var(--ml-table-sort-color);
 	}
 
 	.ml-table__th--sorted .ml-table__sort-icon {
-		color: var(--ml-color-primary);
+		color: var(--ml-table-sort-active-color);
 	}
 
 	/* ── Body rows ── */
 	.ml-table__row {
-		border-bottom: var(--ml-border) solid var(--ml-color-border);
+		border-bottom: var(--ml-table-border-width) solid var(--ml-table-border-color);
 		transition: background-color var(--ml-duration-150) var(--ml-ease-in-out);
 	}
 
@@ -129,7 +164,10 @@ export const tableStyles = () => css `
 	}
 
 	.ml-table--hoverable .ml-table__row:hover {
-		background-color: var(--ml-color-surface-sunken);
+		background-color: var(--ml-table-row-hover-bg);
+		border-color: var(--ml-table-row-hover-border-color);
+		border-width: var(--ml-table-row-hover-border-width);
+		border-style: solid;
 	}
 
 	.ml-table--row-clickable .ml-table__row {
@@ -137,27 +175,27 @@ export const tableStyles = () => css `
 	}
 
 	.ml-table__row--selected {
-		background-color: var(--ml-color-primary-subtle, rgba(99, 102, 241, 0.04));
+		background-color: var(--ml-table-row-selected-bg);
 	}
 
 	.ml-table--hoverable .ml-table__row--selected:hover {
-		background-color: var(--ml-color-primary-subtle, rgba(99, 102, 241, 0.06));
+		background-color: var(--ml-table-row-selected-hover-bg);
 	}
 
 	/* Striped */
 	.ml-table--striped .ml-table__row:nth-child(even) {
-		background-color: var(--ml-color-surface-sunken);
+		background-color: var(--ml-table-row-striped-bg);
 	}
 
 	.ml-table--striped.ml-table--hoverable .ml-table__row:hover {
-		background-color: var(--ml-color-surface-raised);
+		background-color: var(--ml-table-row-striped-hover-bg);
 	}
 
 	/* ── Body cells ── */
 	.ml-table__td {
 		padding: var(--ml-space-4) var(--ml-space-6);
 		font-size: var(--ml-text-sm);
-		color: var(--ml-color-text);
+		color: var(--ml-table-cell-color);
 		vertical-align: middle;
 	}
 
@@ -184,7 +222,7 @@ export const tableStyles = () => css `
 	.ml-table__checkbox {
 		width: 1rem;
 		height: 1rem;
-		accent-color: var(--ml-color-primary);
+		accent-color: var(--ml-table-checkbox-accent);
 		cursor: pointer;
 		margin: 0;
 		vertical-align: middle;
@@ -235,7 +273,7 @@ export const tableStyles = () => css `
 		align-items: center;
 		justify-content: space-between;
 		padding: var(--ml-space-3) var(--ml-space-6);
-		border-top: var(--ml-border) solid var(--ml-color-border);
+		border-top: var(--ml-table-border-width) solid var(--ml-table-border-color);
 	}
 
 	.ml-table--sm .ml-table__footer--visible {

package/lib/components/data-display/tag/tag.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.component.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/tag/tag.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;;;;;;;;;;;;;GAeG;AACH,qBAMa,YAAa,YAAW,WAAW;IAC/C,UAAU,EAAG,WAAW,CAAC;IAEzB,eAAe;IACf,IAAI,EAAE,IAAI,CAAQ;IAElB,yBAAyB;IACzB,GAAG,UAAS;IAEZ,gBAAgB;IAChB,WAAW,EAAE,WAAW,CAAa;IAErC,wBAAwB;IACxB,QAAQ,UAAS;IAEjB,0BAA0B;IAC1B,YAAY,SAAM;IAElB,gCAAgC;IAChC,IAAI,SAAM;IAEV,yCAAyC;IACzC,KAAK,SAAM;IAEX,oBAAoB;IACpB,SAAS,UAAS;IAElB,6BAA6B;IAC7B,OAAO,UAAS;IAEhB,qBAAqB;IACrB,QAAQ,UAAS;IAEjB,gCAAgC;IAChC,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAUhC;IAEF,6BAA6B;IAC7B,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAYhC;CACF"}
+{"version":3,"file":"tag.component.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/tag/tag.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;;;;;;;;;;;;;GAeG;AACH,qBAMa,YAAa,YAAW,WAAW;IACxC,UAAU,EAAG,WAAW,CAAC;IAEhC,eAAe;IACR,IAAI,EAAE,IAAI,CAAQ;IAEzB,yBAAyB;IAClB,GAAG,UAAS;IAEnB,gBAAgB;IACT,WAAW,EAAE,WAAW,CAAa;IAE5C,wBAAwB;IACjB,QAAQ,UAAS;IAExB,0BAA0B;IACnB,YAAY,SAAM;IAEzB,gCAAgC;IACzB,IAAI,SAAM;IAEjB,yCAAyC;IAClC,KAAK,SAAM;IAElB,oBAAoB;IACb,SAAS,UAAS;IAEzB,6BAA6B;IACtB,OAAO,UAAS;IAEvB,qBAAqB;IACd,QAAQ,UAAS;IAExB,gCAAgC;IACzB,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAUvC;IAEF,6BAA6B;IACtB,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAYvC;CACF"}

package/lib/components/data-display/tag/tag.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/tag/tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,iDAgMrB,CAAC"}
+{"version":3,"file":"tag.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/tag/tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,iDAqOrB,CAAC"}

package/lib/components/data-display/tag/tag.styles.js

@@ -2,20 +2,57 @@ import { css } from '@melodicdev/core';
 export const tagStyles = () => css `
 	:host {
 		display: inline-block;
+
+		/* ── Tag: base ── */
+		--ml-tag-font: var(--ml-font-sans);
+		--ml-tag-font-weight: var(--ml-font-medium);
+		--ml-tag-radius: var(--ml-radius-md);
+		--ml-tag-border-width: var(--ml-border);
+		--ml-tag-border-color: var(--ml-color-border);
+		--ml-tag-bg: var(--ml-color-surface);
+		--ml-tag-color: var(--ml-color-text);
+
+		/* ── Tag: dot colors ── */
+		--ml-tag-dot-success: var(--ml-color-success);
+		--ml-tag-dot-warning: var(--ml-color-warning);
+		--ml-tag-dot-danger: var(--ml-color-danger);
+		--ml-tag-dot-info: var(--ml-color-info);
+		--ml-tag-dot-primary: var(--ml-color-primary);
+		--ml-tag-dot-secondary: var(--ml-color-secondary);
+
+		/* ── Tag: count ── */
+		--ml-tag-count-color: var(--ml-color-text-secondary);
+
+		/* ── Tag: close button ── */
+		--ml-tag-close-color: var(--ml-color-text-muted);
+		--ml-tag-close-hover-color: var(--ml-color-text-secondary);
+		--ml-tag-close-active-color: var(--ml-color-text);
+
+		/* ── Tag: checkbox ── */
+		--ml-tag-checkbox-border: var(--ml-color-border-strong);
+		--ml-tag-checkbox-bg: var(--ml-color-surface);
+		--ml-tag-checkbox-checked-bg: var(--ml-color-primary);
+		--ml-tag-checkbox-checked-border: var(--ml-color-primary);
+		--ml-tag-checkbox-hover-border: var(--ml-color-primary);
+		--ml-tag-checkbox-checked-hover-bg: var(--ml-color-primary-hover);
+		--ml-tag-checkbox-checked-hover-border: var(--ml-color-primary-hover);
+
+		/* ── Tag: disabled ── */
+		--ml-tag-disabled-opacity: 0.5;
 	}
 
 	.ml-tag {
 		display: inline-flex;
 		align-items: center;
 		gap: var(--ml-space-1-5);
-		font-family: var(--ml-font-sans);
-		font-weight: var(--ml-font-medium);
+		font-family: var(--ml-tag-font);
+		font-weight: var(--ml-tag-font-weight);
 		line-height: 1;
 		white-space: nowrap;
-		border-radius: var(--ml-radius-md);
-		border: var(--ml-border) solid var(--ml-color-border);
-		background-color: var(--ml-color-surface);
-		color: var(--ml-color-text);
+		border-radius: var(--ml-tag-radius);
+		border: var(--ml-tag-border-width) solid var(--ml-tag-border-color);
+		background-color: var(--ml-tag-bg);
+		color: var(--ml-tag-color);
 	}
 
 	/* Sizes */
@@ -48,27 +85,27 @@ export const tagStyles = () => css `
 	}
 
 	.ml-tag__dot--success {
-		background-color: var(--ml-color-success);
+		background-color: var(--ml-tag-dot-success);
 	}
 
 	.ml-tag__dot--warning {
-		background-color: var(--ml-color-warning);
+		background-color: var(--ml-tag-dot-warning);
 	}
 
 	.ml-tag__dot--danger {
-		background-color: var(--ml-color-danger);
+		background-color: var(--ml-tag-dot-danger);
 	}
 
 	.ml-tag__dot--info {
-		background-color: var(--ml-color-info);
+		background-color: var(--ml-tag-dot-info);
 	}
 
 	.ml-tag__dot--primary {
-		background-color: var(--ml-color-primary);
+		background-color: var(--ml-tag-dot-primary);
 	}
 
 	.ml-tag__dot--secondary {
-		background-color: var(--ml-color-secondary);
+		background-color: var(--ml-tag-dot-secondary);
 	}
 
 	/* Avatar */
@@ -109,8 +146,8 @@ export const tagStyles = () => css `
 		align-items: center;
 		justify-content: center;
 		font-size: inherit;
-		font-weight: var(--ml-font-medium);
-		color: var(--ml-color-text-secondary);
+		font-weight: var(--ml-tag-font-weight);
+		color: var(--ml-tag-count-color);
 	}
 
 	/* Close button */
@@ -123,7 +160,7 @@ export const tagStyles = () => css `
 		margin-right: calc(var(--ml-space-1) * -1);
 		border: none;
 		background: none;
-		color: var(--ml-color-text-muted);
+		color: var(--ml-tag-close-color);
 		cursor: pointer;
 		border-radius: var(--ml-radius-sm);
 		transition: color 0.15s ease;
@@ -131,11 +168,11 @@ export const tagStyles = () => css `
 	}
 
 	.ml-tag__close:hover {
-		color: var(--ml-color-text-secondary);
+		color: var(--ml-tag-close-hover-color);
 	}
 
 	.ml-tag__close:active {
-		color: var(--ml-color-text);
+		color: var(--ml-tag-close-active-color);
 	}
 
 	/* Checkbox */
@@ -148,9 +185,9 @@ export const tagStyles = () => css `
 		padding: 0;
 		margin: 0;
 		margin-left: calc(var(--ml-space-0-5) * -1);
-		border: var(--ml-border) solid var(--ml-color-border-strong);
+		border: var(--ml-tag-border-width) solid var(--ml-tag-checkbox-border);
 		border-radius: var(--ml-radius-sm);
-		background: var(--ml-color-surface);
+		background: var(--ml-tag-checkbox-bg);
 		cursor: pointer;
 		flex-shrink: 0;
 		transition: background-color 0.15s ease, border-color 0.15s ease;
@@ -173,22 +210,22 @@ export const tagStyles = () => css `
 	}
 
 	.ml-tag__checkbox--checked {
-		background-color: var(--ml-color-primary);
-		border-color: var(--ml-color-primary);
+		background-color: var(--ml-tag-checkbox-checked-bg);
+		border-color: var(--ml-tag-checkbox-checked-border);
 	}
 
 	.ml-tag__checkbox:hover {
-		border-color: var(--ml-color-primary);
+		border-color: var(--ml-tag-checkbox-hover-border);
 	}
 
 	.ml-tag__checkbox--checked:hover {
-		background-color: var(--ml-color-primary-hover);
-		border-color: var(--ml-color-primary-hover);
+		background-color: var(--ml-tag-checkbox-checked-hover-bg);
+		border-color: var(--ml-tag-checkbox-checked-hover-border);
 	}
 
 	/* Disabled state */
 	.ml-tag--disabled {
-		opacity: 0.5;
+		opacity: var(--ml-tag-disabled-opacity);
 		pointer-events: none;
 	}
 `;

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

@@ -1 +1 @@
-{"version":3,"file":"alert.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/alert.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,cAAe,YAAW,WAAW;IACjD,UAAU,EAAG,WAAW,CAAC;IAEzB,yBAAyB;IACzB,OAAO,EAAE,YAAY,CAAU;IAE/B,qBAAqB;IACrB,KAAK,SAAM;IAEX,0BAA0B;IAC1B,WAAW,UAAS;IAEpB,aAAa,QAAO,IAAI,CAStB;IAEF,iBAAiB,kDASf;CACF"}
+{"version":3,"file":"alert.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/alert.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,cAAe,YAAW,WAAW;IAC1C,UAAU,EAAG,WAAW,CAAC;IAEhC,yBAAyB;IAClB,OAAO,EAAE,YAAY,CAAU;IAEtC,qBAAqB;IACd,KAAK,SAAM;IAElB,0BAA0B;IACnB,WAAW,UAAS;IAEpB,aAAa,QAAO,IAAI,CAS7B;IAEK,iBAAiB,kDAStB;CACF"}

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

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

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

@@ -2,6 +2,30 @@ import { css } from '@melodicdev/core';
 export const alertStyles = () => css `
 	:host {
 		display: block;
+
+		/* Spacing */
+		--ml-alert-gap: var(--ml-space-3);
+		--ml-alert-padding: var(--ml-space-4);
+		--ml-alert-border-radius: var(--ml-radius-lg);
+
+		/* Typography */
+		--ml-alert-title-font-weight: var(--ml-font-semibold);
+		--ml-alert-title-font-size: var(--ml-text-sm);
+		--ml-alert-title-margin-bottom: var(--ml-space-1);
+		--ml-alert-message-font-size: var(--ml-text-sm);
+		--ml-alert-message-line-height: var(--ml-leading-relaxed);
+
+		/* Icon */
+		--ml-alert-icon-size: 1.25rem;
+
+		/* Dismiss button */
+		--ml-alert-dismiss-border-radius: var(--ml-radius-sm);
+		--ml-alert-dismiss-opacity: 0.5;
+		--ml-alert-dismiss-hover-opacity: 1;
+
+		/* Transition */
+		--ml-alert-transition-duration: var(--ml-duration-150);
+		--ml-alert-transition-easing: var(--ml-ease-in-out);
 	}
 
 	:host([hidden]) {
@@ -10,9 +34,9 @@ export const alertStyles = () => css `
 
 	.ml-alert {
 		display: flex;
-		gap: var(--ml-space-3);
-		padding: var(--ml-space-4);
-		border-radius: var(--ml-radius-lg);
+		gap: var(--ml-alert-gap);
+		padding: var(--ml-alert-padding);
+		border-radius: var(--ml-alert-border-radius);
 		border: var(--ml-border) solid transparent;
 	}
 
@@ -64,12 +88,12 @@ export const alertStyles = () => css `
 	}
 
 	.ml-alert__icon ml-icon {
-		font-size: 1.25rem;
+		font-size: var(--ml-alert-icon-size);
 	}
 
 	.ml-alert__icon svg {
-		width: 1.25rem;
-		height: 1.25rem;
+		width: var(--ml-alert-icon-size);
+		height: var(--ml-alert-icon-size);
 	}
 
 	.ml-alert__content {
@@ -78,14 +102,14 @@ export const alertStyles = () => css `
 	}
 
 	.ml-alert__title {
-		font-weight: var(--ml-font-semibold);
-		font-size: var(--ml-text-sm);
-		margin-bottom: var(--ml-space-1);
+		font-weight: var(--ml-alert-title-font-weight);
+		font-size: var(--ml-alert-title-font-size);
+		margin-bottom: var(--ml-alert-title-margin-bottom);
 	}
 
 	.ml-alert__message {
-		font-size: var(--ml-text-sm);
-		line-height: var(--ml-leading-relaxed);
+		font-size: var(--ml-alert-message-font-size);
+		line-height: var(--ml-alert-message-line-height);
 	}
 
 	.ml-alert__dismiss {
@@ -96,21 +120,21 @@ export const alertStyles = () => css `
 		padding: 0;
 		background: none;
 		border: none;
-		border-radius: var(--ml-radius-sm);
+		border-radius: var(--ml-alert-dismiss-border-radius);
 		cursor: pointer;
 		color: currentColor;
-		opacity: 0.5;
+		opacity: var(--ml-alert-dismiss-opacity);
 		transition:
-			opacity var(--ml-duration-150) var(--ml-ease-in-out),
-			background-color var(--ml-duration-150) var(--ml-ease-in-out);
+			opacity var(--ml-alert-transition-duration) var(--ml-alert-transition-easing),
+			background-color var(--ml-alert-transition-duration) var(--ml-alert-transition-easing);
 	}
 
 	.ml-alert__dismiss:hover {
-		opacity: 1;
+		opacity: var(--ml-alert-dismiss-hover-opacity);
 	}
 
 	.ml-alert__dismiss:focus-visible {
 		outline: none;
-		opacity: 1;
+		opacity: var(--ml-alert-dismiss-hover-opacity);
 	}
 `;

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

@@ -1 +1 @@
-{"version":3,"file":"progress.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress/progress.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACnE,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvC,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,aAAa,CAAC;AACzD,KAAK,qBAAqB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,iBAAiB,GAAG,MAAM,CAAC;AAEtG;;;;;;;;;;GAUG;AACH,qBAMa,iBAAkB,YAAW,WAAW;IACpD,UAAU,EAAG,WAAW,CAAC;IAEzB,4BAA4B;IAC5B,KAAK,SAAK;IAEV,oBAAoB;IACpB,GAAG,SAAO;IAEV,oBAAoB;IACpB,OAAO,EAAE,eAAe,CAAa;IAErC,+BAA+B;IAC/B,IAAI,EAAE,YAAY,CAAQ;IAE1B,qBAAqB;IACrB,KAAK,SAAM;IAEX,2BAA2B;IAC3B,SAAS,UAAS;IAElB,qDAAqD;IACrD,KAAK,EAAE,aAAa,CAAY;IAEhC,qCAAqC;IACrC,aAAa,EAAE,qBAAqB,CAAS;IAE7C,IAAI,UAAU,IAAI,MAAM,CAGvB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,sCAAsC;IACtC,IAAI,YAAY,IAAI,MAAM,CAIzB;IAED,qCAAqC;IACrC,IAAI,YAAY,IAAI,MAAM,CAIzB;IAED,8CAA8C;IAC9C,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,yCAAyC;IACzC,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,kCAAkC;IAClC,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IAED,kCAAkC;IAClC,IAAI,oBAAoB,IAAI,MAAM,CAEjC;IAED,uBAAuB;IACvB,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,uBAAuB;IACvB,IAAI,SAAS,IAAI,MAAM,CAEtB;CACD"}
+{"version":3,"file":"progress.component.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress/progress.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACnE,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvC,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,aAAa,CAAC;AACzD,KAAK,qBAAqB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,iBAAiB,GAAG,MAAM,CAAC;AAEtG;;;;;;;;;;GAUG;AACH,qBAMa,iBAAkB,YAAW,WAAW;IAC7C,UAAU,EAAG,WAAW,CAAC;IAEhC,4BAA4B;IACrB,KAAK,SAAK;IAEjB,oBAAoB;IACb,GAAG,SAAO;IAEjB,oBAAoB;IACb,OAAO,EAAE,eAAe,CAAa;IAE5C,+BAA+B;IACxB,IAAI,EAAE,YAAY,CAAQ;IAEjC,qBAAqB;IACd,KAAK,SAAM;IAElB,2BAA2B;IACpB,SAAS,UAAS;IAEzB,qDAAqD;IAC9C,KAAK,EAAE,aAAa,CAAY;IAEvC,qCAAqC;IAC9B,aAAa,EAAE,qBAAqB,CAAS;IAEpD,IAAW,UAAU,IAAI,MAAM,CAG9B;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,sCAAsC;IACtC,IAAW,YAAY,IAAI,MAAM,CAIhC;IAED,qCAAqC;IACrC,IAAW,YAAY,IAAI,MAAM,CAIhC;IAED,8CAA8C;IAC9C,IAAW,aAAa,IAAI,MAAM,CAEjC;IAED,yCAAyC;IACzC,IAAW,iBAAiB,IAAI,MAAM,CAErC;IAED,kCAAkC;IAClC,IAAW,gBAAgB,IAAI,MAAM,CAEpC;IAED,kCAAkC;IAClC,IAAW,oBAAoB,IAAI,MAAM,CAExC;IAED,uBAAuB;IACvB,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,uBAAuB;IACvB,IAAW,SAAS,IAAI,MAAM,CAE7B;CACD"}

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

@@ -1 +1 @@
-{"version":3,"file":"progress.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress/progress.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,iDAqS1B,CAAC"}
+{"version":3,"file":"progress.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress/progress.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,iDA6V1B,CAAC"}