@patternfly/react-tokens 5.0.0-prerelease.2 → 5.0.0-prerelease.4

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 (118) hide show
  1. package/CHANGELOG.md +10 -3338
  2. package/dist/esm/c_about_modal_box.d.ts +32 -0
  3. package/dist/esm/c_about_modal_box.js +32 -0
  4. package/dist/esm/c_accordion.d.ts +20 -0
  5. package/dist/esm/c_accordion.js +20 -0
  6. package/dist/esm/c_alert.d.ts +20 -0
  7. package/dist/esm/c_alert.js +20 -0
  8. package/dist/esm/c_banner.d.ts +52 -0
  9. package/dist/esm/c_banner.js +52 -0
  10. package/dist/esm/c_button_m_primary_BackgroundColor.d.ts +1 -1
  11. package/dist/esm/c_button_m_primary_BackgroundColor.js +1 -1
  12. package/dist/esm/c_calendar_month.d.ts +20 -0
  13. package/dist/esm/c_calendar_month.js +20 -0
  14. package/dist/esm/c_chip.d.ts +20 -0
  15. package/dist/esm/c_chip.js +20 -0
  16. package/dist/esm/c_chip_group.d.ts +20 -0
  17. package/dist/esm/c_chip_group.js +20 -0
  18. package/dist/esm/c_context_selector.d.ts +20 -0
  19. package/dist/esm/c_context_selector.js +20 -0
  20. package/dist/esm/c_data_list.d.ts +20 -0
  21. package/dist/esm/c_data_list.js +20 -0
  22. package/dist/esm/c_form_control.d.ts +20 -0
  23. package/dist/esm/c_form_control.js +20 -0
  24. package/dist/esm/c_log_viewer.d.ts +32 -0
  25. package/dist/esm/c_log_viewer.js +32 -0
  26. package/dist/esm/c_login.d.ts +32 -0
  27. package/dist/esm/c_login.js +32 -0
  28. package/dist/esm/c_masthead.d.ts +52 -0
  29. package/dist/esm/c_masthead.js +52 -0
  30. package/dist/esm/c_menu.d.ts +20 -0
  31. package/dist/esm/c_menu.js +20 -0
  32. package/dist/esm/c_page.d.ts +52 -0
  33. package/dist/esm/c_page.js +52 -0
  34. package/dist/esm/c_select.d.ts +20 -0
  35. package/dist/esm/c_select.js +20 -0
  36. package/dist/esm/c_switch.d.ts +21 -0
  37. package/dist/esm/c_switch.js +21 -0
  38. package/dist/esm/c_switch__input_disabled__toggle_icon_Color.d.ts +6 -0
  39. package/dist/esm/c_switch__input_disabled__toggle_icon_Color.js +6 -0
  40. package/dist/esm/c_switch__toggle_icon_Color.d.ts +1 -1
  41. package/dist/esm/c_switch__toggle_icon_Color.js +1 -1
  42. package/dist/esm/c_table.d.ts +20 -0
  43. package/dist/esm/c_table.js +20 -0
  44. package/dist/esm/c_text_input_group.d.ts +4 -4
  45. package/dist/esm/c_text_input_group.js +4 -4
  46. package/dist/esm/c_wizard.d.ts +32 -0
  47. package/dist/esm/c_wizard.js +32 -0
  48. package/dist/esm/global_icon_Color_dark_dark.d.ts +6 -0
  49. package/dist/esm/global_icon_Color_dark_dark.js +6 -0
  50. package/dist/esm/global_icon_Color_dark_light.d.ts +6 -0
  51. package/dist/esm/global_icon_Color_dark_light.js +6 -0
  52. package/dist/esm/global_icon_Color_light_dark.d.ts +6 -0
  53. package/dist/esm/global_icon_Color_light_dark.js +6 -0
  54. package/dist/esm/global_icon_Color_light_light.d.ts +6 -0
  55. package/dist/esm/global_icon_Color_light_light.js +6 -0
  56. package/dist/esm/index.d.ts +8 -3
  57. package/dist/esm/index.js +8 -3
  58. package/dist/esm/patternfly_variables.d.ts +16 -0
  59. package/dist/esm/patternfly_variables.js +16 -0
  60. package/dist/js/c_about_modal_box.d.ts +32 -0
  61. package/dist/js/c_about_modal_box.js +32 -0
  62. package/dist/js/c_accordion.d.ts +20 -0
  63. package/dist/js/c_accordion.js +20 -0
  64. package/dist/js/c_alert.d.ts +20 -0
  65. package/dist/js/c_alert.js +20 -0
  66. package/dist/js/c_banner.d.ts +52 -0
  67. package/dist/js/c_banner.js +52 -0
  68. package/dist/js/c_button_m_primary_BackgroundColor.d.ts +1 -1
  69. package/dist/js/c_button_m_primary_BackgroundColor.js +1 -1
  70. package/dist/js/c_calendar_month.d.ts +20 -0
  71. package/dist/js/c_calendar_month.js +20 -0
  72. package/dist/js/c_chip.d.ts +20 -0
  73. package/dist/js/c_chip.js +20 -0
  74. package/dist/js/c_chip_group.d.ts +20 -0
  75. package/dist/js/c_chip_group.js +20 -0
  76. package/dist/js/c_context_selector.d.ts +20 -0
  77. package/dist/js/c_context_selector.js +20 -0
  78. package/dist/js/c_data_list.d.ts +20 -0
  79. package/dist/js/c_data_list.js +20 -0
  80. package/dist/js/c_form_control.d.ts +20 -0
  81. package/dist/js/c_form_control.js +20 -0
  82. package/dist/js/c_log_viewer.d.ts +32 -0
  83. package/dist/js/c_log_viewer.js +32 -0
  84. package/dist/js/c_login.d.ts +32 -0
  85. package/dist/js/c_login.js +32 -0
  86. package/dist/js/c_masthead.d.ts +52 -0
  87. package/dist/js/c_masthead.js +52 -0
  88. package/dist/js/c_menu.d.ts +20 -0
  89. package/dist/js/c_menu.js +20 -0
  90. package/dist/js/c_page.d.ts +52 -0
  91. package/dist/js/c_page.js +52 -0
  92. package/dist/js/c_select.d.ts +20 -0
  93. package/dist/js/c_select.js +20 -0
  94. package/dist/js/c_switch.d.ts +21 -0
  95. package/dist/js/c_switch.js +21 -0
  96. package/dist/js/c_switch__input_disabled__toggle_icon_Color.d.ts +6 -0
  97. package/dist/js/c_switch__input_disabled__toggle_icon_Color.js +8 -0
  98. package/dist/js/c_switch__toggle_icon_Color.d.ts +1 -1
  99. package/dist/js/c_switch__toggle_icon_Color.js +1 -1
  100. package/dist/js/c_table.d.ts +20 -0
  101. package/dist/js/c_table.js +20 -0
  102. package/dist/js/c_text_input_group.d.ts +4 -4
  103. package/dist/js/c_text_input_group.js +4 -4
  104. package/dist/js/c_wizard.d.ts +32 -0
  105. package/dist/js/c_wizard.js +32 -0
  106. package/dist/js/global_icon_Color_dark_dark.d.ts +6 -0
  107. package/dist/js/global_icon_Color_dark_dark.js +8 -0
  108. package/dist/js/global_icon_Color_dark_light.d.ts +6 -0
  109. package/dist/js/global_icon_Color_dark_light.js +8 -0
  110. package/dist/js/global_icon_Color_light_dark.d.ts +6 -0
  111. package/dist/js/global_icon_Color_light_dark.js +8 -0
  112. package/dist/js/global_icon_Color_light_light.d.ts +6 -0
  113. package/dist/js/global_icon_Color_light_light.js +8 -0
  114. package/dist/js/index.d.ts +8 -3
  115. package/dist/js/index.js +8 -3
  116. package/dist/js/patternfly_variables.d.ts +16 -0
  117. package/dist/js/patternfly_variables.js +16 -0
  118. package/package.json +3 -3
