@wix/patterns 1.334.0 → 1.335.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.334.0",
+  "version": "1.335.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -423,5 +423,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "2cdf748e1e725c3b221498132e369d5383668f3b8ef2329919936d4b"
+  "falconPackageHash": "372e96a20b4f43fa41e6ffa5c6a6ac6e7bcbceb4d4a8ccf698b2e732"
 }

package/src/components/CardContainer/CardContainer.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer2582106557";
+var _namespace_ = "CardContainer3131583970";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CardContainer2582106557__root"};
+export var classes = {"root":"CardContainer3131583970__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Collapse/Collapse.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse2016413494";
+var _namespace_ = "Collapse1565447752";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Collapse2016413494__root","exit":"Collapse2016413494__exit"};
+export var classes = {"root":"Collapse1565447752__root","exit":"Collapse1565447752__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPage1079172401";
+var _namespace_ = "CollectionPage2162759526";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPage1079172401__root"};
+export var classes = {"root":"CollectionPage2162759526__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTable.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTable3186993053";
+var _namespace_ = "CollectionTable616826088";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionTable3186993053__root"};
+export var classes = {"root":"CollectionTable616826088__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar2168152219";
+var _namespace_ = "CollectionToolbar2127930018";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionToolbar2168152219__root","left":"CollectionToolbar2168152219__left","right":"CollectionToolbar2168152219__right","fullWidth":"CollectionToolbar2168152219__fullWidth"};
+export var classes = {"root":"CollectionToolbar2127930018__root","left":"CollectionToolbar2127930018__left","right":"CollectionToolbar2127930018__right","fullWidth":"CollectionToolbar2127930018__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter2779432264";
+var _namespace_ = "SearchOrCustomFilter3490607859";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SearchOrCustomFilter2779432264__root","search":"SearchOrCustomFilter2779432264__search","searchMobile":"SearchOrCustomFilter2779432264__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3490607859__root","search":"SearchOrCustomFilter3490607859__search","searchMobile":"SearchOrCustomFilter3490607859__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly312784207";
+var _namespace_ = "AutoCompleteReadonly1533483511";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"AutoCompleteReadonly312784207__root"};
+export var classes = {"root":"AutoCompleteReadonly1533483511__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ViewsDropdown582577721";
+var _namespace_ = "ViewsDropdown3036192494";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ViewsDropdown582577721__root"};
+export var classes = {"root":"ViewsDropdown3036192494__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/DragHandle/DragHandle.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle1552841101";
+var _namespace_ = "DragHandle1447157029";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"DragHandle1552841101__root"};
+export var classes = {"root":"DragHandle1447157029__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain566575191";
+var _namespace_ = "EntityPagePlain4274540058";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EntityPagePlain566575191__root"};
+export var classes = {"root":"EntityPagePlain4274540058__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Fade/Fade.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade2673474669";
+var _namespace_ = "Fade752423391";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Fade2673474669__root"};
+export var classes = {"root":"Fade752423391__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Heading/Heading.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading1799041631";
+var _namespace_ = "Heading1643787226";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Heading1799041631__root"};
+export var classes = {"root":"Heading1643787226__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/InputOverflow/InputOverflow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow459119259";
+var _namespace_ = "InputOverflow1075987301";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"InputOverflow459119259__root"};
+export var classes = {"root":"InputOverflow1075987301__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/LoadingRow/LoadingRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow122663342";
+var _namespace_ = "LoadingRow1936050132";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow122663342__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow122663342__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1936050132__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1936050132__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/MaxHeightText/MaxHeightText.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText3193265110";
+var _namespace_ = "MaxHeightText207077314";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxHeightText3193265110__root"};
+export var classes = {"root":"MaxHeightText207077314__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MaxLines/MaxLines.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines1382642228";
+var _namespace_ = "MaxLines2360165854";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxLines1382642228__root"};
+export var classes = {"root":"MaxLines2360165854__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar4261580183";
+var _namespace_ = "MultiBulkActionToolbar1534987121";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar4261580183__root","leftGroupWrapper":"MultiBulkActionToolbar4261580183__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4261580183__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4261580183__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1534987121__root","leftGroupWrapper":"MultiBulkActionToolbar1534987121__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1534987121__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1534987121__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx

@@ -122,7 +122,7 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
     group.map((item, itemIndex) => withBi(item, itemIndex + 1)),
   );
 
-  const BulkActionButtonsDesktop = () => (
+  const bulkActionButtonsDesktop = (
     <>
       <Box alignSelf="stretch" marginLeft="SP4" marginRight="SP2">
         <Divider direction="vertical" />
@@ -241,7 +241,7 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
     </>
   );
 
-  const BulkActionButtonsMobile = () => (
+  const bulkActionButtonsMobile = (
     <ActionPopover
       priority="secondary"
       size="small"
@@ -268,7 +268,13 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
         <TableToolbar.ItemGroup position="start" className={st(classes.root)}>
           <Box direction="horizontal" className={st(classes.leftGroupWrapper)}>
             <TableToolbar.Item className={st(classes.selectedCountItem)}>
-              <Text ellipsis size="small" weight="thin" dataHook="selected-count" className={st(classes.selectedCountText)}>
+              <Text
+                ellipsis
+                size="small"
+                weight="thin"
+                dataHook="selected-count"
+                className={st(classes.selectedCountText)}
+              >
                 {maxSelection !== undefined
                   ? t('cairo.bulkActions.max.selection', {
                       max: maxSelection,
@@ -304,15 +310,13 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
               </TableToolbar.Item>
             )}
 
-            {!isMobile && <BulkActionButtonsDesktop />}
+            {!isMobile && bulkActionButtonsDesktop}
           </Box>
         </TableToolbar.ItemGroup>
 
         {isMobile && (
           <TableToolbar.ItemGroup position="end">
-            <TableToolbar.Item>
-              <BulkActionButtonsMobile />
-            </TableToolbar.Item>
+            <TableToolbar.Item>{bulkActionButtonsMobile}</TableToolbar.Item>
           </TableToolbar.ItemGroup>
         )}
       </TableToolbar>

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow3895606217";
+var _namespace_ = "NestedTablePlaceholderStatesRow2199556467";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow3895606217__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2199556467__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow609735172";
+var _namespace_ = "NestedTableRow1982625251";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow609735172__root","firstLevel":"NestedTableRow609735172__firstLevel","placeholder":"NestedTableRow609735172__placeholder","parentHovered":"NestedTableRow609735172__parentHovered"};
+export var classes = {"root":"NestedTableRow1982625251__root","firstLevel":"NestedTableRow1982625251__firstLevel","placeholder":"NestedTableRow1982625251__placeholder","parentHovered":"NestedTableRow1982625251__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect872476292";
+var _namespace_ = "MultipleDragOverlayEffect4010038675";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect872476292__root"};
+export var classes = {"root":"MultipleDragOverlayEffect4010038675__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow154358837";
+var _namespace_ = "NestedTableDragAndDropRow1983017318";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow154358837__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1983017318__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent337109037";
+var _namespace_ = "PickerContent159785635";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContent337109037__root"};
+export var classes = {"root":"PickerContent159785635__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep2320544329";
+var _namespace_ = "PickerContentAdditionalStep511420962";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContentAdditionalStep2320544329__root","titles":"PickerContentAdditionalStep2320544329__titles","suffix":"PickerContentAdditionalStep2320544329__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep511420962__root","titles":"PickerContentAdditionalStep511420962__titles","suffix":"PickerContentAdditionalStep511420962__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1605320693";
+var _namespace_ = "PickerTableListItem2511265970";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerTableListItem1605320693__root"};
+export var classes = {"root":"PickerTableListItem2511265970__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/RequestId/assets/locale/messages_ko.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
-  "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "description": "고객지원팀에 오류를 신고하는 경우, 담당자가 문제를 확인할 수 있도록 본 요청 ID를 공유해주세요.",
+  "cta": "ID 복사",
+  "copiedSuccess": "복사 완료!"
 }

package/src/components/RequestId/assets/locale/messages_no.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
-  "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "description": "Hvis du rapporterer denne feilen til brukerstøtte, må du dele denne forespørsels-ID-en, slik at de kan undersøke saken.",
+  "cta": "Kopier ID",
+  "copiedSuccess": "Kopiert!"
 }

package/src/components/RequestId/assets/locale/messages_zh.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
-  "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "description": "如果您向顧客服務報告此錯誤，請提供此請求 ID 以便調查。",
+  "cta": "複製 ID",
+  "copiedSuccess": "已複製！"
 }

package/src/components/ScrollableContent/ScrollableContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent2688074195";
+var _namespace_ = "ScrollableContent3427381415";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ScrollableContent2688074195__root"};
+export var classes = {"root":"ScrollableContent3427381415__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SkeletonCard/SkeletonCard.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard73577868";
+var _namespace_ = "SkeletonCard4018805160";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SkeletonCard73577868__root","headerLoading":"SkeletonCard73577868__headerLoading"};
+export var classes = {"root":"SkeletonCard4018805160__root","headerLoading":"SkeletonCard4018805160__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal3566068490";
+var _namespace_ = "SlidingModal2374535293";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SlidingModal3566068490__root"};
+export var classes = {"root":"SlidingModal2374535293__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabsFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter1810898715";
+var _namespace_ = "TabsFilter4131272490";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TabsFilter1810898715__root","title":"TabsFilter1810898715__title"};
+export var classes = {"root":"TabsFilter4131272490__root","title":"TabsFilter4131272490__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};