@worldline-official/aurora-design-tokens 1.25.0 → 1.26.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.
Files changed (6) hide show
  1. package/build/css/style.css +106 -30
  2. package/build/react-native/tokens.ts +696 -92
  3. package/build/types/colors.d.ts +1 -1
  4. package/build/variables.d.ts +8 -0
  5. package/build/variables.js +8 -0
  6. package/package.json +1 -1
package/build/css/style.css CHANGED
@@ -65,6 +65,14 @@
65
65
  --au-color-brand-primary-700: #1f5c5c;
66
66
  --au-color-brand-primary-800: #1b4f4f;
67
67
  --au-color-brand-primary-900: #174242;
68
+ --au-color-data-primary-50: #00a693;
69
+ --au-color-data-primary-500: #277777;
70
+ --au-color-data-secondary-50: #e5a34d;
71
+ --au-color-data-secondary-500: #d1892b;
72
+ --au-color-data-tertiary-50: #7673be;
73
+ --au-color-data-tertiary-500: #605cb1;
74
+ --au-color-data-quaternary-50: #39b3d2;
75
+ --au-color-data-quaternary-500: #268da7;
68
76
  --au-color-feedback-info-50: #ecfafd;
69
77
  --au-color-feedback-info-100: #dcf4fa;
70
78
  --au-color-feedback-info-200: #abe1ef;
@@ -290,6 +298,7 @@
290
298
  /* dark.css */
