@crowdstrike/tailwind-toucan-base 4.4.0 → 5.0.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/index.css +22 -187
  2. package/index.d.ts +110 -140
  3. package/package.json +7 -7
  4. package/src/theme-data.js +110 -140
  5. package/src/themes.json +110 -140
  6. package/toucan.css +22 -187
package/index.d.ts CHANGED
@@ -278,165 +278,165 @@
278
278
  "chart-data-visualization"
279
279
  ],
280
280
  "fill": {
281
- "r": 73,
282
- "g": 198,
283
- "b": 192,
281
+ "r": 21,
282
+ "g": 222,
283
+ "b": 223,
284
284
  "a": 1
285
285
  },
286
286
  "hasAlpha": false,
287
- "rgbFill": "rgb(73, 198, 192)",
287
+ "rgbFill": "rgb(21, 222, 223)",
288
288
  "name": "chart-1",
289
- "value": "#49c6c0"
289
+ "value": "#15dedf"
290
290
  },
291
291
  {
292
292
  "category": [
293
293
  "chart-data-visualization"
294
294
  ],
295
295
  "fill": {
296
- "r": 224,
297
- "g": 255,
298
- "b": 128,
296
+ "r": 160,
297
+ "g": 98,
298
+ "b": 255,
299
299
  "a": 1
300
300
  },
301
301
  "hasAlpha": false,
302
- "rgbFill": "rgb(224, 255, 128)",
302
+ "rgbFill": "rgb(160, 98, 255)",
303
303
  "name": "chart-2",
304
- "value": "#e0ff80"
304
+ "value": "#a062ff"
305
305
  },
306
306
  {
307
307
  "category": [
308
308
  "chart-data-visualization"
309
309
  ],
310
310
  "fill": {
311
- "r": 119,
312
- "g": 109,
313
- "b": 233,
311
+ "r": 255,
312
+ "g": 238,
313
+ "b": 135,
314
314
  "a": 1
315
315
  },
316
316
  "hasAlpha": false,
317
- "rgbFill": "rgb(119, 109, 233)",
317
+ "rgbFill": "rgb(255, 238, 135)",
318
318
  "name": "chart-3",
319
- "value": "#776de9"
319
+ "value": "#ffee87"
320
320
  },
321
321
  {
322
322
  "category": [
323
323
  "chart-data-visualization"
324
324
  ],
325
325
  "fill": {
326
- "r": 237,
327
- "g": 110,
328
- "b": 153,
326
+ "r": 209,
327
+ "g": 13,
328
+ "b": 148,
329
329
  "a": 1
330
330
  },
331
331
  "hasAlpha": false,
332
- "rgbFill": "rgb(237, 110, 153)",
332
+ "rgbFill": "rgb(209, 13, 148)",
333
333
  "name": "chart-4",
334
- "value": "#ed6e99"
334
+ "value": "#d10d94"
335
335
  },
336
336
  {
337
337
  "category": [
338
338
  "chart-data-visualization"
339
339
  ],
340
340
  "fill": {
341
- "r": 255,
342
- "g": 255,
343
- "b": 224,
341
+ "r": 248,
342
+ "g": 147,
343
+ "b": 200,
344
344
  "a": 1
345
345
  },
346
346
  "hasAlpha": false,
347
- "rgbFill": "rgb(255, 255, 224)",
347
+ "rgbFill": "rgb(248, 147, 200)",
348
348
  "name": "chart-5",
349
- "value": "#ffffe0"
349
+ "value": "#f893c8"
350
350
  },
351
351
  {
352
352
  "category": [
353
353
  "chart-data-visualization"
354
354
  ],
355
355
  "fill": {
356
- "r": 175,
357
- "g": 29,
358
- "b": 166,
356
+ "r": 79,
357
+ "g": 163,
358
+ "b": 207,
359
359
  "a": 1
360
360
  },
361
361
  "hasAlpha": false,
362
- "rgbFill": "rgb(175, 29, 166)",
362
+ "rgbFill": "rgb(79, 163, 207)",
363
363
  "name": "chart-6",
364
- "value": "#af1da6"
364
+ "value": "#4fa3cf"
365
365
  },
366
366
  {
367
367
  "category": [
368
368
  "chart-data-visualization"
369
369
  ],
370
370
  "fill": {
371
- "r": 251,
372
- "g": 160,
373
- "b": 145,
371
+ "r": 187,
372
+ "g": 165,
373
+ "b": 250,
374
374
  "a": 1
375
375
  },
376
376
  "hasAlpha": false,
377
- "rgbFill": "rgb(251, 160, 145)",
377
+ "rgbFill": "rgb(187, 165, 250)",
378
378
  "name": "chart-7",
379
- "value": "#fba091"
379
+ "value": "#bba5fa"
380
380
  },
