diff --git a/packages/propel/src/button/helper.tsx b/packages/propel/src/button/helper.tsx index 20e60093a46..8db518a47ef 100644 --- a/packages/propel/src/button/helper.tsx +++ b/packages/propel/src/button/helper.tsx @@ -11,9 +11,9 @@ export const buttonVariants = cva( "error-fill": "bg-danger-primary hover:bg-danger-primary-hover active:bg-danger-primary-active disabled:bg-layer-disabled text-on-color disabled:text-disabled", "error-outline": - "bg-layer-2 hover:bg-danger-subtle active:bg-danger-subtle-hover disabled:bg-layer-2 text-danger-primary disabled:text-disabled border border-danger-strong disabled:border-subtle-1", + "bg-layer-2 hover:bg-danger-subtle active:bg-danger-subtle-hover disabled:bg-layer-2 text-danger-secondary disabled:text-disabled border border-danger-strong disabled:border-subtle-1", secondary: - "bg-layer-2 hover:bg-layer-2-hover active:bg-layer-2-active disabled:bg-layer-transparent text-secondary disabled:text-disabled border border-strong disabled:border-subtle-1 shadow-raised-100", + "bg-layer-2 hover:bg-layer-2-hover active:bg-layer-2-active disabled:bg-layer-transparent text-secondary disabled:text-disabled border border-strong disabled:border-subtle-1 shadow-raised-100", tertiary: "bg-layer-3 hover:bg-layer-3-hover active:bg-layer-3-active disabled:bg-layer-transparent text-secondary disabled:text-disabled", ghost: diff --git a/packages/tailwind-config/variables.css b/packages/tailwind-config/variables.css index bab1f015b83..60d22180ab8 100644 --- a/packages/tailwind-config/variables.css +++ b/packages/tailwind-config/variables.css @@ -506,7 +506,7 @@ --border-success-subtle: var(--green-200); --border-warning-strong: var(--amber-400); --border-warning-subtle: var(--amber-200); - --border-danger-strong: var(--red-400); + --border-danger-strong: var(--red-700); --border-danger-subtle: var(--red-200); /* Text colors */ --txt-primary: var(--neutral-1200); @@ -1059,42 +1059,42 @@ --text-h4-bold--letter-spacing: var(--tracking-default); --text-h4-bold--font-weight: var(--font-weight-bold); - --text-h5-regular: var(--text-16); + --text-h5-regular: var(--text-18); --text-h5-regular--line-height: 1.2; --text-h5-regular--letter-spacing: var(--tracking-default); --text-h5-regular--font-weight: var(--font-weight-regular); - --text-h5-medium: var(--text-16); + --text-h5-medium: var(--text-18); --text-h5-medium--line-height: 1.2; --text-h5-medium--letter-spacing: var(--tracking-default); --text-h5-medium--font-weight: var(--font-weight-medium); - --text-h5-semibold: var(--text-16); + --text-h5-semibold: var(--text-18); --text-h5-semibold--line-height: 1.2; --text-h5-semibold--letter-spacing: var(--tracking-default); --text-h5-semibold--font-weight: var(--font-weight-semibold); - --text-h5-bold: var(--text-16); + --text-h5-bold: var(--text-18); --text-h5-bold--line-height: 1.2; --text-h5-bold--letter-spacing: var(--tracking-default); --text-h5-bold--font-weight: var(--font-weight-bold); - --text-h6-regular: var(--text-14); + --text-h6-regular: var(--text-16); --text-h6-regular--line-height: 1.2; --text-h6-regular--letter-spacing: var(--tracking-default); --text-h6-regular--font-weight: var(--font-weight-regular); - --text-h6-medium: var(--text-14); + --text-h6-medium: var(--text-16); --text-h6-medium--line-height: 1.2; --text-h6-medium--letter-spacing: var(--tracking-default); --text-h6-medium--font-weight: var(--font-weight-medium); - --text-h6-semibold: var(--text-14); + --text-h6-semibold: var(--text-16); --text-h6-semibold--line-height: 1.2; --text-h6-semibold--letter-spacing: var(--tracking-default); --text-h6-semibold--font-weight: var(--font-weight-semibold); - --text-h6-bold: var(--text-14); + --text-h6-bold: var(--text-16); --text-h6-bold--line-height: 1.2; --text-h6-bold--letter-spacing: var(--tracking-default); --text-h6-bold--font-weight: var(--font-weight-bold);