@carbon/themes 11.77.0 → 11.78.0

package/js/generated/component-tokens/button.d.ts

@@ -0,0 +1,98 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2025
+//
+// 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 buttonDangerActive: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonDangerHover: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonDangerPrimary: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonDangerSecondary: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonDisabled: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonPrimary: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonPrimaryActive: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonPrimaryHover: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonSecondary: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonSecondaryActive: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonSecondaryHover: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonSeparator: {
+  fallback: string;
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonTertiary: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonTertiaryActive: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const buttonTertiaryHover: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};

package/{src/component-tokens/button/tokens.ts → js/generated/component-tokens/button.js}

@@ -1,130 +1,98 @@
-/**
- * Copyright IBM Corp. 2022, 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.
- */
-
-const buttonSeparator = {
-  fallback: '#e0e0e0',
-  whiteTheme: '#e0e0e0',
-  g10: '#e0e0e0',
-  g90: '#161616',
-  g100: '#161616',
-};
-
-const buttonPrimary = {
-  whiteTheme: '#0f62fe',
-  g10: '#0f62fe',
-  g90: '#0f62fe',
-  g100: '#0f62fe',
-};
-
-const buttonSecondary = {
-  whiteTheme: '#393939',
-  g10: '#393939',
-  g90: '#6f6f6f',
-  g100: '#6f6f6f',
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2025
+//
+// 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 const buttonDangerActive = {
+  whiteTheme: '#750e13',
+  g10: '#750e13',
+  g90: '#750e13',
+  g100: '#750e13',
 };
