@cloudscape-design/components 3.0.382 → 3.0.383

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (a7a9038f)";
+export var PACKAGE_VERSION = "3.0.0 (82b4c9c5)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (a7a9038f)",
+  "PACKAGE_VERSION": "3.0.0 (82b4c9c5)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/styles/tokens.d.ts

@@ -185,6 +185,10 @@ export const colorBackgroundNotificationGreen: string;
 export const colorBackgroundNotificationRed: string;
 export const colorBackgroundNotificationYellow: string;
 export const colorBackgroundPopover: string;
+export const colorBackgroundSegmentActive: string;
+export const colorBackgroundSegmentDefault: string;
+export const colorBackgroundSegmentDisabled: string;
+export const colorBackgroundSegmentHover: string;
 export const colorBackgroundStatusError: string;
 export const colorBackgroundStatusInfo: string;
 export const colorBackgroundStatusSuccess: string;
@@ -202,6 +206,10 @@ export const colorBorderDropdownItemHover: string;
 export const colorBorderInputDefault: string;
 export const colorBorderItemFocused: string;
 export const colorBorderItemSelected: string;
+export const colorBorderSegmentActive: string;
+export const colorBorderSegmentDefault: string;
+export const colorBorderSegmentDisabled: string;
+export const colorBorderSegmentHover: string;
 export const colorBorderStatusError: string;
 export const colorBorderStatusInfo: string;
 export const colorBorderStatusSuccess: string;
@@ -246,6 +254,9 @@ export const colorTextLayoutToggleSelected: string;
 export const colorTextLinkDefault: string;
 export const colorTextLinkHover: string;
 export const colorTextNotificationDefault: string;
+export const colorTextSegmentActive: string;
+export const colorTextSegmentDefault: string;
+export const colorTextSegmentHover: string;
 export const colorTextStatusError: string;
 export const colorTextStatusInactive: string;
 export const colorTextStatusInfo: string;

package/internal/generated/styles/tokens.js

@@ -185,6 +185,10 @@ export var colorBackgroundNotificationGreen = "var(--color-background-notificati
 export var colorBackgroundNotificationRed = "var(--color-background-notification-red-ovptxu, #d91515)";
 export var colorBackgroundNotificationYellow = "var(--color-background-notification-yellow-seoi5y, #ffe457)";
 export var colorBackgroundPopover = "var(--color-background-popover-szburm, #ffffff)";
+export var colorBackgroundSegmentActive = "var(--color-background-segment-active-366806, #0972d3)";
+export var colorBackgroundSegmentDefault = "var(--color-background-segment-default-3arros, #ffffff)";
+export var colorBackgroundSegmentDisabled = "var(--color-background-segment-disabled-o4y9v5, #ffffff)";
+export var colorBackgroundSegmentHover = "var(--color-background-segment-hover-jysoxv, #ffffff)";
 export var colorBackgroundStatusError = "var(--color-background-status-error-pbprvn, #fff7f7)";
 export var colorBackgroundStatusInfo = "var(--color-background-status-info-mvnbre, #f2f8fd)";
 export var colorBackgroundStatusSuccess = "var(--color-background-status-success-jp14wa, #f2fcf3)";
@@ -202,6 +206,10 @@ export var colorBorderDropdownItemHover = "var(--color-border-dropdown-item-hove
 export var colorBorderInputDefault = "var(--color-border-input-default-1zl7hq, #7d8998)";
 export var colorBorderItemFocused = "var(--color-border-item-focused-b2ntyl, #0972d3)";
 export var colorBorderItemSelected = "var(--color-border-item-selected-k00wlz, #0972d3)";
+export var colorBorderSegmentActive = "var(--color-border-segment-active-9ah16u, #414d5c)";
+export var colorBorderSegmentDefault = "var(--color-border-segment-default-a5zrkd, #414d5c)";
+export var colorBorderSegmentDisabled = "var(--color-border-segment-disabled-ylnixy, #414d5c)";
+export var colorBorderSegmentHover = "var(--color-border-segment-hover-ggg2rz, #414d5c)";
 export var colorBorderStatusError = "var(--color-border-status-error-dj6icm, #d91515)";
 export var colorBorderStatusInfo = "var(--color-border-status-info-8upc6f, #0972d3)";
 export var colorBorderStatusSuccess = "var(--color-border-status-success-wmgb40, #037f0c)";
@@ -246,6 +254,9 @@ export var colorTextLayoutToggleSelected = "var(--color-text-layout-toggle-selec
 export var colorTextLinkDefault = "var(--color-text-link-default-latg1a, #0972d3)";
 export var colorTextLinkHover = "var(--color-text-link-hover-8j6p14, #033160)";
 export var colorTextNotificationDefault = "var(--color-text-notification-default-rdawv9, #fbfbfb)";
