@artsy/palette 44.0.1 → 44.2.0

package/dist/elements/PasswordInput/PasswordInput.story.js

@@ -3,26 +3,64 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
+exports.default = exports.WithValue = exports.VisibleByDefault = exports.Default = void 0;
 var _PasswordInput = require("./PasswordInput");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 var _default = exports.default = {
-  title: "Components/PasswordInput"
+  component: _PasswordInput.PasswordInput,
+  title: "Components/PasswordInput",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A password input field with a toggle to show/hide the password text."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      defaultValue: "secret"
-    }, {
-      defaultValue: "secret",
-      defaultVisibility: true
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_PasswordInput.PasswordInput, {
+var Default = exports.Default = {
+  args: {
     name: "Password",
     placeholder: "Password"
-  }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic password input with placeholder text."
+      }
+    }
+  }
+};
+var WithValue = exports.WithValue = {
+  args: {
+    name: "Password",
+    placeholder: "Password",
+    defaultValue: "secret"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Password input with a default value."
+      }
+    }
+  }
+};
+var VisibleByDefault = exports.VisibleByDefault = {
+  args: {
+    name: "Password",
+    placeholder: "Password",
+    defaultValue: "secret",
+    defaultVisibility: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Password input with text visible by default."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
 //# sourceMappingURL=PasswordInput.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_PasswordInput","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","defaultValue","defaultVisibility","PasswordInput","name","placeholder","displayName"],"sources":["../../../src/elements/PasswordInput/PasswordInput.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { PasswordInput, PasswordInputProps } from \"./PasswordInput\"\n\nexport default {\n  title: \"Components/PasswordInput\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PasswordInputProps>>\n      states={[\n        {},\n        { defaultValue: \"secret\" },\n        { defaultValue: \"secret\", defaultVisibility: true },\n      ]}\n    >\n      <PasswordInput name=\"Password\" placeholder=\"Password\" />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAmE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEpD;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,YAAY,EAAE;IAAS,CAAC,EAC1B;MAAEA,YAAY,EAAE,QAAQ;MAAEC,iBAAiB,EAAE;IAAK,CAAC;EACnD,gBAEFhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,cAAA,CAAAa,aAAa;IAACC,IAAI,EAAC,UAAU;IAACC,WAAW,EAAC;EAAU,EAAG,CACjD;AAEb,CAAC;AAZYR,OAAO,CAAAS,WAAA"}
+{"version":3,"file":"PasswordInput.story.js","names":["_PasswordInput","require","_storybookBlocklist","_default","exports","default","component","PasswordInput","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","name","placeholder","story","WithValue","defaultValue","VisibleByDefault","defaultVisibility"],"sources":["../../../src/elements/PasswordInput/PasswordInput.story.tsx"],"sourcesContent":["import { PasswordInput } from \"./PasswordInput\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: PasswordInput,\n  title: \"Components/PasswordInput\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A password input field with a toggle to show/hide the password text.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    name: \"Password\",\n    placeholder: \"Password\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic password input with placeholder text.\",\n      },\n    },\n  },\n}\n\nexport const WithValue = {\n  args: {\n    name: \"Password\",\n    placeholder: \"Password\",\n    defaultValue: \"secret\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Password input with a default value.\",\n      },\n    },\n  },\n}\n\nexport const VisibleByDefault = {\n  args: {\n    name: \"Password\",\n    placeholder: \"Password\",\n    defaultValue: \"secret\",\n    defaultVisibility: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Password input with text visible by default.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAA0E,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3D;EACbC,SAAS,EAAEC,4BAAa;EACxBC,KAAK,EAAE,0BAA0B;EACjCC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAZ,OAAA,CAAAY,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;EACf,CAAC;EACDT,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,SAAS,GAAAjB,OAAA,CAAAiB,SAAA,GAAG;EACvBJ,IAAI,EAAE;IACJC,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE,UAAU;IACvBG,YAAY,EAAE;EAChB,CAAC;EACDZ,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMG,gBAAgB,GAAAnB,OAAA,CAAAmB,gBAAA,GAAG;EAC9BN,IAAI,EAAE;IACJC,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE,UAAU;IACvBG,YAAY,EAAE,QAAQ;IACtBE,iBAAiB,EAAE;EACrB,CAAC;EACDd,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}

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

@@ -1,14 +1,119 @@
 import React from "react";
 declare const _default: {
+    component: React.ForwardRefExoticComponent<import("./Pill").PillProps & React.RefAttributes<HTMLAnchorElement & HTMLButtonElement>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
-export declare const Variants: () => React.JSX.Element;
-export declare const LinkExample: () => React.JSX.Element;
-export declare const LongExampleWithTruncation: () => React.JSX.Element;
-export declare const SearchWithCount: () => React.JSX.Element;
-export declare const ArtistWithImage: () => React.JSX.Element;
-export declare const PillWithIcon: () => React.JSX.Element;
-export declare const Demo: () => React.JSX.Element;
-export declare const ProfileVariant: () => React.JSX.Element;
-export declare const PillWithPopover: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        children: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Variants: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const LinkExample: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const LongExampleWithTruncation: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const SearchWithCount: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const ArtistWithImage: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const PillWithIcon: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Interactive: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const ProfileVariant: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const PillWithPopover: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};