diff --git a/config/bundlesize.json b/config/bundlesize.json
index 60612df555..54be665e4e 100644
--- a/config/bundlesize.json
+++ b/config/bundlesize.json
@@ -2,7 +2,7 @@
"files": [
{
"path": "./dist/packages/styles/dist/fundamental-styles.css",
- "maxSize": "140 kB"
+ "maxSize": "150 kB"
}
]
}
diff --git a/packages/styles/src/mixins/_forms.scss b/packages/styles/src/mixins/_forms.scss
index 7a980dea13..ecf269b154 100644
--- a/packages/styles/src/mixins/_forms.scss
+++ b/packages/styles/src/mixins/_forms.scss
@@ -239,6 +239,7 @@ $fd-input-field-height--compact: 1.625rem;
@if ($supportsText) {
&::placeholder {
+ opacity: 0;
color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
}
}
@@ -249,6 +250,7 @@ $fd-input-field-height--compact: 1.625rem;
@if ($supportsText) {
&::placeholder {
+ opacity: 0;
color: var(--fdInput_Non_Interactive_State_Placeholder_Color);
}
}
diff --git a/packages/styles/src/select.scss b/packages/styles/src/select.scss
index e049d6f25a..eacc17aa55 100644
--- a/packages/styles/src/select.scss
+++ b/packages/styles/src/select.scss
@@ -63,11 +63,25 @@ $fd-select-padding-x-compact: 0.5rem;
--fdSelect_Min_Width: 5rem;
}
+ &[aria-selected='false'] {
+ .#{$block}__text-content {
+ visibility: hidden;
+ }
+ }
+
.#{$block}__button {
opacity: 0;
}
}
+ @include fd-disabled() {
+ &[aria-selected='false'] {
+ .#{$block}__text-content {
+ visibility: hidden;
+ }
+ }
+ }
+
&[aria-selected='false'] {
.#{$block}__text-content {
font-style: italic;
diff --git a/packages/styles/stories/Components/Forms/input/primary.example.html b/packages/styles/stories/Components/Forms/input/primary.example.html
index 24f05a3381..f693af57f8 100644
--- a/packages/styles/stories/Components/Forms/input/primary.example.html
+++ b/packages/styles/stories/Components/Forms/input/primary.example.html
@@ -86,7 +86,7 @@