@cloudscape-design/components 3.0.381 → 3.0.383

package/internal/components/drawer/styles.scoped.css

@@ -0,0 +1,166 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
+.awsui_drawer_10gbb_7yjjg_94:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: var(--font-size-body-m-x4okxb, 14px);
+  line-height: var(--line-height-body-m-30ar75, 20px);
+  color: var(--color-text-body-default-2sxhhn, #000716);
+  font-weight: 400;
+  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  word-wrap: break-word;
+  padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-panel-side-right-xofg51, 24px) var(--space-scaled-xxxl-fdg8ai, 40px) var(--space-panel-side-left-5t0who, 28px);
+}
+
+.awsui_header_10gbb_7yjjg_109:not(#\9) {
+  font-size: var(--font-panel-header-size-edjz3l, 18px);
+  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
+  font-weight: var(--font-weight-heading-l-f8711v, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
+  color: var(--color-text-heading-default-rtslvy, #000716);
+  padding-bottom: var(--space-scaled-l-0hpmd7, 20px);
+  padding-left: var(--space-panel-side-left-5t0who, 28px);
+  padding-right: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxl-wbot5q, 32px));
+  border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+  margin: 0 calc(-1 * var(--space-panel-side-right-xofg51, 24px)) var(--space-scaled-l-0hpmd7, 20px) calc(-1 * var(--space-panel-side-left-5t0who, 28px));
+}
+.awsui_header_10gbb_7yjjg_109 h2:not(#\9),
+.awsui_header_10gbb_7yjjg_109 h3:not(#\9),
+.awsui_header_10gbb_7yjjg_109 h4:not(#\9),
+.awsui_header_10gbb_7yjjg_109 h5:not(#\9),
+.awsui_header_10gbb_7yjjg_109 h6:not(#\9) {
+  font-size: var(--font-panel-header-size-edjz3l, 18px);
+  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
+  font-weight: var(--font-weight-heading-l-f8711v, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
+  padding-top: 0;
+  padding-bottom: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.awsui_test-utils-drawer-content_10gbb_7yjjg_138:not(#\9) {
+  /* used in test-utils */
+}

package/internal/components/drawer/styles.selectors.js

@@ -0,0 +1,9 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "drawer": "awsui_drawer_10gbb_7yjjg_94",
+  "header": "awsui_header_10gbb_7yjjg_109",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_10gbb_7yjjg_138"
+};
+  

package/internal/components/portal/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface PortalProps {
-    container?: Element;
+    container?: null | Element;
     children: React.ReactNode;
 }
 /**

package/internal/components/portal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/portal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,WAAW,4BAkBlE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/portal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,WAAW,4BAkBlE"}

package/internal/components/portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/portal/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAOzC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAe;IACjE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAI,CAAC,CAAC;IAE1F,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,EAAE;YACb,kBAAkB,CAAC,SAAS,CAAC,CAAC;YAC9B,OAAO;SACR;QACD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACxC,kBAAkB,CAAC,YAAY,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACxC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,eAAe,IAAI,YAAY,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;AACpE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useLayoutEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface PortalProps {\n  container?: Element;\n  children: React.ReactNode;\n}\n\n/**\n * A safe react portal component that renders to a provided node.\n * If a node isn't provided, it creates one under document.body.\n */\nexport default function Portal({ container, children }: PortalProps) {\n  const [activeContainer, setActiveContainer] = useState<Element | null>(container ?? null);\n\n  useLayoutEffect(() => {\n    if (container) {\n      setActiveContainer(container);\n      return;\n    }\n    const newContainer = document.createElement('div');\n    document.body.appendChild(newContainer);\n    setActiveContainer(newContainer);\n    return () => {\n      document.body.removeChild(newContainer);\n      setActiveContainer(null);\n    };\n  }, [container]);\n\n  return activeContainer && createPortal(children, activeContainer);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/portal/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAOzC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAe;IACjE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAI,CAAC,CAAC;IAE1F,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,EAAE;YACb,kBAAkB,CAAC,SAAS,CAAC,CAAC;YAC9B,OAAO;SACR;QACD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACxC,kBAAkB,CAAC,YAAY,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACxC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,eAAe,IAAI,YAAY,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;AACpE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useLayoutEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface PortalProps {\n  container?: null | Element;\n  children: React.ReactNode;\n}\n\n/**\n * A safe react portal component that renders to a provided node.\n * If a node isn't provided, it creates one under document.body.\n */\nexport default function Portal({ container, children }: PortalProps) {\n  const [activeContainer, setActiveContainer] = useState<Element | null>(container ?? null);\n\n  useLayoutEffect(() => {\n    if (container) {\n      setActiveContainer(container);\n      return;\n    }\n    const newContainer = document.createElement('div');\n    document.body.appendChild(newContainer);\n    setActiveContainer(newContainer);\n    return () => {\n      document.body.removeChild(newContainer);\n      setActiveContainer(null);\n    };\n  }, [container]);\n\n  return activeContainer && createPortal(children, activeContainer);\n}\n"]}

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (30ba03e7)";
+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 (30ba03e7)",
+  "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'>;