@wix/patterns 1.263.0 → 1.264.0

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer2488312148__root.CardContainer2488312148--mobile{border-radius:0}.Collapse3409195705__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3409195705__exit{height:0}.CollectionPage3091439071__root.CollectionPage3091439071--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable3574185100__root.CollectionTable3574185100--mobile td:first-child{padding-left:18px}.CollectionTable3574185100__root.CollectionTable3574185100--mobile td:last-child{padding-right:18px}.CollectionToolbar1743802385__left{min-width:0}.CollectionToolbar1743802385__root.CollectionToolbar1743802385--views .CollectionToolbar1743802385__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1743802385__left.CollectionToolbar1743802385--expandable{flex:auto}.CollectionToolbar1743802385__root .CollectionToolbar1743802385__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1743802385__root.CollectionToolbar1743802385--views .CollectionToolbar1743802385__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1743802385__root .CollectionToolbar1743802385__right.CollectionToolbar1743802385__fullWidth{margin-inline-start:0!important}.CollectionToolbar1743802385__root.CollectionToolbar1743802385--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1952909110__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1952909110__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly779197060__root.AutoCompleteReadonly779197060--disableEditing{cursor:pointer}.AutoCompleteReadonly779197060__root.AutoCompleteReadonly779197060--disableEditing input{cursor:pointer}.ViewsDropdown3379161903__root{width:200px}.DragHandle3491303079__root{display:flex;align-items:center}.DragHandle3491303079__root:not(.DragHandle3491303079--disabled){cursor:grab;color:#a8caff}.DragHandle3491303079__root.DragHandle3491303079--disabled{color:#acafc4}.DragHandle3491303079__root:focus-visible:not(.DragHandle3491303079--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3491303079__root.DragHandle3491303079--disabled{pointer-events:none}.DragHandle3491303079__root.DragHandle3491303079--dragging:not(.DragHandle3491303079--disabled){cursor:grabbing}.EntityPagePlain2805193397__root.EntityPagePlain2805193397--mobile{--wds-page-header-padding-horizontal:0}.Fade801000593__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade801000593__root.Fade801000593--exit{opacity:0}.Heading3921377375__root{visibility:visible}.Heading3921377375__root.Heading3921377375--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1473031221__root.InputOverflow1473031221--selected:not(.InputOverflow1473031221--focused) input::placeholder{color:#000624}@keyframes LoadingRow3543269352__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%}}.LoadingRow3543269352__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:LoadingRow3543269352__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3576219268__root{opacity:1}.MaxHeightText3576219268__root.MaxHeightText3576219268--height24{line-height:24px}.MaxLines1857967116__root{overflow:hidden}.MaxLines1857967116__root.MaxLines1857967116--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1719938158__root{min-width:0}.NestedTablePlaceholderStatesRow2484428981__root td{padding:0!important;width:100%}.NestedTableRow2222993695__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2222993695__root:hover{background-color:#e7f0ff!important}.NestedTableRow2222993695__root.NestedTableRow2222993695--expandable{cursor:pointer}.NestedTableRow2222993695__placeholder td{padding:0!important;width:100%}.NestedTableRow2222993695__root:hover td:first-of-type::before,.NestedTableRow2222993695__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2289837617__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)}.NestedTableDragAndDropRow792121382__root.NestedTableDragAndDropRow792121382--draggingInto td{background-color:#e7f0ff!important}.PickerContent1116485106__root{display:flex}.PickerContentAdditionalStep3791920242__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3791920242__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3878395080__root{box-sizing:border-box}.ScrollableContent4044499270__root.ScrollableContent4044499270--overflowY{overflow-y:auto}.ScrollableContent4044499270__root.ScrollableContent4044499270--overflowX{overflow-x:auto}.ScrollableContent4044499270__root.ScrollableContent4044499270--smooth{scroll-behavior:smooth}.SkeletonCard2427498728__headerLoading{display:block!important}.SlidingModal1740485261__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1740485261__root.SlidingModal1740485261---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal1740485261__root:not(.SlidingModal1740485261--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2458939024__root .TabsFilter2458939024__title{color:inherit!important}.ManageTagsModal1989625989__root{display:flex}.ToolbarItem2780647987__root{min-width:0}.ToolbarItemBox4183899479__root{min-width:0}.ToolbarItemBox4183899479__root.ToolbarItemBox4183899479--removeStartPadding{margin-left:-24px}.ToolbarItemBox4183899479__root.ToolbarItemBox4183899479--expandable{flex:1 0}.common2813459454__column{display:flex;flex-direction:column}.common2813459454__fullHeight{height:100%;min-height:0}.CollectionPageHeader4120272383__root.CollectionPageHeader4120272383--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4120272383__root.CollectionPageHeader4120272383--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1796825381__root.FormPageHeader1796825381--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1796825381__root.FormPageHeader1796825381--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2055806073__root.CardContainer2055806073--mobile{border-radius:0}.Collapse2575569709__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2575569709__exit{height:0}.CollectionPage83339576__root.CollectionPage83339576--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable1873965278__root.CollectionTable1873965278--mobile td:first-child{padding-left:18px}.CollectionTable1873965278__root.CollectionTable1873965278--mobile td:last-child{padding-right:18px}.CollectionToolbar363269901__left{min-width:0}.CollectionToolbar363269901__root.CollectionToolbar363269901--views .CollectionToolbar363269901__left{flex-shrink:1;flex-grow:0}.CollectionToolbar363269901__left.CollectionToolbar363269901--expandable{flex:auto}.CollectionToolbar363269901__root .CollectionToolbar363269901__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar363269901__root.CollectionToolbar363269901--views .CollectionToolbar363269901__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar363269901__root .CollectionToolbar363269901__right.CollectionToolbar363269901__fullWidth{margin-inline-start:0!important}.CollectionToolbar363269901__root.CollectionToolbar363269901--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3001369942__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3001369942__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly789628355__root.AutoCompleteReadonly789628355--disableEditing{cursor:pointer}.AutoCompleteReadonly789628355__root.AutoCompleteReadonly789628355--disableEditing input{cursor:pointer}.ViewsDropdown1461627814__root{width:200px}.DragHandle1355224633__root{display:flex;align-items:center}.DragHandle1355224633__root:not(.DragHandle1355224633--disabled){cursor:grab;color:#a8caff}.DragHandle1355224633__root.DragHandle1355224633--disabled{color:#acafc4}.DragHandle1355224633__root:focus-visible:not(.DragHandle1355224633--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1355224633__root.DragHandle1355224633--disabled{pointer-events:none}.DragHandle1355224633__root.DragHandle1355224633--dragging:not(.DragHandle1355224633--disabled){cursor:grabbing}.EntityPagePlain3842564122__root.EntityPagePlain3842564122--mobile{--wds-page-header-padding-horizontal:0}.Fade1408656930__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1408656930__root.Fade1408656930--exit{opacity:0}.Heading1971196384__root{visibility:visible}.Heading1971196384__root.Heading1971196384--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1986854382__root.InputOverflow1986854382--selected:not(.InputOverflow1986854382--focused) input::placeholder{color:#000624}@keyframes LoadingRow2368040009__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%}}.LoadingRow2368040009__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:LoadingRow2368040009__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4145661589__root{opacity:1}.MaxHeightText4145661589__root.MaxHeightText4145661589--height24{line-height:24px}.MaxLines2629824244__root{overflow:hidden}.MaxLines2629824244__root.MaxLines2629824244--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar132225335__root{min-width:0}.NestedTablePlaceholderStatesRow3476621018__root td{padding:0!important;width:100%}.NestedTableRow1862023425__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1862023425__root:hover{background-color:#e7f0ff!important}.NestedTableRow1862023425__root.NestedTableRow1862023425--expandable{cursor:pointer}.NestedTableRow1862023425__placeholder td{padding:0!important;width:100%}.NestedTableRow1862023425__root:hover td:first-of-type::before,.NestedTableRow1862023425__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1456717427__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)}.NestedTableDragAndDropRow2496377944__root.NestedTableDragAndDropRow2496377944--draggingInto td{background-color:#e7f0ff!important}.PickerContent3767537066__root{display:flex}.PickerContentAdditionalStep919761103__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep919761103__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2671529059__root{box-sizing:border-box}.ScrollableContent438644261__root.ScrollableContent438644261--overflowY{overflow-y:auto}.ScrollableContent438644261__root.ScrollableContent438644261--overflowX{overflow-x:auto}.ScrollableContent438644261__root.ScrollableContent438644261--smooth{scroll-behavior:smooth}.SkeletonCard1949124427__headerLoading{display:block!important}.SlidingModal2512982585__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2512982585__root.SlidingModal2512982585---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal2512982585__root:not(.SlidingModal2512982585--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4153273067__root .TabsFilter4153273067__title{color:inherit!important}.ManageTagsModal3205379865__root{display:flex}.ToolbarItem2832233981__root{min-width:0}.ToolbarItemBox198729933__root{min-width:0}.ToolbarItemBox198729933__root.ToolbarItemBox198729933--removeStartPadding{margin-left:-24px}.ToolbarItemBox198729933__root.ToolbarItemBox198729933--expandable{flex:1 0}.common351681796__column{display:flex;flex-direction:column}.common351681796__fullHeight{height:100%;min-height:0}.CollectionPageHeader191701069__root.CollectionPageHeader191701069--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader191701069__root.CollectionPageHeader191701069--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3883917094__root.FormPageHeader3883917094--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3883917094__root.FormPageHeader3883917094--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/WixPatternsEssentialsTestProvider.tsx

@@ -1,13 +1,14 @@
 import React, { ReactNode, useState } from 'react';
 import {
+  PatternsLayoutType,
   WixPatternsEssentials,
   WixPatternsEssentialsOverrides,
 } from '@wix/bex-core';
 import {
-  useEssentials,
-  useTranslation,
   Trans,
+  useEssentials,
   useExperiments,
+  useTranslation,
 } from '@wix/fe-essentials/react';
 import {
   AppSettingsStorageStrategy,
@@ -18,13 +19,16 @@ import ExtensionWidget from './ExtensionWidget';
 import { Edit } from '@wix/wix-ui-icons-common';
 import { ErrorHandler } from '@wix/fe-essentials/error-handler';
 
-export function WixPatternsEssentialsTestProvider({
-  children,
-  overrides,
-}: {
+export interface WixPatternsEssentialsTestProviderProps {
   children?: ReactNode;
   overrides?: Partial<WixPatternsEssentialsOverrides>;
-}) {
+  layoutType?: PatternsLayoutType;
+}
+
+export function WixPatternsEssentialsTestProvider(
+  props: WixPatternsEssentialsTestProviderProps,
+) {
+  const { children, overrides, layoutType } = props;
   const {
     errorMonitor,
     httpClient,
@@ -117,7 +121,7 @@ export function WixPatternsEssentialsTestProvider({
   );
 
   return (
-    <CairoProvider localCache value={value}>
+    <CairoProvider localCache value={value} layoutType={layoutType}>
       {children}
     </CairoProvider>
   );

package/src/themes/PatternsTheme.ts

@@ -0,0 +1,23 @@
+import { IconElement } from '@wix/design-system';
+
+type Size = 'small' | 'medium' | 'tiny';
+
+export interface PatternsTheme {
+  name?: string;
+  containerLayout?: 'panel' | 'page';
+  sizes: {
+    medium?: Size;
+    small?: Size;
+  };
+  toolbar: {
+    item: {
+      size?: Size;
+    };
+    button: {
+      suffix?: IconElement;
+    };
+  };
+  radioGroup: {
+    spacing?: string;
+  };
+}

package/src/themes/PatternsThemeProvider.ts

@@ -0,0 +1,18 @@
+import { createContext, useContext } from 'react';
+import { PatternsTheme } from './PatternsTheme';
+
+export const PatternsThemeContext = createContext<PatternsTheme>({
+  sizes: {},
+  toolbar: {
+    button: {},
+    item: {},
+  },
+  radioGroup: {},
+});
+
+export const PatternsThemeProvider = PatternsThemeContext.Provider;
+export const PatternsThemeConsumer = PatternsThemeContext.Consumer;
+
+export function usePatternsTheme() {
+  return useContext(PatternsThemeContext);
+}

package/src/themes/panel-theme.tsx

@@ -0,0 +1,23 @@
+import { ChevronRightSmall } from '@wix/wix-ui-icons-common';
+import React from 'react';
+import { PatternsTheme } from './PatternsTheme';
+
+export const panelTheme: PatternsTheme = {
+  name: 'panel',
+  containerLayout: 'panel',
+  sizes: {
+    small: 'tiny',
+    medium: 'small',
+  },
+  toolbar: {
+    item: {
+      size: 'tiny',
+    },
+    button: {
+      suffix: <ChevronRightSmall />,
+    },
+  },
+  radioGroup: {
+    spacing: '0px',
+  },
+};

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.263.0';
+export const version = 'patterns@1.264.0';