You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by hn...@apache.org on 2021/10/27 13:26:56 UTC

[myfaces-tobago] branch tobago-5.x updated (6228e09 -> d44a29a)

This is an automated email from the ASF dual-hosted git repository.

hnoeth pushed a change to branch tobago-5.x
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git.


    from 6228e09  fix: demo markup vs class
     new 32ddbdb  refactor: clean up CSS class names
     new d44a29a  build(theme): rebuild after refactor CSS class names

The 2 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.


Summary of changes:
 .../internal/renderkit/renderer/DateRenderer.java  |  4 --
 .../internal/renderkit/renderer/InRenderer.java    |  8 ---
 .../myfaces/tobago/renderkit/css/TobagoClass.java  |  4 +-
 .../renderkit/renderer/DateRendererUnitTest.java   | 27 ++++++++
 .../src/test/resources/renderer/date/dateAuto.html |  6 +-
 .../src/test/resources/renderer/date/dateBoth.html |  6 +-
 .../src/test/resources/renderer/date/dateDate.html |  6 +-
 .../src/test/resources/renderer/date/dateTime.html |  6 +-
 .../test/resources/renderer/date/dateTimeStep.html |  6 +-
 .../renderer/{in => date}/error-message.html       |  9 +--
 .../test/resources/renderer/{in => date}/help.html |  9 +--
 .../resources/renderer/date/localDateAuto.html     |  6 +-
 .../resources/renderer/date/localDateTimeAuto.html |  6 +-
 .../resources/renderer/date/localTimeAuto.html     |  6 +-
 .../src/test/resources/renderer/date/minMax.html   |  6 +-
 .../test/resources/renderer/date/testLabel.html    |  6 +-
 .../resources/renderer/date/testTodayButton.html   |  8 +--
 .../src/test/resources/renderer/date/text.html     |  6 +-
 .../resources/renderer/date/zonedDateTimeAuto.html |  6 +-
 .../src/test/resources/renderer/in/ajax.html       |  2 +-
 .../test/resources/renderer/in/error-message.html  |  2 +-
 .../src/test/resources/renderer/in/help.html       |  2 +-
 .../renderer/in/input-group-button-after.html      |  8 +--
 .../renderer/in/input-group-button-before.html     |  8 +--
 .../renderer/in/input-group-choice-after.html      | 20 +++---
 .../renderer/in/input-group-dropdown-after.html    | 20 +++---
 .../renderer/in/input-group-dropdown-before.html   | 20 +++---
 .../renderer/in/input-group-out-after.html         |  8 +--
 .../renderer/in/input-group-out-before.html        |  8 +--
 .../test/resources/renderer/in/label-flexLeft.html |  2 +-
 .../resources/renderer/in/label-flexRight.html     |  2 +-
 .../test/resources/renderer/in/label-flowLeft.html |  2 +-
 .../resources/renderer/in/label-flowRight.html     |  2 +-
 .../resources/renderer/in/label-gridBottom.html    |  2 +-
 .../test/resources/renderer/in/label-gridLeft.html |  2 +-
 .../resources/renderer/in/label-gridRight.html     |  2 +-
 .../test/resources/renderer/in/label-gridTop.html  |  2 +-
 .../src/test/resources/renderer/in/label-none.html |  2 +-
 .../resources/renderer/in/label-segmentLeft.html   |  2 +-
 .../resources/renderer/in/label-segmentRight.html  |  2 +-
 .../src/test/resources/renderer/in/label-skip.html |  2 +-
 .../src/test/resources/renderer/in/label-top.html  |  2 +-
 .../src/test/resources/renderer/in/simple.html     |  2 +-
 tobago-theme/src/main/scss/_tobago.scss            | 57 ++++++---------
 .../src/main/css/tobago.css                        | 81 ++++++++++------------
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.min.css                    |  2 +-
 .../src/main/css/tobago.min.css.map                |  2 +-
 .../src/main/css/tobago.css                        | 81 ++++++++++------------
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.min.css                    |  2 +-
 .../src/main/css/tobago.min.css.map                |  2 +-
 .../src/main/css/tobago.css                        | 81 ++++++++++------------
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.min.css                    |  2 +-
 .../src/main/css/tobago.min.css.map                |  2 +-
 .../tobago-theme-speyside/src/main/css/tobago.css  | 81 ++++++++++------------
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.min.css                    |  2 +-
 .../src/main/css/tobago.min.css.map                |  2 +-
 .../tobago-theme-standard/src/main/css/tobago.css  | 81 ++++++++++------------
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.min.css                    |  2 +-
 .../src/main/css/tobago.min.css.map                |  2 +-
 64 files changed, 348 insertions(+), 411 deletions(-)
 copy tobago-core/src/test/resources/renderer/{in => date}/error-message.html (79%)
 copy tobago-core/src/test/resources/renderer/{in => date}/help.html (82%)

[myfaces-tobago] 01/02: refactor: clean up CSS class names

Posted by hn...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

hnoeth pushed a commit to branch tobago-5.x
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git

commit 32ddbdb75c436ab386fe34b35e9a473381e6117f
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Wed Oct 27 12:31:10 2021 +0200

    refactor: clean up CSS class names
    
    * .tobago-in removed
    * message layout shadows fixed
    * .tobago-input-group-outer removed
    * adjust tests
    * add tests for date with message-layout
---
 .../internal/renderkit/renderer/DateRenderer.java  |  4 --
 .../internal/renderkit/renderer/InRenderer.java    |  8 ---
 .../myfaces/tobago/renderkit/css/TobagoClass.java  |  4 +-
 .../renderkit/renderer/DateRendererUnitTest.java   | 27 ++++++++++
 .../src/test/resources/renderer/date/dateAuto.html |  6 +--
 .../src/test/resources/renderer/date/dateBoth.html |  6 +--
 .../src/test/resources/renderer/date/dateDate.html |  6 +--
 .../src/test/resources/renderer/date/dateTime.html |  6 +--
 .../test/resources/renderer/date/dateTimeStep.html |  6 +--
 .../renderer/{in => date}/error-message.html       |  9 ++--
 .../test/resources/renderer/{in => date}/help.html |  9 ++--
 .../resources/renderer/date/localDateAuto.html     |  6 +--
 .../resources/renderer/date/localDateTimeAuto.html |  6 +--
 .../resources/renderer/date/localTimeAuto.html     |  6 +--
 .../src/test/resources/renderer/date/minMax.html   |  6 +--
 .../test/resources/renderer/date/testLabel.html    |  6 +--
 .../resources/renderer/date/testTodayButton.html   |  8 ++-
 .../src/test/resources/renderer/date/text.html     |  6 +--
 .../resources/renderer/date/zonedDateTimeAuto.html |  6 +--
 .../src/test/resources/renderer/in/ajax.html       |  2 +-
 .../test/resources/renderer/in/error-message.html  |  2 +-
 .../src/test/resources/renderer/in/help.html       |  2 +-
 .../renderer/in/input-group-button-after.html      |  8 ++-
 .../renderer/in/input-group-button-before.html     |  8 ++-
 .../renderer/in/input-group-choice-after.html      | 20 ++++----
 .../renderer/in/input-group-dropdown-after.html    | 20 ++++----
 .../renderer/in/input-group-dropdown-before.html   | 20 ++++----
 .../renderer/in/input-group-out-after.html         |  8 ++-
 .../renderer/in/input-group-out-before.html        |  8 ++-
 .../test/resources/renderer/in/label-flexLeft.html |  2 +-
 .../resources/renderer/in/label-flexRight.html     |  2 +-
 .../test/resources/renderer/in/label-flowLeft.html |  2 +-
 .../resources/renderer/in/label-flowRight.html     |  2 +-
 .../resources/renderer/in/label-gridBottom.html    |  2 +-
 .../test/resources/renderer/in/label-gridLeft.html |  2 +-
 .../resources/renderer/in/label-gridRight.html     |  2 +-
 .../test/resources/renderer/in/label-gridTop.html  |  2 +-
 .../src/test/resources/renderer/in/label-none.html |  2 +-
 .../resources/renderer/in/label-segmentLeft.html   |  2 +-
 .../resources/renderer/in/label-segmentRight.html  |  2 +-
 .../src/test/resources/renderer/in/label-skip.html |  2 +-
 .../src/test/resources/renderer/in/label-top.html  |  2 +-
 .../src/test/resources/renderer/in/simple.html     |  2 +-
 tobago-theme/src/main/scss/_tobago.scss            | 57 ++++++++--------------
 44 files changed, 143 insertions(+), 181 deletions(-)

diff --git a/tobago-core/src/main/java/org/apache/myfaces/tobago/internal/renderkit/renderer/DateRenderer.java b/tobago-core/src/main/java/org/apache/myfaces/tobago/internal/renderkit/renderer/DateRenderer.java
index d045a09..f415458 100644
--- a/tobago-core/src/main/java/org/apache/myfaces/tobago/internal/renderkit/renderer/DateRenderer.java
+++ b/tobago-core/src/main/java/org/apache/myfaces/tobago/internal/renderkit/renderer/DateRenderer.java
@@ -86,9 +86,6 @@ public class DateRenderer<T extends AbstractUIDate> extends MessageLayoutRendere
     final TobagoResponseWriter writer = getResponseWriter(facesContext);
 
     writer.startElement(HtmlElements.DIV);
-    writer.writeClassAttribute(TobagoClass.INPUT__GROUP__OUTER);
-
-    writer.startElement(HtmlElements.DIV);
     writer.writeClassAttribute(BootstrapClass.INPUT_GROUP);
 
     final String title = HtmlRendererUtils.getTitleFromTipAndMessages(facesContext, date);
@@ -183,7 +180,6 @@ public class DateRenderer<T extends AbstractUIDate> extends MessageLayoutRendere
   public void encodeEndField(final FacesContext facesContext, final T component) throws IOException {
     final TobagoResponseWriter writer = getResponseWriter(facesContext);
     writer.endElement(HtmlElements.DIV);
-    writer.endElement(HtmlElements.DIV);
   }
 
   @Override
