diff --git a/packages/lib/src/styles/variables.css b/packages/lib/src/styles/variables.css index cad795574..253df46a4 100644 --- a/packages/lib/src/styles/variables.css +++ b/packages/lib/src/styles/variables.css @@ -167,13 +167,13 @@ --line-style-solid: solid; /* Alias tokens */ - --border-color-info-lightest-halstack: var(--color-semantic01-50); - --border-color-info-lighter-halstack: var(--color-semantic01-100); - --border-color-info-light-halstack: var(--color-semantic01-200); - --border-color-info-medium-halstack: var(--color-semantic01-300); - --border-color-info-strong-halstack: var(--color-semantic01-600); - --border-color-info-stronger-halstack: var(--color-semantic01-700); - --border-color-info-strongest-halstack: var(--color-semantic01-800); + --border-color-info-lightest: var(--color-semantic01-50); + --border-color-info-lighter: var(--color-semantic01-100); + --border-color-info-light: var(--color-semantic01-200); + --border-color-info-medium: var(--color-semantic01-300); + --border-color-info-strong: var(--color-semantic01-600); + --border-color-info-stronger: var(--color-semantic01-700); + --border-color-info-strongest: var(--color-semantic01-800); --border-color-success-light: var(--color-semantic02-300); --border-color-success-medium: var(--color-semantic02-600); --border-color-warning-light: var(--color-semantic03-300); diff --git a/packages/lib/src/toast/utils.ts b/packages/lib/src/toast/utils.ts index 4a3a648a0..ac80b9ccb 100644 --- a/packages/lib/src/toast/utils.ts +++ b/packages/lib/src/toast/utils.ts @@ -10,8 +10,8 @@ export default function getSemantic(semantic: ToastPropsType["semantic"]) { }; case "info": return { - primaryColor: "var(--border-color-secondary-strong)", - secondaryColor: "var(--color-bg-secondary-lighter)", + primaryColor: "var(--border-color-info-strong)", + secondaryColor: "var(--color-bg-info-lighter)", icon: "filled_info", }; case "success":