@crowdstrike/tailwind-toucan-base 4.0.0 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.css +990 -0
- package/index.d.ts +182 -0
- package/package.json +14 -11
- package/src/theme-data.js +182 -0
- package/src/themes.json +182 -0
- package/toucan.css +990 -0
package/index.d.ts
CHANGED
|
@@ -130,6 +130,22 @@
|
|
|
130
130
|
"name": "code-text",
|
|
131
131
|
"value": "#9dc1fd"
|
|
132
132
|
},
|
|
133
|
+
{
|
|
134
|
+
"category": [
|
|
135
|
+
"hues",
|
|
136
|
+
"main-hues"
|
|
137
|
+
],
|
|
138
|
+
"fill": {
|
|
139
|
+
"r": 132,
|
|
140
|
+
"g": 134,
|
|
141
|
+
"b": 154,
|
|
142
|
+
"a": 1
|
|
143
|
+
},
|
|
144
|
+
"hasAlpha": false,
|
|
145
|
+
"rgbFill": "rgb(132, 134, 154)",
|
|
146
|
+
"name": "neutral",
|
|
147
|
+
"value": "#84869A"
|
|
148
|
+
},
|
|
133
149
|
{
|
|
134
150
|
"category": [
|
|
135
151
|
"hues",
|
|
@@ -514,6 +530,51 @@
|
|
|
514
530
|
"name": "lines-light",
|
|
515
531
|
"value": "#14141a"
|
|
516
532
|
},
|
|
533
|
+
{
|
|
534
|
+
"category": [
|
|
535
|
+
"divider-lines"
|
|
536
|
+
],
|
|
537
|
+
"fill": {
|
|
538
|
+
"r": 75,
|
|
539
|
+
"g": 75,
|
|
540
|
+
"b": 88,
|
|
541
|
+
"a": 1
|
|
542
|
+
},
|
|
543
|
+
"hasAlpha": false,
|
|
544
|
+
"rgbFill": "rgb(75, 75, 88)",
|
|
545
|
+
"name": "border-reg",
|
|
546
|
+
"value": "#4b4b58"
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"category": [
|
|
550
|
+
"divider-lines"
|
|
551
|
+
],
|
|
552
|
+
"fill": {
|
|
553
|
+
"r": 56,
|
|
554
|
+
"g": 56,
|
|
555
|
+
"b": 66,
|
|
556
|
+
"a": 1
|
|
557
|
+
},
|
|
558
|
+
"hasAlpha": false,
|
|
559
|
+
"rgbFill": "rgb(56, 56, 66)",
|
|
560
|
+
"name": "border-faint",
|
|
561
|
+
"value": "#383842"
|
|
562
|
+
},
|
|
563
|
+
{
|
|
564
|
+
"category": [
|
|
565
|
+
"divider-lines"
|
|
566
|
+
],
|
|
567
|
+
"fill": {
|
|
568
|
+
"r": 103,
|
|
569
|
+
"g": 108,
|
|
570
|
+
"b": 121,
|
|
571
|
+
"a": 1
|
|
572
|
+
},
|
|
573
|
+
"hasAlpha": false,
|
|
574
|
+
"rgbFill": "rgb(103, 108, 121)",
|
|
575
|
+
"name": "border-bold",
|
|
576
|
+
"value": "#676c79"
|
|
577
|
+
},
|
|
517
578
|
{
|
|
518
579
|
"category": [
|
|
519
580
|
"hues",
|
|
@@ -700,6 +761,21 @@
|
|
|
700
761
|
"name": "overlay-2",
|
|
701
762
|
"value": "#00000099"
|
|
702
763
|
},
|
|
764
|
+
{
|
|
765
|
+
"category": [
|
|
766
|
+
"transparency"
|
|
767
|
+
],
|
|
768
|
+
"fill": {
|
|
769
|
+
"r": 102,
|
|
770
|
+
"g": 102,
|
|
771
|
+
"b": 102,
|
|
772
|
+
"a": 0.13
|
|
773
|
+
},
|
|
774
|
+
"hasAlpha": true,
|
|
775
|
+
"rgbFill": "rgba(102, 102, 102, 0.13)",
|
|
776
|
+
"name": "overlay-reverse-0\\.5",
|
|
777
|
+
"value": "#666666"
|
|
778
|
+
},
|
|
703
779
|
{
|
|
704
780
|
"category": [
|
|
705
781
|
"hues",
|
|
@@ -917,6 +993,21 @@
|
|
|
917
993
|
"name": "surface-xl",
|
|
918
994
|
"value": "#38373c"
|
|
919
995
|
},
|
|
996
|
+
{
|
|
997
|
+
"category": [
|
|
998
|
+
"surfaces"
|
|
999
|
+
],
|
|
1000
|
+
"fill": {
|
|
1001
|
+
"r": 0,
|
|
1002
|
+
"g": 0,
|
|
1003
|
+
"b": 0,
|
|
1004
|
+
"a": 1
|
|
1005
|
+
},
|
|
1006
|
+
"hasAlpha": false,
|
|
1007
|
+
"rgbFill": "rgb(0, 0, 0)",
|
|
1008
|
+
"name": "surface-dash-widget",
|
|
1009
|
+
"value": "#000000"
|
|
1010
|
+
},
|
|
920
1011
|
{
|
|
921
1012
|
"category": [
|
|
922
1013
|
"interactive",
|
|
@@ -1127,6 +1218,22 @@
|
|
|
1127
1218
|
"name": "code-text",
|
|
1128
1219
|
"value": "#0b54c1"
|
|
1129
1220
|
},
|
|
1221
|
+
{
|
|
1222
|
+
"category": [
|
|
1223
|
+
"hues",
|
|
1224
|
+
"main-hues"
|
|
1225
|
+
],
|
|
1226
|
+
"fill": {
|
|
1227
|
+
"r": 134,
|
|
1228
|
+
"g": 135,
|
|
1229
|
+
"b": 152,
|
|
1230
|
+
"a": 1
|
|
1231
|
+
},
|
|
1232
|
+
"hasAlpha": false,
|
|
1233
|
+
"rgbFill": "rgb(134, 135, 152)",
|
|
1234
|
+
"name": "neutral",
|
|
1235
|
+
"value": "#868798"
|
|
1236
|
+
},
|
|
1130
1237
|
{
|
|
1131
1238
|
"category": [
|
|
1132
1239
|
"hues",
|
|
@@ -1511,6 +1618,51 @@
|
|
|
1511
1618
|
"name": "lines-light",
|
|
1512
1619
|
"value": "#eeeeee"
|
|
1513
1620
|
},
|
|
1621
|
+
{
|
|
1622
|
+
"category": [
|
|
1623
|
+
"divider-lines"
|
|
1624
|
+
],
|
|
1625
|
+
"fill": {
|
|
1626
|
+
"r": 200,
|
|
1627
|
+
"g": 200,
|
|
1628
|
+
"b": 208,
|
|
1629
|
+
"a": 1
|
|
1630
|
+
},
|
|
1631
|
+
"hasAlpha": false,
|
|
1632
|
+
"rgbFill": "rgb(200, 200, 208)",
|
|
1633
|
+
"name": "border-reg",
|
|
1634
|
+
"value": "#c8c8d0"
|
|
1635
|
+
},
|
|
1636
|
+
{
|
|
1637
|
+
"category": [
|
|
1638
|
+
"divider-lines"
|
|
1639
|
+
],
|
|
1640
|
+
"fill": {
|
|
1641
|
+
"r": 222,
|
|
1642
|
+
"g": 222,
|
|
1643
|
+
"b": 227,
|
|
1644
|
+
"a": 1
|
|
1645
|
+
},
|
|
1646
|
+
"hasAlpha": false,
|
|
1647
|
+
"rgbFill": "rgb(222, 222, 227)",
|
|
1648
|
+
"name": "border-faint",
|
|
1649
|
+
"value": "#dedee3"
|
|
1650
|
+
},
|
|
1651
|
+
{
|
|
1652
|
+
"category": [
|
|
1653
|
+
"divider-lines"
|
|
1654
|
+
],
|
|
1655
|
+
"fill": {
|
|
1656
|
+
"r": 156,
|
|
1657
|
+
"g": 156,
|
|
1658
|
+
"b": 170,
|
|
1659
|
+
"a": 1
|
|
1660
|
+
},
|
|
1661
|
+
"hasAlpha": false,
|
|
1662
|
+
"rgbFill": "rgb(156, 156, 170)",
|
|
1663
|
+
"name": "border-bold",
|
|
1664
|
+
"value": "#9c9caa"
|
|
1665
|
+
},
|
|
1514
1666
|
{
|
|
1515
1667
|
"category": [
|
|
1516
1668
|
"hues",
|
|
@@ -1697,6 +1849,21 @@
|
|
|
1697
1849
|
"name": "overlay-2",
|
|
1698
1850
|
"value": "#00000026"
|
|
1699
1851
|
},
|
|
1852
|
+
{
|
|
1853
|
+
"category": [
|
|
1854
|
+
"transparency"
|
|
1855
|
+
],
|
|
1856
|
+
"fill": {
|
|
1857
|
+
"r": 153,
|
|
1858
|
+
"g": 153,
|
|
1859
|
+
"b": 153,
|
|
1860
|
+
"a": 0.13
|
|
1861
|
+
},
|
|
1862
|
+
"hasAlpha": true,
|
|
1863
|
+
"rgbFill": "rgba(153, 153, 153, 0.13)",
|
|
1864
|
+
"name": "overlay-reverse-0\\.5",
|
|
1865
|
+
"value": "#999999"
|
|
1866
|
+
},
|
|
1700
1867
|
{
|
|
1701
1868
|
"category": [
|
|
1702
1869
|
"hues",
|
|
@@ -1914,6 +2081,21 @@
|
|
|
1914
2081
|
"name": "surface-xl",
|
|
1915
2082
|
"value": "#ffffff"
|
|
1916
2083
|
},
|
|
2084
|
+
{
|
|
2085
|
+
"category": [
|
|
2086
|
+
"surfaces"
|
|
2087
|
+
],
|
|
2088
|
+
"fill": {
|
|
2089
|
+
"r": 255,
|
|
2090
|
+
"g": 255,
|
|
2091
|
+
"b": 255,
|
|
2092
|
+
"a": 1
|
|
2093
|
+
},
|
|
2094
|
+
"hasAlpha": false,
|
|
2095
|
+
"rgbFill": "rgb(255, 255, 255)",
|
|
2096
|
+
"name": "surface-dash-widget",
|
|
2097
|
+
"value": "#ffffff"
|
|
2098
|
+
},
|
|
1917
2099
|
{
|
|
1918
2100
|
"category": [
|
|
1919
2101
|
"interactive",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@crowdstrike/tailwind-toucan-base",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.2.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",
|
|
@@ -43,20 +43,23 @@
|
|
|
43
43
|
"@changesets/changelog-github": "^0.4.8",
|
|
44
44
|
"@changesets/cli": "^2.26.2",
|
|
45
45
|
"@figma-export/cli": "4.7.0",
|
|
46
|
-
"@nullvoxpopuli/eslint-configs": "2.2
|
|
46
|
+
"@nullvoxpopuli/eslint-configs": "^3.2.2",
|
|
47
47
|
"@types/fs-extra": "^11.0.1",
|
|
48
|
-
"
|
|
49
|
-
"
|
|
48
|
+
"@typescript-eslint/eslint-plugin": "^6.7.0",
|
|
49
|
+
"@typescript-eslint/parser": "^6.7.0",
|
|
50
|
+
"@vitest/coverage-v8": "^0.34.4",
|
|
51
|
+
"autoprefixer": "^10.4.15",
|
|
52
|
+
"c8": "^8.0.1",
|
|
50
53
|
"common-tags": "^1.8.2",
|
|
51
|
-
"eslint": "^8.
|
|
52
|
-
"execa": "^
|
|
54
|
+
"eslint": "^8.47.0",
|
|
55
|
+
"execa": "^8.0.1",
|
|
53
56
|
"fs-extra": "^11.1.1",
|
|
54
57
|
"npm-run-all": "^4.1.5",
|
|
55
58
|
"pnpm": "^8.6.10",
|
|
56
|
-
"postcss": "^8.4.
|
|
59
|
+
"postcss": "^8.4.28",
|
|
57
60
|
"tailwind-config-viewer": "^1.7.2",
|
|
58
|
-
"typescript": "^5.
|
|
59
|
-
"vitest": "0.
|
|
61
|
+
"typescript": "^5.2.2",
|
|
62
|
+
"vitest": "0.34.4"
|
|
60
63
|
},
|
|
61
64
|
"engines": {
|
|
62
65
|
"node": ">=14.15.0"
|
|
@@ -66,8 +69,8 @@
|
|
|
66
69
|
},
|
|
67
70
|
"packageManager": "pnpm@8.6.10",
|
|
68
71
|
"volta": {
|
|
69
|
-
"node": "18.
|
|
70
|
-
"pnpm": "
|
|
72
|
+
"node": "18.18.0",
|
|
73
|
+
"pnpm": "8.6.10"
|
|
71
74
|
},
|
|
72
75
|
"scripts": {
|
|
73
76
|
"start": "pnpm run build && npx http-server ./dist",
|
package/src/theme-data.js
CHANGED
|
@@ -129,6 +129,22 @@ export default {
|
|
|
129
129
|
"name": "code-text",
|
|
130
130
|
"value": "#9dc1fd"
|
|
131
131
|
},
|
|
132
|
+
{
|
|
133
|
+
"category": [
|
|
134
|
+
"hues",
|
|
135
|
+
"main-hues"
|
|
136
|
+
],
|
|
137
|
+
"fill": {
|
|
138
|
+
"r": 132,
|
|
139
|
+
"g": 134,
|
|
140
|
+
"b": 154,
|
|
141
|
+
"a": 1
|
|
142
|
+
},
|
|
143
|
+
"hasAlpha": false,
|
|
144
|
+
"rgbFill": "rgb(132, 134, 154)",
|
|
145
|
+
"name": "neutral",
|
|
146
|
+
"value": "#84869A"
|
|
147
|
+
},
|
|
132
148
|
{
|
|
133
149
|
"category": [
|
|
134
150
|
"hues",
|
|
@@ -513,6 +529,51 @@ export default {
|
|
|
513
529
|
"name": "lines-light",
|
|
514
530
|
"value": "#14141a"
|
|
515
531
|
},
|
|
532
|
+
{
|
|
533
|
+
"category": [
|
|
534
|
+
"divider-lines"
|
|
535
|
+
],
|
|
536
|
+
"fill": {
|
|
537
|
+
"r": 75,
|
|
538
|
+
"g": 75,
|
|
539
|
+
"b": 88,
|
|
540
|
+
"a": 1
|
|
541
|
+
},
|
|
542
|
+
"hasAlpha": false,
|
|
543
|
+
"rgbFill": "rgb(75, 75, 88)",
|
|
544
|
+
"name": "border-reg",
|
|
545
|
+
"value": "#4b4b58"
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"category": [
|
|
549
|
+
"divider-lines"
|
|
550
|
+
],
|
|
551
|
+
"fill": {
|
|
552
|
+
"r": 56,
|
|
553
|
+
"g": 56,
|
|
554
|
+
"b": 66,
|
|
555
|
+
"a": 1
|
|
556
|
+
},
|
|
557
|
+
"hasAlpha": false,
|
|
558
|
+
"rgbFill": "rgb(56, 56, 66)",
|
|
559
|
+
"name": "border-faint",
|
|
560
|
+
"value": "#383842"
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"category": [
|
|
564
|
+
"divider-lines"
|
|
565
|
+
],
|
|
566
|
+
"fill": {
|
|
567
|
+
"r": 103,
|
|
568
|
+
"g": 108,
|
|
569
|
+
"b": 121,
|
|
570
|
+
"a": 1
|
|
571
|
+
},
|
|
572
|
+
"hasAlpha": false,
|
|
573
|
+
"rgbFill": "rgb(103, 108, 121)",
|
|
574
|
+
"name": "border-bold",
|
|
575
|
+
"value": "#676c79"
|
|
576
|
+
},
|
|
516
577
|
{
|
|
517
578
|
"category": [
|
|
518
579
|
"hues",
|
|
@@ -699,6 +760,21 @@ export default {
|
|
|
699
760
|
"name": "overlay-2",
|
|
700
761
|
"value": "#00000099"
|
|
701
762
|
},
|
|
763
|
+
{
|
|
764
|
+
"category": [
|
|
765
|
+
"transparency"
|
|
766
|
+
],
|
|
767
|
+
"fill": {
|
|
768
|
+
"r": 102,
|
|
769
|
+
"g": 102,
|
|
770
|
+
"b": 102,
|
|
771
|
+
"a": 0.13
|
|
772
|
+
},
|
|
773
|
+
"hasAlpha": true,
|
|
774
|
+
"rgbFill": "rgba(102, 102, 102, 0.13)",
|
|
775
|
+
"name": "overlay-reverse-0\\.5",
|
|
776
|
+
"value": "#666666"
|
|
777
|
+
},
|
|
702
778
|
{
|
|
703
779
|
"category": [
|
|
704
780
|
"hues",
|
|
@@ -916,6 +992,21 @@ export default {
|
|
|
916
992
|
"name": "surface-xl",
|
|
917
993
|
"value": "#38373c"
|
|
918
994
|
},
|
|
995
|
+
{
|
|
996
|
+
"category": [
|
|
997
|
+
"surfaces"
|
|
998
|
+
],
|
|
999
|
+
"fill": {
|
|
1000
|
+
"r": 0,
|
|
1001
|
+
"g": 0,
|
|
1002
|
+
"b": 0,
|
|
1003
|
+
"a": 1
|
|
1004
|
+
},
|
|
1005
|
+
"hasAlpha": false,
|
|
1006
|
+
"rgbFill": "rgb(0, 0, 0)",
|
|
1007
|
+
"name": "surface-dash-widget",
|
|
1008
|
+
"value": "#000000"
|
|
1009
|
+
},
|
|
919
1010
|
{
|
|
920
1011
|
"category": [
|
|
921
1012
|
"interactive",
|
|
@@ -1126,6 +1217,22 @@ export default {
|
|
|
1126
1217
|
"name": "code-text",
|
|
1127
1218
|
"value": "#0b54c1"
|
|
1128
1219
|
},
|
|
1220
|
+
{
|
|
1221
|
+
"category": [
|
|
1222
|
+
"hues",
|
|
1223
|
+
"main-hues"
|
|
1224
|
+
],
|
|
1225
|
+
"fill": {
|
|
1226
|
+
"r": 134,
|
|
1227
|
+
"g": 135,
|
|
1228
|
+
"b": 152,
|
|
1229
|
+
"a": 1
|
|
1230
|
+
},
|
|
1231
|
+
"hasAlpha": false,
|
|
1232
|
+
"rgbFill": "rgb(134, 135, 152)",
|
|
1233
|
+
"name": "neutral",
|
|
1234
|
+
"value": "#868798"
|
|
1235
|
+
},
|
|
1129
1236
|
{
|
|
1130
1237
|
"category": [
|
|
1131
1238
|
"hues",
|
|
@@ -1510,6 +1617,51 @@ export default {
|
|
|
1510
1617
|
"name": "lines-light",
|
|
1511
1618
|
"value": "#eeeeee"
|
|
1512
1619
|
},
|
|
1620
|
+
{
|
|
1621
|
+
"category": [
|
|
1622
|
+
"divider-lines"
|
|
1623
|
+
],
|
|
1624
|
+
"fill": {
|
|
1625
|
+
"r": 200,
|
|
1626
|
+
"g": 200,
|
|
1627
|
+
"b": 208,
|
|
1628
|
+
"a": 1
|
|
1629
|
+
},
|
|
1630
|
+
"hasAlpha": false,
|
|
1631
|
+
"rgbFill": "rgb(200, 200, 208)",
|
|
1632
|
+
"name": "border-reg",
|
|
1633
|
+
"value": "#c8c8d0"
|
|
1634
|
+
},
|
|
1635
|
+
{
|
|
1636
|
+
"category": [
|
|
1637
|
+
"divider-lines"
|
|
1638
|
+
],
|
|
1639
|
+
"fill": {
|
|
1640
|
+
"r": 222,
|
|
1641
|
+
"g": 222,
|
|
1642
|
+
"b": 227,
|
|
1643
|
+
"a": 1
|
|
1644
|
+
},
|
|
1645
|
+
"hasAlpha": false,
|
|
1646
|
+
"rgbFill": "rgb(222, 222, 227)",
|
|
1647
|
+
"name": "border-faint",
|
|
1648
|
+
"value": "#dedee3"
|
|
1649
|
+
},
|
|
1650
|
+
{
|
|
1651
|
+
"category": [
|
|
1652
|
+
"divider-lines"
|
|
1653
|
+
],
|
|
1654
|
+
"fill": {
|
|
1655
|
+
"r": 156,
|
|
1656
|
+
"g": 156,
|
|
1657
|
+
"b": 170,
|
|
1658
|
+
"a": 1
|
|
1659
|
+
},
|
|
1660
|
+
"hasAlpha": false,
|
|
1661
|
+
"rgbFill": "rgb(156, 156, 170)",
|
|
1662
|
+
"name": "border-bold",
|
|
1663
|
+
"value": "#9c9caa"
|
|
1664
|
+
},
|
|
1513
1665
|
{
|
|
1514
1666
|
"category": [
|
|
1515
1667
|
"hues",
|
|
@@ -1696,6 +1848,21 @@ export default {
|
|
|
1696
1848
|
"name": "overlay-2",
|
|
1697
1849
|
"value": "#00000026"
|
|
1698
1850
|
},
|
|
1851
|
+
{
|
|
1852
|
+
"category": [
|
|
1853
|
+
"transparency"
|
|
1854
|
+
],
|
|
1855
|
+
"fill": {
|
|
1856
|
+
"r": 153,
|
|
1857
|
+
"g": 153,
|
|
1858
|
+
"b": 153,
|
|
1859
|
+
"a": 0.13
|
|
1860
|
+
},
|
|
1861
|
+
"hasAlpha": true,
|
|
1862
|
+
"rgbFill": "rgba(153, 153, 153, 0.13)",
|
|
1863
|
+
"name": "overlay-reverse-0\\.5",
|
|
1864
|
+
"value": "#999999"
|
|
1865
|
+
},
|
|
1699
1866
|
{
|
|
1700
1867
|
"category": [
|
|
1701
1868
|
"hues",
|
|
@@ -1913,6 +2080,21 @@ export default {
|
|
|
1913
2080
|
"name": "surface-xl",
|
|
1914
2081
|
"value": "#ffffff"
|
|
1915
2082
|
},
|
|
2083
|
+
{
|
|
2084
|
+
"category": [
|
|
2085
|
+
"surfaces"
|
|
2086
|
+
],
|
|
2087
|
+
"fill": {
|
|
2088
|
+
"r": 255,
|
|
2089
|
+
"g": 255,
|
|
2090
|
+
"b": 255,
|
|
2091
|
+
"a": 1
|
|
2092
|
+
},
|
|
2093
|
+
"hasAlpha": false,
|
|
2094
|
+
"rgbFill": "rgb(255, 255, 255)",
|
|
2095
|
+
"name": "surface-dash-widget",
|
|
2096
|
+
"value": "#ffffff"
|
|
2097
|
+
},
|
|
1916
2098
|
{
|
|
1917
2099
|
"category": [
|
|
1918
2100
|
"interactive",
|