@planningcenter/tapestry 3.2.3-rc.0 → 3.2.3-rc.2

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 (46) hide show
  1. package/dist/components/date-picker/DatePicker.d.ts.map +1 -1
  2. package/dist/components/date-picker/DatePicker.js +71 -122
  3. package/dist/components/date-picker/DatePicker.js.map +1 -1
  4. package/dist/components/link/BaseLink.js +1 -1
  5. package/dist/components/link/BaseLink.js.map +1 -1
  6. package/dist/index.css +2 -3
  7. package/dist/index.css.map +1 -1
  8. package/dist/reactRender.css +1569 -1599
  9. package/dist/reactRender.css.map +1 -1
  10. package/dist/reactRenderLegacy.css +1569 -1599
  11. package/dist/reactRenderLegacy.css.map +1 -1
  12. package/dist/unstable.css +20 -50
  13. package/dist/unstable.css.map +1 -1
  14. package/package.json +2 -2
  15. package/dist/ext/@react-aria/focus/dist/FocusScope.js +0 -664
  16. package/dist/ext/@react-aria/focus/dist/FocusScope.js.map +0 -1
  17. package/dist/ext/@react-aria/interactions/dist/focusSafely.js +0 -38
  18. package/dist/ext/@react-aria/interactions/dist/focusSafely.js.map +0 -1
  19. package/dist/ext/@react-aria/interactions/dist/useFocusVisible.js +0 -165
  20. package/dist/ext/@react-aria/interactions/dist/useFocusVisible.js.map +0 -1
  21. package/dist/ext/@react-aria/interactions/dist/utils.js +0 -6
  22. package/dist/ext/@react-aria/interactions/dist/utils.js.map +0 -1
  23. package/dist/ext/@react-aria/utils/dist/DOMFunctions.js +0 -38
  24. package/dist/ext/@react-aria/utils/dist/DOMFunctions.js.map +0 -1
  25. package/dist/ext/@react-aria/utils/dist/ShadowTreeWalker.js +0 -193
  26. package/dist/ext/@react-aria/utils/dist/ShadowTreeWalker.js.map +0 -1
  27. package/dist/ext/@react-aria/utils/dist/domHelpers.js +0 -20
  28. package/dist/ext/@react-aria/utils/dist/domHelpers.js.map +0 -1
  29. package/dist/ext/@react-aria/utils/dist/focusWithoutScrolling.js +0 -66
  30. package/dist/ext/@react-aria/utils/dist/focusWithoutScrolling.js.map +0 -1
  31. package/dist/ext/@react-aria/utils/dist/isElementVisible.js +0 -39
  32. package/dist/ext/@react-aria/utils/dist/isElementVisible.js.map +0 -1
  33. package/dist/ext/@react-aria/utils/dist/isFocusable.js +0 -49
  34. package/dist/ext/@react-aria/utils/dist/isFocusable.js.map +0 -1
  35. package/dist/ext/@react-aria/utils/dist/isVirtualEvent.js +0 -25
  36. package/dist/ext/@react-aria/utils/dist/isVirtualEvent.js.map +0 -1
  37. package/dist/ext/@react-aria/utils/dist/openLink.js +0 -42
  38. package/dist/ext/@react-aria/utils/dist/openLink.js.map +0 -1
  39. package/dist/ext/@react-aria/utils/dist/platform.js +0 -59
  40. package/dist/ext/@react-aria/utils/dist/platform.js.map +0 -1
  41. package/dist/ext/@react-aria/utils/dist/runAfterTransition.js +0 -91
  42. package/dist/ext/@react-aria/utils/dist/runAfterTransition.js.map +0 -1
  43. package/dist/ext/@react-aria/utils/dist/useLayoutEffect.js +0 -17
  44. package/dist/ext/@react-aria/utils/dist/useLayoutEffect.js.map +0 -1
  45. package/dist/ext/@react-stately/flags/dist/import.js +0 -7
  46. package/dist/ext/@react-stately/flags/dist/import.js.map +0 -1
package/dist/unstable.css CHANGED
@@ -1830,8 +1830,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
1830
1830
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-status-error-ghost);
1831
1831
  }
1832
1832
 