291
299
  .dark {
292
300
  --au-surface-neutral-low: var(--au-color-neutral-dark-800);
301
+ --au-surface-neutral-low-transparent: var(--au-color-alpha-neutral-1000);
293
302
  --au-surface-neutral-low-hover: var(--au-color-neutral-dark-700);
294
303
  --au-surface-neutral-medium: var(--au-color-neutral-dark-600);
295
304
  --au-surface-neutral-medium-hover: var(--au-color-neutral-dark-500);
@@ -305,6 +314,21 @@
305
314
  --au-surface-brand-subtile: var(--au-color-brand-primary-900);
306
315
  --au-surface-brand-gradient-start: var(--au-color-brand-primary-500);
307
316
  --au-surface-brand-gradient-end: var(--au-color-brand-primary-700);
317
+ --au-surface-data-primary-gradient-start: var(--au-color-data-primary-50);
318
+ --au-surface-data-primary-gradient-end: var(--au-color-data-primary-500);
319
+ --au-surface-data-primary-glow: var(--au-color-data-primary-50);
320
+ --au-surface-data-secondary-gradient-start: var(--au-color-data-secondary-50);
321
+ --au-surface-data-secondary-gradient-end: var(--au-color-data-secondary-500);
322
+ --au-surface-data-secondary-glow: var(--au-color-data-secondary-50);
323
+ --au-surface-data-tertiary-gradient-start: var(--au-color-data-tertiary-50);
324
+ --au-surface-data-tertiary-gradient-end: var(--au-color-data-tertiary-500);
325
+ --au-surface-data-tertiary-glow: var(--au-color-data-tertiary-50);
326
+ --au-surface-data-quaternary-gradient-start: var(--au-color-data-quaternary-50);
327
+ --au-surface-data-quaternary-gradient-end: var(--au-color-data-quaternary-500);
328
+ --au-surface-data-quaternary-glow: var(--au-color-data-quaternary-50);
329
+ --au-surface-data-reference-gradient-start: var(--au-color-neutral-dark-400);
330
+ --au-surface-data-reference-gradient-end: var(--au-color-neutral-dark-500);
331
+ --au-surface-data-reference-glow: var(--au-color-neutral-dark-400);
308
332
  --au-surface-info-solid: var(--au-color-feedback-info-400);
309
333
  --au-surface-info-subtile: var(--au-color-feedback-info-900);
310
334
  --au-surface-success-solid: var(--au-color-feedback-success-400);
@@ -324,6 +348,7 @@
324
348
  --au-surface-scrim: var(--au-color-alpha-black-600);
325
349
  --au-surface-shadow: var(--au-color-alpha-black-700);
326
350
  --au-surface-glass: var(--au-color-alpha-neutral-200);
351
+ --au-surface-glass-dark: var(--au-color-alpha-neutral-200);
327
352
  --au-content-primary-static: var(--au-color-neutral-dark-900);
328
353
  --au-content-primary: var(--au-color-neutral-dark-50);
329
354
  --au-content-secondary: var(--au-color-neutral-dark-200);
@@ -351,6 +376,11 @@
351
376
  --au-border-brand-subtile: var(--au-color-brand-primary-700);
352
377
  --au-border-brand-gradient-start: var(--au-color-brand-primary-300);
353
378
  --au-border-brand-gradient-end: var(--au-color-brand-primary-900);
379
+ --au-border-data-primary: var(--au-color-data-primary-50);
380
+ --au-border-data-secondary: var(--au-color-data-secondary-50);
381
+ --au-border-data-tertiary: var(--au-color-data-tertiary-50);
382
+ --au-border-data-quaternary: var(--au-color-data-quaternary-50);
383
+ --au-border-data-reference: var(--au-color-neutral-dark-400);
354
384
  --au-border-info-solid: var(--au-color-feedback-info-400);
355
385
  --au-border-info-subtile: var(--au-color-feedback-info-700);
356
386
  --au-border-success-solid: var(--au-color-feedback-success-400);
@@ -371,6 +401,16 @@
371
401
  --au-gradient-surface-neutral-high: linear-gradient(125deg, var(--au-surface-neutral-high-gradient-start) 0%, var(--au-surface-neutral-high-gradient-end) 100%);
372
402
  --au-gradient-surface-destructive: linear-gradient(125deg, var(--au-surface-danger-gradient-start) 0%, var(--au-surface-danger-gradient-end) 100%);
373
403
  --au-gradient-surface-overlay: linear-gradient(180deg, var(--au-surface-neutral-low-gradient-start) 0%, var(--au-surface-neutral-low-gradient-end) 100%);
404
+ --au-gradient-surface-data-vertical-primary: linear-gradient(180deg, var(--au-surface-data-primary-gradient-start) 0%, var(--au-surface-data-primary-gradient-end) 100%);
405
+ --au-gradient-surface-data-vertical-secondary: linear-gradient(180deg, var(--au-surface-data-secondary-gradient-start) 0%, var(--au-surface-data-secondary-gradient-end) 100%);
406
+ --au-gradient-surface-data-vertical-tertiary: linear-gradient(180deg, var(--au-surface-data-tertiary-gradient-start) 0%, var(--au-surface-data-tertiary-gradient-end) 100%);
407
+ --au-gradient-surface-data-vertical-quaternary: linear-gradient(180deg, var(--au-surface-data-quaternary-gradient-start) 0%, var(--au-surface-data-quaternary-gradient-end) 100%);
408
+ --au-gradient-surface-data-vertical-reference: linear-gradient(180deg, var(--au-surface-data-reference-gradient-start) 0%, var(--au-surface-data-reference-gradient-end) 100%);
409
+ --au-gradient-surface-data-horizontal-primary: linear-gradient(270deg, var(--au-surface-data-primary-gradient-start) 0%, var(--au-surface-data-primary-gradient-end) 100%);
410
+ --au-gradient-surface-data-horizontal-secondary: linear-gradient(270deg, var(--au-surface-data-secondary-gradient-start) 0%, var(--au-surface-data-secondary-gradient-end) 100%);
411
+ --au-gradient-surface-data-horizontal-tertiary: linear-gradient(270deg, var(--au-surface-data-tertiary-gradient-start) 0%, var(--au-surface-data-tertiary-gradient-end) 100%);
412
+ --au-gradient-surface-data-horizontal-quaternary: linear-gradient(270deg, var(--au-surface-data-quaternary-gradient-start) 0%, var(--au-surface-data-quaternary-gradient-end) 100%);
413
+ --au-gradient-surface-data-horizontal-reference: linear-gradient(270deg, var(--au-surface-data-reference-gradient-start) 0%, var(--au-surface-data-reference-gradient-end) 100%);
374
414
  --au-gradient-border-brand: linear-gradient(134deg, var(--au-border-brand-gradient-start) 0%, var(--au-border-brand-gradient-end) 100%);
375
415
  --au-gradient-border-neutral: linear-gradient(134deg, var(--au-border-neutral-gradient-start) 0%, var(--au-border-neutral-gradient-end) 100%);
376
416
  --au-gradient-border-destructive: linear-gradient(134deg, var(--au-border-danger-gradient-start) 0%, var(--au-border-danger-gradient-end) 100%);
@@ -1054,6 +1094,11 @@
1054
1094
  --au-blur-scrim: var(--au-dimension-24);
1055
1095
  --au-blur-navigation: var(--au-dimension-8);
1056
1096
  --au-blur-glass: var(--au-dimension-8);
1097
+ --au-glow-data-primary: 0 0 14px 0 var(--au-surface-data-primary-glow), inset 0 0 6px 1px var(--au-color-alpha-white-400);
1098
+ --au-glow-data-secondary: 0 0 14px 0 var(--au-surface-data-secondary-glow), inset 0 0 6px 1px var(--au-color-alpha-white-400);
1099
+ --au-glow-data-tertiary: 0 0 14px 0 var(--au-surface-data-tertiary-glow), inset 0 0 6px 1px var(--au-color-alpha-white-400);
1100
+ --au-glow-data-quaternary: 0 0 14px 0 var(--au-surface-data-quaternary-glow), inset 0 0 6px 1px var(--au-color-alpha-white-400);
1101
+ --au-glow-data-reference: 0 0 14px 0 var(--au-surface-data-reference-glow), inset 0 0 6px 1px var(--au-color-alpha-white-400);
1057
1102
  --au-button-primary-sm-padding-vertical: var(--au-spacing-xs);
1058
1103
  --au-button-primary-sm-padding-horizontal: var(--au-spacing-xs);
1059
1104
  --au-button-primary-sm-gap: var(--au-spacing-2xs);
@@ -1084,6 +1129,18 @@
1084
1129
  --au-button-primary-disabled-background: var(--au-surface-disabled);
1085
1130
  --au-button-primary-disabled-border: var(--au-border-disabled);
1086
1131
  --au-button-primary-disabled-content: var(--au-content-disabled);
1132
+ --au-button-primary-destructive-default-background: var(--au-surface-danger-solid);
1133
+ --au-button-primary-destructive-default-border: var(--au-border-danger-solid);
1134
+ --au-button-primary-destructive-default-content: var(--au-content-primary-static);
1135
+ --au-button-primary-destructive-hover-background: var(--au-surface-danger-solid-hover);
1136
+ --au-button-primary-destructive-hover-border: var(--au-border-danger-solid);
1137
+ --au-button-primary-destructive-hover-content: var(--au-content-invert-static);
1138
+ --au-button-primary-destructive-pressed-background: var(--au-surface-danger-solid);
1139
+ --au-button-primary-destructive-pressed-border: var(--au-border-danger-subtile);
1140
+ --au-button-primary-destructive-pressed-content: var(--au-content-primary-static);
1141
+ --au-button-primary-destructive-disabled-background: var(--au-surface-disabled);
1142
+ --au-button-primary-destructive-disabled-border: var(--au-border-disabled);
1143
+ --au-button-primary-destructive-disabled-content: var(--au-content-disabled);
1087
1144
  --au-button-primary-neutral-sm-padding-vertical: var(--au-spacing-xs);
1088
1145
  --au-button-primary-neutral-sm-padding-horizontal: var(--au-spacing-xs);
1089
1146
  --au-button-primary-neutral-sm-gap: var(--au-spacing-2xs);
@@ -1144,36 +1201,18 @@
1144
1201
  --au-button-secondary-disabled-background: var(--au-surface-disabled);
1145
1202
  --au-button-secondary-disabled-border: var(--au-border-disabled);
1146
1203
  --au-button-secondary-disabled-content: var(--au-content-disabled);
1147
- --au-button-destructive-sm-padding-vertical: var(--au-spacing-xs);
1148
- --au-button-destructive-sm-padding-horizontal: var(--au-spacing-xs);
1149
- --au-button-destructive-sm-gap: var(--au-spacing-2xs);
1150
- --au-button-destructive-sm-radius: var(--au-radius-xs);
1151
- --au-button-destructive-sm-border-width: var(--au-border-width-thin);
1152
- --au-button-destructive-sm-min-height: var(--au-size-component-xl);
1153
- --au-button-destructive-md-padding-vertical: var(--au-spacing-sm);
1154
- --au-button-destructive-md-padding-horizontal: var(--au-spacing-sm);
1155
- --au-button-destructive-md-gap: var(--au-spacing-xs);
1156
- --au-button-destructive-md-radius: var(--au-radius-xs);
1157
- --au-button-destructive-md-border-width: var(--au-border-width-thin);
1158
- --au-button-destructive-md-min-height: var(--au-size-component-2xl);
1159
- --au-button-destructive-lg-padding-vertical: var(--au-spacing-md);
1160
- --au-button-destructive-lg-padding-horizontal: var(--au-spacing-md);
1161
- --au-button-destructive-lg-gap: var(--au-spacing-xs);
1162
- --au-button-destructive-lg-radius: var(--au-radius-xs);
1163
- --au-button-destructive-lg-border-width: var(--au-border-width-thin);
1164
- --au-button-destructive-lg-min-height: var(--au-size-component-3xl);
1165
- --au-button-destructive-default-background: var(--au-surface-danger-solid);
1166
- --au-button-destructive-default-border: var(--au-border-danger-solid);
1167
- --au-button-destructive-default-content: var(--au-content-primary-static);
1168
- --au-button-destructive-hover-background: var(--au-surface-danger-solid-hover);
1169
- --au-button-destructive-hover-border: var(--au-border-danger-solid);
1170
- --au-button-destructive-hover-content: var(--au-content-invert-static);
1171
- --au-button-destructive-pressed-background: var(--au-surface-danger-solid);
1172
- --au-button-destructive-pressed-border: var(--au-border-danger-subtile);
1173
- --au-button-destructive-pressed-content: var(--au-content-primary-static);
1174
- --au-button-destructive-disabled-background: var(--au-surface-disabled);
1175
- --au-button-destructive-disabled-border: var(--au-border-disabled);
1176
- --au-button-destructive-disabled-content: var(--au-content-disabled);
1204
+ --au-button-secondary-destructive-default-background: var(--au-surface-danger-subtile);
1205
+ --au-button-secondary-destructive-default-border: var(--au-border-danger-subtile);
1206
+ --au-button-secondary-destructive-default-content: var(--au-content-danger);
1207
+ --au-button-secondary-destructive-hover-background: var(--au-surface-danger-solid);
1208
+ --au-button-secondary-destructive-hover-border: var(--au-border-danger-solid);
1209
+ --au-button-secondary-destructive-hover-content: var(--au-content-primary-static);
1210
+ --au-button-secondary-destructive-pressed-background: var(--au-surface-danger-subtile);
1211
+ --au-button-secondary-destructive-pressed-border: var(--au-border-danger-solid);
1212
+ --au-button-secondary-destructive-pressed-content: var(--au-content-danger);
1213
+ --au-button-secondary-destructive-disabled-background: var(--au-surface-disabled);
1214
+ --au-button-secondary-destructive-disabled-border: var(--au-border-disabled);
1215
+ --au-button-secondary-destructive-disabled-content: var(--au-content-disabled);
1177
1216
  --au-button-link-sm-padding-vertical: var(--au-spacing-none);
1178
1217
  --au-button-link-sm-padding-horizontal: var(--au-spacing-none);
1179
1218
  --au-button-link-sm-gap: var(--au-spacing-2xs);
@@ -1193,6 +1232,10 @@
1193
1232
  --au-button-link-hover-content: var(--au-content-secondary);
1194
1233
  --au-button-link-pressed-content: var(--au-content-tertiary);
1195
1234
  --au-button-link-disabled-content: var(--au-content-disabled);
1235
+ --au-button-link-destructive-default-content: var(--au-content-danger);
1236
+ --au-button-link-destructive-hover-content: var(--au-content-primary);
1237
+ --au-button-link-destructive-pressed-content: var(--au-content-secondary);
1238
+ --au-button-link-destructive-disabled-content: var(--au-content-disabled);
1196
1239
  --au-chip-sm-gap: var(--au-spacing-2xs);
1197
1240
  --au-chip-sm-padding-vertical-label: var(--au-spacing-3xs);
1198
1241
  --au-chip-sm-padding-vertical-icon: var(--au-spacing-3xs);
@@ -1356,12 +1399,14 @@
1356
1399
  --au-elevation-interactive-overlay: 0 10px 20px 0 var(--au-surface-shadow);
1357
1400
  --au-elevation-content-overlay: 0 14px 28px 0 var(--au-surface-shadow);
1358
1401
  --au-elevation-content-style: 0 0 38px 0 var(--au-surface-shadow);
1402
+ --au-elevation-data-gauge: inset 0 2px 6px 0 var(--au-surface-shadow);
1359
1403
  --au-elevation-divider-shadow: 0 -1px 0 0 var(--au-divider-shadow);
1360
1404
  }
