@wix/patterns 1.354.0 → 1.355.0

package/dist/cjs/components/TabsFilter/TabTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_TabsFilterStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabTitle","tabIndex","state","text","value","counterBadge","badge","badgeRef","useRef","useEffect","current","badges","delete","createElement","Box","className","st","classes","root","dataHook","verticalAlign","align","__self","__source","fileName","lineNumber","columnNumber","maxWidth","itemMaxWidth","flexShrink","minWidth","Text","title","ellipsis","marginLeft","itemBadgeMargin","ref","node","TabTitle","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { useEffect, ReactNode, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { classes, st } from './TabsFilter.st.css.js';\n\nexport interface TabTitleProps<V> {\n  tabIndex: number;\n  state: TabsResponsiveState;\n  text?: string;\n  value: V | null | undefined;\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n}\n\nfunction _TabTitle<V>({\n  tabIndex,\n  state,\n  text,\n  value,\n  counterBadge,\n}: TabTitleProps<V>) {\n  const badge = counterBadge?.(value);\n  const badgeRef = useRef<HTMLSpanElement>();\n\n  useEffect(() => {\n    if (badgeRef.current) {\n      state.badges.set(tabIndex, badgeRef.current);\n    }\n\n    return () => {\n      state.badges.delete(tabIndex);\n    };\n  }, [badgeRef.current]);\n\n  return (\n    <Box\n      className={st(classes.root)}\n      dataHook=\"tabs-filter-tab-title\"\n      verticalAlign=\"middle\"\n      align=\"center\"\n    >\n      <Box maxWidth={state.itemMaxWidth} flexShrink={1} minWidth={0}>\n        <Text className={st(classes.title)} dataHook=\"title-text\" ellipsis>\n          {text}\n        </Text>\n      </Box>\n      {badge && (\n        <Box dataHook=\"title-badge\" marginLeft={`${state.itemBadgeMargin}px`}>\n          <div\n            ref={(node) => {\n              if (node) {\n                badgeRef.current = node;\n              }\n            }}\n          >\n            {badge}\n          </div>\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport const TabTitle = observer(_TabTitle);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_TabsFilterStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabTitle","tabIndex","state","text","value","active","counterBadge","badge","badgeRef","useRef","useEffect","current","badges","delete","createElement","Box","className","st","classes","root","selected","dataHook","verticalAlign","align","__self","__source","fileName","lineNumber","columnNumber","maxWidth","itemMaxWidth","flexShrink","minWidth","Text","title","ellipsis","marginLeft","itemBadgeMargin","ref","node","TabTitle","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { useEffect, ReactNode, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { classes, st } from './TabsFilter.st.css.js';\n\nexport interface TabTitleProps<V> {\n  tabIndex: number;\n  state: TabsResponsiveState;\n  text?: string;\n  value: V | null | undefined;\n  active?: boolean;\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n}\n\nfunction _TabTitle<V>({\n  tabIndex,\n  state,\n  text,\n  value,\n  active,\n  counterBadge,\n}: TabTitleProps<V>) {\n  const badge = counterBadge?.(value);\n  const badgeRef = useRef<HTMLSpanElement>();\n\n  useEffect(() => {\n    if (badgeRef.current) {\n      state.badges.set(tabIndex, badgeRef.current);\n    }\n\n    return () => {\n      state.badges.delete(tabIndex);\n    };\n  }, [badgeRef.current]);\n\n  return (\n    <Box\n      className={st(classes.root, { selected: !!active })}\n      dataHook=\"tabs-filter-tab-title\"\n      verticalAlign=\"middle\"\n      align=\"center\"\n    >\n      <Box maxWidth={state.itemMaxWidth} flexShrink={1} minWidth={0}>\n        <Text className={st(classes.title)} dataHook=\"title-text\" ellipsis>\n          {text}\n        </Text>\n      </Box>\n      {badge && (\n        <Box dataHook=\"title-badge\" marginLeft={`${state.itemBadgeMargin}px`}>\n          <div\n            ref={(node) => {\n              if (node) {\n                badgeRef.current = node;\n              }\n            }}\n          >\n            {badge}\n          </div>\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport const TabTitle = observer(_TabTitle);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.js

@@ -10,7 +10,6 @@ var _mobxReactLite = require("mobx-react-lite");
 var _TabTitle = require("./TabTitle");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _TabsFilterState = require("./TabsFilterState");
-var _TabsFilterStCss = require("./TabsFilter.st.css.js");
 var _TabsDropdown = require("./TabsDropdown");
 var _types = require("./types");
 var _TabsDefault = require("./TabsDefault");
@@ -71,21 +70,24 @@ function _TabsFilter(props) {
     return isLoading || isIdle;
   }, [table.initTask.status]);
   const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;
+  const selectedId = filter.isEmpty ? _types.ALL_TAB_ITEM_ID : itemKey(filter.value[0]);
   const items = (0, _react.useMemo)(() => {
     const _mergedItems = dataProp.map((value, index) => {
+      const id = itemKey(value);
       return {
-        id: itemKey(value),
+        id,
         name: itemName(value),
         title: /*#__PURE__*/_react.default.createElement(_TabTitle.TabTitle, {
           tabIndex: all && !placeAllTabLast ? index + 1 : index,
           state: responsive,
           text: itemName(value),
           value: value,
+          active: selectedId === id,
           counterBadge: hideCounterBadge ? undefined : counterBadge,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 140,
+            lineNumber: 144,
             columnNumber: 11
           }
         }),
@@ -108,11 +110,12 @@ function _TabsFilter(props) {
         state: responsive,
         text: all,
         value: undefined,
+        active: selectedId === _types.ALL_TAB_ITEM_ID,
         counterBadge: hideCounterBadge ? undefined : counterBadge,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 165,
+          lineNumber: 170,
           columnNumber: 9
         }
       })
@@ -122,18 +125,17 @@ function _TabsFilter(props) {
       minWidth: responsive.itemsMinWidths[index],
       index
     }));
-  }, [dataProp, all, counterBadge, responsive.panelMinWidth, hideCounterBadge]);
+  }, [dataProp, all, counterBadge, responsive.panelMinWidth, hideCounterBadge, selectedId]);
   (0, _react.useEffect)(() => state.init({
     container: container.current,
     itemsCount: items.length
   }), [container, state]);
