@storybook/design-system - npm Package Compare versions

Comparing version 7.15.14-canary.424.6a8e502.0 to 7.15.14-canary.425.b5a48f5.0

dist/components/ButtonAction.d.ts

@@ -6,6 +6,7 @@ import { IconType } from './Icon';
     isActive?: boolean;
+    isSelect?: boolean;
     tooltip?: string;
 }
-export declare const ButtonAction: ({ children, icon, isActive, tooltip, ...rest }: ButtonActionProps) => JSX.Element;
+export declare const ButtonAction: ({ children, icon, isActive, isSelect, tooltip, ...rest }: ButtonActionProps) => JSX.Element;
 export {};
 //# sourceMappingURL=ButtonAction.d.ts.map

dist/components/ButtonAction.js

@@ -28,3 +28,3 @@ "use strict";
 
-var _excluded = ["children", "icon", "isActive", "tooltip"];
+var _excluded = ["children", "icon", "isActive", "isSelect", "tooltip"];
 var StyledButton = /*#__PURE__*/(0, _theming.styled)("button", process.env.NODE_ENV === "production" ? {
@@ -39,2 +39,11 @@ target: "ezw767d0"
 
+var Chevron = /*#__PURE__*/_react["default"].createElement("svg", {
+  viewBox: "0 0 8 8",
+  width: "8px",
+  height: "8px"
+}, /*#__PURE__*/_react["default"].createElement("path", {
+  fill: "#73828C",
+  d: "M.85 1.9a.5.5 0 1 0-.7.7l3.5 3.5c.2.2.5.2.7 0l3.5-3.5a.5.5 0 1 0-.7-.7L4 5.04.85 1.9Z"
+}));
+
 var ButtonAction = function ButtonAction(_ref) {
@@ -45,2 +54,4 @@ var children = _ref.children,
       isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+      _ref$isSelect = _ref.isSelect,
+      isSelect = _ref$isSelect === void 0 ? false : _ref$isSelect,
       tooltip = _ref.tooltip,
@@ -56,2 +67,3 @@ rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
     isActive: isActive,
+    isSelect: isSelect,
     as: "div"
@@ -62,8 +74,9 @@ }, icon && /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
   return /*#__PURE__*/_react["default"].createElement(StyledButton, (0, _extends2["default"])({
-    isActive: isActive
+    isActive: isActive,
+    isSelect: isSelect
   }, rest), icon && /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
     icon: icon
-  }), children);
+  }), children, isSelect ? Chevron : null);
 };
 
 exports.ButtonAction = ButtonAction;

dist/components/shared/icons.d.ts

@@ -59,3 +59,2 @@ export declare const icons: {
     readonly bookmark: JSX.Element;
-    readonly diamond: JSX.Element;
     readonly hearthollow: JSX.Element;
@@ -62,0 +61,0 @@ readonly heart: JSX.Element;

package.json

 {
   "name": "@storybook/design-system",
-  "version": "7.15.14-canary.424.6a8e502.0",
+  "version": "7.15.14-canary.425.b5a48f5.0",
   "description": "Storybook design system",
@@ -5,0 +5,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

864542

increased by0.02%

Lines of code

13240

increased by0.06%

No dependency changes