@carbon/themes 11.77.0 → 11.78.0

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

@@ -0,0 +1,247 @@
+// 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

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