1361
1405
 
1362
1406
  /* light.css */
1363
1407
  .light {
1364
1408
  --au-surface-neutral-low: var(--au-color-neutral-light-white);
1409
+ --au-surface-neutral-low-transparent: var(--au-color-alpha-white-1000);
1365
1410
  --au-surface-neutral-low-hover: var(--au-color-neutral-light-50);
1366
1411
  --au-surface-neutral-medium: var(--au-color-neutral-light-100);
1367
1412
  --au-surface-neutral-medium-hover: var(--au-color-neutral-light-200);
@@ -1377,6 +1422,21 @@
1377
1422
  --au-surface-brand-subtile: var(--au-color-brand-primary-100);
1378
1423
  --au-surface-brand-gradient-start: var(--au-color-brand-primary-500);
1379
1424
  --au-surface-brand-gradient-end: var(--au-color-brand-primary-700);
1425
+ --au-surface-data-primary-gradient-start: var(--au-color-data-primary-50);
1426
+ --au-surface-data-primary-gradient-end: var(--au-color-data-primary-500);
1427
+ --au-surface-data-primary-glow: var(--au-color-alpha-white-1000);
1428
+ --au-surface-data-secondary-gradient-start: var(--au-color-data-secondary-50);
1429
+ --au-surface-data-secondary-gradient-end: var(--au-color-data-secondary-500);
1430
+ --au-surface-data-secondary-glow: var(--au-color-alpha-white-1000);
1431
+ --au-surface-data-tertiary-gradient-start: var(--au-color-data-tertiary-50);
1432
+ --au-surface-data-tertiary-gradient-end: var(--au-color-data-tertiary-500);
1433
+ --au-surface-data-tertiary-glow: var(--au-color-alpha-white-1000);
1434
+ --au-surface-data-quaternary-gradient-start: var(--au-color-data-quaternary-50);
1435
+ --au-surface-data-quaternary-gradient-end: var(--au-color-data-quaternary-500);
1436
+ --au-surface-data-quaternary-glow: var(--au-color-alpha-white-1000);
1437
+ --au-surface-data-reference-gradient-start: var(--au-color-neutral-light-400);
1438
+ --au-surface-data-reference-gradient-end: var(--au-color-neutral-light-600);
1439
+ --au-surface-data-reference-glow: var(--au-color-alpha-white-1000);
1380
1440
  --au-surface-info-solid: var(--au-color-feedback-info-500);
1381
1441
  --au-surface-info-subtile: var(--au-color-feedback-info-100);
1382
1442
  --au-surface-success-solid: var(--au-color-feedback-success-500);
@@ -1396,6 +1456,7 @@
1396
1456
  --au-surface-scrim: var(--au-color-alpha-black-600);
1397
1457
  --au-surface-shadow: var(--au-color-alpha-black-700);
1398
1458
  --au-surface-glass: var(--au-color-alpha-white-200);
1459
+ --au-surface-glass-dark: var(--au-color-alpha-neutral-200);
1399
1460
  --au-content-primary-static: var(--au-color-neutral-dark-900);
1400
1461
  --au-content-primary: var(--au-color-neutral-dark-900);
1401
1462
  --au-content-secondary: var(--au-color-neutral-light-700);
@@ -1423,6 +1484,11 @@
1423
1484
  --au-border-brand-subtile: var(--au-color-brand-primary-300);
1424
1485
  --au-border-brand-gradient-start: var(--au-color-brand-primary-300);
1425
1486
  --au-border-brand-gradient-end: var(--au-color-brand-primary-900);
1487
+ --au-border-data-primary: var(--au-color-data-primary-50);
1488
+ --au-border-data-secondary: var(--au-color-data-secondary-50);
1489
+ --au-border-data-tertiary: var(--au-color-data-tertiary-50);
1490
+ --au-border-data-quaternary: var(--au-color-data-quaternary-50);
1491
+ --au-border-data-reference: var(--au-color-neutral-light-400);
1426
1492
  --au-border-info-solid: var(--au-color-feedback-info-700);
1427
1493
  --au-border-info-subtile: var(--au-color-feedback-info-300);
1428
1494
  --au-border-success-solid: var(--au-color-feedback-success-700);
@@ -1443,6 +1509,16 @@
1443
1509
  --au-gradient-surface-neutral-high: linear-gradient(125deg, var(--au-surface-neutral-high-gradient-start) 0%, var(--au-surface-neutral-high-gradient-end) 100%);
1444
1510
  --au-gradient-surface-destructive: linear-gradient(125deg, var(--au-surface-danger-gradient-start) 0%, var(--au-surface-danger-gradient-end) 100%);
1445
1511
  --au-gradient-surface-overlay: linear-gradient(180deg, var(--au-surface-neutral-low-gradient-start) 0%, var(--au-surface-neutral-low-gradient-end) 100%);
1512
+ --au-gradient-surface-data-vertical-primary: linear-gradient(180deg, var(--au-surface-data-primary-gradient-start) 0%, var(--au-surface-data-primary-gradient-end) 100%);
1513
+ --au-gradient-surface-data-vertical-secondary: linear-gradient(180deg, var(--au-surface-data-secondary-gradient-start) 0%, var(--au-surface-data-secondary-gradient-end) 100%);
1514
+ --au-gradient-surface-data-vertical-tertiary: linear-gradient(180deg, var(--au-surface-data-tertiary-gradient-start) 0%, var(--au-surface-data-tertiary-gradient-end) 100%);
1515
+ --au-gradient-surface-data-vertical-quaternary: linear-gradient(180deg, var(--au-surface-data-quaternary-gradient-start) 0%, var(--au-surface-data-quaternary-gradient-end) 100%);
1516
+ --au-gradient-surface-data-vertical-reference: linear-gradient(180deg, var(--au-surface-data-reference-gradient-start) 0%, var(--au-surface-data-reference-gradient-end) 100%);
1517
+ --au-gradient-surface-data-horizontal-primary: linear-gradient(270deg, var(--au-surface-data-primary-gradient-start) 0%, var(--au-surface-data-primary-gradient-end) 100%);
1518
+ --au-gradient-surface-data-horizontal-secondary: linear-gradient(270deg, var(--au-surface-data-secondary-gradient-start) 0%, var(--au-surface-data-secondary-gradient-end) 100%);
1519
+ --au-gradient-surface-data-horizontal-tertiary: linear-gradient(270deg, var(--au-surface-data-tertiary-gradient-start) 0%, var(--au-surface-data-tertiary-gradient-end) 100%);
1520
+ --au-gradient-surface-data-horizontal-quaternary: linear-gradient(270deg, var(--au-surface-data-quaternary-gradient-start) 0%, var(--au-surface-data-quaternary-gradient-end) 100%);
1521
+ --au-gradient-surface-data-horizontal-reference: linear-gradient(270deg, var(--au-surface-data-reference-gradient-start) 0%, var(--au-surface-data-reference-gradient-end) 100%);
1446
1522
  --au-gradient-border-brand: linear-gradient(134deg, var(--au-border-brand-gradient-start) 0%, var(--au-border-brand-gradient-end) 100%);
1447
1523
  --au-gradient-border-neutral: linear-gradient(134deg, var(--au-border-neutral-gradient-start) 0%, var(--au-border-neutral-gradient-end) 100%);
1448
1524
  --au-gradient-border-destructive: linear-gradient(134deg, var(--au-border-danger-gradient-start) 0%, var(--au-border-danger-gradient-end) 100%);
package/build/react-native/tokens.ts CHANGED
@@ -84,6 +84,24 @@ export const tokens = {
84
84
  "900": "#174242"
85
85
  }
86
86
  },
