@wix/patterns 1.443.0 → 1.445.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_schemaFieldActions","_FieldManagementModals","_CustomColumnsFull","_CollectionToolbarFilters","_ReferenceFieldCell","_ReferenceFieldFilter","_jsxFileName","SCHEMA_TEXT_OPERATORS","FilterOperator","CONTAINS","NOT_CONTAINS","IS_EMPTY","EXISTS","schemaFilterConfig","s","textOperators","numberIsDecimal","referenceItems","field","referenceCells","itemsFetcherFor","exports","schemaRendering","filterConfig","columnOverrides","type","render","row","rowNum","default","createElement","ReferenceFieldCell","state","fieldId","id","__self","__source","fileName","lineNumber","columnNumber","schemaSource","sourceState","source","editableCellFor","cellFor","createFieldActionsMenu","createSchemaFieldActionsMenu","createFieldActionHandlers","panel","schemaFieldActionHandlers","featuredPageActions","components","FieldManagementModals","CustomColumns","CustomColumnsFull","CollectionToolbarFilters","ReferenceFieldFilter"],"sources":["../../../../src/components/SchemaSource/schemaRendering.tsx"],"sourcesContent":["import React from 'react';\nimport { FilterOperator } from '@wix/bex-core';\nimport type { Column } from '../../model';\nimport type { FieldsSourceRendering } from '../../state/CollectionFieldsSourceState';\nimport type { FieldFilterConfig } from '../../state/buildFieldFilters';\nimport type { SchemaState } from './SchemaState';\nimport {\n  createSchemaFieldActionsMenu,\n  schemaFieldActionHandlers,\n} from './schemaFieldActions';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { CustomColumnsFull } from '../CustomColumns/CustomColumnsFull';\nimport { CollectionToolbarFilters } from '../CollectionToolbarFilters';\nimport { ReferenceFieldCell } from './ReferenceFieldCell';\nimport { ReferenceFieldFilter } from '../ReferenceFieldFilter';\n\n// Text operators a schema source's backend can execute.\nconst SCHEMA_TEXT_OPERATORS = [\n  FilterOperator.CONTAINS,\n  FilterOperator.NOT_CONTAINS,\n  FilterOperator.IS_EMPTY,\n  FilterOperator.EXISTS,\n];\n\n/**\n * The source's filter behavior. Built once and held on the SchemaState, because\n * `filterableFields` reads it to decide whether a reference field is filterable\n * and the spine reads it again to build the filters themselves.\n */\nexport const schemaFilterConfig = (s: SchemaState<any>): FieldFilterConfig => ({\n  textOperators: SCHEMA_TEXT_OPERATORS,\n  numberIsDecimal: () => true,\n  referenceItems: (field) => s.referenceCells.itemsFetcherFor(field),\n});\n\n/**\n * Builds the schema source's config, shaped as a FieldsSourceRendering. The spine\n * builds the field-management panel from this; the per-field actions come from\n * schemaFieldActions.\n */\nexport const schemaRendering = (\n  s: SchemaState<any>,\n): FieldsSourceRendering => ({\n  filterConfig: s.filterConfig,\n  // A reference value is an expanded referenced item, which FieldCell can't\n  // render — the label is in the referenced collection's display field.\n  columnOverrides: (field): Partial<Column> => {\n    if (field.type !== 'REFERENCE' && field.type !== 'MULTI_REFERENCE') {\n      return {};\n    }\n    return {\n      render: (row: unknown, rowNum: number) => (\n        <ReferenceFieldCell\n          state={s}\n          field={field}\n          row={row}\n          fieldId={`${field.id}-${rowNum}`}\n        />\n      ),\n    } as Partial<Column>;\n  },\n  schemaSource: s.sourceState.source,\n  editableCellFor: (field) => s.referenceCells.cellFor(field),\n  createFieldActionsMenu: createSchemaFieldActionsMenu(s),\n  createFieldActionHandlers: (panel) => schemaFieldActionHandlers(s, panel),\n  featuredPageActions: [],\n  components: {\n    FieldManagementModals,\n    CustomColumns: CustomColumnsFull,\n    CollectionToolbarFilters,\n    ReferenceFieldFilter,\n  },\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,mBAAA,GAAAF,OAAA;AAIA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,qBAAA,GAAAP,OAAA;AAA+D,IAAAQ,YAAA;AAE/D;AACA,MAAMC,qBAAqB,GAAG,CAC5BC,uBAAc,CAACC,QAAQ,EACvBD,uBAAc,CAACE,YAAY,EAC3BF,uBAAc,CAACG,QAAQ,EACvBH,uBAAc,CAACI,MAAM,CACtB;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAkB,GAAIC,CAAmB,KAAyB;EAC7EC,aAAa,EAAER,qBAAqB;EACpCS,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,cAAc,EAAGC,KAAK,IAAKJ,CAAC,CAACK,cAAc,CAACC,eAAe,CAACF,KAAK;AACnE,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AAJAG,OAAA,CAAAR,kBAAA,GAAAA,kBAAA;AAKO,MAAMS,eAAe,GAC1BR,CAAmB,KACQ;EAC3BS,YAAY,EAAET,CAAC,CAACS,YAAY;EAC5B;EACA;EACAC,eAAe,EAAGN,KAAK,IAAsB;IAC3C,IAAIA,KAAK,CAACO,IAAI,KAAK,WAAW,IAAIP,KAAK,CAACO,IAAI,KAAK,iBAAiB,EAAE;MAClE,OAAO,CAAC,CAAC;IACX;IACA,OAAO;MACLC,MAAM,EAAEA,CAACC,GAAY,EAAEC,MAAc,kBACnChC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC1B,mBAAA,CAAA2B,kBAAkB;QACjBC,KAAK,EAAElB,CAAE;QACTI,KAAK,EAAEA,KAAM;QACbS,GAAG,EAAEA,GAAI;QACTM,OAAO,EAAE,GAAGf,KAAK,CAACgB,EAAE,IAAIN,MAAM,EAAG;QAAAO,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA/B,YAAA;UAAAgC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAClC;IAEL,CAAC;EACH,CAAC;EACDC,YAAY,EAAE1B,CAAC,CAAC2B,WAAW,CAACC,MAAM;EAClCC,eAAe,EAAGzB,KAAK,IAAKJ,CAAC,CAACK,cAAc,CAACyB,OAAO,CAAC1B,KAAK,CAAC;EAC3D2B,sBAAsB,EAAE,IAAAC,gDAA4B,EAAChC,CAAC,CAAC;EACvDiC,yBAAyB,EAAGC,KAAK,IAAK,IAAAC,6CAAyB,EAACnC,CAAC,EAAEkC,KAAK,CAAC;EACzEE,mBAAmB,EAAE,EAAE;EACvBC,UAAU,EAAE;IACVC,qBAAqB,EAArBA,4CAAqB;IACrBC,aAAa,EAAEC,oCAAiB;IAChCC,wBAAwB,EAAxBA,kDAAwB;IACxBC,oBAAoB,EAApBA;EACF;AACF,CAAC,CAAC;AAACnC,OAAA,CAAAC,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_schemaFieldActions","_FieldManagementModals","_CustomColumnsFull","_CollectionToolbarFilters","_ReferenceFieldCell","_ReferenceFieldFilter","_jsxFileName","SCHEMA_TEXT_OPERATORS","FilterOperator","CONTAINS","NOT_CONTAINS","IS_EMPTY","EXISTS","schemaFilterConfig","s","textOperators","numberIsDecimal","referenceItems","field","referenceCells","itemsFetcherFor","exports","schemaRendering","filterConfig","columnOverrides","isReferenceField","render","row","rowNum","default","createElement","ReferenceFieldCell","state","fieldId","id","__self","__source","fileName","lineNumber","columnNumber","schemaSource","sourceState","source","editableCellFor","cellFor","createFieldActionsMenu","createSchemaFieldActionsMenu","createFieldActionHandlers","panel","schemaFieldActionHandlers","featuredPageActions","components","FieldManagementModals","CustomColumns","CustomColumnsFull","CollectionToolbarFilters","ReferenceFieldFilter"],"sources":["../../../../src/components/SchemaSource/schemaRendering.tsx"],"sourcesContent":["import React from 'react';\nimport { FilterOperator, isReferenceField } from '@wix/bex-core';\nimport type { Column } from '../../model';\nimport type { FieldsSourceRendering } from '../../state/CollectionFieldsSourceState';\nimport type { FieldFilterConfig } from '../../state/buildFieldFilters';\nimport type { SchemaState } from './SchemaState';\nimport {\n  createSchemaFieldActionsMenu,\n  schemaFieldActionHandlers,\n} from './schemaFieldActions';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { CustomColumnsFull } from '../CustomColumns/CustomColumnsFull';\nimport { CollectionToolbarFilters } from '../CollectionToolbarFilters';\nimport { ReferenceFieldCell } from './ReferenceFieldCell';\nimport { ReferenceFieldFilter } from '../ReferenceFieldFilter';\n\n// Text operators a schema source's backend can execute.\nconst SCHEMA_TEXT_OPERATORS = [\n  FilterOperator.CONTAINS,\n  FilterOperator.NOT_CONTAINS,\n  FilterOperator.IS_EMPTY,\n  FilterOperator.EXISTS,\n];\n\n/**\n * The source's filter behavior. Built once and held on the SchemaState, because\n * `filterableFields` reads it to decide whether a reference field is filterable\n * and the spine reads it again to build the filters themselves.\n */\nexport const schemaFilterConfig = (s: SchemaState<any>): FieldFilterConfig => ({\n  textOperators: SCHEMA_TEXT_OPERATORS,\n  numberIsDecimal: () => true,\n  referenceItems: (field) => s.referenceCells.itemsFetcherFor(field),\n});\n\n/**\n * Builds the schema source's config, shaped as a FieldsSourceRendering. The spine\n * builds the field-management panel from this; the per-field actions come from\n * schemaFieldActions.\n */\nexport const schemaRendering = (\n  s: SchemaState<any>,\n): FieldsSourceRendering => ({\n  filterConfig: s.filterConfig,\n  // A reference value is an expanded referenced item, which FieldCell can't\n  // render — the label is in the referenced collection's display field.\n  columnOverrides: (field): Partial<Column> => {\n    if (!isReferenceField(field)) {\n      return {};\n    }\n    return {\n      render: (row: unknown, rowNum: number) => (\n        <ReferenceFieldCell\n          state={s}\n          field={field}\n          row={row}\n          fieldId={`${field.id}-${rowNum}`}\n        />\n      ),\n    } as Partial<Column>;\n  },\n  schemaSource: s.sourceState.source,\n  editableCellFor: (field) => s.referenceCells.cellFor(field),\n  createFieldActionsMenu: createSchemaFieldActionsMenu(s),\n  createFieldActionHandlers: (panel) => schemaFieldActionHandlers(s, panel),\n  featuredPageActions: [],\n  components: {\n    FieldManagementModals,\n    CustomColumns: CustomColumnsFull,\n    CollectionToolbarFilters,\n    ReferenceFieldFilter,\n  },\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,mBAAA,GAAAF,OAAA;AAIA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,qBAAA,GAAAP,OAAA;AAA+D,IAAAQ,YAAA;AAE/D;AACA,MAAMC,qBAAqB,GAAG,CAC5BC,uBAAc,CAACC,QAAQ,EACvBD,uBAAc,CAACE,YAAY,EAC3BF,uBAAc,CAACG,QAAQ,EACvBH,uBAAc,CAACI,MAAM,CACtB;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAkB,GAAIC,CAAmB,KAAyB;EAC7EC,aAAa,EAAER,qBAAqB;EACpCS,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,cAAc,EAAGC,KAAK,IAAKJ,CAAC,CAACK,cAAc,CAACC,eAAe,CAACF,KAAK;AACnE,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AAJAG,OAAA,CAAAR,kBAAA,GAAAA,kBAAA;AAKO,MAAMS,eAAe,GAC1BR,CAAmB,KACQ;EAC3BS,YAAY,EAAET,CAAC,CAACS,YAAY;EAC5B;EACA;EACAC,eAAe,EAAGN,KAAK,IAAsB;IAC3C,IAAI,CAAC,IAAAO,yBAAgB,EAACP,KAAK,CAAC,EAAE;MAC5B,OAAO,CAAC,CAAC;IACX;IACA,OAAO;MACLQ,MAAM,EAAEA,CAACC,GAAY,EAAEC,MAAc,kBACnChC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC1B,mBAAA,CAAA2B,kBAAkB;QACjBC,KAAK,EAAElB,CAAE;QACTI,KAAK,EAAEA,KAAM;QACbS,GAAG,EAAEA,GAAI;QACTM,OAAO,EAAE,GAAGf,KAAK,CAACgB,EAAE,IAAIN,MAAM,EAAG;QAAAO,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA/B,YAAA;UAAAgC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAClC;IAEL,CAAC;EACH,CAAC;EACDC,YAAY,EAAE1B,CAAC,CAAC2B,WAAW,CAACC,MAAM;EAClCC,eAAe,EAAGzB,KAAK,IAAKJ,CAAC,CAACK,cAAc,CAACyB,OAAO,CAAC1B,KAAK,CAAC;EAC3D2B,sBAAsB,EAAE,IAAAC,gDAA4B,EAAChC,CAAC,CAAC;EACvDiC,yBAAyB,EAAGC,KAAK,IAAK,IAAAC,6CAAyB,EAACnC,CAAC,EAAEkC,KAAK,CAAC;EACzEE,mBAAmB,EAAE,EAAE;EACvBC,UAAU,EAAE;IACVC,qBAAqB,EAArBA,4CAAqB;IACrBC,aAAa,EAAEC,oCAAiB;IAChCC,wBAAwB,EAAxBA,kDAAwB;IACxBC,oBAAoB,EAApBA;EACF;AACF,CAAC,CAAC;AAACnC,OAAA,CAAAC,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/SchemaSource/tableSchemaSource.js