package/dist/esm/c_form_control.js CHANGED
@@ -72,6 +72,26 @@ export const c_form_control = {
72
72
  "#fff"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#6a6e73",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--dark",
80
+ "$pf-v5-global--icon--Color--light--dark",
81
+ "$pf-v5-color-black-600",
82
+ "#6a6e73"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#151515",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--dark",
90
+ "$pf-v5-global--icon--Color--dark--dark",
91
+ "$pf-v5-color-black-900",
92
+ "#151515"
93
+ ]
94
+ },
75
95
  "c_form_control_ColumnGap": {
76
96
  "name": "--pf-v5-c-form-control--ColumnGap",
77
97
  "value": "0.5rem",
package/dist/esm/c_log_viewer.d.ts CHANGED
@@ -72,6 +72,26 @@ export const c_log_viewer: {
72
72
  "#151515"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#f0f0f0",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--light",
80
+ "$pf-v5-global--icon--Color--light--light",
81
+ "$pf-v5-color-black-200",
82
+ "#f0f0f0"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#fff",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--light",
90
+ "$pf-v5-global--icon--Color--dark--light",
91
+ "$pf-v5-color-white",
92
+ "#fff"
93
+ ]
94
+ },
75
95
  "c_log_viewer__main_BackgroundColor": {
76
96
  "name": "--pf-v5-c-log-viewer__main--BackgroundColor",
77
97
  "value": "#fff",
@@ -123,6 +143,18 @@ export const c_log_viewer: {
123
143
  ]
124
144
  }
