@wix/patterns 1.437.0 → 1.439.0

package/dist/cjs/components/SchemaSource/schemaFieldManagement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_standardFieldTypeLabels","schemaFieldManagement","sourceState","draftToField","draft","id","key","displayName","name","type","isPii","containsPii","validation","required","canAddFields","schema","source","addFieldDisabled","canEditField","field","deleteField","fieldId","_sourceState$fieldAct","fields","fieldActions","runInAction","mergeFields","notify","message","biName","e","fieldModal","t","container","translate","text","addTitle","editTitle","types","map","ft","standard","label","standardFieldTypeLabels","patternsType","undefined","labelKey","namePlaceholder","namePlaceholderKey","subtitle","group","supportsPii","piiWarning","settingsSection","permissions","fieldPermissions","existingFieldKeys","f","addField","_sourceState$fieldAct2","settings","editField","_sourceState$fieldAct3","getFieldDraft","_sourceState$schema","readApps","readUsers","writeApps","writeUsers","exports"],"sources":["../../../../src/components/SchemaSource/schemaFieldManagement.ts"],"sourcesContent":["import {\n  FieldDraft,\n  FieldManagement,\n  NonReferenceField,\n  SourceState,\n} from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { standardFieldTypeLabels } from './standardFieldTypeLabels';\n\n/**\n * Builds the source-neutral FieldManagement over a source's state. add/edit/\n * delete call the schema's FieldActions, then merge the returned fields into\n * the loaded schema so the columns update from the response (no reload). The\n * field modal, permissions, and can-edit/add rules come from the source.\n */\nexport const schemaFieldManagement = (\n  sourceState: SourceState<any>,\n): FieldManagement => {\n  const draftToField = (draft: FieldDraft): NonReferenceField => ({\n    id: draft.key,\n    displayName: draft.name,\n    type: (draft.type ?? 'SHORT_TEXT') as NonReferenceField['type'],\n    isPii: draft.containsPii,\n    validation: { required: false },\n  });\n\n  return {\n    get canAddFields() {\n      const { schema, source } = sourceState;\n      return schema ? source.canAddFields(schema) : false;\n    },\n    addFieldDisabled: false,\n    canEditField: (field) => {\n      const { schema, source } = sourceState;\n      return schema ? source.canEditField(field, schema) : false;\n    },\n    // Self-contained: does the delete and reports its own toast (matching the\n    // DataExtension source). Rethrows on failure so the shared delete modal stays\n    // open for a retry.\n    deleteField: async (fieldId) => {\n      try {\n        const fields = await sourceState.fieldActions?.deleteField?.(fieldId);\n        if (fields) {\n          runInAction(() => sourceState.mergeFields(fields));\n        }\n        sourceState.notify({\n          type: 'SUCCESS',\n          message: 'Field deleted',\n          biName: 'cairo-field-action-delete-success',\n        });\n      } catch (e) {\n        sourceState.notify({\n          type: 'ERROR',\n          message: \"Couldn't delete field\",\n          biName: 'cairo-field-action-delete-error',\n        });\n        throw e;\n      }\n    },\n\n    get fieldModal() {\n      const t = sourceState.container.translate;\n      const { fieldModal } = sourceState.source;\n      return {\n        text: fieldModal.text ?? {\n          addTitle: t('cairo.customFields.addCustomField.modal.title'),\n          editTitle: t('cairo.customFields.editCustomField.modal.title'),\n        },\n        types: fieldModal.types.map((ft) => {\n          // The standard pair applies only when the source didn't custom-label\n          // the entry — a custom label with the standard placeholder would show\n          // contradictory copy (the modal falls back to its generic placeholder).\n          const standard =\n            ft.label == null\n              ? standardFieldTypeLabels[ft.patternsType]\n              : undefined;\n          return {\n            id: ft.patternsType,\n            label:\n              ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),\n            namePlaceholder:\n              ft.namePlaceholder ??\n              (standard ? t(standard.namePlaceholderKey) : undefined),\n            subtitle: ft.subtitle,\n            group: ft.group,\n            supportsPii: ft.supportsPii,\n            piiWarning: ft.piiWarning,\n            settingsSection: ft.settingsSection,\n            patternsType: ft.patternsType,\n          };\n        }),\n        permissions: sourceState.source.fieldPermissions,\n        supportsPii: sourceState.source.supportsPii,\n      };\n    },\n    get existingFieldKeys() {\n      return sourceState.fields.map((f) => f.id);\n    },\n\n    addField: async (draft) => {\n      const fields = await sourceState.fieldActions?.addField?.(\n        draftToField(draft),\n        draft.settings,\n      );\n      if (fields) {\n        runInAction(() => sourceState.mergeFields(fields));\n      }\n    },\n    editField: async (fieldId, draft) => {\n      const fields = await sourceState.fieldActions?.editField?.(\n        fieldId,\n        { displayName: draft.name },\n        draft.settings,\n      );\n      if (fields) {\n        runInAction(() => sourceState.mergeFields(fields));\n      }\n    },\n    getFieldDraft: (fieldId) => {\n      const field = sourceState.schema?.fields[fieldId];\n      if (!field) {\n        return undefined;\n      }\n      return {\n        key: field.id,\n        name: field.displayName,\n        type: field.type,\n        readApps: false,\n        readUsers: false,\n        writeApps: false,\n        writeUsers: false,\n        containsPii: field.isPii ?? false,\n        field,\n      };\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_standardFieldTypeLabels","schemaFieldManagement","sourceState","draftToField","draft","id","key","displayName","name","type","isPii","containsPii","validation","required","canAddFields","schema","source","addFieldDisabled","canEditField","field","deleteField","fieldId","_sourceState$fieldAct","fields","fieldActions","runInAction","mergeFields","notify","message","biName","e","fieldModal","t","container","translate","text","addTitle","editTitle","types","map","ft","standard","label","standardFieldTypeLabels","patternsType","undefined","labelKey","namePlaceholder","namePlaceholderKey","subtitle","group","supportsPii","piiWarning","settingsSection","permissions","fieldPermissions","existingFieldKeys","f","addField","_sourceState$fieldAct2","settings","editField","_sourceState$fieldAct3","getFieldDraft","_sourceState$schema","readApps","readUsers","writeApps","writeUsers","exports"],"sources":["../../../../src/components/SchemaSource/schemaFieldManagement.ts"],"sourcesContent":["import {\n  FieldDraft,\n  FieldManagement,\n  NonReferenceField,\n  SourceState,\n} from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { standardFieldTypeLabels } from './standardFieldTypeLabels';\n\n/**\n * Builds the source-neutral FieldManagement over a source's state. add/edit/\n * delete call the schema's FieldActions, then merge the returned fields into\n * the loaded schema so the columns update from the response (no reload). The\n * field modal, permissions, and can-edit/add rules come from the source.\n */\nexport const schemaFieldManagement = (\n  sourceState: SourceState<any>,\n): FieldManagement => {\n  const draftToField = (draft: FieldDraft): NonReferenceField => ({\n    id: draft.key,\n    displayName: draft.name,\n    type: (draft.type ?? 'SHORT_TEXT') as NonReferenceField['type'],\n    isPii: draft.containsPii,\n    validation: { required: false },\n  });\n\n  return {\n    get canAddFields() {\n      const { schema, source } = sourceState;\n      return schema ? source.canAddFields(schema) : false;\n    },\n    addFieldDisabled: false,\n    canEditField: (field) => {\n      const { schema, source } = sourceState;\n      return schema ? source.canEditField(field, schema) : false;\n    },\n    // Self-contained: does the delete and reports its own toast (matching the\n    // DataExtension source). Rethrows on failure so the shared delete modal stays\n    // open for a retry.\n    deleteField: async (fieldId) => {\n      try {\n        const fields = await sourceState.fieldActions?.deleteField?.(fieldId);\n        if (fields) {\n          runInAction(() => sourceState.mergeFields(fields));\n        }\n        sourceState.notify({\n          type: 'SUCCESS',\n          message: 'Field deleted',\n          biName: 'cairo-field-action-delete-success',\n        });\n      } catch (e) {\n        sourceState.notify({\n          type: 'ERROR',\n          message: \"Couldn't delete field\",\n          biName: 'cairo-field-action-delete-error',\n        });\n        throw e;\n      }\n    },\n\n    get fieldModal() {\n      const t = sourceState.container.translate;\n      const { fieldModal } = sourceState.source;\n      return {\n        text: fieldModal.text ?? {\n          addTitle: t('cairo.customFields.addCustomField.modal.title'),\n          editTitle: t('cairo.customFields.editCustomField.modal.title'),\n        },\n        types: fieldModal.types.map((ft) => {\n          // The standard pair applies only when the source didn't custom-label\n          // the entry — a custom label with the standard placeholder would show\n          // contradictory copy (the modal falls back to its generic placeholder).\n          const standard =\n            ft.label == null\n              ? standardFieldTypeLabels[ft.patternsType]\n              : undefined;\n          return {\n            id: ft.patternsType,\n            label:\n              ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),\n            namePlaceholder:\n              ft.namePlaceholder ??\n              (standard ? t(standard.namePlaceholderKey) : undefined),\n            subtitle: ft.subtitle,\n            group: ft.group,\n            supportsPii: ft.supportsPii,\n            piiWarning: ft.piiWarning,\n            settingsSection: ft.settingsSection,\n            patternsType: ft.patternsType,\n          };\n        }),\n        permissions: sourceState.source.fieldPermissions,\n        supportsPii: sourceState.source.supportsPii,\n      };\n    },\n    get existingFieldKeys() {\n      return sourceState.fields.map((f) => f.id);\n    },\n\n    addField: async (draft) => {\n      const fields = await sourceState.fieldActions?.addField?.(\n        draftToField(draft),\n        draft.settings,\n      );\n      if (fields) {\n        runInAction(() => sourceState.mergeFields(fields));\n      }\n    },\n    editField: async (fieldId, draft) => {\n      const fields = await sourceState.fieldActions?.editField?.(\n        fieldId,\n        { displayName: draft.name, isPii: draft.containsPii },\n        draft.settings,\n      );\n      if (fields) {\n        runInAction(() => sourceState.mergeFields(fields));\n      }\n    },\n    getFieldDraft: (fieldId) => {\n      const field = sourceState.schema?.fields[fieldId];\n      if (!field) {\n        return undefined;\n      }\n      return {\n        key: field.id,\n        name: field.displayName,\n        type: field.type,\n        readApps: false,\n        readUsers: false,\n        writeApps: false,\n        writeUsers: false,\n        containsPii: field.isPii ?? false,\n        field,\n      };\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.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_ = "ScrollableContent570415530";
+var _namespace_ = "ScrollableContent2337920267";
 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": "ScrollableContent570415530__root"
+  "root": "ScrollableContent2337920267__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent570415530\";\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\":\"ScrollableContent570415530__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,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;AAAkC,CAAC;AACzD,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2337920267\";\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\":\"ScrollableContent2337920267__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/SetupWidget/SetupWidget.st.css.js

@@ -5,21 +5,21 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget4282571245";
+var _namespace_ = "SetupWidget3308182246";
 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": "SetupWidget4282571245__root",
-  "row": "SetupWidget4282571245__row",
-  "completedCta": "SetupWidget4282571245__completedCta",
-  "card": "SetupWidget4282571245__card",
-  "stepIcon": "SetupWidget4282571245__stepIcon",
-  "chevron": "SetupWidget4282571245__chevron",
-  "chevronDisabled": "SetupWidget4282571245__chevronDisabled",
-  "inProgressLabel": "SetupWidget4282571245__inProgressLabel"
+  "root": "SetupWidget3308182246__root",
+  "row": "SetupWidget3308182246__row",
+  "completedCta": "SetupWidget3308182246__completedCta",
+  "card": "SetupWidget3308182246__card",
+  "stepIcon": "SetupWidget3308182246__stepIcon",
+  "chevron": "SetupWidget3308182246__chevron",
+  "chevronDisabled": "SetupWidget3308182246__chevronDisabled",
+  "inProgressLabel": "SetupWidget3308182246__inProgressLabel"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SetupWidget/SetupWidget.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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget4282571245\";\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\":\"SetupWidget4282571245__root\",\"row\":\"SetupWidget4282571245__row\",\"completedCta\":\"SetupWidget4282571245__completedCta\",\"card\":\"SetupWidget4282571245__card\",\"stepIcon\":\"SetupWidget4282571245__stepIcon\",\"chevron\":\"SetupWidget4282571245__chevron\",\"chevronDisabled\":\"SetupWidget4282571245__chevronDisabled\",\"inProgressLabel\":\"SetupWidget4282571245__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget3308182246\";\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\":\"SetupWidget3308182246__root\",\"row\":\"SetupWidget3308182246__row\",\"completedCta\":\"SetupWidget3308182246__completedCta\",\"card\":\"SetupWidget3308182246__card\",\"stepIcon\":\"SetupWidget3308182246__stepIcon\",\"chevron\":\"SetupWidget3308182246__chevron\",\"chevronDisabled\":\"SetupWidget3308182246__chevronDisabled\",\"inProgressLabel\":\"SetupWidget3308182246__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,CAAC","ignoreList":[]}

package/dist/cjs/components/SidePanelModal/SidePanelModal.js

@@ -9,6 +9,7 @@ var _SlidingModal = require("../SlidingModal");
 var _react2 = _interopRequireWildcard(require("react"));
 var _mobx = require("mobx");
 var _SidePanelModalItem = require("./SidePanelModalItem");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SidePanelModal/SidePanelModal.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _SidePanelModal(props) {
@@ -32,17 +33,19 @@ function _SidePanelModal(props) {
     isOpen
   } = sidePanel;
   const width = (0, _react2.useMemo)(() => isPanelLayout ? '100%' : _bexCore.SidePanelWidth, [isPanelLayout]);
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const inset = isBmHarmonyTheme && !isPanelLayout ? _bexCore.SidePanelInset : 0;
   const style = (0, _react2.useMemo)(() => ({
-    top,
+    top: top + inset,
     ...(useRelativeSidePanel ? {
-      right: isPanelLayout ? undefined : 0
+      right: isPanelLayout ? undefined : inset
     } : {
-      left: isPanelLayout ? 0 : left != null ? left - _bexCore.SidePanelWidth : undefined
+      left: isPanelLayout ? 0 : left != null ? left - _bexCore.SidePanelWidth - inset : undefined
     }),
-    bottom: 0,
+    bottom: inset,
     overflow: 'hidden',
     width
-  }), [top, left, width]);
+  }), [top, left, width, isPanelLayout, useRelativeSidePanel, inset]);
   (0, _react2.useEffect)(() => {
     return (0, _mobx.reaction)(() => sidePanel.isOpen, sidePanelOpen => {
       pageState.sidePanelOpen = sidePanelOpen;
@@ -84,6 +87,8 @@ function _SidePanelModal(props) {
       sidePanel.transition.setStatus('exiting');
     },
     width: _bexCore.SidePanelWidth,
+    closedOffset: inset,
+    inset: inset,
     isOpen: isOpen,
     onRequestClose: () => {
       sidePanel.close();
@@ -91,7 +96,7 @@ function _SidePanelModal(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 92,
       columnNumber: 5
     }
   }, Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {
@@ -103,14 +108,14 @@ function _SidePanelModal(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 117,
+        lineNumber: 123,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react2.default.createElement(ComponentType, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 118,
+        lineNumber: 124,
         columnNumber: 13
       }
     }));

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_bexCore","_react","_SlidingModal","_react2","_interopRequireWildcard","_mobx","_SidePanelModalItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SidePanelModal","props","top","left","state","onSidePanelOpen","closeSidePanel","isPanelLayout","useRelativeSidePanel","useWixPatternsContainer","pageState","usePageContext","sidePanel","sidePanelComponents","isOpen","width","useMemo","SidePanelWidth","style","right","undefined","bottom","overflow","useEffect","reaction","sidePanelOpen","onGlobalSidePanelOpenSub","disposers","sidePanelShow","remove","forEach","d","createElement","SlidingModal","dataHook","transitionStatus","transition","status","appendTo","overlay","contentRef","el","focus","modalElement","onExited","setStatus","onEntered","onEntering","onExiting","onRequestClose","close","__self","__source","fileName","lineNumber","columnNumber","Array","from","entries","map","key","ComponentType","SidePanelModalItem","id","SidePanelModal","exports","observer"],"sources":["../../../../src/components/SidePanelModal/SidePanelModal.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { SidePanelWidth } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SlidingModal } from '../SlidingModal';\nimport React, { useEffect, useMemo } from 'react';\nimport { reaction } from 'mobx';\nimport { SidePanelModalItem } from './SidePanelModalItem';\nimport { SidePanelsState } from '../../state/SidePanelsState';\n\nexport interface SidePanelModalProps {\n  top: number;\n  left?: number;\n  state: SidePanelsState;\n}\n\nfunction _SidePanelModal(props: SidePanelModalProps) {\n  const { top, left, state } = props;\n  const {\n    onSidePanelOpen,\n    closeSidePanel,\n    isPanelLayout,\n    useRelativeSidePanel,\n  } = useWixPatternsContainer();\n  const pageState = usePageContext();\n\n  const { sidePanel, sidePanelComponents } = state;\n\n  const { isOpen } = sidePanel;\n\n  const width = useMemo(\n    () => (isPanelLayout ? '100%' : SidePanelWidth),\n    [isPanelLayout],\n  );\n\n  const style = useMemo(\n    () => ({\n      top,\n      ...(useRelativeSidePanel\n        ? {\n            right: isPanelLayout ? undefined : 0,\n          }\n        : {\n            left: isPanelLayout\n              ? 0\n              : left != null\n              ? left - SidePanelWidth\n              : undefined,\n          }),\n      bottom: 0,\n      overflow: 'hidden',\n      width,\n    }),\n    [top, left, width],\n  );\n\n  useEffect(() => {\n    return reaction(\n      () => sidePanel.isOpen,\n      (sidePanelOpen) => {\n        pageState.sidePanelOpen = sidePanelOpen;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {\n      state.closeSidePanel();\n    });\n\n    const disposers = [\n      reaction(\n        () => sidePanel.isOpen,\n        (sidePanelShow) => {\n          if (sidePanelShow) {\n            closeSidePanel?.();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      onGlobalSidePanelOpenSub?.remove();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  return (\n    <SlidingModal\n      dataHook=\"cairo-side-panel-modal\"\n      transitionStatus={sidePanel.transition.status}\n      style={style}\n      appendTo={isPanelLayout || useRelativeSidePanel ? 'parent' : undefined}\n      overlay={isPanelLayout}\n      contentRef={(el) => {\n        sidePanel.focus.modalElement = el;\n      }}\n      onExited={() => {\n        sidePanel.transition.setStatus('exited');\n      }}\n      onEntered={() => {\n        sidePanel.transition.setStatus('entered');\n      }}\n      onEntering={() => {\n        sidePanel.transition.setStatus('entering');\n      }}\n      onExiting={() => {\n        sidePanel.transition.setStatus('exiting');\n      }}\n      width={SidePanelWidth}\n      isOpen={isOpen}\n      onRequestClose={() => {\n        sidePanel.close();\n      }}\n    >\n      {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {\n        return (\n          <SidePanelModalItem key={key} id={key} width={width} state={state}>\n            <ComponentType />\n          </SidePanelModalItem>\n        );\n      })}\n    </SlidingModal>\n  );\n}\n\nexport const SidePanelModal = observer(_SidePanelModal);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_bexCore","_react","_SlidingModal","_react2","_interopRequireWildcard","_mobx","_SidePanelModalItem","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SidePanelModal","props","top","left","state","onSidePanelOpen","closeSidePanel","isPanelLayout","useRelativeSidePanel","useWixPatternsContainer","pageState","usePageContext","sidePanel","sidePanelComponents","isOpen","width","useMemo","SidePanelWidth","isBmHarmonyTheme","useBmHarmonyTheme","inset","SidePanelInset","style","right","undefined","bottom","overflow","useEffect","reaction","sidePanelOpen","onGlobalSidePanelOpenSub","disposers","sidePanelShow","remove","forEach","d","createElement","SlidingModal","dataHook","transitionStatus","transition","status","appendTo","overlay","contentRef","el","focus","modalElement","onExited","setStatus","onEntered","onEntering","onExiting","closedOffset","onRequestClose","close","__self","__source","fileName","lineNumber","columnNumber","Array","from","entries","map","key","ComponentType","SidePanelModalItem","id","SidePanelModal","exports","observer"],"sources":["../../../../src/components/SidePanelModal/SidePanelModal.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { SidePanelInset, SidePanelWidth } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SlidingModal } from '../SlidingModal';\nimport React, { useEffect, useMemo } from 'react';\nimport { reaction } from 'mobx';\nimport { SidePanelModalItem } from './SidePanelModalItem';\nimport { SidePanelsState } from '../../state/SidePanelsState';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface SidePanelModalProps {\n  top: number;\n  left?: number;\n  state: SidePanelsState;\n}\n\nfunction _SidePanelModal(props: SidePanelModalProps) {\n  const { top, left, state } = props;\n  const {\n    onSidePanelOpen,\n    closeSidePanel,\n    isPanelLayout,\n    useRelativeSidePanel,\n  } = useWixPatternsContainer();\n  const pageState = usePageContext();\n\n  const { sidePanel, sidePanelComponents } = state;\n\n  const { isOpen } = sidePanel;\n\n  const width = useMemo(\n    () => (isPanelLayout ? '100%' : SidePanelWidth),\n    [isPanelLayout],\n  );\n\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const inset = isBmHarmonyTheme && !isPanelLayout ? SidePanelInset : 0;\n\n  const style = useMemo(\n    () => ({\n      top: top + inset,\n      ...(useRelativeSidePanel\n        ? {\n            right: isPanelLayout ? undefined : inset,\n          }\n        : {\n            left: isPanelLayout\n              ? 0\n              : left != null\n              ? left - SidePanelWidth - inset\n              : undefined,\n          }),\n      bottom: inset,\n      overflow: 'hidden',\n      width,\n    }),\n    [top, left, width, isPanelLayout, useRelativeSidePanel, inset],\n  );\n\n  useEffect(() => {\n    return reaction(\n      () => sidePanel.isOpen,\n      (sidePanelOpen) => {\n        pageState.sidePanelOpen = sidePanelOpen;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {\n      state.closeSidePanel();\n    });\n\n    const disposers = [\n      reaction(\n        () => sidePanel.isOpen,\n        (sidePanelShow) => {\n          if (sidePanelShow) {\n            closeSidePanel?.();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      onGlobalSidePanelOpenSub?.remove();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  return (\n    <SlidingModal\n      dataHook=\"cairo-side-panel-modal\"\n      transitionStatus={sidePanel.transition.status}\n      style={style}\n      appendTo={isPanelLayout || useRelativeSidePanel ? 'parent' : undefined}\n      overlay={isPanelLayout}\n      contentRef={(el) => {\n        sidePanel.focus.modalElement = el;\n      }}\n      onExited={() => {\n        sidePanel.transition.setStatus('exited');\n      }}\n      onEntered={() => {\n        sidePanel.transition.setStatus('entered');\n      }}\n      onEntering={() => {\n        sidePanel.transition.setStatus('entering');\n      }}\n      onExiting={() => {\n        sidePanel.transition.setStatus('exiting');\n      }}\n      width={SidePanelWidth}\n      closedOffset={inset}\n      inset={inset}\n      isOpen={isOpen}\n      onRequestClose={() => {\n        sidePanel.close();\n      }}\n    >\n      {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {\n        return (\n          <SidePanelModalItem key={key} id={key} width={width} state={state}>\n            <ComponentType />\n          </SidePanelModalItem>\n        );\n      })}\n    </SlidingModal>\n  );\n}\n\nexport const SidePanelModal = observer(_SidePanelModal);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.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_ = "SkeletonCard3264404199";
+var _namespace_ = "SkeletonCard969420999";
 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": "SkeletonCard3264404199__root",
-  "headerLoading": "SkeletonCard3264404199__headerLoading"
+  "root": "SkeletonCard969420999__root",
+  "headerLoading": "SkeletonCard969420999__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard3264404199\";\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\":\"SkeletonCard3264404199__root\",\"headerLoading\":\"SkeletonCard3264404199__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard969420999\";\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\":\"SkeletonCard969420999__root\",\"headerLoading\":\"SkeletonCard969420999__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,eAAe,EAAC;AAAsC,CAAC;AAC3G,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/SlidingModal/SlidingModal.js

@@ -14,6 +14,8 @@ function SlidingModal(props) {
     className,
     style: styleProp,
     shadowWidth = 20,
+    closedOffset = 0,
+    inset = 0,
     width,
     isOpen,
     children,
@@ -29,8 +31,8 @@ function SlidingModal(props) {
   } = props;
   const style = (0, _react.useMemo)(() => ({
     ...styleProp,
-    transform: `translate3d(${isOpen ? 0 : typeof width === 'number' ? `${width + shadowWidth}px` : `${width}px`}, 0, 0)`
-  }), [styleProp, width, isOpen]);
+    transform: `translate3d(${isOpen ? 0 : typeof width === 'number' ? `${width + shadowWidth + closedOffset}px` : closedOffset ? `calc(${width} + ${shadowWidth + closedOffset}px)` : `${width}px`}, 0, 0)`
+  }), [styleProp, width, isOpen, shadowWidth, closedOffset]);
   const isOpenRef = (0, _react.useRef)(isOpen);
   const divRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
@@ -89,7 +91,8 @@ function SlidingModal(props) {
     className: (0, _SlidingModalStCss.st)(_SlidingModalStCss.classes.root, {
       exited: transitionStatus === 'exited',
       overlay,
-      appendTo
+      appendTo,
+      inset: inset > 0
     }, ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined]),
     role: "presentation",
     style: style,
@@ -97,7 +100,7 @@ function SlidingModal(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 116,
       columnNumber: 5
     }
   }, children);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_SlidingModalStCss","_scopeTab","_version","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SlidingModal","props","dataHook","className","style","styleProp","shadowWidth","width","isOpen","children","contentRef","onExited","onEntered","onEntering","onExiting","onRequestClose","transitionStatus","appendTo","overlay","useMemo","transform","isOpenRef","useRef","divRef","useEffect","process","env","NODE_ENV","current","rootElement","onTransitionEnd","propertyName","onTransitionStart","addEventListener","removeEventListener","createElement","tabIndex","onKeyDown","nativeEvent","code","scopeTab","ref","el","cairoVersion","st","classes","root","exited","undefined","role","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SlidingModal/SlidingModal.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  RefCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { st, classes } from './SlidingModal.st.css.js';\nimport { scopeTab } from './scopeTab';\nimport { version as cairoVersion } from '../../version';\n\nexport interface SlidingModalProps {\n  dataHook?: string;\n  width: string | number;\n  isOpen?: boolean;\n  style?: HTMLAttributes<HTMLElement>['style'];\n  className?: HTMLAttributes<HTMLElement>['className'];\n  children?: ReactNode;\n  contentRef?: RefCallback<HTMLDivElement>;\n  onExited?: () => void;\n  onEntered?: () => void;\n  onEntering?: () => void;\n  onExiting?: () => void;\n  transitionStatus?: string;\n  onRequestClose?: () => void;\n  shadowWidth?: number;\n  appendTo?: 'parent';\n  overlay?: boolean;\n}\n\nexport function SlidingModal(props: SlidingModalProps) {\n  const {\n    dataHook,\n    className,\n    style: styleProp,\n    shadowWidth = 20,\n    width,\n    isOpen,\n    children,\n    contentRef,\n    onExited,\n    onEntered,\n    onEntering,\n    onExiting,\n    onRequestClose,\n    transitionStatus,\n    appendTo,\n    overlay,\n  } = props;\n\n  const style = useMemo(\n    () => ({\n      ...styleProp,\n      transform: `translate3d(${\n        isOpen\n          ? 0\n          : typeof width === 'number'\n          ? `${width + shadowWidth}px`\n          : `${width}px`\n      }, 0, 0)`,\n    }),\n    [styleProp, width, isOpen],\n  );\n\n  const isOpenRef = useRef(isOpen);\n  const divRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'test' && isOpen) {\n      onEntered?.();\n    } else {\n      if (process.env.NODE_ENV === 'test' && isOpenRef.current) {\n        onExited?.();\n      }\n    }\n\n    isOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  useEffect(() => {\n    const rootElement = divRef.current;\n\n    if (!rootElement) {\n      return;\n    }\n\n    const onTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntered?.() : onExited?.();\n      }\n    };\n\n    const onTransitionStart = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntering?.() : onExiting?.();\n      }\n    };\n\n    rootElement.addEventListener('transitionend', onTransitionEnd);\n    rootElement.addEventListener('transitionstart', onTransitionStart);\n\n    return () => {\n      rootElement.removeEventListener('transitionend', onTransitionEnd);\n      rootElement.removeEventListener('transitionstart', onTransitionStart);\n    };\n  }, []);\n\n  return (\n    <div\n      tabIndex={-1}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Escape') {\n          onRequestClose?.();\n          return;\n        }\n        if (divRef.current && e.nativeEvent.code === 'Tab') {\n          scopeTab(divRef.current, e);\n          return;\n        }\n      }}\n      ref={(el) => {\n        if (el) {\n          divRef.current = el;\n        }\n\n        contentRef?.(el);\n      }}\n      data-hook={dataHook}\n      data-wix-patterns={cairoVersion}\n      data-transition-status={transitionStatus}\n      className={st(\n        classes.root,\n        {\n          exited: transitionStatus === 'exited',\n          overlay,\n          appendTo,\n        },\n        ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined],\n      )}\n      role=\"presentation\"\n      style={style}\n      aria-modal={undefined}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAqBjD,SAASkB,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,KAAK,EAAEC,SAAS;IAChBC,WAAW,GAAG,EAAE;IAChBC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,cAAc;IACdC,gBAAgB;IAChBC,QAAQ;IACRC;EACF,CAAC,GAAGjB,KAAK;EAET,MAAMG,KAAK,GAAG,IAAAe,cAAO,EACnB,OAAO;IACL,GAAGd,SAAS;IACZe,SAAS,EAAE,eACTZ,MAAM,GACF,CAAC,GACD,OAAOD,KAAK,KAAK,QAAQ,GACzB,GAAGA,KAAK,GAAGD,WAAW,IAAI,GAC1B,GAAGC,KAAK,IAAI;EAEpB,CAAC,CAAC,EACF,CAACF,SAAS,EAAEE,KAAK,EAAEC,MAAM,CAC3B,CAAC;EAED,MAAMa,SAAS,GAAG,IAAAC,aAAM,EAACd,MAAM,CAAC;EAChC,MAAMe,MAAM,GAAG,IAAAD,aAAM,EAAiB,CAAC;EAEvC,IAAAE,gBAAS,EAAC,MAAM;IACd,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAInB,MAAM,EAAE;MAC7CI,SAAS,YAATA,SAAS,CAAG,CAAC;IACf,CAAC,MAAM;MACL,IAAIa,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAIN,SAAS,CAACO,OAAO,EAAE;QACxDjB,QAAQ,YAARA,QAAQ,CAAG,CAAC;MACd;IACF;IAEAU,SAAS,CAACO,OAAO,GAAGpB,MAAM;EAC5B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAAgB,gBAAS,EAAC,MAAM;IACd,MAAMK,WAAW,GAAGN,MAAM,CAACK,OAAO;IAElC,IAAI,CAACC,WAAW,EAAE;MAChB;IACF;IAEA,MAAMC,eAAe,GAAIjD,CAAkB,IAAK;MAC9C,IAAIA,CAAC,CAACkD,YAAY,KAAK,WAAW,EAAE;QAClCV,SAAS,CAACO,OAAO,GAAGhB,SAAS,oBAATA,SAAS,CAAG,CAAC,GAAGD,QAAQ,oBAARA,QAAQ,CAAG,CAAC;MAClD;IACF,CAAC;IAED,MAAMqB,iBAAiB,GAAInD,CAAkB,IAAK;MAChD,IAAIA,CAAC,CAACkD,YAAY,KAAK,WAAW,EAAE;QAClCV,SAAS,CAACO,OAAO,GAAGf,UAAU,oBAAVA,UAAU,CAAG,CAAC,GAAGC,SAAS,oBAATA,SAAS,CAAG,CAAC;MACpD;IACF,CAAC;IAEDe,WAAW,CAACI,gBAAgB,CAAC,eAAe,EAAEH,eAAe,CAAC;IAC9DD,WAAW,CAACI,gBAAgB,CAAC,iBAAiB,EAAED,iBAAiB,CAAC;IAElE,OAAO,MAAM;MACXH,WAAW,CAACK,mBAAmB,CAAC,eAAe,EAAEJ,eAAe,CAAC;MACjED,WAAW,CAACK,mBAAmB,CAAC,iBAAiB,EAAEF,iBAAiB,CAAC;IACvE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE1D,MAAA,CAAAiB,OAAA,CAAA4C,aAAA;IACEC,QAAQ,EAAE,CAAC,CAAE;IACbC,SAAS,EAAGxD,CAAC,IAAK;MAChB,IAAIA,CAAC,CAACyD,WAAW,CAACC,IAAI,KAAK,QAAQ,EAAE;QACnCxB,cAAc,YAAdA,cAAc,CAAG,CAAC;QAClB;MACF;MACA,IAAIQ,MAAM,CAACK,OAAO,IAAI/C,CAAC,CAACyD,WAAW,CAACC,IAAI,KAAK,KAAK,EAAE;QAClD,IAAAC,kBAAQ,EAACjB,MAAM,CAACK,OAAO,EAAE/C,CAAC,CAAC;QAC3B;MACF;IACF,CAAE;IACF4D,GAAG,EAAGC,EAAE,IAAK;MACX,IAAIA,EAAE,EAAE;QACNnB,MAAM,CAACK,OAAO,GAAGc,EAAE;MACrB;MAEAhC,UAAU,YAAVA,UAAU,CAAGgC,EAAE,CAAC;IAClB,CAAE;IACF,aAAWxC,QAAS;IACpB,qBAAmByC,gBAAa;IAChC,0BAAwB3B,gBAAiB;IACzCb,SAAS,EAAE,IAAAyC,qBAAE,EACXC,0BAAO,CAACC,IAAI,EACZ;MACEC,MAAM,EAAE/B,gBAAgB,KAAK,QAAQ;MACrCE,OAAO;MACPD;IACF,CAAC,EACD,GAAG,CAACd,SAAS,EAAEK,MAAM,GAAG,6BAA6B,GAAGwC,SAAS,CACnE,CAAE;IACFC,IAAI,EAAC,cAAc;IACnB7C,KAAK,EAAEA,KAAM;IACb,cAAY4C,SAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxE,YAAA;MAAAyE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErB7C,QACE,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_SlidingModalStCss","_scopeTab","_version","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SlidingModal","props","dataHook","className","style","styleProp","shadowWidth","closedOffset","inset","width","isOpen","children","contentRef","onExited","onEntered","onEntering","onExiting","onRequestClose","transitionStatus","appendTo","overlay","useMemo","transform","isOpenRef","useRef","divRef","useEffect","process","env","NODE_ENV","current","rootElement","onTransitionEnd","propertyName","onTransitionStart","addEventListener","removeEventListener","createElement","tabIndex","onKeyDown","nativeEvent","code","scopeTab","ref","el","cairoVersion","st","classes","root","exited","undefined","role","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SlidingModal/SlidingModal.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  RefCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { st, classes } from './SlidingModal.st.css.js';\nimport { scopeTab } from './scopeTab';\nimport { version as cairoVersion } from '../../version';\n\nexport interface SlidingModalProps {\n  dataHook?: string;\n  width: string | number;\n  isOpen?: boolean;\n  style?: HTMLAttributes<HTMLElement>['style'];\n  className?: HTMLAttributes<HTMLElement>['className'];\n  children?: ReactNode;\n  contentRef?: RefCallback<HTMLDivElement>;\n  onExited?: () => void;\n  onEntered?: () => void;\n  onEntering?: () => void;\n  onExiting?: () => void;\n  transitionStatus?: string;\n  onRequestClose?: () => void;\n  shadowWidth?: number;\n  closedOffset?: number;\n  inset?: number;\n  appendTo?: 'parent';\n  overlay?: boolean;\n}\n\nexport function SlidingModal(props: SlidingModalProps) {\n  const {\n    dataHook,\n    className,\n    style: styleProp,\n    shadowWidth = 20,\n    closedOffset = 0,\n    inset = 0,\n    width,\n    isOpen,\n    children,\n    contentRef,\n    onExited,\n    onEntered,\n    onEntering,\n    onExiting,\n    onRequestClose,\n    transitionStatus,\n    appendTo,\n    overlay,\n  } = props;\n\n  const style = useMemo(\n    () => ({\n      ...styleProp,\n      transform: `translate3d(${\n        isOpen\n          ? 0\n          : typeof width === 'number'\n          ? `${width + shadowWidth + closedOffset}px`\n          : closedOffset\n          ? `calc(${width} + ${shadowWidth + closedOffset}px)`\n          : `${width}px`\n      }, 0, 0)`,\n    }),\n    [styleProp, width, isOpen, shadowWidth, closedOffset],\n  );\n\n  const isOpenRef = useRef(isOpen);\n  const divRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'test' && isOpen) {\n      onEntered?.();\n    } else {\n      if (process.env.NODE_ENV === 'test' && isOpenRef.current) {\n        onExited?.();\n      }\n    }\n\n    isOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  useEffect(() => {\n    const rootElement = divRef.current;\n\n    if (!rootElement) {\n      return;\n    }\n\n    const onTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntered?.() : onExited?.();\n      }\n    };\n\n    const onTransitionStart = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntering?.() : onExiting?.();\n      }\n    };\n\n    rootElement.addEventListener('transitionend', onTransitionEnd);\n    rootElement.addEventListener('transitionstart', onTransitionStart);\n\n    return () => {\n      rootElement.removeEventListener('transitionend', onTransitionEnd);\n      rootElement.removeEventListener('transitionstart', onTransitionStart);\n    };\n  }, []);\n\n  return (\n    <div\n      tabIndex={-1}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Escape') {\n          onRequestClose?.();\n          return;\n        }\n        if (divRef.current && e.nativeEvent.code === 'Tab') {\n          scopeTab(divRef.current, e);\n          return;\n        }\n      }}\n      ref={(el) => {\n        if (el) {\n          divRef.current = el;\n        }\n\n        contentRef?.(el);\n      }}\n      data-hook={dataHook}\n      data-wix-patterns={cairoVersion}\n      data-transition-status={transitionStatus}\n      className={st(\n        classes.root,\n        {\n          exited: transitionStatus === 'exited',\n          overlay,\n          appendTo,\n          inset: inset > 0,\n        },\n        ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined],\n      )}\n      role=\"presentation\"\n      style={style}\n      aria-modal={undefined}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,7 @@