381
381
  {
382
382
  "category": [
383
383
  "chart-data-visualization"
384
384
  ],
385
385
  "fill": {
386
- "r": 125,
387
- "g": 230,
388
- "b": 177,
386
+ "r": 237,
387
+ "g": 104,
388
+ "b": 93,
389
389
  "a": 1
390
390
  },
391
391
  "hasAlpha": false,
392
- "rgbFill": "rgb(125, 230, 177)",
392
+ "rgbFill": "rgb(237, 104, 93)",
393
393
  "name": "chart-8",
394
- "value": "#7de6b1"
394
+ "value": "#ed685d"
395
395
  },
396
396
  {
397
397
  "category": [
398
398
  "chart-data-visualization"
399
399
  ],
400
400
  "fill": {
401
- "r": 0,
402
- "g": 163,
403
- "b": 240,
401
+ "r": 253,
402
+ "g": 192,
403
+ "b": 131,
404
404
  "a": 1
405
405
  },
406
406
  "hasAlpha": false,
407
- "rgbFill": "rgb(0, 163, 240)",
407
+ "rgbFill": "rgb(253, 192, 131)",
408
408
  "name": "chart-9",
409
- "value": "#00a3f0"
409
+ "value": "#fdc083"
410
410
  },
411
411
  {
412
412
  "category": [
413
413
  "chart-data-visualization"
414
414
  ],
415
415
  "fill": {
416
- "r": 219,
417
- "g": 63,
418
- "b": 163,
416
+ "r": 214,
417
+ "g": 128,
418
+ "b": 14,
419
419
  "a": 1
420
420
  },
421
421
  "hasAlpha": false,
422
- "rgbFill": "rgb(219, 63, 163)",
422
+ "rgbFill": "rgb(214, 128, 14)",
423
423
  "name": "chart-10",
424
- "value": "#db3fa3"
424
+ "value": "#d6800e"
425
425
  },
426
426
  {
427
427
  "category": [
428
428
  "chart-data-visualization"
429
429
  ],
430
430
  "fill": {
431
- "r": 94,
432
- "g": 106,
433
- "b": 130,
431
+ "r": 81,
432
+ "g": 92,
433
+ "b": 111,
434
434
  "a": 1
435
435
  },
436
436
  "hasAlpha": false,
437
- "rgbFill": "rgb(94, 106, 130)",
437
+ "rgbFill": "rgb(81, 92, 111)",
438
438
  "name": "chart-disabled",
439
- "value": "#5e6a82"
439
+ "value": "#515c6f"
440
440
  },