-  const selectedId = filter.isEmpty ? _types.ALL_TAB_ITEM_ID : itemKey(filter.value[0]);
   return /*#__PURE__*/_react.default.createElement(_FilterContext.FilterContextProvider, {
     value: filter,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 200,
+      lineNumber: 209,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -143,7 +145,6 @@ function _TabsFilter(props) {
       }
     },
     dataHook: "collection-tabs-filter",
-    className: (0, _TabsFilterStCss.st)(_TabsFilterStCss.classes.root),
     width: "100%",
     height: 60,
     direction: "vertical",
@@ -152,7 +153,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 201,
+      lineNumber: 210,
       columnNumber: 7
     }
   }, responsive.mode === 'tabs' ? /*#__PURE__*/_react.default.createElement(_TabsDefault.TabsDefault, {
@@ -167,7 +168,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 216,
+      lineNumber: 224,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_TabsDropdown.TabsDropdown, {
@@ -179,7 +180,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 227,
+      lineNumber: 235,
       columnNumber: 11
     }
   })));

package/dist/cjs/components/TabsFilter/TabsFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsFilterStCss","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","mobilePopoverProps","itemKey","itemName","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","undefined","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","ALL_TAB_ITEM_ID","panelMinWidth","useEffect","init","current","itemsCount","length","selectedId","isEmpty","FilterContextProvider","Box","ref","node","dataHook","className","st","classes","root","width","height","direction","verticalAlign","flexGrow","mode","TabsDefault","TabsDropdown","popoverProps","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, DropdownProps, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { classes, st } from './TabsFilter.st.css.js';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\nimport type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';\nimport type { TabTotalParensProps } from '../TabTotal/TabTotalParens';\n\n/** Type alias for TabTotalCounterBadge component element */\ntype TabTotalCounterBadge<V> = ReactElement<\n  TabCounterBadgeProps<V, unknown, any>\n>;\n/** Type alias for TabTotalParens component element */\ntype TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of tabs.\n   * @external\n   */\n  data: V[];\n  /**\n   * Defines the selected filter.\n   * <br><br>\n   * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n   * @external\n   */\n  filter: Filter<V[]>;\n  /**\n   * Display name of the tab that indicates that all items are included.\n   * <br>\n   * Changes the value of `filter` to an empty array.\n   * @external\n   */\n  all?: string | null | false;\n\n  /**\n   * Renders a counter badge next to the tabs' texts.\n   * <br><br>\n   * See different examples of this implementation in the [Overview](./?path=/story/features-filter-components--tabsfilter) tab.\n   * @external\n   */\n  counterBadge?: (\n    value: V | null | undefined,\n  ) => TabTotalCounterBadge<V> | TabTotalParens<V> | null | undefined;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n\n  /**\n   * Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.\n   * @external\n   */\n  mobilePopoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n    mobilePopoverProps,\n  } = props;\n  const { itemKey, itemName } = filter;\n\n  const table = useToolbarCollectionContext();\n  const filterAllValueTotal = useFilterValueTotalState({\n    ...props,\n    value: undefined,\n  });\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const isAllCounterBadgeLoading = useMemo(() => {\n    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n    const { isLoading, isIdle } = allStatus;\n    return isLoading || isIdle;\n  }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n  const isTableLoading = useMemo(() => {\n    const { isLoading, isIdle } = table.initTask.status;\n    return isLoading || isIdle;\n  }, [table.initTask.status]);\n\n  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      return {\n        id: itemKey(value),\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            counterBadge={hideCounterBadge ? undefined : counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          counterBadge={hideCounterBadge ? undefined : counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [dataProp, all, counterBadge, responsive.panelMinWidth, hideCounterBadge]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [container, state],\n  );\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        ref={(node) => {\n          if (node) {\n            container.current = node;\n          }\n        }}\n        dataHook=\"collection-tabs-filter\"\n        className={st(classes.root)}\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        {responsive.mode === 'tabs' ? (\n          <TabsDefault\n            items={items}\n            data={dataProp}\n            filter={filter}\n            selectedId={selectedId}\n            state={state}\n            onChange={onChange}\n            type={type}\n            all={all}\n          />\n        ) : (\n          <TabsDropdown\n            filter={filter}\n            data={dataProp}\n            items={items}\n            selectedId={selectedId}\n            popoverProps={mobilePopoverProps}\n          />\n        )}\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","mobilePopoverProps","itemKey","itemName","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","undefined","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","selectedId","isEmpty","ALL_TAB_ITEM_ID","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","active","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","panelMinWidth","useEffect","init","current","itemsCount","length","FilterContextProvider","Box","ref","node","dataHook","width","height","direction","verticalAlign","flexGrow","mode","TabsDefault","TabsDropdown","popoverProps","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, DropdownProps, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\nimport type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';\nimport type { TabTotalParensProps } from '../TabTotal/TabTotalParens';\n\n/** Type alias for TabTotalCounterBadge component element */\ntype TabTotalCounterBadge<V> = ReactElement<\n  TabCounterBadgeProps<V, unknown, any>\n>;\n/** Type alias for TabTotalParens component element */\ntype TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of tabs.\n   * @external\n   */\n  data: V[];\n  /**\n   * Defines the selected filter.\n   * <br><br>\n   * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n   * @external\n   */\n  filter: Filter<V[]>;\n  /**\n   * Display name of the tab that indicates that all items are included.\n   * <br>\n   * Changes the value of `filter` to an empty array.\n   * @external\n   */\n  all?: string | null | false;\n\n  /**\n   * Renders a counter badge next to the tabs' texts.\n   * <br><br>\n   * See different examples of this implementation in the [Overview](./?path=/story/features-filter-components--tabsfilter) tab.\n   * @external\n   */\n  counterBadge?: (\n    value: V | null | undefined,\n  ) => TabTotalCounterBadge<V> | TabTotalParens<V> | null | undefined;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n\n  /**\n   * Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.\n   * @external\n   */\n  mobilePopoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n    mobilePopoverProps,\n  } = props;\n  const { itemKey, itemName } = filter;\n\n  const table = useToolbarCollectionContext();\n  const filterAllValueTotal = useFilterValueTotalState({\n    ...props,\n    value: undefined,\n  });\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const isAllCounterBadgeLoading = useMemo(() => {\n    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n    const { isLoading, isIdle } = allStatus;\n    return isLoading || isIdle;\n  }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n  const isTableLoading = useMemo(() => {\n    const { isLoading, isIdle } = table.initTask.status;\n    return isLoading || isIdle;\n  }, [table.initTask.status]);\n\n  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      const id = itemKey(value);\n      return {\n        id,\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            active={selectedId === id}\n            counterBadge={hideCounterBadge ? undefined : counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          active={selectedId === ALL_TAB_ITEM_ID}\n          counterBadge={hideCounterBadge ? undefined : counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [\n    dataProp,\n    all,\n    counterBadge,\n    responsive.panelMinWidth,\n    hideCounterBadge,\n    selectedId,\n  ]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [container, state],\n  );\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        ref={(node) => {\n          if (node) {\n            container.current = node;\n          }\n        }}\n        dataHook=\"collection-tabs-filter\"\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        {responsive.mode === 'tabs' ? (\n          <TabsDefault\n            items={items}\n            data={dataProp}\n            filter={filter}\n            selectedId={selectedId}\n            state={state}\n            onChange={onChange}\n            type={type}\n            all={all}\n          />\n        ) : (\n          <TabsDropdown\n            filter={filter}\n            data={dataProp}\n            items={items}\n            selectedId={selectedId}\n            popoverProps={mobilePopoverProps}\n          />\n        )}\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.st.css

@@ -1,3 +1,18 @@
+@property st-global(--wds-color-text-standard-primary);
+@property st-global(--wds-tabs-label-fill);
+@property st-global(--wds-tabs-label-fill-active);
+@property st-global(--wsr-color-B10);
+@property st-global(--wsr-color-D10);
+
+.root {
+  -st-states: selected;
+}
+
 .root .title {
-  color: inherit !important;
+  color: var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)));
+}
+
+.root:selected .title,
+.root:hover .title {
+  color: var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF));
 }

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js

