@helixui/tokens 3.0.0-next.72 → 3.2.0-next.100

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/dist/index.d.ts +218 -0
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/tokens.css +71 -5
  4. package/dist/tokens.json +256 -30
  5. package/package.json +1 -1
  6. package/src/tokens.json +256 -30
package/dist/index.d.ts CHANGED
@@ -337,6 +337,18 @@ export declare const tokens: {
337
337
  value: string;
338
338
  description: string;
339
339
  };
340
+ "on-primary-strong": {
341
+ value: string;
342
+ description: string;
343
+ };
344
+ "on-success-strong": {
345
+ value: string;
346
+ description: string;
347
+ };
348
+ "on-error-strong": {
349
+ value: string;
350
+ description: string;
351
+ };
340
352
  link: {
341
353
  value: string;
342
354
  };
@@ -375,6 +387,22 @@ export declare const tokens: {
375
387
  overlay: {
376
388
  value: string;
377
389
  };
390
+ "success-strong": {
391
+ value: string;
392
+ description: string;
393
+ };
394
+ "warning-strong": {
395
+ value: string;
396
+ description: string;
397
+ };
398
+ "danger-strong": {
399
+ value: string;
400
+ description: string;
401
+ };
402
+ "info-strong": {
403
+ value: string;
404
+ description: string;
405
+ };
378
406
  };