125
145
  },
146
+ ".pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button": {
147
+ "c_button_m_primary_BackgroundColor": {
148
+ "name": "--pf-v5-c-button--m-primary--BackgroundColor",
149
+ "value": "#06c",
150
+ "values": [
151
+ "--pf-v5-global--primary-color--dark-100",
152
+ "$pf-v5-global--primary-color--dark-100",
153
+ "$pf-v5-color-blue-400",
154
+ "#06c"
155
+ ]
156
+ }
157
+ },
126
158
  ".pf-v5-c-log-viewer": {
127
159
  "c_log_viewer_Height": {
128
160
  "name": "--pf-v5-c-log-viewer--Height",
package/dist/esm/c_log_viewer.js CHANGED
@@ -72,6 +72,26 @@ export const c_log_viewer = {
72
72
  "#151515"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#f0f0f0",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--light",
80
+ "$pf-v5-global--icon--Color--light--light",
81
+ "$pf-v5-color-black-200",
82
+ "#f0f0f0"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#fff",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--light",
90
+ "$pf-v5-global--icon--Color--dark--light",
91
+ "$pf-v5-color-white",
92
+ "#fff"
93
+ ]
94
+ },
75
95
  "c_log_viewer__main_BackgroundColor": {
76
96
  "name": "--pf-v5-c-log-viewer__main--BackgroundColor",
77
97
  "value": "#fff",
@@ -123,6 +143,18 @@ export const c_log_viewer = {
123
143
  ]
124
144
  }
125
145
  },
