xmlui 0.9.12 → 0.9.14
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/{apiInterceptorWorker-dYrfbzdh.mjs → apiInterceptorWorker-B9XuRkxC.mjs} +1 -1
- package/dist/{index-Dh2MThrK.mjs → index-D82p1y9A.mjs} +600 -275
- package/dist/index.css +347 -318
- package/dist/scripts/src/components/Card/Card.js +17 -1
- package/dist/scripts/src/components/Card/CardNative.js +2 -3
- package/dist/scripts/src/components/DatePicker/DatePickerNative.js +2 -2
- package/dist/scripts/src/components/Form/FormNative.js +8 -2
- package/dist/scripts/src/components/Form/formActions.js +5 -4
- package/dist/scripts/src/components/FormItem/FormItemNative.js +16 -12
- package/dist/scripts/src/components/Markdown/Markdown.js +10 -8
- package/dist/scripts/src/components/Markdown/MarkdownNative.js +13 -10
- package/dist/scripts/src/components/Option/Option.js +0 -1
- package/dist/scripts/src/components/Select/Select.js +3 -2
- package/dist/scripts/src/components/Select/SelectNative.js +1 -1
- package/dist/scripts/src/components/SelectionStore/SelectionStore.js +1 -1
- package/dist/scripts/src/components/SelectionStore/SelectionStoreNative.js +10 -7
- package/dist/scripts/src/components/Table/Table.js +7 -1
- package/dist/scripts/src/components/Table/TableNative.js +2 -1
- package/dist/scripts/src/components-core/LoaderComponent.js +14 -0
- package/dist/scripts/src/components-core/abstractions/containers.js +1 -0
- package/dist/scripts/src/components-core/loader/ApiLoader.js +4 -5
- package/dist/scripts/src/components-core/loader/DataLoader.js +4 -4
- package/dist/scripts/src/components-core/loader/ExternalDataLoader.js +4 -7
- package/dist/scripts/src/components-core/loader/Loader.js +23 -11
- package/dist/scripts/src/components-core/loader/MockLoaderRenderer.js +3 -3
- package/dist/scripts/src/components-core/loader/PageableLoader.js +14 -4
- package/dist/scripts/src/components-core/rendering/reducer.js +9 -3
- package/dist/scripts/src/components-core/script-runner/eval-tree-async.js +2 -2
- package/dist/scripts/src/components-core/script-runner/eval-tree-sync.js +10 -2
- package/dist/style.css +347 -318
- package/dist/xmlui-metadata.mjs +236 -175
- package/dist/xmlui-metadata.umd.js +236 -175
- package/dist/xmlui-standalone.umd.js +5197 -3030
- package/dist/xmlui.d.ts +45 -1
- package/dist/xmlui.mjs +2 -1
- package/package.json +2 -2
package/dist/style.css
CHANGED
|
@@ -2416,7 +2416,7 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
2416
2416
|
* This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
|
|
2417
2417
|
Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
|
|
2418
2418
|
*/
|
|
2419
|
-
.
|
|
2419
|
+
._wrapper_1arn2_13 {
|
|
2420
2420
|
border-left: var(--xmlui-borderLeft-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)));
|
|
2421
2421
|
border-right: var(--xmlui-borderRight-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)));
|
|
2422
2422
|
border-top: var(--xmlui-borderTop-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)));
|
|
@@ -2447,17 +2447,29 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
2447
2447
|
background-color: var(--xmlui-backgroundColor-Card);
|
|
2448
2448
|
display: flex;
|
|
2449
2449
|
flex-direction: column;
|
|
2450
|
-
gap: var(--
|
|
2450
|
+
gap: var(--xmlui-gap-Card);
|
|
2451
|
+
}
|
|
2452
|
+
._wrapper_1arn2_13 ._avatarWrapper_1arn2_46 {
|
|
2453
|
+
display: flex;
|
|
2454
|
+
flex-direction: row;
|
|
2455
|
+
align-items: var(--xmlui-verticalAlignment-title-Card);
|
|
2456
|
+
gap: var(--xmlui-gap-avatar-Card);
|
|
2457
|
+
}
|
|
2458
|
+
._wrapper_1arn2_13 ._titleWrapper_1arn2_52 {
|
|
2459
|
+
display: flex;
|
|
2460
|
+
flex-direction: column;
|
|
2461
|
+
align-items: var(--xmlui-horizontalAlignment-title-Card);
|
|
2462
|
+
width: 100%;
|
|
2463
|
+
gap: var(--xmlui-gap-title-Card);
|
|
2451
2464
|
}
|
|
2452
|
-
.
|
|
2465
|
+
._wrapper_1arn2_13._horizontal_1arn2_59 {
|
|
2453
2466
|
flex-direction: row;
|
|
2454
2467
|
align-items: center;
|
|
2455
|
-
padding-block: var(--xmlui-space-2);
|
|
2456
2468
|
}
|
|
2457
|
-
.
|
|
2469
|
+
._wrapper_1arn2_13._vertical_1arn2_63 {
|
|
2458
2470
|
flex-direction: column;
|
|
2459
2471
|
}
|
|
2460
|
-
.
|
|
2472
|
+
._wrapper_1arn2_13._isClickable_1arn2_66 {
|
|
2461
2473
|
cursor: pointer;
|
|
2462
2474
|
}/*
|
|
2463
2475
|
* This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
|
|
@@ -2922,7 +2934,7 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
2922
2934
|
* This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
|
|
2923
2935
|
Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
|
|
2924
2936
|
*/
|
|
2925
|
-
.
|
|
2937
|
+
._datePicker_qilmv_13 {
|
|
2926
2938
|
display: flex;
|
|
2927
2939
|
align-items: center;
|
|
2928
2940
|
cursor: pointer;
|
|
@@ -2944,25 +2956,25 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
2944
2956
|
color: var(--xmlui-textColor-DatePicker-default);
|
|
2945
2957
|
padding: var(--xmlui-padding-DatePicker-default);
|
|
2946
2958
|
}
|
|
2947
|
-
.
|
|
2959
|
+
._datePicker_qilmv_13:hover {
|
|
2948
2960
|
border-color: var(--xmlui-borderColor-DatePicker-default--hover);
|
|
2949
2961
|
background-color: var(--xmlui-backgroundColor-DatePicker-default--hover);
|
|
2950
2962
|
box-shadow: var(--xmlui-boxShadow-DatePicker-default--hover);
|
|
2951
2963
|
color: var(--xmlui-textColor-DatePicker-default--hover);
|
|
2952
2964
|
}
|
|
2953
|
-
.
|
|
2965
|
+
._datePicker_qilmv_13:focus {
|
|
2954
2966
|
outline-width: var(--xmlui-outlineWidth-DatePicker-default--focus);
|
|
2955
2967
|
outline-color: var(--xmlui-outlineColor-DatePicker-default--focus);
|
|
2956
2968
|
outline-style: var(--xmlui-outlineStyle-DatePicker-default--focus);
|
|
2957
2969
|
outline-offset: var(--xmlui-outlineOffset-DatePicker-default--focus);
|
|
2958
2970
|
}
|
|
2959
|
-
.
|
|
2971
|
+
._datePicker_qilmv_13 ._placeholder_qilmv_47 {
|
|
2960
2972
|
color: var(--xmlui-textColor-placeholder-DatePicker-default);
|
|
2961
2973
|
}
|
|
2962
|
-
.
|
|
2974
|
+
._datePicker_qilmv_13 ._adornment_qilmv_50 {
|
|
2963
2975
|
color: var(--xmlui-textColor-adornment-DatePicker-default);
|
|
2964
2976
|
}
|
|
2965
|
-
.
|
|
2977
|
+
._datePicker_qilmv_13._error_qilmv_53 {
|
|
2966
2978
|
border-radius: var(--xmlui-borderRadius-DatePicker-error);
|
|
2967
2979
|
border-color: var(--xmlui-borderColor-DatePicker-error);
|
|
2968
2980
|
border-width: var(--xmlui-borderWidth-DatePicker-error);
|
|
@@ -2972,25 +2984,25 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
2972
2984
|
color: var(--xmlui-textColor-DatePicker-error);
|
|
2973
2985
|
padding: var(--xmlui-padding-DatePicker-error);
|
|
2974
2986
|
}
|
|
2975
|
-
.
|
|
2987
|
+
._datePicker_qilmv_13._error_qilmv_53:hover {
|
|
2976
2988
|
border-color: var(--xmlui-borderColor-DatePicker-error--hover);
|
|
2977
2989
|
background-color: var(--xmlui-backgroundColor-DatePicker-error--hover);
|
|
2978
2990
|
box-shadow: var(--xmlui-boxShadow-DatePicker-error--hover);
|
|
2979
2991
|
color: var(--xmlui-textColor-DatePicker-error--hover);
|
|
2980
2992
|
}
|
|
2981
|
-
.
|
|
2993
|
+
._datePicker_qilmv_13._error_qilmv_53:focus {
|
|
2982
2994
|
outline-width: var(--xmlui-outlineWidth-DatePicker-error--focus);
|
|
2983
2995
|
outline-color: var(--xmlui-outlineColor-DatePicker-error--focus);
|
|
2984
2996
|
outline-style: var(--xmlui-outlineStyle-DatePicker-error--focus);
|
|
2985
2997
|
outline-offset: var(--xmlui-outlineOffset-DatePicker-error--focus);
|
|
2986
2998
|
}
|
|
2987
|
-
.
|
|
2999
|
+
._datePicker_qilmv_13._error_qilmv_53 ._placeholder_qilmv_47 {
|
|
2988
3000
|
color: var(--xmlui-textColor-placeholder-DatePicker-error);
|
|
2989
3001
|
}
|
|
2990
|
-
.
|
|
3002
|
+
._datePicker_qilmv_13._error_qilmv_53 ._adornment_qilmv_50 {
|
|
2991
3003
|
color: var(--xmlui-textColor-adornment-DatePicker-error);
|
|
2992
3004
|
}
|
|
2993
|
-
.
|
|
3005
|
+
._datePicker_qilmv_13._warning_qilmv_81 {
|
|
2994
3006
|
border-radius: var(--xmlui-borderRadius-DatePicker-warning);
|
|
2995
3007
|
border-color: var(--xmlui-borderColor-DatePicker-warning);
|
|
2996
3008
|
border-width: var(--xmlui-borderWidth-DatePicker-warning);
|
|
@@ -3000,25 +3012,25 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3000
3012
|
color: var(--xmlui-textColor-DatePicker-warning);
|
|
3001
3013
|
padding: var(--xmlui-padding-DatePicker-warning);
|
|
3002
3014
|
}
|
|
3003
|
-
.
|
|
3015
|
+
._datePicker_qilmv_13._warning_qilmv_81:hover {
|
|
3004
3016
|
border-color: var(--xmlui-borderColor-DatePicker-warning--hover);
|
|
3005
3017
|
background-color: var(--xmlui-backgroundColor-DatePicker-warning--hover);
|
|
3006
3018
|
box-shadow: var(--xmlui-boxShadow-DatePicker-warning--hover);
|
|
3007
3019
|
color: var(--xmlui-textColor-DatePicker-warning--hover);
|
|
3008
3020
|
}
|
|
3009
|
-
.
|
|
3021
|
+
._datePicker_qilmv_13._warning_qilmv_81:focus {
|
|
3010
3022
|
outline-width: var(--xmlui-outlineWidth-DatePicker-warning--focus);
|
|
3011
3023
|
outline-color: var(--xmlui-outlineColor-DatePicker-warning--focus);
|
|
3012
3024
|
outline-style: var(--xmlui-outlineStyle-DatePicker-warning--focus);
|
|
3013
3025
|
outline-offset: var(--xmlui-outlineOffset-DatePicker-warning--focus);
|
|
3014
3026
|
}
|
|
3015
|
-
.
|
|
3027
|
+
._datePicker_qilmv_13._warning_qilmv_81 ._placeholder_qilmv_47 {
|
|
3016
3028
|
color: var(--xmlui-textColor-placeholder-DatePicker-warning);
|
|
3017
3029
|
}
|
|
3018
|
-
.
|
|
3030
|
+
._datePicker_qilmv_13._warning_qilmv_81 ._adornment_qilmv_50 {
|
|
3019
3031
|
color: var(--xmlui-textColor-adornment-DatePicker-warning);
|
|
3020
3032
|
}
|
|
3021
|
-
.
|
|
3033
|
+
._datePicker_qilmv_13._valid_qilmv_109 {
|
|
3022
3034
|
border-radius: var(--xmlui-borderRadius-DatePicker-success);
|
|
3023
3035
|
border-color: var(--xmlui-borderColor-DatePicker-success);
|
|
3024
3036
|
border-width: var(--xmlui-borderWidth-DatePicker-success);
|
|
@@ -3028,40 +3040,40 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3028
3040
|
color: var(--xmlui-textColor-DatePicker-success);
|
|
3029
3041
|
padding: var(--xmlui-padding-DatePicker-success);
|
|
3030
3042
|
}
|
|
3031
|
-
.
|
|
3043
|
+
._datePicker_qilmv_13._valid_qilmv_109:hover {
|
|
3032
3044
|
border-color: var(--xmlui-borderColor-DatePicker-success--hover);
|
|
3033
3045
|
background-color: var(--xmlui-backgroundColor-DatePicker-success--hover);
|
|
3034
3046
|
box-shadow: var(--xmlui-boxShadow-DatePicker-success--hover);
|
|
3035
3047
|
color: var(--xmlui-textColor-DatePicker-success--hover);
|
|
3036
3048
|
}
|
|
3037
|
-
.
|
|
3049
|
+
._datePicker_qilmv_13._valid_qilmv_109:focus {
|
|
3038
3050
|
outline-width: var(--xmlui-outlineWidth-DatePicker-success--focus);
|
|
3039
3051
|
outline-color: var(--xmlui-outlineColor-DatePicker-success--focus);
|
|
3040
3052
|
outline-style: var(--xmlui-outlineStyle-DatePicker-success--focus);
|
|
3041
3053
|
outline-offset: var(--xmlui-outlineOffset-DatePicker-success--focus);
|
|
3042
3054
|
}
|
|
3043
|
-
.
|
|
3055
|
+
._datePicker_qilmv_13._valid_qilmv_109 ._placeholder_qilmv_47 {
|
|
3044
3056
|
color: var(--xmlui-textColor-placeholder-DatePicker-success);
|
|
3045
3057
|
}
|
|
3046
|
-
.
|
|
3058
|
+
._datePicker_qilmv_13._valid_qilmv_109 ._adornment_qilmv_50 {
|
|
3047
3059
|
color: var(--xmlui-textColor-adornment-DatePicker-success);
|
|
3048
3060
|
}
|
|
3049
|
-
.
|
|
3061
|
+
._datePicker_qilmv_13._disabled_qilmv_137 {
|
|
3050
3062
|
cursor: not-allowed;
|
|
3051
3063
|
background-color: var(--xmlui-backgroundColor-DatePicker--disabled);
|
|
3052
3064
|
color: var(--xmlui-textColor-DatePicker--disabled);
|
|
3053
3065
|
border-color: var(--xmlui-borderColor-DatePicker--disabled);
|
|
3054
3066
|
}
|
|
3055
|
-
.
|
|
3067
|
+
._datePicker_qilmv_13._disabled_qilmv_137 ._indicator_qilmv_143, ._datePicker_qilmv_13._disabled_qilmv_137 ._datePickerInput_qilmv_143 {
|
|
3056
3068
|
cursor: not-allowed;
|
|
3057
3069
|
}
|
|
3058
3070
|
|
|
3059
|
-
.
|
|
3071
|
+
._datePickerValue_qilmv_147 {
|
|
3060
3072
|
display: flex;
|
|
3061
3073
|
flex: 1;
|
|
3062
3074
|
}
|
|
3063
3075
|
|
|
3064
|
-
.
|
|
3076
|
+
._inlinePickerMenu_qilmv_152 {
|
|
3065
3077
|
padding: 0;
|
|
3066
3078
|
overflow-y: auto;
|
|
3067
3079
|
width: fit-content !important;
|
|
@@ -3075,25 +3087,25 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3075
3087
|
color: var(--xmlui-textColor-DatePicker-default);
|
|
3076
3088
|
padding: var(--xmlui-padding-DatePicker-default);
|
|
3077
3089
|
}
|
|
3078
|
-
.
|
|
3090
|
+
._inlinePickerMenu_qilmv_152:hover {
|
|
3079
3091
|
border-color: var(--xmlui-borderColor-DatePicker-default--hover);
|
|
3080
3092
|
background-color: var(--xmlui-backgroundColor-DatePicker-default--hover);
|
|
3081
3093
|
box-shadow: var(--xmlui-boxShadow-DatePicker-default--hover);
|
|
3082
3094
|
color: var(--xmlui-textColor-DatePicker-default--hover);
|
|
3083
3095
|
}
|
|
3084
|
-
.
|
|
3096
|
+
._inlinePickerMenu_qilmv_152:focus {
|
|
3085
3097
|
outline-width: var(--xmlui-outlineWidth-DatePicker-default--focus);
|
|
3086
3098
|
outline-color: var(--xmlui-outlineColor-DatePicker-default--focus);
|
|
3087
3099
|
outline-style: var(--xmlui-outlineStyle-DatePicker-default--focus);
|
|
3088
3100
|
outline-offset: var(--xmlui-outlineOffset-DatePicker-default--focus);
|
|
3089
3101
|
}
|
|
3090
|
-
.
|
|
3102
|
+
._inlinePickerMenu_qilmv_152 ._placeholder_qilmv_47 {
|
|
3091
3103
|
color: var(--xmlui-textColor-placeholder-DatePicker-default);
|
|
3092
3104
|
}
|
|
3093
|
-
.
|
|
3105
|
+
._inlinePickerMenu_qilmv_152 ._adornment_qilmv_50 {
|
|
3094
3106
|
color: var(--xmlui-textColor-adornment-DatePicker-default);
|
|
3095
3107
|
}
|
|
3096
|
-
.
|
|
3108
|
+
._inlinePickerMenu_qilmv_152._error_qilmv_53 {
|
|
3097
3109
|
border-radius: var(--xmlui-borderRadius-DatePicker-error);
|
|
3098
3110
|
border-color: var(--xmlui-borderColor-DatePicker-error);
|
|
3099
3111
|
border-width: var(--xmlui-borderWidth-DatePicker-error);
|
|
@@ -3103,25 +3115,25 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3103
3115
|
color: var(--xmlui-textColor-DatePicker-error);
|
|
3104
3116
|
padding: var(--xmlui-padding-DatePicker-error);
|
|
3105
3117
|
}
|
|
3106
|
-
.
|
|
3118
|
+
._inlinePickerMenu_qilmv_152._error_qilmv_53:hover {
|
|
3107
3119
|
border-color: var(--xmlui-borderColor-DatePicker-error--hover);
|
|
3108
3120
|
background-color: var(--xmlui-backgroundColor-DatePicker-error--hover);
|
|
3109
3121
|
box-shadow: var(--xmlui-boxShadow-DatePicker-error--hover);
|
|
3110
3122
|
color: var(--xmlui-textColor-DatePicker-error--hover);
|
|
3111
3123
|
}
|
|
3112
|
-
.
|
|
3124
|
+
._inlinePickerMenu_qilmv_152._error_qilmv_53:focus {
|
|
3113
3125
|
outline-width: var(--xmlui-outlineWidth-DatePicker-error--focus);
|
|
3114
3126
|
outline-color: var(--xmlui-outlineColor-DatePicker-error--focus);
|
|
3115
3127
|
outline-style: var(--xmlui-outlineStyle-DatePicker-error--focus);
|
|
3116
3128
|
outline-offset: var(--xmlui-outlineOffset-DatePicker-error--focus);
|
|
3117
3129
|
}
|
|
3118
|
-
.
|
|
3130
|
+
._inlinePickerMenu_qilmv_152._error_qilmv_53 ._placeholder_qilmv_47 {
|
|
3119
3131
|
color: var(--xmlui-textColor-placeholder-DatePicker-error);
|
|
3120
3132
|
}
|
|
3121
|
-
.
|
|
3133
|
+
._inlinePickerMenu_qilmv_152._error_qilmv_53 ._adornment_qilmv_50 {
|
|
3122
3134
|
color: var(--xmlui-textColor-adornment-DatePicker-error);
|
|
3123
3135
|
}
|
|
3124
|
-
.
|
|
3136
|
+
._inlinePickerMenu_qilmv_152._warning_qilmv_81 {
|
|
3125
3137
|
border-radius: var(--xmlui-borderRadius-DatePicker-warning);
|
|
3126
3138
|
border-color: var(--xmlui-borderColor-DatePicker-warning);
|
|
3127
3139
|
border-width: var(--xmlui-borderWidth-DatePicker-warning);
|
|
@@ -3131,25 +3143,25 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3131
3143
|
color: var(--xmlui-textColor-DatePicker-warning);
|
|
3132
3144
|
padding: var(--xmlui-padding-DatePicker-warning);
|
|
3133
3145
|
}
|
|
3134
|
-
.
|
|
3146
|
+
._inlinePickerMenu_qilmv_152._warning_qilmv_81:hover {
|
|
3135
3147
|
border-color: var(--xmlui-borderColor-DatePicker-warning--hover);
|
|
3136
3148
|
background-color: var(--xmlui-backgroundColor-DatePicker-warning--hover);
|
|
3137
3149
|
box-shadow: var(--xmlui-boxShadow-DatePicker-warning--hover);
|
|
3138
3150
|
color: var(--xmlui-textColor-DatePicker-warning--hover);
|
|
3139
3151
|
}
|
|
3140
|
-
.
|
|
3152
|
+
._inlinePickerMenu_qilmv_152._warning_qilmv_81:focus {
|
|
3141
3153
|
outline-width: var(--xmlui-outlineWidth-DatePicker-warning--focus);
|
|
3142
3154
|
outline-color: var(--xmlui-outlineColor-DatePicker-warning--focus);
|
|
3143
3155
|
outline-style: var(--xmlui-outlineStyle-DatePicker-warning--focus);
|
|
3144
3156
|
outline-offset: var(--xmlui-outlineOffset-DatePicker-warning--focus);
|
|
3145
3157
|
}
|
|
3146
|
-
.
|
|
3158
|
+
._inlinePickerMenu_qilmv_152._warning_qilmv_81 ._placeholder_qilmv_47 {
|
|
3147
3159
|
color: var(--xmlui-textColor-placeholder-DatePicker-warning);
|
|
3148
3160
|
}
|
|
3149
|
-
.
|
|
3161
|
+
._inlinePickerMenu_qilmv_152._warning_qilmv_81 ._adornment_qilmv_50 {
|
|
3150
3162
|
color: var(--xmlui-textColor-adornment-DatePicker-warning);
|
|
3151
3163
|
}
|
|
3152
|
-
.
|
|
3164
|
+
._inlinePickerMenu_qilmv_152._valid_qilmv_109 {
|
|
3153
3165
|
border-radius: var(--xmlui-borderRadius-DatePicker-success);
|
|
3154
3166
|
border-color: var(--xmlui-borderColor-DatePicker-success);
|
|
3155
3167
|
border-width: var(--xmlui-borderWidth-DatePicker-success);
|
|
@@ -3159,41 +3171,42 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3159
3171
|
color: var(--xmlui-textColor-DatePicker-success);
|
|
3160
3172
|
padding: var(--xmlui-padding-DatePicker-success);
|
|
3161
3173
|
}
|
|
3162
|
-
.
|
|
3174
|
+
._inlinePickerMenu_qilmv_152._valid_qilmv_109:hover {
|
|
3163
3175
|
border-color: var(--xmlui-borderColor-DatePicker-success--hover);
|
|
3164
3176
|
background-color: var(--xmlui-backgroundColor-DatePicker-success--hover);
|
|
3165
3177
|
box-shadow: var(--xmlui-boxShadow-DatePicker-success--hover);
|
|
3166
3178
|
color: var(--xmlui-textColor-DatePicker-success--hover);
|
|
3167
3179
|
}
|
|
3168
|
-
.
|
|
3180
|
+
._inlinePickerMenu_qilmv_152._valid_qilmv_109:focus {
|
|
3169
3181
|
outline-width: var(--xmlui-outlineWidth-DatePicker-success--focus);
|
|
3170
3182
|
outline-color: var(--xmlui-outlineColor-DatePicker-success--focus);
|
|
3171
3183
|
outline-style: var(--xmlui-outlineStyle-DatePicker-success--focus);
|
|
3172
3184
|
outline-offset: var(--xmlui-outlineOffset-DatePicker-success--focus);
|
|
3173
3185
|
}
|
|
3174
|
-
.
|
|
3186
|
+
._inlinePickerMenu_qilmv_152._valid_qilmv_109 ._placeholder_qilmv_47 {
|
|
3175
3187
|
color: var(--xmlui-textColor-placeholder-DatePicker-success);
|
|
3176
3188
|
}
|
|
3177
|
-
.
|
|
3189
|
+
._inlinePickerMenu_qilmv_152._valid_qilmv_109 ._adornment_qilmv_50 {
|
|
3178
3190
|
color: var(--xmlui-textColor-adornment-DatePicker-success);
|
|
3179
3191
|
}
|
|
3180
3192
|
|
|
3181
|
-
.
|
|
3193
|
+
._root_qilmv_269 {
|
|
3194
|
+
width: fit-content;
|
|
3195
|
+
margin: 2rem;
|
|
3196
|
+
}
|
|
3197
|
+
|
|
3198
|
+
._datePickerMenu_qilmv_274 {
|
|
3182
3199
|
padding: 0;
|
|
3183
3200
|
overflow-y: auto;
|
|
3184
3201
|
height: fit-content;
|
|
3185
3202
|
box-shadow: var(--xmlui-boxShadow-menu-DatePicker);
|
|
3186
3203
|
background-color: var(--xmlui-backgroundColor-menu-DatePicker);
|
|
3187
3204
|
border-radius: var(--xmlui-borderRadius-menu-DatePicker);
|
|
3188
|
-
|
|
3189
|
-
|
|
3190
|
-
._root_1lk6v_278 {
|
|
3191
|
-
width: fit-content;
|
|
3192
|
-
margin: 2rem;
|
|
3205
|
+
border: 1px solid var(--xmlui-backgroundColor-item-DatePicker--active);
|
|
3193
3206
|
}
|
|
3194
3207
|
|
|
3195
3208
|
/* Hide elements for devices that are not screen readers */
|
|
3196
|
-
.
|
|
3209
|
+
._vhidden_qilmv_285 {
|
|
3197
3210
|
box-sizing: border-box;
|
|
3198
3211
|
padding: 0;
|
|
3199
3212
|
margin: 0;
|
|
@@ -3206,14 +3219,13 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3206
3219
|
top: 0;
|
|
3207
3220
|
width: 1px !important;
|
|
3208
3221
|
height: 1px !important;
|
|
3209
|
-
padding: 0 !important;
|
|
3210
3222
|
overflow: hidden !important;
|
|
3211
3223
|
clip: rect(1px, 1px, 1px, 1px) !important;
|
|
3212
3224
|
border: 0 !important;
|
|
3213
3225
|
}
|
|
3214
3226
|
|
|
3215
3227
|
/* Buttons */
|
|
3216
|
-
.
|
|
3228
|
+
._button_reset_qilmv_304 {
|
|
3217
3229
|
appearance: none;
|
|
3218
3230
|
position: relative;
|
|
3219
3231
|
margin: 0;
|
|
@@ -3226,61 +3238,77 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3226
3238
|
-webkit-appearance: none;
|
|
3227
3239
|
}
|
|
3228
3240
|
|
|
3229
|
-
.
|
|
3241
|
+
._button_reset_qilmv_304:focus-visible {
|
|
3230
3242
|
/* Make sure to reset outline only when :focus-visible is supported */
|
|
3231
3243
|
outline: none;
|
|
3232
3244
|
}
|
|
3233
3245
|
|
|
3234
|
-
.
|
|
3235
|
-
border: 2px solid transparent;
|
|
3236
|
-
}
|
|
3237
|
-
|
|
3238
|
-
._button_1lk6v_304[disabled]:not(._day_selected_1lk6v_326) {
|
|
3246
|
+
._button_qilmv_304[disabled]:not(._day_selected_qilmv_322) {
|
|
3239
3247
|
opacity: 0.25;
|
|
3240
3248
|
}
|
|
3241
3249
|
|
|
3242
|
-
.
|
|
3250
|
+
._button_qilmv_304:not([disabled]) {
|
|
3243
3251
|
cursor: pointer;
|
|
3244
3252
|
}
|
|
3245
3253
|
|
|
3246
|
-
.
|
|
3254
|
+
._button_qilmv_304:focus-visible:not([disabled]) {
|
|
3247
3255
|
color: inherit;
|
|
3248
3256
|
background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
|
|
3249
3257
|
border: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
|
|
3250
3258
|
}
|
|
3251
3259
|
|
|
3252
|
-
.
|
|
3260
|
+
._button_next_qilmv_336:hover:not([disabled]):not(._day_selected_qilmv_322),
|
|
3261
|
+
._button_previous_qilmv_337:hover:not([disabled]):not(._day_selected_qilmv_322) {
|
|
3253
3262
|
background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
|
|
3254
3263
|
}
|
|
3255
3264
|
|
|
3256
|
-
.
|
|
3265
|
+
._button_next_qilmv_336,
|
|
3266
|
+
._button_previous_qilmv_337 {
|
|
3267
|
+
border: none;
|
|
3268
|
+
background: none;
|
|
3269
|
+
padding: 0;
|
|
3270
|
+
margin: 0;
|
|
3271
|
+
cursor: pointer;
|
|
3272
|
+
font: inherit;
|
|
3273
|
+
color: inherit;
|
|
3274
|
+
-moz-appearance: none;
|
|
3275
|
+
-webkit-appearance: none;
|
|
3276
|
+
display: inline-flex;
|
|
3277
|
+
align-items: center;
|
|
3278
|
+
justify-content: center;
|
|
3279
|
+
position: relative;
|
|
3280
|
+
appearance: none;
|
|
3281
|
+
}
|
|
3282
|
+
|
|
3283
|
+
._button_next_qilmv_336:disabled,
|
|
3284
|
+
._button_next_qilmv_336[aria-disabled=true],
|
|
3285
|
+
._button_previous_qilmv_337:disabled,
|
|
3286
|
+
._button_previous_qilmv_337[aria-disabled=true] {
|
|
3287
|
+
cursor: revert;
|
|
3288
|
+
opacity: 0.25;
|
|
3289
|
+
}
|
|
3290
|
+
|
|
3291
|
+
._months_qilmv_367 {
|
|
3257
3292
|
display: flex;
|
|
3258
3293
|
}
|
|
3259
3294
|
|
|
3260
|
-
.
|
|
3295
|
+
._month_qilmv_367 {
|
|
3261
3296
|
margin: 0 1em;
|
|
3262
3297
|
}
|
|
3263
3298
|
|
|
3264
|
-
.
|
|
3299
|
+
._month_qilmv_367:first-child {
|
|
3265
3300
|
margin-left: 0;
|
|
3266
3301
|
}
|
|
3267
3302
|
|
|
3268
|
-
.
|
|
3303
|
+
._month_qilmv_367:last-child {
|
|
3269
3304
|
margin-right: 0;
|
|
3270
3305
|
}
|
|
3271
3306
|
|
|
3272
|
-
.
|
|
3273
|
-
margin: 0;
|
|
3274
|
-
max-width: 280px;
|
|
3307
|
+
._month_grid_qilmv_383 {
|
|
3275
3308
|
border-collapse: collapse;
|
|
3276
3309
|
}
|
|
3277
3310
|
|
|
3278
|
-
.
|
|
3279
|
-
max-width: 320px;
|
|
3280
|
-
border-collapse: collapse;
|
|
3281
|
-
}
|
|
3282
|
-
|
|
3283
|
-
._caption_1lk6v_371 {
|
|
3311
|
+
._caption_qilmv_387 {
|
|
3284
3312
|
display: flex;
|
|
3285
3313
|
align-items: center;
|
|
3286
3314
|
justify-content: space-between;
|
|
@@ -3288,18 +3316,18 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3288
3316
|
text-align: left;
|
|
3289
3317
|
}
|
|
3290
3318
|
|
|
3291
|
-
.
|
|
3319
|
+
._multiple_months_qilmv_395 ._caption_qilmv_387 {
|
|
3292
3320
|
position: relative;
|
|
3293
3321
|
display: block;
|
|
3294
3322
|
text-align: center;
|
|
3295
3323
|
}
|
|
3296
3324
|
|
|
3297
|
-
.
|
|
3325
|
+
._caption_dropdowns_qilmv_401 {
|
|
3298
3326
|
position: relative;
|
|
3299
3327
|
display: inline-flex;
|
|
3300
3328
|
}
|
|
3301
3329
|
|
|
3302
|
-
.
|
|
3330
|
+
._caption_label_qilmv_406 {
|
|
3303
3331
|
position: relative;
|
|
3304
3332
|
z-index: 1;
|
|
3305
3333
|
display: inline-flex;
|
|
@@ -3308,32 +3336,36 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3308
3336
|
padding: 0 0.25em;
|
|
3309
3337
|
white-space: nowrap;
|
|
3310
3338
|
color: currentColor;
|
|
3311
|
-
border: 0;
|
|
3312
3339
|
border: 2px solid transparent;
|
|
3313
3340
|
font-family: inherit;
|
|
3314
3341
|
font-size: 18px;
|
|
3315
3342
|
font-weight: bold;
|
|
3316
3343
|
}
|
|
3317
3344
|
|
|
3318
|
-
.
|
|
3345
|
+
._chevron_qilmv_421 {
|
|
3346
|
+
display: inline-block;
|
|
3347
|
+
fill: var(--xmlui-textColor-primary);
|
|
3348
|
+
}
|
|
3349
|
+
|
|
3350
|
+
._nav_qilmv_426 {
|
|
3319
3351
|
white-space: nowrap;
|
|
3320
3352
|
}
|
|
3321
3353
|
|
|
3322
|
-
.
|
|
3354
|
+
._multiple_months_qilmv_395 ._caption_start_qilmv_430 ._nav_qilmv_426 {
|
|
3323
3355
|
position: absolute;
|
|
3324
3356
|
top: 50%;
|
|
3325
3357
|
left: 0;
|
|
3326
3358
|
transform: translateY(-50%);
|
|
3327
3359
|
}
|
|
3328
3360
|
|
|
3329
|
-
.
|
|
3361
|
+
._multiple_months_qilmv_395 ._caption_end_qilmv_437 ._nav_qilmv_426 {
|
|
3330
3362
|
position: absolute;
|
|
3331
3363
|
top: 50%;
|
|
3332
3364
|
right: 0;
|
|
3333
3365
|
transform: translateY(-50%);
|
|
3334
3366
|
}
|
|
3335
3367
|
|
|
3336
|
-
.
|
|
3368
|
+
._nav_button_qilmv_444 {
|
|
3337
3369
|
display: inline-flex;
|
|
3338
3370
|
align-items: center;
|
|
3339
3371
|
justify-content: center;
|
|
@@ -3346,14 +3378,21 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3346
3378
|
/* ---------- */
|
|
3347
3379
|
/* Dropdowns */
|
|
3348
3380
|
/* ---------- */
|
|
3349
|
-
.
|
|
3350
|
-
._dropdown_month_1lk6v_438 {
|
|
3381
|
+
._dropdowns_qilmv_457 {
|
|
3351
3382
|
position: relative;
|
|
3352
3383
|
display: inline-flex;
|
|
3353
3384
|
align-items: center;
|
|
3385
|
+
gap: var(--xmlui-space-1);
|
|
3354
3386
|
}
|
|
3355
3387
|
|
|
3356
|
-
.
|
|
3388
|
+
._dropdown_year_qilmv_464,
|
|
3389
|
+
._dropdown_month_qilmv_465 {
|
|
3390
|
+
position: relative;
|
|
3391
|
+
display: inline-flex;
|
|
3392
|
+
align-items: center;
|
|
3393
|
+
}
|
|
3394
|
+
|
|
3395
|
+
._dropdown_qilmv_457 {
|
|
3357
3396
|
appearance: none;
|
|
3358
3397
|
position: absolute;
|
|
3359
3398
|
z-index: 2;
|
|
@@ -3372,50 +3411,18 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3372
3411
|
line-height: inherit;
|
|
3373
3412
|
}
|
|
3374
3413
|
|
|
3375
|
-
.
|
|
3414
|
+
._dropdown_qilmv_457[disabled] {
|
|
3376
3415
|
opacity: unset;
|
|
3377
3416
|
color: unset;
|
|
3378
3417
|
}
|
|
3379
3418
|
|
|
3380
|
-
.
|
|
3419
|
+
._dropdown_qilmv_457:focus-visible:not([disabled]) + ._caption_label_qilmv_406 {
|
|
3381
3420
|
background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
|
|
3382
3421
|
border: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
|
|
3383
3422
|
border-radius: 6px;
|
|
3384
3423
|
}
|
|
3385
3424
|
|
|
3386
|
-
.
|
|
3387
|
-
margin: 0 0 0 5px;
|
|
3388
|
-
}
|
|
3389
|
-
|
|
3390
|
-
._head_1lk6v_478 {
|
|
3391
|
-
border: 0;
|
|
3392
|
-
}
|
|
3393
|
-
|
|
3394
|
-
._head_row_1lk6v_482,
|
|
3395
|
-
._row_1lk6v_483 {
|
|
3396
|
-
height: 100%;
|
|
3397
|
-
}
|
|
3398
|
-
|
|
3399
|
-
._head_cell_1lk6v_487 {
|
|
3400
|
-
vertical-align: middle;
|
|
3401
|
-
font-size: 0.75em;
|
|
3402
|
-
font-weight: 700;
|
|
3403
|
-
text-align: center;
|
|
3404
|
-
height: 100%;
|
|
3405
|
-
height: 40px;
|
|
3406
|
-
padding: 0;
|
|
3407
|
-
text-transform: uppercase;
|
|
3408
|
-
}
|
|
3409
|
-
|
|
3410
|
-
._tbody_1lk6v_498 {
|
|
3411
|
-
border: 0;
|
|
3412
|
-
}
|
|
3413
|
-
|
|
3414
|
-
._tfoot_1lk6v_502 {
|
|
3415
|
-
margin: 0.5em;
|
|
3416
|
-
}
|
|
3417
|
-
|
|
3418
|
-
._cell_1lk6v_506 {
|
|
3425
|
+
._day_qilmv_322 {
|
|
3419
3426
|
width: 40px;
|
|
3420
3427
|
height: 100%;
|
|
3421
3428
|
height: 40px;
|
|
@@ -3423,12 +3430,18 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3423
3430
|
text-align: center;
|
|
3424
3431
|
}
|
|
3425
3432
|
|
|
3426
|
-
.
|
|
3433
|
+
._weekday_qilmv_509 {
|
|
3434
|
+
font-weight: 500;
|
|
3435
|
+
font-size: smaller;
|
|
3436
|
+
}
|
|
3437
|
+
|
|
3438
|
+
._week_number_qilmv_514 {
|
|
3427
3439
|
font-size: 0.75em;
|
|
3440
|
+
font-weight: 400;
|
|
3428
3441
|
}
|
|
3429
3442
|
|
|
3430
|
-
.
|
|
3431
|
-
|
|
3443
|
+
._day_button_qilmv_519 {
|
|
3444
|
+
background: none;
|
|
3432
3445
|
display: flex;
|
|
3433
3446
|
overflow: hidden;
|
|
3434
3447
|
align-items: center;
|
|
@@ -3442,54 +3455,62 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
3442
3455
|
border-radius: 100%;
|
|
3443
3456
|
}
|
|
3444
3457
|
|
|
3445
|
-
.
|
|
3458
|
+
._day_button_qilmv_519:disabled {
|
|
3459
|
+
cursor: not-allowed;
|
|
3460
|
+
opacity: 0.2;
|
|
3461
|
+
font-style: italic;
|
|
3462
|
+
}
|
|
3463
|
+
|
|
3464
|
+
._today_qilmv_540:not(._outside_qilmv_540) {
|
|
3446
3465
|
font-weight: bold;
|
|
3447
3466
|
}
|
|
3448
3467
|
|
|
3449
|
-
.
|
|
3450
|
-
.
|
|
3451
|
-
.
|
|
3468
|
+
._selected_qilmv_544,
|
|
3469
|
+
._selected_qilmv_544:focus-visible,
|
|
3470
|
+
._selected_qilmv_544:hover {
|
|
3452
3471
|
color: var(--xmlui-textColor-value-DatePicker);
|
|
3453
3472
|
opacity: 1;
|
|
3473
|
+
font-weight: bold;
|
|
3474
|
+
border-radius: 100%;
|
|
3454
3475
|
background-color: var(--xmlui-backgroundColor-item-DatePicker--active);
|
|
3455
3476
|
}
|
|
3456
3477
|
|
|
3457
|
-
.
|
|
3458
|
-
opacity: 0.
|
|
3478
|
+
._outside_qilmv_540 {
|
|
3479
|
+
opacity: 0.7;
|
|
3459
3480
|
}
|
|
3460
3481
|
|
|
3461
|
-
.
|
|
3482
|
+
._selected_qilmv_544:focus-visible {
|
|
3462
3483
|
/* Since the background is the same use again the outline */
|
|
3463
3484
|
outline: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
|
|
3464
3485
|
outline-offset: 2px;
|
|
3465
3486
|
z-index: 1;
|
|
3466
3487
|
}
|
|
3467
3488
|
|
|
3468
|
-
.
|
|
3489
|
+
._root_qilmv_269:not([dir=rtl]) ._day_range_start_qilmv_565:not(._day_range_end_qilmv_565) {
|
|
3469
3490
|
border-top-right-radius: 0;
|
|
3470
3491
|
border-bottom-right-radius: 0;
|
|
3471
3492
|
}
|
|
3472
3493
|
|
|
3473
|
-
.
|
|
3494
|
+
._root_qilmv_269:not([dir=rtl]) ._day_range_end_qilmv_565:not(._day_range_start_qilmv_565) {
|
|
3474
3495
|
border-top-left-radius: 0;
|
|
3475
3496
|
border-bottom-left-radius: 0;
|
|
3476
3497
|
}
|
|
3477
3498
|
|
|
3478
|
-
.
|
|
3499
|
+
._root_qilmv_269[dir=rtl] ._day_range_start_qilmv_565:not(._day_range_end_qilmv_565) {
|
|
3479
3500
|
border-top-left-radius: 0;
|
|
3480
3501
|
border-bottom-left-radius: 0;
|
|
3481
3502
|
}
|
|
3482
3503
|
|
|
3483
|
-
.
|
|
3504
|
+
._root_qilmv_269[dir=rtl] ._day_range_end_qilmv_565:not(._day_range_start_qilmv_565) {
|
|
3484
3505
|
border-top-right-radius: 0;
|
|
3485
3506
|
border-bottom-right-radius: 0;
|
|
3486
3507
|
}
|
|
3487
3508
|
|
|
3488
|
-
.
|
|
3509
|
+
._day_range_end_qilmv_565._day_range_start_qilmv_565 {
|
|
3489
3510
|
border-radius: 100%;
|
|
3490
3511
|
}
|
|
3491
3512
|
|
|
3492
|
-
.
|
|
3513
|
+
._day_range_middle_qilmv_589 {
|
|
3493
3514
|
border-radius: 0;
|
|
3494
3515
|
}/*
|
|
3495
3516
|
* This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
|
|
@@ -4201,40 +4222,40 @@ See this source for details: https://css-tricks.com/line-clampin/
|
|
|
4201
4222
|
* This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
|
|
4202
4223
|
Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
|
|
4203
4224
|
*/
|
|
4204
|
-
.
|
|
4225
|
+
._selectValue_1ept5_13 > span {
|
|
4205
4226
|
font-size: var(--xmlui-fontSize-Select-default);
|
|
4206
4227
|
color: var(--xmlui-textColor-placeholder-Select-default);
|
|
4207
4228
|
}
|
|
4208
|
-
.
|
|
4229
|
+
._selectValue_1ept5_13 > span > div {
|
|
4209
4230
|
color: var(--xmlui-textColor-Select-default);
|
|
4210
4231
|
font-size: var(--xmlui-fontSize-Select-default);
|
|
4211
4232
|
}
|
|
4212
|
-
.
|
|
4233
|
+
._selectValue_1ept5_13._error_1ept5_21 > span {
|
|
4213
4234
|
font-size: var(--xmlui-fontSize-Select-error);
|
|
4214
4235
|
color: var(--xmlui-textColor-placeholder-Select-error);
|
|
4215
4236
|
}
|
|
4216
|
-
.
|
|
4237
|
+
._selectValue_1ept5_13._error_1ept5_21 > span > div {
|
|
4217
4238
|
color: var(--xmlui-textColor-Select-error);
|
|
4218
4239
|
font-size: var(--xmlui-fontSize-Select-error);
|
|
4219
4240
|
}
|
|
4220
|
-
.
|
|
4241
|
+
._selectValue_1ept5_13._warning_1ept5_29 > span {
|
|
4221
4242
|
font-size: var(--xmlui-fontSize-Select-warning);
|
|
4222
4243
|
color: var(--xmlui-textColor-placeholder-Select-warning);
|
|
4223
4244
|
}
|
|
4224
|
-
.
|
|
4245
|
+
._selectValue_1ept5_13._warning_1ept5_29 > span > div {
|
|
4225
4246
|
color: var(--xmlui-textColor-Select-warning);
|
|
4226
4247
|
font-size: var(--xmlui-fontSize-Select-warning);
|
|
4227
4248
|
}
|
|
4228
|
-
.
|
|
4249
|
+
._selectValue_1ept5_13._valid_1ept5_37 > span {
|
|
4229
4250
|
font-size: var(--xmlui-fontSize-Select-success);
|
|
4230
4251
|
color: var(--xmlui-textColor-placeholder-Select-success);
|
|
4231
4252
|
}
|
|
4232
|
-
.
|
|
4253
|
+
._selectValue_1ept5_13._valid_1ept5_37 > span > div {
|
|
4233
4254
|
color: var(--xmlui-textColor-Select-success);
|
|
4234
4255
|
font-size: var(--xmlui-fontSize-Select-success);
|
|
4235
4256
|
}
|
|
4236
4257
|
|
|
4237
|
-
button.
|
|
4258
|
+
button._selectTrigger_1ept5_46 {
|
|
4238
4259
|
min-height: 2.6rem;
|
|
4239
4260
|
display: flex;
|
|
4240
4261
|
padding: var(--xmlui-space-1) var(--xmlui-space-2);
|
|
@@ -4252,22 +4273,22 @@ button._selectTrigger_nwesf_46 {
|
|
|
4252
4273
|
box-shadow: var(--xmlui-boxShadow-Select-default);
|
|
4253
4274
|
color: var(--xmlui-textColor-Select-default);
|
|
4254
4275
|
}
|
|
4255
|
-
button.
|
|
4276
|
+
button._selectTrigger_1ept5_46:hover {
|
|
4256
4277
|
border-color: var(--xmlui-borderColor-Select-default--hover);
|
|
4257
4278
|
background-color: var(--xmlui-backgroundColor-Select-default--hover);
|
|
4258
4279
|
box-shadow: var(--xmlui-boxShadow-Select-default--hover);
|
|
4259
4280
|
color: var(--xmlui-textColor-Select-default--hover);
|
|
4260
4281
|
}
|
|
4261
|
-
button.
|
|
4282
|
+
button._selectTrigger_1ept5_46:focus {
|
|
4262
4283
|
outline-width: var(--xmlui-outlineWidth-Select-default--focus);
|
|
4263
4284
|
outline-color: var(--xmlui-outlineColor-Select-default--focus);
|
|
4264
4285
|
outline-style: var(--xmlui-outlineStyle-Select-default--focus);
|
|
4265
4286
|
outline-offset: var(--xmlui-outlineOffset-Select-default--focus);
|
|
4266
4287
|
}
|
|
4267
|
-
button.
|
|
4288
|
+
button._selectTrigger_1ept5_46::placeholder {
|
|
4268
4289
|
color: var(--xmlui-textColor-placeholder-Select-default);
|
|
4269
4290
|
}
|
|
4270
|
-
button.
|
|
4291
|
+
button._selectTrigger_1ept5_46._error_1ept5_21 {
|
|
4271
4292
|
border-radius: var(--xmlui-borderRadius-Select-error);
|
|
4272
4293
|
border-color: var(--xmlui-borderColor-Select-error);
|
|
4273
4294
|
border-width: var(--xmlui-borderWidth-Select-error);
|
|
@@ -4277,22 +4298,22 @@ button._selectTrigger_nwesf_46._error_nwesf_21 {
|
|
|
4277
4298
|
box-shadow: var(--xmlui-boxShadow-Select-error);
|
|
4278
4299
|
color: var(--xmlui-textColor-Select-error);
|
|
4279
4300
|
}
|
|
4280
|
-
button.
|
|
4301
|
+
button._selectTrigger_1ept5_46._error_1ept5_21:hover {
|
|
4281
4302
|
border-color: var(--xmlui-borderColor-Select-error--hover);
|
|
4282
4303
|
background-color: var(--xmlui-backgroundColor-Select-error--hover);
|
|
4283
4304
|
box-shadow: var(--xmlui-boxShadow-Select-error--hover);
|
|
4284
4305
|
color: var(--xmlui-textColor-Select-error--hover);
|
|
4285
4306
|
}
|
|
4286
|
-
button.
|
|
4307
|
+
button._selectTrigger_1ept5_46._error_1ept5_21:focus {
|
|
4287
4308
|
outline-width: var(--xmlui-outlineWidth-Select-error--focus);
|
|
4288
4309
|
outline-color: var(--xmlui-outlineColor-Select-error--focus);
|
|
4289
4310
|
outline-style: var(--xmlui-outlineStyle-Select-error--focus);
|
|
4290
4311
|
outline-offset: var(--xmlui-outlineOffset-Select-error--focus);
|
|
4291
4312
|
}
|
|
4292
|
-
button.
|
|
4313
|
+
button._selectTrigger_1ept5_46._error_1ept5_21::placeholder {
|
|
4293
4314
|
color: var(--xmlui-textColor-placeholder-Select-error);
|
|
4294
4315
|
}
|
|
4295
|
-
button.
|
|
4316
|
+
button._selectTrigger_1ept5_46._warning_1ept5_29 {
|
|
4296
4317
|
border-radius: var(--xmlui-borderRadius-Select-warning);
|
|
4297
4318
|
border-color: var(--xmlui-borderColor-Select-warning);
|
|
4298
4319
|
border-width: var(--xmlui-borderWidth-Select-warning);
|
|
@@ -4302,22 +4323,22 @@ button._selectTrigger_nwesf_46._warning_nwesf_29 {
|
|
|
4302
4323
|
box-shadow: var(--xmlui-boxShadow-Select-warning);
|
|
4303
4324
|
color: var(--xmlui-textColor-Select-warning);
|
|
4304
4325
|
}
|
|
4305
|
-
button.
|
|
4326
|
+
button._selectTrigger_1ept5_46._warning_1ept5_29:hover {
|
|
4306
4327
|
border-color: var(--xmlui-borderColor-Select-warning--hover);
|
|
4307
4328
|
background-color: var(--xmlui-backgroundColor-Select-warning--hover);
|
|
4308
4329
|
box-shadow: var(--xmlui-boxShadow-Select-warning--hover);
|
|
4309
4330
|
color: var(--xmlui-textColor-Select-warning--hover);
|
|
4310
4331
|
}
|
|
4311
|
-
button.
|
|
4332
|
+
button._selectTrigger_1ept5_46._warning_1ept5_29:focus {
|
|
4312
4333
|
outline-width: var(--xmlui-outlineWidth-Select-warning--focus);
|
|
4313
4334
|
outline-color: var(--xmlui-outlineColor-Select-warning--focus);
|
|
4314
4335
|
outline-style: var(--xmlui-outlineStyle-Select-warning--focus);
|
|
4315
4336
|
outline-offset: var(--xmlui-outlineOffset-Select-warning--focus);
|
|
4316
4337
|
}
|
|
4317
|
-
button.
|
|
4338
|
+
button._selectTrigger_1ept5_46._warning_1ept5_29::placeholder {
|
|
4318
4339
|
color: var(--xmlui-textColor-placeholder-Select-warning);
|
|
4319
4340
|
}
|
|
4320
|
-
button.
|
|
4341
|
+
button._selectTrigger_1ept5_46._valid_1ept5_37 {
|
|
4321
4342
|
border-radius: var(--xmlui-borderRadius-Select-success);
|
|
4322
4343
|
border-color: var(--xmlui-borderColor-Select-success);
|
|
4323
4344
|
border-width: var(--xmlui-borderWidth-Select-success);
|
|
@@ -4327,23 +4348,23 @@ button._selectTrigger_nwesf_46._valid_nwesf_37 {
|
|
|
4327
4348
|
box-shadow: var(--xmlui-boxShadow-Select-success);
|
|
4328
4349
|
color: var(--xmlui-textColor-Select-success);
|
|
4329
4350
|
}
|
|
4330
|
-
button.
|
|
4351
|
+
button._selectTrigger_1ept5_46._valid_1ept5_37:hover {
|
|
4331
4352
|
border-color: var(--xmlui-borderColor-Select-success--hover);
|
|
4332
4353
|
background-color: var(--xmlui-backgroundColor-Select-success--hover);
|
|
4333
4354
|
box-shadow: var(--xmlui-boxShadow-Select-success--hover);
|
|
4334
4355
|
color: var(--xmlui-textColor-Select-success--hover);
|
|
4335
4356
|
}
|
|
4336
|
-
button.
|
|
4357
|
+
button._selectTrigger_1ept5_46._valid_1ept5_37:focus {
|
|
4337
4358
|
outline-width: var(--xmlui-outlineWidth-Select-success--focus);
|
|
4338
4359
|
outline-color: var(--xmlui-outlineColor-Select-success--focus);
|
|
4339
4360
|
outline-style: var(--xmlui-outlineStyle-Select-success--focus);
|
|
4340
4361
|
outline-offset: var(--xmlui-outlineOffset-Select-success--focus);
|
|
4341
4362
|
}
|
|
4342
|
-
button.
|
|
4363
|
+
button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
|
|
4343
4364
|
color: var(--xmlui-textColor-placeholder-Select-success);
|
|
4344
4365
|
}
|
|
4345
4366
|
|
|
4346
|
-
.
|
|
4367
|
+
._selectTrigger_1ept5_46:disabled {
|
|
4347
4368
|
cursor: not-allowed;
|
|
4348
4369
|
opacity: var(--xmlui-opacity-Select--disabled);
|
|
4349
4370
|
background-color: var(--xmlui-backgroundColor-Select--disabled);
|
|
@@ -4351,28 +4372,28 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4351
4372
|
border-color: var(--xmlui-borderColor-Select--disabled);
|
|
4352
4373
|
}
|
|
4353
4374
|
|
|
4354
|
-
.
|
|
4375
|
+
._selectTrigger_1ept5_46 > span {
|
|
4355
4376
|
display: -webkit-box;
|
|
4356
4377
|
-webkit-box-orient: vertical;
|
|
4357
4378
|
-webkit-line-clamp: 1;
|
|
4358
4379
|
overflow: hidden;
|
|
4359
4380
|
}
|
|
4360
4381
|
|
|
4361
|
-
.
|
|
4382
|
+
._badgeListContainer_1ept5_170 {
|
|
4362
4383
|
display: flex;
|
|
4363
4384
|
justify-content: space-between;
|
|
4364
4385
|
align-items: center;
|
|
4365
4386
|
width: 100%;
|
|
4366
4387
|
}
|
|
4367
4388
|
|
|
4368
|
-
.
|
|
4389
|
+
._badgeList_1ept5_170 {
|
|
4369
4390
|
gap: 4px;
|
|
4370
4391
|
display: flex;
|
|
4371
4392
|
flex-wrap: wrap;
|
|
4372
4393
|
align-items: center;
|
|
4373
4394
|
}
|
|
4374
4395
|
|
|
4375
|
-
.
|
|
4396
|
+
._badge_1ept5_170 {
|
|
4376
4397
|
width: fit-content;
|
|
4377
4398
|
height: fit-content;
|
|
4378
4399
|
min-width: 0;
|
|
@@ -4389,27 +4410,27 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4389
4410
|
background-color: var(--xmlui-backgroundColor-Select-badge);
|
|
4390
4411
|
color: var(--xmlui-textColor-Select-badge);
|
|
4391
4412
|
}
|
|
4392
|
-
.
|
|
4413
|
+
._badge_1ept5_170:hover {
|
|
4393
4414
|
background-color: var(--xmlui-backgroundColor-Select-badge--hover);
|
|
4394
4415
|
color: var(--xmlui-textColor-Select-badge--hover);
|
|
4395
4416
|
}
|
|
4396
|
-
.
|
|
4417
|
+
._badge_1ept5_170:active {
|
|
4397
4418
|
background-color: var(--xmlui-backgroundColor-Select-badge--active);
|
|
4398
4419
|
color: var(--xmlui-textColor-Select-badge--active);
|
|
4399
4420
|
}
|
|
4400
4421
|
|
|
4401
|
-
.
|
|
4422
|
+
._actions_1ept5_210 {
|
|
4402
4423
|
display: flex;
|
|
4403
4424
|
align-items: center;
|
|
4404
4425
|
justify-content: space-between;
|
|
4405
4426
|
}
|
|
4406
4427
|
|
|
4407
|
-
.
|
|
4428
|
+
._placeholder_1ept5_216 {
|
|
4408
4429
|
display: block;
|
|
4409
4430
|
color: var(--xmlui-textColor-placeholder-Select);
|
|
4410
4431
|
}
|
|
4411
4432
|
|
|
4412
|
-
.
|
|
4433
|
+
._emptyList_1ept5_221 {
|
|
4413
4434
|
display: flex;
|
|
4414
4435
|
gap: 0.2rem;
|
|
4415
4436
|
padding: 10px 0;
|
|
@@ -4419,7 +4440,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4419
4440
|
width: 100%;
|
|
4420
4441
|
}
|
|
4421
4442
|
|
|
4422
|
-
.
|
|
4443
|
+
._selectScrollUpButton_1ept5_231 {
|
|
4423
4444
|
display: flex;
|
|
4424
4445
|
cursor: default;
|
|
4425
4446
|
align-items: center;
|
|
@@ -4428,7 +4449,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4428
4449
|
padding-bottom: 0.25rem;
|
|
4429
4450
|
}
|
|
4430
4451
|
|
|
4431
|
-
.
|
|
4452
|
+
._selectScrollDownButton_1ept5_240 {
|
|
4432
4453
|
display: flex;
|
|
4433
4454
|
cursor: default;
|
|
4434
4455
|
align-items: center;
|
|
@@ -4437,7 +4458,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4437
4458
|
padding-bottom: 0.25rem;
|
|
4438
4459
|
}
|
|
4439
4460
|
|
|
4440
|
-
.
|
|
4461
|
+
._command_1ept5_249 {
|
|
4441
4462
|
display: flex;
|
|
4442
4463
|
flex-direction: column;
|
|
4443
4464
|
height: 100%;
|
|
@@ -4447,14 +4468,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4447
4468
|
background-color: var(--xmlui-backgroundColor-menu-Select);
|
|
4448
4469
|
}
|
|
4449
4470
|
|
|
4450
|
-
.
|
|
4471
|
+
._commandInputContainer_1ept5_259 {
|
|
4451
4472
|
display: flex;
|
|
4452
4473
|
align-items: center;
|
|
4453
4474
|
padding: 0 12px;
|
|
4454
4475
|
border-bottom: 1px solid var(--xmlui-borderColor);
|
|
4455
4476
|
}
|
|
4456
4477
|
|
|
4457
|
-
.
|
|
4478
|
+
._commandInput_1ept5_259 {
|
|
4458
4479
|
flex: 1;
|
|
4459
4480
|
background-color: transparent;
|
|
4460
4481
|
padding: 0.5rem;
|
|
@@ -4462,22 +4483,22 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4462
4483
|
outline: none;
|
|
4463
4484
|
border: none;
|
|
4464
4485
|
}
|
|
4465
|
-
.
|
|
4486
|
+
._commandInput_1ept5_259:focus {
|
|
4466
4487
|
outline: none;
|
|
4467
4488
|
box-shadow: none;
|
|
4468
4489
|
border: 0;
|
|
4469
4490
|
}
|
|
4470
|
-
.
|
|
4491
|
+
._commandInput_1ept5_259:disabled {
|
|
4471
4492
|
cursor: not-allowed;
|
|
4472
4493
|
opacity: var(--xmlui-opacity-Select--disabled);
|
|
4473
4494
|
}
|
|
4474
4495
|
|
|
4475
|
-
.
|
|
4496
|
+
._commandList_1ept5_284 {
|
|
4476
4497
|
overflow-y: auto;
|
|
4477
4498
|
overflow-x: hidden;
|
|
4478
4499
|
}
|
|
4479
4500
|
|
|
4480
|
-
.
|
|
4501
|
+
._selectContent_1ept5_289 {
|
|
4481
4502
|
position: relative;
|
|
4482
4503
|
z-index: 50;
|
|
4483
4504
|
overflow: auto;
|
|
@@ -4486,38 +4507,38 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4486
4507
|
box-shadow: var(--xmlui-boxShadow-menu-Select);
|
|
4487
4508
|
border: var(--xmlui-borderWidth-menu-Select) solid var(--xmlui-borderColor-menu-Select);
|
|
4488
4509
|
}
|
|
4489
|
-
.
|
|
4490
|
-
animation:
|
|
4510
|
+
._selectContent_1ept5_289[data-state=open] {
|
|
4511
|
+
animation: _fadeIn_1ept5_1 0.3s ease-in-out, _zoomIn_1ept5_1 0.3s ease-in-out;
|
|
4491
4512
|
}
|
|
4492
|
-
.
|
|
4493
|
-
animation:
|
|
4513
|
+
._selectContent_1ept5_289[data-state=closed] {
|
|
4514
|
+
animation: _fadeOut_1ept5_1 0.3s ease-in-out, _zoomOut_1ept5_1 0.3s ease-in-out;
|
|
4494
4515
|
}
|
|
4495
|
-
.
|
|
4496
|
-
animation:
|
|
4516
|
+
._selectContent_1ept5_289[data-side=bottom] {
|
|
4517
|
+
animation: _slideInFromTop_1ept5_1 0.08s ease-in-out;
|
|
4497
4518
|
}
|
|
4498
|
-
.
|
|
4499
|
-
animation:
|
|
4519
|
+
._selectContent_1ept5_289[data-side=left] {
|
|
4520
|
+
animation: _slideInFromRight_1ept5_1 0.3s ease-in-out;
|
|
4500
4521
|
}
|
|
4501
|
-
.
|
|
4502
|
-
animation:
|
|
4522
|
+
._selectContent_1ept5_289[data-side=right] {
|
|
4523
|
+
animation: _slideInFromLeft_1ept5_1 0.3s ease-in-out;
|
|
4503
4524
|
}
|
|
4504
|
-
.
|
|
4505
|
-
animation:
|
|
4525
|
+
._selectContent_1ept5_289[data-side=top] {
|
|
4526
|
+
animation: _slideInFromBottom_1ept5_1 0.3s ease-in-out;
|
|
4506
4527
|
}
|
|
4507
|
-
.
|
|
4528
|
+
._selectContent_1ept5_289[data-side=bottom] {
|
|
4508
4529
|
transform: translateY(0.25rem);
|
|
4509
4530
|
}
|
|
4510
|
-
.
|
|
4531
|
+
._selectContent_1ept5_289[data-side=left] {
|
|
4511
4532
|
transform: translateX(-0.25rem);
|
|
4512
4533
|
}
|
|
4513
|
-
.
|
|
4534
|
+
._selectContent_1ept5_289[data-side=right] {
|
|
4514
4535
|
transform: translateX(0.25rem);
|
|
4515
4536
|
}
|
|
4516
|
-
.
|
|
4537
|
+
._selectContent_1ept5_289[data-side=top] {
|
|
4517
4538
|
transform: translateY(-0.25rem);
|
|
4518
4539
|
}
|
|
4519
4540
|
|
|
4520
|
-
.
|
|
4541
|
+
._multiComboboxOption_1ept5_329 ._multiComboboxOptionContent_1ept5_329 {
|
|
4521
4542
|
width: 100%;
|
|
4522
4543
|
gap: 1rem;
|
|
4523
4544
|
display: flex;
|
|
@@ -4532,17 +4553,17 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4532
4553
|
padding-top: var(--xmlui-paddingTop-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
|
|
4533
4554
|
padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
|
|
4534
4555
|
}
|
|
4535
|
-
.
|
|
4556
|
+
._multiComboboxOption_1ept5_329[data-selected=true] {
|
|
4536
4557
|
background-color: var(--xmlui-backgroundColor-item-Select--hover);
|
|
4537
4558
|
}
|
|
4538
|
-
.
|
|
4559
|
+
._multiComboboxOption_1ept5_329[data-disabled=true] {
|
|
4539
4560
|
pointer-events: none;
|
|
4540
4561
|
opacity: var(--xmlui-opacity-text-item-Select--disabled);
|
|
4541
4562
|
cursor: not-allowed;
|
|
4542
4563
|
font-style: italic;
|
|
4543
4564
|
}
|
|
4544
4565
|
|
|
4545
|
-
.
|
|
4566
|
+
._selectItem_1ept5_354 {
|
|
4546
4567
|
position: relative;
|
|
4547
4568
|
display: flex;
|
|
4548
4569
|
cursor: default;
|
|
@@ -4551,15 +4572,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4551
4572
|
outline: none;
|
|
4552
4573
|
font-size: var(--xmlui-fontSize-Select);
|
|
4553
4574
|
}
|
|
4554
|
-
.
|
|
4575
|
+
._selectItem_1ept5_354[data-highlighted] {
|
|
4555
4576
|
background-color: var(--xmlui-backgroundColor-item-Select--hover);
|
|
4556
4577
|
}
|
|
4557
|
-
.
|
|
4578
|
+
._selectItem_1ept5_354[data-state=checked] {
|
|
4558
4579
|
background-color: var(--xmlui-backgroundColor-item-Select--active);
|
|
4559
4580
|
}
|
|
4560
|
-
.
|
|
4581
|
+
._selectItem_1ept5_354 ._selectItemContent_1ept5_369 {
|
|
4561
4582
|
width: 100%;
|
|
4562
|
-
height: 100%;
|
|
4563
4583
|
display: flex;
|
|
4564
4584
|
cursor: default;
|
|
4565
4585
|
user-select: none;
|
|
@@ -4572,14 +4592,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4572
4592
|
padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
|
|
4573
4593
|
}
|
|
4574
4594
|
|
|
4575
|
-
.
|
|
4595
|
+
._selectItem_1ept5_354[data-disabled] {
|
|
4576
4596
|
pointer-events: none;
|
|
4577
4597
|
opacity: var(--xmlui-opacity-text-item-Select--disabled);
|
|
4578
4598
|
cursor: not-allowed;
|
|
4579
4599
|
font-style: italic;
|
|
4580
4600
|
}
|
|
4581
4601
|
|
|
4582
|
-
.
|
|
4602
|
+
._selectItemIndicator_1ept5_390 {
|
|
4583
4603
|
position: absolute;
|
|
4584
4604
|
right: 0.5rem;
|
|
4585
4605
|
display: flex;
|
|
@@ -4590,13 +4610,13 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4590
4610
|
color: var(--xmlui-textColor-indicator-Select);
|
|
4591
4611
|
}
|
|
4592
4612
|
|
|
4593
|
-
.
|
|
4613
|
+
._selectViewport_1ept5_401 {
|
|
4594
4614
|
height: var(--radix-select-trigger-height);
|
|
4595
4615
|
width: 100%;
|
|
4596
4616
|
min-width: var(--radix-select-trigger-width);
|
|
4597
4617
|
}
|
|
4598
4618
|
|
|
4599
|
-
.
|
|
4619
|
+
._selectEmpty_1ept5_407 {
|
|
4600
4620
|
display: flex;
|
|
4601
4621
|
gap: 0.2rem;
|
|
4602
4622
|
height: 100%;
|
|
@@ -4607,11 +4627,11 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4607
4627
|
width: 100%;
|
|
4608
4628
|
}
|
|
4609
4629
|
|
|
4610
|
-
.
|
|
4630
|
+
._loading_1ept5_418 {
|
|
4611
4631
|
padding: 0.5rem 1rem;
|
|
4612
4632
|
}
|
|
4613
4633
|
|
|
4614
|
-
.
|
|
4634
|
+
._srOnly_1ept5_422 {
|
|
4615
4635
|
position: absolute;
|
|
4616
4636
|
width: 1px;
|
|
4617
4637
|
height: 1px;
|
|
@@ -4623,7 +4643,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4623
4643
|
border: 0;
|
|
4624
4644
|
}
|
|
4625
4645
|
|
|
4626
|
-
@keyframes
|
|
4646
|
+
@keyframes _fadeIn_1ept5_1 {
|
|
4627
4647
|
from {
|
|
4628
4648
|
opacity: 0;
|
|
4629
4649
|
}
|
|
@@ -4631,7 +4651,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4631
4651
|
opacity: 1;
|
|
4632
4652
|
}
|
|
4633
4653
|
}
|
|
4634
|
-
@keyframes
|
|
4654
|
+
@keyframes _fadeOut_1ept5_1 {
|
|
4635
4655
|
from {
|
|
4636
4656
|
opacity: 1;
|
|
4637
4657
|
}
|
|
@@ -4639,7 +4659,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4639
4659
|
opacity: 0;
|
|
4640
4660
|
}
|
|
4641
4661
|
}
|
|
4642
|
-
@keyframes
|
|
4662
|
+
@keyframes _zoomIn_1ept5_1 {
|
|
4643
4663
|
from {
|
|
4644
4664
|
transform: scale(0.95);
|
|
4645
4665
|
}
|
|
@@ -4647,7 +4667,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4647
4667
|
transform: scale(1);
|
|
4648
4668
|
}
|
|
4649
4669
|
}
|
|
4650
|
-
@keyframes
|
|
4670
|
+
@keyframes _zoomOut_1ept5_1 {
|
|
4651
4671
|
from {
|
|
4652
4672
|
transform: scale(1);
|
|
4653
4673
|
}
|
|
@@ -4655,7 +4675,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4655
4675
|
transform: scale(0.95);
|
|
4656
4676
|
}
|
|
4657
4677
|
}
|
|
4658
|
-
@keyframes
|
|
4678
|
+
@keyframes _slideInFromTop_1ept5_1 {
|
|
4659
4679
|
from {
|
|
4660
4680
|
transform: translateY(-0.75rem);
|
|
4661
4681
|
}
|
|
@@ -4663,7 +4683,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4663
4683
|
transform: translateY(0);
|
|
4664
4684
|
}
|
|
4665
4685
|
}
|
|
4666
|
-
@keyframes
|
|
4686
|
+
@keyframes _slideInFromBottom_1ept5_1 {
|
|
4667
4687
|
from {
|
|
4668
4688
|
transform: translateY(0.75rem);
|
|
4669
4689
|
}
|
|
@@ -4671,7 +4691,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4671
4691
|
transform: translateY(0);
|
|
4672
4692
|
}
|
|
4673
4693
|
}
|
|
4674
|
-
@keyframes
|
|
4694
|
+
@keyframes _slideInFromLeft_1ept5_1 {
|
|
4675
4695
|
from {
|
|
4676
4696
|
transform: translateX(-100%);
|
|
4677
4697
|
}
|
|
@@ -4679,7 +4699,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
4679
4699
|
transform: translateX(0);
|
|
4680
4700
|
}
|
|
4681
4701
|
}
|
|
4682
|
-
@keyframes
|
|
4702
|
+
@keyframes _slideInFromRight_1ept5_1 {
|
|
4683
4703
|
from {
|
|
4684
4704
|
transform: translateX(100%);
|
|
4685
4705
|
}
|
|
@@ -5549,7 +5569,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
5549
5569
|
* This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
|
|
5550
5570
|
Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
|
|
5551
5571
|
*/
|
|
5552
|
-
.
|
|
5572
|
+
._markdownContent_1anzp_13 ._blockquote_1anzp_13 {
|
|
5553
5573
|
position: relative;
|
|
5554
5574
|
margin-top: var(--xmlui-marginTop-Blockquote);
|
|
5555
5575
|
margin-bottom: var(--xmlui-marginBottom-Blockquote);
|
|
@@ -5557,7 +5577,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
5557
5577
|
border-radius: var(--xmlui-borderRadius-Blockquote);
|
|
5558
5578
|
padding-left: var(--xmlui-paddingLeft-Blockquote);
|
|
5559
5579
|
}
|
|
5560
|
-
.
|
|
5580
|
+
._markdownContent_1anzp_13 ._blockquote_1anzp_13::before {
|
|
5561
5581
|
background-color: var(--xmlui-accentColor-Blockquote);
|
|
5562
5582
|
position: absolute;
|
|
5563
5583
|
top: 0;
|
|
@@ -5567,39 +5587,50 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
|
|
|
5567
5587
|
height: 100%;
|
|
5568
5588
|
width: var(--xmlui-accentWidth-Blockquote);
|
|
5569
5589
|
}
|
|
5570
|
-
.
|
|
5590
|
+
._markdownContent_1anzp_13 ._blockquoteContainer_1anzp_31 {
|
|
5571
5591
|
padding: 0.5rem;
|
|
5572
5592
|
}
|
|
5573
|
-
.
|
|
5593
|
+
._markdownContent_1anzp_13 ._admonitionBlockquote_1anzp_34 {
|
|
5574
5594
|
margin-top: var(--xmlui-marginTop-Admonition);
|
|
5575
5595
|
margin-bottom: var(--xmlui-marginBottom-Admonition);
|
|
5576
5596
|
background-color: var(--xmlui-backgroundColor-Admonition);
|
|
5577
5597
|
border-radius: var(--xmlui-borderRadius-Admonition);
|
|
5578
5598
|
}
|
|
5579
|
-
.
|
|
5599
|
+
._markdownContent_1anzp_13 ._admonitionContainer_1anzp_40 {
|
|
5580
5600
|
padding: 0.5rem;
|
|
5581
5601
|
display: flex;
|
|
5582
5602
|
align-items: flex-start;
|
|
5583
5603
|
}
|
|
5584
|
-
.
|
|
5604
|
+
._markdownContent_1anzp_13 ._admonitionContent_1anzp_45 {
|
|
5585
5605
|
margin-left: var(--xmlui-marginLeft-Admonition-content);
|
|
5586
5606
|
}
|
|
5587
|
-
.
|
|
5607
|
+
._markdownContent_1anzp_13 ._admonitionIcon_1anzp_48 {
|
|
5588
5608
|
font-size: var(--xmlui-iconSize-Admonition);
|
|
5589
5609
|
line-height: 1;
|
|
5590
5610
|
}
|
|
5591
|
-
.
|
|
5611
|
+
._markdownContent_1anzp_13 ._admonitionContent_1anzp_45 {
|
|
5592
5612
|
flex: 1;
|
|
5593
5613
|
min-width: 0;
|
|
5594
5614
|
}
|
|
5595
|
-
.
|
|
5615
|
+
._markdownContent_1anzp_13 ._admonitionBlockquote_1anzp_34 ._admonitionContent_1anzp_45 [class*=text_][class*=markdown_] {
|
|
5596
5616
|
margin-top: 0;
|
|
5597
5617
|
margin-bottom: 0;
|
|
5598
5618
|
}
|
|
5599
|
-
.
|
|
5619
|
+
._markdownContent_1anzp_13 li:has(> input[type=checkbox]),
|
|
5620
|
+
._markdownContent_1anzp_13 li:has(> input[type=checkbox]) {
|
|
5621
|
+
display: flex;
|
|
5622
|
+
align-items: flex-start;
|
|
5623
|
+
}
|
|
5624
|
+
._markdownContent_1anzp_13 li:has(> input[type=checkbox]) > input[type=checkbox],
|
|
5625
|
+
._markdownContent_1anzp_13 li:has(> input[type=checkbox]) > input[type=checkbox] {
|
|
5626
|
+
margin-right: 8px;
|
|
5627
|
+
margin-top: 4px;
|
|
5628
|
+
flex-shrink: 0;
|
|
5629
|
+
}
|
|
5630
|
+
._markdownContent_1anzp_13 > *:first-child {
|
|
5600
5631
|
margin-top: 0;
|
|
5601
5632
|
}
|
|
5602
|
-
.
|
|
5633
|
+
._markdownContent_1anzp_13 > *:last-child {
|
|
5603
5634
|
margin-bottom: 0;
|
|
5604
5635
|
}
|
|
5605
5636
|
|
|
@@ -5648,7 +5679,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
|
|
|
5648
5679
|
* This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
|
|
5649
5680
|
Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
|
|
5650
5681
|
*/
|
|
5651
|
-
.
|
|
5682
|
+
._htmlTable_ei3dh_13 {
|
|
5652
5683
|
background-color: var(--xmlui-backgroundColor-HtmlTable);
|
|
5653
5684
|
color: var(--xmlui-textColor-HtmlTable);
|
|
5654
5685
|
font-family: var(--xmlui-fontFamily-HtmlTable);
|
|
@@ -5684,7 +5715,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
|
|
|
5684
5715
|
padding-bottom: var(--xmlui-paddingBottom-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)));
|
|
5685
5716
|
}
|
|
5686
5717
|
|
|
5687
|
-
.
|
|
5718
|
+
._htmlThead_ei3dh_49 {
|
|
5688
5719
|
background-color: var(--xmlui-backgroundColor-HtmlThead);
|
|
5689
5720
|
color: var(--xmlui-textColor-HtmlThead);
|
|
5690
5721
|
font-weight: var(--xmlui-fontWeight-HtmlThead);
|
|
@@ -5717,7 +5748,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
|
|
|
5717
5748
|
padding-bottom: var(--xmlui-paddingBottom-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)));
|
|
5718
5749
|
}
|
|
5719
5750
|
|
|
5720
|
-
.
|
|
5751
|
+
._htmlTbody_ei3dh_82 {
|
|
5721
5752
|
background-color: var(--xmlui-backgroundColor-HtmlTbody);
|
|
5722
5753
|
color: var(--xmlui-textColor-HtmlTbody);
|
|
5723
5754
|
text-align: var(--xmlui-textAlign-HtmlTbody);
|
|
@@ -5725,12 +5756,12 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
|
|
|
5725
5756
|
text-transform: var(--xmlui-textTransform-HtmlTbody);
|
|
5726
5757
|
}
|
|
5727
5758
|
|
|
5728
|
-
.
|
|
5759
|
+
._htmlTfoot_ei3dh_90 {
|
|
5729
5760
|
background-color: var(--xmlui-backgroundColor-HtmlTfoot);
|
|
5730
5761
|
color: var(--xmlui-textColor-HtmlTfoot);
|
|
5731
5762
|
}
|
|
5732
5763
|
|
|
5733
|
-
.
|
|
5764
|
+
._htmlTh_ei3dh_49 {
|
|
5734
5765
|
background-color: var(--xmlui-backgroundColor-HtmlTh);
|
|
5735
5766
|
color: var(--xmlui-textColor-HtmlTh);
|
|
5736
5767
|
font-weight: var(--xmlui-fontWeight-HtmlTh);
|
|
@@ -5761,11 +5792,11 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
|
|
|
5761
5792
|
padding-top: var(--xmlui-paddingTop-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)));
|
|
5762
5793
|
padding-bottom: var(--xmlui-paddingBottom-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)));
|
|
5763
5794
|
}
|
|
5764
|
-
.
|
|
5795
|
+
._htmlTh_ei3dh_49:hover {
|
|
5765
5796
|
background-color: var(--xmlui-backgroundColor-HtmlTh--hover);
|
|
5766
5797
|
}
|
|
5767
5798
|
|
|
5768
|
-
.
|
|
5799
|
+
._htmlTr_ei3dh_130 {
|
|
5769
5800
|
background-color: var(--xmlui-backgroundColor-HtmlTr);
|
|
5770
5801
|
color: var(--xmlui-textColor-HtmlTr);
|
|
5771
5802
|
font-weight: var(--xmlui-fontWeight-HtmlTr);
|
|
@@ -5791,18 +5822,18 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
|
|
|
5791
5822
|
border-end-start-radius: var(--xmlui-borderEndStartRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr));
|
|
5792
5823
|
border-end-end-radius: var(--xmlui-borderEndEndRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr));
|
|
5793
5824
|
}
|
|
5794
|
-
.
|
|
5825
|
+
._htmlTr_ei3dh_130:nth-child(even) {
|
|
5795
5826
|
background-color: var(--xmlui-backgroundColor-even-HtmlTr);
|
|
5796
5827
|
}
|
|
5797
|
-
.
|
|
5828
|
+
._htmlTr_ei3dh_130:hover {
|
|
5798
5829
|
background-color: var(--xmlui-backgroundColor-HtmlTr--hover);
|
|
5799
5830
|
color: var(--xmlui-textColor-HtmlTr--hover);
|
|
5800
5831
|
}
|
|
5801
|
-
.
|
|
5832
|
+
._htmlTr_ei3dh_130:hover:not(:has(:not(th))) {
|
|
5802
5833
|
background-color: initial;
|
|
5803
5834
|
}
|
|
5804
5835
|
|
|
5805
|
-
.
|
|
5836
|
+
._htmlTd_ei3dh_167 {
|
|
5806
5837
|
background-color: var(--xmlui-backgroundColor-HtmlTd);
|
|
5807
5838
|
text-align: var(--xmlui-text-align-HtmlTd);
|
|
5808
5839
|
vertical-align: var(--xmlui-verticalAlign-HtmlTd);
|
|
@@ -5835,50 +5866,45 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
|
|
|
5835
5866
|
padding-bottom: var(--xmlui-paddingBottom-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)));
|
|
5836
5867
|
}
|
|
5837
5868
|
|
|
5838
|
-
.
|
|
5869
|
+
._htmlUl_ei3dh_200 {
|
|
5839
5870
|
margin-top: var(--xmlui-marginTop-HtmlUl);
|
|
5840
5871
|
margin-bottom: var(--xmlui-marginBottom-HtmlUl);
|
|
5841
5872
|
}
|
|
5842
5873
|
|
|
5843
|
-
.
|
|
5874
|
+
._htmlOl_ei3dh_205 {
|
|
5844
5875
|
margin-top: var(--xmlui-marginTop-HtmlOl);
|
|
5845
5876
|
margin-bottom: var(--xmlui-marginBottom-HtmlOl);
|
|
5846
5877
|
}
|
|
5847
5878
|
|
|
5848
|
-
|
|
5849
|
-
|
|
5850
|
-
margin-
|
|
5851
|
-
margin-bottom: 0;
|
|
5879
|
+
._htmlLi_ei3dh_210 {
|
|
5880
|
+
margin-top: var(--xmlui-marginTop-HtmlLi);
|
|
5881
|
+
margin-bottom: var(--xmlui-marginBottom-HtmlLi);
|
|
5852
5882
|
}
|
|
5853
5883
|
|
|
5854
|
-
|
|
5855
|
-
|
|
5856
|
-
|
|
5857
|
-
|
|
5858
|
-
|
|
5859
|
-
|
|
5860
|
-
._htmlOl_1wzn5_205 li:has(> input[type=checkbox]) > input[type=checkbox] {
|
|
5861
|
-
margin-right: 8px;
|
|
5862
|
-
margin-top: 4px;
|
|
5863
|
-
flex-shrink: 0;
|
|
5884
|
+
/*
|
|
5885
|
+
// Compress when nested
|
|
5886
|
+
li .htmlUl,
|
|
5887
|
+
li .htmlOl {
|
|
5888
|
+
margin-top: 0;
|
|
5889
|
+
margin-bottom: 0;
|
|
5864
5890
|
}
|
|
5865
|
-
|
|
5866
|
-
.
|
|
5891
|
+
*/
|
|
5892
|
+
._htmlH1_ei3dh_223, ._htmlH2_ei3dh_223, ._htmlH3_ei3dh_223, ._htmlH4_ei3dh_223, ._htmlH5_ei3dh_223, ._htmlH6_ei3dh_223 {
|
|
5867
5893
|
margin-top: var(--xmlui-marginTop-HtmlHeading);
|
|
5868
5894
|
margin-bottom: var(--xmlui-marginBottom-HtmlHeading);
|
|
5869
5895
|
}
|
|
5870
5896
|
|
|
5871
|
-
.
|
|
5897
|
+
._htmlVideo_ei3dh_228 {
|
|
5872
5898
|
margin-top: var(--xmlui-marginTop-HtmlVideo);
|
|
5873
5899
|
margin-bottom: var(--xmlui-marginBottom-HtmlVideo);
|
|
5874
5900
|
}
|
|
5875
5901
|
|
|
5876
|
-
.
|
|
5902
|
+
._htmlDetails_ei3dh_233 {
|
|
5877
5903
|
margin-top: var(--xmlui-marginTop-HtmlDetails);
|
|
5878
5904
|
margin-bottom: var(--xmlui-marginBottom-HtmlDetails);
|
|
5879
5905
|
}
|
|
5880
5906
|
|
|
5881
|
-
.
|
|
5907
|
+
._htmlDetails_ei3dh_233 {
|
|
5882
5908
|
margin-top: var(--xmlui-marginTop-HtmlDetails);
|
|
5883
5909
|
margin-bottom: var(--xmlui-marginBottom-HtmlDetails);
|
|
5884
5910
|
}/*
|
|
@@ -6268,23 +6294,23 @@ li ._htmlOl_1wzn5_205 {
|
|
|
6268
6294
|
* This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
|
|
6269
6295
|
Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
|
|
6270
6296
|
*/
|
|
6271
|
-
.
|
|
6297
|
+
._wrapper_1wbg1_13 {
|
|
6272
6298
|
width: 100%;
|
|
6273
6299
|
outline: none;
|
|
6274
6300
|
overflow: auto;
|
|
6275
6301
|
isolation: isolate;
|
|
6276
6302
|
}
|
|
6277
|
-
.
|
|
6303
|
+
._wrapper_1wbg1_13._noScroll_1wbg1_19 {
|
|
6278
6304
|
overflow-y: initial;
|
|
6279
6305
|
}
|
|
6280
6306
|
|
|
6281
|
-
.
|
|
6307
|
+
._headerWrapper_1wbg1_23, ._tableBody_1wbg1_23 {
|
|
6282
6308
|
display: inline-block;
|
|
6283
6309
|
min-width: 100%;
|
|
6284
6310
|
background-color: var(--xmlui-backgroundColor-Table);
|
|
6285
6311
|
}
|
|
6286
6312
|
|
|
6287
|
-
.
|
|
6313
|
+
._clickableHeader_1wbg1_29 {
|
|
6288
6314
|
width: 100%;
|
|
6289
6315
|
height: 100%;
|
|
6290
6316
|
color: var(--xmlui-textColor-heading-Table);
|
|
@@ -6298,23 +6324,23 @@ li ._htmlOl_1wzn5_205 {
|
|
|
6298
6324
|
padding-top: var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
|
|
6299
6325
|
padding-bottom: var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
|
|
6300
6326
|
}
|
|
6301
|
-
.
|
|
6327
|
+
._clickableHeader_1wbg1_29 ._headerContent_1wbg1_43 {
|
|
6302
6328
|
padding: 0;
|
|
6303
6329
|
}
|
|
6304
|
-
.
|
|
6330
|
+
._clickableHeader_1wbg1_29:not([disabled]):hover {
|
|
6305
6331
|
background-color: var(--xmlui-backgroundColor-heading-Table--hover);
|
|
6306
6332
|
}
|
|
6307
|
-
.
|
|
6333
|
+
._clickableHeader_1wbg1_29:not([disabled]):active {
|
|
6308
6334
|
background-color: var(--xmlui-backgroundColor-heading-Table--active);
|
|
6309
6335
|
}
|
|
6310
|
-
.
|
|
6336
|
+
._clickableHeader_1wbg1_29:not([disabled]):focus-visible {
|
|
6311
6337
|
outline-width: var(--xmlui-outlineWidth-heading-Table--focus);
|
|
6312
6338
|
outline-color: var(--xmlui-outlineColor-heading-Table--focus);
|
|
6313
6339
|
outline-style: var(--xmlui-outlineStyle-heading-Table--focus);
|
|
6314
6340
|
outline-offset: var(--xmlui-outlineOffset-heading-Table--focus);
|
|
6315
6341
|
}
|
|
6316
6342
|
|
|
6317
|
-
.
|
|
6343
|
+
._headerContent_1wbg1_43 {
|
|
6318
6344
|
display: flex;
|
|
6319
6345
|
flex-direction: row;
|
|
6320
6346
|
gap: 0.5rem;
|
|
@@ -6331,12 +6357,12 @@ li ._htmlOl_1wzn5_205 {
|
|
|
6331
6357
|
padding-bottom: var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
|
|
6332
6358
|
}
|
|
6333
6359
|
|
|
6334
|
-
.
|
|
6360
|
+
._headerRow_1wbg1_76 {
|
|
6335
6361
|
height: 100%;
|
|
6336
6362
|
background-color: var(--xmlui-backgroundColor-heading-Table);
|
|
6337
6363
|
}
|
|
6338
6364
|
|
|
6339
|
-
.
|
|
6365
|
+
._columnCell_1wbg1_81, ._cell_1wbg1_81 {
|
|
6340
6366
|
display: flex;
|
|
6341
6367
|
align-items: center;
|
|
6342
6368
|
white-space: nowrap;
|
|
@@ -6344,87 +6370,90 @@ li ._htmlOl_1wzn5_205 {
|
|
|
6344
6370
|
user-select: text;
|
|
6345
6371
|
}
|
|
6346
6372
|
|
|
6347
|
-
.
|
|
6373
|
+
._table_1wbg1_23 {
|
|
6348
6374
|
display: block;
|
|
6349
6375
|
color: var(--xmlui-textColor-Table);
|
|
6350
6376
|
}
|
|
6351
|
-
.
|
|
6377
|
+
._table_1wbg1_23 ._row_1wbg1_93, ._table_1wbg1_23 ._headerRow_1wbg1_76 {
|
|
6352
6378
|
display: flex;
|
|
6353
6379
|
flex-direction: row;
|
|
6354
6380
|
border-bottom: var(--xmlui-borderBottom-cell-Table);
|
|
6355
6381
|
user-select: none;
|
|
6356
6382
|
}
|
|
6357
|
-
.
|
|
6383
|
+
._table_1wbg1_23 ._row_1wbg1_93 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._checkBoxWrapper_1wbg1_99 {
|
|
6358
6384
|
font-size: 1rem;
|
|
6359
6385
|
visibility: hidden;
|
|
6360
6386
|
}
|
|
6361
|
-
.
|
|
6387
|
+
._table_1wbg1_23 ._row_1wbg1_93 ._checkBoxWrapper_1wbg1_99._showInHeader_1wbg1_103, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._checkBoxWrapper_1wbg1_99._showInHeader_1wbg1_103 {
|
|
6362
6388
|
visibility: visible;
|
|
6363
6389
|
}
|
|
6364
|
-
.
|
|
6390
|
+
._table_1wbg1_23 ._row_1wbg1_93:hover ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93:focus-within ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93._allSelected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76:hover ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76._selected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76:focus-within ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76._allSelected_1wbg1_106 ._checkBoxWrapper_1wbg1_99 {
|
|
6365
6391
|
visibility: visible;
|
|
6366
6392
|
}
|
|
6367
|
-
.
|
|
6393
|
+
._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child ._headerContent_1wbg1_43 {
|
|
6368
6394
|
padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
|
|
6369
6395
|
}
|
|
6370
|
-
.
|
|
6396
|
+
._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child > button, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child > button {
|
|
6371
6397
|
padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
|
|
6372
6398
|
}
|
|
6373
|
-
.
|
|
6399
|
+
._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child > button ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child > button ._headerContent_1wbg1_43 {
|
|
6374
6400
|
padding-left: 0;
|
|
6375
6401
|
}
|
|
6376
|
-
.
|
|
6402
|
+
._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child ._headerContent_1wbg1_43 {
|
|
6377
6403
|
padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
|
|
6378
6404
|
}
|
|
6379
|
-
.
|
|
6405
|
+
._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child > button, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child > button {
|
|
6380
6406
|
padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
|
|
6381
6407
|
}
|
|
6382
|
-
.
|
|
6408
|
+
._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child > button ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child > button ._headerContent_1wbg1_43 {
|
|
6383
6409
|
padding-right: 0;
|
|
6384
6410
|
}
|
|
6385
|
-
.
|
|
6411
|
+
._table_1wbg1_23 ._row_1wbg1_93 ._cell_1wbg1_81:first-child, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._cell_1wbg1_81:first-child {
|
|
6386
6412
|
padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
|
|
6387
6413
|
border-left: 0;
|
|
6388
6414
|
}
|
|
6389
|
-
.
|
|
6415
|
+
._table_1wbg1_23 ._row_1wbg1_93 ._cell_1wbg1_81:last-child, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._cell_1wbg1_81:last-child {
|
|
6390
6416
|
padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
|
|
6391
6417
|
border-right: 0;
|
|
6392
6418
|
}
|
|
6393
|
-
.
|
|
6419
|
+
._table_1wbg1_23 ._row_1wbg1_93 {
|
|
6394
6420
|
font-size: var(--xmlui-fontSize-row-Table);
|
|
6395
6421
|
font-weight: var(--xmlui-fontWeight-row-Table);
|
|
6396
6422
|
background-color: var(--xmlui-backgroundColor-row-Table);
|
|
6397
6423
|
}
|
|
6398
|
-
.
|
|
6424
|
+
._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 {
|
|
6399
6425
|
background-color: var(--xmlui-backgroundColor-selected-Table);
|
|
6400
6426
|
}
|
|
6401
|
-
.
|
|
6427
|
+
._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 ._cell_1wbg1_81 {
|
|
6402
6428
|
background-color: var(--xmlui-backgroundColor-selected-Table);
|
|
6403
6429
|
}
|
|
6404
|
-
.
|
|
6430
|
+
._table_1wbg1_23 ._row_1wbg1_93:hover {
|
|
6405
6431
|
background-color: var(--xmlui-backgroundColor-row-Table--hover);
|
|
6406
6432
|
}
|
|
6407
|
-
.
|
|
6433
|
+
._table_1wbg1_23 ._row_1wbg1_93:hover ._cell_1wbg1_81 {
|
|
6408
6434
|
background-color: var(--xmlui-backgroundColor-row-Table--hover);
|
|
6409
6435
|
}
|
|
6410
|
-
.
|
|
6436
|
+
._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106._focused_1wbg1_152 {
|
|
6411
6437
|
background-color: var(--xmlui-backgroundColor-selected-Table);
|
|
6412
6438
|
}
|
|
6413
|
-
.
|
|
6439
|
+
._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106._focused_1wbg1_152 ._cell_1wbg1_81 {
|
|
6414
6440
|
background-color: var(--xmlui-backgroundColor-selected-Table);
|
|
6415
6441
|
}
|
|
6416
|
-
.
|
|
6442
|
+
._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106:hover {
|
|
6417
6443
|
background-color: var(--xmlui-backgroundColor-selected-Table--hover);
|
|
6418
6444
|
}
|
|
6419
|
-
.
|
|
6445
|
+
._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106:hover ._cell_1wbg1_81 {
|
|
6420
6446
|
background-color: var(--xmlui-backgroundColor-selected-Table--hover);
|
|
6421
6447
|
}
|
|
6422
|
-
.
|
|
6448
|
+
._table_1wbg1_23 ._row_1wbg1_93._disabled_1wbg1_164 {
|
|
6423
6449
|
pointer-events: none;
|
|
6424
6450
|
opacity: 0.6;
|
|
6425
6451
|
}
|
|
6452
|
+
._table_1wbg1_23 ._row_1wbg1_93._noBottomBorder_1wbg1_168:last-child {
|
|
6453
|
+
border-bottom: none;
|
|
6454
|
+
}
|
|
6426
6455
|
|
|
6427
|
-
.
|
|
6456
|
+
._cell_1wbg1_81 {
|
|
6428
6457
|
overflow: hidden;
|
|
6429
6458
|
text-overflow: ellipsis;
|
|
6430
6459
|
padding: var(--xmlui-padding-cell-Table);
|
|
@@ -6434,13 +6463,13 @@ li ._htmlOl_1wzn5_205 {
|
|
|
6434
6463
|
padding-bottom: var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)));
|
|
6435
6464
|
}
|
|
6436
6465
|
|
|
6437
|
-
.
|
|
6466
|
+
._headerWrapper_1wbg1_23 {
|
|
6438
6467
|
position: sticky;
|
|
6439
6468
|
top: 0;
|
|
6440
6469
|
z-index: 2;
|
|
6441
6470
|
}
|
|
6442
6471
|
|
|
6443
|
-
.
|
|
6472
|
+
._columnCell_1wbg1_81 {
|
|
6444
6473
|
background-color: var(--xmlui-backgroundColor-heading-Table);
|
|
6445
6474
|
text-align: start;
|
|
6446
6475
|
white-space: nowrap;
|
|
@@ -6448,13 +6477,13 @@ li ._htmlOl_1wzn5_205 {
|
|
|
6448
6477
|
padding: 0;
|
|
6449
6478
|
}
|
|
6450
6479
|
|
|
6451
|
-
.
|
|
6480
|
+
._noRows_1wbg1_196 {
|
|
6452
6481
|
width: 100%;
|
|
6453
6482
|
text-align: center;
|
|
6454
6483
|
margin-top: var(--xmlui-space-16);
|
|
6455
6484
|
}
|
|
6456
6485
|
|
|
6457
|
-
.
|
|
6486
|
+
._pagination_1wbg1_202 {
|
|
6458
6487
|
position: sticky;
|
|
6459
6488
|
left: 0;
|
|
6460
6489
|
padding-top: var(--xmlui-space-4);
|
|
@@ -6470,30 +6499,30 @@ li ._htmlOl_1wzn5_205 {
|
|
|
6470
6499
|
background-color: var(--xmlui-backgroundColor-pagination-Table);
|
|
6471
6500
|
}
|
|
6472
6501
|
|
|
6473
|
-
.
|
|
6502
|
+
._paginationLabel_1wbg1_218 {
|
|
6474
6503
|
color: var(--xmlui-textColor-pagination-Table);
|
|
6475
6504
|
font-size: var(--xmlui-fontSize-small);
|
|
6476
6505
|
}
|
|
6477
6506
|
|
|
6478
|
-
.
|
|
6507
|
+
._paginationSelect_1wbg1_223 {
|
|
6479
6508
|
color: inherit;
|
|
6480
6509
|
background-color: transparent;
|
|
6481
6510
|
margin-left: var(--xmlui-space-4);
|
|
6482
6511
|
}
|
|
6483
6512
|
|
|
6484
|
-
.
|
|
6513
|
+
._paginationButtons_1wbg1_229 {
|
|
6485
6514
|
display: flex;
|
|
6486
6515
|
flex-direction: row;
|
|
6487
6516
|
}
|
|
6488
6517
|
|
|
6489
|
-
.
|
|
6518
|
+
._searchIconWrapper_1wbg1_234 {
|
|
6490
6519
|
width: 32px;
|
|
6491
6520
|
display: flex;
|
|
6492
6521
|
align-items: center;
|
|
6493
6522
|
justify-content: center;
|
|
6494
6523
|
}
|
|
6495
6524
|
|
|
6496
|
-
.
|
|
6525
|
+
._loadingWrapper_1wbg1_241 {
|
|
6497
6526
|
display: flex;
|
|
6498
6527
|
flex-direction: row;
|
|
6499
6528
|
justify-content: center;
|
|
@@ -6501,14 +6530,14 @@ li ._htmlOl_1wzn5_205 {
|
|
|
6501
6530
|
padding-bottom: var(--xmlui-space-2);
|
|
6502
6531
|
}
|
|
6503
6532
|
|
|
6504
|
-
.
|
|
6533
|
+
._checkBoxWrapper_1wbg1_99 {
|
|
6505
6534
|
opacity: 0.5;
|
|
6506
6535
|
}
|
|
6507
|
-
.
|
|
6536
|
+
._checkBoxWrapper_1wbg1_99:hover {
|
|
6508
6537
|
opacity: 1;
|
|
6509
6538
|
}
|
|
6510
6539
|
|
|
6511
|
-
.
|
|
6540
|
+
._resizer_1wbg1_256 {
|
|
6512
6541
|
position: absolute;
|
|
6513
6542
|
top: 0;
|
|
6514
6543
|
height: 100%;
|
|
@@ -6523,25 +6552,25 @@ li ._htmlOl_1wzn5_205 {
|
|
|
6523
6552
|
align-items: center;
|
|
6524
6553
|
justify-content: center;
|
|
6525
6554
|
}
|
|
6526
|
-
.
|
|
6555
|
+
._resizer_1wbg1_256:before {
|
|
6527
6556
|
content: "";
|
|
6528
6557
|
width: 1px;
|
|
6529
6558
|
height: 100%;
|
|
6530
6559
|
background: var(--xmlui-borderColor-cell-Table);
|
|
6531
6560
|
}
|
|
6532
6561
|
|
|
6533
|
-
.
|
|
6562
|
+
._resizer_1wbg1_256._isResizing_1wbg1_278 {
|
|
6534
6563
|
opacity: 1;
|
|
6535
6564
|
}
|
|
6536
|
-
.
|
|
6565
|
+
._resizer_1wbg1_256._isResizing_1wbg1_278:before {
|
|
6537
6566
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
6538
6567
|
}
|
|
6539
6568
|
|
|
6540
6569
|
@media (hover: hover) {
|
|
6541
|
-
.
|
|
6570
|
+
._resizer_1wbg1_256 {
|
|
6542
6571
|
opacity: 0;
|
|
6543
6572
|
}
|
|
6544
|
-
*:hover > .
|
|
6573
|
+
*:hover > ._resizer_1wbg1_256 {
|
|
6545
6574
|
opacity: 1;
|
|
6546
6575
|
}
|
|
6547
6576
|
}/*
|