@loja-integrada/admin-components 0.20.0 → 0.21.1

package/dist/admin-components.esm.js

@@ -9908,7 +9908,7 @@ cov_291gn7p4uo();
 
 function cov_2anqb7tsc9() {
   var path = "/home/runner/_work/admin-components/admin-components/styleguide/src/Components/Button/Button.tsx";
-  var hash = "f580288a231303d8d18746eaabaef75e837729e2";
+  var hash = "42df3ac47e717dc9cd161175937cf982c0e4baf1";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -9977,7 +9977,7 @@ function cov_2anqb7tsc9() {
       "6": {
         start: {
           line: 45,
-          column: 20
+          column: 27
         },
         end: {
           line: 49,
@@ -9987,240 +9987,260 @@ function cov_2anqb7tsc9() {
       "7": {
         start: {
           line: 50,
+          column: 20
+        },
+        end: {
+          line: 54,
+          column: 1
+        }
+      },
+      "8": {
+        start: {
+          line: 55,
           column: 19
         },
         end: {
-          line: 58,
+          line: 63,
           column: 2
         }
       },
-      "8": {
+      "9": {
         start: {
-          line: 51,
+          line: 56,
           column: 4
         },
         end: {
-          line: 52,
+          line: 57,
           column: 92
         }
       },
-      "9": {
+      "10": {
         start: {
-          line: 52,
+          line: 57,
           column: 8
         },
         end: {
-          line: 52,
+          line: 57,
           column: 92
         }
       },
-      "10": {
+      "11": {
         start: {
-          line: 53,
+          line: 58,
           column: 4
         },
         end: {
-          line: 56,
+          line: 61,
           column: 5
         }
       },
-      "11": {
+      "12": {
         start: {
-          line: 55,
+          line: 60,
           column: 8
         },
         end: {
-          line: 55,
+          line: 60,
           column: 30
         }
       },
-      "12": {
+      "13": {
         start: {
-          line: 57,
+          line: 62,
           column: 4
         },
         end: {
-          line: 57,
+          line: 62,
           column: 93
         }
       },
-      "13": {
+      "14": {
         start: {
-          line: 59,
+          line: 64,
           column: 24
         },
         end: {
-          line: 85,
+          line: 94,
           column: 1
         }
       },
-      "14": {
+      "15": {
         start: {
-          line: 60,
+          line: 65,
           column: 24
         },
         end: {
-          line: 63,
+          line: 68,
           column: 5
         }
       },
-      "15": {
+      "16": {
         start: {
-          line: 62,
+          line: 67,
           column: 8
         },
         end: {
-          line: 62,
+          line: 67,
           column: 61
         }
       },
-      "16": {
+      "17": {
         start: {
-          line: 64,
+          line: 72,
+          column: 30
+        },
+        end: {
+          line: 72,
+          column: 105
+        }
+      },
+      "18": {
+        start: {
+          line: 73,
           column: 18
         },
         end: {
-          line: 64,
-          column: 177
+          line: 73,
+          column: 193
         }
       },
-      "17": {
+      "19": {
         start: {
-          line: 65,
+          line: 74,
           column: 4
         },
         end: {
-          line: 74,
+          line: 83,
           column: 5
         }
       },
-      "18": {
+      "20": {
         start: {
-          line: 66,
+          line: 75,
           column: 8
         },
         end: {
-          line: 67,
+          line: 76,
           column: 153
         }
       },
-      "19": {
+      "21": {
         start: {
-          line: 69,
+          line: 78,
           column: 9
         },
         end: {
-          line: 74,
+          line: 83,
           column: 5
         }
       },
-      "20": {
+      "22": {
         start: {
-          line: 70,
+          line: 79,
           column: 8
         },
         end: {
-          line: 70,
+          line: 79,
           column: 49
         }
       },
-      "21": {
+      "23": {
         start: {
-          line: 73,
+          line: 82,
           column: 8
         },
         end: {
-          line: 73,
+          line: 82,
           column: 47
         }
       },
-      "22": {
+      "24": {
         start: {
-          line: 75,
+          line: 84,
           column: 4
         },
         end: {
-          line: 75,
+          line: 84,
           column: 39
         }
       },
-      "23": {
+      "25": {
         start: {
-          line: 76,
+          line: 85,
           column: 4
         },
         end: {
-          line: 77,
+          line: 86,
           column: 29
         }
       },
-      "24": {
+      "26": {
         start: {
-          line: 77,
+          line: 86,
           column: 8
         },
         end: {
-          line: 77,
+          line: 86,
           column: 29
         }
       },
-      "25": {
+      "27": {
         start: {
-          line: 78,
+          line: 87,
           column: 4
         },
         end: {
-          line: 79,
+          line: 88,
           column: 29
         }
       },
-      "26": {
+      "28": {
         start: {
-          line: 79,
+          line: 88,
           column: 8
         },
         end: {
-          line: 79,
+          line: 88,
           column: 29
         }
       },
-      "27": {
+      "29": {
         start: {
-          line: 80,
+          line: 89,
           column: 24
         },
         end: {
-          line: 80,
+          line: 89,
           column: 54
         }
       },
-      "28": {
+      "30": {
         start: {
-          line: 81,
+          line: 90,
           column: 4
         },
         end: {
-          line: 84,
+          line: 93,
           column: 168
         }
       },
-      "29": {
+      "31": {
         start: {
-          line: 86,
+          line: 95,
           column: 28
         },
         end: {
-          line: 86,
+          line: 95,
           column: 61
         }
       },
-      "30": {
+      "32": {
         start: {
-          line: 87,
+          line: 96,
           column: 22
         },
         end: {
-          line: 87,
+          line: 96,
           column: 53
         }
       }
@@ -10230,95 +10250,95 @@ function cov_2anqb7tsc9() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 50,
+            line: 55,
             column: 36
           },
           end: {
-            line: 50,
+            line: 55,
             column: 37
           }
         },
         loc: {
           start: {
-            line: 50,
+            line: 55,
             column: 73
           },
           end: {
-            line: 58,
+            line: 63,
             column: 1
           }
         },
-        line: 50
+        line: 55
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 59,
+            line: 64,
             column: 24
           },
           end: {
-            line: 59,
+            line: 64,
             column: 25
           }
         },
         loc: {
           start: {
-            line: 59,
+            line: 64,
             column: 176
           },
           end: {
-            line: 85,
+            line: 94,
             column: 1
           }
         },
-        line: 59
+        line: 64
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 60,
+            line: 65,
             column: 24
           },
           end: {
-            line: 60,
+            line: 65,
             column: 25
           }
         },
         loc: {
           start: {
-            line: 60,
+            line: 65,
             column: 35
           },
           end: {
-            line: 63,
+            line: 68,
             column: 5
           }
         },
-        line: 60
+        line: 65
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 51,
+            line: 56,
             column: 4
           },
           end: {
-            line: 52,
+            line: 57,
             column: 92
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 51,
+            line: 56,
             column: 4
           },
           end: {
-            line: 52,
+            line: 57,
             column: 92
           }
         }, {
@@ -10331,60 +10351,60 @@ function cov_2anqb7tsc9() {
             column: undefined
           }
         }],
-        line: 51
+        line: 56
       },
       "1": {
         loc: {
           start: {
-            line: 51,
+            line: 56,
             column: 8
           },
           end: {
-            line: 51,
+            line: 56,
             column: 32
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 51,
+            line: 56,
             column: 8
           },
           end: {
-            line: 51,
+            line: 56,
             column: 18
           }
         }, {
           start: {
-            line: 51,
+            line: 56,
             column: 22
           },
           end: {
-            line: 51,
+            line: 56,
             column: 32
           }
         }],
-        line: 51
+        line: 56
       },
       "2": {
         loc: {
           start: {
-            line: 53,
+            line: 58,
             column: 4
           },
           end: {
-            line: 56,
+            line: 61,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 53,
+            line: 58,
             column: 4
           },
           end: {
-            line: 56,
+            line: 61,
             column: 5
           }
         }, {
@@ -10397,216 +10417,249 @@ function cov_2anqb7tsc9() {
             column: undefined
           }
         }],
-        line: 53
+        line: 58
       },
       "3": {
         loc: {
           start: {
-            line: 59,
+            line: 64,
             column: 46
           },
           end: {
-            line: 59,
+            line: 64,
             column: 65
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 59,
+            line: 64,
             column: 56
           },
           end: {
-            line: 59,
+            line: 64,
             column: 65
           }
         }],
-        line: 59
+        line: 64
       },
       "4": {
         loc: {
           start: {
-            line: 59,
+            line: 64,
             column: 114
           },
           end: {
-            line: 59,
+            line: 64,
             column: 130
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 59,
+            line: 64,
             column: 121
           },
           end: {
-            line: 59,
+            line: 64,
             column: 130
           }
         }],
-        line: 59
+        line: 64
       },
       "5": {
         loc: {
           start: {
-            line: 59,
+            line: 64,
             column: 132
           },
           end: {
-            line: 59,
+            line: 64,
             column: 154
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 59,
+            line: 64,
             column: 147
           },
           end: {
-            line: 59,
+            line: 64,
             column: 154
           }
         }],
-        line: 59
+        line: 64
       },
       "6": {
         loc: {
           start: {
-            line: 62,
+            line: 67,
             column: 8
           },
           end: {
-            line: 62,
+            line: 67,
             column: 60
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 62,
+            line: 67,
             column: 9
           },
           end: {
-            line: 62,
+            line: 67,
             column: 18
           }
         }, {
           start: {
-            line: 62,
+            line: 67,
             column: 22
           },
           end: {
-            line: 62,
+            line: 67,
             column: 30
           }
         }, {
           start: {
-            line: 62,
+            line: 67,
             column: 35
           },
           end: {
-            line: 62,
+            line: 67,
             column: 42
           }
         }, {
           start: {
-            line: 62,
+            line: 67,
             column: 46
           },
           end: {
-            line: 62,
+            line: 67,
             column: 60
           }
         }],
-        line: 62
+        line: 67
       },
       "7": {
         loc: {
           start: {
-            line: 65,
-            column: 4
+            line: 72,
+            column: 30
+          },
+          end: {
+            line: 72,
+            column: 105
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 72,
+            column: 55
+          },
+          end: {
+            line: 72,
+            column: 57
+          }
+        }, {
+          start: {
+            line: 72,
+            column: 60
           },
           end: {
+            line: 72,
+            column: 105
+          }
+        }],
+        line: 72
+      },
+      "8": {
+        loc: {
+          start: {
             line: 74,
+            column: 4
+          },
+          end: {
+            line: 83,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 65,
+            line: 74,
             column: 4
           },
           end: {
-            line: 74,
+            line: 83,
             column: 5
           }
         }, {
           start: {
-            line: 69,
+            line: 78,
             column: 9
           },
           end: {
-            line: 74,
+            line: 83,
             column: 5
           }
         }],
-        line: 65
+        line: 74
       },
-      "8": {
+      "9": {
         loc: {
           start: {
-            line: 69,
+            line: 78,
             column: 9
           },
           end: {
-            line: 74,
+            line: 83,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 69,
+            line: 78,
             column: 9
           },
           end: {
-            line: 74,
+            line: 83,
             column: 5
           }
         }, {
           start: {
-            line: 72,
+            line: 81,
             column: 9
           },
           end: {
-            line: 74,
+            line: 83,
             column: 5
           }
         }],
-        line: 69
+        line: 78
       },
-      "9": {
+      "10": {
         loc: {
           start: {
-            line: 76,
+            line: 85,
             column: 4
           },
           end: {
-            line: 77,
+            line: 86,
             column: 29
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 76,
+            line: 85,
             column: 4
           },
           end: {
-            line: 77,
+            line: 86,
             column: 29
           }
         }, {
@@ -10619,27 +10672,27 @@ function cov_2anqb7tsc9() {
             column: undefined
           }
         }],
-        line: 76
+        line: 85
       },
-      "10": {
+      "11": {
         loc: {
           start: {
-            line: 78,
+            line: 87,
             column: 4
           },
           end: {
-            line: 79,
+            line: 88,
             column: 29
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 78,
+            line: 87,
             column: 4
           },
           end: {
-            line: 79,
+            line: 88,
             column: 29
           }
         }, {
@@ -10652,199 +10705,199 @@ function cov_2anqb7tsc9() {
             column: undefined
           }
         }],
-        line: 78
+        line: 87
       },
-      "11": {
+      "12": {
         loc: {
           start: {
-            line: 80,
+            line: 89,
             column: 24
           },
           end: {
-            line: 80,
+            line: 89,
             column: 54
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 80,
+            line: 89,
             column: 25
           },
           end: {
-            line: 80,
+            line: 89,
             column: 32
           }
         }, {
           start: {
-            line: 80,
+            line: 89,
             column: 36
           },
           end: {
-            line: 80,
+            line: 89,
             column: 45
           }
         }, {
           start: {
-            line: 80,
+            line: 89,
             column: 50
           },
           end: {
-            line: 80,
+            line: 89,
             column: 54
           }
         }],
-        line: 80
+        line: 89
       },
-      "12": {
+      "13": {
         loc: {
           start: {
-            line: 82,
+            line: 91,
             column: 8
           },
           end: {
-            line: 82,
+            line: 91,
             column: 164
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 82,
+            line: 91,
             column: 8
           },
           end: {
-            line: 82,
+            line: 91,
             column: 19
           }
         }, {
           start: {
-            line: 82,
+            line: 91,
             column: 23
           },
           end: {
-            line: 82,
+            line: 91,
             column: 46
           }
         }, {
           start: {
-            line: 82,
+            line: 91,
             column: 51
           },
           end: {
-            line: 82,
+            line: 91,
             column: 163
           }
         }],
-        line: 82
+        line: 91
       },
-      "13": {
+      "14": {
         loc: {
           start: {
-            line: 82,
+            line: 91,
             column: 104
           },
           end: {
-            line: 82,
+            line: 91,
             column: 128
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 82,
+            line: 91,
             column: 123
           },
           end: {
-            line: 82,
+            line: 91,
             column: 124
           }
         }, {
           start: {
-            line: 82,
+            line: 91,
             column: 127
           },
           end: {
-            line: 82,
+            line: 91,
             column: 128
           }
         }],
-        line: 82
+        line: 91
       },
-      "14": {
+      "15": {
         loc: {
           start: {
-            line: 84,
+            line: 93,
             column: 8
           },
           end: {
-            line: 84,
+            line: 93,
             column: 165
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 84,
+            line: 93,
             column: 8
           },
           end: {
-            line: 84,
+            line: 93,
             column: 19
           }
         }, {
           start: {
-            line: 84,
+            line: 93,
             column: 23
           },
           end: {
-            line: 84,
+            line: 93,
             column: 47
           }
         }, {
           start: {
-            line: 84,
+            line: 93,
             column: 52
           },
           end: {
-            line: 84,
+            line: 93,
             column: 164
           }
         }],
-        line: 84
+        line: 93
       },
-      "15": {
+      "16": {
         loc: {
           start: {
-            line: 84,
+            line: 93,
             column: 105
           },
           end: {
-            line: 84,
+            line: 93,
             column: 129
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 84,
+            line: 93,
             column: 124
           },
           end: {
-            line: 84,
+            line: 93,
             column: 125
           }
         }, {
           start: {
-            line: 84,
+            line: 93,
             column: 128
           },
           end: {
-            line: 84,
+            line: 93,
             column: 129
           }
         }],
-        line: 84
+        line: 93
       }
     },
     s: {
@@ -10878,7 +10931,9 @@ function cov_2anqb7tsc9() {
       "27": 0,
       "28": 0,
       "29": 0,
-      "30": 0
+      "30": 0,
+      "31": 0,
+      "32": 0
     },
     f: {
       "0": 0,
@@ -10897,14 +10952,15 @@ function cov_2anqb7tsc9() {
       "8": [0, 0],
       "9": [0, 0],
       "10": [0, 0],
-      "11": [0, 0, 0],
+      "11": [0, 0],
       "12": [0, 0, 0],
-      "13": [0, 0],
-      "14": [0, 0, 0],
-      "15": [0, 0]
+      "13": [0, 0, 0],
+      "14": [0, 0],
+      "15": [0, 0, 0],
+      "16": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "f580288a231303d8d18746eaabaef75e837729e2"
+    hash: "42df3ac47e717dc9cd161175937cf982c0e4baf1"
   };
   var coverage = global[gcv] || (global[gcv] = {});
 
@@ -10946,12 +11002,12 @@ var listOfStylesActive = ( /*#__PURE__*/cov_2anqb7tsc9().s[1]++, {
 var commonFocus = ( /*#__PURE__*/cov_2anqb7tsc9().s[2]++, 'focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-1');
 var listOfStyles = ( /*#__PURE__*/cov_2anqb7tsc9().s[3]++, {
   primary: "bg-primary text-base-1 " + listOfStylesHover['primary'] + " " + listOfStylesActive['primary'] + " " + commonFocus,
-  secondary: "bg-primary-light text-primary-bold  " + listOfStylesHover['secondary'] + " " + listOfStylesActive['secondary'] + " " + commonFocus,
+  secondary: "bg-primary-light text-primary-bold komea:bg-secondary komea:text-secondary-bold komea:hover:bg-secondary/80 komea:active:bg-secondary/60 komea:active:shadow-none  " + listOfStylesHover['secondary'] + " " + listOfStylesActive['secondary'] + " " + commonFocus,
   outlineSecondary: "bg-transparent text-primary border border-primary " + listOfStylesHover['outlineSecondary'] + " " + listOfStylesActive['outlineSecondary'] + " " + commonFocus,
   tertiary: "bg-inverted-2 text-on-primary " + listOfStylesHover['tertiary'] + " " + listOfStylesActive['tertiary'] + " " + commonFocus,
   warning: "bg-warning text-on-base " + listOfStylesHover['warning'] + " " + listOfStylesActive['warning'] + " " + commonFocus,
   danger: "bg-danger text-base-1 " + listOfStylesHover['danger'] + " " + listOfStylesActive['danger'] + " " + commonFocus,
-  outline: "bg-transparent text-inverted-2 border border-inverted-2 " + listOfStylesHover['outline'] + " " + listOfStylesActive['outline'] + " " + commonFocus,
+  outline: "bg-transparent text-inverted-2 border border-inverted-2 komea:border-card-stroke komea:bg-base-2 komea:text-on-base komea:hover:bg-primary-light komea:active:bg-secondary komea:active:shadow-none " + listOfStylesHover['outline'] + " " + listOfStylesActive['outline'] + " " + commonFocus,
   onlyText: "bg-transparent border-transparent text-inverted-2 px-0 " + listOfStylesHover['onlyText'] + " " + listOfStylesActive['onlyText'] + " " + commonFocus
 });
 var defaultDisabledStyle = ( /*#__PURE__*/cov_2anqb7tsc9().s[4]++, "bg-base-3 cursor-default text-on-base-2 shadow-none ring-0 border-0 hover:bg-base-3 hover:text-on-base-2 ");
@@ -10965,22 +11021,27 @@ var listOfStylesDisabled = ( /*#__PURE__*/cov_2anqb7tsc9().s[5]++, {
   outline: defaultDisabledStyle,
   onlyText: "bg-transparent text-on-base-3 shadow-none ring-0 border-0 "
 });
-var listOfSizes = ( /*#__PURE__*/cov_2anqb7tsc9().s[6]++, {
-  small: "text-f6 h-10",
-  "default": "text-f6 h-12",
-  large: "text-f5 h-14"
+var listOfSizePaddings = ( /*#__PURE__*/cov_2anqb7tsc9().s[6]++, {
+  small: "komea:px-3",
+  "default": "",
+  large: "komea:px-6"
 });
-var ButtonType = ( /*#__PURE__*/cov_2anqb7tsc9().s[7]++, /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var listOfSizes = ( /*#__PURE__*/cov_2anqb7tsc9().s[7]++, {
+  small: "text-f6 komea:h-8 h-10",
+  "default": "text-f6 komea:h-9 h-12",
+  large: "text-f5 komea:h-10 h-14"
+});
+var ButtonType = ( /*#__PURE__*/cov_2anqb7tsc9().s[8]++, /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var as = _ref.as,
       children = _ref.children,
       props = _objectWithoutPropertiesLoose(_ref, ["as", "children"]);
 
   cov_2anqb7tsc9().f[0]++;
-  cov_2anqb7tsc9().s[8]++;
+  cov_2anqb7tsc9().s[9]++;
 
   if ((cov_2anqb7tsc9().b[1][0]++, as === 'a') || (cov_2anqb7tsc9().b[1][1]++, props.href)) {
     cov_2anqb7tsc9().b[0][0]++;
-    cov_2anqb7tsc9().s[9]++;
+    cov_2anqb7tsc9().s[10]++;
     return /*#__PURE__*/React.createElement("a", Object.assign({}, props, {
       ref: ref
     }), children);
@@ -10988,23 +11049,23 @@ var ButtonType = ( /*#__PURE__*/cov_2anqb7tsc9().s[7]++, /*#__PURE__*/React.forw
     cov_2anqb7tsc9().b[0][1]++;
   }
 
-  cov_2anqb7tsc9().s[10]++;
+  cov_2anqb7tsc9().s[11]++;
 
   if (!props.type) {
     cov_2anqb7tsc9().b[2][0]++;
-    cov_2anqb7tsc9().s[11]++;
+    cov_2anqb7tsc9().s[12]++;
     // Default to button when missing type
     props.type = 'button';
   } else {
     cov_2anqb7tsc9().b[2][1]++;
   }
 
-  cov_2anqb7tsc9().s[12]++;
+  cov_2anqb7tsc9().s[13]++;
   return /*#__PURE__*/React.createElement("button", Object.assign({}, props, {
     ref: ref
   }), children);
 }));
-cov_2anqb7tsc9().s[13]++;
+cov_2anqb7tsc9().s[14]++;
 
 var ButtonComponent = function ButtonComponent(_ref2, ref) {
   var children = _ref2.children,
@@ -11023,78 +11084,82 @@ var ButtonComponent = function ButtonComponent(_ref2, ref) {
       props = _objectWithoutPropertiesLoose(_ref2, ["children", "loading", "variant", "fullWidth", "icon", "disabled", "className", "onClick", "size", "iconPosition"]);
 
   cov_2anqb7tsc9().f[1]++;
-  cov_2anqb7tsc9().s[14]++;
+  cov_2anqb7tsc9().s[15]++;
 
   var handleClick = function handleClick(event) {
     cov_2anqb7tsc9().f[2]++;
-    cov_2anqb7tsc9().s[15]++;
+    cov_2anqb7tsc9().s[16]++;
     ((cov_2anqb7tsc9().b[6][0]++, !disabled) || (cov_2anqb7tsc9().b[6][1]++, !loading)) && (cov_2anqb7tsc9().b[6][2]++, onClick) && (cov_2anqb7tsc9().b[6][3]++, onClick(event));
-  };
+  }; // `onlyText` é o único que não tem caixa, e o padding horizontal fica fora dele. Não dá para
+  // apenas parear com `komea:px-0`: as duas classes empatam em especificidade e o Tailwind emite
+  // `px-0` antes de `px-3`/`px-4`/`px-6`, então o zero perderia pela ordem.
 
-  var classes = (cov_2anqb7tsc9().s[16]++, "inline-flex font-medium items-center justify-center px-5 text-center no-underline cursor-pointer transition rounded-md after:align-middle focus:outline-none ");
-  cov_2anqb7tsc9().s[17]++;
+
+  var horizontalPadding = (cov_2anqb7tsc9().s[17]++, variant === 'onlyText' ? (cov_2anqb7tsc9().b[7][0]++, '') : (cov_2anqb7tsc9().b[7][1]++, "px-5 komea:px-4 " + listOfSizePaddings[size]));
+  var classes = (cov_2anqb7tsc9().s[18]++, "inline-flex font-medium items-center justify-center " + horizontalPadding + " text-center no-underline cursor-pointer transition rounded-md after:align-middle focus:outline-none ");
+  cov_2anqb7tsc9().s[19]++;
 
   if (loading) {
-    cov_2anqb7tsc9().b[7][0]++;
-    cov_2anqb7tsc9().s[18]++;
+    cov_2anqb7tsc9().b[8][0]++;
+    cov_2anqb7tsc9().s[20]++;
     classes += 'bg-base-3 cursor-default text-on-base-2 pointer-events-none shadow-none ring-0 border-0 hover:bg-base-3 hover:text-on-base-2 focus:ring-0 ';
   } else {
-    cov_2anqb7tsc9().b[7][1]++;
-    cov_2anqb7tsc9().s[19]++;
+    cov_2anqb7tsc9().b[8][1]++;
+    cov_2anqb7tsc9().s[21]++;
 
     if (disabled) {
-      cov_2anqb7tsc9().b[8][0]++;
-      cov_2anqb7tsc9().s[20]++;
+      cov_2anqb7tsc9().b[9][0]++;
+      cov_2anqb7tsc9().s[22]++;
       classes += listOfStylesDisabled[variant];
     } else {
-      cov_2anqb7tsc9().b[8][1]++;
-      cov_2anqb7tsc9().s[21]++;
+      cov_2anqb7tsc9().b[9][1]++;
+      cov_2anqb7tsc9().s[23]++;
       classes += listOfStyles[variant] + " ";
     }
   }
 
-  cov_2anqb7tsc9().s[22]++;
+  cov_2anqb7tsc9().s[24]++;
   classes += listOfSizes[size] + " ";
-  cov_2anqb7tsc9().s[23]++;
+  cov_2anqb7tsc9().s[25]++;
 
   if (fullWidth) {
-    cov_2anqb7tsc9().b[9][0]++;
-    cov_2anqb7tsc9().s[24]++;
+    cov_2anqb7tsc9().b[10][0]++;
+    cov_2anqb7tsc9().s[26]++;
     classes += 'w-full ';
   } else {
-    cov_2anqb7tsc9().b[9][1]++;
+    cov_2anqb7tsc9().b[10][1]++;
   }
 
-  cov_2anqb7tsc9().s[25]++;
+  cov_2anqb7tsc9().s[27]++;
 
   if (className) {
-    cov_2anqb7tsc9().b[10][0]++;
-    cov_2anqb7tsc9().s[26]++;
+    cov_2anqb7tsc9().b[11][0]++;
+    cov_2anqb7tsc9().s[28]++;
     classes += className;
   } else {
-    cov_2anqb7tsc9().b[10][1]++;
+    cov_2anqb7tsc9().b[11][1]++;
   }
 
-  var currentIcon = (cov_2anqb7tsc9().s[27]++, (cov_2anqb7tsc9().b[11][0]++, loading) && (cov_2anqb7tsc9().b[11][1]++, 'loading') || (cov_2anqb7tsc9().b[11][2]++, icon));
-  cov_2anqb7tsc9().s[28]++;
+  var currentIcon = (cov_2anqb7tsc9().s[29]++, (cov_2anqb7tsc9().b[12][0]++, loading) && (cov_2anqb7tsc9().b[12][1]++, 'loading') || (cov_2anqb7tsc9().b[12][2]++, icon));
+  cov_2anqb7tsc9().s[30]++;
   return /*#__PURE__*/React.createElement(ButtonType, Object.assign({
     ref: ref,
     className: classes,
     disabled: disabled,
     onClick: handleClick
-  }, props), (cov_2anqb7tsc9().b[12][0]++, currentIcon) && (cov_2anqb7tsc9().b[12][1]++, iconPosition === 'left') && (cov_2anqb7tsc9().b[12][2]++, /*#__PURE__*/React.createElement(Icon, {
+  }, props), (cov_2anqb7tsc9().b[13][0]++, currentIcon) && (cov_2anqb7tsc9().b[13][1]++, iconPosition === 'left') && (cov_2anqb7tsc9().b[13][2]++, /*#__PURE__*/React.createElement(Icon, {
     icon: currentIcon,
-    size: size === 'small' ? (cov_2anqb7tsc9().b[13][0]++, 3) : (cov_2anqb7tsc9().b[13][1]++, 4),
+    size: size === 'small' ? (cov_2anqb7tsc9().b[14][0]++, 3) : (cov_2anqb7tsc9().b[14][1]++, 4),
     className: "mr-2 inline-block"
-  })), children, (cov_2anqb7tsc9().b[14][0]++, currentIcon) && (cov_2anqb7tsc9().b[14][1]++, iconPosition === 'right') && (cov_2anqb7tsc9().b[14][2]++, /*#__PURE__*/React.createElement(Icon, {
+  })), children, (cov_2anqb7tsc9().b[15][0]++, currentIcon) && (cov_2anqb7tsc9().b[15][1]++, iconPosition === 'right') && (cov_2anqb7tsc9().b[15][2]++, /*#__PURE__*/React.createElement(Icon, {
     icon: currentIcon,
-    size: size === 'small' ? (cov_2anqb7tsc9().b[15][0]++, 3) : (cov_2anqb7tsc9().b[15][1]++, 4),
+    size: size === 'small' ? (cov_2anqb7tsc9().b[16][0]++, 3) : (cov_2anqb7tsc9().b[16][1]++, 4),
     className: "ml-3 inline-block"
   })));
 };
 
-var ButtonWithFowardRef = ( /*#__PURE__*/cov_2anqb7tsc9().s[29]++, /*#__PURE__*/React.forwardRef(ButtonComponent));
-var Button = ( /*#__PURE__*/cov_2anqb7tsc9().s[30]++, /*#__PURE__*/React.memo(ButtonWithFowardRef));
+var ButtonWithFowardRef = ( /*#__PURE__*/cov_2anqb7tsc9().s[31]++, /*#__PURE__*/React.forwardRef(ButtonComponent));
+var Button = ( /*#__PURE__*/cov_2anqb7tsc9().s[32]++, /*#__PURE__*/React.memo(ButtonWithFowardRef));
 
 function cov_7nvmxoy3u() {
   var path = "/home/runner/_work/admin-components/admin-components/styleguide/src/Components/Button/index.tsx";
@@ -11970,7 +12035,7 @@ cov_1kzhtm5i1u();
 
 function cov_psbeb0r8e() {
   var path = "/home/runner/_work/admin-components/admin-components/styleguide/src/Forms/commonStyles.ts";
-  var hash = "d8320992f08795f4dd3048580e8311e78093aba4";
+  var hash = "5f9282f0918978247399fbaf63c4522ef682625b";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -11993,7 +12058,7 @@ function cov_psbeb0r8e() {
         },
         end: {
           line: 2,
-          column: 94
+          column: 148
         }
       },
       "2": {
@@ -12013,7 +12078,7 @@ function cov_psbeb0r8e() {
         },
         end: {
           line: 4,
-          column: 69
+          column: 136
         }
       },
       "4": {
@@ -12023,7 +12088,7 @@ function cov_psbeb0r8e() {
         },
         end: {
           line: 5,
-          column: 56
+          column: 147
         }
       },
       "5": {
@@ -12043,7 +12108,7 @@ function cov_psbeb0r8e() {
         },
         end: {
           line: 7,
-          column: 207
+          column: 305
         }
       },
       "7": {
@@ -12053,7 +12118,7 @@ function cov_psbeb0r8e() {
         },
         end: {
           line: 8,
-          column: 208
+          column: 295
         }
       },
       "8": {
@@ -12062,37 +12127,67 @@ function cov_psbeb0r8e() {
           column: 25
         },
         end: {
-          line: 9,
-          column: 114
+          line: 9,
+          column: 114
+        }
+      },
+      "9": {
+        start: {
+          line: 24,
+          column: 28
+        },
+        end: {
+          line: 24,
+          column: 65
+        }
+      },
+      "10": {
+        start: {
+          line: 25,
+          column: 44
+        },
+        end: {
+          line: 25,
+          column: 124
+        }
+      },
+      "11": {
+        start: {
+          line: 26,
+          column: 43
+        },
+        end: {
+          line: 26,
+          column: 121
         }
       },
-      "9": {
+      "12": {
         start: {
-          line: 10,
+          line: 27,
           column: 29
         },
         end: {
-          line: 10,
+          line: 27,
           column: 67
         }
       },
-      "10": {
+      "13": {
         start: {
-          line: 11,
+          line: 28,
           column: 28
         },
         end: {
-          line: 11,
+          line: 28,
           column: 67
         }
       },
-      "11": {
+      "14": {
         start: {
-          line: 12,
+          line: 29,
           column: 30
         },
         end: {
-          line: 17,
+          line: 34,
           column: 1
         }
       }
@@ -12111,12 +12206,15 @@ function cov_psbeb0r8e() {
       "8": 0,
       "9": 0,
       "10": 0,
-      "11": 0
+      "11": 0,
+      "12": 0,
+      "13": 0,
+      "14": 0
     },
     f: {},
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "d8320992f08795f4dd3048580e8311e78093aba4"
+    hash: "5f9282f0918978247399fbaf63c4522ef682625b"
   };
   var coverage = global[gcv] || (global[gcv] = {});
 
@@ -12136,26 +12234,43 @@ function cov_psbeb0r8e() {
 
 cov_psbeb0r8e();
 var inputPlaceholderClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[0]++, 'placeholder-on-base-2');
-var inputContainerDisabledClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[1]++, '!bg-base-3 !pointer-events-none !text-on-base-2');
+var inputContainerDisabledClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[1]++, '!bg-base-3 !pointer-events-none !text-on-base-2 komea:!bg-base-1 komea:!text-on-base komea:opacity-50');
 var inputContainerReadonlyClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[2]++, '!bg-base-2');
-var errorBorderClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[3]++, 'border-danger focus:border-danger');
-var defaultBorderClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[4]++, 'border-card-stroke');
+var errorBorderClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[3]++, 'border-danger focus:border-danger komea:focus-within:border-danger komea:focus-within:ring-danger/20');
+var defaultBorderClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[4]++, 'border-card-stroke komea:border-input-stroke komea:focus-within:border-focus komea:focus-within:ring-focus/50');
 var focusClass = ( /*#__PURE__*/cov_psbeb0r8e().s[5]++, 'focus:border-inverted-1');
-var inputClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[6]++, "appearance-none shadow-none outline-none bg-base-1 border px-4 rounded text-on-base text-sm min-w-0 w-full transition-border duration-75 " + focusClass + " " + inputPlaceholderClasses);
-var inputContainerClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[7]++, "flex focus-within:border-inverted-1 bg-base-1 border rounded text-on-base text-sm min-w-0 w-full transition-border duration-75 overflow-hidden " + inputPlaceholderClasses);
-var adornmentClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[8]++, "adornment flex justify-center items-center relative w-16 text-f6 text-inverted-2 -mt-px");
-var prefixClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[9]++, adornmentClasses + " rounded-l left-0");
-var sufixClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[10]++, adornmentClasses + " rounded-r right-0");
-var variantClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[11]++, {
-  "default": 'h-12',
-  small: 'h-10',
-  large: 'h-14',
+var inputClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[6]++, "appearance-none shadow-none outline-none bg-base-1 border px-4 rounded text-on-base text-sm min-w-0 w-full transition-border duration-75 komea:px-3 komea:shadow-sm komea:text-body-large md:komea:text-body komea:focus-within:ring-[3px] " + focusClass + " " + inputPlaceholderClasses);
+var inputContainerClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[7]++, "flex focus-within:border-inverted-1 bg-base-1 border rounded text-on-base text-sm min-w-0 w-full transition-border duration-75 overflow-hidden komea:shadow-sm komea:text-body-large md:komea:text-body komea:focus-within:ring-[3px] " + inputPlaceholderClasses);
+var adornmentClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[8]++, "adornment flex justify-center items-center relative w-16 text-f6 text-inverted-2 -mt-px"); // Sem borda o adorno não é uma caixa, é o addon do komea-ds: 12px de recuo, ícone de 16px e 8px até
+// o valor.
+//
+// O ícone é normalizado porque o default do nosso `Icon` é 5 (20px) e o DS usa 16 nos campos — é o
+// que torna a geometria determinística em vez de depender do `size` que a app passou. Descendente e
+// não filho direto (`[&_svg]`, não `[&>svg]`) porque a app pode embrulhar o ícone: o campo de busca
+// põe um `<button>` no meio. E `h-4 w-4` em vez de `size-4`, porque `size-*` só existe do Tailwind
+// 3.4 em diante e há app desta linha pinada em 3.3.0, onde a classe não seria gerada.
+//
+// Os 8px até o valor saem do padding do **campo**, não do adorno: um filho `w-full` — o botão do
+// campo de busca — ocuparia a caixa de conteúdo inteira e comeria um padding posto aqui.
+//
+// `shrink-0` porque o adorno é item flex: sem ele o `w-7` é só uma base e o navegador comprime a
+// caixa quando o campo é estreito, levando a geometria junto.
+
+var borderlessKomeaIcon = ( /*#__PURE__*/cov_psbeb0r8e().s[9]++, 'komea:[&_svg]:h-4 komea:[&_svg]:w-4');
+var prefixBorderlessKomeaClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[10]++, "komea:w-7 komea:shrink-0 komea:justify-start komea:pl-3 " + borderlessKomeaIcon);
+var sufixBorderlessKomeaClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[11]++, "komea:w-7 komea:shrink-0 komea:justify-end komea:pr-3 " + borderlessKomeaIcon);
+var prefixClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[12]++, adornmentClasses + " rounded-l left-0");
+var sufixClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[13]++, adornmentClasses + " rounded-r right-0");
+var variantClasses = ( /*#__PURE__*/cov_psbeb0r8e().s[14]++, {
+  "default": 'komea:h-9 h-12',
+  small: 'komea:h-8 h-10',
+  large: 'komea:h-10 h-14',
   xlarge: 'h-24'
 });
 
 function cov_19tsj3a3jt() {
   var path = "/home/runner/_work/admin-components/admin-components/styleguide/src/Forms/Input/Input.tsx";
-  var hash = "8454beafefacf1af4f824d8c3103d4fe3fe67ade";
+  var hash = "243dfe5f9ad41aca2ee474c5f6d0f802661638b4";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -12198,7 +12313,7 @@ function cov_19tsj3a3jt() {
         },
         end: {
           line: 8,
-          column: 112
+          column: 164
         }
       },
       "4": {
@@ -12208,7 +12323,7 @@ function cov_19tsj3a3jt() {
         },
         end: {
           line: 9,
-          column: 110
+          column: 160
         }
       },
       "5": {
@@ -12298,7 +12413,7 @@ function cov_19tsj3a3jt() {
         },
         end: {
           line: 23,
-          column: 345
+          column: 378
         }
       },
       "14": {
@@ -12647,6 +12762,39 @@ function cov_19tsj3a3jt() {
         line: 8
       },
       "10": {
+        loc: {
+          start: {
+            line: 8,
+            column: 114
+          },
+          end: {
+            line: 8,
+            column: 162
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 8,
+            column: 129
+          },
+          end: {
+            line: 8,
+            column: 131
+          }
+        }, {
+          start: {
+            line: 8,
+            column: 134
+          },
+          end: {
+            line: 8,
+            column: 162
+          }
+        }],
+        line: 8
+      },
+      "11": {
         loc: {
           start: {
             line: 9,
@@ -12679,7 +12827,40 @@ function cov_19tsj3a3jt() {
         }],
         line: 9
       },
-      "11": {
+      "12": {
+        loc: {
+          start: {
+            line: 9,
+            column: 112
+          },
+          end: {
+            line: 9,
+            column: 158
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 9,
+            column: 126
+          },
+          end: {
+            line: 9,
+            column: 128
+          }
+        }, {
+          start: {
+            line: 9,
+            column: 131
+          },
+          end: {
+            line: 9,
+            column: 158
+          }
+        }],
+        line: 9
+      },
+      "13": {
         loc: {
           start: {
             line: 11,
@@ -12712,7 +12893,7 @@ function cov_19tsj3a3jt() {
         }],
         line: 11
       },
-      "12": {
+      "14": {
         loc: {
           start: {
             line: 14,
@@ -12745,7 +12926,7 @@ function cov_19tsj3a3jt() {
         }],
         line: 14
       },
-      "13": {
+      "15": {
         loc: {
           start: {
             line: 17,
@@ -12778,304 +12959,304 @@ function cov_19tsj3a3jt() {
         }],
         line: 17
       },
-      "14": {
+      "16": {
         loc: {
           start: {
             line: 23,
-            column: 119
+            column: 130
           },
           end: {
             line: 23,
-            column: 176
+            column: 187
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
             line: 23,
-            column: 135
+            column: 146
           },
           end: {
             line: 23,
-            column: 153
+            column: 164
           }
         }, {
           start: {
             line: 23,
-            column: 156
+            column: 167
           },
           end: {
             line: 23,
-            column: 176
+            column: 187
           }
         }],
         line: 23
       },
-      "15": {
+      "17": {
         loc: {
           start: {
             line: 23,
-            column: 180
+            column: 191
           },
           end: {
             line: 23,
-            column: 220
+            column: 231
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
             line: 23,
-            column: 205
+            column: 216
           },
           end: {
             line: 23,
-            column: 215
+            column: 226
           }
         }, {
           start: {
             line: 23,
-            column: 218
+            column: 229
           },
           end: {
             line: 23,
-            column: 220
+            column: 231
           }
         }],
         line: 23
       },
-      "16": {
+      "18": {
         loc: {
           start: {
             line: 23,
-            column: 180
+            column: 191
           },
           end: {
             line: 23,
-            column: 202
+            column: 213
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
             line: 23,
-            column: 180
+            column: 191
           },
           end: {
             line: 23,
-            column: 186
+            column: 197
           }
         }, {
           start: {
             line: 23,
-            column: 190
+            column: 201
           },
           end: {
             line: 23,
-            column: 202
+            column: 213
           }
         }],
         line: 23
       },
-      "17": {
+      "19": {
         loc: {
           start: {
             line: 23,
-            column: 225
+            column: 236
           },
           end: {
             line: 23,
-            column: 263
+            column: 274
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
             line: 23,
-            column: 248
+            column: 259
           },
           end: {
             line: 23,
-            column: 258
+            column: 269
           }
         }, {
           start: {
             line: 23,
-            column: 261
+            column: 272
           },
           end: {
             line: 23,
-            column: 263
+            column: 274
           }
         }],
         line: 23
       },
-      "18": {
+      "20": {
         loc: {
           start: {
             line: 23,
-            column: 225
+            column: 236
           },
           end: {
             line: 23,
-            column: 245
+            column: 256
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
             line: 23,
-            column: 225
+            column: 236
           },
           end: {
             line: 23,
-            column: 230
+            column: 241
           }
         }, {
           start: {
             line: 23,
-            column: 234
+            column: 245
           },
           end: {
             line: 23,
-            column: 245
+            column: 256
           }
         }],
         line: 23
       },
-      "19": {
+      "21": {
         loc: {
           start: {
             line: 23,
-            column: 267
+            column: 278
           },
           end: {
             line: 23,
-            column: 304
+            column: 326
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
             line: 23,
-            column: 293
+            column: 304
           },
           end: {
             line: 23,
-            column: 299
+            column: 321
           }
         }, {
           start: {
             line: 23,
-            column: 302
+            column: 324
           },
           end: {
             line: 23,
-            column: 304
+            column: 326
           }
         }],
         line: 23
       },
-      "20": {
+      "22": {
         loc: {
           start: {
             line: 23,
-            column: 267
+            column: 278
           },
           end: {
             line: 23,
-            column: 290
+            column: 301
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
             line: 23,
-            column: 267
+            column: 278
           },
           end: {
             line: 23,
-            column: 273
+            column: 284
           }
         }, {
           start: {
             line: 23,
-            column: 277
+            column: 288
           },
           end: {
             line: 23,
-            column: 290
+            column: 301
           }
         }],
         line: 23
       },
-      "21": {
+      "23": {
         loc: {
           start: {
             line: 23,
-            column: 308
+            column: 330
           },
           end: {
             line: 23,
-            column: 343
+            column: 376
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
             line: 23,
-            column: 332
+            column: 354
           },
           end: {
             line: 23,
-            column: 338
+            column: 371
           }
         }, {
           start: {
             line: 23,
-            column: 341
+            column: 374
           },
           end: {
             line: 23,
-            column: 343
+            column: 376
           }
         }],
         line: 23
       },
-      "22": {
+      "24": {
         loc: {
           start: {
             line: 23,
-            column: 308
+            column: 330
           },
           end: {
             line: 23,
-            column: 329
+            column: 351
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
             line: 23,
-            column: 308
+            column: 330
           },
           end: {
             line: 23,
-            column: 313
+            column: 335
           }
         }, {
           start: {
             line: 23,
-            column: 317
+            column: 339
           },
           end: {
             line: 23,
-            column: 329
+            column: 351
           }
         }],
         line: 23
       },
-      "23": {
+      "25": {
         loc: {
           start: {
             line: 25,
@@ -13108,7 +13289,7 @@ function cov_19tsj3a3jt() {
         }],
         line: 25
       },
-      "24": {
+      "26": {
         loc: {
           start: {
             line: 29,
@@ -13141,7 +13322,7 @@ function cov_19tsj3a3jt() {
         }],
         line: 29
       },
-      "25": {
+      "27": {
         loc: {
           start: {
             line: 31,
@@ -13225,10 +13406,12 @@ function cov_19tsj3a3jt() {
       "22": [0, 0],
       "23": [0, 0],
       "24": [0, 0],
-      "25": [0, 0]
+      "25": [0, 0],
+      "26": [0, 0],
+      "27": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "8454beafefacf1af4f824d8c3103d4fe3fe67ade"
+    hash: "243dfe5f9ad41aca2ee474c5f6d0f802661638b4"
   };
   var coverage = global[gcv] || (global[gcv] = {});
 
@@ -13279,40 +13462,40 @@ var InputComponent = function InputComponent(_ref, ref) {
   cov_19tsj3a3jt().f[0]++;
   var inputId = (cov_19tsj3a3jt().s[1]++, (cov_19tsj3a3jt().b[7][0]++, id) || (cov_19tsj3a3jt().b[7][1]++, name));
   var hasErrorState = (cov_19tsj3a3jt().s[2]++, (cov_19tsj3a3jt().b[8][0]++, hasError) || (cov_19tsj3a3jt().b[8][1]++, !!errorMessage));
-  var prefixClass = (cov_19tsj3a3jt().s[3]++, prefixClasses + " " + variantClasses[variant] + " " + (hasErrorState ? (cov_19tsj3a3jt().b[9][0]++, errorBorderClasses) : (cov_19tsj3a3jt().b[9][1]++, '')));
-  var sufixClass = (cov_19tsj3a3jt().s[4]++, sufixClasses + " " + variantClasses[variant] + " " + (hasErrorState ? (cov_19tsj3a3jt().b[10][0]++, errorBorderClasses) : (cov_19tsj3a3jt().b[10][1]++, '')));
+  var prefixClass = (cov_19tsj3a3jt().s[3]++, prefixClasses + " " + variantClasses[variant] + " " + (hasErrorState ? (cov_19tsj3a3jt().b[9][0]++, errorBorderClasses) : (cov_19tsj3a3jt().b[9][1]++, '')) + " " + (prefixBorder ? (cov_19tsj3a3jt().b[10][0]++, '') : (cov_19tsj3a3jt().b[10][1]++, prefixBorderlessKomeaClasses)));
+  var sufixClass = (cov_19tsj3a3jt().s[4]++, sufixClasses + " " + variantClasses[variant] + " " + (hasErrorState ? (cov_19tsj3a3jt().b[11][0]++, errorBorderClasses) : (cov_19tsj3a3jt().b[11][1]++, '')) + " " + (sufixBorder ? (cov_19tsj3a3jt().b[12][0]++, '') : (cov_19tsj3a3jt().b[12][1]++, sufixBorderlessKomeaClasses)));
   var inputContainerClass = (cov_19tsj3a3jt().s[5]++, inputContainerClasses + " " + variantClasses[variant]);
   cov_19tsj3a3jt().s[6]++;
 
   if (disabled) {
-    cov_19tsj3a3jt().b[11][0]++;
+    cov_19tsj3a3jt().b[13][0]++;
     cov_19tsj3a3jt().s[7]++;
     inputContainerClass += " " + defaultBorderClasses + " " + inputContainerDisabledClasses;
   } else {
-    cov_19tsj3a3jt().b[11][1]++;
+    cov_19tsj3a3jt().b[13][1]++;
     cov_19tsj3a3jt().s[8]++;
 
     if (readOnly) {
-      cov_19tsj3a3jt().b[12][0]++;
+      cov_19tsj3a3jt().b[14][0]++;
       cov_19tsj3a3jt().s[9]++;
       inputContainerClass += " " + defaultBorderClasses + " " + inputContainerReadonlyClasses;
     } else {
-      cov_19tsj3a3jt().b[12][1]++;
+      cov_19tsj3a3jt().b[14][1]++;
       cov_19tsj3a3jt().s[10]++;
 
       if (hasErrorState) {
-        cov_19tsj3a3jt().b[13][0]++;
+        cov_19tsj3a3jt().b[15][0]++;
         cov_19tsj3a3jt().s[11]++;
         inputContainerClass += " " + errorBorderClasses;
       } else {
-        cov_19tsj3a3jt().b[13][1]++;
+        cov_19tsj3a3jt().b[15][1]++;
         cov_19tsj3a3jt().s[12]++;
         inputContainerClass += " " + defaultBorderClasses;
       }
     }
   }
 
-  var inputClass = (cov_19tsj3a3jt().s[13]++, "w-full px-4 appearance-none shadow-none outline-none bg-transparent box-border " + focusClass + " " + (hasErrorState ? (cov_19tsj3a3jt().b[14][0]++, errorBorderClasses) : (cov_19tsj3a3jt().b[14][1]++, defaultBorderClasses)) + " " + ((cov_19tsj3a3jt().b[16][0]++, prefix) && (cov_19tsj3a3jt().b[16][1]++, prefixBorder) ? (cov_19tsj3a3jt().b[15][0]++, 'border-l') : (cov_19tsj3a3jt().b[15][1]++, '')) + "  " + ((cov_19tsj3a3jt().b[18][0]++, sufix) && (cov_19tsj3a3jt().b[18][1]++, sufixBorder) ? (cov_19tsj3a3jt().b[17][0]++, 'border-r') : (cov_19tsj3a3jt().b[17][1]++, '')) + " " + ((cov_19tsj3a3jt().b[20][0]++, prefix) && (cov_19tsj3a3jt().b[20][1]++, !prefixBorder) ? (cov_19tsj3a3jt().b[19][0]++, 'pl-0') : (cov_19tsj3a3jt().b[19][1]++, '')) + " " + ((cov_19tsj3a3jt().b[22][0]++, sufix) && (cov_19tsj3a3jt().b[22][1]++, !sufixBorder) ? (cov_19tsj3a3jt().b[21][0]++, 'pr-0') : (cov_19tsj3a3jt().b[21][1]++, '')));
+  var inputClass = (cov_19tsj3a3jt().s[13]++, "w-full px-4 komea:px-3 appearance-none shadow-none outline-none bg-transparent box-border " + focusClass + " " + (hasErrorState ? (cov_19tsj3a3jt().b[16][0]++, errorBorderClasses) : (cov_19tsj3a3jt().b[16][1]++, defaultBorderClasses)) + " " + ((cov_19tsj3a3jt().b[18][0]++, prefix) && (cov_19tsj3a3jt().b[18][1]++, prefixBorder) ? (cov_19tsj3a3jt().b[17][0]++, 'border-l') : (cov_19tsj3a3jt().b[17][1]++, '')) + "  " + ((cov_19tsj3a3jt().b[20][0]++, sufix) && (cov_19tsj3a3jt().b[20][1]++, sufixBorder) ? (cov_19tsj3a3jt().b[19][0]++, 'border-r') : (cov_19tsj3a3jt().b[19][1]++, '')) + " " + ((cov_19tsj3a3jt().b[22][0]++, prefix) && (cov_19tsj3a3jt().b[22][1]++, !prefixBorder) ? (cov_19tsj3a3jt().b[21][0]++, 'pl-0 komea:pl-2') : (cov_19tsj3a3jt().b[21][1]++, '')) + " " + ((cov_19tsj3a3jt().b[24][0]++, sufix) && (cov_19tsj3a3jt().b[24][1]++, !sufixBorder) ? (cov_19tsj3a3jt().b[23][0]++, 'pr-0 komea:pr-2') : (cov_19tsj3a3jt().b[23][1]++, '')));
   var LabelComponent = (cov_19tsj3a3jt().s[14]++, /*#__PURE__*/React.createElement(InputLabel, {
     label: label,
     labelComplement: labelComplement,
@@ -13322,7 +13505,7 @@ var InputComponent = function InputComponent(_ref, ref) {
     className: "mb-1"
   }));
   var HelpTextComponent = (cov_19tsj3a3jt().s[15]++, /*#__PURE__*/React.createElement(InputHelpText, {
-    helpText: (cov_19tsj3a3jt().b[23][0]++, errorMessage) || (cov_19tsj3a3jt().b[23][1]++, helpText),
+    helpText: (cov_19tsj3a3jt().b[25][0]++, errorMessage) || (cov_19tsj3a3jt().b[25][1]++, helpText),
     hasError: hasErrorState,
     className: "mt-2"
   }));
@@ -13331,7 +13514,7 @@ var InputComponent = function InputComponent(_ref, ref) {
     className: "form-group flex flex-col " + className
   }, LabelComponent, /*#__PURE__*/React.createElement("div", {
     className: inputContainerClass
-  }, (cov_19tsj3a3jt().b[24][0]++, prefix) && (cov_19tsj3a3jt().b[24][1]++, /*#__PURE__*/React.createElement("label", {
+  }, (cov_19tsj3a3jt().b[26][0]++, prefix) && (cov_19tsj3a3jt().b[26][1]++, /*#__PURE__*/React.createElement("label", {
     htmlFor: inputId,
     className: prefixClass
   }, prefix)), /*#__PURE__*/React.createElement("input", Object.assign({
@@ -13343,7 +13526,7 @@ var InputComponent = function InputComponent(_ref, ref) {
     disabled: disabled,
     readOnly: readOnly,
     className: inputClass
-  }, props)), (cov_19tsj3a3jt().b[25][0]++, sufix) && (cov_19tsj3a3jt().b[25][1]++, /*#__PURE__*/React.createElement("label", {
+  }, props)), (cov_19tsj3a3jt().b[27][0]++, sufix) && (cov_19tsj3a3jt().b[27][1]++, /*#__PURE__*/React.createElement("label", {
     htmlFor: inputId,
     className: sufixClass
   }, sufix))), HelpTextComponent);
@@ -19758,7 +19941,7 @@ cov_p0nh19g13();
 
 function cov_15lsksfpg9() {
   var path = "/home/runner/_work/admin-components/admin-components/styleguide/src/Forms/Toggle/Toggle.tsx";
-  var hash = "1d59473d54801e7849b5f932df436c8f7e555dcd";
+  var hash = "9ef802f84712ec6d21b1e99469ac3b737c5bc235";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -19931,7 +20114,7 @@ function cov_15lsksfpg9() {
         },
         end: {
           line: 41,
-          column: 67
+          column: 85
         }
       },
       "17": {
@@ -20309,7 +20492,7 @@ function cov_15lsksfpg9() {
       "6": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "1d59473d54801e7849b5f932df436c8f7e555dcd"
+    hash: "9ef802f84712ec6d21b1e99469ac3b737c5bc235"
   };
   var coverage = global[gcv] || (global[gcv] = {});
 
@@ -20399,7 +20582,7 @@ var ToggleComponent = function ToggleComponent(_ref, ref) {
   var toggleContainerDisabledClasses = (cov_15lsksfpg9().s[13]++, (disabled ? (cov_15lsksfpg9().b[6][0]++, 'pointer-events-none') : (cov_15lsksfpg9().b[6][1]++, '')) + " relative");
   var toggleBackgroundClasses = (cov_15lsksfpg9().s[14]++, "block border w-[53px] h-8 rounded-full " + toggleClasses.background[toggleCheckText][toggleStatusText] + " transition");
   var toggleCircleClasses = (cov_15lsksfpg9().s[15]++, "transform  " + toggleClasses.circle[toggleCheckText][toggleStatusText] + " absolute left-[6px] top-[6px] w-5 h-5 rounded-full transition");
-  var toggleLabelClasses = (cov_15lsksfpg9().s[16]++, "ml-2 text-inverted-1 text-f6 label");
+  var toggleLabelClasses = (cov_15lsksfpg9().s[16]++, "ml-2 text-inverted-1 text-f6 komea:font-medium label");
   cov_15lsksfpg9().s[17]++;
   return /*#__PURE__*/React.createElement("label", {
     htmlFor: inputId,
@@ -23430,9 +23613,9 @@ function cov_l9j4z3osv() {
 
 cov_l9j4z3osv();
 var sizeClasses = ( /*#__PURE__*/cov_l9j4z3osv().s[0]++, {
-  "default": 'h-12',
+  "default": 'komea:h-9 h-12',
   small: 'h-8',
-  large: 'h-14',
+  large: 'komea:h-10 h-14',
   xlarge: 'h-24'
 });
 var valueFontSizesClasses = ( /*#__PURE__*/cov_l9j4z3osv().s[1]++, {
@@ -23442,7 +23625,7 @@ var valueFontSizesClasses = ( /*#__PURE__*/cov_l9j4z3osv().s[1]++, {
   xlarge: 'text-f4'
 });
 var variantControlClasses = ( /*#__PURE__*/cov_l9j4z3osv().s[2]++, {
-  "default": 'border-card-stroke rounded pl-2',
+  "default": 'border-card-stroke rounded pl-2 komea:border-input-stroke komea:shadow-sm',
   secondary: 'border-inverted-2 hover:bg-base-3 rounded-md focus:ring-2 focus:ring-focus focus:ring-offset-2 focus:bg-base-1 pl-2',
   simple: 'border-0 border-b border-on-base-3'
 });
@@ -23810,7 +23993,7 @@ cov_2msfl1k6vq();
 
 function cov_1r6wbwfdtn() {
   var path = "/home/runner/_work/admin-components/admin-components/styleguide/src/Forms/Checkbox/Checkbox.tsx";
-  var hash = "9c36175d64060ad9fe05c414e065472c143ccd27";
+  var hash = "dad1952543e995090c47839799c9152034d7d782";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -24737,7 +24920,7 @@ function cov_1r6wbwfdtn() {
           },
           end: {
             line: 34,
-            column: 41
+            column: 62
           }
         }, {
           start: {
@@ -25160,7 +25343,7 @@ function cov_1r6wbwfdtn() {
       "26": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "9c36175d64060ad9fe05c414e065472c143ccd27"
+    hash: "dad1952543e995090c47839799c9152034d7d782"
   };
   var coverage = global[gcv] || (global[gcv] = {});
 
@@ -25277,7 +25460,7 @@ var CheckboxComponent = function CheckboxComponent(_ref, ref) {
   };
 
   var checkboxIconClasses = (cov_1r6wbwfdtn().s[23]++, "transition duration-200 ease-in-out " + ((cov_1r6wbwfdtn().b[14][0]++, isChecked) || (cov_1r6wbwfdtn().b[14][1]++, isIndeterminate) ? (cov_1r6wbwfdtn().b[13][0]++, 'scale-100') : (cov_1r6wbwfdtn().b[13][1]++, 'scale-0')));
-  var checkboxIconContainerClasses = (cov_1r6wbwfdtn().s[24]++, "border border-card-stroke transition duration-200 ease-in-out\n    " + (disabled ? (cov_1r6wbwfdtn().b[15][0]++, 'bg-base-4') : (cov_1r6wbwfdtn().b[15][1]++, (cov_1r6wbwfdtn().b[17][0]++, isChecked) || (cov_1r6wbwfdtn().b[17][1]++, isIndeterminate) ? (cov_1r6wbwfdtn().b[16][0]++, 'bg-primary border-primary') : (cov_1r6wbwfdtn().b[16][1]++, 'bg-base-1'))) + "\n    " + (isCenterBoxAlign ? (cov_1r6wbwfdtn().b[18][0]++, 'items-center') : (cov_1r6wbwfdtn().b[18][1]++, '')) + "\n    rounded-xs w-4 h-4 flex justify-center m-px\n  ");
+  var checkboxIconContainerClasses = (cov_1r6wbwfdtn().s[24]++, "border border-card-stroke komea:border-input-stroke komea:shadow-sm transition duration-200 ease-in-out\n    " + (disabled ? (cov_1r6wbwfdtn().b[15][0]++, 'bg-base-4') : (cov_1r6wbwfdtn().b[15][1]++, (cov_1r6wbwfdtn().b[17][0]++, isChecked) || (cov_1r6wbwfdtn().b[17][1]++, isIndeterminate) ? (cov_1r6wbwfdtn().b[16][0]++, 'bg-primary border-primary komea:border-primary') : (cov_1r6wbwfdtn().b[16][1]++, 'bg-base-1'))) + "\n    " + (isCenterBoxAlign ? (cov_1r6wbwfdtn().b[18][0]++, 'items-center') : (cov_1r6wbwfdtn().b[18][1]++, '')) + "\n    rounded-xs w-4 h-4 flex justify-center m-px\n  ");
   var checkboxLabelClasses = (cov_1r6wbwfdtn().s[25]++, "ml-1 input-label text-f6 " + (hasErrorState ? (cov_1r6wbwfdtn().b[19][0]++, 'text-danger') : (cov_1r6wbwfdtn().b[19][1]++, disabled ? (cov_1r6wbwfdtn().b[20][0]++, 'text-inverted-2') : (cov_1r6wbwfdtn().b[20][1]++, ''))));
   var alignOptions = (cov_1r6wbwfdtn().s[26]++, {
     start: 'items-start',
@@ -25298,7 +25481,7 @@ var CheckboxComponent = function CheckboxComponent(_ref, ref) {
     htmlFor: inputId,
     className: "inline-flex " + alignOptions[boxAlign] + " cursor-pointer"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "relative rounded-xs z-10 flex items-center justify-center focus-within:ring-2 ring-focus"
+    className: "relative rounded-xs z-10 flex items-center justify-center focus-within:ring-2 komea:focus-within:ring-[3px] ring-focus komea:ring-focus/50"
   }, /*#__PURE__*/React.createElement("input", Object.assign({
     ref: (cov_1r6wbwfdtn().b[22][0]++, ref) || (cov_1r6wbwfdtn().b[22][1]++, inputRef),
     type: "checkbox",
@@ -31609,7 +31792,7 @@ var TableComponent = function TableComponent(_ref2) {
     className: "max-w-full overflow-x-auto"
   }, /*#__PURE__*/React.createElement("table", Object.assign({}, getTableProps(), {
     id: id,
-    className: "w-full bg-base-1 rounded border-separate border border-card-stroke",
+    className: "w-full bg-base-1 rounded komea:rounded-xs border-separate border border-card-stroke",
     cellSpacing: "0"
   }), /*#__PURE__*/React.createElement("thead", {
     className: "text-left"
@@ -31754,7 +31937,7 @@ cov_1rbsv7ie8y();
 
 function cov_2o229yjfa3() {
   var path = "/home/runner/_work/admin-components/admin-components/styleguide/src/Indicators/Alert/Alert.tsx";
-  var hash = "d3cc78aef9218e9b58af19ca3093e95904b7d105";
+  var hash = "fd441124cfce00b8905c75df8900d218d81482eb";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -31766,117 +31949,117 @@ function cov_2o229yjfa3() {
           column: 19
         },
         end: {
-          line: 39,
+          line: 47,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 40,
+          line: 48,
           column: 23
         },
         end: {
-          line: 62,
+          line: 70,
           column: 1
         }
       },
       "2": {
         start: {
-          line: 41,
+          line: 49,
           column: 42
         },
         end: {
-          line: 41,
+          line: 49,
           column: 58
         }
       },
       "3": {
         start: {
-          line: 42,
+          line: 50,
           column: 4
         },
         end: {
-          line: 44,
+          line: 52,
           column: 17
         }
       },
       "4": {
         start: {
-          line: 43,
+          line: 51,
           column: 8
         },
         end: {
-          line: 43,
+          line: 51,
           column: 31
         }
       },
       "5": {
         start: {
-          line: 45,
+          line: 53,
           column: 26
         },
         end: {
-          line: 48,
+          line: 56,
           column: 5
         }
       },
       "6": {
         start: {
-          line: 46,
+          line: 54,
           column: 8
         },
         end: {
-          line: 46,
+          line: 54,
           column: 30
         }
       },
       "7": {
         start: {
-          line: 47,
+          line: 55,
           column: 8
         },
         end: {
-          line: 47,
+          line: 55,
           column: 20
         }
       },
       "8": {
         start: {
-          line: 49,
+          line: 57,
           column: 4
         },
         end: {
-          line: 50,
+          line: 58,
           column: 20
         }
       },
       "9": {
         start: {
-          line: 50,
+          line: 58,
           column: 8
         },
         end: {
-          line: 50,
+          line: 58,
           column: 20
         }
       },
       "10": {
         start: {
-          line: 51,
+          line: 59,
           column: 4
         },
         end: {
-          line: 61,
+          line: 69,
           column: 116
         }
       },
       "11": {
         start: {
-          line: 63,
+          line: 71,
           column: 21
         },
         end: {
-          line: 63,
+          line: 71,
           column: 47
         }
       }
@@ -31886,215 +32069,215 @@ function cov_2o229yjfa3() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 40,
+            line: 48,
             column: 23
           },
           end: {
-            line: 40,
+            line: 48,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 40,
+            line: 48,
             column: 166
           },
           end: {
-            line: 62,
+            line: 70,
             column: 1
           }
         },
-        line: 40
+        line: 48
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 42,
+            line: 50,
             column: 14
           },
           end: {
-            line: 42,
+            line: 50,
             column: 15
           }
         },
         loc: {
           start: {
-            line: 42,
+            line: 50,
             column: 20
           },
           end: {
-            line: 44,
+            line: 52,
             column: 5
           }
         },
-        line: 42
+        line: 50
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 45,
+            line: 53,
             column: 26
           },
           end: {
-            line: 45,
+            line: 53,
             column: 27
           }
         },
         loc: {
           start: {
-            line: 45,
+            line: 53,
             column: 32
           },
           end: {
-            line: 48,
+            line: 56,
             column: 5
           }
         },
-        line: 45
+        line: 53
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 40,
+            line: 48,
             column: 26
           },
           end: {
-            line: 40,
+            line: 48,
             column: 39
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 40,
+            line: 48,
             column: 33
           },
           end: {
-            line: 40,
+            line: 48,
             column: 39
           }
         }],
-        line: 40
+        line: 48
       },
       "1": {
         loc: {
           start: {
-            line: 40,
+            line: 48,
             column: 41
           },
           end: {
-            line: 40,
+            line: 48,
             column: 54
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 40,
+            line: 48,
             column: 50
           },
           end: {
-            line: 40,
+            line: 48,
             column: 54
           }
         }],
-        line: 40
+        line: 48
       },
       "2": {
         loc: {
           start: {
-            line: 40,
+            line: 48,
             column: 82
           },
           end: {
-            line: 40,
+            line: 48,
             column: 99
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 40,
+            line: 48,
             column: 94
           },
           end: {
-            line: 40,
+            line: 48,
             column: 99
           }
         }],
-        line: 40
+        line: 48
       },
       "3": {
         loc: {
           start: {
-            line: 40,
+            line: 48,
             column: 110
           },
           end: {
-            line: 40,
+            line: 48,
             column: 126
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 40,
+            line: 48,
             column: 121
           },
           end: {
-            line: 40,
+            line: 48,
             column: 126
           }
         }],
-        line: 40
+        line: 48
       },
       "4": {
         loc: {
           start: {
-            line: 40,
+            line: 48,
             column: 128
           },
           end: {
-            line: 40,
+            line: 48,
             column: 146
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 40,
+            line: 48,
             column: 141
           },
           end: {
-            line: 40,
+            line: 48,
             column: 146
           }
         }],
-        line: 40
+        line: 48
       },
       "5": {
         loc: {
           start: {
-            line: 49,
+            line: 57,
             column: 4
           },
           end: {
-            line: 50,
+            line: 58,
             column: 20
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 49,
+            line: 57,
             column: 4
           },
           end: {
-            line: 50,
+            line: 58,
             column: 20
           }
         }, {
@@ -32107,214 +32290,214 @@ function cov_2o229yjfa3() {
             column: undefined
           }
         }],
-        line: 49
+        line: 57
       },
       "6": {
         loc: {
           start: {
-            line: 51,
-            column: 169
+            line: 59,
+            column: 184
           },
           end: {
-            line: 51,
-            column: 196
+            line: 59,
+            column: 211
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 51,
-            column: 182
+            line: 59,
+            column: 197
           },
           end: {
-            line: 51,
-            column: 184
+            line: 59,
+            column: 199
           }
         }, {
           start: {
-            line: 51,
-            column: 187
+            line: 59,
+            column: 202
           },
           end: {
-            line: 51,
-            column: 196
+            line: 59,
+            column: 211
           }
         }],
-        line: 51
+        line: 59
       },
       "7": {
         loc: {
           start: {
-            line: 52,
+            line: 60,
             column: 8
           },
           end: {
-            line: 53,
+            line: 61,
             column: 107
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 52,
+            line: 60,
             column: 8
           },
           end: {
-            line: 52,
+            line: 60,
             column: 17
           }
         }, {
           start: {
-            line: 52,
+            line: 60,
             column: 22
           },
           end: {
-            line: 53,
+            line: 61,
             column: 106
           }
         }],
-        line: 52
+        line: 60
       },
       "8": {
         loc: {
           start: {
-            line: 53,
+            line: 61,
             column: 46
           },
           end: {
-            line: 53,
+            line: 61,
             column: 93
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 53,
+            line: 61,
             column: 59
           },
           end: {
-            line: 53,
+            line: 61,
             column: 69
           }
         }, {
           start: {
-            line: 53,
+            line: 61,
             column: 72
           },
           end: {
-            line: 53,
+            line: 61,
             column: 93
           }
         }],
-        line: 53
+        line: 61
       },
       "9": {
         loc: {
           start: {
-            line: 57,
+            line: 65,
             column: 16
           },
           end: {
-            line: 57,
-            column: 103
+            line: 65,
+            column: 124
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 57,
+            line: 65,
             column: 16
           },
           end: {
-            line: 57,
+            line: 65,
             column: 24
           }
         }, {
           start: {
-            line: 57,
-            column: 28
+            line: 65,
+            column: 29
           },
           end: {
-            line: 57,
-            column: 103
+            line: 65,
+            column: 123
           }
         }],
-        line: 57
+        line: 65
       },
       "10": {
         loc: {
           start: {
-            line: 58,
+            line: 66,
             column: 12
           },
           end: {
-            line: 58,
+            line: 66,
             column: 203
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 58,
+            line: 66,
             column: 12
           },
           end: {
-            line: 58,
+            line: 66,
             column: 19
           }
         }, {
           start: {
-            line: 58,
+            line: 66,
             column: 24
           },
           end: {
-            line: 58,
+            line: 66,
             column: 202
           }
         }],
-        line: 58
+        line: 66
       },
       "11": {
         loc: {
           start: {
-            line: 59,
+            line: 67,
             column: 8
           },
           end: {
-            line: 61,
+            line: 69,
             column: 113
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 59,
+            line: 67,
             column: 9
           },
           end: {
-            line: 59,
+            line: 67,
             column: 18
           }
         }, {
           start: {
-            line: 59,
+            line: 67,
             column: 22
           },
           end: {
-            line: 59,
+            line: 67,
             column: 29
           }
         }, {
           start: {
-            line: 59,
+            line: 67,
             column: 35
           },
           end: {
-            line: 61,
+            line: 69,
             column: 112
           }
         }],
-        line: 59
+        line: 67
       }
     },
     s: {
@@ -32351,7 +32534,7 @@ function cov_2o229yjfa3() {
       "11": [0, 0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "d3cc78aef9218e9b58af19ca3093e95904b7d105"
+    hash: "fd441124cfce00b8905c75df8900d218d81482eb"
   };
   var coverage = global[gcv] || (global[gcv] = {});
 
@@ -32372,39 +32555,47 @@ function cov_2o229yjfa3() {
 cov_2o229yjfa3();
 var alertTypes = ( /*#__PURE__*/cov_2o229yjfa3().s[0]++, {
   success: {
-    "class": 'bg-success-light border-success',
+    "class": 'bg-success-light border-success komea:border-success-stroke',
     icon: 'checkCircle',
-    iconClass: 'text-success'
+    iconClass: 'text-success komea:text-success-dark',
+    textClass: 'komea:text-success-dark'
   },
   warning: {
-    "class": 'bg-warning-light border-warning-dark',
+    "class": 'bg-warning-light border-warning-dark komea:border-warning-stroke',
     icon: 'exclamationTriangle',
-    iconClass: 'text-warning-dark'
+    iconClass: 'text-warning-dark',
+    textClass: 'komea:text-warning-dark'
   },
   danger: {
-    "class": 'bg-danger-light border-danger',
+    "class": 'bg-danger-light border-danger komea:border-danger-stroke',
     icon: 'ban',
-    iconClass: 'text-danger'
+    iconClass: 'text-danger komea:text-danger-dark',
+    textClass: 'komea:text-danger-dark'
   },
   info: {
-    "class": 'bg-focus-light border-focus-dark',
+    "class": 'bg-info-light border-info-dark komea:border-info-stroke',
     icon: 'infoCircle',
-    iconClass: 'text-focus-dark'
+    iconClass: 'text-info-dark',
+    textClass: 'komea:text-info-dark'
   },
   infoOutline: {
-    "class": 'bg-base-1 border-focus-dark',
+    "class": 'bg-base-1 border-info-dark komea:border-info-stroke',
     icon: 'infoCircle',
-    iconClass: 'text-focus-dark'
+    iconClass: 'text-info-dark',
+    textClass: ''
   },
   infoDark: {
-    "class": 'bg-base-1 border-[#607081]',
+    // O hex cravado não acompanha o `data-chrome`; na chrome nova cai no neutro do design system.
+    "class": 'bg-base-1 border-[#607081] komea:border-card-stroke',
     icon: 'infoCircle',
-    iconClass: 'text-[#607081]'
+    iconClass: 'text-[#607081] komea:text-on-base-2',
+    textClass: ''
   },
   primary: {
-    "class": 'bg-primary-light border-primary',
+    "class": 'bg-primary-light border-primary komea:border-card-stroke',
     icon: 'infoCircle',
-    iconClass: 'text-primary'
+    iconClass: 'text-primary',
+    textClass: ''
   }
 });
 cov_2o229yjfa3().s[1]++;
@@ -32459,7 +32650,7 @@ var AlertComponent = function AlertComponent(_ref) {
 
   cov_2o229yjfa3().s[10]++;
   return /*#__PURE__*/React.createElement("div", {
-    className: "alert border-l-4 py-4 pl-6 pr-5 rounded w-full relative flex items-start sm:items-center " + alertTypes[type]["class"] + (hideBorder ? (cov_2o229yjfa3().b[6][0]++, '') : (cov_2o229yjfa3().b[6][1]++, ' border'))
+    className: "alert border-l-4 komea:border-l py-4 pl-6 pr-5 rounded w-full relative flex items-start sm:items-center " + alertTypes[type]["class"] + (hideBorder ? (cov_2o229yjfa3().b[6][0]++, '') : (cov_2o229yjfa3().b[6][1]++, ' border'))
   }, (cov_2o229yjfa3().b[7][0]++, !hideIcon) && (cov_2o229yjfa3().b[7][1]++, /*#__PURE__*/React.createElement("div", {
     className: "alert-icon hidden sm:block flex-shrink-0 mr-3 " + alertTypes[type].iconClass
   }, /*#__PURE__*/React.createElement(Icon, {
@@ -32468,11 +32659,11 @@ var AlertComponent = function AlertComponent(_ref) {
   }))), /*#__PURE__*/React.createElement("div", {
     className: "flex-grow flex flex-col sm:flex-row items-start sm:items-center justify-between min-w-0"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col justify-center min-w-0 break-words text-f6 text-on-base"
+    className: "flex flex-col justify-center min-w-0 break-words text-f6 text-on-base " + alertTypes[type].textClass
   }, /*#__PURE__*/React.createElement("span", {
-    className: "alert-title font-semibold"
+    className: "alert-title font-semibold komea:font-medium"
   }, title), (cov_2o229yjfa3().b[9][0]++, subtitle) && (cov_2o229yjfa3().b[9][1]++, /*#__PURE__*/React.createElement("span", {
-    className: "alert-subtitle mt-1"
+    className: "alert-subtitle komea:text-caption mt-1"
   }, subtitle))), (cov_2o229yjfa3().b[10][0]++, actions) && (cov_2o229yjfa3().b[10][1]++, /*#__PURE__*/React.createElement("div", {
     className: "alert-actions flex flex-shrink-0 items-center flex-row sm:flex-row-reverse sm:space-x-reverse space-x-3 mt-3 sm:mt-0 sm:ml-5"
   }, actions))), ((cov_2o229yjfa3().b[11][0]++, showClose) || (cov_2o229yjfa3().b[11][1]++, onClose)) && (cov_2o229yjfa3().b[11][2]++, /*#__PURE__*/React.createElement("div", {
@@ -33274,7 +33465,7 @@ cov_env9w4joo();
 
 function cov_1mrr9rcomk() {
   var path = "/home/runner/_work/admin-components/admin-components/styleguide/src/Indicators/Toast/Toast.tsx";
-  var hash = "832eedefa2e003e308f8a9306363eb105dd87c3f";
+  var hash = "e1afa03b0444d6c67d80c8e48de8fbcfc2dcafaa";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -33347,33 +33538,33 @@ function cov_1mrr9rcomk() {
         },
         end: {
           line: 25,
-          column: 201
+          column: 217
         }
       },
       "7": {
         start: {
           line: 25,
-          column: 224
+          column: 240
         },
         end: {
           line: 25,
-          column: 270
+          column: 286
         }
       },
       "8": {
         start: {
           line: 25,
-          column: 302
+          column: 318
         },
         end: {
           line: 25,
-          column: 379
+          column: 395
         }
       },
       "9": {
         start: {
           line: 25,
-          column: 415
+          column: 431
         },
         end: {
           line: 26,
@@ -33499,7 +33690,7 @@ function cov_1mrr9rcomk() {
           },
           end: {
             line: 25,
-            column: 201
+            column: 217
           }
         },
         line: 25
@@ -33509,21 +33700,21 @@ function cov_1mrr9rcomk() {
         decl: {
           start: {
             line: 25,
-            column: 218
+            column: 234
           },
           end: {
             line: 25,
-            column: 219
+            column: 235
           }
         },
         loc: {
           start: {
             line: 25,
-            column: 224
+            column: 240
           },
           end: {
             line: 25,
-            column: 270
+            column: 286
           }
         },
         line: 25
@@ -33533,21 +33724,21 @@ function cov_1mrr9rcomk() {
         decl: {
           start: {
             line: 25,
-            column: 291
+            column: 307
           },
           end: {
             line: 25,
-            column: 292
+            column: 308
           }
         },
         loc: {
           start: {
             line: 25,
-            column: 302
+            column: 318
           },
           end: {
             line: 25,
-            column: 379
+            column: 395
           }
         },
         line: 25
@@ -33557,17 +33748,17 @@ function cov_1mrr9rcomk() {
         decl: {
           start: {
             line: 25,
-            column: 394
+            column: 410
           },
           end: {
             line: 25,
-            column: 395
+            column: 411
           }
         },
         loc: {
           start: {
             line: 25,
-            column: 415
+            column: 431
           },
           end: {
             line: 26,
@@ -33606,31 +33797,31 @@ function cov_1mrr9rcomk() {
         loc: {
           start: {
             line: 25,
-            column: 177
+            column: 193
           },
           end: {
             line: 25,
-            column: 198
+            column: 214
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
             line: 25,
-            column: 177
+            column: 193
           },
           end: {
             line: 25,
-            column: 188
+            column: 204
           }
         }, {
           start: {
             line: 25,
-            column: 192
+            column: 208
           },
           end: {
             line: 25,
-            column: 198
+            column: 214
           }
         }],
         line: 25
@@ -33639,31 +33830,31 @@ function cov_1mrr9rcomk() {
         loc: {
           start: {
             line: 25,
-            column: 355
+            column: 371
           },
           end: {
             line: 25,
-            column: 376
+            column: 392
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
             line: 25,
-            column: 355
+            column: 371
           },
           end: {
             line: 25,
-            column: 366
+            column: 382
           }
         }, {
           start: {
             line: 25,
-            column: 370
+            column: 386
           },
           end: {
             line: 25,
-            column: 376
+            column: 392
           }
         }],
         line: 25
@@ -33802,7 +33993,7 @@ function cov_1mrr9rcomk() {
       "4": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "832eedefa2e003e308f8a9306363eb105dd87c3f"
+    hash: "e1afa03b0444d6c67d80c8e48de8fbcfc2dcafaa"
   };
   var coverage = global[gcv] || (global[gcv] = {});
 
@@ -33854,7 +34045,7 @@ var Container = function Container() {
     toastClassName: function toastClassName(props) {
       cov_1mrr9rcomk().f[2]++;
       cov_1mrr9rcomk().s[6]++;
-      return "mb-3 border flex items-top justify-between p-3 pb-4 pr-4 relative rounded shadow-md " + contextClass[(cov_1mrr9rcomk().b[0][0]++, props == null ? void 0 : props.type) || (cov_1mrr9rcomk().b[0][1]++, 'info')];
+      return "mb-3 border flex items-top justify-between p-3 pb-4 pr-4 relative rounded shadow-md overflow-hidden " + contextClass[(cov_1mrr9rcomk().b[0][0]++, props == null ? void 0 : props.type) || (cov_1mrr9rcomk().b[0][1]++, 'info')];
     },
     bodyClassName: function bodyClassName() {
       cov_1mrr9rcomk().f[3]++;
@@ -34217,7 +34408,7 @@ var badgeTypes = ( /*#__PURE__*/cov_25rl40y45l().s[0]++, {
   danger: 'bg-danger-dark text-base-1',
   success: 'bg-success-dark text-base-1',
   warning: 'bg-warning-dark text-base-1',
-  focus: 'bg-focus text-base-1'
+  focus: 'bg-info text-base-1'
 });
 var badgeRounded = ( /*#__PURE__*/cov_25rl40y45l().s[1]++, {
   full: 'rounded-full',
@@ -34318,7 +34509,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".tippy-box{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--color-inverted-1)/var(--tw-bg-opacity));border-radius:.25rem;color:rgb(var(--color-base-1)/var(--tw-text-opacity));font-size:.75rem;letter-spacing:-.025em;line-height:1.063rem;outline-width:0;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-.5rem;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-.5rem;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-.5rem;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-.5rem;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{--tw-text-opacity:1;color:rgb(var(--color-inverted-1)/var(--tw-text-opacity));height:1rem;width:1rem}.tippy-box .tippy-arrow:before{border-color:transparent;border-style:solid;content:\"\";position:absolute}.tippy-box .tippy-content{padding:.75rem .5rem;position:relative;z-index:1}";
+var css_248z = ".tippy-box{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--color-inverted-1)/var(--tw-bg-opacity));border-radius:calc(var(--radius, .25rem)*var(--radius-squircle-scale, 1));color:rgb(var(--color-base-1)/var(--tw-text-opacity));font-size:var(--text-caption-size,.75rem);font-weight:var(--text-caption-weight,inherit);letter-spacing:var(--text-caption-ls,-.025em);line-height:var(--text-caption-lh,1.063rem);outline-width:0;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-.5rem;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-.5rem;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-.5rem;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-.5rem;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{--tw-text-opacity:1;color:rgb(var(--color-inverted-1)/var(--tw-text-opacity));height:1rem;width:1rem}.tippy-box .tippy-arrow:before{border-color:transparent;border-style:solid;content:\"\";position:absolute}.tippy-box .tippy-content{padding:.75rem .5rem;position:relative;z-index:1}";
 styleInject(css_248z,{"insertAt":"top"});
 
 function cov_b2ko1myou() {
@@ -35640,10 +35831,10 @@ var InformationBoxTypes = ( /*#__PURE__*/cov_hyfq717ac().s[0]++, {
   },
   info: {
     title: 'Informação',
-    titleClass: 'text-focus-dark',
-    "class": 'bg-focus-light border-focus-dark',
+    titleClass: 'text-info-dark',
+    "class": 'bg-info-light border-info-dark komea:border-info-stroke',
     icon: 'lightbulb',
-    iconClass: 'text-focus-dark'
+    iconClass: 'text-info-dark'
   }
 });
 cov_hyfq717ac().s[1]++;
@@ -40243,7 +40434,7 @@ cov_ecjrl9ewu();
 
 function cov_jn2t2uxfh() {
   var path = "/home/runner/_work/admin-components/admin-components/styleguide/src/Components/Modal/Modal.tsx";
-  var hash = "12dc7f829313cc411d4472a7abbad0779a2410b0";
+  var hash = "5e8444b69bf3713a6c0fd5e1789a7f600329cedb";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -40794,31 +40985,31 @@ function cov_jn2t2uxfh() {
         loc: {
           start: {
             line: 24,
-            column: 128
+            column: 164
           },
           end: {
             line: 24,
-            column: 153
+            column: 189
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
             line: 24,
-            column: 142
+            column: 178
           },
           end: {
             line: 24,
-            column: 148
+            column: 184
           }
         }, {
           start: {
             line: 24,
-            column: 151
+            column: 187
           },
           end: {
             line: 24,
-            column: 153
+            column: 189
           }
         }],
         line: 24
@@ -40964,7 +41155,7 @@ function cov_jn2t2uxfh() {
       "12": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "12dc7f829313cc411d4472a7abbad0779a2410b0"
+    hash: "5e8444b69bf3713a6c0fd5e1789a7f600329cedb"
   };
   var coverage = global[gcv] || (global[gcv] = {});
 
@@ -41066,7 +41257,7 @@ var ModalComponent = function ModalComponent(_ref) {
       return /*#__PURE__*/React.createElement("div", Object.assign({}, props), /*#__PURE__*/React.createElement("div", {
         className: "ReactModal__header w-full flex justify-between items-start"
       }, /*#__PURE__*/React.createElement("span", {
-        className: "min-w-0 text-inverted-2 text-xs font-semibold uppercase break-words " + (headerTitle ? (cov_jn2t2uxfh().b[9][0]++, 'pb-3') : (cov_jn2t2uxfh().b[9][1]++, ''))
+        className: "min-w-0 text-inverted-2 text-xs font-semibold uppercase komea:font-medium komea:normal-case break-words " + (headerTitle ? (cov_jn2t2uxfh().b[9][0]++, 'pb-3') : (cov_jn2t2uxfh().b[9][1]++, ''))
       }, headerTitle), /*#__PURE__*/React.createElement("button", {
         type: "button",
         id: "btnCloseModal",