@planningcenter/tapestry 4.5.0-rc.2 → 4.5.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/components/combo-box/ComboBox.d.ts +6 -1
- package/dist/components/combo-box/ComboBox.d.ts.map +1 -1
- package/dist/components/combo-box/ComboBox.js +19 -4
- package/dist/components/combo-box/ComboBox.js.map +1 -1
- package/dist/index.css +26 -1
- package/dist/index.css.map +1 -1
- package/dist/reactRender.css +1287 -1262
- package/dist/reactRender.css.map +1 -1
- package/dist/reactRenderLegacy.css +1287 -1262
- package/dist/reactRenderLegacy.css.map +1 -1
- package/dist/unstable.css +26 -1
- package/dist/unstable.css.map +1 -1
- package/package.json +2 -2
package/dist/unstable.css
CHANGED
|
@@ -4926,7 +4926,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4926
4926
|
.tds-combo-box-field:has([readonly]) .tds-combo-box-button{
|
|
4927
4927
|
display:none;
|
|
4928
4928
|
}
|
|
4929
|
-
.tds-combo-box-field:has(.tds-combo-box-search-icon){
|
|
4929
|
+
.tds-combo-box-field:has(.tds-combo-box-search-icon, .tds-combo-box-clear-button){
|
|
4930
4930
|
position:relative;
|
|
4931
4931
|
}
|
|
4932
4932
|
.tds-combo-box-search-icon{
|
|
@@ -4964,6 +4964,9 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4964
4964
|
.tds-combo-box-input:has( + .tds-combo-box-button){
|
|
4965
4965
|
padding-inline-end:0;
|
|
4966
4966
|
}
|
|
4967
|
+
.tds-combo-box-input:has( + .tds-combo-box-clear-button){
|
|
4968
|
+
padding-inline-end:calc(var(--tds-field-padding-inline) + var(--tds-field-min-height));
|
|
4969
|
+
}
|
|
4967
4970
|
.tds-combo-box-input::-moz-placeholder{
|
|
4968
4971
|
color:var(--tds-field-placeholder-color);
|
|
4969
4972
|
-moz-user-select:none;
|
|
@@ -4988,6 +4991,28 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4988
4991
|
block-size:var(--tds-field-font-size);
|
|
4989
4992
|
transition:transform var(--t-duration-300) var(--t-ease-in-out);
|
|
4990
4993
|
}
|
|
4994
|
+
.tds-combo-box-clear-button{
|
|
4995
|
+
--tds-btn-color:var(--t-icon-color-dim);
|
|
4996
|
+
--tds-btn-padding-truncated-x:0;
|
|
4997
|
+
--tds-combo-box-clear-button-visibility:hidden;
|
|
4998
|
+
|
|
4999
|
+
position:absolute;
|
|
5000
|
+
inset-block:0;
|
|
5001
|
+
inset-inline-end:var(--tds-combo-box-button-offset);
|
|
5002
|
+
visibility:var(--tds-combo-box-clear-button-visibility);
|
|
5003
|
+
inline-size:calc(var(--tds-field-min-height) - (var(--tds-combo-box-button-offset) * 2));
|
|
5004
|
+
block-size:calc(var(--tds-field-min-height) - (var(--tds-combo-box-button-offset) * 2));
|
|
5005
|
+
margin-block:auto;
|
|
5006
|
+
}
|
|
5007
|
+
|
|
5008
|
+
.tds-combo-box-field:is(:hover, :has(input:focus)) .tds-combo-box-clear-button:not([data-input-empty]){
|
|
5009
|
+
--tds-combo-box-clear-button-visibility:visible;
|
|
5010
|
+
}
|
|
5011
|
+
|
|
5012
|
+
.tds-combo-box-clear-icon{
|
|
5013
|
+
inline-size:calc(var(--tds-field-font-size) * .8);
|
|
5014
|
+
block-size:calc(var(--tds-field-font-size) * .8);
|
|
5015
|
+
}
|
|
4991
5016
|
.tds-combo-box-popover{
|
|
4992
5017
|
width:var(--trigger-width);
|
|
4993
5018
|
max-block-size:inherit;
|