146
+ ".pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button": {
147
+ "c_button_m_primary_BackgroundColor": {
148
+ "name": "--pf-v5-c-button--m-primary--BackgroundColor",
149
+ "value": "#06c",
150
+ "values": [
151
+ "--pf-v5-global--primary-color--dark-100",
152
+ "$pf-v5-global--primary-color--dark-100",
153
+ "$pf-v5-color-blue-400",
154
+ "#06c"
155
+ ]
156
+ }
157
+ },
126
158
  ".pf-v5-c-log-viewer": {
127
159
  "c_log_viewer_Height": {
128
160
  "name": "--pf-v5-c-log-viewer--Height",
package/dist/esm/c_login.d.ts CHANGED
@@ -71,6 +71,38 @@ export const c_login: {
71
71
  "$pf-v5-color-black-900",
72
72
  "#151515"
73
73
  ]
74
+ },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#f0f0f0",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--light",
80
+ "$pf-v5-global--icon--Color--light--light",
81
+ "$pf-v5-color-black-200",
82
+ "#f0f0f0"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#fff",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--light",
90
+ "$pf-v5-global--icon--Color--dark--light",
91
+ "$pf-v5-color-white",
92
+ "#fff"
93
+ ]
94
+ }
95
+ },
96
+ ".pf-v5-c-login__footer .pf-v5-c-button": {
97
+ "c_button_m_primary_BackgroundColor": {
98
+ "name": "--pf-v5-c-button--m-primary--BackgroundColor",
99
+ "value": "#06c",
100
+ "values": [
101
+ "--pf-v5-global--primary-color--dark-100",
102
+ "$pf-v5-global--primary-color--dark-100",
103
+ "$pf-v5-color-blue-400",
104
+ "#06c"
105
+ ]
74
106
  }
75
107
  },
76
108
  ".pf-v5-c-login": {
package/dist/esm/c_login.js CHANGED
@@ -71,6 +71,38 @@ export const c_login = {
71
71
  "$pf-v5-color-black-900",
72
72
  "#151515"
73
73
  ]
74
+ },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#f0f0f0",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--light",
80
+ "$pf-v5-global--icon--Color--light--light",
81
+ "$pf-v5-color-black-200",
82
+ "#f0f0f0"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#fff",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--light",
90
+ "$pf-v5-global--icon--Color--dark--light",
91
+ "$pf-v5-color-white",
92
+ "#fff"
93
+ ]
94
+ }
95
+ },
96
+ ".pf-v5-c-login__footer .pf-v5-c-button": {
97
+ "c_button_m_primary_BackgroundColor": {
98
+ "name": "--pf-v5-c-button--m-primary--BackgroundColor",
99
+ "value": "#06c",
100
+ "values": [
101
+ "--pf-v5-global--primary-color--dark-100",
102
+ "$pf-v5-global--primary-color--dark-100",
103
+ "$pf-v5-color-blue-400",
104
+ "#06c"
105
+ ]
74
106
  }
75
107
  },
76
108
  ".pf-v5-c-login": {
package/dist/esm/c_masthead.d.ts CHANGED
@@ -72,6 +72,26 @@ export const c_masthead: {
72
72
  "#fff"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#6a6e73",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--dark",
80
+ "$pf-v5-global--icon--Color--light--dark",
81
+ "$pf-v5-color-black-600",
82
+ "#6a6e73"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#151515",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--dark",
90
+ "$pf-v5-global--icon--Color--dark--dark",
91
+ "$pf-v5-color-black-900",
92
+ "#151515"
93
+ ]
94
+ },
75
95
  "c_masthead_BackgroundColor": {
76
96
  "name": "--pf-v5-c-masthead--BackgroundColor",
77
97
  "value": "#f0f0f0",
@@ -167,6 +187,38 @@ export const c_masthead: {
167
187
  "$pf-v5-color-black-900",
168
188
  "#151515"
169
189
  ]
190
+ },
191
+ "global_icon_Color_light": {
192
+ "name": "--pf-v5-global--icon--Color--light",
193
+ "value": "#f0f0f0",
194
+ "values": [
195
+ "--pf-v5-global--icon--Color--light--light",
196
+ "$pf-v5-global--icon--Color--light--light",
197
+ "$pf-v5-color-black-200",
198
+ "#f0f0f0"
199
+ ]
200
+ },
201
+ "global_icon_Color_dark": {
202
+ "name": "--pf-v5-global--icon--Color--dark",
203
+ "value": "#fff",
204
+ "values": [
205
+ "--pf-v5-global--icon--Color--dark--light",
206
+ "$pf-v5-global--icon--Color--dark--light",
207
+ "$pf-v5-color-white",
208
+ "#fff"
209
+ ]
210
+ }
211
+ },
212
+ ".pf-v5-c-masthead .pf-v5-c-button.pf-m-plain .pf-v5-c-button": {
213
+ "c_button_m_primary_BackgroundColor": {
214
+ "name": "--pf-v5-c-button--m-primary--BackgroundColor",
215
+ "value": "#06c",
216
+ "values": [
217
+ "--pf-v5-global--primary-color--dark-100",
218
+ "$pf-v5-global--primary-color--dark-100",
219
+ "$pf-v5-color-blue-400",
220
+ "#06c"
221
+ ]
170
222
  }
171
223
  },
