@planningcenter/tapestry 4.0.0-rc.6 → 4.0.0-rc.8
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/search-input/SearchInput.d.ts +39 -0
- package/dist/components/search-input/SearchInput.d.ts.map +1 -0
- package/dist/components/search-input/SearchInput.js +74 -0
- package/dist/components/search-input/SearchInput.js.map +1 -0
- package/dist/components/search-input/index.d.ts +4 -0
- package/dist/components/search-input/index.d.ts.map +1 -0
- package/dist/index.css +13 -268
- package/dist/index.css.map +1 -1
- package/dist/reactRender.css +1394 -1512
- package/dist/reactRender.css.map +1 -1
- package/dist/reactRenderLegacy.css +1394 -1512
- package/dist/reactRenderLegacy.css.map +1 -1
- package/dist/unstable.css +3201 -3319
- 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/index.css
CHANGED
|
@@ -905,206 +905,121 @@
|
|
|
905
905
|
.tds-flex{ display:flex; }
|
|
906
906
|
|
|
907
907
|
[data-flex-inline]{ display:inline-flex; }
|
|
908
|
-
|
|
909
908
|
[data-flex-expand]{
|
|
910
909
|
flex:1 1 0%;
|
|
911
910
|
min-width:0;
|
|
912
911
|
}
|
|
913
912
|
|
|
914
913
|
[data-flex-direction="row"]{ flex-direction:row; }
|
|
915
|
-
|
|
916
914
|
[data-flex-direction="row-reverse"]{ flex-direction:row-reverse; }
|
|
917
|
-
|
|
918
915
|
[data-flex-direction="column"]{ flex-direction:column; }
|
|
919
|
-
|
|
920
916
|
[data-flex-direction="column-reverse"]{ flex-direction:column-reverse; }
|
|
921
917
|
|
|
922
918
|
[data-flex-align="stretch"]{ align-items:stretch; }
|
|
923
|
-
|
|
924
919
|
[data-flex-align="start"]{ align-items:start; }
|
|
925
|
-
|
|
926
920
|
[data-flex-align="center"]{ align-items:center; }
|
|
927
|
-
|
|
928
921
|
[data-flex-align="end"]{ align-items:end; }
|
|
929
|
-
|
|
930
922
|
[data-flex-align="baseline"]{ align-items:baseline; }
|
|
931
923
|
|
|
932
924
|
[data-flex-align-self="auto"]{ align-self:auto; }
|
|
933
|
-
|
|
934
925
|
[data-flex-align-self="stretch"]{ align-self:stretch; }
|
|
935
|
-
|
|
936
926
|
[data-flex-align-self="start"]{ align-self:start; }
|
|
937
|
-
|
|
938
927
|
[data-flex-align-self="center"]{ align-self:center; }
|
|
939
|
-
|
|
940
928
|
[data-flex-align-self="end"]{ align-self:end; }
|
|
941
|
-
|
|
942
929
|
[data-flex-align-self="baseline"]{ align-self:baseline; }
|
|
943
930
|
|
|
944
931
|
[data-flex-justify="start"]{ justify-content:start; }
|
|
945
|
-
|
|
946
932
|
[data-flex-justify="center"]{ justify-content:center; }
|
|
947
|
-
|
|
948
933
|
[data-flex-justify="end"]{ justify-content:end; }
|
|
949
|
-
|
|
950
934
|
[data-flex-justify="space-between"]{ justify-content:space-between; }
|
|
951
|
-
|
|
952
935
|
[data-flex-justify="space-around"]{ justify-content:space-around; }
|
|
953
|
-
|
|
954
936
|
[data-flex-justify="space-evenly"]{ justify-content:space-evenly; }
|
|
955
937
|
|
|
956
938
|
[data-flex-wrap="nowrap"]{ flex-wrap:nowrap; }
|
|
957
|
-
|
|
958
939
|
[data-flex-wrap="wrap"]{ flex-wrap:wrap; }
|
|
959
|
-
|
|
960
940
|
[data-flex-wrap="wrap-reverse"]{ flex-wrap:wrap-reverse; }
|
|
961
941
|
|
|
962
942
|
[data-flex-grow="0"]{ flex-grow:0; }
|
|
963
|
-
|
|
964
943
|
[data-flex-grow="1"]{ flex-grow:1; }
|
|
965
944
|
|
|
966
945
|
[data-flex-shrink="0"]{ flex-shrink:0; }
|
|
967
|
-
|
|
968
946
|
[data-flex-shrink="1"]{ flex-shrink:1; }
|
|
969
947
|
|
|
970
948
|
[data-flex-gap="0"]{ gap:0; }
|
|
971
|
-
|
|
972
949
|
[data-flex-gap="0.25"]{ gap:var(--t-spacing-fourth); }
|
|
973
|
-
|
|
974
950
|
[data-flex-gap="0.5"]{ gap:var(--t-spacing-half); }
|
|
975
|
-
|
|
976
951
|
[data-flex-gap="1"]{ gap:var(--t-spacing-1); }
|
|
977
|
-
|
|
978
952
|
[data-flex-gap="1.5"]{ gap:var(--t-spacing-1-half); }
|
|
979
|
-
|
|
980
953
|
[data-flex-gap="2"]{ gap:var(--t-spacing-2); }
|
|
981
|
-
|
|
982
954
|
[data-flex-gap="3"]{ gap:var(--t-spacing-3); }
|
|
983
|
-
|
|
984
955
|
[data-flex-gap="4"]{ gap:var(--t-spacing-4); }
|
|
985
|
-
|
|
986
956
|
[data-flex-gap="5"]{ gap:var(--t-spacing-5); }
|
|
987
|
-
|
|
988
957
|
[data-flex-gap="6"]{ gap:var(--t-spacing-6); }
|
|
989
|
-
|
|
990
958
|
[data-flex-gap="7"]{ gap:var(--t-spacing-7); }
|
|
991
959
|
|
|
992
960
|
[data-flex-row-gap="0"]{ row-gap:0; }
|
|
993
|
-
|
|
994
961
|
[data-flex-row-gap="0.25"]{ row-gap:var(--t-spacing-fourth); }
|
|
995
|
-
|
|
996
962
|
[data-flex-row-gap="0.5"]{ row-gap:var(--t-spacing-half); }
|
|
997
|
-
|
|
998
963
|
[data-flex-row-gap="1"]{ row-gap:var(--t-spacing-1); }
|
|
999
|
-
|
|
1000
964
|
[data-flex-row-gap="1.5"]{ row-gap:var(--t-spacing-1-half); }
|
|
1001
|
-
|
|
1002
965
|
[data-flex-row-gap="2"]{ row-gap:var(--t-spacing-2); }
|
|
1003
|
-
|
|
1004
966
|
[data-flex-row-gap="3"]{ row-gap:var(--t-spacing-3); }
|
|
1005
|
-
|
|
1006
967
|
[data-flex-row-gap="4"]{ row-gap:var(--t-spacing-4); }
|
|
1007
|
-
|
|
1008
968
|
[data-flex-row-gap="5"]{ row-gap:var(--t-spacing-5); }
|
|
1009
|
-
|
|
1010
969
|
[data-flex-row-gap="6"]{ row-gap:var(--t-spacing-6); }
|
|
1011
|
-
|
|
1012
970
|
[data-flex-row-gap="7"]{ row-gap:var(--t-spacing-7); }
|
|
1013
971
|
|
|
1014
972
|
[data-flex-column-gap="0"]{ -moz-column-gap:0; column-gap:0; }
|
|
1015
|
-
|
|
1016
973
|
[data-flex-column-gap="0.25"]{ -moz-column-gap:var(--t-spacing-fourth); column-gap:var(--t-spacing-fourth); }
|
|
1017
|
-
|
|
1018
974
|
[data-flex-column-gap="0.5"]{ -moz-column-gap:var(--t-spacing-half); column-gap:var(--t-spacing-half); }
|
|
1019
|
-
|
|
1020
975
|
[data-flex-column-gap="1"]{ -moz-column-gap:var(--t-spacing-1); column-gap:var(--t-spacing-1); }
|
|
1021
|
-
|
|
1022
976
|
[data-flex-column-gap="1.5"]{ -moz-column-gap:var(--t-spacing-1-half); column-gap:var(--t-spacing-1-half); }
|
|
1023
|
-
|
|
1024
977
|
[data-flex-column-gap="2"]{ -moz-column-gap:var(--t-spacing-2); column-gap:var(--t-spacing-2); }
|
|
1025
|
-
|
|
1026
978
|
[data-flex-column-gap="3"]{ -moz-column-gap:var(--t-spacing-3); column-gap:var(--t-spacing-3); }
|
|
1027
|
-
|
|
1028
979
|
[data-flex-column-gap="4"]{ -moz-column-gap:var(--t-spacing-4); column-gap:var(--t-spacing-4); }
|
|
1029
|
-
|
|
1030
980
|
[data-flex-column-gap="5"]{ -moz-column-gap:var(--t-spacing-5); column-gap:var(--t-spacing-5); }
|
|
1031
|
-
|
|
1032
981
|
[data-flex-column-gap="6"]{ -moz-column-gap:var(--t-spacing-6); column-gap:var(--t-spacing-6); }
|
|
1033
|
-
|
|
1034
982
|
[data-flex-column-gap="7"]{ -moz-column-gap:var(--t-spacing-7); column-gap:var(--t-spacing-7); }
|
|
1035
983
|
|
|
1036
984
|
[data-flex-basis="auto"]{ flex-basis:auto; }
|
|
1037
|
-
|
|
1038
985
|
[data-flex-basis="0"]{ flex-basis:0; }
|
|
1039
|
-
|
|
1040
986
|
[data-flex-basis="100%"]{ flex-basis:100%; }
|
|
1041
987
|
|
|
1042
988
|
[data-padding="0"]{ padding:0; }
|
|
1043
|
-
|
|
1044
989
|
[data-padding="0.25"]{ padding:var(--t-spacing-fourth); }
|
|
1045
|
-
|
|
1046
990
|
[data-padding="0.5"]{ padding:var(--t-spacing-half); }
|
|
1047
|
-
|
|
1048
991
|
[data-padding="1"]{ padding:var(--t-spacing-1); }
|
|
1049
|
-
|
|
1050
992
|
[data-padding="1.5"]{ padding:var(--t-spacing-1-half); }
|
|
1051
|
-
|
|
1052
993
|
[data-padding="2"]{ padding:var(--t-spacing-2); }
|
|
1053
|
-
|
|
1054
994
|
[data-padding="3"]{ padding:var(--t-spacing-3); }
|
|
1055
|
-
|
|
1056
995
|
[data-padding="4"]{ padding:var(--t-spacing-4); }
|
|
1057
|
-
|
|
1058
996
|
[data-padding="5"]{ padding:var(--t-spacing-5); }
|
|
1059
|
-
|
|
1060
997
|
[data-padding="6"]{ padding:var(--t-spacing-6); }
|
|
1061
|
-
|
|
1062
998
|
[data-padding="7"]{ padding:var(--t-spacing-7); }
|
|
1063
999
|
|
|
1064
1000
|
[data-padding-block="0"]{ padding-block:0; }
|
|
1065
|
-
|
|
1066
1001
|
[data-padding-block="0.25"]{ padding-block:var(--t-spacing-fourth); }
|
|
1067
|
-
|
|
1068
1002
|
[data-padding-block="0.5"]{ padding-block:var(--t-spacing-half); }
|
|
1069
|
-
|
|
1070
1003
|
[data-padding-block="1"]{ padding-block:var(--t-spacing-1); }
|
|
1071
|
-
|
|
1072
1004
|
[data-padding-block="1.5"]{ padding-block:var(--t-spacing-1-half); }
|
|
1073
|
-
|
|
1074
1005
|
[data-padding-block="2"]{ padding-block:var(--t-spacing-2); }
|
|
1075
|
-
|
|
1076
1006
|
[data-padding-block="3"]{ padding-block:var(--t-spacing-3); }
|
|
1077
|
-
|
|
1078
1007
|
[data-padding-block="4"]{ padding-block:var(--t-spacing-4); }
|
|
1079
|
-
|
|
1080
1008
|
[data-padding-block="5"]{ padding-block:var(--t-spacing-5); }
|
|
1081
|
-
|
|
1082
1009
|
[data-padding-block="6"]{ padding-block:var(--t-spacing-6); }
|
|
1083
|
-
|
|
1084
1010
|
[data-padding-block="7"]{ padding-block:var(--t-spacing-7); }
|
|
1085
1011
|
|
|
1086
1012
|
[data-padding-inline="0"]{ padding-inline:0; }
|
|
1087
|
-
|
|
1088
1013
|
[data-padding-inline="0.25"]{ padding-inline:var(--t-spacing-fourth); }
|
|
1089
|
-
|
|
1090
1014
|
[data-padding-inline="0.5"]{ padding-inline:var(--t-spacing-half); }
|
|
1091
|
-
|
|
1092
1015
|
[data-padding-inline="1"]{ padding-inline:var(--t-spacing-1); }
|
|
1093
|
-
|
|
1094
1016
|
[data-padding-inline="1.5"]{ padding-inline:var(--t-spacing-1-half); }
|
|
1095
|
-
|
|
1096
1017
|
[data-padding-inline="2"]{ padding-inline:var(--t-spacing-2); }
|
|
1097
|
-
|
|
1098
1018
|
[data-padding-inline="3"]{ padding-inline:var(--t-spacing-3); }
|
|
1099
|
-
|
|
1100
1019
|
[data-padding-inline="4"]{ padding-inline:var(--t-spacing-4); }
|
|
1101
|
-
|
|
1102
1020
|
[data-padding-inline="5"]{ padding-inline:var(--t-spacing-5); }
|
|
1103
|
-
|
|
1104
1021
|
[data-padding-inline="6"]{ padding-inline:var(--t-spacing-6); }
|
|
1105
|
-
|
|
1106
1022
|
[data-padding-inline="7"]{ padding-inline:var(--t-spacing-7); }
|
|
1107
|
-
|
|
1108
1023
|
@media (min-width: 480px){
|
|
1109
1024
|
[data-flex-direction-xs="row"]{ flex-direction:row; }
|
|
1110
1025
|
[data-flex-direction-xs="row-reverse"]{ flex-direction:row-reverse; }
|
|
@@ -1217,7 +1132,6 @@
|
|
|
1217
1132
|
[data-padding-inline-xs="6"]{ padding-inline:var(--t-spacing-6); }
|
|
1218
1133
|
[data-padding-inline-xs="7"]{ padding-inline:var(--t-spacing-7); }
|
|
1219
1134
|
}
|
|
1220
|
-
|
|
1221
1135
|
@media (min-width: 600px){
|
|
1222
1136
|
[data-flex-direction-sm="row"]{ flex-direction:row; }
|
|
1223
1137
|
[data-flex-direction-sm="row-reverse"]{ flex-direction:row-reverse; }
|
|
@@ -1330,7 +1244,6 @@
|
|
|
1330
1244
|
[data-padding-inline-sm="6"]{ padding-inline:var(--t-spacing-6); }
|
|
1331
1245
|
[data-padding-inline-sm="7"]{ padding-inline:var(--t-spacing-7); }
|
|
1332
1246
|
}
|
|
1333
|
-
|
|
1334
1247
|
@media (min-width: 720px){
|
|
1335
1248
|
[data-flex-direction-md="row"]{ flex-direction:row; }
|
|
1336
1249
|
[data-flex-direction-md="row-reverse"]{ flex-direction:row-reverse; }
|
|
@@ -1443,7 +1356,6 @@
|
|
|
1443
1356
|
[data-padding-inline-md="6"]{ padding-inline:var(--t-spacing-6); }
|
|
1444
1357
|
[data-padding-inline-md="7"]{ padding-inline:var(--t-spacing-7); }
|
|
1445
1358
|
}
|
|
1446
|
-
|
|
1447
1359
|
@media (min-width: 960px){
|
|
1448
1360
|
[data-flex-direction-lg="row"]{ flex-direction:row; }
|
|
1449
1361
|
[data-flex-direction-lg="row-reverse"]{ flex-direction:row-reverse; }
|
|
@@ -1556,7 +1468,6 @@
|
|
|
1556
1468
|
[data-padding-inline-lg="6"]{ padding-inline:var(--t-spacing-6); }
|
|
1557
1469
|
[data-padding-inline-lg="7"]{ padding-inline:var(--t-spacing-7); }
|
|
1558
1470
|
}
|
|
1559
|
-
|
|
1560
1471
|
@media (min-width: 1200px){
|
|
1561
1472
|
[data-flex-direction-xl="row"]{ flex-direction:row; }
|
|
1562
1473
|
[data-flex-direction-xl="row-reverse"]{ flex-direction:row-reverse; }
|
|
@@ -1929,7 +1840,6 @@
|
|
|
1929
1840
|
color:var(--tds-page-header-color);
|
|
1930
1841
|
white-space:nowrap;
|
|
1931
1842
|
}
|
|
1932
|
-
|
|
1933
1843
|
.tds-page-header-email{
|
|
1934
1844
|
max-width:100%;
|
|
1935
1845
|
overflow:hidden;
|
|
@@ -2430,20 +2340,17 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
2430
2340
|
transition:none;
|
|
2431
2341
|
}
|
|
2432
2342
|
}
|
|
2433
|
-
|
|
2434
2343
|
.tds-btn--xl{
|
|
2435
2344
|
--tds-btn-padding-y:11px;
|
|
2436
2345
|
--tds-btn-padding-x:18px;
|
|
2437
2346
|
--tds-btn-padding-truncated-x:12px;
|
|
2438
2347
|
--tds-btn-min-height:48px;
|
|
2439
2348
|
}
|
|
2440
|
-
|
|
2441
2349
|
.tds-btn--lg{
|
|
2442
2350
|
--tds-btn-padding-y:7px;
|
|
2443
2351
|
--tds-btn-padding-x:14px;
|
|
2444
2352
|
--tds-btn-min-height:40px;
|
|
2445
2353
|
}
|
|
2446
|
-
|
|
2447
2354
|
.tds-btn--sm{
|
|
2448
2355
|
--tds-btn-padding-y:.5px;
|
|
2449
2356
|
--tds-btn-padding-x:7px;
|
|
@@ -2452,7 +2359,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
2452
2359
|
--tds-btn-font-size:var(--t-font-size-sm);
|
|
2453
2360
|
--tds-btn-loading-spinner-track-width:3px;
|
|
2454
2361
|
}
|
|
2455
|
-
|
|
2456
2362
|
.tds-btn--xs{
|
|
2457
2363
|
--tds-btn-padding-y:0;
|
|
2458
2364
|
--tds-btn-padding-x:5px;
|
|
@@ -3188,11 +3094,9 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3188
3094
|
.tds-combo-box--lg{
|
|
3189
3095
|
--tds-combo-box-button-offset:5px;
|
|
3190
3096
|
}
|
|
3191
|
-
|
|
3192
3097
|
.tds-combo-box-field:has([readonly]) .tds-combo-box-button{
|
|
3193
3098
|
display:none;
|
|
3194
3099
|
}
|
|
3195
|
-
|
|
3196
3100
|
.tds-combo-box-input{
|
|
3197
3101
|
display:flex;
|
|
3198
3102
|
flex:1;
|
|
@@ -3206,24 +3110,20 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3206
3110
|
background:transparent;
|
|
3207
3111
|
border:0;
|
|
3208
3112
|
}
|
|
3209
|
-
|
|
3210
3113
|
.tds-combo-box-input:has( + .tds-combo-box-button){
|
|
3211
3114
|
padding-inline-end:0;
|
|
3212
3115
|
}
|
|
3213
|
-
|
|
3214
3116
|
.tds-combo-box-input::-moz-placeholder{
|
|
3215
3117
|
color:var(--tds-field-placeholder-color);
|
|
3216
3118
|
-moz-user-select:none;
|
|
3217
3119
|
user-select:none;
|
|
3218
3120
|
}
|
|
3219
|
-
|
|
3220
3121
|
.tds-combo-box-input::placeholder{
|
|
3221
3122
|
color:var(--tds-field-placeholder-color);
|
|
3222
3123
|
-webkit-user-select:none;
|
|
3223
3124
|
-moz-user-select:none;
|
|
3224
3125
|
user-select:none;
|
|
3225
3126
|
}
|
|
3226
|
-
|
|
3227
3127
|
.tds-combo-box-button{
|
|
3228
3128
|
flex-shrink:0;
|
|
3229
3129
|
align-self:center;
|
|
@@ -3232,13 +3132,11 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3232
3132
|
padding:0;
|
|
3233
3133
|
margin-inline-end:var(--tds-combo-box-button-offset);
|
|
3234
3134
|
}
|
|
3235
|
-
|
|
3236
3135
|
.tds-combo-box-button > svg{
|
|
3237
3136
|
inline-size:var(--tds-field-font-size);
|
|
3238
3137
|
block-size:var(--tds-field-font-size);
|
|
3239
3138
|
transition:transform var(--t-duration-300) var(--t-ease-in-out);
|
|
3240
3139
|
}
|
|
3241
|
-
|
|
3242
3140
|
.tds-combo-box-popover{
|
|
3243
3141
|
width:var(--trigger-width);
|
|
3244
3142
|
max-block-size:inherit;
|
|
@@ -3258,15 +3156,12 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3258
3156
|
border-radius:var(--t-border-radius);
|
|
3259
3157
|
box-shadow:0 10px 15px -3px hsl(0 0% 0% / .05), 0 4px 6px -4px hsl(0 0% 0% / .05);
|
|
3260
3158
|
}
|
|
3261
|
-
|
|
3262
3159
|
.tds-combo-box-popover[data-entering]{
|
|
3263
3160
|
animation:tds-combo-box-popover var(--t-duration-300) var(--t-ease-out);
|
|
3264
3161
|
}
|
|
3265
|
-
|
|
3266
3162
|
.tds-combo-box-popover[data-exiting]{
|
|
3267
3163
|
animation:tds-combo-box-popover var(--t-duration-200) var(--t-ease-in) reverse;
|
|
3268
3164
|
}
|
|
3269
|
-
|
|
3270
3165
|
.tds-combo-box-popover[data-entering],.tds-combo-box-popover[data-exiting]{
|
|
3271
3166
|
will-change:opacity, transform;
|
|
3272
3167
|
}
|
|
@@ -3287,12 +3182,10 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3287
3182
|
transition:none;
|
|
3288
3183
|
}
|
|
3289
3184
|
}
|
|
3290
|
-
|
|
3291
3185
|
.tds-combo-box-list{
|
|
3292
3186
|
padding:0;
|
|
3293
3187
|
margin:0;
|
|
3294
3188
|
}
|
|
3295
|
-
|
|
3296
3189
|
.tds-combo-box-list-item{
|
|
3297
3190
|
display:block;
|
|
3298
3191
|
padding-block:var(--t-spacing-1);
|
|
@@ -3305,28 +3198,22 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3305
3198
|
cursor:default;
|
|
3306
3199
|
border-radius:var(--t-border-radius);
|
|
3307
3200
|
}
|
|
3308
|
-
|
|
3309
3201
|
.tds-combo-box-list-item[data-hovered]:not([data-disabled]),.tds-combo-box-list-item[data-focus-visible]{
|
|
3310
3202
|
background:var(--t-fill-color-neutral-070);
|
|
3311
3203
|
}
|
|
3312
|
-
|
|
3313
3204
|
.tds-combo-box-list-item[data-selected]{
|
|
3314
3205
|
background:var(--t-fill-color-button-interaction-ghost-active);
|
|
3315
3206
|
}
|
|
3316
|
-
|
|
3317
3207
|
.tds-combo-box-list-item[data-pressed]:not([data-disabled]){
|
|
3318
3208
|
background:var(--t-fill-color-neutral-060);
|
|
3319
3209
|
}
|
|
3320
|
-
|
|
3321
3210
|
.tds-combo-box-list-item[data-disabled]{
|
|
3322
3211
|
color:var(--t-form-color-disabled);
|
|
3323
3212
|
cursor:not-allowed;
|
|
3324
3213
|
}
|
|
3325
|
-
|
|
3326
3214
|
.tds-combo-box-list-item[data-disabled][data-hovered]{
|
|
3327
3215
|
background:transparent;
|
|
3328
3216
|
}
|
|
3329
|
-
|
|
3330
3217
|
.tds-combo-box-empty-state{
|
|
3331
3218
|
position:relative;
|
|
3332
3219
|
min-block-size:var(--t-spacing-3);
|
|
@@ -3335,7 +3222,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3335
3222
|
font-size:var(--t-font-size-md);
|
|
3336
3223
|
color:var(--t-text-color-secondary);
|
|
3337
3224
|
}
|
|
3338
|
-
|
|
3339
3225
|
.tds-combo-box-load-more{
|
|
3340
3226
|
position:relative;
|
|
3341
3227
|
min-block-size:calc(var(--t-spacing-3) + var(--t-spacing-1));
|
|
@@ -3346,11 +3232,9 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3346
3232
|
--tds-loading-spinner-visibility:visible;
|
|
3347
3233
|
--tds-loading-spinner-animation-play-state:running;
|
|
3348
3234
|
}
|
|
3349
|
-
|
|
3350
3235
|
.tds-combo-box-list-section:not(:first-child){
|
|
3351
3236
|
margin-block-start:var(--t-spacing-half);
|
|
3352
3237
|
}
|
|
3353
|
-
|
|
3354
3238
|
.tds-combo-box-section-header{
|
|
3355
3239
|
padding-block:var(--t-spacing-1);
|
|
3356
3240
|
padding-inline:var(--t-spacing-1);
|
|
@@ -3553,7 +3437,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3553
3437
|
margin-block-start:calc(.5lh - .5em);
|
|
3554
3438
|
line-height:var(--tds-field-description-line-height);
|
|
3555
3439
|
}
|
|
3556
|
-
|
|
3557
3440
|
.tds-field-date-segment{
|
|
3558
3441
|
padding-inline:var(--tds-field-date-segment-padding-inline, 2px);
|
|
3559
3442
|
text-align:end;
|
|
@@ -3561,17 +3444,14 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3561
3444
|
caret-color:transparent;
|
|
3562
3445
|
border-radius:var(--t-border-radius-sm);
|
|
3563
3446
|
}
|
|
3564
|
-
|
|
3565
3447
|
.tds-field-date-segment[data-placeholder]{
|
|
3566
3448
|
color:var(--tds-field-placeholder-color);
|
|
3567
3449
|
}
|
|
3568
|
-
|
|
3569
3450
|
.tds-field-date-segment[data-focused]{
|
|
3570
3451
|
color:var(--t-text-color-inverted);
|
|
3571
3452
|
outline:0;
|
|
3572
3453
|
background-color:var(--t-fill-color-interaction);
|
|
3573
3454
|
}
|
|
3574
|
-
|
|
3575
3455
|
.tds-field-date-segment-separator{
|
|
3576
3456
|
padding-inline:0;
|
|
3577
3457
|
color:var(--tds-field-placeholder-color);
|
|
@@ -3588,17 +3468,14 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3588
3468
|
.tds-date-picker--lg{
|
|
3589
3469
|
--tds-date-picker-button-offset:5px;
|
|
3590
3470
|
}
|
|
3591
|
-
|
|
3592
3471
|
.tds-date-picker-field[data-focus-within]:has(.tds-date-picker-button[data-focused]){
|
|
3593
3472
|
outline-color:transparent;
|
|
3594
3473
|
outline-offset:0;
|
|
3595
3474
|
border-color:var(--tds-field-border-color);
|
|
3596
3475
|
}
|
|
3597
|
-
|
|
3598
3476
|
.tds-date-picker-field:has(.tds-date-picker-input[data-readonly]) .tds-date-picker-button{
|
|
3599
3477
|
display:none;
|
|
3600
3478
|
}
|
|
3601
|
-
|
|
3602
3479
|
.tds-date-picker-input{
|
|
3603
3480
|
flex:1;
|
|
3604
3481
|
padding-block:var(--tds-field-padding-block);
|
|
@@ -3608,11 +3485,9 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3608
3485
|
text-wrap:nowrap;
|
|
3609
3486
|
scrollbar-width:none;
|
|
3610
3487
|
}
|
|
3611
|
-
|
|
3612
3488
|
.tds-date-picker-input:has( + .tds-date-picker-button){
|
|
3613
3489
|
padding-inline-end:0;
|
|
3614
3490
|
}
|
|
3615
|
-
|
|
3616
3491
|
.tds-date-picker-button{
|
|
3617
3492
|
flex-shrink:0;
|
|
3618
3493
|
align-self:center;
|
|
@@ -3621,7 +3496,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3621
3496
|
padding:0;
|
|
3622
3497
|
margin-inline-end:var(--tds-date-picker-button-offset);
|
|
3623
3498
|
}
|
|
3624
|
-
|
|
3625
3499
|
.tds-date-picker-popover{
|
|
3626
3500
|
--tds-date-picker-popover-font-size:var(--t-font-size-md);
|
|
3627
3501
|
--tds-date-picker-popover-padding:var(--t-spacing-1-half);
|
|
@@ -3638,15 +3512,12 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3638
3512
|
border-radius:var(--t-border-radius);
|
|
3639
3513
|
box-shadow:var(--tds-date-picker-popover-shadow);
|
|
3640
3514
|
}
|
|
3641
|
-
|
|
3642
3515
|
.tds-date-picker-popover[data-entering]{
|
|
3643
3516
|
animation:tds-date-picker-popover var(--t-duration-300) var(--t-ease-out);
|
|
3644
3517
|
}
|
|
3645
|
-
|
|
3646
3518
|
.tds-date-picker-popover[data-exiting]{
|
|
3647
3519
|
animation:tds-date-picker-popover var(--t-duration-200) var(--t-ease-in) reverse;
|
|
3648
3520
|
}
|
|
3649
|
-
|
|
3650
3521
|
.tds-date-picker-popover[data-entering],.tds-date-picker-popover[data-exiting]{
|
|
3651
3522
|
will-change:opacity, transform;
|
|
3652
3523
|
}
|
|
@@ -3663,7 +3534,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3663
3534
|
animation:none;
|
|
3664
3535
|
}
|
|
3665
3536
|
}
|
|
3666
|
-
|
|
3667
3537
|
.tds-date-picker-overlay{
|
|
3668
3538
|
position:absolute;
|
|
3669
3539
|
inset:0;
|
|
@@ -3671,7 +3541,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3671
3541
|
display:flex;
|
|
3672
3542
|
background-color:var(--tds-date-picker-popover-background-color);
|
|
3673
3543
|
}
|
|
3674
|
-
|
|
3675
3544
|
.tds-date-picker-overlay-list{
|
|
3676
3545
|
display:grid;
|
|
3677
3546
|
flex:1;
|
|
@@ -3694,7 +3563,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3694
3563
|
overflow-y:auto;
|
|
3695
3564
|
scroll-padding-block:calc(var(--t-focus-ring-width) + var(--t-focus-ring-offset));
|
|
3696
3565
|
}
|
|
3697
|
-
|
|
3698
3566
|
.tds-date-picker-overlay-cell{
|
|
3699
3567
|
display:flex;
|
|
3700
3568
|
align-items:center;
|
|
@@ -3711,29 +3579,23 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3711
3579
|
transition-duration:var(--t-duration-100);
|
|
3712
3580
|
transition-property:var(--tds-date-picker-popover-interactive-property);
|
|
3713
3581
|
}
|
|
3714
|
-
|
|
3715
3582
|
.tds-date-picker-overlay-cell[data-hovered]{
|
|
3716
3583
|
background-color:var(--t-fill-color-button-neutral-outline-hover);
|
|
3717
3584
|
}
|
|
3718
|
-
|
|
3719
3585
|
.tds-date-picker-overlay-cell[data-pressed]{
|
|
3720
3586
|
background-color:var(--t-fill-color-button-neutral-outline-active);
|
|
3721
3587
|
}
|
|
3722
|
-
|
|
3723
3588
|
.tds-date-picker-overlay-cell[data-selected]{
|
|
3724
3589
|
font-weight:var(--t-font-weight-semibold);
|
|
3725
3590
|
color:var(--t-text-color-inverted);
|
|
3726
3591
|
background-color:var(--t-fill-color-interaction);
|
|
3727
3592
|
}
|
|
3728
|
-
|
|
3729
3593
|
.tds-date-picker-overlay-cell[data-focus-visible]{
|
|
3730
3594
|
outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
|
|
3731
3595
|
}
|
|
3732
|
-
|
|
3733
3596
|
.tds-date-picker-overlay-cell[data-selected][data-focus-visible]{
|
|
3734
3597
|
outline-offset:var(--t-focus-ring-offset);
|
|
3735
3598
|
}
|
|
3736
|
-
|
|
3737
3599
|
.tds-date-picker-calendar-heading{
|
|
3738
3600
|
display:flex;
|
|
3739
3601
|
flex:1;
|
|
@@ -3742,7 +3604,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3742
3604
|
justify-content:flex-start;
|
|
3743
3605
|
padding-inline-start:4px;
|
|
3744
3606
|
}
|
|
3745
|
-
|
|
3746
3607
|
.tds-date-picker-calendar-overlay-trigger{
|
|
3747
3608
|
--_background-color:transparent;
|
|
3748
3609
|
position:relative;
|
|
@@ -3762,7 +3623,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3762
3623
|
transition-duration:var(--tds-date-picker-popover-interactive-duration);
|
|
3763
3624
|
transition-property:var(--tds-date-picker-popover-interactive-property);
|
|
3764
3625
|
}
|
|
3765
|
-
|
|
3766
3626
|
.tds-date-picker-calendar-overlay-trigger::before{
|
|
3767
3627
|
position:absolute;
|
|
3768
3628
|
inset:calc(var(--t-spacing-half) * -1);
|
|
@@ -3772,32 +3632,26 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3772
3632
|
background-color:var(--_background-color);
|
|
3773
3633
|
border-radius:inherit;
|
|
3774
3634
|
}
|
|
3775
|
-
|
|
3776
3635
|
.tds-date-picker-calendar-overlay-trigger[data-hovered]{
|
|
3777
3636
|
--_background-color:var(--t-fill-color-button-neutral-outline-hover);
|
|
3778
3637
|
}
|
|
3779
|
-
|
|
3780
3638
|
.tds-date-picker-calendar-overlay-trigger[data-pressed]{
|
|
3781
3639
|
--_background-color:var(--t-fill-color-button-neutral-outline-active);
|
|
3782
3640
|
}
|
|
3783
|
-
|
|
3784
3641
|
.tds-date-picker-calendar-overlay-trigger[data-focus-visible]{
|
|
3785
3642
|
outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
|
|
3786
3643
|
outline-offset:var(--t-focus-ring-offset);
|
|
3787
3644
|
}
|
|
3788
|
-
|
|
3789
3645
|
.tds-date-picker-calendar{
|
|
3790
3646
|
inline-size:-moz-fit-content;
|
|
3791
3647
|
inline-size:fit-content;
|
|
3792
3648
|
font-size:var(--tds-date-picker-popover-font-size);
|
|
3793
3649
|
}
|
|
3794
|
-
|
|
3795
3650
|
.tds-date-picker-calendar-body{
|
|
3796
3651
|
position:relative;
|
|
3797
3652
|
padding:var(--tds-date-picker-popover-padding);
|
|
3798
3653
|
padding-block-start:0;
|
|
3799
3654
|
}
|
|
3800
|
-
|
|
3801
3655
|
.tds-date-picker-calendar-header{
|
|
3802
3656
|
display:flex;
|
|
3803
3657
|
align-items:center;
|
|
@@ -3810,7 +3664,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3810
3664
|
font-size:var(--tds-date-picker-popover-font-size);
|
|
3811
3665
|
font-weight:var(--t-font-weight-semibold);
|
|
3812
3666
|
}
|
|
3813
|
-
|
|
3814
3667
|
.tds-date-picker-calendar-nav{
|
|
3815
3668
|
display:flex;
|
|
3816
3669
|
align-items:center;
|
|
@@ -3827,30 +3680,24 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3827
3680
|
transition-duration:var(--tds-date-picker-popover-interactive-duration);
|
|
3828
3681
|
transition-property:var(--tds-date-picker-popover-interactive-property);
|
|
3829
3682
|
}
|
|
3830
|
-
|
|
3831
3683
|
.tds-date-picker-calendar-nav[data-hovered]{
|
|
3832
3684
|
background-color:var(--t-fill-color-button-neutral-outline-hover);
|
|
3833
3685
|
}
|
|
3834
|
-
|
|
3835
3686
|
.tds-date-picker-calendar-nav[data-pressed]{
|
|
3836
3687
|
background-color:var(--t-fill-color-button-neutral-outline-active);
|
|
3837
3688
|
}
|
|
3838
|
-
|
|
3839
3689
|
.tds-date-picker-calendar-nav[data-focus-visible]{
|
|
3840
3690
|
outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
|
|
3841
3691
|
outline-offset:var(--t-focus-ring-offset);
|
|
3842
3692
|
}
|
|
3843
|
-
|
|
3844
3693
|
.tds-date-picker-calendar-nav[data-disabled]{
|
|
3845
3694
|
color:var(--t-text-color-disabled);
|
|
3846
3695
|
cursor:not-allowed;
|
|
3847
3696
|
}
|
|
3848
|
-
|
|
3849
3697
|
.tds-date-picker-calendar-grid{
|
|
3850
3698
|
font-feature-settings:"ss01", "ss02";
|
|
3851
3699
|
border-collapse:collapse;
|
|
3852
3700
|
}
|
|
3853
|
-
|
|
3854
3701
|
.tds-date-picker-calendar-grid :where(thead,tbody,tr,td,th){
|
|
3855
3702
|
padding:0;
|
|
3856
3703
|
border:0;
|
|
@@ -3866,7 +3713,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3866
3713
|
-moz-user-select:none;
|
|
3867
3714
|
user-select:none;
|
|
3868
3715
|
}
|
|
3869
|
-
|
|
3870
3716
|
.tds-date-picker-calendar-cell-button{
|
|
3871
3717
|
position:relative;
|
|
3872
3718
|
display:flex;
|
|
@@ -3881,7 +3727,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3881
3727
|
user-select:none;
|
|
3882
3728
|
outline:0;
|
|
3883
3729
|
}
|
|
3884
|
-
|
|
3885
3730
|
.tds-date-picker-calendar-cell-button::before{
|
|
3886
3731
|
position:absolute;
|
|
3887
3732
|
inset:0;
|
|
@@ -3890,45 +3735,36 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3890
3735
|
background-color:var(--_background-color);
|
|
3891
3736
|
border-radius:50%;
|
|
3892
3737
|
}
|
|
3893
|
-
|
|
3894
3738
|
.tds-date-picker-calendar-cell-button[data-today]::before{
|
|
3895
3739
|
box-shadow:inset 0 0 0 1.5px var(--t-border-color);
|
|
3896
3740
|
}
|
|
3897
|
-
|
|
3898
3741
|
.tds-date-picker-calendar-cell-button[data-outside-month]{
|
|
3899
3742
|
display:none;
|
|
3900
3743
|
}
|
|
3901
|
-
|
|
3902
3744
|
.tds-date-picker-calendar-cell-button[data-hovered]{
|
|
3903
3745
|
--_background-color:var(--t-fill-color-button-neutral-outline-hover);
|
|
3904
3746
|
}
|
|
3905
|
-
|
|
3906
3747
|
.tds-date-picker-calendar-cell-button[data-pressed]{
|
|
3907
3748
|
--_background-color:var(--t-fill-color-button-neutral-outline-active);
|
|
3908
3749
|
}
|
|
3909
|
-
|
|
3910
3750
|
.tds-date-picker-calendar-cell-button[data-selected]{
|
|
3911
3751
|
--_background-color:var(--t-fill-color-interaction);
|
|
3912
3752
|
font-weight:var(--t-font-weight-semibold);
|
|
3913
3753
|
color:var(--t-text-color-inverted);
|
|
3914
3754
|
border-color:transparent;
|
|
3915
3755
|
}
|
|
3916
|
-
|
|
3917
3756
|
.tds-date-picker-calendar-cell-button[data-unavailable]{
|
|
3918
3757
|
color:var(--t-text-color-disabled);
|
|
3919
3758
|
text-decoration:line-through;
|
|
3920
3759
|
cursor:not-allowed;
|
|
3921
3760
|
}
|
|
3922
|
-
|
|
3923
3761
|
.tds-date-picker-calendar-cell-button[data-disabled]{
|
|
3924
3762
|
color:var(--t-text-color-disabled);
|
|
3925
3763
|
}
|
|
3926
|
-
|
|
3927
3764
|
.tds-date-picker-calendar-cell-button[data-focus-visible]{
|
|
3928
3765
|
outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
|
|
3929
3766
|
outline-offset:-2px;
|
|
3930
3767
|
}
|
|
3931
|
-
|
|
3932
3768
|
.tds-date-picker-calendar-cell-button[data-focus-visible][data-selected]{
|
|
3933
3769
|
outline-offset:var(--t-focus-ring-offset);
|
|
3934
3770
|
}
|
|
@@ -3964,17 +3800,20 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3964
3800
|
.tds-dropdown-popover[data-entering],.tds-dropdown-popover[data-exiting]{
|
|
3965
3801
|
will-change:opacity, transform;
|
|
3966
3802
|
}
|
|
3803
|
+
|
|
3967
3804
|
@keyframes tds-dropdown-popover{
|
|
3968
3805
|
from{
|
|
3969
3806
|
opacity:0;
|
|
3970
3807
|
transform:translateY(-8px);
|
|
3971
3808
|
}
|
|
3972
3809
|
}
|
|
3810
|
+
|
|
3973
3811
|
@media (prefers-reduced-motion: reduce){
|
|
3974
3812
|
.tds-dropdown-popover[data-entering],.tds-dropdown-popover[data-exiting]{
|
|
3975
3813
|
animation:none;
|
|
3976
3814
|
}
|
|
3977
3815
|
}
|
|
3816
|
+
|
|
3978
3817
|
.tds-dropdown-popover [role="menu"]{
|
|
3979
3818
|
outline:0;
|
|
3980
3819
|
}
|
|
@@ -4008,9 +3847,11 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4008
3847
|
|
|
4009
3848
|
cursor:not-allowed;
|
|
4010
3849
|
}
|
|
3850
|
+
|
|
4011
3851
|
.tds-dropdown-item--destructive{
|
|
4012
3852
|
--tds-dropdown-item-color:var(--t-text-color-status-error);
|
|
4013
3853
|
}
|
|
3854
|
+
|
|
4014
3855
|
.tds-dropdown-item--staff-only{
|
|
4015
3856
|
--tds-dropdown-item-color:var(--t-fill-color-product-staff);
|
|
4016
3857
|
}
|
|
@@ -4021,6 +3862,7 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
4021
3862
|
.tds-dropdown-item [slot="suffix"]{
|
|
4022
3863
|
flex-shrink:0;
|
|
4023
3864
|
}
|
|
3865
|
+
|
|
4024
3866
|
.tds-dropdown-item [slot="label"]{
|
|
4025
3867
|
flex:1;
|
|
4026
3868
|
min-width:0;
|
|
@@ -4028,10 +3870,12 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
4028
3870
|
text-overflow:ellipsis;
|
|
4029
3871
|
white-space:nowrap;
|
|
4030
3872
|
}
|
|
3873
|
+
|
|
4031
3874
|
.tds-dropdown-item [slot="description"]{
|
|
4032
3875
|
font-size:var(--t-font-size-sm);
|
|
4033
3876
|
color:var(--t-text-color-secondary);
|
|
4034
3877
|
}
|
|
3878
|
+
|
|
4035
3879
|
.tds-dropdown-item:has([slot="description"]){
|
|
4036
3880
|
--tds-dropdown-item-row-gap:var(--t-spacing-half);
|
|
4037
3881
|
--tds-dropdown-item-column-gap:0;
|
|
@@ -4040,16 +3884,20 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
4040
3884
|
grid-template-areas:"prefix label suffix" ". description .";
|
|
4041
3885
|
grid-template-columns:auto 1fr auto;
|
|
4042
3886
|
}
|
|
3887
|
+
|
|
4043
3888
|
.tds-dropdown-item:has([slot="description"]) [slot="prefix"]{
|
|
4044
3889
|
grid-area:prefix;
|
|
4045
3890
|
margin-inline-end:var(--t-spacing-1);
|
|
4046
3891
|
}
|
|
3892
|
+
|
|
4047
3893
|
.tds-dropdown-item:has([slot="description"]) [slot="label"]{
|
|
4048
3894
|
grid-area:label;
|
|
4049
3895
|
}
|
|
3896
|
+
|
|
4050
3897
|
.tds-dropdown-item:has([slot="description"]) [slot="description"]{
|
|
4051
3898
|
grid-area:description;
|
|
4052
3899
|
}
|
|
3900
|
+
|
|
4053
3901
|
.tds-dropdown-item:has([slot="description"]) [slot="suffix"]{
|
|
4054
3902
|
grid-area:suffix;
|
|
4055
3903
|
margin-inline-start:var(--t-spacing-1);
|
|
@@ -4057,6 +3905,7 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
4057
3905
|
.tds-dropdown-section:not(:first-child){
|
|
4058
3906
|
margin-block-start:var(--t-spacing-half);
|
|
4059
3907
|
}
|
|
3908
|
+
|
|
4060
3909
|
.tds-dropdown-section-label{
|
|
4061
3910
|
padding-block:var(--t-spacing-1);
|
|
4062
3911
|
padding-inline:var(--t-spacing-1);
|
|
@@ -4074,206 +3923,121 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
4074
3923
|
.tds-flex{ display:flex; }
|
|
4075
3924
|
|
|
4076
3925
|
[data-flex-inline]{ display:inline-flex; }
|
|
4077
|
-
|
|
4078
3926
|
[data-flex-expand]{
|
|
4079
3927
|
flex:1 1 0%;
|
|
4080
3928
|
min-width:0;
|
|
4081
3929
|
}
|
|
4082
3930
|
|
|
4083
3931
|
[data-flex-direction="row"]{ flex-direction:row; }
|
|
4084
|
-
|
|
4085
3932
|
[data-flex-direction="row-reverse"]{ flex-direction:row-reverse; }
|
|
4086
|
-
|
|
4087
3933
|
[data-flex-direction="column"]{ flex-direction:column; }
|
|
4088
|
-
|
|
4089
3934
|
[data-flex-direction="column-reverse"]{ flex-direction:column-reverse; }
|
|
4090
3935
|
|
|
4091
3936
|
[data-flex-align="stretch"]{ align-items:stretch; }
|
|
4092
|
-
|
|
4093
3937
|
[data-flex-align="start"]{ align-items:start; }
|
|
4094
|
-
|
|
4095
3938
|
[data-flex-align="center"]{ align-items:center; }
|
|
4096
|
-
|
|
4097
3939
|
[data-flex-align="end"]{ align-items:end; }
|
|
4098
|
-
|
|
4099
3940
|
[data-flex-align="baseline"]{ align-items:baseline; }
|
|
4100
3941
|
|
|
4101
3942
|
[data-flex-align-self="auto"]{ align-self:auto; }
|
|
4102
|
-
|
|
4103
3943
|
[data-flex-align-self="stretch"]{ align-self:stretch; }
|
|
4104
|
-
|
|
4105
3944
|
[data-flex-align-self="start"]{ align-self:start; }
|
|
4106
|
-
|
|
4107
3945
|
[data-flex-align-self="center"]{ align-self:center; }
|
|
4108
|
-
|
|
4109
3946
|
[data-flex-align-self="end"]{ align-self:end; }
|
|
4110
|
-
|
|
4111
3947
|
[data-flex-align-self="baseline"]{ align-self:baseline; }
|
|
4112
3948
|
|
|
4113
3949
|
[data-flex-justify="start"]{ justify-content:start; }
|
|
4114
|
-
|
|
4115
3950
|
[data-flex-justify="center"]{ justify-content:center; }
|
|
4116
|
-
|
|
4117
3951
|
[data-flex-justify="end"]{ justify-content:end; }
|
|
4118
|
-
|
|
4119
3952
|
[data-flex-justify="space-between"]{ justify-content:space-between; }
|
|
4120
|
-
|
|
4121
3953
|
[data-flex-justify="space-around"]{ justify-content:space-around; }
|
|
4122
|
-
|
|
4123
3954
|
[data-flex-justify="space-evenly"]{ justify-content:space-evenly; }
|
|
4124
3955
|
|
|
4125
3956
|
[data-flex-wrap="nowrap"]{ flex-wrap:nowrap; }
|
|
4126
|
-
|
|
4127
3957
|
[data-flex-wrap="wrap"]{ flex-wrap:wrap; }
|
|
4128
|
-
|
|
4129
3958
|
[data-flex-wrap="wrap-reverse"]{ flex-wrap:wrap-reverse; }
|
|
4130
3959
|
|
|
4131
3960
|
[data-flex-grow="0"]{ flex-grow:0; }
|
|
4132
|
-
|
|
4133
3961
|
[data-flex-grow="1"]{ flex-grow:1; }
|
|
4134
3962
|
|
|
4135
3963
|
[data-flex-shrink="0"]{ flex-shrink:0; }
|
|
4136
|
-
|
|
4137
3964
|
[data-flex-shrink="1"]{ flex-shrink:1; }
|
|
4138
3965
|
|
|
4139
3966
|
[data-flex-gap="0"]{ gap:0; }
|
|
4140
|
-
|
|
4141
3967
|
[data-flex-gap="0.25"]{ gap:var(--t-spacing-fourth); }
|
|
4142
|
-
|
|
4143
3968
|
[data-flex-gap="0.5"]{ gap:var(--t-spacing-half); }
|
|
4144
|
-
|
|
4145
3969
|
[data-flex-gap="1"]{ gap:var(--t-spacing-1); }
|
|
4146
|
-
|
|
4147
3970
|
[data-flex-gap="1.5"]{ gap:var(--t-spacing-1-half); }
|
|
4148
|
-
|
|
4149
3971
|
[data-flex-gap="2"]{ gap:var(--t-spacing-2); }
|
|
4150
|
-
|
|
4151
3972
|
[data-flex-gap="3"]{ gap:var(--t-spacing-3); }
|
|
4152
|
-
|
|
4153
3973
|
[data-flex-gap="4"]{ gap:var(--t-spacing-4); }
|
|
4154
|
-
|
|
4155
3974
|
[data-flex-gap="5"]{ gap:var(--t-spacing-5); }
|
|
4156
|
-
|
|
4157
3975
|
[data-flex-gap="6"]{ gap:var(--t-spacing-6); }
|
|
4158
|
-
|
|
4159
3976
|
[data-flex-gap="7"]{ gap:var(--t-spacing-7); }
|
|
4160
3977
|
|
|
4161
3978
|
[data-flex-row-gap="0"]{ row-gap:0; }
|
|
4162
|
-
|
|
4163
3979
|
[data-flex-row-gap="0.25"]{ row-gap:var(--t-spacing-fourth); }
|
|
4164
|
-
|
|
4165
3980
|
[data-flex-row-gap="0.5"]{ row-gap:var(--t-spacing-half); }
|
|
4166
|
-
|
|
4167
3981
|
[data-flex-row-gap="1"]{ row-gap:var(--t-spacing-1); }
|
|
4168
|
-
|
|
4169
3982
|
[data-flex-row-gap="1.5"]{ row-gap:var(--t-spacing-1-half); }
|
|
4170
|
-
|
|
4171
3983
|
[data-flex-row-gap="2"]{ row-gap:var(--t-spacing-2); }
|
|
4172
|
-
|
|
4173
3984
|
[data-flex-row-gap="3"]{ row-gap:var(--t-spacing-3); }
|
|
4174
|
-
|
|
4175
3985
|
[data-flex-row-gap="4"]{ row-gap:var(--t-spacing-4); }
|
|
4176
|
-
|
|
4177
3986
|
[data-flex-row-gap="5"]{ row-gap:var(--t-spacing-5); }
|
|
4178
|
-
|
|
4179
3987
|
[data-flex-row-gap="6"]{ row-gap:var(--t-spacing-6); }
|
|
4180
|
-
|
|
4181
3988
|
[data-flex-row-gap="7"]{ row-gap:var(--t-spacing-7); }
|
|
4182
3989
|
|
|
4183
3990
|
[data-flex-column-gap="0"]{ -moz-column-gap:0; column-gap:0; }
|
|
4184
|
-
|
|
4185
3991
|
[data-flex-column-gap="0.25"]{ -moz-column-gap:var(--t-spacing-fourth); column-gap:var(--t-spacing-fourth); }
|
|
4186
|
-
|
|
4187
3992
|
[data-flex-column-gap="0.5"]{ -moz-column-gap:var(--t-spacing-half); column-gap:var(--t-spacing-half); }
|
|
4188
|
-
|
|
4189
3993
|
[data-flex-column-gap="1"]{ -moz-column-gap:var(--t-spacing-1); column-gap:var(--t-spacing-1); }
|
|
4190
|
-
|
|
4191
3994
|
[data-flex-column-gap="1.5"]{ -moz-column-gap:var(--t-spacing-1-half); column-gap:var(--t-spacing-1-half); }
|
|
4192
|
-
|
|
4193
3995
|
[data-flex-column-gap="2"]{ -moz-column-gap:var(--t-spacing-2); column-gap:var(--t-spacing-2); }
|
|
4194
|
-
|
|
4195
3996
|
[data-flex-column-gap="3"]{ -moz-column-gap:var(--t-spacing-3); column-gap:var(--t-spacing-3); }
|
|
4196
|
-
|
|
4197
3997
|
[data-flex-column-gap="4"]{ -moz-column-gap:var(--t-spacing-4); column-gap:var(--t-spacing-4); }
|
|
4198
|
-
|
|
4199
3998
|
[data-flex-column-gap="5"]{ -moz-column-gap:var(--t-spacing-5); column-gap:var(--t-spacing-5); }
|
|
4200
|
-
|
|
4201
3999
|
[data-flex-column-gap="6"]{ -moz-column-gap:var(--t-spacing-6); column-gap:var(--t-spacing-6); }
|
|
4202
|
-
|
|
4203
4000
|
[data-flex-column-gap="7"]{ -moz-column-gap:var(--t-spacing-7); column-gap:var(--t-spacing-7); }
|
|
4204
4001
|
|
|
4205
4002
|
[data-flex-basis="auto"]{ flex-basis:auto; }
|
|
4206
|
-
|
|
4207
4003
|
[data-flex-basis="0"]{ flex-basis:0; }
|
|
4208
|
-
|
|
4209
4004
|
[data-flex-basis="100%"]{ flex-basis:100%; }
|
|
4210
4005
|
|
|
4211
4006
|
[data-padding="0"]{ padding:0; }
|
|
4212
|
-
|
|
4213
4007
|
[data-padding="0.25"]{ padding:var(--t-spacing-fourth); }
|
|
4214
|
-
|
|
4215
4008
|
[data-padding="0.5"]{ padding:var(--t-spacing-half); }
|
|
4216
|
-
|
|
4217
4009
|
[data-padding="1"]{ padding:var(--t-spacing-1); }
|
|
4218
|
-
|
|
4219
4010
|
[data-padding="1.5"]{ padding:var(--t-spacing-1-half); }
|
|
4220
|
-
|
|
4221
4011
|
[data-padding="2"]{ padding:var(--t-spacing-2); }
|
|
4222
|
-
|
|
4223
4012
|
[data-padding="3"]{ padding:var(--t-spacing-3); }
|
|
4224
|
-
|
|
4225
4013
|
[data-padding="4"]{ padding:var(--t-spacing-4); }
|
|
4226
|
-
|
|
4227
4014
|
[data-padding="5"]{ padding:var(--t-spacing-5); }
|
|
4228
|
-
|
|
4229
4015
|
[data-padding="6"]{ padding:var(--t-spacing-6); }
|
|
4230
|
-
|
|
4231
4016
|
[data-padding="7"]{ padding:var(--t-spacing-7); }
|
|
4232
4017
|
|
|
4233
4018
|
[data-padding-block="0"]{ padding-block:0; }
|
|
4234
|
-
|
|
4235
4019
|
[data-padding-block="0.25"]{ padding-block:var(--t-spacing-fourth); }
|
|
4236
|
-
|
|
4237
4020
|
[data-padding-block="0.5"]{ padding-block:var(--t-spacing-half); }
|
|
4238
|
-
|
|
4239
4021
|
[data-padding-block="1"]{ padding-block:var(--t-spacing-1); }
|
|
4240
|
-
|
|
4241
4022
|
[data-padding-block="1.5"]{ padding-block:var(--t-spacing-1-half); }
|
|
4242
|
-
|
|
4243
4023
|
[data-padding-block="2"]{ padding-block:var(--t-spacing-2); }
|
|
4244
|
-
|
|
4245
4024
|
[data-padding-block="3"]{ padding-block:var(--t-spacing-3); }
|
|
4246
|
-
|
|
4247
4025
|
[data-padding-block="4"]{ padding-block:var(--t-spacing-4); }
|
|
4248
|
-
|
|
4249
4026
|
[data-padding-block="5"]{ padding-block:var(--t-spacing-5); }
|
|
4250
|
-
|
|
4251
4027
|
[data-padding-block="6"]{ padding-block:var(--t-spacing-6); }
|
|
4252
|
-
|
|
4253
4028
|
[data-padding-block="7"]{ padding-block:var(--t-spacing-7); }
|
|
4254
4029
|
|
|
4255
4030
|
[data-padding-inline="0"]{ padding-inline:0; }
|
|
4256
|
-
|
|
4257
4031
|
[data-padding-inline="0.25"]{ padding-inline:var(--t-spacing-fourth); }
|
|
4258
|
-
|
|
4259
4032
|
[data-padding-inline="0.5"]{ padding-inline:var(--t-spacing-half); }
|
|
4260
|
-
|
|
4261
4033
|
[data-padding-inline="1"]{ padding-inline:var(--t-spacing-1); }
|
|
4262
|
-
|
|
4263
4034
|
[data-padding-inline="1.5"]{ padding-inline:var(--t-spacing-1-half); }
|
|
4264
|
-
|
|
4265
4035
|
[data-padding-inline="2"]{ padding-inline:var(--t-spacing-2); }
|
|
4266
|
-
|
|
4267
4036
|
[data-padding-inline="3"]{ padding-inline:var(--t-spacing-3); }
|
|
4268
|
-
|
|
4269
4037
|
[data-padding-inline="4"]{ padding-inline:var(--t-spacing-4); }
|
|
4270
|
-
|
|
4271
4038
|
[data-padding-inline="5"]{ padding-inline:var(--t-spacing-5); }
|
|
4272
|
-
|
|
4273
4039
|
[data-padding-inline="6"]{ padding-inline:var(--t-spacing-6); }
|
|
4274
|
-
|
|
4275
4040
|
[data-padding-inline="7"]{ padding-inline:var(--t-spacing-7); }
|
|
4276
|
-
|
|
4277
4041
|
@media (min-width: 480px){
|
|
4278
4042
|
[data-flex-direction-xs="row"]{ flex-direction:row; }
|
|
4279
4043
|
[data-flex-direction-xs="row-reverse"]{ flex-direction:row-reverse; }
|
|
@@ -4386,7 +4150,6 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
4386
4150
|
[data-padding-inline-xs="6"]{ padding-inline:var(--t-spacing-6); }
|
|
4387
4151
|
[data-padding-inline-xs="7"]{ padding-inline:var(--t-spacing-7); }
|
|
4388
4152
|
}
|
|
4389
|
-
|
|
4390
4153
|
@media (min-width: 600px){
|
|
4391
4154
|
[data-flex-direction-sm="row"]{ flex-direction:row; }
|
|
4392
4155
|
[data-flex-direction-sm="row-reverse"]{ flex-direction:row-reverse; }
|
|
@@ -4499,7 +4262,6 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
4499
4262
|
[data-padding-inline-sm="6"]{ padding-inline:var(--t-spacing-6); }
|
|
4500
4263
|
[data-padding-inline-sm="7"]{ padding-inline:var(--t-spacing-7); }
|
|
4501
4264
|
}
|
|
4502
|
-
|
|
4503
4265
|
@media (min-width: 720px){
|
|
4504
4266
|
[data-flex-direction-md="row"]{ flex-direction:row; }
|
|
4505
4267
|
[data-flex-direction-md="row-reverse"]{ flex-direction:row-reverse; }
|
|
@@ -4612,7 +4374,6 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
4612
4374
|
[data-padding-inline-md="6"]{ padding-inline:var(--t-spacing-6); }
|
|
4613
4375
|
[data-padding-inline-md="7"]{ padding-inline:var(--t-spacing-7); }
|
|
4614
4376
|
}
|
|
4615
|
-
|
|
4616
4377
|
@media (min-width: 960px){
|
|
4617
4378
|
[data-flex-direction-lg="row"]{ flex-direction:row; }
|
|
4618
4379
|
[data-flex-direction-lg="row-reverse"]{ flex-direction:row-reverse; }
|
|
@@ -4725,7 +4486,6 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
4725
4486
|
[data-padding-inline-lg="6"]{ padding-inline:var(--t-spacing-6); }
|
|
4726
4487
|
[data-padding-inline-lg="7"]{ padding-inline:var(--t-spacing-7); }
|
|
4727
4488
|
}
|
|
4728
|
-
|
|
4729
4489
|
@media (min-width: 1200px){
|
|
4730
4490
|
[data-flex-direction-xl="row"]{ flex-direction:row; }
|
|
4731
4491
|
[data-flex-direction-xl="row-reverse"]{ flex-direction:row-reverse; }
|
|
@@ -4849,7 +4609,6 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
4849
4609
|
inline-size:1em;
|
|
4850
4610
|
block-size:2em;
|
|
4851
4611
|
}
|
|
4852
|
-
|
|
4853
4612
|
@supports (field-sizing: content){
|
|
4854
4613
|
.tds-input--auto-width{
|
|
4855
4614
|
inline-size:-moz-fit-content;
|
|
@@ -5153,11 +4912,9 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
5153
4912
|
--tds-number-stepper-button-offset:5px;
|
|
5154
4913
|
--tds-number-stepper-button-gap:4px;
|
|
5155
4914
|
}
|
|
5156
|
-
|
|
5157
4915
|
.tds-number-stepper-field:has([readonly]) .tds-number-stepper-button{
|
|
5158
4916
|
display:none;
|
|
5159
4917
|
}
|
|
5160
|
-
|
|
5161
4918
|
.tds-number-stepper-input{
|
|
5162
4919
|
display:flex;
|
|
5163
4920
|
flex:1;
|
|
@@ -5172,13 +4929,11 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
5172
4929
|
background:transparent;
|
|
5173
4930
|
border:0;
|
|
5174
4931
|
}
|
|
5175
|
-
|
|
5176
4932
|
.tds-number-stepper-input::-webkit-inner-spin-button,.tds-number-stepper-input::-webkit-outer-spin-button{
|
|
5177
4933
|
margin:0;
|
|
5178
4934
|
-webkit-appearance:none;
|
|
5179
4935
|
appearance:none;
|
|
5180
4936
|
}
|
|
5181
|
-
|
|
5182
4937
|
.tds-number-stepper-button{
|
|
5183
4938
|
flex-shrink:0;
|
|
5184
4939
|
align-self:center;
|
|
@@ -5186,11 +4941,9 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
5186
4941
|
block-size:calc(var(--tds-field-min-height) - (var(--tds-number-stepper-button-offset) * 2));
|
|
5187
4942
|
padding:0;
|
|
5188
4943
|
}
|
|
5189
|
-
|
|
5190
4944
|
.tds-number-stepper-button + .tds-number-stepper-button{
|
|
5191
4945
|
margin-inline-start:var(--tds-number-stepper-button-gap);
|
|
5192
4946
|
}
|
|
5193
|
-
|
|
5194
4947
|
.tds-number-stepper-button:last-of-type{
|
|
5195
4948
|
margin-inline-end:var(--tds-number-stepper-button-offset);
|
|
5196
4949
|
}
|
|
@@ -5677,11 +5430,9 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
5677
5430
|
pointer-events:none;
|
|
5678
5431
|
opacity:0;
|
|
5679
5432
|
}
|
|
5680
|
-
|
|
5681
5433
|
.tds-select:has(> button){
|
|
5682
5434
|
anchor-scope:--tds-select-anchor;
|
|
5683
5435
|
}
|
|
5684
|
-
|
|
5685
5436
|
.tds-select:has( > button) > button{
|
|
5686
5437
|
display:block;
|
|
5687
5438
|
padding-inline-end:calc(var(--tds-select-caret-size) + var(--tds-select-caret-inline-offset) + .75ch);
|
|
@@ -5694,7 +5445,6 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
5694
5445
|
transition:background-color var(--t-duration-300) var(--t-ease-in-out), border-color var(--t-duration-300) var(--t-ease-in-out), outline-color var(--t-duration-300) var(--t-ease-in-out), outline-offset var(--t-duration-300) var(--t-ease-in-out), transform var(--t-duration-100) var(--t-ease-in-out);
|
|
5695
5446
|
-webkit-tap-highlight-color:transparent;
|
|
5696
5447
|
}
|
|
5697
|
-
|
|
5698
5448
|
:is(.tds-select:has( > button) > button)::after{
|
|
5699
5449
|
position:absolute;
|
|
5700
5450
|
inset-block:0;
|
|
@@ -5708,11 +5458,9 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
5708
5458
|
transform:rotate(0);
|
|
5709
5459
|
transition:var(--tds-select-caret-transition);
|
|
5710
5460
|
}
|
|
5711
|
-
|
|
5712
5461
|
.tds-select:has( > button):has([role="option"][aria-selected="true"]) > button{
|
|
5713
5462
|
color:var(--tds-select-color);
|
|
5714
5463
|
}
|
|
5715
|
-
|
|
5716
5464
|
.tds-select:has( > button) [popover]{
|
|
5717
5465
|
inset:auto;
|
|
5718
5466
|
inline-size:-moz-max-content;
|
|
@@ -5741,18 +5489,15 @@ a.tds-dropdown-item:is(:hover, :active){
|
|
|
5741
5489
|
translate:var(--tds-select-dropdown-open-translate);
|
|
5742
5490
|
transition:var(--tds-select-dropdown-transition);
|
|
5743
5491
|
}
|
|
5744
|
-
|
|
5745
5492
|
:is(.tds-select:has( > button) [popover]):not(:popover-open){
|
|
5746
5493
|
opacity:var(--tds-select-dropdown-closed-opacity);
|
|
5747
5494
|
translate:var(--tds-select-dropdown-closed-translate);
|
|
5748
5495
|
}
|
|
5749
|
-
|
|
5750
5496
|
:is(.tds-select:has( > button) [popover]) ul{
|
|
5751
5497
|
padding:0;
|
|
5752
5498
|
margin:0;
|
|
5753
5499
|
list-style:none;
|
|
5754
5500
|
}
|
|
5755
|
-
|
|
5756
5501
|
@starting-style{
|
|
5757
5502
|
:is(.tds-select:has( > button) [popover]):popover-open{
|
|
5758
5503
|
opacity:var(--tds-select-dropdown-closed-opacity);
|