@oliasoft-open-source/react-ui-library 4.0.0-beta-51 → 4.0.0-beta-52

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 (93) hide show
  1. package/dist/assets/{index-20a7a01e.css → index-c603c2a7.css} +146 -142
  2. package/dist/assets/{index-43280041.js → index-ec75e6bd.js} +42 -42
  3. package/dist/global.css +146 -142
  4. package/dist/index.html +1 -1
  5. package/dist/index.js +42 -42
  6. package/dist/storybook/assets/{Color-6VNJS4EI-851cae3f.js → Color-6VNJS4EI-0e859f5d.js} +1 -1
  7. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-e3c787ae.js → DocsRenderer-NNNQARDV-f798bb00.js} +1 -1
  8. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-9d76bc16.js → WithTooltip-4HIR6TLV-6e941d70.js} +1 -1
  9. package/dist/storybook/assets/{accordion.stories-5b98ef98.js → accordion.stories-3f53373a.js} +1 -1
  10. package/dist/storybook/assets/{actions-2160f0b7.js → actions-7f428221.js} +1 -1
  11. package/dist/storybook/assets/{actions.stories-a6271172.js → actions.stories-49f7c99e.js} +1 -1
  12. package/dist/storybook/assets/{afe.stories-b5689301.js → afe.stories-a7cd678a.js} +1 -1
  13. package/dist/storybook/assets/{badge.stories-c8ebb783.js → badge.stories-91d226ea.js} +1 -1
  14. package/dist/storybook/assets/{blowout.stories-704f4c8f.js → blowout.stories-041f9064.js} +1 -1
  15. package/dist/storybook/assets/button-1a6432ca.js +1 -0
  16. package/dist/storybook/assets/button-5afcc6c2.css +1 -0
  17. package/dist/storybook/assets/{button-group-40082468.js → button-group-4cf67956.js} +1 -1
  18. package/dist/storybook/assets/{button-group.stories-3164c0f3.js → button-group.stories-037665c3.js} +1 -1
  19. package/dist/storybook/assets/{button.stories-ea1f2227.js → button.stories-527e5e10.js} +1 -1
  20. package/dist/storybook/assets/{buttons-and-links-b0942c53.js → buttons-and-links-334983fe.js} +1 -1
  21. package/dist/storybook/assets/{casing-loads.stories-7d831b44.js → casing-loads.stories-2917f31b.js} +1 -1
  22. package/dist/storybook/assets/{cell.stories-5aa4f5eb.js → cell.stories-7bfb15c1.js} +1 -1
  23. package/dist/storybook/assets/{chunk-HLWAVYOI-d25a1669.js → chunk-HLWAVYOI-29644656.js} +1 -1
  24. package/dist/storybook/assets/{color-776794b4.js → color-0d791dab.js} +1 -1
  25. package/dist/storybook/assets/{dialog-8349cb3c.js → dialog-0b25d619.js} +1 -1
  26. package/dist/storybook/assets/{drawer-affb9ac5.js → drawer-c7c47af0.js} +1 -1
  27. package/dist/storybook/assets/{drawer.stories-70f8d2f6.js → drawer.stories-6ed88208.js} +1 -1
  28. package/dist/storybook/assets/{empty.stories-20e8d207.js → empty.stories-3ddba209.js} +1 -1
  29. package/dist/storybook/assets/{file-input.stories-d9806653.js → file-input.stories-fd7de460.js} +1 -1
  30. package/dist/storybook/assets/{flex.stories-c30d29bf.js → flex.stories-7e374469.js} +1 -1
  31. package/dist/storybook/assets/{footer.stories-d54706d0.js → footer.stories-be696df7.js} +1 -1
  32. package/dist/storybook/assets/{form.stories-e555f837.js → form.stories-def0936d.js} +1 -1
  33. package/dist/storybook/assets/{formation.stories-3a5dc942.js → formation.stories-699c7871.js} +1 -1
  34. package/dist/storybook/assets/{formatter-SWP5E3XI-8de6e22c.js → formatter-SWP5E3XI-bdd67232.js} +1 -1
  35. package/dist/storybook/assets/{iframe-36d77c8a.js → iframe-d9853d67.js} +1 -1
  36. package/dist/storybook/assets/{index-bcaf70cf.js → index-4997c9dc.js} +4 -4
  37. package/dist/storybook/assets/{input-group.stories-de127bd1.js → input-group.stories-3bffb32f.js} +1 -1
  38. package/dist/storybook/assets/{input-validation-fc7f532b.js → input-validation-aaf1c48a.js} +1 -1
  39. package/dist/storybook/assets/{inputs-05328b01.js → inputs-fc74a6a6.js} +1 -1
  40. package/dist/storybook/assets/{layout-forms-a2b8691f.js → layout-forms-76617c35.js} +1 -1
  41. package/dist/storybook/assets/{layout-general-74f8f047.js → layout-general-f1950619.js} +1 -1
  42. package/dist/storybook/assets/{list-7acd93e5.js → list-bc2bb312.js} +1 -1
  43. package/dist/storybook/assets/{list-heading-64854ce2.js → list-heading-f838e8b9.js} +1 -1
  44. package/dist/storybook/assets/{list.stories-b25817f0.js → list.stories-d3b5454a.js} +1 -1
  45. package/dist/storybook/assets/{list.stories-data-f7a0265a.js → list.stories-data-0bf85e7c.js} +1 -1
  46. package/dist/storybook/assets/{loader.stories-7ae27e7f.js → loader.stories-345ac97b.js} +1 -1
  47. package/dist/storybook/assets/{menu.stories-2c5bb21c.js → menu.stories-f4ee2169.js} +1 -1
  48. package/dist/storybook/assets/{message.stories-d2135d73.js → message.stories-81522f59.js} +1 -1
  49. package/dist/storybook/assets/{modal.stories-4a74b5b4.js → modal.stories-97ff9179.js} +1 -1
  50. package/dist/storybook/assets/{number-input.stories-3dd8bdd8.js → number-input.stories-820d854b.js} +1 -1
  51. package/dist/storybook/assets/{option-dropdown.stories-b4bcf361.js → option-dropdown.stories-d690de77.js} +1 -1
  52. package/dist/storybook/assets/{padding-and-spacing-4cd6ad63.js → padding-and-spacing-86cee39b.js} +1 -1
  53. package/dist/storybook/assets/{page.stories-ddb538ac.js → page.stories-7a5d6597.js} +1 -1
  54. package/dist/storybook/assets/{pagination-96898851.js → pagination-cfbe0404.js} +1 -1
  55. package/dist/storybook/assets/{pagination.stories-84ce5ddb.js → pagination.stories-ccbc8a0d.js} +1 -1
  56. package/dist/storybook/assets/{pop-confirm.stories-46bbf17b.js → pop-confirm.stories-6593bb61.js} +1 -1
  57. package/dist/storybook/assets/{popover-e167c2be.js → popover-2bc1502d.js} +1 -1
  58. package/dist/storybook/assets/{popover.stories-dfceb952.js → popover.stories-81a6f8cd.js} +1 -1
  59. package/dist/storybook/assets/preview-d6d8b5a6.js +1 -0
  60. package/dist/storybook/assets/{preview-c62fb805.js → preview-ff579ef7.js} +1 -1
  61. package/dist/storybook/assets/{projects.stories-60c8e945.js → projects.stories-7c2f981c.js} +1 -1
  62. package/dist/storybook/assets/{reservoirs.stories-47bc5500.js → reservoirs.stories-dad5573f.js} +1 -1
  63. package/dist/storybook/assets/{rich-text-input.stories-5c7396c9.js → rich-text-input.stories-8b81b03f.js} +1 -1
  64. package/dist/storybook/assets/{row.stories-b46f9e39.js → row.stories-3302da9d.js} +1 -1
  65. package/dist/storybook/assets/{select-4205655a.js → select-c8f67cba.js} +1 -1
  66. package/dist/storybook/assets/{select.stories-10c5ba09.js → select.stories-2aa0ad4a.js} +1 -1
  67. package/dist/storybook/assets/{side-bar-27e8274f.js → side-bar-340baf4a.js} +1 -1
  68. package/dist/storybook/assets/{side-bar.stories-8e95c7a0.js → side-bar.stories-06f6e222.js} +1 -1
  69. package/dist/storybook/assets/{site.stories-cf305fd6.js → site.stories-e87829fd.js} +1 -1
  70. package/dist/storybook/assets/{slider-12b47db8.js → slider-054cbf00.js} +1 -1
  71. package/dist/storybook/assets/{slider.stories-e13e1826.js → slider.stories-912acff7.js} +1 -1
  72. package/dist/storybook/assets/{spacer.stories-6e49f485.js → spacer.stories-bab3f7b3.js} +1 -1
  73. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-6440072d.js → syntaxhighlighter-NMPM6SWI-263ddad6.js} +1 -1
  74. package/dist/storybook/assets/{table-ebbbb54b.js → table-14d09eed.js} +1 -1
  75. package/dist/storybook/assets/{table.stories-1da7ffea.js → table.stories-a7b6a314.js} +1 -1
  76. package/dist/storybook/assets/{table.stories-data-2b6906fd.js → table.stories-data-609c613f.js} +1 -1
  77. package/dist/storybook/assets/{title.stories-5f27fef6.js → title.stories-8f355b1b.js} +1 -1
  78. package/dist/storybook/assets/{toaster-15d794e1.js → toaster-fcfecfd1.js} +1 -1
  79. package/dist/storybook/assets/{toaster.stories-d0d61a71.js → toaster.stories-155c7136.js} +1 -1
  80. package/dist/storybook/assets/{tooltip.test-case.stories-1bd44124.js → tooltip.test-case.stories-cc1e44f4.js} +1 -1
  81. package/dist/storybook/assets/top-bar-80ceac9d.css +1 -0
  82. package/dist/storybook/assets/{top-bar-0cd6dea8.js → top-bar-952f0e1a.js} +1 -1
  83. package/dist/storybook/assets/{top-bar.stories-0bef8d8d.js → top-bar.stories-05be5d4c.js} +1 -1
  84. package/dist/storybook/assets/{top-bar.testcase.stories-cae6740f.js → top-bar.testcase.stories-9383705f.js} +1 -1
  85. package/dist/storybook/assets/{tree.stories-46fbfd8b.js → tree.stories-706f7fae.js} +1 -1
  86. package/dist/storybook/assets/{types-780c6cba.js → types-912e634b.js} +1 -1
  87. package/dist/storybook/iframe.html +1 -1
  88. package/dist/storybook/project.json +1 -1
  89. package/package.json +1 -1
  90. package/dist/storybook/assets/button-848241fb.css +0 -1
  91. package/dist/storybook/assets/button-fa6a59b2.js +0 -1
  92. package/dist/storybook/assets/preview-be4289db.js +0 -1
  93. package/dist/storybook/assets/top-bar-5c442795.css +0 -1
