From 44db252f70f2c0ee8168476a9efaf70ea2810545 Mon Sep 17 00:00:00 2001 From: Andrew Martin Date: Wed, 11 Sep 2019 11:54:03 -0700 Subject: [PATCH] feat(shadows): updating the shadow variables (#1887) * fixing shadowLevel4 + adding Dark variant * updating changelog * just retriggering ci * moving change to the proper place in changelog --- CHANGELOG.md | 1 + packages/react/src/themes/teams/siteVariables.ts | 10 +++++----- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 06ad74641d..59e95c3fe2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -22,6 +22,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm - Fix order of applying unhandled props and key handlers @jurokapsiar ([#1901](https://github.com/stardust-ui/react/pull/1901)) - Fix handling of `onMouseEnter` prop in `ChatMessage` @layershifter ([#1903](https://github.com/stardust-ui/react/pull/1903)) - Fix `CreateShorthandOptions` should be typed @lucivpav ([#1886](https://github.com/stardust-ui/react/pull/1886)) +- Add `shadowLevel1Dark` in Teams themes @notandrew ([#1887](https://github.com/stardust-ui/react/pull/1887)) ### Features - Add `TextArea` component @lucivpav ([#1897](https://github.com/stardust-ui/react/pull/1897)) diff --git a/packages/react/src/themes/teams/siteVariables.ts b/packages/react/src/themes/teams/siteVariables.ts index b595dfb973..11dc2109bf 100644 --- a/packages/react/src/themes/teams/siteVariables.ts +++ b/packages/react/src/themes/teams/siteVariables.ts @@ -26,11 +26,11 @@ export const focusOuterBorderColor = colors.black // SHADOW LEVELS // export const shadowLevel1 = '0 .2rem .4rem -.075rem rgba(0, 0, 0, .1)' -export const shadowLevel2 = '0 .4rem 0.7rem -0.1rem rgba(0, 0, 0, .1)' -export const shadowLevel3 = '0 .8rem 1rem -0.2rem rgba(0, 0, 0, .1)' -export const shadowLevel4 = '0 .6rem 1.8rem -0.4rem rgba(0, 0, 0, .1)' - -export const shadowLevel1Darker = '0 .2rem .4rem -.075rem rgba(0, 0, 0, 0.5)' +export const shadowLevel2 = '0 .4rem .7rem -.1rem rgba(0, 0, 0, .1)' +export const shadowLevel3 = '0 .8rem 1rem -.2rem rgba(0, 0, 0, .1)' +export const shadowLevel4 = '0 1.6rem 1.8rem -.4rem rgba(0, 0, 0, .1)' +export const shadowLevel1Dark = '0 .2rem .4rem -.075rem rgba(0, 0, 0, .25)' +export const shadowLevel1Darker = '0 .2rem .4rem -.075rem rgba(0, 0, 0, .5)' // // FONT SIZES