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

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

@@ -1,63 +0,0 @@
-// 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',
-};

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

@@ -1,247 +0,0 @@
-// 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 tagBackgroundBlue: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBackgroundCoolGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBackgroundCyan: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBackgroundGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBackgroundGreen: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBackgroundMagenta: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBackgroundPurple: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBackgroundRed: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBackgroundTeal: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBackgroundWarmGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBorderBlue: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBorderCoolGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBorderCyan: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBorderGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBorderGreen: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBorderMagenta: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBorderPurple: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBorderRed: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBorderTeal: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagBorderWarmGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagColorBlue: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagColorCoolGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagColorCyan: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagColorGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagColorGreen: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagColorMagenta: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagColorPurple: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagColorRed: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagColorTeal: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagColorWarmGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagHoverBlue: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagHoverCoolGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagHoverCyan: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagHoverGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagHoverGreen: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagHoverMagenta: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagHoverPurple: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagHoverRed: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagHoverTeal: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};
-export declare const tagHoverWarmGray: {
-  whiteTheme: string;
-  g10: string;
-  g90: string;
-  g100: string;
-};

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

@@ -1,247 +0,0 @@
-// 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 tagBackgroundBlue = {
-  whiteTheme: '#d0e2ff',
-  g10: '#d0e2ff',
-  g90: '#0043ce',
-  g100: '#0043ce',
-};
-export const tagBackgroundCoolGray = {
-  whiteTheme: '#dde1e6',
-  g10: '#dde1e6',
-  g90: '#4d5358',
-  g100: '#4d5358',
-};
-export const tagBackgroundCyan = {
-  whiteTheme: '#bae6ff',
-  g10: '#bae6ff',
-  g90: '#00539a',
-  g100: '#00539a',
-};
-export const tagBackgroundGray = {
-  whiteTheme: '#e0e0e0',
-  g10: '#e0e0e0',
-  g90: '#525252',
-  g100: '#525252',
-};
-export const tagBackgroundGreen = {
-  whiteTheme: '#a7f0ba',
-  g10: '#a7f0ba',
-  g90: '#0e6027',
-  g100: '#0e6027',
-};
-export const tagBackgroundMagenta = {
-  whiteTheme: '#ffd6e8',
-  g10: '#ffd6e8',
-  g90: '#9f1853',
-  g100: '#9f1853',
-};
-export const tagBackgroundPurple = {
-  whiteTheme: '#e8daff',
-  g10: '#e8daff',
-  g90: '#6929c4',
-  g100: '#6929c4',
-};
-export const tagBackgroundRed = {
-  whiteTheme: '#ffd7d9',
-  g10: '#ffd7d9',
-  g90: '#a2191f',
-  g100: '#a2191f',
-};
-export const tagBackgroundTeal = {
-  whiteTheme: '#9ef0f0',
-  g10: '#9ef0f0',
-  g90: '#005d5d',
-  g100: '#005d5d',
-};
-export const tagBackgroundWarmGray = {
-  whiteTheme: '#e5e0df',
-  g10: '#e5e0df',
-  g90: '#565151',
-  g100: '#565151',
-};
-export const tagBorderBlue = {
-  whiteTheme: '#78a9ff',
-  g10: '#78a9ff',
-  g90: '#4589ff',
-  g100: '#4589ff',
-};
-export const tagBorderCoolGray = {
-  whiteTheme: '#a2a9b0',
-  g10: '#a2a9b0',
-  g90: '#878d96',
-  g100: '#878d96',
-};
-export const tagBorderCyan = {
-  whiteTheme: '#33b1ff',
-  g10: '#33b1ff',
-  g90: '#1192e8',
-  g100: '#1192e8',
-};
-export const tagBorderGray = {
-  whiteTheme: '#a8a8a8',
-  g10: '#a8a8a8',
-  g90: '#8d8d8d',
-  g100: '#8d8d8d',
-};
-export const tagBorderGreen = {
-  whiteTheme: '#42be65',
-  g10: '#42be65',
-  g90: '#24a148',
-  g100: '#24a148',
-};
-export const tagBorderMagenta = {
-  whiteTheme: '#ff7eb6',
-  g10: '#ff7eb6',
-  g90: '#ee5396',
-  g100: '#ee5396',
-};
-export const tagBorderPurple = {
-  whiteTheme: '#be95ff',
-  g10: '#be95ff',
-  g90: '#a56eff',
-  g100: '#a56eff',
-};
-export const tagBorderRed = {
-  whiteTheme: '#ff8389',
-  g10: '#ff8389',
-  g90: '#fa4d56',
-  g100: '#fa4d56',
-};
-export const tagBorderTeal = {
-  whiteTheme: '#08bdba',
-  g10: '#08bdba',
-  g90: '#009d9a',
-  g100: '#009d9a',
-};
-export const tagBorderWarmGray = {
-  whiteTheme: '#ada8a8',
-  g10: '#ada8a8',
-  g90: '#8f8b8b',
-  g100: '#8f8b8b',
-};
-export const tagColorBlue = {
-  whiteTheme: '#0043ce',
-  g10: '#0043ce',
-  g90: '#d0e2ff',
-  g100: '#d0e2ff',
-};
-export const tagColorCoolGray = {
-  whiteTheme: '#121619',
-  g10: '#121619',
-  g90: '#f2f4f8',
-  g100: '#f2f4f8',
-};
-export const tagColorCyan = {
-  whiteTheme: '#00539a',
-  g10: '#00539a',
-  g90: '#bae6ff',
-  g100: '#bae6ff',
-};
-export const tagColorGray = {
-  whiteTheme: '#161616',
-  g10: '#161616',
-  g90: '#f4f4f4',
-  g100: '#f4f4f4',
-};
-export const tagColorGreen = {
-  whiteTheme: '#0e6027',
-  g10: '#0e6027',
-  g90: '#a7f0ba',
-  g100: '#a7f0ba',
-};
-export const tagColorMagenta = {
-  whiteTheme: '#9f1853',
-  g10: '#9f1853',
-  g90: '#ffd6e8',
-  g100: '#ffd6e8',
-};
-export const tagColorPurple = {
-  whiteTheme: '#6929c4',
-  g10: '#6929c4',
-  g90: '#e8daff',
-  g100: '#e8daff',
-};
-export const tagColorRed = {
-  whiteTheme: '#a2191f',
-  g10: '#a2191f',
-  g90: '#ffd7d9',
-  g100: '#ffd7d9',
-};
-export const tagColorTeal = {
-  whiteTheme: '#005d5d',
-  g10: '#005d5d',
-  g90: '#9ef0f0',
-  g100: '#9ef0f0',
-};
-export const tagColorWarmGray = {
-  whiteTheme: '#171414',
-  g10: '#171414',
-  g90: '#f7f3f2',
-  g100: '#f7f3f2',
-};
-export const tagHoverBlue = {
-  whiteTheme: '#b8d3ff',
-  g10: '#b8d3ff',
-  g90: '#0053ff',
-  g100: '#0053ff',
-};
-export const tagHoverCoolGray = {
-  whiteTheme: '#cdd3da',
-  g10: '#cdd3da',
-  g90: '#5d646a',
-  g100: '#5d646a',
-};
-export const tagHoverCyan = {
-  whiteTheme: '#99daff',
-  g10: '#99daff',
-  g90: '#0066bd',
-  g100: '#0066bd',
-};
-export const tagHoverGray = {
-  whiteTheme: '#d1d1d1',
-  g10: '#d1d1d1',
-  g90: '#636363',
-  g100: '#636363',
-};
-export const tagHoverGreen = {
-  whiteTheme: '#74e792',
-  g10: '#74e792',
-  g90: '#11742f',
-  g100: '#11742f',
-};
-export const tagHoverMagenta = {
-  whiteTheme: '#ffbdda',
-  g10: '#ffbdda',
-  g90: '#bf1d63',
-  g100: '#bf1d63',
-};
-export const tagHoverPurple = {
-  whiteTheme: '#dcc7ff',
-  g10: '#dcc7ff',
-  g90: '#7c3dd6',
-  g100: '#7c3dd6',
-};
-export const tagHoverRed = {
-  whiteTheme: '#ffc2c5',
-  g10: '#ffc2c5',
-  g90: '#c21e25',
-  g100: '#c21e25',
-};
-export const tagHoverTeal = {
-  whiteTheme: '#57e5e5',
-  g10: '#57e5e5',
-  g90: '#007070',
-  g100: '#007070',
-};
-export const tagHoverWarmGray = {
-  whiteTheme: '#d8d0cf',
-  g10: '#d8d0cf',
-  g90: '#696363',
-  g100: '#696363',
-};