@artsy/palette 45.6.0 → 45.7.0

package/dist/elements/Expandable/Expandable.d.ts

@@ -13,5 +13,5 @@ export interface ExpandableProps extends Omit<ClickableProps, "children"> {
 /**
  * A toggleable component used to show / hide content
  */
-export declare const Expandable: ({ label, expanded: defaultExpanded, children, disabled, onClick, onToggle, borderColor, ...rest }: ExpandableProps) => React.JSX.Element;
+export declare const Expandable: ({ label, expanded: expandedProp, children, disabled, onClick, onToggle, borderColor, ...rest }: ExpandableProps) => React.JSX.Element;
 export {};

package/dist/elements/Expandable/Expandable.js

@@ -31,7 +31,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  */
 var Expandable = exports.Expandable = function Expandable(_ref) {
   var label = _ref.label,
-    defaultExpanded = _ref.expanded,
+    expandedProp = _ref.expanded,
     children = _ref.children,
     disabled = _ref.disabled,
     onClick = _ref.onClick,
@@ -39,10 +39,15 @@ var Expandable = exports.Expandable = function Expandable(_ref) {
     _ref$borderColor = _ref.borderColor,
     borderColor = _ref$borderColor === void 0 ? "mono60" : _ref$borderColor,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(defaultExpanded),
+  var _useState = (0, _react.useState)(expandedProp),
     _useState2 = _slicedToArray(_useState, 2),
     expanded = _useState2[0],
     setExpanded = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (expandedProp !== undefined) {
+      setExpanded(expandedProp);
+    }
+  }, [expandedProp]);
   var _splitBoxProps = (0, _Box.splitBoxProps)(rest),
     _splitBoxProps2 = _slicedToArray(_splitBoxProps, 2),
     boxProps = _splitBoxProps2[0],

package/dist/elements/Expandable/Expandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","exports","_ref","label","defaultExpanded","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n  setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n  label?: string | JSX.Element\n  expanded?: boolean\n  children: React.ReactNode | ChildrenFunction\n  onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n  label,\n  expanded: defaultExpanded,\n  children,\n  disabled,\n  onClick,\n  onToggle,\n  borderColor = \"mono60\",\n  ...rest\n}: ExpandableProps) => {\n  const [expanded, setExpanded] = useState(defaultExpanded)\n\n  const [boxProps, clickableProps] = splitBoxProps(rest)\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setExpanded((prevExpanded) => {\n      const isExpanded = !prevExpanded\n      onToggle && onToggle(isExpanded)\n      return isExpanded\n    })\n\n    onClick && onClick(event)\n  }\n\n  return (\n    <Box {...boxProps}>\n      <Clickable\n        width=\"100%\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        borderTop=\"1px solid\"\n        borderColor={borderColor}\n        pt={2}\n        pb={1}\n        disabled={disabled}\n        aria-expanded={expanded}\n        onClick={handleClick}\n        {...clickableProps}\n      >\n        <Flex flex={1} display=\"flex\" alignItems=\"center\">\n          {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n        </Flex>\n\n        {!disabled && (\n          <>\n            {expanded ? (\n              <ChevronUpIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            ) : (\n              <ChevronDownIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </>\n        )}\n      </Clickable>\n\n      {expanded &&\n        (typeof children === \"function\"\n          ? (children as ChildrenFunction)({ setExpanded, expanded })\n          : children)}\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","exports","_ref","label","expandedProp","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","useEffect","undefined","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n  setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n  label?: string | JSX.Element\n  expanded?: boolean\n  children: React.ReactNode | ChildrenFunction\n  onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n  label,\n  expanded: expandedProp,\n  children,\n  disabled,\n  onClick,\n  onToggle,\n  borderColor = \"mono60\",\n  ...rest\n}: ExpandableProps) => {\n  const [expanded, setExpanded] = useState(expandedProp)\n\n  useEffect(() => {\n    if (expandedProp !== undefined) {\n      setExpanded(expandedProp)\n    }\n  }, [expandedProp])\n\n  const [boxProps, clickableProps] = splitBoxProps(rest)\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setExpanded((prevExpanded) => {\n      const isExpanded = !prevExpanded\n      onToggle && onToggle(isExpanded)\n      return isExpanded\n    })\n\n    onClick && onClick(event)\n  }\n\n  return (\n    <Box {...boxProps}>\n      <Clickable\n        width=\"100%\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        borderTop=\"1px solid\"\n        borderColor={borderColor}\n        pt={2}\n        pb={1}\n        disabled={disabled}\n        aria-expanded={expanded}\n        onClick={handleClick}\n        {...clickableProps}\n      >\n        <Flex flex={1} display=\"flex\" alignItems=\"center\">\n          {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n        </Flex>\n\n        {!disabled && (\n          <>\n            {expanded ? (\n              <ChevronUpIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            ) : (\n              <ChevronDownIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </>\n        )}\n      </Clickable>\n\n      {expanded &&\n        (typeof children === \"function\"\n          ? (children as ChildrenFunction)({ setExpanded, expanded })\n          : children)}\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Expandable/Expandable.story.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 declare const _default: {
     title: string;
-    component: ({ label, expanded: defaultExpanded, children, disabled, onClick, onToggle, borderColor, ...rest }: import("./Expandable").ExpandableProps) => React.JSX.Element;
+    component: ({ label, expanded: expandedProp, children, disabled, onClick, onToggle, borderColor, ...rest }: import("./Expandable").ExpandableProps) => React.JSX.Element;
     tags: string[];
     parameters: {
         docs: {
@@ -19,7 +19,7 @@ export declare const Default: {
     args: {
         label: string;
         children: React.JSX.Element;
-        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export declare const Expanded: {
@@ -27,7 +27,7 @@ export declare const Expanded: {
         label: string;
         expanded: boolean;
         children: React.JSX.Element;
-        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export declare const Disabled: {
@@ -35,7 +35,7 @@ export declare const Disabled: {
         label: string;
         disabled: boolean;
         children: React.JSX.Element;
-        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export declare const DisabledExpanded: {
@@ -44,16 +44,26 @@ export declare const DisabledExpanded: {
         disabled: boolean;
         expanded: boolean;
         children: React.JSX.Element;
-        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export declare const CustomLabel: {
     args: {
         label: React.JSX.Element;
         children: React.JSX.Element;
-        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export declare const ConfigurableColors: {
     render: () => React.JSX.Element;
 };
+export declare const Controlled: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/elements/Expandable/Expandable.story.js

@@ -1,11 +1,12 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Expanded = exports.DisabledExpanded = exports.Disabled = exports.Default = exports.CustomLabel = exports.ConfigurableColors = void 0;
+exports.default = exports.Expanded = exports.DisabledExpanded = exports.Disabled = exports.Default = exports.CustomLabel = exports.Controlled = exports.ConfigurableColors = void 0;
 var _test = require("@storybook/test");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _Clickable = require("../Clickable");
 var _Flex = require("../Flex");
 var _Text = require("../Text");
@@ -13,7 +14,15 @@ var _Expandable = require("./Expandable");
 var _Button = require("../Button");
 var _Box = require("../Box");
 var _storybookBlocklist = require("../../utils/storybookBlocklist");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Stack = require("../Stack");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var _default = exports.default = {
   title: "Components/Expandable",
   component: _Expandable.Expandable,
@@ -33,7 +42,7 @@ var Default = exports.Default = {
   args: {
     label: "Click to expand",
     children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This is the expanded content"),
-    onExpand: (0, _test.fn)()
+    onToggle: (0, _test.fn)()
   }
 };
 var Expanded = exports.Expanded = {
@@ -41,7 +50,7 @@ var Expanded = exports.Expanded = {
     label: "Click to collapse",
     expanded: true,
     children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This content is initially expanded"),
-    onExpand: (0, _test.fn)()
+    onToggle: (0, _test.fn)()
   }
 };
 var Disabled = exports.Disabled = {
@@ -49,7 +58,7 @@ var Disabled = exports.Disabled = {
     label: "Disabled expandable",
     disabled: true,
     children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This content cannot be expanded"),
-    onExpand: (0, _test.fn)()
+    onToggle: (0, _test.fn)()
   }
 };
 var DisabledExpanded = exports.DisabledExpanded = {
@@ -58,7 +67,7 @@ var DisabledExpanded = exports.DisabledExpanded = {
     disabled: true,
     expanded: true,
     children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This content is expanded but disabled"),
-    onExpand: (0, _test.fn)()
+    onToggle: (0, _test.fn)()
   }
 };
 var CustomLabel = exports.CustomLabel = {
@@ -78,7 +87,7 @@ var CustomLabel = exports.CustomLabel = {
     children: /*#__PURE__*/_react.default.createElement(_Box.Box, null, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content with custom label"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
       onClick: (0, _test.fn)()
     }, "Action Button")),
-    onExpand: (0, _test.fn)()
+    onToggle: (0, _test.fn)()
   }
 };
 var ConfigurableColors = exports.ConfigurableColors = {
@@ -93,4 +102,35 @@ var ConfigurableColors = exports.ConfigurableColors = {
     }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content with custom border color")));
   }
 };
+var Controlled = exports.Controlled = {
+  render: function render() {
+    var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isExpanded = _useState2[0],
+      setIsExpanded = _useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_Stack.Stack, {
+      gap: 2
+    }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      size: "small",
+      variant: "secondaryBlack",
+      onClick: function onClick() {
+        return setIsExpanded(function (prev) {
+          return !prev;
+        });
+      },
+      width: "fit-content"
+    }, "Toggle"), /*#__PURE__*/_react.default.createElement(_Expandable.Expandable, {
+      label: "Controlled Expandable",
+      expanded: isExpanded,
+      onToggle: setIsExpanded
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis numquam, officiis ullam asperiores voluptatum saepe ea ab nesciunt unde consequuntur enim. Asperiores adipisci repudiandae aut nam eos enim expedita quos!")));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Demonstrates controlled mode where the parent component manages the expanded state via the expanded prop. Use the external buttons to control the expandable, and it will respond to prop changes."
+      }
+    }
+  }
+};
 //# sourceMappingURL=Expandable.story.js.map

package/dist/elements/Expandable/Expandable.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expandable.story.js","names":["_test","require","_react","_interopRequireDefault","_Clickable","_Flex","_Text","_Expandable","_Button","_Box","_storybookBlocklist","obj","__esModule","default","_default","exports","title","component","Expandable","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","label","children","createElement","Text","onExpand","fn","Expanded","expanded","Disabled","disabled","DisabledExpanded","CustomLabel","Flex","flex","justifyContent","variant","Clickable","textDecoration","onClick","e","stopPropagation","Box","Button","ConfigurableColors","render","color","bg","maxWidth","borderColor"],"sources":["../../../src/elements/Expandable/Expandable.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Expandable } from \"./Expandable\"\nimport { Button } from \"../Button\"\nimport { Box } from \"../Box\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/Expandable\",\n  component: Expandable,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"An expandable component that shows and hides content with a clickable label. Supports custom labels, disabled states, and configurable styling.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    label: \"Click to expand\",\n    children: <Text>This is the expanded content</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const Expanded = {\n  args: {\n    label: \"Click to collapse\",\n    expanded: true,\n    children: <Text>This content is initially expanded</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const Disabled = {\n  args: {\n    label: \"Disabled expandable\",\n    disabled: true,\n    children: <Text>This content cannot be expanded</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const DisabledExpanded = {\n  args: {\n    label: \"Disabled and expanded\",\n    disabled: true,\n    expanded: true,\n    children: <Text>This content is expanded but disabled</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const CustomLabel = {\n  args: {\n    label: (\n      <Flex flex={1} justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">Custom Heading</Text>\n        <Clickable\n          textDecoration=\"underline\"\n          onClick={(e) => {\n            e.stopPropagation()\n            fn()\n          }}\n        >\n          Link in header\n        </Clickable>\n      </Flex>\n    ),\n    children: (\n      <Box>\n        <Text>Expanded content with custom label</Text>\n        <Button onClick={fn()}>Action Button</Button>\n      </Box>\n    ),\n    onExpand: fn(),\n  },\n}\n\nexport const ConfigurableColors = {\n  render: () => (\n    <Box color=\"mono0\" bg=\"mono100\">\n      <Expandable label=\"Custom Colors\" maxWidth={350} borderColor=\"mono30\">\n        <Text>Expanded content with custom border color</Text>\n      </Expandable>\n    </Box>\n  ),\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expandable.story.js","names":["_test","require","_react","_interopRequireWildcard","_Clickable","_Flex","_Text","_Expandable","_Button","_Box","_storybookBlocklist","_Stack","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","component","Expandable","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","label","children","createElement","Text","onToggle","fn","Expanded","expanded","Disabled","disabled","DisabledExpanded","CustomLabel","Flex","flex","justifyContent","variant","Clickable","textDecoration","onClick","e","stopPropagation","Box","Button","ConfigurableColors","render","color","bg","maxWidth","borderColor","Controlled","_useState","useState","_useState2","isExpanded","setIsExpanded","Stack","gap","size","prev","width","story"],"sources":["../../../src/elements/Expandable/Expandable.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Expandable } from \"./Expandable\"\nimport { Button } from \"../Button\"\nimport { Box } from \"../Box\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\nimport { Stack } from \"../Stack\"\n\nexport default {\n  title: \"Components/Expandable\",\n  component: Expandable,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"An expandable component that shows and hides content with a clickable label. Supports custom labels, disabled states, and configurable styling.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    label: \"Click to expand\",\n    children: <Text>This is the expanded content</Text>,\n    onToggle: fn(),\n  },\n}\n\nexport const Expanded = {\n  args: {\n    label: \"Click to collapse\",\n    expanded: true,\n    children: <Text>This content is initially expanded</Text>,\n    onToggle: fn(),\n  },\n}\n\nexport const Disabled = {\n  args: {\n    label: \"Disabled expandable\",\n    disabled: true,\n    children: <Text>This content cannot be expanded</Text>,\n    onToggle: fn(),\n  },\n}\n\nexport const DisabledExpanded = {\n  args: {\n    label: \"Disabled and expanded\",\n    disabled: true,\n    expanded: true,\n    children: <Text>This content is expanded but disabled</Text>,\n    onToggle: fn(),\n  },\n}\n\nexport const CustomLabel = {\n  args: {\n    label: (\n      <Flex flex={1} justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">Custom Heading</Text>\n        <Clickable\n          textDecoration=\"underline\"\n          onClick={(e) => {\n            e.stopPropagation()\n            fn()\n          }}\n        >\n          Link in header\n        </Clickable>\n      </Flex>\n    ),\n    children: (\n      <Box>\n        <Text>Expanded content with custom label</Text>\n        <Button onClick={fn()}>Action Button</Button>\n      </Box>\n    ),\n    onToggle: fn(),\n  },\n}\n\nexport const ConfigurableColors = {\n  render: () => (\n    <Box color=\"mono0\" bg=\"mono100\">\n      <Expandable label=\"Custom Colors\" maxWidth={350} borderColor=\"mono30\">\n        <Text>Expanded content with custom border color</Text>\n      </Expandable>\n    </Box>\n  ),\n}\n\nexport const Controlled = {\n  render: () => {\n    const [isExpanded, setIsExpanded] = useState(false)\n\n    return (\n      <Stack gap={2}>\n        <Button\n          size=\"small\"\n          variant=\"secondaryBlack\"\n          onClick={() => setIsExpanded((prev) => !prev)}\n          width=\"fit-content\"\n        >\n          Toggle\n        </Button>\n\n        <Expandable\n          label=\"Controlled Expandable\"\n          expanded={isExpanded}\n          onToggle={setIsExpanded}\n        >\n          <Text>\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis\n            numquam, officiis ullam asperiores voluptatum saepe ea ab nesciunt\n            unde consequuntur enim. Asperiores adipisci repudiandae aut nam eos\n            enim expedita quos!\n          </Text>\n        </Expandable>\n      </Stack>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Demonstrates controlled mode where the parent component manages the expanded state via the expanded prop. Use the external buttons to control the expandable, and it will respond to prop changes.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "45.6.0",
+  "version": "45.7.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -191,5 +191,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "e08c85eb0c56cf28d13903479403ffd7c60fb90e"
+  "gitHead": "e4ee7f8862295f6f9dea9e0b780db21371d80c49"
 }