diff --git a/tobago-core/src/main/java/org/apache/myfaces/tobago/internal/renderkit/renderer/InRenderer.java b/tobago-core/src/main/java/org/apache/myfaces/tobago/internal/renderkit/renderer/InRenderer.java
index c7636bc..877726c 100644
--- a/tobago-core/src/main/java/org/apache/myfaces/tobago/internal/renderkit/renderer/InRenderer.java
+++ b/tobago-core/src/main/java/org/apache/myfaces/tobago/internal/renderkit/renderer/InRenderer.java
@@ -96,8 +96,6 @@ public class InRenderer<T extends AbstractUIIn> extends MessageLayoutRendererBas
     final UIComponent before = ComponentUtils.getFacet(component, Facets.before);
 
     if (after != null || before != null) {
-      writer.startElement(HtmlElements.DIV); // Wrapping the field to fix input groups with flexLeft/flexRight
-      writer.writeClassAttribute(TobagoClass.INPUT__GROUP__OUTER);
       writer.startElement(HtmlElements.DIV);
       writer.writeClassAttribute(BootstrapClass.INPUT_GROUP);
     }
@@ -148,7 +146,6 @@ public class InRenderer<T extends AbstractUIIn> extends MessageLayoutRendererBas
     }
 
     writer.writeClassAttribute(
-        getRendererCssClass(),
         BootstrapClass.borderColor(ComponentUtils.getMaximumSeverity(component)),
         BootstrapClass.FORM_CONTROL,
         component.getCustomClass());
@@ -164,7 +161,6 @@ public class InRenderer<T extends AbstractUIIn> extends MessageLayoutRendererBas
 
     if (after != null || before != null) {
       writer.endElement(HtmlElements.DIV);
-      writer.endElement(HtmlElements.DIV);
     }
   }
 
@@ -194,10 +190,6 @@ public class InRenderer<T extends AbstractUIIn> extends MessageLayoutRendererBas
   protected void encodeEndField(final FacesContext facesContext, final T component) throws IOException {
   }
 
