@bi-digital/tokens 0.11.11 → 0.12.0
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/dist/tokens.css +505 -8
- package/dist/tokens.d.ts +154 -9
- package/dist/tokens.js +2605 -119
- package/dist/tokens.scss +139 -8
- package/package.json +1 -1
package/dist/tokens.scss
CHANGED
|
@@ -142,15 +142,140 @@ $bi-scale-14x: 3.5rem;
|
|
|
142
142
|
$bi-scale-16x: 4rem;
|
|
143
143
|
$bi-scale-18x: 4.5rem;
|
|
144
144
|
$bi-scale-20x: 5rem;
|
|
145
|
+
$bi-scale-21x: 5.25rem;
|
|
145
146
|
$bi-scale-24x: 6rem;
|
|
146
147
|
$bi-scale-32x: 8rem;
|
|
147
148
|
$bi-scale-36x: 9rem;
|
|
149
|
+
$bi-scale-38x: 9.5rem;
|
|
148
150
|
$bi-scale-40x: 10rem;
|
|
149
151
|
$bi-scale-48x: 12rem;
|
|
150
152
|
$bi-scale-56x: 14rem;
|
|
151
153
|
$bi-scale-64x: 16rem;
|
|
152
154
|
$bi-scale-80x: 20rem;
|
|
155
|
+
$bi-scale-84x: 21rem;
|
|
156
|
+
$bi-scale-128x: 32rem;
|
|
153
157
|
$bi-scale-max: 624.9375rem;
|
|
158
|
+
$bi-color-neutral-background: #f5f7fa;
|
|
159
|
+
$bi-color-neutral-surface-subtle: #ffffff;
|
|
160
|
+
$bi-color-neutral-surface: #f5f7fa;
|
|
161
|
+
$bi-color-neutral-surface-strong: #e4e8ed;
|
|
162
|
+
$bi-color-neutral-surface-active: #c8d1db;
|
|
163
|
+
$bi-color-neutral-stroke-subtle: #e4e8ed;
|
|
164
|
+
$bi-color-neutral-stroke: #d5dde4;
|
|
165
|
+
$bi-color-neutral-stroke-strong: #bac6d2;
|
|
166
|
+
$bi-color-neutral-stroke-contrast: #597694;
|
|
167
|
+
$bi-color-neutral-stroke-accent: #0a64ff;
|
|
168
|
+
$bi-color-neutral-text: #222d38;
|
|
169
|
+
$bi-color-neutral-text-secondary: #475e75;
|
|
170
|
+
$bi-color-neutral-text-subtle: #26333f;
|
|
171
|
+
$bi-color-neutral-text-accent: #0b4db4;
|
|
172
|
+
$bi-color-neutral-contrast: #26333f;
|
|
173
|
+
$bi-color-neutral-contrast-hover: #222d38;
|
|
174
|
+
$bi-color-neutral-fill: #597694;
|
|
175
|
+
$bi-color-neutral-on-fill: #ffffff;
|
|
176
|
+
$bi-color-primary-background: #ebf3ff;
|
|
177
|
+
$bi-color-primary-surface-subtle: #ffffff;
|
|
178
|
+
$bi-color-primary-surface: #d9e6f9;
|
|
179
|
+
$bi-color-primary-surface-strong: #c5d9f7;
|
|
180
|
+
$bi-color-primary-surface-active: #9ec0f1;
|
|
181
|
+
$bi-color-primary-stroke-subtle: #c5d9f7;
|
|
182
|
+
$bi-color-primary-stroke: #b2cdf4;
|
|
183
|
+
$bi-color-primary-stroke-strong: #8bb3ee;
|
|
184
|
+
$bi-color-primary-stroke-contrast: #0b4db4;
|
|
185
|
+
$bi-color-primary-stroke-accent: #0a64ff;
|
|
186
|
+
$bi-color-primary-text: #002341;
|
|
187
|
+
$bi-color-primary-text-secondary: rgba(4, 47, 91, 0.7);
|
|
188
|
+
$bi-color-primary-text-subtle: #042f5b;
|
|
189
|
+
$bi-color-primary-text-accent: #0c468f;
|
|
190
|
+
$bi-color-primary-contrast: #0a64ff;
|
|
191
|
+
$bi-color-primary-contrast-hover: #0b4db4;
|
|
192
|
+
$bi-color-primary-fill: #0a64ff;
|
|
193
|
+
$bi-color-primary-on-fill: #ffffff;
|
|
194
|
+
$bi-color-info-background: #f3ebff;
|
|
195
|
+
$bi-color-info-surface-subtle: #ffffff;
|
|
196
|
+
$bi-color-info-surface: #e6d5ff;
|
|
197
|
+
$bi-color-info-surface-strong: #d9bfff;
|
|
198
|
+
$bi-color-info-surface-active: #c094ff;
|
|
199
|
+
$bi-color-info-stroke-subtle: #d9bfff;
|
|
200
|
+
$bi-color-info-stroke: #cdaaff;
|
|
201
|
+
$bi-color-info-stroke-strong: #b480ff;
|
|
202
|
+
$bi-color-info-stroke-contrast: #5c03dc;
|
|
203
|
+
$bi-color-info-stroke-accent: #6900ff;
|
|
204
|
+
$bi-color-info-text: #280d50;
|
|
205
|
+
$bi-color-info-text-secondary: rgba(46, 11, 97, 0.7);
|
|
206
|
+
$bi-color-info-text-subtle: #2e0b61;
|
|
207
|
+
$bi-color-info-text-accent: #420896;
|
|
208
|
+
$bi-color-info-contrast: #2e0b61;
|
|
209
|
+
$bi-color-info-contrast-hover: #280d50;
|
|
210
|
+
$bi-color-info-fill: #6900ff;
|
|
211
|
+
$bi-color-info-on-fill: #ffffff;
|
|
212
|
+
$bi-color-warning-background: #fffbeb;
|
|
213
|
+
$bi-color-warning-surface-subtle: #ffffff;
|
|
214
|
+
$bi-color-warning-surface: #fff2bf;
|
|
215
|
+
$bi-color-warning-surface-strong: #ffea95;
|
|
216
|
+
$bi-color-warning-surface-active: #ffe680;
|
|
217
|
+
$bi-color-warning-stroke-subtle: #fff2bf;
|
|
218
|
+
$bi-color-warning-stroke: #ffea95;
|
|
219
|
+
$bi-color-warning-stroke-strong: #deb300;
|
|
220
|
+
$bi-color-warning-stroke-contrast: #9d7e00;
|
|
221
|
+
$bi-color-warning-stroke-accent: #ffcd00;
|
|
222
|
+
$bi-color-warning-text: #3a2f00;
|
|
223
|
+
$bi-color-warning-text-secondary: rgba(74, 60, 1, 0.7);
|
|
224
|
+
$bi-color-warning-text-subtle: #4a3c01;
|
|
225
|
+
$bi-color-warning-text-accent: #7c6400;
|
|
226
|
+
$bi-color-warning-contrast: #4a3c01;
|
|
227
|
+
$bi-color-warning-contrast-hover: #3a2f00;
|
|
228
|
+
$bi-color-warning-fill: #9d7e00;
|
|
229
|
+
$bi-color-warning-on-fill: #ffffff;
|
|
230
|
+
$bi-color-success-background: #ebffeb;
|
|
231
|
+
$bi-color-success-surface-subtle: #ffffff;
|
|
232
|
+
$bi-color-success-surface: #d5f4d6;
|
|
233
|
+
$bi-color-success-surface-strong: #bfeec2;
|
|
234
|
+
$bi-color-success-surface-active: #95e299;
|
|
235
|
+
$bi-color-success-stroke-subtle: #bfeec2;
|
|
236
|
+
$bi-color-success-stroke: #aae8ae;
|
|
237
|
+
$bi-color-success-stroke-strong: #80dd85;
|
|
238
|
+
$bi-color-success-stroke-contrast: #04a30d;
|
|
239
|
+
$bi-color-success-stroke-accent: #00ab0b;
|
|
240
|
+
$bi-color-success-text: #162e17;
|
|
241
|
+
$bi-color-success-text-secondary: rgba(20, 58, 22, 0.7);
|
|
242
|
+
$bi-color-success-text-subtle: #143a16;
|
|
243
|
+
$bi-color-success-text-accent: #0b7411;
|
|
244
|
+
$bi-color-success-contrast: #143a16;
|
|
245
|
+
$bi-color-success-contrast-hover: #162e17;
|
|
246
|
+
$bi-color-success-fill: #078b0f;
|
|
247
|
+
$bi-color-success-on-fill: #ffffff;
|
|
248
|
+
$bi-color-alert-background: #fff1f0;
|
|
249
|
+
$bi-color-alert-surface-subtle: #ffffff;
|
|
250
|
+
$bi-color-alert-surface: #ffd7d5;
|
|
251
|
+
$bi-color-alert-surface-strong: #ffc3bf;
|
|
252
|
+
$bi-color-alert-surface-active: #ffafaa;
|
|
253
|
+
$bi-color-alert-stroke-subtle: #ffd7d5;
|
|
254
|
+
$bi-color-alert-stroke: #ffc3bf;
|
|
255
|
+
$bi-color-alert-stroke-strong: #ff8780;
|
|
256
|
+
$bi-color-alert-stroke-contrast: #e41100;
|
|
257
|
+
$bi-color-alert-stroke-accent: #ff0f00;
|
|
258
|
+
$bi-color-alert-text: #5d1c18;
|
|
259
|
+
$bi-color-alert-text-secondary: rgba(106, 27, 22, 0.7);
|
|
260
|
+
$bi-color-alert-text-subtle: #6a1b16;
|
|
261
|
+
$bi-color-alert-text-accent: #ae1601;
|
|
262
|
+
$bi-color-alert-contrast: #6a1b16;
|
|
263
|
+
$bi-color-alert-contrast-hover: #5d1c18;
|
|
264
|
+
$bi-color-alert-fill: #e41100;
|
|
265
|
+
$bi-color-alert-on-fill: #ffffff;
|
|
266
|
+
$bi-color-stroke-basic-subtle: rgba(0, 0, 0, 0.1);
|
|
267
|
+
$bi-color-stroke-basic: rgba(0, 0, 0, 0.2);
|
|
268
|
+
$bi-color-stroke-basic-strong: rgba(0, 0, 0, 0.3);
|
|
269
|
+
$bi-color-stroke-basic-contrast: rgba(0, 0, 0, 0.5);
|
|
270
|
+
$bi-states-hover: rgba(38, 51, 63, 0.1);
|
|
271
|
+
$bi-states-press: rgba(38, 51, 63, 0.15);
|
|
272
|
+
$bi-states-focus: #0a64ff;
|
|
273
|
+
$bi-states-focus-background: #ffffff;
|
|
274
|
+
$bi-states-required: #0a64ff;
|
|
275
|
+
$bi-states-hover-dark: rgba(38, 51, 63, 0.1);
|
|
276
|
+
$bi-states-hover-light: rgba(255, 255, 255, 0.1);
|
|
277
|
+
$bi-states-press-dark: rgba(38, 51, 63, 0.15);
|
|
278
|
+
$bi-states-press-light: rgba(255, 255, 255, 0.15);
|
|
154
279
|
$bi-opacity-dark-80: rgba(38, 51, 63, 0.2);
|
|
155
280
|
$bi-opacity-dark-50: rgba(38, 51, 63, 0.5);
|
|
156
281
|
$bi-opacity-light-100: rgba(255, 255, 255, 0);
|
|
@@ -159,7 +284,11 @@ $bi-opacity-light-50: rgba(255, 255, 255, 0.5);
|
|
|
159
284
|
$bi-stroke-none: 0;
|
|
160
285
|
$bi-stroke-thin: 0.0625rem;
|
|
161
286
|
$bi-stroke-medium: 0.09375rem;
|
|
162
|
-
$bi-stroke-thick: 0.
|
|
287
|
+
$bi-stroke-thick: 0.1875rem;
|
|
288
|
+
$bi-stroke-focus: 0.1875rem;
|
|
289
|
+
$bi-stroke-subtle: #e4e8ed;
|
|
290
|
+
$bi-stroke-default: #d5dde4;
|
|
291
|
+
$bi-stroke-strong: #bac6d2;
|
|
163
292
|
$bi-radius-none: 0;
|
|
164
293
|
$bi-radius-small: 0.125rem;
|
|
165
294
|
$bi-radius-medium: 0.25rem;
|
|
@@ -177,23 +306,25 @@ $bi-icon-secondary: #475e75;
|
|
|
177
306
|
$bi-icon-disabled: #597694;
|
|
178
307
|
$bi-icon-link: #0a64ff;
|
|
179
308
|
$bi-elevation-25: rgba(38, 51, 63, 0.15);
|
|
180
|
-
$bi-font-family-plain: 'museo-sans', Arial, sans-serif;
|
|
181
309
|
$bi-font-family-brand: 'museo-slab', serif;
|
|
310
|
+
$bi-font-family-plain: 'museo-sans', Arial, sans-serif;
|
|
182
311
|
$bi-font-weight-bold: 700;
|
|
183
312
|
$bi-font-weight-regular: 500;
|
|
184
313
|
$bi-font-color-primary: #222d38;
|
|
185
314
|
$bi-font-color-secondary: #475e75;
|
|
186
315
|
$bi-font-color-disabled: #597694;
|
|
187
316
|
$bi-font-color-accent: #0b4db4;
|
|
188
|
-
$bi-font-color-
|
|
317
|
+
$bi-font-color-strong-accent: #0a64ff;
|
|
189
318
|
$bi-font-color-primary-dark-background: #ffffff;
|
|
190
|
-
$bi-font-color-secondary-dark-background
|
|
319
|
+
$bi-font-color-secondary-dark-background: rgba(255, 255, 255, 0.7);
|
|
191
320
|
$bi-font-color-disabled-dark-background: rgba(255, 255, 255, 0.7);
|
|
192
321
|
$bi-font-color-accent-dark-background: #9ec0f1;
|
|
193
|
-
$bi-
|
|
194
|
-
$bi-
|
|
195
|
-
$bi-
|
|
196
|
-
$bi-
|
|
322
|
+
$bi-font-color-strong-accent-dark-background: #75a5f1;
|
|
323
|
+
$bi-font-color-primary-light-blue-background: #042f5b;
|
|
324
|
+
$bi-font-color-secondary-light-blue-background: rgba(4, 47, 91, 0.7);
|
|
325
|
+
$bi-font-color-disabled-light-blue-background: rgba(4, 47, 91, 0.7);
|
|
326
|
+
$bi-font-color-accent-light-blue-background: #0c468f;
|
|
327
|
+
$bi-font-color-strong-accent-light-blue-background: #0a64ff;
|
|
197
328
|
$bi-layout-navbar-height: 4rem;
|
|
198
329
|
$bi-font-display-large: 500 4rem/4.5rem 'museo-slab', serif;
|
|
199
330
|
$bi-font-display-medium: 500 3rem/3.5rem 'museo-slab', serif;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bi-digital/tokens",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.12.0",
|
|
5
5
|
"description": "CSS and SASS variables for the BI Design System",
|
|
6
6
|
"author": "BI Digital",
|
|
7
7
|
"homepage": "https://designsystem.bi.no/?path=/docs/styles-colors--docs",
|