@carbon/themes 11.74.0 → 11.75.0

package/lib/tokens/v11TokenSet.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2018, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { TokenSet } from './TokenSet';
+export declare const set: TokenSet;

package/lib/tools.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Adjust a given token's lightness by a specified percentage
+ * Example: token = hsl(10, 10, 10);
+ * adjustLightness(token, 5) === hsl(10, 10, 15);
+ * adjustLightness(token, -5) === hsl(10, 10, 5);
+ */
+export declare const adjustLightness: (token: string, shift: number) => string;
+/**
+ * Adjust a given token's alpha by a specified amount
+ * Example: token = rgba(10, 10, 10, 1.0);
+ * adjustAlpha(token, 0.3) === rgba(10, 10, 10, 0.3);
+ */
+export declare const adjustAlpha: (token: string, alpha: number) => string;
+/**
+ * Format a given token into the format expected in CSS/SCSS-based projects.
+ */
+export declare const formatTokenName: (token: string) => string;

package/lib/v10/g10.d.ts

@@ -0,0 +1,154 @@
+/**
+ * Copyright IBM Corp. 2018, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const interactive01 = "#0f62fe";
+export declare const interactive02 = "#393939";
+export declare const interactive03 = "#0f62fe";
+export declare const interactive04 = "#0f62fe";
+export declare const uiBackground = "#f4f4f4";
+export declare const ui01 = "#ffffff";
+export declare const ui02 = "#f4f4f4";
+export declare const ui03 = "#e0e0e0";
+export declare const ui04 = "#8d8d8d";
+export declare const ui05 = "#161616";
+export declare const text01 = "#161616";
+export declare const text02 = "#525252";
+export declare const text03 = "#a8a8a8";
+export declare const text04 = "#ffffff";
+export declare const text05 = "#6f6f6f";
+export declare const textError = "#da1e28";
+export declare const icon01 = "#161616";
+export declare const icon02 = "#525252";
+export declare const icon03 = "#ffffff";
+export declare const link01 = "#0f62fe";
+export declare const link02 = "#0043ce";
+export declare const inverseLink = "#78a9ff";
+export declare const field01 = "#ffffff";
+export declare const field02 = "#f4f4f4";
+export declare const inverse01 = "#ffffff";
+export declare const inverse02 = "#393939";
+export declare const support01 = "#da1e28";
+export declare const support02 = "#198038";
+export declare const support03 = "#f1c21b";
+export declare const support04 = "#0043ce";
+export declare const inverseSupport01 = "#fa4d56";
+export declare const inverseSupport02 = "#42be65";
+export declare const inverseSupport03 = "#f1c21b";
+export declare const inverseSupport04 = "#4589ff";
+export declare const overlay01: string;
+export declare const danger01 = "#da1e28";
+export declare const danger02 = "#da1e28";
+export declare const focus = "#0f62fe";
+export declare const inverseFocusUi = "#ffffff";
+export declare const hoverPrimary = "#0353e9";
+export declare const activePrimary = "#002d9c";
+export declare const hoverPrimaryText = "#0043ce";
+export declare const hoverSecondary = "#4c4c4c";
+export declare const activeSecondary = "#6f6f6f";
+export declare const hoverTertiary = "#0353e9";
+export declare const activeTertiary = "#002d9c";
+export declare const hoverUI = "#e5e5e5";
+export declare const hoverLightUI = "#e5e5e5";
+export declare const activeUI = "#c6c6c6";
+export declare const activeLightUI = "#c6c6c6";
+export declare const selectedUI = "#e0e0e0";
+export declare const selectedLightUI = "#e0e0e0";
+export declare const inverseHoverUI = "#4c4c4c";
+export declare const hoverSelectedUI = "#cacaca";
+export declare const hoverDanger: string;
+export declare const activeDanger = "#750e13";
+export declare const hoverRow = "#e5e5e5";
+export declare const visitedLink = "#8a3ffc";
+export declare const disabled01 = "#ffffff";
+export declare const disabled02 = "#c6c6c6";
+export declare const disabled03 = "#8d8d8d";
+export declare const highlight = "#d0e2ff";
+export declare const decorative01 = "#e0e0e0";
+export declare const buttonSeparator = "#e0e0e0";
+export declare const skeleton01 = "#e5e5e5";
+export declare const skeleton02 = "#c6c6c6";
+export declare const background = "#f4f4f4";
+export declare const layer = "#ffffff";
+export declare const layerAccent = "#e0e0e0";
+export declare const layerAccentActive = "#a8a8a8";
+export declare const layerAccentHover: string;
+export declare const field = "#ffffff";
+export declare const backgroundInverse = "#393939";
+export declare const backgroundBrand = "#0f62fe";
+export declare const interactive = "#0f62fe";
+export declare const borderSubtle = "#e0e0e0";
+export declare const borderStrong = "#8d8d8d";
+export declare const borderInverse = "#161616";
+export declare const borderInteractive = "#0f62fe";
+export declare const textPrimary = "#161616";
+export declare const textSecondary = "#525252";
+export declare const textPlaceholder = "#a8a8a8";
+export declare const textHelper = "#6f6f6f";
+export declare const textOnColor = "#ffffff";
+export declare const textInverse = "#ffffff";
+export declare const linkPrimary = "#0f62fe";
+export declare const linkSecondary = "#0043ce";
+export declare const linkVisited = "#8a3ffc";
+export declare const linkInverse = "#78a9ff";
+export declare const iconPrimary = "#161616";
+export declare const iconSecondary = "#525252";
+export declare const iconOnColor = "#ffffff";
+export declare const iconInverse = "#ffffff";
+export declare const supportError = "#da1e28";
+export declare const supportSuccess = "#198038";
+export declare const supportWarning = "#f1c21b";
+export declare const supportInfo = "#0043ce";
+export declare const supportErrorInverse = "#fa4d56";
+export declare const supportSuccessInverse = "#42be65";
+export declare const supportWarningInverse = "#f1c21b";
+export declare const supportInfoInverse = "#4589ff";
+export declare const overlay: string;
+export declare const toggleOff = "#8d8d8d";
+export declare const shadow: string;
+export declare const buttonPrimary = "#0f62fe";
+export declare const buttonSecondary = "#393939";
+export declare const buttonTertiary = "#0f62fe";
+export declare const buttonDangerPrimary = "#da1e28";
+export declare const buttonDangerSecondary = "#da1e28";
+export declare const backgroundActive = "#c6c6c6";
+export declare const layerActive = "#c6c6c6";
+export declare const buttonDangerActive = "#750e13";
+export declare const buttonPrimaryActive = "#002d9c";
+export declare const buttonSecondaryActive = "#6f6f6f";
+export declare const buttonTertiaryActive = "#002d9c";
+export declare const focusInset = "#ffffff";
+export declare const focusInverse = "#ffffff";
+export declare const backgroundHover = "#e5e5e5";
+export declare const layerHover = "#e5e5e5";
+export declare const fieldHover = "#e5e5e5";
+export declare const backgroundInverseHover = "#4c4c4c";
+export declare const linkPrimaryHover = "#0043ce";
+export declare const buttonDangerHover: string;
+export declare const buttonPrimaryHover = "#0353e9";
+export declare const buttonSecondaryHover = "#4c4c4c";
+export declare const buttonTertiaryHover = "#0353e9";
+export declare const backgroundSelected = "#e0e0e0";
+export declare const backgroundSelectedHover = "#cacaca";
+export declare const layerSelected = "#e0e0e0";
+export declare const layerSelectedHover = "#cacaca";
+export declare const layerSelectedInverse = "#161616";
+export declare const borderSubtleSelected = "#c6c6c6";
+export declare const borderDisabled = "#ffffff";
+export declare const textDisabled = "#c6c6c6";
+export declare const buttonDisabled = "#c6c6c6";
+export declare const iconDisabled = "#c6c6c6";
+export declare const textOnColorDisabled = "#8d8d8d";
+export declare const iconOnColorDisabled = "#8d8d8d";
+export declare const layerSelectedDisabled = "#8d8d8d";
+export declare const skeletonBackground = "#e5e5e5";
+export declare const skeletonElement = "#c6c6c6";
+export { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, container01, container02, container03, container04, container05, sizeXSmall, sizeSmall, sizeMedium, sizeLarge, sizeXLarge, size2XLarge, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, } from './white';
+export declare const brand01 = "#0f62fe";
+export declare const brand02 = "#393939";
+export declare const brand03 = "#0f62fe";
+export declare const active01 = "#c6c6c6";
+export declare const hoverField = "#e5e5e5";
+export declare const danger = "#da1e28";

package/lib/v10/g100.d.ts

@@ -0,0 +1,154 @@
+/**
+ * Copyright IBM Corp. 2018, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const interactive01 = "#0f62fe";
+export declare const interactive02 = "#6f6f6f";
+export declare const interactive03 = "#ffffff";
+export declare const interactive04 = "#4589ff";
+export declare const uiBackground = "#161616";
+export declare const ui01 = "#262626";
+export declare const ui02 = "#393939";
+export declare const ui03 = "#393939";
+export declare const ui04 = "#6f6f6f";
+export declare const ui05 = "#f4f4f4";
+export declare const text01 = "#f4f4f4";
+export declare const text02 = "#c6c6c6";
+export declare const text03 = "#6f6f6f";
+export declare const text04 = "#ffffff";
+export declare const text05 = "#8d8d8d";
+export declare const textError = "#ff8389";
+export declare const icon01 = "#f4f4f4";
+export declare const icon02 = "#c6c6c6";
+export declare const icon03 = "#ffffff";
+export declare const link01 = "#78a9ff";
+export declare const link02 = "#a6c8ff";
+export declare const inverseLink = "#0f62fe";
+export declare const field01 = "#262626";
+export declare const field02 = "#393939";
+export declare const inverse01 = "#161616";
+export declare const inverse02 = "#f4f4f4";
+export declare const support01 = "#fa4d56";
+export declare const support02 = "#42be65";
+export declare const support03 = "#f1c21b";
+export declare const support04 = "#4589ff";
+export declare const inverseSupport01 = "#da1e28";
+export declare const inverseSupport02 = "#24a148";
+export declare const inverseSupport03 = "#f1c21b";
+export declare const inverseSupport04 = "#0f62fe";
+export declare const overlay01: string;
+export declare const danger01 = "#da1e28";
+export declare const danger02 = "#fa4d56";
+export declare const focus = "#ffffff";
+export declare const inverseFocusUi = "#0f62fe";
+export declare const hoverPrimary = "#0353e9";
+export declare const activePrimary = "#002d9c";
+export declare const hoverPrimaryText = "#a6c8ff";
+export declare const hoverSecondary = "#606060";
+export declare const activeSecondary = "#393939";
+export declare const hoverTertiary = "#f4f4f4";
+export declare const activeTertiary = "#c6c6c6";
+export declare const hoverUI = "#353535";
+export declare const hoverLightUI = "#4c4c4c";
+export declare const activeUI = "#525252";
+export declare const activeLightUI = "#6f6f6f";
+export declare const selectedUI = "#393939";
+export declare const selectedLightUI = "#525252";
+export declare const inverseHoverUI = "#e5e5e5";
+export declare const hoverSelectedUI = "#4c4c4c";
+export declare const hoverDanger: string;
+export declare const activeDanger = "#750e13";
+export declare const hoverRow = "#353535";
+export declare const visitedLink = "#be95ff";
+export declare const disabled01 = "#262626";
+export declare const disabled02 = "#525252";
+export declare const disabled03 = "#8d8d8d";
+export declare const highlight = "#002d9c";
+export declare const decorative01 = "#525252";
+export declare const buttonSeparator = "#161616";
+export declare const skeleton01 = "#353535";
+export declare const skeleton02 = "#525252";
+export declare const background = "#161616";
+export declare const layer = "#262626";
+export declare const layerAccent = "#393939";
+export declare const layerAccentActive = "#6f6f6f";
+export declare const layerAccentHover: string;
+export declare const field = "#262626";
+export declare const backgroundInverse = "#f4f4f4";
+export declare const backgroundBrand = "#0f62fe";
+export declare const interactive = "#4589ff";
+export declare const borderSubtle = "#393939";
+export declare const borderStrong = "#6f6f6f";
+export declare const borderInverse = "#f4f4f4";
+export declare const borderInteractive = "#4589ff";
+export declare const textPrimary = "#f4f4f4";
+export declare const textSecondary = "#c6c6c6";
+export declare const textPlaceholder = "#6f6f6f";
+export declare const textHelper = "#8d8d8d";
+export declare const textOnColor = "#ffffff";
+export declare const textInverse = "#161616";
+export declare const linkPrimary = "#78a9ff";
+export declare const linkSecondary = "#a6c8ff";
+export declare const linkVisited = "#be95ff";
+export declare const linkInverse = "#0f62fe";
+export declare const iconPrimary = "#f4f4f4";
+export declare const iconSecondary = "#c6c6c6";
+export declare const iconOnColor = "#ffffff";
+export declare const iconInverse = "#161616";
+export declare const supportError = "#fa4d56";
+export declare const supportSuccess = "#42be65";
+export declare const supportWarning = "#f1c21b";
+export declare const supportInfo = "#4589ff";
+export declare const supportErrorInverse = "#da1e28";
+export declare const supportSuccessInverse = "#24a148";
+export declare const supportWarningInverse = "#f1c21b";
+export declare const supportInfoInverse = "#0f62fe";
+export declare const overlay: string;
+export declare const toggleOff = "#6f6f6f";
+export declare const shadow: string;
+export declare const buttonPrimary = "#0f62fe";
+export declare const buttonSecondary = "#6f6f6f";
+export declare const buttonTertiary = "#ffffff";
+export declare const buttonDangerPrimary = "#da1e28";
+export declare const buttonDangerSecondary = "#fa4d56";
+export declare const backgroundActive = "#525252";
+export declare const layerActive = "#525252";
+export declare const buttonDangerActive = "#750e13";
+export declare const buttonPrimaryActive = "#002d9c";
+export declare const buttonSecondaryActive = "#393939";
+export declare const buttonTertiaryActive = "#c6c6c6";
+export declare const focusInset = "#161616";
+export declare const focusInverse = "#0f62fe";
+export declare const backgroundHover = "#353535";
+export declare const layerHover = "#353535";
+export declare const fieldHover = "#353535";
+export declare const backgroundInverseHover = "#e5e5e5";
+export declare const linkPrimaryHover = "#a6c8ff";
+export declare const buttonDangerHover: string;
+export declare const buttonPrimaryHover = "#0353e9";
+export declare const buttonSecondaryHover = "#606060";
+export declare const buttonTertiaryHover = "#f4f4f4";
+export declare const backgroundSelected = "#393939";
+export declare const backgroundSelectedHover = "#4c4c4c";
+export declare const layerSelected = "#393939";
+export declare const layerSelectedHover = "#4c4c4c";
+export declare const layerSelectedInverse = "#f4f4f4";
+export declare const borderSubtleSelected = "#525252";
+export declare const borderDisabled = "#262626";
+export declare const textDisabled = "#525252";
+export declare const buttonDisabled = "#525252";
+export declare const iconDisabled = "#525252";
+export declare const textOnColorDisabled = "#8d8d8d";
+export declare const iconOnColorDisabled = "#8d8d8d";
+export declare const layerSelectedDisabled = "#8d8d8d";
+export declare const skeletonBackground = "#353535";
+export declare const skeletonElement = "#525252";
+export { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, container01, container02, container03, container04, container05, sizeXSmall, sizeSmall, sizeMedium, sizeLarge, sizeXLarge, size2XLarge, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, } from './white';
+export declare const brand01 = "#0f62fe";
+export declare const brand02 = "#6f6f6f";
+export declare const brand03 = "#ffffff";
+export declare const active01 = "#525252";
+export declare const hoverField = "#353535";
+export declare const danger = "#da1e28";

package/lib/v10/g90.d.ts

@@ -0,0 +1,154 @@
+/**
+ * Copyright IBM Corp. 2018, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const interactive01 = "#0f62fe";
+export declare const interactive02 = "#6f6f6f";
+export declare const interactive03 = "#ffffff";
+export declare const interactive04 = "#4589ff";
+export declare const uiBackground = "#262626";
+export declare const ui01 = "#393939";
+export declare const ui02 = "#525252";
+export declare const ui03 = "#525252";
+export declare const ui04 = "#8d8d8d";
+export declare const ui05 = "#f4f4f4";
+export declare const text01 = "#f4f4f4";
+export declare const text02 = "#c6c6c6";
+export declare const text03 = "#6f6f6f";
+export declare const text04 = "#ffffff";
+export declare const text05 = "#8d8d8d";
+export declare const textError = "#ffb3b8";
+export declare const icon01 = "#f4f4f4";
+export declare const icon02 = "#c6c6c6";
+export declare const icon03 = "#ffffff";
+export declare const link01 = "#78a9ff";
+export declare const link02 = "#a6c8ff";
+export declare const inverseLink = "#0f62fe";
+export declare const field01 = "#393939";
+export declare const field02 = "#525252";
+export declare const inverse01 = "#161616";
+export declare const inverse02 = "#f4f4f4";
+export declare const support01 = "#ff8389";
+export declare const support02 = "#42be65";
+export declare const support03 = "#f1c21b";
+export declare const support04 = "#4589ff";
+export declare const inverseSupport01 = "#da1e28";
+export declare const inverseSupport02 = "#24a148";
+export declare const inverseSupport03 = "#f1c21b";
+export declare const inverseSupport04 = "#0f62fe";
+export declare const overlay01: string;
+export declare const danger01 = "#da1e28";
+export declare const danger02 = "#ff8389";
+export declare const focus = "#ffffff";
+export declare const inverseFocusUi = "#0f62fe";
+export declare const hoverPrimary = "#0353e9";
+export declare const activePrimary = "#002d9c";
+export declare const hoverPrimaryText = "#a6c8ff";
+export declare const hoverSecondary = "#606060";
+export declare const activeSecondary = "#393939";
+export declare const hoverTertiary = "#f4f4f4";
+export declare const activeTertiary = "#c6c6c6";
+export declare const hoverUI = "#4c4c4c";
+export declare const hoverLightUI = "#656565";
+export declare const activeUI = "#6f6f6f";
+export declare const activeLightUI = "#8d8d8d";
+export declare const selectedUI = "#525252";
+export declare const selectedLightUI = "#6f6f6f";
+export declare const inverseHoverUI = "#e5e5e5";
+export declare const hoverSelectedUI = "#656565";
+export declare const hoverDanger: string;
+export declare const activeDanger = "#750e13";
+export declare const hoverRow = "#4c4c4c";
+export declare const visitedLink = "#be95ff";
+export declare const disabled01 = "#393939";
+export declare const disabled02 = "#6f6f6f";
+export declare const disabled03 = "#a8a8a8";
+export declare const highlight = "#0043ce";
+export declare const decorative01 = "#6f6f6f";
+export declare const buttonSeparator = "#161616";
+export declare const skeleton01 = "#353535";
+export declare const skeleton02 = "#525252";
+export declare const background = "#262626";
+export declare const layer = "#393939";
+export declare const layerAccent = "#525252";
+export declare const layerAccentActive = "#8d8d8d";
+export declare const layerAccentHover: string;
+export declare const field = "#393939";
+export declare const backgroundInverse = "#f4f4f4";
+export declare const backgroundBrand = "#0f62fe";
+export declare const interactive = "#4589ff";
+export declare const borderSubtle = "#525252";
+export declare const borderStrong = "#8d8d8d";
+export declare const borderInverse = "#f4f4f4";
+export declare const borderInteractive = "#4589ff";
+export declare const textPrimary = "#f4f4f4";
+export declare const textSecondary = "#c6c6c6";
+export declare const textPlaceholder = "#6f6f6f";
+export declare const textHelper = "#8d8d8d";
+export declare const textOnColor = "#ffffff";
+export declare const textInverse = "#161616";
+export declare const linkPrimary = "#78a9ff";
+export declare const linkSecondary = "#a6c8ff";
+export declare const linkVisited = "#be95ff";
+export declare const linkInverse = "#0f62fe";
+export declare const iconPrimary = "#f4f4f4";
+export declare const iconSecondary = "#c6c6c6";
+export declare const iconOnColor = "#ffffff";
+export declare const iconInverse = "#161616";
+export declare const supportError = "#ff8389";
+export declare const supportSuccess = "#42be65";
+export declare const supportWarning = "#f1c21b";
+export declare const supportInfo = "#4589ff";
+export declare const supportErrorInverse = "#da1e28";
+export declare const supportSuccessInverse = "#24a148";
+export declare const supportWarningInverse = "#f1c21b";
+export declare const supportInfoInverse = "#0f62fe";
+export declare const overlay: string;
+export declare const toggleOff = "#8d8d8d";
+export declare const shadow: string;
+export declare const buttonPrimary = "#0f62fe";
+export declare const buttonSecondary = "#6f6f6f";
+export declare const buttonTertiary = "#ffffff";
+export declare const buttonDangerPrimary = "#da1e28";
+export declare const buttonDangerSecondary = "#ff8389";
+export declare const backgroundActive = "#6f6f6f";
+export declare const layerActive = "#6f6f6f";
+export declare const buttonDangerActive = "#750e13";
+export declare const buttonPrimaryActive = "#002d9c";
+export declare const buttonSecondaryActive = "#393939";
+export declare const buttonTertiaryActive = "#c6c6c6";
+export declare const focusInset = "#161616";
+export declare const focusInverse = "#0f62fe";
+export declare const backgroundHover = "#4c4c4c";
+export declare const layerHover = "#4c4c4c";
+export declare const fieldHover = "#4c4c4c";
+export declare const backgroundInverseHover = "#e5e5e5";
+export declare const linkPrimaryHover = "#a6c8ff";
+export declare const buttonDangerHover: string;
+export declare const buttonPrimaryHover = "#0353e9";
+export declare const buttonSecondaryHover = "#606060";
+export declare const buttonTertiaryHover = "#f4f4f4";
+export declare const backgroundSelected = "#525252";
+export declare const backgroundSelectedHover = "#656565";
+export declare const layerSelected = "#525252";
+export declare const layerSelectedHover = "#656565";
+export declare const layerSelectedInverse = "#f4f4f4";
+export declare const borderSubtleSelected = "#6f6f6f";
+export declare const borderDisabled = "#393939";
+export declare const textDisabled = "#6f6f6f";
+export declare const buttonDisabled = "#6f6f6f";
+export declare const iconDisabled = "#6f6f6f";
+export declare const textOnColorDisabled = "#a8a8a8";
+export declare const iconOnColorDisabled = "#a8a8a8";
+export declare const layerSelectedDisabled = "#a8a8a8";
+export declare const skeletonBackground = "#353535";
+export declare const skeletonElement = "#525252";
+export { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, container01, container02, container03, container04, container05, sizeXSmall, sizeSmall, sizeMedium, sizeLarge, sizeXLarge, size2XLarge, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, } from './white';
+export declare const brand01 = "#0f62fe";
+export declare const brand02 = "#6f6f6f";
+export declare const brand03 = "#ffffff";
+export declare const active01 = "#6f6f6f";
+export declare const hoverField = "#4c4c4c";
+export declare const danger = "#da1e28";

package/lib/v10/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2018, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import * as white from './white';
+import * as g10 from './g10';
+import * as g90 from './g90';
+import * as g100 from './g100';
+import { tokens } from './tokens';
+declare const themes: {
+    white: typeof white;
+    g10: typeof g10;
+    g90: typeof g90;
+    g100: typeof g100;
+};
+export * from './white';
+export { white, g10, g90, g100, themes, tokens };

package/lib/v10/tokens.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright IBM Corp. 2018, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const tokens: {
+    colors: string[];
+    type: string[];
+    layout: readonly ["spacing01", "spacing02", "spacing03", "spacing04", "spacing05", "spacing06", "spacing07", "spacing08", "spacing09", "spacing10", "spacing11", "spacing12", "spacing13", "fluidSpacing01", "fluidSpacing02", "fluidSpacing03", "fluidSpacing04", "container01", "container02", "container03", "container04", "container05", "sizeXSmall", "sizeSmall", "sizeMedium", "sizeLarge", "sizeXLarge", "size2XLarge", "iconSize01", "iconSize02", "layout01", "layout02", "layout03", "layout04", "layout05", "layout06", "layout07"];
+};
+export declare const unstable__meta: {
+    colors: {
+        type: string;
+        tokens: string[];
+    }[];
+    deprecated: string[];
+};