@@ -5,19 +5,25 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter393841454";
+var _namespace_ = "TabsFilter2340373808";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "TabsFilter393841454__root",
-  "title": "TabsFilter393841454__title"
+  "root": "TabsFilter2340373808__root",
+  "title": "TabsFilter2340373808__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
-var vars = exports.vars = {};
+var vars = exports.vars = {
+  "wds-color-text-standard-primary": "--wds-color-text-standard-primary",
+  "wds-tabs-label-fill": "--wds-tabs-label-fill",
+  "wds-tabs-label-fill-active": "--wds-tabs-label-fill-active",
+  "wsr-color-B10": "--wsr-color-B10",
+  "wsr-color-D10": "--wsr-color-D10"
+};
 //# sourceMappingURL=TabsFilter.st.css.js.map

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter393841454\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter393841454__root\",\"title\":\"TabsFilter393841454__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter2340373808\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter2340373808__root\",\"title\":\"TabsFilter2340373808__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal442421669";
+var _namespace_ = "ManageTagsModal3988193485";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ManageTagsModal442421669__root"
+  "root": "ManageTagsModal3988193485__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal442421669\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal442421669__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal3988193485\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal3988193485__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem4290146710";
+var _namespace_ = "ToolbarItem501613990";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItem4290146710__root"
+  "root": "ToolbarItem501613990__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem4290146710\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem4290146710__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem501613990\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem501613990__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItemBox2965834027";
+var _namespace_ = "ToolbarItemBox1974553640";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItemBox2965834027__root"
+  "root": "ToolbarItemBox1974553640__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox2965834027\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox2965834027__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox1974553640\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox1974553640__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common485820671";
+var _namespace_ = "common1456808948";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "common485820671__root",
-  "column": "common485820671__column",
-  "fullHeight": "common485820671__fullHeight"
+  "root": "common1456808948__root",
+  "column": "common1456808948__column",
+  "fullHeight": "common1456808948__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common485820671\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common485820671__root\",\"column\":\"common485820671__column\",\"fullHeight\":\"common485820671__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iBAAiB;AACnC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uBAAuB;EAAC,QAAQ,EAAC,yBAAyB;EAAC,YAAY,EAAC;AAA6B,CAAC;AAC5H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1456808948\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common1456808948__root\",\"column\":\"common1456808948__column\",\"fullHeight\":\"common1456808948__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/hooks/useBuildOption.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","useBuildOption","filter","checkbox","renderItem","useCallback","keyedItem","index","key","item","option","title","itemName","Object","assign","listItemSelectBuilder","id","ellipsis","label","sectionId","useBuildGroupedOptions","items","renderSection","useMemo","groups","reduce","acc","group","_cache","listItemSectionBuilder","push","flatMap","e"],"sources":["../../../src/hooks/useBuildOption.ts"],"sourcesContent":["import {\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrayField, KeyedItem } from '@wix/bex-core';\nimport { ListItem } from './listItem';\nimport { useCallback, useMemo } from 'react';\nimport {\n  DropdownLayoutOption,\n  DropdownLayoutValueOption,\n} from '@wix/design-system/dist/types/DropdownLayout';\n\nexport function useBuildOption<V>({\n  filter,\n  checkbox,\n  renderItem,\n}: {\n  filter: ArrayField<V>;\n  renderItem?: (item: V, index: number) => ListItem;\n  checkbox?: boolean;\n}) {\n  return useCallback(\n    (keyedItem: KeyedItem<V>, index: number) => {\n      const { key, item } = keyedItem;\n      const option = renderItem?.(item, index);\n\n      const title = filter.itemName(item);\n\n      return Object.assign(\n        listItemSelectBuilder({\n          id: key,\n          checkbox,\n          ellipsis: true,\n          title: filter.itemName(item),\n          label: title,\n          ...option,\n        }),\n        {\n          sectionId: option?.sectionId,\n          keyedItem,\n        },\n      );\n    },\n    [renderItem, checkbox],\n  );\n}\n\ntype DropdownLayoutValueOptionWithSectionId = DropdownLayoutValueOption & {\n  sectionId?: string;\n};\n\nexport interface BuildSectionOptionsArgs {\n  readonly items: DropdownLayoutValueOptionWithSectionId[];\n  readonly renderSection?: (\n    sectionId: string,\n  ) => Parameters<typeof listItemSectionBuilder>[0];\n}\n\nexport function useBuildGroupedOptions({\n  items,\n  renderSection,\n}: BuildSectionOptionsArgs) {\n  return useMemo(() => {\n    if (!renderSection) {\n      return items;\n    }\n\n    const { groups } = items.reduce(\n      (acc, option) => {\n        const sectionId = option.sectionId || '';\n\n        let group;\n\n        if (acc._cache[sectionId]) {\n          group = acc._cache[sectionId];\n        } else {\n          group = [\n            listItemSectionBuilder(renderSection(sectionId)),\n          ] as DropdownLayoutOption[];\n          acc.groups.push(group);\n          acc._cache[sectionId] = group;\n        }\n\n        group.push(option);\n\n        return acc;\n      },\n      {\n        _cache: {} as Record<string, DropdownLayoutOption[]>,\n        groups: [] as DropdownLayoutOption[][],\n      },\n    );\n\n    return groups.flatMap((e) => e);\n  }, [items, renderSection]);\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAMO,SAASE,cAAcA,CAAI;EAChCC,MAAM;EACNC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,OAAO,IAAAC,kBAAW,EAChB,CAACC,SAAuB,EAAEC,KAAa,KAAK;IAC1C,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,SAAS;IAC/B,MAAMI,MAAM,GAAGN,UAAU,oBAAVA,UAAU,CAAGK,IAAI,EAAEF,KAAK,CAAC;IAExC,MAAMI,KAAK,GAAGT,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;IAEnC,OAAOI,MAAM,CAACC,MAAM,CAClB,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAER,GAAG;MACPL,QAAQ;MACRc,QAAQ,EAAE,IAAI;MACdN,KAAK,EAAET,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;MAC5BS,KAAK,EAAEP,KAAK;MACZ,GAAGD;IACL,CAAC,CAAC,EACF;MACES,SAAS,EAAET,MAAM,oBAANA,MAAM,CAAES,SAAS;MAC5Bb;IACF,CACF,CAAC;EACH,CAAC,EACD,CAACF,UAAU,EAAED,QAAQ,CACvB,CAAC;AACH;AAaO,SAASiB,sBAAsBA,CAAC;EACrCC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACD,aAAa,EAAE;MAClB,OAAOD,KAAK;IACd;IAEA,MAAM;MAAEG;IAAO,CAAC,GAAGH,KAAK,CAACI,MAAM,CAC7B,CAACC,GAAG,EAAEhB,MAAM,KAAK;MACf,MAAMS,SAAS,GAAGT,MAAM,CAACS,SAAS,IAAI,EAAE;MAExC,IAAIQ,KAAK;MAET,IAAID,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,EAAE;QACzBQ,KAAK,GAAGD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC;MAC/B,CAAC,MAAM;QACLQ,KAAK,GAAG,CACN,IAAAE,oCAAsB,EAACP,aAAa,CAACH,SAAS,CAAC,CAAC,CACvB;QAC3BO,GAAG,CAACF,MAAM,CAACM,IAAI,CAACH,KAAK,CAAC;QACtBD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,GAAGQ,KAAK;MAC/B;MAEAA,KAAK,CAACG,IAAI,CAACpB,MAAM,CAAC;MAElB,OAAOgB,GAAG;IACZ,CAAC,EACD;MACEE,MAAM,EAAE,CAAC,CAA2C;MACpDJ,MAAM,EAAE;IACV,CACF,CAAC;IAED,OAAOA,MAAM,CAACO,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC;EACjC,CAAC,EAAE,CAACX,KAAK,EAAEC,aAAa,CAAC,CAAC;AAC5B","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","useBuildOption","filter","checkbox","renderItem","useCallback","keyedItem","index","key","item","option","title","itemName","Object","assign","listItemSelectBuilder","id","ellipsis","label","sectionId","useBuildGroupedOptions","items","renderSection","useMemo","groups","reduce","acc","group","_cache","listItemSectionBuilder","push","flatMap","e"],"sources":["../../../src/hooks/useBuildOption.ts"],"sourcesContent":["import {\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrayField, KeyedItem } from '@wix/bex-core';\nimport { ListItem } from './listItem';\nimport { useCallback, useMemo } from 'react';\nimport { DropdownLayoutOption } from '@wix/design-system/dist/types/DropdownLayout';\n\nexport function useBuildOption<V>({\n  filter,\n  checkbox,\n  renderItem,\n}: {\n  filter: ArrayField<V>;\n  renderItem?: (item: V, index: number) => ListItem;\n  checkbox?: boolean;\n}) {\n  return useCallback(\n    (keyedItem: KeyedItem<V>, index: number) => {\n      const { key, item } = keyedItem;\n      const option = renderItem?.(item, index);\n\n      const title = filter.itemName(item);\n\n      return Object.assign(\n        listItemSelectBuilder({\n          id: key,\n          checkbox,\n          ellipsis: true,\n          title: filter.itemName(item),\n          label: title,\n          ...option,\n        }),\n        {\n          sectionId: option?.sectionId,\n          keyedItem,\n        },\n      );\n    },\n    [renderItem, checkbox],\n  );\n}\n\ntype DropdownLayoutOptionWithSectionId = DropdownLayoutOption & {\n  sectionId?: string;\n};\n\nexport interface BuildSectionOptionsArgs {\n  readonly items: DropdownLayoutOptionWithSectionId[];\n  readonly renderSection?: (\n    sectionId: string,\n  ) => Parameters<typeof listItemSectionBuilder>[0];\n}\n\nexport function useBuildGroupedOptions({\n  items,\n  renderSection,\n}: BuildSectionOptionsArgs) {\n  return useMemo(() => {\n    if (!renderSection) {\n      return items;\n    }\n\n    const { groups } = items.reduce(\n      (acc, option) => {\n        const sectionId = option.sectionId || '';\n\n        let group;\n\n        if (acc._cache[sectionId]) {\n          group = acc._cache[sectionId];\n        } else {\n          group = [\n            listItemSectionBuilder(renderSection(sectionId)),\n          ] as DropdownLayoutOption[];\n          acc.groups.push(group);\n          acc._cache[sectionId] = group;\n        }\n\n        group.push(option);\n\n        return acc;\n      },\n      {\n        _cache: {} as Record<string, DropdownLayoutOption[]>,\n        groups: [] as DropdownLayoutOption[][],\n      },\n    );\n\n    return groups.flatMap((e) => e);\n  }, [items, renderSection]);\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAGO,SAASE,cAAcA,CAAI;EAChCC,MAAM;EACNC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,OAAO,IAAAC,kBAAW,EAChB,CAACC,SAAuB,EAAEC,KAAa,KAAK;IAC1C,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,SAAS;IAC/B,MAAMI,MAAM,GAAGN,UAAU,oBAAVA,UAAU,CAAGK,IAAI,EAAEF,KAAK,CAAC;IAExC,MAAMI,KAAK,GAAGT,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;IAEnC,OAAOI,MAAM,CAACC,MAAM,CAClB,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAER,GAAG;MACPL,QAAQ;MACRc,QAAQ,EAAE,IAAI;MACdN,KAAK,EAAET,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;MAC5BS,KAAK,EAAEP,KAAK;MACZ,GAAGD;IACL,CAAC,CAAC,EACF;MACES,SAAS,EAAET,MAAM,oBAANA,MAAM,CAAES,SAAS;MAC5Bb;IACF,CACF,CAAC;EACH,CAAC,EACD,CAACF,UAAU,EAAED,QAAQ,CACvB,CAAC;AACH;AAaO,SAASiB,sBAAsBA,CAAC;EACrCC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACD,aAAa,EAAE;MAClB,OAAOD,KAAK;IACd;IAEA,MAAM;MAAEG;IAAO,CAAC,GAAGH,KAAK,CAACI,MAAM,CAC7B,CAACC,GAAG,EAAEhB,MAAM,KAAK;MACf,MAAMS,SAAS,GAAGT,MAAM,CAACS,SAAS,IAAI,EAAE;MAExC,IAAIQ,KAAK;MAET,IAAID,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,EAAE;QACzBQ,KAAK,GAAGD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC;MAC/B,CAAC,MAAM;QACLQ,KAAK,GAAG,CACN,IAAAE,oCAAsB,EAACP,aAAa,CAACH,SAAS,CAAC,CAAC,CACvB;QAC3BO,GAAG,CAACF,MAAM,CAACM,IAAI,CAACH,KAAK,CAAC;QACtBD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,GAAGQ,KAAK;MAC/B;MAEAA,KAAK,CAACG,IAAI,CAACpB,MAAM,CAAC;MAElB,OAAOgB,GAAG;IACZ,CAAC,EACD;MACEE,MAAM,EAAE,CAAC,CAA2C;MACpDJ,MAAM,EAAE;IACV,CACF,CAAC;IAED,OAAOA,MAAM,CAACO,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC;EACjC,CAAC,EAAE,CAACX,KAAK,EAAEC,aAAa,CAAC,CAAC;AAC5B","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPageHeader2717860892";
+var _namespace_ = "CollectionPageHeader998675131";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionPageHeader2717860892__root"
+  "root": "CollectionPageHeader998675131__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader2717860892\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader2717860892__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader998675131\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader998675131__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "FormPageHeader1386305735";
+var _namespace_ = "FormPageHeader3976611179";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "FormPageHeader1386305735__root"
+  "root": "FormPageHeader3976611179__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader1386305735\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader1386305735__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader3976611179\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader3976611179__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.CardContainer3190424501__root.CardContainer3190424501--mobile{border-radius:0}.Collapse894242556__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse894242556__exit{height:0}.CollectionPage2962436512__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2962436512__root.CollectionPage2962436512--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2962436512__root.CollectionPage2962436512--panel{overflow:hidden;position:relative}.CollectionSectionHeader31367715__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2051147416__root td{vertical-align:middle}.CollectionTable2051147416__root.CollectionTable2051147416--mobile td:first-child{padding-left:18px}.CollectionTable2051147416__root.CollectionTable2051147416--mobile td:last-child{padding-right:18px}.CollectionToolbar3064572987__left{min-width:0}.CollectionToolbar3064572987__left.CollectionToolbar3064572987--expandable{flex:auto}.CollectionToolbar3064572987__left.CollectionToolbar3064572987--title>*{width:100%}.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-5-title .CollectionToolbar3064572987__left{flex:1 100;min-width:50px}.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-4-tabs .CollectionToolbar3064572987__left,.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-4-tabs .CollectionToolbar3064572987__left.CollectionToolbar3064572987--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-4-tabs .CollectionToolbar3064572987__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3064572987__root .CollectionToolbar3064572987__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3064572987__root.CollectionToolbar3064572987--views .CollectionToolbar3064572987__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-4-tabs .CollectionToolbar3064572987__right,.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-5-title .CollectionToolbar3064572987__right{flex:0 1 auto;min-width:0}.CollectionToolbar3064572987__root .CollectionToolbar3064572987__right.CollectionToolbar3064572987__fullWidth{margin-inline-start:0!important}.CollectionToolbar3064572987__root.CollectionToolbar3064572987--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter588284694__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter588284694__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter588284694__searchMobile:not(.SearchOrCustomFilter588284694--expandable){left:18px}.SearchOrCustomFilter588284694__searchMobile.SearchOrCustomFilter588284694--expandable.SearchOrCustomFilter588284694--expanded{left:18px}.AutoCompleteReadonly461990843__root.AutoCompleteReadonly461990843--disableEditing{cursor:pointer}.AutoCompleteReadonly461990843__root.AutoCompleteReadonly461990843--disableEditing input{cursor:pointer}.ViewsDropdown547379622__root{width:200px}.DragHandle3378996893__root{display:flex;align-items:center}.DragHandle3378996893__root:not(.DragHandle3378996893--disabled){cursor:grab;color:#a8caff}.DragHandle3378996893__root.DragHandle3378996893--disabled{color:#acafc4}.DragHandle3378996893__root:focus-visible:not(.DragHandle3378996893--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3378996893__root.DragHandle3378996893--disabled{pointer-events:none}.DragHandle3378996893__root.DragHandle3378996893--dragging:not(.DragHandle3378996893--disabled){cursor:grabbing}.EntityPagePlain3916354704__root.EntityPagePlain3916354704--mobile{--wds-page-header-padding-horizontal:0}.Fade3949225734__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3949225734__root.Fade3949225734--exit{opacity:0}.Heading2050728262__root{visibility:visible}.Heading2050728262__root.Heading2050728262--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3622050185__root.InputOverflow3622050185--selected:not(.InputOverflow3622050185--focused) input::placeholder{color:#000624}@keyframes LoadingRow2018071028__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow2018071028__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow2018071028__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText348988631__root{opacity:1}.MaxHeightText348988631__root.MaxHeightText348988631--height24{line-height:24px}.MaxLines2705649516__root{overflow:hidden}.MaxLines2705649516__root.MaxLines2705649516--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3410828587__root{min-width:0}.MultiBulkActionToolbar3410828587__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3410828587__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3410828587__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3243016841__root td{padding:0!important;width:100%}.NestedTableRow468253171__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow468253171__root:hover{background-color:#e7f0ff!important}.NestedTableRow468253171__root.NestedTableRow468253171--expandable{cursor:pointer}.NestedTableRow468253171__placeholder td{padding:0!important;width:100%}.NestedTableRow468253171__root:hover td:first-of-type::before,.NestedTableRow468253171__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect388376216__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2652673804__root.NestedTableDragAndDropRow2652673804--draggingInto td{background-color:#e7f0ff!important}.PickerContent1631951733__root{display:flex}.PickerContentAdditionalStep3866125661__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3866125661__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1163908078__root{box-sizing:border-box}.ScrollableContent2363746614__root.ScrollableContent2363746614--overflowY{overflow-y:auto}.ScrollableContent2363746614__root.ScrollableContent2363746614--overflowX{overflow-x:auto}.ScrollableContent2363746614__root.ScrollableContent2363746614--smooth{scroll-behavior:smooth}.SkeletonCard3893727976__headerLoading{display:block!important}.SlidingModal708885698__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal708885698__root.SlidingModal708885698--overlay{transition:transform 0s ease 0s}.SlidingModal708885698__root.SlidingModal708885698---appendTo-6-parent{position:absolute}.SlidingModal708885698__root:not(.SlidingModal708885698--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter393841454__root .TabsFilter393841454__title{color:inherit!important}.ManageTagsModal442421669__root{display:flex}.ToolbarItem4290146710__root{min-width:0}.ToolbarItemBox2965834027__root{min-width:0}.ToolbarItemBox2965834027__root.ToolbarItemBox2965834027--removeStartPadding{margin-left:-24px}.ToolbarItemBox2965834027__root.ToolbarItemBox2965834027--expandable{flex:1 0}.common485820671__column{display:flex;flex-direction:column}.common485820671__fullHeight{height:100%;min-height:0}.CollectionPageHeader2717860892__root:not(.CollectionPageHeader2717860892--mobile){gap:12px}.CollectionPageHeader2717860892__root.CollectionPageHeader2717860892--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2717860892__root.CollectionPageHeader2717860892--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1386305735__root.FormPageHeader1386305735--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1386305735__root.FormPageHeader1386305735--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3405799465__root.CardContainer3405799465--mobile{border-radius:0}.Collapse2581039888__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2581039888__exit{height:0}.CollectionPage1689186506__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1689186506__root.CollectionPage1689186506--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1689186506__root.CollectionPage1689186506--panel{overflow:hidden;position:relative}.CollectionSectionHeader2112064717__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2554404887__root td{vertical-align:middle}.CollectionTable2554404887__root.CollectionTable2554404887--mobile td:first-child{padding-left:18px}.CollectionTable2554404887__root.CollectionTable2554404887--mobile td:last-child{padding-right:18px}.CollectionToolbar2266091173__left{min-width:0}.CollectionToolbar2266091173__left.CollectionToolbar2266091173--expandable{flex:auto}.CollectionToolbar2266091173__left.CollectionToolbar2266091173--title>*{width:100%}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-5-title .CollectionToolbar2266091173__left{flex:1 100;min-width:50px}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__left,.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__left.CollectionToolbar2266091173--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2266091173__root .CollectionToolbar2266091173__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2266091173__root.CollectionToolbar2266091173--views .CollectionToolbar2266091173__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-4-tabs .CollectionToolbar2266091173__right,.CollectionToolbar2266091173__root.CollectionToolbar2266091173---responsiveMode-5-title .CollectionToolbar2266091173__right{flex:0 1 auto;min-width:0}.CollectionToolbar2266091173__root .CollectionToolbar2266091173__right.CollectionToolbar2266091173__fullWidth{margin-inline-start:0!important}.CollectionToolbar2266091173__root.CollectionToolbar2266091173--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1165476069__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1165476069__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1165476069__searchMobile:not(.SearchOrCustomFilter1165476069--expandable){left:18px}.SearchOrCustomFilter1165476069__searchMobile.SearchOrCustomFilter1165476069--expandable.SearchOrCustomFilter1165476069--expanded{left:18px}.AutoCompleteReadonly3148335618__root.AutoCompleteReadonly3148335618--disableEditing{cursor:pointer}.AutoCompleteReadonly3148335618__root.AutoCompleteReadonly3148335618--disableEditing input{cursor:pointer}.ViewsDropdown3089491910__root{width:200px}.DragHandle2191261823__root{display:flex;align-items:center}.DragHandle2191261823__root:not(.DragHandle2191261823--disabled){cursor:grab;color:#a8caff}.DragHandle2191261823__root.DragHandle2191261823--disabled{color:#acafc4}.DragHandle2191261823__root:focus-visible:not(.DragHandle2191261823--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2191261823__root.DragHandle2191261823--disabled{pointer-events:none}.DragHandle2191261823__root.DragHandle2191261823--dragging:not(.DragHandle2191261823--disabled){cursor:grabbing}.EntityPagePlain2781968927__root.EntityPagePlain2781968927--mobile{--wds-page-header-padding-horizontal:0}.Fade399282970__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade399282970__root.Fade399282970--exit{opacity:0}.Heading3533303979__root{visibility:visible}.Heading3533303979__root.Heading3533303979--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1583143864__root.InputOverflow1583143864--selected:not(.InputOverflow1583143864--focused) input::placeholder{color:#000624}@keyframes LoadingRow232979932__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow232979932__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow232979932__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1332070745__root{opacity:1}.MaxHeightText1332070745__root.MaxHeightText1332070745--height24{line-height:24px}.MaxLines3599357708__root{overflow:hidden}.MaxLines3599357708__root.MaxLines3599357708--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar588766161__root{min-width:0}.MultiBulkActionToolbar588766161__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar588766161__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar588766161__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1687101870__root td{padding:0!important;width:100%}.NestedTableRow364668283__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow364668283__root:hover{background-color:#e7f0ff!important}.NestedTableRow364668283__root.NestedTableRow364668283--expandable{cursor:pointer}.NestedTableRow364668283__placeholder td{padding:0!important;width:100%}.NestedTableRow364668283__root:hover td:first-of-type::before,.NestedTableRow364668283__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4261246819__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2674054095__root.NestedTableDragAndDropRow2674054095--draggingInto td{background-color:#e7f0ff!important}.PickerContent485154672__root{display:flex}.PickerContentAdditionalStep2098613398__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2098613398__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3838836186__root{box-sizing:border-box}.ScrollableContent847120716__root.ScrollableContent847120716--overflowY{overflow-y:auto}.ScrollableContent847120716__root.ScrollableContent847120716--overflowX{overflow-x:auto}.ScrollableContent847120716__root.ScrollableContent847120716--smooth{scroll-behavior:smooth}.SkeletonCard89223222__headerLoading{display:block!important}.SlidingModal2713679544__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2713679544__root.SlidingModal2713679544--overlay{transition:transform 0s ease 0s}.SlidingModal2713679544__root.SlidingModal2713679544---appendTo-6-parent{position:absolute}.SlidingModal2713679544__root:not(.SlidingModal2713679544--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2340373808__root .TabsFilter2340373808__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2340373808__root.TabsFilter2340373808--selected .TabsFilter2340373808__title,.TabsFilter2340373808__root:hover .TabsFilter2340373808__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3988193485__root{display:flex}.ToolbarItem501613990__root{min-width:0}.ToolbarItemBox1974553640__root{min-width:0}.ToolbarItemBox1974553640__root.ToolbarItemBox1974553640--removeStartPadding{margin-left:-24px}.ToolbarItemBox1974553640__root.ToolbarItemBox1974553640--expandable{flex:1 0}.common1456808948__column{display:flex;flex-direction:column}.common1456808948__fullHeight{height:100%;min-height:0}.CollectionPageHeader998675131__root:not(.CollectionPageHeader998675131--mobile){gap:12px}.CollectionPageHeader998675131__root.CollectionPageHeader998675131--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader998675131__root.CollectionPageHeader998675131--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3976611179__root.FormPageHeader3976611179--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3976611179__root.FormPageHeader3976611179--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.354.0';
+const version = exports.version = 'patterns@1.355.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.354.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.355.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/CardContainer/CardContainer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer3190424501";
+var _namespace_ = "CardContainer3405799465";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CardContainer3190424501__root" };
+export var classes = { "root": "CardContainer3405799465__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse894242556";
+var _namespace_ = "Collapse2581039888";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse894242556__root", "exit": "Collapse894242556__exit" };
+export var classes = { "root": "Collapse2581039888__root", "exit": "Collapse2581039888__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACzF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AAC3F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}