@bcc-code/design-tokens 2.0.13 → 2.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,100 +1,143 @@
1
1
  const BCCAuraOverride = {
2
- semantic: {
3
- primary: {
4
- 50: 'var(--color-bcc-100)',
5
- 100: 'var(--color-bcc-200)',
6
- 200: 'var(--color-bcc-300)',
7
- 300: 'var(--color-bcc-400)',
8
- 400: 'var(--color-bcc-500)',
9
- 500: 'var(--color-bcc-600)',
10
- 600: 'var(--color-bcc-700)',
11
- 700: 'var(--color-bcc-800)',
12
- 800: 'var(--color-bcc-900)',
13
- 900: 'var(--color-bcc-1000)',
14
- 950: 'var(--color-bcc-1000)',
2
+ primitive: {
3
+ neutral: {
4
+ 0: "var(--color-neutral-0)",
5
+ 100: "var(--color-neutral-100)",
6
+ 200: "var(--color-neutral-200)",
7
+ 300: "var(--color-neutral-300)",
8
+ 400: "var(--color-neutral-400)",
9
+ 500: "var(--color-neutral-500)",
10
+ 600: "var(--color-neutral-600)",
11
+ 700: "var(--color-neutral-700)",
12
+ 800: "var(--color-neutral-800)",
13
+ 900: "var(--color-neutral-900)",
14
+ 950: "var(--color-neutral-1000)",
15
15
  },
16
16
 
17
- colorScheme: {
18
- light: {
19
- primary: {
20
- color: 'var(--color-background-brand-default)',
21
- contrastColor: 'var(--color-text-inverse)',
22
- hoverColor: 'var(--color-background-brand-hover)',
23
- activeColor: 'var(--color-background-brand-pressed)',
24
- },
25
-
26
- surface: {
27
- 0: 'var(--color-elevation-surface-default)',
28
- 50: 'var(--color-elevation-surface-raised-default)',
29
- 100: 'var(--color-elevation-surface-overlay-default)',
30
- 200: 'var(--color-neutral-200)',
31
- 300: 'var(--color-neutral-300)',
32
- 400: 'var(--color-neutral-400)',
33
- 500: 'var(--color-neutral-500)',
34
- 600: 'var(--color-neutral-600)',
35
- 700: 'var(--color-neutral-700)',
36
- 800: 'var(--color-neutral-800)',
37
- 900: 'var(--color-neutral-900)',
38
- 950: 'var(--color-neutral-1100)',
39
- },
40
-
41
- text: {
42
- color: 'var(--color-text-default)',
43
- hoverColor: 'var(--color-text-default)',
44
- mutedColor: 'var(--color-text-subtle)',
45
- highlightColor: 'var(--color-text-selected)',
46
- },
47
-
48
- content: {
49
- background: 'var(--color-elevation-surface-default)',
50
- hoverBackground: 'var(--color-elevation-surface-hovered)',
51
- borderColor: 'var(--color-border-default)',
52
- color: 'var(--color-text-default)',
53
- hoverColor: 'var(--color-text-default)',
54
- },
55
- },
56
-
57
- dark: {
58
- primary: {
59
- color: 'var(--color-background-brand-default)',
60
- contrastColor: 'var(--color-text-inverse)',
61
- hoverColor: 'var(--color-background-brand-hover)',
62
- activeColor: 'var(--color-background-brand-pressed)',
63
- },
64
-
65
- surface: {
66
- 0: 'var(--color-elevation-surface-default)',
67
- 50: 'var(--color-elevation-surface-raised-default)',
68
- 100: 'var(--color-elevation-surface-overlay-default)',
69
- 200: 'var(--color-neutral-200)',
70
- 300: 'var(--color-neutral-300)',
71
- 400: 'var(--color-neutral-400)',
72
- 500: 'var(--color-neutral-500)',
73
- 600: 'var(--color-neutral-600)',
74
- 700: 'var(--color-neutral-700)',
75
- 800: 'var(--color-neutral-800)',
76
- 900: 'var(--color-neutral-900)',
77
- 950: 'var(--color-neutral-1100)',
78
- },
79
-
80
- text: {
81
- color: 'var(--color-text-default)',
82
- hoverColor: 'var(--color-text-default)',
83
- mutedColor: 'var(--color-text-subtle)',
84
- highlightColor: 'var(--color-text-selected)',
85
- },
86
-
87
- content: {
88
- background: 'var(--color-elevation-surface-default)',
89
- hoverBackground: 'var(--color-elevation-surface-hovered)',
90
- borderColor: 'var(--color-border-default)',
91
- color: 'var(--color-text-default)',
92
- hoverColor: 'var(--color-text-default)',
93
- },
94
- },
17
+ red: {
18
+ 50: "var(--color-red-100)",
19
+ 100: "var(--color-red-200)",
20
+ 200: "var(--color-red-300)",
21
+ 300: "var(--color-red-400)",
22
+ 400: "var(--color-red-500)",
23
+ 500: "var(--color-red-600)",
24
+ 600: "var(--color-red-700)",
25
+ 700: "var(--color-red-800)",
26
+ 800: "var(--color-red-900)",
27
+ 900: "var(--color-red-1000)",
28
+ },
29
+ orange: {
30
+ 50: "var(--color-orange-100)",
31
+ 100: "var(--color-orange-200)",
32
+ 200: "var(--color-orange-300)",
33
+ 300: "var(--color-orange-400)",
34
+ 400: "var(--color-orange-500)",
35
+ 500: "var(--color-orange-600)",
36
+ 600: "var(--color-orange-700)",
37
+ 700: "var(--color-orange-800)",
38
+ 800: "var(--color-orange-900)",
39
+ 900: "var(--color-orange-1000)",
40
+ },
41
+ green: {
42
+ 50: "var(--color-green-100)",
43
+ 100: "var(--color-green-200)",
44
+ 200: "var(--color-green-300)",
45
+ 300: "var(--color-green-400)",
46
+ 400: "var(--color-green-500)",
47
+ 500: "var(--color-green-600)",
48
+ 600: "var(--color-green-700)",
49
+ 700: "var(--color-green-800)",
50
+ 800: "var(--color-green-900)",
51
+ 900: "var(--color-green-1000)",
52
+ },
53
+ teal: {
54
+ 50: "var(--color-teal-100)",
55
+ 100: "var(--color-teal-200)",
56
+ 200: "var(--color-teal-300)",
57
+ 300: "var(--color-teal-400)",
58
+ 400: "var(--color-teal-500)",
59
+ 500: "var(--color-teal-600)",
60
+ 600: "var(--color-teal-700)",
61
+ 700: "var(--color-teal-800)",
62
+ 800: "var(--color-teal-900)",
63
+ 900: "var(--color-teal-1000)",
64
+ },
65
+ blue: {
66
+ 50: "var(--color-blue-100)",
67
+ 100: "var(--color-blue-200)",
68
+ 200: "var(--color-blue-300)",
69
+ 300: "var(--color-blue-400)",
70
+ 400: "var(--color-blue-500)",
71
+ 500: "var(--color-blue-600)",
72
+ 600: "var(--color-blue-700)",
73
+ 700: "var(--color-blue-800)",
74
+ 800: "var(--color-blue-900)",
75
+ 900: "var(--color-blue-1000)",
76
+ },
77
+ purple: {
78
+ 50: "var(--color-purple-100)",
79
+ 100: "var(--color-purple-200)",
80
+ 200: "var(--color-purple-300)",
81
+ 300: "var(--color-purple-400)",
82
+ 400: "var(--color-purple-500)",
83
+ 500: "var(--color-purple-600)",
84
+ 600: "var(--color-purple-700)",
85
+ 700: "var(--color-purple-800)",
86
+ 800: "var(--color-purple-900)",
87
+ 900: "var(--color-purple-1000)",
88
+ },
89
+ pink: {
90
+ 50: "var(--color-magenta-100)",
91
+ 100: "var(--color-magenta-200)",
92
+ 200: "var(--color-magenta-300)",
93
+ 300: "var(--color-magenta-400)",
94
+ 400: "var(--color-magenta-500)",
95
+ 500: "var(--color-magenta-600)",
96
+ 600: "var(--color-magenta-700)",
97
+ 700: "var(--color-magenta-800)",
98
+ 800: "var(--color-magenta-900)",
99
+ 900: "var(--color-magenta-1000)",
100
+ },
101
+ yellow: {
102
+ 50: "var(--color-yellow-100)",
103
+ 100: "var(--color-yellow-200)",
104
+ 200: "var(--color-yellow-300)",
105
+ 300: "var(--color-yellow-400)",
106
+ 400: "var(--color-yellow-500)",
107
+ 500: "var(--color-yellow-600)",
108
+ 600: "var(--color-yellow-700)",
109
+ 700: "var(--color-yellow-800)",
110
+ 800: "var(--color-yellow-900)",
111
+ 900: "var(--color-yellow-1000)",
112
+ },
113
+ amber: {
114
+ 50: "var(--color-brown-100)",
115
+ 100: "var(--color-brown-200)",
116
+ 200: "var(--color-brown-300)",
117
+ 300: "var(--color-brown-400)",
118
+ 400: "var(--color-brown-500)",
119
+ 500: "var(--color-brown-600)",
120
+ 600: "var(--color-brown-700)",
121
+ 700: "var(--color-brown-800)",
122
+ 800: "var(--color-brown-900)",
123
+ 900: "var(--color-brown-1000)",
124
+ },
125
+ },
126
+ semantic: {
127
+ primary: {
128
+ 50: "var(--color-bcc-50)",
129
+ 100: "var(--color-bcc-100)",
130
+ 200: "var(--color-bcc-200)",
131
+ 300: "var(--color-bcc-300)",
132
+ 400: "var(--color-bcc-400)",
133
+ 500: "var(--color-bcc-500)",
134
+ 600: "var(--color-bcc-600)",
135
+ 700: "var(--color-bcc-700)",
136
+ 800: "var(--color-bcc-800)",
137
+ 900: "var(--color-bcc-900)",
138
+ 1000: "var(--color-bcc-1000)",
95
139
  },
96
140
  },
97
-
98
141
  };
99
142
 
100
- export default BCCAuraOverride;
143
+ export default BCCAuraOverride;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/design-tokens",
3
- "version": "2.0.13",
3
+ "version": "2.0.14",
4
4
  "description": "Design tokens with CSS variables, Tailwind v4, and framework presets.",
5
5
  "type": "module",
6
6
  "main": "build/bcc/cdn/variables.css",