@artsy/palette 44.1.0 → 44.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (210) hide show
  1. package/dist/elements/AutocompleteInput/AutocompleteInput.story.d.ts +105 -6
  2. package/dist/elements/AutocompleteInput/AutocompleteInput.story.js +78 -365
  3. package/dist/elements/AutocompleteInput/AutocompleteInput.story.js.map +1 -1
  4. package/dist/elements/Avatar/Avatar.story.d.ts +74 -5
  5. package/dist/elements/Avatar/Avatar.story.js +69 -85
  6. package/dist/elements/Avatar/Avatar.story.js.map +1 -1
  7. package/dist/elements/Banner/Banner.story.d.ts +53 -2
  8. package/dist/elements/Banner/Banner.story.js +55 -24
  9. package/dist/elements/Banner/Banner.story.js.map +1 -1
  10. package/dist/elements/BaseTabs/BaseTabs.story.d.ts +45 -20
  11. package/dist/elements/BaseTabs/BaseTabs.story.js +99 -154
  12. package/dist/elements/BaseTabs/BaseTabs.story.js.map +1 -1
  13. package/dist/elements/BorderedRadio/BorderedRadio.story.d.ts +30 -1
  14. package/dist/elements/BorderedRadio/BorderedRadio.story.js +92 -19
  15. package/dist/elements/BorderedRadio/BorderedRadio.story.js.map +1 -1
  16. package/dist/elements/Box/Box.story.d.ts +35 -1
  17. package/dist/elements/Box/Box.story.js +54 -28
  18. package/dist/elements/Box/Box.story.js.map +1 -1
  19. package/dist/elements/Breadcrumbs/Breadcrumbs.story.d.ts +27 -1
  20. package/dist/elements/Breadcrumbs/Breadcrumbs.story.js +43 -26
  21. package/dist/elements/Breadcrumbs/Breadcrumbs.story.js.map +1 -1
  22. package/dist/elements/Button/Button.story.d.ts +132 -19
  23. package/dist/elements/Button/Button.story.js +133 -228
  24. package/dist/elements/Button/Button.story.js.map +1 -1
  25. package/dist/elements/CSSGrid/CSSGrid.story.d.ts +35 -10
  26. package/dist/elements/CSSGrid/CSSGrid.story.js +57 -20
  27. package/dist/elements/CSSGrid/CSSGrid.story.js.map +1 -1
  28. package/dist/elements/Cards/Cards.story.d.ts +56 -14
  29. package/dist/elements/Cards/Cards.story.js +65 -55
  30. package/dist/elements/Cards/Cards.story.js.map +1 -1
  31. package/dist/elements/Carousel/Carousel.story.d.ts +135 -48
  32. package/dist/elements/Carousel/Carousel.story.js +399 -303
  33. package/dist/elements/Carousel/Carousel.story.js.map +1 -1
  34. package/dist/elements/CarouselBar/CarouselBar.story.d.ts +37 -2
  35. package/dist/elements/CarouselBar/CarouselBar.story.js +38 -19
  36. package/dist/elements/CarouselBar/CarouselBar.story.js.map +1 -1
  37. package/dist/elements/Checkbox/Check.story.d.ts +75 -2
  38. package/dist/elements/Checkbox/Check.story.js +77 -32
  39. package/dist/elements/Checkbox/Check.story.js.map +1 -1
  40. package/dist/elements/Checkbox/Checkbox.story.d.ts +79 -3
  41. package/dist/elements/Checkbox/Checkbox.story.js +81 -79
  42. package/dist/elements/Checkbox/Checkbox.story.js.map +1 -1
  43. package/dist/elements/Clickable/Clickable.story.d.ts +50 -5
  44. package/dist/elements/Clickable/Clickable.story.js +52 -58
  45. package/dist/elements/Clickable/Clickable.story.js.map +1 -1
  46. package/dist/elements/Drawer/Drawer.story.d.ts +36 -2
  47. package/dist/elements/Drawer/Drawer.story.js +42 -9
  48. package/dist/elements/Drawer/Drawer.story.js.map +1 -1
  49. package/dist/elements/Dropdown/Dropdown.story.d.ts +53 -18
  50. package/dist/elements/Dropdown/Dropdown.story.js +244 -237
  51. package/dist/elements/Dropdown/Dropdown.story.js.map +1 -1
  52. package/dist/elements/EntityHeader/EntityHeader.story.d.ts +245 -1
  53. package/dist/elements/EntityHeader/EntityHeader.story.js +209 -76
  54. package/dist/elements/EntityHeader/EntityHeader.story.js.map +1 -1
  55. package/dist/elements/Expandable/Expandable.story.d.ts +54 -2
  56. package/dist/elements/Expandable/Expandable.story.js +76 -65
  57. package/dist/elements/Expandable/Expandable.story.js.map +1 -1
  58. package/dist/elements/FilterSelect/FilterSelect.story.d.ts +153 -2
  59. package/dist/elements/FilterSelect/FilterSelect.story.js +159 -62
  60. package/dist/elements/FilterSelect/FilterSelect.story.js.map +1 -1
  61. package/dist/elements/FullBleed/FullBleed.story.d.ts +30 -1
  62. package/dist/elements/FullBleed/FullBleed.story.js +44 -21
  63. package/dist/elements/FullBleed/FullBleed.story.js.map +1 -1
  64. package/dist/elements/GridColumns/GridColumns.story.d.ts +47 -9
  65. package/dist/elements/GridColumns/GridColumns.story.js +188 -204
  66. package/dist/elements/GridColumns/GridColumns.story.js.map +1 -1
  67. package/dist/elements/HTML/HTML.story.d.ts +56 -9
  68. package/dist/elements/HTML/HTML.story.js +56 -28
  69. package/dist/elements/HTML/HTML.story.js.map +1 -1
  70. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.d.ts +52 -2
  71. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js +83 -46
  72. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js.map +1 -1
  73. package/dist/elements/Image/Image.story.d.ts +56 -17
  74. package/dist/elements/Image/Image.story.js +106 -88
  75. package/dist/elements/Image/Image.story.js.map +1 -1
  76. package/dist/elements/Input/Input.story.d.ts +111 -6
  77. package/dist/elements/Input/Input.story.js +108 -106
  78. package/dist/elements/Input/Input.story.js.map +1 -1
  79. package/dist/elements/Join/Join.d.ts +1 -2
  80. package/dist/elements/Join/Join.js.map +1 -1
  81. package/dist/elements/Join/Join.story.d.ts +55 -10
  82. package/dist/elements/Join/Join.story.js +122 -58
  83. package/dist/elements/Join/Join.story.js.map +1 -1
  84. package/dist/elements/Label/Label.story.d.ts +44 -2
  85. package/dist/elements/Label/Label.story.js +68 -24
  86. package/dist/elements/Label/Label.story.js.map +1 -1
  87. package/dist/elements/LabeledInput/LabeledInput.story.d.ts +50 -3
  88. package/dist/elements/LabeledInput/LabeledInput.story.js +62 -68
  89. package/dist/elements/LabeledInput/LabeledInput.story.js.map +1 -1
  90. package/dist/elements/Marquee/Marquee.story.d.ts +57 -1
  91. package/dist/elements/Marquee/Marquee.story.js +82 -20
  92. package/dist/elements/Marquee/Marquee.story.js.map +1 -1
  93. package/dist/elements/Message/Message.story.d.ts +56 -1
  94. package/dist/elements/Message/Message.story.js +84 -25
  95. package/dist/elements/Message/Message.story.js.map +1 -1
  96. package/dist/elements/Modal/ModalBase.story.d.ts +53 -4
  97. package/dist/elements/Modal/ModalBase.story.js +78 -33
  98. package/dist/elements/Modal/ModalBase.story.js.map +1 -1
  99. package/dist/elements/ModalDialog/ModalDialog.story.d.ts +58 -1
  100. package/dist/elements/ModalDialog/ModalDialog.story.js +93 -144
  101. package/dist/elements/ModalDialog/ModalDialog.story.js.map +1 -1
  102. package/dist/elements/ModalDialog/ModalDialogContent.story.d.ts +112 -1
  103. package/dist/elements/ModalDialog/ModalDialogContent.story.js +190 -65
  104. package/dist/elements/ModalDialog/ModalDialogContent.story.js.map +1 -1
  105. package/dist/elements/MultiSelect/MultiSelect.story.d.ts +119 -2
  106. package/dist/elements/MultiSelect/MultiSelect.story.js +102 -46
  107. package/dist/elements/MultiSelect/MultiSelect.story.js.map +1 -1
  108. package/dist/elements/Pagination/Pagination.story.d.ts +88 -4
  109. package/dist/elements/Pagination/Pagination.story.js +64 -23
  110. package/dist/elements/Pagination/Pagination.story.js.map +1 -1
  111. package/dist/elements/PasswordInput/PasswordInput.story.d.ts +54 -2
  112. package/dist/elements/PasswordInput/PasswordInput.story.js +54 -16
  113. package/dist/elements/PasswordInput/PasswordInput.story.js.map +1 -1
  114. package/dist/elements/Pill/Pill.story.d.ts +114 -9
  115. package/dist/elements/Pill/Pill.story.js +282 -169
  116. package/dist/elements/Pill/Pill.story.js.map +1 -1
  117. package/dist/elements/Popover/Popover.story.d.ts +162 -13
  118. package/dist/elements/Popover/Popover.story.js +351 -190
  119. package/dist/elements/Popover/Popover.story.js.map +1 -1
  120. package/dist/elements/ProgressBar/ProgressBar.story.d.ts +43 -7
  121. package/dist/elements/ProgressBar/ProgressBar.story.js +73 -35
  122. package/dist/elements/ProgressBar/ProgressBar.story.js.map +1 -1
  123. package/dist/elements/ProgressDots/ProgressDots.story.d.ts +69 -7
  124. package/dist/elements/ProgressDots/ProgressDots.story.js +108 -41
  125. package/dist/elements/ProgressDots/ProgressDots.story.js.map +1 -1
  126. package/dist/elements/Radio/Radio.story.d.ts +103 -2
  127. package/dist/elements/Radio/Radio.story.js +112 -57
  128. package/dist/elements/Radio/Radio.story.js.map +1 -1
  129. package/dist/elements/RadioGroup/RadioGroup.story.d.ts +104 -5
  130. package/dist/elements/RadioGroup/RadioGroup.story.js +183 -65
  131. package/dist/elements/RadioGroup/RadioGroup.story.js.map +1 -1
  132. package/dist/elements/Range/Range.story.d.ts +89 -8
  133. package/dist/elements/Range/Range.story.js +170 -94
  134. package/dist/elements/Range/Range.story.js.map +1 -1
  135. package/dist/elements/ReadMore/ReadMore.story.d.ts +85 -25
  136. package/dist/elements/ReadMore/ReadMore.story.js +123 -80
  137. package/dist/elements/ReadMore/ReadMore.story.js.map +1 -1
  138. package/dist/elements/ResponsiveBox/ResponsiveBox.story.d.ts +40 -5
  139. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js +87 -51
  140. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js.map +1 -1
  141. package/dist/elements/Select/Select.story.d.ts +260 -2
  142. package/dist/elements/Select/Select.story.js +216 -48
  143. package/dist/elements/Select/Select.story.js.map +1 -1
  144. package/dist/elements/SelectInput/SelectInput.story.d.ts +304 -3
  145. package/dist/elements/SelectInput/SelectInput.story.js +347 -99
  146. package/dist/elements/SelectInput/SelectInput.story.js.map +1 -1
  147. package/dist/elements/SelectInput/SelectInputList.story.d.ts +31 -1
  148. package/dist/elements/SelectInput/SelectInputList.story.js +35 -164
  149. package/dist/elements/SelectInput/SelectInputList.story.js.map +1 -1
  150. package/dist/elements/Separator/Separator.story.d.ts +64 -2
  151. package/dist/elements/Separator/Separator.story.js +65 -18
  152. package/dist/elements/Separator/Separator.story.js.map +1 -1
  153. package/dist/elements/Shelf/Shelf.story.d.ts +140 -8
  154. package/dist/elements/Shelf/Shelf.story.js +224 -56
  155. package/dist/elements/Shelf/Shelf.story.js.map +1 -1
  156. package/dist/elements/ShowMore/ShowMore.story.d.ts +46 -4
  157. package/dist/elements/ShowMore/ShowMore.story.js +102 -48
  158. package/dist/elements/ShowMore/ShowMore.story.js.map +1 -1
  159. package/dist/elements/Skeleton/Skeleton.story.d.ts +68 -4
  160. package/dist/elements/Skeleton/Skeleton.story.js +84 -58
  161. package/dist/elements/Skeleton/Skeleton.story.js.map +1 -1
  162. package/dist/elements/Skip/Skip.story.d.ts +50 -11
  163. package/dist/elements/Skip/Skip.story.js +69 -31
  164. package/dist/elements/Skip/Skip.story.js.map +1 -1
  165. package/dist/elements/Spacer/Spacer.story.d.ts +39 -4
  166. package/dist/elements/Spacer/Spacer.story.js +53 -51
  167. package/dist/elements/Spacer/Spacer.story.js.map +1 -1
  168. package/dist/elements/Spinner/Spinner.story.d.ts +47 -7
  169. package/dist/elements/Spinner/Spinner.story.js +47 -27
  170. package/dist/elements/Spinner/Spinner.story.js.map +1 -1
  171. package/dist/elements/Stack/Stack.story.d.ts +45 -1
  172. package/dist/elements/Stack/Stack.story.js +81 -33
  173. package/dist/elements/Stack/Stack.story.js.map +1 -1
  174. package/dist/elements/StackableBorderBox/StackableBorderBox.story.d.ts +24 -1
  175. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js +28 -9
  176. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js.map +1 -1
  177. package/dist/elements/Stepper/Stepper.story.d.ts +99 -2
  178. package/dist/elements/Stepper/Stepper.story.js +166 -64
  179. package/dist/elements/Stepper/Stepper.story.js.map +1 -1
  180. package/dist/elements/Sup/Sup.story.d.ts +47 -1
  181. package/dist/elements/Sup/Sup.story.js +57 -15
  182. package/dist/elements/Sup/Sup.story.js.map +1 -1
  183. package/dist/elements/Swiper/Swiper.story.d.ts +32 -45
  184. package/dist/elements/Swiper/Swiper.story.js +234 -235
  185. package/dist/elements/Swiper/Swiper.story.js.map +1 -1
  186. package/dist/elements/Tabs/Tabs.story.d.ts +41 -18
  187. package/dist/elements/Tabs/Tabs.story.js +255 -238
  188. package/dist/elements/Tabs/Tabs.story.js.map +1 -1
  189. package/dist/elements/Text/Text.story.d.ts +117 -5
  190. package/dist/elements/Text/Text.story.js +119 -97
  191. package/dist/elements/Text/Text.story.js.map +1 -1
  192. package/dist/elements/TextArea/TextArea.story.d.ts +45 -2
  193. package/dist/elements/TextArea/TextArea.story.js +106 -49
  194. package/dist/elements/TextArea/TextArea.story.js.map +1 -1
  195. package/dist/elements/Toasts/Toast.story.d.ts +91 -2
  196. package/dist/elements/Toasts/Toast.story.js +90 -24
  197. package/dist/elements/Toasts/Toast.story.js.map +1 -1
  198. package/dist/elements/Toasts/Toasts.story.d.ts +13 -1
  199. package/dist/elements/Toasts/Toasts.story.js +78 -64
  200. package/dist/elements/Toasts/Toasts.story.js.map +1 -1
  201. package/dist/elements/Toggle/Toggle.story.d.ts +66 -2
  202. package/dist/elements/Toggle/Toggle.story.js +97 -41
  203. package/dist/elements/Toggle/Toggle.story.js.map +1 -1
  204. package/dist/elements/Tooltip/Tooltip.story.d.ts +53 -19
  205. package/dist/elements/Tooltip/Tooltip.story.js +201 -212
  206. package/dist/elements/Tooltip/Tooltip.story.js.map +1 -1
  207. package/dist/utils/storybookBlocklist.d.ts +6 -0
  208. package/dist/utils/storybookBlocklist.js +47 -0
  209. package/dist/utils/storybookBlocklist.js.map +1 -0
  210. package/package.json +3 -2