-  protected CssItem getRendererCssClass() {
-    return TobagoClass.IN;
-  }
-
   @Override
   protected String getFieldId(final FacesContext facesContext, final T component) {
     return component.getFieldId(facesContext);
diff --git a/tobago-core/src/main/java/org/apache/myfaces/tobago/renderkit/css/TobagoClass.java b/tobago-core/src/main/java/org/apache/myfaces/tobago/renderkit/css/TobagoClass.java
index 93c78af..a4c7a28 100644
--- a/tobago-core/src/main/java/org/apache/myfaces/tobago/renderkit/css/TobagoClass.java
+++ b/tobago-core/src/main/java/org/apache/myfaces/tobago/renderkit/css/TobagoClass.java
@@ -48,8 +48,8 @@ public enum TobagoClass implements CssItem {
   HEADER("tobago-header"),
 //  IMAGE("tobago-image"),
   // tbd: can be removed?
-  IN("tobago-in"),
-  INPUT__GROUP__OUTER("tobago-input-group-outer"),
+//  IN("tobago-in"),
+//  INPUT__GROUP__OUTER("tobago-input-group-outer"),
   LABEL("tobago-label"),
   LABEL__CONTAINER("tobago-label-container"),
   LINK("tobago-link"),
diff --git a/tobago-core/src/test/java/org/apache/myfaces/tobago/internal/renderkit/renderer/DateRendererUnitTest.java b/tobago-core/src/test/java/org/apache/myfaces/tobago/internal/renderkit/renderer/DateRendererUnitTest.java
index f4c3ca6..5640003 100644
--- a/tobago-core/src/test/java/org/apache/myfaces/tobago/internal/renderkit/renderer/DateRendererUnitTest.java
+++ b/tobago-core/src/test/java/org/apache/myfaces/tobago/internal/renderkit/renderer/DateRendererUnitTest.java
@@ -29,6 +29,7 @@ import org.junit.jupiter.api.Test;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 
+import javax.faces.application.FacesMessage;
 import javax.faces.convert.Converter;
 import javax.faces.convert.DateTimeConverter;
 import java.io.IOException;
@@ -245,6 +246,32 @@ public class DateRendererUnitTest extends RendererTestBase {
     Assertions.assertEquals(loadHtml("renderer/date/localTimeAuto.html"), formattedResult());
   }
 
+  @Test
+  public void errorMessage() throws IOException {
+    final UIDate d = (UIDate) ComponentUtils.createComponent(
+        facesContext, Tags.date.componentType(), RendererTypes.Date, "id");
+    d.setValue(SPUTNIK_LOCAL_DATE);
+
+    d.setValid(false);
+    facesContext.addMessage("id",
+        new FacesMessage(FacesMessage.SEVERITY_ERROR, "test", "a test"));
+    d.encodeAll(facesContext);
+
+    Assertions.assertEquals(loadHtml("renderer/date/error-message.html"), formattedResult());
+  }
+
+  @Test
+  public void help() throws IOException {
+    final UIDate d = (UIDate) ComponentUtils.createComponent(
+        facesContext, Tags.date.componentType(), RendererTypes.Date, "id");
+    d.setValue(SPUTNIK_LOCAL_DATE);
+
+    d.setHelp("Help!");
+    d.encodeAll(facesContext);
+
+    Assertions.assertEquals(loadHtml("renderer/date/help.html"), formattedResult());
+  }
+
   private void log(UIDate d) {
     Converter<?> converter = d.getConverter();
     String pattern = converter instanceof DateTimeConverter ? ((DateTimeConverter) converter).getPattern() : "-";
diff --git a/tobago-core/src/test/resources/renderer/date/dateAuto.html b/tobago-core/src/test/resources/renderer/date/dateAuto.html
index 93f21ee..792dba2 100644
--- a/tobago-core/src/test/resources/renderer/date/dateAuto.html
+++ b/tobago-core/src/test/resources/renderer/date/dateAuto.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='date' name='id' id='id::field' value='1957-10-04' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='date' name='id' id='id::field' value='1957-10-04' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/dateBoth.html b/tobago-core/src/test/resources/renderer/date/dateBoth.html
index 66b92cd..2b3e95e 100644
--- a/tobago-core/src/test/resources/renderer/date/dateBoth.html
+++ b/tobago-core/src/test/resources/renderer/date/dateBoth.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='datetime-local' name='id' id='id::field' value='1957-10-04T19:28:34' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='datetime-local' name='id' id='id::field' value='1957-10-04T19:28:34' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/dateDate.html b/tobago-core/src/test/resources/renderer/date/dateDate.html
index 93f21ee..792dba2 100644
--- a/tobago-core/src/test/resources/renderer/date/dateDate.html
+++ b/tobago-core/src/test/resources/renderer/date/dateDate.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='date' name='id' id='id::field' value='1957-10-04' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='date' name='id' id='id::field' value='1957-10-04' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/dateTime.html b/tobago-core/src/test/resources/renderer/date/dateTime.html
index f511e14..6257d0b 100644
--- a/tobago-core/src/test/resources/renderer/date/dateTime.html
+++ b/tobago-core/src/test/resources/renderer/date/dateTime.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='time' name='id' id='id::field' value='19:28:34' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='time' name='id' id='id::field' value='19:28:34' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/dateTimeStep.html b/tobago-core/src/test/resources/renderer/date/dateTimeStep.html
index c9eb855..8668060 100644
--- a/tobago-core/src/test/resources/renderer/date/dateTimeStep.html
+++ b/tobago-core/src/test/resources/renderer/date/dateTimeStep.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='time' step='0.001' name='id' id='id::field' value='19:28:34.123' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='time' step='0.001' name='id' id='id::field' value='19:28:34.123' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/error-message.html b/tobago-core/src/test/resources/renderer/date/error-message.html
similarity index 79%
copy from tobago-core/src/test/resources/renderer/in/error-message.html
copy to tobago-core/src/test/resources/renderer/date/error-message.html
index b1a9de6..1fb1c13 100644
--- a/tobago-core/src/test/resources/renderer/in/error-message.html
+++ b/tobago-core/src/test/resources/renderer/date/error-message.html
@@ -15,12 +15,13 @@
  * limitations under the License.
 -->
 
-<tobago-in id='id' class='tobago-label-container tobago-auto-spacing'>
-  <label for='id::field' class='col-form-label'>label</label>
+<tobago-date id='id' class='tobago-auto-spacing'>
   <div class='tobago-messages-container'>
-    <input type='text' name='id' id='id::field' title='a test' class='tobago-in border-danger form-control' autofocus='autofocus'>
+    <div class='input-group'>
+      <input type='date' name='id' id='id::field' title='a test' class='border-danger form-control' autofocus='autofocus'>
+    </div>
     <tobago-popover data-bs-toggle='popover' title='Error' data-bs-content='a test' data-bs-trigger='focus'>
       <a tabindex='0' role='button' class='btn btn-danger'><i class='bi-exclamation-lg'></i></a>
     </tobago-popover>
   </div>
-</tobago-in>
\ No newline at end of file
+</tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/help.html b/tobago-core/src/test/resources/renderer/date/help.html
similarity index 82%
copy from tobago-core/src/test/resources/renderer/in/help.html
copy to tobago-core/src/test/resources/renderer/date/help.html
index b5e1d77..5d8f4ae 100644
--- a/tobago-core/src/test/resources/renderer/in/help.html
+++ b/tobago-core/src/test/resources/renderer/date/help.html
@@ -15,12 +15,13 @@
  * limitations under the License.
 -->
 
-<tobago-in id='id' class='tobago-label-container tobago-auto-spacing'>
-  <label for='id::field' class='col-form-label'>label</label>
+<tobago-date id='id' class='tobago-auto-spacing'>
   <div class='tobago-messages-container'>
-    <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+    <div class='input-group'>
+      <input type='date' name='id' id='id::field' value='1957-10-05' class='form-control'>
+    </div>
     <tobago-popover data-bs-toggle='popover' title='Help' data-bs-content='Help!' data-bs-trigger='focus'>
       <a tabindex='0' role='button' class='btn btn-outline-info'><i class='bi-question-lg'></i></a>
     </tobago-popover>
   </div>
-</tobago-in>
\ No newline at end of file
+</tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/localDateAuto.html b/tobago-core/src/test/resources/renderer/date/localDateAuto.html
index 53e7f1e..d24765a 100644
--- a/tobago-core/src/test/resources/renderer/date/localDateAuto.html
+++ b/tobago-core/src/test/resources/renderer/date/localDateAuto.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='date' name='id' id='id::field' value='1957-10-05' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='date' name='id' id='id::field' value='1957-10-05' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/localDateTimeAuto.html b/tobago-core/src/test/resources/renderer/date/localDateTimeAuto.html
index 5a2eed0..7dc8ebc 100644
--- a/tobago-core/src/test/resources/renderer/date/localDateTimeAuto.html
+++ b/tobago-core/src/test/resources/renderer/date/localDateTimeAuto.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='datetime-local' name='id' id='id::field' value='1957-10-05T00:28' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='datetime-local' name='id' id='id::field' value='1957-10-05T00:28' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/localTimeAuto.html b/tobago-core/src/test/resources/renderer/date/localTimeAuto.html
index 0407684..f7d1092 100644
--- a/tobago-core/src/test/resources/renderer/date/localTimeAuto.html
+++ b/tobago-core/src/test/resources/renderer/date/localTimeAuto.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='time' name='id' id='id::field' value='00:28' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='time' name='id' id='id::field' value='00:28' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/minMax.html b/tobago-core/src/test/resources/renderer/date/minMax.html
index fd7c193..9dc4fcd 100644
--- a/tobago-core/src/test/resources/renderer/date/minMax.html
+++ b/tobago-core/src/test/resources/renderer/date/minMax.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='date' name='id' id='id::field' value='1957-10-05' min='1957-09-05' max='1957-11-04' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='date' name='id' id='id::field' value='1957-10-05' min='1957-09-05' max='1957-11-04' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/testLabel.html b/tobago-core/src/test/resources/renderer/date/testLabel.html
index 59e274b..71152ea 100644
--- a/tobago-core/src/test/resources/renderer/date/testLabel.html
+++ b/tobago-core/src/test/resources/renderer/date/testLabel.html
@@ -17,9 +17,7 @@
 
 <tobago-date id='id' class='tobago-label-container tobago-auto-spacing'>
   <label for='id::field' class='col-form-label'>Label</label>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='date' name='id' id='id::field' value='1957-10-05' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='date' name='id' id='id::field' value='1957-10-05' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/testTodayButton.html b/tobago-core/src/test/resources/renderer/date/testTodayButton.html
index b528429..6cbdb6d 100644
--- a/tobago-core/src/test/resources/renderer/date/testTodayButton.html
+++ b/tobago-core/src/test/resources/renderer/date/testTodayButton.html
@@ -17,10 +17,8 @@
 
 <tobago-date id='id' class='tobago-label-container tobago-auto-spacing'>
   <label for='id::field' class='col-form-label'>Label</label>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='date' name='id' id='id::field' value='1957-10-05' class='form-control'>
-      <button class='btn btn-secondary tobago-now' type='button' title='Today'><i class='bi-arrow-down'></i></button>
-    </div>
+  <div class='input-group'>
+    <input type='date' name='id' id='id::field' value='1957-10-05' class='form-control'>
+    <button class='btn btn-secondary tobago-now' type='button' title='Today'><i class='bi-arrow-down'></i></button>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/text.html b/tobago-core/src/test/resources/renderer/date/text.html
index a02a3ee..2ad5eab 100644
--- a/tobago-core/src/test/resources/renderer/date/text.html
+++ b/tobago-core/src/test/resources/renderer/date/text.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing' date-pattern='dd.mm.yyyy' time-pattern='HH:mm'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='text' name='id' id='id::field' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='text' name='id' id='id::field' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/date/zonedDateTimeAuto.html b/tobago-core/src/test/resources/renderer/date/zonedDateTimeAuto.html
index 5a2eed0..7dc8ebc 100644
--- a/tobago-core/src/test/resources/renderer/date/zonedDateTimeAuto.html
+++ b/tobago-core/src/test/resources/renderer/date/zonedDateTimeAuto.html
@@ -16,9 +16,7 @@
 -->
 
 <tobago-date id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='datetime-local' name='id' id='id::field' value='1957-10-05T00:28' class='form-control'>
-    </div>
+  <div class='input-group'>
+    <input type='datetime-local' name='id' id='id::field' value='1957-10-05T00:28' class='form-control'>
   </div>
 </tobago-date>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/ajax.html b/tobago-core/src/test/resources/renderer/in/ajax.html
index 99e1be0..8c3bc63 100644
--- a/tobago-core/src/test/resources/renderer/in/ajax.html
+++ b/tobago-core/src/test/resources/renderer/in/ajax.html
@@ -18,7 +18,7 @@
 <tobago-panel id='panel'>
   <tobago-in id='id' class='tobago-label-container tobago-auto-spacing'>
     <label for='id::field' class='col-form-label'>label</label>
-    <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+    <input type='text' name='id' id='id::field' class='form-control'>
     <tobago-behavior event='change' client-id='id' field-id='id::field' execute='textarea id' render='panel'></tobago-behavior>
   </tobago-in>
   <tobago-textarea id='textarea' class='tobago-auto-spacing'>
diff --git a/tobago-core/src/test/resources/renderer/in/error-message.html b/tobago-core/src/test/resources/renderer/in/error-message.html
index b1a9de6..537a7fa 100644
--- a/tobago-core/src/test/resources/renderer/in/error-message.html
+++ b/tobago-core/src/test/resources/renderer/in/error-message.html
@@ -18,7 +18,7 @@
 <tobago-in id='id' class='tobago-label-container tobago-auto-spacing'>
   <label for='id::field' class='col-form-label'>label</label>
   <div class='tobago-messages-container'>
-    <input type='text' name='id' id='id::field' title='a test' class='tobago-in border-danger form-control' autofocus='autofocus'>
+    <input type='text' name='id' id='id::field' title='a test' class='border-danger form-control' autofocus='autofocus'>
     <tobago-popover data-bs-toggle='popover' title='Error' data-bs-content='a test' data-bs-trigger='focus'>
       <a tabindex='0' role='button' class='btn btn-danger'><i class='bi-exclamation-lg'></i></a>
     </tobago-popover>
diff --git a/tobago-core/src/test/resources/renderer/in/help.html b/tobago-core/src/test/resources/renderer/in/help.html
index b5e1d77..a99cc81 100644
--- a/tobago-core/src/test/resources/renderer/in/help.html
+++ b/tobago-core/src/test/resources/renderer/in/help.html
@@ -18,7 +18,7 @@
 <tobago-in id='id' class='tobago-label-container tobago-auto-spacing'>
   <label for='id::field' class='col-form-label'>label</label>
   <div class='tobago-messages-container'>
-    <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+    <input type='text' name='id' id='id::field' class='form-control'>
     <tobago-popover data-bs-toggle='popover' title='Help' data-bs-content='Help!' data-bs-trigger='focus'>
       <a tabindex='0' role='button' class='btn btn-outline-info'><i class='bi-question-lg'></i></a>
     </tobago-popover>
diff --git a/tobago-core/src/test/resources/renderer/in/input-group-button-after.html b/tobago-core/src/test/resources/renderer/in/input-group-button-after.html
index 8746eb1..047dc54 100644
--- a/tobago-core/src/test/resources/renderer/in/input-group-button-after.html
+++ b/tobago-core/src/test/resources/renderer/in/input-group-button-after.html
@@ -16,10 +16,8 @@
 -->
 
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='text' name='id' id='id::field' class='tobago-in form-control'>
-      <button type='button' id='button' name='button' class='tobago-button btn btn-secondary'><tobago-behavior event='click' client-id='button'></tobago-behavior><span>button</span></button>
-    </div>
+  <div class='input-group'>
+    <input type='text' name='id' id='id::field' class='form-control'>
+    <button type='button' id='button' name='button' class='tobago-button btn btn-secondary'><tobago-behavior event='click' client-id='button'></tobago-behavior><span>button</span></button>
   </div>
 </tobago-in>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/input-group-button-before.html b/tobago-core/src/test/resources/renderer/in/input-group-button-before.html
index 667f781..4e6e7c4 100644
--- a/tobago-core/src/test/resources/renderer/in/input-group-button-before.html
+++ b/tobago-core/src/test/resources/renderer/in/input-group-button-before.html
@@ -16,10 +16,8 @@
 -->
 
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <button type='button' id='button' name='button' class='tobago-button btn btn-secondary'><tobago-behavior event='click' client-id='button'></tobago-behavior><span>button</span></button>
-      <input type='text' name='id' id='id::field' class='tobago-in form-control'>
-    </div>
+  <div class='input-group'>
+    <button type='button' id='button' name='button' class='tobago-button btn btn-secondary'><tobago-behavior event='click' client-id='button'></tobago-behavior><span>button</span></button>
+    <input type='text' name='id' id='id::field' class='form-control'>
   </div>
 </tobago-in>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/input-group-choice-after.html b/tobago-core/src/test/resources/renderer/in/input-group-choice-after.html
index 7b9c126..3eea82c 100644
--- a/tobago-core/src/test/resources/renderer/in/input-group-choice-after.html
+++ b/tobago-core/src/test/resources/renderer/in/input-group-choice-after.html
@@ -16,16 +16,14 @@
 -->
 
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='text' name='id' id='id::field' class='tobago-in form-control'>
-      <tobago-select-one-choice id='choice' class='form-select'>
-        <select id='choice::field' name='choice' class='form-select'>
-          <option value=''>Stratocaster
-          </option>
-          <option value=''>Telecaster
-          </option></select>
-      </tobago-select-one-choice>
-    </div>
+  <div class='input-group'>
+    <input type='text' name='id' id='id::field' class='form-control'>
+    <tobago-select-one-choice id='choice' class='form-select'>
+      <select id='choice::field' name='choice' class='form-select'>
+        <option value=''>Stratocaster
+        </option>
+        <option value=''>Telecaster
+        </option></select>
+    </tobago-select-one-choice>
   </div>
 </tobago-in>
diff --git a/tobago-core/src/test/resources/renderer/in/input-group-dropdown-after.html b/tobago-core/src/test/resources/renderer/in/input-group-dropdown-after.html
index 370f45f..f20e992 100644
--- a/tobago-core/src/test/resources/renderer/in/input-group-dropdown-after.html
+++ b/tobago-core/src/test/resources/renderer/in/input-group-dropdown-after.html
@@ -18,16 +18,14 @@
 dropdown-menu-right is temporarily not here (in the div with dropdown-menu), XXX might be to fixed?
 -->
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='text' name='id' id='id::field' class='tobago-in form-control'>
-      <tobago-dropdown id='button' class='dropdown'>
-        <button type='button' id='button::command' name='button' data-bs-toggle='dropdown' aria-expanded='false' class='tobago-button btn btn-secondary dropdown-toggle'><tobago-behavior event='click' client-id='button' field-id='button::command' omit='omit'></tobago-behavior><span>dropdown</span></button>
-        <div class='dropdown-menu dropdown-menu-end' aria-labelledby='button::command' name='button'>
-          <button type='button' id='l1' name='l1' class='tobago-link dropdown-item'><tobago-behavior event='click' client-id='l1'></tobago-behavior><span>Link 1</span></button>
-          <button type='button' id='l2' name='l2' class='tobago-link dropdown-item'><tobago-behavior event='click' client-id='l2'></tobago-behavior><span>Link 2</span></button>
-        </div>
-      </tobago-dropdown>
-    </div>
+  <div class='input-group'>
+    <input type='text' name='id' id='id::field' class='form-control'>
+    <tobago-dropdown id='button' class='dropdown'>
+      <button type='button' id='button::command' name='button' data-bs-toggle='dropdown' aria-expanded='false' class='tobago-button btn btn-secondary dropdown-toggle'><tobago-behavior event='click' client-id='button' field-id='button::command' omit='omit'></tobago-behavior><span>dropdown</span></button>
+      <div class='dropdown-menu dropdown-menu-end' aria-labelledby='button::command' name='button'>
+        <button type='button' id='l1' name='l1' class='tobago-link dropdown-item'><tobago-behavior event='click' client-id='l1'></tobago-behavior><span>Link 1</span></button>
+        <button type='button' id='l2' name='l2' class='tobago-link dropdown-item'><tobago-behavior event='click' client-id='l2'></tobago-behavior><span>Link 2</span></button>
+      </div>
+    </tobago-dropdown>
   </div>
 </tobago-in>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/input-group-dropdown-before.html b/tobago-core/src/test/resources/renderer/in/input-group-dropdown-before.html
index 07ce947..06d7ca0 100644
--- a/tobago-core/src/test/resources/renderer/in/input-group-dropdown-before.html
+++ b/tobago-core/src/test/resources/renderer/in/input-group-dropdown-before.html
@@ -16,16 +16,14 @@
 -->
 
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <tobago-dropdown id='button' class='dropdown'>
-        <button type='button' id='button::command' name='button' data-bs-toggle='dropdown' aria-expanded='false' class='tobago-button btn btn-secondary dropdown-toggle'><tobago-behavior event='click' client-id='button' field-id='button::command' omit='omit'></tobago-behavior><span>dropdown</span></button>
-        <div class='dropdown-menu' aria-labelledby='button::command' name='button'>
-          <button type='button' id='l1' name='l1' class='tobago-link dropdown-item'><tobago-behavior event='click' client-id='l1'></tobago-behavior><span>Link 1</span></button>
-          <button type='button' id='l2' name='l2' class='tobago-link dropdown-item'><tobago-behavior event='click' client-id='l2'></tobago-behavior><span>Link 2</span></button>
-        </div>
-      </tobago-dropdown>
-      <input type='text' name='id' id='id::field' class='tobago-in form-control'>
-    </div>
+  <div class='input-group'>
+    <tobago-dropdown id='button' class='dropdown'>
+      <button type='button' id='button::command' name='button' data-bs-toggle='dropdown' aria-expanded='false' class='tobago-button btn btn-secondary dropdown-toggle'><tobago-behavior event='click' client-id='button' field-id='button::command' omit='omit'></tobago-behavior><span>dropdown</span></button>
+      <div class='dropdown-menu' aria-labelledby='button::command' name='button'>
+        <button type='button' id='l1' name='l1' class='tobago-link dropdown-item'><tobago-behavior event='click' client-id='l1'></tobago-behavior><span>Link 1</span></button>
+        <button type='button' id='l2' name='l2' class='tobago-link dropdown-item'><tobago-behavior event='click' client-id='l2'></tobago-behavior><span>Link 2</span></button>
+      </div>
+    </tobago-dropdown>
+    <input type='text' name='id' id='id::field' class='form-control'>
   </div>
 </tobago-in>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/input-group-out-after.html b/tobago-core/src/test/resources/renderer/in/input-group-out-after.html
index f94a82e..32dd737 100644
--- a/tobago-core/src/test/resources/renderer/in/input-group-out-after.html
+++ b/tobago-core/src/test/resources/renderer/in/input-group-out-after.html
@@ -16,10 +16,8 @@
 -->
 
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <input type='text' name='id' id='id::field' class='tobago-in form-control'>
-      <tobago-out class='input-group-text'>out</tobago-out>
-    </div>
+  <div class='input-group'>
+    <input type='text' name='id' id='id::field' class='form-control'>
+    <tobago-out class='input-group-text'>out</tobago-out>
   </div>
 </tobago-in>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/input-group-out-before.html b/tobago-core/src/test/resources/renderer/in/input-group-out-before.html
index 2d92029..5ec13a9 100644
--- a/tobago-core/src/test/resources/renderer/in/input-group-out-before.html
+++ b/tobago-core/src/test/resources/renderer/in/input-group-out-before.html
@@ -16,10 +16,8 @@
 -->
 
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <div class='tobago-input-group-outer'>
-    <div class='input-group'>
-      <tobago-out class='input-group-text'>out</tobago-out>
-      <input type='text' name='id' id='id::field' class='tobago-in form-control'>
-    </div>
+  <div class='input-group'>
+    <tobago-out class='input-group-text'>out</tobago-out>
+    <input type='text' name='id' id='id::field' class='form-control'>
   </div>
 </tobago-in>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/label-flexLeft.html b/tobago-core/src/test/resources/renderer/in/label-flexLeft.html
index 4914277..b2f225f 100644
--- a/tobago-core/src/test/resources/renderer/in/label-flexLeft.html
+++ b/tobago-core/src/test/resources/renderer/in/label-flexLeft.html
@@ -17,5 +17,5 @@
 
 <tobago-in id='id' class='tobago-label-container tobago-auto-spacing'>
   <label for='id::field' class='col-form-label'>label</label>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/label-flexRight.html b/tobago-core/src/test/resources/renderer/in/label-flexRight.html
index 1b0e438..072aa04 100644
--- a/tobago-core/src/test/resources/renderer/in/label-flexRight.html
+++ b/tobago-core/src/test/resources/renderer/in/label-flexRight.html
@@ -16,6 +16,6 @@
 -->
 
 <tobago-in id='id' class='tobago-label-container tobago-auto-spacing'>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
   <label for='id::field' class='col-form-label'>label</label>
 </tobago-in>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/label-flowLeft.html b/tobago-core/src/test/resources/renderer/in/label-flowLeft.html
index 0468859..a5b90a4 100644
--- a/tobago-core/src/test/resources/renderer/in/label-flowLeft.html
+++ b/tobago-core/src/test/resources/renderer/in/label-flowLeft.html
@@ -17,5 +17,5 @@
 
 <label for='id::field' class='col-form-label'>label</label>
 <tobago-in id='id' class='tobago-auto-spacing tobago-display-inline-block'>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
\ No newline at end of file
diff --git a/tobago-core/src/test/resources/renderer/in/label-flowRight.html b/tobago-core/src/test/resources/renderer/in/label-flowRight.html
index 1c3b322..bf3cf50 100644
--- a/tobago-core/src/test/resources/renderer/in/label-flowRight.html
+++ b/tobago-core/src/test/resources/renderer/in/label-flowRight.html
@@ -16,6 +16,6 @@
 -->
 
 <tobago-in id='id' class='tobago-auto-spacing tobago-display-inline-block'>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
 <label for='id::field' class='col-form-label'>label</label>
diff --git a/tobago-core/src/test/resources/renderer/in/label-gridBottom.html b/tobago-core/src/test/resources/renderer/in/label-gridBottom.html
index 5ebf2bf..e2ee2be 100644
--- a/tobago-core/src/test/resources/renderer/in/label-gridBottom.html
+++ b/tobago-core/src/test/resources/renderer/in/label-gridBottom.html
@@ -17,5 +17,5 @@
 
 <label id='id::label' for='id::field' class='col-form-label'>label</label>
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
diff --git a/tobago-core/src/test/resources/renderer/in/label-gridLeft.html b/tobago-core/src/test/resources/renderer/in/label-gridLeft.html
index 5ebf2bf..e2ee2be 100644
--- a/tobago-core/src/test/resources/renderer/in/label-gridLeft.html
+++ b/tobago-core/src/test/resources/renderer/in/label-gridLeft.html
@@ -17,5 +17,5 @@
 
 <label id='id::label' for='id::field' class='col-form-label'>label</label>
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
diff --git a/tobago-core/src/test/resources/renderer/in/label-gridRight.html b/tobago-core/src/test/resources/renderer/in/label-gridRight.html
index 5ebf2bf..e2ee2be 100644
--- a/tobago-core/src/test/resources/renderer/in/label-gridRight.html
+++ b/tobago-core/src/test/resources/renderer/in/label-gridRight.html
@@ -17,5 +17,5 @@
 
 <label id='id::label' for='id::field' class='col-form-label'>label</label>
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
diff --git a/tobago-core/src/test/resources/renderer/in/label-gridTop.html b/tobago-core/src/test/resources/renderer/in/label-gridTop.html
index 5ebf2bf..e2ee2be 100644
--- a/tobago-core/src/test/resources/renderer/in/label-gridTop.html
+++ b/tobago-core/src/test/resources/renderer/in/label-gridTop.html
@@ -17,5 +17,5 @@
 
 <label id='id::label' for='id::field' class='col-form-label'>label</label>
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
diff --git a/tobago-core/src/test/resources/renderer/in/label-none.html b/tobago-core/src/test/resources/renderer/in/label-none.html
index 8153fbd..58e647e 100644
--- a/tobago-core/src/test/resources/renderer/in/label-none.html
+++ b/tobago-core/src/test/resources/renderer/in/label-none.html
@@ -16,5 +16,5 @@
 -->
 
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
diff --git a/tobago-core/src/test/resources/renderer/in/label-segmentLeft.html b/tobago-core/src/test/resources/renderer/in/label-segmentLeft.html
index 2eb22ca..822b04e 100644
--- a/tobago-core/src/test/resources/renderer/in/label-segmentLeft.html
+++ b/tobago-core/src/test/resources/renderer/in/label-segmentLeft.html
@@ -21,7 +21,7 @@
   </div>
   <div class='col-md-9'>
     <tobago-in id='id' class='tobago-auto-spacing'>
-      <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+      <input type='text' name='id' id='id::field' class='form-control'>
     </tobago-in>
   </div>
 </tobago-segment-layout>
diff --git a/tobago-core/src/test/resources/renderer/in/label-segmentRight.html b/tobago-core/src/test/resources/renderer/in/label-segmentRight.html
index c712b40..e38123e 100644
--- a/tobago-core/src/test/resources/renderer/in/label-segmentRight.html
+++ b/tobago-core/src/test/resources/renderer/in/label-segmentRight.html
@@ -18,7 +18,7 @@
 <tobago-segment-layout id='segid' class='row'>
   <div class='col-md-9'>
     <tobago-in id='id' class='tobago-auto-spacing'>
-      <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+      <input type='text' name='id' id='id::field' class='form-control'>
     </tobago-in>
   </div>
   <div class='col-md-3'>
diff --git a/tobago-core/src/test/resources/renderer/in/label-skip.html b/tobago-core/src/test/resources/renderer/in/label-skip.html
index 2eb016a..40fa367 100644
--- a/tobago-core/src/test/resources/renderer/in/label-skip.html
+++ b/tobago-core/src/test/resources/renderer/in/label-skip.html
@@ -17,5 +17,5 @@
 
 <tobago-in id='id' class='tobago-auto-spacing'>
   <label for='id::field' class='col-form-label'>label</label>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
diff --git a/tobago-core/src/test/resources/renderer/in/label-top.html b/tobago-core/src/test/resources/renderer/in/label-top.html
index 2eb016a..40fa367 100644
--- a/tobago-core/src/test/resources/renderer/in/label-top.html
+++ b/tobago-core/src/test/resources/renderer/in/label-top.html
@@ -17,5 +17,5 @@
 
 <tobago-in id='id' class='tobago-auto-spacing'>
   <label for='id::field' class='col-form-label'>label</label>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
diff --git a/tobago-core/src/test/resources/renderer/in/simple.html b/tobago-core/src/test/resources/renderer/in/simple.html
index 968c39f..85e0494 100644
--- a/tobago-core/src/test/resources/renderer/in/simple.html
+++ b/tobago-core/src/test/resources/renderer/in/simple.html
@@ -16,5 +16,5 @@
 -->
 
 <tobago-in id='id' class='tobago-auto-spacing'>
-  <input type='text' name='id' id='id::field' class='tobago-in form-control'>
+  <input type='text' name='id' id='id::field' class='form-control'>
 </tobago-in>
\ No newline at end of file
diff --git a/tobago-theme/src/main/scss/_tobago.scss b/tobago-theme/src/main/scss/_tobago.scss
index 83da645..d292851 100644
--- a/tobago-theme/src/main/scss/_tobago.scss
+++ b/tobago-theme/src/main/scss/_tobago.scss
@@ -113,23 +113,17 @@ $tobago-flex-layout-spacing: 0.5rem;
   }
 }
 
-@mixin markupFatalErrWarnInfo() {
-  &-markup-fatal, &-markup-error {
-    &.border-danger:focus {
-      box-shadow: 0 0 0 .2rem rgba($danger, .25);
-    }
+@mixin messageShadow() {
+  &.border-danger:focus {
+    box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($danger, $input-btn-focus-color-opacity);
   }
 
-  &-markup-warn {
-    &.border-warning:focus {
-      box-shadow: 0 0 0 .2rem rgba($warning, .25);
-    }
+  &.border-warning:focus {
+    box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($warning, $input-btn-focus-color-opacity);
   }
 
-  &-markup-info {
-    &.border-info:focus {
-      box-shadow: 0 0 0 .2rem rgba($info, .25);
-    }
+  &.border-info:focus {
+    box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($info, $input-btn-focus-color-opacity);
   }
 }
 
@@ -273,7 +267,7 @@ tobago-panel.tobago-collapsed {
 
 tobago-date {
 
-  @include markupFatalErrWarnInfo();
+  @include messageShadow();
 
   display: block;
 
@@ -398,14 +392,14 @@ tobago-flex-layout {
 
   > {
     .form-control, .form-control-plaintext,
-    .tobago-input-group-outer, .tobago-messages-container,
+    .input-group, .tobago-messages-container,
     .tobago-selectManyShuttle {
       flex: 1 0 0px;
     }
   }
 
   > .tobago-messages-container {
-    .tobago-input-group-outer, .tobago-selectManyShuttle {
+    .tobago-selectManyShuttle {
       flex: 1 0 0px;
     }
   }
@@ -501,6 +495,14 @@ tobago-image {
 tobago-in {
   display: block;
 
+  input[type='text'] {
+    @include messageShadow();
+
+    &:disabled {
+      color: rgba($input-color, $tobago-form-disabled-alpha);
+    }
+  }
+
   .input-group {
 
     > tobago-dropdown {
@@ -565,21 +567,10 @@ tobago-in {
   }
 }
 
-.tobago-in {
-  @include markupFatalErrWarnInfo();
-
-  &:disabled {
-    color: rgba($input-color, $tobago-form-disabled-alpha);
-  }
-}
-
 .tobago-in-markup-number {
   text-align: right;
 }
 
-.tobago-input-group-outer {
-}
-
 .autocomplete-result-list {
   padding: $dropdown-padding-y $dropdown-padding-x;
   list-style: none;
@@ -723,12 +714,6 @@ tobago-messages label {
   }
 }
 
-tobago-flex-layout.tobago-messages-container > {
-  .tobago-input-group-outer, .tobago-selectManyShuttle {
-    flex: 1 0 0px;
-  }
-}
-
 tobago-messages {
   $alert-icon-padding-x: $alert-padding-x * .8;
   $alert-icon-width: $alert-icon-padding-x + 1rem + $alert-icon-padding-x;
@@ -1115,7 +1100,7 @@ tobago-select-one-choice {
 
 //xxx remove me
 .tobago-selectOneListbox {
-  @include markupFatalErrWarnInfo();
+  @include messageShadow();
 }
 
 //xxx remove me
@@ -1163,7 +1148,7 @@ tobago-select-many-listbox {
 }
 
 .tobago-selectManyListbox {
-  @include markupFatalErrWarnInfo();
+  @include messageShadow();
 }
 
 /* selectManyShuttle ----------------------------------------------------------- */
@@ -1575,7 +1560,7 @@ tobago-tree-listbox, .tobago-treeListbox {
 
 /* textarea --------------------------------------------------------- */
 tobago-textarea textarea {
-  @include markupFatalErrWarnInfo();
+  @include messageShadow();
 
   &:disabled {
     color: rgba($input-color, $tobago-form-disabled-alpha);

[myfaces-tobago] 02/02: build(theme): rebuild after refactor CSS class names

Posted by hn...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

hnoeth pushed a commit to branch tobago-5.x
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git

commit d44a29afd8b2abf4f63878bafc1a636aaa418ef8
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Wed Oct 27 15:26:05 2021 +0200

    build(theme): rebuild after refactor CSS class names
---
 .../src/main/css/tobago.css                        | 81 ++++++++++------------
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.min.css                    |  2 +-
 .../src/main/css/tobago.min.css.map                |  2 +-
 .../src/main/css/tobago.css                        | 81 ++++++++++------------
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.min.css                    |  2 +-
 .../src/main/css/tobago.min.css.map                |  2 +-
 .../src/main/css/tobago.css                        | 81 ++++++++++------------
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.min.css                    |  2 +-
 .../src/main/css/tobago.min.css.map                |  2 +-
 .../tobago-theme-speyside/src/main/css/tobago.css  | 81 ++++++++++------------
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.min.css                    |  2 +-
 .../src/main/css/tobago.min.css.map                |  2 +-
 .../tobago-theme-standard/src/main/css/tobago.css  | 81 ++++++++++------------
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.min.css                    |  2 +-
 .../src/main/css/tobago.min.css.map                |  2 +-
 20 files changed, 205 insertions(+), 230 deletions(-)

diff --git a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css
index e33fe1a..adc5f38 100644
--- a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css
@@ -11338,14 +11338,14 @@ tobago-panel.tobago-collapsed {
 tobago-date {
   display: block;
 }
-tobago-date-markup-fatal.border-danger:focus, tobago-date-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 0, 190, 0.25);
+tobago-date.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 0, 190, 0.25);
 }
-tobago-date-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 0, 190, 0.25);
+tobago-date.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 0, 190, 0.25);
 }
-tobago-date-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(56, 156, 48, 0.25);
+tobago-date.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(56, 156, 48, 0.25);
 }
 tobago-date input {
   min-width: 7em;
@@ -11447,11 +11447,11 @@ tobago-flex-layout > tobago-flex-layout {
   width: 155px;
 }
 .tobago-label-container > .form-control, .tobago-label-container > .form-control-plaintext,
-.tobago-label-container > .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container,
+.tobago-label-container > .input-group, .tobago-label-container > .tobago-messages-container,
 .tobago-label-container > .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
-.tobago-label-container > .tobago-messages-container .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
+.tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
 .tobago-label-container > .form-check {
@@ -11529,6 +11529,18 @@ tobago-image > img {
 tobago-in {
   display: block;
 }
+tobago-in input[type=text].border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 0, 190, 0.25);
+}
+tobago-in input[type=text].border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 0, 190, 0.25);
+}
+tobago-in input[type=text].border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(56, 156, 48, 0.25);
+}
+tobago-in input[type=text]:disabled {
+  color: rgba(160, 160, 160, 0.5);
+}
 tobago-in .input-group > tobago-dropdown {
   /* fix corner styling, because tobago-dropdown use a surrounding container inside an input group */
 }
@@ -11581,19 +11593,6 @@ tobago-in tobago-suggest {
     transform: translateY(-50%) rotate(359deg);
   }
 }
-.tobago-in-markup-fatal.border-danger:focus, .tobago-in-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 0, 190, 0.25);
-}
-.tobago-in-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 0, 190, 0.25);
-}
-.tobago-in-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(56, 156, 48, 0.25);
-}
-.tobago-in:disabled {
-  color: rgba(160, 160, 160, 0.5);
-}
-
 .tobago-in-markup-number {
   text-align: right;
 }
@@ -11728,10 +11727,6 @@ tobago-messages label:last-child {
   margin-bottom: 0;
 }
 
-tobago-flex-layout.tobago-messages-container > .tobago-input-group-outer, tobago-flex-layout.tobago-messages-container > .tobago-selectManyShuttle {
-  flex: 1 0 0px;
-}
-
 tobago-messages .alert.alert-dismissible {
   padding-left: 2.6rem;
 }
@@ -12047,14 +12042,14 @@ tobago-select-boolean-toggle .form-check-label img {
 
 /* selectOneChoice --------------------------------------------------------- */
 /* selectOneListbox -------------------------------------------------------- */
-.tobago-selectOneListbox-markup-fatal.border-danger:focus, .tobago-selectOneListbox-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 0, 190, 0.25);
+.tobago-selectOneListbox.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 0, 190, 0.25);
 }
-.tobago-selectOneListbox-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 0, 190, 0.25);
+.tobago-selectOneListbox.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 0, 190, 0.25);
 }
