diff --git a/src/styles/alert.css b/src/styles/alert.css
index 626ff12..61d87bf 100644
--- a/src/styles/alert.css
+++ b/src/styles/alert.css
@@ -28,7 +28,7 @@
 	z-index: -1;
 }
 
-.myt-alert.myt-alert--outlined {
+.myt-alert.myt-alert--outline {
 	border: thin solid currentColor;
 }
 
@@ -86,11 +86,11 @@
 	width: 100%;
 }
 
-.myt-alert.myt-alert--info:not(.myt-alert--outlined) {
+.myt-alert.myt-alert--info:not(.myt-alert--outline) {
 	--c: var(--color-on-info);
 	--bg: var(--color-info);
 }
-.myt-alert.myt-alert--info.myt-alert--outlined {
+.myt-alert.myt-alert--info.myt-alert--outline {
 	--c: var(--color-info);
 }
 .myt-alert.myt-alert--info.myt-alert--variant-tonal {
@@ -98,11 +98,11 @@
 	--c: var(--color-on-info-container);
 }
 
-.myt-alert.myt-alert--success:not(.myt-alert--outlined) {
+.myt-alert.myt-alert--success:not(.myt-alert--outline) {
 	--c: var(--color-on-success);
 	--bg: var(--color-success);
 }
-.myt-alert.myt-alert--success.myt-alert--outlined {
+.myt-alert.myt-alert--success.myt-alert--outline {
 	--c: var(--color-success);
 }
 .myt-alert.myt-alert--success.myt-alert--variant-tonal {
@@ -110,11 +110,11 @@
 	--c: var(--color-on-success-container);
 }
 
-.myt-alert.myt-alert--warning:not(.myt-alert--outlined) {
+.myt-alert.myt-alert--warning:not(.myt-alert--outline) {
 	--c: var(--color-on-warning);
 	--bg: var(--color-warning);
 }
-.myt-alert.myt-alert--warning.myt-alert--outlined {
+.myt-alert.myt-alert--warning.myt-alert--outline {
 	--c: var(--color-warning);
 }
 .myt-alert.myt-alert--warning.myt-alert--variant-tonal {
@@ -122,11 +122,11 @@
 	--c: var(--color-on-warning-container);
 }
 
-.myt-alert.myt-alert--error:not(.myt-alert--outlined) {
+.myt-alert.myt-alert--error:not(.myt-alert--outline) {
 	--c: var(--color-on-error);
 	--bg: var(--color-error);
 }
-.myt-alert.myt-alert--error.myt-alert--outlined {
+.myt-alert.myt-alert--error.myt-alert--outline {
 	--c: var(--color-error);
 }
 .myt-alert.myt-alert--error.myt-alert--variant-tonal {
diff --git a/src/styles/btn.css b/src/styles/btn.css
index 739eef1..fb5a052 100644
--- a/src/styles/btn.css
+++ b/src/styles/btn.css
@@ -27,11 +27,11 @@
 	border-radius: var(--myt-btn-br);
 }
 
-.myt-btn.myt-btn--outlined {
+.myt-btn.myt-btn--outline {
 	border: thin solid currentColor;
 }
 .myt-btn.myt-btn--text,
-.myt-btn.myt-btn--outlined {
+.myt-btn.myt-btn--outline {
 	background-color: transparent;
 }
 
@@ -128,18 +128,18 @@
 	transform: scale(0.97);
 }
 
-.myt-btn.myt-btn--active:not(.myt-btn--outlined):not(.myt-btn--text):not(.myt-btn--link) {
+.myt-btn.myt-btn--active:not(.myt-btn--outline):not(.myt-btn--text):not(.myt-btn--link) {
 	background-color: color-mix(in oklab, var(--bg) 85%, black);
 }
-.myt-btn:hover:not(.myt-btn--outlined):not(.myt-btn--text):not(.myt-btn--link) {
+.myt-btn:hover:not(.myt-btn--outline):not(.myt-btn--text):not(.myt-btn--link) {
 	background-color: color-mix(in oklab, var(--bg) 90%, black);
 }
 
-.myt-btn.myt-btn--outlined.myt-btn--active,
+.myt-btn.myt-btn--outline.myt-btn--active,
 .myt-btn.myt-btn--text.myt-btn--active {
 	background-color: color-mix(in oklab, var(--c) 15%, transparent);
 }
-.myt-btn.myt-btn--outlined:hover,
+.myt-btn.myt-btn--outline:hover,
 .myt-btn.myt-btn--text:hover {
 	background-color: color-mix(in oklab, var(--c) 20%, transparent);
 }
@@ -156,13 +156,13 @@
 	color: color-mix(in oklab, var(--c) 40%, transparent) !important;
 	background-color: color-mix(in oklab, var(--bg) 70%, transparent) !important;
 }
-.myt-btn.myt-btn--disabled.myt-btn--outlined,
-.myt-btn[disabled].myt-btn--outlined {
+.myt-btn.myt-btn--disabled.myt-btn--outline,
+.myt-btn[disabled].myt-btn--outline {
 	border-color: color-mix(in oklab, var(--c) 40%, transparent) !important;
 }
 
-.myt-btn.myt-btn--disabled.myt-btn--outlined,
-.myt-btn[disabled].myt-btn--outlined,
+.myt-btn.myt-btn--disabled.myt-btn--outline,
+.myt-btn[disabled].myt-btn--outline,
 .myt-btn.myt-btn--disabled.myt-btn--text,
 .myt-btn[disabled].myt-btn--text,
 .myt-btn.myt-btn--disabled.myt-btn--link,
@@ -188,41 +188,41 @@
 	--bg: var(--myt-btn-bg);
 }
 
-.myt-btn.myt-btn--info:not(.myt-btn--outlined):not(.myt-btn--text):not(.myt-btn--link) {
+.myt-btn.myt-btn--info:not(.myt-btn--outline):not(.myt-btn--text):not(.myt-btn--link) {
 	--c: var(--mcolor-on-info);
 	--bg: var(--color-info);
 }
-.myt-btn.myt-btn--info.myt-btn--outlined,
+.myt-btn.myt-btn--info.myt-btn--outline,
 .myt-btn.myt-btn--info.myt-btn--text,
 .myt-btn.myt-btn--info.myt-btn--link {
 	--c: var(--color-info);
 }
 
-.myt-btn.myt-btn--success:not(.myt-btn--outlined):not(.myt-btn--text):not(.myt-btn--link) {
+.myt-btn.myt-btn--success:not(.myt-btn--outline):not(.myt-btn--text):not(.myt-btn--link) {
 	--c: var(--color-on-success);
 	--bg: var(--color-success);
 }
-.myt-btn.myt-btn--success.myt-btn--outlined,
+.myt-btn.myt-btn--success.myt-btn--outline,
 .myt-btn.myt-btn--success.myt-btn--text,
 .myt-btn.myt-btn--success.myt-btn--link {
 	--c: var(--mcolor-success);
 }
 
-.myt-btn.myt-btn--warning:not(.myt-btn--outlined):not(.myt-btn--text):not(.myt-btn--link) {
+.myt-btn.myt-btn--warning:not(.myt-btn--outline):not(.myt-btn--text):not(.myt-btn--link) {
 	--c: var(--color-on-warning);
 	--bg: var(--color-warning);
 }
-.myt-btn.myt-btn--warning.myt-btn--outlined,
+.myt-btn.myt-btn--warning.myt-btn--outline,
 .myt-btn.myt-btn--warning.myt-btn--text,
 .myt-btn.myt-btn--warning.myt-btn--link {
 	--c: var(--color-warning);
 }
 
-.myt-btn.myt-btn--error:not(.myt-btn--outlined):not(.myt-btn--text):not(.myt-btn--link) {
+.myt-btn.myt-btn--error:not(.myt-btn--outline):not(.myt-btn--text):not(.myt-btn--link) {
 	--c: var(--color-on-error);
 	--bg: var(--color-error);
 }
-.myt-btn.myt-btn--error.myt-btn--outlined,
+.myt-btn.myt-btn--error.myt-btn--outline,
 .myt-btn.myt-btn--error.myt-btn--text,
 .myt-btn.myt-btn--error.myt-btn--link {
 	--c: var(--color-error);
diff --git a/src/styles/chip.css b/src/styles/chip.css
index 7b93200..b9bb5fd 100644
--- a/src/styles/chip.css
+++ b/src/styles/chip.css
@@ -22,11 +22,11 @@
 	border-radius: var(--radius-md);
 }
 
-.myt-chip.myt-chip--outlined {
+.myt-chip.myt-chip--outline {
 	border: thin solid currentColor;
 }
 .myt-chip.myt-chip--text,
-.myt-chip.myt-chip--outlined {
+.myt-chip.myt-chip--outline {
 	background-color: transparent;
 }
 
@@ -81,17 +81,17 @@
 	user-select: none;
 }
 
-.myt-chip.myt-chip--active:not(.myt-chip--outlined) {
+.myt-chip.myt-chip--active:not(.myt-chip--outline) {
 	background-color: color-mix(in oklab, var(--bg) 85%, black);
 }
-.myt-chip:hover:not(.myt-chip--outlined):not(.myt-chip--closable) {
+.myt-chip:hover:not(.myt-chip--outline):not(.myt-chip--closable) {
 	background-color: color-mix(in oklab, var(--bg) 90%, black);
 }
 
-.myt-chip.myt-chip--outlined.myt-chip--active {
+.myt-chip.myt-chip--outline.myt-chip--active {
 	background-color: color-mix(in oklab, var(--c) 15%, transparent);
 }
-.myt-chip.myt-chip--outlined:hover:not(.myt-chip--closable) {
+.myt-chip.myt-chip--outline:hover:not(.myt-chip--closable) {
 	background-color: color-mix(in oklab, var(--c) 20%, transparent);
 }
 
@@ -102,13 +102,13 @@
 	color: color-mix(in oklab, var(--c) 40%, transparent) !important;
 	background-color: color-mix(in oklab, var(--bg) 70%, transparent) !important;
 }
-.myt-chip.myt-chip--disabled.myt-chip--outlined,
-.myt-chip[disabled].myt-chip--outlined {
+.myt-chip.myt-chip--disabled.myt-chip--outline,
+.myt-chip[disabled].myt-chip--outline {
 	border-color: color-mix(in oklab, var(--c) 40%, transparent) !important;
 }
 
-.myt-chip.myt-chip--disabled.myt-chip--outlined,
-.myt-chip[disabled].myt-chip--outlined,
+.myt-chip.myt-chip--disabled.myt-chip--outline,
+.myt-chip[disabled].myt-chip--outline,
 .myt-chip.myt-chip--disabled.myt-chip--text,
 .myt-chip[disabled].myt-chip--text,
 .myt-chip.myt-chip--disabled.myt-chip--link,
diff --git a/src/types/component.ts b/src/types/component.ts
index 75263cb..2afa451 100644
--- a/src/types/component.ts
+++ b/src/types/component.ts
@@ -32,7 +32,7 @@ export interface ToolbarProps extends ComponentBase {
 	is?: 'div' | 'header' | 'nav';
 	classContent?: string;
 	floating?: boolean;
-	variant?: 'outlined' | 'text';
+	variant?: 'outline' | 'text';
 	absolute?: boolean;
 	rounded?: string;
 	height?: string;
@@ -324,7 +324,7 @@ export interface ChipProps extends ComponentBase {
 	is?: 'a' | 'button' | 'span' | 'div';
 	dark?: boolean;
 	light?: boolean;
-	variant?: 'outlined' | 'label';
+	variant?: 'outline' | 'label';
 	active?: boolean;
 	density?: 'compact' | 'comfortable' | 'default';
 	disabled?: boolean;
@@ -348,7 +348,7 @@ export interface CardProps extends ComponentBase {
 	is?: 'a' | 'button' | 'div';
 	dark?: boolean;
 	light?: boolean;
-	variant?: 'outlined' | 'text';
+	variant?: 'outline' | 'text';
 	active?: boolean;
 	disabled?: boolean;
 	rounded?: string;
@@ -388,7 +388,7 @@ export interface BtnProps extends ComponentBase {
 	is?: 'a' | 'button' | 'input';
 	dark?: boolean;
 	light?: boolean;
-	variant?: 'outlined' | 'text';
+	variant?: 'outline' | 'text';
 	active?: boolean;
 	density?: 'compact' | 'comfortable' | 'default';
 	block?: boolean;
@@ -467,7 +467,7 @@ export interface AlertProps extends ComponentBase {
 	is?: 'div';
 	dark?: boolean;
 	light?: boolean;
-	variant?: 'outlined' | 'tonal';
+	variant?: 'outline' | 'tonal';
 	density?: 'compact' | 'comfortable' | 'default';
 	rounded?: string;
 	closable?: boolean;