@wix/patterns 1.486.0 → 1.487.0

package/dist/cjs/components/FieldCell/FieldCell.js

@@ -117,7 +117,6 @@ function _FieldCell(props) {
       }
     case 'BOOLEAN':
       return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-        align: "center",
         verticalAlign: "middle",
         color: props.value ? 'G10' : 'D10',
         __self: this,
@@ -130,14 +129,14 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 104,
+          lineNumber: 100,
           columnNumber: 26
         }
       }) : /*#__PURE__*/_react.default.createElement(_lazy.Minus, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 104,
+          lineNumber: 100,
           columnNumber: 40
         }
       }));
@@ -151,7 +150,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 109,
+          lineNumber: 105,
           columnNumber: 9
         }
       }, props.value);
@@ -162,7 +161,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 121,
+          lineNumber: 117,
           columnNumber: 9
         }
       });
@@ -173,7 +172,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 125,
+          lineNumber: 121,
           columnNumber: 9
         }
       });
@@ -184,7 +183,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 129,
+          lineNumber: 125,
           columnNumber: 9
         }
       });
@@ -195,7 +194,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 136,
+          lineNumber: 132,
           columnNumber: 9
         }
       });
@@ -207,7 +206,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 143,
+          lineNumber: 139,
           columnNumber: 9
         }
       });
@@ -219,7 +218,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 151,
+          lineNumber: 147,
           columnNumber: 9
         }
       });
@@ -231,7 +230,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 159,
+          lineNumber: 155,
           columnNumber: 9
         }
       }, (_props$value = props.value) == null || _props$value.join == null ? void 0 : _props$value.join(', '));
@@ -241,7 +240,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 165,
+          lineNumber: 161,
           columnNumber: 9
         }
       });
@@ -251,7 +250,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 168,
+          lineNumber: 164,
           columnNumber: 14
         }
       });
@@ -261,7 +260,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 170,
+          lineNumber: 166,
           columnNumber: 14
         }
       });
@@ -271,7 +270,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 172,
+          lineNumber: 168,
           columnNumber: 14
         }
       });
@@ -281,7 +280,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 174,
+          lineNumber: 170,
           columnNumber: 14
         }
       });