-.tobago-selectOneListbox-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(56, 156, 48, 0.25);
+.tobago-selectOneListbox.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(56, 156, 48, 0.25);
 }
 
 tobago-select-one-listbox {
@@ -12092,14 +12087,14 @@ tobago-select-many-checkbox.tobago-label-container .form-check-inline {
 }
 
 /* selectManyListbox ----------------------------------------------------------- */
-.tobago-selectManyListbox-markup-fatal.border-danger:focus, .tobago-selectManyListbox-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 0, 190, 0.25);
+.tobago-selectManyListbox.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 0, 190, 0.25);
 }
-.tobago-selectManyListbox-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 0, 190, 0.25);
+.tobago-selectManyListbox.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 0, 190, 0.25);
 }
-.tobago-selectManyListbox-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(56, 156, 48, 0.25);
+.tobago-selectManyListbox.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(56, 156, 48, 0.25);
 }
 
 /* selectManyShuttle ----------------------------------------------------------- */
@@ -12561,14 +12556,14 @@ tobago-tree-listbox .tobago-treeListbox-select, .tobago-treeListbox .tobago-tree
 }
 
 /* textarea --------------------------------------------------------- */
-tobago-textarea textarea-markup-fatal.border-danger:focus, tobago-textarea textarea-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 0, 190, 0.25);
+tobago-textarea textarea.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 0, 190, 0.25);
 }