@@ -1,28 +1,177 @@
1
1
  import React from "react";
2
+ import { PopoverProps } from "./Popover";
2
3
  declare const _default: {
4
+ component: ({ children, ignoreClickOutside, manageFocus, offset, onClose, onDismiss, placement, pointer, popover, variant, visible: _visible, zIndex, ...rest }: PopoverProps) => React.JSX.Element;
3
5
  title: string;
6
+ tags: string[];
7
+ parameters: {
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ controls: {
14
+ exclude: string[];
15
+ };
16
+ };
4
17
  };
5
18
  export default _default;
6
19
  export declare const Default: {
7
- (): React.JSX.Element;
8
- story: {
9
- parameters: {
10
- chromatic: {
11
- disable: boolean;
20
+ args: {
21
+ placement: string;
22
+ popover: React.JSX.Element;
23
+ children: ({ onVisible, anchorRef }: {
24
+ onVisible: any;
25
+ anchorRef: any;
26
+ }) => React.JSX.Element;
27
+ };
28
+ parameters: {
29
+ docs: {
30
+ description: {
31
+ story: string;
32
+ };
33
+ };
34
+ };
35
+ };
36
+ export declare const Visible: {
37
+ tags: string[];
38
+ args: {
39
+ placement: string;
40
+ visible: boolean;
41
+ popover: React.JSX.Element;
42
+ children: ({ anchorRef }: {
43
+ anchorRef: any;
44
+ }) => React.JSX.Element;
45
+ };
46
+ parameters: {
47
+ docs: {
48
+ description: {
49
+ story: string;
50
+ };
51
+ };
52
+ };
53
+ };
54
+ export declare const WithContentInteraction: {
55
+ tags: string[];
56
+ args: {
57
+ placement: string;
58
+ visible: boolean;
59
+ popover: React.JSX.Element;
60
+ children: ({ anchorRef }: {
61
+ anchorRef: any;
62
+ }) => React.JSX.Element;
63
+ };
64
+ parameters: {
65
+ docs: {
66
+ description: {
67
+ story: string;
68
+ };
69
+ };
70
+ };
71
+ };
72
+ export declare const Pointer: {
73
+ tags: string[];
74
+ args: {
75
+ placement: string;
76
+ pointer: boolean;
77
+ visible: boolean;
78
+ p: number;
79
+ popover: React.JSX.Element;
80
+ children: ({ anchorRef }: {
81
+ anchorRef: any;
82
+ }) => React.JSX.Element;
83
+ };
84
+ parameters: {
85
+ docs: {
86
+ description: {
87
+ story: string;
88
+ };
89
+ };
90
+ };
91
+ };
92
+ export declare const DarkVariant: {
93
+ tags: string[];
94
+ args: {
95
+ placement: string;
96
+ variant: string;
97
+ visible: boolean;
98
+ pointer: boolean;
99
+ zIndex: number;
100
+ popover: React.JSX.Element;
101
+ children: ({ anchorRef }: {
102
+ anchorRef: any;
103
+ }) => React.JSX.Element;
104
+ };
105
+ parameters: {
106
+ docs: {
107
+ description: {
108
+ story: string;
109
+ };
110
+ };
111
+ };
112
+ };
113
+ export declare const IgnoreClickOutside: {
114
+ tags: string[];
115
+ args: {
116
+ placement: string;
117
+ ignoreClickOutside: boolean;
118
+ popover: React.JSX.Element;
119
+ children: ({ anchorRef }: {
120
+ anchorRef: any;
121
+ }) => React.JSX.Element;
122
+ };
123
+ parameters: {
124
+ docs: {
125
+ description: {
126
+ story: string;
12
127
  };
13
128
  };
14
129
  };
15
130
  };
16
131
  export declare const Placement: {
17
- (): React.JSX.Element;
18
- story: {
19
- parameters: {
20
- chromatic: {
21
- disable: boolean;
132
+ tags: string[];
133
+ render: () => React.JSX.Element;
134
+ parameters: {
135
+ chromatic: {
136
+ disable: boolean;
137
+ };
138
+ docs: {
139
+ description: {
140
+ story: string;
141
+ };
142
+ };
143
+ };
144
+ };
145
+ export declare const ManageFocus: {
146
+ tags: string[];
147
+ render: () => React.JSX.Element;
148
+ parameters: {
149
+ docs: {
150
+ description: {
151
+ story: string;
152
+ };
153
+ };
154
+ };
155
+ };
156
+ export declare const PopoverActions: {
157
+ tags: string[];
158
+ render: () => React.JSX.Element;
159
+ parameters: {
160
+ docs: {
161
+ description: {
162
+ story: string;
163
+ };
164
+ };
165
+ };
166
+ };
167
+ export declare const CrashAtSpecificZoomLevels: {
168
+ tags: string[];
169
+ render: () => React.JSX.Element;
170
+ parameters: {
171
+ docs: {
172
+ description: {
173
+ story: string;
22
174
  };
23
175
  };
24
176
  };
25
177
  };
26
- export declare const ManageFocus: () => React.JSX.Element;
27
- export declare const PopoverActions: () => React.JSX.Element;
28
- export declare const CrashAtSpecificZoomLevels: () => React.JSX.Element;