+@property st-global(--wds-side-panel-standard-corner-radius);
+
 .root {
-  -st-states: exited, overlay, appendTo(enum(parent));
+  -st-states: exited, overlay, inset, appendTo(enum(parent));
   transition: transform 0.4s ease 0s;
   position: fixed;
   z-index: 1;
@@ -13,6 +15,12 @@
   position: absolute;
 }
 
+.root:inset {
+  border-radius: var(--wds-side-panel-standard-corner-radius, 0);
+  /* pre-promote the layer so the rounded clip + shadow rasterize before the slide starts */
+  will-change: transform;
+}
+
 .root:not(:exited) {
   box-shadow: 0 3px 24px 0 rgba(22, 45, 61, 0.18),
     0 8px 8px 0 rgba(22, 45, 61, 0.12);

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

@@ -5,18 +5,20 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SlidingModal1088809015";
+var _namespace_ = "SlidingModal2205962126";
 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": "SlidingModal1088809015__root"
+  "root": "SlidingModal2205962126__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
-var vars = exports.vars = {};
+var vars = exports.vars = {
+  "wds-side-panel-standard-corner-radius": "--wds-side-panel-standard-corner-radius"
+};
 //# sourceMappingURL=SlidingModal.st.css.js.map

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal1088809015\";\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\":\"SlidingModal1088809015__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2205962126\";\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\":\"SlidingModal2205962126__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-side-panel-standard-corner-radius\":\"--wds-side-panel-standard-corner-radius\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uCAAuC,EAAC;AAAyC,CAAC","ignoreList":[]}

