@planningcenter/tapestry 4.4.0 → 4.4.1-rc.1
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/components/DataTable/ViewSettingsToggle.d.ts.map +1 -1
- package/dist/components/DataTable/ViewSettingsToggle.js +4 -5
- package/dist/components/DataTable/ViewSettingsToggle.js.map +1 -1
- package/dist/components/popover/Popover.d.ts +93 -0
- package/dist/components/popover/Popover.d.ts.map +1 -0
- package/dist/components/popover/Popover.js +70 -0
- package/dist/components/popover/Popover.js.map +1 -0
- package/dist/components/popover/index.d.ts +4 -0
- package/dist/components/popover/index.d.ts.map +1 -0
- package/dist/reactRender.css +748 -745
- package/dist/reactRender.css.map +1 -1
- package/dist/reactRenderLegacy.css +748 -745
- package/dist/reactRenderLegacy.css.map +1 -1
- package/dist/unstable.css +42 -39
- package/dist/unstable.css.map +1 -1
- package/dist/unstable.d.ts +1 -0
- package/dist/unstable.d.ts.map +1 -1
- package/dist/unstable.js +1 -0
- package/dist/unstable.js.map +1 -1
- package/package.json +2 -2
package/dist/unstable.css
CHANGED
|
@@ -1045,45 +1045,6 @@
|
|
|
1045
1045
|
.tds-data-table-popover{
|
|
1046
1046
|
inline-size:16rem;
|
|
1047
1047
|
max-block-size:inherit;
|
|
1048
|
-
padding:var(--t-spacing-1);
|
|
1049
|
-
overflow:auto;
|
|
1050
|
-
overscroll-behavior:none;
|
|
1051
|
-
-webkit-user-select:none;
|
|
1052
|
-
-moz-user-select:none;
|
|
1053
|
-
user-select:none;
|
|
1054
|
-
outline:0;
|
|
1055
|
-
scrollbar-color:#0004 var(--t-surface-color-card);
|
|
1056
|
-
scrollbar-width:thin;
|
|
1057
|
-
background:var(--t-surface-color-card);
|
|
1058
|
-
background-clip:padding-box;
|
|
1059
|
-
border:1px solid var(--t-border-color);
|
|
1060
|
-
border-radius:var(--t-border-radius);
|
|
1061
|
-
box-shadow:0 10px 15px -3px hsl(0 0% 0% / .05), 0 4px 6px -4px hsl(0 0% 0% / .05);
|
|
1062
|
-
}
|
|
1063
|
-
|
|
1064
|
-
.tds-data-table-popover[data-entering]{
|
|
1065
|
-
animation:tds-data-table-popover var(--t-duration-300) var(--t-ease-out);
|
|
1066
|
-
}
|
|
1067
|
-
|
|
1068
|
-
.tds-data-table-popover[data-exiting]{
|
|
1069
|
-
animation:tds-data-table-popover var(--t-duration-200) var(--t-ease-in) reverse;
|
|
1070
|
-
}
|
|
1071
|
-
|
|
1072
|
-
.tds-data-table-popover[data-entering],.tds-data-table-popover[data-exiting]{
|
|
1073
|
-
will-change:opacity, transform;
|
|
1074
|
-
}
|
|
1075
|
-
|
|
1076
|
-
@keyframes tds-data-table-popover{
|
|
1077
|
-
from{
|
|
1078
|
-
opacity:0;
|
|
1079
|
-
transform:translateY(-8px);
|
|
1080
|
-
}
|
|
1081
|
-
}
|
|
1082
|
-
|
|
1083
|
-
@media (prefers-reduced-motion: reduce){
|
|
1084
|
-
.tds-data-table-popover[data-entering],.tds-data-table-popover[data-exiting]{
|
|
1085
|
-
animation:none;
|
|
1086
|
-
}
|
|
1087
1048
|
}
|
|
1088
1049
|
|
|
1089
1050
|
.tds-pagination{
|
|
@@ -2260,6 +2221,48 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
2260
2221
|
white-space:nowrap;
|
|
2261
2222
|
}
|
|
2262
2223
|
|
|
2224
|
+
.tds-popover{
|
|
2225
|
+
max-inline-size:24rem;
|
|
2226
|
+
overflow:auto;
|
|
2227
|
+
overscroll-behavior:none;
|
|
2228
|
+
outline:0;
|
|
2229
|
+
scrollbar-color:#0004 var(--t-surface-color-card);
|
|
2230
|
+
scrollbar-width:thin;
|
|
2231
|
+
background:var(--t-surface-color-card);
|
|
2232
|
+
background-clip:padding-box;
|
|
2233
|
+
border:1px solid var(--t-border-color);
|
|
2234
|
+
border-radius:var(--t-border-radius);
|
|
2235
|
+
box-shadow:0 10px 15px -3px hsl(0 0% 0% / .05), 0 4px 6px -4px hsl(0 0% 0% / .05);
|
|
2236
|
+
}
|
|
2237
|
+
|
|
2238
|
+
@media (prefers-reduced-motion: no-preference){
|
|
2239
|
+
.tds-popover[data-entering]{
|
|
2240
|
+
animation:tds-popover var(--t-duration-300) var(--t-ease-out);
|
|
2241
|
+
}
|
|
2242
|
+
|
|
2243
|
+
.tds-popover[data-exiting]{
|
|
2244
|
+
animation:tds-popover var(--t-duration-200) var(--t-ease-in) reverse;
|
|
2245
|
+
}
|
|
2246
|
+
|
|
2247
|
+
.tds-popover[data-entering],.tds-popover[data-exiting]{
|
|
2248
|
+
will-change:opacity, transform;
|
|
2249
|
+
}
|
|
2250
|
+
|
|
2251
|
+
@keyframes tds-popover{
|
|
2252
|
+
from{
|
|
2253
|
+
opacity:0;
|
|
2254
|
+
transform:translateY(-8px);
|
|
2255
|
+
}
|
|
2256
|
+
}
|
|
2257
|
+
}
|
|
2258
|
+
|
|
2259
|
+
.tds-popover-content{
|
|
2260
|
+
display:flex;
|
|
2261
|
+
flex-direction:column;
|
|
2262
|
+
padding:var(--t-spacing-1);
|
|
2263
|
+
outline:0;
|
|
2264
|
+
}
|
|
2265
|
+
|
|
2263
2266
|
@layer t-critical, t-component;
|
|
2264
2267
|
|
|
2265
2268
|
:root{
|