Skip to content

Commit a944af2

Browse files
stuartwilkesstuartwilkes
committed
Updated build
1 parent ef10a81 commit a944af2

3 files changed

Lines changed: 482 additions & 466 deletions

File tree

‎tokens-generated/css/core.css‎

Lines changed: 184 additions & 135 deletions
Original file line numberDiff line numberDiff line change
@@ -3,95 +3,152 @@
33
*/
44

55
:root {
6+
--wds-font-scale-const-min-f0: 1rem;
7+
--wds-font-scale-const-min-r: 0.0703125rem;
8+
--wds-font-scale-const-min-n: 0.0625rem;
9+
--wds-font-scale-const-max-f0: 1.25rem;
10+
--wds-font-scale-const-max-r: 0.075rem;
11+
--wds-font-scale-const-max-n: 0.0625rem;
12+
--wds-font-scale-f-3-min: 0.3125rem;
13+
--wds-font-scale-f-3-max: 0.3125rem;
14+
--wds-font-scale-f-3-v: 6.25rem;
15+
--wds-font-scale-f-3-r: NaNrem;
16+
--wds-font-scale-f-3-fluid: NaNrem;
17+
--wds-font-scale-f-2-min: 0.3125rem;
18+
--wds-font-scale-f-2-max: 0.3125rem;
19+
--wds-font-scale-f-2-v: 6.25rem;
20+
--wds-font-scale-f-2-r: NaNrem;
21+
--wds-font-scale-f-2-fluid: NaNrem;
22+
--wds-font-scale-f-1-min: 0.3125rem;
23+
--wds-font-scale-f-1-max: 0.3125rem;
24+
--wds-font-scale-f-1-v: 6.25rem;
25+
--wds-font-scale-f-1-r: NaNrem;
26+
--wds-font-scale-f-1-fluid: NaNrem;
27+
--wds-font-scale-f0-min: 0.3125rem;
28+
--wds-font-scale-f0-max: 0.3125rem;
29+
--wds-font-scale-f0-v: 6.25rem;
30+
--wds-font-scale-f0-r: NaNrem;
31+
--wds-font-scale-f0-fluid: NaNrem;
32+
--wds-font-scale-f1-min: 0.3125rem;
33+
--wds-font-scale-f1-max: 0.3125rem;
34+
--wds-font-scale-f1-v: 6.25rem;
35+
--wds-font-scale-f1-r: NaNrem;
36+
--wds-font-scale-f1-fluid: NaNrem;
37+
--wds-font-scale-f2-min: 0.3125rem;
38+
--wds-font-scale-f2-max: 0.3125rem;
39+
--wds-font-scale-f2-v: 6.25rem;
40+
--wds-font-scale-f2-r: NaNrem;
41+
--wds-font-scale-f2-fluid: NaNrem;
42+
--wds-font-scale-f3-min: 0.3125rem;
43+
--wds-font-scale-f3-max: 0.3125rem;
44+
--wds-font-scale-f3-v: 6.25rem;
45+
--wds-font-scale-f3-r: NaNrem;
46+
--wds-font-scale-f3-fluid: NaNrem;
47+
--wds-font-scale-f4-min: 0.3125rem;
48+
--wds-font-scale-f4-max: 0.3125rem;
49+
--wds-font-scale-f4-v: 6.25rem;
50+
--wds-font-scale-f4-r: NaNrem;
51+
--wds-font-scale-f4-fluid: NaNrem;
52+
--wds-font-scale-f5-min: 0.3125rem;
53+
--wds-font-scale-f5-max: 0.3125rem;
54+
--wds-font-scale-f5-v: 6.25rem;
55+
--wds-font-scale-f5-r: NaNrem;
56+
--wds-font-scale-f5-fluid: NaNrem;
57+
--wds-font-scale-f6-min: 0.3125rem;
58+
--wds-font-scale-f6-max: 0.3125rem;
59+
--wds-font-scale-f6-v: 6.25rem;
60+
--wds-font-scale-f6-r: NaNrem;
61+
--wds-font-scale-f6-fluid: NaNrem;
62+
--wds-font-size-f-3: NaNrem;
63+
--wds-font-size-f-2: NaNrem;
64+
--wds-font-size-f-1: NaNrem;
65+
--wds-font-size-f0: NaNrem;
66+
--wds-font-size-f1: NaNrem;
67+
--wds-font-size-f2: NaNrem;
68+
--wds-font-size-f3: NaNrem;
69+
--wds-font-size-f4: NaNrem;
70+
--wds-font-size-f5: NaNrem;
71+
--wds-font-size-f6: NaNrem;
72+
--wds-viewport-width: 20rem;
73+
--wds-viewport-min: 20rem;
74+
--wds-viewport-max: 120rem;
675
--wds-color-white: #ffffff;
776
--wds-color-black: #000000;
8-
--wds-color-grey-10: #e6e6e6;
9-
--wds-color-grey-20: #cccccc;
10-
--wds-color-grey-30: #b3b3b3;
11-
--wds-color-grey-40: #999999;
12-
--wds-color-grey-50: #878787;
13-
--wds-color-grey-60: #767676;
14-
--wds-color-grey-70: #5c5c5c;
15-
--wds-color-grey-80: #292929;
16-
--wds-color-grey-90: #000000;
17-
--wds-color-grey-05: #f2f2f2;
18-
--wds-color-amber-10: #fff4d1;
19-
--wds-color-amber-20: #ffe699;
20-
--wds-color-amber-30: #fec200;
21-
--wds-color-amber-40: #e7ae04;
22-
--wds-color-amber-50: #c29207;
23-
--wds-color-amber-60: #946f00;
24-
--wds-color-amber-70: #705400;
25-
--wds-color-amber-80: #4d3900;
26-
--wds-color-amber-90: #382a00;
27-
--wds-color-amber-05: #fffbf0;
28-
--wds-color-blue-10: #dbeaff;
29-
--wds-color-blue-20: #b3d2ff;
30-
--wds-color-blue-30: #80b5ff;
31-
--wds-color-blue-40: #4d97ff;
32-
--wds-color-blue-50: #1672f3;
33-
--wds-color-blue-60: #0055cc;
34-
--wds-color-blue-70: #004099;
35-
--wds-color-blue-80: #003170;
36-
--wds-color-blue-90: #002e45;
37-
--wds-color-blue-05: #f0f6ff;
38-
--wds-color-cyan-10: #dcf4f9;
39-
--wds-color-cyan-20: #beebf4;
40-
--wds-color-cyan-30: #9dd8e7;
41-
--wds-color-cyan-40: #71bdd0;
42-
--wds-color-cyan-50: #009bb2;
43-
--wds-color-cyan-60: #006272;
44-
--wds-color-cyan-70: #005361;
45-
--wds-color-cyan-80: #00424d;
46-
--wds-color-cyan-90: #002c33;
47-
--wds-color-cyan-05: #f1fcfd;
48-
--wds-color-green-10: #f0f9e7;
49-
--wds-color-green-20: #e6f1d3;
50-
--wds-color-green-30: #b6d99c;
51-
--wds-color-green-40: #8cc059;
52-
--wds-color-green-50: #6ba136;
53-
--wds-color-green-60: #4c8026;
54-
--wds-color-green-70: #236126;
55-
--wds-color-green-80: #2a512c;
56-
--wds-color-green-90: #133800;
57-
--wds-color-green-05: #f7fcf2;
58-
--wds-color-orange-10: #ffeddb;
59-
--wds-color-orange-20: #ffd9b2;
60-
--wds-color-orange-30: #ffbf80;
61-
--wds-color-orange-40: #ffa64d;
62-
--wds-color-orange-50: #f07f0a;
63-
--wds-color-orange-60: #b45c04;
64-
--wds-color-orange-70: #8a471e;
65-
--wds-color-orange-80: #572b00;
66-
--wds-color-orange-90: #331e0f;
67-
--wds-color-orange-05: #fff7f0;
68-
--wds-color-red-10: #f9cdca;
69-
--wds-color-red-20: #ed858e;
70-
--wds-color-red-30: #f2637b;
71-
--wds-color-red-40: #f04763;
72-
--wds-color-red-50: #e72343;
73-
--wds-color-red-60: #e10f2d;
74-
--wds-color-red-70: #b3001e;
75-
--wds-color-red-80: #6c131d;
76-
--wds-color-red-90: #40120d;
77-
--wds-color-red-05: #fff0f2;
78-
--wds-color-yellow-10: #fffde2;
79-
--wds-color-yellow-20: #fff9a6;
80-
--wds-color-yellow-30: #fff266;
81-
--wds-color-yellow-40: #ffea00;
82-
--wds-color-yellow-50: #b5a70d;
83-
--wds-color-yellow-60: #817818;
84-
--wds-color-yellow-70: #706601;
85-
--wds-color-yellow-80: #574f00;
86-
--wds-color-yellow-90: #3d3800;
87-
--wds-color-yellow-05: #fffef0;
88-
--wds-wc-color-neutral-cool-100: #121212;
77+
--wds-color-neutral-10: #F5F6EE;
78+
--wds-color-neutral-20: #D2D6D0;
79+
--wds-color-neutral-30: #AFB5B1;
80+
--wds-color-neutral-40: #8C9593;
81+
--wds-color-neutral-50: #657373;
82+
--wds-color-neutral-60: #445254;
83+
--wds-color-neutral-70: #223438;
84+
--wds-color-pink-10: #FFF2FA;
85+
--wds-color-pink-20: #FFC9EA;
86+
--wds-color-pink-30: #FFA5DC;
87+
--wds-color-pink-40: #F261BA;
88+
--wds-color-pink-50: #CB298D;
89+
--wds-color-pink-60: #860956;
90+
--wds-color-pink-70: #360021;
91+
--wds-color-yellow-10: #FFFEF0;
92+
--wds-color-yellow-20: #FFFAAE;
93+
--wds-color-yellow-30: #FFEE00;
94+
--wds-color-yellow-40: #DBCD00;
95+
--wds-color-yellow-50: #7A7200;
96+
--wds-color-yellow-60: #544F00;
97+
--wds-color-yellow-70: #2E2B00;
98+
--wds-color-blue-10: #EDF6FF;
99+
--wds-color-blue-20: #BFDFFF;
100+
--wds-color-blue-30: #8FC7FF;
101+
--wds-color-blue-40: #549FE9;
102+
--wds-color-blue-50: #2672BE;
103+
--wds-color-blue-60: #0C4783;
104+
--wds-color-blue-70: #011F3D;
105+
--wds-color-indigo-10: #EDEBFA;
106+
--wds-color-indigo-20: #CAC3FA;
107+
--wds-color-indigo-30: #A194F4;
108+
--wds-color-indigo-40: #6C6ED7;
109+
--wds-color-indigo-50: #3B44BA;
110+
--wds-color-indigo-60: #242B7D;
111+
--wds-color-indigo-70: #14184D;
112+
--wds-color-teal-10: #E9F5F4;
113+
--wds-color-teal-20: #C3D8D7;
114+
--wds-color-teal-30: #8DA8A7;
115+
--wds-color-teal-40: #547876;
116+
--wds-color-teal-50: #2A5250;
117+
--wds-color-teal-60: #153B39;
118+
--wds-color-teal-70: #012927;
119+
--wds-color-orange-10: #FCF4F0;
120+
--wds-color-orange-20: #FFDECD;
121+
--wds-color-orange-30: #FFB691;
122+
--wds-color-orange-40: #F2824A;
123+
--wds-color-orange-50: #A35229;
124+
--wds-color-orange-60: #6B351A;
125+
--wds-color-orange-70: #33190C;
126+
--wds-color-green-10: #F0F5DF;
127+
--wds-color-green-20: #D9E3B3;
128+
--wds-color-green-30: #B6C47E;
129+
--wds-color-green-40: #98A953;
130+
--wds-color-green-50: #64761F;
131+
--wds-color-green-60: #46540D;
132+
--wds-color-green-70: #212900;
133+
--wds-color-ui-blue-10: #EDF6FF;
134+
--wds-color-ui-blue-40: #549FE9;
135+
--wds-color-ui-blue-60: #0C4783;
136+
--wds-color-ui-green-10: #EFFCE3;
137+
--wds-color-ui-green-40: #81C14B;
138+
--wds-color-ui-green-60: #417F0D;
139+
--wds-color-ui-yellow-10: #FFFEF0;
140+
--wds-color-ui-yellow-40: #DBCD00;
141+
--wds-color-ui-yellow-60: #544F00;
142+
--wds-color-ui-red-10: #FFF0F2;
143+
--wds-color-ui-red-40: #E72343;
144+
--wds-color-ui-red-60: #6C131D;
89145
--wds-wc-color-neutral-cool-200: #fbfaf4;
90146
--wds-wc-color-neutral-cool-300: #e8e8e8;
91147
--wds-wc-color-neutral-cool-400: #d9d9d9;
92148
--wds-wc-color-neutral-cool-500: #878787;
93149
--wds-wc-color-neutral-cool-600: #6a6a6a;
94150
--wds-wc-color-neutral-cool-700: #323232;
151+
--wds-wc-color-neutral-cool-1000: #121212;
95152
--wds-wc-color-neutral-warm-200: #fff9e6;
96153
--wds-wc-color-neutral-warm-300: #edece4;
97154
--wds-wc-color-neutral-warm-400: #d9d8d0;
@@ -113,7 +170,7 @@
113170
--wds-wc-color-ui-validation-red: #e01b2f;
114171
--wds-wc-color-ui-focus-yellow: #ffea00;
115172
--wds-font-family-mono: '“IBM Plex Mono”', '“Courier New”', Courier, monospace;
116-
--wds-font-family-brand: Wellcome, “Wellcome-Bold”, sans-serif;
173+
--wds-font-family-brand: Wellcome, sans-serif;
117174
--wds-font-family-sans: Inter, sans-serif;
118175
--wds-font-weight-light: 300;
119176
--wds-font-weight-regular: 400;
@@ -123,60 +180,47 @@
123180
--wds-font-letter-spacing-tight: -0.03125rem;
124181
--wds-font-letter-spacing-comfortable: 0.0125rem;
125182
--wds-font-letter-spacing-spacious: 0.025rem;
126-
--wds-font-size-old-10: 0.625rem;
127-
--wds-font-size-old-12: 0.75rem;
128-
--wds-font-size-old-14: 0.875rem;
129-
--wds-font-size-old-16: 1rem;
130-
--wds-font-size-old-18: 1.125rem;
131-
--wds-font-size-old-20: 1.25rem;
132-
--wds-font-size-old-22: 1.375rem;
133-
--wds-font-size-old-24: 1.5rem;
134-
--wds-font-size-old-28: 1.75rem;
135-
--wds-font-size-old-32: 2rem;
136-
--wds-font-size-old-34: 2.125rem;
137-
--wds-font-size-old-40: 2.5rem;
138183
--wds-font-line-height-sm: 1; /** Buttons, navigation, and other UI components. */
139184
--wds-font-line-height-md: 1.3; /** Body text and captions. */
140-
--wds-font-line-height-lg: 1.6; /** Display, heading and long form body text. */
141-
--wds-font-line-height-xl: 1.8;
185+
--wds-font-line-height-lg: 1.5; /** Display, heading and long form body text. */
142186
--wds-font-text-case-uppercase: uppercase;
143187
--wds-font-text-case-sentence: none;
144-
--wds-font-size-bp-sm-f6: 2.50625rem;
145-
--wds-font-size-bp-sm-f5: 2.16875rem;
146-
--wds-font-size-bp-sm-f3: 1.63125rem;
147-
--wds-font-size-bp-sm-f2: 1.4125rem;
148-
--wds-font-size-bp-sm-f1: 1.23125rem;
149-
--wds-font-size-bp-sm-f0: 1.06875rem;
150-
--wds-font-size-bp-sm-f-1: 0.93125rem;
151-
--wds-font-size-bp-sm-f-2: 0.8125rem;
152-
--wds-font-size-bp-sm-f-3: 0.70625rem;
153-
--wds-font-size-bp-xs-f6: 2.025rem;
154-
--wds-font-size-bp-xs-f5: 1.8rem;
155-
--wds-font-size-bp-xs-f3: 1.425rem;
156-
--wds-font-size-bp-xs-f2: 1.26875rem;
157-
--wds-font-size-bp-xs-f1: 1.125rem;
158-
--wds-font-size-bp-xs-f0: 1rem;
159-
--wds-font-size-bp-xs-f-1: 0.8875rem;
160-
--wds-font-size-bp-xs-f-2: 0.7875rem;
161-
--wds-font-size-bp-xs-f-3: 0.7rem;
162-
--wds-font-size-bp-lg-f6: 3.21875rem;
163-
--wds-font-size-bp-lg-f5: 2.71875rem;
164-
--wds-font-size-bp-lg-f3: 1.9375rem;
165-
--wds-font-size-bp-lg-f2: 1.6375rem;
166-
--wds-font-size-bp-lg-f1: 1.3875rem;
167-
--wds-font-size-bp-lg-f0: 1.175rem;
168-
--wds-font-size-bp-lg-f-1: 0.99375rem;
169-
--wds-font-size-bp-lg-f-2: 0.84375rem;
170-
--wds-font-size-bp-lg-f-3: 0.71875rem;
171-
--wds-font-size-bp-xl-f6: 3.73125rem;
172-
--wds-font-size-bp-xl-f5: 3.1125rem;
173-
--wds-font-size-bp-xl-f3: 2.1625rem;
174-
--wds-font-size-bp-xl-f2: 1.8rem;
175-
--wds-font-size-bp-xl-f1: 1.5rem;
176-
--wds-font-size-bp-xl-f0: 1.25rem;
177-
--wds-font-size-bp-xl-f-1: 1.04375rem;
178-
--wds-font-size-bp-xl-f-2: 0.86875rem;
179-
--wds-font-size-bp-xl-f-3: 0.725rem;
188+
--wds-font-size-bp-xs-f6: 2rem; /** Token value for figma */
189+
--wds-font-size-bp-xs-f5: 1.8125rem; /** Token value for figma */
190+
--wds-font-size-bp-xs-f3: 1.4375rem; /** Token value for figma */
191+
--wds-font-size-bp-xs-f2: 1.25rem; /** Token value for figma */
192+
--wds-font-size-bp-xs-f1: 1.125rem; /** Token value for figma */
193+
--wds-font-size-bp-xs-f0: 1rem; /** Token value for figma */
194+
--wds-font-size-bp-xs-f-1: 0.875rem; /** Token value for figma */
195+
--wds-font-size-bp-xs-f-2: 0.8125rem; /** Token value for figma */
196+
--wds-font-size-bp-xs-f-3: 0.6875rem; /** Token value for figma */
197+
--wds-font-size-bp-sm-f6: 2.49rem; /** Tokens value for figma */
198+
--wds-font-size-bp-sm-f5: 2.18rem; /** Token value for figma */
199+
--wds-font-size-bp-sm-f3: 1.6475rem; /** Token value for figma */
200+
--wds-font-size-bp-sm-f2: 1.4075rem; /** Token value for figma */
201+
--wds-font-size-bp-sm-f1: 1.23rem; /** Token value for figma */
202+
--wds-font-size-bp-sm-f0: 1.07rem; /** Token value for figma */
203+
--wds-font-size-bp-sm-f-1: 0.9275rem; /** Token value for figma */
204+
--wds-font-size-bp-sm-f-2: 0.83rem; /** Token value for figma */
205+
--wds-font-size-bp-sm-f-3: 0.705rem; /** Token value for figma */
206+
--wds-font-size-bp-lg-f6: 3.225rem; /** Token value for figma */
207+
--wds-font-size-bp-lg-f5: 2.73125rem; /** Token value for figma */
208+
--wds-font-size-bp-lg-f3: 1.9625rem; /** Token value for figma */
209+
--wds-font-size-bp-lg-f2: 1.64375rem; /** Token value for figma */
210+
--wds-font-size-bp-lg-f1: 1.3875rem; /** Token value for figma */
211+
--wds-font-size-bp-lg-f0: 1.175rem; /** Token value for figma */
212+
--wds-font-size-bp-lg-f-1: 1.00625rem; /** Token value for figma */
213+
--wds-font-size-bp-lg-f-2: 0.85625rem; /** Token vaue for figma */
214+
--wds-font-size-bp-lg-f-3: 0.73125rem; /** Token value for figma */
215+
--wds-font-size-bp-xl-f6: 3.75rem; /** Token value for figma */
216+
--wds-font-size-bp-xl-f5: 3.125rem; /** Token value for figma */
217+
--wds-font-size-bp-xl-f3: 2.1875rem; /** Token value for figma */
218+
--wds-font-size-bp-xl-f2: 1.8125rem; /** Token value for figma */
219+
--wds-font-size-bp-xl-f1: 1.5rem; /** Token value for figma */
220+
--wds-font-size-bp-xl-f0: 1.25rem; /** Token value for figma */
221+
--wds-font-size-bp-xl-f-1: 1.0625rem; /** Token value for figma */
222+
--wds-font-size-bp-xl-f-2: 0.875rem; /** Token value for figma */
223+
--wds-font-size-bp-xl-f-3: 0.75rem; /** Token value for figma */
180224
--wds-grid-breakpoint-xs: 20rem; /** Web breakpoint - mobile */
181225
--wds-grid-breakpoint-sm: 48rem; /** Web breakpoint - tablet */
182226
--wds-grid-breakpoint-md: 64rem; /** Web breakpoint - tablet */
@@ -202,8 +246,11 @@
202246
--wds-space-900: 4.5rem;
203247
--wds-space-1200: 6rem;
204248
--wds-space-050: 0.25rem;
249+
--wds-space-075: 0.375rem;
250+
--wds-dimension-999: 999px;
205251
--wds-dimension-base-8-25: 2px;
206252
--wds-dimension-base-8-50: 4px;
253+
--wds-dimension-base-8-75: 6px;
207254
--wds-dimension-base-8-100: 8px; /** Base */
208255
--wds-dimension-base-8-150: 12px;
209256
--wds-dimension-base-8-200: 16px;
@@ -217,7 +264,9 @@
217264
--wds-dimension-base-8-1000: 80px;
218265
--wds-dimension-base-8-1100: 88px;
219266
--wds-dimension-base-8-1200: 96px;
220-
--wds-border-radius-circle: 3.125rem;
221-
--wds-border-radius-xs: 0.125rem;
222-
--wds-border-radius-sm: 0.25rem;
267+
--wds-opacity-25: 0.25;
268+
--wds-opacity-50: 0.5; /** Used as a background overlay to mute the background when another layer (e.g. modal, drawer) is opened. */
269+
--wds-opacity-75: 0.75;
270+
--wds-opacity-100: 1;
271+
--wds-opacity-transparent: 0;
223272
}

0 commit comments

Comments
 (0)