@patternfly/react-tokens 6.0.0-alpha.34 → 6.0.0-alpha.36

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 (136) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/esm/c_card.d.ts +72 -8
  3. package/dist/esm/c_card.js +72 -8
  4. package/dist/esm/c_card_m_clickable_m_current_BorderColor.d.ts +6 -0
  5. package/dist/esm/c_card_m_clickable_m_current_BorderColor.js +6 -0
  6. package/dist/esm/c_card_m_clickable_m_current_BorderWidth.d.ts +6 -0
  7. package/dist/esm/c_card_m_clickable_m_current_BorderWidth.js +6 -0
  8. package/dist/esm/c_card_m_selectable_focus_BorderColor.d.ts +1 -1
  9. package/dist/esm/c_card_m_selectable_focus_BorderColor.js +1 -1
  10. package/dist/esm/c_card_m_selectable_hover_BorderColor.d.ts +1 -1
  11. package/dist/esm/c_card_m_selectable_hover_BorderColor.js +1 -1
  12. package/dist/esm/c_content.d.ts +44 -0
  13. package/dist/esm/c_content.js +44 -0
  14. package/dist/esm/c_content_FontSize.d.ts +1 -1
  15. package/dist/esm/c_content_FontSize.js +1 -1
  16. package/dist/esm/c_content_m_editorial_FontSize.d.ts +6 -0
  17. package/dist/esm/c_content_m_editorial_FontSize.js +6 -0
  18. package/dist/esm/c_content_m_editorial_small_FontSize.d.ts +6 -0
  19. package/dist/esm/c_content_m_editorial_small_FontSize.js +6 -0
  20. package/dist/esm/c_content_small_FontSize.d.ts +1 -1
  21. package/dist/esm/c_content_small_FontSize.js +1 -1
  22. package/dist/esm/c_form_control.d.ts +84 -76
  23. package/dist/esm/c_form_control.js +84 -76
  24. package/dist/esm/c_form_control_after_BorderColor.d.ts +1 -1
  25. package/dist/esm/c_form_control_after_BorderColor.js +1 -1
  26. package/dist/esm/c_form_control_hover_after_BorderColor.d.ts +1 -1
  27. package/dist/esm/c_form_control_hover_after_BorderColor.js +1 -1
  28. package/dist/esm/c_form_control_m_error_hover_after_BorderColor.d.ts +6 -0
  29. package/dist/esm/c_form_control_m_error_hover_after_BorderColor.js +6 -0
  30. package/dist/esm/c_form_control_m_success_hover_after_BorderColor.d.ts +6 -0
  31. package/dist/esm/c_form_control_m_success_hover_after_BorderColor.js +6 -0
  32. package/dist/esm/c_form_control_m_warning_hover_after_BorderColor.d.ts +6 -0
  33. package/dist/esm/c_form_control_m_warning_hover_after_BorderColor.js +6 -0
  34. package/dist/esm/chart_bullet_negative_measure_ColorScale_100.d.ts +2 -2
  35. package/dist/esm/chart_bullet_negative_measure_ColorScale_100.js +2 -2
  36. package/dist/esm/chart_bullet_negative_measure_ColorScale_200.d.ts +2 -2
  37. package/dist/esm/chart_bullet_negative_measure_ColorScale_200.js +2 -2
  38. package/dist/esm/chart_bullet_negative_measure_ColorScale_300.d.ts +2 -2
  39. package/dist/esm/chart_bullet_negative_measure_ColorScale_300.js +2 -2
  40. package/dist/esm/chart_bullet_negative_measure_ColorScale_400.d.ts +2 -2
  41. package/dist/esm/chart_bullet_negative_measure_ColorScale_400.js +2 -2
  42. package/dist/esm/chart_bullet_negative_measure_ColorScale_500.d.ts +2 -2
  43. package/dist/esm/chart_bullet_negative_measure_ColorScale_500.js +2 -2
  44. package/dist/esm/chart_global_label_stroke_Width.d.ts +2 -2
  45. package/dist/esm/chart_global_label_stroke_Width.js +2 -2
  46. package/dist/esm/index.d.ts +7 -9
  47. package/dist/esm/index.js +7 -9
  48. package/dist/esm/patternfly_charts.d.ts +26 -65
  49. package/dist/esm/patternfly_charts.js +26 -65
  50. package/dist/js/c_card.d.ts +72 -8
  51. package/dist/js/c_card.js +72 -8
  52. package/dist/js/c_card_m_clickable_m_current_BorderColor.d.ts +6 -0
  53. package/dist/js/c_card_m_clickable_m_current_BorderColor.js +8 -0
  54. package/dist/js/c_card_m_clickable_m_current_BorderWidth.d.ts +6 -0
  55. package/dist/js/c_card_m_clickable_m_current_BorderWidth.js +8 -0
  56. package/dist/js/c_card_m_selectable_focus_BorderColor.d.ts +1 -1
  57. package/dist/js/c_card_m_selectable_focus_BorderColor.js +1 -1
  58. package/dist/js/c_card_m_selectable_hover_BorderColor.d.ts +1 -1
  59. package/dist/js/c_card_m_selectable_hover_BorderColor.js +1 -1
  60. package/dist/js/c_content.d.ts +44 -0
  61. package/dist/js/c_content.js +44 -0
  62. package/dist/js/c_content_FontSize.d.ts +1 -1
  63. package/dist/js/c_content_FontSize.js +1 -1
  64. package/dist/js/c_content_m_editorial_FontSize.d.ts +6 -0
  65. package/dist/js/c_content_m_editorial_FontSize.js +8 -0
  66. package/dist/js/c_content_m_editorial_small_FontSize.d.ts +6 -0
  67. package/dist/js/c_content_m_editorial_small_FontSize.js +8 -0
  68. package/dist/js/c_content_small_FontSize.d.ts +1 -1
  69. package/dist/js/c_content_small_FontSize.js +1 -1
  70. package/dist/js/c_form_control.d.ts +84 -76
  71. package/dist/js/c_form_control.js +84 -76
  72. package/dist/js/c_form_control_after_BorderColor.d.ts +1 -1
  73. package/dist/js/c_form_control_after_BorderColor.js +1 -1
  74. package/dist/js/c_form_control_hover_after_BorderColor.d.ts +1 -1
  75. package/dist/js/c_form_control_hover_after_BorderColor.js +1 -1
  76. package/dist/js/c_form_control_m_error_hover_after_BorderColor.d.ts +6 -0
  77. package/dist/js/c_form_control_m_error_hover_after_BorderColor.js +8 -0
  78. package/dist/js/c_form_control_m_success_hover_after_BorderColor.d.ts +6 -0
  79. package/dist/js/c_form_control_m_success_hover_after_BorderColor.js +8 -0
  80. package/dist/js/c_form_control_m_warning_hover_after_BorderColor.d.ts +6 -0
  81. package/dist/js/c_form_control_m_warning_hover_after_BorderColor.js +8 -0
  82. package/dist/js/chart_bullet_negative_measure_ColorScale_100.d.ts +2 -2
  83. package/dist/js/chart_bullet_negative_measure_ColorScale_100.js +2 -2
  84. package/dist/js/chart_bullet_negative_measure_ColorScale_200.d.ts +2 -2
  85. package/dist/js/chart_bullet_negative_measure_ColorScale_200.js +2 -2
  86. package/dist/js/chart_bullet_negative_measure_ColorScale_300.d.ts +2 -2
  87. package/dist/js/chart_bullet_negative_measure_ColorScale_300.js +2 -2
  88. package/dist/js/chart_bullet_negative_measure_ColorScale_400.d.ts +2 -2
  89. package/dist/js/chart_bullet_negative_measure_ColorScale_400.js +2 -2
  90. package/dist/js/chart_bullet_negative_measure_ColorScale_500.d.ts +2 -2
  91. package/dist/js/chart_bullet_negative_measure_ColorScale_500.js +2 -2
  92. package/dist/js/chart_global_label_stroke_Width.d.ts +2 -2
  93. package/dist/js/chart_global_label_stroke_Width.js +2 -2
  94. package/dist/js/index.d.ts +7 -9
  95. package/dist/js/index.js +7 -9
  96. package/dist/js/patternfly_charts.d.ts +26 -65
  97. package/dist/js/patternfly_charts.js +26 -65
  98. package/package.json +4 -4
  99. package/scripts/{generateTokens.js → generateTokens.mjs} +7 -9
  100. package/scripts/{writeTokens.js → writeTokens.mjs} +4 -4
  101. package/dist/esm/c_form_control_focus_after_BorderColor.d.ts +0 -6
  102. package/dist/esm/c_form_control_focus_after_BorderColor.js +0 -6
  103. package/dist/esm/c_form_control_focus_after_BorderWidth.d.ts +0 -6
  104. package/dist/esm/c_form_control_focus_after_BorderWidth.js +0 -6
  105. package/dist/esm/c_form_control_m_readonly_focus_after_BorderColor.d.ts +0 -6
  106. package/dist/esm/c_form_control_m_readonly_focus_after_BorderColor.js +0 -6
  107. package/dist/esm/c_form_control_m_readonly_focus_after_BorderWidth.d.ts +0 -6
  108. package/dist/esm/c_form_control_m_readonly_focus_after_BorderWidth.js +0 -6
  109. package/dist/esm/chart_color_red_100.d.ts +0 -6
  110. package/dist/esm/chart_color_red_100.js +0 -6
  111. package/dist/esm/chart_color_red_200.d.ts +0 -6
  112. package/dist/esm/chart_color_red_200.js +0 -6
  113. package/dist/esm/chart_color_red_300.d.ts +0 -6
  114. package/dist/esm/chart_color_red_300.js +0 -6
  115. package/dist/esm/chart_color_red_400.d.ts +0 -6
  116. package/dist/esm/chart_color_red_400.js +0 -6
  117. package/dist/esm/chart_color_red_500.d.ts +0 -6
  118. package/dist/esm/chart_color_red_500.js +0 -6
  119. package/dist/js/c_form_control_focus_after_BorderColor.d.ts +0 -6
  120. package/dist/js/c_form_control_focus_after_BorderColor.js +0 -8
  121. package/dist/js/c_form_control_focus_after_BorderWidth.d.ts +0 -6
  122. package/dist/js/c_form_control_focus_after_BorderWidth.js +0 -8
  123. package/dist/js/c_form_control_m_readonly_focus_after_BorderColor.d.ts +0 -6
  124. package/dist/js/c_form_control_m_readonly_focus_after_BorderColor.js +0 -8
  125. package/dist/js/c_form_control_m_readonly_focus_after_BorderWidth.d.ts +0 -6
  126. package/dist/js/c_form_control_m_readonly_focus_after_BorderWidth.js +0 -8
  127. package/dist/js/chart_color_red_100.d.ts +0 -6
  128. package/dist/js/chart_color_red_100.js +0 -8
  129. package/dist/js/chart_color_red_200.d.ts +0 -6
  130. package/dist/js/chart_color_red_200.js +0 -8
  131. package/dist/js/chart_color_red_300.d.ts +0 -6
  132. package/dist/js/chart_color_red_300.js +0 -8
  133. package/dist/js/chart_color_red_400.d.ts +0 -6
  134. package/dist/js/chart_color_red_400.js +0 -8
  135. package/dist/js/chart_color_red_500.d.ts +0 -6
  136. package/dist/js/chart_color_red_500.js +0 -8
