@patternfly/react-tokens 6.5.0-prerelease.2 → 6.5.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.
- package/CHANGELOG.md +10 -0
- package/dist/esm/c_button.d.ts +131 -30
- package/dist/esm/c_button.js +131 -30
- package/dist/esm/c_button_TextDecorationColor.d.ts +1 -1
- package/dist/esm/c_button_TextDecorationColor.js +1 -1
- package/dist/esm/c_button_TransitionDuration.d.ts +1 -1
- package/dist/esm/c_button_TransitionDuration.js +1 -1
- package/dist/esm/c_button_TransitionProperty.d.ts +1 -1
- package/dist/esm/c_button_TransitionProperty.js +1 -1
- package/dist/esm/c_button_TransitionTimingFunction.d.ts +1 -1
- package/dist/esm/c_button_TransitionTimingFunction.js +1 -1
- package/dist/esm/c_button_m_link_m_inline_TextDecorationColor.d.ts +1 -1
- package/dist/esm/c_button_m_link_m_inline_TextDecorationColor.js +1 -1
- package/dist/esm/c_button_m_link_m_inline_TextUnderlineOffset.d.ts +6 -0
- package/dist/esm/c_button_m_link_m_inline_TextUnderlineOffset.js +6 -0
- package/dist/esm/c_button_m_link_m_inline_TransitionDuration.d.ts +6 -0
- package/dist/esm/c_button_m_link_m_inline_TransitionDuration.js +6 -0
- package/dist/esm/c_button_m_link_m_inline_TransitionProperty.d.ts +6 -0
- package/dist/esm/c_button_m_link_m_inline_TransitionProperty.js +6 -0
- package/dist/esm/c_button_m_link_m_inline_TransitionTimingFunction.d.ts +6 -0
- package/dist/esm/c_button_m_link_m_inline_TransitionTimingFunction.js +6 -0
- package/dist/esm/c_button_m_link_m_inline_hover_TextUnderlineOffset.d.ts +6 -0
- package/dist/esm/c_button_m_link_m_inline_hover_TextUnderlineOffset.js +6 -0
- package/dist/esm/c_compass.d.ts +25 -64
- package/dist/esm/c_compass.js +25 -64
- package/dist/esm/c_compass__panel_BackdropFilter.d.ts +1 -1
- package/dist/esm/c_compass__panel_BackdropFilter.js +1 -1
- package/dist/esm/c_compass__panel_BackgroundColor.d.ts +6 -0
- package/dist/esm/c_compass__panel_BackgroundColor.js +6 -0
- package/dist/esm/c_drawer.d.ts +32 -0
- package/dist/esm/c_drawer.js +32 -0
- package/dist/esm/c_drawer__panel_m_glass_BackdropFilter.d.ts +6 -0
- package/dist/esm/c_drawer__panel_m_glass_BackdropFilter.js +6 -0
- package/dist/esm/c_drawer__panel_m_glass_BackgroundColor.d.ts +6 -0
- package/dist/esm/c_drawer__panel_m_glass_BackgroundColor.js +6 -0
- package/dist/esm/c_drawer__panel_m_glass_BorderColor.d.ts +6 -0
- package/dist/esm/c_drawer__panel_m_glass_BorderColor.js +6 -0
- package/dist/esm/c_tabs.d.ts +0 -4
- package/dist/esm/c_tabs.js +0 -4
- package/dist/esm/c_tabs__link_hover_BorderColor.d.ts +1 -1
- package/dist/esm/c_tabs__link_hover_BorderColor.js +1 -1
- package/dist/esm/index.d.ts +31 -14
- package/dist/esm/index.js +31 -14
- package/dist/esm/patternfly_variables.d.ts +195 -6
- package/dist/esm/patternfly_variables.js +195 -6
- package/dist/esm/t_global_background_color_glass_default.d.ts +6 -0
- package/dist/esm/t_global_background_color_glass_default.js +6 -0
- package/dist/esm/t_global_background_color_glass_default_base.d.ts +6 -0
- package/dist/esm/t_global_background_color_glass_default_base.js +6 -0
- package/dist/esm/t_global_background_color_glass_filter.d.ts +6 -0
- package/dist/esm/t_global_background_color_glass_filter.js +6 -0
- package/dist/esm/t_global_background_color_glass_filter_base.d.ts +6 -0
- package/dist/esm/t_global_background_color_glass_filter_base.js +6 -0
- package/dist/esm/t_global_background_color_glass_opacity.d.ts +6 -0
- package/dist/esm/t_global_background_color_glass_opacity.js +6 -0
- package/dist/esm/t_global_background_color_glass_opacity_base.d.ts +6 -0
- package/dist/esm/t_global_background_color_glass_opacity_base.js +6 -0
- package/dist/esm/t_global_dark_background_color_glass_default.d.ts +6 -0
- package/dist/esm/t_global_dark_background_color_glass_default.js +6 -0
- package/dist/esm/t_global_dark_background_color_glass_filter.d.ts +6 -0
- package/dist/esm/t_global_dark_background_color_glass_filter.js +6 -0
- package/dist/esm/t_global_dark_background_color_glass_opacity.d.ts +6 -0
- package/dist/esm/t_global_dark_background_color_glass_opacity.js +6 -0
- package/dist/esm/t_global_dark_glass_background_color_glass_color.d.ts +6 -0
- package/dist/esm/t_global_dark_glass_background_color_glass_color.js +6 -0
- package/dist/esm/t_global_dark_glass_background_color_glass_default.d.ts +6 -0
- package/dist/esm/t_global_dark_glass_background_color_glass_default.js +6 -0
- package/dist/esm/t_global_dark_glass_background_color_glass_filter.d.ts +6 -0
- package/dist/esm/t_global_dark_glass_background_color_glass_filter.js +6 -0
- package/dist/esm/t_global_dark_glass_background_color_glass_opacity.d.ts +6 -0
- package/dist/esm/t_global_dark_glass_background_color_glass_opacity.js +6 -0
- package/dist/esm/t_global_light_glass_background_color_glass_color.d.ts +6 -0
- package/dist/esm/t_global_light_glass_background_color_glass_color.js +6 -0
- package/dist/esm/t_global_light_glass_background_color_glass_default.d.ts +6 -0
- package/dist/esm/t_global_light_glass_background_color_glass_default.js +6 -0
- package/dist/esm/t_global_light_glass_background_color_glass_filter.d.ts +6 -0
- package/dist/esm/t_global_light_glass_background_color_glass_filter.js +6 -0
- package/dist/esm/t_global_light_glass_background_color_glass_opacity.d.ts +6 -0
- package/dist/esm/t_global_light_glass_background_color_glass_opacity.js +6 -0
- package/dist/esm/t_global_text_decoration_color_default.d.ts +6 -0
- package/dist/esm/t_global_text_decoration_color_default.js +6 -0
- package/dist/esm/t_global_text_decoration_color_hover.d.ts +6 -0
- package/dist/esm/t_global_text_decoration_color_hover.js +6 -0
- package/dist/esm/t_global_text_decoration_offset_hover.d.ts +6 -0
- package/dist/esm/t_global_text_decoration_offset_hover.js +6 -0
- package/dist/js/c_button.d.ts +131 -30
- package/dist/js/c_button.js +131 -30
- package/dist/js/c_button_TextDecorationColor.d.ts +1 -1
- package/dist/js/c_button_TextDecorationColor.js +1 -1
- package/dist/js/c_button_TransitionDuration.d.ts +1 -1
- package/dist/js/c_button_TransitionDuration.js +1 -1
- package/dist/js/c_button_TransitionProperty.d.ts +1 -1
- package/dist/js/c_button_TransitionProperty.js +1 -1
- package/dist/js/c_button_TransitionTimingFunction.d.ts +1 -1
- package/dist/js/c_button_TransitionTimingFunction.js +1 -1
- package/dist/js/c_button_m_link_m_inline_TextDecorationColor.d.ts +1 -1
- package/dist/js/c_button_m_link_m_inline_TextDecorationColor.js +1 -1
- package/dist/js/c_button_m_link_m_inline_TextUnderlineOffset.d.ts +6 -0
- package/dist/js/c_button_m_link_m_inline_TextUnderlineOffset.js +8 -0
- package/dist/js/c_button_m_link_m_inline_TransitionDuration.d.ts +6 -0
- package/dist/js/c_button_m_link_m_inline_TransitionDuration.js +8 -0
- package/dist/js/c_button_m_link_m_inline_TransitionProperty.d.ts +6 -0
- package/dist/js/c_button_m_link_m_inline_TransitionProperty.js +8 -0
- package/dist/js/c_button_m_link_m_inline_TransitionTimingFunction.d.ts +6 -0
- package/dist/js/c_button_m_link_m_inline_TransitionTimingFunction.js +8 -0
- package/dist/js/c_button_m_link_m_inline_hover_TextUnderlineOffset.d.ts +6 -0
- package/dist/js/c_button_m_link_m_inline_hover_TextUnderlineOffset.js +8 -0
- package/dist/js/c_compass.d.ts +25 -64
- package/dist/js/c_compass.js +25 -64
- package/dist/js/c_compass__panel_BackdropFilter.d.ts +1 -1
- package/dist/js/c_compass__panel_BackdropFilter.js +1 -1
- package/dist/js/c_compass__panel_BackgroundColor.d.ts +6 -0
- package/dist/js/c_compass__panel_BackgroundColor.js +8 -0
- package/dist/js/c_drawer.d.ts +32 -0
- package/dist/js/c_drawer.js +32 -0
- package/dist/js/c_drawer__panel_m_glass_BackdropFilter.d.ts +6 -0
- package/dist/js/c_drawer__panel_m_glass_BackdropFilter.js +8 -0
- package/dist/js/c_drawer__panel_m_glass_BackgroundColor.d.ts +6 -0
- package/dist/js/c_drawer__panel_m_glass_BackgroundColor.js +8 -0
- package/dist/js/c_drawer__panel_m_glass_BorderColor.d.ts +6 -0
- package/dist/js/c_drawer__panel_m_glass_BorderColor.js +8 -0
- package/dist/js/c_tabs.d.ts +0 -4
- package/dist/js/c_tabs.js +0 -4
- package/dist/js/c_tabs__link_hover_BorderColor.d.ts +1 -1
- package/dist/js/c_tabs__link_hover_BorderColor.js +1 -1
- package/dist/js/index.d.ts +31 -14
- package/dist/js/index.js +31 -14
- package/dist/js/patternfly_variables.d.ts +195 -6
- package/dist/js/patternfly_variables.js +195 -6
- package/dist/js/t_global_background_color_glass_default.d.ts +6 -0
- package/dist/js/t_global_background_color_glass_default.js +8 -0
- package/dist/js/t_global_background_color_glass_default_base.d.ts +6 -0
- package/dist/js/t_global_background_color_glass_default_base.js +8 -0
- package/dist/js/t_global_background_color_glass_filter.d.ts +6 -0
- package/dist/js/t_global_background_color_glass_filter.js +8 -0
- package/dist/js/t_global_background_color_glass_filter_base.d.ts +6 -0
- package/dist/js/t_global_background_color_glass_filter_base.js +8 -0
- package/dist/js/t_global_background_color_glass_opacity.d.ts +6 -0
- package/dist/js/t_global_background_color_glass_opacity.js +8 -0
- package/dist/js/t_global_background_color_glass_opacity_base.d.ts +6 -0
- package/dist/js/t_global_background_color_glass_opacity_base.js +8 -0
- package/dist/js/t_global_dark_background_color_glass_default.d.ts +6 -0
- package/dist/js/t_global_dark_background_color_glass_default.js +8 -0
- package/dist/js/t_global_dark_background_color_glass_filter.d.ts +6 -0
- package/dist/js/t_global_dark_background_color_glass_filter.js +8 -0
- package/dist/js/t_global_dark_background_color_glass_opacity.d.ts +6 -0
- package/dist/js/t_global_dark_background_color_glass_opacity.js +8 -0
- package/dist/js/t_global_dark_glass_background_color_glass_color.d.ts +6 -0
- package/dist/js/t_global_dark_glass_background_color_glass_color.js +8 -0
- package/dist/js/t_global_dark_glass_background_color_glass_default.d.ts +6 -0
- package/dist/js/t_global_dark_glass_background_color_glass_default.js +8 -0
- package/dist/js/t_global_dark_glass_background_color_glass_filter.d.ts +6 -0
- package/dist/js/t_global_dark_glass_background_color_glass_filter.js +8 -0
- package/dist/js/t_global_dark_glass_background_color_glass_opacity.d.ts +6 -0
- package/dist/js/t_global_dark_glass_background_color_glass_opacity.js +8 -0
- package/dist/js/t_global_light_glass_background_color_glass_color.d.ts +6 -0
- package/dist/js/t_global_light_glass_background_color_glass_color.js +8 -0
- package/dist/js/t_global_light_glass_background_color_glass_default.d.ts +6 -0
- package/dist/js/t_global_light_glass_background_color_glass_default.js +8 -0
- package/dist/js/t_global_light_glass_background_color_glass_filter.d.ts +6 -0
- package/dist/js/t_global_light_glass_background_color_glass_filter.js +8 -0
- package/dist/js/t_global_light_glass_background_color_glass_opacity.d.ts +6 -0
- package/dist/js/t_global_light_glass_background_color_glass_opacity.js +8 -0
- package/dist/js/t_global_text_decoration_color_default.d.ts +6 -0
- package/dist/js/t_global_text_decoration_color_default.js +8 -0
- package/dist/js/t_global_text_decoration_color_hover.d.ts +6 -0
- package/dist/js/t_global_text_decoration_color_hover.js +8 -0
- package/dist/js/t_global_text_decoration_offset_hover.d.ts +6 -0
- package/dist/js/t_global_text_decoration_offset_hover.js +8 -0
- package/package.json +3 -3
- package/dist/esm/c_compass__panel_BackdropFilter_dark.d.ts +0 -6
- package/dist/esm/c_compass__panel_BackdropFilter_dark.js +0 -6
- package/dist/esm/c_compass__panel_BackdropFilter_light.d.ts +0 -6
- package/dist/esm/c_compass__panel_BackdropFilter_light.js +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_dark.d.ts +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_dark.js +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_light.d.ts +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_light.js +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_opacity_dark.d.ts +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_opacity_dark.js +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_opacity_light.d.ts +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_opacity_light.js +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_rgb_dark.d.ts +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_rgb_dark.js +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_rgb_light.d.ts +0 -6
- package/dist/esm/c_compass__panel_BackgroundColor_rgb_light.js +0 -6
- package/dist/esm/c_compass_glass_blend_mode.d.ts +0 -6
- package/dist/esm/c_compass_glass_blend_mode.js +0 -6
- package/dist/esm/c_compass_glass_blend_mode_dark.d.ts +0 -6
- package/dist/esm/c_compass_glass_blend_mode_dark.js +0 -6
- package/dist/esm/c_compass_glass_border.d.ts +0 -6
- package/dist/esm/c_compass_glass_border.js +0 -6
- package/dist/esm/c_compass_glass_opacity.d.ts +0 -6
- package/dist/esm/c_compass_glass_opacity.js +0 -6
- package/dist/js/c_compass__panel_BackdropFilter_dark.d.ts +0 -6
- package/dist/js/c_compass__panel_BackdropFilter_dark.js +0 -8
- package/dist/js/c_compass__panel_BackdropFilter_light.d.ts +0 -6
- package/dist/js/c_compass__panel_BackdropFilter_light.js +0 -8
- package/dist/js/c_compass__panel_BackgroundColor_dark.d.ts +0 -6
- package/dist/js/c_compass__panel_BackgroundColor_dark.js +0 -8
- package/dist/js/c_compass__panel_BackgroundColor_light.d.ts +0 -6
- package/dist/js/c_compass__panel_BackgroundColor_light.js +0 -8
- package/dist/js/c_compass__panel_BackgroundColor_opacity_dark.d.ts +0 -6
- package/dist/js/c_compass__panel_BackgroundColor_opacity_dark.js +0 -8
- package/dist/js/c_compass__panel_BackgroundColor_opacity_light.d.ts +0 -6
- package/dist/js/c_compass__panel_BackgroundColor_opacity_light.js +0 -8
- package/dist/js/c_compass__panel_BackgroundColor_rgb_dark.d.ts +0 -6
- package/dist/js/c_compass__panel_BackgroundColor_rgb_dark.js +0 -8
- package/dist/js/c_compass__panel_BackgroundColor_rgb_light.d.ts +0 -6
- package/dist/js/c_compass__panel_BackgroundColor_rgb_light.js +0 -8
- package/dist/js/c_compass_glass_blend_mode.d.ts +0 -6
- package/dist/js/c_compass_glass_blend_mode.js +0 -8
- package/dist/js/c_compass_glass_blend_mode_dark.d.ts +0 -6
- package/dist/js/c_compass_glass_blend_mode_dark.js +0 -8
- package/dist/js/c_compass_glass_border.d.ts +0 -6
- package/dist/js/c_compass_glass_border.js +0 -8
- package/dist/js/c_compass_glass_opacity.d.ts +0 -6
- package/dist/js/c_compass_glass_opacity.js +0 -8
package/dist/js/c_button.js
CHANGED
|
@@ -971,6 +971,17 @@ exports.c_button = {
|
|
|
971
971
|
"name": "--pf-v6-c-button--m-link--m-inline--PaddingInlineStart",
|
|
972
972
|
"value": "0"
|
|
973
973
|
},
|
|
974
|
+
"c_button_m_link_m_inline_TextDecorationColor": {
|
|
975
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
|
|
976
|
+
"value": "#c7c7c7",
|
|
977
|
+
"values": [
|
|
978
|
+
"--pf-t--global--text-decoration--color--default",
|
|
979
|
+
"--pf-t--global--border--color--default",
|
|
980
|
+
"--pf-t--global--border--color--100",
|
|
981
|
+
"--pf-t--color--gray--30",
|
|
982
|
+
"#c7c7c7"
|
|
983
|
+
]
|
|
984
|
+
},
|
|
974
985
|
"c_button_m_link_m_inline_TextDecorationLine": {
|
|
975
986
|
"name": "--pf-v6-c-button--m-link--m-inline--TextDecorationLine",
|
|
976
987
|
"value": "underline",
|
|
@@ -989,6 +1000,24 @@ exports.c_button = {
|
|
|
989
1000
|
"solid"
|
|
990
1001
|
]
|
|
991
1002
|
},
|
|
1003
|
+
"c_button_m_link_m_inline_TextUnderlineOffset": {
|
|
1004
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset",
|
|
1005
|
+
"value": "0.25rem",
|
|
1006
|
+
"values": [
|
|
1007
|
+
"--pf-t--global--text-decoration--offset--default",
|
|
1008
|
+
"--pf-t--global--spacer--xs",
|
|
1009
|
+
"--pf-t--global--spacer--100",
|
|
1010
|
+
"0.25rem"
|
|
1011
|
+
]
|
|
1012
|
+
},
|
|
1013
|
+
"c_button_m_link_m_inline_hover_TextDecorationColor": {
|
|
1014
|
+
"name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
|
|
1015
|
+
"value": "currentcolor",
|
|
1016
|
+
"values": [
|
|
1017
|
+
"--pf-t--global--text-decoration--color--hover",
|
|
1018
|
+
"currentcolor"
|
|
1019
|
+
]
|
|
1020
|
+
},
|
|
992
1021
|
"c_button_m_link_m_inline_hover_TextDecorationLine": {
|
|
993
1022
|
"name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine",
|
|
994
1023
|
"value": "underline",
|
|
@@ -1007,6 +1036,39 @@ exports.c_button = {
|
|
|
1007
1036
|
"solid"
|
|
1008
1037
|
]
|
|
1009
1038
|
},
|
|
1039
|
+
"c_button_m_link_m_inline_hover_TextUnderlineOffset": {
|
|
1040
|
+
"name": "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
|
|
1041
|
+
"value": "calc(0.25rem + 1px)",
|
|
1042
|
+
"values": [
|
|
1043
|
+
"--pf-t--global--text-decoration--offset--hover",
|
|
1044
|
+
"calc(--pf-t--global--spacer--xs + 1px)",
|
|
1045
|
+
"calc(--pf-t--global--spacer--100 + 1px)",
|
|
1046
|
+
"calc(0.25rem + 1px)"
|
|
1047
|
+
]
|
|
1048
|
+
},
|
|
1049
|
+
"c_button_m_link_m_inline_TransitionProperty": {
|
|
1050
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TransitionProperty",
|
|
1051
|
+
"value": "color, text-underline-offset"
|
|
1052
|
+
},
|
|
1053
|
+
"c_button_m_link_m_inline_TransitionDuration": {
|
|
1054
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TransitionDuration",
|
|
1055
|
+
"value": "200ms, 300ms",
|
|
1056
|
+
"values": [
|
|
1057
|
+
"--pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--lg",
|
|
1058
|
+
"--pf-t--global--motion--duration--md, --pf-t--global--duration--300",
|
|
1059
|
+
"--pf-t--global--duration--200, 300ms",
|
|
1060
|
+
"200ms, 300ms"
|
|
1061
|
+
]
|
|
1062
|
+
},
|
|
1063
|
+
"c_button_m_link_m_inline_TransitionTimingFunction": {
|
|
1064
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction",
|
|
1065
|
+
"value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
|
|
1066
|
+
"values": [
|
|
1067
|
+
"--pf-t--global--motion--timing-function--accelerate, --pf-t--global--motion--timing-function--default",
|
|
1068
|
+
"--pf-t--global--timing-function--100, --pf-t--global--timing-function--200",
|
|
1069
|
+
"cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)"
|
|
1070
|
+
]
|
|
1071
|
+
},
|
|
1010
1072
|
"c_button_m_link_m_inline__progress_InsetInlineStart": {
|
|
1011
1073
|
"name": "--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart",
|
|
1012
1074
|
"value": "0.25rem",
|
|
@@ -1092,10 +1154,6 @@ exports.c_button = {
|
|
|
1092
1154
|
"#0066cc"
|
|
1093
1155
|
]
|
|
1094
1156
|
},
|
|
1095
|
-
"c_button_m_link_m_inline_TextDecorationColor": {
|
|
1096
|
-
"name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
|
|
1097
|
-
"value": "currentcolor"
|
|
1098
|
-
},
|
|
1099
1157
|
"c_button_m_link_m_inline_hover_Color": {
|
|
1100
1158
|
"name": "--pf-v6-c-button--m-link--m-inline--hover--Color",
|
|
1101
1159
|
"value": "#004d99",
|
|
@@ -1118,10 +1176,6 @@ exports.c_button = {
|
|
|
1118
1176
|
"#004d99"
|
|
1119
1177
|
]
|
|
1120
1178
|
},
|
|
1121
|
-
"c_button_m_link_m_inline_hover_TextDecorationColor": {
|
|
1122
|
-
"name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
|
|
1123
|
-
"value": "currentcolor"
|
|
1124
|
-
},
|
|
1125
1179
|
"c_button_m_plain_BorderRadius": {
|
|
1126
1180
|
"name": "--pf-v6-c-button--m-plain--BorderRadius",
|
|
1127
1181
|
"value": "6px",
|
|
@@ -3479,6 +3533,35 @@ exports.c_button = {
|
|
|
3479
3533
|
"0"
|
|
3480
3534
|
]
|
|
3481
3535
|
},
|
|
3536
|
+
"c_button_TransitionDuration": {
|
|
3537
|
+
"name": "--pf-v6-c-button--TransitionDuration",
|
|
3538
|
+
"value": "200ms, 300ms",
|
|
3539
|
+
"values": [
|
|
3540
|
+
"--pf-v6-c-button--m-link--m-inline--TransitionDuration",
|
|
3541
|
+
"--pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--lg",
|
|
3542
|
+
"--pf-t--global--motion--duration--md, --pf-t--global--duration--300",
|
|
3543
|
+
"--pf-t--global--duration--200, 300ms",
|
|
3544
|
+
"200ms, 300ms"
|
|
3545
|
+
]
|
|
3546
|
+
},
|
|
3547
|
+
"c_button_TransitionTimingFunction": {
|
|
3548
|
+
"name": "--pf-v6-c-button--TransitionTimingFunction",
|
|
3549
|
+
"value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
|
|
3550
|
+
"values": [
|
|
3551
|
+
"--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction",
|
|
3552
|
+
"--pf-t--global--motion--timing-function--accelerate, --pf-t--global--motion--timing-function--default",
|
|
3553
|
+
"--pf-t--global--timing-function--100, --pf-t--global--timing-function--200",
|
|
3554
|
+
"cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)"
|
|
3555
|
+
]
|
|
3556
|
+
},
|
|
3557
|
+
"c_button_TransitionProperty": {
|
|
3558
|
+
"name": "--pf-v6-c-button--TransitionProperty",
|
|
3559
|
+
"value": "color, text-underline-offset",
|
|
3560
|
+
"values": [
|
|
3561
|
+
"--pf-v6-c-button--m-link--m-inline--TransitionProperty",
|
|
3562
|
+
"color, text-underline-offset"
|
|
3563
|
+
]
|
|
3564
|
+
},
|
|
3482
3565
|
"c_button_BackgroundColor": {
|
|
3483
3566
|
"name": "--pf-v6-c-button--BackgroundColor",
|
|
3484
3567
|
"value": "transparent"
|
|
@@ -3513,26 +3596,6 @@ exports.c_button = {
|
|
|
3513
3596
|
"solid"
|
|
3514
3597
|
]
|
|
3515
3598
|
},
|
|
3516
|
-
"c_button_hover_TextDecorationLine": {
|
|
3517
|
-
"name": "--pf-v6-c-button--hover--TextDecorationLine",
|
|
3518
|
-
"value": "underline",
|
|
3519
|
-
"values": [
|
|
3520
|
-
"--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine",
|
|
3521
|
-
"--pf-t--global--text-decoration--link--line--hover",
|
|
3522
|
-
"--pf-t--global--text-decoration--line--200",
|
|
3523
|
-
"underline"
|
|
3524
|
-
]
|
|
3525
|
-
},
|
|
3526
|
-
"c_button_hover_TextDecorationStyle": {
|
|
3527
|
-
"name": "--pf-v6-c-button--hover--TextDecorationStyle",
|
|
3528
|
-
"value": "solid",
|
|
3529
|
-
"values": [
|
|
3530
|
-
"--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle",
|
|
3531
|
-
"--pf-t--global--text-decoration--link--style--hover",
|
|
3532
|
-
"--pf-t--global--text-decoration--style--100",
|
|
3533
|
-
"solid"
|
|
3534
|
-
]
|
|
3535
|
-
},
|
|
3536
3599
|
"c_button_hover_BackgroundColor": {
|
|
3537
3600
|
"name": "--pf-v6-c-button--hover--BackgroundColor",
|
|
3538
3601
|
"value": "transparent"
|
|
@@ -3595,10 +3658,34 @@ exports.c_button = {
|
|
|
3595
3658
|
},
|
|
3596
3659
|
"c_button_TextDecorationColor": {
|
|
3597
3660
|
"name": "--pf-v6-c-button--TextDecorationColor",
|
|
3598
|
-
"value": "
|
|
3661
|
+
"value": "#c7c7c7",
|
|
3599
3662
|
"values": [
|
|
3600
3663
|
"--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
|
|
3601
|
-
"
|
|
3664
|
+
"--pf-t--global--text-decoration--color--default",
|
|
3665
|
+
"--pf-t--global--border--color--default",
|
|
3666
|
+
"--pf-t--global--border--color--100",
|
|
3667
|
+
"--pf-t--color--gray--30",
|
|
3668
|
+
"#c7c7c7"
|
|
3669
|
+
]
|
|
3670
|
+
},
|
|
3671
|
+
"c_button_hover_TextDecorationLine": {
|
|
3672
|
+
"name": "--pf-v6-c-button--hover--TextDecorationLine",
|
|
3673
|
+
"value": "underline",
|
|
3674
|
+
"values": [
|
|
3675
|
+
"--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine",
|
|
3676
|
+
"--pf-t--global--text-decoration--link--line--hover",
|
|
3677
|
+
"--pf-t--global--text-decoration--line--200",
|
|
3678
|
+
"underline"
|
|
3679
|
+
]
|
|
3680
|
+
},
|
|
3681
|
+
"c_button_hover_TextDecorationStyle": {
|
|
3682
|
+
"name": "--pf-v6-c-button--hover--TextDecorationStyle",
|
|
3683
|
+
"value": "solid",
|
|
3684
|
+
"values": [
|
|
3685
|
+
"--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle",
|
|
3686
|
+
"--pf-t--global--text-decoration--link--style--hover",
|
|
3687
|
+
"--pf-t--global--text-decoration--style--100",
|
|
3688
|
+
"solid"
|
|
3602
3689
|
]
|
|
3603
3690
|
},
|
|
3604
3691
|
"c_button_hover_TextDecorationColor": {
|
|
@@ -3606,6 +3693,7 @@ exports.c_button = {
|
|
|
3606
3693
|
"value": "currentcolor",
|
|
3607
3694
|
"values": [
|
|
3608
3695
|
"--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor",
|
|
3696
|
+
"--pf-t--global--text-decoration--color--hover",
|
|
3609
3697
|
"currentcolor"
|
|
3610
3698
|
]
|
|
3611
3699
|
},
|
|
@@ -3680,6 +3768,19 @@ exports.c_button = {
|
|
|
3680
3768
|
]
|
|
3681
3769
|
}
|
|
3682
3770
|
},
|
|
3771
|
+
".pf-v6-c-button.pf-m-link.pf-m-inline:hover": {
|
|
3772
|
+
"c_button_m_link_m_inline_TextUnderlineOffset": {
|
|
3773
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset",
|
|
3774
|
+
"value": "calc(0.25rem + 1px)",
|
|
3775
|
+
"values": [
|
|
3776
|
+
"--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
|
|
3777
|
+
"--pf-t--global--text-decoration--offset--hover",
|
|
3778
|
+
"calc(--pf-t--global--spacer--xs + 1px)",
|
|
3779
|
+
"calc(--pf-t--global--spacer--100 + 1px)",
|
|
3780
|
+
"calc(0.25rem + 1px)"
|
|
3781
|
+
]
|
|
3782
|
+
}
|
|
3783
|
+
},
|
|
3683
3784
|
".pf-v6-c-button.pf-m-link.pf-m-danger": {
|
|
3684
3785
|
"c_button_m_danger_Color": {
|
|
3685
3786
|
"name": "--pf-v6-c-button--m-danger--Color",
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.c_button_TextDecorationColor = {
|
|
4
4
|
"name": "--pf-v6-c-button--TextDecorationColor",
|
|
5
|
-
"value": "
|
|
5
|
+
"value": "#c7c7c7",
|
|
6
6
|
"var": "var(--pf-v6-c-button--TextDecorationColor)"
|
|
7
7
|
};
|
|
8
8
|
exports["default"] = exports.c_button_TextDecorationColor;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.c_button_TransitionDuration = {
|
|
4
4
|
"name": "--pf-v6-c-button--TransitionDuration",
|
|
5
|
-
"value": "
|
|
5
|
+
"value": "200ms, 300ms",
|
|
6
6
|
"var": "var(--pf-v6-c-button--TransitionDuration)"
|
|
7
7
|
};
|
|
8
8
|
exports["default"] = exports.c_button_TransitionDuration;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_button_TransitionProperty: {
|
|
2
2
|
"name": "--pf-v6-c-button--TransitionProperty",
|
|
3
|
-
"value": "color,
|
|
3
|
+
"value": "color, text-underline-offset",
|
|
4
4
|
"var": "var(--pf-v6-c-button--TransitionProperty)"
|
|
5
5
|
};
|
|
6
6
|
export default c_button_TransitionProperty;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.c_button_TransitionProperty = {
|
|
4
4
|
"name": "--pf-v6-c-button--TransitionProperty",
|
|
5
|
-
"value": "color,
|
|
5
|
+
"value": "color, text-underline-offset",
|
|
6
6
|
"var": "var(--pf-v6-c-button--TransitionProperty)"
|
|
7
7
|
};
|
|
8
8
|
exports["default"] = exports.c_button_TransitionProperty;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_button_TransitionTimingFunction: {
|
|
2
2
|
"name": "--pf-v6-c-button--TransitionTimingFunction",
|
|
3
|
-
"value": "cubic-bezier(.4, 0, .7, .2)",
|
|
3
|
+
"value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
|
|
4
4
|
"var": "var(--pf-v6-c-button--TransitionTimingFunction)"
|
|
5
5
|
};
|
|
6
6
|
export default c_button_TransitionTimingFunction;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.c_button_TransitionTimingFunction = {
|
|
4
4
|
"name": "--pf-v6-c-button--TransitionTimingFunction",
|
|
5
|
-
"value": "cubic-bezier(.4, 0, .7, .2)",
|
|
5
|
+
"value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
|
|
6
6
|
"var": "var(--pf-v6-c-button--TransitionTimingFunction)"
|
|
7
7
|
};
|
|
8
8
|
exports["default"] = exports.c_button_TransitionTimingFunction;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const c_button_m_link_m_inline_TextDecorationColor: {
|
|
2
2
|
"name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
|
|
3
|
-
"value": "
|
|
3
|
+
"value": "#c7c7c7",
|
|
4
4
|
"var": "var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor)"
|
|
5
5
|
};
|
|
6
6
|
export default c_button_m_link_m_inline_TextDecorationColor;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.c_button_m_link_m_inline_TextDecorationColor = {
|
|
4
4
|
"name": "--pf-v6-c-button--m-link--m-inline--TextDecorationColor",
|
|
5
|
-
"value": "
|
|
5
|
+
"value": "#c7c7c7",
|
|
6
6
|
"var": "var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor)"
|
|
7
7
|
};
|
|
8
8
|
exports["default"] = exports.c_button_m_link_m_inline_TextDecorationColor;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_button_m_link_m_inline_TextUnderlineOffset: {
|
|
2
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset",
|
|
3
|
+
"value": "calc(0.25rem + 1px)",
|
|
4
|
+
"var": "var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset)"
|
|
5
|
+
};
|
|
6
|
+
export default c_button_m_link_m_inline_TextUnderlineOffset;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.c_button_m_link_m_inline_TextUnderlineOffset = {
|
|
4
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset",
|
|
5
|
+
"value": "calc(0.25rem + 1px)",
|
|
6
|
+
"var": "var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset)"
|
|
7
|
+
};
|
|
8
|
+
exports["default"] = exports.c_button_m_link_m_inline_TextUnderlineOffset;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_button_m_link_m_inline_TransitionDuration: {
|
|
2
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TransitionDuration",
|
|
3
|
+
"value": "200ms, 300ms",
|
|
4
|
+
"var": "var(--pf-v6-c-button--m-link--m-inline--TransitionDuration)"
|
|
5
|
+
};
|
|
6
|
+
export default c_button_m_link_m_inline_TransitionDuration;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.c_button_m_link_m_inline_TransitionDuration = {
|
|
4
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TransitionDuration",
|
|
5
|
+
"value": "200ms, 300ms",
|
|
6
|
+
"var": "var(--pf-v6-c-button--m-link--m-inline--TransitionDuration)"
|
|
7
|
+
};
|
|
8
|
+
exports["default"] = exports.c_button_m_link_m_inline_TransitionDuration;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_button_m_link_m_inline_TransitionProperty: {
|
|
2
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TransitionProperty",
|
|
3
|
+
"value": "color, text-underline-offset",
|
|
4
|
+
"var": "var(--pf-v6-c-button--m-link--m-inline--TransitionProperty)"
|
|
5
|
+
};
|
|
6
|
+
export default c_button_m_link_m_inline_TransitionProperty;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.c_button_m_link_m_inline_TransitionProperty = {
|
|
4
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TransitionProperty",
|
|
5
|
+
"value": "color, text-underline-offset",
|
|
6
|
+
"var": "var(--pf-v6-c-button--m-link--m-inline--TransitionProperty)"
|
|
7
|
+
};
|
|
8
|
+
exports["default"] = exports.c_button_m_link_m_inline_TransitionProperty;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_button_m_link_m_inline_TransitionTimingFunction: {
|
|
2
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction",
|
|
3
|
+
"value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
|
|
4
|
+
"var": "var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction)"
|
|
5
|
+
};
|
|
6
|
+
export default c_button_m_link_m_inline_TransitionTimingFunction;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.c_button_m_link_m_inline_TransitionTimingFunction = {
|
|
4
|
+
"name": "--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction",
|
|
5
|
+
"value": "cubic-bezier(.4, 0, .7, .2), cubic-bezier(.4, 0, .2, 1)",
|
|
6
|
+
"var": "var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction)"
|
|
7
|
+
};
|
|
8
|
+
exports["default"] = exports.c_button_m_link_m_inline_TransitionTimingFunction;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export const c_button_m_link_m_inline_hover_TextUnderlineOffset: {
|
|
2
|
+
"name": "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
|
|
3
|
+
"value": "calc(0.25rem + 1px)",
|
|
4
|
+
"var": "var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset)"
|
|
5
|
+
};
|
|
6
|
+
export default c_button_m_link_m_inline_hover_TextUnderlineOffset;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.c_button_m_link_m_inline_hover_TextUnderlineOffset = {
|
|
4
|
+
"name": "--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset",
|
|
5
|
+
"value": "calc(0.25rem + 1px)",
|
|
6
|
+
"var": "var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset)"
|
|
7
|
+
};
|
|
8
|
+
exports["default"] = exports.c_button_m_link_m_inline_hover_TextUnderlineOffset;
|
package/dist/js/c_compass.d.ts
CHANGED
|
@@ -72,54 +72,27 @@ export const c_compass: {
|
|
|
72
72
|
"1rem"
|
|
73
73
|
]
|
|
74
74
|
},
|
|
75
|
-
"
|
|
76
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor
|
|
77
|
-
"value": "
|
|
78
|
-
},
|
|
79
|
-
"c_compass__panel_BackgroundColor_opacity_light": {
|
|
80
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor--opacity--light",
|
|
81
|
-
"value": ".8"
|
|
82
|
-
},
|
|
83
|
-
"c_compass__panel_BackgroundColor_light": {
|
|
84
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor--light",
|
|
85
|
-
"value": "rgba(255,255,255, .8)",
|
|
86
|
-
"values": [
|
|
87
|
-
"rgba(--pf-v6-c-compass__panel--BackgroundColor--rgb--light, --pf-v6-c-compass__panel--BackgroundColor--opacity--light)",
|
|
88
|
-
"rgba(255,255,255, .8)"
|
|
89
|
-
]
|
|
90
|
-
},
|
|
91
|
-
"c_compass__panel_BackgroundColor_rgb_dark": {
|
|
92
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor--rgb--dark",
|
|
93
|
-
"value": "0,0,0"
|
|
94
|
-
},
|
|
95
|
-
"c_compass__panel_BackgroundColor_opacity_dark": {
|
|
96
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor--opacity--dark",
|
|
97
|
-
"value": ".8"
|
|
98
|
-
},
|
|
99
|
-
"c_compass__panel_BackgroundColor_dark": {
|
|
100
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor--dark",
|
|
101
|
-
"value": "rgba(0,0,0, .8)",
|
|
75
|
+
"c_compass__panel_BackgroundColor": {
|
|
76
|
+
"name": "--pf-v6-c-compass__panel--BackgroundColor",
|
|
77
|
+
"value": "#ffffff",
|
|
102
78
|
"values": [
|
|
103
|
-
"
|
|
104
|
-
"
|
|
79
|
+
"--pf-t--global--background--color--glass--default",
|
|
80
|
+
"--pf-t--global--background--color--glass--default--base",
|
|
81
|
+
"--pf-t--global--background--color--primary--default",
|
|
82
|
+
"--pf-t--global--background--color--100",
|
|
83
|
+
"--pf-t--color--white",
|
|
84
|
+
"#ffffff"
|
|
105
85
|
]
|
|
106
86
|
},
|
|
107
87
|
"c_compass__panel_BackdropFilter": {
|
|
108
88
|
"name": "--pf-v6-c-compass__panel--BackdropFilter",
|
|
109
|
-
"value": "
|
|
89
|
+
"value": "none",
|
|
110
90
|
"values": [
|
|
111
|
-
"--pf-
|
|
112
|
-
"
|
|
91
|
+
"--pf-t--global--background--color--glass--filter",
|
|
92
|
+
"--pf-t--global--background--color--glass--filter--base",
|
|
93
|
+
"none"
|
|
113
94
|
]
|
|
114
95
|
},
|
|
115
|
-
"c_compass__panel_BackdropFilter_light": {
|
|
116
|
-
"name": "--pf-v6-c-compass__panel--BackdropFilter--light",
|
|
117
|
-
"value": "blur(75px)"
|
|
118
|
-
},
|
|
119
|
-
"c_compass__panel_BackdropFilter_dark": {
|
|
120
|
-
"name": "--pf-v6-c-compass__panel--BackdropFilter--dark",
|
|
121
|
-
"value": "blur(75px)"
|
|
122
|
-
},
|
|
123
96
|
"c_compass__panel_BorderRadius": {
|
|
124
97
|
"name": "--pf-v6-c-compass__panel--BorderRadius",
|
|
125
98
|
"value": "24px",
|
|
@@ -235,6 +208,18 @@ export const c_compass: {
|
|
|
235
208
|
"value": "80%"
|
|
236
209
|
}
|
|
237
210
|
},
|
|
211
|
+
".pf-v6-c-compass__panel.pf-m-no-glass": {
|
|
212
|
+
"c_compass__panel_BackgroundColor": {
|
|
213
|
+
"name": "--pf-v6-c-compass__panel--BackgroundColor",
|
|
214
|
+
"value": "#ffffff",
|
|
215
|
+
"values": [
|
|
216
|
+
"--pf-t--global--background--color--primary--default",
|
|
217
|
+
"--pf-t--global--background--color--100",
|
|
218
|
+
"--pf-t--color--white",
|
|
219
|
+
"#ffffff"
|
|
220
|
+
]
|
|
221
|
+
}
|
|
222
|
+
},
|
|
238
223
|
".pf-v6-c-compass__sidebar": {
|
|
239
224
|
"c_compass__panel_Padding": {
|
|
240
225
|
"name": "--pf-v6-c-compass__panel--Padding",
|
|
@@ -246,30 +231,6 @@ export const c_compass: {
|
|
|
246
231
|
"0.5rem"
|
|
247
232
|
]
|
|
248
233
|
}
|
|
249
|
-
},
|
|
250
|
-
":where(:root.pf-v6-theme-no-glass) .pf-v6-c-compass": {
|
|
251
|
-
"c_compass_glass_opacity": {
|
|
252
|
-
"name": "--pf-v6-c-compass--glass--opacity",
|
|
253
|
-
"value": "100%"
|
|
254
|
-
},
|
|
255
|
-
"c_compass_glass_border": {
|
|
256
|
-
"name": "--pf-v6-c-compass--glass--border",
|
|
257
|
-
"value": "#c7c7c7",
|
|
258
|
-
"values": [
|
|
259
|
-
"--pf-t--global--border--color--default",
|
|
260
|
-
"--pf-t--global--border--color--100",
|
|
261
|
-
"--pf-t--color--gray--30",
|
|
262
|
-
"#c7c7c7"
|
|
263
|
-
]
|
|
264
|
-
},
|
|
265
|
-
"c_compass_glass_blend_mode": {
|
|
266
|
-
"name": "--pf-v6-c-compass--glass--blend-mode",
|
|
267
|
-
"value": "none"
|
|
268
|
-
},
|
|
269
|
-
"c_compass_glass_blend_mode_dark": {
|
|
270
|
-
"name": "--pf-v6-c-compass--glass--blend-mode--dark",
|
|
271
|
-
"value": "none"
|
|
272
|
-
}
|
|
273
234
|
}
|
|
274
235
|
};
|
|
275
236
|
export default c_compass;
|
package/dist/js/c_compass.js
CHANGED
|
@@ -74,54 +74,27 @@ exports.c_compass = {
|
|
|
74
74
|
"1rem"
|
|
75
75
|
]
|
|
76
76
|
},
|
|
77
|
-
"
|
|
78
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor
|
|
79
|
-
"value": "
|
|
80
|
-
},
|
|
81
|
-
"c_compass__panel_BackgroundColor_opacity_light": {
|
|
82
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor--opacity--light",
|
|
83
|
-
"value": ".8"
|
|
84
|
-
},
|
|
85
|
-
"c_compass__panel_BackgroundColor_light": {
|
|
86
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor--light",
|
|
87
|
-
"value": "rgba(255,255,255, .8)",
|
|
88
|
-
"values": [
|
|
89
|
-
"rgba(--pf-v6-c-compass__panel--BackgroundColor--rgb--light, --pf-v6-c-compass__panel--BackgroundColor--opacity--light)",
|
|
90
|
-
"rgba(255,255,255, .8)"
|
|
91
|
-
]
|
|
92
|
-
},
|
|
93
|
-
"c_compass__panel_BackgroundColor_rgb_dark": {
|
|
94
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor--rgb--dark",
|
|
95
|
-
"value": "0,0,0"
|
|
96
|
-
},
|
|
97
|
-
"c_compass__panel_BackgroundColor_opacity_dark": {
|
|
98
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor--opacity--dark",
|
|
99
|
-
"value": ".8"
|
|
100
|
-
},
|
|
101
|
-
"c_compass__panel_BackgroundColor_dark": {
|
|
102
|
-
"name": "--pf-v6-c-compass__panel--BackgroundColor--dark",
|
|
103
|
-
"value": "rgba(0,0,0, .8)",
|
|
77
|
+
"c_compass__panel_BackgroundColor": {
|
|
78
|
+
"name": "--pf-v6-c-compass__panel--BackgroundColor",
|
|
79
|
+
"value": "#ffffff",
|
|
104
80
|
"values": [
|
|
105
|
-
"
|
|
106
|
-
"
|
|
81
|
+
"--pf-t--global--background--color--glass--default",
|
|
82
|
+
"--pf-t--global--background--color--glass--default--base",
|
|
83
|
+
"--pf-t--global--background--color--primary--default",
|
|
84
|
+
"--pf-t--global--background--color--100",
|
|
85
|
+
"--pf-t--color--white",
|
|
86
|
+
"#ffffff"
|
|
107
87
|
]
|
|
108
88
|
},
|
|
109
89
|
"c_compass__panel_BackdropFilter": {
|
|
110
90
|
"name": "--pf-v6-c-compass__panel--BackdropFilter",
|
|
111
|
-
"value": "
|
|
91
|
+
"value": "none",
|
|
112
92
|
"values": [
|
|
113
|
-
"--pf-
|
|
114
|
-
"
|
|
93
|
+
"--pf-t--global--background--color--glass--filter",
|
|
94
|
+
"--pf-t--global--background--color--glass--filter--base",
|
|
95
|
+
"none"
|
|
115
96
|
]
|
|
116
97
|
},
|
|
117
|
-
"c_compass__panel_BackdropFilter_light": {
|
|
118
|
-
"name": "--pf-v6-c-compass__panel--BackdropFilter--light",
|
|
119
|
-
"value": "blur(75px)"
|
|
120
|
-
},
|
|
121
|
-
"c_compass__panel_BackdropFilter_dark": {
|
|
122
|
-
"name": "--pf-v6-c-compass__panel--BackdropFilter--dark",
|
|
123
|
-
"value": "blur(75px)"
|
|
124
|
-
},
|
|
125
98
|
"c_compass__panel_BorderRadius": {
|
|
126
99
|
"name": "--pf-v6-c-compass__panel--BorderRadius",
|
|
127
100
|
"value": "24px",
|
|
@@ -237,6 +210,18 @@ exports.c_compass = {
|
|
|
237
210
|
"value": "80%"
|
|
238
211
|
}
|
|
239
212
|
},
|
|
213
|
+
".pf-v6-c-compass__panel.pf-m-no-glass": {
|
|
214
|
+
"c_compass__panel_BackgroundColor": {
|
|
215
|
+
"name": "--pf-v6-c-compass__panel--BackgroundColor",
|
|
216
|
+
"value": "#ffffff",
|
|
217
|
+
"values": [
|
|
218
|
+
"--pf-t--global--background--color--primary--default",
|
|
219
|
+
"--pf-t--global--background--color--100",
|
|
220
|
+
"--pf-t--color--white",
|
|
221
|
+
"#ffffff"
|
|
222
|
+
]
|
|
223
|
+
}
|
|
224
|
+
},
|
|
240
225
|
".pf-v6-c-compass__sidebar": {
|
|
241
226
|
"c_compass__panel_Padding": {
|
|
242
227
|
"name": "--pf-v6-c-compass__panel--Padding",
|
|
@@ -248,30 +233,6 @@ exports.c_compass = {
|
|
|
248
233
|
"0.5rem"
|
|
249
234
|
]
|
|
250
235
|
}
|
|
251
|
-
},
|
|
252
|
-
":where(:root.pf-v6-theme-no-glass) .pf-v6-c-compass": {
|
|
253
|
-
"c_compass_glass_opacity": {
|
|
254
|
-
"name": "--pf-v6-c-compass--glass--opacity",
|
|
255
|
-
"value": "100%"
|
|
256
|
-
},
|
|
257
|
-
"c_compass_glass_border": {
|
|
258
|
-
"name": "--pf-v6-c-compass--glass--border",
|
|
259
|
-
"value": "#c7c7c7",
|
|
260
|
-
"values": [
|
|
261
|
-
"--pf-t--global--border--color--default",
|
|
262
|
-
"--pf-t--global--border--color--100",
|
|
263
|
-
"--pf-t--color--gray--30",
|
|
264
|
-
"#c7c7c7"
|
|
265
|
-
]
|
|
266
|
-
},
|
|
267
|
-
"c_compass_glass_blend_mode": {
|
|
268
|
-
"name": "--pf-v6-c-compass--glass--blend-mode",
|
|
269
|
-
"value": "none"
|
|
270
|
-
},
|
|
271
|
-
"c_compass_glass_blend_mode_dark": {
|
|
272
|
-
"name": "--pf-v6-c-compass--glass--blend-mode--dark",
|
|
273
|
-
"value": "none"
|
|
274
|
-
}
|
|
275
236
|
}
|
|
276
237
|
};
|
|
277
238
|
exports["default"] = exports.c_compass;
|