-
-const buttonTertiary = {
-  whiteTheme: '#0f62fe',
-  g10: '#0f62fe',
-  g90: '#ffffff',
-  g100: '#ffffff',
+export const buttonDangerHover = {
+  whiteTheme: '#b81921',
+  g10: '#b81921',
+  g90: '#b81921',
+  g100: '#b81921',
 };
-
-const buttonDangerPrimary = {
+export const buttonDangerPrimary = {
   whiteTheme: '#da1e28',
   g10: '#da1e28',
   g90: '#da1e28',
   g100: '#da1e28',
 };
-
-const buttonDangerSecondary = {
+export const buttonDangerSecondary = {
   whiteTheme: '#da1e28',
   g10: '#da1e28',
   g90: '#ff8389',
   g100: '#fa4d56',
 };
-
-const buttonDangerActive = {
-  whiteTheme: '#750e13',
-  g10: '#750e13',
-  g90: '#750e13',
-  g100: '#750e13',
+export const buttonDisabled = {
+  whiteTheme: '#c6c6c6',
+  g10: '#c6c6c6',
+  g90: 'rgba(141, 141, 141, 0.3)',
+  g100: 'rgba(141, 141, 141, 0.3)',
 };
-
-const buttonPrimaryActive = {
+export const buttonPrimary = {
+  whiteTheme: '#0f62fe',
+  g10: '#0f62fe',
+  g90: '#0f62fe',
+  g100: '#0f62fe',
+};
+export const buttonPrimaryActive = {
   whiteTheme: '#002d9c',
   g10: '#002d9c',
   g90: '#002d9c',
   g100: '#002d9c',
 };
-
-const buttonSecondaryActive = {
-  whiteTheme: '#6f6f6f',
-  g10: '#6f6f6f',
-  g90: '#393939',
-  g100: '#393939',
-};
-
-const buttonTertiaryActive = {
-  whiteTheme: '#002d9c',
-  g10: '#002d9c',
-  g90: '#c6c6c6',
-  g100: '#c6c6c6',
-};
-
-const buttonDangerHover = {
-  whiteTheme: '#b81921',
-  g10: '#b81921',
-  g90: '#b81921',
-  g100: '#b81921',
-};
-
-const buttonPrimaryHover = {
+export const buttonPrimaryHover = {
   whiteTheme: '#0050e6',
   g10: '#0050e6',
   g90: '#0050e6',
   g100: '#0050e6',
 };
-
-const buttonSecondaryHover = {
+export const buttonSecondary = {
+  whiteTheme: '#393939',
+  g10: '#393939',
+  g90: '#6f6f6f',
+  g100: '#6f6f6f',
+};
+export const buttonSecondaryActive = {
+  whiteTheme: '#6f6f6f',
+  g10: '#6f6f6f',
+  g90: '#393939',
+  g100: '#393939',
+};
+export const buttonSecondaryHover = {
   whiteTheme: '#474747',
   g10: '#474747',
   g90: '#5e5e5e',
   g100: '#5e5e5e',
 };
-
-const buttonTertiaryHover = {
+export const buttonSeparator = {
+  fallback: '#e0e0e0',
+  whiteTheme: '#e0e0e0',
+  g10: '#e0e0e0',
+  g90: '#161616',
+  g100: '#161616',
+};
+export const buttonTertiary = {
+  whiteTheme: '#0f62fe',
+  g10: '#0f62fe',
+  g90: '#ffffff',
+  g100: '#ffffff',
+};
+export const buttonTertiaryActive = {
+  whiteTheme: '#002d9c',
+  g10: '#002d9c',
+  g90: '#c6c6c6',
+  g100: '#c6c6c6',
+};
+export const buttonTertiaryHover = {
   whiteTheme: '#0050e6',
   g10: '#0050e6',
   g90: '#f4f4f4',
   g100: '#f4f4f4',
 };
-
-const buttonDisabled = {
-  whiteTheme: '#c6c6c6',
-  g10: '#c6c6c6',
-  g90: 'rgb(141 141 141 / 30%)',
-  g100: 'rgb(141 141 141 / 30%)',
-};
-
-export {
-  buttonSeparator,
-  buttonPrimary,
-  buttonSecondary,
-  buttonTertiary,
-  buttonDangerPrimary,
-  buttonDangerSecondary,
-  buttonDangerActive,
-  buttonPrimaryActive,
-  buttonSecondaryActive,
-  buttonTertiaryActive,
-  buttonDangerHover,
-  buttonPrimaryHover,
-  buttonSecondaryHover,
-  buttonTertiaryHover,
-  buttonDisabled,
-};

package/js/generated/component-tokens/content-switcher.d.ts

@@ -0,0 +1,25 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2025
+//
+// 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 contentSwitcherBackground: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const contentSwitcherBackgroundHover: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const contentSwitcherSelected: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};

package/js/generated/component-tokens/content-switcher.js

@@ -0,0 +1,25 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2025
+//
+// 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 const contentSwitcherBackground = {
+  whiteTheme: '#e0e0e0',
+  g10: '#e0e0e0',
+  g90: 'rgba(0, 0, 0, 0)',
+  g100: 'rgba(0, 0, 0, 0)',
+};
+export const contentSwitcherBackgroundHover = {
+  whiteTheme: '#d1d1d1',
+  g10: '#d1d1d1',
+  g90: 'rgba(141, 141, 141, 0.12)',
+  g100: 'rgba(141, 141, 141, 0.12)',
+};
+export const contentSwitcherSelected = {
+  whiteTheme: '#ffffff',
+  g10: '#ffffff',
+  g90: 'rgba(141, 141, 141, 0.24)',
+  g100: 'rgba(141, 141, 141, 0.24)',
+};

package/js/generated/component-tokens/notification.d.ts

@@ -0,0 +1,65 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2025
+//
+// 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 notificationActionHover: {
+  whiteTheme: string;
+  g10: string;
+};
+export declare const notificationActionTertiaryInverse: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const notificationActionTertiaryInverseActive: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const notificationActionTertiaryInverseHover: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const notificationActionTertiaryInverseText: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const notificationActionTertiaryInverseTextOnColorDisabled: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const notificationBackgroundError: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const notificationBackgroundInfo: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const notificationBackgroundSuccess: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const notificationBackgroundWarning: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};

package/js/generated/component-tokens/notification.js

@@ -0,0 +1,65 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2025
+//
+// 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 const notificationActionHover = {
+  whiteTheme: '#ffffff',
+  g10: '#ffffff',
+};
+export const notificationActionTertiaryInverse = {
+  whiteTheme: '#ffffff',
+  g10: '#ffffff',
+  g90: '#0f62fe',
+  g100: '#0f62fe',
+};
+export const notificationActionTertiaryInverseActive = {
+  whiteTheme: '#c6c6c6',
+  g10: '#c6c6c6',
+  g90: '#002d9c',
+  g100: '#002d9c',
+};
+export const notificationActionTertiaryInverseHover = {
+  whiteTheme: '#f4f4f4',
+  g10: '#f4f4f4',
+  g90: '#0050e6',
+  g100: '#0050e6',
+};
+export const notificationActionTertiaryInverseText = {
+  whiteTheme: '#161616',
+  g10: '#161616',
+  g90: '#ffffff',
+  g100: '#ffffff',
+};
+export const notificationActionTertiaryInverseTextOnColorDisabled = {
+  whiteTheme: 'rgba(255, 255, 255, 0.25)',
+  g10: 'rgba(255, 255, 255, 0.25)',
+  g90: '#8d8d8d',
+  g100: '#8d8d8d',
+};
+export const notificationBackgroundError = {
+  whiteTheme: '#fff1f1',
+  g10: '#fff1f1',
+  g90: '#393939',
+  g100: '#262626',
+};
+export const notificationBackgroundInfo = {
+  whiteTheme: '#edf5ff',
+  g10: '#edf5ff',
+  g90: '#393939',
+  g100: '#262626',
+};
+export const notificationBackgroundSuccess = {
+  whiteTheme: '#defbe6',
+  g10: '#defbe6',
+  g90: '#393939',
+  g100: '#262626',
+};
+export const notificationBackgroundWarning = {
+  whiteTheme: '#fcf4d6',
+  g10: '#fcf4d6',
+  g90: '#393939',
+  g100: '#262626',
+};

package/js/generated/component-tokens/status.d.ts

@@ -0,0 +1,63 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2025
+//
+// 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 statusAccessibilityBackground: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const statusBlue: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const statusGray: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const statusGreen: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const statusOrange: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const statusOrangeOutline: {
+  whiteTheme: string;
+  g10: string;
+};
+export declare const statusPurple: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const statusRed: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const statusYellow: {
+  whiteTheme: string;
+  g10: string;
+  g90: string;
+  g100: string;
+};
+export declare const statusYellowOutline: {
+  whiteTheme: string;
+  g10: string;
+};

package/js/generated/component-tokens/status.js

@@ -0,0 +1,63 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2025
+//
+// 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 const statusAccessibilityBackground = {
+  whiteTheme: '#ffffff',
+  g10: '#ffffff',
+  g90: '#161616',
+  g100: '#161616',
+};
+export const statusBlue = {
+  whiteTheme: '#0043ce',
+  g10: '#0043ce',
+  g90: '#4589ff',
+  g100: '#4589ff',
+};
+export const statusGray = {
+  whiteTheme: '#6f6f6f',
+  g10: '#6f6f6f',
+  g90: '#8d8d8d',
+  g100: '#8d8d8d',
+};
+export const statusGreen = {
+  whiteTheme: '#24a148',
+  g10: '#24a148',
+  g90: '#42be65',
+  g100: '#42be65',
+};
+export const statusOrange = {
+  whiteTheme: '#ff832b',
+  g10: '#ff832b',
+  g90: '#ff832b',
+  g100: '#ff832b',
+};
+export const statusOrangeOutline = {
+  whiteTheme: '#ba4e00',
+  g10: '#ba4e00',
+};
+export const statusPurple = {
+  whiteTheme: '#8a3ffc',
+  g10: '#8a3ffc',
+  g90: '#a56eff',
+  g100: '#a56eff',
+};
+export const statusRed = {
+  whiteTheme: '#da1e28',
+  g10: '#da1e28',
+  g90: '#fa4d56',
+  g100: '#fa4d56',
+};
+export const statusYellow = {
+  whiteTheme: '#f1c21b',
+  g10: '#f1c21b',
+  g90: '#f1c21b',
+  g100: '#f1c21b',
+};
+export const statusYellowOutline = {
+  whiteTheme: '#8e6a00',
+  g10: '#8e6a00',
+};