-tobago-textarea textarea-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 0, 190, 0.25);
+tobago-textarea textarea.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 0, 190, 0.25);
 }
-tobago-textarea textarea-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(56, 156, 48, 0.25);
+tobago-textarea textarea.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(56, 156, 48, 0.25);
 }
 tobago-textarea textarea:disabled {
   color: rgba(160, 160, 160, 0.5);
diff --git a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map
index ae863db..aa6a63e 100644
--- a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scs [...]
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scs [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css
index 871e2eb..0084e85 100644
--- a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css
+++ b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#ff00be;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#ffffff;--bs-gray:#777777;--bs-gray-dark:#323232;--bs-gray-100:#f8f9fa;--bs-gray-200:#d0d0d0;--bs-gray-300:#dee2e6;--bs-gray-400:#a0a0a0;--bs-gray-500:#adb5bd;--bs-gray-600:#777777;--bs-gray-700:#495057;--bs-gray-800:#323232;--bs-gray-900:#212529;--bs-primary:#529696;-- [...]
+@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#ff00be;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#ffffff;--bs-gray:#777777;--bs-gray-dark:#323232;--bs-gray-100:#f8f9fa;--bs-gray-200:#d0d0d0;--bs-gray-300:#dee2e6;--bs-gray-400:#a0a0a0;--bs-gray-500:#adb5bd;--bs-gray-600:#777777;--bs-gray-700:#495057;--bs-gray-800:#323232;--bs-gray-900:#212529;--bs-primary:#529696;-- [...]
 /*# sourceMappingURL=tobago.min.css.map */
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css.map b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css.map
index ae7731b..44f1541 100644
--- a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css.map
+++ b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago-theme-charlotteville/src/main/css/tobago.css"],"names":[],"mappings":"iBAuCA,MACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,QACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,GAAG,CAAE,IAC3B,mBAAoB,GAAG,CAAE,GAAG,CAAE,IAC9B,iBAAkB,G [...]
\ No newline at end of file
+{"version":3,"sources":["tobago-theme-charlotteville/src/main/css/tobago.css"],"names":[],"mappings":"iBAuCA,MACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,QACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,GAAG,CAAE,IAC3B,mBAAoB,GAAG,CAAE,GAAG,CAAE,IAC9B,iBAAkB,G [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css
index e841634..a1a1372 100644
--- a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css
@@ -11361,14 +11361,14 @@ tobago-panel.tobago-collapsed {
 tobago-date {
   display: block;
 }
-tobago-date-markup-fatal.border-danger:focus, tobago-date-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 178, 67, 0.25);
+tobago-date.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 178, 67, 0.25);
 }
-tobago-date-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(178, 104, 18, 0.25);
+tobago-date.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(178, 104, 18, 0.25);
 }
