@thatch-health/slab-tokens 0.0.9 → 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.
Files changed (15) hide show
  1. package/dist/app-tokens-raw/color/danger.tokens.json +4 -4
  2. package/dist/app-tokens-raw/color/neutral.tokens.json +2 -2
  3. package/dist/docs-tokens-raw/color-core/default.tokens.json +18 -18
  4. package/dist/docs-tokens-raw/color-core/marketing.tokens.json +12 -12
  5. package/dist/docs.css +10 -10
  6. package/dist/index.css +6 -6
  7. package/dist/index.d.mts +21 -11
  8. package/dist/index.d.mts.map +1 -1
  9. package/dist/index.mjs +49 -16
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/marketing-tokens-raw/color/danger.tokens.json +4 -4
  12. package/dist/marketing.css +4 -4
  13. package/dist/tailwind-plugin.cjs +27 -22
  14. package/dist/tailwind-v4-plugin.css +42 -22
  15. package/package.json +15 -14
package/dist/app-tokens-raw/color/danger.tokens.json CHANGED
@@ -23,7 +23,7 @@
23
23
  },
24
24
  "text": {
25
25
  "$type": "color",
26
- "$value": "{red.500}",
26
+ "$value": "{red.600}",
27
27
  "$extensions": {
28
28
  "com.figma.variableId": "VariableID:2008:25",
29
29
  "com.figma.scopes": [
@@ -42,7 +42,7 @@
42
42
  },
43
43
  "icon": {
44
44
  "$type": "color",
45
- "$value": "{red.400}",
45
+ "$value": "{red.500}",
46
46
  "$extensions": {
47
47
  "com.figma.variableId": "VariableID:2008:26",
48
48
  "com.figma.scopes": [
@@ -101,7 +101,7 @@
101
101
  },
102
102
  "text": {
103
103
  "$type": "color",
104
- "$value": "{red.400}",
104
+ "$value": "{red.500}",
105
105
  "$extensions": {
106
106
  "com.figma.variableId": "VariableID:2008:29",
107
107
  "com.figma.scopes": [
@@ -1470,7 +1470,7 @@
1470
1470
  "secondary": {
1471
1471
  "text": {
1472
1472
  "$type": "color",
1473
- "$value": "{red.500}",
1473
+ "$value": "{red.600}",
1474
1474
  "$extensions": {
1475
1475
  "com.figma.variableId": "VariableID:2008:82",
1476
1476
  "com.figma.scopes": [
package/dist/app-tokens-raw/color/neutral.tokens.json CHANGED
@@ -61,7 +61,7 @@
61
61
  },
62
62
  "border": {
63
63
  "$type": "color",
64
- "$value": "{gray.400}",
64
+ "$value": "{gray.200}",
65
65
  "$extensions": {
66
66
  "com.figma.variableId": "VariableID:2008:27",
67
67
  "com.figma.scopes": [
@@ -120,7 +120,7 @@
120
120
  },
121
121
  "border": {
122
122
  "$type": "color",
123
- "$value": "{gray.200}",
123
+ "$value": "{gray.400}",
124
124
  "$extensions": {
125
125
  "com.figma.variableId": "VariableID:2008:30",
126
126
  "com.figma.scopes": [
package/dist/docs-tokens-raw/color-core/default.tokens.json CHANGED
@@ -46,13 +46,13 @@
46
46
  },
47
47
  "border": {
48
48
  "$type": "color",
49
- "$value": "{gray.400}",
49
+ "$value": "{gray.200}",
50
50
  "$extensions": {
51
51
  "com.figma.variableId": "VariableID:2006:27",
52
52
  "com.figma.hiddenFromPublishing": true,
53
53
  "com.figma.aliasData": {
54
- "targetVariableId": "VariableID:56d71ee3171ad8b6a591f677a69c6b9a00e91225/-1:-1",
55
- "targetVariableName": "gray/400",
54
+ "targetVariableId": "VariableID:d1325c81841bb28bccf36ffdb16c6714a6cc2a17/-1:-1",
55
+ "targetVariableName": "gray/200",
56
56
  "targetVariableSetId": "VariableCollectionId:6aca21f4f0e99e9ad9e199193a95e28738c8a932/-1:-1",
57
57
  "targetVariableSetName": "Color - Primitives"
58
58
  }
@@ -90,13 +90,13 @@
90
90
  },
91
91
  "border": {
92
92
  "$type": "color",
93
- "$value": "{gray.200}",
93
+ "$value": "{gray.400}",
94
94
  "$extensions": {
95
95
  "com.figma.variableId": "VariableID:2006:30",
96
96
  "com.figma.hiddenFromPublishing": true,
97
97
  "com.figma.aliasData": {
98
- "targetVariableId": "VariableID:d1325c81841bb28bccf36ffdb16c6714a6cc2a17/-1:-1",
99
- "targetVariableName": "gray/200",
98
+ "targetVariableId": "VariableID:56d71ee3171ad8b6a591f677a69c6b9a00e91225/-1:-1",
99
+ "targetVariableName": "gray/400",
100
100
  "targetVariableSetId": "VariableCollectionId:6aca21f4f0e99e9ad9e199193a95e28738c8a932/-1:-1",
101
101
  "targetVariableSetName": "Color - Primitives"
102
102
  }
@@ -1492,13 +1492,13 @@
1492
1492
  },
1493
1493
  "text": {
1494
1494
  "$type": "color",
1495
- "$value": "{red.500}",
1495
+ "$value": "{red.600}",
1496
1496
  "$extensions": {
1497
1497
  "com.figma.variableId": "VariableID:2006:94",
1498
1498
  "com.figma.hiddenFromPublishing": true,
1499
1499
  "com.figma.aliasData": {
1500
- "targetVariableId": "VariableID:9d0a58efdf6eed556e623cfb58f50cfaee77c727/-1:-1",
1501
- "targetVariableName": "red/500",
1500
+ "targetVariableId": "VariableID:fcf8d91e8f481ddb4a9b6cdcde54eb5566d15502/-1:-1",
1501
+ "targetVariableName": "red/600",
1502
1502
  "targetVariableSetId": "VariableCollectionId:6aca21f4f0e99e9ad9e199193a95e28738c8a932/-1:-1",
1503
1503
  "targetVariableSetName": "Color - Primitives"
1504
1504
  }
@@ -1506,13 +1506,13 @@
1506
1506
  },
1507
1507
  "icon": {
1508
1508
  "$type": "color",
1509
- "$value": "{red.400}",
1509
+ "$value": "{red.500}",
1510
1510
  "$extensions": {
1511
1511
  "com.figma.variableId": "VariableID:2006:95",
1512
1512
  "com.figma.hiddenFromPublishing": true,
1513
1513
  "com.figma.aliasData": {
1514
- "targetVariableId": "VariableID:46b7e75bfb2c06b7ec8f550faf61835f228ac523/-1:-1",
1515
- "targetVariableName": "red/400",
1514
+ "targetVariableId": "VariableID:9d0a58efdf6eed556e623cfb58f50cfaee77c727/-1:-1",
1515
+ "targetVariableName": "red/500",
1516
1516
  "targetVariableSetId": "VariableCollectionId:6aca21f4f0e99e9ad9e199193a95e28738c8a932/-1:-1",
1517
1517
  "targetVariableSetName": "Color - Primitives"
1518
1518
  }
@@ -1550,13 +1550,13 @@
1550
1550
  },
1551
1551
  "text": {
1552
1552
  "$type": "color",
1553
- "$value": "{red.400}",
1553
+ "$value": "{red.500}",
1554
1554
  "$extensions": {
1555
1555
  "com.figma.variableId": "VariableID:2006:98",
1556
1556
  "com.figma.hiddenFromPublishing": true,
1557
1557
  "com.figma.aliasData": {
1558
- "targetVariableId": "VariableID:46b7e75bfb2c06b7ec8f550faf61835f228ac523/-1:-1",
1559
- "targetVariableName": "red/400",
1558
+ "targetVariableId": "VariableID:9d0a58efdf6eed556e623cfb58f50cfaee77c727/-1:-1",
1559
+ "targetVariableName": "red/500",
1560
1560
  "targetVariableSetId": "VariableCollectionId:6aca21f4f0e99e9ad9e199193a95e28738c8a932/-1:-1",
1561
1561
  "targetVariableSetName": "Color - Primitives"
1562
1562
  }
@@ -2529,13 +2529,13 @@
2529
2529
  "secondary": {
2530
2530
  "text": {
2531
2531
  "$type": "color",
2532
- "$value": "{red.500}",
2532
+ "$value": "{red.600}",
2533
2533
  "$extensions": {
2534
2534
  "com.figma.variableId": "VariableID:2006:151",
2535
2535
  "com.figma.hiddenFromPublishing": true,
2536
2536
  "com.figma.aliasData": {
2537
- "targetVariableId": "VariableID:9d0a58efdf6eed556e623cfb58f50cfaee77c727/-1:-1",
2538
- "targetVariableName": "red/500",
2537
+ "targetVariableId": "VariableID:fcf8d91e8f481ddb4a9b6cdcde54eb5566d15502/-1:-1",
2538
+ "targetVariableName": "red/600",
2539
2539
  "targetVariableSetId": "VariableCollectionId:6aca21f4f0e99e9ad9e199193a95e28738c8a932/-1:-1",
2540
2540
  "targetVariableSetName": "Color - Primitives"
2541
2541
  }
package/dist/docs-tokens-raw/color-core/marketing.tokens.json CHANGED
@@ -1578,13 +1578,13 @@
1578
1578
  },
1579
1579
  "text": {
1580
1580
  "$type": "color",
1581
- "$value": "{red.500}",
1581
+ "$value": "{red.600}",
1582
1582
  "$extensions": {
1583
1583
  "com.figma.variableId": "VariableID:2006:94",
1584
1584
  "com.figma.hiddenFromPublishing": true,
1585
1585
  "com.figma.aliasData": {
1586
- "targetVariableId": "VariableID:9d0a58efdf6eed556e623cfb58f50cfaee77c727/-1:-1",
1587
- "targetVariableName": "red/500",
1586
+ "targetVariableId": "VariableID:fcf8d91e8f481ddb4a9b6cdcde54eb5566d15502/-1:-1",
1587
+ "targetVariableName": "red/600",
1588
1588
  "targetVariableSetId": "VariableCollectionId:6aca21f4f0e99e9ad9e199193a95e28738c8a932/-1:-1",
1589
1589
  "targetVariableSetName": "Color - Primitives"
1590
1590
  }
@@ -1592,13 +1592,13 @@
1592
1592
  },
1593
1593
  "icon": {
1594
1594
  "$type": "color",
1595
- "$value": "{red.400}",
1595
+ "$value": "{red.500}",
1596
1596
  "$extensions": {
1597
1597
  "com.figma.variableId": "VariableID:2006:95",
1598
1598
  "com.figma.hiddenFromPublishing": true,
1599
1599
  "com.figma.aliasData": {
1600
- "targetVariableId": "VariableID:46b7e75bfb2c06b7ec8f550faf61835f228ac523/-1:-1",
1601
- "targetVariableName": "red/400",
1600
+ "targetVariableId": "VariableID:9d0a58efdf6eed556e623cfb58f50cfaee77c727/-1:-1",
1601
+ "targetVariableName": "red/500",
1602
1602
  "targetVariableSetId": "VariableCollectionId:6aca21f4f0e99e9ad9e199193a95e28738c8a932/-1:-1",
1603
1603
  "targetVariableSetName": "Color - Primitives"
1604
1604
  }
@@ -1636,13 +1636,13 @@
1636
1636
  },
1637
1637
  "text": {
1638
1638
  "$type": "color",
1639
- "$value": "{red.400}",
1639
+ "$value": "{red.500}",
1640
1640
  "$extensions": {
1641
1641
  "com.figma.variableId": "VariableID:2006:98",
1642
1642
  "com.figma.hiddenFromPublishing": true,
1643
1643
  "com.figma.aliasData": {
1644
- "targetVariableId": "VariableID:46b7e75bfb2c06b7ec8f550faf61835f228ac523/-1:-1",
1645
- "targetVariableName": "red/400",
1644
+ "targetVariableId": "VariableID:9d0a58efdf6eed556e623cfb58f50cfaee77c727/-1:-1",
1645
+ "targetVariableName": "red/500",
1646
1646
  "targetVariableSetId": "VariableCollectionId:6aca21f4f0e99e9ad9e199193a95e28738c8a932/-1:-1",
1647
1647
  "targetVariableSetName": "Color - Primitives"
1648
1648
  }
@@ -2615,13 +2615,13 @@
2615
2615
  "secondary": {
2616
2616
  "text": {
2617
2617
  "$type": "color",
2618
- "$value": "{red.500}",
2618
+ "$value": "{red.600}",
2619
2619
  "$extensions": {
2620
2620
  "com.figma.variableId": "VariableID:2006:151",
2621
2621
  "com.figma.hiddenFromPublishing": true,
2622
2622
  "com.figma.aliasData": {
2623
- "targetVariableId": "VariableID:9d0a58efdf6eed556e623cfb58f50cfaee77c727/-1:-1",
2624
- "targetVariableName": "red/500",
2623
+ "targetVariableId": "VariableID:fcf8d91e8f481ddb4a9b6cdcde54eb5566d15502/-1:-1",
2624
+ "targetVariableName": "red/600",
2625
2625
  "targetVariableSetId": "VariableCollectionId:6aca21f4f0e99e9ad9e199193a95e28738c8a932/-1:-1",
2626
2626
  "targetVariableSetName": "Color - Primitives"
2627
2627
  }
package/dist/docs.css CHANGED
@@ -385,7 +385,7 @@
385
385
  --danger-form-default-primary-focus-border: var(--brand-300);
386
386
  --danger-form-default-primary-icon: var(--gray-400);
387
387
  --danger-form-default-primary-text: var(--gray-800);
388
- --danger-form-default-secondary-text: var(--red-500);
388
+ --danger-form-default-secondary-text: var(--red-600);
389
389
  --danger-form-disabled-primary-bg: var(--gray-100);
390
390
  --danger-form-disabled-primary-border: var(--gray-200);
391
391
  --danger-form-disabled-primary-icon: var(--gray-400);
@@ -393,12 +393,12 @@
393
393
  --danger-form-disabled-secondary-text: var(--gray-500);
394
394
  --danger-surface-primary-bg: var(--red-50);
395
395
  --danger-surface-primary-border: var(--red-300);
396
- --danger-surface-primary-icon: var(--red-400);
397
- --danger-surface-primary-text: var(--red-500);
396
+ --danger-surface-primary-icon: var(--red-500);
397
+ --danger-surface-primary-text: var(--red-600);
398
398
  --danger-surface-secondary-bg: var(--red-100);
399
399
  --danger-surface-secondary-border: var(--red-300);
400
400
  --danger-surface-secondary-icon: var(--red-400);
401
- --danger-surface-secondary-text: var(--red-400);
401
+ --danger-surface-secondary-text: var(--red-500);
402
402
  --danger-surface-tertiary-bg: var(--red-200);
403
403
  --info-action-default-ghost-bg: var(--gray-transparent-0);
404
404
  --info-action-default-ghost-focus-border: var(--brand-300);
@@ -1088,7 +1088,7 @@
1088
1088
  --danger-form-default-primary-focus-border: var(--brand-300);
1089
1089
  --danger-form-default-primary-icon: var(--gray-400);
1090
1090
  --danger-form-default-primary-text: var(--gray-800);
1091
- --danger-form-default-secondary-text: var(--red-500);
1091
+ --danger-form-default-secondary-text: var(--red-600);
1092
1092
  --danger-form-disabled-primary-bg: var(--gray-100);
1093
1093
  --danger-form-disabled-primary-border: var(--gray-200);
1094
1094
  --danger-form-disabled-primary-icon: var(--gray-400);
@@ -1096,12 +1096,12 @@
1096
1096
  --danger-form-disabled-secondary-text: var(--gray-500);
1097
1097
  --danger-surface-primary-bg: var(--red-50);
1098
1098
  --danger-surface-primary-border: var(--red-300);
1099
- --danger-surface-primary-icon: var(--red-400);
1100
- --danger-surface-primary-text: var(--red-500);
1099
+ --danger-surface-primary-icon: var(--red-500);
1100
+ --danger-surface-primary-text: var(--red-600);
1101
1101
  --danger-surface-secondary-bg: var(--red-100);
1102
1102
  --danger-surface-secondary-border: var(--red-300);
1103
1103
  --danger-surface-secondary-icon: var(--red-400);
1104
- --danger-surface-secondary-text: var(--red-400);
1104
+ --danger-surface-secondary-text: var(--red-500);
1105
1105
  --danger-surface-tertiary-bg: var(--red-200);
1106
1106
  --info-action-default-ghost-bg: var(--gray-transparent-0);
1107
1107
  --info-action-default-ghost-focus-border: var(--brand-300);
@@ -1495,11 +1495,11 @@
1495
1495
  --neutral-form-disabled-primary-text: var(--gray-800);
1496
1496
  --neutral-form-disabled-secondary-text: var(--gray-500);
1497
1497
  --neutral-surface-primary-bg: var(--gray-50);
1498
- --neutral-surface-primary-border: var(--gray-400);
1498
+ --neutral-surface-primary-border: var(--gray-200);
1499
1499
  --neutral-surface-primary-icon: var(--gray-500);
1500
1500
  --neutral-surface-primary-text: var(--gray-800);
1501
1501
  --neutral-surface-secondary-bg: var(--gray-warm-0);
1502
- --neutral-surface-secondary-border: var(--gray-200);
1502
+ --neutral-surface-secondary-border: var(--gray-400);
1503
1503
  --neutral-surface-secondary-icon: var(--gray-400);
1504
1504
  --neutral-surface-secondary-text: var(--gray-500);
1505
1505
  --neutral-surface-tertiary-bg: var(--gray-100);
package/dist/index.css CHANGED
@@ -392,11 +392,11 @@
392
392
  --slab-form-disabled-primary-text: var(--gray-800);
393
393
  --slab-form-disabled-secondary-text: var(--gray-500);
394
394
  --slab-surface-primary-bg: var(--gray-50);
395
- --slab-surface-primary-border: var(--gray-400);
395
+ --slab-surface-primary-border: var(--gray-200);
396
396
  --slab-surface-primary-icon: var(--gray-500);
397
397
  --slab-surface-primary-text: var(--gray-800);
398
398
  --slab-surface-secondary-bg: var(--gray-warm-0);
399
- --slab-surface-secondary-border: var(--gray-200);
399
+ --slab-surface-secondary-border: var(--gray-400);
400
400
  --slab-surface-secondary-icon: var(--gray-400);
401
401
  --slab-surface-secondary-text: var(--gray-500);
402
402
  --slab-surface-tertiary-bg: var(--gray-100);
@@ -591,7 +591,7 @@
591
591
  --slab-form-primary-focus-border: var(--brand-300);
592
592
  --slab-form-primary-icon: var(--gray-400);
593
593
  --slab-form-primary-text: var(--gray-800);
594
- --slab-form-secondary-text: var(--red-500);
594
+ --slab-form-secondary-text: var(--red-600);
595
595
  --slab-form-disabled-primary-bg: var(--gray-100);
596
596
  --slab-form-disabled-primary-border: var(--gray-200);
597
597
  --slab-form-disabled-primary-icon: var(--gray-400);
@@ -599,12 +599,12 @@
599
599
  --slab-form-disabled-secondary-text: var(--gray-500);
600
600
  --slab-surface-primary-bg: var(--red-50);
601
601
  --slab-surface-primary-border: var(--red-300);
602
- --slab-surface-primary-icon: var(--red-400);
603
- --slab-surface-primary-text: var(--red-500);
602
+ --slab-surface-primary-icon: var(--red-500);
603
+ --slab-surface-primary-text: var(--red-600);
604
604
  --slab-surface-secondary-bg: var(--red-100);
605
605
  --slab-surface-secondary-border: var(--red-300);
606
606
  --slab-surface-secondary-icon: var(--red-400);
607
- --slab-surface-secondary-text: var(--red-400);
607
+ --slab-surface-secondary-text: var(--red-500);
608
608
  --slab-surface-tertiary-bg: var(--red-200);
609
609
  }
610
610
 
package/dist/index.d.mts CHANGED
@@ -8,8 +8,10 @@ declare const tokenMap: {
8
8
  };
9
9
  "action.default.ghost.focus-border": {
10
10
  kind: "color";
11
- tailwindClass: string;
12
- cssProperty: string;
11
+ utilities: {
12
+ tailwindClass: string;
13
+ cssProperty: string;
14
+ }[];
13
15
  description: string;
14
16
  };
15
17
  "action.default.ghost.icon": {
@@ -86,8 +88,10 @@ declare const tokenMap: {
86
88
  };
87
89
  "action.default.primary.focus-border": {
88
90
  kind: "color";
89
- tailwindClass: string;
90
- cssProperty: string;
91
+ utilities: {
92
+ tailwindClass: string;
93
+ cssProperty: string;
94
+ }[];
91
95
  description: string;
92
96
  };
93
97
  "action.default.primary.icon": {
@@ -200,8 +204,10 @@ declare const tokenMap: {
200
204
  };
201
205
  "action.default.secondary.focus-border": {
202
206
  kind: "color";
203
- tailwindClass: string;
204
- cssProperty: string;
207
+ utilities: {
208
+ tailwindClass: string;
209
+ cssProperty: string;
210
+ }[];
205
211
  description: string;
206
212
  };
207
213
  "action.default.secondary.icon": {
@@ -296,8 +302,10 @@ declare const tokenMap: {
296
302
  };
297
303
  "action.default.tertiary.focus-border": {
298
304
  kind: "color";
299
- tailwindClass: string;
300
- cssProperty: string;
305
+ utilities: {
306
+ tailwindClass: string;
307
+ cssProperty: string;
308
+ }[];
301
309
  description: string;
302
310
  };
303
311
  "action.default.tertiary.icon": {
@@ -362,8 +370,10 @@ declare const tokenMap: {
362
370
  };
363
371
  "form.default.primary.focus-border": {
364
372
  kind: "color";
365
- tailwindClass: string;
366
- cssProperty: string;
373
+ utilities: {
374
+ tailwindClass: string;
375
+ cssProperty: string;
376
+ }[];
367
377
  description: string;
368
378
  };
369
379
  "form.default.primary.icon": {
@@ -1870,7 +1880,7 @@ type SlabEntry = {
1870
1880
  }[];
1871
1881
  /**
1872
1882
  * Guidance for AI tools. Present when a higher-level composite class should
1873
- * be preferred over this individual token (e.g. a prose-* typography class).
1883
+ * be preferred over this individual token (e.g. a type-* typography class).
1874
1884
  */
1875
1885
  note?: string;
1876
1886
  };
package/dist/index.d.mts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","names":[],"sources":["../src/token-map.ts","../src/utils/types.ts","../src/merge-token.ts","../src/get-token.ts"],"mappings":";cASa,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAb;;;;;;UCDiB,cAAA;EACf,gBAAA;EACA,kBAAA;EACA,qBAAA;AAAA;;;;;KAOU,aAAA;AAAA,UAyBK,eAAA;EACf,sBAAA;EACA,kBAAA,GAAqB,aAAA;EACrB,sBAAA;IACE,GAAA;EAAA;EAEF,gCAAA;EACA,sBAAA;EACA,oBAAA;EACA,gBAAA;EACA,qBAAA,GAAwB,cAAA;AAAA;AAAA,UAGT,eAAA;EACf,UAAA;EACA,UAAA;EACA,KAAA;EACA,GAAA;AAAA;AAAA,UAGe,UAAA;EACf,KAAA;EACA,MAAA,oBAA0B,eAAA;EAC1B,YAAA;EACA,WAAA,GAAc,eAAA;AAAA;AAAA,KAyCJ,iBAAA,oBACE,CAAA,KAAM,QAAA,CAAS,IAAA,CAAK,CAAA,EAAG,CAAA,KAAM,OAAA,CAAQ,IAAA,CAAK,CAAA,EAAG,OAAA,OAAc,CAAA,EAAG,CAAA,YACpE,CAAA;;;cCxGF,WAAA;AAAA,KAUM,SAAA,WAAoB,WAAA;AAAA,KAEpB,SAAA;EACV,WAAA;EACA,IAAA;EACA,QAAA;iFAEE,WAAA;IAEA,aAAA;EAAA;;;;;EAMF,IAAA;AAAA;AAAA,KAGU,WAAA,GAAc,UAAA;EACxB,KAAA;EACA,WAAA;IACE,sBAAA;IACA,aAAA,EAAe,SAAA;IACf,cAAA,GAAiB,MAAA,CAAO,SAAA;EAAA;AAAA;AAAA,iBAwEZ,UAAA,CAAW,GAAA,eAAkB,QAAA,GAAW,WAAA;;;;;;;KCnG5C,aAAA;;;;;;;KAwDA,KAAA;;;;;KAMA,WAAA;;;;;KAgDA,eAAA,GAAkB,iBAAA;8EAE5B,QAAA,EAAU,aAAA;EAEV,KAAA,EAAO,KAAA;EAEP,QAAA,EAAU,WAAA;;;;;EAKV,IAAA;AAAA;;;;;iBAyDc,QAAA,CAAS,OAAA,EAAS,eAAA,GAAkB,WAAA"}
1
+ {"version":3,"file":"index.d.mts","names":[],"sources":["../src/token-map.ts","../src/utils/types.ts","../src/merge-token.ts","../src/get-token.ts"],"mappings":";cASa,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAb;;;;;;UCDiB,cAAA;EACf,gBAAA;EACA,kBAAA;EACA,qBAAA;AAAA;;;;;KAOU,aAAA;AAAA,UAyBK,eAAA;EACf,sBAAA;EACA,kBAAA,GAAqB,aAAA;EACrB,sBAAA;IACE,GAAA;EAAA;EAEF,gCAAA;EACA,sBAAA;EACA,oBAAA;EACA,gBAAA;EACA,qBAAA,GAAwB,cAAc;AAAA;AAAA,UAGvB,eAAA;EACf,UAAA;EACA,UAAA;EACA,KAAA;EACA,GAAA;AAAA;AAAA,UAGe,UAAA;EACf,KAAA;EACA,MAAA,oBAA0B,eAAA;EAC1B,YAAA;EACA,WAAA,GAAc,eAAe;AAAA;AAAA,KAyCnB,iBAAA,oBACE,CAAA,KAAM,QAAA,CAAS,IAAA,CAAK,CAAA,EAAG,CAAA,KAAM,OAAA,CAAQ,IAAA,CAAK,CAAA,EAAG,OAAA,OAAc,CAAA,EAAG,CAAA,YACpE,CAAA;;;cCpGF,WAAA;AAAA,KAUM,SAAA,WAAoB,WAAW;AAAA,KAE/B,SAAA;EACV,WAAA;EACA,IAAA;EACA,QAAA;iFAEE,WAAA;IAEA,aAAA;EAAA;;;;;EAMF,IAAA;AAAA;AAAA,KAGU,WAAA,GAAc,UAAA;EACxB,KAAA;EACA,WAAA;IACE,sBAAA;IACA,aAAA,EAAe,SAAA;IACf,cAAA,GAAiB,MAAA,CAAO,SAAA;EAAA;AAAA;AAAA,iBA2EZ,UAAA,CAAW,GAAA,eAAkB,QAAA,GAAW,WAAW;;;;;;;KCtGvD,aAAA;;;;;;;KAwDA,KAAA;;;;;KAMA,WAAA;;;;;KAgDA,eAAA,GAAkB,iBAAA;8EAE5B,QAAA,EAAU,aAAA;EAEV,KAAA,EAAO,KAAA;EAEP,QAAA,EAAU,WAAA;;;;;EAKV,IAAA;AAAA;;;;;iBAyDc,QAAA,CAAS,OAAA,EAAS,eAAA,GAAkB,WAAW"}
package/dist/index.mjs CHANGED
@@ -9,8 +9,13 @@ const tokenMap = {
9
9
  },
10
10
  "action.default.ghost.focus-border": {
11
11
  kind: "color",
12
- tailwindClass: "ring-action-ghost",
13
- cssProperty: "outline-color",
12
+ utilities: [{
13
+ tailwindClass: "ring-action-ghost",
14
+ cssProperty: "--tw-ring-color"
15
+ }, {
16
+ tailwindClass: "outline-action-ghost",
17
+ cssProperty: "outline-color"
18
+ }],
14
19
  description: "Focus ring color for ghost actions. Apply when the element receives keyboard focus."
15
20
  },
16
21
  "action.default.ghost.icon": {
@@ -87,8 +92,13 @@ const tokenMap = {
87
92
  },
88
93
  "action.default.primary.focus-border": {
89
94
  kind: "color",
90
- tailwindClass: "ring-action-primary",
91
- cssProperty: "outline-color",
95
+ utilities: [{
96
+ tailwindClass: "ring-action-primary",
97
+ cssProperty: "--tw-ring-color"
98
+ }, {
99
+ tailwindClass: "outline-action-primary",
100
+ cssProperty: "outline-color"
101
+ }],
92
102
  description: "Focus ring color for primary action buttons. Apply when the element receives keyboard focus."
93
103
  },
94
104
  "action.default.primary.icon": {
@@ -201,8 +211,13 @@ const tokenMap = {
201
211
  },
202
212
  "action.default.secondary.focus-border": {
203
213
  kind: "color",
204
- tailwindClass: "ring-action-secondary",
205
- cssProperty: "outline-color",
214
+ utilities: [{
215
+ tailwindClass: "ring-action-secondary",
216
+ cssProperty: "--tw-ring-color"
217
+ }, {
218
+ tailwindClass: "outline-action-secondary",
219
+ cssProperty: "outline-color"
220
+ }],
206
221
  description: "Focus ring color for secondary action buttons."
207
222
  },
208
223
  "action.default.secondary.icon": {
@@ -297,8 +312,13 @@ const tokenMap = {
297
312
  },
298
313
  "action.default.tertiary.focus-border": {
299
314
  kind: "color",
300
- tailwindClass: "ring-action-tertiary",
301
- cssProperty: "outline-color",
315
+ utilities: [{
316
+ tailwindClass: "ring-action-tertiary",
317
+ cssProperty: "--tw-ring-color"
318
+ }, {
319
+ tailwindClass: "outline-action-tertiary",
320
+ cssProperty: "outline-color"
321
+ }],
302
322
  description: "Focus ring color for tertiary actions."
303
323
  },
304
324
  "action.default.tertiary.icon": {
@@ -363,8 +383,13 @@ const tokenMap = {
363
383
  },
364
384
  "form.default.primary.focus-border": {
365
385
  kind: "color",
366
- tailwindClass: "ring-form-primary",
367
- cssProperty: "outline-color",
386
+ utilities: [{
387
+ tailwindClass: "ring-form-primary",
388
+ cssProperty: "--tw-ring-color"
389
+ }, {
390
+ tailwindClass: "outline-form-primary",
391
+ cssProperty: "outline-color"
392
+ }],
368
393
  description: "Focus ring color for form controls. Apply when the input receives keyboard focus."
369
394
  },
370
395
  "form.default.primary.icon": {
@@ -1941,6 +1966,13 @@ const tokenMap = {
1941
1966
  };
1942
1967
  //#endregion
1943
1968
  //#region src/tailwind-plugin/from-token-map.ts
1969
+ function getColorUtilities(entry) {
1970
+ if ("utilities" in entry) return entry.utilities;
1971
+ return [{
1972
+ tailwindClass: entry.tailwindClass,
1973
+ cssProperty: entry.cssProperty
1974
+ }];
1975
+ }
1944
1976
  const EXPANDING_FAMILIES = {
1945
1977
  padding: [
1946
1978
  {
@@ -21757,10 +21789,10 @@ function toSlabEntry(entry, cssVariable) {
21757
21789
  if (entry.kind === "color") return {
21758
21790
  cssVariable,
21759
21791
  kind: "color",
21760
- property: [{
21761
- cssProperty: [entry.cssProperty],
21762
- tailwindClass: entry.tailwindClass
21763
- }],
21792
+ property: getColorUtilities(entry).map((util) => ({
21793
+ cssProperty: [util.cssProperty],
21794
+ tailwindClass: util.tailwindClass
21795
+ })),
21764
21796
  note: `Hex values for each color mode are available in the $extensions["thatch.modes"] field. To switch the active mode for a subtree, set the \`data-color-mode="[mode]"\` attribute on any ancestor element — all nested color tokens will automatically resolve to that mode's values. Available modes: ${COLOR_MODES.join(", ")}.`
21765
21797
  };
21766
21798
  if (entry.kind === "typography") return {
@@ -21770,7 +21802,7 @@ function toSlabEntry(entry, cssVariable) {
21770
21802
  cssProperty: [entry.cssProperty],
21771
21803
  tailwindClass: entry.tailwindClass
21772
21804
  }],
21773
- ...entry.prose ? { note: `Prefer \`.prose-${entry.prose}\` which applies all typography properties for this style together, rather than using individual tokens.` } : {}
21805
+ ...entry.prose ? { note: `Prefer \`.type-${entry.prose}\` which applies all typography properties for this style together, rather than using individual tokens.` } : {}
21774
21806
  };
21775
21807
  const property = [];
21776
21808
  for (const util of entry.utilities) {
@@ -21900,7 +21932,8 @@ function getToken(options) {
21900
21932
  const prop = options.property;
21901
21933
  keys = keys.filter((k) => {
21902
21934
  const entry = tokenMap[k];
21903
- if (entry.kind === "color" || entry.kind === "typography") return entry.cssProperty === prop;
21935
+ if (entry.kind === "color") return getColorUtilities(entry).some((util) => util.cssProperty === prop);
21936
+ if (entry.kind === "typography") return entry.cssProperty === prop;
21904
21937
  for (const util of entry.utilities) {
21905
21938
  const variants = EXPANDING_FAMILIES[util.family] ?? (SINGLE_FAMILIES[util.family] ? [SINGLE_FAMILIES[util.family]] : []);
21906
21939
  for (const variant of variants) if (Object.keys(variant.props("")).map(toCssName).includes(prop)) return true;