From d89db3d170e0e305fb274d2b47fb1841eeb95b5b Mon Sep 17 00:00:00 2001 From: Bryan Young Date: Fri, 14 Apr 2023 13:16:17 -0700 Subject: [PATCH 1/3] feat: added roles for louder errors --- packages/theme-data/src/baseTheme/components/input.js | 9 +++++++++ packages/theme-data/src/baseTheme/system/colorScheme.js | 9 +++++++++ .../src/colorSchemes/darkBlue/components/input.js | 5 +++++ .../src/colorSchemes/darkBlue/system/colorScheme.js | 5 +++++ 4 files changed, 28 insertions(+) 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", From 70563150860c404aaf0c448ddbd3fe04c60568cd Mon Sep 17 00:00:00 2001 From: Wilbert Mui Date: Mon, 17 Apr 2023 22:28:50 -0700 Subject: [PATCH 2/3] feat: add new icons Added: date refresh (24/16px) ellipsis (24/16/12px) help (12px) remove (24/16px) Updated: add (16px) --- packages/icons/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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"; From 320732a0bb7e10f6b8e148bf3e515172fd2a71d3 Mon Sep 17 00:00:00 2001 From: Wilbert Mui Date: Mon, 17 Apr 2023 22:30:23 -0700 Subject: [PATCH 3/3] docs: update readme --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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