-tobago-date-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(19, 14, 143, 0.25);
+tobago-date.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(19, 14, 143, 0.25);
 }
 tobago-date input {
   min-width: 7em;
@@ -11470,11 +11470,11 @@ tobago-flex-layout > tobago-flex-layout {
   width: 155px;
 }
 .tobago-label-container > .form-control, .tobago-label-container > .form-control-plaintext,
-.tobago-label-container > .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container,
+.tobago-label-container > .input-group, .tobago-label-container > .tobago-messages-container,
 .tobago-label-container > .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
-.tobago-label-container > .tobago-messages-container .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
+.tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
 .tobago-label-container > .form-check {
@@ -11552,6 +11552,18 @@ tobago-image > img {
 tobago-in {
   display: block;
 }
+tobago-in input[type=text].border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 178, 67, 0.25);
+}
+tobago-in input[type=text].border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(178, 104, 18, 0.25);
+}
+tobago-in input[type=text].border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(19, 14, 143, 0.25);
+}
+tobago-in input[type=text]:disabled {
+  color: rgba(160, 160, 160, 0.5);
+}
 tobago-in .input-group > tobago-dropdown {
   /* fix corner styling, because tobago-dropdown use a surrounding container inside an input group */
 }
@@ -11604,19 +11616,6 @@ tobago-in tobago-suggest {
     transform: translateY(-50%) rotate(359deg);
   }
 }
-.tobago-in-markup-fatal.border-danger:focus, .tobago-in-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 178, 67, 0.25);
-}
-.tobago-in-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(178, 104, 18, 0.25);
-}
-.tobago-in-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(19, 14, 143, 0.25);
-}
-.tobago-in:disabled {
-  color: rgba(160, 160, 160, 0.5);
-}
-
 .tobago-in-markup-number {
   text-align: right;
 }
@@ -11751,10 +11750,6 @@ tobago-messages label:last-child {
   margin-bottom: 0;
 }
 
-tobago-flex-layout.tobago-messages-container > .tobago-input-group-outer, tobago-flex-layout.tobago-messages-container > .tobago-selectManyShuttle {
-  flex: 1 0 0px;
-}
-
 tobago-messages .alert.alert-dismissible {
   padding-left: 2.6rem;
 }
@@ -12070,14 +12065,14 @@ tobago-select-boolean-toggle .form-check-label img {
 
 /* selectOneChoice --------------------------------------------------------- */
 /* selectOneListbox -------------------------------------------------------- */
-.tobago-selectOneListbox-markup-fatal.border-danger:focus, .tobago-selectOneListbox-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 178, 67, 0.25);
+.tobago-selectOneListbox.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 178, 67, 0.25);
 }
-.tobago-selectOneListbox-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(178, 104, 18, 0.25);
+.tobago-selectOneListbox.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(178, 104, 18, 0.25);
 }
-.tobago-selectOneListbox-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(19, 14, 143, 0.25);
+.tobago-selectOneListbox.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(19, 14, 143, 0.25);
 }
 
 tobago-select-one-listbox {
@@ -12115,14 +12110,14 @@ tobago-select-many-checkbox.tobago-label-container .form-check-inline {
 }
 
 /* selectManyListbox ----------------------------------------------------------- */
-.tobago-selectManyListbox-markup-fatal.border-danger:focus, .tobago-selectManyListbox-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 178, 67, 0.25);
+.tobago-selectManyListbox.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 178, 67, 0.25);
 }
-.tobago-selectManyListbox-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(178, 104, 18, 0.25);
+.tobago-selectManyListbox.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(178, 104, 18, 0.25);
 }
