feat(Tokens): Update hover values

Update the operator design tokens on hover to match
the type token hover state since they both use the
same value at rest.

src/tokens/build/css/tokens.css

@@ -675,7 +675,7 @@
   --gl-filtered-search-token-data-background-color-default: var(--gl-color-neutral-100); /* Used for the filtered search data background color in the default state. */
   --gl-filtered-search-token-data-background-color-hover: var(--gl-color-neutral-200); /* Used for the filtered search data token background color in the hover state. */
   --gl-filtered-search-token-operator-background-color-default: var(--gl-color-neutral-50); /* Used for the filtered search operator background color in the default state. */
-  --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-200); /* Used for the filtered search operator token background color in the hover state. */
+  --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-100); /* Used for the filtered search operator token background color in the hover state. */
   --gl-label-light-text-color: var(--gl-color-neutral-950); /* Used for the label text color on a light background color. */
   --gl-label-light-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a light background color in the default state. */
   --gl-label-light-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the label remove button background on a light background color in the hover state. */

src/tokens/build/css/tokens.dark.css

@@ -675,7 +675,7 @@
   --gl-filtered-search-token-data-background-color-default: var(--gl-color-neutral-800); /* Used for the filtered search data background color in the default state. */
   --gl-filtered-search-token-data-background-color-hover: var(--gl-color-neutral-700); /* Used for the filtered search data token background color in the hover state. */
   --gl-filtered-search-token-operator-background-color-default: var(--gl-color-neutral-900); /* Used for the filtered search operator background color in the default state. */
-  --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-700); /* Used for the filtered search operator token background color in the hover state. */
+  --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-800); /* Used for the filtered search operator token background color in the hover state. */
   --gl-label-light-text-color: var(--gl-color-neutral-950); /* Used for the label text color on a light background color. */
   --gl-label-light-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a light background color in the default state. */
   --gl-label-light-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the label remove button background on a light background color in the hover state. */

src/tokens/build/js/tokens.dark.js

@@ -650,7 +650,7 @@ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#3a383f';
 export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#3a383f';
 export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#4c4b51';
 export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#28272d';
-export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#4c4b51';
+export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#3a383f';
 export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
 export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
 export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';

src/tokens/build/js/tokens.js

@@ -650,7 +650,7 @@ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#dcdcde';
 export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#dcdcde';
 export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#bfbfc3';
 export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ececef';
-export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#bfbfc3';
+export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#dcdcde';
 export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
 export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
 export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';

src/tokens/build/json/tokens.dark.json

@@ -14363,15 +14363,15 @@
               ]
             },
             "hover": {
-              "$value": "#4c4b51",
+              "$value": "#3a383f",
               "$type": "color",
               "$description": "Used for the filtered search operator token background color in the hover state.",
               "filePath": "src/tokens/contextual/filtered-search.tokens.json",
               "isSource": true,
               "original": {
                 "$value": {
-                  "default": "{color.neutral.200}",
-                  "dark": "{color.neutral.700}"
+                  "default": "{color.neutral.100}",
+                  "dark": "{color.neutral.800}"
                 },
                 "$type": "color",
                 "$description": "Used for the filtered search operator token background color in the hover state."

src/tokens/build/json/tokens.json

@@ -14363,15 +14363,15 @@
               ]
             },
             "hover": {
-              "$value": "#bfbfc3",
+              "$value": "#dcdcde",
               "$type": "color",
               "$description": "Used for the filtered search operator token background color in the hover state.",
               "filePath": "src/tokens/contextual/filtered-search.tokens.json",
               "isSource": true,
               "original": {
                 "$value": {
-                  "default": "{color.neutral.200}",
-                  "dark": "{color.neutral.700}"
+                  "default": "{color.neutral.100}",
+                  "dark": "{color.neutral.800}"
                 },
                 "$type": "color",
                 "$description": "Used for the filtered search operator token background color in the hover state."

src/tokens/build/scss/_tokens.dark.scss

@@ -673,7 +673,7 @@ $gl-filtered-search-token-type-background-color-hover: $gl-color-neutral-800; //
 $gl-filtered-search-token-data-background-color-default: $gl-color-neutral-800; // Used for the filtered search data background color in the default state.
 $gl-filtered-search-token-data-background-color-hover: $gl-color-neutral-700; // Used for the filtered search data token background color in the hover state.
 $gl-filtered-search-token-operator-background-color-default: $gl-color-neutral-900; // Used for the filtered search operator background color in the default state.
-$gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-700; // Used for the filtered search operator token background color in the hover state.
+$gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-800; // Used for the filtered search operator token background color in the hover state.
 $gl-label-light-text-color: $gl-color-neutral-950; // Used for the label text color on a light background color.
 $gl-label-light-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a light background color in the default state.
 $gl-label-light-button-background-color-hover: $gl-color-neutral-950; // Used for the label remove button background on a light background color in the hover state.

src/tokens/build/scss/_tokens.scss

@@ -673,7 +673,7 @@ $gl-filtered-search-token-type-background-color-hover: $gl-color-neutral-100; //
 $gl-filtered-search-token-data-background-color-default: $gl-color-neutral-100; // Used for the filtered search data background color in the default state.
 $gl-filtered-search-token-data-background-color-hover: $gl-color-neutral-200; // Used for the filtered search data token background color in the hover state.
 $gl-filtered-search-token-operator-background-color-default: $gl-color-neutral-50; // Used for the filtered search operator background color in the default state.
-$gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-200; // Used for the filtered search operator token background color in the hover state.
+$gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-100; // Used for the filtered search operator token background color in the hover state.
 $gl-label-light-text-color: $gl-color-neutral-950; // Used for the label text color on a light background color.
 $gl-label-light-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a light background color in the default state.
 $gl-label-light-button-background-color-hover: $gl-color-neutral-950; // Used for the label remove button background on a light background color in the hover state.

src/tokens/contextual/filtered-search.tokens.json

@@ -58,8 +58,8 @@
             },
             "hover": {
               "$value": {
-                "default": "{color.neutral.200}",
-                "dark": "{color.neutral.700}"
+                "default": "{color.neutral.100}",
+                "dark": "{color.neutral.800}"
               },
               "$type": "color",
               "$description": "Used for the filtered search operator token background color in the hover state."