@oliasoft-open-source/react-ui-library 3.2.5 → 3.2.6

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/global.css CHANGED
@@ -19036,198 +19036,200 @@ html[data-theme='dark'] {
19036
19036
  /*
19037
19037
  Z-INDEX
19038
19038
  */
19039
- ._inputInTable_k2npr_332 {
19039
+ ._inputInTable_11q83_332 {
19040
19040
  background-color: transparent;
19041
19041
  border-radius: inherit !important;
19042
19042
  height: 38px;
19043
19043
  min-height: 100%;
19044
19044
  }
19045
- ._inputHover_k2npr_338 {
19045
+ ._inputHover_11q83_338 {
19046
19046
  position: relative;
19047
19047
  border-color: var(--color-border-hover);
19048
19048
  z-index: 2;
19049
19049
  }
19050
- ._inputFocus_k2npr_343 {
19050
+ ._inputFocus_11q83_343 {
19051
19051
  position: relative;
19052
19052
  outline: none !important;
19053
19053
  border-color: var(--color-border-focus) !important;
19054
19054
  box-shadow: var(--shadow-focus);
19055
19055
  z-index: 3;
19056
19056
  }
19057
- ._inputError_k2npr_350,
19058
- ._inputWarning_k2npr_351 {
19057
+ ._inputError_11q83_350,
19058
+ ._inputWarning_11q83_351 {
19059
19059
  position: relative;
19060
19060
  }
19061
- ._inputError_k2npr_350 {
19061
+ ._inputError_11q83_350 {
19062
19062
  z-index: 2;
19063
19063
  border-color: var(--color-border-error) !important;
19064
19064
  color: var(--color-text-error) !important;
19065
19065
  background-color: var(--color-background-error);
19066
19066
  }
19067
- ._inputError_k2npr_350:hover {
19067
+ ._inputError_11q83_350:hover {
19068
19068
  border-color: var(--color-border-error-hover) !important;
19069
19069
  }
19070
- ._inputError_k2npr_350:focus {
19070
+ ._inputError_11q83_350:focus {
19071
19071
  position: relative;
19072
19072
  outline: none !important;
19073
19073
  border-color: var(--color-border-focus) !important;
19074
19074
  box-shadow: var(--shadow-focus);
19075
19075
  z-index: 3;
19076
19076
  }
19077
- ._inputWarning_k2npr_351 {
19077
+ ._inputWarning_11q83_351 {
19078
19078
  z-index: 1;
19079
19079
  border-color: var(--color-border-warning) !important;
19080
19080
  color: var(--color-text-warning) !important;
19081
19081
  background-color: var(--color-background-warning);
19082
19082
  }
19083
- ._inputWarning_k2npr_351:hover {
19083
+ ._inputWarning_11q83_351:hover {
19084
19084
  border-color: var(--color-border-warning-hover) !important;
19085
19085
  }
19086
- ._inputWarning_k2npr_351:focus {
19086
+ ._inputWarning_11q83_351:focus {
19087
19087
  position: relative;
19088
19088
  outline: none !important;
19089
19089
  border-color: var(--color-border-focus) !important;
19090
19090
  box-shadow: var(--shadow-focus);
19091
19091
  z-index: 3;
19092
19092
  }
19093
- ._inputDisabled_k2npr_386 {
19093
+ ._inputDisabled_11q83_386 {
19094
19094
  pointer-events: none;
19095
19095
  background-color: var(--color-background-disabled);
19096
19096
  color: var(--color-text-muted);
19097
19097
  }
19098
- ._hideScrollbars_k2npr_391 {
19098
+ ._hideScrollbars_11q83_391 {
19099
19099
  /* Firefox */
19100
19100
  scrollbar-width: none;
19101
19101
  /* IE 10+ */
19102
19102
  -ms-overflow-style: none;
19103
19103
  /* Chrome, Safari and Opera */
19104
19104
  }
19105
- ._hideScrollbars_k2npr_391::-webkit-scrollbar {
19105
+ ._hideScrollbars_11q83_391::-webkit-scrollbar {
19106
19106
  display: none;
19107
19107
  }
19108
- ._cellWrapperPadding_k2npr_401 {
19108
+ ._cellWrapperPadding_11q83_401 {
19109
19109
  padding: 9.5px 14px !important;
19110
19110
  }
19111
- ._flexBlock_k2npr_404 {
19111
+ ._flexBlock_11q83_404 {
19112
19112
  display: flex;
19113
19113
  align-items: center;
19114
19114
  justify-content: space-between;
19115
19115
  }
19116
- ._cellWrapper_k2npr_401 {
19116
+ ._cellWrapper_11q83_401 {
19117
19117
  padding: 9.5px 14px !important;
19118
19118
  }
19119
- ._cellWrapper_k2npr_401 a {
19119
+ ._cellWrapper_11q83_401 a {
19120
19120
  cursor: pointer;
19121
19121
  color: var(--color-text-primary) !important;
19122
19122
  }
19123
- ._cellWrapper_k2npr_401 a:hover {
19123
+ ._cellWrapper_11q83_401 a:hover {
19124
19124
  color: var(--color-text-primary-hover) !important;
19125
19125
  }
19126
- ._cellWrapper_k2npr_401 a:active {
19126
+ ._cellWrapper_11q83_401 a:active {
19127
19127
  color: var(--color-text-primary-active) !important;
19128
19128
  }
19129
- ._cellWrapper_k2npr_401 a._disabledLink_k2npr_422 {
19129
+ ._cellWrapper_11q83_401 a._disabledLink_11q83_422 {
19130
19130
  color: var(--color-text-faint) !important;
19131
19131
  cursor: default !important;
19132
19132
  }
19133
- ._inputWrapper_k2npr_426 {
19133
+ ._inputWrapper_11q83_426 {
19134
19134
  margin: -1px;
19135
19135
  height: calc(100% + 2px);
19136
19136
  border-radius: inherit;
19137
19137
  }
19138
- ._inputWrapper_k2npr_426 > span,
19139
- ._inputWrapper_k2npr_426 > span > span,
19140
- ._inputWrapper_k2npr_426 > span > span > div {
19138
+ ._inputWrapper_11q83_426 > span,
19139
+ ._inputWrapper_11q83_426 > span > span,
19140
+ ._inputWrapper_11q83_426 > span > span > div {
19141
19141
  height: 100%;
19142
19142
  border-radius: inherit;
19143
19143
  }
19144
- ._inputWrapper_k2npr_426 > div,
19145
- ._inputWrapper_k2npr_426 > div > span {
19144
+ ._inputWrapper_11q83_426 > div,
19145
+ ._inputWrapper_11q83_426 > div > span {
19146
19146
  height: 100%;
19147
19147
  border-radius: inherit;
19148
19148
  }
19149
- ._breakWord_k2npr_442 {
19149
+ ._breakWord_11q83_442 {
19150
19150
  word-break: break-word;
19151
19151
  }
19152
- ._inputCell_k2npr_445 {
19152
+ ._inputCell_11q83_445 {
19153
19153
  padding: 0 !important;
19154
19154
  }
19155
- ._sliderCell_k2npr_448 {
19155
+ ._sliderCell_11q83_448 {
19156
19156
  padding-top: 0 !important;
19157
19157
  padding-bottom: 0 !important;
19158
19158
  }
19159
- ._staticCell_k2npr_452 {
19159
+ ._staticCell_11q83_452 {
19160
19160
  padding: 0 !important;
19161
19161
  }
19162
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455 {
19162
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455 {
19163
19163
  min-height: 100%;
19164
19164
  padding: 9.5px 14px !important;
19165
19165
  line-height: 17px;
19166
19166
  position: relative;
19167
19167
  border-radius: inherit;
19168
+ display: flex;
19169
+ align-items: center;
19168
19170
  }
19169
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455._error_k2npr_462,
19170
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455._warning_k2npr_463 {
19171
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455._error_11q83_464,
19172
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455._warning_11q83_465 {
19171
19173
  border: 1px solid transparent;
19172
19174
  }
19173
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455._error_k2npr_462 {
19175
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455._error_11q83_464 {
19174
19176
  position: relative;
19175
19177
  z-index: 2;
19176
19178
  border-color: var(--color-border-error) !important;
19177
19179
  color: var(--color-text-error) !important;
19178
19180
  background-color: var(--color-background-error);
19179
19181
  }
19180
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455._error_k2npr_462:hover {
19182
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455._error_11q83_464:hover {
19181
19183
  border-color: var(--color-border-error-hover) !important;
19182
19184
  }
19183
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455._error_k2npr_462:focus {
19185
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455._error_11q83_464:focus {
19184
19186
  position: relative;
19185
19187
  outline: none !important;
19186
19188
  border-color: var(--color-border-focus) !important;
19187
19189
  box-shadow: var(--shadow-focus);
19188
19190
  z-index: 3;
19189
19191
  }
19190
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455._warning_k2npr_463 {
19192
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455._warning_11q83_465 {
19191
19193
  position: relative;
19192
19194
  z-index: 1;
19193
19195
  border-color: var(--color-border-warning) !important;
19194
19196
  color: var(--color-text-warning) !important;
19195
19197
  background-color: var(--color-background-warning);
19196
19198
  }
19197
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455._warning_k2npr_463:hover {
19199
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455._warning_11q83_465:hover {
19198
19200
  border-color: var(--color-border-warning-hover) !important;
19199
19201
  }
19200
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455._warning_k2npr_463:focus {
19202
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455._warning_11q83_465:focus {
19201
19203
  position: relative;
19202
19204
  outline: none !important;
19203
19205
  border-color: var(--color-border-focus) !important;
19204
19206
  box-shadow: var(--shadow-focus);
19205
19207
  z-index: 3;
19206
19208
  }
19207
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455._unit_k2npr_500 {
19209
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455._unit_11q83_502 {
19208
19210
  font-weight: normal;
19209
19211
  }
19210
- ._staticCell_k2npr_452 ._staticCellContent_k2npr_455._disabled_k2npr_422 {
19212
+ ._staticCell_11q83_452 ._staticCellContent_11q83_455._disabled_11q83_422 {
19211
19213
  pointer-events: none;
19212
19214
  background-color: var(--color-background-disabled);
19213
19215
  color: var(--color-text-muted);
19214
19216
  }
19215
- ._sortingCell_k2npr_508 ._staticCellContent_k2npr_455 {
19217
+ ._sortingCell_11q83_510 ._staticCellContent_11q83_455 {
19216
19218
  position: relative;
19217
19219
  padding-right: 45px !important;
19218
19220
  cursor: pointer !important;
19219
19221
  }
19220
- ._sortingCell_k2npr_508 ._staticCellContent_k2npr_455:hover {
19222
+ ._sortingCell_11q83_510 ._staticCellContent_11q83_455:hover {
19221
19223
  background-color: rgba(0, 0, 0, 0.05) !important;
19222
19224
  }
19223
- ._sortingCell_k2npr_508 ._sortingCellIcon_k2npr_516 {
19225
+ ._sortingCell_11q83_510 ._sortingCellIcon_11q83_518 {
19224
19226
  font-size: 20px;
19225
19227
  position: absolute;
19226
19228
  right: 10px;
19227
19229
  top: 50%;
19228
19230
  transform: translateY(-50%);
19229
19231
  }
19230
- ._icon_k2npr_523 {
19232
+ ._icon_11q83_525 {
19231
19233
  display: inline-block;
19232
19234
  margin-left: 8px;
19233
19235
  position: relative;
@@ -19235,43 +19237,46 @@ html[data-theme='dark'] {
19235
19237
  font-size: 13px;
19236
19238
  color: var(--color-text-faint);
19237
19239
  }
19238
- ._icon_k2npr_523:hover {
19240
+ ._icon_11q83_525:hover {
19239
19241
  color: var(--color-text-muted);
19240
19242
  }
19241
- ._icon_k2npr_523._clickable_k2npr_534:hover {
19243
+ ._icon_11q83_525._clickable_11q83_536:hover {
19242
19244
  cursor: pointer;
19243
19245
  color: var(--color-text-primary-hover);
19244
19246
  }
19245
- ._checkBoxCell_k2npr_538 {
19247
+ ._checkBoxCell_11q83_540 {
19246
19248
  padding-top: 0 !important;
19247
19249
  padding-bottom: 0 !important;
19248
19250
  }
19249
- ._iconCell_k2npr_542 {
19251
+ ._iconCell_11q83_544 {
19250
19252
  width: 37px;
19251
19253
  text-align: center;
19252
19254
  padding: 0 !important;
19253
19255
  }
19254
- ._iconCell_k2npr_542 ._iconWrapper_k2npr_547 {
19256
+ ._iconCell_11q83_544 ._iconWrapper_11q83_549 {
19255
19257
  display: flex;
19256
19258
  justify-content: center;
19257
19259
  }
19258
- ._actionsCell_k2npr_551 {
19260
+ ._actionsCell_11q83_553 {
19259
19261
  width: 24px;
19260
19262
  padding: 0 6px !important;
19261
19263
  }
19262
- ._rightAligned_k2npr_555 {
19264
+ ._rightAligned_11q83_557 {
19263
19265
  text-align: right !important;
19264
19266
  }
19265
- ._centerAligned_k2npr_558 {
19267
+ ._rightAligned_11q83_557 ._staticCellContent_11q83_455 {
19268
+ justify-content: flex-end;
19269
+ }
19270
+ ._centerAligned_11q83_563 {
19266
19271
  text-align: center !important;
19267
19272
  }
19268
- ._leftAligned_k2npr_561 {
19273
+ ._leftAligned_11q83_566 {
19269
19274
  text-align: left !important;
19270
19275
  }
19271
- ._popover_k2npr_564 {
19276
+ ._popover_11q83_569 {
19272
19277
  padding: 9.5px 14px;
19273
19278
  }
19274
- ._disabledPointerEvents_k2npr_567 {
19279
+ ._disabledPointerEvents_11q83_572 {
19275
19280
  pointer-events: none;
19276
19281
  }
19277
19282
  /*
package/dist/index.js CHANGED
@@ -35071,40 +35071,40 @@ function CgSortAz(props) {
35071
35071
  function CgSortZa(props) {
35072
35072
  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);
35073
35073
  }
35074
- const inputInTable$1 = "_inputInTable_k2npr_332";
35075
- const inputHover$1 = "_inputHover_k2npr_338";
35076
- const inputFocus$1 = "_inputFocus_k2npr_343";
35077
- const inputError$1 = "_inputError_k2npr_350";
35078
- const inputWarning$1 = "_inputWarning_k2npr_351";
35079
- const inputDisabled$1 = "_inputDisabled_k2npr_386";
35080
- const hideScrollbars$1 = "_hideScrollbars_k2npr_391";
35081
- const cellWrapperPadding = "_cellWrapperPadding_k2npr_401";
35082
- const flexBlock = "_flexBlock_k2npr_404";
35083
- const cellWrapper = "_cellWrapper_k2npr_401";
35084
- const disabledLink = "_disabledLink_k2npr_422";
35085
- const inputWrapper = "_inputWrapper_k2npr_426";
35086
- const breakWord = "_breakWord_k2npr_442";
35087
- const inputCell = "_inputCell_k2npr_445";
35088
- const sliderCell = "_sliderCell_k2npr_448";
35089
- const staticCell = "_staticCell_k2npr_452";
35090
- const staticCellContent = "_staticCellContent_k2npr_455";
35091
- const error$1 = "_error_k2npr_462";
35092
- const warning$1 = "_warning_k2npr_463";
35093
- const unit = "_unit_k2npr_500";
35094
- const disabled$2 = "_disabled_k2npr_422";
35095
- const sortingCell = "_sortingCell_k2npr_508";
35096
- const sortingCellIcon = "_sortingCellIcon_k2npr_516";
35097
- const icon = "_icon_k2npr_523";
35098
- const clickable = "_clickable_k2npr_534";
35099
- const checkBoxCell = "_checkBoxCell_k2npr_538";
35100
- const iconCell = "_iconCell_k2npr_542";
35101
- const iconWrapper = "_iconWrapper_k2npr_547";
35102
- const actionsCell = "_actionsCell_k2npr_551";
35103
- const rightAligned = "_rightAligned_k2npr_555";
35104
- const centerAligned = "_centerAligned_k2npr_558";
35105
- const leftAligned = "_leftAligned_k2npr_561";
35106
- const popover = "_popover_k2npr_564";
35107
- const disabledPointerEvents = "_disabledPointerEvents_k2npr_567";
35074
+ const inputInTable$1 = "_inputInTable_11q83_332";
35075
+ const inputHover$1 = "_inputHover_11q83_338";
35076
+ const inputFocus$1 = "_inputFocus_11q83_343";
35077
+ const inputError$1 = "_inputError_11q83_350";
35078
+ const inputWarning$1 = "_inputWarning_11q83_351";
35079
+ const inputDisabled$1 = "_inputDisabled_11q83_386";
35080
+ const hideScrollbars$1 = "_hideScrollbars_11q83_391";
35081
+ const cellWrapperPadding = "_cellWrapperPadding_11q83_401";
35082
+ const flexBlock = "_flexBlock_11q83_404";
35083
+ const cellWrapper = "_cellWrapper_11q83_401";
35084
+ const disabledLink = "_disabledLink_11q83_422";
35085
+ const inputWrapper = "_inputWrapper_11q83_426";
35086
+ const breakWord = "_breakWord_11q83_442";
35087
+ const inputCell = "_inputCell_11q83_445";
35088
+ const sliderCell = "_sliderCell_11q83_448";
35089
+ const staticCell = "_staticCell_11q83_452";
35090
+ const staticCellContent = "_staticCellContent_11q83_455";
35091
+ const error$1 = "_error_11q83_464";
35092
+ const warning$1 = "_warning_11q83_465";
35093
+ const unit = "_unit_11q83_502";
35094
+ const disabled$2 = "_disabled_11q83_422";
35095
+ const sortingCell = "_sortingCell_11q83_510";
35096
+ const sortingCellIcon = "_sortingCellIcon_11q83_518";
35097
+ const icon = "_icon_11q83_525";
35098
+ const clickable = "_clickable_11q83_536";
35099
+ const checkBoxCell = "_checkBoxCell_11q83_540";
35100
+ const iconCell = "_iconCell_11q83_544";
35101
+ const iconWrapper = "_iconWrapper_11q83_549";
35102
+ const actionsCell = "_actionsCell_11q83_553";
35103
+ const rightAligned = "_rightAligned_11q83_557";
35104
+ const centerAligned = "_centerAligned_11q83_563";
35105
+ const leftAligned = "_leftAligned_11q83_566";
35106
+ const popover = "_popover_11q83_569";
35107
+ const disabledPointerEvents = "_disabledPointerEvents_11q83_572";
35108
35108
  const styles$7 = {
35109
35109
  inputInTable: inputInTable$1,
35110
35110
  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.2.5",
3
+ "version": "3.2.6",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "module": "./dist/index.js",
6
6
  "main": "./dist/index.js",