@@ -65,6 +65,9 @@ class TableSchemaSourceImpl {
   get references() {
     return this.source.references;
   }
+  get getReferencedCollectionSource() {
+    return this.source.getReferencedCollectionSource;
+  }
   get fieldsContainer() {
     // Attached by `useSchemaSource`; forwarded like every other member, or the
     // wrapper would hand the components a source with no container.

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_SchemaState","TableSchemaSourceImpl","constructor","source","_defineProperty2","default","collectionId","paginationMode","itemKey","itemName","getFieldValue","setFieldValue","references","fieldsContainer","fieldModal","fieldTypes","fieldPermissions","supportsPii","loadSchema","searchableFieldIds","canAddFields","canEditField","canDeleteField","schemaState","state","setOnTable","toolbar","SchemaState","sourceState","SourceState","container","tableSchemaSource","exports"],"sources":["../../../../src/components/SchemaSource/tableSchemaSource.ts"],"sourcesContent":["import { SourceState } from '@wix/bex-core';\nimport type { SchemaSource } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport type { SchemaSourceWithFields } from '../../model/schemaFieldsContainer';\nimport type { ToolbarCollectionState } from '../../state';\nimport { SchemaState } from './SchemaState';\n\n/**\n * A schema source ready to attach to a table: the full config plus a\n * `setOnTable` that builds the SchemaState. Keeping `new SchemaState` here — not\n * in the table hook — keeps it out of the core table bundle; only consumers that\n * call `tableSchemaSource` pull it in.\n *\n * `schemaState` exposes the attached state so the import reads the same\n * live schema the table renders — import always matches the visible columns\n * (including fields it just created, or ones added via the field-management\n * panel), rather than a separate loaded copy.\n */\nexport type TableSchemaSource<T = Record<string, unknown>> = SchemaSource<T> &\n  FieldsSourceProvider & {\n    readonly schemaState?: SchemaState<T>;\n  };\n\n/**\n * Implemented as a class (not an object literal with a `get schemaState()` after\n * `...source`): a getter placed in a spread literal is evaluated once and\n * flattened to a static `undefined` data property by Object.assign-based (loose)\n * object-spread transpilation, which silently drops the live binding — so\n * the import would never see the loaded fields. A prototype accessor is\n * always a real accessor, immune to that.\n *\n * The wrapped source's members (`collectionConfig`, `loadSchema`, …) are copied\n * onto the instance so it's usable anywhere a `SchemaSource` is; `state` is\n * created once on attach and reused, so the table and the import share\n * one SchemaState (and one load).\n */\nclass TableSchemaSourceImpl<T> implements TableSchemaSource<T> {\n  private state?: SchemaState<T>;\n  private readonly source: SchemaSource<T>;\n\n  // A field + body assignment (not a constructor parameter property — the docs\n  // Storybook's Babel doesn't strip that TS syntax).\n  constructor(source: SchemaSource<T>) {\n    this.source = source;\n  }\n\n  // Delegate the SchemaSource surface to the wrapped source via getters, so the\n  // instance always reflects it with no copies to keep in sync. Prototype\n  // accessors (unlike a getter inside a `...source` spread literal) survive\n  // Object.assign-based (loose) object-spread transpilation.\n  get collectionId() {\n    return this.source.collectionId;\n  }\n  get paginationMode() {\n    return this.source.paginationMode;\n  }\n  get itemKey() {\n    return this.source.itemKey;\n  }\n  get itemName() {\n    return this.source.itemName;\n  }\n  get getFieldValue() {\n    return this.source.getFieldValue;\n  }\n  get setFieldValue() {\n    return this.source.setFieldValue;\n  }\n  get references() {\n    return this.source.references;\n  }\n  get fieldsContainer() {\n    // Attached by `useSchemaSource`; forwarded like every other member, or the\n    // wrapper would hand the components a source with no container.\n    return (this.source as SchemaSourceWithFields).fieldsContainer;\n  }\n  get fieldModal() {\n    return this.source.fieldModal;\n  }\n  get fieldTypes() {\n    return this.source.fieldTypes;\n  }\n  get fieldPermissions() {\n    return this.source.fieldPermissions;\n  }\n  get supportsPii() {\n    return this.source.supportsPii;\n  }\n  get loadSchema() {\n    return this.source.loadSchema;\n  }\n  get searchableFieldIds() {\n    return this.source.searchableFieldIds;\n  }\n  get canAddFields() {\n    return this.source.canAddFields;\n  }\n  get canEditField() {\n    return this.source.canEditField;\n  }\n  get canDeleteField() {\n    return this.source.canDeleteField;\n  }\n\n  get schemaState(): SchemaState<T> | undefined {\n    return this.state;\n  }\n\n  setOnTable(toolbar: ToolbarCollectionState<any, any>): void {\n    this.state ??= new SchemaState<T>({\n      sourceState: new SourceState<T>({\n        container: toolbar.container,\n        source: this.source,\n      }),\n    });\n    this.state.setOnTable(toolbar);\n  }\n}\n\n/** @deprecated Pass the source to a `@wix/patterns/schema` collection hook\n *  instead — no wrapper needed. */\nexport const tableSchemaSource = <T>(\n  source: SchemaSource<T>,\n): TableSchemaSource<T> => new TableSchemaSourceImpl<T>(source);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_SchemaState","TableSchemaSourceImpl","constructor","source","_defineProperty2","default","collectionId","paginationMode","itemKey","itemName","getFieldValue","setFieldValue","references","getReferencedCollectionSource","fieldsContainer","fieldModal","fieldTypes","fieldPermissions","supportsPii","loadSchema","searchableFieldIds","canAddFields","canEditField","canDeleteField","schemaState","state","setOnTable","toolbar","SchemaState","sourceState","SourceState","container","tableSchemaSource","exports"],"sources":["../../../../src/components/SchemaSource/tableSchemaSource.ts"],"sourcesContent":["import { SourceState } from '@wix/bex-core';\nimport type { SchemaSource } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport type { SchemaSourceWithFields } from '../../model/schemaFieldsContainer';\nimport type { ToolbarCollectionState } from '../../state';\nimport { SchemaState } from './SchemaState';\n\n/**\n * A schema source ready to attach to a table: the full config plus a\n * `setOnTable` that builds the SchemaState. Keeping `new SchemaState` here — not\n * in the table hook — keeps it out of the core table bundle; only consumers that\n * call `tableSchemaSource` pull it in.\n *\n * `schemaState` exposes the attached state so the import reads the same\n * live schema the table renders — import always matches the visible columns\n * (including fields it just created, or ones added via the field-management\n * panel), rather than a separate loaded copy.\n */\nexport type TableSchemaSource<T = Record<string, unknown>> = SchemaSource<T> &\n  FieldsSourceProvider & {\n    readonly schemaState?: SchemaState<T>;\n  };\n\n/**\n * Implemented as a class (not an object literal with a `get schemaState()` after\n * `...source`): a getter placed in a spread literal is evaluated once and\n * flattened to a static `undefined` data property by Object.assign-based (loose)\n * object-spread transpilation, which silently drops the live binding — so\n * the import would never see the loaded fields. A prototype accessor is\n * always a real accessor, immune to that.\n *\n * The wrapped source's members (`collectionConfig`, `loadSchema`, …) are copied\n * onto the instance so it's usable anywhere a `SchemaSource` is; `state` is\n * created once on attach and reused, so the table and the import share\n * one SchemaState (and one load).\n */\nclass TableSchemaSourceImpl<T> implements TableSchemaSource<T> {\n  private state?: SchemaState<T>;\n  private readonly source: SchemaSource<T>;\n\n  // A field + body assignment (not a constructor parameter property — the docs\n  // Storybook's Babel doesn't strip that TS syntax).\n  constructor(source: SchemaSource<T>) {\n    this.source = source;\n  }\n\n  // Delegate the SchemaSource surface to the wrapped source via getters, so the\n  // instance always reflects it with no copies to keep in sync. Prototype\n  // accessors (unlike a getter inside a `...source` spread literal) survive\n  // Object.assign-based (loose) object-spread transpilation.\n  get collectionId() {\n    return this.source.collectionId;\n  }\n  get paginationMode() {\n    return this.source.paginationMode;\n  }\n  get itemKey() {\n    return this.source.itemKey;\n  }\n  get itemName() {\n    return this.source.itemName;\n  }\n  get getFieldValue() {\n    return this.source.getFieldValue;\n  }\n  get setFieldValue() {\n    return this.source.setFieldValue;\n  }\n  get references() {\n    return this.source.references;\n  }\n  get getReferencedCollectionSource() {\n    return this.source.getReferencedCollectionSource;\n  }\n  get fieldsContainer() {\n    // Attached by `useSchemaSource`; forwarded like every other member, or the\n    // wrapper would hand the components a source with no container.\n    return (this.source as SchemaSourceWithFields).fieldsContainer;\n  }\n  get fieldModal() {\n    return this.source.fieldModal;\n  }\n  get fieldTypes() {\n    return this.source.fieldTypes;\n  }\n  get fieldPermissions() {\n    return this.source.fieldPermissions;\n  }\n  get supportsPii() {\n    return this.source.supportsPii;\n  }\n  get loadSchema() {\n    return this.source.loadSchema;\n  }\n  get searchableFieldIds() {\n    return this.source.searchableFieldIds;\n  }\n  get canAddFields() {\n    return this.source.canAddFields;\n  }\n  get canEditField() {\n    return this.source.canEditField;\n  }\n  get canDeleteField() {\n    return this.source.canDeleteField;\n  }\n\n  get schemaState(): SchemaState<T> | undefined {\n    return this.state;\n  }\n\n  setOnTable(toolbar: ToolbarCollectionState<any, any>): void {\n    this.state ??= new SchemaState<T>({\n      sourceState: new SourceState<T>({\n        container: toolbar.container,\n        source: this.source,\n      }),\n    });\n    this.state.setOnTable(toolbar);\n  }\n}\n\n/** @deprecated Pass the source to a `@wix/patterns/schema` collection hook\n *  instead — no wrapper needed. */\nexport const tableSchemaSource = <T>(\n  source: SchemaSource<T>,\n): TableSchemaSource<T> => new TableSchemaSourceImpl<T>(source);\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_ = "ScrollableContent53616448";
+var _namespace_ = "ScrollableContent2293720042";
 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": "ScrollableContent53616448__root"
+  "root": "ScrollableContent2293720042__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_ = \"ScrollableContent53616448\";\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\":\"ScrollableContent53616448__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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2293720042\";\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\":\"ScrollableContent2293720042__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/SetupStepSecondaryCta.js

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.SetupStepSecondaryCta = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
+var _SetupWidgetStCss = require("./SetupWidget.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SetupWidget/SetupStepSecondaryCta.tsx";
 /**
  * A step's extra icon-only action, rendered before its CTA. Shared by leaf rows
@@ -32,7 +33,7 @@ const SetupStepSecondaryCta = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 24,
       columnNumber: 5
     }
   }, cta.icon);
@@ -43,15 +44,16 @@ const SetupStepSecondaryCta = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 44,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     verticalAlign: "middle",
+    className: (0, _SetupWidgetStCss.st)(_SetupWidgetStCss.classes.secondaryCta),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 45,
       columnNumber: 7
     }
   }, cta.tooltip ? /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -60,7 +62,7 @@ const SetupStepSecondaryCta = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 47,
       columnNumber: 11
     }
   }, button) : button));

package/dist/cjs/components/SetupWidget/SetupStepSecondaryCta.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","SetupStepSecondaryCta","stepId","cta","disabled","onActivate","button","default","createElement","IconButton","dataHook","size","priority","ariaLabel","onClick","event","stopPropagation","__self","__source","fileName","lineNumber","columnNumber","icon","ClickableCard","Action","Box","verticalAlign","tooltip","Tooltip","content","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepSecondaryCta.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip, ClickableCard } from '@wix/design-system';\nimport { SetupWidgetStepSecondaryCta as SecondaryCta } from '@wix/bex-core';\n\nexport interface SetupStepSecondaryCtaProps {\n  stepId: string;\n  cta: SecondaryCta;\n  disabled?: boolean;\n  onActivate: () => void;\n}\n\n/**\n * A step's extra icon-only action, rendered before its CTA. Shared by leaf rows\n * and aggregated group rows.\n */\nexport const SetupStepSecondaryCta = ({\n  stepId,\n  cta,\n  disabled,\n  onActivate,\n}: SetupStepSecondaryCtaProps) => {\n  const button = (\n    <IconButton\n      dataHook={`setup-step-secondary-cta-${stepId}`}\n      size=\"small\"\n      // No `skin` — the Harmony theme's IconButton default (`dark`) has to win\n      // here, the same way the CTA next to it picks up its own default.\n      priority=\"tertiary\"\n      disabled={disabled}\n      ariaLabel={cta.ariaLabel}\n      onClick={(event: React.MouseEvent) => {\n        event.stopPropagation();\n        onActivate();\n      }}\n    >\n      {cta.icon}\n    </IconButton>\n  );\n\n  // The Tooltip goes inside ClickableCard.Action so it clones the button\n  // itself — that's what carries its focus handlers and aria wiring.\n  return (\n    <ClickableCard.Action>\n      <Box verticalAlign=\"middle\">\n        {cta.tooltip ? (\n          <Tooltip\n            dataHook={`setup-step-secondary-cta-tooltip-${stepId}`}\n            content={cta.tooltip}\n          >\n            {button}\n          </Tooltip>\n        ) : (\n          button\n        )}\n      </Box>\n    </ClickableCard.Action>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA6E,IAAAE,YAAA;AAU7E;AACA;AACA;AACA;AACO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,MAAM;EACNC,GAAG;EACHC,QAAQ;EACRC;AAC0B,CAAC,KAAK;EAChC,MAAMC,MAAM,gBACVV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,UAAU;IACTC,QAAQ,EAAE,4BAA4BR,MAAM,EAAG;IAC/CS,IAAI,EAAC;IACL;IACA;IAAA;IACAC,QAAQ,EAAC,UAAU;IACnBR,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAEV,GAAG,CAACU,SAAU;IACzBC,OAAO,EAAGC,KAAuB,IAAK;MACpCA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBX,UAAU,CAAC,CAAC;IACd,CAAE;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDlB,GAAG,CAACmB,IACK,CACb;;EAED;EACA;EACA,oBACE1B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAwB,aAAa,CAACC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnBzB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAA0B,GAAG;IAACC,aAAa,EAAC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBlB,GAAG,CAACwB,OAAO,gBACV/B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAA6B,OAAO;IACNlB,QAAQ,EAAE,oCAAoCR,MAAM,EAAG;IACvD2B,OAAO,EAAE1B,GAAG,CAACwB,OAAQ;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBf,MACM,CAAC,GAEVA,MAEC,CACe,CAAC;AAE3B,CAAC;AAACwB,OAAA,CAAA7B,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_SetupWidgetStCss","_jsxFileName","SetupStepSecondaryCta","stepId","cta","disabled","onActivate","button","default","createElement","IconButton","dataHook","size","priority","ariaLabel","onClick","event","stopPropagation","__self","__source","fileName","lineNumber","columnNumber","icon","ClickableCard","Action","Box","verticalAlign","className","st","classes","secondaryCta","tooltip","Tooltip","content","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepSecondaryCta.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip, ClickableCard } from '@wix/design-system';\nimport { SetupWidgetStepSecondaryCta as SecondaryCta } from '@wix/bex-core';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepSecondaryCtaProps {\n  stepId: string;\n  cta: SecondaryCta;\n  disabled?: boolean;\n  onActivate: () => void;\n}\n\n/**\n * A step's extra icon-only action, rendered before its CTA. Shared by leaf rows\n * and aggregated group rows.\n */\nexport const SetupStepSecondaryCta = ({\n  stepId,\n  cta,\n  disabled,\n  onActivate,\n}: SetupStepSecondaryCtaProps) => {\n  const button = (\n    <IconButton\n      dataHook={`setup-step-secondary-cta-${stepId}`}\n      size=\"small\"\n      // No `skin` — the Harmony theme's IconButton default (`dark`) has to win\n      // here, the same way the CTA next to it picks up its own default.\n      priority=\"tertiary\"\n      disabled={disabled}\n      ariaLabel={cta.ariaLabel}\n      onClick={(event: React.MouseEvent) => {\n        event.stopPropagation();\n        onActivate();\n      }}\n    >\n      {cta.icon}\n    </IconButton>\n  );\n\n  // The Tooltip goes inside ClickableCard.Action so it clones the button\n  // itself — that's what carries its focus handlers and aria wiring.\n  return (\n    <ClickableCard.Action>\n      <Box verticalAlign=\"middle\" className={st(classes.secondaryCta)}>\n        {cta.tooltip ? (\n          <Tooltip\n            dataHook={`setup-step-secondary-cta-tooltip-${stepId}`}\n            content={cta.tooltip}\n          >\n            {button}\n          </Tooltip>\n        ) : (\n          button\n        )}\n      </Box>\n    </ClickableCard.Action>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAAsD,IAAAG,YAAA;AAStD;AACA;AACA;AACA;AACO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,MAAM;EACNC,GAAG;EACHC,QAAQ;EACRC;AAC0B,CAAC,KAAK;EAChC,MAAMC,MAAM,gBACVX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,UAAU;IACTC,QAAQ,EAAE,4BAA4BR,MAAM,EAAG;IAC/CS,IAAI,EAAC;IACL;IACA;IAAA;IACAC,QAAQ,EAAC,UAAU;IACnBR,QAAQ,EAAEA,QAAS;IACnBS,SAAS,EAAEV,GAAG,CAACU,SAAU;IACzBC,OAAO,EAAGC,KAAuB,IAAK;MACpCA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBX,UAAU,CAAC,CAAC;IACd,CAAE;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDlB,GAAG,CAACmB,IACK,CACb;;EAED;EACA;EACA,oBACE3B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAyB,aAAa,CAACC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnB1B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA2B,GAAG;IAACC,aAAa,EAAC,QAAQ;IAACC,SAAS,EAAE,IAAAC,oBAAE,EAACC,yBAAO,CAACC,YAAY,CAAE;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7DlB,GAAG,CAAC4B,OAAO,gBACVpC,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAkC,OAAO;IACNtB,QAAQ,EAAE,oCAAoCR,MAAM,EAAG;IACvD+B,OAAO,EAAE9B,GAAG,CAAC4B,OAAQ;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBf,MACM,CAAC,GAEVA,MAEC,CACe,CAAC;AAE3B,CAAC;AAAC4B,OAAA,CAAAjC,qBAAA,GAAAA,qBAAA","ignoreList":[]}

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

@@ -49,15 +49,32 @@
   --wds-color-fill-surface-default: var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));
 }
 
-/* Completed step's CTA is revealed on row hover/focus (desktop), mirroring the
- * existing Setup widget. It still occupies space so the row height is stable. */
-.completedCta {
+/* A completed step's CTA and a step's secondary action are both revealed on row
+ * hover (desktop), mirroring the existing Setup widget. They keep their space,
+ * so the row height is stable and the step's CTA doesn't shift on hover. */
+.completedCta,
+.secondaryCta {
   opacity: 0;
   transition: opacity 0.25s ease-in-out;
 }
 
-.row:hover .completedCta,
-.row:focus-within .completedCta {
+/* `:hover` is gated so a tap on a touch device can't leave a sticky hover
+ * state — WDS gates its own the same way, see wix-design-systems#16201. With no
+ * hover the buttons stay hidden, which is intended: mobile renders
+ * SetupStepCard, and it has no per-step action area at all. */
+@media (hover: hover) {
+  .row:hover .completedCta,
+  .row:hover .secondaryCta {
+    opacity: 1;
+  }
+}
+
+/* The focus reveal stays outside that query. `opacity` (not `visibility`)
+ * leaves the buttons focusable while invisible, so a keyboard focus ring must
+ * never land on something the user cannot see — on any device. */
+.row:focus-within .completedCta,
+.row:focus-within .secondaryCta,
+.secondaryCta:focus-within {
   opacity: 1;
 }
 

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

@@ -5,21 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget1177837430";
+var _namespace_ = "SetupWidget1751783782";
 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": "SetupWidget1177837430__root",
-  "row": "SetupWidget1177837430__row",
-  "completedCta": "SetupWidget1177837430__completedCta",
-  "card": "SetupWidget1177837430__card",
-  "stepIcon": "SetupWidget1177837430__stepIcon",
-  "chevron": "SetupWidget1177837430__chevron",
-  "chevronDisabled": "SetupWidget1177837430__chevronDisabled",
-  "inProgressLabel": "SetupWidget1177837430__inProgressLabel"
+  "root": "SetupWidget1751783782__root",
+  "row": "SetupWidget1751783782__row",
+  "completedCta": "SetupWidget1751783782__completedCta",
+  "secondaryCta": "SetupWidget1751783782__secondaryCta",
+  "card": "SetupWidget1751783782__card",
+  "stepIcon": "SetupWidget1751783782__stepIcon",
+  "chevron": "SetupWidget1751783782__chevron",
+  "chevronDisabled": "SetupWidget1751783782__chevronDisabled",
+  "inProgressLabel": "SetupWidget1751783782__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_ = \"SetupWidget1177837430\";\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\":\"SetupWidget1177837430__root\",\"row\":\"SetupWidget1177837430__row\",\"completedCta\":\"SetupWidget1177837430__completedCta\",\"card\":\"SetupWidget1177837430__card\",\"stepIcon\":\"SetupWidget1177837430__stepIcon\",\"chevron\":\"SetupWidget1177837430__chevron\",\"chevronDisabled\":\"SetupWidget1177837430__chevronDisabled\",\"inProgressLabel\":\"SetupWidget1177837430__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_ = \"SetupWidget1751783782\";\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\":\"SetupWidget1751783782__root\",\"row\":\"SetupWidget1751783782__row\",\"completedCta\":\"SetupWidget1751783782__completedCta\",\"secondaryCta\":\"SetupWidget1751783782__secondaryCta\",\"card\":\"SetupWidget1751783782__card\",\"stepIcon\":\"SetupWidget1751783782__stepIcon\",\"chevron\":\"SetupWidget1751783782__chevron\",\"chevronDisabled\":\"SetupWidget1751783782__chevronDisabled\",\"inProgressLabel\":\"SetupWidget1751783782__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,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AACpb,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/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_ = "SkeletonCard3642517607";
+var _namespace_ = "SkeletonCard3743223440";
 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": "SkeletonCard3642517607__root",
-  "headerLoading": "SkeletonCard3642517607__headerLoading"
+  "root": "SkeletonCard3743223440__root",
+  "headerLoading": "SkeletonCard3743223440__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_ = \"SkeletonCard3642517607\";\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\":\"SkeletonCard3642517607__root\",\"headerLoading\":\"SkeletonCard3642517607__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_ = \"SkeletonCard3743223440\";\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\":\"SkeletonCard3743223440__root\",\"headerLoading\":\"SkeletonCard3743223440__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":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.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_ = "SlidingModal2387354353";
+var _namespace_ = "SlidingModal2468710087";
 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": "SlidingModal2387354353__root"
+  "root": "SlidingModal2468710087__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"SlidingModal2387354353\";\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\":\"SlidingModal2387354353__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":[]}
+{"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_ = \"SlidingModal2468710087\";\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\":\"SlidingModal2468710087__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_ = "AddFieldColumnHeader1284582770";
+var _namespace_ = "AddFieldColumnHeader3783145171";
 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": "AddFieldColumnHeader1284582770__root",
-  "title": "AddFieldColumnHeader1284582770__title",
-  "hoverBridge": "AddFieldColumnHeader1284582770__hoverBridge"
+  "root": "AddFieldColumnHeader3783145171__root",
+  "title": "AddFieldColumnHeader3783145171__title",
+  "hoverBridge": "AddFieldColumnHeader3783145171__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_ = \"AddFieldColumnHeader1284582770\";\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\":\"AddFieldColumnHeader1284582770__root\",\"title\":\"AddFieldColumnHeader1284582770__title\",\"hoverBridge\":\"AddFieldColumnHeader1284582770__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_ = \"AddFieldColumnHeader3783145171\";\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\":\"AddFieldColumnHeader3783145171__root\",\"title\":\"AddFieldColumnHeader3783145171__title\",\"hoverBridge\":\"AddFieldColumnHeader3783145171__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/TableSections/TableSectionRow.js

@@ -7,6 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _CollectionSectionHeader = require("../CollectionSectionHeader");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TableSections/TableSectionRow.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); }
 const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
@@ -15,6 +16,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
   rowData,
   ...props
 }, ref) => {
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     children,
     className,
@@ -40,7 +42,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 42,
         columnNumber: 7
       }
     }));
