fix(fn): update Label and Shell to match the design [ci visual] (#3191)

SAP · Feb 15, 2022 · fe1efee · fe1efee
1 parent 4b45cff
commit fe1efee
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/src/fn/fn-label.scss b/src/fn/fn-label.scss
@@ -16,7 +16,7 @@ $fn-label-required-margin: 0.125rem;
   @include fn-ellipsis();
   @include fn-set-margin-right(0.75rem);
 
-  color: $fn-color-grey-8;
+  color: $fn-color-grey-6;
   margin-bottom: 0.125rem;
 
   &--required,

diff --git a/src/fn/fn-shell.scss b/src/fn/fn-shell.scss
@@ -13,6 +13,7 @@ $block: #{$fn-namespace}-shell;
   padding: 0.75rem 1.5rem;
   background: $fn-color-white;
   height: 3.5rem;
+  box-shadow: $fn-shadow-grey-level-0;
 
   &__group {
     @include fn-reset();

diff --git a/src/fn/fundamental-next.scss b/src/fn/fundamental-next.scss
@@ -7,6 +7,7 @@
 @import "./fn-fieldset";
 @import "./fn-generic-tag";
 @import "./fn-input";
+@import "./fn-label";
 @import "./fn-link";
 @import "./fn-message-box";
 @import "./fn-message-toast";

diff --git a/stories/fn-form/fn-form.stories.js b/stories/fn-form/fn-form.stories.js
@@ -12,7 +12,7 @@ export default {
 <br><br>
 
         `,
-        components: ['fn-form', 'fn-label', 'fn-input', 'fn-nested-button', 'fn-radio', 'fn-checkbox', 'fn-step-input', 'fn-select', 'fn-combobox', 'fn-multi-input', 'icon']
+        components: ['fn-form', 'fn-label', 'fn-input', 'fn-nested-button', 'fn-radio', 'fn-checkbox', 'fn-step-input', 'icon']
     }
 };