@bcc-code/design-tokens 3.0.3 → 3.0.4

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.
@@ -16,14 +16,21 @@ export default {
16
16
  500: "#8590a2",
17
17
  600: "#758195",
18
18
  700: "#626f86",
19
- 800: "#4b5668",
20
- 900: "#374152",
21
- 1000: "#282f3c",
22
- 1100: "#1e242d",
19
+ 800: "#44546f",
20
+ 900: "#2c3e5d",
21
+ 1000: "#172b4d",
22
+ 1100: "#091e42",
23
+ },
24
+ "neutral-alpha": {
25
+ "100A": "rgba(9, 30, 77, 0.03)",
26
+ "200A": "rgba(9, 30, 77, 0.06)",
27
+ "300A": "rgba(9, 30, 77, 0.14)",
28
+ "400A": "rgba(9, 30, 77, 0.32)",
29
+ "500A": "rgba(9, 30, 77, 0.5)",
23
30
  },
24
31
  "dark-neutral": {
25
32
  0: "#161a1d",
26
- 100: "#1d2125",
33
+ 100: "#101214",
27
34
  200: "#22272b",
28
35
  250: "#282e33",
29
36
  300: "#2c333a",
@@ -38,7 +45,40 @@ export default {
38
45
  1100: "#dee4ea",
39
46
  "negative-100": "#101214",
40
47
  },
41
- "dark-green": {
48
+ "dark-neutral-alpha": {
49
+ "100A": "rgba(0, 0, 0, 0.24)",
50
+ "200A": "rgba(188, 214, 240, 0.08)",
51
+ "250A": "rgba(188, 214, 240, 0.1)",
52
+ "300A": "rgba(188, 214, 240, 0.16)",
53
+ "350A": "rgba(188, 214, 240, 0.2)",
54
+ "400A": "rgba(188, 214, 240, 0.28)",
55
+ "500A": "rgba(188, 214, 240, 0.5)",
56
+ },
57
+ blue: {
58
+ 100: "#f6fbff",
59
+ 200: "#d9ecff",
60
+ 300: "#a6cdfd",
61
+ 400: "#7cabf9",
62
+ 500: "#608ef6",
63
+ 600: "#446add",
64
+ 700: "#274eb5",
65
+ 800: "#273c8f",
66
+ 900: "#212c64",
67
+ 1000: "#091e47",
68
+ },
69
+ teal: {
70
+ 100: "#f6fbff",
71
+ 200: "#c3f2f8",
72
+ 300: "#82d3e3",
73
+ 400: "#51b9cf",
74
+ 500: "#1a9eb7",
75
+ 600: "#0b7da1",
76
+ 700: "#005b81",
77
+ 800: "#09486b",
78
+ 900: "#0d324d",
79
+ 1000: "#0c2132",
80
+ },
81
+ bcc: {
42
82
  100: "#f0fcfa",
43
83
  200: "#d2eeeb",
44
84
  300: "#a0cec8",
@@ -50,30 +90,6 @@ export default {
50
90
  900: "#0b3633",
51
91
  1000: "#012320",
52
92
  },
53
- orange: {
54
- 100: "#fffaed",
55
- 200: "#fee3c1",
56
- 300: "#f6b981",
57
- 400: "#f19457",
58
- 500: "#da772e",
59
- 600: "#b55919",
60
- 700: "#943a14",
61
- 800: "#782612",
62
- 900: "#5d1712",
63
- 1000: "#420e0d",
64
- },
65
- red: {
66
- 100: "#fff8f3",
67
- 200: "#fee2dd",
68
- 300: "#fab6ad",
69
- 400: "#fa877e",
70
- 500: "#ed6362",
71
- 600: "#ca414e",
72
- 700: "#a42237",
73
- 800: "#811436",
74
- 900: "#630d2e",
75
- 1000: "#440223",
76
- },
77
93
  green: {
78
94
  100: "#efffed",
79
95
  200: "#cbf3c9",
@@ -86,18 +102,6 @@ export default {
86
102
  900: "#073734",
87
103
  1000: "#032429",
88
104
  },
89
- teal: {
90
- 100: "#f6fbff",
91
- 200: "#c3f2f8",
92
- 300: "#82d3e3",
93
- 400: "#51b9cf",
94
- 500: "#1a9eb7",
95
- 600: "#0b7da1",
96
- 700: "#005b81",
97
- 800: "#09486b",
98
- 900: "#0d324d",
99
- 1000: "#0c2132",
100
- },
101
105
  brown: {
102
106
  100: "#f9faf4",
103
107
  200: "#ece8dc",
@@ -110,29 +114,41 @@ export default {
110
114
  900: "#3f2c1e",
111
115
  1000: "#2e1b0f",
112
116
  },
113
- blue: {
114
- 100: "#f6fbff",
115
- 200: "#d9ecff",
116
- 300: "#a6cdfd",
117
- 400: "#7cabf9",
118
- 500: "#608ef6",
119
- 600: "#446add",
120
- 700: "#274eb5",
121
- 800: "#273c8f",
122
- 900: "#212c64",
123
- 1000: "#091e47",
117
+ yellow: {
118
+ 100: "#fdf8e9",
119
+ 200: "#f8e6a0",
120
+ 300: "#e9c348",
121
+ 400: "#d5a406",
122
+ 500: "#bc870d",
123
+ 600: "#a4670b",
124
+ 700: "#854901",
125
+ 800: "#653805",
126
+ 900: "#4b2c04",
127
+ 1000: "#2d1f00",
124
128
  },
125
- purple: {
126
- 100: "#f6f9ff",
127
- 200: "#e3e3fe",
128
- 300: "#c9c3ec",
129
- 400: "#afa0e0",
130
- 500: "#9a82da",
131
- 600: "#8360c3",
132
- 700: "#61479c",
133
- 800: "#493481",
134
- 900: "#352465",
135
- 1000: "#1d154d",
129
+ orange: {
130
+ 100: "#fffaed",
131
+ 200: "#fee3c1",
132
+ 300: "#f6b981",
133
+ 400: "#f19457",
134
+ 500: "#da772e",
135
+ 600: "#b55919",
136
+ 700: "#943a14",
137
+ 800: "#782612",
138
+ 900: "#5d1712",
139
+ 1000: "#420e0d",
140
+ },
141
+ red: {
142
+ 100: "#fff8f3",
143
+ 200: "#fee2dd",
144
+ 300: "#fab6ad",
145
+ 400: "#fa877e",
146
+ 500: "#ed6362",
147
+ 600: "#ca414e",
148
+ 700: "#a42237",
149
+ 800: "#811436",
150
+ 900: "#630d2e",
151
+ 1000: "#440223",
136
152
  },
137
153
  magenta: {
138
154
  100: "#fff8ff",
@@ -146,34 +162,17 @@ export default {
146
162
  900: "#5b1043",
147
163
  1000: "#3f0534",
148
164
  },
149
- "neutral-alpha": {
150
- "100A": "rgba(9, 30, 77, 0.03)",
151
- "500A": "rgba(9, 30, 77, 0.5)",
152
- "200A": "rgba(9, 30, 77, 0.06)",
153
- "300A": "rgba(9, 30, 77, 0.14)",
154
- "400A": "rgba(9, 30, 77, 0.31)",
155
- },
156
- "dark-neutral-alpha": {
157
- "100A": "rgba(188, 214, 240, 0.04)",
158
- "200A": "rgba(188, 214, 240, 0.84)",
159
- "300A": "rgba(188, 214, 240, 0.16)",
160
- "400A": "rgba(188, 214, 240, 0.28)",
161
- "500A": "rgba(188, 214, 240, 0.5)",
162
- "250A": "rgba(188, 214, 240, 0.1)",
163
- "350A": "rgba(188, 214, 240, 0.2)",
164
- "negative-100A": "rgba(0, 0, 0, 0.24)",
165
- },
166
- yellow: {
167
- 100: "#fdf8e9",
168
- 200: "#f8e6a0",
169
- 300: "#e9c348",
170
- 400: "#d5a406",
171
- 500: "#bc870d",
172
- 600: "#a4670b",
173
- 700: "#854901",
174
- 800: "#653805",
175
- 900: "#4b2c04",
176
- 1000: "#2d1f00",
165
+ purple: {
166
+ 100: "#f6f9ff",
167
+ 200: "#e3e3fe",
168
+ 300: "#c9c3ec",
169
+ 400: "#afa0e0",
170
+ 500: "#9a82da",
171
+ 600: "#8360c3",
172
+ 700: "#61479c",
173
+ 800: "#493481",
174
+ 900: "#352465",
175
+ 1000: "#1d154d",
177
176
  },
178
177
  Transparent: "rgba(0, 0, 0, 0)",
179
178
  },