441
441
  {
442
442
  "category": [
@@ -1188,21 +1188,6 @@
1188
1188
  "name": "surface-xl",
1189
1189
  "value": "#38373c"
1190
1190
  },
1191
- {
1192
- "category": [
1193
- "surfaces"
1194
- ],
1195
- "fill": {
1196
- "r": 0,
1197
- "g": 0,
1198
- "b": 0,
1199
- "a": 1
1200
- },
1201
- "hasAlpha": false,
1202
- "rgbFill": "rgb(0, 0, 0)",
1203
- "name": "surface-dash-widget",
1204
- "value": "#000000"
1205
- },
1206
1191
  {
1207
1192
  "category": [
1208
1193
  "interactive",
@@ -1561,165 +1546,165 @@
1561
1546
  "chart-data-visualization"
1562
1547
  ],
1563
1548
  "fill": {
1564
- "r": 2,
1565
- "g": 167,
1566
- "b": 182,
1549
+ "r": 0,
1550
+ "g": 163,
1551
+ "b": 164,
1567
1552
  "a": 1
1568
1553
  },
1569
1554
  "hasAlpha": false,
1570
- "rgbFill": "rgb(2, 167, 182)",
1555
+ "rgbFill": "rgb(0, 163, 164)",
1571
1556
  "name": "chart-1",
1572
- "value": "#02a7b6"
1557
+ "value": "#00a3a4"
1573
1558
  },
1574
1559
  {
1575
1560
  "category": [
1576
1561
  "chart-data-visualization"
1577
1562
  ],
1578
1563
  "fill": {
1579
- "r": 133,
1580
- "g": 159,
1581
- "b": 4,
1564
+ "r": 111,
1565
+ "g": 48,
1566
+ "b": 204,
1582
1567
  "a": 1
1583
1568
  },
1584
1569
  "hasAlpha": false,
1585
- "rgbFill": "rgb(133, 159, 4)",
1570
+ "rgbFill": "rgb(111, 48, 204)",
1586
1571
  "name": "chart-2",
1587
- "value": "#859f04"
1572
+ "value": "#6f30cc"
1588
1573
  },
1589
1574
  {
1590
1575
  "category": [
1591
1576
  "chart-data-visualization"
1592
1577
  ],
1593
1578
  "fill": {
1594
- "r": 120,
1595
- "g": 8,
1596
- "b": 247,
1579
+ "r": 214,
1580
+ "g": 128,
1581
+ "b": 14,
1597
1582
  "a": 1
1598
1583
  },
1599
1584
  "hasAlpha": false,
1600
- "rgbFill": "rgb(120, 8, 247)",
1585
+ "rgbFill": "rgb(214, 128, 14)",
1601
1586
  "name": "chart-3",
1602
- "value": "#7808f7"
1587
+ "value": "#d6800e"
1603
1588
  },
1604
1589
  {
1605
1590
  "category": [
1606
1591
  "chart-data-visualization"
1607
1592
  ],
1608
1593
  "fill": {
1609
- "r": 245,
1610
- "g": 88,
1611
- "b": 167,
1594
+ "r": 200,
1595
+ "g": 0,
1596
+ "b": 133,
1612
1597
  "a": 1
1613
1598
  },
1614
1599
  "hasAlpha": false,
1615
- "rgbFill": "rgb(245, 88, 167)",
1600
+ "rgbFill": "rgb(200, 0, 133)",
1616
1601
  "name": "chart-4",
1617
- "value": "#f558a7"
1602
+ "value": "#c80085"
1618
1603
  },
1619
1604
  {
1620
1605
  "category": [
1621
1606
  "chart-data-visualization"
1622
1607
  ],
1623
1608
  "fill": {
1624
- "r": 211,
1625
- "g": 130,
1626
- "b": 23,
1609
+ "r": 247,
1610
+ "g": 82,
1611
+ "b": 152,
1627
1612
  "a": 1
1628
1613
  },
1629
1614
  "hasAlpha": false,
1630
- "rgbFill": "rgb(211, 130, 23)",
1615
+ "rgbFill": "rgb(247, 82, 152)",
1631
1616
  "name": "chart-5",
1632
- "value": "#d38217"
1617
+ "value": "#f75298"
1633
1618
  },
1634
1619
  {
1635
1620
  "category": [
1636
1621
  "chart-data-visualization"
1637
1622
  ],
1638
1623
  "fill": {
1639
- "r": 167,
1640
- "g": 99,
1641
- "b": 227,
1624
+ "r": 19,
1625
+ "g": 120,
1626
+ "b": 138,
1642
1627
  "a": 1
1643
1628
  },
1644
1629
  "hasAlpha": false,
1645
- "rgbFill": "rgb(167, 99, 227)",
1630
+ "rgbFill": "rgb(19, 120, 138)",
1646
1631
  "name": "chart-6",
1647
- "value": "#a763e3"
1632
+ "value": "#13788a"
1648
1633
  },
1649
1634
  {
1650
1635
  "category": [
1651
1636
  "chart-data-visualization"
1652
1637
  ],
1653
1638
  "fill": {
1654
- "r": 184,
1655
- "g": 61,
1656
- "b": 20,
1639
+ "r": 160,
1640
+ "g": 116,
1641
+ "b": 255,
1657
1642
  "a": 1
1658
1643
  },
1659
1644
  "hasAlpha": false,
1660
- "rgbFill": "rgb(184, 61, 20)",
1645
+ "rgbFill": "rgb(160, 116, 255)",
1661
1646
  "name": "chart-7",
1662
- "value": "#b83d14"
1647
+ "value": "#a074ff"
1663
1648
  },
1664
1649
  {
1665
1650
  "category": [
1666
1651
  "chart-data-visualization"
1667
1652
  ],
1668
1653
  "fill": {
1669
- "r": 40,
1670
- "g": 143,
1671
- "b": 95,
1654
+ "r": 172,
1655
+ "g": 30,
1656
+ "b": 55,
1672
1657
  "a": 1
1673
1658
  },
1674
1659
  "hasAlpha": false,
1675
- "rgbFill": "rgb(40, 143, 95)",
1660
+ "rgbFill": "rgb(172, 30, 55)",
1676
1661
  "name": "chart-8",
1677
- "value": "#288f5f"
1662
+ "value": "#ac1e37"
1678
1663
  },
1679
1664
  {
1680
1665
  "category": [
1681
1666
  "chart-data-visualization"
1682
1667
  ],
1683
1668
  "fill": {
1684
- "r": 66,
1685
- "g": 123,
1686
- "b": 227,
1669
+ "r": 255,
1670
+ "g": 79,
1671
+ "b": 90,
1687
1672
  "a": 1
1688
1673
  },
1689
1674
  "hasAlpha": false,
1690
- "rgbFill": "rgb(66, 123, 227)",
1675
+ "rgbFill": "rgb(255, 79, 90)",
1691
1676
  "name": "chart-9",
1692
- "value": "#427be3"
1677
+ "value": "#ff4f5a"
1693
1678
  },
1694
1679
  {
1695
1680
  "category": [
1696
1681
  "chart-data-visualization"
1697
1682
  ],
1698
1683
  "fill": {
1699
- "r": 154,
1700
- "g": 29,
1701
- "b": 125,
1684
+ "r": 163,
1685
+ "g": 97,
1686
+ "b": 26,
1702
1687
  "a": 1
1703
1688
  },
1704
1689
  "hasAlpha": false,
1705
- "rgbFill": "rgb(154, 29, 125)",
1690
+ "rgbFill": "rgb(163, 97, 26)",
1706
1691
  "name": "chart-10",
1707
- "value": "#9a1d7d"
1692
+ "value": "#a3611a"
1708
1693
  },
1709
1694
  {
1710
1695
  "category": [
1711
1696
  "chart-data-visualization"
1712
1697
  ],
1713
1698
  "fill": {
1714
- "r": 179,
1715
- "g": 189,
1716
- "b": 208,
1699
+ "r": 173,
1700
+ "g": 184,
1701
+ "b": 204,
1717
1702
  "a": 1
1718
1703
  },
1719
1704
  "hasAlpha": false,
1720
- "rgbFill": "rgb(179, 189, 208)",
1705
+ "rgbFill": "rgb(173, 184, 204)",
1721
1706
  "name": "chart-disabled",
1722
- "value": "#b3bdd0"
1707
+ "value": "#adb8cc"
1723
1708
  },
1724
1709
  {
1725
1710
  "category": [
@@ -2471,21 +2456,6 @@
2471
2456
  "name": "surface-xl",
2472
2457
  "value": "#ffffff"
2473
2458
  },
2474
- {
2475
- "category": [
2476
- "surfaces"
2477
- ],
2478
- "fill": {
2479
- "r": 255,
2480
- "g": 255,
2481
- "b": 255,
2482
- "a": 1
2483
- },
2484
- "hasAlpha": false,
2485
- "rgbFill": "rgb(255, 255, 255)",
2486
- "name": "surface-dash-widget",
2487
- "value": "#ffffff"
2488
- },
2489
2459
  {
2490
2460
  "category": [
2491
2461
  "interactive",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crowdstrike/tailwind-toucan-base",
3
- "version": "4.4.0",
3
+ "version": "5.0.0",
4
4
  "private": false,
5
5
  "description": "Tailwind preset for CrowdStrike's Toucan design system",
6
6
  "repository": "https://github.com/CrowdStrike/tailwind-toucan-base",
@@ -42,11 +42,11 @@
42
42
  "devDependencies": {
43
43
  "@changesets/changelog-github": "^0.5.0",
44
44
  "@changesets/cli": "^2.26.2",
45
- "@figma-export/cli": "4.7.0",
45
+ "@figma-export/cli": "5.0.1",
46
46
  "@nullvoxpopuli/eslint-configs": "^3.2.2",
47
47
  "@types/fs-extra": "^11.0.1",
48
- "@typescript-eslint/eslint-plugin": "^6.7.0",
49
- "@typescript-eslint/parser": "^6.7.0",
48
+ "@typescript-eslint/eslint-plugin": "^7.0.0",
49
+ "@typescript-eslint/parser": "^7.0.0",
50
50
  "@vitest/coverage-v8": "^0.34.4",
51
51
  "autoprefixer": "^10.4.15",
52
52
  "c8": "^9.0.0",
@@ -67,10 +67,10 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "packageManager": "pnpm@8.15.1",
70
+ "packageManager": "pnpm@8.15.5",
71
71
  "volta": {
72
- "node": "18.19.0",
73
- "pnpm": "8.15.1"
72
+ "node": "18.19.1",
73
+ "pnpm": "8.15.5"
74
74
  },
75
75
  "scripts": {
76
76
  "start": "pnpm run build && npx http-server ./dist",