@oliasoft-open-source/react-ui-library 4.15.2-beta-2 → 4.15.2-beta-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/global.css +202 -202
  2. package/dist/index.js +701 -424
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
package/dist/global.css CHANGED
@@ -3074,6 +3074,208 @@ html[data-theme='dark'] {
3074
3074
  ._page_beskc_1._scroll_beskc_23 {
3075
3075
  overflow: auto;
3076
3076
  }
3077
+ ._inputInTable_sl2b5_1 {
3078
+ background-color: transparent;
3079
+ border-radius: inherit !important;
3080
+ height: var(--size);
3081
+ min-height: 100%;
3082
+ }
3083
+ ._inputInTable_sl2b5_1:not(:hover):not([data-error]):not([data-warning]) {
3084
+ border-color: transparent;
3085
+ }
3086
+ ._inputInTable_sl2b5_1:not(:focus) {
3087
+ box-shadow: none;
3088
+ }
3089
+ ._inputHover_sl2b5_13 {
3090
+ position: relative;
3091
+ border-color: var(--color-border-hover);
3092
+ z-index: 2;
3093
+ }
3094
+ ._inputFocus_sl2b5_18 {
3095
+ position: relative;
3096
+ outline: none !important;
3097
+ border-color: var(--color-border-focus) !important;
3098
+ box-shadow: var(--shadow-focus);
3099
+ z-index: 3;
3100
+ }
3101
+ ._inputError_sl2b5_25,
3102
+ ._inputWarning_sl2b5_26 {
3103
+ position: relative;
3104
+ }
3105
+ ._inputError_sl2b5_25 {
3106
+ z-index: 2;
3107
+ border-color: var(--color-border-error);
3108
+ color: var(--color-text-error) !important;
3109
+ background-color: var(--color-background-error-muted);
3110
+ }
3111
+ ._inputError_sl2b5_25:hover {
3112
+ border-color: var(--color-border-error-hover) !important;
3113
+ }
3114
+ ._inputError_sl2b5_25:focus {
3115
+ position: relative;
3116
+ outline: none !important;
3117
+ border-color: var(--color-border-focus) !important;
3118
+ box-shadow: var(--shadow-focus);
3119
+ z-index: 3;
3120
+ }
3121
+ ._inputWarning_sl2b5_26 {
3122
+ z-index: 1;
3123
+ border-color: var(--color-border-warning);
3124
+ color: var(--color-text-warning) !important;
3125
+ background-color: var(--color-background-warning-muted);
3126
+ }
3127
+ ._inputWarning_sl2b5_26:hover {
3128
+ border-color: var(--color-border-warning-hover) !important;
3129
+ }
3130
+ ._inputWarning_sl2b5_26:focus {
3131
+ position: relative;
3132
+ outline: none !important;
3133
+ border-color: var(--color-border-focus) !important;
3134
+ box-shadow: var(--shadow-focus);
3135
+ z-index: 3;
3136
+ }
3137
+ ._inputDisabled_sl2b5_61 {
3138
+ pointer-events: none;
3139
+ background-color: var(--color-background-disabled);
3140
+ color: var(--color-text-muted);
3141
+ box-shadow: none;
3142
+ }
3143
+ ._hideScrollbars_sl2b5_67 {
3144
+ /* Firefox */
3145
+ scrollbar-width: none;
3146
+ /* IE 10+ */
3147
+ -ms-overflow-style: none;
3148
+ /* Chrome, Safari and Opera */
3149
+ }
3150
+ ._hideScrollbars_sl2b5_67::-webkit-scrollbar {
3151
+ display: none;
3152
+ }
3153
+ ._select_sl2b5_77 {
3154
+ appearance: none !important;
3155
+ -webkit-appearance: none !important;
3156
+ -moz-appearance: none !important;
3157
+ display: inline-block;
3158
+ width: 100%;
3159
+ padding: var(--padding-input);
3160
+ padding-right: calc(var(--padding-input-x) + var(--font-size) + var(--padding-xxs));
3161
+ color: var(--color-text);
3162
+ vertical-align: middle;
3163
+ background: var(--color-background-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(63, 63, 51)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") no-repeat right var(--padding-xs) center;
3164
+ background-size: var(--font-size);
3165
+ border: 1px solid var(--color-border);
3166
+ border-radius: var(--border-radius);
3167
+ height: var(--size);
3168
+ box-shadow: var(--shadow-button);
3169
+ }
3170
+ [data-theme='dark'] ._select_sl2b5_77 {
3171
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(215, 215, 206)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E");
3172
+ }
3173
+ ._select_sl2b5_77 option {
3174
+ background: var(--color-background-layer);
3175
+ color: var(--color-text);
3176
+ }
3177
+ ._select_sl2b5_77 option:focus {
3178
+ background-color: var(--color-background-listitem-active);
3179
+ }
3180
+ ._select_sl2b5_77:-moz-focusring {
3181
+ color: transparent !important;
3182
+ text-shadow: 0 0 0 #000 !important;
3183
+ }
3184
+ ._select_sl2b5_77:hover {
3185
+ position: relative;
3186
+ border-color: var(--color-border-hover);
3187
+ z-index: 2;
3188
+ cursor: pointer;
3189
+ }
3190
+ ._select_sl2b5_77:focus {
3191
+ position: relative;
3192
+ outline: none !important;
3193
+ border-color: var(--color-border-focus) !important;
3194
+ box-shadow: var(--shadow-focus);
3195
+ z-index: 3;
3196
+ }
3197
+ ._select_sl2b5_77._isInTable_sl2b5_121 {
3198
+ background-color: transparent;
3199
+ border-radius: inherit !important;
3200
+ height: var(--size);
3201
+ min-height: 100%;
3202
+ }
3203
+ ._select_sl2b5_77._isInTable_sl2b5_121:not(:hover):not([data-error]):not([data-warning]) {
3204
+ border-color: transparent;
3205
+ }
3206
+ ._select_sl2b5_77._isInTable_sl2b5_121:not(:focus) {
3207
+ box-shadow: none;
3208
+ }
3209
+ ._select_sl2b5_77._unSelected_sl2b5_133 {
3210
+ color: var(--color-text-placeholder) !important;
3211
+ }
3212
+ ._select_sl2b5_77._unSelected_sl2b5_133:-moz-focusring {
3213
+ color: transparent !important;
3214
+ text-shadow: 0 0 0 #000 !important;
3215
+ }
3216
+ ._select_sl2b5_77[data-warning] {
3217
+ position: relative;
3218
+ z-index: 1;
3219
+ border-color: var(--color-border-warning);
3220
+ color: var(--color-text-warning) !important;
3221
+ background-color: var(--color-background-warning-muted);
3222
+ }
3223
+ ._select_sl2b5_77[data-warning]:hover {
3224
+ border-color: var(--color-border-warning-hover) !important;
3225
+ }
3226
+ ._select_sl2b5_77[data-warning]:focus {
3227
+ position: relative;
3228
+ outline: none !important;
3229
+ border-color: var(--color-border-focus) !important;
3230
+ box-shadow: var(--shadow-focus);
3231
+ z-index: 3;
3232
+ }
3233
+ ._select_sl2b5_77[data-error] {
3234
+ position: relative;
3235
+ z-index: 2;
3236
+ border-color: var(--color-border-error);
3237
+ color: var(--color-text-error) !important;
3238
+ background-color: var(--color-background-error-muted);
3239
+ }
3240
+ ._select_sl2b5_77[data-error]:hover {
3241
+ border-color: var(--color-border-error-hover) !important;
3242
+ }
3243
+ ._select_sl2b5_77[data-error]:focus {
3244
+ position: relative;
3245
+ outline: none !important;
3246
+ border-color: var(--color-border-focus) !important;
3247
+ box-shadow: var(--shadow-focus);
3248
+ z-index: 3;
3249
+ }
3250
+ ._select_sl2b5_77._small_sl2b5_174 {
3251
+ font-size: var(--font-size-sm);
3252
+ height: var(--size-sm);
3253
+ padding: var(--padding-input-sm);
3254
+ background-size: var(--font-size-sm);
3255
+ background-position: right var(--padding-xxs) center;
3256
+ padding-right: calc(var(--padding-input-sm-x) + var(--font-size-sm) + var(--padding-xxs));
3257
+ }
3258
+ ._select_sl2b5_77._right_sl2b5_182 {
3259
+ text-align: right;
3260
+ text-align-last: right;
3261
+ }
3262
+ ._select_sl2b5_77[disabled] {
3263
+ opacity: 1;
3264
+ pointer-events: none;
3265
+ background-color: var(--color-background-disabled);
3266
+ color: var(--color-text-muted);
3267
+ box-shadow: none;
3268
+ }
3269
+ ._groupOrderFirst_sl2b5_193,
3270
+ ._groupOrderMiddle_sl2b5_194 {
3271
+ border-top-right-radius: 0 !important;
3272
+ border-bottom-right-radius: 0 !important;
3273
+ }
3274
+ ._groupOrderLast_sl2b5_198,
3275
+ ._groupOrderMiddle_sl2b5_194 {
3276
+ border-top-left-radius: 0 !important;
3277
+ border-bottom-left-radius: 0 !important;
3278
+ }
3077
3279
  ._paginationContainer_1tmz4_1 {
3078
3280
  display: flex;
3079
3281
  align-items: center;
@@ -7981,208 +8183,6 @@ button:active .remirror-menu-pane-shortcut,
7981
8183
  color: var(--color-text-faint);
7982
8184
  font-style: normal;
7983
8185
  }
7984
- ._inputInTable_sl2b5_1 {
7985
- background-color: transparent;
7986
- border-radius: inherit !important;
7987
- height: var(--size);
7988
- min-height: 100%;
7989
- }
7990
- ._inputInTable_sl2b5_1:not(:hover):not([data-error]):not([data-warning]) {
7991
- border-color: transparent;
7992
- }
7993
- ._inputInTable_sl2b5_1:not(:focus) {
7994
- box-shadow: none;
7995
- }
7996
- ._inputHover_sl2b5_13 {
7997
- position: relative;
7998
- border-color: var(--color-border-hover);
7999
- z-index: 2;
8000
- }
8001
- ._inputFocus_sl2b5_18 {
8002
- position: relative;
8003
- outline: none !important;
8004
- border-color: var(--color-border-focus) !important;
8005
- box-shadow: var(--shadow-focus);
8006
- z-index: 3;
8007
- }
8008
- ._inputError_sl2b5_25,
8009
- ._inputWarning_sl2b5_26 {
8010
- position: relative;
8011
- }
8012
- ._inputError_sl2b5_25 {
8013
- z-index: 2;
8014
- border-color: var(--color-border-error);
8015
- color: var(--color-text-error) !important;
8016
- background-color: var(--color-background-error-muted);
8017
- }
8018
- ._inputError_sl2b5_25:hover {
8019
- border-color: var(--color-border-error-hover) !important;
8020
- }
8021
- ._inputError_sl2b5_25:focus {
8022
- position: relative;
8023
- outline: none !important;
8024
- border-color: var(--color-border-focus) !important;
8025
- box-shadow: var(--shadow-focus);
8026
- z-index: 3;
8027
- }
8028
- ._inputWarning_sl2b5_26 {
8029
- z-index: 1;
8030
- border-color: var(--color-border-warning);
8031
- color: var(--color-text-warning) !important;
8032
- background-color: var(--color-background-warning-muted);
8033
- }
8034
- ._inputWarning_sl2b5_26:hover {
8035
- border-color: var(--color-border-warning-hover) !important;
8036
- }
8037
- ._inputWarning_sl2b5_26:focus {
8038
- position: relative;
8039
- outline: none !important;
8040
- border-color: var(--color-border-focus) !important;
8041
- box-shadow: var(--shadow-focus);
8042
- z-index: 3;
8043
- }
8044
- ._inputDisabled_sl2b5_61 {
8045
- pointer-events: none;
8046
- background-color: var(--color-background-disabled);
8047
- color: var(--color-text-muted);
8048
- box-shadow: none;
8049
- }
8050
- ._hideScrollbars_sl2b5_67 {
8051
- /* Firefox */
8052
- scrollbar-width: none;
8053
- /* IE 10+ */
8054
- -ms-overflow-style: none;
8055
- /* Chrome, Safari and Opera */
8056
- }
8057
- ._hideScrollbars_sl2b5_67::-webkit-scrollbar {
8058
- display: none;
8059
- }
8060
- ._select_sl2b5_77 {
8061
- appearance: none !important;
8062
- -webkit-appearance: none !important;
8063
- -moz-appearance: none !important;
8064
- display: inline-block;
8065
- width: 100%;
8066
- padding: var(--padding-input);
8067
- padding-right: calc(var(--padding-input-x) + var(--font-size) + var(--padding-xxs));
8068
- color: var(--color-text);
8069
- vertical-align: middle;
8070
- background: var(--color-background-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(63, 63, 51)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") no-repeat right var(--padding-xs) center;
8071
- background-size: var(--font-size);
8072
- border: 1px solid var(--color-border);
8073
- border-radius: var(--border-radius);
8074
- height: var(--size);
8075
- box-shadow: var(--shadow-button);
8076
- }
8077
- [data-theme='dark'] ._select_sl2b5_77 {
8078
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(215, 215, 206)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E");
8079
- }
8080
- ._select_sl2b5_77 option {
8081
- background: var(--color-background-layer);
8082
- color: var(--color-text);
8083
- }
8084
- ._select_sl2b5_77 option:focus {
8085
- background-color: var(--color-background-listitem-active);
8086
- }
8087
- ._select_sl2b5_77:-moz-focusring {
8088
- color: transparent !important;
8089
- text-shadow: 0 0 0 #000 !important;
8090
- }
8091
- ._select_sl2b5_77:hover {
8092
- position: relative;
8093
- border-color: var(--color-border-hover);
8094
- z-index: 2;
8095
- cursor: pointer;
8096
- }
8097
- ._select_sl2b5_77:focus {
8098
- position: relative;
8099
- outline: none !important;
8100
- border-color: var(--color-border-focus) !important;
8101
- box-shadow: var(--shadow-focus);
8102
- z-index: 3;
8103
- }
8104
- ._select_sl2b5_77._isInTable_sl2b5_121 {
8105
- background-color: transparent;
8106
- border-radius: inherit !important;
8107
- height: var(--size);
8108
- min-height: 100%;
8109
- }
8110
- ._select_sl2b5_77._isInTable_sl2b5_121:not(:hover):not([data-error]):not([data-warning]) {
8111
- border-color: transparent;
8112
- }
8113
- ._select_sl2b5_77._isInTable_sl2b5_121:not(:focus) {
8114
- box-shadow: none;
8115
- }
8116
- ._select_sl2b5_77._unSelected_sl2b5_133 {
8117
- color: var(--color-text-placeholder) !important;
8118
- }
8119
- ._select_sl2b5_77._unSelected_sl2b5_133:-moz-focusring {
8120
- color: transparent !important;
8121
- text-shadow: 0 0 0 #000 !important;
8122
- }
8123
- ._select_sl2b5_77[data-warning] {
8124
- position: relative;
8125
- z-index: 1;
8126
- border-color: var(--color-border-warning);
8127
- color: var(--color-text-warning) !important;
8128
- background-color: var(--color-background-warning-muted);
8129
- }
8130
- ._select_sl2b5_77[data-warning]:hover {
8131
- border-color: var(--color-border-warning-hover) !important;
8132
- }
8133
- ._select_sl2b5_77[data-warning]:focus {
8134
- position: relative;
8135
- outline: none !important;
8136
- border-color: var(--color-border-focus) !important;
8137
- box-shadow: var(--shadow-focus);
8138
- z-index: 3;
8139
- }
8140
- ._select_sl2b5_77[data-error] {
8141
- position: relative;
8142
- z-index: 2;
8143
- border-color: var(--color-border-error);
8144
- color: var(--color-text-error) !important;
8145
- background-color: var(--color-background-error-muted);
8146
- }
8147
- ._select_sl2b5_77[data-error]:hover {
8148
- border-color: var(--color-border-error-hover) !important;
8149
- }
8150
- ._select_sl2b5_77[data-error]:focus {
8151
- position: relative;
8152
- outline: none !important;
8153
- border-color: var(--color-border-focus) !important;
8154
- box-shadow: var(--shadow-focus);
8155
- z-index: 3;
8156
- }
8157
- ._select_sl2b5_77._small_sl2b5_174 {
8158
- font-size: var(--font-size-sm);
8159
- height: var(--size-sm);
8160
- padding: var(--padding-input-sm);
8161
- background-size: var(--font-size-sm);
8162
- background-position: right var(--padding-xxs) center;
8163
- padding-right: calc(var(--padding-input-sm-x) + var(--font-size-sm) + var(--padding-xxs));
8164
- }
8165
- ._select_sl2b5_77._right_sl2b5_182 {
8166
- text-align: right;
8167
- text-align-last: right;
8168
- }
8169
- ._select_sl2b5_77[disabled] {
8170
- opacity: 1;
8171
- pointer-events: none;
8172
- background-color: var(--color-background-disabled);
8173
- color: var(--color-text-muted);
8174
- box-shadow: none;
8175
- }
8176
- ._groupOrderFirst_sl2b5_193,
8177
- ._groupOrderMiddle_sl2b5_194 {
8178
- border-top-right-radius: 0 !important;
8179
- border-bottom-right-radius: 0 !important;
8180
- }
8181
- ._groupOrderLast_sl2b5_198,
8182
- ._groupOrderMiddle_sl2b5_194 {
8183
- border-top-left-radius: 0 !important;
8184
- border-bottom-left-radius: 0 !important;
8185
- }
8186
8186
  ._row_n16je_1 {
8187
8187
  display: flex;
8188
8188
  min-height: 0;