@guardian/stand 0.0.10 → 0.0.12
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.
- package/README.md +14 -21
- package/dist/components/button/Button.cjs +8 -2
- package/dist/components/button/Button.js +6 -4
- package/dist/components/button/styles.cjs +12 -4
- package/dist/components/button/styles.js +11 -1
- package/dist/components/byline/Byline.cjs +4 -18
- package/dist/components/byline/Preview.cjs +1 -8
- package/dist/components/byline/plugins.cjs +3 -13
- package/dist/components/icon/Icon.cjs +1 -4
- package/dist/components/icon/Icon.js +1 -4
- package/dist/components/icon-button/IconButton.cjs +45 -0
- package/dist/components/icon-button/IconButton.js +26 -0
- package/dist/components/icon-button/styles.cjs +9 -0
- package/dist/components/icon-button/styles.js +6 -0
- package/dist/components/icon-link-button/IconLinkButton.cjs +42 -0
- package/dist/components/icon-link-button/IconLinkButton.js +23 -0
- package/dist/components/icon-link-button/styles.cjs +9 -0
- package/dist/components/icon-link-button/styles.js +6 -0
- package/dist/components/link-button/LinkButton.cjs +8 -2
- package/dist/components/link-button/LinkButton.js +7 -5
- package/dist/components/user-menu/UserMenu.cjs +1 -8
- package/dist/fonts/OpenSans.css +64 -68
- package/dist/icon-button.cjs +7 -0
- package/dist/icon-button.js +1 -0
- package/dist/icon-link-button.cjs +7 -0
- package/dist/icon-link-button.js +1 -0
- package/dist/styleD/build/css/component/button.css +79 -16
- package/dist/styleD/build/css/semantic/typography.css +5 -10
- package/dist/styleD/build/typescript/component/button.cjs +208 -16
- package/dist/styleD/build/typescript/component/button.js +208 -16
- package/dist/types/components/button/Button.d.ts +1 -1
- package/dist/types/components/button/styles.d.ts +1 -1
- package/dist/types/components/button/types.d.ts +5 -0
- package/dist/types/components/icon-button/IconButton.d.ts +2 -0
- package/dist/types/components/icon-button/styles.d.ts +522 -0
- package/dist/types/components/icon-button/types.d.ts +26 -0
- package/dist/types/components/icon-link-button/IconLinkButton.d.ts +2 -0
- package/dist/types/components/icon-link-button/styles.d.ts +522 -0
- package/dist/types/components/icon-link-button/types.d.ts +26 -0
- package/dist/types/components/link-button/LinkButton.d.ts +1 -1
- package/dist/types/components/link-button/styles.d.ts +193 -1
- package/dist/types/components/link-button/types.d.ts +5 -0
- package/dist/types/icon-button.d.ts +20 -0
- package/dist/types/icon-link-button.d.ts +20 -0
- package/dist/types/styleD/build/typescript/component/button.d.ts +192 -0
- package/package.json +19 -3
package/dist/fonts/OpenSans.css
CHANGED
|
@@ -78,16 +78,15 @@
|
|
|
78
78
|
U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A,
|
|
79
79
|
U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346,
|
|
80
80
|
U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
|
|
81
|
-
U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040,
|
|
82
|
-
U+
|
|
83
|
-
U+
|
|
84
|
-
U+
|
|
85
|
-
U+
|
|
86
|
-
U+
|
|
87
|
-
U+
|
|
88
|
-
U+
|
|
89
|
-
U+
|
|
90
|
-
U+1EE00-1EEFF;
|
|
81
|
+
U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043,
|
|
82
|
+
U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C,
|
|
83
|
+
U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,
|
|
84
|
+
U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2,
|
|
85
|
+
U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319,
|
|
86
|
+
U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1,
|
|
87
|
+
U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB,
|
|
88
|
+
U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE,
|
|
89
|
+
U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
|
|
91
90
|
}
|
|
92
91
|
/* symbols */
|
|
93
92
|
@font-face {
|
|
@@ -102,26 +101,25 @@
|
|
|
102
101
|
U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
|
|
103
102
|
U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
|
|
104
103
|
U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
|
|
105
|
-
U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB,
|
|
106
|
-
U+
|
|
107
|
-
U+
|
|
108
|
-
U+
|
|
109
|
-
U+
|
|
110
|
-
U+
|
|
111
|
-
U+
|
|
112
|
-
U+
|
|
113
|
-
U+
|
|
114
|
-
U+
|
|
115
|
-
U+
|
|
116
|
-
U+
|
|
117
|
-
U+
|
|
118
|
-
U+
|
|
119
|
-
U+
|
|
120
|
-
U+
|
|
121
|
-
U+
|
|
122
|
-
U+
|
|
123
|
-
U+
|
|
124
|
-
U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
|
|
104
|
+
U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
|
|
105
|
+
U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0,
|
|
106
|
+
U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F,
|
|
107
|
+
U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315,
|
|
108
|
+
U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382,
|
|
109
|
+
U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6,
|
|
110
|
+
U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7,
|
|
111
|
+
U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444,
|
|
112
|
+
U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0,
|
|
113
|
+
U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA,
|
|
114
|
+
U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB,
|
|
115
|
+
U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513,
|
|
116
|
+
U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D,
|
|
117
|
+
U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC,
|
|
118
|
+
U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC,
|
|
119
|
+
U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887,
|
|
120
|
+
U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B,
|
|
121
|
+
U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
|
|
122
|
+
U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
|
|
125
123
|
U+1FB00-1FBFF;
|
|
126
124
|
}
|
|
127
125
|
/* vietnamese */
|
|
@@ -149,8 +147,8 @@
|
|
|
149
147
|
format('woff2');
|
|
150
148
|
unicode-range:
|
|
151
149
|
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
|
|
152
|
-
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
|
|
153
|
-
U+
|
|
150
|
+
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
|
|
151
|
+
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
154
152
|
}
|
|
155
153
|
/* latin */
|
|
156
154
|
@font-face {
|
|
@@ -163,8 +161,8 @@
|
|
|
163
161
|
format('woff2');
|
|
164
162
|
unicode-range:
|
|
165
163
|
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
|
|
166
|
-
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
|
|
167
|
-
U+
|
|
164
|
+
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
|
|
165
|
+
U+2215, U+FEFF, U+FFFD;
|
|
168
166
|
}
|
|
169
167
|
/* cyrillic-ext */
|
|
170
168
|
@font-face {
|
|
@@ -237,16 +235,15 @@
|
|
|
237
235
|
U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A,
|
|
238
236
|
U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346,
|
|
239
237
|
U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
|
|
240
|
-
U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040,
|
|
241
|
-
U+
|
|
242
|
-
U+
|
|
243
|
-
U+
|
|
244
|
-
U+
|
|
245
|
-
U+
|
|
246
|
-
U+
|
|
247
|
-
U+
|
|
248
|
-
U+
|
|
249
|
-
U+1EE00-1EEFF;
|
|
238
|
+
U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043,
|
|
239
|
+
U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C,
|
|
240
|
+
U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,
|
|
241
|
+
U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2,
|
|
242
|
+
U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319,
|
|
243
|
+
U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1,
|
|
244
|
+
U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB,
|
|
245
|
+
U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE,
|
|
246
|
+
U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
|
|
250
247
|
}
|
|
251
248
|
/* symbols */
|
|
252
249
|
@font-face {
|
|
@@ -261,26 +258,25 @@
|
|
|
261
258
|
U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
|
|
262
259
|
U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
|
|
263
260
|
U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
|
|
264
|
-
U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB,
|
|
265
|
-
U+
|
|
266
|
-
U+
|
|
267
|
-
U+
|
|
268
|
-
U+
|
|
269
|
-
U+
|
|
270
|
-
U+
|
|
271
|
-
U+
|
|
272
|
-
U+
|
|
273
|
-
U+
|
|
274
|
-
U+
|
|
275
|
-
U+
|
|
276
|
-
U+
|
|
277
|
-
U+
|
|
278
|
-
U+
|
|
279
|
-
U+
|
|
280
|
-
U+
|
|
281
|
-
U+
|
|
282
|
-
U+
|
|
283
|
-
U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
|
|
261
|
+
U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
|
|
262
|
+
U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0,
|
|
263
|
+
U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F,
|
|
264
|
+
U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315,
|
|
265
|
+
U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382,
|
|
266
|
+
U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6,
|
|
267
|
+
U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7,
|
|
268
|
+
U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444,
|
|
269
|
+
U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0,
|
|
270
|
+
U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA,
|
|
271
|
+
U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB,
|
|
272
|
+
U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513,
|
|
273
|
+
U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D,
|
|
274
|
+
U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC,
|
|
275
|
+
U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC,
|
|
276
|
+
U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887,
|
|
277
|
+
U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B,
|
|
278
|
+
U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
|
|
279
|
+
U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
|
|
284
280
|
U+1FB00-1FBFF;
|
|
285
281
|
}
|
|
286
282
|
/* vietnamese */
|
|
@@ -308,8 +304,8 @@
|
|
|
308
304
|
format('woff2');
|
|
309
305
|
unicode-range:
|
|
310
306
|
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
|
|
311
|
-
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
|
|
312
|
-
U+
|
|
307
|
+
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
|
|
308
|
+
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
313
309
|
}
|
|
314
310
|
/* latin */
|
|
315
311
|
@font-face {
|
|
@@ -322,6 +318,6 @@
|
|
|
322
318
|
format('woff2');
|
|
323
319
|
unicode-range:
|
|
324
320
|
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
|
|
325
|
-
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
|
|
326
|
-
U+
|
|
321
|
+
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
|
|
322
|
+
U+2215, U+FEFF, U+FFFD;
|
|
327
323
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { IconButton } from './components/icon-button/IconButton.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { IconLinkButton } from './components/icon-link-button/IconLinkButton.js';
|
|
@@ -26,55 +26,70 @@
|
|
|
26
26
|
#061d3c;
|
|
27
27
|
--component-button-emphasised-primary-shared-disabled-color: #999999;
|
|
28
28
|
--component-button-emphasised-primary-shared-disabled-background-color: #dcdcdc;
|
|
29
|
-
--component-button-emphasised-primary-shared-disabled-border: 0.0625rem
|
|
30
|
-
|
|
29
|
+
--component-button-emphasised-primary-shared-disabled-border: 0.0625rem solid
|
|
30
|
+
#dcdcdc;
|
|
31
31
|
--component-button-emphasised-primary-xs-height: 1.5rem;
|
|
32
32
|
--component-button-emphasised-primary-xs-padding-top: 0.25rem;
|
|
33
33
|
--component-button-emphasised-primary-xs-padding-right: 0.5rem;
|
|
34
34
|
--component-button-emphasised-primary-xs-padding-bottom: 0.25rem;
|
|
35
35
|
--component-button-emphasised-primary-xs-padding-left: 0.5rem;
|
|
36
|
-
--component-button-emphasised-primary-xs-
|
|
37
|
-
|
|
36
|
+
--component-button-emphasised-primary-xs-padding-with-icon-icon-left-left: 0.25rem;
|
|
37
|
+
--component-button-emphasised-primary-xs-typography-font: normal 700 0.75rem/1
|
|
38
|
+
'Open Sans';
|
|
38
39
|
--component-button-emphasised-primary-xs-typography-letter-spacing: 0rem;
|
|
39
40
|
--component-button-emphasised-primary-xs-typography-font-width: 95;
|
|
41
|
+
--component-button-emphasised-primary-xs-icon-size: 1.125rem;
|
|
42
|
+
--component-button-emphasised-primary-xs-icon-gap: 0.25rem;
|
|
43
|
+
--component-button-emphasised-primary-xs-icon-button-width: 1.5rem;
|
|
40
44
|
--component-button-emphasised-primary-sm-height: 2rem;
|
|
41
45
|
--component-button-emphasised-primary-sm-padding-top: 0.25rem;
|
|
42
46
|
--component-button-emphasised-primary-sm-padding-right: 0.625rem;
|
|
43
47
|
--component-button-emphasised-primary-sm-padding-bottom: 0.25rem;
|
|
44
48
|
--component-button-emphasised-primary-sm-padding-left: 0.625rem;
|
|
49
|
+
--component-button-emphasised-primary-sm-padding-with-icon-icon-left-left: 0.5rem;
|
|
45
50
|
--component-button-emphasised-primary-sm-typography-font: normal 700
|
|
46
51
|
0.875rem/1 'Open Sans';
|
|
47
52
|
--component-button-emphasised-primary-sm-typography-letter-spacing: -0.0125rem;
|
|
48
53
|
--component-button-emphasised-primary-sm-typography-font-width: 95;
|
|
54
|
+
--component-button-emphasised-primary-sm-icon-size: 1.125rem;
|
|
55
|
+
--component-button-emphasised-primary-sm-icon-gap: 0.25rem;
|
|
56
|
+
--component-button-emphasised-primary-sm-icon-button-width: 2rem;
|
|
49
57
|
--component-button-emphasised-primary-md-height: 2.5rem;
|
|
50
58
|
--component-button-emphasised-primary-md-padding-top: 0.25rem;
|
|
51
59
|
--component-button-emphasised-primary-md-padding-right: 0.75rem;
|
|
52
60
|
--component-button-emphasised-primary-md-padding-bottom: 0.25rem;
|
|
53
61
|
--component-button-emphasised-primary-md-padding-left: 0.75rem;
|
|
62
|
+
--component-button-emphasised-primary-md-padding-with-icon-icon-left-left: 0.5rem;
|
|
54
63
|
--component-button-emphasised-primary-md-typography-font: normal 700
|
|
55
64
|
0.875rem/1 'Open Sans';
|
|
56
65
|
--component-button-emphasised-primary-md-typography-letter-spacing: -0.0125rem;
|
|
57
66
|
--component-button-emphasised-primary-md-typography-font-width: 95;
|
|
67
|
+
--component-button-emphasised-primary-md-icon-size: 1.25rem;
|
|
68
|
+
--component-button-emphasised-primary-md-icon-gap: 0.25rem;
|
|
69
|
+
--component-button-emphasised-primary-md-icon-button-width: 2.5rem;
|
|
58
70
|
--component-button-emphasised-primary-lg-height: 3rem;
|
|
59
71
|
--component-button-emphasised-primary-lg-padding-top: 0.25rem;
|
|
60
72
|
--component-button-emphasised-primary-lg-padding-right: 1rem;
|
|
61
73
|
--component-button-emphasised-primary-lg-padding-bottom: 0.25rem;
|
|
62
74
|
--component-button-emphasised-primary-lg-padding-left: 1rem;
|
|
75
|
+
--component-button-emphasised-primary-lg-padding-with-icon-icon-left-left: 0.75rem;
|
|
63
76
|
--component-button-emphasised-primary-lg-typography-font: normal 700 1rem/1
|
|
64
77
|
'Open Sans';
|
|
65
78
|
--component-button-emphasised-primary-lg-typography-letter-spacing: -0.0125rem;
|
|
66
79
|
--component-button-emphasised-primary-lg-typography-font-width: 95;
|
|
80
|
+
--component-button-emphasised-primary-lg-icon-size: 1.5rem;
|
|
81
|
+
--component-button-emphasised-primary-lg-icon-gap: 0.25rem;
|
|
82
|
+
--component-button-emphasised-primary-lg-icon-button-width: 3rem;
|
|
67
83
|
--component-button-emphasised-secondary-shared-color: #000000;
|
|
68
84
|
--component-button-emphasised-secondary-shared-background-color: none;
|
|
69
85
|
--component-button-emphasised-secondary-shared-border-radius: 0.25rem;
|
|
70
|
-
--component-button-emphasised-secondary-shared-border: 0.0625rem solid
|
|
71
|
-
#0d4289;
|
|
86
|
+
--component-button-emphasised-secondary-shared-border: 0.0625rem solid #0d4289;
|
|
72
87
|
--component-button-emphasised-secondary-shared-hover-background-color: #e8f0fb;
|
|
73
88
|
--component-button-emphasised-secondary-shared-hover-border: 0.0625rem solid
|
|
74
89
|
#0d4289;
|
|
75
90
|
--component-button-emphasised-secondary-shared-active-background-color: #c5d9f4;
|
|
76
|
-
--component-button-emphasised-secondary-shared-active-border: 0.0625rem
|
|
77
|
-
|
|
91
|
+
--component-button-emphasised-secondary-shared-active-border: 0.0625rem solid
|
|
92
|
+
#0d4289;
|
|
78
93
|
--component-button-emphasised-secondary-shared-disabled-color: #999999;
|
|
79
94
|
--component-button-emphasised-secondary-shared-disabled-background-color: none;
|
|
80
95
|
--component-button-emphasised-secondary-shared-disabled-border: 0.0625rem
|
|
@@ -84,37 +99,53 @@
|
|
|
84
99
|
--component-button-emphasised-secondary-xs-padding-right: 0.5rem;
|
|
85
100
|
--component-button-emphasised-secondary-xs-padding-bottom: 0.25rem;
|
|
86
101
|
--component-button-emphasised-secondary-xs-padding-left: 0.5rem;
|
|
102
|
+
--component-button-emphasised-secondary-xs-padding-with-icon-icon-left-left: 0.25rem;
|
|
87
103
|
--component-button-emphasised-secondary-xs-typography-font: normal 700
|
|
88
104
|
0.75rem/1 'Open Sans';
|
|
89
105
|
--component-button-emphasised-secondary-xs-typography-letter-spacing: 0rem;
|
|
90
106
|
--component-button-emphasised-secondary-xs-typography-font-width: 95;
|
|
107
|
+
--component-button-emphasised-secondary-xs-icon-size: 1.125rem;
|
|
108
|
+
--component-button-emphasised-secondary-xs-icon-gap: 0.25rem;
|
|
109
|
+
--component-button-emphasised-secondary-xs-icon-button-width: 1.5rem;
|
|
91
110
|
--component-button-emphasised-secondary-sm-height: 2rem;
|
|
92
111
|
--component-button-emphasised-secondary-sm-padding-top: 0.25rem;
|
|
93
112
|
--component-button-emphasised-secondary-sm-padding-right: 0.625rem;
|
|
94
113
|
--component-button-emphasised-secondary-sm-padding-bottom: 0.25rem;
|
|
95
114
|
--component-button-emphasised-secondary-sm-padding-left: 0.625rem;
|
|
115
|
+
--component-button-emphasised-secondary-sm-padding-with-icon-icon-left-left: 0.5rem;
|
|
96
116
|
--component-button-emphasised-secondary-sm-typography-font: normal 700
|
|
97
117
|
0.875rem/1 'Open Sans';
|
|
98
118
|
--component-button-emphasised-secondary-sm-typography-letter-spacing: -0.0125rem;
|
|
99
119
|
--component-button-emphasised-secondary-sm-typography-font-width: 95;
|
|
120
|
+
--component-button-emphasised-secondary-sm-icon-size: 1.125rem;
|
|
121
|
+
--component-button-emphasised-secondary-sm-icon-gap: 0.25rem;
|
|
122
|
+
--component-button-emphasised-secondary-sm-icon-button-width: 2rem;
|
|
100
123
|
--component-button-emphasised-secondary-md-height: 2.5rem;
|
|
101
124
|
--component-button-emphasised-secondary-md-padding-top: 0.25rem;
|
|
102
125
|
--component-button-emphasised-secondary-md-padding-right: 0.75rem;
|
|
103
126
|
--component-button-emphasised-secondary-md-padding-bottom: 0.25rem;
|
|
104
127
|
--component-button-emphasised-secondary-md-padding-left: 0.75rem;
|
|
128
|
+
--component-button-emphasised-secondary-md-padding-with-icon-icon-left-left: 0.5rem;
|
|
105
129
|
--component-button-emphasised-secondary-md-typography-font: normal 700
|
|
106
130
|
0.875rem/1 'Open Sans';
|
|
107
131
|
--component-button-emphasised-secondary-md-typography-letter-spacing: -0.0125rem;
|
|
108
132
|
--component-button-emphasised-secondary-md-typography-font-width: 95;
|
|
133
|
+
--component-button-emphasised-secondary-md-icon-size: 1.25rem;
|
|
134
|
+
--component-button-emphasised-secondary-md-icon-gap: 0.25rem;
|
|
135
|
+
--component-button-emphasised-secondary-md-icon-button-width: 2.5rem;
|
|
109
136
|
--component-button-emphasised-secondary-lg-height: 3rem;
|
|
110
137
|
--component-button-emphasised-secondary-lg-padding-top: 0.25rem;
|
|
111
138
|
--component-button-emphasised-secondary-lg-padding-right: 1rem;
|
|
112
139
|
--component-button-emphasised-secondary-lg-padding-bottom: 0.25rem;
|
|
113
140
|
--component-button-emphasised-secondary-lg-padding-left: 1rem;
|
|
114
|
-
--component-button-emphasised-secondary-lg-
|
|
115
|
-
|
|
141
|
+
--component-button-emphasised-secondary-lg-padding-with-icon-icon-left-left: 0.75rem;
|
|
142
|
+
--component-button-emphasised-secondary-lg-typography-font: normal 700 1rem/1
|
|
143
|
+
'Open Sans';
|
|
116
144
|
--component-button-emphasised-secondary-lg-typography-letter-spacing: -0.0125rem;
|
|
117
145
|
--component-button-emphasised-secondary-lg-typography-font-width: 95;
|
|
146
|
+
--component-button-emphasised-secondary-lg-icon-size: 1.5rem;
|
|
147
|
+
--component-button-emphasised-secondary-lg-icon-gap: 0.25rem;
|
|
148
|
+
--component-button-emphasised-secondary-lg-icon-button-width: 3rem;
|
|
118
149
|
--component-button-neutral-primary-shared-color: #ffffff;
|
|
119
150
|
--component-button-neutral-primary-shared-background-color: #545454;
|
|
120
151
|
--component-button-neutral-primary-shared-border-radius: 0.25rem;
|
|
@@ -134,37 +165,53 @@
|
|
|
134
165
|
--component-button-neutral-primary-xs-padding-right: 0.5rem;
|
|
135
166
|
--component-button-neutral-primary-xs-padding-bottom: 0.25rem;
|
|
136
167
|
--component-button-neutral-primary-xs-padding-left: 0.5rem;
|
|
168
|
+
--component-button-neutral-primary-xs-padding-with-icon-icon-left-left: 0.25rem;
|
|
137
169
|
--component-button-neutral-primary-xs-typography-font: normal 700 0.75rem/1
|
|
138
170
|
'Open Sans';
|
|
139
171
|
--component-button-neutral-primary-xs-typography-letter-spacing: 0rem;
|
|
140
172
|
--component-button-neutral-primary-xs-typography-font-width: 95;
|
|
173
|
+
--component-button-neutral-primary-xs-icon-size: 1.125rem;
|
|
174
|
+
--component-button-neutral-primary-xs-icon-gap: 0.25rem;
|
|
175
|
+
--component-button-neutral-primary-xs-icon-button-width: 1.5rem;
|
|
141
176
|
--component-button-neutral-primary-sm-height: 2rem;
|
|
142
177
|
--component-button-neutral-primary-sm-padding-top: 0.25rem;
|
|
143
178
|
--component-button-neutral-primary-sm-padding-right: 0.625rem;
|
|
144
179
|
--component-button-neutral-primary-sm-padding-bottom: 0.25rem;
|
|
145
180
|
--component-button-neutral-primary-sm-padding-left: 0.625rem;
|
|
181
|
+
--component-button-neutral-primary-sm-padding-with-icon-icon-left-left: 0.5rem;
|
|
146
182
|
--component-button-neutral-primary-sm-typography-font: normal 700 0.875rem/1
|
|
147
183
|
'Open Sans';
|
|
148
184
|
--component-button-neutral-primary-sm-typography-letter-spacing: -0.0125rem;
|
|
149
185
|
--component-button-neutral-primary-sm-typography-font-width: 95;
|
|
186
|
+
--component-button-neutral-primary-sm-icon-size: 1.125rem;
|
|
187
|
+
--component-button-neutral-primary-sm-icon-gap: 0.25rem;
|
|
188
|
+
--component-button-neutral-primary-sm-icon-button-width: 2rem;
|
|
150
189
|
--component-button-neutral-primary-md-height: 2.5rem;
|
|
151
190
|
--component-button-neutral-primary-md-padding-top: 0.25rem;
|
|
152
191
|
--component-button-neutral-primary-md-padding-right: 0.75rem;
|
|
153
192
|
--component-button-neutral-primary-md-padding-bottom: 0.25rem;
|
|
154
193
|
--component-button-neutral-primary-md-padding-left: 0.75rem;
|
|
194
|
+
--component-button-neutral-primary-md-padding-with-icon-icon-left-left: 0.5rem;
|
|
155
195
|
--component-button-neutral-primary-md-typography-font: normal 700 0.875rem/1
|
|
156
196
|
'Open Sans';
|
|
157
197
|
--component-button-neutral-primary-md-typography-letter-spacing: -0.0125rem;
|
|
158
198
|
--component-button-neutral-primary-md-typography-font-width: 95;
|
|
199
|
+
--component-button-neutral-primary-md-icon-size: 1.25rem;
|
|
200
|
+
--component-button-neutral-primary-md-icon-gap: 0.25rem;
|
|
201
|
+
--component-button-neutral-primary-md-icon-button-width: 2.5rem;
|
|
159
202
|
--component-button-neutral-primary-lg-height: 3rem;
|
|
160
203
|
--component-button-neutral-primary-lg-padding-top: 0.25rem;
|
|
161
204
|
--component-button-neutral-primary-lg-padding-right: 1rem;
|
|
162
205
|
--component-button-neutral-primary-lg-padding-bottom: 0.25rem;
|
|
163
206
|
--component-button-neutral-primary-lg-padding-left: 1rem;
|
|
207
|
+
--component-button-neutral-primary-lg-padding-with-icon-icon-left-left: 0.75rem;
|
|
164
208
|
--component-button-neutral-primary-lg-typography-font: normal 700 1rem/1
|
|
165
209
|
'Open Sans';
|
|
166
210
|
--component-button-neutral-primary-lg-typography-letter-spacing: -0.0125rem;
|
|
167
211
|
--component-button-neutral-primary-lg-typography-font-width: 95;
|
|
212
|
+
--component-button-neutral-primary-lg-icon-size: 1.5rem;
|
|
213
|
+
--component-button-neutral-primary-lg-icon-gap: 0.25rem;
|
|
214
|
+
--component-button-neutral-primary-lg-icon-button-width: 3rem;
|
|
168
215
|
--component-button-neutral-secondary-shared-color: #000000;
|
|
169
216
|
--component-button-neutral-secondary-shared-background-color: none;
|
|
170
217
|
--component-button-neutral-secondary-shared-border-radius: 0.25rem;
|
|
@@ -184,35 +231,51 @@
|
|
|
184
231
|
--component-button-neutral-secondary-xs-padding-right: 0.5rem;
|
|
185
232
|
--component-button-neutral-secondary-xs-padding-bottom: 0.25rem;
|
|
186
233
|
--component-button-neutral-secondary-xs-padding-left: 0.5rem;
|
|
187
|
-
--component-button-neutral-secondary-xs-
|
|
188
|
-
|
|
234
|
+
--component-button-neutral-secondary-xs-padding-with-icon-icon-left-left: 0.25rem;
|
|
235
|
+
--component-button-neutral-secondary-xs-typography-font: normal 700 0.75rem/1
|
|
236
|
+
'Open Sans';
|
|
189
237
|
--component-button-neutral-secondary-xs-typography-letter-spacing: 0rem;
|
|
190
238
|
--component-button-neutral-secondary-xs-typography-font-width: 95;
|
|
239
|
+
--component-button-neutral-secondary-xs-icon-size: 1.125rem;
|
|
240
|
+
--component-button-neutral-secondary-xs-icon-gap: 0.25rem;
|
|
241
|
+
--component-button-neutral-secondary-xs-icon-button-width: 1.5rem;
|
|
191
242
|
--component-button-neutral-secondary-sm-height: 2rem;
|
|
192
243
|
--component-button-neutral-secondary-sm-padding-top: 0.25rem;
|
|
193
244
|
--component-button-neutral-secondary-sm-padding-right: 0.625rem;
|
|
194
245
|
--component-button-neutral-secondary-sm-padding-bottom: 0.25rem;
|
|
195
246
|
--component-button-neutral-secondary-sm-padding-left: 0.625rem;
|
|
196
|
-
--component-button-neutral-secondary-sm-
|
|
197
|
-
|
|
247
|
+
--component-button-neutral-secondary-sm-padding-with-icon-icon-left-left: 0.5rem;
|
|
248
|
+
--component-button-neutral-secondary-sm-typography-font: normal 700 0.875rem/1
|
|
249
|
+
'Open Sans';
|
|
198
250
|
--component-button-neutral-secondary-sm-typography-letter-spacing: -0.0125rem;
|
|
199
251
|
--component-button-neutral-secondary-sm-typography-font-width: 95;
|
|
252
|
+
--component-button-neutral-secondary-sm-icon-size: 1.125rem;
|
|
253
|
+
--component-button-neutral-secondary-sm-icon-gap: 0.25rem;
|
|
254
|
+
--component-button-neutral-secondary-sm-icon-button-width: 2rem;
|
|
200
255
|
--component-button-neutral-secondary-md-height: 2.5rem;
|
|
201
256
|
--component-button-neutral-secondary-md-padding-top: 0.25rem;
|
|
202
257
|
--component-button-neutral-secondary-md-padding-right: 0.75rem;
|
|
203
258
|
--component-button-neutral-secondary-md-padding-bottom: 0.25rem;
|
|
204
259
|
--component-button-neutral-secondary-md-padding-left: 0.75rem;
|
|
205
|
-
--component-button-neutral-secondary-md-
|
|
206
|
-
|
|
260
|
+
--component-button-neutral-secondary-md-padding-with-icon-icon-left-left: 0.5rem;
|
|
261
|
+
--component-button-neutral-secondary-md-typography-font: normal 700 0.875rem/1
|
|
262
|
+
'Open Sans';
|
|
207
263
|
--component-button-neutral-secondary-md-typography-letter-spacing: -0.0125rem;
|
|
208
264
|
--component-button-neutral-secondary-md-typography-font-width: 95;
|
|
265
|
+
--component-button-neutral-secondary-md-icon-size: 1.25rem;
|
|
266
|
+
--component-button-neutral-secondary-md-icon-gap: 0.25rem;
|
|
267
|
+
--component-button-neutral-secondary-md-icon-button-width: 2.5rem;
|
|
209
268
|
--component-button-neutral-secondary-lg-height: 3rem;
|
|
210
269
|
--component-button-neutral-secondary-lg-padding-top: 0.25rem;
|
|
211
270
|
--component-button-neutral-secondary-lg-padding-right: 1rem;
|
|
212
271
|
--component-button-neutral-secondary-lg-padding-bottom: 0.25rem;
|
|
213
272
|
--component-button-neutral-secondary-lg-padding-left: 1rem;
|
|
273
|
+
--component-button-neutral-secondary-lg-padding-with-icon-icon-left-left: 0.75rem;
|
|
214
274
|
--component-button-neutral-secondary-lg-typography-font: normal 700 1rem/1
|
|
215
275
|
'Open Sans';
|
|
216
276
|
--component-button-neutral-secondary-lg-typography-letter-spacing: -0.0125rem;
|
|
217
277
|
--component-button-neutral-secondary-lg-typography-font-width: 95;
|
|
278
|
+
--component-button-neutral-secondary-lg-icon-size: 1.5rem;
|
|
279
|
+
--component-button-neutral-secondary-lg-icon-gap: 0.25rem;
|
|
280
|
+
--component-button-neutral-secondary-lg-icon-button-width: 3rem;
|
|
218
281
|
}
|
|
@@ -73,19 +73,16 @@
|
|
|
73
73
|
--semantic-typography-body-xl-font: normal 460 1.25rem/1.3 'Open Sans';
|
|
74
74
|
--semantic-typography-body-xl-letter-spacing: 0rem;
|
|
75
75
|
--semantic-typography-body-xl-font-width: 95;
|
|
76
|
-
--semantic-typography-body-italic-sm-font: italic 460 0.875rem/1.3
|
|
77
|
-
'Open Sans';
|
|
76
|
+
--semantic-typography-body-italic-sm-font: italic 460 0.875rem/1.3 'Open Sans';
|
|
78
77
|
--semantic-typography-body-italic-sm-letter-spacing: 0rem;
|
|
79
78
|
--semantic-typography-body-italic-sm-font-width: 95;
|
|
80
79
|
--semantic-typography-body-italic-md-font: italic 460 1rem/1.3 'Open Sans';
|
|
81
80
|
--semantic-typography-body-italic-md-letter-spacing: 0rem;
|
|
82
81
|
--semantic-typography-body-italic-md-font-width: 95;
|
|
83
|
-
--semantic-typography-body-italic-lg-font: italic 460 1.125rem/1.3
|
|
84
|
-
'Open Sans';
|
|
82
|
+
--semantic-typography-body-italic-lg-font: italic 460 1.125rem/1.3 'Open Sans';
|
|
85
83
|
--semantic-typography-body-italic-lg-letter-spacing: 0rem;
|
|
86
84
|
--semantic-typography-body-italic-lg-font-width: 95;
|
|
87
|
-
--semantic-typography-body-italic-xl-font: italic 460 1.25rem/1.3
|
|
88
|
-
'Open Sans';
|
|
85
|
+
--semantic-typography-body-italic-xl-font: italic 460 1.25rem/1.3 'Open Sans';
|
|
89
86
|
--semantic-typography-body-italic-xl-letter-spacing: 0rem;
|
|
90
87
|
--semantic-typography-body-italic-xl-font-width: 95;
|
|
91
88
|
--semantic-typography-body-compact-sm-font: normal 460 0.875rem/1.3
|
|
@@ -99,8 +96,7 @@
|
|
|
99
96
|
'Open Sans';
|
|
100
97
|
--semantic-typography-body-compact-lg-letter-spacing: 0rem;
|
|
101
98
|
--semantic-typography-body-compact-lg-font-width: 88;
|
|
102
|
-
--semantic-typography-body-compact-xl-font: normal 460 1.25rem/1.3
|
|
103
|
-
'Open Sans';
|
|
99
|
+
--semantic-typography-body-compact-xl-font: normal 460 1.25rem/1.3 'Open Sans';
|
|
104
100
|
--semantic-typography-body-compact-xl-letter-spacing: 0rem;
|
|
105
101
|
--semantic-typography-body-compact-xl-font-width: 88;
|
|
106
102
|
--semantic-typography-body-compact-italic-sm-font: italic 460 0.875rem/1.3
|
|
@@ -122,8 +118,7 @@
|
|
|
122
118
|
--semantic-typography-meta-md-font: normal 460 0.75rem/1.3 'Open Sans';
|
|
123
119
|
--semantic-typography-meta-md-letter-spacing: 0rem;
|
|
124
120
|
--semantic-typography-meta-md-font-width: 95;
|
|
125
|
-
--semantic-typography-meta-compact-md-font: normal 460 0.75rem/1.3
|
|
126
|
-
'Open Sans';
|
|
121
|
+
--semantic-typography-meta-compact-md-font: normal 460 0.75rem/1.3 'Open Sans';
|
|
127
122
|
--semantic-typography-meta-compact-md-letter-spacing: 0rem;
|
|
128
123
|
--semantic-typography-meta-compact-md-font-width: 88;
|
|
129
124
|
--semantic-typography-article-body-md-font: normal 400 1rem/1.4
|