@artsy/palette 40.1.0 → 40.3.0-canary.1417.31465.0

package/dist/Theme.d.ts

@@ -44,6 +44,7 @@ export declare const useTheme: <T extends {
         orange10: string;
         red150: string;
         red100: string;
+        red50: string;
         red10: string;
     };
     effects: {

package/dist/elements/BaseTabs/BaseTab.d.ts

@@ -21,7 +21,7 @@ export declare const BaseTab: import("styled-components/dist/types").IStyledComp
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
     variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;
 } & import("..").BoxProps & {
     hyphenate?: boolean | undefined;

package/dist/elements/FilterSelect/Components/FilterSelectContext.d.ts

@@ -12,22 +12,24 @@ export interface FilterSelectChangeState {
     query: FilterSelectContextProps["query"];
 }
 interface FilterSelectContextProps {
-    items: Items;
+    enableSelectAll?: boolean;
     filteredItems: Items;
     initialItemsToShow: number;
     isFiltered: boolean;
+    items: Items;
     multiselect: boolean;
     onChange: (state: FilterSelectChangeState) => void;
     order: [string[], Array<"asc" | "desc">];
     placeholder: string;
     query: string;
     renderItemLabel?: (item: any) => string;
+    searchableText?: (item: Item) => string;
     selectedItems: Items;
-    toggleSelectedItem: (item: Item) => void;
     setQuery: (query: string) => void;
     setSelectedItems: (items: Items) => void;
+    toggleSelectedItem: (item: Item) => void;
 }
-export declare type FilterSelectState = Pick<FilterSelectContextProps, "filteredItems" | "initialItemsToShow" | "items" | "isFiltered" | "multiselect" | "onChange" | "order" | "placeholder" | "renderItemLabel" | "query" | "selectedItems">;
+export declare type FilterSelectState = Pick<FilterSelectContextProps, "enableSelectAll" | "filteredItems" | "initialItemsToShow" | "isFiltered" | "items" | "multiselect" | "onChange" | "order" | "placeholder" | "query" | "renderItemLabel" | "searchableText" | "selectedItems">;
 export declare const FilterSelectContextProvider: React.FC<React.PropsWithChildren<Partial<FilterSelectState>>>;
 export declare const useFilterSelectContext: () => FilterSelectContextProps;
 export {};

package/dist/elements/FilterSelect/Components/FilterSelectContext.js

@@ -36,6 +36,8 @@ var filterSelectReducer = function filterSelectReducer(state, action) {
     case "SET_QUERY":
       {
         var _query = action.payload.query;
+        var _items = state.items,
+          searchableText = state.searchableText;
         if (_query === "") {
           return _objectSpread(_objectSpread({}, state), {}, {
             query: _query,
@@ -43,9 +45,10 @@ var filterSelectReducer = function filterSelectReducer(state, action) {
             filteredItems: []
           });
         }
-        var filteredItems = state.items.filter(function (_ref) {
-          var name = _ref.label;
-          return name.toLowerCase().includes(_query.toLowerCase());
+        var filteredItems = _items.filter(function (item) {
+          var _searchableText;
+          var text = (_searchableText = searchableText === null || searchableText === void 0 ? void 0 : searchableText(item)) !== null && _searchableText !== void 0 ? _searchableText : item.label;
+          return text.toLowerCase().includes(_query.toLowerCase());
         });
         return _objectSpread(_objectSpread({}, state), {}, {
           query: _query,
@@ -72,9 +75,9 @@ var filterSelectReducer = function filterSelectReducer(state, action) {
       }
     case "SET_SELECTED_ITEMS":
       {
-        var _items = action.payload.items;
+        var _items2 = action.payload.items;
         return _objectSpread(_objectSpread({}, state), {}, {
-          selectedItems: _items
+          selectedItems: _items2
         });
       }
   }
@@ -95,10 +98,10 @@ var initialState = {
   selectedItems: []
 };
 var FilterSelectContext = /*#__PURE__*/(0, _react.createContext)({});
-var FilterSelectContextProvider = function FilterSelectContextProvider(_ref2) {
+var FilterSelectContextProvider = function FilterSelectContextProvider(_ref) {
   var _props$selectedItems;
-  var children = _ref2.children,
-    props = _objectWithoutProperties(_ref2, _excluded);
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useReducer = (0, _react.useReducer)(filterSelectReducer, _objectSpread(_objectSpread({}, initialState), props)),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],

package/dist/elements/FilterSelect/Components/FilterSelectContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSelectContext.js","names":["_react","_interopRequireWildcard","require","_utils","_ShowMore","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","length","err","return","Array","isArray","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","name","from","test","iter","len","arr2","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","filterSelectReducer","state","action","type","query","payload","isFiltered","filteredItems","items","_ref","label","toLowerCase","includes","isFound","selectedItems","find","item","multiselect","concat","initialState","initialItemsToShow","INITIAL_ITEMS_TO_SHOW","onChange","x","order","placeholder","renderItemLabel","FilterSelectContext","createContext","FilterSelectContextProvider","_ref2","_props$selectedItems","children","props","_useReducer","useReducer","_useReducer2","dispatch","contextValue","toggleSelectedItem","setQuery","setSelectedItems","useUpdateEffect","useLayoutEffect","_props$query","createElement","Provider","exports","displayName","useFilterSelectContext","useContext"],"sources":["../../../../src/elements/FilterSelect/Components/FilterSelectContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useReducer,\n} from \"react\"\nimport { useUpdateEffect } from \"../../../utils\"\nimport { INITIAL_ITEMS_TO_SHOW } from \"../../ShowMore\"\n\nexport interface Item {\n  label: string\n  value: string\n  [key: string]: string | number | boolean\n}\n\n// In order to satisfy the Relay compilers readonly list types. This is in\n// support for passing different kinds of item types as props, like aggregations\nexport type Items = ReadonlyArray<Item>\n\nexport interface FilterSelectChangeState {\n  items: FilterSelectContextProps[\"items\"]\n  filteredItems: FilterSelectContextProps[\"filteredItems\"]\n  selectedItems: FilterSelectContextProps[\"selectedItems\"]\n  query: FilterSelectContextProps[\"query\"]\n}\n\ninterface FilterSelectContextProps {\n  items: Items\n  filteredItems: Items\n  initialItemsToShow: number\n  isFiltered: boolean\n  multiselect: boolean\n  onChange: (state: FilterSelectChangeState) => void\n  order: [string[], Array<\"asc\" | \"desc\">] // See: https://lodash.com/docs/4.17.15#orderBy\n  placeholder: string\n  query: string\n  renderItemLabel?: (item: any) => string\n  selectedItems: Items\n  toggleSelectedItem: (item: Item) => void\n  setQuery: (query: string) => void\n  setSelectedItems: (items: Items) => void\n}\n\nexport type FilterSelectState = Pick<\n  FilterSelectContextProps,\n  | \"filteredItems\"\n  | \"initialItemsToShow\"\n  | \"items\"\n  | \"isFiltered\"\n  | \"multiselect\"\n  | \"onChange\"\n  | \"order\"\n  | \"placeholder\"\n  | \"renderItemLabel\"\n  | \"query\"\n  | \"selectedItems\"\n>\n\ntype Action =\n  | { type: \"SET_QUERY\"; payload: { query: string } }\n  | { type: \"TOGGLE_SELECTED_ITEM\"; payload: { item: Item } }\n  | { type: \"SET_SELECTED_ITEMS\"; payload: { items: Items } }\n\nconst filterSelectReducer = (state: FilterSelectState, action: Action) => {\n  switch (action.type) {\n    case \"SET_QUERY\": {\n      const { query } = action.payload\n\n      if (query === \"\") {\n        return {\n          ...state,\n          query,\n          isFiltered: false,\n          filteredItems: [],\n        }\n      }\n\n      const filteredItems = state.items.filter(({ label: name }) => {\n        return name.toLowerCase().includes(query.toLowerCase())\n      })\n\n      return {\n        ...state,\n        query,\n        isFiltered: true,\n        filteredItems,\n      }\n    }\n\n    case \"TOGGLE_SELECTED_ITEM\": {\n      const isFound = !!state.selectedItems.find(\n        (item) => item.value === action.payload.item.value\n      )\n\n      let selectedItems\n      if (isFound) {\n        selectedItems = state.selectedItems.filter(\n          (item) => item.value !== action.payload.item.value\n        )\n      } else {\n        selectedItems = state.multiselect\n          ? [...state.selectedItems, action.payload.item]\n          : [action.payload.item]\n      }\n\n      return {\n        ...state,\n        selectedItems,\n      }\n    }\n\n    case \"SET_SELECTED_ITEMS\": {\n      const { items } = action.payload\n\n      return {\n        ...state,\n        selectedItems: items,\n      }\n    }\n  }\n}\n\nconst initialState: FilterSelectState = {\n  filteredItems: [],\n  initialItemsToShow: INITIAL_ITEMS_TO_SHOW,\n  isFiltered: false,\n  items: [],\n  multiselect: true,\n  onChange: (x) => x,\n  order: [[\"label\"], [\"asc\"]],\n  placeholder: \"\",\n  query: \"\",\n  renderItemLabel: undefined,\n  selectedItems: [],\n}\n\nconst FilterSelectContext = createContext<FilterSelectContextProps>({} as any)\n\nexport const FilterSelectContextProvider: React.FC<React.PropsWithChildren<Partial<FilterSelectState>>> = ({ children, ...props }) => {\n  const [state, dispatch] = useReducer(filterSelectReducer, {\n    ...initialState,\n    ...props,\n  })\n\n  const contextValue = {\n    ...state,\n\n    toggleSelectedItem: (item) => {\n      dispatch({\n        type: \"TOGGLE_SELECTED_ITEM\",\n        payload: { item },\n      })\n    },\n    setQuery: (query) => {\n      dispatch({\n        type: \"SET_QUERY\",\n        payload: { query },\n      })\n    },\n    setSelectedItems: (items) => {\n      dispatch({\n        type: \"SET_SELECTED_ITEMS\",\n        payload: {\n          items,\n        },\n      })\n    },\n  }\n\n  useUpdateEffect(() => {\n    if (props.selectedItems) {\n      contextValue.setSelectedItems(props.selectedItems)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.selectedItems?.length])\n\n  useLayoutEffect(() => {\n    if (props.query?.length) {\n      contextValue.setQuery(props.query)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return (\n    <FilterSelectContext.Provider value={contextValue}>\n      {children}\n    </FilterSelectContext.Provider>\n  )\n}\n\nexport const useFilterSelectContext = () => {\n  return useContext(FilterSelectContext)\n}\n"],"mappings":"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"}
+{"version":3,"file":"FilterSelectContext.js","names":["_react","_interopRequireWildcard","require","_utils","_ShowMore","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","length","err","return","Array","isArray","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","name","from","test","iter","len","arr2","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","filterSelectReducer","state","action","type","query","payload","items","searchableText","isFiltered","filteredItems","item","_searchableText","text","label","toLowerCase","includes","isFound","selectedItems","find","multiselect","concat","initialState","initialItemsToShow","INITIAL_ITEMS_TO_SHOW","onChange","x","order","placeholder","renderItemLabel","FilterSelectContext","createContext","FilterSelectContextProvider","_ref","_props$selectedItems","children","props","_useReducer","useReducer","_useReducer2","dispatch","contextValue","toggleSelectedItem","setQuery","setSelectedItems","useUpdateEffect","useLayoutEffect","_props$query","createElement","Provider","exports","displayName","useFilterSelectContext","useContext"],"sources":["../../../../src/elements/FilterSelect/Components/FilterSelectContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useReducer,\n} from \"react\"\nimport { useUpdateEffect } from \"../../../utils\"\nimport { INITIAL_ITEMS_TO_SHOW } from \"../../ShowMore\"\n\nexport interface Item {\n  label: string\n  value: string\n  [key: string]: string | number | boolean\n}\n\n// In order to satisfy the Relay compilers readonly list types. This is in\n// support for passing different kinds of item types as props, like aggregations\nexport type Items = ReadonlyArray<Item>\n\nexport interface FilterSelectChangeState {\n  items: FilterSelectContextProps[\"items\"]\n  filteredItems: FilterSelectContextProps[\"filteredItems\"]\n  selectedItems: FilterSelectContextProps[\"selectedItems\"]\n  query: FilterSelectContextProps[\"query\"]\n}\n\ninterface FilterSelectContextProps {\n  enableSelectAll?: boolean\n  filteredItems: Items\n  initialItemsToShow: number\n  isFiltered: boolean\n  items: Items\n  multiselect: boolean\n  onChange: (state: FilterSelectChangeState) => void\n  order: [string[], Array<\"asc\" | \"desc\">] // See: https://lodash.com/docs/4.17.15#orderBy\n  placeholder: string\n  query: string\n  renderItemLabel?: (item: any) => string\n  searchableText?: (item: Item) => string\n  selectedItems: Items\n  setQuery: (query: string) => void\n  setSelectedItems: (items: Items) => void\n  toggleSelectedItem: (item: Item) => void\n}\n\nexport type FilterSelectState = Pick<\n  FilterSelectContextProps,\n  | \"enableSelectAll\"\n  | \"filteredItems\"\n  | \"initialItemsToShow\"\n  | \"isFiltered\"\n  | \"items\"\n  | \"multiselect\"\n  | \"onChange\"\n  | \"order\"\n  | \"placeholder\"\n  | \"query\"\n  | \"renderItemLabel\"\n  | \"searchableText\"\n  | \"selectedItems\"\n>\n\ntype Action =\n  | { type: \"SET_QUERY\"; payload: { query: string } }\n  | { type: \"TOGGLE_SELECTED_ITEM\"; payload: { item: Item } }\n  | { type: \"SET_SELECTED_ITEMS\"; payload: { items: Items } }\n\nconst filterSelectReducer = (state: FilterSelectState, action: Action) => {\n  switch (action.type) {\n    case \"SET_QUERY\": {\n      const { query } = action.payload\n      const { items, searchableText } = state\n\n      if (query === \"\") {\n        return {\n          ...state,\n          query,\n          isFiltered: false,\n          filteredItems: [],\n        }\n      }\n\n      const filteredItems = items.filter((item) => {\n        const text = searchableText?.(item) ?? item.label\n        return text.toLowerCase().includes(query.toLowerCase())\n      })\n\n      return {\n        ...state,\n        query,\n        isFiltered: true,\n        filteredItems,\n      }\n    }\n\n    case \"TOGGLE_SELECTED_ITEM\": {\n      const isFound = !!state.selectedItems.find(\n        (item) => item.value === action.payload.item.value\n      )\n\n      let selectedItems\n      if (isFound) {\n        selectedItems = state.selectedItems.filter(\n          (item) => item.value !== action.payload.item.value\n        )\n      } else {\n        selectedItems = state.multiselect\n          ? [...state.selectedItems, action.payload.item]\n          : [action.payload.item]\n      }\n\n      return {\n        ...state,\n        selectedItems,\n      }\n    }\n\n    case \"SET_SELECTED_ITEMS\": {\n      const { items } = action.payload\n\n      return {\n        ...state,\n        selectedItems: items,\n      }\n    }\n  }\n}\n\nconst initialState: FilterSelectState = {\n  filteredItems: [],\n  initialItemsToShow: INITIAL_ITEMS_TO_SHOW,\n  isFiltered: false,\n  items: [],\n  multiselect: true,\n  onChange: (x) => x,\n  order: [[\"label\"], [\"asc\"]],\n  placeholder: \"\",\n  query: \"\",\n  renderItemLabel: undefined,\n  selectedItems: [],\n}\n\nconst FilterSelectContext = createContext<FilterSelectContextProps>({} as any)\n\nexport const FilterSelectContextProvider: React.FC<\n  React.PropsWithChildren<Partial<FilterSelectState>>\n> = ({ children, ...props }) => {\n  const [state, dispatch] = useReducer(filterSelectReducer, {\n    ...initialState,\n    ...props,\n  })\n\n  const contextValue = {\n    ...state,\n\n    toggleSelectedItem: (item) => {\n      dispatch({\n        type: \"TOGGLE_SELECTED_ITEM\",\n        payload: { item },\n      })\n    },\n    setQuery: (query) => {\n      dispatch({\n        type: \"SET_QUERY\",\n        payload: { query },\n      })\n    },\n    setSelectedItems: (items) => {\n      dispatch({\n        type: \"SET_SELECTED_ITEMS\",\n        payload: {\n          items,\n        },\n      })\n    },\n  }\n\n  useUpdateEffect(() => {\n    if (props.selectedItems) {\n      contextValue.setSelectedItems(props.selectedItems)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.selectedItems?.length])\n\n  useLayoutEffect(() => {\n    if (props.query?.length) {\n      contextValue.setQuery(props.query)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return (\n    <FilterSelectContext.Provider value={contextValue}>\n      {children}\n    </FilterSelectContext.Provider>\n  )\n}\n\nexport const useFilterSelectContext = () => {\n  return useContext(FilterSelectContext)\n}\n"],"mappings":"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"}

package/dist/elements/FilterSelect/FilterSelect.js

@@ -15,6 +15,9 @@ var _FilterInput = require("./Components/FilterInput");
 var _VisuallyHidden = require("../VisuallyHidden");
 var _Text = require("../Text");
 var _utils = require("../../utils");
+var _Box = require("../Box");
+var _Clickable = require("../Clickable");
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -31,6 +34,7 @@ exports.FilterSelect = FilterSelect;
 FilterSelect.displayName = "FilterSelect";
 var _FilterSelect = function _FilterSelect() {
   var _useFilterSelectConte = (0, _FilterSelectContext.useFilterSelectContext)(),
+    enableSelectAll = _useFilterSelectConte.enableSelectAll,
     filteredItems = _useFilterSelectConte.filteredItems,
     initialItemsToShow = _useFilterSelectConte.initialItemsToShow,
     isFiltered = _useFilterSelectConte.isFiltered,
@@ -39,7 +43,11 @@ var _FilterSelect = function _FilterSelect() {
     onChange = _useFilterSelectConte.onChange,
     order = _useFilterSelectConte.order,
     query = _useFilterSelectConte.query,
-    selectedItems = _useFilterSelectConte.selectedItems;
+    selectedItems = _useFilterSelectConte.selectedItems,
+    setSelectedItems = _useFilterSelectConte.setSelectedItems;
+  if (!multiselect && enableSelectAll) {
+    throw new Error("FilterSelect: enableSelectAll is only available with multiselect mode.");
+  }
 
   // Dispatch change event
   (0, _utils.useUpdateEffect)(function () {
@@ -60,7 +68,7 @@ var _FilterSelect = function _FilterSelect() {
     return (0, _esToolkit.orderBy)(_toConsumableArray(items), order[0], order[1]);
   };
   var itemsOrdered = orderItems(items);
-  var filterdItemsOrdered = orderItems(filteredItems);
+  var filteredItemsOrdered = orderItems(filteredItems);
   var itemsSorted = multiselect ?
   // Move selected items to the top
   (0, _esToolkit.uniqBy)(selectedItems.concat(itemsOrdered), function (x) {
@@ -76,11 +84,15 @@ var _FilterSelect = function _FilterSelect() {
     "aria-live": "polite"
   }, "".concat(filteredItems.length, " result").concat(filteredItems.length === 1 ? "" : "s")), showNoResults && /*#__PURE__*/React.createElement(_Text.Text, {
     variant: "sm"
-  }, "No results."), isFiltered ? filterdItemsOrdered.map(function (item) {
+  }, "No results."), isFiltered ? /*#__PURE__*/React.createElement(React.Fragment, null, multiselect && enableSelectAll ? /*#__PURE__*/React.createElement(SelectAll, {
+    filteredItems: filteredItems,
+    selectedItems: selectedItems,
+    setSelectedItems: setSelectedItems
+  }) : null, filteredItemsOrdered.map(function (item) {
     return /*#__PURE__*/React.createElement(_FilterSelectResultItem.FilterSelectResultItem, _extends({
       key: item.value
     }, item));
-  }) : /*#__PURE__*/React.createElement(_ShowMore.ShowMore, {
+  })) : /*#__PURE__*/React.createElement(_ShowMore.ShowMore, {
     expanded: expanded,
     initial: initialItemsToShow,
     variant: "xs",
@@ -107,4 +119,27 @@ var isBelowTheFoldSelected = function isBelowTheFoldSelected(selectedItems, resu
   return isSelected;
 };
 exports.isBelowTheFoldSelected = isBelowTheFoldSelected;
+var SelectAll = function SelectAll(props) {
+  var filteredItems = props.filteredItems,
+    selectedItems = props.selectedItems,
+    setSelectedItems = props.setSelectedItems;
+  var isClearDisabled = selectedItems.length === 0;
+  return /*#__PURE__*/React.createElement(_Box.Box, {
+    my: 1
+  }, /*#__PURE__*/React.createElement(_Stack.Stack, {
+    gap: 2,
+    flexDirection: "row"
+  }, /*#__PURE__*/React.createElement(_Clickable.Clickable, {
+    onClick: function onClick() {
+      return setSelectedItems(filteredItems);
+    }
+  }, "Select all"), /*#__PURE__*/React.createElement(_Clickable.Clickable, {
+    onClick: function onClick() {
+      return setSelectedItems([]);
+    },
+    disabled: isClearDisabled,
+    color: isClearDisabled ? "black60" : "black100"
+  }, "Clear")));
+};
+SelectAll.displayName = "SelectAll";
 //# sourceMappingURL=FilterSelect.js.map

package/dist/elements/FilterSelect/FilterSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSelect.js","names":["_esToolkit","require","React","_interopRequireWildcard","_ShowMore","_Flex","_FilterSelectResultItem","_FilterSelectContext","_FilterInput","_VisuallyHidden","_Text","_utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","arr2","FilterSelect","props","createElement","FilterSelectContextProvider","_FilterSelect","exports","displayName","_useFilterSelectConte","useFilterSelectContext","filteredItems","initialItemsToShow","isFiltered","items","multiselect","onChange","order","query","selectedItems","useUpdateEffect","orderItems","orderBy","itemsOrdered","filterdItemsOrdered","itemsSorted","uniqBy","concat","x","value","expanded","isBelowTheFoldSelected","showNoResults","Flex","flexDirection","FilterInput","mb","VisuallyHidden","Text","variant","map","item","FilterSelectResultItem","ShowMore","initial","textDecoration","mt","textAlign","resultsSorted","selected","_ref","results","INITIAL_ITEMS_TO_SHOW","_ref2","isSelected","intersection"],"sources":["../../../src/elements/FilterSelect/FilterSelect.tsx"],"sourcesContent":["import { intersection, orderBy, uniqBy } from \"es-toolkit\"\nimport * as React from \"react\"\nimport { ShowMore } from \"../ShowMore\"\nimport { Flex } from \"../Flex\"\nimport { FilterSelectResultItem } from \"./Components/FilterSelectResultItem\"\nimport {\n  FilterSelectContextProvider,\n  FilterSelectState,\n  Items,\n  useFilterSelectContext,\n} from \"./Components/FilterSelectContext\"\nimport { FilterInput } from \"./Components/FilterInput\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport { Text } from \"../Text\"\nimport { INITIAL_ITEMS_TO_SHOW } from \"../ShowMore\"\nimport { useUpdateEffect } from \"../../utils\"\n\nexport type FilterSelectProps = Partial<FilterSelectState>\n\nexport const FilterSelect: React.FC<React.PropsWithChildren<FilterSelectProps>> = (props) => {\n  return (\n    <FilterSelectContextProvider {...props}>\n      <_FilterSelect />\n    </FilterSelectContextProvider>\n  )\n}\n\nconst _FilterSelect: React.FC<React.PropsWithChildren<unknown>> = () => {\n  const {\n    filteredItems,\n    initialItemsToShow,\n    isFiltered,\n    items,\n    multiselect,\n    onChange,\n    order,\n    query,\n    selectedItems,\n  } = useFilterSelectContext()\n\n  // Dispatch change event\n  useUpdateEffect(() => {\n    if (onChange) {\n      onChange({\n        items,\n        filteredItems,\n        selectedItems,\n        query,\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onChange, selectedItems])\n\n  if (items.length === 0) {\n    return null\n  }\n\n  const orderItems = (items: Items) => orderBy([...items], order[0], order[1])\n  const itemsOrdered = orderItems(items)\n  const filterdItemsOrdered = orderItems(filteredItems)\n  const itemsSorted = multiselect\n    ? // Move selected items to the top\n      uniqBy(selectedItems.concat(itemsOrdered), (x) => x.value)\n    : itemsOrdered\n  const expanded = isBelowTheFoldSelected(selectedItems, itemsSorted)\n  const showNoResults = filteredItems.length === 0 && query !== \"\"\n\n  return (\n    <Flex flexDirection=\"column\">\n      <FilterInput mb={1} />\n\n      {query !== \"\" && (\n        <VisuallyHidden aria-live=\"polite\">\n          {`${filteredItems.length} result${\n            filteredItems.length === 1 ? \"\" : \"s\"\n          }`}\n        </VisuallyHidden>\n      )}\n\n      {showNoResults && <Text variant=\"sm\">No results.</Text>}\n\n      {isFiltered ? (\n        filterdItemsOrdered.map((item) => (\n          <FilterSelectResultItem key={item.value} {...item} />\n        ))\n      ) : (\n        <ShowMore\n          expanded={expanded}\n          initial={initialItemsToShow}\n          variant={\"xs\"}\n          textDecoration={\"underline\"}\n          mt={1}\n          textAlign=\"left\"\n        >\n          {itemsSorted.map((item) => {\n            return <FilterSelectResultItem key={item.value} {...item} />\n          })}\n        </ShowMore>\n      )}\n    </Flex>\n  )\n}\n\nexport const isBelowTheFoldSelected = (selectedItems, resultsSorted) => {\n  const selected = selectedItems.map(({ value }) => value)\n  const results = resultsSorted\n    .slice(INITIAL_ITEMS_TO_SHOW)\n    .map(({ value }) => value)\n  const isSelected = intersection(selected, results).length > 0\n  return isSelected\n}\n"],"mappings":"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"}
+{"version":3,"file":"FilterSelect.js","names":["_esToolkit","require","React","_interopRequireWildcard","_ShowMore","_Flex","_FilterSelectResultItem","_FilterSelectContext","_FilterInput","_VisuallyHidden","_Text","_utils","_Box","_Clickable","_Stack","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","arr2","FilterSelect","props","createElement","FilterSelectContextProvider","_FilterSelect","exports","displayName","_useFilterSelectConte","useFilterSelectContext","enableSelectAll","filteredItems","initialItemsToShow","isFiltered","items","multiselect","onChange","order","query","selectedItems","setSelectedItems","Error","useUpdateEffect","orderItems","orderBy","itemsOrdered","filteredItemsOrdered","itemsSorted","uniqBy","concat","x","value","expanded","isBelowTheFoldSelected","showNoResults","Flex","flexDirection","FilterInput","mb","VisuallyHidden","Text","variant","Fragment","SelectAll","map","item","FilterSelectResultItem","ShowMore","initial","textDecoration","mt","textAlign","resultsSorted","selected","_ref","results","INITIAL_ITEMS_TO_SHOW","_ref2","isSelected","intersection","isClearDisabled","Box","my","Stack","gap","Clickable","onClick","disabled","color"],"sources":["../../../src/elements/FilterSelect/FilterSelect.tsx"],"sourcesContent":["import { intersection, orderBy, uniqBy } from \"es-toolkit\"\nimport * as React from \"react\"\nimport { ShowMore } from \"../ShowMore\"\nimport { Flex } from \"../Flex\"\nimport { FilterSelectResultItem } from \"./Components/FilterSelectResultItem\"\nimport {\n  FilterSelectContextProvider,\n  FilterSelectState,\n  Items,\n  useFilterSelectContext,\n} from \"./Components/FilterSelectContext\"\nimport { FilterInput } from \"./Components/FilterInput\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport { Text } from \"../Text\"\nimport { INITIAL_ITEMS_TO_SHOW } from \"../ShowMore\"\nimport { useUpdateEffect } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Stack } from \"../Stack\"\n\nexport type FilterSelectProps = Partial<FilterSelectState>\n\nexport const FilterSelect: React.FC<\n  React.PropsWithChildren<FilterSelectProps>\n> = (props) => {\n  return (\n    <FilterSelectContextProvider {...props}>\n      <_FilterSelect />\n    </FilterSelectContextProvider>\n  )\n}\n\nconst _FilterSelect: React.FC<React.PropsWithChildren<unknown>> = () => {\n  const {\n    enableSelectAll,\n    filteredItems,\n    initialItemsToShow,\n    isFiltered,\n    items,\n    multiselect,\n    onChange,\n    order,\n    query,\n    selectedItems,\n    setSelectedItems,\n  } = useFilterSelectContext()\n\n  if (!multiselect && enableSelectAll) {\n    throw new Error(\n      \"FilterSelect: enableSelectAll is only available with multiselect mode.\"\n    )\n  }\n\n  // Dispatch change event\n  useUpdateEffect(() => {\n    if (onChange) {\n      onChange({\n        items,\n        filteredItems,\n        selectedItems,\n        query,\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onChange, selectedItems])\n\n  if (items.length === 0) {\n    return null\n  }\n\n  const orderItems = (items: Items) => orderBy([...items], order[0], order[1])\n  const itemsOrdered = orderItems(items)\n  const filteredItemsOrdered = orderItems(filteredItems)\n  const itemsSorted = multiselect\n    ? // Move selected items to the top\n      uniqBy(selectedItems.concat(itemsOrdered), (x) => x.value)\n    : itemsOrdered\n  const expanded = isBelowTheFoldSelected(selectedItems, itemsSorted)\n  const showNoResults = filteredItems.length === 0 && query !== \"\"\n\n  return (\n    <Flex flexDirection=\"column\">\n      <FilterInput mb={1} />\n\n      {query !== \"\" && (\n        <VisuallyHidden aria-live=\"polite\">\n          {`${filteredItems.length} result${\n            filteredItems.length === 1 ? \"\" : \"s\"\n          }`}\n        </VisuallyHidden>\n      )}\n\n      {showNoResults && <Text variant=\"sm\">No results.</Text>}\n\n      {isFiltered ? (\n        <>\n          {multiselect && enableSelectAll ? (\n            <SelectAll\n              filteredItems={filteredItems}\n              selectedItems={selectedItems}\n              setSelectedItems={setSelectedItems}\n            />\n          ) : null}\n          {filteredItemsOrdered.map((item) => (\n            <FilterSelectResultItem key={item.value} {...item} />\n          ))}\n        </>\n      ) : (\n        <ShowMore\n          expanded={expanded}\n          initial={initialItemsToShow}\n          variant={\"xs\"}\n          textDecoration={\"underline\"}\n          mt={1}\n          textAlign=\"left\"\n        >\n          {itemsSorted.map((item) => {\n            return <FilterSelectResultItem key={item.value} {...item} />\n          })}\n        </ShowMore>\n      )}\n    </Flex>\n  )\n}\n\nexport const isBelowTheFoldSelected = (selectedItems, resultsSorted) => {\n  const selected = selectedItems.map(({ value }) => value)\n  const results = resultsSorted\n    .slice(INITIAL_ITEMS_TO_SHOW)\n    .map(({ value }) => value)\n  const isSelected = intersection(selected, results).length > 0\n  return isSelected\n}\n\ninterface SelectAllProps {\n  filteredItems: Items\n  selectedItems: Items\n  setSelectedItems: (items: Items) => void\n}\n\nconst SelectAll: React.FC<SelectAllProps> = (props) => {\n  const { filteredItems, selectedItems, setSelectedItems } = props\n  const isClearDisabled = selectedItems.length === 0\n\n  return (\n    <Box my={1}>\n      <Stack gap={2} flexDirection={\"row\"}>\n        <Clickable onClick={() => setSelectedItems(filteredItems)}>\n          Select all\n        </Clickable>\n\n        <Clickable\n          onClick={() => setSelectedItems([])}\n          disabled={isClearDisabled}\n          color={isClearDisabled ? \"black60\" : \"black100\"}\n        >\n          Clear\n        </Clickable>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/FilterSelect/FilterSelect.story.js

@@ -15,10 +15,23 @@ var _default = {
 exports.default = _default;
 var Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
-      multiselect: true
-    }, {
+    states: [
+    // radio
+    {
       multiselect: false
+    },
+    // checkboxes
+    {
+      multiselect: true
+    },
+    // checkboxes with searchable hidden text and quick select-all
+    {
+      multiselect: true,
+      enableSelectAll: true,
+      searchableText: function searchableText(item) {
+        var extraSearchTerms = item.country === "American" ? "USA; Yankee; Murican" : "";
+        return "".concat(item.label, "; ").concat(item.country, "; ").concat(extraSearchTerms);
+      }
     }]
   }, /*#__PURE__*/_react.default.createElement(_FilterSelect.FilterSelect, {
     placeholder: "Filter by artist name",

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

@@ -1 +1 @@
-{"version":3,"file":"FilterSelect.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_FilterSelect","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","multiselect","FilterSelect","placeholder","initialItemsToShow","order","renderItemLabel","item","concat","label","country","onChange","action","items","value","displayName"],"sources":["../../../src/elements/FilterSelect/FilterSelect.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { FilterSelect } from \"./FilterSelect\"\nimport { FilterSelectProps } from \"./FilterSelect\"\n\nexport default {\n  title: \"Components/FilterSelect\",\n}\n\nexport const Default = () => {\n  return (\n    <States<FilterSelectProps>\n      states={[{ multiselect: true }, { multiselect: false }]}\n    >\n      <FilterSelect\n        placeholder=\"Filter by artist name\"\n        initialItemsToShow={6}\n        order={[\n          [\"country\", \"name\"],\n          [\"asc\", \"asc\"],\n        ]}\n        renderItemLabel={(item) => `${item.label}, ${item.country}`}\n        onChange={action(\"onChange\")}\n        items={[\n          {\n            label: \"Barbara Kruger\",\n            value: \"barbara-kruger\",\n            country: \"American\",\n          },\n          {\n            label: \"Carrie Mae Weems\",\n            value: \"carrie-weems\",\n            country: \"American\",\n          },\n          {\n            label: \"Daniel Arsham\",\n            value: \"daniel-asham\",\n            country: \"American\",\n          },\n          {\n            label: \"Takashi Murakami\",\n            value: \"takashi-muakami\",\n            country: \"American\",\n          },\n          {\n            label: \"Tracey Emin\",\n            value: \"tracey-emin\",\n            country: \"British-Nigerian\",\n          },\n          {\n            label: \"Yinka Shonibare\",\n            value: \"yinka-shonibare\",\n            country: \"Japanese\",\n          },\n          {\n            label: \"Barbara Kruger\",\n            value: \"barbara-kruger-2\",\n            country: \"British-Nigerian\",\n          },\n        ]}\n      />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAA6C,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAG9B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CAAC;MAAEC,WAAW,EAAE;IAAK,CAAC,EAAE;MAAEA,WAAW,EAAE;IAAM,CAAC;EAAE,gBAExDd,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,aAAA,CAAAY,YAAY;IACXC,WAAW,EAAC,uBAAuB;IACnCC,kBAAkB,EAAE,CAAE;IACtBC,KAAK,EAAE,CACL,CAAC,SAAS,EAAE,MAAM,CAAC,EACnB,CAAC,KAAK,EAAE,KAAK,CAAC,CACd;IACFC,eAAe,EAAE,SAAAA,gBAACC,IAAI;MAAA,UAAAC,MAAA,CAAQD,IAAI,CAACE,KAAK,QAAAD,MAAA,CAAKD,IAAI,CAACG,OAAO;IAAA,CAAG;IAC5DC,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU,CAAE;IAC7BC,KAAK,EAAE,CACL;MACEJ,KAAK,EAAE,gBAAgB;MACvBK,KAAK,EAAE,gBAAgB;MACvBJ,OAAO,EAAE;IACX,CAAC,EACD;MACED,KAAK,EAAE,kBAAkB;MACzBK,KAAK,EAAE,cAAc;MACrBJ,OAAO,EAAE;IACX,CAAC,EACD;MACED,KAAK,EAAE,eAAe;MACtBK,KAAK,EAAE,cAAc;MACrBJ,OAAO,EAAE;IACX,CAAC,EACD;MACED,KAAK,EAAE,kBAAkB;MACzBK,KAAK,EAAE,iBAAiB;MACxBJ,OAAO,EAAE;IACX,CAAC,EACD;MACED,KAAK,EAAE,aAAa;MACpBK,KAAK,EAAE,aAAa;MACpBJ,OAAO,EAAE;IACX,CAAC,EACD;MACED,KAAK,EAAE,iBAAiB;MACxBK,KAAK,EAAE,iBAAiB;MACxBJ,OAAO,EAAE;IACX,CAAC,EACD;MACED,KAAK,EAAE,gBAAgB;MACvBK,KAAK,EAAE,kBAAkB;MACzBJ,OAAO,EAAE;IACX,CAAC;EACD,EACF,CACK;AAEb,CAAC;AAAAd,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAtDYA,OAAO,CAAAkB,WAAA"}
+{"version":3,"file":"FilterSelect.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_FilterSelect","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","multiselect","enableSelectAll","searchableText","item","extraSearchTerms","country","concat","label","FilterSelect","placeholder","initialItemsToShow","order","renderItemLabel","onChange","action","items","value","displayName"],"sources":["../../../src/elements/FilterSelect/FilterSelect.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { FilterSelect } from \"./FilterSelect\"\nimport { FilterSelectProps } from \"./FilterSelect\"\n\nexport default {\n  title: \"Components/FilterSelect\",\n}\n\nexport const Default = () => {\n  return (\n    <States<FilterSelectProps>\n      states={[\n        // radio\n        { multiselect: false },\n\n        // checkboxes\n        { multiselect: true },\n\n        // checkboxes with searchable hidden text and quick select-all\n        {\n          multiselect: true,\n          enableSelectAll: true,\n          searchableText: (item) => {\n            const extraSearchTerms =\n              item.country === \"American\" ? \"USA; Yankee; Murican\" : \"\"\n            return `${item.label}; ${item.country}; ${extraSearchTerms}`\n          },\n        },\n      ]}\n    >\n      <FilterSelect\n        placeholder=\"Filter by artist name\"\n        initialItemsToShow={6}\n        order={[\n          [\"country\", \"name\"],\n          [\"asc\", \"asc\"],\n        ]}\n        renderItemLabel={(item) => `${item.label}, ${item.country}`}\n        onChange={action(\"onChange\")}\n        items={[\n          {\n            label: \"Barbara Kruger\",\n            value: \"barbara-kruger\",\n            country: \"American\",\n          },\n          {\n            label: \"Carrie Mae Weems\",\n            value: \"carrie-weems\",\n            country: \"American\",\n          },\n          {\n            label: \"Daniel Arsham\",\n            value: \"daniel-asham\",\n            country: \"American\",\n          },\n          {\n            label: \"Takashi Murakami\",\n            value: \"takashi-muakami\",\n            country: \"American\",\n          },\n          {\n            label: \"Tracey Emin\",\n            value: \"tracey-emin\",\n            country: \"British-Nigerian\",\n          },\n          {\n            label: \"Yinka Shonibare\",\n            value: \"yinka-shonibare\",\n            country: \"Japanese\",\n          },\n          {\n            label: \"Barbara Kruger\",\n            value: \"barbara-kruger-2\",\n            country: \"British-Nigerian\",\n          },\n        ]}\n      />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAA6C,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAG9B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE;IACN;IACA;MAAEC,WAAW,EAAE;IAAM,CAAC;IAEtB;IACA;MAAEA,WAAW,EAAE;IAAK,CAAC;IAErB;IACA;MACEA,WAAW,EAAE,IAAI;MACjBC,eAAe,EAAE,IAAI;MACrBC,cAAc,EAAE,SAAAA,eAACC,IAAI,EAAK;QACxB,IAAMC,gBAAgB,GACpBD,IAAI,CAACE,OAAO,KAAK,UAAU,GAAG,sBAAsB,GAAG,EAAE;QAC3D,UAAAC,MAAA,CAAUH,IAAI,CAACI,KAAK,QAAAD,MAAA,CAAKH,IAAI,CAACE,OAAO,QAAAC,MAAA,CAAKF,gBAAgB;MAC5D;IACF,CAAC;EACD,gBAEFlB,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,aAAA,CAAAmB,YAAY;IACXC,WAAW,EAAC,uBAAuB;IACnCC,kBAAkB,EAAE,CAAE;IACtBC,KAAK,EAAE,CACL,CAAC,SAAS,EAAE,MAAM,CAAC,EACnB,CAAC,KAAK,EAAE,KAAK,CAAC,CACd;IACFC,eAAe,EAAE,SAAAA,gBAACT,IAAI;MAAA,UAAAG,MAAA,CAAQH,IAAI,CAACI,KAAK,QAAAD,MAAA,CAAKH,IAAI,CAACE,OAAO;IAAA,CAAG;IAC5DQ,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU,CAAE;IAC7BC,KAAK,EAAE,CACL;MACER,KAAK,EAAE,gBAAgB;MACvBS,KAAK,EAAE,gBAAgB;MACvBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,kBAAkB;MACzBS,KAAK,EAAE,cAAc;MACrBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,eAAe;MACtBS,KAAK,EAAE,cAAc;MACrBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,kBAAkB;MACzBS,KAAK,EAAE,iBAAiB;MACxBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,aAAa;MACpBS,KAAK,EAAE,aAAa;MACpBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,iBAAiB;MACxBS,KAAK,EAAE,iBAAiB;MACxBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,gBAAgB;MACvBS,KAAK,EAAE,kBAAkB;MACzBX,OAAO,EAAE;IACX,CAAC;EACD,EACF,CACK;AAEb,CAAC;AAAAV,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAvEYA,OAAO,CAAAqB,WAAA"}

package/dist/elements/Sup/Sup.d.ts

@@ -5,7 +5,7 @@ export declare const Sup: import("styled-components/dist/types").IStyledComponen
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
     variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;
 } & import("..").BoxProps & {
     hyphenate?: boolean | undefined;

package/dist/styles.css

@@ -28,7 +28,8 @@
   --color-orange100: #da6722;
   --color-orange10: #fcf7f3;
   --color-red150: #510b0b;
-  --color-red100: #bb392d;
+  --color-red100: #d71023;
+  --color-red50: #ff1023;
   --color-red10: #fef2ef;
 }
 .m-1 {
@@ -469,10 +470,17 @@
 }
 
 .color-red100 {
-  color: #bb392d;
+  color: #d71023;
 }
 .bg-color-red100 {
-  background: #bb392d;
+  background: #d71023;
+}
+
+.color-red50 {
+  color: #ff1023;
+}
+.bg-color-red50 {
+  background: #ff1023;
 }
 
 .color-red10 {

package/dist/tokens.json

@@ -30,7 +30,8 @@
     "orange100": "#DA6722",
     "orange10": "#FCF7F3",
     "red150": "#510B0B",
-    "red100": "#BB392D",
+    "red100": "#D71023",
+    "red50": "#FF1023",
     "red10": "#FEF2EF"
   },
   "effects": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "40.1.0",
+  "version": "40.3.0-canary.1417.31465.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -119,7 +119,7 @@
   },
   "dependencies": {
     "@artsy/icons": "^3.2.2",
-    "@artsy/palette-tokens": "^6.1.0",
+    "@artsy/palette-tokens": "^6.2.0",
     "@seznam/compose-react-refs": "^1.0.6",
     "@styled-system/theme-get": "^5.1.2",
     "es-toolkit": "^1.16.0",
@@ -189,5 +189,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "ded06f2ad4829e135a8694e7b0aecaf8a65c0a0d"
+  "gitHead": "51fa9f39272e80616524479d1447822a5a286e08"
 }