172
224
  ".pf-v5-c-masthead": {
package/dist/esm/c_masthead.js CHANGED
@@ -72,6 +72,26 @@ export const c_masthead = {
72
72
  "#fff"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#6a6e73",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--dark",
80
+ "$pf-v5-global--icon--Color--light--dark",
81
+ "$pf-v5-color-black-600",
82
+ "#6a6e73"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#151515",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--dark",
90
+ "$pf-v5-global--icon--Color--dark--dark",
91
+ "$pf-v5-color-black-900",
92
+ "#151515"
93
+ ]
94
+ },
75
95
  "c_masthead_BackgroundColor": {
76
96
  "name": "--pf-v5-c-masthead--BackgroundColor",
77
97
  "value": "#f0f0f0",
@@ -167,6 +187,38 @@ export const c_masthead = {
167
187
  "$pf-v5-color-black-900",
168
188
  "#151515"
169
189
  ]
190
+ },
191
+ "global_icon_Color_light": {
192
+ "name": "--pf-v5-global--icon--Color--light",
193
+ "value": "#f0f0f0",
194
+ "values": [
195
+ "--pf-v5-global--icon--Color--light--light",
196
+ "$pf-v5-global--icon--Color--light--light",
197
+ "$pf-v5-color-black-200",
198
+ "#f0f0f0"
199
+ ]
200
+ },
201
+ "global_icon_Color_dark": {
202
+ "name": "--pf-v5-global--icon--Color--dark",
203
+ "value": "#fff",
204
+ "values": [
205
+ "--pf-v5-global--icon--Color--dark--light",
206
+ "$pf-v5-global--icon--Color--dark--light",
207
+ "$pf-v5-color-white",
208
+ "#fff"
209
+ ]
210
+ }
211
+ },
212
+ ".pf-v5-c-masthead .pf-v5-c-button.pf-m-plain .pf-v5-c-button": {
213
+ "c_button_m_primary_BackgroundColor": {
214
+ "name": "--pf-v5-c-button--m-primary--BackgroundColor",
215
+ "value": "#06c",
216
+ "values": [
217
+ "--pf-v5-global--primary-color--dark-100",
218
+ "$pf-v5-global--primary-color--dark-100",
219
+ "$pf-v5-color-blue-400",
220
+ "#06c"
221
+ ]
170
222
  }
171
223
  },
