From d361e91268ded0031aab4f346165dd9b5607b205 Mon Sep 17 00:00:00 2001 From: Marco Ciampini Date: Mon, 19 Jul 2021 20:50:23 +0200 Subject: [PATCH] `Elevation`: reduced motion styles, updated docs and README (#33551) --- .../src/card/test/__snapshots__/index.js.snap | 32 +++++++++++++-- packages/components/src/elevation/README.md | 39 ++++++++++--------- packages/components/src/elevation/hook.js | 25 ++++++------ .../test/__snapshots__/index.js.snap | 36 +++++++++++++++++ packages/components/src/elevation/types.ts | 26 +++++++++++-- .../flyout/test/__snapshots__/index.js.snap | 14 ++++++- 6 files changed, 135 insertions(+), 37 deletions(-) diff --git a/packages/components/src/card/test/__snapshots__/index.js.snap b/packages/components/src/card/test/__snapshots__/index.js.snap index 82fa34348ba3b3..eb44001d513d37 100644 --- a/packages/components/src/card/test/__snapshots__/index.js.snap +++ b/packages/components/src/card/test/__snapshots__/index.js.snap @@ -366,6 +366,12 @@ Object { border-radius: 2px; } +@media ( prefers-reduced-motion: reduce ) { + .emotion-18 { + transition-duration: 0ms; + } +} +