@itcase/ui 1.0.52 → 1.0.54

package/dist/_commonjsHelpers-facfc6d6.js

@@ -0,0 +1,7 @@
+'use strict';
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/dist/components/Avatar.js

@@ -101,8 +101,8 @@ function Avatar(props) {
     fillHover: iconFillHover,
     fillSize: iconFillSize,
     iconFill: iconItemFill,
-    size: iconSize,
     shape: iconShape,
+    size: iconSize,
     stroke: iconStroke,
     SvgImage: icon
   }), after));

package/dist/components/Button.js

@@ -50,6 +50,7 @@ const buttonConfig = {
 const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(props, ref) {
   const {
     before,
+    appearance,
     after,
     className,
     dataTour,
@@ -127,7 +128,7 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     label: labelStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
-    className: clsx__default.default(className, 'button', type && `button_type_${type}`, borderWidthClass, borderColorClass, borderTypeClass, fillClass, fillHoverClass, shapeClass, sizeClass, widthClass, elevationClass, Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconAfter || icon) && 'button_type_icon', label && (iconBefore || iconAfter || before || after) && `button_type_with-icon button_type_with-icon_${size}`),
+    className: clsx__default.default(className, 'button', type && `button_type_${type}`, borderWidthClass, borderColorClass, borderTypeClass, fillClass || buttonConfig.appearance[appearance] && `fill_${buttonConfig.appearance[appearance].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || buttonConfig.appearance[appearance] && `fill_${buttonConfig.appearance[appearance].fillHoverClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, sizeClass, widthClass, elevationClass, Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconAfter || icon) && 'button_type_icon', label && (iconBefore || iconAfter || before || after) && `button_type_with-icon button_type_with-icon_${size}`),
     DefaultComponent: "button",
     disabled: isDisabled,
     href: link || href,

package/dist/components/Choice.js

@@ -76,24 +76,24 @@ const Choice = /*#__PURE__*/React__default.default.forwardRef((props, ref) => {
     ref: controlRef
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "choice__wrapper"
-  }, options?.map((item, i) => /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('choice__item', borderColorClass, borderWidthClass, borderTypeClass, fillHoverClass, item.value === active.value && fillActiveClass, item.value === active.value && 'choice__item_active'),
-    key: item.value,
-    ref: optionsRefs.get(item.value)
+  }, options?.map(item => /*#__PURE__*/React__default.default.createElement("div", {
+    className: clsx__default.default('choice__item', borderColorClass, borderWidthClass, borderTypeClass, fillHoverClass, item.id === active.id && fillActiveClass, item.id === active.id && 'choice__item_active'),
+    key: item.id,
+    ref: optionsRefs.get(item.id)
   }, /*#__PURE__*/React__default.default.createElement("input", {
-    checked: item.value === active.value,
+    checked: item.id === active.id,
     className: "choice__item-radio",
-    id: item.label,
+    id: item.id,
     name: name,
     type: "radio",
-    value: item.value,
+    value: item.id,
     onChange: () => setActiveSegment(item)
   }), /*#__PURE__*/React__default.default.createElement("label", {
     className: clsx__default.default('choice__item-label'),
-    htmlFor: item.label
+    htmlFor: item.id
   }, /*#__PURE__*/React__default.default.createElement(index.Text, {
-    textColor: item.value === active.value ? labelTextActiveColor : labelTextColor,
-    size: labelTextSize
+    size: labelTextSize,
+    textColor: item.id === active.id ? labelTextActiveColor : labelTextColor
   }, item.label))))));
 });
 Choice.displayName = 'Choice';