172
224
  ".pf-v5-c-masthead": {
package/dist/esm/c_menu.d.ts CHANGED
@@ -72,6 +72,26 @@ export const c_menu: {
72
72
  "#fff"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#6a6e73",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--dark",
80
+ "$pf-v5-global--icon--Color--light--dark",
81
+ "$pf-v5-color-black-600",
82
+ "#6a6e73"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#151515",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--dark",
90
+ "$pf-v5-global--icon--Color--dark--dark",
91
+ "$pf-v5-color-black-900",
92
+ "#151515"
93
+ ]
94
+ },
75
95
  "c_menu_BackgroundColor": {
76
96
  "name": "--pf-v5-c-menu--BackgroundColor",
77
97
  "value": "#fff",
package/dist/esm/c_menu.js CHANGED
@@ -72,6 +72,26 @@ export const c_menu = {
72
72
  "#fff"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#6a6e73",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--dark",
80
+ "$pf-v5-global--icon--Color--light--dark",
81
+ "$pf-v5-color-black-600",
82
+ "#6a6e73"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#151515",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--dark",
90
+ "$pf-v5-global--icon--Color--dark--dark",
91
+ "$pf-v5-color-black-900",
92
+ "#151515"
93
+ ]
94
+ },
75
95
  "c_menu_BackgroundColor": {
76
96
  "name": "--pf-v5-c-menu--BackgroundColor",
77
97
  "value": "#fff",
package/dist/esm/c_page.d.ts CHANGED
@@ -72,6 +72,26 @@ export const c_page: {
72
72
  "#fff"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#6a6e73",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--dark",
80
+ "$pf-v5-global--icon--Color--light--dark",
81
+ "$pf-v5-color-black-600",
82
+ "#6a6e73"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#151515",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--dark",
90
+ "$pf-v5-global--icon--Color--dark--dark",
91
+ "$pf-v5-color-black-900",
92
+ "#151515"
93
+ ]
94
+ },
75
95
  "c_page__sidebar_BackgroundColor": {
76
96
  "name": "--pf-v5-c-page__sidebar--BackgroundColor",
77
97
  "value": "#fff",
@@ -156,6 +176,38 @@ export const c_page: {
156
176
  "$pf-v5-color-black-900",
157
177
  "#151515"
158
178
  ]
179
+ },
180
+ "global_icon_Color_light": {
181
+ "name": "--pf-v5-global--icon--Color--light",
182
+ "value": "#f0f0f0",
183
+ "values": [
184
+ "--pf-v5-global--icon--Color--light--light",
185
+ "$pf-v5-global--icon--Color--light--light",
186
+ "$pf-v5-color-black-200",
187
+ "#f0f0f0"
188
+ ]
189
+ },
190
+ "global_icon_Color_dark": {
191
+ "name": "--pf-v5-global--icon--Color--dark",
192
+ "value": "#fff",
193
+ "values": [
194
+ "--pf-v5-global--icon--Color--dark--light",
195
+ "$pf-v5-global--icon--Color--dark--light",
196
+ "$pf-v5-color-white",
197
+ "#fff"
198
+ ]
199
+ }
200
+ },
201
+ ".pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button": {
202
+ "c_button_m_primary_BackgroundColor": {
203
+ "name": "--pf-v5-c-button--m-primary--BackgroundColor",
204
+ "value": "#06c",
205
+ "values": [
206
+ "--pf-v5-global--primary-color--dark-100",
207
+ "$pf-v5-global--primary-color--dark-100",
208
+ "$pf-v5-color-blue-400",
209
+ "#06c"
210
+ ]
159
211
  }
160
212
  },
161
213
  ".pf-v5-c-page__header-tools-item": {
package/dist/esm/c_page.js CHANGED
@@ -72,6 +72,26 @@ export const c_page = {
72
72
  "#fff"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#6a6e73",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--dark",
80
+ "$pf-v5-global--icon--Color--light--dark",
81
+ "$pf-v5-color-black-600",
82
+ "#6a6e73"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#151515",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--dark",
90
+ "$pf-v5-global--icon--Color--dark--dark",
91
+ "$pf-v5-color-black-900",
92
+ "#151515"
93
+ ]
94
+ },
75
95
  "c_page__sidebar_BackgroundColor": {
76
96
  "name": "--pf-v5-c-page__sidebar--BackgroundColor",
77
97
  "value": "#fff",
@@ -156,6 +176,38 @@ export const c_page = {
156
176
  "$pf-v5-color-black-900",
157
177
  "#151515"
158
178
  ]
179
+ },
180
+ "global_icon_Color_light": {
181
+ "name": "--pf-v5-global--icon--Color--light",
182
+ "value": "#f0f0f0",
183
+ "values": [
184
+ "--pf-v5-global--icon--Color--light--light",
185
+ "$pf-v5-global--icon--Color--light--light",
186
+ "$pf-v5-color-black-200",
187
+ "#f0f0f0"
188
+ ]
189
+ },
190
+ "global_icon_Color_dark": {
191
+ "name": "--pf-v5-global--icon--Color--dark",
192
+ "value": "#fff",
193
+ "values": [
194
+ "--pf-v5-global--icon--Color--dark--light",
195
+ "$pf-v5-global--icon--Color--dark--light",
196
+ "$pf-v5-color-white",
197
+ "#fff"
198
+ ]
199
+ }
200
+ },
201
+ ".pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button": {
202
+ "c_button_m_primary_BackgroundColor": {
203
+ "name": "--pf-v5-c-button--m-primary--BackgroundColor",
204
+ "value": "#06c",
205
+ "values": [
206
+ "--pf-v5-global--primary-color--dark-100",
207
+ "$pf-v5-global--primary-color--dark-100",
208
+ "$pf-v5-color-blue-400",
209
+ "#06c"
210
+ ]
159
211
  }
160
212
  },
