@crowdstrike/tailwind-toucan-base 4.0.0 → 4.1.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.d.ts CHANGED
@@ -514,6 +514,51 @@
514
514
  "name": "lines-light",
515
515
  "value": "#14141a"
516
516
  },
517
+ {
518
+ "category": [
519
+ "divider-lines"
520
+ ],
521
+ "fill": {
522
+ "r": 75,
523
+ "g": 75,
524
+ "b": 88,
525
+ "a": 1
526
+ },
527
+ "hasAlpha": false,
528
+ "rgbFill": "rgb(75, 75, 88)",
529
+ "name": "border-reg",
530
+ "value": "#4b4b58"
531
+ },
532
+ {
533
+ "category": [
534
+ "divider-lines"
535
+ ],
536
+ "fill": {
537
+ "r": 56,
538
+ "g": 56,
539
+ "b": 66,
540
+ "a": 1
541
+ },
542
+ "hasAlpha": false,
543
+ "rgbFill": "rgb(56, 56, 66)",
544
+ "name": "border-faint",
545
+ "value": "#383842"
546
+ },
547
+ {
548
+ "category": [
549
+ "divider-lines"
550
+ ],
551
+ "fill": {
552
+ "r": 103,
553
+ "g": 108,
554
+ "b": 121,
555
+ "a": 1
556
+ },
557
+ "hasAlpha": false,
558
+ "rgbFill": "rgb(103, 108, 121)",
559
+ "name": "border-bold",
560
+ "value": "#676c79"
561
+ },
517
562
  {
518
563
  "category": [
519
564
  "hues",
@@ -700,6 +745,21 @@
700
745
  "name": "overlay-2",
701
746
  "value": "#00000099"
702
747
  },
748
+ {
749
+ "category": [
750
+ "transparency"
751
+ ],
752
+ "fill": {
753
+ "r": 102,
754
+ "g": 102,
755
+ "b": 102,
756
+ "a": 0.13
757
+ },
758
+ "hasAlpha": true,
759
+ "rgbFill": "rgba(102, 102, 102, 0.13)",
760
+ "name": "overlay-reverse-0\\.5",
761
+ "value": "#666666"
762
+ },
703
763
  {
704
764
  "category": [
705
765
  "hues",
@@ -917,6 +977,21 @@
917
977
  "name": "surface-xl",
918
978
  "value": "#38373c"
919
979
  },
980
+ {
981
+ "category": [
982
+ "surfaces"
983
+ ],
984
+ "fill": {
985
+ "r": 0,
986
+ "g": 0,
987
+ "b": 0,
988
+ "a": 1
989
+ },
990
+ "hasAlpha": false,
991
+ "rgbFill": "rgb(0, 0, 0)",
992
+ "name": "surface-dash-widget",
993
+ "value": "#000000"
994
+ },
920
995
  {
921
996
  "category": [
922
997
  "interactive",
@@ -1511,6 +1586,51 @@
1511
1586
  "name": "lines-light",
1512
1587
  "value": "#eeeeee"
1513
1588
  },
1589
+ {
1590
+ "category": [
1591
+ "divider-lines"
1592
+ ],
1593
+ "fill": {
1594
+ "r": 200,
1595
+ "g": 200,
1596
+ "b": 208,
1597
+ "a": 1
1598
+ },
1599
+ "hasAlpha": false,
1600
+ "rgbFill": "rgb(200, 200, 208)",
1601
+ "name": "border-reg",
1602
+ "value": "#c8c8d0"
1603
+ },
1604
+ {
1605
+ "category": [
1606
+ "divider-lines"
1607
+ ],
1608
+ "fill": {
1609
+ "r": 222,
1610
+ "g": 222,
1611
+ "b": 227,
1612
+ "a": 1
1613
+ },
1614
+ "hasAlpha": false,
1615
+ "rgbFill": "rgb(222, 222, 227)",
1616
+ "name": "border-faint",
1617
+ "value": "#dedee3"
1618
+ },
1619
+ {
1620
+ "category": [
1621
+ "divider-lines"
1622
+ ],
1623
+ "fill": {
1624
+ "r": 156,
1625
+ "g": 156,
1626
+ "b": 170,
1627
+ "a": 1
1628
+ },
1629
+ "hasAlpha": false,
1630
+ "rgbFill": "rgb(156, 156, 170)",
1631
+ "name": "border-bold",
1632
+ "value": "#9c9caa"
1633
+ },
1514
1634
  {
1515
1635
  "category": [
1516
1636
  "hues",
@@ -1697,6 +1817,21 @@
1697
1817
  "name": "overlay-2",
1698
1818
  "value": "#00000026"
1699
1819
  },
1820
+ {
1821
+ "category": [
1822
+ "transparency"
1823
+ ],
1824
+ "fill": {
1825
+ "r": 153,
1826
+ "g": 153,
1827
+ "b": 153,
1828
+ "a": 0.13
1829
+ },
1830
+ "hasAlpha": true,
1831
+ "rgbFill": "rgba(153, 153, 153, 0.13)",
1832
+ "name": "overlay-reverse-0\\.5",
1833
+ "value": "#999999"
1834
+ },
1700
1835
  {
1701
1836
  "category": [
1702
1837
  "hues",
@@ -1914,6 +2049,21 @@
1914
2049
  "name": "surface-xl",
1915
2050
  "value": "#ffffff"
1916
2051
  },
2052
+ {
2053
+ "category": [
2054
+ "surfaces"
2055
+ ],
2056
+ "fill": {
2057
+ "r": 255,
2058
+ "g": 255,
2059
+ "b": 255,
2060
+ "a": 1
2061
+ },
2062
+ "hasAlpha": false,
2063
+ "rgbFill": "rgb(255, 255, 255)",
2064
+ "name": "surface-dash-widget",
2065
+ "value": "#ffffff"
2066
+ },
1917
2067
  {
1918
2068
  "category": [
1919
2069
  "interactive",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crowdstrike/tailwind-toucan-base",
3
- "version": "4.0.0",
3
+ "version": "4.1.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.62",
46
+ "@nullvoxpopuli/eslint-configs": "^3.2.2",
47
47
  "@types/fs-extra": "^11.0.1",
48
- "autoprefixer": "^10.4.14",
49
- "c8": "^8.0.0",
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.45.0",
52
- "execa": "^7.1.1",
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.27",
59
+ "postcss": "^8.4.28",
57
60
  "tailwind-config-viewer": "^1.7.2",
58
- "typescript": "^5.1.6",
59
- "vitest": "0.33.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.17.0",
70
- "pnpm": "7.32.5"
72
+ "node": "18.17.1",
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
@@ -513,6 +513,51 @@ export default {
513
513
  "name": "lines-light",
514
514
  "value": "#14141a"
515
515
  },
516
+ {
517
+ "category": [
518
+ "divider-lines"
519
+ ],
520
+ "fill": {
521
+ "r": 75,
522
+ "g": 75,
523
+ "b": 88,
524
+ "a": 1
525
+ },
526
+ "hasAlpha": false,
527
+ "rgbFill": "rgb(75, 75, 88)",
528
+ "name": "border-reg",
529
+ "value": "#4b4b58"
530
+ },
531
+ {
532
+ "category": [
533
+ "divider-lines"
534
+ ],
535
+ "fill": {
536
+ "r": 56,
537
+ "g": 56,
538
+ "b": 66,
539
+ "a": 1
540
+ },
541
+ "hasAlpha": false,
542
+ "rgbFill": "rgb(56, 56, 66)",
543
+ "name": "border-faint",
544
+ "value": "#383842"
545
+ },
546
+ {
547
+ "category": [
548
+ "divider-lines"
549
+ ],
550
+ "fill": {
551
+ "r": 103,
552
+ "g": 108,
553
+ "b": 121,
554
+ "a": 1
555
+ },
556
+ "hasAlpha": false,
557
+ "rgbFill": "rgb(103, 108, 121)",
558
+ "name": "border-bold",
559
+ "value": "#676c79"
560
+ },
516
561
  {
517
562
  "category": [
518
563
  "hues",
@@ -699,6 +744,21 @@ export default {
699
744
  "name": "overlay-2",
700
745
  "value": "#00000099"
701
746
  },
747
+ {
748
+ "category": [
749
+ "transparency"
750
+ ],
751
+ "fill": {
752
+ "r": 102,
753
+ "g": 102,
754
+ "b": 102,
755
+ "a": 0.13
756
+ },
757
+ "hasAlpha": true,
758
+ "rgbFill": "rgba(102, 102, 102, 0.13)",
759
+ "name": "overlay-reverse-0\\.5",
760
+ "value": "#666666"
761
+ },
702
762
  {
703
763
  "category": [
704
764
  "hues",
@@ -916,6 +976,21 @@ export default {
916
976
  "name": "surface-xl",
917
977
  "value": "#38373c"
918
978
  },
979
+ {
980
+ "category": [
981
+ "surfaces"
982
+ ],
983
+ "fill": {
984
+ "r": 0,
985
+ "g": 0,
986
+ "b": 0,
987
+ "a": 1
988
+ },
989
+ "hasAlpha": false,
990
+ "rgbFill": "rgb(0, 0, 0)",
991
+ "name": "surface-dash-widget",
992
+ "value": "#000000"
993
+ },
919
994
  {
920
995
  "category": [
921
996
  "interactive",
@@ -1510,6 +1585,51 @@ export default {
1510
1585
  "name": "lines-light",
1511
1586
  "value": "#eeeeee"
1512
1587
  },
1588
+ {
1589
+ "category": [
1590
+ "divider-lines"
1591
+ ],
1592
+ "fill": {
1593
+ "r": 200,
1594
+ "g": 200,
1595
+ "b": 208,
1596
+ "a": 1
1597
+ },
1598
+ "hasAlpha": false,
1599
+ "rgbFill": "rgb(200, 200, 208)",
1600
+ "name": "border-reg",
1601
+ "value": "#c8c8d0"
1602
+ },
1603
+ {
1604
+ "category": [
1605
+ "divider-lines"
1606
+ ],
1607
+ "fill": {
1608
+ "r": 222,
1609
+ "g": 222,
1610
+ "b": 227,
1611
+ "a": 1
1612
+ },
1613
+ "hasAlpha": false,
1614
+ "rgbFill": "rgb(222, 222, 227)",
1615
+ "name": "border-faint",
1616
+ "value": "#dedee3"
1617
+ },
1618
+ {
1619
+ "category": [
1620
+ "divider-lines"
1621
+ ],
1622
+ "fill": {
1623
+ "r": 156,
1624
+ "g": 156,
1625
+ "b": 170,
1626
+ "a": 1
1627
+ },
1628
+ "hasAlpha": false,
1629
+ "rgbFill": "rgb(156, 156, 170)",
1630
+ "name": "border-bold",
1631
+ "value": "#9c9caa"
1632
+ },
1513
1633
  {
1514
1634
  "category": [
1515
1635
  "hues",
@@ -1696,6 +1816,21 @@ export default {
1696
1816
  "name": "overlay-2",
1697
1817
  "value": "#00000026"
1698
1818
  },
1819
+ {
1820
+ "category": [
1821
+ "transparency"
1822
+ ],
1823
+ "fill": {
1824
+ "r": 153,
1825
+ "g": 153,
1826
+ "b": 153,
1827
+ "a": 0.13
1828
+ },
1829
+ "hasAlpha": true,
1830
+ "rgbFill": "rgba(153, 153, 153, 0.13)",
1831
+ "name": "overlay-reverse-0\\.5",
1832
+ "value": "#999999"
1833
+ },
1699
1834
  {
1700
1835
  "category": [
1701
1836
  "hues",
@@ -1913,6 +2048,21 @@ export default {
1913
2048
  "name": "surface-xl",
1914
2049
  "value": "#ffffff"
1915
2050
  },
2051
+ {
2052
+ "category": [
2053
+ "surfaces"
2054
+ ],
2055
+ "fill": {
2056
+ "r": 255,
2057
+ "g": 255,
2058
+ "b": 255,
2059
+ "a": 1
2060
+ },
2061
+ "hasAlpha": false,
2062
+ "rgbFill": "rgb(255, 255, 255)",
2063
+ "name": "surface-dash-widget",
2064
+ "value": "#ffffff"
2065
+ },
1916
2066
  {
1917
2067
  "category": [
1918
2068
  "interactive",
package/src/themes.json CHANGED
@@ -513,6 +513,51 @@
513
513
  "name": "lines-light",
514
514
  "value": "#14141a"
515
515
  },
516
+ {
517
+ "category": [
518
+ "divider-lines"
519
+ ],
520
+ "fill": {
521
+ "r": 75,
522
+ "g": 75,
523
+ "b": 88,
524
+ "a": 1
525
+ },
526
+ "hasAlpha": false,
527
+ "rgbFill": "rgb(75, 75, 88)",
528
+ "name": "border-reg",
529
+ "value": "#4b4b58"
530
+ },
531
+ {
532
+ "category": [
533
+ "divider-lines"
534
+ ],
535
+ "fill": {
536
+ "r": 56,
537
+ "g": 56,
538
+ "b": 66,
539
+ "a": 1
540
+ },
541
+ "hasAlpha": false,
542
+ "rgbFill": "rgb(56, 56, 66)",
543
+ "name": "border-faint",
544
+ "value": "#383842"
545
+ },
546
+ {
547
+ "category": [
548
+ "divider-lines"
549
+ ],
550
+ "fill": {
551
+ "r": 103,
552
+ "g": 108,
553
+ "b": 121,
554
+ "a": 1
555
+ },
556
+ "hasAlpha": false,
557
+ "rgbFill": "rgb(103, 108, 121)",
558
+ "name": "border-bold",
559
+ "value": "#676c79"
560
+ },
516
561
  {
517
562
  "category": [
518
563
  "hues",
@@ -699,6 +744,21 @@
699
744
  "name": "overlay-2",
700
745
  "value": "#00000099"
701
746
  },
747
+ {
748
+ "category": [
749
+ "transparency"
750
+ ],
751
+ "fill": {
752
+ "r": 102,
753
+ "g": 102,
754
+ "b": 102,
755
+ "a": 0.13
756
+ },
757
+ "hasAlpha": true,
758
+ "rgbFill": "rgba(102, 102, 102, 0.13)",
759
+ "name": "overlay-reverse-0\\.5",
760
+ "value": "#666666"
761
+ },
702
762
  {
703
763
  "category": [
704
764
  "hues",
@@ -916,6 +976,21 @@
916
976
  "name": "surface-xl",
917
977
  "value": "#38373c"
918
978
  },
979
+ {
980
+ "category": [
981
+ "surfaces"
982
+ ],
983
+ "fill": {
984
+ "r": 0,
985
+ "g": 0,
986
+ "b": 0,
987
+ "a": 1
988
+ },
989
+ "hasAlpha": false,
990
+ "rgbFill": "rgb(0, 0, 0)",
991
+ "name": "surface-dash-widget",
992
+ "value": "#000000"
993
+ },
919
994
  {
920
995
  "category": [
921
996
  "interactive",
@@ -1510,6 +1585,51 @@
1510
1585
  "name": "lines-light",
1511
1586
  "value": "#eeeeee"
1512
1587
  },
1588
+ {
1589
+ "category": [
1590
+ "divider-lines"
1591
+ ],
1592
+ "fill": {
1593
+ "r": 200,
1594
+ "g": 200,
1595
+ "b": 208,
1596
+ "a": 1
1597
+ },
1598
+ "hasAlpha": false,
1599
+ "rgbFill": "rgb(200, 200, 208)",
1600
+ "name": "border-reg",
1601
+ "value": "#c8c8d0"
1602
+ },
1603
+ {
1604
+ "category": [
1605
+ "divider-lines"
1606
+ ],
1607
+ "fill": {
1608
+ "r": 222,
1609
+ "g": 222,
1610
+ "b": 227,
1611
+ "a": 1
1612
+ },
1613
+ "hasAlpha": false,
1614
+ "rgbFill": "rgb(222, 222, 227)",
1615
+ "name": "border-faint",
1616
+ "value": "#dedee3"
1617
+ },
1618
+ {
1619
+ "category": [
1620
+ "divider-lines"
1621
+ ],
1622
+ "fill": {
1623
+ "r": 156,
1624
+ "g": 156,
1625
+ "b": 170,
1626
+ "a": 1
1627
+ },
1628
+ "hasAlpha": false,
1629
+ "rgbFill": "rgb(156, 156, 170)",
1630
+ "name": "border-bold",
1631
+ "value": "#9c9caa"
1632
+ },
1513
1633
  {
1514
1634
  "category": [
1515
1635
  "hues",
@@ -1696,6 +1816,21 @@
1696
1816
  "name": "overlay-2",
1697
1817
  "value": "#00000026"
1698
1818
  },
1819
+ {
1820
+ "category": [
1821
+ "transparency"
1822
+ ],
1823
+ "fill": {
1824
+ "r": 153,
1825
+ "g": 153,
1826
+ "b": 153,
1827
+ "a": 0.13
1828
+ },
1829
+ "hasAlpha": true,
1830
+ "rgbFill": "rgba(153, 153, 153, 0.13)",
1831
+ "name": "overlay-reverse-0\\.5",
1832
+ "value": "#999999"
1833
+ },
1699
1834
  {
1700
1835
  "category": [
1701
1836
  "hues",
@@ -1913,6 +2048,21 @@
1913
2048
  "name": "surface-xl",
1914
2049
  "value": "#ffffff"
1915
2050
  },
2051
+ {
2052
+ "category": [
2053
+ "surfaces"
2054
+ ],
2055
+ "fill": {
2056
+ "r": 255,
2057
+ "g": 255,
2058
+ "b": 255,
2059
+ "a": 1
2060
+ },
2061
+ "hasAlpha": false,
2062
+ "rgbFill": "rgb(255, 255, 255)",
2063
+ "name": "surface-dash-widget",
2064
+ "value": "#ffffff"
2065
+ },
1916
2066
  {
1917
2067
  "category": [
1918
2068
  "interactive",