-.tobago-selectManyListbox-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(19, 14, 143, 0.25);
+.tobago-selectManyListbox.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(19, 14, 143, 0.25);
 }
 
 /* selectManyShuttle ----------------------------------------------------------- */
@@ -12584,14 +12579,14 @@ tobago-tree-listbox .tobago-treeListbox-select, .tobago-treeListbox .tobago-tree
 }
 
 /* textarea --------------------------------------------------------- */
-tobago-textarea textarea-markup-fatal.border-danger:focus, tobago-textarea textarea-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 178, 67, 0.25);
+tobago-textarea textarea.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 178, 67, 0.25);
 }
-tobago-textarea textarea-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(178, 104, 18, 0.25);
+tobago-textarea textarea.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(178, 104, 18, 0.25);
 }
-tobago-textarea textarea-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(19, 14, 143, 0.25);
+tobago-textarea textarea.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(19, 14, 143, 0.25);
 }
 tobago-textarea textarea:disabled {
   color: rgba(160, 160, 160, 0.5);
diff --git a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map
index 817be4d..06cd548 100644
--- a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scs [...]
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scs [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css
index d8706d8..14bf67c 100644
--- a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css
+++ b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";@font-face{font-family:Amaranth;font-style:normal;font-weight:400;src:url("../fonts/Amaranth-Regular.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:normal;font-weight:700;src:url("../fonts/Amaranth-Bold.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:italic;src:url("../fonts/Amaranth-Italic.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:italic;font-weight:700;src:url("../fonts/Amaranth-BoldItalic.otf") format( [...]
+@charset "UTF-8";@font-face{font-family:Amaranth;font-style:normal;font-weight:400;src:url("../fonts/Amaranth-Regular.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:normal;font-weight:700;src:url("../fonts/Amaranth-Bold.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:italic;src:url("../fonts/Amaranth-Italic.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:italic;font-weight:700;src:url("../fonts/Amaranth-BoldItalic.otf") format( [...]
 /*# sourceMappingURL=tobago.min.css.map */
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css.map b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css.map
index f6a9fed..38e60ca 100644
--- a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css.map
+++ b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago-theme-roxborough/src/main/css/tobago.css"],"names":[],"mappings":"iBAiCA,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,qCAAqC,mBAE5C,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,kCAAkC,mBAEzC,WACE,YAAa,SACb,WAAY,OACZ,IAAK,oCAAoC,mBAE3C,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,wCAAwC,mBAEvB,mBAAxB,uBACE,YAAa,QAAQ,CAAE,KAAK,CAAE,MAShC,MACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB, [...]
\ No newline at end of file
+{"version":3,"sources":["tobago-theme-roxborough/src/main/css/tobago.css"],"names":[],"mappings":"iBAiCA,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,qCAAqC,mBAE5C,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,kCAAkC,mBAEzC,WACE,YAAa,SACb,WAAY,OACZ,IAAK,oCAAoC,mBAE3C,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,wCAAwC,mBAEvB,mBAAxB,uBACE,YAAa,QAAQ,CAAE,KAAK,CAAE,MAShC,MACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB, [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css
index 8564ffc..82a9e4e 100644
--- a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css
@@ -11348,14 +11348,14 @@ tobago-panel.tobago-collapsed {
 tobago-date {
   display: block;
 }
-tobago-date-markup-fatal.border-danger:focus, tobago-date-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+tobago-date.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
-tobago-date-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+tobago-date.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
 }
-tobago-date-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.25);
+tobago-date.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
 }
 tobago-date input {
   min-width: 7em;
@@ -11457,11 +11457,11 @@ tobago-flex-layout > tobago-flex-layout {
   width: 155px;
 }
 .tobago-label-container > .form-control, .tobago-label-container > .form-control-plaintext,
-.tobago-label-container > .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container,
+.tobago-label-container > .input-group, .tobago-label-container > .tobago-messages-container,
 .tobago-label-container > .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
-.tobago-label-container > .tobago-messages-container .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
+.tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
 .tobago-label-container > .form-check {
@@ -11539,6 +11539,18 @@ tobago-image > img {
 tobago-in {
   display: block;
 }
+tobago-in input[type=text].border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+tobago-in input[type=text].border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
+}
+tobago-in input[type=text].border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
+}
+tobago-in input[type=text]:disabled {
+  color: rgba(33, 37, 41, 0.5);
+}
 tobago-in .input-group > tobago-dropdown {
   /* fix corner styling, because tobago-dropdown use a surrounding container inside an input group */
 }
@@ -11591,19 +11603,6 @@ tobago-in tobago-suggest {
     transform: translateY(-50%) rotate(359deg);
   }
 }
-.tobago-in-markup-fatal.border-danger:focus, .tobago-in-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
-}
-.tobago-in-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
-}
-.tobago-in-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.25);
-}
-.tobago-in:disabled {
-  color: rgba(33, 37, 41, 0.5);
-}
-
 .tobago-in-markup-number {
   text-align: right;
 }
@@ -11738,10 +11737,6 @@ tobago-messages label:last-child {
   margin-bottom: 0;
 }
 
-tobago-flex-layout.tobago-messages-container > .tobago-input-group-outer, tobago-flex-layout.tobago-messages-container > .tobago-selectManyShuttle {
-  flex: 1 0 0px;
-}
-
 tobago-messages .alert.alert-dismissible {
   padding-left: 2.6rem;
 }
@@ -12057,14 +12052,14 @@ tobago-select-boolean-toggle .form-check-label img {
 
 /* selectOneChoice --------------------------------------------------------- */
 /* selectOneListbox -------------------------------------------------------- */
-.tobago-selectOneListbox-markup-fatal.border-danger:focus, .tobago-selectOneListbox-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+.tobago-selectOneListbox.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
-.tobago-selectOneListbox-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+.tobago-selectOneListbox.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
 }
-.tobago-selectOneListbox-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.25);
+.tobago-selectOneListbox.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
 }
 
 tobago-select-one-listbox {
@@ -12102,14 +12097,14 @@ tobago-select-many-checkbox.tobago-label-container .form-check-inline {
 }
 
 /* selectManyListbox ----------------------------------------------------------- */
-.tobago-selectManyListbox-markup-fatal.border-danger:focus, .tobago-selectManyListbox-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+.tobago-selectManyListbox.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
-.tobago-selectManyListbox-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+.tobago-selectManyListbox.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
 }
-.tobago-selectManyListbox-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.25);
+.tobago-selectManyListbox.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
 }
 
 /* selectManyShuttle ----------------------------------------------------------- */
@@ -12571,14 +12566,14 @@ tobago-tree-listbox .tobago-treeListbox-select, .tobago-treeListbox .tobago-tree
 }
 
 /* textarea --------------------------------------------------------- */
-tobago-textarea textarea-markup-fatal.border-danger:focus, tobago-textarea textarea-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+tobago-textarea textarea.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
-tobago-textarea textarea-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+tobago-textarea textarea.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
 }
-tobago-textarea textarea-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.25);
+tobago-textarea textarea.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
 }
 tobago-textarea textarea:disabled {
   color: rgba(33, 37, 41, 0.5);
diff --git a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map
index 62ac924..ce732a6 100644
--- a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_mo [...]
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_mo [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css
index 81860bc..bc207f1 100644
--- a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css
+++ b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs- [...]
+@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs- [...]
 /*# sourceMappingURL=tobago.min.css.map */
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css.map b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css.map
index 370759e..71e0dbb 100644
--- a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css.map
+++ b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago-theme-scarborough/src/main/css/tobago.css"],"names":[],"mappings":"iBAuBA,MACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,GAAG,CAAE,IAC3B,mBAAoB,GAAG,CAAE,GAAG,CAAE,IAC9B,iBAAkB,EAAE [...]
\ No newline at end of file
+{"version":3,"sources":["tobago-theme-scarborough/src/main/css/tobago.css"],"names":[],"mappings":"iBAuBA,MACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,GAAG,CAAE,IAC3B,mBAAoB,GAAG,CAAE,GAAG,CAAE,IAC9B,iBAAkB,EAAE [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css
index ea9f306..7bcf668 100644
--- a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css
@@ -11048,14 +11048,14 @@ tobago-panel.tobago-collapsed {
 tobago-date {
   display: block;
 }
-tobago-date-markup-fatal.border-danger:focus, tobago-date-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(211, 0, 64, 0.25);
+tobago-date.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(211, 0, 64, 0.25);
 }
-tobago-date-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.25);
+tobago-date.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.25);
 }
-tobago-date-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.25);
+tobago-date.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(91, 192, 222, 0.25);
 }
 tobago-date input {
   min-width: 7em;
@@ -11157,11 +11157,11 @@ tobago-flex-layout > tobago-flex-layout {
   width: 155px;
 }
 .tobago-label-container > .form-control, .tobago-label-container > .form-control-plaintext,
-.tobago-label-container > .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container,
+.tobago-label-container > .input-group, .tobago-label-container > .tobago-messages-container,
 .tobago-label-container > .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
-.tobago-label-container > .tobago-messages-container .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
+.tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
 .tobago-label-container > .form-check {
@@ -11239,6 +11239,18 @@ tobago-image > img {
 tobago-in {
   display: block;
 }
+tobago-in input[type=text].border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(211, 0, 64, 0.25);
+}
+tobago-in input[type=text].border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.25);
+}
+tobago-in input[type=text].border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(91, 192, 222, 0.25);
+}
+tobago-in input[type=text]:disabled {
+  color: rgba(33, 37, 41, 0.5);
+}
 tobago-in .input-group > tobago-dropdown {
   /* fix corner styling, because tobago-dropdown use a surrounding container inside an input group */
 }
@@ -11291,19 +11303,6 @@ tobago-in tobago-suggest {
     transform: translateY(-50%) rotate(359deg);
   }
 }
-.tobago-in-markup-fatal.border-danger:focus, .tobago-in-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(211, 0, 64, 0.25);
-}
-.tobago-in-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.25);
-}
-.tobago-in-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.25);
-}
-.tobago-in:disabled {
-  color: rgba(33, 37, 41, 0.5);
-}
-
 .tobago-in-markup-number {
   text-align: right;
 }
