@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.
- package/CHANGELOG.md +10 -0
- package/dist/esm/c_card.d.ts +72 -8
- package/dist/esm/c_card.js +72 -8
- package/dist/esm/c_card_m_clickable_m_current_BorderColor.d.ts +6 -0
- package/dist/esm/c_card_m_clickable_m_current_BorderColor.js +6 -0
- package/dist/esm/c_card_m_clickable_m_current_BorderWidth.d.ts +6 -0
- package/dist/esm/c_card_m_clickable_m_current_BorderWidth.js +6 -0
- package/dist/esm/c_card_m_selectable_focus_BorderColor.d.ts +1 -1
- package/dist/esm/c_card_m_selectable_focus_BorderColor.js +1 -1
- package/dist/esm/c_card_m_selectable_hover_BorderColor.d.ts +1 -1
- package/dist/esm/c_card_m_selectable_hover_BorderColor.js +1 -1
- package/dist/esm/c_content.d.ts +44 -0
- package/dist/esm/c_content.js +44 -0
- package/dist/esm/c_content_FontSize.d.ts +1 -1
- package/dist/esm/c_content_FontSize.js +1 -1
- package/dist/esm/c_content_m_editorial_FontSize.d.ts +6 -0
- package/dist/esm/c_content_m_editorial_FontSize.js +6 -0
- package/dist/esm/c_content_m_editorial_small_FontSize.d.ts +6 -0
- package/dist/esm/c_content_m_editorial_small_FontSize.js +6 -0
- package/dist/esm/c_content_small_FontSize.d.ts +1 -1
- package/dist/esm/c_content_small_FontSize.js +1 -1
- package/dist/esm/c_form_control.d.ts +84 -76
- package/dist/esm/c_form_control.js +84 -76
- package/dist/esm/c_form_control_after_BorderColor.d.ts +1 -1
- package/dist/esm/c_form_control_after_BorderColor.js +1 -1
- package/dist/esm/c_form_control_hover_after_BorderColor.d.ts +1 -1
- package/dist/esm/c_form_control_hover_after_BorderColor.js +1 -1
- package/dist/esm/c_form_control_m_error_hover_after_BorderColor.d.ts +6 -0
- package/dist/esm/c_form_control_m_error_hover_after_BorderColor.js +6 -0
- package/dist/esm/c_form_control_m_success_hover_after_BorderColor.d.ts +6 -0
- package/dist/esm/c_form_control_m_success_hover_after_BorderColor.js +6 -0
- package/dist/esm/c_form_control_m_warning_hover_after_BorderColor.d.ts +6 -0
- package/dist/esm/c_form_control_m_warning_hover_after_BorderColor.js +6 -0
- package/dist/esm/chart_bullet_negative_measure_ColorScale_100.d.ts +2 -2
- package/dist/esm/chart_bullet_negative_measure_ColorScale_100.js +2 -2
- package/dist/esm/chart_bullet_negative_measure_ColorScale_200.d.ts +2 -2
- package/dist/esm/chart_bullet_negative_measure_ColorScale_200.js +2 -2
- package/dist/esm/chart_bullet_negative_measure_ColorScale_300.d.ts +2 -2
- package/dist/esm/chart_bullet_negative_measure_ColorScale_300.js +2 -2
- package/dist/esm/chart_bullet_negative_measure_ColorScale_400.d.ts +2 -2
- package/dist/esm/chart_bullet_negative_measure_ColorScale_400.js +2 -2
- package/dist/esm/chart_bullet_negative_measure_ColorScale_500.d.ts +2 -2
- package/dist/esm/chart_bullet_negative_measure_ColorScale_500.js +2 -2
- package/dist/esm/chart_global_label_stroke_Width.d.ts +2 -2
- package/dist/esm/chart_global_label_stroke_Width.js +2 -2
- package/dist/esm/index.d.ts +7 -9
- package/dist/esm/index.js +7 -9
- package/dist/esm/patternfly_charts.d.ts +26 -65
- package/dist/esm/patternfly_charts.js +26 -65
- package/dist/js/c_card.d.ts +72 -8
- package/dist/js/c_card.js +72 -8
- package/dist/js/c_card_m_clickable_m_current_BorderColor.d.ts +6 -0
- package/dist/js/c_card_m_clickable_m_current_BorderColor.js +8 -0
- package/dist/js/c_card_m_clickable_m_current_BorderWidth.d.ts +6 -0
- package/dist/js/c_card_m_clickable_m_current_BorderWidth.js +8 -0
- package/dist/js/c_card_m_selectable_focus_BorderColor.d.ts +1 -1
- package/dist/js/c_card_m_selectable_focus_BorderColor.js +1 -1
- package/dist/js/c_card_m_selectable_hover_BorderColor.d.ts +1 -1
- package/dist/js/c_card_m_selectable_hover_BorderColor.js +1 -1
- package/dist/js/c_content.d.ts +44 -0
- package/dist/js/c_content.js +44 -0
- package/dist/js/c_content_FontSize.d.ts +1 -1
- package/dist/js/c_content_FontSize.js +1 -1
- package/dist/js/c_content_m_editorial_FontSize.d.ts +6 -0
- package/dist/js/c_content_m_editorial_FontSize.js +8 -0
- package/dist/js/c_content_m_editorial_small_FontSize.d.ts +6 -0
- package/dist/js/c_content_m_editorial_small_FontSize.js +8 -0
- package/dist/js/c_content_small_FontSize.d.ts +1 -1
- package/dist/js/c_content_small_FontSize.js +1 -1
- package/dist/js/c_form_control.d.ts +84 -76
- package/dist/js/c_form_control.js +84 -76
- package/dist/js/c_form_control_after_BorderColor.d.ts +1 -1
- package/dist/js/c_form_control_after_BorderColor.js +1 -1
- package/dist/js/c_form_control_hover_after_BorderColor.d.ts +1 -1
- package/dist/js/c_form_control_hover_after_BorderColor.js +1 -1
- package/dist/js/c_form_control_m_error_hover_after_BorderColor.d.ts +6 -0
- package/dist/js/c_form_control_m_error_hover_after_BorderColor.js +8 -0
- package/dist/js/c_form_control_m_success_hover_after_BorderColor.d.ts +6 -0
- package/dist/js/c_form_control_m_success_hover_after_BorderColor.js +8 -0
- package/dist/js/c_form_control_m_warning_hover_after_BorderColor.d.ts +6 -0
- package/dist/js/c_form_control_m_warning_hover_after_BorderColor.js +8 -0
- package/dist/js/chart_bullet_negative_measure_ColorScale_100.d.ts +2 -2
- package/dist/js/chart_bullet_negative_measure_ColorScale_100.js +2 -2
- package/dist/js/chart_bullet_negative_measure_ColorScale_200.d.ts +2 -2
- package/dist/js/chart_bullet_negative_measure_ColorScale_200.js +2 -2
- package/dist/js/chart_bullet_negative_measure_ColorScale_300.d.ts +2 -2
- package/dist/js/chart_bullet_negative_measure_ColorScale_300.js +2 -2
- package/dist/js/chart_bullet_negative_measure_ColorScale_400.d.ts +2 -2
- package/dist/js/chart_bullet_negative_measure_ColorScale_400.js +2 -2
- package/dist/js/chart_bullet_negative_measure_ColorScale_500.d.ts +2 -2
- package/dist/js/chart_bullet_negative_measure_ColorScale_500.js +2 -2
- package/dist/js/chart_global_label_stroke_Width.d.ts +2 -2
- package/dist/js/chart_global_label_stroke_Width.js +2 -2
- package/dist/js/index.d.ts +7 -9
- package/dist/js/index.js +7 -9
- package/dist/js/patternfly_charts.d.ts +26 -65
- package/dist/js/patternfly_charts.js +26 -65
- package/package.json +4 -4
- package/scripts/{generateTokens.js → generateTokens.mjs} +7 -9
- package/scripts/{writeTokens.js → writeTokens.mjs} +4 -4
- package/dist/esm/c_form_control_focus_after_BorderColor.d.ts +0 -6
- package/dist/esm/c_form_control_focus_after_BorderColor.js +0 -6
- package/dist/esm/c_form_control_focus_after_BorderWidth.d.ts +0 -6
- package/dist/esm/c_form_control_focus_after_BorderWidth.js +0 -6
- package/dist/esm/c_form_control_m_readonly_focus_after_BorderColor.d.ts +0 -6
- package/dist/esm/c_form_control_m_readonly_focus_after_BorderColor.js +0 -6
- package/dist/esm/c_form_control_m_readonly_focus_after_BorderWidth.d.ts +0 -6
- package/dist/esm/c_form_control_m_readonly_focus_after_BorderWidth.js +0 -6
- package/dist/esm/chart_color_red_100.d.ts +0 -6
- package/dist/esm/chart_color_red_100.js +0 -6
- package/dist/esm/chart_color_red_200.d.ts +0 -6
- package/dist/esm/chart_color_red_200.js +0 -6
- package/dist/esm/chart_color_red_300.d.ts +0 -6
- package/dist/esm/chart_color_red_300.js +0 -6
- package/dist/esm/chart_color_red_400.d.ts +0 -6
- package/dist/esm/chart_color_red_400.js +0 -6
- package/dist/esm/chart_color_red_500.d.ts +0 -6
- package/dist/esm/chart_color_red_500.js +0 -6
- package/dist/js/c_form_control_focus_after_BorderColor.d.ts +0 -6
- package/dist/js/c_form_control_focus_after_BorderColor.js +0 -8
- package/dist/js/c_form_control_focus_after_BorderWidth.d.ts +0 -6
- package/dist/js/c_form_control_focus_after_BorderWidth.js +0 -8
- package/dist/js/c_form_control_m_readonly_focus_after_BorderColor.d.ts +0 -6
- package/dist/js/c_form_control_m_readonly_focus_after_BorderColor.js +0 -8
- package/dist/js/c_form_control_m_readonly_focus_after_BorderWidth.d.ts +0 -6
- package/dist/js/c_form_control_m_readonly_focus_after_BorderWidth.js +0 -8
- package/dist/js/chart_color_red_100.d.ts +0 -6
- package/dist/js/chart_color_red_100.js +0 -8
- package/dist/js/chart_color_red_200.d.ts +0 -6
- package/dist/js/chart_color_red_200.js +0 -8
- package/dist/js/chart_color_red_300.d.ts +0 -6
- package/dist/js/chart_color_red_300.js +0 -8
- package/dist/js/chart_color_red_400.d.ts +0 -6
- package/dist/js/chart_color_red_400.js +0 -8
- package/dist/js/chart_color_red_500.d.ts +0 -6
- package/dist/js/chart_color_red_500.js +0 -8
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [6.0.0-alpha.36](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.0.0-alpha.35...@patternfly/react-tokens@6.0.0-alpha.36) (2024-08-27)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-tokens
|
|
9
|
+
|
|
10
|
+
# [6.0.0-alpha.35](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.0.0-alpha.34...@patternfly/react-tokens@6.0.0-alpha.35) (2024-08-19)
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
- **Card:** updated markup for actionable cards ([#10859](https://github.com/patternfly/patternfly-react/issues/10859)) ([d58b051](https://github.com/patternfly/patternfly-react/commit/d58b051f8d736f55580e3df9fc2bbddf479af099))
|
|
15
|
+
|
|
6
16
|
# [6.0.0-alpha.34](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.0.0-alpha.33...@patternfly/react-tokens@6.0.0-alpha.34) (2024-08-08)
|
|
7
17
|
|
|
8
18
|
**Note:** Version bump only for package @patternfly/react-tokens
|
package/dist/esm/c_card.d.ts
CHANGED
|
@@ -283,6 +283,25 @@ export const c_card: {
|
|
|
283
283
|
"1px"
|
|
284
284
|
]
|
|
285
285
|
},
|
|
286
|
+
"c_card_m_clickable_m_current_BorderColor": {
|
|
287
|
+
"name": "--pf-v6-c-card--m-clickable--m-current--BorderColor",
|
|
288
|
+
"value": "#0066cc",
|
|
289
|
+
"values": [
|
|
290
|
+
"--pf-t--global--border--color--clicked",
|
|
291
|
+
"--pf-t--global--color--brand--200",
|
|
292
|
+
"--pf-t--color--blue--50",
|
|
293
|
+
"#0066cc"
|
|
294
|
+
]
|
|
295
|
+
},
|
|
296
|
+
"c_card_m_clickable_m_current_BorderWidth": {
|
|
297
|
+
"name": "--pf-v6-c-card--m-clickable--m-current--BorderWidth",
|
|
298
|
+
"value": "2px",
|
|
299
|
+
"values": [
|
|
300
|
+
"--pf-t--global--border--width--box--clicked",
|
|
301
|
+
"--pf-t--global--border--width--200",
|
|
302
|
+
"2px"
|
|
303
|
+
]
|
|
304
|
+
},
|
|
286
305
|
"c_card_m_selectable_m_selected_BorderColor": {
|
|
287
306
|
"name": "--pf-v6-c-card--m-selectable--m-selected--BorderColor",
|
|
288
307
|
"value": "#0066cc",
|
|
@@ -628,7 +647,52 @@ export const c_card: {
|
|
|
628
647
|
]
|
|
629
648
|
}
|
|
630
649
|
},
|
|
631
|
-
".pf-v6-c-card.pf-m-
|
|
650
|
+
".pf-v6-c-card.pf-m-current": {
|
|
651
|
+
"c_card_BorderColor": {
|
|
652
|
+
"name": "--pf-v6-c-card--BorderColor",
|
|
653
|
+
"value": "#0066cc",
|
|
654
|
+
"values": [
|
|
655
|
+
"--pf-v6-c-card--m-clickable--m-current--BorderColor",
|
|
656
|
+
"--pf-t--global--border--color--clicked",
|
|
657
|
+
"--pf-t--global--color--brand--200",
|
|
658
|
+
"--pf-t--color--blue--50",
|
|
659
|
+
"#0066cc"
|
|
660
|
+
]
|
|
661
|
+
},
|
|
662
|
+
"c_card_BorderWidth": {
|
|
663
|
+
"name": "--pf-v6-c-card--BorderWidth",
|
|
664
|
+
"value": "2px",
|
|
665
|
+
"values": [
|
|
666
|
+
"--pf-v6-c-card--m-clickable--m-current--BorderWidth",
|
|
667
|
+
"--pf-t--global--border--width--box--clicked",
|
|
668
|
+
"--pf-t--global--border--width--200",
|
|
669
|
+
"2px"
|
|
670
|
+
]
|
|
671
|
+
},
|
|
672
|
+
"c_card_m_selectable_hover_BorderColor": {
|
|
673
|
+
"name": "--pf-v6-c-card--m-selectable--hover--BorderColor",
|
|
674
|
+
"value": "#0066cc",
|
|
675
|
+
"values": [
|
|
676
|
+
"--pf-v6-c-card--m-clickable--m-current--BorderColor",
|
|
677
|
+
"--pf-t--global--border--color--clicked",
|
|
678
|
+
"--pf-t--global--color--brand--200",
|
|
679
|
+
"--pf-t--color--blue--50",
|
|
680
|
+
"#0066cc"
|
|
681
|
+
]
|
|
682
|
+
},
|
|
683
|
+
"c_card_m_selectable_focus_BorderColor": {
|
|
684
|
+
"name": "--pf-v6-c-card--m-selectable--focus--BorderColor",
|
|
685
|
+
"value": "#0066cc",
|
|
686
|
+
"values": [
|
|
687
|
+
"--pf-v6-c-card--m-clickable--m-current--BorderColor",
|
|
688
|
+
"--pf-t--global--border--color--clicked",
|
|
689
|
+
"--pf-t--global--color--brand--200",
|
|
690
|
+
"--pf-t--color--blue--50",
|
|
691
|
+
"#0066cc"
|
|
692
|
+
]
|
|
693
|
+
}
|
|
694
|
+
},
|
|
695
|
+
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
|
|
632
696
|
"c_card_BackgroundColor": {
|
|
633
697
|
"name": "--pf-v6-c-card--BackgroundColor",
|
|
634
698
|
"value": "revert"
|
|
@@ -638,7 +702,7 @@ export const c_card: {
|
|
|
638
702
|
"value": "revert"
|
|
639
703
|
}
|
|
640
704
|
},
|
|
641
|
-
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label": {
|
|
705
|
+
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
|
|
642
706
|
"c_card_BorderColor": {
|
|
643
707
|
"name": "--pf-v6-c-card--BorderColor",
|
|
644
708
|
"value": "revert"
|
|
@@ -671,7 +735,7 @@ export const c_card: {
|
|
|
671
735
|
]
|
|
672
736
|
}
|
|
673
737
|
},
|
|
674
|
-
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label": {
|
|
738
|
+
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
|
|
675
739
|
"c_card_BackgroundColor": {
|
|
676
740
|
"name": "--pf-v6-c-card--BackgroundColor",
|
|
677
741
|
"value": "#c7c7c7",
|
|
@@ -957,7 +1021,7 @@ export const c_card: {
|
|
|
957
1021
|
"value": "0"
|
|
958
1022
|
}
|
|
959
1023
|
},
|
|
960
|
-
".pf-v6-c-card__selectable-actions .pf-v6-c-check__label:hover": {
|
|
1024
|
+
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover": {
|
|
961
1025
|
"c_card_BorderColor": {
|
|
962
1026
|
"name": "--pf-v6-c-card--BorderColor",
|
|
963
1027
|
"value": "#4394e5",
|
|
@@ -970,7 +1034,7 @@ export const c_card: {
|
|
|
970
1034
|
]
|
|
971
1035
|
}
|
|
972
1036
|
},
|
|
973
|
-
".pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label": {
|
|
1037
|
+
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label)": {
|
|
974
1038
|
"c_card_BorderColor": {
|
|
975
1039
|
"name": "--pf-v6-c-card--BorderColor",
|
|
976
1040
|
"value": "#0066cc",
|
|
@@ -993,7 +1057,7 @@ export const c_card: {
|
|
|
993
1057
|
]
|
|
994
1058
|
}
|
|
995
1059
|
},
|
|
996
|
-
".pf-v6-c-card__selectable-actions .pf-v6-c-
|
|
1060
|
+
".pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible)": {
|
|
997
1061
|
"c_card_BorderColor": {
|
|
998
1062
|
"name": "--pf-v6-c-card--BorderColor",
|
|
999
1063
|
"value": "#4394e5",
|
|
@@ -1016,7 +1080,7 @@ export const c_card: {
|
|
|
1016
1080
|
]
|
|
1017
1081
|
}
|
|
1018
1082
|
},
|
|
1019
|
-
".pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible):where(:checked) ~ .pf-v6-c-check__label": {
|
|
1083
|
+
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
|
|
1020
1084
|
"c_card_BorderColor": {
|
|
1021
1085
|
"name": "--pf-v6-c-card--BorderColor",
|
|
1022
1086
|
"value": "#0066cc",
|
|
@@ -1039,7 +1103,7 @@ export const c_card: {
|
|
|
1039
1103
|
]
|
|
1040
1104
|
}
|
|
1041
1105
|
},
|
|
1042
|
-
".pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label": {
|
|
1106
|
+
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
|
|
1043
1107
|
"c_card__title_text_Color": {
|
|
1044
1108
|
"name": "--pf-v6-c-card__title-text--Color",
|
|
1045
1109
|
"value": "#4d4d4d",
|
package/dist/esm/c_card.js
CHANGED
|
@@ -283,6 +283,25 @@ export const c_card = {
|
|
|
283
283
|
"1px"
|
|
284
284
|
]
|
|
285
285
|
},
|
|
286
|
+
"c_card_m_clickable_m_current_BorderColor": {
|
|
287
|
+
"name": "--pf-v6-c-card--m-clickable--m-current--BorderColor",
|
|
288
|
+
"value": "#0066cc",
|
|
289
|
+
"values": [
|
|
290
|
+
"--pf-t--global--border--color--clicked",
|
|
291
|
+
"--pf-t--global--color--brand--200",
|
|
292
|
+
"--pf-t--color--blue--50",
|
|
293
|
+
"#0066cc"
|
|
294
|
+
]
|
|
295
|
+
},
|
|
296
|
+
"c_card_m_clickable_m_current_BorderWidth": {
|
|
297
|
+
"name": "--pf-v6-c-card--m-clickable--m-current--BorderWidth",
|
|
298
|
+
"value": "2px",
|
|
299
|
+
"values": [
|
|
300
|
+
"--pf-t--global--border--width--box--clicked",
|
|
301
|
+
"--pf-t--global--border--width--200",
|
|
302
|
+
"2px"
|
|
303
|
+
]
|
|
304
|
+
},
|
|
286
305
|
"c_card_m_selectable_m_selected_BorderColor": {
|
|
287
306
|
"name": "--pf-v6-c-card--m-selectable--m-selected--BorderColor",
|
|
288
307
|
"value": "#0066cc",
|
|
@@ -628,7 +647,52 @@ export const c_card = {
|
|
|
628
647
|
]
|
|
629
648
|
}
|
|
630
649
|
},
|
|
631
|
-
".pf-v6-c-card.pf-m-
|
|
650
|
+
".pf-v6-c-card.pf-m-current": {
|
|
651
|
+
"c_card_BorderColor": {
|
|
652
|
+
"name": "--pf-v6-c-card--BorderColor",
|
|
653
|
+
"value": "#0066cc",
|
|
654
|
+
"values": [
|
|
655
|
+
"--pf-v6-c-card--m-clickable--m-current--BorderColor",
|
|
656
|
+
"--pf-t--global--border--color--clicked",
|
|
657
|
+
"--pf-t--global--color--brand--200",
|
|
658
|
+
"--pf-t--color--blue--50",
|
|
659
|
+
"#0066cc"
|
|
660
|
+
]
|
|
661
|
+
},
|
|
662
|
+
"c_card_BorderWidth": {
|
|
663
|
+
"name": "--pf-v6-c-card--BorderWidth",
|
|
664
|
+
"value": "2px",
|
|
665
|
+
"values": [
|
|
666
|
+
"--pf-v6-c-card--m-clickable--m-current--BorderWidth",
|
|
667
|
+
"--pf-t--global--border--width--box--clicked",
|
|
668
|
+
"--pf-t--global--border--width--200",
|
|
669
|
+
"2px"
|
|
670
|
+
]
|
|
671
|
+
},
|
|
672
|
+
"c_card_m_selectable_hover_BorderColor": {
|
|
673
|
+
"name": "--pf-v6-c-card--m-selectable--hover--BorderColor",
|
|
674
|
+
"value": "#0066cc",
|
|
675
|
+
"values": [
|
|
676
|
+
"--pf-v6-c-card--m-clickable--m-current--BorderColor",
|
|
677
|
+
"--pf-t--global--border--color--clicked",
|
|
678
|
+
"--pf-t--global--color--brand--200",
|
|
679
|
+
"--pf-t--color--blue--50",
|
|
680
|
+
"#0066cc"
|
|
681
|
+
]
|
|
682
|
+
},
|
|
683
|
+
"c_card_m_selectable_focus_BorderColor": {
|
|
684
|
+
"name": "--pf-v6-c-card--m-selectable--focus--BorderColor",
|
|
685
|
+
"value": "#0066cc",
|
|
686
|
+
"values": [
|
|
687
|
+
"--pf-v6-c-card--m-clickable--m-current--BorderColor",
|
|
688
|
+
"--pf-t--global--border--color--clicked",
|
|
689
|
+
"--pf-t--global--color--brand--200",
|
|
690
|
+
"--pf-t--color--blue--50",
|
|
691
|
+
"#0066cc"
|
|
692
|
+
]
|
|
693
|
+
}
|
|
694
|
+
},
|
|
695
|
+
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
|
|
632
696
|
"c_card_BackgroundColor": {
|
|
633
697
|
"name": "--pf-v6-c-card--BackgroundColor",
|
|
634
698
|
"value": "revert"
|
|
@@ -638,7 +702,7 @@ export const c_card = {
|
|
|
638
702
|
"value": "revert"
|
|
639
703
|
}
|
|
640
704
|
},
|
|
641
|
-
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label": {
|
|
705
|
+
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
|
|
642
706
|
"c_card_BorderColor": {
|
|
643
707
|
"name": "--pf-v6-c-card--BorderColor",
|
|
644
708
|
"value": "revert"
|
|
@@ -671,7 +735,7 @@ export const c_card = {
|
|
|
671
735
|
]
|
|
672
736
|
}
|
|
673
737
|
},
|
|
674
|
-
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label": {
|
|
738
|
+
".pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
|
|
675
739
|
"c_card_BackgroundColor": {
|
|
676
740
|
"name": "--pf-v6-c-card--BackgroundColor",
|
|
677
741
|
"value": "#c7c7c7",
|
|
@@ -957,7 +1021,7 @@ export const c_card = {
|
|
|
957
1021
|
"value": "0"
|
|
958
1022
|
}
|
|
959
1023
|
},
|
|
960
|
-
".pf-v6-c-card__selectable-actions .pf-v6-c-check__label:hover": {
|
|
1024
|
+
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover": {
|
|
961
1025
|
"c_card_BorderColor": {
|
|
962
1026
|
"name": "--pf-v6-c-card--BorderColor",
|
|
963
1027
|
"value": "#4394e5",
|
|
@@ -970,7 +1034,7 @@ export const c_card = {
|
|
|
970
1034
|
]
|
|
971
1035
|
}
|
|
972
1036
|
},
|
|
973
|
-
".pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label": {
|
|
1037
|
+
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label)": {
|
|
974
1038
|
"c_card_BorderColor": {
|
|
975
1039
|
"name": "--pf-v6-c-card--BorderColor",
|
|
976
1040
|
"value": "#0066cc",
|
|
@@ -993,7 +1057,7 @@ export const c_card = {
|
|
|
993
1057
|
]
|
|
994
1058
|
}
|
|
995
1059
|
},
|
|
996
|
-
".pf-v6-c-card__selectable-actions .pf-v6-c-
|
|
1060
|
+
".pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible)": {
|
|
997
1061
|
"c_card_BorderColor": {
|
|
998
1062
|
"name": "--pf-v6-c-card--BorderColor",
|
|
999
1063
|
"value": "#4394e5",
|
|
@@ -1016,7 +1080,7 @@ export const c_card = {
|
|
|
1016
1080
|
]
|
|
1017
1081
|
}
|
|
1018
1082
|
},
|
|
1019
|
-
".pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible):where(:checked) ~ .pf-v6-c-check__label": {
|
|
1083
|
+
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
|
|
1020
1084
|
"c_card_BorderColor": {
|
|
1021
1085
|
"name": "--pf-v6-c-card--BorderColor",
|
|
1022
1086
|
"value": "#0066cc",
|
|
@@ -1039,7 +1103,7 @@ export const c_card = {
|
|
|
1039
1103
|
]
|
|
1040
1104
|
}
|
|
1041
1105
|
},
|
|
1042
|
-
".pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label": {
|
|
1106
|
+
".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
|
|
1043
1107
|
"c_card__title_text_Color": {
|
|
1044
1108
|
"name": "--pf-v6-c-card__title-text--Color",
|
|
1045
1109
|
"value": "#4d4d4d",
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_card_m_clickable_m_current_BorderColor: {
|
|
2
|
+
"name": "--pf-v6-c-card--m-clickable--m-current--BorderColor",
|
|
3
|
+
"value": "#0066cc",
|
|
4
|
+
"var": "var(--pf-v6-c-card--m-clickable--m-current--BorderColor)"
|
|
5
|
+
};
|
|
6
|
+
export default c_card_m_clickable_m_current_BorderColor;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_card_m_clickable_m_current_BorderColor = {
|
|
2
|
+
"name": "--pf-v6-c-card--m-clickable--m-current--BorderColor",
|
|
3
|
+
"value": "#0066cc",
|
|
4
|
+
"var": "var(--pf-v6-c-card--m-clickable--m-current--BorderColor)"
|
|
5
|
+
};
|
|
6
|
+
export default c_card_m_clickable_m_current_BorderColor;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_card_m_clickable_m_current_BorderWidth: {
|
|
2
|
+
"name": "--pf-v6-c-card--m-clickable--m-current--BorderWidth",
|
|
3
|
+
"value": "2px",
|
|
4
|
+
"var": "var(--pf-v6-c-card--m-clickable--m-current--BorderWidth)"
|
|
5
|
+
};
|
|
6
|
+
export default c_card_m_clickable_m_current_BorderWidth;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_card_m_clickable_m_current_BorderWidth = {
|
|
2
|
+
"name": "--pf-v6-c-card--m-clickable--m-current--BorderWidth",
|
|
3
|
+
"value": "2px",
|
|
4
|
+
"var": "var(--pf-v6-c-card--m-clickable--m-current--BorderWidth)"
|
|
5
|
+
};
|
|
6
|
+
export default c_card_m_clickable_m_current_BorderWidth;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_card_m_selectable_focus_BorderColor: {
|
|
2
2
|
"name": "--pf-v6-c-card--m-selectable--focus--BorderColor",
|
|
3
|
-
"value": "#
|
|
3
|
+
"value": "#0066cc",
|
|
4
4
|
"var": "var(--pf-v6-c-card--m-selectable--focus--BorderColor)"
|
|
5
5
|
};
|
|
6
6
|
export default c_card_m_selectable_focus_BorderColor;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_card_m_selectable_focus_BorderColor = {
|
|
2
2
|
"name": "--pf-v6-c-card--m-selectable--focus--BorderColor",
|
|
3
|
-
"value": "#
|
|
3
|
+
"value": "#0066cc",
|
|
4
4
|
"var": "var(--pf-v6-c-card--m-selectable--focus--BorderColor)"
|
|
5
5
|
};
|
|
6
6
|
export default c_card_m_selectable_focus_BorderColor;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_card_m_selectable_hover_BorderColor: {
|
|
2
2
|
"name": "--pf-v6-c-card--m-selectable--hover--BorderColor",
|
|
3
|
-
"value": "#
|
|
3
|
+
"value": "#0066cc",
|
|
4
4
|
"var": "var(--pf-v6-c-card--m-selectable--hover--BorderColor)"
|
|
5
5
|
};
|
|
6
6
|
export default c_card_m_selectable_hover_BorderColor;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_card_m_selectable_hover_BorderColor = {
|
|
2
2
|
"name": "--pf-v6-c-card--m-selectable--hover--BorderColor",
|
|
3
|
-
"value": "#
|
|
3
|
+
"value": "#0066cc",
|
|
4
4
|
"var": "var(--pf-v6-c-card--m-selectable--hover--BorderColor)"
|
|
5
5
|
};
|
|
6
6
|
export default c_card_m_selectable_hover_BorderColor;
|
package/dist/esm/c_content.d.ts
CHANGED
|
@@ -28,6 +28,16 @@ export const c_content: {
|
|
|
28
28
|
"0.875rem"
|
|
29
29
|
]
|
|
30
30
|
},
|
|
31
|
+
"c_content_m_editorial_FontSize": {
|
|
32
|
+
"name": "--pf-v6-c-content--m-editorial--FontSize",
|
|
33
|
+
"value": "1rem",
|
|
34
|
+
"values": [
|
|
35
|
+
"--pf-t--global--font--size--body--lg",
|
|
36
|
+
"--pf-t--global--font--size--md",
|
|
37
|
+
"--pf-t--global--font--size--300",
|
|
38
|
+
"1rem"
|
|
39
|
+
]
|
|
40
|
+
},
|
|
31
41
|
"c_content_FontWeight": {
|
|
32
42
|
"name": "--pf-v6-c-content--FontWeight",
|
|
33
43
|
"value": "400",
|
|
@@ -360,6 +370,16 @@ export const c_content: {
|
|
|
360
370
|
"0.75rem"
|
|
361
371
|
]
|
|
362
372
|
},
|
|
373
|
+
"c_content_m_editorial_small_FontSize": {
|
|
374
|
+
"name": "--pf-v6-c-content--m-editorial--small--FontSize",
|
|
375
|
+
"value": "0.875rem",
|
|
376
|
+
"values": [
|
|
377
|
+
"--pf-t--global--font--size--body--default",
|
|
378
|
+
"--pf-t--global--font--size--sm",
|
|
379
|
+
"--pf-t--global--font--size--200",
|
|
380
|
+
"0.875rem"
|
|
381
|
+
]
|
|
382
|
+
},
|
|
363
383
|
"c_content_small_Color": {
|
|
364
384
|
"name": "--pf-v6-c-content--small--Color",
|
|
365
385
|
"value": "#4d4d4d",
|
|
@@ -596,6 +616,30 @@ export const c_content: {
|
|
|
596
616
|
]
|
|
597
617
|
}
|
|
598
618
|
},
|
|
619
|
+
"[class*=pf-v6-c-content].pf-m-editorial": {
|
|
620
|
+
"c_content_FontSize": {
|
|
621
|
+
"name": "--pf-v6-c-content--FontSize",
|
|
622
|
+
"value": "1rem",
|
|
623
|
+
"values": [
|
|
624
|
+
"--pf-v6-c-content--m-editorial--FontSize",
|
|
625
|
+
"--pf-t--global--font--size--body--lg",
|
|
626
|
+
"--pf-t--global--font--size--md",
|
|
627
|
+
"--pf-t--global--font--size--300",
|
|
628
|
+
"1rem"
|
|
629
|
+
]
|
|
630
|
+
},
|
|
631
|
+
"c_content_small_FontSize": {
|
|
632
|
+
"name": "--pf-v6-c-content--small--FontSize",
|
|
633
|
+
"value": "0.875rem",
|
|
634
|
+
"values": [
|
|
635
|
+
"--pf-v6-c-content--m-editorial--small--FontSize",
|
|
636
|
+
"--pf-t--global--font--size--body--default",
|
|
637
|
+
"--pf-t--global--font--size--sm",
|
|
638
|
+
"--pf-t--global--font--size--200",
|
|
639
|
+
"0.875rem"
|
|
640
|
+
]
|
|
641
|
+
}
|
|
642
|
+
},
|
|
599
643
|
":is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus)": {
|
|
600
644
|
"c_content_a_Color": {
|
|
601
645
|
"name": "--pf-v6-c-content--a--Color",
|
package/dist/esm/c_content.js
CHANGED
|
@@ -28,6 +28,16 @@ export const c_content = {
|
|
|
28
28
|
"0.875rem"
|
|
29
29
|
]
|
|
30
30
|
},
|
|
31
|
+
"c_content_m_editorial_FontSize": {
|
|
32
|
+
"name": "--pf-v6-c-content--m-editorial--FontSize",
|
|
33
|
+
"value": "1rem",
|
|
34
|
+
"values": [
|
|
35
|
+
"--pf-t--global--font--size--body--lg",
|
|
36
|
+
"--pf-t--global--font--size--md",
|
|
37
|
+
"--pf-t--global--font--size--300",
|
|
38
|
+
"1rem"
|
|
39
|
+
]
|
|
40
|
+
},
|
|
31
41
|
"c_content_FontWeight": {
|
|
32
42
|
"name": "--pf-v6-c-content--FontWeight",
|
|
33
43
|
"value": "400",
|
|
@@ -360,6 +370,16 @@ export const c_content = {
|
|
|
360
370
|
"0.75rem"
|
|
361
371
|
]
|
|
362
372
|
},
|
|
373
|
+
"c_content_m_editorial_small_FontSize": {
|
|
374
|
+
"name": "--pf-v6-c-content--m-editorial--small--FontSize",
|
|
375
|
+
"value": "0.875rem",
|
|
376
|
+
"values": [
|
|
377
|
+
"--pf-t--global--font--size--body--default",
|
|
378
|
+
"--pf-t--global--font--size--sm",
|
|
379
|
+
"--pf-t--global--font--size--200",
|
|
380
|
+
"0.875rem"
|
|
381
|
+
]
|
|
382
|
+
},
|
|
363
383
|
"c_content_small_Color": {
|
|
364
384
|
"name": "--pf-v6-c-content--small--Color",
|
|
365
385
|
"value": "#4d4d4d",
|
|
@@ -596,6 +616,30 @@ export const c_content = {
|
|
|
596
616
|
]
|
|
597
617
|
}
|
|
598
618
|
},
|
|
619
|
+
"[class*=pf-v6-c-content].pf-m-editorial": {
|
|
620
|
+
"c_content_FontSize": {
|
|
621
|
+
"name": "--pf-v6-c-content--FontSize",
|
|
622
|
+
"value": "1rem",
|
|
623
|
+
"values": [
|
|
624
|
+
"--pf-v6-c-content--m-editorial--FontSize",
|
|
625
|
+
"--pf-t--global--font--size--body--lg",
|
|
626
|
+
"--pf-t--global--font--size--md",
|
|
627
|
+
"--pf-t--global--font--size--300",
|
|
628
|
+
"1rem"
|
|
629
|
+
]
|
|
630
|
+
},
|
|
631
|
+
"c_content_small_FontSize": {
|
|
632
|
+
"name": "--pf-v6-c-content--small--FontSize",
|
|
633
|
+
"value": "0.875rem",
|
|
634
|
+
"values": [
|
|
635
|
+
"--pf-v6-c-content--m-editorial--small--FontSize",
|
|
636
|
+
"--pf-t--global--font--size--body--default",
|
|
637
|
+
"--pf-t--global--font--size--sm",
|
|
638
|
+
"--pf-t--global--font--size--200",
|
|
639
|
+
"0.875rem"
|
|
640
|
+
]
|
|
641
|
+
}
|
|
642
|
+
},
|
|
599
643
|
":is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus)": {
|
|
600
644
|
"c_content_a_Color": {
|
|
601
645
|
"name": "--pf-v6-c-content--a--Color",
|