package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AddFieldColumnHeader3849828666";
+var _namespace_ = "AddFieldColumnHeader1135780333";
 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": "AddFieldColumnHeader3849828666__root",
-  "title": "AddFieldColumnHeader3849828666__title",
-  "hoverBridge": "AddFieldColumnHeader3849828666__hoverBridge"
+  "root": "AddFieldColumnHeader1135780333__root",
+  "title": "AddFieldColumnHeader1135780333__title",
+  "hoverBridge": "AddFieldColumnHeader1135780333__hoverBridge"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/AddFieldColumnHeader.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/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader3849828666\";\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\":\"AddFieldColumnHeader3849828666__root\",\"title\":\"AddFieldColumnHeader3849828666__title\",\"hoverBridge\":\"AddFieldColumnHeader3849828666__hoverBridge\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,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/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader1135780333\";\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\":\"AddFieldColumnHeader1135780333__root\",\"title\":\"AddFieldColumnHeader1135780333__title\",\"hoverBridge\":\"AddFieldColumnHeader1135780333__hoverBridge\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,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/TabsFilter/TabsFilter.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_ = "TabsFilter3586451056";
+var _namespace_ = "TabsFilter4286792124";
 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": "TabsFilter3586451056__root",
-  "title": "TabsFilter3586451056__title"
+  "root": "TabsFilter4286792124__root",
+  "title": "TabsFilter4286792124__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

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

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

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

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

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

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

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

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

@@ -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_ = "ToolbarItemBox3039701418";
+var _namespace_ = "ToolbarItemBox697607015";
 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": "ToolbarItemBox3039701418__root"
+  "root": "ToolbarItemBox697607015__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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