diff --git a/.changeset/fresh-turtles-carry.md b/.changeset/fresh-turtles-carry.md new file mode 100644 index 00000000000..91b67db4f57 --- /dev/null +++ b/.changeset/fresh-turtles-carry.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +update token close button sizing diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png index 3742a470ccf..c7d05fd5f60 100644 Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png index 71fa4c0707a..60f6e2de9a9 100644 Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png index 6faa1d8bde1..14be6accf2f 100644 Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png index 3742a470ccf..c7d05fd5f60 100644 Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png differ diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png index 3742a470ccf..c7d05fd5f60 100644 Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png index b01fb1a9d6b..a9b21cde4ba 100644 Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png index 0d00b56b7bb..25b209eb6fb 100644 Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png index b01fb1a9d6b..a9b21cde4ba 100644 Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png differ diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png index b01fb1a9d6b..a9b21cde4ba 100644 Binary files a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-colorblind-linux.png index f72082d6104..632918c8794 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-dimmed-linux.png index 7337d710ace..089f25374af 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-high-contrast-linux.png index 2c64b14e975..000291aaa7c 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-linux.png index f72082d6104..632918c8794 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-tritanopia-linux.png index f72082d6104..632918c8794 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-colorblind-linux.png index 17eedae4e79..4f02b90cb3e 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-high-contrast-linux.png index eed4a475e93..3738512ee24 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-linux.png index 17eedae4e79..4f02b90cb3e 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-tritanopia-linux.png index 17eedae4e79..4f02b90cb3e 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Default-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-colorblind-linux.png index 031956454c9..e67060df6e1 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-dimmed-linux.png index 9195424d5ac..af3a540397a 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-high-contrast-linux.png index 5fac562c130..1681b0b32d1 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-linux.png index 031956454c9..e67060df6e1 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-tritanopia-linux.png index 031956454c9..e67060df6e1 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-colorblind-linux.png index d9d2cf55cfe..6335fd2d19e 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-high-contrast-linux.png index 2650497ddb1..070e94f9524 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-linux.png index d9d2cf55cfe..6335fd2d19e 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-tritanopia-linux.png index d9d2cf55cfe..6335fd2d19e 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Max-Height-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-colorblind-linux.png index 860a1c26cb2..632918c8794 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-dimmed-linux.png index 5de0994599d..089f25374af 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-high-contrast-linux.png index 5e85a4ec648..000291aaa7c 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-linux.png index 860a1c26cb2..632918c8794 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-tritanopia-linux.png index 860a1c26cb2..632918c8794 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-colorblind-linux.png index 4bbface4251..4f02b90cb3e 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-high-contrast-linux.png index 45a96fa9ad4..3738512ee24 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-linux.png index 4bbface4251..4f02b90cb3e 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-tritanopia-linux.png index 4bbface4251..4f02b90cb3e 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Prevent-Tokens-From-Wrapping-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-colorblind-linux.png index 0552a8c340a..d9afcc2c7cd 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-dimmed-linux.png index f325e972335..23253a12f3d 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-high-contrast-linux.png index 4bc880e0626..cd96a2dac3f 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-linux.png index 0552a8c340a..d9afcc2c7cd 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-tritanopia-linux.png index 0552a8c340a..d9afcc2c7cd 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-colorblind-linux.png index 66fc5a432b2..8262e252a00 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-high-contrast-linux.png index 2aa155efe69..950cb942a96 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-linux.png index 66fc5a432b2..8262e252a00 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-tritanopia-linux.png index 66fc5a432b2..8262e252a00 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Truncated-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-colorblind-linux.png index 83fbe903c8c..55b5e7b28a7 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-dimmed-linux.png index 15dfeba8ee0..bd64a06084d 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-high-contrast-linux.png index 08981c512ba..eb0365cba3f 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-linux.png index 83fbe903c8c..55b5e7b28a7 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-tritanopia-linux.png index 83fbe903c8c..55b5e7b28a7 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-colorblind-linux.png index 1349c0f11cc..c227c0eedd9 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-high-contrast-linux.png index 4f15da7609d..8083e151f40 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-linux.png index 1349c0f11cc..c227c0eedd9 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-tritanopia-linux.png index 1349c0f11cc..c227c0eedd9 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Leading-Visual-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-colorblind-linux.png index e693698e55a..4abea558171 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-dimmed-linux.png index d64716a7c2a..d8c73581241 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-dimmed-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-high-contrast-linux.png index 45a3ff57928..4a7c812a1e0 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-linux.png index e693698e55a..4abea558171 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-tritanopia-linux.png index e693698e55a..4abea558171 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-colorblind-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-colorblind-linux.png index 0c0c4261b03..c4eb6f7df05 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-colorblind-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-high-contrast-linux.png index bfab3dc92fc..0156d1274b9 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-linux.png index 0c0c4261b03..c4eb6f7df05 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-linux.png differ diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-tritanopia-linux.png index 0c0c4261b03..c4eb6f7df05 100644 Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-tritanopia-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-With-Trailing-Visual-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-colorblind-linux.png index 740e408142f..fbb4eff1118 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-dimmed-linux.png index 7b774f027b5..4e88f7bab22 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-high-contrast-linux.png index e39b57f87ed..c5aa5f7a133 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-linux.png index 740e408142f..fbb4eff1118 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-tritanopia-linux.png index 740e408142f..fbb4eff1118 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-colorblind-linux.png index 39aa7596268..23777624f6d 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-high-contrast-linux.png index 39aa7596268..23777624f6d 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-linux.png index 39aa7596268..23777624f6d 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-tritanopia-linux.png index 39aa7596268..23777624f6d 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-IssueLabelToken-with-onRemove-fn-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-colorblind-linux.png index c88a804bf09..fd2018e58a5 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-dimmed-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-dimmed-linux.png index 8da2f743db1..e6ff5353692 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-dimmed-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-high-contrast-linux.png index bd9d23688e7..2c4cec12d3a 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-linux.png index c88a804bf09..fd2018e58a5 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-tritanopia-linux.png index c88a804bf09..fd2018e58a5 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-colorblind-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-colorblind-linux.png index e7b0e02fc58..540c101379b 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-colorblind-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-high-contrast-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-high-contrast-linux.png index 8be4dd23191..7c7d94abd65 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-high-contrast-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-linux.png index e7b0e02fc58..540c101379b 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-linux.png differ diff --git a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-tritanopia-linux.png b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-tritanopia-linux.png index e7b0e02fc58..540c101379b 100644 Binary files a/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-tritanopia-linux.png and b/.playwright/snapshots/components/Token.test.ts-snapshots/Token-Default-Token-with-onRemove-fn-light-tritanopia-linux.png differ diff --git a/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap b/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap index 64b2f26be43..a656b2e613e 100644 --- a/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap +++ b/packages/react/src/TextInputWithTokens/__snapshots__/TextInputWithTokens.test.tsx.snap @@ -83,14 +83,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -128,14 +128,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -173,14 +173,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -218,14 +218,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -263,14 +263,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -308,14 +308,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -353,14 +353,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -398,14 +398,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -510,14 +510,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -555,14 +555,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -600,14 +600,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -645,14 +645,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -690,14 +690,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -735,14 +735,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -780,14 +780,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -825,14 +825,14 @@ exports[`TextInputWithTokens > renders a leadingVisual and trailingVisual 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -975,14 +975,14 @@ exports[`TextInputWithTokens > renders a truncated set of tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1020,14 +1020,14 @@ exports[`TextInputWithTokens > renders a truncated set of tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1094,14 +1094,14 @@ exports[`TextInputWithTokens > renders a truncated set of tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1139,14 +1139,14 @@ exports[`TextInputWithTokens > renders a truncated set of tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1385,14 +1385,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1430,14 +1430,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1475,14 +1475,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1520,14 +1520,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1565,14 +1565,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1610,14 +1610,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1655,14 +1655,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1700,14 +1700,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1770,14 +1770,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1815,14 +1815,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1860,14 +1860,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1905,14 +1905,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1950,14 +1950,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -1995,14 +1995,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -2040,14 +2040,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -2085,14 +2085,14 @@ exports[`TextInputWithTokens > renders at a maximum height when specified 1`] = display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -3423,11 +3423,11 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 2`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5059,14 +5059,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5104,14 +5104,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5149,14 +5149,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5194,14 +5194,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5239,14 +5239,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5284,14 +5284,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5329,14 +5329,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5397,14 +5397,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5442,14 +5442,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5487,14 +5487,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5532,14 +5532,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5577,14 +5577,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5622,14 +5622,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5667,14 +5667,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -5712,14 +5712,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 3`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -6223,11 +6223,11 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="15" + height="12" overflow="visible" style="vertical-align: text-bottom;" viewBox="0 0 12 12" - width="15" + width="12" > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -6650,14 +6650,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -6695,14 +6695,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -6740,14 +6740,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -6785,14 +6785,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -6830,14 +6830,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -6875,14 +6875,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -6920,14 +6920,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -6987,14 +6987,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7032,14 +7032,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7077,14 +7077,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7122,14 +7122,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7167,14 +7167,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7212,14 +7212,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7257,14 +7257,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7302,14 +7302,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7370,14 +7370,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7415,14 +7415,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7460,14 +7460,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7505,14 +7505,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7550,14 +7550,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7595,14 +7595,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7640,14 +7640,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7685,14 +7685,14 @@ exports[`TextInputWithTokens > renders tokens at the specified sizes 4`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7815,14 +7815,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7860,14 +7860,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7905,14 +7905,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7950,14 +7950,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -7995,14 +7995,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8040,14 +8040,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8085,14 +8085,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8130,14 +8130,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8199,14 +8199,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8244,14 +8244,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8289,14 +8289,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8334,14 +8334,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8379,14 +8379,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8424,14 +8424,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8469,14 +8469,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -8514,14 +8514,14 @@ exports[`TextInputWithTokens > renders tokens on a single line when specified 1` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9087,14 +9087,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9132,14 +9132,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9177,14 +9177,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9222,14 +9222,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9267,14 +9267,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9312,14 +9312,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9357,14 +9357,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9402,14 +9402,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9542,14 +9542,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9587,14 +9587,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9632,14 +9632,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9677,14 +9677,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9722,14 +9722,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9767,14 +9767,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9812,14 +9812,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9857,14 +9857,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -9960,14 +9960,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10005,14 +10005,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10050,14 +10050,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10095,14 +10095,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10140,14 +10140,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10185,14 +10185,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10230,14 +10230,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10275,14 +10275,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10435,14 +10435,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10480,14 +10480,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10525,14 +10525,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10570,14 +10570,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10615,14 +10615,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10660,14 +10660,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10705,14 +10705,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10750,14 +10750,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10910,14 +10910,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -10955,14 +10955,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11000,14 +11000,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11045,14 +11045,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11090,14 +11090,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11135,14 +11135,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11180,14 +11180,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11225,14 +11225,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11386,14 +11386,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11431,14 +11431,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11476,14 +11476,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11521,14 +11521,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11566,14 +11566,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11611,14 +11611,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11656,14 +11656,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11701,14 +11701,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11804,14 +11804,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11849,14 +11849,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11894,14 +11894,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11939,14 +11939,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -11984,14 +11984,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12029,14 +12029,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12074,14 +12074,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12119,14 +12119,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12280,14 +12280,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12325,14 +12325,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12370,14 +12370,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12415,14 +12415,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12460,14 +12460,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12505,14 +12505,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12550,14 +12550,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12595,14 +12595,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12718,14 +12718,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12763,14 +12763,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12808,14 +12808,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12853,14 +12853,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12898,14 +12898,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12943,14 +12943,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -12988,14 +12988,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -13033,14 +13033,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -13710,14 +13710,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -13755,14 +13755,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -13800,14 +13800,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -13845,14 +13845,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -13890,14 +13890,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -13935,14 +13935,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -13980,14 +13980,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -14025,14 +14025,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -14206,14 +14206,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -14251,14 +14251,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -14296,14 +14296,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -14341,14 +14341,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -14386,14 +14386,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -14431,14 +14431,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -14476,14 +14476,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -14521,14 +14521,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -14647,14 +14647,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -14692,14 +14692,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -14737,14 +14737,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -14782,14 +14782,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -14827,14 +14827,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -14872,14 +14872,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -14917,14 +14917,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -14962,14 +14962,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15102,14 +15102,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15147,14 +15147,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15192,14 +15192,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15237,14 +15237,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15282,14 +15282,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15327,14 +15327,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15372,14 +15372,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15417,14 +15417,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15520,14 +15520,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15565,14 +15565,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15610,14 +15610,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15655,14 +15655,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15700,14 +15700,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15745,14 +15745,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15790,14 +15790,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15835,14 +15835,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -15995,14 +15995,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16040,14 +16040,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16085,14 +16085,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16130,14 +16130,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16175,14 +16175,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16220,14 +16220,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16265,14 +16265,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16310,14 +16310,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16470,14 +16470,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16515,14 +16515,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16560,14 +16560,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16605,14 +16605,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16650,14 +16650,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16695,14 +16695,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16740,14 +16740,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16785,14 +16785,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16946,14 +16946,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -16991,14 +16991,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17036,14 +17036,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17081,14 +17081,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17126,14 +17126,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17171,14 +17171,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17216,14 +17216,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17261,14 +17261,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17364,14 +17364,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17409,14 +17409,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17454,14 +17454,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17499,14 +17499,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17544,14 +17544,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17589,14 +17589,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17634,14 +17634,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17679,14 +17679,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17840,14 +17840,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17885,14 +17885,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17930,14 +17930,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -17975,14 +17975,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18020,14 +18020,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18065,14 +18065,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18110,14 +18110,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18155,14 +18155,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18278,14 +18278,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18323,14 +18323,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18368,14 +18368,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18413,14 +18413,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18458,14 +18458,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18503,14 +18503,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18548,14 +18548,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -18593,14 +18593,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -19270,14 +19270,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -19315,14 +19315,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -19360,14 +19360,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -19405,14 +19405,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -19450,14 +19450,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -19495,14 +19495,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -19540,14 +19540,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -19585,14 +19585,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -19766,14 +19766,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -19811,14 +19811,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -19856,14 +19856,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -19901,14 +19901,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -19946,14 +19946,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -19991,14 +19991,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -20036,14 +20036,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -20081,14 +20081,14 @@ exports[`TextInputWithTokens > renders with a loading indicator 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="18" + height="12" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 16 16" - width="18" + viewBox="0 0 12 12" + width="12" > @@ -20267,14 +20267,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20312,14 +20312,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20357,14 +20357,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20402,14 +20402,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20447,14 +20447,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20492,14 +20492,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20537,14 +20537,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20582,14 +20582,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20650,14 +20650,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20695,14 +20695,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20740,14 +20740,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20785,14 +20785,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20830,14 +20830,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20875,14 +20875,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20920,14 +20920,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -20965,14 +20965,14 @@ exports[`TextInputWithTokens > renders with tokens 1`] = ` display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21091,14 +21091,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21133,14 +21133,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21175,14 +21175,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21217,14 +21217,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21259,14 +21259,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21301,14 +21301,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21343,14 +21343,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21385,14 +21385,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21450,14 +21450,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21492,14 +21492,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21534,14 +21534,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21576,14 +21576,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21618,14 +21618,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21660,14 +21660,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21702,14 +21702,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > @@ -21744,14 +21744,14 @@ exports[`TextInputWithTokens > renders with tokens using a custom token componen display="inline-block" fill="currentColor" focusable="false" - height="24" + height="16" overflow="visible" style="vertical-align: text-bottom;" - viewBox="0 0 24 24" - width="24" + viewBox="0 0 16 16" + width="16" > diff --git a/packages/react/src/Token/TokenBase.module.css b/packages/react/src/Token/TokenBase.module.css index d8da3654770..ea1960973ea 100644 --- a/packages/react/src/Token/TokenBase.module.css +++ b/packages/react/src/Token/TokenBase.module.css @@ -7,6 +7,8 @@ white-space: nowrap; border-radius: var(--borderRadius-full); align-items: center; + /* stylelint-disable-next-line primer/typography */ + line-height: 1; } .TokenBase:where([data-cursor-is-interactive='true']) { @@ -19,42 +21,34 @@ .TokenBase:where([data-size='small']) { width: auto; - height: 16px; + height: var(--base-size-16); padding-right: var(--base-size-4); padding-left: var(--base-size-4); font-size: var(--text-body-size-small); - /* stylelint-disable-next-line primer/typography */ - line-height: 16px; } .TokenBase:where([data-size='medium']) { width: auto; - height: 20px; + height: var(--base-size-20); padding-right: var(--base-size-8); padding-left: var(--base-size-8); font-size: var(--text-body-size-small); - /* stylelint-disable-next-line primer/typography */ - line-height: 20px; } .TokenBase[data-size='large'] { width: auto; - height: 24px; + height: var(--base-size-24); padding-right: var(--base-size-8); padding-left: var(--base-size-8); font-size: var(--text-body-size-small); - /* stylelint-disable-next-line primer/typography */ - line-height: 24px; } .TokenBase[data-size='xlarge'] { width: auto; - height: 32px; + height: var(--base-size-32); padding-top: 0; padding-right: var(--base-size-16); padding-bottom: 0; padding-left: var(--base-size-16); font-size: var(--text-body-size-medium); - /* stylelint-disable-next-line primer/typography */ - line-height: 32px; } diff --git a/packages/react/src/Token/_RemoveTokenButton.module.css b/packages/react/src/Token/_RemoveTokenButton.module.css index e70a8867ec2..60a78b5e8ae 100644 --- a/packages/react/src/Token/_RemoveTokenButton.module.css +++ b/packages/react/src/Token/_RemoveTokenButton.module.css @@ -22,8 +22,8 @@ } .TokenButton[data-size='medium'] { - width: 20px; - height: 20px; + width: var(--base-size-20); + height: var(--base-size-20); } .TokenButton[data-size='large'] { @@ -40,11 +40,9 @@ .TokenButton:hover, .TokenButton:focus { - /* TODO: choose a better functional color variable for this */ - background-color: var(--bgColor-neutral-muted); + background-color: var(--control-transparent-bgColor-hover); } .TokenButton:active { - /* TODO: choose a better functional color variable for this */ - background-color: var(--bgColor-neutral-muted); + background-color: var(--control-transparent-bgColor-active); } diff --git a/packages/react/src/Token/_RemoveTokenButton.tsx b/packages/react/src/Token/_RemoveTokenButton.tsx index 07febdd8b84..442db921912 100644 --- a/packages/react/src/Token/_RemoveTokenButton.tsx +++ b/packages/react/src/Token/_RemoveTokenButton.tsx @@ -2,7 +2,7 @@ import type React from 'react' import {XIcon} from '@primer/octicons-react' import {clsx} from 'clsx' import type {TokenSizeKeys} from './TokenBase' -import {tokenSizes, defaultTokenSize} from './TokenBase' +import {defaultTokenSize} from './TokenBase' import classes from './_RemoveTokenButton.module.css' @@ -12,8 +12,6 @@ interface TokenButtonProps { isParentInteractive?: boolean } -const getTokenButtonIconSize = (size?: TokenSizeKeys) => parseInt(tokenSizes[size || defaultTokenSize], 10) * 0.75 - type RemoveTokenButtonProps = TokenButtonProps & Omit, 'size'> const RemoveTokenButton = ({ @@ -39,7 +37,7 @@ const RemoveTokenButton = ({ transform: `translate(${borderOffset}px, -${borderOffset}px)`, }} > - + ) } @@ -56,7 +54,7 @@ const RemoveTokenButton = ({ ref={rest.ref as React.Ref} type="button" > - + ) }