@planningcenter/tapestry 3.2.2 → 3.2.3-qa-826.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +17 -2
- package/dist/index.css.map +1 -1
- package/dist/reactRender.css +935 -920
- package/dist/reactRender.css.map +1 -1
- package/dist/reactRenderLegacy.css +935 -920
- package/dist/reactRenderLegacy.css.map +1 -1
- package/dist/unstable.css +17 -2
- package/dist/unstable.css.map +1 -1
- package/package.json +5 -5
package/dist/unstable.css
CHANGED
|
@@ -912,7 +912,7 @@
|
|
|
912
912
|
--tds-page-header-background-color:var(--t-fill-color-product-current-gradient-tint, var(--t-surface-color-canvas));
|
|
913
913
|
--tds-page-header-background-color-inactive:var(--t-fill-color-neutral-090);
|
|
914
914
|
--tds-page-header-color:var(--t-text-color);
|
|
915
|
-
--tds-page-header-bottom-border-color:
|
|
915
|
+
--tds-page-header-bottom-border-color:transparent;
|
|
916
916
|
--tds-page-header-headline-color:var(--t-text-color-headline);
|
|
917
917
|
--tds-page-header-headline-font-size:var(--t-font-size-2xl);
|
|
918
918
|
--tds-page-header-padding-x:var(--t-spacing-2);
|
|
@@ -927,7 +927,7 @@
|
|
|
927
927
|
--tds-page-header-nav-item-border-width:1px;
|
|
928
928
|
|
|
929
929
|
--tds-page-header-nav-item-border-color:var(--tds-page-header-nav-item-background-color);
|
|
930
|
-
--tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-
|
|
930
|
+
--tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-nav-item-background-color);
|
|
931
931
|
|
|
932
932
|
--tds-page-header-nav-item-color-hover:var(--t-text-color);
|
|
933
933
|
--tds-page-header-nav-item-background-color-hover:color-mix(in srgb, var(--t-surface-color-canvas) 100%, transparent 20%);
|
|
@@ -971,6 +971,7 @@
|
|
|
971
971
|
--tds-page-header-nav-item-border-width:1px;
|
|
972
972
|
--tds-page-header-nav-item-color:var(--t-text-color);
|
|
973
973
|
--tds-page-header-nav-item-background-color:var(--t-fill-color-neutral-070);
|
|
974
|
+
--tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-bottom-border-color);
|
|
974
975
|
--tds-page-header-nav-item-background-color-hover:var(--t-fill-color-neutral-060);
|
|
975
976
|
--tds-page-header-nav-item-background-color-active:var(--t-fill-color-neutral-050);
|
|
976
977
|
--tds-page-header-nav-item-background-color-disabled:var(--t-fill-color-neutral-080);
|
|
@@ -1051,20 +1052,34 @@
|
|
|
1051
1052
|
--tds-page-header-nav-item-color:var(--tds-page-header-nav-item-color-hover);
|
|
1052
1053
|
--tds-page-header-nav-item-background-color:var(--tds-page-header-nav-item-background-color-hover);
|
|
1053
1054
|
--tds-page-header-nav-item-border-color:var(--tds-page-header-nav-item-border-color-hover);
|
|
1055
|
+
--tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-nav-item-background-color-hover);
|
|
1054
1056
|
}
|
|
1055
1057
|
|
|
1056
1058
|
:is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) :is(a,button)):not(.selected):active{
|
|
1059
|
+
--tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-nav-item-background-color-active);
|
|
1057
1060
|
background-color:var(--tds-page-header-nav-item-background-color-active);
|
|
1058
1061
|
border-color:var(--tds-page-header-nav-item-border-color-active);
|
|
1059
1062
|
}
|
|
1060
1063
|
|
|
1061
1064
|
:is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) :is(a,button)):not(.selected):disabled{
|
|
1065
|
+
--tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-nav-item-background-color-disabled);
|
|
1062
1066
|
color:var(--tds-page-header-nav-item-color-disabled);
|
|
1063
1067
|
cursor:not-allowed;
|
|
1064
1068
|
background-color:var(--tds-page-header-nav-item-background-color-disabled);
|
|
1065
1069
|
opacity:1;
|
|
1066
1070
|
}
|
|
1067
1071
|
|
|
1072
|
+
@media (min-width: 600px){
|
|
1073
|
+
:is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) :is(a,button)):not(.selected)::after{
|
|
1074
|
+
position:absolute;
|
|
1075
|
+
inset:auto -1px -1px;
|
|
1076
|
+
height:1px;
|
|
1077
|
+
pointer-events:none;
|
|
1078
|
+
content:"";
|
|
1079
|
+
background-color:var(--tds-page-header-bottom-border-color);
|
|
1080
|
+
}
|
|
1081
|
+
}
|
|
1082
|
+
|
|
1068
1083
|
:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) li:has(.indicator){
|
|
1069
1084
|
position:relative;
|
|
1070
1085
|
}
|