@@ -966,83 +966,84 @@ a {
966
966
  ._contentWrapper_1cgsf_16 {
967
967
  border-radius: inherit;
968
968
  }
969
- ._inputInTable_p7a3o_1 {
969
+ ._inputInTable_vvyhs_1 {
970
970
  background-color: transparent;
971
971
  border-radius: inherit !important;
972
972
  height: var(--size);
973
973
  min-height: 100%;
974
974
  }
975
- ._inputInTable_p7a3o_1:not(:hover) {
975
+ ._inputInTable_vvyhs_1:not(:hover) {
976
976
  border-color: transparent;
977
977
  }
978
- ._inputInTable_p7a3o_1:not(:focus) {
978
+ ._inputInTable_vvyhs_1:not(:focus) {
979
979
  box-shadow: none;
980
980
  }
981
- ._inputHover_p7a3o_13 {
981
+ ._inputHover_vvyhs_13 {
982
982
  position: relative;
983
983
  border-color: var(--color-border-hover);
984
984
  z-index: 2;
985
985
  }
986
- ._inputFocus_p7a3o_18 {
986
+ ._inputFocus_vvyhs_18 {
987
987
  position: relative;
988
988
  outline: none !important;
989
989
  border-color: var(--color-border-focus) !important;
990
990
  box-shadow: var(--shadow-focus);
991
991
  z-index: 3;
992
992
  }
993
- ._inputError_p7a3o_25,
994
- ._inputWarning_p7a3o_26 {
993
+ ._inputError_vvyhs_25,
994
+ ._inputWarning_vvyhs_26 {
995
995
  position: relative;
996
996
  }
997
- ._inputError_p7a3o_25 {
997
+ ._inputError_vvyhs_25 {
998
998
  z-index: 2;
999
999
  border-color: var(--color-border-error);
1000
1000
  color: var(--color-text-error) !important;
1001
1001
  background-color: var(--color-background-error);
1002
1002
  }
1003
- ._inputError_p7a3o_25:hover {
1003
+ ._inputError_vvyhs_25:hover {
1004
1004
  border-color: var(--color-border-error-hover) !important;
1005
1005
  }
1006
- ._inputError_p7a3o_25:focus {
1006
+ ._inputError_vvyhs_25:focus {
1007
1007
  position: relative;
1008
1008
  outline: none !important;
1009
1009
  border-color: var(--color-border-focus) !important;
1010
1010
  box-shadow: var(--shadow-focus);
1011
1011
  z-index: 3;
1012
1012
  }
1013
- ._inputWarning_p7a3o_26 {
1013
+ ._inputWarning_vvyhs_26 {
1014
1014
  z-index: 1;
1015
1015
  border-color: var(--color-border-warning);
1016
1016
  color: var(--color-text-warning) !important;
1017
1017
  background-color: var(--color-background-warning);
1018
1018
  }
1019
- ._inputWarning_p7a3o_26:hover {
1019
+ ._inputWarning_vvyhs_26:hover {
1020
1020
  border-color: var(--color-border-warning-hover) !important;
1021
1021
  }
1022
- ._inputWarning_p7a3o_26:focus {
1022
+ ._inputWarning_vvyhs_26:focus {
1023
1023
  position: relative;
1024
1024
  outline: none !important;
1025
1025
  border-color: var(--color-border-focus) !important;
1026
1026
  box-shadow: var(--shadow-focus);
1027
1027
  z-index: 3;
1028
1028
  }
1029
- ._inputDisabled_p7a3o_61 {
1029
+ ._inputDisabled_vvyhs_61 {
1030
1030
  pointer-events: none;
1031
1031
  background-color: var(--color-background-disabled);
1032
1032
  color: var(--color-text-muted);
1033
1033
  box-shadow: none;
1034
1034
  }
1035
- ._hideScrollbars_p7a3o_67 {
1035
+ ._hideScrollbars_vvyhs_67 {
1036
1036
  /* Firefox */
1037
1037
  scrollbar-width: none;
1038
1038
  /* IE 10+ */
1039
1039
  -ms-overflow-style: none;
1040
1040
  /* Chrome, Safari and Opera */
1041
1041
  }
1042
- ._hideScrollbars_p7a3o_67::-webkit-scrollbar {
1042
+ ._hideScrollbars_vvyhs_67::-webkit-scrollbar {
1043
1043
  display: none;
1044
1044
  }
1045
1045
  :root {
1046
+ --color-border-button: rgba(0, 0, 0, 0.15);
1046
1047
  --color-background-button-default: var(--color-neutral-0);
1047
1048
  --color-background-button-default-hover: var(--color-neutral-50);
1048
1049
  --color-background-button-default-active: var(--color-neutral-100);
@@ -1059,12 +1060,13 @@ a {
1059
1060
  --color-background-button-error-active: var(--color-error-600);
1060
1061
  }
1061
1062
  html[data-theme='dark'] {
1063
+ --color-border-button: var(--color-border);
1062
1064
  --color-background-button-default: var(--color-neutral-800);
1063
1065
  --color-background-button-default-hover: var(--color-neutral-750);
1064
1066
  --color-background-button-default-active: var(--color-neutral-700);
1065
1067
  --color-text-button-default-active: white;
1066
1068
  }
1067
- ._button_p7a3o_99 {
1069
+ ._button_vvyhs_101 {
1068
1070
  cursor: pointer;
1069
1071
  display: inline-flex;
1070
1072
  align-items: center;
@@ -1090,233 +1092,233 @@ html[data-theme='dark'] {
1090
1092
  box-shadow: var(--shadow-button);
1091
1093
  font-weight: bold;
1092
1094
  }
1093
- ._button_p7a3o_99:hover {
1095
+ ._button_vvyhs_101:hover {
1094
1096
  background: var(--color-background-button-default-hover);
1095
1097
  }
1096
- ._button_p7a3o_99:focus {
1098
+ ._button_vvyhs_101:focus {
1097
1099
  box-shadow: var(--shadow-focus) !important;
1098
1100
  }
1099
- ._button_p7a3o_99:active {
1101
+ ._button_vvyhs_101:active {
1100
1102
  background: var(--color-background-button-default-active);
1101
1103
  box-shadow: none;
1102
1104
  }
1103
- ._button_p7a3o_99._active_p7a3o_135:not(._green_p7a3o_135):not(._red_p7a3o_135):not(._orange_p7a3o_135) {
1105
+ ._button_vvyhs_101._active_vvyhs_137:not(._green_vvyhs_137):not(._red_vvyhs_137):not(._orange_vvyhs_137) {
1104
1106
  border-color: var(--color-border-button-default-active);
1105
1107
  color: var(--color-text-button-default-active);
1106
1108
  position: relative;
1107
1109
  z-index: 2;
1108
1110
  }
1109
- ._button_p7a3o_99:hover,
1110
- ._button_p7a3o_99:focus,
1111
- ._button_p7a3o_99:active {
1111
+ ._button_vvyhs_101:hover,
1112
+ ._button_vvyhs_101:focus,
1113
+ ._button_vvyhs_101:active {
1112
1114
  position: relative;
1113
1115
  z-index: 1;
1114
1116
  }
1115
- ._button_p7a3o_99 ._icon_p7a3o_147 {
1117
+ ._button_vvyhs_101 ._icon_vvyhs_149 {
1116
1118
  margin: -2px;
1117
1119
  margin-right: var(--padding-xxs);
1118
1120
  font-size: var(--size-xs);
1119
1121
  display: flex;
1120
1122
  }
1121
- ._iconOnly_p7a3o_153 {
1123
+ ._iconOnly_vvyhs_155 {
1122
1124
  width: var(--size);
1123
1125
  display: inline-flex;
1124
1126
  align-items: center;
1125
1127
  justify-content: center;
1126
1128
  }
1127
- ._iconOnly_p7a3o_153 ._icon_p7a3o_147 {
1129
+ ._iconOnly_vvyhs_155 ._icon_vvyhs_149 {
1128
1130
  margin: 0;
1129
1131
  line-height: 0;
1130
1132
  }
1131
- ._basic_p7a3o_163 {
1133
+ ._basic_vvyhs_165 {
1132
1134
  color: var(--color-text-primary);
1133
1135
  background: transparent;
1134
1136
  box-shadow: none !important;
1135
1137
  border: none !important;
1136
1138
  }
1137
- ._basic_p7a3o_163._muted_p7a3o_169 {
1139
+ ._basic_vvyhs_165._muted_vvyhs_171 {
1138
1140
  color: var(--color-text-muted);
1139
1141
  }
1140
- ._basic_p7a3o_163:hover {
1142
+ ._basic_vvyhs_165:hover {
1141
1143
  color: var(--color-text-primary-hover);
1142
1144
  background: rgba(0, 0, 0, 0.05);
1143
1145
  }
1144
- [data-theme='dark'] ._basic_p7a3o_163:hover {
1146
+ [data-theme='dark'] ._basic_vvyhs_165:hover {
1145
1147
  background: rgba(255, 255, 255, 0.1);
1146
1148
  }
1147
- ._basic_p7a3o_163:active,
1148
- ._basic_p7a3o_163._active_p7a3o_135 {
1149
+ ._basic_vvyhs_165:active,
1150
+ ._basic_vvyhs_165._active_vvyhs_137 {
1149
1151
  color: var(--color-text-primary-active);
1150
1152
  background: rgba(0, 0, 0, 0.1);
1151
1153
  }
1152
- [data-theme='dark'] ._basic_p7a3o_163:active,
1153
- [data-theme='dark'] ._basic_p7a3o_163._active_p7a3o_135 {
1154
+ [data-theme='dark'] ._basic_vvyhs_165:active,
1155
+ [data-theme='dark'] ._basic_vvyhs_165._active_vvyhs_137 {
1154
1156
  background: rgba(255, 255, 255, 0.2);
1155
1157
  }
1156
- ._disabled_p7a3o_188 {
1158
+ ._disabled_vvyhs_190 {
1157
1159
  cursor: default;
1158
1160
  pointer-events: none !important;
1159
1161
  color: var(--color-text-faint) !important;
1160
1162
  box-shadow: none !important;
1161
1163
  }
1162
- ._disabled_p7a3o_188:not(._active_p7a3o_135):not(._basic_p7a3o_163) {
1164
+ ._disabled_vvyhs_190:not(._active_vvyhs_137):not(._basic_vvyhs_165) {
1163
1165
  background: var(--color-background-disabled) !important;
1164
1166
  border: 1px solid var(--color-border) !important;
1165
1167
  }
1166
- ._small_p7a3o_198 {
1168
+ ._small_vvyhs_200 {
1167
1169
  font-size: var(--font-size-sm);
1168
1170
  min-height: var(--size-sm);
1169
1171
  padding: var(--padding-input-sm);
1170
1172
  }
1171
- ._pill_p7a3o_203,
1172
- ._round_p7a3o_204 {
1173
+ ._pill_vvyhs_205,
1174
+ ._round_vvyhs_206 {
1173
1175
  border-radius: 19px;
1174
1176
  display: inline-flex;
1175
1177
  align-items: center;
1176
1178
  }
1177
- ._round_p7a3o_204 {
1179
+ ._round_vvyhs_206 {
1178
1180
  padding: 0;
1179
1181
  width: var(--size);
1180
1182
  line-height: 1;
1181
1183
  }
1182
- ._round_p7a3o_204._small_p7a3o_198 {
1184
+ ._round_vvyhs_206._small_vvyhs_200 {
1183
1185
  width: var(--size-sm);
1184
1186
  }
1185
- ._orange_p7a3o_135:not(._basic_p7a3o_163) {
1187
+ ._orange_vvyhs_137:not(._basic_vvyhs_165) {
1186
1188
  background-color: var(--color-background-button-primary);
1187
1189
  }
1188
- ._orange_p7a3o_135:not(._basic_p7a3o_163):hover {
1190
+ ._orange_vvyhs_137:not(._basic_vvyhs_165):hover {
1189
1191
  background-color: var(--color-background-button-primary-hover);
1190
1192
  }
1191
- ._orange_p7a3o_135:not(._basic_p7a3o_163):active,
1192
- ._orange_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135 {
1193
+ ._orange_vvyhs_137:not(._basic_vvyhs_165):active,
1194
+ ._orange_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
1193
1195
  background-color: var(--color-background-button-primary-active);
1194
1196
  }
1195
- ._red_p7a3o_135:not(._basic_p7a3o_163) {
1197
+ ._red_vvyhs_137:not(._basic_vvyhs_165) {
1196
1198
  background-color: var(--color-background-button-error);
1197
1199
  }
1198
- ._red_p7a3o_135:not(._basic_p7a3o_163):hover {
1200
+ ._red_vvyhs_137:not(._basic_vvyhs_165):hover {
1199
1201
  background-color: var(--color-background-button-error-hover);
1200
1202
  }
1201
- ._red_p7a3o_135:not(._basic_p7a3o_163):active,
1202
- ._red_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135 {
1203
+ ._red_vvyhs_137:not(._basic_vvyhs_165):active,
1204
+ ._red_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
1203
1205
  background-color: var(--color-background-button-error-active);
1204
1206
  }
1205
- ._red_p7a3o_135._basic_p7a3o_163 {
1207
+ ._red_vvyhs_137._basic_vvyhs_165 {
1206
1208
  color: var(--color-text-error);
1207
1209
  }
1208
- ._green_p7a3o_135:not(._basic_p7a3o_163) {
1210
+ ._green_vvyhs_137:not(._basic_vvyhs_165) {
1209
1211
  background-color: var(--color-background-button-success);
1210
1212
  }
1211
- ._green_p7a3o_135:not(._basic_p7a3o_163):hover {
1213
+ ._green_vvyhs_137:not(._basic_vvyhs_165):hover {
1212
1214
  background-color: var(--color-background-button-success-hover);
1213
1215
  }
1214
- ._green_p7a3o_135:not(._basic_p7a3o_163):active,
1215
- ._green_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135 {
1216
+ ._green_vvyhs_137:not(._basic_vvyhs_165):active,
1217
+ ._green_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
1216
1218
  background-color: var(--color-background-button-success-active);
1217
1219
  }
1218
- ._green_p7a3o_135._basic_p7a3o_163 {
1220
+ ._green_vvyhs_137._basic_vvyhs_165 {
1219
1221
  color: var(--color-text-success);
1220
1222
  }
1221
- ._orange_p7a3o_135,
1222
- ._red_p7a3o_135,
1223
- ._green_p7a3o_135 {
1224
- border-color: transparent;
1223
+ ._orange_vvyhs_137,
1224
+ ._red_vvyhs_137,
1225
+ ._green_vvyhs_137 {
1226
+ border-color: var(--color-border-button);
1225
1227
  }
1226
- ._orange_p7a3o_135:not(._basic_p7a3o_163),
1227
- ._red_p7a3o_135:not(._basic_p7a3o_163),
1228
- ._green_p7a3o_135:not(._basic_p7a3o_163) {
1228
+ ._orange_vvyhs_137:not(._basic_vvyhs_165),
1229
+ ._red_vvyhs_137:not(._basic_vvyhs_165),
1230
+ ._green_vvyhs_137:not(._basic_vvyhs_165) {
1229
1231
  color: #fff;
1230
1232
  }
1231
- ._orange_p7a3o_135:not(._basic_p7a3o_163):hover,
1232
- ._red_p7a3o_135:not(._basic_p7a3o_163):hover,
1233
- ._green_p7a3o_135:not(._basic_p7a3o_163):hover {
1233
+ ._orange_vvyhs_137:not(._basic_vvyhs_165):hover,
1234
+ ._red_vvyhs_137:not(._basic_vvyhs_165):hover,
1235
+ ._green_vvyhs_137:not(._basic_vvyhs_165):hover {
1234
1236
  color: #fff;
1235
1237
  }
1236
- ._orange_p7a3o_135:not(._basic_p7a3o_163):active,
1237
- ._red_p7a3o_135:not(._basic_p7a3o_163):active,
1238
- ._green_p7a3o_135:not(._basic_p7a3o_163):active,
1239
- ._orange_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135,
1240
- ._red_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135,
1241
- ._green_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135 {
1238
+ ._orange_vvyhs_137:not(._basic_vvyhs_165):active,
1239
+ ._red_vvyhs_137:not(._basic_vvyhs_165):active,
1240
+ ._green_vvyhs_137:not(._basic_vvyhs_165):active,
1241
+ ._orange_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137,
1242
+ ._red_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137,
1243
+ ._green_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
1242
1244
  color: #fff;
1243
1245
  }
1244
- ._error_p7a3o_276 {
1246
+ ._error_vvyhs_278 {
1245
1247
  position: relative;
1246
1248
  z-index: 2;
1247
1249
  border-color: var(--color-border-error);
1248
1250
  color: var(--color-text-error) !important;
1249
1251
  background-color: var(--color-background-error);
1250
1252
  }
1251
- ._error_p7a3o_276:hover {
1253
+ ._error_vvyhs_278:hover {
1252
1254
  border-color: var(--color-border-error-hover) !important;
1253
1255
  }
1254
- ._error_p7a3o_276:focus {
1256
+ ._error_vvyhs_278:focus {
1255
1257
  position: relative;
1256
1258
  outline: none !important;
1257
1259
  border-color: var(--color-border-focus) !important;
1258
1260
  box-shadow: var(--shadow-focus);
1259
1261
  z-index: 3;
1260
1262
  }
1261
- ._warning_p7a3o_293 {
1263
+ ._warning_vvyhs_295 {
1262
1264
  position: relative;
1263
1265
  z-index: 1;
1264
1266
  border-color: var(--color-border-warning);
1265
1267
  color: var(--color-text-warning) !important;
1266
1268
  background-color: var(--color-background-warning);
1267
1269
  }
1268
- ._warning_p7a3o_293:hover {
1270
+ ._warning_vvyhs_295:hover {
1269
1271
  border-color: var(--color-border-warning-hover) !important;
1270
1272
  }
1271
- ._warning_p7a3o_293:focus {
1273
+ ._warning_vvyhs_295:focus {
1272
1274
  position: relative;
1273
1275
  outline: none !important;
1274
1276
  border-color: var(--color-border-focus) !important;
1275
1277
  box-shadow: var(--shadow-focus);
1276
1278
  z-index: 3;
1277
1279
  }
1278
- ._inverted_p7a3o_310 {
1280
+ ._inverted_vvyhs_312 {
1279
1281
  background-color: transparent;
1280
1282
  border-color: var(--color-text);
1281
1283
  box-shadow: none;
1282
1284
  }
1283
- ._inverted_p7a3o_310:hover,
1284
- ._inverted_p7a3o_310:active {
1285
+ ._inverted_vvyhs_312:hover,
1286
+ ._inverted_vvyhs_312:active {
1285
1287
  box-shadow: none;
1286
1288
  }
1287
- ._inverted_p7a3o_310._orange_p7a3o_135 {
1289
+ ._inverted_vvyhs_312._orange_vvyhs_137 {
1288
1290
  color: var(--color-background-button-primary);
1289
1291
  border-color: var(--color-background-button-primary);
1290
1292
  }
1291
- ._inverted_p7a3o_310._red_p7a3o_135 {
1293
+ ._inverted_vvyhs_312._red_vvyhs_137 {
1292
1294
  color: var(--color-background-button-error);
1293
1295
  border-color: var(--color-background-button-error);
1294
1296
  }
1295
- ._inverted_p7a3o_310._green_p7a3o_135 {
1297
+ ._inverted_vvyhs_312._green_vvyhs_137 {
1296
1298
  color: var(--color-background-button-success);
1297
1299
  border-color: var(--color-background-button-success);
1298
1300
  }
1299
- ._inverted_p7a3o_310._orange_p7a3o_135:hover,
1300
- ._inverted_p7a3o_310._red_p7a3o_135:hover,
1301
- ._inverted_p7a3o_310._green_p7a3o_135:hover,
1302
- ._inverted_p7a3o_310._orange_p7a3o_135:active,
1303
- ._inverted_p7a3o_310._red_p7a3o_135:active,
1304
- ._inverted_p7a3o_310._green_p7a3o_135:active {
1301
+ ._inverted_vvyhs_312._orange_vvyhs_137:hover,
1302
+ ._inverted_vvyhs_312._red_vvyhs_137:hover,
1303
+ ._inverted_vvyhs_312._green_vvyhs_137:hover,
1304
+ ._inverted_vvyhs_312._orange_vvyhs_137:active,
1305
+ ._inverted_vvyhs_312._red_vvyhs_137:active,
1306
+ ._inverted_vvyhs_312._green_vvyhs_137:active {
1305
1307
  color: white;
1306
1308
  box-shadow: none;
1307
1309
  }
1308
- ._groupOrderFirst_p7a3o_340,
1309
- ._groupOrderMiddle_p7a3o_341,
1310
- ._groupOrderLast_p7a3o_342 {
1310
+ ._groupOrderFirst_vvyhs_342,
1311
+ ._groupOrderMiddle_vvyhs_343,
1312
+ ._groupOrderLast_vvyhs_344 {
1311
1313
  margin-right: 0;
1312
1314
  }
1313
- ._groupOrderFirst_p7a3o_340,
1314
- ._groupOrderMiddle_p7a3o_341 {
1315
+ ._groupOrderFirst_vvyhs_342,
1316
+ ._groupOrderMiddle_vvyhs_343 {
1315
1317
  border-top-right-radius: 0 !important;
1316
1318
  border-bottom-right-radius: 0 !important;
1317
1319
  }
1318
- ._groupOrderLast_p7a3o_342,
1319
- ._groupOrderMiddle_p7a3o_341 {
1320
+ ._groupOrderLast_vvyhs_344,
1321
+ ._groupOrderMiddle_vvyhs_343 {
1320
1322
  border-top-left-radius: 0 !important;
1321
1323
  border-bottom-left-radius: 0 !important;
1322
1324
  }
@@ -10568,13 +10570,13 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
10568
10570
  --size-topbar: var(--size-xl);
10569
10571
  --color-link-border-hover: var(--color-neutral-100);
10570
10572
  --shadow-topbar: var(--shadow-layer);
10571
- --border-top-bar: none;
10573
+ --border-topbar: none;
10572
10574
  }
10573
10575
  [data-theme='dark'] {
10574
10576
  --color-link-border-hover: var(--color-neutral-600);
10575
- --border-topbar: 1px var(--color-border);
10577
+ --border-topbar: 1px solid var(--color-border);
10576
10578
  }
10577
- ._topbar_11jto_11 {
10579
+ ._topbar_hoilu_11 {
10578
10580
  top: 0;
10579
10581
  left: 0;
10580
10582
  z-index: var(--zindex-topbar);
@@ -10584,59 +10586,61 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
10584
10586
  background: var(--color-background-raised);
10585
10587
  display: flex;
10586
10588
  }
10587
- ._topbar_11jto_11._fixed_11jto_21 {
10589
+ ._topbar_hoilu_11._fixed_hoilu_21 {
10588
10590
  position: fixed;
10589
10591
  }
10590
10592
  @media print {
10591
- ._topbar_11jto_11 {
10593
+ ._topbar_hoilu_11 {
10592
10594
  display: none !important;
10593
10595
  }
10594
10596
  }
10595
- ._appSwitcher_11jto_29 {
10597
+ ._appSwitcher_hoilu_29 {
10596
10598
  color: white;
10597
10599
  display: flex;
10598
10600
  align-items: center;
10599
10601
  justify-content: center;
10600
10602
  cursor: pointer;
10601
10603
  background-color: var(--color-neutral-700);
10602
- aspect-ratio: 1;
10604
+ height: var(--size-topbar);
10605
+ width: var(--size-topbar);
10603
10606
  font-size: var(--size);
10604
10607
  position: relative;
10605
10608
  }
10606
- ._appSwitcher_11jto_29:hover {
10609
+ ._appSwitcher_hoilu_29:hover {
10607
10610
  background-color: var(--color-neutral-750);
10608
10611
  }
10609
- ._appSwitcher_11jto_29:active {
10612
+ ._appSwitcher_hoilu_29:active {
10610
10613
  background-color: var(--color-neutral-800);
10611
10614
  }
10612
- [data-theme='dark'] ._appSwitcher_11jto_29 {
10615
+ [data-theme='dark'] ._appSwitcher_hoilu_29 {
10613
10616
  background-color: var(--color-neutral-900);
10614
10617
  }
10615
- [data-theme='dark'] ._appSwitcher_11jto_29:hover {
10618
+ [data-theme='dark'] ._appSwitcher_hoilu_29:hover {
10616
10619
  background-color: var(--color-neutral-950);
10617
10620
  }
10618
- [data-theme='dark'] ._appSwitcher_11jto_29:active {
10621
+ [data-theme='dark'] ._appSwitcher_hoilu_29:active {
10619
10622
  background-color: var(--color-neutral-1000);
10620
10623
  }
10621
- ._appSwitcher_11jto_29 > * {
10624
+ ._appSwitcher_hoilu_29 > * {
10622
10625
  position: relative;
10623
10626
  z-index: 1;
10624
10627
  }
10625
- ._appSwitcher_11jto_29:after {
10628
+ ._appSwitcher_hoilu_29:after {
10626
10629
  content: '';
10627
10630
  position: absolute;
10628
10631
  inset: 0;
10629
10632
  background-image: url('/react-ui-library/assets/bg-rock-164a1bdb.jpg');
10630
10633
  z-index: 0;
10631
10634
  transition: opacity 0.2s;
10635
+ opacity: 0.75;
10632
10636
  }
10633
- ._appSwitcher_11jto_29:hover:after {
10637
+ ._appSwitcher_hoilu_29:hover:after {
10634
10638
  opacity: 0.75;
10635
10639
  }
10636
- ._appSwitcher_11jto_29:active:after {
10640
+ ._appSwitcher_hoilu_29:active:after {
10637
10641
  opacity: 0.5;
10638
10642
  }
10639
- ._title_11jto_73 {
10643
+ ._title_hoilu_75 {
10640
10644
  display: flex;
10641
10645
  align-items: center;
10642
10646
  justify-content: center;
@@ -10644,55 +10648,55 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
10644
10648
  padding: 0;
10645
10649
  position: relative;
10646
10650
  }
10647
- ._title_11jto_73 img,
10648
- ._title_11jto_73 svg {
10651
+ ._title_hoilu_75 img,
10652
+ ._title_hoilu_75 svg {
10649
10653
  max-height: var(--size-lg);
10650
10654
  max-width: 300px;
10651
10655
  height: auto;
10652
10656
  width: auto;
10653
10657
  color: var(--color-text);
10654
10658
  }
10655
- ._title_11jto_73 ._logo_11jto_89 {
10659
+ ._title_hoilu_75 ._logo_hoilu_91 {
10656
10660
  display: flex;
10657
10661
  }
10658
- ._title_11jto_73 ._label_11jto_92 {
10662
+ ._title_hoilu_75 ._label_hoilu_94 {
10659
10663
  color: var(--color-text);
10660
10664
  white-space: nowrap;
10661
10665
  font-weight: bold;
10662
10666
  }
10663
- ._brand_11jto_97 {
10667
+ ._brand_hoilu_99 {
10664
10668
  padding: 0;
10665
10669
  position: relative;
10666
10670
  flex-shrink: 0;
10667
10671
  }
10668
- ._version_11jto_102 {
10672
+ ._version_hoilu_104 {
10669
10673
  line-height: 1;
10670
10674
  position: absolute;
10671
10675
  right: 0;
10672
10676
  bottom: 100%;
10673
10677
  font-size: var(--font-size-xs);
10674
10678
  }
10675
- ._left_11jto_109,
10676
- ._right_11jto_110 {
10679
+ ._left_hoilu_111,
10680
+ ._right_hoilu_112 {
10677
10681
  display: flex;
10678
10682
  min-width: 0;
10679
10683
  }
10680
- ._left_11jto_109 {
10684
+ ._left_hoilu_111 {
10681
10685
  gap: var(--padding);
10682
10686
  padding-left: var(--padding);
10683
10687
  }
10684
- ._right_11jto_110 {
10688
+ ._right_hoilu_112 {
10685
10689
  margin-left: auto;
10686
10690
  flex-shrink: 0;
10687
10691
  padding-right: var(--padding-xs);
10688
10692
  gap: var(--padding-xs);
10689
10693
  }
10690
- ._item_11jto_124,
10691
- ._link_11jto_125 {
10694
+ ._item_hoilu_126,
10695
+ ._link_hoilu_127 {
10692
10696
  align-items: center;
10693
10697
  display: flex;
10694
10698
  }
10695
- ._item_11jto_124 {
10699
+ ._item_hoilu_126 {
10696
10700
  position: relative;
10697
10701
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
10698
10702
  user-select: none;
@@ -10700,18 +10704,18 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
10700
10704
  min-width: 0;
10701
10705
  max-width: 50vw;
10702
10706
  }
10703
- ._item_11jto_124._button_11jto_137,
10704
- ._item_11jto_124._menu_11jto_138 {
10707
+ ._item_hoilu_126._button_hoilu_139,
10708
+ ._item_hoilu_126._menu_hoilu_140 {
10705
10709
  flex-shrink: 0;
10706
10710
  }
10707
- ._label_11jto_92 {
10711
+ ._label_hoilu_94 {
10708
10712
  text-overflow: ellipsis;
10709
10713
  white-space: nowrap;
10710
10714
  overflow: hidden;
10711
10715
  display: block;
10712
10716
  max-width: 100%;
10713
10717
  }
10714
- ._link_11jto_125 {
10718
+ ._link_hoilu_127 {
10715
10719
  text-decoration: none;
10716
10720
  color: var(--color-text-primary);
10717
10721
  cursor: pointer;
@@ -10719,24 +10723,24 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
10719
10723
  font-weight: bold;
10720
10724
  height: 100%;
10721
10725
  }
10722
- ._link_11jto_125 svg {
10726
+ ._link_hoilu_127 svg {
10723
10727
  margin-right: var(--padding-xxs);
10724
10728
  flex-shrink: 0;
10725
10729
  }
10726
- ._link_11jto_125:hover {
10730
+ ._link_hoilu_127:hover {
10727
10731
  color: var(--color-text-primary-hover);
10728
10732
  }
10729
- ._link_11jto_125:active {
10733
+ ._link_hoilu_127:active {
10730
10734
  color: var(--color-text-primary-active);
10731
10735
  }
10732
- ._link_11jto_125._active_11jto_166 {
10736
+ ._link_hoilu_127._active_hoilu_168 {
10733
10737
  color: var(--color-text);
10734
10738
  }
10735
- ._link_11jto_125:hover,
10736
- ._link_11jto_125._active_11jto_166 {
10739
+ ._link_hoilu_127:hover,
10740
+ ._link_hoilu_127._active_hoilu_168 {
10737
10741
  background-color: transparent;
10738
10742
  }
10739
- ._link_11jto_125:after {
10743
+ ._link_hoilu_127:after {
10740
10744
  content: '';
10741
10745
  position: absolute;
10742
10746
  left: 0;
@@ -10744,17 +10748,17 @@ tbody ._staticCell_sdi21_116 ._staticCellContent_sdi21_119 {
10744
10748
  bottom: 0;
10745
10749
  border-bottom: 1px solid transparent;
10746
10750
  }
10747
- ._link_11jto_125:hover:after {
10751
+ ._link_hoilu_127:hover:after {
10748
10752
  border-color: var(--color-link-border-hover);
10749
10753
  }
10750
- ._link_11jto_125._active_11jto_166:after {
10754
+ ._link_hoilu_127._active_hoilu_168:after {
10751
10755
  border-color: var(--color-background-primary);
10752
10756
  }
10753
- ._link_11jto_125[disabled] {
10757
+ ._link_hoilu_127[disabled] {
10754
10758
  pointer-events: none;
10755
10759
  color: var(--color-text-faint);
10756
10760
  }
10757
- ._alert_11jto_191 {
10761
+ ._alert_hoilu_193 {
10758
10762
  background-color: var(--color-background-primary);
10759
10763
  color: white;
10760
10764
  text-align: center;