379
407
  border: {
380
408
  default: {
@@ -385,13 +413,27 @@ export declare const tokens: {
385
413
  };
386
414
  strong: {
387
415
  value: string;
416
+ description: string;
388
417
  };
389
418
  focus: {
390
419
  value: string;
391
420
  };
421
+ "on-dark-strong": {
422
+ value: string;
423
+ description: string;
424
+ };
425
+ "on-dark-default": {
426
+ value: string;
427
+ description: string;
428
+ };
429
+ "on-dark-subtle": {
430
+ value: string;
431
+ description: string;
432
+ };
392
433
  };
393
434
  "focus-ring": {
394
435
  value: string;
436
+ description: string;
395
437
  };
396
438
  selection: {
397
439
  bg: {
@@ -401,6 +443,73 @@ export declare const tokens: {
401
443
  value: string;
402
444
  };
403
445
  };
446
+ action: {
447
+ _comment: string;
448
+ primary: {
449
+ bg: {
450
+ value: string;
451
+ description: string;
452
+ };
453
+ "bg-inverted-rest": {
454
+ value: string;
455
+ description: string;
456
+ };
457
+ "bg-hover": {
458
+ value: string;
459
+ description: string;
460
+ };
461
+ "bg-active": {
462
+ value: string;
463
+ description: string;
464
+ };
465
+ "bg-inverted-hover": {
466
+ value: string;
467
+ description: string;
468
+ };
469
+ };
470
+ secondary: {
471
+ fg: {
472
+ value: string;
473
+ description: string;
474
+ };
475
+ border: {
476
+ value: string;
477
+ description: string;
478
+ };
479
+ "bg-hover": {
480
+ value: string;
481
+ description: string;
482
+ };
483
+ };
484
+ ghost: {
485
+ fg: {
486
+ value: string;
487
+ description: string;
488
+ };
489
+ "bg-hover": {
490
+ value: string;
491
+ description: string;
492
+ };
493
+ };
494
+ danger: {
495
+ bg: {
496
+ value: string;
497
+ description: string;
498
+ };
499
+ "bg-hover": {
500
+ value: string;
501
+ description: string;
502
+ };
503
+ "bg-active": {
504
+ value: string;
505
+ description: string;
506
+ };
507
+ "bg-inverted-hover": {
508
+ value: string;
509
+ description: string;
510
+ };
511
+ };
512
+ };
404
513
  };
405
514
  body: {
406
515
  bg: {
@@ -741,6 +850,7 @@ export declare const tokens: {
741
850
  focus: {
742
851
  "ring-color": {
743
852
  value: string;
853
+ description: string;
744
854
  };
745
855
  "ring-width": {
746
856
  value: string;
@@ -1137,6 +1247,7 @@ export declare const tokens: {
1137
1247
  };
1138
1248
  };
1139
1249
  surface: {
1250
+ _comment: string;
1140
1251
  default: {
1141
1252
  value: string;
1142
1253
  };
@@ -1162,10 +1273,23 @@ export declare const tokens: {
1162
1273
  };
1163
1274
  strong: {
1164
1275
  value: string;
1276
+ description: string;
1165
1277
  };
1166
1278
  focus: {
1167
1279
  value: string;
1168
1280
  };
1281
+ "on-dark-strong": {
1282
+ value: string;
1283
+ description: string;
1284
+ };
1285
+ "on-dark-default": {
1286
+ value: string;
1287
+ description: string;
1288
+ };
1289
+ "on-dark-subtle": {
1290
+ value: string;
1291
+ description: string;
1292
+ };
1169
1293
  };
1170
1294
  "focus-ring": {
1171
1295
  value: string;
@@ -1178,6 +1302,39 @@ export declare const tokens: {
1178
1302
  value: string;
1179
1303
  };
1180
1304
  };
1305
+ action: {
1306
+ _comment: string;
1307
+ primary: {
1308
+ "bg-inverted-rest": {
1309
+ value: string;
1310
+ description: string;
1311
+ };
1312
+ };
1313
+ secondary: {
1314
+ fg: {
1315
+ value: string;
1316
+ description: string;
1317
+ };
1318
+ border: {
1319
+ value: string;
1320
+ description: string;
1321
+ };
1322
+ "bg-hover": {
1323
+ value: string;
1324
+ description: string;
1325
+ };
1326
+ };
1327
+ ghost: {
1328
+ fg: {
1329
+ value: string;
1330
+ description: string;
1331
+ };
1332
+ "bg-hover": {
1333
+ value: string;
1334
+ description: string;
1335
+ };
1336
+ };
1337
+ };
1181
1338
  };
1182
1339
  body: {
1183
1340
  bg: {
@@ -1187,6 +1344,12 @@ export declare const tokens: {
1187
1344
  value: string;
1188
1345
  };
1189
1346
  };
1347
+ focus: {
1348
+ "ring-color": {
1349
+ value: string;
1350
+ description: string;
1351
+ };
1352
+ };
1190
1353
  shadow: {
1191
1354
  sm: {
1192
1355
  value: string;
@@ -1331,6 +1494,18 @@ export declare const tokens: {
1331
1494
  value: string;
1332
1495
  description: string;
1333
1496
  };
1497
+ "on-primary-strong": {
1498
+ value: string;
1499
+ description: string;
1500
+ };
1501
+ "on-error-strong": {
1502
+ value: string;
1503
+ description: string;
1504
+ };
1505
+ "on-success-strong": {
1506
+ value: string;
1507
+ description: string;
1508
+ };
1334
1509
  link: {
1335
1510
  value: string;
1336
1511
  description: string;
@@ -1364,6 +1539,22 @@ export declare const tokens: {
1364
1539
  overlay: {
1365
1540
  value: string;
1366
1541
  };
1542
+ "success-strong": {
1543
+ value: string;
1544
+ description: string;
1545
+ };
1546
+ "warning-strong": {
1547
+ value: string;
1548
+ description: string;
1549
+ };
1550
+ "danger-strong": {
1551
+ value: string;
1552
+ description: string;
1553
+ };
1554
+ "info-strong": {
1555
+ value: string;
1556
+ description: string;
1557
+ };
1367
1558
  };
1368
1559
  border: {
1369
1560
  default: {
@@ -1380,6 +1571,18 @@ export declare const tokens: {
1380
1571
  value: string;
1381
1572
  description: string;
1382
1573
  };
1574
+ "on-dark-strong": {
1575
+ value: string;
1576
+ description: string;
1577
+ };
1578
+ "on-dark-default": {
1579
+ value: string;
1580
+ description: string;
1581
+ };
1582
+ "on-dark-subtle": {
1583
+ value: string;
1584
+ description: string;
1585
+ };
1383
1586
  };
1384
1587
  "focus-ring": {
1385
1588
  value: string;
@@ -1394,6 +1597,15 @@ export declare const tokens: {
1394
1597
  value: string;
1395
1598
  };
1396
1599
  };
1600
+ action: {
1601
+ _comment: string;
1602
+ danger: {
1603
+ "bg-active": {
1604
+ value: string;
1605
+ description: string;
1606
+ };
1607
+ };
1608
+ };
1397
1609
  };
1398
1610
  body: {
1399
1611
  bg: {
@@ -1569,6 +1781,7 @@ export declare const tokens: {
1569
1781
  "--hx-breadcrumb-text-color": null;
1570
1782
  };
1571
1783
  "hx-button": {
1784
+ "--hx-button-active-bg": null;
1572
1785
  "--hx-button-bg": null;
1573
1786
  "--hx-button-border-color": null;
1574
1787
  "--hx-button-border-radius": null;
@@ -1578,8 +1791,10 @@ export declare const tokens: {
1578
1791
  "--hx-button-font-weight": null;
1579
1792
  "--hx-button-hover-bg": null;
1580
1793
  "--hx-button-inverted-color": null;
1794
+ "--hx-button-inverted-danger-interactive-color": null;
1581
1795
  "--hx-button-inverted-focus-ring-color": null;
1582
1796
  "--hx-button-inverted-ghost-hover-bg": null;
1797
+ "--hx-button-inverted-primary-interactive-color": null;
1583
1798
  };
1584
1799
  "hx-button-group": {
1585
1800
  "--hx-button-group-border-radius": null;
@@ -1933,6 +2148,8 @@ export declare const tokens: {
1933
2148
  "--hx-nav-item-hover-bg": null;
1934
2149
  "--hx-nav-item-hover-color": null;
1935
2150
  "--hx-nav-item-padding": null;
2151
+ "--hx-nav-item-tooltip-bg": null;
2152
+ "--hx-nav-item-tooltip-color": null;
1936
2153
  "--hx-nav-link-active-bg": null;
1937
2154
  "--hx-nav-link-active-color": null;
1938
2155
  "--hx-nav-link-color": null;
@@ -2090,6 +2307,7 @@ export declare const tokens: {
2090
2307
  "--hx-side-nav-footer-padding": null;
2091
2308
  "--hx-side-nav-header-padding": null;
2092
2309
  "--hx-side-nav-toggle-color": null;
2310
+ "--hx-side-nav-toggle-hover-color": null;
2093
2311
  "--hx-side-nav-width": null;
2094
2312
  };
2095
2313
  "hx-skeleton": {
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAE9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AA+C7E,yCAAyC;AACzC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AASjC,oEAAoE;AACpE,eAAO,MAAM,YAAY,EAAE,UAAU,EAA6B,CAAC;AAEnE,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAEnC,CAAC;AAEP,wDAAwD;AACxD,eAAO,MAAM,wBAAwB,EAAE,UAAU,EAE3C,CAAC;AAEP,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAqC,CAAC;AAEhG,wCAAwC;AACxC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAoC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAwC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAgD,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAE9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AA+C7E,yCAAyC;AACzC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AASjC,oEAAoE;AACpE,eAAO,MAAM,YAAY,EAAE,UAAU,EAA6B,CAAC;AAEnE,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAEnC,CAAC;AAEP,wDAAwD;AACxD,eAAO,MAAM,wBAAwB,EAAE,UAAU,EAE3C,CAAC;AAEP,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAqC,CAAC;AAEhG,wCAAwC;AACxC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAoC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAwC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAgD,CAAC"}
package/dist/tokens.css CHANGED
@@ -101,6 +101,9 @@
101
101
  --hx-color-text-on-success: var(--hx-color-neutral-900);
102
102
  --hx-color-text-on-warning: var(--hx-color-neutral-900);
103
103
  --hx-color-text-on-info: var(--hx-color-neutral-900);
104
+ --hx-color-text-on-primary-strong: var(--hx-color-neutral-0);
105
+ --hx-color-text-on-success-strong: var(--hx-color-neutral-0);
106
+ --hx-color-text-on-error-strong: var(--hx-color-neutral-0);
104
107
  --hx-color-text-link: var(--hx-color-primary-600);
105
108
  --hx-color-text-link-hover: var(--hx-color-primary-700);
106
109
  --hx-color-text-link-visited: var(--hx-color-secondary-600);
@@ -112,13 +115,34 @@
112
115
  --hx-color-surface-sunken: var(--hx-color-neutral-100);
113
116
  --hx-color-surface-inverse: var(--hx-color-neutral-900);
114
117
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.75);
118
+ --hx-color-surface-success-strong: var(--hx-color-success-700);
119
+ --hx-color-surface-warning-strong: var(--hx-color-warning-500);
120
+ --hx-color-surface-danger-strong: var(--hx-color-error-600);
121
+ --hx-color-surface-info-strong: var(--hx-color-primary-600);
115
122
  --hx-color-border-default: var(--hx-color-neutral-200);
116
123
  --hx-color-border-subtle: var(--hx-color-neutral-100);
117
- --hx-color-border-strong: var(--hx-color-neutral-400);
124
+ --hx-color-border-strong: var(--hx-color-neutral-500);
118
125
  --hx-color-border-focus: var(--hx-color-primary-500);
119
- --hx-color-focus-ring: var(--hx-color-primary-400);
126
+ --hx-color-border-on-dark-strong: var(--hx-overlay-white-70);
127
+ --hx-color-border-on-dark-default: var(--hx-overlay-white-30);
128
+ --hx-color-border-on-dark-subtle: var(--hx-overlay-white-10);
129
+ --hx-color-focus-ring: var(--hx-color-primary-600);
120
130
  --hx-color-selection-bg: var(--hx-color-primary-200);
121
131
  --hx-color-selection-color: var(--hx-color-neutral-900);
132
+ --hx-color-action-primary-bg: var(--hx-color-primary-500);
133
+ --hx-color-action-primary-bg-inverted-rest: var(--hx-color-primary-500);
134
+ --hx-color-action-primary-bg-hover: var(--hx-color-primary-600);
135
+ --hx-color-action-primary-bg-active: var(--hx-color-primary-700);
136
+ --hx-color-action-primary-bg-inverted-hover: var(--hx-color-primary-400);
137
+ --hx-color-action-secondary-fg: var(--hx-color-primary-600);
138
+ --hx-color-action-secondary-border: var(--hx-color-primary-600);
139
+ --hx-color-action-secondary-bg-hover: var(--hx-color-primary-50);
140
+ --hx-color-action-ghost-fg: var(--hx-color-primary-600);
141
+ --hx-color-action-ghost-bg-hover: var(--hx-color-primary-50);
142
+ --hx-color-action-danger-bg: var(--hx-color-error-500);
143
+ --hx-color-action-danger-bg-hover: var(--hx-color-error-600);
144
+ --hx-color-action-danger-bg-active: var(--hx-color-error-700);
145
+ --hx-color-action-danger-bg-inverted-hover: var(--hx-color-error-400);
122
146
  --hx-body-bg: var(--hx-color-surface-default);
123
147
  --hx-body-color: var(--hx-color-text-primary);
124
148
  --hx-body-font-family: var(--hx-font-family-sans);
@@ -218,7 +242,7 @@
218
242
  --hx-transition-slow: 350ms ease;
219
243
  --hx-touch-target-min: 2.75rem;
220
244
  --hx-touch-target-size: 44px;
221
- --hx-focus-ring-color: var(--hx-color-primary-400);
245
+ --hx-focus-ring-color: var(--hx-color-primary-600);
222
246
  --hx-focus-ring-width: 2px;
223
247
  --hx-focus-ring-offset: 2px;
224
248
  --hx-focus-ring-style: solid;
@@ -346,13 +370,23 @@
346
370
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.85);
347
371
  --hx-color-border-default: var(--hx-color-neutral-700);
348
372
  --hx-color-border-subtle: var(--hx-color-neutral-800);
349
- --hx-color-border-strong: var(--hx-color-neutral-500);
373
+ --hx-color-border-strong: var(--hx-color-neutral-400);
350
374
  --hx-color-border-focus: var(--hx-color-primary-400);
375
+ --hx-color-border-on-dark-strong: var(--hx-overlay-black-50);
376
+ --hx-color-border-on-dark-default: var(--hx-overlay-black-30);
377
+ --hx-color-border-on-dark-subtle: var(--hx-overlay-black-10);
351
378
  --hx-color-focus-ring: var(--hx-color-primary-400);
352
379
  --hx-color-selection-bg: var(--hx-color-primary-800);
353
380
  --hx-color-selection-color: var(--hx-color-neutral-100);
381
+ --hx-color-action-primary-bg-inverted-rest: var(--hx-color-primary-600);
382
+ --hx-color-action-secondary-fg: var(--hx-color-primary-400);
383
+ --hx-color-action-secondary-border: var(--hx-color-primary-400);
384
+ --hx-color-action-secondary-bg-hover: var(--hx-color-primary-900);
385
+ --hx-color-action-ghost-fg: var(--hx-color-primary-400);
386
+ --hx-color-action-ghost-bg-hover: var(--hx-color-primary-900);
354
387
  --hx-body-bg: var(--hx-color-surface-default);
355
388
  --hx-body-color: var(--hx-color-text-primary);
389
+ --hx-focus-ring-color: var(--hx-color-primary-400);
356
390
  --hx-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
357
391
  --hx-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
358
392
  --hx-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3);
@@ -382,13 +416,23 @@
382
416
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.85);
383
417
  --hx-color-border-default: var(--hx-color-neutral-700);
384
418
  --hx-color-border-subtle: var(--hx-color-neutral-800);
385
- --hx-color-border-strong: var(--hx-color-neutral-500);
419
+ --hx-color-border-strong: var(--hx-color-neutral-400);
386
420
  --hx-color-border-focus: var(--hx-color-primary-400);
421
+ --hx-color-border-on-dark-strong: var(--hx-overlay-black-50);
422
+ --hx-color-border-on-dark-default: var(--hx-overlay-black-30);
423
+ --hx-color-border-on-dark-subtle: var(--hx-overlay-black-10);
387
424
  --hx-color-focus-ring: var(--hx-color-primary-400);
388
425
  --hx-color-selection-bg: var(--hx-color-primary-800);
389
426
  --hx-color-selection-color: var(--hx-color-neutral-100);
427
+ --hx-color-action-primary-bg-inverted-rest: var(--hx-color-primary-600);
428
+ --hx-color-action-secondary-fg: var(--hx-color-primary-400);
429
+ --hx-color-action-secondary-border: var(--hx-color-primary-400);
430
+ --hx-color-action-secondary-bg-hover: var(--hx-color-primary-900);
431
+ --hx-color-action-ghost-fg: var(--hx-color-primary-400);
432
+ --hx-color-action-ghost-bg-hover: var(--hx-color-primary-900);
390
433
  --hx-body-bg: var(--hx-color-surface-default);
391
434
  --hx-body-color: var(--hx-color-text-primary);
435
+ --hx-focus-ring-color: var(--hx-color-primary-400);
392
436
  --hx-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
393
437
  --hx-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
394
438
  --hx-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3);
@@ -426,6 +470,9 @@
426
470
  --hx-color-text-on-success: #000000;
427
471
  --hx-color-text-on-warning: #000000;
428
472
  --hx-color-text-on-info: #000000;
473
+ --hx-color-text-on-primary-strong: #000000;
474
+ --hx-color-text-on-error-strong: #000000;
475
+ --hx-color-text-on-success-strong: #000000;
429
476
  --hx-color-text-link: #FFFF00;
430
477
  --hx-color-text-link-hover: #FFFF99;
431
478
  --hx-color-text-link-visited: #FF80FF;
@@ -435,13 +482,21 @@
435
482
  --hx-color-surface-sunken: #000000;
436
483
  --hx-color-surface-inverse: #FFFFFF;
437
484
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.95);
485
+ --hx-color-surface-success-strong: var(--hx-color-success-500);
486
+ --hx-color-surface-warning-strong: var(--hx-color-warning-500);
487
+ --hx-color-surface-danger-strong: var(--hx-color-error-500);
488
+ --hx-color-surface-info-strong: var(--hx-color-primary-500);
438
489
  --hx-color-border-default: #FFFFFF;
439
490
  --hx-color-border-subtle: #C0C0C0;
440
491
  --hx-color-border-strong: #FFFFFF;
441
492
  --hx-color-border-focus: #FFFF00;
493
+ --hx-color-border-on-dark-strong: #FFFFFF;
494
+ --hx-color-border-on-dark-default: #FFFFFF;
495
+ --hx-color-border-on-dark-subtle: #C0C0C0;
442
496
  --hx-color-focus-ring: #FFFF00;
443
497
  --hx-color-selection-bg: #1AEBFF;
444
498
  --hx-color-selection-color: #000000;
499
+ --hx-color-action-danger-bg-active: var(--hx-color-error-500);
445
500
  --hx-body-bg: #000000;
446
501
  --hx-body-color: #FFFFFF;
447
502
  --hx-focus-ring-color: #FFFF00;
@@ -491,6 +546,9 @@
491
546
  --hx-color-text-on-success: #000000;
492
547
  --hx-color-text-on-warning: #000000;
493
548
  --hx-color-text-on-info: #000000;
549
+ --hx-color-text-on-primary-strong: #000000;
550
+ --hx-color-text-on-error-strong: #000000;
551
+ --hx-color-text-on-success-strong: #000000;
494
552
  --hx-color-text-link: #FFFF00;
495
553
  --hx-color-text-link-hover: #FFFF99;
496
554
  --hx-color-text-link-visited: #FF80FF;
@@ -500,13 +558,21 @@
500
558
  --hx-color-surface-sunken: #000000;
501
559
  --hx-color-surface-inverse: #FFFFFF;
502
560
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.95);
561
+ --hx-color-surface-success-strong: var(--hx-color-success-500);
562
+ --hx-color-surface-warning-strong: var(--hx-color-warning-500);
563
+ --hx-color-surface-danger-strong: var(--hx-color-error-500);
564
+ --hx-color-surface-info-strong: var(--hx-color-primary-500);
503
565
  --hx-color-border-default: #FFFFFF;
504
566
  --hx-color-border-subtle: #C0C0C0;
505
567
  --hx-color-border-strong: #FFFFFF;
506
568
  --hx-color-border-focus: #FFFF00;
569
+ --hx-color-border-on-dark-strong: #FFFFFF;
570
+ --hx-color-border-on-dark-default: #FFFFFF;
571
+ --hx-color-border-on-dark-subtle: #C0C0C0;
507
572
  --hx-color-focus-ring: #FFFF00;
508
573
  --hx-color-selection-bg: #1AEBFF;
509
574
  --hx-color-selection-color: #000000;
575
+ --hx-color-action-danger-bg-active: var(--hx-color-error-500);
510
576
  --hx-body-bg: #000000;
511
577
  --hx-body-color: #FFFFFF;
512
578
  --hx-focus-ring-color: #FFFF00;