87
+ "data": {
88
+ "primary": {
89
+ "50": "#00a693",
90
+ "500": "#277777"
91
+ },
92
+ "secondary": {
93
+ "50": "#e5a34d",
94
+ "500": "#d1892b"
95
+ },
96
+ "tertiary": {
97
+ "50": "#7673be",
98
+ "500": "#605cb1"
99
+ },
100
+ "quaternary": {
101
+ "50": "#39b3d2",
102
+ "500": "#268da7"
103
+ }
104
+ },
87
105
  "feedback": {
88
106
  "info": {
89
107
  "50": "#ecfafd",
@@ -595,6 +613,7 @@ export const tokens = {
595
613
  "surface": {
596
614
  "neutral": {
597
615
  "low": "#ffffff",
616
+ "lowTransparent": "rgba(255, 255, 255, 0)",
598
617
  "lowHover": "#f5f7f7",
599
618
  "medium": "#e6ebeb",
600
619
  "mediumHover": "#d9dedf",
@@ -613,6 +632,33 @@ export const tokens = {
613
632
  "gradientStart": "#277777",
614
633
  "gradientEnd": "#1f5c5c"
615
634
  },
635
+ "data": {
636
+ "primary": {
637
+ "gradientStart": "#00a693",
638
+ "gradientEnd": "#277777",
639
+ "glow": "rgba(255, 255, 255, 0)"
640
+ },
641
+ "secondary": {
642
+ "gradientStart": "#e5a34d",
643
+ "gradientEnd": "#d1892b",
644
+ "glow": "rgba(255, 255, 255, 0)"
645
+ },
646
+ "tertiary": {
647
+ "gradientStart": "#7673be",
648
+ "gradientEnd": "#605cb1",
649
+ "glow": "rgba(255, 255, 255, 0)"
650
+ },
651
+ "quaternary": {
652
+ "gradientStart": "#39b3d2",
653
+ "gradientEnd": "#268da7",
654
+ "glow": "rgba(255, 255, 255, 0)"
655
+ },
656
+ "reference": {
657
+ "gradientStart": "#9ca4a6",
658
+ "gradientEnd": "#6b7676",
659
+ "glow": "rgba(255, 255, 255, 0)"
660
+ }
661
+ },
616
662
  "info": {
617
663
  "solid": "#1793b2",
618
664
  "subtile": "#dcf4fa"
@@ -639,7 +685,8 @@ export const tokens = {
639
685
  "disabled": "#f5f7f7",
640
686
  "scrim": "rgba(0, 0, 0, 0.35)",
641
687
  "shadow": "rgba(0, 0, 0, 0.16)",
642
- "glass": "rgba(255, 255, 255, 0.92)"
688
+ "glass": "rgba(255, 255, 255, 0.92)",
689
+ "glassDark": "rgba(24, 29, 39, 0.92)"
643
690
  },
644
691
  "content": {
645
692
  "primaryStatic": "#121621",
@@ -675,6 +722,13 @@ export const tokens = {
675
722
  "gradientStart": "#91b9b9",
676
723
  "gradientEnd": "#174242"
677
724
  },
725
+ "data": {
726
+ "primary": "#00a693",
727
+ "secondary": "#e5a34d",
728
+ "tertiary": "#7673be",
729
+ "quaternary": "#39b3d2",
730
+ "reference": "#9ca4a6"
731
+ },
678
732
  "info": {
679
733
  "solid": "#066076",
680
734
  "subtile": "#75cae0"
@@ -764,6 +818,93 @@ export const tokens = {
764
818
  "position": 1
765
819
  }
766
820
  ]
821
+ },
822
+ "data": {
823
+ "primary": [
824
+ {
825
+ "offsetX": 0,
826
+ "offsetY": 0,
827
+ "blurRadius": 14,
828
+ "spreadDistance": 0,
829
+ "color": "rgba(255, 255, 255, 0)"
830
+ },
831
+ {
832
+ "offsetX": 0,
833
+ "offsetY": 0,
834
+ "blurRadius": 6,
835
+ "spreadDistance": 1,
836
+ "color": "rgba(255, 255, 255, 0.56)",
837
+ "inset": true
838
+ }
839
+ ],
840
+ "secondary": [
841
+ {
842
+ "offsetX": 0,
843
+ "offsetY": 0,
844
+ "blurRadius": 14,
845
+ "spreadDistance": 0,
846
+ "color": "rgba(255, 255, 255, 0)"
847
+ },
848
+ {
849
+ "offsetX": 0,
850
+ "offsetY": 0,
851
+ "blurRadius": 6,
852
+ "spreadDistance": 1,
853
+ "color": "rgba(255, 255, 255, 0.56)",
854
+ "inset": true
855
+ }
856
+ ],
857
+ "tertiary": [
858
+ {
859
+ "offsetX": 0,
860
+ "offsetY": 0,
861
+ "blurRadius": 14,
862
+ "spreadDistance": 0,
863
+ "color": "rgba(255, 255, 255, 0)"
864
+ },
865
+ {
866
+ "offsetX": 0,
867
+ "offsetY": 0,
868
+ "blurRadius": 6,
869
+ "spreadDistance": 1,
870
+ "color": "rgba(255, 255, 255, 0.56)",
871
+ "inset": true
872
+ }
873
+ ],
874
+ "quaternary": [
875
+ {
876
+ "offsetX": 0,
877
+ "offsetY": 0,
878
+ "blurRadius": 14,
879
+ "spreadDistance": 0,
880
+ "color": "rgba(255, 255, 255, 0)"
881
+ },
882
+ {
883
+ "offsetX": 0,
884
+ "offsetY": 0,
885
+ "blurRadius": 6,
886
+ "spreadDistance": 1,
887
+ "color": "rgba(255, 255, 255, 0.56)",
888
+ "inset": true
889
+ }
890
+ ],
891
+ "reference": [
892
+ {
893
+ "offsetX": 0,
894
+ "offsetY": 0,
895
+ "blurRadius": 14,
896
+ "spreadDistance": 0,
897
+ "color": "rgba(255, 255, 255, 0)"
898
+ },
899
+ {
900
+ "offsetX": 0,
901
+ "offsetY": 0,
902
+ "blurRadius": 6,
903
+ "spreadDistance": 1,
904
+ "color": "rgba(255, 255, 255, 0.56)",
905
+ "inset": true
906
+ }
907
+ ]
767
908
  }
768
909
  },
769
910
  "gradient": {
@@ -837,6 +978,152 @@ export const tokens = {
837
978
  "position": 1
838
979
  }
839
980
  ]
981
+ },
982
+ "data": {
983
+ "vertical": {
984
+ "primary": {
985
+ "type": "linear",
986
+ "angle": 180,
987
+ "stops": [
988
+ {
989
+ "color": "#00a693",
990
+ "position": 0
991
+ },
992
+ {
993
+ "color": "#277777",
994
+ "position": 1
995
+ }
996
+ ]
997
+ },
998
+ "secondary": {
999
+ "type": "linear",
1000
+ "angle": 180,
1001
+ "stops": [
1002
+ {
1003
+ "color": "#e5a34d",
1004
+ "position": 0
1005
+ },
1006
+ {
1007
+ "color": "#d1892b",
1008
+ "position": 1
1009
+ }
1010
+ ]
1011
+ },
1012
+ "tertiary": {
1013
+ "type": "linear",
1014
+ "angle": 180,
1015
+ "stops": [
1016
+ {
1017
+ "color": "#7673be",
1018
+ "position": 0
1019
+ },
1020
+ {
1021
+ "color": "#605cb1",
1022
+ "position": 1
1023
+ }
1024
+ ]
1025
+ },
1026
+ "quaternary": {
1027
+ "type": "linear",
1028
+ "angle": 180,
1029
+ "stops": [
1030
+ {
1031
+ "color": "#39b3d2",
1032
+ "position": 0
1033
+ },
1034
+ {
1035
+ "color": "#268da7",
1036
+ "position": 1
1037
+ }
1038
+ ]
1039
+ },
1040
+ "reference": {
1041
+ "type": "linear",
1042
+ "angle": 180,
1043
+ "stops": [
1044
+ {
1045
+ "color": "#9ca4a6",
1046
+ "position": 0
1047
+ },
1048
+ {
1049
+ "color": "#6b7676",
1050
+ "position": 1
1051
+ }
1052
+ ]
1053
+ }
1054
+ },
1055
+ "horizontal": {
1056
+ "primary": {
1057
+ "type": "linear",
1058
+ "angle": 270,
1059
+ "stops": [
1060
+ {
1061
+ "color": "#00a693",
1062
+ "position": 0
1063
+ },
1064
+ {
1065
+ "color": "#277777",
1066
+ "position": 1
1067
+ }
1068
+ ]
1069
+ },
1070
+ "secondary": {
1071
+ "type": "linear",
1072
+ "angle": 270,
1073
+ "stops": [
1074
+ {
1075
+ "color": "#e5a34d",
1076
+ "position": 0
1077
+ },
1078
+ {
1079
+ "color": "#d1892b",
1080
+ "position": 1
1081
+ }
1082
+ ]
1083
+ },
1084
+ "tertiary": {
1085
+ "type": "linear",
1086
+ "angle": 270,
1087
+ "stops": [
1088
+ {
1089
+ "color": "#7673be",
1090
+ "position": 0
1091
+ },
1092
+ {
1093
+ "color": "#605cb1",
1094
+ "position": 1
1095
+ }
1096
+ ]
1097
+ },
1098
+ "quaternary": {
1099
+ "type": "linear",
1100
+ "angle": 270,
1101
+ "stops": [
1102
+ {
1103
+ "color": "#39b3d2",
1104
+ "position": 0
1105
+ },
1106
+ {
1107
+ "color": "#268da7",
1108
+ "position": 1
1109
+ }
1110
+ ]
1111
+ },
1112
+ "reference": {
1113
+ "type": "linear",
1114
+ "angle": 270,
1115
+ "stops": [
1116
+ {
1117
+ "color": "#9ca4a6",
1118
+ "position": 0
1119
+ },
1120
+ {
1121
+ "color": "#6b7676",
1122
+ "position": 1
1123
+ }
1124
+ ]
1125
+ }
1126
+ }
840
1127
  }
841
1128
  },
842
1129
  "border": {
@@ -2067,6 +2354,28 @@ export const tokens = {
2067
2354
  "background": "#f5f7f7",
2068
2355
  "border": "#9ca4a6",
2069
2356
  "content": "#9ca4a6"
2357
+ },
2358
+ "destructive": {
2359
+ "default": {
2360
+ "background": "#f04438",
2361
+ "border": "#b42318",
2362
+ "content": "#121621"
2363
+ },
2364
+ "hover": {
2365
+ "background": "#b42318",
2366
+ "border": "#b42318",
2367
+ "content": "#ffffff"
2368
+ },
2369
+ "pressed": {
2370
+ "background": "#f04438",
2371
+ "border": "#ffa9a3",
2372
+ "content": "#121621"
2373
+ },
2374
+ "disabled": {
2375
+ "background": "#f5f7f7",
2376
+ "border": "#9ca4a6",
2377
+ "content": "#9ca4a6"
2378
+ }
2070
2379
  }
2071
2380
  },
2072
2381
  "primaryNeutral": {
@@ -2159,52 +2468,28 @@ export const tokens = {
2159
2468
  "background": "#f5f7f7",
2160
2469
  "border": "#9ca4a6",
2161
2470
  "content": "#9ca4a6"
2162
- }
2163
- },
2164
- "destructive": {
2165
- "sm": {
2166
- "paddingVertical": 8,
2167
- "paddingHorizontal": 8,
2168
- "gap": 4,
2169
- "radius": 4,
2170
- "borderWidth": 1,
2171
- "minHeight": 40
2172
2471
  },
2173
- "md": {
2174
- "paddingVertical": 12,
2175
- "paddingHorizontal": 12,
2176
- "gap": 8,
2177
- "radius": 4,
2178
- "borderWidth": 1,
2179
- "minHeight": 48
2180
- },
2181
- "lg": {
2182
- "paddingVertical": 16,
2183
- "paddingHorizontal": 16,
2184
- "gap": 8,
2185
- "radius": 4,
2186
- "borderWidth": 1,
2187
- "minHeight": 56
2188
- },
2189
- "default": {
2190
- "background": "#f04438",
2191
- "border": "#b42318",
2192
- "content": "#121621"
2193
- },
2194
- "hover": {
2195
- "background": "#b42318",
2196
- "border": "#b42318",
2197
- "content": "#ffffff"
2198
- },
2199
- "pressed": {
2200
- "background": "#f04438",
2201
- "border": "#ffa9a3",
2202
- "content": "#121621"
2203
- },
2204
- "disabled": {
2205
- "background": "#f5f7f7",
2206
- "border": "#9ca4a6",
2207
- "content": "#9ca4a6"
2472
+ "destructive": {
2473
+ "default": {
2474
+ "background": "#fee4e2",
2475
+ "border": "#ffa9a3",
2476
+ "content": "#b42318"
2477
+ },
2478
+ "hover": {
2479
+ "background": "#f04438",
2480
+ "border": "#b42318",
2481
+ "content": "#121621"
2482
+ },
2483
+ "pressed": {
2484
+ "background": "#fee4e2",
2485
+ "border": "#b42318",
2486
+ "content": "#b42318"
2487
+ },
2488
+ "disabled": {
2489
+ "background": "#f5f7f7",
2490
+ "border": "#9ca4a6",
2491
+ "content": "#9ca4a6"
2492
+ }
2208
2493
  }
2209
2494
  },
2210
2495
  "link": {
@@ -2240,6 +2525,20 @@ export const tokens = {
2240
2525
  },
2241
2526
  "disabled": {
2242
2527
  "content": "#9ca4a6"
2528
+ },
2529
+ "destructive": {
2530
+ "default": {
2531
+ "content": "#b42318"
2532
+ },
2533
+ "hover": {
2534
+ "content": "#121621"
2535
+ },
2536
+ "pressed": {
2537
+ "content": "#525d5d"
2538
+ },
2539
+ "disabled": {
2540
+ "content": "#9ca4a6"
2541
+ }
2243
2542
  }
2244
2543
  }
2245
2544
  },
@@ -2576,6 +2875,18 @@ export const tokens = {
2576
2875
  }
2577
2876
  ]
2578
2877
  },
2878
+ "data": {
2879
+ "gauge": [
2880
+ {
2881
+ "offsetX": 0,
2882
+ "offsetY": 2,
2883
+ "blurRadius": 6,
2884
+ "spreadDistance": 0,
2885
+ "color": "rgba(0, 0, 0, 0.16)",
2886
+ "inset": true
2887
+ }
2888
+ ]
2889
+ },
2579
2890
  "dividerShadow": [
2580
2891
  {
2581
2892
  "offsetX": 0,
@@ -2596,6 +2907,7 @@ export const tokens = {
2596
2907
  "surface": {
2597
2908
  "neutral": {
2598
2909
  "low": "#181d27",
2910
+ "lowTransparent": "rgba(24, 29, 39, 0)",
2599
2911
  "lowHover": "#1f242d",
2600
2912
  "medium": "#2a2f38",
2601
2913
  "mediumHover": "#353a42",
@@ -2614,6 +2926,33 @@ export const tokens = {
2614
2926
  "gradientStart": "#277777",
2615
2927
  "gradientEnd": "#1f5c5c"
2616
2928
  },
2929
+ "data": {
2930
+ "primary": {
2931
+ "gradientStart": "#00a693",
2932
+ "gradientEnd": "#277777",
2933
+ "glow": "#00a693"
2934
+ },
2935
+ "secondary": {
2936
+ "gradientStart": "#e5a34d",
2937
+ "gradientEnd": "#d1892b",
2938
+ "glow": "#e5a34d"
2939
+ },
2940
+ "tertiary": {
2941
+ "gradientStart": "#7673be",
2942
+ "gradientEnd": "#605cb1",
2943
+ "glow": "#7673be"
2944
+ },
2945
+ "quaternary": {
2946
+ "gradientStart": "#39b3d2",
2947
+ "gradientEnd": "#268da7",
2948
+ "glow": "#39b3d2"
2949
+ },
2950
+ "reference": {
2951
+ "gradientStart": "#676d77",
2952
+ "gradientEnd": "#353a42",
2953
+ "glow": "#676d77"
2954
+ }
2955
+ },
2617
2956
  "info": {
2618
2957
  "solid": "#47b2cd",
2619
2958
  "subtile": "#052a33"
@@ -2640,7 +2979,8 @@ export const tokens = {
2640
2979
  "disabled": "#181d27",
2641
2980
  "scrim": "rgba(0, 0, 0, 0.35)",
2642
2981
  "shadow": "rgba(0, 0, 0, 0.16)",
2643
- "glass": "rgba(24, 29, 39, 0.92)"
2982
+ "glass": "rgba(24, 29, 39, 0.92)",
2983
+ "glassDark": "rgba(24, 29, 39, 0.92)"
2644
2984
  },
2645
2985
  "content": {
2646
2986
  "primaryStatic": "#121621",
@@ -2676,6 +3016,13 @@ export const tokens = {
2676
3016
  "gradientStart": "#91b9b9",
2677
3017
  "gradientEnd": "#174242"
2678
3018
  },
3019
+ "data": {
3020
+ "primary": "#00a693",
3021
+ "secondary": "#e5a34d",
3022
+ "tertiary": "#7673be",
3023
+ "quaternary": "#39b3d2",
3024
+ "reference": "#676d77"
3025
+ },
2679
3026
  "info": {
2680
3027
  "solid": "#47b2cd",
2681
3028
  "subtile": "#066076"
@@ -2765,6 +3112,93 @@ export const tokens = {
2765
3112
  "position": 1
2766
3113
  }
2767
3114
  ]
3115
+ },
3116
+ "data": {
3117
+ "primary": [
3118
+ {
3119
+ "offsetX": 0,
3120
+ "offsetY": 0,
3121
+ "blurRadius": 14,
3122
+ "spreadDistance": 0,
3123
+ "color": "#00a693"
3124
+ },
3125
+ {
3126
+ "offsetX": 0,
3127
+ "offsetY": 0,
3128
+ "blurRadius": 6,
3129
+ "spreadDistance": 1,
3130
+ "color": "rgba(255, 255, 255, 0.56)",
3131
+ "inset": true
3132
+ }
3133
+ ],
3134
+ "secondary": [
3135
+ {
3136
+ "offsetX": 0,
3137
+ "offsetY": 0,
3138
+ "blurRadius": 14,
3139
+ "spreadDistance": 0,
3140
+ "color": "#e5a34d"
3141
+ },
3142
+ {
3143
+ "offsetX": 0,
3144
+ "offsetY": 0,
3145
+ "blurRadius": 6,
3146
+ "spreadDistance": 1,
3147
+ "color": "rgba(255, 255, 255, 0.56)",
3148
+ "inset": true
3149
+ }
3150
+ ],
3151
+ "tertiary": [
3152
+ {
3153
+ "offsetX": 0,
3154
+ "offsetY": 0,
3155
+ "blurRadius": 14,
3156
+ "spreadDistance": 0,
3157
+ "color": "#7673be"
3158
+ },
3159
+ {
3160
+ "offsetX": 0,
3161
+ "offsetY": 0,
3162
+ "blurRadius": 6,
3163
+ "spreadDistance": 1,
3164
+ "color": "rgba(255, 255, 255, 0.56)",
3165
+ "inset": true
3166
+ }
3167
+ ],
3168
+ "quaternary": [
3169
+ {
3170
+ "offsetX": 0,
3171
+ "offsetY": 0,
3172
+ "blurRadius": 14,
3173
+ "spreadDistance": 0,
3174
+ "color": "#39b3d2"
3175
+ },
3176
+ {
3177
+ "offsetX": 0,
3178
+ "offsetY": 0,
3179
+ "blurRadius": 6,
3180
+ "spreadDistance": 1,
3181
+ "color": "rgba(255, 255, 255, 0.56)",
3182
+ "inset": true
3183
+ }
3184
+ ],
3185
+ "reference": [
3186
+ {
3187
+ "offsetX": 0,
3188
+ "offsetY": 0,
3189
+ "blurRadius": 14,
3190
+ "spreadDistance": 0,
3191
+ "color": "#676d77"
3192
+ },
3193
+ {
3194
+ "offsetX": 0,
3195
+ "offsetY": 0,
3196
+ "blurRadius": 6,
3197
+ "spreadDistance": 1,
3198
+ "color": "rgba(255, 255, 255, 0.56)",
3199
+ "inset": true
3200
+ }
3201
+ ]
2768
3202
  }
2769
3203
  },
2770
3204
  "gradient": {
@@ -2838,6 +3272,152 @@ export const tokens = {
2838
3272
  "position": 1
2839
3273
  }
2840
3274
  ]
3275
+ },
3276
+ "data": {
3277
+ "vertical": {
3278
+ "primary": {
3279
+ "type": "linear",
3280
+ "angle": 180,
3281
+ "stops": [
3282
+ {
3283
+ "color": "#00a693",
3284
+ "position": 0
3285
+ },
3286
+ {
3287
+ "color": "#277777",
3288
+ "position": 1
3289
+ }
3290
+ ]
3291
+ },
3292
+ "secondary": {
3293
+ "type": "linear",
3294
+ "angle": 180,
3295
+ "stops": [
3296
+ {
3297
+ "color": "#e5a34d",
3298
+ "position": 0
3299
+ },
3300
+ {
3301
+ "color": "#d1892b",
3302
+ "position": 1
3303
+ }
3304
+ ]
3305
+ },
3306
+ "tertiary": {
3307
+ "type": "linear",
3308
+ "angle": 180,
3309
+ "stops": [
3310
+ {
3311
+ "color": "#7673be",
3312
+ "position": 0
3313
+ },
3314
+ {
3315
+ "color": "#605cb1",
3316
+ "position": 1
3317
+ }
3318
+ ]
3319
+ },
3320
+ "quaternary": {
3321
+ "type": "linear",
3322
+ "angle": 180,
3323
+ "stops": [
3324
+ {
3325
+ "color": "#39b3d2",
3326
+ "position": 0
3327
+ },
3328
+ {
3329
+ "color": "#268da7",
3330
+ "position": 1
3331
+ }
3332
+ ]
3333
+ },
3334
+ "reference": {
3335
+ "type": "linear",
3336
+ "angle": 180,
3337
+ "stops": [
3338
+ {
3339
+ "color": "#676d77",
3340
+ "position": 0
3341
+ },
3342
+ {
3343
+ "color": "#353a42",
3344
+ "position": 1
3345
+ }
3346
+ ]
3347
+ }
3348
+ },
3349
+ "horizontal": {
3350
+ "primary": {
3351
+ "type": "linear",
3352
+ "angle": 270,
3353
+ "stops": [
3354
+ {
3355
+ "color": "#00a693",
3356
+ "position": 0
3357
+ },
3358
+ {
3359
+ "color": "#277777",
3360
+ "position": 1
3361
+ }
3362
+ ]
3363
+ },
3364
+ "secondary": {
3365
+ "type": "linear",
3366
+ "angle": 270,
3367
+ "stops": [
3368
+ {
3369
+ "color": "#e5a34d",
3370
+ "position": 0
3371
+ },
3372
+ {
3373
+ "color": "#d1892b",
3374
+ "position": 1
3375
+ }
3376
+ ]
3377
+ },
3378
+ "tertiary": {
3379
+ "type": "linear",
3380
+ "angle": 270,
3381
+ "stops": [
3382
+ {
3383
+ "color": "#7673be",
3384
+ "position": 0
3385
+ },
3386
+ {
3387
+ "color": "#605cb1",
3388
+ "position": 1
3389
+ }
3390
+ ]
3391
+ },
3392
+ "quaternary": {
3393
+ "type": "linear",
3394
+ "angle": 270,
3395
+ "stops": [
3396
+ {
3397
+ "color": "#39b3d2",
3398
+ "position": 0
3399
+ },
3400
+ {
3401
+ "color": "#268da7",
3402
+ "position": 1
3403
+ }
3404
+ ]
3405
+ },
3406
+ "reference": {
3407
+ "type": "linear",
3408
+ "angle": 270,
3409
+ "stops": [
3410
+ {
3411
+ "color": "#676d77",
3412
+ "position": 0
3413
+ },
3414
+ {
3415
+ "color": "#353a42",
3416
+ "position": 1
3417
+ }
3418
+ ]
3419
+ }
3420
+ }
2841
3421
  }
2842
3422
  },
2843
3423
  "border": {
@@ -4068,6 +4648,28 @@ export const tokens = {
4068
4648
  "background": "#181d27",
4069
4649
  "border": "#676d77",
4070
4650
  "content": "#676d77"
4651
+ },
4652
+ "destructive": {
4653
+ "default": {
4654
+ "background": "#f97066",
4655
+ "border": "#f97066",
4656
+ "content": "#121621"
4657
+ },
4658
+ "hover": {
4659
+ "background": "#b42318",
4660
+ "border": "#f97066",
4661
+ "content": "#ffffff"
4662
+ },
4663
+ "pressed": {
4664
+ "background": "#f97066",
4665
+ "border": "#b42318",
4666
+ "content": "#121621"
4667
+ },
4668
+ "disabled": {
4669
+ "background": "#181d27",
4670
+ "border": "#676d77",
4671
+ "content": "#676d77"
4672
+ }
4071
4673
  }
4072
4674
  },
4073
4675
  "primaryNeutral": {
@@ -4160,52 +4762,28 @@ export const tokens = {
4160
4762
  "background": "#181d27",
4161
4763
  "border": "#676d77",
4162
4764
  "content": "#676d77"
4163
- }
4164
- },
4165
- "destructive": {
4166
- "sm": {
4167
- "paddingVertical": 8,
4168
- "paddingHorizontal": 8,
4169
- "gap": 4,
4170
- "radius": 4,
4171
- "borderWidth": 1,
4172
- "minHeight": 40
4173
- },
4174
- "md": {
4175
- "paddingVertical": 12,
4176
- "paddingHorizontal": 12,
4177
- "gap": 8,
4178
- "radius": 4,
4179
- "borderWidth": 1,
4180
- "minHeight": 48
4181
- },
4182
- "lg": {
4183
- "paddingVertical": 16,
4184
- "paddingHorizontal": 16,
4185
- "gap": 8,
4186
- "radius": 4,
4187
- "borderWidth": 1,
4188
- "minHeight": 56
4189
- },
4190
- "default": {
4191
- "background": "#f97066",
4192
- "border": "#f97066",
4193
- "content": "#121621"
4194
- },
4195
- "hover": {
4196
- "background": "#b42318",
4197
- "border": "#f97066",
4198
- "content": "#ffffff"
4199
4765
  },
4200
- "pressed": {
4201
- "background": "#f97066",
4202
- "border": "#b42318",
4203
- "content": "#121621"
4204
- },
4205
- "disabled": {
4206
- "background": "#181d27",
4207
- "border": "#676d77",
4208
- "content": "#676d77"
4766
+ "destructive": {
4767
+ "default": {
4768
+ "background": "#55160c",
4769
+ "border": "#b42318",
4770
+ "content": "#f97066"
4771
+ },
4772
+ "hover": {
4773
+ "background": "#f97066",
4774
+ "border": "#f97066",
4775
+ "content": "#121621"
4776
+ },
4777
+ "pressed": {
4778
+ "background": "#55160c",
4779
+ "border": "#f97066",
4780
+ "content": "#f97066"
4781
+ },
4782
+ "disabled": {
4783
+ "background": "#181d27",
4784
+ "border": "#676d77",
4785
+ "content": "#676d77"
4786
+ }
4209
4787
  }
4210
4788
  },
4211
4789
  "link": {
@@ -4241,6 +4819,20 @@ export const tokens = {
4241
4819
  },
4242
4820
  "disabled": {
4243
4821
  "content": "#676d77"
4822
+ },
4823
+ "destructive": {
4824
+ "default": {
4825
+ "content": "#f97066"
4826
+ },
4827
+ "hover": {
4828
+ "content": "#e9ebef"
4829
+ },
4830
+ "pressed": {
4831
+ "content": "#bdc1cb"
4832
+ },
4833
+ "disabled": {
4834
+ "content": "#676d77"
4835
+ }
4244
4836
  }
4245
4837
  }
4246
4838
  },
@@ -4577,6 +5169,18 @@ export const tokens = {
4577
5169
  }
4578
5170
  ]
4579
5171
  },
5172
+ "data": {
5173
+ "gauge": [
5174
+ {
5175
+ "offsetX": 0,
5176
+ "offsetY": 2,
5177
+ "blurRadius": 6,
5178
+ "spreadDistance": 0,
5179
+ "color": "rgba(0, 0, 0, 0.16)",
5180
+ "inset": true
5181
+ }
5182
+ ]
5183
+ },
4580
5184
  "dividerShadow": [
4581
5185
  {
4582
5186
  "offsetX": 0,
package/build/types/colors.d.ts CHANGED
@@ -1 +1 @@
1
- export type AuColor = 'neutralLight50' | 'neutralLight100' | 'neutralLight200' | 'neutralLight300' | 'neutralLight400' | 'neutralLight500' | 'neutralLight600' | 'neutralLight700' | 'neutralLight800' | 'neutralLight900' | 'neutralLightWhite' | 'neutralDark50' | 'neutralDark100' | 'neutralDark200' | 'neutralDark300' | 'neutralDark400' | 'neutralDark500' | 'neutralDark600' | 'neutralDark700' | 'neutralDark800' | 'neutralDark900' | 'neutralDarkBlack' | 'alphaWhite50' | 'alphaWhite100' | 'alphaWhite200' | 'alphaWhite300' | 'alphaWhite400' | 'alphaWhite500' | 'alphaWhite600' | 'alphaWhite700' | 'alphaWhite800' | 'alphaWhite900' | 'alphaWhite1000' | 'alphaBlack50' | 'alphaBlack100' | 'alphaBlack200' | 'alphaBlack300' | 'alphaBlack400' | 'alphaBlack500' | 'alphaBlack600' | 'alphaBlack700' | 'alphaBlack800' | 'alphaBlack900' | 'alphaBlack1000' | 'alphaNeutral50' | 'alphaNeutral100' | 'alphaNeutral200' | 'alphaNeutral300' | 'alphaNeutral400' | 'alphaNeutral500' | 'alphaNeutral600' | 'alphaNeutral700' | 'alphaNeutral800' | 'alphaNeutral900' | 'alphaNeutral1000' | 'brandPrimary50' | 'brandPrimary100' | 'brandPrimary200' | 'brandPrimary300' | 'brandPrimary400' | 'brandPrimary500' | 'brandPrimary600' | 'brandPrimary700' | 'brandPrimary800' | 'brandPrimary900' | 'feedbackInfo50' | 'feedbackInfo100' | 'feedbackInfo200' | 'feedbackInfo300' | 'feedbackInfo400' | 'feedbackInfo500' | 'feedbackInfo600' | 'feedbackInfo700' | 'feedbackInfo800' | 'feedbackInfo900' | 'feedbackSuccess50' | 'feedbackSuccess100' | 'feedbackSuccess200' | 'feedbackSuccess300' | 'feedbackSuccess400' | 'feedbackSuccess500' | 'feedbackSuccess600' | 'feedbackSuccess700' | 'feedbackSuccess800' | 'feedbackSuccess900' | 'feedbackWarning50' | 'feedbackWarning100' | 'feedbackWarning200' | 'feedbackWarning300' | 'feedbackWarning400' | 'feedbackWarning500' | 'feedbackWarning600' | 'feedbackWarning700' | 'feedbackWarning800' | 'feedbackWarning900' | 'feedbackDanger50' | 'feedbackDanger100' | 'feedbackDanger200' | 'feedbackDanger300' | 'feedbackDanger400' | 'feedbackDanger500' | 'feedbackDanger600' | 'feedbackDanger700' | 'feedbackDanger800' | 'feedbackDanger900' | 'surfaceNeutralLow' | 'surfaceNeutralLowHover' | 'surfaceNeutralMedium' | 'surfaceNeutralMediumHover' | 'surfaceNeutralHigh' | 'surfaceNeutralHighHover' | 'surfaceNeutralLowGradientStart' | 'surfaceNeutralLowGradientEnd' | 'surfaceNeutralHighGradientStart' | 'surfaceNeutralHighGradientEnd' | 'surfaceBrandBackground' | 'surfaceBrandSolid' | 'surfaceBrandSolidHover' | 'surfaceBrandSubtile' | 'surfaceBrandGradientStart' | 'surfaceBrandGradientEnd' | 'surfaceInfoSolid' | 'surfaceInfoSubtile' | 'surfaceSuccessSolid' | 'surfaceSuccessSubtile' | 'surfaceWarningSolid' | 'surfaceWarningSubtile' | 'surfacePage' | 'surfaceDangerSolid' | 'surfaceDangerSolidHover' | 'surfaceDangerSubtile' | 'surfaceDangerGradientStart' | 'surfaceDangerGradientEnd' | 'surfaceInvert' | 'surfaceInvertAlphaLow' | 'surfaceInvertAlphaHigh' | 'surfaceDisabled' | 'surfaceScrim' | 'surfaceShadow' | 'surfaceGlass' | 'contentPrimaryStatic' | 'contentPrimary' | 'contentSecondary' | 'contentTertiary' | 'contentPlaceholder' | 'contentInvertStatic' | 'contentInvert' | 'contentDisabled' | 'contentBrand' | 'contentOnBrand' | 'contentOnBrandHover' | 'contentInfo' | 'contentSuccess' | 'contentWarning' | 'contentDanger' | 'borderDisabled' | 'borderDividerLight' | 'borderDividerDark' | 'borderNeutralLow' | 'borderNeutralMedium' | 'borderNeutralHigh' | 'borderNeutralGradientStart' | 'borderNeutralGradientEnd' | 'borderBrandSolid' | 'borderBrandSubtile' | 'borderBrandGradientStart' | 'borderBrandGradientEnd' | 'borderInfoSolid' | 'borderInfoSubtile' | 'borderSuccessSolid' | 'borderSuccessSubtile' | 'borderWarningSolid' | 'borderWarningSubtile' | 'borderDangerSolid' | 'borderDangerSubtile' | 'borderDangerGradientStart' | 'borderDangerGradientEnd';
1
+ export type AuColor = 'neutralLight50' | 'neutralLight100' | 'neutralLight200' | 'neutralLight300' | 'neutralLight400' | 'neutralLight500' | 'neutralLight600' | 'neutralLight700' | 'neutralLight800' | 'neutralLight900' | 'neutralLightWhite' | 'neutralDark50' | 'neutralDark100' | 'neutralDark200' | 'neutralDark300' | 'neutralDark400' | 'neutralDark500' | 'neutralDark600' | 'neutralDark700' | 'neutralDark800' | 'neutralDark900' | 'neutralDarkBlack' | 'alphaWhite50' | 'alphaWhite100' | 'alphaWhite200' | 'alphaWhite300' | 'alphaWhite400' | 'alphaWhite500' | 'alphaWhite600' | 'alphaWhite700' | 'alphaWhite800' | 'alphaWhite900' | 'alphaWhite1000' | 'alphaBlack50' | 'alphaBlack100' | 'alphaBlack200' | 'alphaBlack300' | 'alphaBlack400' | 'alphaBlack500' | 'alphaBlack600' | 'alphaBlack700' | 'alphaBlack800' | 'alphaBlack900' | 'alphaBlack1000' | 'alphaNeutral50' | 'alphaNeutral100' | 'alphaNeutral200' | 'alphaNeutral300' | 'alphaNeutral400' | 'alphaNeutral500' | 'alphaNeutral600' | 'alphaNeutral700' | 'alphaNeutral800' | 'alphaNeutral900' | 'alphaNeutral1000' | 'brandPrimary50' | 'brandPrimary100' | 'brandPrimary200' | 'brandPrimary300' | 'brandPrimary400' | 'brandPrimary500' | 'brandPrimary600' | 'brandPrimary700' | 'brandPrimary800' | 'brandPrimary900' | 'dataPrimary50' | 'dataPrimary500' | 'dataSecondary50' | 'dataSecondary500' | 'dataTertiary50' | 'dataTertiary500' | 'dataQuaternary50' | 'dataQuaternary500' | 'feedbackInfo50' | 'feedbackInfo100' | 'feedbackInfo200' | 'feedbackInfo300' | 'feedbackInfo400' | 'feedbackInfo500' | 'feedbackInfo600' | 'feedbackInfo700' | 'feedbackInfo800' | 'feedbackInfo900' | 'feedbackSuccess50' | 'feedbackSuccess100' | 'feedbackSuccess200' | 'feedbackSuccess300' | 'feedbackSuccess400' | 'feedbackSuccess500' | 'feedbackSuccess600' | 'feedbackSuccess700' | 'feedbackSuccess800' | 'feedbackSuccess900' | 'feedbackWarning50' | 'feedbackWarning100' | 'feedbackWarning200' | 'feedbackWarning300' | 'feedbackWarning400' | 'feedbackWarning500' | 'feedbackWarning600' | 'feedbackWarning700' | 'feedbackWarning800' | 'feedbackWarning900' | 'feedbackDanger50' | 'feedbackDanger100' | 'feedbackDanger200' | 'feedbackDanger300' | 'feedbackDanger400' | 'feedbackDanger500' | 'feedbackDanger600' | 'feedbackDanger700' | 'feedbackDanger800' | 'feedbackDanger900' | 'surfaceNeutralLow' | 'surfaceNeutralLowTransparent' | 'surfaceNeutralLowHover' | 'surfaceNeutralMedium' | 'surfaceNeutralMediumHover' | 'surfaceNeutralHigh' | 'surfaceNeutralHighHover' | 'surfaceNeutralLowGradientStart' | 'surfaceNeutralLowGradientEnd' | 'surfaceNeutralHighGradientStart' | 'surfaceNeutralHighGradientEnd' | 'surfaceBrandBackground' | 'surfaceBrandSolid' | 'surfaceBrandSolidHover' | 'surfaceBrandSubtile' | 'surfaceBrandGradientStart' | 'surfaceBrandGradientEnd' | 'surfaceDataPrimaryGradientStart' | 'surfaceDataPrimaryGradientEnd' | 'surfaceDataPrimaryGlow' | 'surfaceDataSecondaryGradientStart' | 'surfaceDataSecondaryGradientEnd' | 'surfaceDataSecondaryGlow' | 'surfaceDataTertiaryGradientStart' | 'surfaceDataTertiaryGradientEnd' | 'surfaceDataTertiaryGlow' | 'surfaceDataQuaternaryGradientStart' | 'surfaceDataQuaternaryGradientEnd' | 'surfaceDataQuaternaryGlow' | 'surfaceDataReferenceGradientStart' | 'surfaceDataReferenceGradientEnd' | 'surfaceDataReferenceGlow' | 'surfaceInfoSolid' | 'surfaceInfoSubtile' | 'surfaceSuccessSolid' | 'surfaceSuccessSubtile' | 'surfaceWarningSolid' | 'surfaceWarningSubtile' | 'surfacePage' | 'surfaceDangerSolid' | 'surfaceDangerSolidHover' | 'surfaceDangerSubtile' | 'surfaceDangerGradientStart' | 'surfaceDangerGradientEnd' | 'surfaceInvert' | 'surfaceInvertAlphaLow' | 'surfaceInvertAlphaHigh' | 'surfaceDisabled' | 'surfaceScrim' | 'surfaceShadow' | 'surfaceGlass' | 'surfaceGlassDark' | 'contentPrimaryStatic' | 'contentPrimary' | 'contentSecondary' | 'contentTertiary' | 'contentPlaceholder' | 'contentInvertStatic' | 'contentInvert' | 'contentDisabled' | 'contentBrand' | 'contentOnBrand' | 'contentOnBrandHover' | 'contentInfo' | 'contentSuccess' | 'contentWarning' | 'contentDanger' | 'borderDisabled' | 'borderDividerLight' | 'borderDividerDark' | 'borderNeutralLow' | 'borderNeutralMedium' | 'borderNeutralHigh' | 'borderNeutralGradientStart' | 'borderNeutralGradientEnd' | 'borderBrandSolid' | 'borderBrandSubtile' | 'borderBrandGradientStart' | 'borderBrandGradientEnd' | 'borderDataPrimary' | 'borderDataSecondary' | 'borderDataTertiary' | 'borderDataQuaternary' | 'borderDataReference' | 'borderInfoSolid' | 'borderInfoSubtile' | 'borderSuccessSolid' | 'borderSuccessSubtile' | 'borderWarningSolid' | 'borderWarningSubtile' | 'borderDangerSolid' | 'borderDangerSubtile' | 'borderDangerGradientStart' | 'borderDangerGradientEnd';
package/build/variables.d.ts CHANGED
@@ -67,6 +67,14 @@ export const ColorBrandPrimary600: string;
67
67
  export const ColorBrandPrimary700: string;
68
68
  export const ColorBrandPrimary800: string;
69
69
  export const ColorBrandPrimary900: string;
70
+ export const ColorDataPrimary50: string;
71
+ export const ColorDataPrimary500: string;
72
+ export const ColorDataSecondary50: string;
73
+ export const ColorDataSecondary500: string;
74
+ export const ColorDataTertiary50: string;
75
+ export const ColorDataTertiary500: string;
76
+ export const ColorDataQuaternary50: string;
77
+ export const ColorDataQuaternary500: string;
70
78
  export const ColorFeedbackInfo50: string;
71
79
  /** E4F6E2 */
72
80
  export const ColorFeedbackInfo100: string;
package/build/variables.js CHANGED
@@ -67,6 +67,14 @@ export const ColorBrandPrimary600 = "#236969";
67
67
  export const ColorBrandPrimary700 = "#1f5c5c";
68
68
  export const ColorBrandPrimary800 = "#1b4f4f";
69
69
  export const ColorBrandPrimary900 = "#174242";
70
+ export const ColorDataPrimary50 = "#00a693";
71
+ export const ColorDataPrimary500 = "#277777";
72
+ export const ColorDataSecondary50 = "#e5a34d";
73
+ export const ColorDataSecondary500 = "#d1892b";
74
+ export const ColorDataTertiary50 = "#7673be";
75
+ export const ColorDataTertiary500 = "#605cb1";
76
+ export const ColorDataQuaternary50 = "#39b3d2";
77
+ export const ColorDataQuaternary500 = "#268da7";
70
78
  export const ColorFeedbackInfo50 = "#ecfafd";
71
79
  export const ColorFeedbackInfo100 = "#dcf4fa"; // E4F6E2
72
80
  export const ColorFeedbackInfo200 = "#abe1ef"; // 99E5A0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@worldline-official/aurora-design-tokens",
3
- "version": "1.25.0",
3
+ "version": "1.26.0",
4
4
  "description": "create style sheets from design tokens files",
5
5
  "license": "Apache-2.0",
6
6
  "author": "",