@oliasoft-open-source/react-ui-library 4.12.8 → 4.12.9

package/dist/global.css

@@ -1411,17 +1411,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
   color: var(--color-text-primary-active);
 }
-._wrapper_1iw97_1 {
+._wrapper_1f7k2_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_1iw97_5 ._wrapper_1iw97_1 {
+._layer_1f7k2_5 ._wrapper_1f7k2_1 {
   width: 100%;
 }
-._layerContainer_1iw97_8 {
+._layerContainer_1f7k2_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_1iw97_5 {
+._layer_1f7k2_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1434,177 +1434,181 @@ html[data-theme='dark'] {
   overflow-y: auto;
   max-height: 40vh;
 }
-._layer_1iw97_5._nested_1iw97_24 {
+._layer_1f7k2_5._nested_1f7k2_24 {
   margin: -1px 2px;
 }
-._layer_1iw97_5 ul {
+._layer_1f7k2_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_1iw97_5 ul li {
+._layer_1f7k2_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_1iw97_36 {
+._fileInput_1f7k2_36 {
   opacity: 0;
   position: absolute;
   inset: 0;
 }
-._trigger_1iw97_41 {
+._trigger_1f7k2_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_1iw97_5 ._trigger_1iw97_41 {
+._layer_1f7k2_5 ._trigger_1f7k2_41 {
   width: 100%;
 }
-._middleAlignedInline_1iw97_50 {
+._middleAlignedInline_1f7k2_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_1iw97_56 {
+._heading_1f7k2_56 {
   color: var(--color-text-muted);
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-weight: bold;
 }
-._heading_1iw97_56 ._headingIcon_1iw97_62 {
+._heading_1f7k2_56 ._headingIcon_1f7k2_62 {
   float: right;
 }
-._heading_1iw97_56 ._headingIcon_1iw97_62 svg {
+._heading_1f7k2_56 ._headingIcon_1f7k2_62 svg {
   color: var(--color-text-faint);
 }
-._heading_1iw97_56 ._headingIcon_1iw97_62:hover {
+._heading_1f7k2_56 ._headingIcon_1f7k2_62:hover {
   cursor: pointer;
 }
-._heading_1iw97_56 ._headingIcon_1iw97_62:hover svg {
+._heading_1f7k2_56 ._headingIcon_1f7k2_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_1iw97_74 {
+._option_1f7k2_74 {
   color: inherit;
   display: block;
   position: relative;
 }
-._heading_1iw97_56,
-._option_1iw97_74,
-._layer_1iw97_5 ._trigger_1iw97_41 {
+._heading_1f7k2_56,
+._option_1f7k2_74,
+._layer_1f7k2_5 ._trigger_1f7k2_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_1iw97_74,
-._layer_1iw97_5 ._trigger_1iw97_41 {
+._option_1f7k2_74,
+._layer_1f7k2_5 ._trigger_1f7k2_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_1iw97_74:hover,
-._layer_1iw97_5 ._trigger_1iw97_41:hover,
-._option_1iw97_74._active_1iw97_93,
-._layer_1iw97_5 ._trigger_1iw97_41._active_1iw97_93 {
+._option_1f7k2_74:hover,
+._layer_1f7k2_5 ._trigger_1f7k2_41:hover,
+._option_1f7k2_74._active_1f7k2_93,
+._layer_1f7k2_5 ._trigger_1f7k2_41._active_1f7k2_93 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_1iw97_74._selected_1iw97_98 {
+._option_1f7k2_74._selected_1f7k2_98 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_1iw97_5 ._trigger_1iw97_41 {
+._layer_1f7k2_5 ._trigger_1f7k2_41 {
   align-items: center;
 }
-._optionContent_1iw97_104 {
+._optionContent_1f7k2_104 {
   flex-wrap: wrap;
   margin-right: auto;
 }
-._inline_1iw97_108 ._optionContent_1iw97_104 {
+._inline_1f7k2_108 ._optionContent_1f7k2_104 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_1iw97_113,
-._check_1iw97_114 {
+._icon_1f7k2_113,
+._check_1f7k2_114 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
   height: var(--line-height);
-  font-size: var(--size-xs);
   justify-content: center;
   align-items: center;
 }
-._icon_1iw97_113 {
+._icon_1f7k2_113 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
+  font-size: var(--size-xs);
 }
-._icon_1iw97_113:empty {
+._icon_1f7k2_113:empty {
   display: none;
 }
-._icon_1iw97_113 img {
+._icon_1f7k2_113 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_1iw97_136 {
+._check_1f7k2_114 {
+  margin-left: var(--padding-xs);
+  color: var(--color-text-primary);
+}
+._text_1f7k2_140 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_1iw97_141 {
+._label_1f7k2_145 {
   margin-right: auto;
 }
-._label_1iw97_141,
-._heading_1iw97_56 {
+._label_1f7k2_145,
+._heading_1f7k2_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_1iw97_152 {
+._description_1f7k2_156 {
   color: #999;
   display: block;
 }
-._arrow_1iw97_156 {
+._arrow_1f7k2_160 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_1iw97_160 {
+._divider_1f7k2_164 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_1iw97_164 {
+._deprecatedSemanticIcon_1f7k2_168 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_1iw97_168 {
-  color: var(--color-text-faint);
+._disabled_1f7k2_172 {
+  opacity: 0.2;
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_1iw97_173 {
+._buttonLabel_1f7k2_177 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_1iw97_179 {
+._buttonCaret_1f7k2_183 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_1iw97_183 {
+._component_1f7k2_187 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_1iw97_189 {
+._right_1f7k2_193 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_1iw97_194 {
+._actions_1f7k2_198 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
@@ -3271,10 +3275,10 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._layerContainer_1lbvo_1 {
+._layerContainer_dw2pp_1 {
   z-index: var(--zindex-dropdown);
 }
-._layer_1lbvo_1 {
+._layer_dw2pp_1 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -3284,31 +3288,31 @@ html[data-theme='dark'] {
   position: relative;
   font-size: var(--font-size);
 }
-._layer_1lbvo_1 ul {
+._layer_dw2pp_1 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_1lbvo_1 ul li {
+._layer_dw2pp_1 ul li {
   list-style: none;
   display: block;
 }
-._layer_1lbvo_1._small_1lbvo_23 {
+._layer_dw2pp_1._small_dw2pp_23 {
   font-size: var(--font-size-sm);
 }
-._heading_1lbvo_26,
-._option_1lbvo_27,
-._message_1lbvo_28 {
+._heading_dw2pp_26,
+._option_dw2pp_27,
+._message_dw2pp_28 {
   padding: var(--padding-input);
   padding-right: 0;
 }
-._small_1lbvo_23 ._heading_1lbvo_26,
-._small_1lbvo_23 ._option_1lbvo_27,
-._small_1lbvo_23 ._message_1lbvo_28 {
+._small_dw2pp_23 ._heading_dw2pp_26,
+._small_dw2pp_23 ._option_dw2pp_27,
+._small_dw2pp_23 ._message_dw2pp_28 {
   padding: var(--padding-input-sm);
   padding-right: 0;
 }
-._heading_1lbvo_26 {
+._heading_dw2pp_26 {
   color: var(--color-text-muted);
   letter-spacing: var(--letter-spacing-wide);
   font-weight: bold;
@@ -3319,13 +3323,13 @@ html[data-theme='dark'] {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._small_1lbvo_23 ._heading_1lbvo_26 {
+._small_dw2pp_23 ._heading_dw2pp_26 {
   font-size: var(--font-size-sm);
 }
-._message_1lbvo_28 {
+._message_dw2pp_28 {
   color: var(--color-text-faint);
 }
-._option_1lbvo_27 {
+._option_dw2pp_27 {
   line-height: var(--line-height);
   display: flex;
   align-items: center;
@@ -3334,19 +3338,19 @@ html[data-theme='dark'] {
   height: 100%;
   cursor: pointer;
 }
-._option_1lbvo_27._focused_1lbvo_64,
-._option_1lbvo_27:hover {
+._option_dw2pp_27._focused_dw2pp_64,
+._option_dw2pp_27:hover {
   background-color: var(--color-background-listitem-hover);
 }
-._option_1lbvo_27._selected_1lbvo_68 {
+._option_dw2pp_27._selected_dw2pp_68 {
   background-color: var(--color-background-listitem-active);
 }
-._option_1lbvo_27._disabled_1lbvo_71 {
+._option_dw2pp_27._disabled_dw2pp_71 {
   opacity: 0.2;
   cursor: inherit;
 }
-._option_1lbvo_27 ._check_1lbvo_75 {
-  color: var(--color-text);
+._option_dw2pp_27 ._check_dw2pp_75 {
+  color: var(--color-text-primary);
   font-size: var(--font-size);
   width: var(--size);
   height: var(--size);
@@ -3355,31 +3359,31 @@ html[data-theme='dark'] {
   align-items: center;
   flex-shrink: 0;
 }
-._small_1lbvo_23 ._option_1lbvo_27 ._check_1lbvo_75 {
+._small_dw2pp_23 ._option_dw2pp_27 ._check_dw2pp_75 {
   width: var(--size-sm);
   height: var(--size-sm);
 }
-._option_1lbvo_27 ._check_1lbvo_75 svg {
+._option_dw2pp_27 ._check_dw2pp_75 svg {
   display: block;
 }
-._option_1lbvo_27 ._optionContent_1lbvo_92 {
+._option_dw2pp_27 ._optionContent_dw2pp_92 {
   flex-wrap: wrap;
   margin-right: auto;
   overflow: hidden;
 }
-._option_1lbvo_27 ._optionContent_1lbvo_92 ._label_1lbvo_97 {
+._option_dw2pp_27 ._optionContent_dw2pp_92 ._label_dw2pp_97 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._option_1lbvo_27 ._optionContent_1lbvo_92 ._icon_1lbvo_104 {
+._option_dw2pp_27 ._optionContent_dw2pp_92 ._icon_dw2pp_104 {
   display: inline-flex;
   margin-left: var(--padding-xxs);
   line-height: 0;
 }
-._details_1lbvo_109 {
+._details_dw2pp_109 {
   float: right;
   display: inline;
   white-space: nowrap;

package/dist/index.js

@@ -4181,34 +4181,34 @@ const styles$M = {
   actionComponentContainer,
   active: active$7
 };
-const wrapper$4 = "_wrapper_1iw97_1";
-const layer$1 = "_layer_1iw97_5";
-const layerContainer$1 = "_layerContainer_1iw97_8";
-const nested = "_nested_1iw97_24";
-const fileInput$1 = "_fileInput_1iw97_36";
-const trigger$2 = "_trigger_1iw97_41";
-const middleAlignedInline = "_middleAlignedInline_1iw97_50";
-const heading$5 = "_heading_1iw97_56";
-const headingIcon = "_headingIcon_1iw97_62";
-const option$1 = "_option_1iw97_74";
-const active$6 = "_active_1iw97_93";
-const selected$1 = "_selected_1iw97_98";
-const optionContent$1 = "_optionContent_1iw97_104";
-const inline$4 = "_inline_1iw97_108";
-const icon$4 = "_icon_1iw97_113";
-const check$1 = "_check_1iw97_114";
-const text$3 = "_text_1iw97_136";
-const label$a = "_label_1iw97_141";
-const description = "_description_1iw97_152";
-const arrow$1 = "_arrow_1iw97_156";
-const divider$1 = "_divider_1iw97_160";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1iw97_164";
-const disabled$8 = "_disabled_1iw97_168";
-const buttonLabel = "_buttonLabel_1iw97_173";
-const buttonCaret = "_buttonCaret_1iw97_179";
-const component = "_component_1iw97_183";
-const right$7 = "_right_1iw97_189";
-const actions$1 = "_actions_1iw97_194";
+const wrapper$4 = "_wrapper_1f7k2_1";
+const layer$1 = "_layer_1f7k2_5";
+const layerContainer$1 = "_layerContainer_1f7k2_8";
+const nested = "_nested_1f7k2_24";
+const fileInput$1 = "_fileInput_1f7k2_36";
+const trigger$2 = "_trigger_1f7k2_41";
+const middleAlignedInline = "_middleAlignedInline_1f7k2_50";
+const heading$5 = "_heading_1f7k2_56";
+const headingIcon = "_headingIcon_1f7k2_62";
+const option$1 = "_option_1f7k2_74";
+const active$6 = "_active_1f7k2_93";
+const selected$1 = "_selected_1f7k2_98";
+const optionContent$1 = "_optionContent_1f7k2_104";
+const inline$4 = "_inline_1f7k2_108";
+const icon$4 = "_icon_1f7k2_113";
+const check$1 = "_check_1f7k2_114";
+const text$3 = "_text_1f7k2_140";
+const label$a = "_label_1f7k2_145";
+const description = "_description_1f7k2_156";
+const arrow$1 = "_arrow_1f7k2_160";
+const divider$1 = "_divider_1f7k2_164";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1f7k2_168";
+const disabled$8 = "_disabled_1f7k2_172";
+const buttonLabel = "_buttonLabel_1f7k2_177";
+const buttonCaret = "_buttonCaret_1f7k2_183";
+const component = "_component_1f7k2_187";
+const right$7 = "_right_1f7k2_193";
+const actions$1 = "_actions_1f7k2_198";
 const styles$L = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -4323,10 +4323,11 @@ const Option$2 = ({
             }
           ),
           /* @__PURE__ */ jsx("span", { className: styles$L.label, title: `${title2 || label2}`, children: label2 }),
-          /* @__PURE__ */ jsxs("div", { className: styles$L.right, children: [
-            /* @__PURE__ */ jsx("span", { className: styles$L.description, children: description2 }),
-            !!(actions2 == null ? void 0 : actions2.length) && /* @__PURE__ */ jsx("div", { className: styles$L.actions, children: /* @__PURE__ */ jsx(Actions, { actions: actions2 }) })
-          ] })
+          /* @__PURE__ */ jsx("span", { className: styles$L.description, children: description2 })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: styles$L.right, children: [
+          selected2 && /* @__PURE__ */ jsx("span", { className: styles$L.check, children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CHECK }) }),
+          !!(actions2 == null ? void 0 : actions2.length) && /* @__PURE__ */ jsx("div", { className: styles$L.actions, children: /* @__PURE__ */ jsx(Actions, { actions: actions2 }) })
         ] })
       ]
     }
@@ -20460,20 +20461,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-const layerContainer = "_layerContainer_1lbvo_1";
-const layer = "_layer_1lbvo_1";
-const small$5 = "_small_1lbvo_23";
-const heading = "_heading_1lbvo_26";
-const option = "_option_1lbvo_27";
-const message = "_message_1lbvo_28";
-const focused = "_focused_1lbvo_64";
-const selected = "_selected_1lbvo_68";
-const disabled$4 = "_disabled_1lbvo_71";
-const check = "_check_1lbvo_75";
-const optionContent = "_optionContent_1lbvo_92";
-const label$5 = "_label_1lbvo_97";
-const icon$2 = "_icon_1lbvo_104";
-const details = "_details_1lbvo_109";
+const layerContainer = "_layerContainer_dw2pp_1";
+const layer = "_layer_dw2pp_1";
+const small$5 = "_small_dw2pp_23";
+const heading = "_heading_dw2pp_26";
+const option = "_option_dw2pp_27";
+const message = "_message_dw2pp_28";
+const focused = "_focused_dw2pp_64";
+const selected = "_selected_dw2pp_68";
+const disabled$4 = "_disabled_dw2pp_71";
+const check = "_check_dw2pp_75";
+const optionContent = "_optionContent_dw2pp_92";
+const label$5 = "_label_dw2pp_97";
+const icon$2 = "_icon_dw2pp_104";
+const details = "_details_dw2pp_109";
 const styles$n = {
   layerContainer,
   layer,