@oliasoft-open-source/react-ui-library 3.11.0-beta-3 → 3.11.0-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 (3) hide show
  1. package/dist/global.css +123 -122
  2. package/dist/index.js +56 -56
  3. package/package.json +1 -1
package/dist/global.css CHANGED
@@ -7985,103 +7985,103 @@ html[data-theme='dark'] {
7985
7985
  /*
7986
7986
  Z-INDEX
7987
7987
  */
7988
- ._inputInTable_1k7ti_337 {
7988
+ ._inputInTable_yeflg_337 {
7989
7989
  background-color: transparent;
7990
7990
  border-radius: inherit !important;
7991
7991
  height: var(--size);
7992
7992
  min-height: 100%;
7993
7993
  }
7994
- ._inputInTable_1k7ti_337:not(:hover) {
7994
+ ._inputInTable_yeflg_337:not(:hover) {
7995
7995
  border-color: transparent;
7996
7996
  }
7997
- ._inputHover_1k7ti_346 {
7997
+ ._inputHover_yeflg_346 {
7998
7998
  position: relative;
7999
7999
  border-color: var(--color-border-hover);
8000
8000
  z-index: 2;
8001
8001
  }
8002
- ._inputFocus_1k7ti_351 {
8002
+ ._inputFocus_yeflg_351 {
8003
8003
  position: relative;
8004
8004
  outline: none !important;
8005
8005
  border-color: var(--color-border-focus) !important;
8006
8006
  box-shadow: var(--shadow-focus);
8007
8007
  z-index: 3;
8008
8008
  }
8009
- ._inputError_1k7ti_358,
8010
- ._inputWarning_1k7ti_359 {
8009
+ ._inputError_yeflg_358,
8010
+ ._inputWarning_yeflg_359 {
8011
8011
  position: relative;
8012
8012
  }
8013
- ._inputError_1k7ti_358 {
8013
+ ._inputError_yeflg_358 {
8014
8014
  z-index: 2;
8015
8015
  border-color: var(--color-border-error) !important;
8016
8016
  color: var(--color-text-error) !important;
8017
8017
  background-color: var(--color-background-error);
8018
8018
  }
8019
- ._inputError_1k7ti_358:hover {
8019
+ ._inputError_yeflg_358:hover {
8020
8020
  border-color: var(--color-border-error-hover) !important;
8021
8021
  }
8022
- ._inputError_1k7ti_358:focus {
8022
+ ._inputError_yeflg_358:focus {
8023
8023
  position: relative;
8024
8024
  outline: none !important;
8025
8025
  border-color: var(--color-border-focus) !important;
8026
8026
  box-shadow: var(--shadow-focus);
8027
8027
  z-index: 3;
8028
8028
  }
8029
- ._inputWarning_1k7ti_359 {
8029
+ ._inputWarning_yeflg_359 {
8030
8030
  z-index: 1;
8031
8031
  border-color: var(--color-border-warning) !important;
8032
8032
  color: var(--color-text-warning) !important;
8033
8033
  background-color: var(--color-background-warning);
8034
8034
  }
8035
- ._inputWarning_1k7ti_359:hover {
8035
+ ._inputWarning_yeflg_359:hover {
8036
8036
  border-color: var(--color-border-warning-hover) !important;
8037
8037
  }
8038
- ._inputWarning_1k7ti_359:focus {
8038
+ ._inputWarning_yeflg_359:focus {
8039
8039
  position: relative;
8040
8040
  outline: none !important;
8041
8041
  border-color: var(--color-border-focus) !important;
8042
8042
  box-shadow: var(--shadow-focus);
8043
8043
  z-index: 3;
8044
8044
  }
8045
- ._inputDisabled_1k7ti_394 {
8045
+ ._inputDisabled_yeflg_394 {
8046
8046
  pointer-events: none;
8047
8047
  background-color: var(--color-background-disabled);
8048
8048
  color: var(--color-text-muted);
8049
8049
  }
8050
- ._hideScrollbars_1k7ti_399 {
8050
+ ._hideScrollbars_yeflg_399 {
8051
8051
  /* Firefox */
8052
8052
  scrollbar-width: none;
8053
8053
  /* IE 10+ */
8054
8054
  -ms-overflow-style: none;
8055
8055
  /* Chrome, Safari and Opera */
8056
8056
  }
8057
- ._hideScrollbars_1k7ti_399::-webkit-scrollbar {
8057
+ ._hideScrollbars_yeflg_399::-webkit-scrollbar {
8058
8058
  display: none;
8059
8059
  }
8060
- ._scrollbars_1k7ti_409 {
8060
+ ._scrollbars_yeflg_409 {
8061
8061
  overflow: overlay;
8062
8062
  --scrollbar-color: #00000040;
8063
8063
  }
8064
- ._scrollbars_1k7ti_409::-webkit-scrollbar {
8064
+ ._scrollbars_yeflg_409::-webkit-scrollbar {
8065
8065
  display: block;
8066
8066
  width: 16px;
8067
8067
  z-index: 2;
8068
8068
  }
8069
- ._scrollbars_1k7ti_409::-webkit-scrollbar-button {
8069
+ ._scrollbars_yeflg_409::-webkit-scrollbar-button {
8070
8070
  display: none;
8071
8071
  }
8072
- ._scrollbars_1k7ti_409::-webkit-scrollbar-track {
8072
+ ._scrollbars_yeflg_409::-webkit-scrollbar-track {
8073
8073
  background-color: #00000000;
8074
8074
  }
8075
- ._scrollbars_1k7ti_409::-webkit-scrollbar-track-piece {
8075
+ ._scrollbars_yeflg_409::-webkit-scrollbar-track-piece {
8076
8076
  background-color: #00000000;
8077
8077
  }
8078
- ._scrollbars_1k7ti_409::-webkit-scrollbar-thumb {
8078
+ ._scrollbars_yeflg_409::-webkit-scrollbar-thumb {
8079
8079
  background-color: #00000000;
8080
8080
  border: 5px solid transparent;
8081
8081
  border-radius: 24px;
8082
8082
  box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;
8083
8083
  }
8084
- ._scrollbars_1k7ti_409::-webkit-scrollbar-corner {
8084
+ ._scrollbars_yeflg_409::-webkit-scrollbar-corner {
8085
8085
  background: rgba(0, 0, 0, 0);
8086
8086
  }
8087
8087
  :root {
@@ -8096,37 +8096,37 @@ html[data-theme='dark'] {
8096
8096
  --color-background-drawer-tab-hover: var(--color-primary-muted-700);
8097
8097
  --color-border-drawer-tab: var(--color-border);
8098
8098
  }
8099
- ._inline_1k7ti_448 {
8099
+ ._inline_yeflg_448 {
8100
8100
  position: relative;
8101
8101
  }
8102
- ._inline_1k7ti_448._left_1k7ti_451 {
8102
+ ._inline_yeflg_448._left_yeflg_451 {
8103
8103
  order: -1;
8104
8104
  }
8105
- ._inline_1k7ti_448._right_1k7ti_454 {
8105
+ ._inline_yeflg_448._right_yeflg_454 {
8106
8106
  order: 9999;
8107
8107
  }
8108
- ._fixed_1k7ti_457 {
8108
+ ._fixed_yeflg_457 {
8109
8109
  position: fixed;
8110
8110
  top: 0;
8111
8111
  bottom: 0;
8112
8112
  z-index: 99;
8113
8113
  }
8114
- ._fixed_1k7ti_457._left_1k7ti_451 {
8114
+ ._fixed_yeflg_457._left_yeflg_451 {
8115
8115
  left: 0;
8116
8116
  }
8117
- ._fixed_1k7ti_457._right_1k7ti_454 {
8117
+ ._fixed_yeflg_457._right_yeflg_454 {
8118
8118
  right: 0;
8119
8119
  }
8120
- ._left_1k7ti_451 ._border_1k7ti_469 {
8120
+ ._left_yeflg_451 ._border_yeflg_469 {
8121
8121
  border-right: 1px solid var(--color-border);
8122
8122
  }
8123
- ._right_1k7ti_454 ._border_1k7ti_469 {
8123
+ ._right_yeflg_454 ._border_yeflg_469 {
8124
8124
  border-left: 1px solid var(--color-border);
8125
8125
  }
8126
- ._shadow_1k7ti_475 {
8126
+ ._shadow_yeflg_475 {
8127
8127
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
8128
8128
  }
8129
- ._drawerContent_1k7ti_478 {
8129
+ ._drawerContent_yeflg_478 {
8130
8130
  overflow-x: hidden;
8131
8131
  overflow-y: auto;
8132
8132
  max-height: 100%;
@@ -8138,40 +8138,40 @@ html[data-theme='dark'] {
8138
8138
  -ms-overflow-style: none;
8139
8139
  /* Chrome, Safari and Opera */
8140
8140
  }
8141
- ._isResizing_1k7ti_490 ._drawerContent_1k7ti_478 {
8141
+ ._isResizing_yeflg_490 ._drawerContent_yeflg_478 {
8142
8142
  transition: none;
8143
8143
  }
8144
8144
  @media print {
8145
- ._drawerContent_1k7ti_478 {
8145
+ ._drawerContent_yeflg_478 {
8146
8146
  background: transparent !important;
8147
8147
  }
8148
8148
  }
8149
- ._drawerContent_1k7ti_478::-webkit-scrollbar {
8149
+ ._drawerContent_yeflg_478::-webkit-scrollbar {
8150
8150
  display: none;
8151
8151
  }
8152
- ._toggleButton_1k7ti_501 {
8152
+ ._toggleButton_yeflg_501 {
8153
8153
  transition: transform 0.4s;
8154
8154
  display: inline-block;
8155
8155
  transform: rotate(180deg);
8156
8156
  position: absolute;
8157
8157
  z-index: 102;
8158
8158
  }
8159
- ._left_1k7ti_451 ._toggleButton_1k7ti_501 {
8160
- right: -19px;
8159
+ ._left_yeflg_451 ._toggleButton_yeflg_501 {
8160
+ right: calc(var(--size) / -2);
8161
8161
  }
8162
- ._right_1k7ti_454 ._toggleButton_1k7ti_501 {
8163
- left: -19px;
8162
+ ._right_yeflg_454 ._toggleButton_yeflg_501 {
8163
+ left: calc(var(--size) / -2);
8164
8164
  }
8165
- ._toggleButton_1k7ti_501._top_1k7ti_514 {
8165
+ ._toggleButton_yeflg_501._top_yeflg_514 {
8166
8166
  top: 20px;
8167
8167
  }
8168
- ._toggleButton_1k7ti_501._bottom_1k7ti_517 {
8168
+ ._toggleButton_yeflg_501._bottom_yeflg_517 {
8169
8169
  bottom: 20px;
8170
8170
  }
8171
- ._toggleButton_1k7ti_501._toggleButtonOpen_1k7ti_520 {
8171
+ ._toggleButton_yeflg_501._toggleButtonOpen_yeflg_520 {
8172
8172
  transform: rotate(0deg);
8173
8173
  }
8174
- ._tabs_1k7ti_523 {
8174
+ ._tabs_yeflg_523 {
8175
8175
  position: absolute;
8176
8176
  top: 0;
8177
8177
  bottom: 0;
@@ -8181,13 +8181,13 @@ html[data-theme='dark'] {
8181
8181
  border-left: 1px solid var(--color-border);
8182
8182
  border-right: 1px solid var(--color-border);
8183
8183
  }
8184
- ._left_1k7ti_451 ._tabs_1k7ti_523 {
8184
+ ._left_yeflg_451 ._tabs_yeflg_523 {
8185
8185
  right: 0;
8186
8186
  }
8187
- ._right_1k7ti_454 ._tabs_1k7ti_523 {
8187
+ ._right_yeflg_454 ._tabs_yeflg_523 {
8188
8188
  left: 0;
8189
8189
  }
8190
- ._tabs_1k7ti_523 ._tab_1k7ti_523 {
8190
+ ._tabs_yeflg_523 ._tab_yeflg_523 {
8191
8191
  height: 38px;
8192
8192
  width: 38px;
8193
8193
  display: flex;
@@ -8198,39 +8198,39 @@ html[data-theme='dark'] {
8198
8198
  transition: color 0.3s, background-color 0.3s;
8199
8199
  border: 1px solid var(--color-border-drawer-tab);
8200
8200
  }
8201
- ._left_1k7ti_451 ._tabs_1k7ti_523 ._tab_1k7ti_523 {
8201
+ ._left_yeflg_451 ._tabs_yeflg_523 ._tab_yeflg_523 {
8202
8202
  border-top-left-radius: 0;
8203
8203
  border-bottom-left-radius: 0;
8204
8204
  }
8205
- ._left_1k7ti_451 ._tabs_1k7ti_523 ._tab_1k7ti_523._active_1k7ti_554 {
8205
+ ._left_yeflg_451 ._tabs_yeflg_523 ._tab_yeflg_523._active_yeflg_554 {
8206
8206
  border-left-color: transparent;
8207
8207
  }
8208
- ._right_1k7ti_454 ._tabs_1k7ti_523 ._tab_1k7ti_523 {
8208
+ ._right_yeflg_454 ._tabs_yeflg_523 ._tab_yeflg_523 {
8209
8209
  border-top-right-radius: 0;
8210
8210
  border-bottom-right-radius: 0;
8211
8211
  }
8212
- ._right_1k7ti_454 ._tabs_1k7ti_523 ._tab_1k7ti_523._active_1k7ti_554 {
8212
+ ._right_yeflg_454 ._tabs_yeflg_523 ._tab_yeflg_523._active_yeflg_554 {
8213
8213
  border-right-color: transparent;
8214
8214
  }
8215
- ._tabs_1k7ti_523 ._tab_1k7ti_523:not(._active_1k7ti_554) {
8215
+ ._tabs_yeflg_523 ._tab_yeflg_523:not(._active_yeflg_554) {
8216
8216
  color: var(--color-text-primary);
8217
8217
  background-color: var(--color-background-drawer-tab) !important;
8218
8218
  }
8219
- ._tabs_1k7ti_523 ._tab_1k7ti_523:not(._active_1k7ti_554):hover {
8219
+ ._tabs_yeflg_523 ._tab_yeflg_523:not(._active_yeflg_554):hover {
8220
8220
  color: var(--color-text);
8221
8221
  background-color: var(--color-background-drawer-tab-hover) !important;
8222
8222
  }
8223
- ._tabs_1k7ti_523 ._tab_1k7ti_523._active_1k7ti_554 {
8223
+ ._tabs_yeflg_523 ._tab_yeflg_523._active_yeflg_554 {
8224
8224
  color: var(--color-text);
8225
8225
  border-color: var(--color-border);
8226
8226
  }
8227
- ._left_1k7ti_451 ._tabsContent_1k7ti_576 {
8227
+ ._left_yeflg_451 ._tabsContent_yeflg_576 {
8228
8228
  padding-right: 36px;
8229
8229
  }
8230
- ._right_1k7ti_454 ._tabsContent_1k7ti_576 {
8230
+ ._right_yeflg_454 ._tabsContent_yeflg_576 {
8231
8231
  padding-left: 36px;
8232
8232
  }
8233
- ._resizeHandle_1k7ti_582 {
8233
+ ._resizeHandle_yeflg_582 {
8234
8234
  position: absolute;
8235
8235
  top: 0;
8236
8236
  bottom: 0;
@@ -8243,18 +8243,18 @@ html[data-theme='dark'] {
8243
8243
  font-size: 12px;
8244
8244
  transition: all 0.2s;
8245
8245
  }
8246
- ._resizeHandle_1k7ti_582:hover {
8246
+ ._resizeHandle_yeflg_582:hover {
8247
8247
  background: rgba(235, 100, 41, 0.15);
8248
8248
  color: var(--color-text-primary);
8249
8249
  }
8250
- ._resizeHandle_1k7ti_582:active {
8250
+ ._resizeHandle_yeflg_582:active {
8251
8251
  background: var(--color-text-primary);
8252
8252
  color: white;
8253
8253
  }
8254
- ._left_1k7ti_451 ._resizeHandle_1k7ti_582 {
8254
+ ._left_yeflg_451 ._resizeHandle_yeflg_582 {
8255
8255
  right: 0;
8256
8256
  }
8257
- ._right_1k7ti_454 ._resizeHandle_1k7ti_582 {
8257
+ ._right_yeflg_454 ._resizeHandle_yeflg_582 {
8258
8258
  left: 0;
8259
8259
  }
8260
8260
  /*
@@ -24312,149 +24312,149 @@ html[data-theme='dark'] {
24312
24312
  /*
24313
24313
  Z-INDEX
24314
24314
  */
24315
- ._inputInTable_oppsm_337 {
24315
+ ._inputInTable_ibs3l_337 {
24316
24316
  background-color: transparent;
24317
24317
  border-radius: inherit !important;
24318
24318
  height: var(--size);
24319
24319
  min-height: 100%;
24320
24320
  }
24321
- ._inputInTable_oppsm_337:not(:hover) {
24321
+ ._inputInTable_ibs3l_337:not(:hover) {
24322
24322
  border-color: transparent;
24323
24323
  }
24324
- ._inputHover_oppsm_346 {
24324
+ ._inputHover_ibs3l_346 {
24325
24325
  position: relative;
24326
24326
  border-color: var(--color-border-hover);
24327
24327
  z-index: 2;
24328
24328
  }
24329
- ._inputFocus_oppsm_351 {
24329
+ ._inputFocus_ibs3l_351 {
24330
24330
  position: relative;
24331
24331
  outline: none !important;
24332
24332
  border-color: var(--color-border-focus) !important;
24333
24333
  box-shadow: var(--shadow-focus);
24334
24334
  z-index: 3;
24335
24335
  }
24336
- ._inputError_oppsm_358,
24337
- ._inputWarning_oppsm_359 {
24336
+ ._inputError_ibs3l_358,
24337
+ ._inputWarning_ibs3l_359 {
24338
24338
  position: relative;
24339
24339
  }
24340
- ._inputError_oppsm_358 {
24340
+ ._inputError_ibs3l_358 {
24341
24341
  z-index: 2;
24342
24342
  border-color: var(--color-border-error) !important;
24343
24343
  color: var(--color-text-error) !important;
24344
24344
  background-color: var(--color-background-error);
24345
24345
  }
24346
- ._inputError_oppsm_358:hover {
24346
+ ._inputError_ibs3l_358:hover {
24347
24347
  border-color: var(--color-border-error-hover) !important;
24348
24348
  }
24349
- ._inputError_oppsm_358:focus {
24349
+ ._inputError_ibs3l_358:focus {
24350
24350
  position: relative;
24351
24351
  outline: none !important;
24352
24352
  border-color: var(--color-border-focus) !important;
24353
24353
  box-shadow: var(--shadow-focus);
24354
24354
  z-index: 3;
24355
24355
  }
24356
- ._inputWarning_oppsm_359 {
24356
+ ._inputWarning_ibs3l_359 {
24357
24357
  z-index: 1;
24358
24358
  border-color: var(--color-border-warning) !important;
24359
24359
  color: var(--color-text-warning) !important;
24360
24360
  background-color: var(--color-background-warning);
24361
24361
  }
24362
- ._inputWarning_oppsm_359:hover {
24362
+ ._inputWarning_ibs3l_359:hover {
24363
24363
  border-color: var(--color-border-warning-hover) !important;
24364
24364
  }
24365
- ._inputWarning_oppsm_359:focus {
24365
+ ._inputWarning_ibs3l_359:focus {
24366
24366
  position: relative;
24367
24367
  outline: none !important;
24368
24368
  border-color: var(--color-border-focus) !important;
24369
24369
  box-shadow: var(--shadow-focus);
24370
24370
  z-index: 3;
24371
24371
  }
24372
- ._inputDisabled_oppsm_394 {
24372
+ ._inputDisabled_ibs3l_394 {
24373
24373
  pointer-events: none;
24374
24374
  background-color: var(--color-background-disabled);
24375
24375
  color: var(--color-text-muted);
24376
24376
  }
24377
- ._hideScrollbars_oppsm_399 {
24377
+ ._hideScrollbars_ibs3l_399 {
24378
24378
  /* Firefox */
24379
24379
  scrollbar-width: none;
24380
24380
  /* IE 10+ */
24381
24381
  -ms-overflow-style: none;
24382
24382
  /* Chrome, Safari and Opera */
24383
24383
  }
24384
- ._hideScrollbars_oppsm_399::-webkit-scrollbar {
24384
+ ._hideScrollbars_ibs3l_399::-webkit-scrollbar {
24385
24385
  display: none;
24386
24386
  }
24387
- ._scrollbars_oppsm_409 {
24387
+ ._scrollbars_ibs3l_409 {
24388
24388
  overflow: overlay;
24389
24389
  --scrollbar-color: #00000040;
24390
24390
  }
24391
- ._scrollbars_oppsm_409::-webkit-scrollbar {
24391
+ ._scrollbars_ibs3l_409::-webkit-scrollbar {
24392
24392
  display: block;
24393
24393
  width: 16px;
24394
24394
  z-index: 2;
24395
24395
  }
24396
- ._scrollbars_oppsm_409::-webkit-scrollbar-button {
24396
+ ._scrollbars_ibs3l_409::-webkit-scrollbar-button {
24397
24397
  display: none;
24398
24398
  }
24399
- ._scrollbars_oppsm_409::-webkit-scrollbar-track {
24399
+ ._scrollbars_ibs3l_409::-webkit-scrollbar-track {
24400
24400
  background-color: #00000000;
24401
24401
  }
24402
- ._scrollbars_oppsm_409::-webkit-scrollbar-track-piece {
24402
+ ._scrollbars_ibs3l_409::-webkit-scrollbar-track-piece {
24403
24403
  background-color: #00000000;
24404
24404
  }
24405
- ._scrollbars_oppsm_409::-webkit-scrollbar-thumb {
24405
+ ._scrollbars_ibs3l_409::-webkit-scrollbar-thumb {
24406
24406
  background-color: #00000000;
24407
24407
  border: 5px solid transparent;
24408
24408
  border-radius: 24px;
24409
24409
  box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;
24410
24410
  }
24411
- ._scrollbars_oppsm_409::-webkit-scrollbar-corner {
24411
+ ._scrollbars_ibs3l_409::-webkit-scrollbar-corner {
24412
24412
  background: rgba(0, 0, 0, 0);
24413
24413
  }
24414
- ._cell_oppsm_436 a {
24414
+ ._cell_ibs3l_436 a {
24415
24415
  cursor: pointer;
24416
24416
  color: var(--color-text-primary) !important;
24417
24417
  }
24418
- ._cell_oppsm_436 a:hover {
24418
+ ._cell_ibs3l_436 a:hover {
24419
24419
  color: var(--color-text-primary-hover) !important;
24420
24420
  }
24421
- ._cell_oppsm_436 a:active {
24421
+ ._cell_ibs3l_436 a:active {
24422
24422
  color: var(--color-text-primary-active) !important;
24423
24423
  }
24424
- ._cell_oppsm_436 a._disabledLink_oppsm_446 {
24424
+ ._cell_ibs3l_436 a._disabledLink_ibs3l_446 {
24425
24425
  color: var(--color-text-faint) !important;
24426
24426
  cursor: default !important;
24427
24427
  }
24428
- ._inputWrapper_oppsm_450 {
24428
+ ._inputWrapper_ibs3l_450 {
24429
24429
  margin: -1px;
24430
24430
  height: calc(100% + 2px);
24431
24431
  border-radius: inherit;
24432
24432
  }
24433
- ._inputWrapper_oppsm_450 > span,
24434
- ._inputWrapper_oppsm_450 > span > span,
24435
- ._inputWrapper_oppsm_450 > span > span > div {
24433
+ ._inputWrapper_ibs3l_450 > span,
24434
+ ._inputWrapper_ibs3l_450 > span > span,
24435
+ ._inputWrapper_ibs3l_450 > span > span > div {
24436
24436
  height: 100%;
24437
24437
  border-radius: inherit;
24438
24438
  }
24439
- ._inputWrapper_oppsm_450 > div,
24440
- ._inputWrapper_oppsm_450 > div > span {
24439
+ ._inputWrapper_ibs3l_450 > div,
24440
+ ._inputWrapper_ibs3l_450 > div > span {
24441
24441
  height: 100%;
24442
24442
  border-radius: inherit;
24443
24443
  }
24444
- ._breakWord_oppsm_466 {
24444
+ ._breakWord_ibs3l_466 {
24445
24445
  word-break: break-word;
24446
24446
  }
24447
- ._inputCell_oppsm_469 {
24447
+ ._inputCell_ibs3l_469 {
24448
24448
  padding: 0 !important;
24449
24449
  }
24450
- ._sliderCell_oppsm_472 {
24450
+ ._sliderCell_ibs3l_472 {
24451
24451
  padding-top: 0 !important;
24452
24452
  padding-bottom: 0 !important;
24453
24453
  }
24454
- ._staticCell_oppsm_476 {
24454
+ ._staticCell_ibs3l_476 {
24455
24455
  padding: 0 !important;
24456
24456
  }
24457
- ._staticCell_oppsm_476 ._staticCellContent_oppsm_479 {
24457
+ ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479 {
24458
24458
  min-height: 100%;
24459
24459
  padding: 6.5px 12px;
24460
24460
  line-height: 17px;
@@ -24463,106 +24463,107 @@ html[data-theme='dark'] {
24463
24463
  display: flex;
24464
24464
  align-items: center;
24465
24465
  }
24466
- tbody ._staticCell_oppsm_476 ._staticCellContent_oppsm_479 {
24466
+ tbody ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479 {
24467
24467
  background-color: var(--color-background-disabled);
24468
24468
  color: var(--color-text-muted);
24469
24469
  }
24470
- ._staticCell_oppsm_476 ._staticCellContent_oppsm_479._error_oppsm_492,
24471
- ._staticCell_oppsm_476 ._staticCellContent_oppsm_479._warning_oppsm_493 {
24470
+ ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._error_ibs3l_492,
24471
+ ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._warning_ibs3l_493 {
24472
24472
  border: 1px solid transparent;
24473
24473
  }
24474
- ._staticCell_oppsm_476 ._staticCellContent_oppsm_479._error_oppsm_492 {
24474
+ ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._error_ibs3l_492 {
24475
24475
  position: relative;
24476
24476
  z-index: 2;
24477
24477
  border-color: var(--color-border-error) !important;
24478
24478
  color: var(--color-text-error) !important;
24479
24479
  background-color: var(--color-background-error);
24480
24480
  }
24481
- ._staticCell_oppsm_476 ._staticCellContent_oppsm_479._error_oppsm_492:hover {
24481
+ ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._error_ibs3l_492:hover {
24482
24482
  border-color: var(--color-border-error-hover) !important;
24483
24483
  }
24484
- ._staticCell_oppsm_476 ._staticCellContent_oppsm_479._error_oppsm_492:focus {
24484
+ ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._error_ibs3l_492:focus {
24485
24485
  position: relative;
24486
24486
  outline: none !important;
24487
24487
  border-color: var(--color-border-focus) !important;
24488
24488
  box-shadow: var(--shadow-focus);
24489
24489
  z-index: 3;
24490
24490
  }
24491
- ._staticCell_oppsm_476 ._staticCellContent_oppsm_479._warning_oppsm_493 {
24491
+ ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._warning_ibs3l_493 {
24492
24492
  position: relative;
24493
24493
  z-index: 1;
24494
24494
  border-color: var(--color-border-warning) !important;
24495
24495
  color: var(--color-text-warning) !important;
24496
24496
  background-color: var(--color-background-warning);
24497
24497
  }
24498
- ._staticCell_oppsm_476 ._staticCellContent_oppsm_479._warning_oppsm_493:hover {
24498
+ ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._warning_ibs3l_493:hover {
24499
24499
  border-color: var(--color-border-warning-hover) !important;
24500
24500
  }
24501
- ._staticCell_oppsm_476 ._staticCellContent_oppsm_479._warning_oppsm_493:focus {
24501
+ ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._warning_ibs3l_493:focus {
24502
24502
  position: relative;
24503
24503
  outline: none !important;
24504
24504
  border-color: var(--color-border-focus) !important;
24505
24505
  box-shadow: var(--shadow-focus);
24506
24506
  z-index: 3;
24507
24507
  }
24508
- ._staticCell_oppsm_476 ._staticCellContent_oppsm_479._unit_oppsm_530 {
24508
+ ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._unit_ibs3l_530 {
24509
24509
  font-weight: normal;
24510
24510
  }
24511
- ._sortingCell_oppsm_533 ._staticCellContent_oppsm_479 {
24511
+ ._sortingCell_ibs3l_533 ._staticCellContent_ibs3l_479 {
24512
24512
  position: relative;
24513
24513
  padding-right: 45px !important;
24514
24514
  cursor: pointer !important;
24515
24515
  }
24516
- ._sortingCell_oppsm_533 ._staticCellContent_oppsm_479:hover {
24516
+ ._sortingCell_ibs3l_533 ._staticCellContent_ibs3l_479:hover {
24517
24517
  background-color: rgba(0, 0, 0, 0.05) !important;
24518
24518
  }
24519
- ._sortingCell_oppsm_533 ._sortingCellIcon_oppsm_541 {
24519
+ ._sortingCell_ibs3l_533 ._sortingCellIcon_ibs3l_541 {
24520
24520
  font-size: 20px;
24521
24521
  position: absolute;
24522
24522
  right: 8px;
24523
24523
  top: 50%;
24524
24524
  transform: translateY(-50%);
24525
24525
  }
24526
- ._icon_oppsm_548 {
24526
+ ._icon_ibs3l_548 {
24527
24527
  display: inline-flex;
24528
24528
  margin-left: 8px;
24529
24529
  }
24530
- ._checkBoxCell_oppsm_552 {
24530
+ ._checkBoxCell_ibs3l_552 {
24531
24531
  padding-block: 0 !important;
24532
24532
  width: var(--size);
24533
24533
  }
24534
- ._iconCell_oppsm_556 {
24534
+ ._iconCell_ibs3l_556 {
24535
24535
  width: var(--size);
24536
24536
  text-align: center;
24537
24537
  padding: 0 !important;
24538
24538
  }
24539
- ._iconCell_oppsm_556 ._iconWrapper_oppsm_561 {
24539
+ ._iconCell_ibs3l_556 ._iconWrapper_ibs3l_561 {
24540
24540
  display: flex;
24541
24541
  justify-content: center;
24542
24542
  }
24543
- ._actionsCell_oppsm_565 {
24543
+ ._actionsCell_ibs3l_565 {
24544
24544
  width: var(--size-sm);
24545
24545
  padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
24546
24546
  position: sticky;
24547
24547
  right: 0;
24548
24548
  background: inherit;
24549
+ z-index: 4;
24549
24550
  }
24550
- ._rightAligned_oppsm_572 {
24551
+ ._rightAligned_ibs3l_573 {
24551
24552
  text-align: right !important;
24552
24553
  }
24553
- ._rightAligned_oppsm_572 ._staticCellContent_oppsm_479 {
24554
+ ._rightAligned_ibs3l_573 ._staticCellContent_ibs3l_479 {
24554
24555
  justify-content: flex-end;
24555
24556
  }
24556
- ._centerAligned_oppsm_578 {
24557
+ ._centerAligned_ibs3l_579 {
24557
24558
  text-align: center !important;
24558
24559
  }
24559
- ._leftAligned_oppsm_581 {
24560
+ ._leftAligned_ibs3l_582 {
24560
24561
  text-align: left !important;
24561
24562
  }
24562
- ._popover_oppsm_584 {
24563
+ ._popover_ibs3l_585 {
24563
24564
  padding: 6.5px 12px;
24564
24565
  }
24565
- ._disabledPointerEvents_oppsm_587 {
24566
+ ._disabledPointerEvents_ibs3l_588 {
24566
24567
  pointer-events: none;
24567
24568
  }
24568
24569
  /*
package/dist/index.js CHANGED
@@ -13900,31 +13900,31 @@ const dialogShape = propTypes$1.exports.shape({
13900
13900
  Dialog.propTypes = {
13901
13901
  dialog: dialogShape.isRequired
13902
13902
  };
13903
- const inputInTable$a = "_inputInTable_1k7ti_337";
13904
- const inputHover$a = "_inputHover_1k7ti_346";
13905
- const inputFocus$a = "_inputFocus_1k7ti_351";
13906
- const inputError$a = "_inputError_1k7ti_358";
13907
- const inputWarning$a = "_inputWarning_1k7ti_359";
13908
- const inputDisabled$a = "_inputDisabled_1k7ti_394";
13909
- const hideScrollbars$a = "_hideScrollbars_1k7ti_399";
13910
- const scrollbars$a = "_scrollbars_1k7ti_409";
13911
- const inline$2 = "_inline_1k7ti_448";
13912
- const left$2 = "_left_1k7ti_451";
13913
- const right$6 = "_right_1k7ti_454";
13914
- const fixed$1 = "_fixed_1k7ti_457";
13915
- const border$1 = "_border_1k7ti_469";
13916
- const shadow = "_shadow_1k7ti_475";
13917
- const drawerContent = "_drawerContent_1k7ti_478";
13918
- const isResizing = "_isResizing_1k7ti_490";
13919
- const toggleButton = "_toggleButton_1k7ti_501";
13920
- const top = "_top_1k7ti_514";
13921
- const bottom = "_bottom_1k7ti_517";
13922
- const toggleButtonOpen = "_toggleButtonOpen_1k7ti_520";
13923
- const tabs$1 = "_tabs_1k7ti_523";
13924
- const tab$1 = "_tab_1k7ti_523";
13925
- const active$4 = "_active_1k7ti_554";
13926
- const tabsContent = "_tabsContent_1k7ti_576";
13927
- const resizeHandle = "_resizeHandle_1k7ti_582";
13903
+ const inputInTable$a = "_inputInTable_yeflg_337";
13904
+ const inputHover$a = "_inputHover_yeflg_346";
13905
+ const inputFocus$a = "_inputFocus_yeflg_351";
13906
+ const inputError$a = "_inputError_yeflg_358";
13907
+ const inputWarning$a = "_inputWarning_yeflg_359";
13908
+ const inputDisabled$a = "_inputDisabled_yeflg_394";
13909
+ const hideScrollbars$a = "_hideScrollbars_yeflg_399";
13910
+ const scrollbars$a = "_scrollbars_yeflg_409";
13911
+ const inline$2 = "_inline_yeflg_448";
13912
+ const left$2 = "_left_yeflg_451";
13913
+ const right$6 = "_right_yeflg_454";
13914
+ const fixed$1 = "_fixed_yeflg_457";
13915
+ const border$1 = "_border_yeflg_469";
13916
+ const shadow = "_shadow_yeflg_475";
13917
+ const drawerContent = "_drawerContent_yeflg_478";
13918
+ const isResizing = "_isResizing_yeflg_490";
13919
+ const toggleButton = "_toggleButton_yeflg_501";
13920
+ const top = "_top_yeflg_514";
13921
+ const bottom = "_bottom_yeflg_517";
13922
+ const toggleButtonOpen = "_toggleButtonOpen_yeflg_520";
13923
+ const tabs$1 = "_tabs_yeflg_523";
13924
+ const tab$1 = "_tab_yeflg_523";
13925
+ const active$4 = "_active_yeflg_554";
13926
+ const tabsContent = "_tabsContent_yeflg_576";
13927
+ const resizeHandle = "_resizeHandle_yeflg_582";
13928
13928
  const styles$B = {
13929
13929
  inputInTable: inputInTable$a,
13930
13930
  inputHover: inputHover$a,
@@ -59263,37 +59263,37 @@ function CgSortAz(props) {
59263
59263
  function CgSortZa(props) {
59264
59264
  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none" }, "child": [{ "tag": "path", "attr": { "d": "M6 16C6 16.5523 6.44772 17 7 17H17C17.5523 17 18 16.5523 18 16C18 15.4477 17.5523 15 17 15H7C6.44772 15 6 15.4477 6 16Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M8 12C8 12.5523 8.44772 13 9 13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H9C8.44772 11 8 11.4477 8 12Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M11 9C10.4477 9 10 8.55229 10 8C10 7.44771 10.4477 7 11 7H13C13.5523 7 14 7.44771 14 8C14 8.55229 13.5523 9 13 9H11Z", "fill": "currentColor" } }] })(props);
59265
59265
  }
59266
- const inputInTable$1 = "_inputInTable_oppsm_337";
59267
- const inputHover$1 = "_inputHover_oppsm_346";
59268
- const inputFocus$1 = "_inputFocus_oppsm_351";
59269
- const inputError$1 = "_inputError_oppsm_358";
59270
- const inputWarning$1 = "_inputWarning_oppsm_359";
59271
- const inputDisabled$1 = "_inputDisabled_oppsm_394";
59272
- const hideScrollbars$1 = "_hideScrollbars_oppsm_399";
59273
- const scrollbars$1 = "_scrollbars_oppsm_409";
59274
- const cell = "_cell_oppsm_436";
59275
- const disabledLink = "_disabledLink_oppsm_446";
59276
- const inputWrapper = "_inputWrapper_oppsm_450";
59277
- const breakWord = "_breakWord_oppsm_466";
59278
- const inputCell = "_inputCell_oppsm_469";
59279
- const sliderCell = "_sliderCell_oppsm_472";
59280
- const staticCell = "_staticCell_oppsm_476";
59281
- const staticCellContent = "_staticCellContent_oppsm_479";
59282
- const error$1 = "_error_oppsm_492";
59283
- const warning$2 = "_warning_oppsm_493";
59284
- const unit = "_unit_oppsm_530";
59285
- const sortingCell = "_sortingCell_oppsm_533";
59286
- const sortingCellIcon = "_sortingCellIcon_oppsm_541";
59287
- const icon = "_icon_oppsm_548";
59288
- const checkBoxCell = "_checkBoxCell_oppsm_552";
59289
- const iconCell = "_iconCell_oppsm_556";
59290
- const iconWrapper = "_iconWrapper_oppsm_561";
59291
- const actionsCell = "_actionsCell_oppsm_565";
59292
- const rightAligned = "_rightAligned_oppsm_572";
59293
- const centerAligned = "_centerAligned_oppsm_578";
59294
- const leftAligned = "_leftAligned_oppsm_581";
59295
- const popover = "_popover_oppsm_584";
59296
- const disabledPointerEvents = "_disabledPointerEvents_oppsm_587";
59266
+ const inputInTable$1 = "_inputInTable_ibs3l_337";
59267
+ const inputHover$1 = "_inputHover_ibs3l_346";
59268
+ const inputFocus$1 = "_inputFocus_ibs3l_351";
59269
+ const inputError$1 = "_inputError_ibs3l_358";
59270
+ const inputWarning$1 = "_inputWarning_ibs3l_359";
59271
+ const inputDisabled$1 = "_inputDisabled_ibs3l_394";
59272
+ const hideScrollbars$1 = "_hideScrollbars_ibs3l_399";
59273
+ const scrollbars$1 = "_scrollbars_ibs3l_409";
59274
+ const cell = "_cell_ibs3l_436";
59275
+ const disabledLink = "_disabledLink_ibs3l_446";
59276
+ const inputWrapper = "_inputWrapper_ibs3l_450";
59277
+ const breakWord = "_breakWord_ibs3l_466";
59278
+ const inputCell = "_inputCell_ibs3l_469";
59279
+ const sliderCell = "_sliderCell_ibs3l_472";
59280
+ const staticCell = "_staticCell_ibs3l_476";
59281
+ const staticCellContent = "_staticCellContent_ibs3l_479";
59282
+ const error$1 = "_error_ibs3l_492";
59283
+ const warning$2 = "_warning_ibs3l_493";
59284
+ const unit = "_unit_ibs3l_530";
59285
+ const sortingCell = "_sortingCell_ibs3l_533";
59286
+ const sortingCellIcon = "_sortingCellIcon_ibs3l_541";
59287
+ const icon = "_icon_ibs3l_548";
59288
+ const checkBoxCell = "_checkBoxCell_ibs3l_552";
59289
+ const iconCell = "_iconCell_ibs3l_556";
59290
+ const iconWrapper = "_iconWrapper_ibs3l_561";
59291
+ const actionsCell = "_actionsCell_ibs3l_565";
59292
+ const rightAligned = "_rightAligned_ibs3l_573";
59293
+ const centerAligned = "_centerAligned_ibs3l_579";
59294
+ const leftAligned = "_leftAligned_ibs3l_582";
59295
+ const popover = "_popover_ibs3l_585";
59296
+ const disabledPointerEvents = "_disabledPointerEvents_ibs3l_588";
59297
59297
  const styles$7 = {
59298
59298
  inputInTable: inputInTable$1,
59299
59299
  inputHover: inputHover$1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "3.11.0-beta-3",
3
+ "version": "3.11.0-beta-4",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
6
6
  "bugs": {