@@ -293,7 +292,7 @@ function _FieldCell(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 177,
+          lineNumber: 173,
           columnNumber: 9
         }
       }, isRenderableText(props.value) ? String(props.value) : null);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_react2","_mobxReactLite","_datesUtil","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyCell","pick","C","React","lazy","Promise","resolve","then","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","CellAddressView","m","CellAudioView","CellColorView","CellDocumentView","CellMediaGalleryView","CellMultiDocumentView","CellRichContentView","CellRichTextView","ImageView","JsonView","_FieldCell","_props$definition","_props$value","dateFormatters","useWixPatternsContainer","type","definition","table","CellComponent","value","columnId","row","Text","size","ellipsis","maxLines","date","getDateWithoutTimezone","undefined","medium","format","dateTime","parseDate","mediumTime","Box","align","verticalAlign","color","Confirm","Minus","TextButton","as","rel","target","href","dataHook","data","fieldId","join","isRenderableText","String","FieldCell","exports","observer"],"sources":["../../../../src/components/FieldCell/FieldCell.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common/lazy';\nimport type { FieldTypeDefinition, PatternsFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport type { CellAddressViewProps } from '@wix/patterns-fields';\nimport type { WixCodeGalleryItem } from '@wix/patterns-fields/auto-field-types';\nimport { getDateWithoutTimezone, parseDate } from '../../utils/datesUtil';\n\n// Cell renderers live in @wix/patterns-fields, which statically pulls the\n// rich-text editor (Ricos/draft-js) and media SDKs. Importing them eagerly put\n// that weight into every bundle that renders a source column (DataExtension,\n// CMS, the tables). Loading them lazily moves it into an async chunk fetched\n// only when a cell of one of these types first renders. The light types in the\n// switch below stay inline (WDS only) and ship nothing extra.\nfunction lazyCell<P extends object>(\n  pick: (m: typeof import('@wix/patterns-fields')) => React.ComponentType<P>,\n) {\n  const C = React.lazy(async () => ({\n    default: pick(await import('@wix/patterns-fields')),\n  }));\n  return (props: P) => (\n    <Suspense fallback={null}>\n      <C {...props} />\n    </Suspense>\n  );\n}\n\nconst CellAddressView = lazyCell((m) => m.CellAddressView);\nconst CellAudioView = lazyCell((m) => m.CellAudioView);\nconst CellColorView = lazyCell((m) => m.CellColorView);\nconst CellDocumentView = lazyCell((m) => m.CellDocumentView);\nconst CellMediaGalleryView = lazyCell((m) => m.CellMediaGalleryView);\nconst CellMultiDocumentView = lazyCell((m) => m.CellMultiDocumentView);\nconst CellRichContentView = lazyCell((m) => m.CellRichContentView);\nconst CellRichTextView = lazyCell((m) => m.CellRichTextView);\nconst ImageView = lazyCell((m) => m.ImageView);\nconst JsonView = lazyCell((m) => m.JsonView);\n\nexport interface FieldCellProps {\n  value?: unknown;\n  type: PatternsFieldType;\n  /** Stable id for cells that render WDS Tags (document, multi-document). */\n  fieldId?: string;\n  /** Stable id of the column, forwarded to a custom type's cell. Optional\n   *  because a cell can be rendered outside a column; table columns supply it. */\n  columnId?: string;\n  /** The row being rendered, forwarded to a custom type's cell. */\n  row?: unknown;\n  /** The custom type definition a CUSTOM field resolves on its source.\n   *  Without a `table` slot the cell renders the plain-text default. */\n  definition?: FieldTypeDefinition;\n}\n\nfunction _FieldCell(props: FieldCellProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n  if (props.type === 'CUSTOM' && props.definition?.table) {\n    const { CellComponent } = props.definition.table;\n    return (\n      <CellComponent\n        value={props.value}\n        columnId={props.columnId ?? ''}\n        row={props.row}\n      />\n    );\n  }\n  switch (props.type) {\n    case 'LONG_TEXT':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value as React.ReactNode}\n        </Text>\n      );\n    case 'DATE': {\n      // A value that isn't a date renders blank. The formatters throw on one,\n      // which during render takes down the whole page, not just the cell.\n      const date = props.value\n        ? getDateWithoutTimezone(props.value as string)\n        : undefined;\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {date ? dateFormatters.medium.format(date) : null}\n        </Text>\n      );\n    }\n    case 'DATETIME': {\n      const dateTime = props.value\n        ? parseDate(props.value as string)\n        : undefined;\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {dateTime ? dateFormatters.mediumTime.format(dateTime) : null}\n        </Text>\n      );\n    }\n    case 'BOOLEAN':\n      return (\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          color={props.value ? 'G10' : 'D10'}\n        >\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'URL':\n      return (\n        <TextButton\n          as=\"a\"\n          rel=\"noopener\"\n          target=\"_blank\"\n          href={props.value as string}\n          ellipsis\n        >\n          {props.value as React.ReactNode}\n        </TextButton>\n      );\n    case 'IMAGE':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"image-view\" />\n      );\n    case 'VIDEO':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"video-view\" />\n      );\n    case 'AUDIO':\n      return (\n        <CellAudioView\n          value={props.value as string | null}\n          dataHook=\"audio-view\"\n        />\n      );\n    case 'MEDIA_GALLERY':\n      return (\n        <CellMediaGalleryView\n          data={props.value as WixCodeGalleryItem[] | null}\n          dataHook=\"media-gallery-view\"\n        />\n      );\n    case 'DOCUMENT':\n      return (\n        <CellDocumentView\n          value={props.value as string | null | undefined}\n          dataHook=\"document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'MULTI_DOCUMENT':\n      return (\n        <CellMultiDocumentView\n          value={props.value as string[] | null | undefined}\n          dataHook=\"multi-document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'ARRAY':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {(props.value as unknown[] | undefined)?.join?.(', ')}\n        </Text>\n      );\n    case 'ADDRESS':\n      return (\n        <CellAddressView data={props.value as CellAddressViewProps['data']} />\n      );\n    case 'RICH_TEXT':\n      return <CellRichTextView value={props.value as string | null} />;\n    case 'RICH_CONTENT':\n      return <CellRichContentView value={props.value} />;\n    case 'COLOR':\n      return <CellColorView value={props.value as string | undefined} />;\n    case 'OBJECT':\n      return <JsonView data={props.value} />;\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {/* Rendering an object as a child throws and takes the page down with\n              it, so types with no case above show only primitives. REFERENCE /\n              MULTI_REFERENCE hold an expanded referenced item and are rendered\n              by the source instead (schemaRendering's columnOverrides). */}\n          {isRenderableText(props.value) ? String(props.value) : null}\n        </Text>\n      );\n  }\n}\n\nconst isRenderableText = (value: unknown): boolean =>\n  value != null && typeof value !== 'object';\n\nexport const FieldCell = observer(_FieldCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_react2","_mobxReactLite","_datesUtil","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyCell","pick","C","React","lazy","Promise","resolve","then","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","CellAddressView","m","CellAudioView","CellColorView","CellDocumentView","CellMediaGalleryView","CellMultiDocumentView","CellRichContentView","CellRichTextView","ImageView","JsonView","_FieldCell","_props$definition","_props$value","dateFormatters","useWixPatternsContainer","type","definition","table","CellComponent","value","columnId","row","Text","size","ellipsis","maxLines","date","getDateWithoutTimezone","undefined","medium","format","dateTime","parseDate","mediumTime","Box","verticalAlign","color","Confirm","Minus","TextButton","as","rel","target","href","dataHook","data","fieldId","join","isRenderableText","String","FieldCell","exports","observer"],"sources":["../../../../src/components/FieldCell/FieldCell.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common/lazy';\nimport type { FieldTypeDefinition, PatternsFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport type { CellAddressViewProps } from '@wix/patterns-fields';\nimport type { WixCodeGalleryItem } from '@wix/patterns-fields/auto-field-types';\nimport { getDateWithoutTimezone, parseDate } from '../../utils/datesUtil';\n\n// Cell renderers live in @wix/patterns-fields, which statically pulls the\n// rich-text editor (Ricos/draft-js) and media SDKs. Importing them eagerly put\n// that weight into every bundle that renders a source column (DataExtension,\n// CMS, the tables). Loading them lazily moves it into an async chunk fetched\n// only when a cell of one of these types first renders. The light types in the\n// switch below stay inline (WDS only) and ship nothing extra.\nfunction lazyCell<P extends object>(\n  pick: (m: typeof import('@wix/patterns-fields')) => React.ComponentType<P>,\n) {\n  const C = React.lazy(async () => ({\n    default: pick(await import('@wix/patterns-fields')),\n  }));\n  return (props: P) => (\n    <Suspense fallback={null}>\n      <C {...props} />\n    </Suspense>\n  );\n}\n\nconst CellAddressView = lazyCell((m) => m.CellAddressView);\nconst CellAudioView = lazyCell((m) => m.CellAudioView);\nconst CellColorView = lazyCell((m) => m.CellColorView);\nconst CellDocumentView = lazyCell((m) => m.CellDocumentView);\nconst CellMediaGalleryView = lazyCell((m) => m.CellMediaGalleryView);\nconst CellMultiDocumentView = lazyCell((m) => m.CellMultiDocumentView);\nconst CellRichContentView = lazyCell((m) => m.CellRichContentView);\nconst CellRichTextView = lazyCell((m) => m.CellRichTextView);\nconst ImageView = lazyCell((m) => m.ImageView);\nconst JsonView = lazyCell((m) => m.JsonView);\n\nexport interface FieldCellProps {\n  value?: unknown;\n  type: PatternsFieldType;\n  /** Stable id for cells that render WDS Tags (document, multi-document). */\n  fieldId?: string;\n  /** Stable id of the column, forwarded to a custom type's cell. Optional\n   *  because a cell can be rendered outside a column; table columns supply it. */\n  columnId?: string;\n  /** The row being rendered, forwarded to a custom type's cell. */\n  row?: unknown;\n  /** The custom type definition a CUSTOM field resolves on its source.\n   *  Without a `table` slot the cell renders the plain-text default. */\n  definition?: FieldTypeDefinition;\n}\n\nfunction _FieldCell(props: FieldCellProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n  if (props.type === 'CUSTOM' && props.definition?.table) {\n    const { CellComponent } = props.definition.table;\n    return (\n      <CellComponent\n        value={props.value}\n        columnId={props.columnId ?? ''}\n        row={props.row}\n      />\n    );\n  }\n  switch (props.type) {\n    case 'LONG_TEXT':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value as React.ReactNode}\n        </Text>\n      );\n    case 'DATE': {\n      // A value that isn't a date renders blank. The formatters throw on one,\n      // which during render takes down the whole page, not just the cell.\n      const date = props.value\n        ? getDateWithoutTimezone(props.value as string)\n        : undefined;\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {date ? dateFormatters.medium.format(date) : null}\n        </Text>\n      );\n    }\n    case 'DATETIME': {\n      const dateTime = props.value\n        ? parseDate(props.value as string)\n        : undefined;\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {dateTime ? dateFormatters.mediumTime.format(dateTime) : null}\n        </Text>\n      );\n    }\n    case 'BOOLEAN':\n      return (\n        <Box verticalAlign=\"middle\" color={props.value ? 'G10' : 'D10'}>\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'URL':\n      return (\n        <TextButton\n          as=\"a\"\n          rel=\"noopener\"\n          target=\"_blank\"\n          href={props.value as string}\n          ellipsis\n        >\n          {props.value as React.ReactNode}\n        </TextButton>\n      );\n    case 'IMAGE':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"image-view\" />\n      );\n    case 'VIDEO':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"video-view\" />\n      );\n    case 'AUDIO':\n      return (\n        <CellAudioView\n          value={props.value as string | null}\n          dataHook=\"audio-view\"\n        />\n      );\n    case 'MEDIA_GALLERY':\n      return (\n        <CellMediaGalleryView\n          data={props.value as WixCodeGalleryItem[] | null}\n          dataHook=\"media-gallery-view\"\n        />\n      );\n    case 'DOCUMENT':\n      return (\n        <CellDocumentView\n          value={props.value as string | null | undefined}\n          dataHook=\"document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'MULTI_DOCUMENT':\n      return (\n        <CellMultiDocumentView\n          value={props.value as string[] | null | undefined}\n          dataHook=\"multi-document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'ARRAY':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {(props.value as unknown[] | undefined)?.join?.(', ')}\n        </Text>\n      );\n    case 'ADDRESS':\n      return (\n        <CellAddressView data={props.value as CellAddressViewProps['data']} />\n      );\n    case 'RICH_TEXT':\n      return <CellRichTextView value={props.value as string | null} />;\n    case 'RICH_CONTENT':\n      return <CellRichContentView value={props.value} />;\n    case 'COLOR':\n      return <CellColorView value={props.value as string | undefined} />;\n    case 'OBJECT':\n      return <JsonView data={props.value} />;\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {/* Rendering an object as a child throws and takes the page down with\n              it, so types with no case above show only primitives. REFERENCE /\n              MULTI_REFERENCE hold an expanded referenced item and are rendered\n              by the source instead (schemaRendering's columnOverrides). */}\n          {isRenderableText(props.value) ? String(props.value) : null}\n        </Text>\n      );\n  }\n}\n\nconst isRenderableText = (value: unknown): boolean =>\n  value != null && typeof value !== 'object';\n\nexport const FieldCell = observer(_FieldCell);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading2336365185";
+var _namespace_ = "Heading3462255574";
 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": "Heading2336365185__root"
+  "root": "Heading3462255574__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading2336365185\";\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\":\"Heading2336365185__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3462255574\";\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\":\"Heading3462255574__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/ImportButton/ImportStepUpload.st.css.js

@@ -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_ = "ImportStepUpload730546862";
+var _namespace_ = "ImportStepUpload2101281800";
 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": "ImportStepUpload730546862__root",
-  "fileUpload": "ImportStepUpload730546862__fileUpload"
+  "root": "ImportStepUpload2101281800__root",
+  "fileUpload": "ImportStepUpload2101281800__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload730546862\";\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\":\"ImportStepUpload730546862__root\",\"fileUpload\":\"ImportStepUpload730546862__fileUpload\"};\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,iCAAiC;EAAC,YAAY,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload2101281800\";\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\":\"ImportStepUpload2101281800__root\",\"fileUpload\":\"ImportStepUpload2101281800__fileUpload\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,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/InputOverflow/InputOverflow.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "InputOverflow4003085375";
+var _namespace_ = "InputOverflow2248902607";
 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": "InputOverflow4003085375__root"
+  "root": "InputOverflow2248902607__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow4003085375\";\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\":\"InputOverflow4003085375__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow2248902607\";\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\":\"InputOverflow2248902607__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/components/LoadingRow/LoadingRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow1313526491";
+var _namespace_ = "LoadingRow3893066163";
 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": "LoadingRow1313526491__root"
+  "root": "LoadingRow3893066163__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1313526491__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow3893066163__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow1313526491\";\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\":\"LoadingRow1313526491__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1313526491__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow3893066163\";\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\":\"LoadingRow3893066163__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3893066163__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/MaxHeightText/MaxHeightText.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxHeightText1042732106";
+var _namespace_ = "MaxHeightText2356253105";
 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": "MaxHeightText1042732106__root"
+  "root": "MaxHeightText2356253105__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText1042732106\";\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\":\"MaxHeightText1042732106__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText2356253105\";\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\":\"MaxHeightText2356253105__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/components/MaxLines/MaxLines.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxLines876706065";
+var _namespace_ = "MaxLines606070879";
 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": "MaxLines876706065__root"
+  "root": "MaxLines606070879__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines876706065\";\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\":\"MaxLines876706065__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines606070879\";\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\":\"MaxLines606070879__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/MoreFiltersCTA/MoreFiltersCTA.js

@@ -11,8 +11,53 @@ var _CounterBadgeButton = require("../CounterBadgeButton");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
 var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
+var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MoreFiltersCTA/MoreFiltersCTA.tsx";
-const _MoreFiltersCTA = () => {
+// IconButton passes the icon size props to its child, so forward them to the icon.
+const IconWithCounterBadge = ({
+  icon,
+  count,
+  size,
+  width,
+  height
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  position: "relative",
+  display: "inline-flex",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 31,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.cloneElement(icon, {
+  size,
+  width,
+  height
+}), count > 0 && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  position: "absolute",
+  top: 0,
+  right: 0,
+  transform: "translate3d(50%, -50%, 0)",
+  pointerEvents: "none",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 34,
+    columnNumber: 7
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
+  dataHook: "more-filters-button-counter",
+  skin: "general",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 41,
+    columnNumber: 9
+  }
+}, count)));
+const _MoreFiltersCTA = ({
+  minimized = false
+}) => {
   const state = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
     toolbar: {
@@ -24,7 +69,73 @@ const _MoreFiltersCTA = () => {
     toolbarFiltersState
   } = state;
   const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const {
+    sizes
+  } = (0, _PatternsThemeProvider.usePatternsTheme)();
   const count = state.collection.query.nonPersistentCustomFiltersCount;
+  const label = t('cairo.toolbar.moreFiltersButton', {
+    defaultValue: ''
+  });
+  if (minimized) {
+    const ariaLabel = count > 0 ? `${label}, ${t('cairo.appliedFilters', {
+      num: count
+    })}` : label;
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+      content: label,
+      dataHook: "more-filters-button-tooltip",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 69,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      minWidth: "30px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 70,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      ref: toolbarFiltersState == null ? void 0 : toolbarFiltersState.moreFiltersButtonRef,
+      priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
+      size: sizes.small,
+      ariaLabel: ariaLabel,
+      dataHook: "more-filters-button",
+      onClick: toolbarFiltersState == null ? void 0 : toolbarFiltersState.onFiltersButtonClick,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 71,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(IconWithCounterBadge, {
+      icon: isBmHarmonyTheme ? /*#__PURE__*/_react.default.createElement(_lazy.FilterSmall, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 80,
+          columnNumber: 40
+        }
+      }) : /*#__PURE__*/_react.default.createElement(_lazy.ContentFilter, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 80,
+          columnNumber: 58
+        }
+      }),
+      count: count,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 79,
+        columnNumber: 13
+      }
+    }))));
+  }
   if (!isBmHarmonyTheme) {
     return /*#__PURE__*/_react.default.createElement(_CounterBadgeButton.CounterBadgeButton, {
       dataHook: "more-filters-button-counter",
@@ -32,7 +143,7 @@ const _MoreFiltersCTA = () => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 23,
+        lineNumber: 91,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
@@ -45,7 +156,7 @@ const _MoreFiltersCTA = () => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 30,
+          lineNumber: 98,
           columnNumber: 17
         }
       }),
@@ -53,12 +164,10 @@ const _MoreFiltersCTA = () => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
+        lineNumber: 92,
         columnNumber: 9
       }
-    }, t('cairo.toolbar.moreFiltersButton', {
-      defaultValue: ''
-    })));
+    }, label));
   }
   return /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
     ref: toolbarFiltersState == null ? void 0 : toolbarFiltersState.moreFiltersButtonRef,
@@ -70,7 +179,7 @@ const _MoreFiltersCTA = () => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 114,
         columnNumber: 13
       }
     }),
@@ -78,7 +187,7 @@ const _MoreFiltersCTA = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 108,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -88,19 +197,17 @@ const _MoreFiltersCTA = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 117,
       columnNumber: 7
     }
-  }, t('cairo.toolbar.moreFiltersButton', {
-    defaultValue: ''
-  }), count > 0 && /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
+  }, label, count > 0 && /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
     dataHook: "more-filters-button-counter",
     skin: "general",
     size: "tiny",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 120,
       columnNumber: 11
     }
   }, count)));