+export var colorTextSegmentActive = "var(--color-text-segment-active-6s77n9, #ffffff)";
+export var colorTextSegmentDefault = "var(--color-text-segment-default-nncpby, #414d5c)";
+export var colorTextSegmentHover = "var(--color-text-segment-hover-k5ujfk, #0972d3)";
 export var colorTextStatusError = "var(--color-text-status-error-wdvepn, #d91515)";
 export var colorTextStatusInactive = "var(--color-text-status-inactive-m7co45, #5f6b7a)";
 export var colorTextStatusInfo = "var(--color-text-status-info-ahz8zp, #0972d3)";

package/internal/generated/theming/index.cjs

@@ -9059,6 +9059,10 @@ module.exports.preset = {
     "colorBackgroundNotificationRed",
     "colorBackgroundNotificationYellow",
     "colorBackgroundPopover",
+    "colorBackgroundSegmentActive",
+    "colorBackgroundSegmentDefault",
+    "colorBackgroundSegmentDisabled",
+    "colorBackgroundSegmentHover",
     "colorBackgroundStatusError",
     "colorBackgroundStatusInfo",
     "colorBackgroundStatusSuccess",
@@ -9076,6 +9080,10 @@ module.exports.preset = {
     "colorBorderInputDefault",
     "colorBorderItemFocused",
     "colorBorderItemSelected",
+    "colorBorderSegmentActive",
+    "colorBorderSegmentDefault",
+    "colorBorderSegmentDisabled",
+    "colorBorderSegmentHover",
     "colorBorderStatusError",
     "colorBorderStatusInfo",
     "colorBorderStatusSuccess",
@@ -9123,6 +9131,9 @@ module.exports.preset = {
     "colorTextLinkDefault",
     "colorTextLinkHover",
     "colorTextNotificationDefault",
+    "colorTextSegmentActive",
+    "colorTextSegmentDefault",
+    "colorTextSegmentHover",
     "colorTextStatusError",
     "colorTextStatusInactive",
     "colorTextStatusInfo",
@@ -9357,6 +9368,10 @@ module.exports.preset = {
     "colorBackgroundNotificationRed",
     "colorBackgroundNotificationYellow",
     "colorBackgroundPopover",
+    "colorBackgroundSegmentActive",
+    "colorBackgroundSegmentDefault",
+    "colorBackgroundSegmentDisabled",
+    "colorBackgroundSegmentHover",
     "colorBackgroundStatusError",
     "colorBackgroundStatusInfo",
     "colorBackgroundStatusSuccess",
@@ -9374,6 +9389,10 @@ module.exports.preset = {
     "colorBorderInputDefault",
     "colorBorderItemFocused",
     "colorBorderItemSelected",
+    "colorBorderSegmentActive",
+    "colorBorderSegmentDefault",
+    "colorBorderSegmentDisabled",
+    "colorBorderSegmentHover",
     "colorBorderStatusError",
     "colorBorderStatusInfo",
     "colorBorderStatusSuccess",
@@ -9418,6 +9437,9 @@ module.exports.preset = {
     "colorTextLinkDefault",
     "colorTextLinkHover",
     "colorTextNotificationDefault",
+    "colorTextSegmentActive",
+    "colorTextSegmentDefault",
+    "colorTextSegmentHover",
     "colorTextStatusError",
     "colorTextStatusInactive",
     "colorTextStatusInfo",

package/internal/generated/theming/index.cjs.d.ts

@@ -96,6 +96,10 @@ export declare interface TypedOverride {
     colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -113,6 +117,10 @@ export declare interface TypedOverride {
     colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -160,6 +168,9 @@ export declare interface TypedOverride {
     colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -303,6 +314,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -320,6 +335,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -367,6 +386,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -510,6 +532,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -527,6 +553,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -574,6 +604,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -717,6 +750,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -734,6 +771,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -781,6 +822,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -924,6 +968,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -941,6 +989,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -988,6 +1040,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1131,6 +1186,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1148,6 +1207,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1195,6 +1258,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1338,6 +1404,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1355,6 +1425,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1402,6 +1476,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1545,6 +1622,10 @@ export declare interface TypedOverride {
         colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1562,6 +1643,10 @@ export declare interface TypedOverride {
         colorBorderInputDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemFocused?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBorderSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1609,6 +1694,9 @@ export declare interface TypedOverride {
         colorTextLinkDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextLinkHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextNotificationDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorTextSegmentHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusError?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInactive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;