chore: Add design tokens for feedback dialog (#3227)

Author: cansuaa

package.json

@@ -165,7 +165,7 @@
     {
       "path": "lib/components/internal/widget-exports.js",
       "brotli": false,
-      "limit": "751 kB"
+      "limit": "752 kB"
     }
   ],
   "browserslist": [

src/__integ__/__snapshots__/themes.test.ts.snap

@@ -74,6 +74,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-background-control-checked": "#0073bb",
   "color-background-control-default": "#ffffff",
   "color-background-control-disabled": "#d5dbdb",
+  "color-background-dialog": "#f1faff",
   "color-background-direction-button-active": "#2a2e33",
   "color-background-direction-button-default": "#545b64",
   "color-background-direction-button-disabled": "#eaeded",
@@ -154,6 +155,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-border-control-checked": "#0073bb",
   "color-border-control-default": "#687078",
   "color-border-control-disabled": "#d5dbdb",
+  "color-border-dialog": "#0073bb",
   "color-border-divider-active": "#687078",
   "color-border-divider-default": "#eaeded",
   "color-border-divider-interactive-default": "#687078",
@@ -743,6 +745,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-background-control-checked": "#00a1c9",
   "color-background-control-default": "#1a2029",
   "color-background-control-disabled": "#414750",
+  "color-background-dialog": "#12293b",
   "color-background-direction-button-active": "#2a2e33",
   "color-background-direction-button-default": "#545b64",
   "color-background-direction-button-disabled": "#2a2e33",
@@ -823,6 +826,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-border-control-checked": "#00a1c9",
   "color-border-control-default": "#879596",
   "color-border-control-disabled": "#414750",
+  "color-border-dialog": "#00a1c9",
   "color-border-divider-active": "#687078",
   "color-border-divider-default": "#414750",
   "color-border-divider-interactive-default": "#687078",
@@ -1412,6 +1416,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-background-control-checked": "#0073bb",
   "color-background-control-default": "#ffffff",
   "color-background-control-disabled": "#d5dbdb",
+  "color-background-dialog": "#f1faff",
   "color-background-direction-button-active": "#2a2e33",
   "color-background-direction-button-default": "#545b64",
   "color-background-direction-button-disabled": "#eaeded",
@@ -1492,6 +1497,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-border-control-checked": "#0073bb",
   "color-border-control-default": "#687078",
   "color-border-control-disabled": "#d5dbdb",
+  "color-border-dialog": "#0073bb",
   "color-border-divider-active": "#687078",
   "color-border-divider-default": "#eaeded",
   "color-border-divider-interactive-default": "#687078",
@@ -2081,6 +2087,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-background-control-checked": "#0073bb",
   "color-background-control-default": "#ffffff",
   "color-background-control-disabled": "#d5dbdb",
+  "color-background-dialog": "#f1faff",
   "color-background-direction-button-active": "#2a2e33",
   "color-background-direction-button-default": "#545b64",
   "color-background-direction-button-disabled": "#eaeded",
@@ -2161,6 +2168,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-border-control-checked": "#0073bb",
   "color-border-control-default": "#687078",
   "color-border-control-disabled": "#d5dbdb",
+  "color-border-dialog": "#0073bb",
   "color-border-divider-active": "#687078",
   "color-border-divider-default": "#eaeded",
   "color-border-divider-interactive-default": "#687078",
@@ -2750,6 +2758,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-background-control-checked": "#006ce0",
   "color-background-control-default": "#ffffff",
   "color-background-control-disabled": "#dedee3",
+  "color-background-dialog": "#f0fbff",
   "color-background-direction-button-active": "#232b37",
   "color-background-direction-button-default": "#424650",
   "color-background-direction-button-disabled": "#ebebf0",
@@ -2830,6 +2839,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-border-control-checked": "#006ce0",
   "color-border-control-default": "#8c8c94",
   "color-border-control-disabled": "#dedee3",
+  "color-border-dialog": "#006ce0",
   "color-border-divider-active": "#0f141a",
   "color-border-divider-default": "#c6c6cd",
   "color-border-divider-interactive-default": "#8c8c94",
@@ -3419,6 +3429,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-control-checked": "#006ce0",
   "color-background-control-default": "#ffffff",
   "color-background-control-disabled": "#dedee3",
+  "color-background-dialog": "#f0fbff",
   "color-background-direction-button-active": "#232b37",
   "color-background-direction-button-default": "#424650",
   "color-background-direction-button-disabled": "#ebebf0",
@@ -3499,6 +3510,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-border-control-checked": "#006ce0",
   "color-border-control-default": "#8c8c94",
   "color-border-control-disabled": "#dedee3",
+  "color-border-dialog": "#006ce0",
   "color-border-divider-active": "#0f141a",
   "color-border-divider-default": "#c6c6cd",
   "color-border-divider-interactive-default": "#8c8c94",
@@ -4088,6 +4100,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-control-checked": "#42b4ff",
   "color-background-control-default": "#0f141a",
   "color-background-control-disabled": "#333843",
+  "color-background-dialog": "#001129",
   "color-background-direction-button-active": "#232b37",
   "color-background-direction-button-default": "#424650",
   "color-background-direction-button-disabled": "#232b37",
@@ -4168,6 +4181,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-border-control-checked": "#42b4ff",
   "color-border-control-default": "#8c8c94",
   "color-border-control-disabled": "#333843",
+  "color-border-dialog": "#42b4ff",
   "color-border-divider-active": "#f9f9fa",
   "color-border-divider-default": "#424650",
   "color-border-divider-interactive-default": "#dedee3",
@@ -4757,6 +4771,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-control-checked": "#42b4ff",
   "color-background-control-default": "#161d26",
   "color-background-control-disabled": "#333843",
+  "color-background-dialog": "#001129",
   "color-background-direction-button-active": "#232b37",
   "color-background-direction-button-default": "#424650",
   "color-background-direction-button-disabled": "#232b37",
@@ -4837,6 +4852,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-border-control-checked": "#42b4ff",
   "color-border-control-default": "#8c8c94",
   "color-border-control-disabled": "#333843",
+  "color-border-dialog": "#42b4ff",
   "color-border-divider-active": "#f9f9fa",
   "color-border-divider-default": "#424650",
   "color-border-divider-interactive-default": "#dedee3",