1833
- .tds-btn--inline-text,
1834
- a[class="tds-btn"]{
1833
+ .tds-btn--inline-text{
1835
1834
  --tds-btn-color:var(--t-text-color-interaction);
1836
1835
  --tds-btn-color-hover:var(--t-text-color-interaction-hover);
1837
1836
  --tds-btn-color-active:var(--t-text-color-interaction-active);
@@ -1852,7 +1851,7 @@ a[class="tds-btn"]{
1852
1851
  vertical-align:inherit;
1853
1852
  }
1854
1853
 
1855
- :is(.tds-btn--inline-text,a[class="tds-btn"]):hover,:is(.tds-btn--inline-text,a[class="tds-btn"]):focus-visible{
1854
+ .tds-btn--inline-text:hover,.tds-btn--inline-text:focus-visible{
1856
1855
  --tds-btn-text-decoration:none;
1857
1856
  }
1858
1857
 
@@ -3920,8 +3919,9 @@ a[class="tds-btn"]{
3920
3919
  }
3921
3920
 
3922
3921
  .tds-date-picker-popover{
3922
+ --tds-date-picker-popover-padding:var(--t-spacing-1-half);
3923
+
3923
3924
  position:relative;
3924
- padding:var(--t-spacing-2);
3925
3925
  overflow:hidden;
3926
3926
  background:var(--t-surface-color-card);
3927
3927
  border:1px solid var(--t-border-color);
@@ -3962,59 +3962,23 @@ a[class="tds-btn"]{
3962
3962
  inset:0;
3963
3963
  z-index:1;
3964
3964
  display:flex;
3965
- flex-direction:column;
3966
- row-gap:var(--t-spacing-1);
3967
- padding:var(--t-spacing-2);
3968
3965
  background:var(--t-surface-color-card);
3969
3966
  }
3970
3967
 
3971
- .tds-date-picker-overlay-header{
3972
- display:flex;
3973
- align-items:center;
3974
- justify-content:center;
3975
- margin-block-end:var(--t-spacing-half);
3976
- }
3977
-
3978
- .tds-date-picker-overlay-close{
3979
- position:absolute;
3980
- right:var(--t-spacing-2);
3981
- display:flex;
3982
- align-items:center;
3983
- justify-content:center;
3984
- inline-size:1.5rem;
3985
- block-size:1.5rem;
3986
- padding:0;
3987
- font-size:1.25rem;
3988
- line-height:1;
3989
- color:var(--t-text-color);
3990
- cursor:default;
3991
- outline:0;
3992
- background:transparent;
3993
- border:0;
3994
- border-radius:var(--t-border-radius-sm);
3995
- }
3996
-
3997
- .tds-date-picker-overlay-close[data-hovered]{
3998
- background:var(--t-fill-color-neutral-070);
3999
- }
4000
-
4001
- .tds-date-picker-overlay-close[data-focus-visible]{
4002
- outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
4003
- outline-offset:var(--t-focus-ring-offset);
4004
- }
4005
-
4006
- .tds-date-picker-overlay-grid{
3968
+ .tds-date-picker-overlay-list{
4007
3969
  display:grid;
4008
3970
  gap:var(--t-spacing-half);
3971
+ padding-inline:var(--tds-date-picker-popover-padding);
3972
+ outline:0;
4009
3973
  }
4010
3974
 
4011
- .tds-date-picker-overlay--month .tds-date-picker-overlay-grid{
3975
+ .tds-date-picker-overlay--month .tds-date-picker-overlay-list{
4012
3976
  flex:1;
4013
3977
  grid-template-rows:repeat(4, 1fr);
4014
3978
  grid-template-columns:repeat(3, 1fr);
4015
3979
  }
4016
3980
 
4017
- .tds-date-picker-overlay--year .tds-date-picker-overlay-grid{
3981
+ .tds-date-picker-overlay--year .tds-date-picker-overlay-list{
4018
3982
  flex:1;
4019
3983
  grid-template-columns:repeat(4, 1fr);
4020
3984
  grid-auto-rows:3rem;
@@ -4035,16 +3999,16 @@ a[class="tds-btn"]{
4035
3999
  border-radius:var(--t-border-radius-sm);
4036
4000
  }
4037
4001
 
4038
- .tds-date-picker-overlay-cell:hover{
4002
+ .tds-date-picker-overlay-cell[data-hovered]{
4039
4003
  background:var(--t-fill-color-neutral-070);
4040
4004
  }
4041
4005
 
4042
- .tds-date-picker-overlay-cell[aria-selected="true"]{
4006
+ .tds-date-picker-overlay-cell[data-selected]{
4043
4007
  color:var(--t-text-color-inverted);
4044
4008
  background:var(--t-fill-color-interaction);
4045
4009
  }
4046
4010
 
4047
- .tds-date-picker-overlay-cell:focus-visible{
4011
+ .tds-date-picker-overlay-cell[data-focus-visible]{
4048
4012
  outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
4049
4013
  outline-offset:var(--t-focus-ring-offset);
4050
4014
  }
@@ -4054,7 +4018,7 @@ a[class="tds-btn"]{
4054
4018
  flex:1;
4055
4019
  gap:var(--t-spacing-half);
4056
4020
  align-items:center;
4057
- justify-content:center;
4021
+ justify-content:flex-start;
4058
4022
  }
4059
4023
 
4060
4024
  .tds-date-picker-calendar-overlay-trigger{
@@ -4084,11 +4048,17 @@ a[class="tds-btn"]{
4084
4048
  inline-size:fit-content;
4085
4049
  }
4086
4050
 
4051
+ .tds-date-picker-calendar-body{
4052
+ position:relative;
4053
+ padding:var(--tds-date-picker-popover-padding);
4054
+ padding-block-start:0;
4055
+ }
4056
+
4087
4057
  .tds-date-picker-calendar-header{
4088
4058
  display:flex;
4089
4059
  align-items:center;
4090
4060
  justify-content:space-between;
4091
- padding-block-end:var(--t-spacing-1);
4061
+ padding:var(--tds-date-picker-popover-padding);
4092
4062
  }
4093
4063
 
4094
4064
  .tds-date-picker-calendar-title{