@alfalab/core-components-select 17.4.1 → 17.4.2

package/presets/useSelectWithLoading/hook.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_aegh9"};
+var styles = {"skeleton":"select__skeleton_1azk0"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1hg75 */
-.select__skeleton_aegh9 {
+/* hash: 1fpjb */
+.select__skeleton_1azk0 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/shared/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-ddf6a468.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-54f25d8f.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');

package/src/components/base-option/Component.tsx

@@ -27,7 +27,17 @@ export const BaseOption: FC<OptionProps> = ({
 
     const renderCheckmark = () => {
         if (Checkmark && showCheckMark) {
-            return <Checkmark disabled={disabled} selected={selected} multiple={multiple} />;
+            return (
+                <Checkmark
+                    className={cn({
+                        [styles.checkmarkBeforeContent]: checkmarkPosition === 'before',
+                        [styles.checkmarkAfterContent]: checkmarkPosition === 'after',
+                    })}
+                    disabled={disabled}
+                    selected={selected}
+                    multiple={multiple}
+                />
+            );
         }
 
         return null;

package/src/components/base-option/index.module.css

@@ -6,7 +6,6 @@
 
     display: flex;
     align-items: center;
-    gap: var(--gap-s);
     transition: background-color 0.2s ease;
     background: var(--select-option-background);
     color: var(--select-option-color);
@@ -62,6 +61,14 @@
     color: var(--select-option-disabled-color);
 }
 
+.checkmarkBeforeContent {
+    margin-right: var(--gap-s);
+}
+
+.checkmarkAfterContent {
+    margin-left: var(--gap-s);
+}
+
 .content {
     flex: 1;
 }