@sendoutcards/quantum-design-ui 1.8.23 → 1.8.25

package/dist/index.es.js

@@ -13408,7 +13408,8 @@ var IconLink = function (_a) {
     isStacked = _g === void 0 ? false : _g,
     _h = _a.hasBackgroundColor,
     hasBackgroundColor = _h === void 0 ? false : _h,
-    gap = _a.gap;
+    gap = _a.gap,
+    isDisabled = _a.isDisabled;
   var variants = {
     open: {
       opacity: 1,
@@ -13424,7 +13425,11 @@ var IconLink = function (_a) {
   return jsx(Flex, {
     flexDirection: isStacked ? 'column' : 'row',
     alignItems: 'center',
-    onClick: onClick,
+    onClick: function () {
+      if (!isDisabled) {
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+      }
+    },
     onMouseEvent: onMouseEvent,
     width: "100%"
   }, jsx(Flex, {
@@ -13433,7 +13438,7 @@ var IconLink = function (_a) {
     borderRadius: 'medium',
     backgroundColor: hasBackgroundColor ? icons.colors.background : 'none',
     inset: isStacked || hasBackgroundColor ? 'x1_5' : 'x0',
-    cursor: 'pointer'
+    cursor: isDisabled ? 'not-allowed' : 'pointer'
   }, jsx(Icon, {
     size: size,
     name: icon,
@@ -13451,7 +13456,7 @@ var IconLink = function (_a) {
     } : {
       top: gap !== null && gap !== void 0 ? gap : 'x_0'
     },
-    cursor: 'pointer'
+    cursor: isDisabled ? 'not-allowed' : 'pointer'
   }, jsx(Text, {
     weight: isActive ? 'semiBold' : 'regular',
     color: fontColor,
@@ -15055,9 +15060,9 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     position: 'absolute',
     bottom: pinned === 'bottom' ? 0 : undefined,
     maxWidth: maxWidth,
-    maxHeight: maxHeight,
+    maxHeight: maxHeight ? maxHeight : isFullScreen || pinned === 'center' ? 'calc(100vh - 24px )' : undefined,
     width: (_a = isFullScreen ? '100%' : undefined) !== null && _a !== void 0 ? _a : width,
-    height: isFullScreen || pinned === 'center' ? 'calc(100vh - 24px )' : height
+    height: height ? height : isFullScreen ? 'calc(100vh - 24px )' : undefined
   }, shouldScroll ? jsx(Div, {
     height: {
       xSmall: 'calc(100vh - 96px)',
@@ -20497,6 +20502,8 @@ var Zoom = function (_a) {
     _b = _a.isDropDownAbove,
     isDropDownAbove = _b === void 0 ? true : _b;
   var hocs = useEntities().hocs;
+  var hasHitMax = selectedOptionIndex === 0;
+  var hasHitMin = selectedOptionIndex === items.length - 1;
   return jsx(AnimateSharedLayout, null, jsx(Flex, {
     inset: "x_5",
     borderRadius: "circle",
@@ -20509,11 +20516,12 @@ var Zoom = function (_a) {
   }, jsx(Flex, {
     css: styles$8.iconContainer(hocs),
     borderRadius: "circle",
-    cursor: "pointer",
+    cursor: hasHitMin ? 'not-allowed' : 'pointer',
     alignItems: "center",
     onClick: selectedOptionIndex < items.length - 1 ? function () {
       return onChange(selectedOptionIndex + 1);
     } : undefined,
+    opacity: hasHitMin ? 0.5 : 1,
     inset: "x_75"
   }, jsx(Icon, {
     name: "minus",
@@ -20542,8 +20550,9 @@ var Zoom = function (_a) {
     css: styles$8.iconContainer(hocs),
     inset: "x_75",
     borderRadius: "circle",
-    cursor: "pointer",
+    cursor: hasHitMax ? 'not-allowed' : 'pointer',
     alignItems: "center",
+    opacity: hasHitMax ? 0.5 : 1,
     onClick: selectedOptionIndex > 0 ? function () {
       return onChange(selectedOptionIndex - 1);
     } : undefined

package/dist/src/molecules/iconLink/iconLink.d.ts

@@ -18,5 +18,6 @@ export declare type IconLinkProps = {
     isStacked?: boolean;
     hasBackgroundColor?: boolean;
     gap?: HOCSpacingKeys;
+    isDisabled?: boolean;
 };
 export declare const IconLink: FC<IconLinkProps>;

package/dist/src/stories/molecules/IconLink.stories.d.ts

@@ -8,3 +8,4 @@ export declare const medium: any;
 export declare const large: any;
 export declare const xLarge: any;
 export declare const StackedIconLink: any;
+export declare const Disabled: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.8.23",
+  "version": "1.8.25",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",