@databricks/design-system 1.5.0 → 1.5.1

package/dist/design-system/Button/Button.d.ts

@@ -3,12 +3,13 @@ import type { SerializedStyles } from '@emotion/react';
 import type { ButtonProps as AntDButtonProps } from 'antd';
 import type { ComponentTheme } from '../../theme';
 import type { DangerouslySetAntdProps, HTMLDataAttributes } from '../types';
-export declare const getButtonEmotionStyles: ({ theme, classNamePrefix, loading, withIcon, onlyIcon, enableAnimation, size, type, isFlex, }: {
+export declare const getButtonEmotionStyles: ({ theme, classNamePrefix, loading, withIcon, onlyIcon, isAnchor, enableAnimation, size, type, isFlex, }: {
     theme: ComponentTheme;
     classNamePrefix: string;
     loading?: boolean | undefined;
     withIcon?: boolean | undefined;
     onlyIcon?: boolean | undefined;
+    isAnchor?: boolean | undefined;
     danger?: boolean | undefined;
     enableAnimation: boolean;
     size: ButtonSize;

package/dist/design-system/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/design-system/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAa,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAK3D,OAAO,KAAK,EAAE,cAAc,EAAS,MAAM,aAAa,CAAC;AAGzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAgB5E,eAAO,MAAM,sBAAsB;WAW1B,cAAc;qBACJ,MAAM;;;;;qBAKN,OAAO;UAClB,UAAU;WACT,WAAW,CAAC,MAAM,CAAC;;MAExB,gBA8OH,CAAC;AAEF,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,EAChE,kBAAkB,EAClB,uBAAuB,CAAC,eAAe,CAAC;IAC1C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,2GA8CjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/design-system/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAa,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAK3D,OAAO,KAAK,EAAE,cAAc,EAAS,MAAM,aAAa,CAAC;AAGzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAgB5E,eAAO,MAAM,sBAAsB;WAY1B,cAAc;qBACJ,MAAM;;;;;;qBAMN,OAAO;UAClB,UAAU;WACT,WAAW,CAAC,MAAM,CAAC;;MAExB,gBAsPH,CAAC;AAEF,oBAAY,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,EAChE,kBAAkB,EAClB,uBAAuB,CAAC,eAAe,CAAC;IAC1C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,2GA+CjB,CAAC"}

package/dist/index.js

@@ -54403,6 +54403,7 @@ const getButtonEmotionStyles = _ref => {
     loading,
     withIcon,
     onlyIcon,
+    isAnchor,
     enableAnimation,
     size,
     type,
@@ -54575,10 +54576,16 @@ const getButtonEmotionStyles = _ref => {
     },
     ["&".concat(clsIconOnly)]: {
       border: 'none',
-      //
       ["&:enabled:not(".concat(classLink, ")")]: { ...tertiaryColors,
         color: theme.colors.textSecondary
       },
+      ...(isAnchor && {
+        lineHeight: "".concat(theme.general.heightSm, "px"),
+        ...getLinkStyles$1(theme),
+        '&:disabled': {
+          color: theme.colors.actionDisabledText
+        }
+      }),
       '&[disabled]:hover': {
         backgroundColor: 'transparent'
       }
@@ -54628,6 +54635,7 @@ _ref2, ref) {
       loading: Boolean(props.loading),
       withIcon: Boolean(props.icon),
       onlyIcon: Boolean((props.icon || endIcon) && !children),
+      isAnchor: Boolean(props.href && !type),
       danger: Boolean(props.danger),
       enableAnimation: theme.options.enableAnimation,
       size: size || 'middle',