npm - @wix/patterns - Versions diffs - 1.328.0 → 1.330.0 - Mend

@wix/patterns 1.328.0 → 1.330.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (247) hide show

package/dist/cjs/components/Suggestions/MarketingCard.js CHANGED Viewed

@@ -138,13 +138,13 @@ const MarketingCardInternal = /*#__PURE__*/(0, _react.forwardRef)(({
 /**
  * Creates a render function for marketing cards.
- * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.
+ * @param transformOffer - Optional function to transform offer data into MarketingCardSchema.
  *                         If not provided, uses offer.asset.creative directly.
  * @returns A render function compatible with Suggestions.renderCard prop.
  */
-const renderMarketingCard = translateOffer => props => {
+const renderMarketingCard = transformOffer => props => {
   var _props$offer, _schema$description;
-  const schema = translateOffer ? translateOffer(props.offer) : (_props$offer = props.offer) == null || (_props$offer = _props$offer.asset) == null ? void 0 : _props$offer.creative;
+  const schema = transformOffer ? transformOffer(props.offer) : (_props$offer = props.offer) == null || (_props$offer = _props$offer.asset) == null ? void 0 : _props$offer.creative;
   const requiredFieldsExist = (schema == null ? void 0 : schema.title) && (schema == null ? void 0 : schema.imageUrl) && (schema == null || (_schema$description = schema.description) == null ? void 0 : _schema$description.text);
   if (!requiredFieldsExist) {
     console.error(`Can't render MarketingCard for offer ${props.offer.offerGuid} - missing required fields (title, imageUrl, description.text) in schema:`, schema);

package/dist/cjs/components/Suggestions/MarketingCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getCardWidth","totalOffers","MarketingCardInternal","forwardRef","schema","ref","title","description","descriptionData","imageUrl","ctaButton","ctaButtonData","badge","badgeData","handleCtaClick","link","window","open","handleLearnMoreClick","_descriptionData$lear","learnMore","createElement","Fragment","Text","size","secondary","dataHook","__self","__source","fileName","lineNumber","columnNumber","text","TextButton","onClick","Button","skin","priority","Badge","uppercase","image","Image","src","width","height","borderRadius","Box","Card","stretchVertically","MarketingLayout","actions","hiddenBadge","renderMarketingCard","translateOffer","props","_props$offer","_schema$description","offer","asset","creative","requiredFieldsExist","console","error","offerGuid","exports","MarketingCardSkeleton","SkeletonLine","SkeletonRectangle"],"sources":["../../../../src/components/Suggestions/MarketingCard.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n Box,\n MarketingLayout,\n SkeletonLine,\n Card,\n Button,\n BadgeSkin,\n ButtonSkin,\n Image,\n Text,\n TextButton,\n Badge,\n SkeletonRectangle,\n ButtonPriority,\n} from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\nimport { BaseCardComponentProps, SuggestionsCardProps } from './types';\n\n/*\n Schema for marketing card content.\n * This defines the structure expected in offer.asset.creative for MarketingCard rendering.\n /\nexport interface MarketingCardSchema {\n title: string;\n description: {\n text: string;\n learnMore?: {\n link: string;\n text?: string; // defaults to 'Learn more'\n };\n };\n imageUrl: string;\n ctaButton?: {\n text: string;\n link: string;\n skin?: Extract<ButtonSkin, 'standard' \| 'premium' \| 'ai'>; // defaults to 'standard'\n priority?: Extract<ButtonPriority, 'primary' \| 'secondary'>; // defaults to 'secondary'\n };\n badge?: {\n text: string;\n skin?: Extract<BadgeSkin, 'general' \| 'success' \| 'premium'>; // defaults to 'general'\n };\n}\n\nconst getCardWidth = (totalOffers: number) => {\n if (totalOffers === 1) {\n return '100%';\n }\n if (totalOffers === 2) {\n return '50%';\n }\n return '550px';\n};\n\ninterface MarketingCardInternalProps {\n schema: MarketingCardSchema;\n totalOffers: number;\n}\n\nconst MarketingCardInternal = forwardRef<\n HTMLDivElement,\n MarketingCardInternalProps\n>(({ schema, totalOffers }, ref) => {\n const {\n title,\n description: descriptionData,\n imageUrl,\n ctaButton: ctaButtonData,\n badge: badgeData,\n } = schema;\n\n const handleCtaClick = () => {\n if (ctaButtonData?.link) {\n window.open(ctaButtonData.link, '_blank');\n }\n };\n\n const handleLearnMoreClick = () => {\n if (descriptionData?.learnMore?.link) {\n window.open(descriptionData.learnMore.link, '_blank');\n }\n };\n\n const description = (\n <>\n <Text size=\"small\" secondary dataHook=\"suggestions-card-subtitle\">\n {descriptionData.text}{' '}\n </Text>\n {descriptionData.learnMore && (\n <TextButton\n size=\"small\"\n secondary\n dataHook=\"suggestions-card-learn-more\"\n onClick={handleLearnMoreClick}\n >\n {descriptionData.learnMore.text ?? 'Learn more'}\n </TextButton>\n )}\n </>\n );\n\n const ctaButton = ctaButtonData ? (\n <Button\n size=\"small\"\n skin={ctaButtonData.skin \|\| 'standard'}\n priority={ctaButtonData.priority \|\| 'secondary'}\n dataHook=\"suggestions-card-button\"\n onClick={handleCtaClick}\n >\n {ctaButtonData.text}\n </Button>\n ) : null;\n\n const badge = badgeData ? (\n <Badge\n skin={badgeData.skin \|\| 'general'}\n size=\"small\"\n dataHook=\"suggestion-card-badge\"\n uppercase={false}\n >\n {badgeData.text}\n </Badge>\n ) : null;\n\n const image = (\n <Image\n src={imageUrl}\n width={96}\n height={96}\n borderRadius=\"8px\"\n dataHook=\"suggestions-card-image\"\n />\n );\n\n return (\n <Box\n dataHook=\"suggestions-card\"\n width={getCardWidth(totalOffers)}\n ref={ref}\n >\n <Card stretchVertically>\n <MarketingLayout\n title={title}\n description={description}\n image={image}\n actions={[ctaButton]}\n badge={badge}\n hiddenBadge={!badge}\n />\n </Card>\n </Box>\n );\n});\n\n/\n Creates a render function for marketing cards.\n * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.\n * If not provided, uses offer.asset.creative directly.\n * @returns A render function compatible with Suggestions.renderCard prop.\n /\nexport const renderMarketingCard =\n (translateOffer?: (offer: Offer) => MarketingCardSchema \| null) =>\n (props: SuggestionsCardProps): React.ReactElement \| null => {\n const schema = translateOffer\n ? translateOffer(props.offer)\n : (props.offer?.asset?.creative as MarketingCardSchema \| null);\n\n const requiredFieldsExist =\n schema?.title && schema?.imageUrl && schema?.description?.text;\n\n if (!requiredFieldsExist) {\n console.error(\n `Can't render MarketingCard for offer ${props.offer.offerGuid} - missing required fields (title, imageUrl, description.text) in schema:`,\n schema,\n );\n return null;\n }\n\n return (\n <MarketingCardInternal schema={schema} totalOffers={props.totalOffers} />\n );\n };\n\n/\n Skeleton component for MarketingCard during loading state.\n */\nexport const MarketingCardSkeleton: React.FC<BaseCardComponentProps> = ({\n totalOffers,\n}) => {\n return (\n <Box dataHook=\"suggestions-card\" width={getCardWidth(totalOffers)}>\n <Card stretchVertically>\n <MarketingLayout\n title={<SkeletonLine width=\"120px\" />}\n description={<SkeletonLine width=\"168px\" />}\n actions={[<SkeletonRectangle width=\"72px\" height=\"30px\" />]}\n image={<SkeletonRectangle width=\"96px\" height=\"96px\" />}\n badge={<Badge />}\n hiddenBadge={true}\n />\n </Card>\n </Box>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getCardWidth","totalOffers","MarketingCardInternal","forwardRef","schema","ref","title","description","descriptionData","imageUrl","ctaButton","ctaButtonData","badge","badgeData","handleCtaClick","link","window","open","handleLearnMoreClick","_descriptionData$lear","learnMore","createElement","Fragment","Text","size","secondary","dataHook","__self","__source","fileName","lineNumber","columnNumber","text","TextButton","onClick","Button","skin","priority","Badge","uppercase","image","Image","src","width","height","borderRadius","Box","Card","stretchVertically","MarketingLayout","actions","hiddenBadge","renderMarketingCard","transformOffer","props","_props$offer","_schema$description","offer","asset","creative","requiredFieldsExist","console","error","offerGuid","exports","MarketingCardSkeleton","SkeletonLine","SkeletonRectangle"],"sources":["../../../../src/components/Suggestions/MarketingCard.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n Box,\n MarketingLayout,\n SkeletonLine,\n Card,\n Button,\n BadgeSkin,\n ButtonSkin,\n Image,\n Text,\n TextButton,\n Badge,\n SkeletonRectangle,\n ButtonPriority,\n} from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\nimport { BaseCardComponentProps, SuggestionsCardProps } from './types';\n\n/*\n Schema for marketing card content.\n * This defines the structure expected in offer.asset.creative for MarketingCard rendering.\n /\nexport interface MarketingCardSchema {\n title: string;\n description: {\n text: string;\n learnMore?: {\n link: string;\n text?: string; // defaults to 'Learn more'\n };\n };\n imageUrl: string;\n ctaButton?: {\n text: string;\n link: string;\n skin?: Extract<ButtonSkin, 'standard' \| 'premium' \| 'ai'>; // defaults to 'standard'\n priority?: Extract<ButtonPriority, 'primary' \| 'secondary'>; // defaults to 'secondary'\n };\n badge?: {\n text: string;\n skin?: Extract<BadgeSkin, 'general' \| 'success' \| 'premium'>; // defaults to 'general'\n };\n}\n\nconst getCardWidth = (totalOffers: number) => {\n if (totalOffers === 1) {\n return '100%';\n }\n if (totalOffers === 2) {\n return '50%';\n }\n return '550px';\n};\n\ninterface MarketingCardInternalProps {\n schema: MarketingCardSchema;\n totalOffers: number;\n}\n\nconst MarketingCardInternal = forwardRef<\n HTMLDivElement,\n MarketingCardInternalProps\n>(({ schema, totalOffers }, ref) => {\n const {\n title,\n description: descriptionData,\n imageUrl,\n ctaButton: ctaButtonData,\n badge: badgeData,\n } = schema;\n\n const handleCtaClick = () => {\n if (ctaButtonData?.link) {\n window.open(ctaButtonData.link, '_blank');\n }\n };\n\n const handleLearnMoreClick = () => {\n if (descriptionData?.learnMore?.link) {\n window.open(descriptionData.learnMore.link, '_blank');\n }\n };\n\n const description = (\n <>\n <Text size=\"small\" secondary dataHook=\"suggestions-card-subtitle\">\n {descriptionData.text}{' '}\n </Text>\n {descriptionData.learnMore && (\n <TextButton\n size=\"small\"\n secondary\n dataHook=\"suggestions-card-learn-more\"\n onClick={handleLearnMoreClick}\n >\n {descriptionData.learnMore.text ?? 'Learn more'}\n </TextButton>\n )}\n </>\n );\n\n const ctaButton = ctaButtonData ? (\n <Button\n size=\"small\"\n skin={ctaButtonData.skin \|\| 'standard'}\n priority={ctaButtonData.priority \|\| 'secondary'}\n dataHook=\"suggestions-card-button\"\n onClick={handleCtaClick}\n >\n {ctaButtonData.text}\n </Button>\n ) : null;\n\n const badge = badgeData ? (\n <Badge\n skin={badgeData.skin \|\| 'general'}\n size=\"small\"\n dataHook=\"suggestion-card-badge\"\n uppercase={false}\n >\n {badgeData.text}\n </Badge>\n ) : null;\n\n const image = (\n <Image\n src={imageUrl}\n width={96}\n height={96}\n borderRadius=\"8px\"\n dataHook=\"suggestions-card-image\"\n />\n );\n\n return (\n <Box\n dataHook=\"suggestions-card\"\n width={getCardWidth(totalOffers)}\n ref={ref}\n >\n <Card stretchVertically>\n <MarketingLayout\n title={title}\n description={description}\n image={image}\n actions={[ctaButton]}\n badge={badge}\n hiddenBadge={!badge}\n />\n </Card>\n </Box>\n );\n});\n\n/\n Creates a render function for marketing cards.\n * @param transformOffer - Optional function to transform offer data into MarketingCardSchema.\n * If not provided, uses offer.asset.creative directly.\n * @returns A render function compatible with Suggestions.renderCard prop.\n /\nexport const renderMarketingCard =\n (transformOffer?: (offer: Offer) => MarketingCardSchema \| null) =>\n (props: SuggestionsCardProps): React.ReactElement \| null => {\n const schema = transformOffer\n ? transformOffer(props.offer)\n : (props.offer?.asset?.creative as MarketingCardSchema \| null);\n\n const requiredFieldsExist =\n schema?.title && schema?.imageUrl && schema?.description?.text;\n\n if (!requiredFieldsExist) {\n console.error(\n `Can't render MarketingCard for offer ${props.offer.offerGuid} - missing required fields (title, imageUrl, description.text) in schema:`,\n schema,\n );\n return null;\n }\n\n return (\n <MarketingCardInternal schema={schema} totalOffers={props.totalOffers} />\n );\n };\n\n/\n Skeleton component for MarketingCard during loading state.\n */\nexport const MarketingCardSkeleton: React.FC<BaseCardComponentProps> = ({\n totalOffers,\n}) => {\n return (\n <Box dataHook=\"suggestions-card\" width={getCardWidth(totalOffers)}>\n <Card stretchVertically>\n <MarketingLayout\n title={<SkeletonLine width=\"120px\" />}\n description={<SkeletonLine width=\"168px\" />}\n actions={[<SkeletonRectangle width=\"72px\" height=\"30px\" />]}\n image={<SkeletonRectangle width=\"96px\" height=\"96px\" />}\n badge={<Badge />}\n hiddenBadge={true}\n />\n </Card>\n </Box>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Suggestions/Suggestions.js CHANGED Viewed

@@ -42,7 +42,7 @@ const SuggestionsContainer = ({
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       direction: "horizontal",
       gap: "SP4",
-      dataHook: `${dataHook}-container-${dataState}`,
+      dataHook: `suggestions-container-${dataState}`,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -60,7 +60,7 @@ const SuggestionsContainer = ({
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.CarouselWIP, (0, _extends2.default)({
-    dataHook: `${dataHook}-carousel-${dataState}`
+    dataHook: `suggestions-carousel-${dataState}`
   }, defaultCarouselProps, carouselProps, {
     __self: void 0,
     __source: {

package/dist/cjs/components/Suggestions/Suggestions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SuggestionsState","_mobxReactLite","_react2","_MarketingCard","_VisibilityTrackedCard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultCarouselProps","hideDots","infinite","variableWidth","controlsPosition","showControlsShadow","sidesGradientColor","COLOR_TOKENS","controlsStartEnd","SuggestionsContainer","count","children","carouselProps","dataHook","dataState","maxInlineItems","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","CarouselWIP","_extends2","SuggestionItem","dataId","style","display","exports","Suggestions","observer","placementId","renderCard","CardSkeleton","MarketingCardSkeleton","skeletonsNumber","container","useWixPatternsContainer","state","useState","SuggestionsState","useEffect","init","hasOffers","cardCount","offers","length","cards","map","offer","index","key","offerGuid","element","totalOffers","filter","card","VisibilityTrackedCard","itemKey","onObserved","onOfferViewed","isFetching","skeletons","Array","from","_"],"sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n CarouselWIP,\n CarouselWIPProps,\n COLOR_TOKENS,\n Box,\n} from '@wix/design-system';\nimport { SuggestionsState } from '../../state/Suggestions/SuggestionsState';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MarketingCardSkeleton } from './MarketingCard';\nimport { SuggestionsProps } from './types';\nimport { VisibilityTrackedCard } from './VisibilityTrackedCard';\n\nconst defaultCarouselProps: CarouselWIPProps = {\n hideDots: true,\n infinite: false,\n variableWidth: false,\n controlsPosition: 'overlay',\n showControlsShadow: true,\n sidesGradientColor: COLOR_TOKENS['--wsr-color-D70'],\n controlsStartEnd: 'hidden',\n};\n\ninterface SuggestionsContainerProps {\n count: number;\n children: React.ReactNode;\n carouselProps?: CarouselWIPProps;\n dataHook: string;\n dataState: 'idle' \| 'loading';\n maxInlineItems: number;\n}\n\nexport interface SuggestionItemProps {\n children: React.ReactNode;\n dataId?: string;\n}\n\nexport interface NonNullableElementCard<T> {\n key: string;\n offerGuid: string \| undefined;\n element: T;\n}\n\nconst SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({\n count,\n children,\n carouselProps,\n dataHook,\n dataState,\n maxInlineItems,\n}) => {\n if (count <= maxInlineItems) {\n return (\n <div data-hook={dataHook}>\n <Box\n direction=\"horizontal\"\n gap=\"SP4\"\n dataHook={`${dataHook}-container-${dataState}`}\n >\n {children}\n </Box>\n </div>\n );\n }\n\n return (\n <div data-hook={dataHook}>\n <CarouselWIP\n dataHook={`${dataHook}-carousel-${dataState}`}\n {...defaultCarouselProps}\n {...carouselProps}\n >\n {children}\n </CarouselWIP>\n </div>\n );\n};\n\nexport const SuggestionItem: React.FC<SuggestionItemProps> = ({\n children,\n dataId,\n}) => (\n <div\n data-hook=\"suggestion-item\"\n data-id={dataId}\n style={{ display: 'contents' }}\n >\n {children}\n </div>\n);\n\nexport const Suggestions: React.FC<SuggestionsProps> = observer(\n ({\n placementId,\n renderCard,\n CardSkeleton = MarketingCardSkeleton,\n carouselProps,\n skeletonsNumber = 4,\n dataHook = 'suggestions',\n maxInlineItems = 2,\n }) => {\n const container = useWixPatternsContainer();\n\n const [state] = useState(\n () => new SuggestionsState({ placementId, container }),\n );\n\n useEffect(() => {\n return state.init();\n }, [state]);\n\n if (state.hasOffers) {\n const cardCount = state.offers.length;\n const cards = state.offers\n .map((offer, index) => {\n const key = offer.offerGuid \|\| `suggestion-${index}`;\n return {\n key,\n offerGuid: offer.offerGuid,\n element: renderCard({\n offer,\n index,\n totalOffers: state.offers.length,\n }),\n };\n })\n .filter(\n (card): card is NonNullableElementCard<React.ReactElement> =>\n card.element != null,\n );\n\n // Return null if all cards filtered out\n if (cards.length === 0) {\n return null;\n }\n\n return (\n <SuggestionsContainer\n // use initial cards count for container, to match the count the cards get rendered with\n count={cardCount}\n carouselProps={carouselProps}\n dataHook={dataHook}\n dataState=\"idle\"\n maxInlineItems={maxInlineItems}\n >\n {cards.map(({ key, offerGuid, element }) => (\n <SuggestionItem key={key} dataId={key}>\n <VisibilityTrackedCard\n itemKey={key}\n element={element}\n onObserved={() => offerGuid && state.onOfferViewed(offerGuid)}\n />\n </SuggestionItem>\n ))}\n </SuggestionsContainer>\n );\n }\n\n if (state.isFetching) {\n const skeletons = Array.from({ length: skeletonsNumber }).map(\n (_, index) => (\n <SuggestionItem key={index}>\n <CardSkeleton index={index} totalOffers={skeletonsNumber} />\n </SuggestionItem>\n ),\n );\n\n return (\n <SuggestionsContainer\n count={skeletonsNumber}\n carouselProps={{ ...carouselProps, controlsPosition: 'none' }}\n dataHook={dataHook}\n dataState=\"loading\"\n maxInlineItems={maxInlineItems}\n >\n {skeletons}\n </SuggestionsContainer>\n );\n }\n\n return null;\n },\n);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SuggestionsState","_mobxReactLite","_react2","_MarketingCard","_VisibilityTrackedCard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultCarouselProps","hideDots","infinite","variableWidth","controlsPosition","showControlsShadow","sidesGradientColor","COLOR_TOKENS","controlsStartEnd","SuggestionsContainer","count","children","carouselProps","dataHook","dataState","maxInlineItems","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","CarouselWIP","_extends2","SuggestionItem","dataId","style","display","exports","Suggestions","observer","placementId","renderCard","CardSkeleton","MarketingCardSkeleton","skeletonsNumber","container","useWixPatternsContainer","state","useState","SuggestionsState","useEffect","init","hasOffers","cardCount","offers","length","cards","map","offer","index","key","offerGuid","element","totalOffers","filter","card","VisibilityTrackedCard","itemKey","onObserved","onOfferViewed","isFetching","skeletons","Array","from","_"],"sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n CarouselWIP,\n CarouselWIPProps,\n COLOR_TOKENS,\n Box,\n} from '@wix/design-system';\nimport { SuggestionsState } from '../../state/Suggestions/SuggestionsState';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MarketingCardSkeleton } from './MarketingCard';\nimport { SuggestionsProps } from './types';\nimport { VisibilityTrackedCard } from './VisibilityTrackedCard';\n\nconst defaultCarouselProps: CarouselWIPProps = {\n hideDots: true,\n infinite: false,\n variableWidth: false,\n controlsPosition: 'overlay',\n showControlsShadow: true,\n sidesGradientColor: COLOR_TOKENS['--wsr-color-D70'],\n controlsStartEnd: 'hidden',\n};\n\ninterface SuggestionsContainerProps {\n count: number;\n children: React.ReactNode;\n carouselProps?: CarouselWIPProps;\n dataHook: string;\n dataState: 'idle' \| 'loading';\n maxInlineItems: number;\n}\n\nexport interface SuggestionItemProps {\n children: React.ReactNode;\n dataId?: string;\n}\n\nexport interface NonNullableElementCard<T> {\n key: string;\n offerGuid: string \| undefined;\n element: T;\n}\n\nconst SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({\n count,\n children,\n carouselProps,\n dataHook,\n dataState,\n maxInlineItems,\n}) => {\n if (count <= maxInlineItems) {\n return (\n <div data-hook={dataHook}>\n <Box\n direction=\"horizontal\"\n gap=\"SP4\"\n dataHook={`suggestions-container-${dataState}`}\n >\n {children}\n </Box>\n </div>\n );\n }\n\n return (\n <div data-hook={dataHook}>\n <CarouselWIP\n dataHook={`suggestions-carousel-${dataState}`}\n {...defaultCarouselProps}\n {...carouselProps}\n >\n {children}\n </CarouselWIP>\n </div>\n );\n};\n\nexport const SuggestionItem: React.FC<SuggestionItemProps> = ({\n children,\n dataId,\n}) => (\n <div\n data-hook=\"suggestion-item\"\n data-id={dataId}\n style={{ display: 'contents' }}\n >\n {children}\n </div>\n);\n\nexport const Suggestions: React.FC<SuggestionsProps> = observer(\n ({\n placementId,\n renderCard,\n CardSkeleton = MarketingCardSkeleton,\n carouselProps,\n skeletonsNumber = 4,\n dataHook = 'suggestions',\n maxInlineItems = 2,\n }) => {\n const container = useWixPatternsContainer();\n\n const [state] = useState(\n () => new SuggestionsState({ placementId, container }),\n );\n\n useEffect(() => {\n return state.init();\n }, [state]);\n\n if (state.hasOffers) {\n const cardCount = state.offers.length;\n const cards = state.offers\n .map((offer, index) => {\n const key = offer.offerGuid \|\| `suggestion-${index}`;\n return {\n key,\n offerGuid: offer.offerGuid,\n element: renderCard({\n offer,\n index,\n totalOffers: state.offers.length,\n }),\n };\n })\n .filter(\n (card): card is NonNullableElementCard<React.ReactElement> =>\n card.element != null,\n );\n\n // Return null if all cards filtered out\n if (cards.length === 0) {\n return null;\n }\n\n return (\n <SuggestionsContainer\n // use initial cards count for container, to match the count the cards get rendered with\n count={cardCount}\n carouselProps={carouselProps}\n dataHook={dataHook}\n dataState=\"idle\"\n maxInlineItems={maxInlineItems}\n >\n {cards.map(({ key, offerGuid, element }) => (\n <SuggestionItem key={key} dataId={key}>\n <VisibilityTrackedCard\n itemKey={key}\n element={element}\n onObserved={() => offerGuid && state.onOfferViewed(offerGuid)}\n />\n </SuggestionItem>\n ))}\n </SuggestionsContainer>\n );\n }\n\n if (state.isFetching) {\n const skeletons = Array.from({ length: skeletonsNumber }).map(\n (_, index) => (\n <SuggestionItem key={index}>\n <CardSkeleton index={index} totalOffers={skeletonsNumber} />\n </SuggestionItem>\n ),\n );\n\n return (\n <SuggestionsContainer\n count={skeletonsNumber}\n carouselProps={{ ...carouselProps, controlsPosition: 'none' }}\n dataHook={dataHook}\n dataState=\"loading\"\n maxInlineItems={maxInlineItems}\n >\n {skeletons}\n </SuggestionsContainer>\n );\n }\n\n return null;\n },\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Suggestions/Suggestions.uni.driver.js CHANGED Viewed

@@ -46,7 +46,7 @@ const SuggestionsUniDriver = (base, body) => {
       const containerExists = await containerIdle.exists();
       return !carouselExists && !containerExists;
     },
-    getCardsCounts: async () => {
+    getCardsCount: async () => {
       const carouselChildren = await getCarouselChildren();
       if (carouselChildren) {
         return carouselChildren.length;

package/dist/cjs/components/Suggestions/Suggestions.uni.driver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","_unidriver2","SuggestionsUniDriver","base","body","dataHook","carouselIdle","CarouselWIPUniDriver","$","carouselLoading","containerIdle","containerLoading","getCarouselChildren","exists","getChildren","getContainerChildren","$$","isLoadingState","isContainerLoading","isCarouselLoading","baseUniDriverFactory","isLoading","hasOffers","carouselExists","containerExists","isEmpty","~~getCardsCounts~~","carouselChildren","length","containerChildren","count","getCardAt","index","at","Error","carousel","container","exports"],"sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"sourcesContent":["import { CarouselWIPUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport {\n baseUniDriverFactory,\n UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport const SuggestionsUniDriver = (base: UniDriver, body: UniDriver) => {\n const dataHook = 'suggestions';\n\n const carouselIdle = CarouselWIPUniDriver(\n base.$(`[data-hook=\"${dataHook}-carousel-idle\"]`),\n body,\n );\n const carouselLoading = CarouselWIPUniDriver(\n base.$(`[data-hook=\"${dataHook}-carousel-loading\"]`),\n body,\n );\n\n const containerIdle = base.$(`[data-hook=\"${dataHook}-container-idle\"]`);\n const containerLoading = base.$(\n `[data-hook=\"${dataHook}-container-loading\"]`,\n );\n\n const getCarouselChildren = async (): Promise<UniDriver[] \| null> => {\n if (await carouselIdle.exists()) {\n return carouselIdle.getChildren();\n }\n if (await carouselLoading.exists()) {\n return carouselLoading.getChildren();\n }\n return null;\n };\n\n const getContainerChildren = async () => {\n if (await containerIdle.exists()) {\n return containerIdle.$$(`[data-hook=\"suggestion-item\"]`);\n }\n if (await containerLoading.exists()) {\n return containerLoading.$$(`[data-hook=\"suggestion-item\"]`);\n }\n return null;\n };\n\n const isLoadingState = async () => {\n const isContainerLoading = await containerLoading.exists();\n const isCarouselLoading = await carouselLoading.exists();\n return isContainerLoading \|\| isCarouselLoading;\n };\n\n return {\n ...baseUniDriverFactory(base),\n isLoading: isLoadingState,\n hasOffers: async () => {\n const carouselExists = await carouselIdle.exists();\n const containerExists = await containerIdle.exists();\n return carouselExists \|\| containerExists;\n },\n isEmpty: async () => {\n const carouselExists = await carouselIdle.exists();\n const containerExists = await containerIdle.exists();\n return !carouselExists && !containerExists;\n },\n ~~getCardsCounts~~: async () => {\n const carouselChildren = await getCarouselChildren();\n if (carouselChildren) {\n return carouselChildren.length;\n }\n const containerChildren = await getContainerChildren();\n if (containerChildren) {\n return containerChildren.count();\n }\n return 0;\n },\n getCardAt: async (index: number) => {\n const carouselChildren = await getCarouselChildren();\n if (carouselChildren) {\n return carouselChildren[index];\n }\n const containerChildren = await getContainerChildren();\n if (containerChildren) {\n return containerChildren.at(index);\n }\n throw new Error(`No cards found at index ${index}`);\n },\n carousel: async () =>\n (await carouselIdle.exists()) ? carouselIdle : carouselLoading,\n container: async () =>\n (await containerIdle.exists()) ? containerIdle : containerLoading,\n };\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKO,MAAME,oBAAoB,GAAGA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACxE,MAAMC,QAAQ,GAAG,aAAa;EAE9B,MAAMC,YAAY,GAAG,IAAAC,+BAAoB,EACvCJ,IAAI,CAACK,CAAC,CAAC,eAAeH,QAAQ,kBAAkB,CAAC,EACjDD,IACF,CAAC;EACD,MAAMK,eAAe,GAAG,IAAAF,+BAAoB,EAC1CJ,IAAI,CAACK,CAAC,CAAC,eAAeH,QAAQ,qBAAqB,CAAC,EACpDD,IACF,CAAC;EAED,MAAMM,aAAa,GAAGP,IAAI,CAACK,CAAC,CAAC,eAAeH,QAAQ,mBAAmB,CAAC;EACxE,MAAMM,gBAAgB,GAAGR,IAAI,CAACK,CAAC,CAC7B,eAAeH,QAAQ,sBACzB,CAAC;EAED,MAAMO,mBAAmB,GAAG,MAAAA,CAAA,KAAyC;IACnE,IAAI,MAAMN,YAAY,CAACO,MAAM,CAAC,CAAC,EAAE;MAC/B,OAAOP,YAAY,CAACQ,WAAW,CAAC,CAAC;IACnC;IACA,IAAI,MAAML,eAAe,CAACI,MAAM,CAAC,CAAC,EAAE;MAClC,OAAOJ,eAAe,CAACK,WAAW,CAAC,CAAC;IACtC;IACA,OAAO,IAAI;EACb,CAAC;EAED,MAAMC,oBAAoB,GAAG,MAAAA,CAAA,KAAY;IACvC,IAAI,MAAML,aAAa,CAACG,MAAM,CAAC,CAAC,EAAE;MAChC,OAAOH,aAAa,CAACM,EAAE,CAAC,+BAA+B,CAAC;IAC1D;IACA,IAAI,MAAML,gBAAgB,CAACE,MAAM,CAAC,CAAC,EAAE;MACnC,OAAOF,gBAAgB,CAACK,EAAE,CAAC,+BAA+B,CAAC;IAC7D;IACA,OAAO,IAAI;EACb,CAAC;EAED,MAAMC,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,MAAMC,kBAAkB,GAAG,MAAMP,gBAAgB,CAACE,MAAM,CAAC,CAAC;IAC1D,MAAMM,iBAAiB,GAAG,MAAMV,eAAe,CAACI,MAAM,CAAC,CAAC;IACxD,OAAOK,kBAAkB,IAAIC,iBAAiB;EAChD,CAAC;EAED,OAAO;IACL,GAAG,IAAAC,gCAAoB,EAACjB,IAAI,CAAC;IAC7BkB,SAAS,EAAEJ,cAAc;IACzBK,SAAS,EAAE,MAAAA,CAAA,KAAY;MACrB,MAAMC,cAAc,GAAG,MAAMjB,YAAY,CAACO,MAAM,CAAC,CAAC;MAClD,MAAMW,eAAe,GAAG,MAAMd,aAAa,CAACG,MAAM,CAAC,CAAC;MACpD,OAAOU,cAAc,IAAIC,eAAe;IAC1C,CAAC;IACDC,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMF,cAAc,GAAG,MAAMjB,YAAY,CAACO,MAAM,CAAC,CAAC;MAClD,MAAMW,eAAe,GAAG,MAAMd,aAAa,CAACG,MAAM,CAAC,CAAC;MACpD,OAAO,CAACU,cAAc,IAAI,CAACC,eAAe;IAC5C,CAAC;IACDE,~~cAAc~~,EAAE,MAAAA,CAAA,KAAY;~~MAC1B~~,MAAMC,gBAAgB,GAAG,MAAMf,mBAAmB,CAAC,CAAC;MACpD,IAAIe,gBAAgB,EAAE;QACpB,OAAOA,gBAAgB,CAACC,MAAM;MAChC;MACA,MAAMC,iBAAiB,GAAG,MAAMd,oBAAoB,CAAC,CAAC;MACtD,IAAIc,iBAAiB,EAAE;QACrB,OAAOA,iBAAiB,CAACC,KAAK,CAAC,CAAC;MAClC;MACA,OAAO,CAAC;IACV,CAAC;IACDC,SAAS,EAAE,MAAOC,KAAa,IAAK;MAClC,MAAML,gBAAgB,GAAG,MAAMf,mBAAmB,CAAC,CAAC;MACpD,IAAIe,gBAAgB,EAAE;QACpB,OAAOA,gBAAgB,CAACK,KAAK,CAAC;MAChC;MACA,MAAMH,iBAAiB,GAAG,MAAMd,oBAAoB,CAAC,CAAC;MACtD,IAAIc,iBAAiB,EAAE;QACrB,OAAOA,iBAAiB,CAACI,EAAE,CAACD,KAAK,CAAC;MACpC;MACA,MAAM,IAAIE,KAAK,CAAC,2BAA2BF,KAAK,EAAE,CAAC;IACrD,CAAC;IACDG,QAAQ,EAAE,MAAAA,CAAA,KACR,CAAC,MAAM7B,YAAY,CAACO,MAAM,CAAC,CAAC,IAAIP,YAAY,GAAGG,eAAe;IAChE2B,SAAS,EAAE,MAAAA,CAAA,KACT,CAAC,MAAM1B,aAAa,CAACG,MAAM,CAAC,CAAC,IAAIH,aAAa,GAAGC;EACrD,CAAC;AACH,CAAC;AAAC0B,OAAA,CAAAnC,oBAAA,GAAAA,oBAAA","ignoreList":[]}
1	+ {"version":3,"names":["_unidriver","require","_unidriver2","SuggestionsUniDriver","base","body","dataHook","carouselIdle","CarouselWIPUniDriver","$","carouselLoading","containerIdle","containerLoading","getCarouselChildren","exists","getChildren","getContainerChildren","$$","isLoadingState","isContainerLoading","isCarouselLoading","baseUniDriverFactory","isLoading","hasOffers","carouselExists","containerExists","isEmpty","getCardsCount","carouselChildren","length","containerChildren","count","getCardAt","index","at","Error","carousel","container","exports"],"sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"sourcesContent":["import { CarouselWIPUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport {\n baseUniDriverFactory,\n UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport const SuggestionsUniDriver = (base: UniDriver, body: UniDriver) => {\n const dataHook = 'suggestions';\n\n const carouselIdle = CarouselWIPUniDriver(\n base.$(`[data-hook=\"${dataHook}-carousel-idle\"]`),\n body,\n );\n const carouselLoading = CarouselWIPUniDriver(\n base.$(`[data-hook=\"${dataHook}-carousel-loading\"]`),\n body,\n );\n\n const containerIdle = base.$(`[data-hook=\"${dataHook}-container-idle\"]`);\n const containerLoading = base.$(\n `[data-hook=\"${dataHook}-container-loading\"]`,\n );\n\n const getCarouselChildren = async (): Promise<UniDriver[] \| null> => {\n if (await carouselIdle.exists()) {\n return carouselIdle.getChildren();\n }\n if (await carouselLoading.exists()) {\n return carouselLoading.getChildren();\n }\n return null;\n };\n\n const getContainerChildren = async () => {\n if (await containerIdle.exists()) {\n return containerIdle.$$(`[data-hook=\"suggestion-item\"]`);\n }\n if (await containerLoading.exists()) {\n return containerLoading.$$(`[data-hook=\"suggestion-item\"]`);\n }\n return null;\n };\n\n const isLoadingState = async () => {\n const isContainerLoading = await containerLoading.exists();\n const isCarouselLoading = await carouselLoading.exists();\n return isContainerLoading \|\| isCarouselLoading;\n };\n\n return {\n ...baseUniDriverFactory(base),\n isLoading: isLoadingState,\n hasOffers: async () => {\n const carouselExists = await carouselIdle.exists();\n const containerExists = await containerIdle.exists();\n return carouselExists \|\| containerExists;\n },\n isEmpty: async () => {\n const carouselExists = await carouselIdle.exists();\n const containerExists = await containerIdle.exists();\n return !carouselExists && !containerExists;\n },\n getCardsCount: async () => {\n const carouselChildren = await getCarouselChildren();\n if (carouselChildren) {\n return carouselChildren.length;\n }\n const containerChildren = await getContainerChildren();\n if (containerChildren) {\n return containerChildren.count();\n }\n return 0;\n },\n getCardAt: async (index: number) => {\n const carouselChildren = await getCarouselChildren();\n if (carouselChildren) {\n return carouselChildren[index];\n }\n const containerChildren = await getContainerChildren();\n if (containerChildren) {\n return containerChildren.at(index);\n }\n throw new Error(`No cards found at index ${index}`);\n },\n carousel: async () =>\n (await carouselIdle.exists()) ? carouselIdle : carouselLoading,\n container: async () =>\n (await containerIdle.exists()) ? containerIdle : containerLoading,\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Suggestions/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["../../../../src/components/Suggestions/types.ts"],"sourcesContent":["import { CarouselWIPProps } from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\n\n// Re-export Offer for external consumers\nexport type { Offer };\n\n/*\n Base props passed to card components\n /\nexport interface BaseCardComponentProps {\n /* Index of the card in the list /\n index: number;\n /* Total number of offers received from the dealer service /\n totalOffers: number;\n}\n\n/\n Props passed to the renderCard function\n /\nexport interface SuggestionsCardProps extends BaseCardComponentProps {\n /* The offer data from the dealer service /\n offer: Offer;\n}\n\n/\n Props for the Suggestions component\n /\nexport interface SuggestionsProps {\n /* The placement ID to fetch offers for /\n placementId: string;\n /* Props to pass to the carousel component /\n carouselProps?: CarouselWIPProps;\n /\n Render function for each offer card.\n * ~~The~~ ~~returned~~ ~~element~~ ~~must~~ be a ~~forwardRef component~~.\n /\n renderCard: (props: SuggestionsCardProps) => React.~~ReactElement~~ \| null;\n /* Skeleton component to render when loading /\n CardSkeleton?: React.ComponentType<BaseCardComponentProps>;\n /* Number of skeletons to render when loading /\n skeletonsNumber?: number;\n /* Data hook to ~~use~~ ~~for~~ ~~the~~ suggestions ~~component~~ /\n dataHook?: string;\n /* Maximum number of items to display inline (Box layout). Above this, Carousel is used. */\n maxInlineItems?: number;\n}\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["../../../../src/components/Suggestions/types.ts"],"sourcesContent":["import { CarouselWIPProps } from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\n\n// Re-export Offer for external consumers\nexport type { Offer };\n\n/*\n Base props passed to card components\n /\nexport interface BaseCardComponentProps {\n /* Index of the card in the list /\n index: number;\n /* Total number of offers received from the dealer service /\n totalOffers: number;\n}\n\n/\n Props passed to the renderCard function\n /\nexport interface SuggestionsCardProps extends BaseCardComponentProps {\n /* The offer data from the dealer service /\n offer: Offer;\n}\n\n/\n Props for the Suggestions component\n /\nexport interface SuggestionsProps {\n /\n The placement ID to fetch offers for.\n * @external\n /\n placementId: string;\n /\n Props to pass to the carousel component.\n * @external\n /\n carouselProps?: CarouselWIPProps;\n /\n Render function for each offer card. Return `null` to filter out a card.\n * @external\n /\n renderCard: (props: SuggestionsCardProps) => React.ReactNode \| null;\n /\n Skeleton component to render when loading.\n * @external\n /\n CardSkeleton?: React.ComponentType<BaseCardComponentProps>;\n /\n Number of skeletons to render when loading.\n * @default 4\n * @external\n /\n skeletonsNumber?: number;\n /\n Data hook for testing.\n * @default 'suggestions'\n * @external\n /\n dataHook?: string;\n /\n Maximum number of items to display inline (Box layout). Above this, Carousel is used.\n * @default 2\n * @external\n */\n maxInlineItems?: number;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/TableSkeleton/TableSkeleton.js CHANGED Viewed

@@ -124,7 +124,7 @@ function _TableSkeleton(props) {
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Content, {
-      titleBarVisible: showTitleBar,
+      titleBarVisible: showTitleBar && state.collection.showInitialLoader,
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/TableSkeleton/TableSkeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_state","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSkeleton","props","state","dataHook","rowsCount","showTitleBar","rest","columnCount","minItemWidth","itemsContentWidth","useState","ResponsiveColumnsState","gridState","gap","rectState","toolbarRect","containerPadding","data","useMemo","Array","fill","map","_","id","columns","title","key","render","createElement","Box","direction","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","marginTop","marginBottom","TrElementType","forwardRef","rowData","_rowData","trProps","ref","_extends2","undefined","process","env","NODE_ENV","Table","skin","withWrapper","backgroundColor","borderRadius","overflow","Content","titleBarVisible","TableSkeleton","exports","observer"],"sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useMemo, useState } from 'react';\nimport {\n Box,\n SkeletonGroup,\n SkeletonLine,\n Table,\n TableProps,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ResponsiveColumnsState, ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface TableSkeletonProps<T, F extends FiltersMap> {\n state: ToolbarCollectionState<T, F>;\n dataHook?: string;\n rowsCount?: number;\n showTitleBar?: boolean;\n rowVerticalPadding?: TableProps['rowVerticalPadding'];\n}\n\nexport function _TableSkeleton<T, F extends FiltersMap>(\n props: TableSkeletonProps<T, F>,\n) {\n const { state, dataHook, rowsCount = 7, showTitleBar, ...rest } = props;\n\n const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(\n () =>\n new ResponsiveColumnsState({\n gridState: {\n gap: 24,\n },\n minItemWidth: 192,\n rectState: state.toolbarRect,\n containerPadding: 48,\n }),\n );\n\n const data = useMemo(\n () =>\n new Array(rowsCount)\n .fill(null)\n .map((_, i) => ({ id: `skeleton-row-${i}` })),\n [rowsCount],\n );\n\n const columns = useMemo(\n () =>\n new Array(columnCount).fill(null).map((_, i) => ({\n title: '',\n key: `skeleton-column-${i}`,\n dataHook: `skeleton-column-${i}`,\n render: () => (\n <Box direction=\"vertical\" width=\"100%\" minWidth={`${minItemWidth}px`}>\n <SkeletonGroup>\n <SkeletonLine width=\"100%\" marginTop=\"SP1\" marginBottom=\"SP1\" />\n </SkeletonGroup>\n </Box>\n ),\n })),\n [columnCount],\n );\n\n const [TrElementType] = useState(() =>\n forwardRef(\n (\n { rowData: _rowData, ...trProps }: { rowData?: unknown },\n ref:\n \| ((instance: HTMLTableRowElement \| null) => void)\n \| MutableRefObject<HTMLTableRowElement \| null>\n \| null,\n ) => {\n // <TableSkeleton/> is rendered inside the main <Table/> component, so we need to remove the data-table-row attribute from the <tr/> element to make testkit not to consider skeleton rows as real rows\n return <tr ref={ref} {...trProps} data-table-row={undefined} />;\n },\n ),\n );\n if (!itemsContentWidth && process.env.NODE_ENV !== 'test') {\n return null;\n }\n return (\n // <Box/> wrapper always aligns the skeleton to the top of the table\n <Box marginBottom=\"auto\" dataHook={dataHook}>\n <Table\n skin=\"neutral\"\n data={data}\n columns={columns}\n withWrapper={false}\n {...{ TrElementType }}\n {...rest}\n >\n <Box\n direction=\"vertical\"\n backgroundColor=\"D80\"\n borderRadius=\"0px 0px 8px 8px\"\n overflow=\"hidden\"\n >\n <Table.Content titleBarVisible={showTitleBar} />\n </Box>\n </Table>\n </Box>\n );\n}\n\nexport const TableSkeleton = observer(_TableSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAUpC,SAASkB,cAAcA,CAC5BC,KAA+B,EAC/B;EACA,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS,GAAG,CAAC;IAAEC,YAAY;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAEvE,MAAM,CAAC;IAAEM,WAAW;IAAEC,YAAY;IAAEC;EAAkB,CAAC,CAAC,GAAG,IAAAC,eAAQ,EACjE,MACE,IAAIC,6BAAsB,CAAC;IACzBC,SAAS,EAAE;MACTC,GAAG,EAAE;IACP,CAAC;IACDL,YAAY,EAAE,GAAG;IACjBM,SAAS,EAAEZ,KAAK,CAACa,WAAW;IAC5BC,gBAAgB,EAAE;EACpB,CAAC,CACL,CAAC;EAED,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAClB,MACE,IAAIC,KAAK,CAACf,SAAS,CAAC,CACjBgB,IAAI,CAAC,IAAI,CAAC,CACVC,GAAG,CAAC,CAACC,CAAC,EAAElC,CAAC,MAAM;IAAEmC,EAAE,EAAE,gBAAgBnC,CAAC;EAAG,CAAC,CAAC,CAAC,EACjD,CAACgB,SAAS,CACZ,CAAC;EAED,MAAMoB,OAAO,GAAG,IAAAN,cAAO,EACrB,MACE,IAAIC,KAAK,CAACZ,WAAW,CAAC,CAACa,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAElC,CAAC,MAAM;IAC/CqC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE,mBAAmBtC,CAAC,EAAE;IAC3Be,QAAQ,EAAE,mBAAmBf,CAAC,EAAE;IAChCuC,MAAM,EAAEA,CAAA,kBACNrD,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,aAAA,CAAAoD,GAAG;MAACC,SAAS,EAAC,UAAU;MAACC,KAAK,EAAC,MAAM;MAACC,QAAQ,EAAE,GAAGxB,YAAY,IAAK;MAAAyB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACnE/D,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,aAAA,CAAA6D,aAAa;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACZ/D,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,aAAA,CAAA8D,YAAY;MAACR,KAAK,EAAC,MAAM;MAACS,SAAS,EAAC,KAAK;MAACC,YAAY,EAAC,KAAK;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAClD,CACZ;EAET,CAAC,CAAC,CAAC,EACL,CAAC9B,WAAW,CACd,CAAC;EAED,MAAM,CAACmC,aAAa,CAAC,GAAG,IAAAhC,eAAQ,EAAC,mBAC/B,IAAAiC,iBAAU,EACR,CACE;IAAEC,OAAO,EAAEC,QAAQ;IAAE,GAAGC;EAA+B,CAAC,EACxDC,GAGQ,KACL;IACH;IACA,oBAAOzE,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,WAAAoB,SAAA,CAAAzD,OAAA;MAAIwD,GAAG,EAAEA;IAAI,GAAKD,OAAO;MAAE,kBAAgBG,SAAU;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAE,CAAC;EACjE,CACF,CACF,CAAC;EACD,IAAI,CAAC5B,iBAAiB,IAAIyC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;IACzD,OAAO,IAAI;EACb;EACA;IAAA;IACE;IACA9E,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,aAAA,CAAAoD,GAAG;MAACY,YAAY,EAAC,MAAM;MAACtC,QAAQ,EAAEA,QAAS;MAAA8B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC1C/D,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,aAAA,CAAA4E,KAAK,MAAAL,SAAA,CAAAzD,OAAA;MACJ+D,IAAI,EAAC,SAAS;MACdrC,IAAI,EAAEA,IAAK;MACXO,OAAO,EAAEA,OAAQ;MACjB+B,WAAW,EAAE,KAAM;MACbb;IAAa,GACfpC,IAAI;MAAA2B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,iBAER/D,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,aAAA,CAAAoD,GAAG;MACFC,SAAS,EAAC,UAAU;MACpB0B,eAAe,EAAC,KAAK;MACrBC,YAAY,EAAC,iBAAiB;MAC9BC,QAAQ,EAAC,QAAQ;MAAAzB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEjB/D,MAAA,CAAAiB,OAAA,CAAAqC,aAAA,CAACnD,aAAA,CAAA4E,KAAK,CAACM,OAAO;~~MAACC~~,eAAe,EAAEvD,~~YAAa~~;~~MAAA4B~~,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvD,YAAA;QAAAwD,UAAA;QAAAC,YAAA;MAAA;IAAA,~~CAAE~~,~~CAC5C~~,CACA,CACJ;EAAC;AAEV;AAEO,~~MAAMwB~~,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,~~EAAC/D~~,cAAc,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_state","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSkeleton","props","state","dataHook","rowsCount","showTitleBar","rest","columnCount","minItemWidth","itemsContentWidth","useState","ResponsiveColumnsState","gridState","gap","rectState","toolbarRect","containerPadding","data","useMemo","Array","fill","map","_","id","columns","title","key","render","createElement","Box","direction","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","marginTop","marginBottom","TrElementType","forwardRef","rowData","_rowData","trProps","ref","_extends2","undefined","process","env","NODE_ENV","Table","skin","withWrapper","backgroundColor","borderRadius","overflow","Content","titleBarVisible","collection","showInitialLoader","TableSkeleton","exports","observer"],"sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useMemo, useState } from 'react';\nimport {\n Box,\n SkeletonGroup,\n SkeletonLine,\n Table,\n TableProps,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ResponsiveColumnsState, ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface TableSkeletonProps<T, F extends FiltersMap> {\n state: ToolbarCollectionState<T, F>;\n dataHook?: string;\n rowsCount?: number;\n showTitleBar?: boolean;\n rowVerticalPadding?: TableProps['rowVerticalPadding'];\n}\n\nexport function _TableSkeleton<T, F extends FiltersMap>(\n props: TableSkeletonProps<T, F>,\n) {\n const { state, dataHook, rowsCount = 7, showTitleBar, ...rest } = props;\n\n const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(\n () =>\n new ResponsiveColumnsState({\n gridState: {\n gap: 24,\n },\n minItemWidth: 192,\n rectState: state.toolbarRect,\n containerPadding: 48,\n }),\n );\n\n const data = useMemo(\n () =>\n new Array(rowsCount)\n .fill(null)\n .map((_, i) => ({ id: `skeleton-row-${i}` })),\n [rowsCount],\n );\n\n const columns = useMemo(\n () =>\n new Array(columnCount).fill(null).map((_, i) => ({\n title: '',\n key: `skeleton-column-${i}`,\n dataHook: `skeleton-column-${i}`,\n render: () => (\n <Box direction=\"vertical\" width=\"100%\" minWidth={`${minItemWidth}px`}>\n <SkeletonGroup>\n <SkeletonLine width=\"100%\" marginTop=\"SP1\" marginBottom=\"SP1\" />\n </SkeletonGroup>\n </Box>\n ),\n })),\n [columnCount],\n );\n\n const [TrElementType] = useState(() =>\n forwardRef(\n (\n { rowData: _rowData, ...trProps }: { rowData?: unknown },\n ref:\n \| ((instance: HTMLTableRowElement \| null) => void)\n \| MutableRefObject<HTMLTableRowElement \| null>\n \| null,\n ) => {\n // <TableSkeleton/> is rendered inside the main <Table/> component, so we need to remove the data-table-row attribute from the <tr/> element to make testkit not to consider skeleton rows as real rows\n return <tr ref={ref} {...trProps} data-table-row={undefined} />;\n },\n ),\n );\n if (!itemsContentWidth && process.env.NODE_ENV !== 'test') {\n return null;\n }\n return (\n // <Box/> wrapper always aligns the skeleton to the top of the table\n <Box marginBottom=\"auto\" dataHook={dataHook}>\n <Table\n skin=\"neutral\"\n data={data}\n columns={columns}\n withWrapper={false}\n {...{ TrElementType }}\n {...rest}\n >\n <Box\n direction=\"vertical\"\n backgroundColor=\"D80\"\n borderRadius=\"0px 0px 8px 8px\"\n overflow=\"hidden\"\n >\n <Table.Content\n titleBarVisible={showTitleBar && state.collection.showInitialLoader}\n />\n </Box>\n </Table>\n </Box>\n );\n}\n\nexport const TableSkeleton = observer(_TableSkeleton);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "TabsFilter3724851838";
+var _namespace_ = "TabsFilter1600753767";
 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": "TabsFilter3724851838__root",
-  "title": "TabsFilter3724851838__title"
+  "root": "TabsFilter1600753767__root",
+  "title": "TabsFilter1600753767__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~TabsFilter3724851838~~\";\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\":\"~~TabsFilter3724851838__root~~\",\"title\":\"~~TabsFilter3724851838__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,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,CAAC,CAAC","ignoreList":[]}
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_ = \"TabsFilter1600753767\";\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\":\"TabsFilter1600753767__root\",\"title\":\"TabsFilter1600753767__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,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,CAAC,CAAC","ignoreList":[]}

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

@@ -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_ = "ManageTagsModal970534421";
+var _namespace_ = "ManageTagsModal1303488847";
 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": "ManageTagsModal970534421__root"
+  "root": "ManageTagsModal1303488847__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~ManageTagsModal970534421~~\";\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\":\"~~ManageTagsModal970534421__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":[]}
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_ = \"ManageTagsModal1303488847\";\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\":\"ManageTagsModal1303488847__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 CHANGED Viewed

@@ -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_ = "ToolbarItem1154854352";
+var _namespace_ = "ToolbarItem3160268388";
 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": "ToolbarItem1154854352__root"
+  "root": "ToolbarItem3160268388__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~ToolbarItem1154854352~~\";\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\":\"~~ToolbarItem1154854352__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":[]}
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_ = \"ToolbarItem3160268388\";\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\":\"ToolbarItem3160268388__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":[]}

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

@@ -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_ = "ToolbarItemBox2032730535";
+var _namespace_ = "ToolbarItemBox1229259763";
 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": "ToolbarItemBox2032730535__root"
+  "root": "ToolbarItemBox1229259763__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~ToolbarItemBox2032730535~~\";\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\":\"~~ToolbarItemBox2032730535__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":[]}
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_ = \"ToolbarItemBox1229259763\";\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\":\"ToolbarItemBox1229259763__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 CHANGED Viewed

@@ -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_ = "common1571706969";
+var _namespace_ = "common1422719266";
 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": "common1571706969__root",
-  "column": "common1571706969__column",
-  "fullHeight": "common1571706969__fullHeight"
+  "root": "common1422719266__root",
+  "column": "common1422719266__column",
+  "fullHeight": "common1422719266__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~common1571706969~~\";\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\":\"~~common1571706969__root~~\",\"column\":\"~~common1571706969__column~~\",\"fullHeight\":\"~~common1571706969__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":[]}
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_ = \"common1422719266\";\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\":\"common1422719266__root\",\"column\":\"common1422719266__column\",\"fullHeight\":\"common1422719266__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/state/CollectionPage/CollectionPageHeader.st.css.js CHANGED Viewed

@@ -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_ = "CollectionPageHeader2819825270";
+var _namespace_ = "CollectionPageHeader3666513102";
 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": "CollectionPageHeader2819825270__root"
+  "root": "CollectionPageHeader3666513102__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~CollectionPageHeader2819825270~~\";\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\":\"~~CollectionPageHeader2819825270__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":[]}
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_ = \"CollectionPageHeader3666513102\";\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\":\"CollectionPageHeader3666513102__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":[]}

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

@@ -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_ = "FormPageHeader2065995919";
+var _namespace_ = "FormPageHeader119994721";
 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": "FormPageHeader2065995919__root"
+  "root": "FormPageHeader119994721__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~FormPageHeader2065995919~~\";\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\":\"~~FormPageHeader2065995919__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":[]}
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_ = \"FormPageHeader119994721\";\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\":\"FormPageHeader119994721__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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 CHANGED Viewed

	@@ -1 +1 @@
1	- .~~CardContainer3687363124__root~~.~~CardContainer3687363124~~--mobile{border-radius:0}.~~Collapse1559384194__root~~{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.~~Collapse1559384194__exit~~{height:0}.~~CollectionPage3255568042__root~~ [data-hook=page-header-wrapper]{--wds-space-300:18px}.~~CollectionPage3255568042__root~~.~~CollectionPage3255568042~~--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.~~CollectionPage3255568042__root~~.~~CollectionPage3255568042~~--panel{overflow:hidden;position:relative}.~~CollectionTable2031780918__root~~ td{vertical-align:middle}.~~CollectionTable2031780918__root~~.~~CollectionTable2031780918~~--mobile td:first-child{padding-left:18px}.~~CollectionTable2031780918__root~~.~~CollectionTable2031780918~~--mobile td:last-child{padding-right:18px}.~~CollectionToolbar1004433849__left~~{min-width:0}.~~CollectionToolbar1004433849__root~~.~~CollectionToolbar1004433849~~--views .~~CollectionToolbar1004433849__left~~{flex-shrink:1;flex-grow:0}.~~CollectionToolbar1004433849__left~~.~~CollectionToolbar1004433849~~--expandable{flex:auto}.~~CollectionToolbar1004433849__root~~ .~~CollectionToolbar1004433849__right~~{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.~~CollectionToolbar1004433849__root~~.~~CollectionToolbar1004433849~~--views .~~CollectionToolbar1004433849__right~~{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.~~CollectionToolbar1004433849__root~~ .~~CollectionToolbar1004433849__right~~.~~CollectionToolbar1004433849__fullWidth~~{margin-inline-start:0!important}.~~CollectionToolbar1004433849__root~~.~~CollectionToolbar1004433849~~--mobile{padding-right:18px;padding-left:18px}.~~SearchOrCustomFilter1235070044__search~~{min-width:140px;max-width:240px;flex:1 0}.~~SearchOrCustomFilter1235070044__searchMobile~~{justify-content:flex-end;position:absolute;right:18px}.~~SearchOrCustomFilter1235070044__searchMobile~~:not(.~~SearchOrCustomFilter1235070044~~--expandable){left:18px}.~~SearchOrCustomFilter1235070044__searchMobile~~.~~SearchOrCustomFilter1235070044~~--expandable.~~SearchOrCustomFilter1235070044~~--expanded{left:18px}.~~AutoCompleteReadonly1011499478__root~~.~~AutoCompleteReadonly1011499478~~--disableEditing{cursor:pointer}.~~AutoCompleteReadonly1011499478__root~~.~~AutoCompleteReadonly1011499478~~--disableEditing input{cursor:pointer}.~~ViewsDropdown2695123684__root~~{width:200px}.~~DragHandle123620585__root~~{display:flex;align-items:center}.~~DragHandle123620585__root~~:not(.~~DragHandle123620585~~--disabled){cursor:grab;color:#a8caff}.~~DragHandle123620585__root~~.~~DragHandle123620585~~--disabled{color:#acafc4}.~~DragHandle123620585__root~~:focus-visible:not(.~~DragHandle123620585~~--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.~~DragHandle123620585__root~~.~~DragHandle123620585~~--disabled{pointer-events:none}.~~DragHandle123620585__root~~.~~DragHandle123620585~~--dragging:not(.~~DragHandle123620585~~--disabled){cursor:grabbing}.~~EntityPagePlain301057334__root~~.~~EntityPagePlain301057334~~--mobile{--wds-page-header-padding-horizontal:0}.~~Fade1912210342__root~~{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.~~Fade1912210342__root~~.~~Fade1912210342~~--exit{opacity:0}.~~Heading941919792__root~~{visibility:visible}.~~Heading941919792__root~~.~~Heading941919792~~--appearanceH2{font-size:28px!important;line-height:36px!important}.~~InputOverflow114927068__root~~.~~InputOverflow114927068~~--selected:not(.~~InputOverflow114927068~~--focused) input::placeholder{color:#000624}@keyframes ~~LoadingRow1343617370__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%}}.~~LoadingRow1343617370__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:~~LoadingRow1343617370__gradientSwoosh~~ 2s ease-out infinite alternate}.~~MaxHeightText549151743__root~~{opacity:1}.~~MaxHeightText549151743__root~~.~~MaxHeightText549151743~~--height24{line-height:24px}.~~MaxLines2207513211__root~~{overflow:hidden}.~~MaxLines2207513211__root~~.~~MaxLines2207513211~~--clamp{-webkit-box-orient:vertical;display:-webkit-box}.~~MultiBulkActionToolbar460152276__root~~{min-width:0}.~~MultiBulkActionToolbar460152276__leftGroupWrapper~~{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.~~MultiBulkActionToolbar460152276__selectedCountItem~~{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.~~MultiBulkActionToolbar460152276__selectedCountText~~{display:block;width:100%}.~~NestedTablePlaceholderStatesRow3701326031__root~~ td{padding:0!important;width:100%}.~~NestedTableRow1368243707__firstLevel~~ td{padding-top:18px!important;padding-bottom:18px!important}.~~NestedTableRow1368243707__root~~:hover{background-color:#e7f0ff!important}.~~NestedTableRow1368243707__root~~.~~NestedTableRow1368243707~~--expandable{cursor:pointer}.~~NestedTableRow1368243707__placeholder~~ td{padding:0!important;width:100%}.~~NestedTableRow1368243707__root~~:hover td:first-of-type::before,.~~NestedTableRow1368243707__parentHovered~~ td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.~~MultipleDragOverlayEffect2955383918__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)}.~~NestedTableDragAndDropRow3437582656__root~~.~~NestedTableDragAndDropRow3437582656~~--draggingInto td{background-color:#e7f0ff!important}.~~PickerContent454214005__root~~{display:flex}.~~PickerContentAdditionalStep1442705227__titles~~{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.~~PickerContentAdditionalStep1442705227__suffix~~{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.~~PickerTableListItem644266313__root~~{box-sizing:border-box}.~~ScrollableContent2292865565__root~~.~~ScrollableContent2292865565~~--overflowY{overflow-y:auto}.~~ScrollableContent2292865565__root~~.~~ScrollableContent2292865565~~--overflowX{overflow-x:auto}.~~ScrollableContent2292865565__root~~.~~ScrollableContent2292865565~~--smooth{scroll-behavior:smooth}.~~SkeletonCard2419374409__headerLoading~~{display:block!important}.~~SlidingModal745475248__root~~{transition:transform .4s ease 0s;position:fixed;z-index:1}.~~SlidingModal745475248__root~~.~~SlidingModal745475248~~--overlay{transition:transform 0s ease 0s}.~~SlidingModal745475248__root~~.~~SlidingModal745475248~~---appendTo-6-parent{position:absolute}.~~SlidingModal745475248__root~~:not(.~~SlidingModal745475248~~--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.~~TabsFilter3724851838__root~~ .~~TabsFilter3724851838__title~~{color:inherit!important}.~~ManageTagsModal970534421__root~~{display:flex}.~~ToolbarItem1154854352__root~~{min-width:0}.~~ToolbarItemBox2032730535__root~~{min-width:0}.~~ToolbarItemBox2032730535__root~~.~~ToolbarItemBox2032730535~~--removeStartPadding{margin-left:-24px}.~~ToolbarItemBox2032730535__root~~.~~ToolbarItemBox2032730535~~--expandable{flex:1 0}.~~common1571706969__column~~{display:flex;flex-direction:column}.~~common1571706969__fullHeight~~{height:100%;min-height:0}.~~CollectionPageHeader2819825270__root~~.~~CollectionPageHeader2819825270~~--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.~~CollectionPageHeader2819825270__root~~.~~CollectionPageHeader2819825270~~--mobile>{margin-left:0;margin-top:6px!important;height:auto}.~~FormPageHeader2065995919__root~~.~~FormPageHeader2065995919~~--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.~~FormPageHeader2065995919__root~~.~~FormPageHeader2065995919~~--mobile>{margin-left:0;margin-top:6px!important;height:auto}
1	+ .CardContainer167838186__root.CardContainer167838186--mobile{border-radius:0}.Collapse735584540__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse735584540__exit{height:0}.CollectionPage1863061599__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1863061599__root.CollectionPage1863061599--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1863061599__root.CollectionPage1863061599--panel{overflow:hidden;position:relative}.CollectionTable678733313__root td{vertical-align:middle}.CollectionTable678733313__root.CollectionTable678733313--mobile td:first-child{padding-left:18px}.CollectionTable678733313__root.CollectionTable678733313--mobile td:last-child{padding-right:18px}.CollectionToolbar494440565__left{min-width:0}.CollectionToolbar494440565__root.CollectionToolbar494440565--views .CollectionToolbar494440565__left{flex-shrink:1;flex-grow:0}.CollectionToolbar494440565__left.CollectionToolbar494440565--expandable{flex:auto}.CollectionToolbar494440565__root .CollectionToolbar494440565__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar494440565__root.CollectionToolbar494440565--views .CollectionToolbar494440565__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar494440565__root .CollectionToolbar494440565__right.CollectionToolbar494440565__fullWidth{margin-inline-start:0!important}.CollectionToolbar494440565__root.CollectionToolbar494440565--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter996371609__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter996371609__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter996371609__searchMobile:not(.SearchOrCustomFilter996371609--expandable){left:18px}.SearchOrCustomFilter996371609__searchMobile.SearchOrCustomFilter996371609--expandable.SearchOrCustomFilter996371609--expanded{left:18px}.AutoCompleteReadonly197201811__root.AutoCompleteReadonly197201811--disableEditing{cursor:pointer}.AutoCompleteReadonly197201811__root.AutoCompleteReadonly197201811--disableEditing input{cursor:pointer}.ViewsDropdown543337590__root{width:200px}.DragHandle3544849176__root{display:flex;align-items:center}.DragHandle3544849176__root:not(.DragHandle3544849176--disabled){cursor:grab;color:#a8caff}.DragHandle3544849176__root.DragHandle3544849176--disabled{color:#acafc4}.DragHandle3544849176__root:focus-visible:not(.DragHandle3544849176--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3544849176__root.DragHandle3544849176--disabled{pointer-events:none}.DragHandle3544849176__root.DragHandle3544849176--dragging:not(.DragHandle3544849176--disabled){cursor:grabbing}.EntityPagePlain613602628__root.EntityPagePlain613602628--mobile{--wds-page-header-padding-horizontal:0}.Fade1385941074__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1385941074__root.Fade1385941074--exit{opacity:0}.Heading2138316289__root{visibility:visible}.Heading2138316289__root.Heading2138316289--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2503190071__root.InputOverflow2503190071--selected:not(.InputOverflow2503190071--focused) input::placeholder{color:#000624}@keyframes LoadingRow1150220581__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%}}.LoadingRow1150220581__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:LoadingRow1150220581__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText881762834__root{opacity:1}.MaxHeightText881762834__root.MaxHeightText881762834--height24{line-height:24px}.MaxLines904427277__root{overflow:hidden}.MaxLines904427277__root.MaxLines904427277--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1329093442__root{min-width:0}.MultiBulkActionToolbar1329093442__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1329093442__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1329093442__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3190467478__root td{padding:0!important;width:100%}.NestedTableRow2980402099__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2980402099__root:hover{background-color:#e7f0ff!important}.NestedTableRow2980402099__root.NestedTableRow2980402099--expandable{cursor:pointer}.NestedTableRow2980402099__placeholder td{padding:0!important;width:100%}.NestedTableRow2980402099__root:hover td:first-of-type::before,.NestedTableRow2980402099__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2951015341__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)}.NestedTableDragAndDropRow1719272982__root.NestedTableDragAndDropRow1719272982--draggingInto td{background-color:#e7f0ff!important}.PickerContent2465517014__root{display:flex}.PickerContentAdditionalStep2479749055__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2479749055__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2434101790__root{box-sizing:border-box}.ScrollableContent940443908__root.ScrollableContent940443908--overflowY{overflow-y:auto}.ScrollableContent940443908__root.ScrollableContent940443908--overflowX{overflow-x:auto}.ScrollableContent940443908__root.ScrollableContent940443908--smooth{scroll-behavior:smooth}.SkeletonCard1196298223__headerLoading{display:block!important}.SlidingModal3671871921__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3671871921__root.SlidingModal3671871921--overlay{transition:transform 0s ease 0s}.SlidingModal3671871921__root.SlidingModal3671871921---appendTo-6-parent{position:absolute}.SlidingModal3671871921__root:not(.SlidingModal3671871921--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1600753767__root .TabsFilter1600753767__title{color:inherit!important}.ManageTagsModal1303488847__root{display:flex}.ToolbarItem3160268388__root{min-width:0}.ToolbarItemBox1229259763__root{min-width:0}.ToolbarItemBox1229259763__root.ToolbarItemBox1229259763--removeStartPadding{margin-left:-24px}.ToolbarItemBox1229259763__root.ToolbarItemBox1229259763--expandable{flex:1 0}.common1422719266__column{display:flex;flex-direction:column}.common1422719266__fullHeight{height:100%;min-height:0}.CollectionPageHeader3666513102__root.CollectionPageHeader3666513102--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3666513102__root.CollectionPageHeader3666513102--mobile>{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader119994721__root.FormPageHeader119994721--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader119994721__root.FormPageHeader119994721--mobile>{margin-left:0;margin-top:6px!important;height:auto}