diff --git a/README.md b/README.md index cb0d0f61d6..8fa2b2fc8f 100644 --- a/README.md +++ b/README.md @@ -50,7 +50,7 @@ Theme data is a representation of the Weave visual design language in the form o ### Basics - Typography - See [``](./packages/typography/README.md) and [``](./packages/rich-text/README.md) - Layout - See [``](./packages/spacer/README.md) and [``](./packages/surface/README.md) -- Icons - See [``](./packages/icons/README.md) to easily render icons in React and the [`@hig/icons`](./packages/icons/README.md) package for svg data +- Icons - See [``](./packages/icons/README.md) to easily render icons in React and the [`@weave-design/icons`](./packages/icons/README.md) package for svg data ### Components diff --git a/packages/icons/README.md b/packages/icons/README.md index 02ff9dfb3c..515a2f9383 100644 --- a/packages/icons/README.md +++ b/packages/icons/README.md @@ -1,7 +1,7 @@ # Icons This package retains the source of the library of Weave icons. -You can import individual icons to render on your app. +You can import individual icons to render in your app. ```jsx import { Assets24 } from "@weave-design/icons"; diff --git a/packages/theme-data/src/baseTheme/components/input.js b/packages/theme-data/src/baseTheme/components/input.js index ff2a8b6266..cd12ed4b70 100644 --- a/packages/theme-data/src/baseTheme/components/input.js +++ b/packages/theme-data/src/baseTheme/components/input.js @@ -124,6 +124,15 @@ export default { alpha: 0.2, }, }, + "input.value.error.highlightColor": { + type: COLOR, + value: { + ref: "colorScheme.status.error", + }, + transform: { + alpha: 0.25, + }, + }, "input.value.lineHeight": { type: LINE_HEIGHT, value: { diff --git a/packages/theme-data/src/baseTheme/system/colorScheme.js b/packages/theme-data/src/baseTheme/system/colorScheme.js index dfeaa9691e..382fc00fb0 100644 --- a/packages/theme-data/src/baseTheme/system/colorScheme.js +++ b/packages/theme-data/src/baseTheme/system/colorScheme.js @@ -71,6 +71,15 @@ export default { }, type: COLOR, }, + "halo.error": { + value: { + ref: "colorScheme.status.error", + }, + transform: { + alpha: 0.25, + }, + type: COLOR, + }, "halo.focus": { value: { ref: "colorScheme.reference.accent", diff --git a/packages/theme-data/src/colorSchemes/darkBlue/components/input.js b/packages/theme-data/src/colorSchemes/darkBlue/components/input.js index ce79905eae..e2b5e570b0 100644 --- a/packages/theme-data/src/colorSchemes/darkBlue/components/input.js +++ b/packages/theme-data/src/colorSchemes/darkBlue/components/input.js @@ -35,4 +35,9 @@ export default { ref: "basics.colors.secondary.darkBlue.200", }, }, + "input.value.error.highlightColor": { + transform: { + alpha: 0.35, + }, + }, }; diff --git a/packages/theme-data/src/colorSchemes/darkBlue/system/colorScheme.js b/packages/theme-data/src/colorSchemes/darkBlue/system/colorScheme.js index 02d5262762..224f516037 100644 --- a/packages/theme-data/src/colorSchemes/darkBlue/system/colorScheme.js +++ b/packages/theme-data/src/colorSchemes/darkBlue/system/colorScheme.js @@ -258,6 +258,11 @@ export default { alpha: 0.25, }, }, + "halo.error": { + transform: { + alpha: 0.35, + }, + }, "indicator.default": { value: { ref: "colorScheme.reference.base",