@@ -11437,10 +11436,6 @@ tobago-messages label:last-child {
   margin-bottom: 0;
 }
 
-tobago-flex-layout.tobago-messages-container > .tobago-input-group-outer, tobago-flex-layout.tobago-messages-container > .tobago-selectManyShuttle {
-  flex: 1 0 0px;
-}
-
 tobago-messages .alert.alert-dismissible {
   padding-left: 2.6rem;
 }
@@ -11756,14 +11751,14 @@ tobago-select-boolean-toggle .form-check-label img {
 
 /* selectOneChoice --------------------------------------------------------- */
 /* selectOneListbox -------------------------------------------------------- */
-.tobago-selectOneListbox-markup-fatal.border-danger:focus, .tobago-selectOneListbox-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(211, 0, 64, 0.25);
+.tobago-selectOneListbox.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(211, 0, 64, 0.25);
 }
-.tobago-selectOneListbox-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.25);
+.tobago-selectOneListbox.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.25);
 }
-.tobago-selectOneListbox-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.25);
+.tobago-selectOneListbox.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(91, 192, 222, 0.25);
 }
 
 tobago-select-one-listbox {
@@ -11801,14 +11796,14 @@ tobago-select-many-checkbox.tobago-label-container .form-check-inline {
 }
 
 /* selectManyListbox ----------------------------------------------------------- */
-.tobago-selectManyListbox-markup-fatal.border-danger:focus, .tobago-selectManyListbox-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(211, 0, 64, 0.25);
+.tobago-selectManyListbox.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(211, 0, 64, 0.25);
 }
-.tobago-selectManyListbox-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.25);
+.tobago-selectManyListbox.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.25);
 }
-.tobago-selectManyListbox-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.25);
+.tobago-selectManyListbox.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(91, 192, 222, 0.25);
 }
 
 /* selectManyShuttle ----------------------------------------------------------- */
@@ -12270,14 +12265,14 @@ tobago-tree-listbox .tobago-treeListbox-select, .tobago-treeListbox .tobago-tree
 }
 
 /* textarea --------------------------------------------------------- */
-tobago-textarea textarea-markup-fatal.border-danger:focus, tobago-textarea textarea-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(211, 0, 64, 0.25);
+tobago-textarea textarea.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(211, 0, 64, 0.25);
 }
-tobago-textarea textarea-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.25);
+tobago-textarea textarea.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.25);
 }
-tobago-textarea textarea-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.25);
+tobago-textarea textarea.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(91, 192, 222, 0.25);
 }
 tobago-textarea textarea:disabled {
   color: rgba(33, 37, 41, 0.5);
diff --git a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map
index 0e6d5d7..b6fcb1f 100644
--- a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_modules/bootstrap/scss/mixins/_lists.scss","../. [...]
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_modules/bootstrap/scss/mixins/_lists.scss","../. [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css
index 289d3ef..331aa40 100644
--- a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css
+++ b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#3a2564;--bs-pink:#d63384;--bs-red:#d30040;--bs-orange:#d90;--bs-yellow:#ffc107;--bs-green:#1da332;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#788c94;--bs-gray-dark:#323232;--bs-gray-100:#f7f7f7;--bs-gray-200:#e3e4e5;--bs-gray-300:#d7d7d7;--bs-gray-400:#ced4da;--bs-gray-500:#acacac;--bs-gray-600:#788c94;--bs-gray-700:#55595c;--bs-gray-800:#323232;--bs-gray-900:#212529;--bs-primary:#185722;--bs-sec [...]
+@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#3a2564;--bs-pink:#d63384;--bs-red:#d30040;--bs-orange:#d90;--bs-yellow:#ffc107;--bs-green:#1da332;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#788c94;--bs-gray-dark:#323232;--bs-gray-100:#f7f7f7;--bs-gray-200:#e3e4e5;--bs-gray-300:#d7d7d7;--bs-gray-400:#ced4da;--bs-gray-500:#acacac;--bs-gray-600:#788c94;--bs-gray-700:#55595c;--bs-gray-800:#323232;--bs-gray-900:#212529;--bs-primary:#185722;--bs-sec [...]
 /*# sourceMappingURL=tobago.min.css.map */
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css.map b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css.map
index e27221e..c4c389c 100644
--- a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css.map
+++ b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago-theme-speyside/src/main/css/tobago.css"],"names":[],"mappings":"iBAuCA,MACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,KACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,EAAE,CAAE,GAC1B,mBAAoB,GAAG,CAAE,GAAG,CAAE,IAC9B,iBAAkB,EAAE,CA [...]
\ No newline at end of file
+{"version":3,"sources":["tobago-theme-speyside/src/main/css/tobago.css"],"names":[],"mappings":"iBAuCA,MACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,KACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,EAAE,CAAE,GAC1B,mBAAoB,GAAG,CAAE,GAAG,CAAE,IAC9B,iBAAkB,EAAE,CA [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css
index 52e22d5..efbfa26 100644
--- a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css
@@ -11318,14 +11318,14 @@ tobago-panel.tobago-collapsed {
 tobago-date {
   display: block;
 }
-tobago-date-markup-fatal.border-danger:focus, tobago-date-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+tobago-date.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
-tobago-date-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+tobago-date.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
 }
-tobago-date-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.25);
+tobago-date.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
 }
 tobago-date input {
   min-width: 7em;
@@ -11427,11 +11427,11 @@ tobago-flex-layout > tobago-flex-layout {
   width: 155px;
 }
 .tobago-label-container > .form-control, .tobago-label-container > .form-control-plaintext,
-.tobago-label-container > .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container,
+.tobago-label-container > .input-group, .tobago-label-container > .tobago-messages-container,
 .tobago-label-container > .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
-.tobago-label-container > .tobago-messages-container .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
+.tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
 .tobago-label-container > .form-check {
@@ -11509,6 +11509,18 @@ tobago-image > img {
 tobago-in {
   display: block;
 }
+tobago-in input[type=text].border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+tobago-in input[type=text].border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
+}
+tobago-in input[type=text].border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
+}
+tobago-in input[type=text]:disabled {
+  color: rgba(33, 37, 41, 0.5);
+}
 tobago-in .input-group > tobago-dropdown {
   /* fix corner styling, because tobago-dropdown use a surrounding container inside an input group */
 }
@@ -11561,19 +11573,6 @@ tobago-in tobago-suggest {
     transform: translateY(-50%) rotate(359deg);
   }
 }
-.tobago-in-markup-fatal.border-danger:focus, .tobago-in-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
-}
-.tobago-in-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
-}
-.tobago-in-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.25);
-}
-.tobago-in:disabled {
-  color: rgba(33, 37, 41, 0.5);
-}
-
 .tobago-in-markup-number {
   text-align: right;
 }
@@ -11708,10 +11707,6 @@ tobago-messages label:last-child {
   margin-bottom: 0;
 }
 
-tobago-flex-layout.tobago-messages-container > .tobago-input-group-outer, tobago-flex-layout.tobago-messages-container > .tobago-selectManyShuttle {
-  flex: 1 0 0px;
-}
-
 tobago-messages .alert.alert-dismissible {
   padding-left: 2.6rem;
 }
@@ -12027,14 +12022,14 @@ tobago-select-boolean-toggle .form-check-label img {
 
 /* selectOneChoice --------------------------------------------------------- */
 /* selectOneListbox -------------------------------------------------------- */
-.tobago-selectOneListbox-markup-fatal.border-danger:focus, .tobago-selectOneListbox-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+.tobago-selectOneListbox.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
-.tobago-selectOneListbox-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+.tobago-selectOneListbox.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
 }
-.tobago-selectOneListbox-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.25);
+.tobago-selectOneListbox.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
 }
 
 tobago-select-one-listbox {
@@ -12072,14 +12067,14 @@ tobago-select-many-checkbox.tobago-label-container .form-check-inline {
 }
 
 /* selectManyListbox ----------------------------------------------------------- */
-.tobago-selectManyListbox-markup-fatal.border-danger:focus, .tobago-selectManyListbox-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+.tobago-selectManyListbox.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
-.tobago-selectManyListbox-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+.tobago-selectManyListbox.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
 }
-.tobago-selectManyListbox-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.25);
+.tobago-selectManyListbox.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
 }
 
 /* selectManyShuttle ----------------------------------------------------------- */
@@ -12541,14 +12536,14 @@ tobago-tree-listbox .tobago-treeListbox-select, .tobago-treeListbox .tobago-tree
 }
 
 /* textarea --------------------------------------------------------- */
-tobago-textarea textarea-markup-fatal.border-danger:focus, tobago-textarea textarea-markup-error.border-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+tobago-textarea textarea.border-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
-tobago-textarea textarea-markup-warn.border-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+tobago-textarea textarea.border-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
 }
-tobago-textarea textarea-markup-info.border-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.25);
+tobago-textarea textarea.border-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
 }
 tobago-textarea textarea:disabled {
   color: rgba(33, 37, 41, 0.5);
diff --git a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map
index d4a7b4a..6cf68c1 100644
--- a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_mo [...]
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_mo [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css b/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css
index b1bb4f6..25cf90b 100644
--- a/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css
+++ b/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs- [...]
+@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs- [...]
 /*# sourceMappingURL=tobago.min.css.map */
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css.map b/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css.map
index 455b21e..d626019 100644
--- a/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css.map
+++ b/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago-theme-standard/src/main/css/tobago.css"],"names":[],"mappings":"iBAuBA,MACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,GAAG,CAAE,IAC3B,mBAAoB,GAAG,CAAE,GAAG,CAAE,IAC9B,iBAAkB,EAAE,CA [...]
\ No newline at end of file
+{"version":3,"sources":["tobago-theme-standard/src/main/css/tobago.css"],"names":[],"mappings":"iBAuBA,MACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,GAAG,CAAE,IAC3B,mBAAoB,GAAG,CAAE,GAAG,CAAE,IAC9B,iBAAkB,EAAE,CA [...]
\ No newline at end of file