diff --git a/src/components/dropdown/dropdown--inline.html b/src/components/dropdown/dropdown--inline.html
index ca92b5258498..f8066f33fc9a 100644
--- a/src/components/dropdown/dropdown--inline.html
+++ b/src/components/dropdown/dropdown--inline.html
@@ -8,19 +8,19 @@
diff --git a/src/components/number-input/_number-input.scss b/src/components/number-input/_number-input.scss
index 72bc4712c72f..a9c230ad48b4 100644
--- a/src/components/number-input/_number-input.scss
+++ b/src/components/number-input/_number-input.scss
@@ -152,6 +152,15 @@
background: $field-02;
}
+ .#{$prefix}--number[data-invalid] {
+ input[type='number'] {
+ box-shadow: 0 2px 0px 0px $support-01;
+ }
+ ~ .#{$prefix}--form-requirement {
+ max-height: rem(200px);
+ }
+ }
+
// Skeleton State
.#{$prefix}--number.#{$prefix}--skeleton {
@include skeleton;
diff --git a/src/components/text-area/_text-area.scss b/src/components/text-area/_text-area.scss
index ddf38dd0d770..4683f0b66dcb 100644
--- a/src/components/text-area/_text-area.scss
+++ b/src/components/text-area/_text-area.scss
@@ -86,4 +86,14 @@
color: transparent;
}
}
+
+ // Skeleton State
+ #{$prefix}--text-area.#{$prefix}--skeleton {
+ @include skeleton;
+ height: rem(100px);
+
+ &::-webkit-input-placeholder {
+ color: transparent;
+ }
+ }
}
diff --git a/src/components/text-input/_text-input.scss b/src/components/text-input/_text-input.scss
index e13aca59a0f1..b2a762b3fe6a 100644
--- a/src/components/text-input/_text-input.scss
+++ b/src/components/text-input/_text-input.scss
@@ -93,4 +93,14 @@
color: transparent;
}
}
+
+ // Skeleton State
+ .#{$prefix}--text-input.#{$prefix}--skeleton {
+ @include skeleton;
+ width: 100%;
+
+ &::-webkit-input-placeholder {
+ color: transparent;
+ }
+ }
}
diff --git a/src/globals/scss/_typography.scss b/src/globals/scss/_typography.scss
index a85a9c5b5c0d..7e9b5acbc96a 100644
--- a/src/globals/scss/_typography.scss
+++ b/src/globals/scss/_typography.scss
@@ -72,16 +72,16 @@ $typescale-map: (
}
$font-size-map: (
- '76': 4.75rem,
- '54': 3.375rem,
- '36': 2.25rem,
- '28': 1.75rem,
- '20': 1.25rem,
- '18': 1.125rem,
- '16': 1rem,
- '14': 0.875rem,
- '12': 0.75rem,
- '11': 0.6875rem
+ '76' : 4.75rem,
+ '54' : 3.375rem,
+ '36' : 2.25rem,
+ '28' : 1.75rem,
+ '20' : 1.25rem,
+ '18' : 1.125rem,
+ '16' : 1rem,
+ '14' : 0.875rem,
+ '12' : 0.75rem,
+ '11' : 0.6875rem
);
@mixin font-size($size) {