@melodicdev/components 1.3.0 → 1.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"radio.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio/radio.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iDA8HvB,CAAC"}
+{"version":3,"file":"radio.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio/radio.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iDA6JvB,CAAC"}

package/lib/components/forms/radio/radio.styles.js

@@ -2,12 +2,56 @@ import { css } from '@melodicdev/core';
 export const radioStyles = () => css `
 	:host {
 		display: block;
+
+		/* --- Circle --- */
+		--ml-radio-circle-size: 1.25rem;
+		--ml-radio-circle-bg: var(--ml-color-input-bg);
+		--ml-radio-circle-border-width: var(--ml-border);
+		--ml-radio-circle-border-color: var(--ml-color-border-strong);
+		--ml-radio-circle-border-radius: var(--ml-radius-full);
+
+		/* --- Dot --- */
+		--ml-radio-dot-size: 0.5rem;
+		--ml-radio-dot-color: var(--ml-color-primary);
+
+		/* --- Checked --- */
+		--ml-radio-checked-border-color: var(--ml-color-primary);
+		--ml-radio-checked-bg: var(--ml-color-primary-subtle);
+		--ml-radio-checked-hover-border-color: var(--ml-color-primary-hover);
+		--ml-radio-checked-hover-dot-color: var(--ml-color-primary-hover);
+
+		/* --- Hover --- */
+		--ml-radio-hover-border-color: var(--ml-color-primary);
+
+		/* --- Focus --- */
+		--ml-radio-focus-border-color: var(--ml-color-primary);
+		--ml-radio-focus-shadow: var(--ml-shadow-focus-ring);
+
+		/* --- Label --- */
+		--ml-radio-label-font-size: var(--ml-text-sm);
+		--ml-radio-label-font-weight: var(--ml-font-medium);
+		--ml-radio-label-color: var(--ml-color-text-secondary);
+		--ml-radio-label-line-height: 1.25rem;
+
+		/* --- Hint --- */
+		--ml-radio-hint-font-size: var(--ml-text-sm);
+		--ml-radio-hint-color: var(--ml-color-text-muted);
+
+		/* --- Gap --- */
+		--ml-radio-gap: var(--ml-space-3);
+
+		/* --- Disabled --- */
+		--ml-radio-disabled-opacity: 0.5;
+
+		/* --- Transition --- */
+		--ml-radio-transition-duration: var(--ml-duration-150);
+		--ml-radio-transition-easing: var(--ml-ease-in-out);
 	}
 
 	.ml-radio {
 		display: inline-flex;
 		align-items: flex-start;
-		gap: var(--ml-space-3);
+		gap: var(--ml-radio-gap);
 		cursor: pointer;
 		user-select: none;
 	}
@@ -18,7 +62,7 @@ export const radioStyles = () => css `
 
 	.ml-radio--disabled .ml-radio__circle,
 	.ml-radio--disabled .ml-radio__label {
-		opacity: 0.5;
+		opacity: var(--ml-radio-disabled-opacity);
 	}
 
 	.ml-radio__input {
@@ -33,38 +77,42 @@ export const radioStyles = () => css `
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		background-color: var(--ml-color-input-bg);
-		border: var(--ml-border) solid var(--ml-color-border-strong);
-		border-radius: var(--ml-radius-full);
+		width: var(--ml-radio-circle-size);
+		height: var(--ml-radio-circle-size);
+		background-color: var(--ml-radio-circle-bg);
+		border: var(--ml-radio-circle-border-width) solid var(--ml-radio-circle-border-color);
+		border-radius: var(--ml-radio-circle-border-radius);
 		transition:
-			background-color var(--ml-duration-150) var(--ml-ease-in-out),
-			border-color var(--ml-duration-150) var(--ml-ease-in-out),
-			box-shadow var(--ml-duration-150) var(--ml-ease-in-out);
+			background-color var(--ml-radio-transition-duration) var(--ml-radio-transition-easing),
+			border-color var(--ml-radio-transition-duration) var(--ml-radio-transition-easing),
+			box-shadow var(--ml-radio-transition-duration) var(--ml-radio-transition-easing);
 	}
 
 	.ml-radio__input:focus-visible + .ml-radio__circle {
-		border-color: var(--ml-color-primary);
-		box-shadow: var(--ml-shadow-focus-ring);
+		border-color: var(--ml-radio-focus-border-color);
+		box-shadow: var(--ml-radio-focus-shadow);
 	}
 
 	.ml-radio--checked .ml-radio__circle {
-		border-color: var(--ml-color-primary);
-		background-color: var(--ml-color-primary-subtle);
+		border-color: var(--ml-radio-checked-border-color);
+		background-color: var(--ml-radio-checked-bg);
 	}
 
 	.ml-radio:hover:not(.ml-radio--disabled) .ml-radio__circle {
-		border-color: var(--ml-color-primary);
+		border-color: var(--ml-radio-hover-border-color);
 	}
 
 	.ml-radio--checked:hover:not(.ml-radio--disabled) .ml-radio__circle {
-		border-color: var(--ml-color-primary-hover);
+		border-color: var(--ml-radio-checked-hover-border-color);
 	}
 
 	.ml-radio__dot {
-		border-radius: var(--ml-radius-full);
-		background-color: var(--ml-color-primary);
+		width: var(--ml-radio-dot-size);
+		height: var(--ml-radio-dot-size);
+		border-radius: var(--ml-radio-circle-border-radius);
+		background-color: var(--ml-radio-dot-color);
 		transform: scale(0);
-		transition: transform var(--ml-duration-150) var(--ml-ease-in-out);
+		transition: transform var(--ml-radio-transition-duration) var(--ml-radio-transition-easing);
 	}
 
 	.ml-radio--checked .ml-radio__dot {
@@ -72,57 +120,40 @@ export const radioStyles = () => css `
 	}
 
 	.ml-radio--checked:hover:not(.ml-radio--disabled) .ml-radio__dot {
-		background-color: var(--ml-color-primary-hover);
-	}
-
-	.ml-radio--sm .ml-radio__circle {
-		width: 1rem;
-		height: 1rem;
-	}
-
-	.ml-radio--sm .ml-radio__dot {
-		width: 0.375rem;
-		height: 0.375rem;
+		background-color: var(--ml-radio-checked-hover-dot-color);
 	}
 