161
213
  ".pf-v5-c-page__header-tools-item": {
package/dist/esm/c_select.d.ts CHANGED
@@ -72,6 +72,26 @@ export const c_select: {
72
72
  "#fff"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#6a6e73",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--dark",
80
+ "$pf-v5-global--icon--Color--light--dark",
81
+ "$pf-v5-color-black-600",
82
+ "#6a6e73"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#151515",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--dark",
90
+ "$pf-v5-global--icon--Color--dark--dark",
91
+ "$pf-v5-color-black-900",
92
+ "#151515"
93
+ ]
94
+ },
75
95
  "c_select__toggle_PaddingTop": {
76
96
  "name": "--pf-v5-c-select__toggle--PaddingTop",
77
97
  "value": "0.375rem",
package/dist/esm/c_select.js CHANGED
@@ -72,6 +72,26 @@ export const c_select = {
72
72
  "#fff"
73
73
  ]
74
74
  },
75
+ "global_icon_Color_light": {
76
+ "name": "--pf-v5-global--icon--Color--light",
77
+ "value": "#6a6e73",
78
+ "values": [
79
+ "--pf-v5-global--icon--Color--light--dark",
80
+ "$pf-v5-global--icon--Color--light--dark",
81
+ "$pf-v5-color-black-600",
82
+ "#6a6e73"
83
+ ]
84
+ },
85
+ "global_icon_Color_dark": {
86
+ "name": "--pf-v5-global--icon--Color--dark",
87
+ "value": "#151515",
88
+ "values": [
89
+ "--pf-v5-global--icon--Color--dark--dark",
90
+ "$pf-v5-global--icon--Color--dark--dark",
91
+ "$pf-v5-color-black-900",
92
+ "#151515"
93
+ ]
94
+ },
75
95
  "c_select__toggle_PaddingTop": {
76
96
  "name": "--pf-v5-c-select__toggle--PaddingTop",
77
97
  "value": "0.375rem",
package/dist/esm/c_switch.d.ts CHANGED
@@ -67,6 +67,15 @@ export const c_switch: {
67
67
  "name": "--pf-v5-c-switch__toggle-icon--Offset",
68
68
  "value": "0.125rem"
69
69
  },
70
+ "c_switch__input_disabled__toggle_icon_Color": {
71
+ "name": "--pf-v5-c-switch__input--disabled__toggle-icon--Color",
72
+ "value": "#f5f5f5",
73
+ "values": [
74
+ "--pf-v5-global--palette--black-150",
75
+ "$pf-v5-color-black-150",
76
+ "#f5f5f5"
77
+ ]
78
+ },
70
79
  "c_switch_LineHeight": {
71
80
  "name": "--pf-v5-c-switch--LineHeight",
72
81
  "value": "1.5",
@@ -314,6 +323,18 @@ export const c_switch: {
314
323
  "#151515"
315
324
  ]
316
325
  }
326
+ },
327
+ ".pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle": {
328
+ "c_switch__toggle_icon_Color": {
329
+ "name": "--pf-v5-c-switch__toggle-icon--Color",
330
+ "value": "#f5f5f5",
331
+ "values": [
332
+ "--pf-v5-c-switch__input--disabled__toggle-icon--Color",
333
+ "--pf-v5-global--palette--black-150",
334
+ "$pf-v5-color-black-150",
335
+ "#f5f5f5"
336
+ ]
337
+ }
317
338
  }