@@ -1443,46 +1443,6 @@ export const patternfly_charts: {
1443
1443
  "#b98412"
1444
1444
  ]
1445
1445
  },
1446
- "chart_color_red_100": {
1447
- "name": "--pf-v6-chart-color-red-100",
1448
- "value": "undefined",
1449
- "values": [
1450
- "--pf-t--chart--color--red--100",
1451
- "undefined"
1452
- ]
1453
- },
1454
- "chart_color_red_200": {
1455
- "name": "--pf-v6-chart-color-red-200",
1456
- "value": "undefined",
1457
- "values": [
1458
- "--pf-t--chart--color--red--200",
1459
- "undefined"
1460
- ]
1461
- },
1462
- "chart_color_red_300": {
1463
- "name": "--pf-v6-chart-color-red-300",
1464
- "value": "undefined",
1465
- "values": [
1466
- "--pf-t--chart--color--red--300",
1467
- "undefined"
1468
- ]
1469
- },
1470
- "chart_color_red_400": {
1471
- "name": "--pf-v6-chart-color-red-400",
1472
- "value": "undefined",
1473
- "values": [
1474
- "--pf-t--chart--color--red--400",
1475
- "undefined"
1476
- ]
1477
- },
1478
- "chart_color_red_500": {
1479
- "name": "--pf-v6-chart-color-red-500",
1480
- "value": "undefined",
1481
- "values": [
1482
- "--pf-t--chart--color--red--500",
1483
- "undefined"
1484
- ]
1485
- },
1486
1446
  "chart_global_FontFamily": {
1487
1447
  "name": "--pf-v6-chart-global--FontFamily",
1488
1448
  "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif",
@@ -1510,11 +1470,7 @@ export const patternfly_charts: {
1510
1470
  },
1511
1471
  "chart_global_label_stroke_Width": {
1512
1472
  "name": "--pf-v6-chart-global--label--stroke--Width",
1513
- "value": "undefined",
1514
- "values": [
1515
- "--pf-t--chart--global--label--stroke--width",
1516
- "undefined"
1517
- ]
1473
+ "value": "0"
1518
1474
  },
1519
1475
  "chart_global_label_Fill": {
1520
1476
  "name": "--pf-v6-chart-global--label--Fill",
@@ -2069,47 +2025,52 @@ export const patternfly_charts: {
2069
2025
  },
2070
2026
  "chart_bullet_negative_measure_ColorScale_100": {
2071
2027
  "name": "--pf-v6-chart-bullet--negative-measure--ColorScale--100",
2072
- "value": "undefined",
2028
+ "value": "#f89b78",
2073
2029
  "values": [
2074
- "--pf-v6-chart-color-red-100",
2075
- "--pf-t--chart--color--red--100",
2076
- "undefined"
2030
+ "--pf-v6-chart-color-red-orange-100",
2031
+ "--pf-t--chart--color--red-orange--100",
2032
+ "--pf-t--color--red-orange--30",
2033
+ "#f89b78"
2077
2034
  ]
2078
2035
  },
2079
2036
  "chart_bullet_negative_measure_ColorScale_200": {
2080
2037
  "name": "--pf-v6-chart-bullet--negative-measure--ColorScale--200",
2081
- "value": "undefined",
2038
+ "value": "#f4784a",
2082
2039
  "values": [
2083
- "--pf-v6-chart-color-red-200",
2084
- "--pf-t--chart--color--red--200",
2085
- "undefined"
2040
+ "--pf-v6-chart-color-red-orange-200",
2041
+ "--pf-t--chart--color--red-orange--200",
2042
+ "--pf-t--color--red-orange--40",
2043
+ "#f4784a"
2086
2044
  ]
2087
2045
  },
2088
2046
  "chart_bullet_negative_measure_ColorScale_300": {
2089
2047
  "name": "--pf-v6-chart-bullet--negative-measure--ColorScale--300",
2090
- "value": "undefined",
2048
+ "value": "#f0561d",
2091
2049
  "values": [
2092
- "--pf-v6-chart-color-red-300",
2093
- "--pf-t--chart--color--red--300",
2094
- "undefined"
2050
+ "--pf-v6-chart-color-red-orange-300",
2051
+ "--pf-t--chart--color--red-orange--300",
2052
+ "--pf-t--color--red-orange--50",
2053
+ "#f0561d"
2095
2054
  ]
2096
2055
  },
2097
2056
  "chart_bullet_negative_measure_ColorScale_400": {
2098
2057
  "name": "--pf-v6-chart-bullet--negative-measure--ColorScale--400",
2099
- "value": "undefined",
2058
+ "value": "#b1380b",
2100
2059
  "values": [
2101
- "--pf-v6-chart-color-red-400",
2102
- "--pf-t--chart--color--red--400",
2103
- "undefined"
2060
+ "--pf-v6-chart-color-red-orange-400",
2061
+ "--pf-t--chart--color--red-orange--400",
2062
+ "--pf-t--color--red-orange--60",
2063
+ "#b1380b"
2104
2064
  ]
2105
2065
  },
2106
2066
  "chart_bullet_negative_measure_ColorScale_500": {
2107
2067
  "name": "--pf-v6-chart-bullet--negative-measure--ColorScale--500",
2108
- "value": "undefined",
2068
+ "value": "#731f00",
2109
2069
  "values": [
2110
- "--pf-v6-chart-color-red-500",
2111
- "--pf-t--chart--color--red--500",
2112
- "undefined"
2070
+ "--pf-v6-chart-color-red-orange-500",
2071
+ "--pf-t--chart--color--red-orange--500",
2072
+ "--pf-t--color--red-orange--70",
2073
+ "#731f00"
2113
2074
  ]
2114
2075
  },
2115
2076
  "chart_bullet_qualitative_range_Width": {
@@ -1445,46 +1445,6 @@ exports.patternfly_charts = {
1445
1445
  "#b98412"
1446
1446
  ]
1447
1447
  },
1448
- "chart_color_red_100": {
1449
- "name": "--pf-v6-chart-color-red-100",
1450
- "value": "undefined",
1451
- "values": [
1452
- "--pf-t--chart--color--red--100",
1453
- "undefined"
1454
- ]
1455
- },
1456
- "chart_color_red_200": {
1457
- "name": "--pf-v6-chart-color-red-200",
1458
- "value": "undefined",
1459
- "values": [
1460
- "--pf-t--chart--color--red--200",
1461
- "undefined"
1462
- ]
1463
- },
1464
- "chart_color_red_300": {
1465
- "name": "--pf-v6-chart-color-red-300",
1466
- "value": "undefined",
1467
- "values": [
1468
- "--pf-t--chart--color--red--300",
1469
- "undefined"
1470
- ]
1471
- },
1472
- "chart_color_red_400": {
1473
- "name": "--pf-v6-chart-color-red-400",
1474
- "value": "undefined",
1475
- "values": [
1476
- "--pf-t--chart--color--red--400",
1477
- "undefined"
1478
- ]
1479
- },
1480
- "chart_color_red_500": {
1481
- "name": "--pf-v6-chart-color-red-500",
1482
- "value": "undefined",
1483
- "values": [
1484
- "--pf-t--chart--color--red--500",
1485
- "undefined"
1486
- ]
1487
- },
1488
1448
  "chart_global_FontFamily": {
1489
1449
  "name": "--pf-v6-chart-global--FontFamily",
1490
1450
  "value": "\"Red Hat Text\", \"RedHatText\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif",
@@ -1512,11 +1472,7 @@ exports.patternfly_charts = {
1512
1472
  },
1513
1473
  "chart_global_label_stroke_Width": {
1514
1474
  "name": "--pf-v6-chart-global--label--stroke--Width",
1515
- "value": "undefined",
1516
- "values": [
1517
- "--pf-t--chart--global--label--stroke--width",
1518
- "undefined"
1519
- ]
1475
+ "value": "0"
1520
1476
  },
1521
1477
  "chart_global_label_Fill": {
1522
1478
  "name": "--pf-v6-chart-global--label--Fill",
@@ -2071,47 +2027,52 @@ exports.patternfly_charts = {
2071
2027
  },
2072
2028
  "chart_bullet_negative_measure_ColorScale_100": {
2073
2029
  "name": "--pf-v6-chart-bullet--negative-measure--ColorScale--100",
2074
- "value": "undefined",
2030
+ "value": "#f89b78",
2075
2031
  "values": [
2076
- "--pf-v6-chart-color-red-100",
2077
- "--pf-t--chart--color--red--100",
2078
- "undefined"
2032
+ "--pf-v6-chart-color-red-orange-100",
2033
+ "--pf-t--chart--color--red-orange--100",
2034
+ "--pf-t--color--red-orange--30",
2035
+ "#f89b78"
2079
2036
  ]
2080
2037
  },
2081
2038
  "chart_bullet_negative_measure_ColorScale_200": {
2082
2039
  "name": "--pf-v6-chart-bullet--negative-measure--ColorScale--200",
2083
- "value": "undefined",
2040
+ "value": "#f4784a",
2084
2041
  "values": [
2085
- "--pf-v6-chart-color-red-200",
2086
- "--pf-t--chart--color--red--200",
2087
- "undefined"
2042
+ "--pf-v6-chart-color-red-orange-200",
2043
+ "--pf-t--chart--color--red-orange--200",
2044
+ "--pf-t--color--red-orange--40",
2045
+ "#f4784a"
2088
2046
  ]
2089
2047
  },
2090
2048
  "chart_bullet_negative_measure_ColorScale_300": {
2091
2049
  "name": "--pf-v6-chart-bullet--negative-measure--ColorScale--300",
2092
- "value": "undefined",
2050
+ "value": "#f0561d",
2093
2051
  "values": [
2094
- "--pf-v6-chart-color-red-300",
2095
- "--pf-t--chart--color--red--300",
2096
- "undefined"
2052
+ "--pf-v6-chart-color-red-orange-300",
2053
+ "--pf-t--chart--color--red-orange--300",
2054
+ "--pf-t--color--red-orange--50",
2055
+ "#f0561d"
2097
2056
  ]
2098
2057
  },
2099
2058
  "chart_bullet_negative_measure_ColorScale_400": {
2100
2059
  "name": "--pf-v6-chart-bullet--negative-measure--ColorScale--400",
2101
- "value": "undefined",
2060
+ "value": "#b1380b",
2102
2061
  "values": [
2103
- "--pf-v6-chart-color-red-400",
2104
- "--pf-t--chart--color--red--400",
2105
- "undefined"
2062
+ "--pf-v6-chart-color-red-orange-400",
2063
+ "--pf-t--chart--color--red-orange--400",
2064
+ "--pf-t--color--red-orange--60",
2065
+ "#b1380b"
2106
2066
  ]
2107
2067
  },
2108
2068
  "chart_bullet_negative_measure_ColorScale_500": {
2109
2069
  "name": "--pf-v6-chart-bullet--negative-measure--ColorScale--500",
2110
- "value": "undefined",
2070
+ "value": "#731f00",
2111
2071
  "values": [
2112
- "--pf-v6-chart-color-red-500",
2113
- "--pf-t--chart--color--red--500",
2114
- "undefined"
2072
+ "--pf-v6-chart-color-red-orange-500",
2073
+ "--pf-t--chart--color--red-orange--500",
2074
+ "--pf-t--color--red-orange--70",
2075
+ "#731f00"
2115
2076
  ]
2116
2077
  },
2117
2078
  "chart_bullet_qualitative_range_Width": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-tokens",
3
- "version": "6.0.0-alpha.34",
3
+ "version": "6.0.0-alpha.36",
4
4
  "description": "This library provides access to the design tokens of PatternFly 4 from JavaScript",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -25,13 +25,13 @@
25
25
  },
26
26
  "homepage": "https://github.com/patternfly/patternfly-react#readme",
27
27
  "scripts": {
28
- "generate": "yarn clean && node scripts/writeTokens.js",
28
+ "generate": "yarn clean && node scripts/writeTokens.mjs",
29
29
  "clean": "rimraf dist"
30
30
  },
31
31
  "devDependencies": {
32
- "@patternfly/patternfly": "6.0.0-alpha.205",
32
+ "@patternfly/patternfly": "6.0.0-alpha.210",
33
33
  "css": "^3.0.0",
34
34
  "fs-extra": "^11.2.0"
35
35
  },
36
- "gitHead": "19631bb68902f7cd7b0c3c20d08088b94eab321d"
36
+ "gitHead": "c51081df254133ab9d594a2d3fe7ce5397cbd182"
37
37
  }
@@ -1,8 +1,10 @@
1
- const { glob } = require('glob');
2
- const { dirname, basename, sep } = require('path');
3
- const { parse, stringify } = require('css');
4
- const { readFileSync } = require('fs');
1
+ import { glob } from 'glob';
2
+ import { createRequire } from 'node:module';
3
+ import { dirname, basename, sep } from 'node:path';
4
+ import { parse, stringify } from 'css';
5
+ import { readFileSync } from 'node:fs';
5
6
 
7
+ const require = createRequire(import.meta.url);
6
8
  const pfStylesDir = dirname(require.resolve('@patternfly/patternfly/patternfly.css'));
7
9
  const version = 'v6';
8
10
 
@@ -91,7 +93,7 @@ const getLocalVarsMap = (cssFiles) => {
91
93
  * }
92
94
  * }
93
95
  */
94
- function generateTokens() {
96
+ export function generateTokens() {
95
97
  const cssFiles = glob
96
98
  .sync(['{**/{components,layouts}/**/*.css', '**/patternfly-charts.css', '**/patternfly-variables.css}'].join(','), {
97
99
  cwd: pfStylesDir,
@@ -249,7 +251,3 @@ function generateTokens() {
249
251
 
250
252
  return fileTokens;
251
253
  }
252
-
253
- module.exports = {
254
- generateTokens
255
- };
@@ -1,8 +1,8 @@
1
- const { outputFileSync } = require('fs-extra');
2
- const { resolve, join } = require('path');
3
- const { generateTokens } = require('./generateTokens');
1
+ import { outputFileSync } from 'fs-extra/esm';
2
+ import { resolve, join } from 'node:path';
3
+ import { generateTokens } from './generateTokens.mjs';
4
4
 
5
- const outDir = resolve(__dirname, '../dist');
5
+ const outDir = resolve(import.meta.dirname, '../dist');
6
6
 
7
7
  const writeESMExport = (tokenName, tokenString) =>
8
8
  outputFileSync(
@@ -1,6 +0,0 @@
1
- export const c_form_control_focus_after_BorderColor: {
2
- "name": "--pf-v6-c-form-control--focus--after--BorderColor",
3
- "value": "#0066cc",
4
- "var": "var(--pf-v6-c-form-control--focus--after--BorderColor)"
5
- };
6
- export default c_form_control_focus_after_BorderColor;
@@ -1,6 +0,0 @@
1
- export const c_form_control_focus_after_BorderColor = {
2
- "name": "--pf-v6-c-form-control--focus--after--BorderColor",
3
- "value": "#0066cc",
4
- "var": "var(--pf-v6-c-form-control--focus--after--BorderColor)"
5
- };
6
- export default c_form_control_focus_after_BorderColor;
@@ -1,6 +0,0 @@
1
- export const c_form_control_focus_after_BorderWidth: {
2
- "name": "--pf-v6-c-form-control--focus--after--BorderWidth",
3
- "value": "2px",
4
- "var": "var(--pf-v6-c-form-control--focus--after--BorderWidth)"
5
- };
6
- export default c_form_control_focus_after_BorderWidth;
@@ -1,6 +0,0 @@
1
- export const c_form_control_focus_after_BorderWidth = {
2
- "name": "--pf-v6-c-form-control--focus--after--BorderWidth",
3
- "value": "2px",
4
- "var": "var(--pf-v6-c-form-control--focus--after--BorderWidth)"
5
- };
6
- export default c_form_control_focus_after_BorderWidth;
@@ -1,6 +0,0 @@
1
- export const c_form_control_m_readonly_focus_after_BorderColor: {
2
- "name": "--pf-v6-c-form-control--m-readonly--focus--after--BorderColor",
3
- "value": "#0066cc",
4
- "var": "var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor)"
5
- };
6
- export default c_form_control_m_readonly_focus_after_BorderColor;
@@ -1,6 +0,0 @@
1
- export const c_form_control_m_readonly_focus_after_BorderColor = {
2
- "name": "--pf-v6-c-form-control--m-readonly--focus--after--BorderColor",
3
- "value": "#0066cc",
4
- "var": "var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor)"
5
- };
6
- export default c_form_control_m_readonly_focus_after_BorderColor;
@@ -1,6 +0,0 @@
1
- export const c_form_control_m_readonly_focus_after_BorderWidth: {
2
- "name": "--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth",
3
- "value": "2px",
4
- "var": "var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth)"
5
- };
6
- export default c_form_control_m_readonly_focus_after_BorderWidth;
@@ -1,6 +0,0 @@
1
- export const c_form_control_m_readonly_focus_after_BorderWidth = {
2
- "name": "--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth",
3
- "value": "2px",
4
- "var": "var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth)"
5
- };
6
- export default c_form_control_m_readonly_focus_after_BorderWidth;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_100: {
2
- "name": "--pf-v6-chart-color-red-100",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-100, undefined)"
5
- };
6
- export default chart_color_red_100;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_100 = {
2
- "name": "--pf-v6-chart-color-red-100",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-100, undefined)"
5
- };
6
- export default chart_color_red_100;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_200: {
2
- "name": "--pf-v6-chart-color-red-200",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-200, undefined)"
5
- };
6
- export default chart_color_red_200;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_200 = {
2
- "name": "--pf-v6-chart-color-red-200",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-200, undefined)"
5
- };
6
- export default chart_color_red_200;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_300: {
2
- "name": "--pf-v6-chart-color-red-300",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-300, undefined)"
5
- };
6
- export default chart_color_red_300;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_300 = {
2
- "name": "--pf-v6-chart-color-red-300",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-300, undefined)"
5
- };
6
- export default chart_color_red_300;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_400: {
2
- "name": "--pf-v6-chart-color-red-400",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-400, undefined)"
5
- };
6
- export default chart_color_red_400;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_400 = {
2
- "name": "--pf-v6-chart-color-red-400",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-400, undefined)"
5
- };
6
- export default chart_color_red_400;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_500: {
2
- "name": "--pf-v6-chart-color-red-500",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-500, undefined)"
5
- };
6
- export default chart_color_red_500;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_500 = {
2
- "name": "--pf-v6-chart-color-red-500",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-500, undefined)"
5
- };
6
- export default chart_color_red_500;
@@ -1,6 +0,0 @@
1
- export const c_form_control_focus_after_BorderColor: {
2
- "name": "--pf-v6-c-form-control--focus--after--BorderColor",
3
- "value": "#0066cc",
4
- "var": "var(--pf-v6-c-form-control--focus--after--BorderColor)"
5
- };
6
- export default c_form_control_focus_after_BorderColor;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.c_form_control_focus_after_BorderColor = {
4
- "name": "--pf-v6-c-form-control--focus--after--BorderColor",
5
- "value": "#0066cc",
6
- "var": "var(--pf-v6-c-form-control--focus--after--BorderColor)"
7
- };
8
- exports["default"] = exports.c_form_control_focus_after_BorderColor;
@@ -1,6 +0,0 @@
1
- export const c_form_control_focus_after_BorderWidth: {
2
- "name": "--pf-v6-c-form-control--focus--after--BorderWidth",
3
- "value": "2px",
4
- "var": "var(--pf-v6-c-form-control--focus--after--BorderWidth)"
5
- };
6
- export default c_form_control_focus_after_BorderWidth;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.c_form_control_focus_after_BorderWidth = {
4
- "name": "--pf-v6-c-form-control--focus--after--BorderWidth",
5
- "value": "2px",
6
- "var": "var(--pf-v6-c-form-control--focus--after--BorderWidth)"
7
- };
8
- exports["default"] = exports.c_form_control_focus_after_BorderWidth;
@@ -1,6 +0,0 @@
1
- export const c_form_control_m_readonly_focus_after_BorderColor: {
2
- "name": "--pf-v6-c-form-control--m-readonly--focus--after--BorderColor",
3
- "value": "#0066cc",
4
- "var": "var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor)"
5
- };
6
- export default c_form_control_m_readonly_focus_after_BorderColor;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.c_form_control_m_readonly_focus_after_BorderColor = {
4
- "name": "--pf-v6-c-form-control--m-readonly--focus--after--BorderColor",
5
- "value": "#0066cc",
6
- "var": "var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor)"
7
- };
8
- exports["default"] = exports.c_form_control_m_readonly_focus_after_BorderColor;
@@ -1,6 +0,0 @@
1
- export const c_form_control_m_readonly_focus_after_BorderWidth: {
2
- "name": "--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth",
3
- "value": "2px",
4
- "var": "var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth)"
5
- };
6
- export default c_form_control_m_readonly_focus_after_BorderWidth;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.c_form_control_m_readonly_focus_after_BorderWidth = {
4
- "name": "--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth",
5
- "value": "2px",
6
- "var": "var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth)"
7
- };
8
- exports["default"] = exports.c_form_control_m_readonly_focus_after_BorderWidth;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_100: {
2
- "name": "--pf-v6-chart-color-red-100",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-100, undefined)"
5
- };
6
- export default chart_color_red_100;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.chart_color_red_100 = {
4
- "name": "--pf-v6-chart-color-red-100",
5
- "value": "undefined",
6
- "var": "var(--pf-v6-chart-color-red-100, undefined)"
7
- };
8
- exports["default"] = exports.chart_color_red_100;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_200: {
2
- "name": "--pf-v6-chart-color-red-200",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-200, undefined)"
5
- };
6
- export default chart_color_red_200;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.chart_color_red_200 = {
4
- "name": "--pf-v6-chart-color-red-200",
5
- "value": "undefined",
6
- "var": "var(--pf-v6-chart-color-red-200, undefined)"
7
- };
8
- exports["default"] = exports.chart_color_red_200;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_300: {
2
- "name": "--pf-v6-chart-color-red-300",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-300, undefined)"
5
- };
6
- export default chart_color_red_300;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.chart_color_red_300 = {
4
- "name": "--pf-v6-chart-color-red-300",
5
- "value": "undefined",
6
- "var": "var(--pf-v6-chart-color-red-300, undefined)"
7
- };
8
- exports["default"] = exports.chart_color_red_300;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_400: {
2
- "name": "--pf-v6-chart-color-red-400",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-400, undefined)"
5
- };
6
- export default chart_color_red_400;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.chart_color_red_400 = {
4
- "name": "--pf-v6-chart-color-red-400",
5
- "value": "undefined",
6
- "var": "var(--pf-v6-chart-color-red-400, undefined)"
7
- };
8
- exports["default"] = exports.chart_color_red_400;
@@ -1,6 +0,0 @@
1
- export const chart_color_red_500: {
2
- "name": "--pf-v6-chart-color-red-500",
3
- "value": "undefined",
4
- "var": "var(--pf-v6-chart-color-red-500, undefined)"
5
- };
6
- export default chart_color_red_500;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.chart_color_red_500 = {
4
- "name": "--pf-v6-chart-color-red-500",
5
- "value": "undefined",
6
- "var": "var(--pf-v6-chart-color-red-500, undefined)"
7
- };
8
- exports["default"] = exports.chart_color_red_500;