@carbon/themes 12.0.0-alpha.2 → 12.0.0-alpha.3

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/js/generated/component-tokens/button.js

@@ -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 const buttonDangerActive = {
+  whiteTheme: '#750e13',
+  g10: '#750e13',
+  g90: '#750e13',
+  g100: '#750e13',
+};
+export const buttonDangerHover = {
+  whiteTheme: '#b81921',
+  g10: '#b81921',
+  g90: '#b81921',
+  g100: '#b81921',
+};
+export const buttonDangerPrimary = {
+  whiteTheme: '#da1e28',
+  g10: '#da1e28',
+  g90: '#da1e28',
+  g100: '#da1e28',
+};
+export const buttonDangerSecondary = {
+  whiteTheme: '#da1e28',
+  g10: '#da1e28',
+  g90: '#ff8389',
+  g100: '#fa4d56',
+};
+export const buttonDisabled = {
+  whiteTheme: '#c6c6c6',
+  g10: '#c6c6c6',
+  g90: 'rgba(141, 141, 141, 0.3)',
+  g100: 'rgba(141, 141, 141, 0.3)',
+};
+export const buttonPrimary = {
+  whiteTheme: '#0f62fe',
+  g10: '#0f62fe',
+  g90: '#0f62fe',
+  g100: '#0f62fe',
+};
+export const buttonPrimaryActive = {
+  whiteTheme: '#002d9c',
+  g10: '#002d9c',
+  g90: '#002d9c',
+  g100: '#002d9c',
+};
+export const buttonPrimaryHover = {
+  whiteTheme: '#0050e6',
+  g10: '#0050e6',
+  g90: '#0050e6',
+  g100: '#0050e6',
+};
+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',
+};
+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',
+};

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',
+};