318
339
  };
319
340
  export default c_switch;
package/dist/esm/c_switch.js CHANGED
@@ -67,6 +67,15 @@ export const c_switch = {
67
67
  "name": "--pf-v5-c-switch__toggle-icon--Offset",
68
68
  "value": "0.125rem"
69
69
  },
70
+ "c_switch__input_disabled__toggle_icon_Color": {
71
+ "name": "--pf-v5-c-switch__input--disabled__toggle-icon--Color",
72
+ "value": "#f5f5f5",
73
+ "values": [
74
+ "--pf-v5-global--palette--black-150",
75
+ "$pf-v5-color-black-150",
76
+ "#f5f5f5"
77
+ ]
78
+ },
70
79
  "c_switch_LineHeight": {
71
80
  "name": "--pf-v5-c-switch--LineHeight",
72
81
  "value": "1.5",
@@ -314,6 +323,18 @@ export const c_switch = {
314
323
  "#151515"
315
324
  ]
316
325
  }
326
+ },
327
+ ".pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle": {
328
+ "c_switch__toggle_icon_Color": {
329
+ "name": "--pf-v5-c-switch__toggle-icon--Color",
330
+ "value": "#f5f5f5",
331
+ "values": [
332
+ "--pf-v5-c-switch__input--disabled__toggle-icon--Color",
333
+ "--pf-v5-global--palette--black-150",
334
+ "$pf-v5-color-black-150",
335
+ "#f5f5f5"
336
+ ]
337
+ }
317
338
  }
318
339
  };
319
340
  export default c_switch;
package/dist/esm/c_switch__input_disabled__toggle_icon_Color.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export const c_switch__input_disabled__toggle_icon_Color: {
2
+ "name": "--pf-v5-c-switch__input--disabled__toggle-icon--Color",
3
+ "value": "#f5f5f5",
4
+ "var": "var(--pf-v5-c-switch__input--disabled__toggle-icon--Color)"
5
+ };
6
+ export default c_switch__input_disabled__toggle_icon_Color;
package/dist/esm/c_switch__input_disabled__toggle_icon_Color.js ADDED
@@ -0,0 +1,6 @@
1
+ export const c_switch__input_disabled__toggle_icon_Color = {
2
+ "name": "--pf-v5-c-switch__input--disabled__toggle-icon--Color",
3
+ "value": "#f5f5f5",
4
+ "var": "var(--pf-v5-c-switch__input--disabled__toggle-icon--Color)"
5
+ };
6
+ export default c_switch__input_disabled__toggle_icon_Color;
package/dist/esm/c_switch__toggle_icon_Color.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export const c_switch__toggle_icon_Color: {
2
2
  "name": "--pf-v5-c-switch__toggle-icon--Color",
3
- "value": "#fff",
3
+ "value": "#f5f5f5",
4
4
  "var": "var(--pf-v5-c-switch__toggle-icon--Color)"
5
5
  };
6
6
  export default c_switch__toggle_icon_Color;
package/dist/esm/c_switch__toggle_icon_Color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export const c_switch__toggle_icon_Color = {
2
2
  "name": "--pf-v5-c-switch__toggle-icon--Color",
3
- "value": "#fff",
3
+ "value": "#f5f5f5",
4
4
  "var": "var(--pf-v5-c-switch__toggle-icon--Color)"
5
5
  };
6
6
  export default c_switch__toggle_icon_Color;