diff --git a/.changeset/hot-tomatoes-hide.md b/.changeset/hot-tomatoes-hide.md new file mode 100644 index 00000000000..19da9b9bf4a --- /dev/null +++ b/.changeset/hot-tomatoes-hide.md @@ -0,0 +1,5 @@ +--- +"@salt-ds/theme": patch +--- + +Fixed target characteristic tokens being incorrect in Salt Next. diff --git a/packages/core/stories/file-drop-zone/file-drop-zone.qa.stories.tsx b/packages/core/stories/file-drop-zone/file-drop-zone.qa.stories.tsx index b63d7a46703..bd4dfc483db 100644 --- a/packages/core/stories/file-drop-zone/file-drop-zone.qa.stories.tsx +++ b/packages/core/stories/file-drop-zone/file-drop-zone.qa.stories.tsx @@ -4,22 +4,30 @@ import { FileDropZoneTrigger, } from "@salt-ds/core"; import type { Meta, StoryFn } from "@storybook/react"; -import { AllRenderer } from "docs/components"; +import { QAContainer } from "docs/components"; export default { title: "Core/File Drop Zone/File Drop Zone QA", component: FileDropZone, } as Meta; -export const AllExamplesGrid: StoryFn = () => { +export const AllExamplesGrid: StoryFn = () => { return ( - + console.log("files accepted")}> Drop files here or - + console.log("files accepted")} + > + + Drop files here or + + + ); }; diff --git a/packages/theme/css/characteristics/target-next.css b/packages/theme/css/characteristics/target-next.css index 29155a8e696..dfcf1d36649 100644 --- a/packages/theme/css/characteristics/target-next.css +++ b/packages/theme/css/characteristics/target-next.css @@ -1,4 +1,4 @@ .salt-theme.salt-theme-next { - --salt-target-background-hover: var(--salt-palette-accent); - --salt-target-borderColor-hover: var(--salt-palette-accent-weakest); + --salt-target-background-hover: var(--salt-palette-accent-weakest); + --salt-target-borderColor-hover: var(--salt-palette-accent); }