-	.ml-radio--md .ml-radio__circle {
-		width: 1.25rem;
-		height: 1.25rem;
+	/* --- Size variants --- */
+	.ml-radio--sm {
+		--ml-radio-circle-size: 1rem;
+		--ml-radio-dot-size: 0.375rem;
 	}
 
-	.ml-radio--md .ml-radio__dot {
-		width: 0.5rem;
-		height: 0.5rem;
+	.ml-radio--md {
+		--ml-radio-circle-size: 1.25rem;
+		--ml-radio-dot-size: 0.5rem;
 	}
 
-	.ml-radio--lg .ml-radio__circle {
-		width: 1.5rem;
-		height: 1.5rem;
-	}
-
-	.ml-radio--lg .ml-radio__dot {
-		width: 0.625rem;
-		height: 0.625rem;
+	.ml-radio--lg {
+		--ml-radio-circle-size: 1.5rem;
+		--ml-radio-dot-size: 0.625rem;
+		--ml-radio-label-font-size: var(--ml-text-base);
+		--ml-radio-label-line-height: 1.5rem;
 	}
 
 	.ml-radio__label {
-		font-size: var(--ml-text-sm);
-		font-weight: var(--ml-font-medium);
-		color: var(--ml-color-text-secondary);
-		line-height: 1.25rem;
-	}
-
-	.ml-radio--lg .ml-radio__label {
-		font-size: var(--ml-text-base);
-		line-height: 1.5rem;
+		font-size: var(--ml-radio-label-font-size);
+		font-weight: var(--ml-radio-label-font-weight);
+		color: var(--ml-radio-label-color);
+		line-height: var(--ml-radio-label-line-height);
 	}
 
 	.ml-radio__hint {
 		display: block;
 		margin-top: var(--ml-space-0-5);
-		margin-left: calc(1.25rem + var(--ml-space-3));
-		font-size: var(--ml-text-sm);
-		color: var(--ml-color-text-muted);
+		margin-left: calc(var(--ml-radio-circle-size) + var(--ml-radio-gap));
+		font-size: var(--ml-radio-hint-font-size);
+		color: var(--ml-radio-hint-color);
 		line-height: var(--ml-leading-tight);
 	}
 `;

package/lib/components/forms/radio-card-group/radio-card-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-card-group.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-card-group/radio-card-group.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIzE;;;;;;;;;;;;GAYG;AACH,qBAMa,uBAAwB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IAC/E,UAAU,EAAG,WAAW,CAAC;IAEzB,+BAA+B;IAC/B,KAAK,SAAM;IAEX,kBAAkB;IAClB,KAAK,SAAM;IAEX,gBAAgB;IAChB,IAAI,SAAM;IAEV,oBAAoB;IACpB,KAAK,SAAM;IAEX,yBAAyB;IACzB,WAAW,EAAE,UAAU,GAAG,YAAY,CAAc;IAEpD,qBAAqB;IACrB,QAAQ,UAAS;IAEjB,qBAAqB;IACrB,QAAQ,UAAS;IAEjB,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAIjB,gBAAgB,QAAO,IAAI,CAEzB;IAEF,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAYhC;IAEF,OAAO,CAAC,SAAS;CAoBjB"}
+{"version":3,"file":"radio-card-group.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-card-group/radio-card-group.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIzE;;;;;;;;;;;;GAYG;AACH,qBAMa,uBAAwB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACxE,UAAU,EAAG,WAAW,CAAC;IAEhC,+BAA+B;IACxB,KAAK,SAAM;IAElB,kBAAkB;IACX,KAAK,SAAM;IAElB,gBAAgB;IACT,IAAI,SAAM;IAEjB,oBAAoB;IACb,KAAK,SAAM;IAElB,yBAAyB;IAClB,WAAW,EAAE,UAAU,GAAG,YAAY,CAAc;IAE3D,qBAAqB;IACd,QAAQ,UAAS;IAExB,qBAAqB;IACd,QAAQ,UAAS;IAEjB,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAIjB,gBAAgB,QAAO,IAAI,CAEhC;IAEF,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAYhC;IAEF,OAAO,CAAC,SAAS;CAoBjB"}

package/lib/components/forms/radio-card-group/radio-card-group.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-card-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-card-group/radio-card-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,iDAkEhC,CAAC"}
+{"version":3,"file":"radio-card-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-card-group/radio-card-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,iDAwFhC,CAAC"}

package/lib/components/forms/radio-card-group/radio-card-group.styles.js

@@ -2,6 +2,28 @@ import { css } from '@melodicdev/core';
 export const radioCardGroupStyles = () => css `
 	:host {
 		display: block;
+
+		/* --- Legend --- */
+		--ml-radio-card-group-legend-font-size: var(--ml-text-sm);
+		--ml-radio-card-group-legend-font-weight: var(--ml-font-medium);
+		--ml-radio-card-group-legend-color: var(--ml-color-text-secondary);
+		--ml-radio-card-group-legend-line-height: var(--ml-leading-tight);
+		--ml-radio-card-group-legend-margin-bottom: var(--ml-space-3);
+
+		/* --- Required indicator --- */
+		--ml-radio-card-group-required-color: var(--ml-color-danger);
+
+		/* --- Options gap --- */
+		--ml-radio-card-group-gap: var(--ml-space-3);
+
+		/* --- Disabled --- */
+		--ml-radio-card-group-disabled-opacity: 0.5;
+
+		/* --- Hint / Error --- */
+		--ml-radio-card-group-hint-color: var(--ml-color-text-muted);
+		--ml-radio-card-group-error-color: var(--ml-color-danger);
+		--ml-radio-card-group-message-font-size: var(--ml-text-sm);
+		--ml-radio-card-group-message-line-height: var(--ml-leading-tight);
 	}
 
 	.ml-radio-card-group {
@@ -11,21 +33,21 @@ export const radioCardGroupStyles = () => css `
 	}
 
 	.ml-radio-card-group__legend {
-		font-size: var(--ml-text-sm);
-		font-weight: var(--ml-font-medium);
-		color: var(--ml-color-text-secondary);
-		margin-bottom: var(--ml-space-3);
-		line-height: var(--ml-leading-tight);
+		font-size: var(--ml-radio-card-group-legend-font-size);
+		font-weight: var(--ml-radio-card-group-legend-font-weight);
+		color: var(--ml-radio-card-group-legend-color);
+		margin-bottom: var(--ml-radio-card-group-legend-margin-bottom);
+		line-height: var(--ml-radio-card-group-legend-line-height);
 	}
 
 	.ml-radio-card-group__required {
-		color: var(--ml-color-danger);
+		color: var(--ml-radio-card-group-required-color);
 		margin-left: var(--ml-space-0-5);
 	}
 
 	.ml-radio-card-group__options {
 		display: flex;
-		gap: var(--ml-space-3);
+		gap: var(--ml-radio-card-group-gap);
 	}
 
 	.ml-radio-card-group__options--vertical {
@@ -47,22 +69,22 @@ export const radioCardGroupStyles = () => css `
 	}
 
 	.ml-radio-card-group--disabled .ml-radio-card-group__legend {
-		opacity: 0.5;
+		opacity: var(--ml-radio-card-group-disabled-opacity);
 	}
 
 	.ml-radio-card-group__hint,
 	.ml-radio-card-group__error {
 		display: block;
 		margin-top: var(--ml-space-2);
-		font-size: var(--ml-text-sm);
-		line-height: var(--ml-leading-tight);
+		font-size: var(--ml-radio-card-group-message-font-size);
+		line-height: var(--ml-radio-card-group-message-line-height);
 	}
 
 	.ml-radio-card-group__hint {
-		color: var(--ml-color-text-muted);
+		color: var(--ml-radio-card-group-hint-color);
 	}
 
 	.ml-radio-card-group__error {
-		color: var(--ml-color-danger);
+		color: var(--ml-radio-card-group-error-color);
 	}
 `;

package/lib/components/forms/radio-card-group/radio-card.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-card.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-card-group/radio-card.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD;;;;;;;;;GASG;AACH,qBAMa,kBAAmB,YAAW,WAAW;IACrD,UAAU,EAAG,WAAW,CAAC;IAEzB,4BAA4B;IAC5B,KAAK,SAAM;IAEX,oBAAoB;IACpB,KAAK,SAAM;IAEX,mCAAmC;IACnC,WAAW,SAAM;IAEjB,6DAA6D;IAC7D,MAAM,SAAM;IAEZ,yBAAyB;IACzB,IAAI,SAAM;IAEV,uDAAuD;IACvD,QAAQ,UAAS;IAEjB,kCAAkC;IAClC,QAAQ,UAAS;IAEjB,uCAAuC;IACvC,aAAa,UAAS;IAEtB,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,WAAW,QAAO,IAAI,CASpB;CACF"}
+{"version":3,"file":"radio-card.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-card-group/radio-card.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD;;;;;;;;;GASG;AACH,qBAMa,kBAAmB,YAAW,WAAW;IAC9C,UAAU,EAAG,WAAW,CAAC;IAEhC,4BAA4B;IACrB,KAAK,SAAM;IAElB,oBAAoB;IACb,KAAK,SAAM;IAElB,mCAAmC;IAC5B,WAAW,SAAM;IAExB,6DAA6D;IACtD,MAAM,SAAM;IAEnB,yBAAyB;IAClB,IAAI,SAAM;IAEjB,uDAAuD;IAChD,QAAQ,UAAS;IAExB,kCAAkC;IAC3B,QAAQ,UAAS;IAExB,uCAAuC;IAChC,aAAa,UAAS;IAE7B,IAAW,UAAU,IAAI,OAAO,CAE/B;IAEM,WAAW,QAAO,IAAI,CAS3B;CACF"}

package/lib/components/forms/radio-card-group/radio-card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-card-group/radio-card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,iDAwI3B,CAAC"}
+{"version":3,"file":"radio-card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-card-group/radio-card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,iDAqM3B,CAAC"}

package/lib/components/forms/radio-card-group/radio-card.styles.js

@@ -2,51 +2,112 @@ import { css } from '@melodicdev/core';
 export const radioCardStyles = () => css `
 	:host {
 		display: block;
+
+		/* --- Card --- */
+		--ml-radio-card-padding: var(--ml-space-4);
+		--ml-radio-card-border-width: var(--ml-border);
+		--ml-radio-card-border-color: var(--ml-color-border);
+		--ml-radio-card-border-radius: var(--ml-radius-lg);
+		--ml-radio-card-bg: var(--ml-color-surface);
+		--ml-radio-card-gap: var(--ml-space-3);
+
+		/* --- Hover --- */
+		--ml-radio-card-hover-border-color: var(--ml-color-border-strong);
+		--ml-radio-card-hover-bg: var(--ml-color-surface-raised);
+
+		/* --- Selected --- */
+		--ml-radio-card-selected-border-color: var(--ml-color-primary);
+		--ml-radio-card-selected-bg: var(--ml-color-primary-subtle);
+		--ml-radio-card-selected-ring: 0 0 0 1px var(--ml-color-primary);
+		--ml-radio-card-selected-hover-border-color: var(--ml-color-primary-hover);
+		--ml-radio-card-selected-hover-ring: 0 0 0 1px var(--ml-color-primary-hover);
+
+		/* --- Focus --- */
+		--ml-radio-card-focus-shadow: var(--ml-shadow-focus-ring);
+
+		/* --- Circle --- */
+		--ml-radio-card-circle-size: 1.25rem;
+		--ml-radio-card-circle-border-width: var(--ml-border);
+		--ml-radio-card-circle-border-color: var(--ml-color-border-strong);
+		--ml-radio-card-circle-bg: var(--ml-color-input-bg);
+		--ml-radio-card-circle-border-radius: var(--ml-radius-full);
+
+		/* --- Dot --- */
+		--ml-radio-card-dot-size: 0.5rem;
+		--ml-radio-card-dot-color: var(--ml-color-primary);
+
+		/* --- Icon --- */
+		--ml-radio-card-icon-color: var(--ml-color-text-muted);
+		--ml-radio-card-icon-selected-color: var(--ml-color-primary);
+
+		/* --- Label --- */
+		--ml-radio-card-label-font-size: var(--ml-text-sm);
+		--ml-radio-card-label-font-weight: var(--ml-font-medium);
+		--ml-radio-card-label-color: var(--ml-color-text);
+		--ml-radio-card-label-line-height: var(--ml-leading-tight);
+
+		/* --- Description --- */
+		--ml-radio-card-description-font-size: var(--ml-text-sm);
+		--ml-radio-card-description-color: var(--ml-color-text-muted);
+		--ml-radio-card-description-line-height: var(--ml-leading-normal);
+
+		/* --- Detail --- */
+		--ml-radio-card-detail-font-size: var(--ml-text-sm);
+		--ml-radio-card-detail-font-weight: var(--ml-font-medium);
+		--ml-radio-card-detail-color: var(--ml-color-text);
+		--ml-radio-card-detail-line-height: var(--ml-leading-tight);
+
+		/* --- Disabled --- */
+		--ml-radio-card-disabled-opacity: 0.5;
+
+		/* --- Transition --- */
+		--ml-radio-card-transition-duration: var(--ml-duration-150);
+		--ml-radio-card-transition-easing: var(--ml-ease-in-out);
 	}
 
 	.ml-radio-card {
 		display: flex;
 		align-items: flex-start;
-		gap: var(--ml-space-3);
-		padding: var(--ml-space-4);
-		border: var(--ml-border) solid var(--ml-color-border);
-		border-radius: var(--ml-radius-lg);
-		background-color: var(--ml-color-surface);
+		gap: var(--ml-radio-card-gap);
+		padding: var(--ml-radio-card-padding);
+		border: var(--ml-radio-card-border-width) solid var(--ml-radio-card-border-color);
+		border-radius: var(--ml-radio-card-border-radius);
+		background-color: var(--ml-radio-card-bg);
 		cursor: pointer;
 		transition:
-			border-color var(--ml-duration-150) var(--ml-ease-in-out),
-			background-color var(--ml-duration-150) var(--ml-ease-in-out),
-			box-shadow var(--ml-duration-150) var(--ml-ease-in-out);
+			border-color var(--ml-radio-card-transition-duration) var(--ml-radio-card-transition-easing),
+			background-color var(--ml-radio-card-transition-duration) var(--ml-radio-card-transition-easing),
+			box-shadow var(--ml-radio-card-transition-duration) var(--ml-radio-card-transition-easing);
 	}
 
 	.ml-radio-card:hover:not(.ml-radio-card--disabled) {
-		border-color: var(--ml-color-border-strong);
-		background-color: var(--ml-color-surface-raised);
+		border-color: var(--ml-radio-card-hover-border-color);
+		background-color: var(--ml-radio-card-hover-bg);
 	}
 
 	.ml-radio-card--selected {
-		border-color: var(--ml-color-primary);
-		background-color: var(--ml-color-primary-subtle);
-		box-shadow: 0 0 0 1px var(--ml-color-primary);
+		border-color: var(--ml-radio-card-selected-border-color);
+		background-color: var(--ml-radio-card-selected-bg);
+		box-shadow: var(--ml-radio-card-selected-ring);
 	}
 
 	.ml-radio-card--selected:hover:not(.ml-radio-card--disabled) {
-		border-color: var(--ml-color-primary-hover);
-		background-color: var(--ml-color-primary-subtle);
-		box-shadow: 0 0 0 1px var(--ml-color-primary-hover);
+		border-color: var(--ml-radio-card-selected-hover-border-color);
+		background-color: var(--ml-radio-card-selected-bg);
+		box-shadow: var(--ml-radio-card-selected-hover-ring);
 	}
 
 	.ml-radio-card:focus-visible {
 		outline: none;
-		box-shadow: var(--ml-shadow-focus-ring);
+		box-shadow: var(--ml-radio-card-focus-shadow);
 	}
 
 	.ml-radio-card--selected:focus-visible {
-		box-shadow: 0 0 0 1px var(--ml-color-primary), var(--ml-shadow-focus-ring);
+		box-shadow: var(--ml-radio-card-selected-ring), var(--ml-radio-card-focus-shadow);
 	}
 
 	.ml-radio-card--disabled {
-		opacity: 0.5;
+		opacity: var(--ml-radio-card-disabled-opacity);
 		cursor: not-allowed;
 	}
 
@@ -60,28 +121,28 @@ export const radioCardStyles = () => css `
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		width: 1.25rem;
-		height: 1.25rem;
-		border: var(--ml-border) solid var(--ml-color-border-strong);
-		border-radius: var(--ml-radius-full);
-		background-color: var(--ml-color-input-bg);
+		width: var(--ml-radio-card-circle-size);
+		height: var(--ml-radio-card-circle-size);
+		border: var(--ml-radio-card-circle-border-width) solid var(--ml-radio-card-circle-border-color);
+		border-radius: var(--ml-radio-card-circle-border-radius);
+		background-color: var(--ml-radio-card-circle-bg);
 		transition:
-			border-color var(--ml-duration-150) var(--ml-ease-in-out),
-			background-color var(--ml-duration-150) var(--ml-ease-in-out);
+			border-color var(--ml-radio-card-transition-duration) var(--ml-radio-card-transition-easing),
+			background-color var(--ml-radio-card-transition-duration) var(--ml-radio-card-transition-easing);
 	}
 
 	.ml-radio-card--selected .ml-radio-card__circle {
-		border-color: var(--ml-color-primary);
-		background-color: var(--ml-color-primary-subtle);
+		border-color: var(--ml-radio-card-selected-border-color);
+		background-color: var(--ml-radio-card-selected-bg);
 	}
 
 	.ml-radio-card__dot {
-		width: 0.5rem;
-		height: 0.5rem;
-		border-radius: var(--ml-radius-full);
-		background-color: var(--ml-color-primary);
+		width: var(--ml-radio-card-dot-size);
+		height: var(--ml-radio-card-dot-size);
+		border-radius: var(--ml-radio-card-circle-border-radius);
+		background-color: var(--ml-radio-card-dot-color);
 		transform: scale(0);
-		transition: transform var(--ml-duration-150) var(--ml-ease-in-out);
+		transition: transform var(--ml-radio-card-transition-duration) var(--ml-radio-card-transition-easing);
 	}
 
 	.ml-radio-card--selected .ml-radio-card__dot {
@@ -92,18 +153,18 @@ export const radioCardStyles = () => css `
 	.ml-radio-card__content {
 		display: flex;
 		align-items: flex-start;
-		gap: var(--ml-space-3);
+		gap: var(--ml-radio-card-gap);
 		flex: 1;
 		min-width: 0;
 	}
 
 	.ml-radio-card__icon {
 		flex-shrink: 0;
-		color: var(--ml-color-text-muted);
+		color: var(--ml-radio-card-icon-color);
 	}
 
 	.ml-radio-card--selected .ml-radio-card__icon {
-		color: var(--ml-color-primary);
+		color: var(--ml-radio-card-icon-selected-color);
 	}
 
 	.ml-radio-card__text {
@@ -114,25 +175,25 @@ export const radioCardStyles = () => css `
 	}
 
 	.ml-radio-card__label {
-		font-size: var(--ml-text-sm);
-		font-weight: var(--ml-font-medium);
-		color: var(--ml-color-text);
-		line-height: var(--ml-leading-tight);
+		font-size: var(--ml-radio-card-label-font-size);
+		font-weight: var(--ml-radio-card-label-font-weight);
+		color: var(--ml-radio-card-label-color);
+		line-height: var(--ml-radio-card-label-line-height);
 	}
 
 	.ml-radio-card__description {
-		font-size: var(--ml-text-sm);
-		color: var(--ml-color-text-muted);
-		line-height: var(--ml-leading-normal);
+		font-size: var(--ml-radio-card-description-font-size);
+		color: var(--ml-radio-card-description-color);
+		line-height: var(--ml-radio-card-description-line-height);
 	}
 
 	/* Detail (e.g. price) */
 	.ml-radio-card__detail {
 		flex-shrink: 0;
-		font-size: var(--ml-text-sm);
-		font-weight: var(--ml-font-medium);
-		color: var(--ml-color-text);
-		line-height: var(--ml-leading-tight);
+		font-size: var(--ml-radio-card-detail-font-size);
+		font-weight: var(--ml-radio-card-detail-font-weight);
+		color: var(--ml-radio-card-detail-color);
+		line-height: var(--ml-radio-card-detail-line-height);
 		padding-top: var(--ml-space-0-5);
 	}
 `;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/select/select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,iDA0VxB,CAAC"}
+{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/select/select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,iDA2axB,CAAC"}