fix(component/text-input): correct the display of the background in t…

…he valid state
adeo · Mar 26, 2023 · 6381e27 · 6381e27
1 parent 3d7821e
commit 6381e27
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/styles/settings-tools/_s.inline-icons.scss b/packages/styles/settings-tools/_s.inline-icons.scss
@@ -97,7 +97,11 @@ $encoding-reference: (
   }
 
   @if $icon == "notification-available-24" {
-    $svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z"/></svg>';
+    $svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="1.5rem" width="1.5rem" fill="#{$fill}"><path d="M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z"/></svg>';
+  }
+
+  @if $icon == "notification-circle-available-24" {
+    $svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="1.5rem" width="1.5rem" fill="#{$fill}"><path d="M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z"/><path d="M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z"/></svg>';
   }
 
   @if $icon == "notification-information-24" {

diff --git a/src/docs/Components/Form/Field/previews/fields-validation.preview.scss b/src/docs/Components/Form/Field/previews/fields-validation.preview.scss
@@ -1,9 +1,11 @@
 @import "tokens";
 @import "settings-tools/all-settings";
 @include import-font-families();
+
 html {
   @include set-font-face();
 }
+
 @import "components/c.text-input";
 @import "components/c.fields";