@@ -52,7 +54,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 56,
+          lineNumber: 58,
           columnNumber: 14
         }
       }));
@@ -75,7 +77,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 62,
+        lineNumber: 64,
         columnNumber: 7
       }
     }), /*#__PURE__*/_react.default.createElement("th", {
@@ -87,7 +89,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 75,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -99,7 +101,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 80,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_CollectionSectionHeader.CollectionSectionHeader, {
@@ -107,14 +109,14 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       sectionIndex: sectionIndex,
       section: section,
       biComponentType: "TableSections",
-      skin: "neutral",
+      skin: isBmHarmonyTheme ? 'standard' : 'neutral',
       dataHook: "table-section-header",
       collapsible: collapsible,
       onToggleCollapse: state.toggleSection,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 85,
+        lineNumber: 87,
         columnNumber: 13
       }
     }))));
@@ -123,7 +125,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 103,
       columnNumber: 10
     }
   }));

package/dist/cjs/components/TableSections/TableSectionRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSectionRow","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","contentWidth","table","toolbar","itemsContentRect","rect","width","sectionContentWidth","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","result","getSectionWithCount","sectionId","sectionIndex","section","collapsible","position","cursor","colSpan","scope","padding","left","CollectionSectionHeader","biComponentType","skin","dataHook","onToggleCollapse","toggleSection","TableSectionRow","exports","observer"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nconst _TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const contentWidth = state.table.toolbar.itemsContentRect.rect.width;\n  const sectionContentWidth = contentWidth ? `${contentWidth}px` : '100%';\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const result = state.getSectionWithCount(rowData);\n\n    if (!result) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    const { sectionId, sectionIndex, section, collapsible } = result;\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n          cursor: 'default',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              left: 0,\n              width: sectionContentWidth,\n            }}\n          >\n            <CollectionSectionHeader\n              sectionId={sectionId}\n              sectionIndex={sectionIndex}\n              section={section}\n              biComponentType=\"TableSections\"\n              skin=\"neutral\"\n              dataHook=\"table-section-header\"\n              collapsible={collapsible}\n              onToggleCollapse={state.toggleSection}\n            />\n          </div>\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n\nexport const TableSectionRow = observer(_TableSectionRow);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionSectionHeader","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSectionRow","forwardRef","state","RegularTrElement","rowData","props","ref","isBmHarmonyTheme","useBmHarmonyTheme","children","className","style","isSectionRow","contentWidth","table","toolbar","itemsContentRect","rect","width","sectionContentWidth","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","result","getSectionWithCount","sectionId","sectionIndex","section","collapsible","position","cursor","colSpan","scope","padding","left","CollectionSectionHeader","biComponentType","skin","dataHook","onToggleCollapse","toggleSection","TableSectionRow","exports","observer"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nconst _TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const contentWidth = state.table.toolbar.itemsContentRect.rect.width;\n  const sectionContentWidth = contentWidth ? `${contentWidth}px` : '100%';\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const result = state.getSectionWithCount(rowData);\n\n    if (!result) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    const { sectionId, sectionIndex, section, collapsible } = result;\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n          cursor: 'default',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              left: 0,\n              width: sectionContentWidth,\n            }}\n          >\n            <CollectionSectionHeader\n              sectionId={sectionId}\n              sectionIndex={sectionIndex}\n              section={section}\n              biComponentType=\"TableSections\"\n              skin={isBmHarmonyTheme ? 'standard' : 'neutral'}\n              dataHook=\"table-section-header\"\n              collapsible={collapsible}\n              onToggleCollapse={state.toggleSection}\n            />\n          </div>\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n\nexport const TableSectionRow = observer(_TableSectionRow);\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,9 +9,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _state = require("../../state");
 var _mobxReactLite = require("mobx-react-lite");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TableSkeleton/TableSkeleton.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 _TableSkeleton(props) {
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     state,
     dataHook,
@@ -45,14 +47,14 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 55,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 56,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -62,7 +64,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 55,
+        lineNumber: 57,
         columnNumber: 15
       }
     })))
@@ -79,7 +81,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 75,
         columnNumber: 16
       }
     }));
@@ -96,11 +98,11 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 82,
+        lineNumber: 84,
         columnNumber: 5
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table, (0, _extends2.default)({
-      skin: "neutral",
+      skin: isBmHarmonyTheme ? 'standard' : 'neutral',
       data: data,
       columns: columns,
       withWrapper: false,
@@ -109,7 +111,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 83,
+        lineNumber: 85,
         columnNumber: 7
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -120,7 +122,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 93,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Content, {
@@ -128,7 +130,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97,
+        lineNumber: 99,
         columnNumber: 11
       }
     }))))