n8n-editor-ui 1.115.0 → 1.116.0

package/dist/assets/{DataStoreDetailsView-Bc-J9ZrW.css → DataTableDetailsView-BOmb3x4S.css}

@@ -120,23 +120,23 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._data-store-breadcrumbs_1n6ua_123 {
+._data-table-breadcrumbs_9bko0_123 {
   display: flex;
   align-items: center;
 }
-._data-store-actions_1n6ua_128 {
+._data-table-actions_9bko0_128 {
   position: relative;
-  top: var(--spacing-5xs);
+  top: var(--spacing--5xs);
 }
-._separator_1n6ua_133 {
-  font-size: var(--font-size-xl);
-  color: var(--color-foreground-base);
-  padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
+._separator_9bko0_133 {
+  font-size: var(--font-size--xl);
+  color: var(--color--foreground);
+  padding: var(--spacing--3xs) var(--spacing--4xs) var(--spacing--4xs);
 }
-._breadcrumb-current_1n6ua_139 {
-  color: var(--color-text-dark);
-  font-size: var(--font-size-s);
-  padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
+._breadcrumb-current_9bko0_139 {
+  color: var(--color--text--shade-1);
+  font-size: var(--font-size--sm);
+  padding: var(--spacing--3xs) var(--spacing--4xs) var(--spacing--4xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -259,28 +259,28 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.data-store-column-header-wrapper {
+.data-table-column-header-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   cursor: default;
 }
-.data-store-column-header-wrapper.sortable {
+.data-table-column-header-wrapper.sortable {
   cursor: pointer;
 }
-.data-store-column-header-action-item {
+.data-table-column-header-action-item {
   justify-content: flex-start;
-  gap: var(--spacing-xs);
+  gap: var(--spacing--xs);
 }
-.data-store-column-header-icon-wrapper {
+.data-table-column-header-icon-wrapper {
   flex: 1;
   display: flex;
   align-items: center;
-  gap: var(--spacing-2xs);
+  gap: var(--spacing--2xs);
   min-width: 0;
 }
-.data-store-column-header-icon-wrapper .n8n-icon {
+.data-table-column-header-icon-wrapper .n8n-icon {
   flex-shrink: 0;
 }
 .ag-header-cell-text {
@@ -296,16 +296,16 @@
   flex-shrink: 0;
 }
 .sort-indicator .sort-icon-active {
-  font-size: var(--font-size-2xs);
+  font-size: var(--font-size--2xs);
   line-height: 1;
-  color: var(--color-text-base);
-  font-weight: var(--font-weight-bold);
+  color: var(--color--text);
+  font-weight: var(--font-weight--bold);
 }
 .filter-highlighted {
-  color: var(--color-primary);
+  color: var(--color--primary);
 }
 .filter-highlighted:hover {
-  color: var(--color-primary);
+  color: var(--color--primary);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -428,27 +428,27 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.datastore-datepicker-wrapper {
-  border-radius: var(--border-radius-base);
+.data-table-datepicker-wrapper {
+  border-radius: var(--radius);
 }
-.datastore-datepicker-wrapper .el-input__prefix {
+.data-table-datepicker-wrapper .el-input__prefix {
   display: none;
 }
-.datastore-datepicker-wrapper .el-input__suffix {
+.data-table-datepicker-wrapper .el-input__suffix {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  color: var(--color-foreground-dark);
+  color: var(--color--foreground--shade-1);
 }
-.datastore-datepicker-wrapper .el-input__inner {
+.data-table-datepicker-wrapper .el-input__inner {
   border: none !important;
   padding-left: var(--ag-input-padding-start);
 }
-.datastore-datepicker-wrapper:where(:focus-within, :active) {
+.data-table-datepicker-wrapper:where(:focus-within, :active) {
   box-shadow: none;
   border: var(--grid-cell-editing-border);
 }
-.datastore-datepicker-popper .el-date-picker__time-header .el-date-picker__editor-wrap:first-child {
+.data-table-datepicker-popper .el-date-picker__time-header .el-date-picker__editor-wrap:first-child {
   display: none;
 }/* BEM support Func
  -------------------------- */
@@ -572,28 +572,28 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.datastore-date-filter-wrapper {
+.data-table-date-filter-wrapper {
   border: var(--ag-picker-button-border);
-  border-radius: var(--border-radius-base);
+  border-radius: var(--radius);
 }
-.datastore-date-filter-wrapper .el-input__prefix {
+.data-table-date-filter-wrapper .el-input__prefix {
   display: none;
 }
-.datastore-date-filter-wrapper .el-input__suffix {
+.data-table-date-filter-wrapper .el-input__suffix {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  color: var(--color-foreground-dark);
+  color: var(--color--foreground--shade-1);
 }
-.datastore-date-filter-wrapper .el-input__inner {
+.data-table-date-filter-wrapper .el-input__inner {
   border: none !important;
   padding-left: var(--ag-input-padding-start);
 }
-.datastore-date-filter-wrapper:where(:focus-within, :active) {
+.data-table-date-filter-wrapper:where(:focus-within, :active) {
   box-shadow: none;
   border: var(--ag-picker-button-focus-border);
 }
-.datastore-date-filter-popper .el-date-picker__time-header .el-date-picker__editor-wrap:first-child {
+.data-table-date-filter-popper .el-date-picker__time-header .el-date-picker__editor-wrap:first-child {
   display: none;
 }/* BEM support Func
  -------------------------- */
@@ -723,20 +723,20 @@
   width: 300px;
 }
 .add-ds-column-header-popover-content .popover-header {
-  padding: var(--spacing-2xs);
-  border-bottom: var(--border-base);
+  padding: var(--spacing--2xs);
+  border-bottom: var(--border);
 }
 .add-ds-column-header-popover-content .popover-body {
-  padding: var(--spacing-xs);
+  padding: var(--spacing--xs);
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-xs);
+  gap: var(--spacing--xs);
 }
 .add-ds-column-header-popover-content .error-message {
   display: flex;
   align-items: center;
-  gap: var(--spacing-4xs);
-  color: var(--color-text-danger);
+  gap: var(--spacing--4xs);
+  color: var(--color--text--danger);
 }
 .add-ds-column-header-popover-content .error-tooltip {
   cursor: pointer;
@@ -744,7 +744,7 @@
 .add-column-option-content {
   display: flex;
   align-items: center;
-  gap: var(--spacing-xs);
+  gap: var(--spacing--xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -869,7 +869,7 @@
  -------------------------- */
 .n8n-empty-value {
   font-style: italic;
-  color: var(--color-text-base);
+  color: var(--color--text);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -992,183 +992,183 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_1aa24_123 {
-  --ag-foreground-color: var(--color-text-base);
-  --ag-cell-text-color: var(--color-text-dark);
-  --ag-accent-color: var(--p-color-secondary-470);
-  --ag-row-hover-color: var(--color-background-light-base);
-  --ag-background-color: var(--color-background-xlight);
-  --ag-border-color: var(--border-color-base);
-  --ag-border-radius: var(--border-radius-base);
+._wrapper_a9qvr_123 {
+  --ag-foreground-color: var(--color--text);
+  --ag-cell-text-color: var(--color--text--shade-1);
+  --ag-accent-color: var(--p--color--secondary-470);
+  --ag-row-hover-color: var(--color--background--light-1);
+  --ag-background-color: var(--color--background--light-3);
+  --ag-border-color: var(--border-color);
+  --ag-border-radius: var(--radius);
   --ag-wrapper-border-radius: 0;
   --ag-font-family: var(--font-family);
-  --ag-font-size: var(--font-size-xs);
-  --ag-font-color: var(--color-text-base);
+  --ag-font-size: var(--font-size--xs);
+  --ag-font-color: var(--color--text);
   --ag-row-height: calc(var(--ag-grid-size) * 0.8 + 32px);
-  --ag-header-background-color: var(--color-background-light-base);
-  --ag-header-font-size: var(--font-size-xs);
-  --ag-header-font-weight: var(--font-weight-medium);
-  --ag-header-foreground-color: var(--color-text-dark);
-  --ag-cell-horizontal-padding: var(--spacing-2xs);
+  --ag-header-background-color: var(--color--background--light-1);
+  --ag-header-font-size: var(--font-size--xs);
+  --ag-header-font-weight: var(--font-weight--medium);
+  --ag-header-foreground-color: var(--color--text--shade-1);
+  --ag-cell-horizontal-padding: var(--spacing--2xs);
   --ag-header-height: calc(var(--ag-grid-size) * 0.8 + 32px);
   --ag-header-column-border-height: 100%;
-  --ag-range-selection-border-color: var(--p-color-secondary-470);
-  --ag-input-padding-start: var(--spacing-2xs);
-  --ag-input-background-color: var(--color-text-xlight);
+  --ag-range-selection-border-color: var(--p--color--secondary-470);
+  --ag-input-padding-start: var(--spacing--2xs);
+  --ag-input-background-color: var(--color--text--tint-3);
   --ag-focus-shadow: none;
 }
-._wrapper_1aa24_123 .ag-cell {
+._wrapper_a9qvr_123 .ag-cell {
   display: flex;
   align-items: center;
 }
-._wrapper_1aa24_123 .ag-header-cell-resize {
-  width: var(--spacing-xs);
+._wrapper_a9qvr_123 .ag-header-cell-resize {
+  width: var(--spacing--xs);
   right: -7px;
 }
-._wrapper_1aa24_123 .ag-cell[col-id="ag-Grid-SelectionColumn"] {
+._wrapper_a9qvr_123 .ag-cell[col-id="ag-Grid-SelectionColumn"] {
   border: none;
-  padding-left: var(--spacing-l);
+  padding-left: var(--spacing--lg);
 }
-._wrapper_1aa24_123 .ag-header-cell[col-id="ag-Grid-SelectionColumn"] {
-  padding-left: var(--spacing-l);
+._wrapper_a9qvr_123 .ag-header-cell[col-id="ag-Grid-SelectionColumn"] {
+  padding-left: var(--spacing--lg);
 }
-._wrapper_1aa24_123 .ag-header-cell[col-id="ag-Grid-SelectionColumn"]:after {
+._wrapper_a9qvr_123 .ag-header-cell[col-id="ag-Grid-SelectionColumn"]:after {
   display: none;
 }
-._wrapper_1aa24_123 .ag-cell[col-id="ag-Grid-SelectionColumn"].ag-cell-focus {
+._wrapper_a9qvr_123 .ag-cell[col-id="ag-Grid-SelectionColumn"].ag-cell-focus {
   outline: none;
 }
-._wrapper_1aa24_123 .ag-root-wrapper {
+._wrapper_a9qvr_123 .ag-root-wrapper {
   border-left: none;
 }
-._wrapper_1aa24_123 .id-column {
-  color: var(--color-text-light);
+._wrapper_a9qvr_123 .id-column {
+  color: var(--color--text--tint-1);
 }
-._wrapper_1aa24_123 .system-column,
-._wrapper_1aa24_123 .system-cell {
-  color: var(--color-text-light);
+._wrapper_a9qvr_123 .system-column,
+._wrapper_a9qvr_123 .system-cell {
+  color: var(--color--text--tint-1);
 }
-._wrapper_1aa24_123 .ag-header-cell[col-id="id"] {
+._wrapper_a9qvr_123 .ag-header-cell[col-id="id"] {
   text-align: center;
 }
-._wrapper_1aa24_123 .add-row-cell {
+._wrapper_a9qvr_123 .add-row-cell {
   border: none !important;
   background-color: transparent !important;
   padding: 0;
 }
-._wrapper_1aa24_123 .add-row-cell button {
+._wrapper_a9qvr_123 .add-row-cell button {
   position: relative;
-  left: calc(var(--spacing-4xs) * -1);
+  left: calc(var(--spacing--4xs) * -1);
 }
-._wrapper_1aa24_123 .ag-header-cell[col-id="add-column"]:after {
+._wrapper_a9qvr_123 .ag-header-cell[col-id="add-column"]:after {
   display: none;
 }
-._wrapper_1aa24_123 .ag-cell-value[col-id="add-column"],
-._wrapper_1aa24_123 .ag-cell-value[col-id="id"],
-._wrapper_1aa24_123 .ag-cell[col-id="ag-Grid-SelectionColumn"] {
+._wrapper_a9qvr_123 .ag-cell-value[col-id="add-column"],
+._wrapper_a9qvr_123 .ag-cell-value[col-id="id"],
+._wrapper_a9qvr_123 .ag-cell[col-id="ag-Grid-SelectionColumn"] {
   border: none;
   background-color: transparent;
 }
-._wrapper_1aa24_123 .ag-cell-value[col-id="id"] {
+._wrapper_a9qvr_123 .ag-cell-value[col-id="id"] {
   border-right: 1px solid var(--ag-border-color);
 }
-._wrapper_1aa24_123 .ag-large-text-input {
+._wrapper_a9qvr_123 .ag-large-text-input {
   position: absolute;
   min-width: 420px;
   padding: 0;
 }
-._wrapper_1aa24_123 .ag-large-text-input textarea {
-  padding-top: var(--spacing-2xs);
+._wrapper_a9qvr_123 .ag-large-text-input textarea {
+  padding-top: var(--spacing--2xs);
 }
-._wrapper_1aa24_123 .ag-large-text-input textarea:where(:focus-within, :active) {
+._wrapper_a9qvr_123 .ag-large-text-input textarea:where(:focus-within, :active) {
   border: var(--grid-cell-editing-border);
 }
-._wrapper_1aa24_123 .ag-center-cols-viewport {
+._wrapper_a9qvr_123 .ag-center-cols-viewport {
   min-height: auto;
 }
-._wrapper_1aa24_123 .ag-checkbox-input-wrapper:where(:focus-within, :active) {
+._wrapper_a9qvr_123 .ag-checkbox-input-wrapper:where(:focus-within, :active) {
   box-shadow: none;
 }
-._wrapper_1aa24_123 .ag-text-field-input-wrapper:before,
-._wrapper_1aa24_123 .ag-number-field-input-wrapper:before {
+._wrapper_a9qvr_123 .ag-text-field-input-wrapper:before,
+._wrapper_a9qvr_123 .ag-number-field-input-wrapper:before {
   display: none;
 }
-._wrapper_1aa24_123 .ag-text-field-input-wrapper .ag-input-field-input,
-._wrapper_1aa24_123 .ag-number-field-input-wrapper .ag-input-field-input {
+._wrapper_a9qvr_123 .ag-text-field-input-wrapper .ag-input-field-input,
+._wrapper_a9qvr_123 .ag-number-field-input-wrapper .ag-input-field-input {
   padding-left: var(--ag-spacing);
 }
-._wrapper_1aa24_123 .ag-picker-field-wrapper {
-  border-radius: var(--border-radius-base);
+._wrapper_a9qvr_123 .ag-picker-field-wrapper {
+  border-radius: var(--radius);
   padding-left: var(--ag-spacing);
 }
-._wrapper_1aa24_123 .ag-cell-inline-editing {
+._wrapper_a9qvr_123 .ag-cell-inline-editing {
   box-shadow: none;
 }
-._wrapper_1aa24_123 .ag-cell-inline-editing.boolean-cell {
+._wrapper_a9qvr_123 .ag-cell-inline-editing.boolean-cell {
   border: var(--grid-cell-editing-border) !important;
 }
-._wrapper_1aa24_123 .ag-cell-inline-editing.boolean-cell.ag-cell-focus {
+._wrapper_a9qvr_123 .ag-cell-inline-editing.boolean-cell.ag-cell-focus {
   background-color: var(--grid-cell-active-background);
 }
-._wrapper_1aa24_123 .ag-cell-focus {
+._wrapper_a9qvr_123 .ag-cell-focus {
   background-color: var(--grid-row-selected-background);
 }
-._wrapper_1aa24_123._has-records_1aa24_244 .ag-floating-bottom {
-  border-top: var(--border-width-base) var(--border-style-base) var(--ag-border-color);
+._wrapper_a9qvr_123._has-records_a9qvr_244 .ag-floating-bottom {
+  border-top: var(--border-width) var(--border-style) var(--ag-border-color);
 }
-._wrapper_1aa24_123 .ag-row[row-id="__n8n_add_row__"] {
+._wrapper_a9qvr_123 .ag-row[row-id="__n8n_add_row__"] {
   border-bottom: none;
 }
-._wrapper_1aa24_123 .ag-row-last {
-  border-bottom: none;
+._wrapper_a9qvr_123 .ag-row-last {
+  border-bottom-color: var(--ag-border-color);
 }
-._wrapper_1aa24_123 .ag-filter-body-wrapper {
+._wrapper_a9qvr_123 .ag-filter-body-wrapper {
   min-width: 200px;
 }
-._wrapper_1aa24_123 .ag-filter-apply-panel {
+._wrapper_a9qvr_123 .ag-filter-apply-panel {
   padding-top: 0;
 }
-._wrapper_1aa24_123 .ag-filter-apply-panel .ag-filter-apply-panel-button {
+._wrapper_a9qvr_123 .ag-filter-apply-panel .ag-filter-apply-panel-button {
   background: transparent;
   border: none;
   padding: 0;
 }
-._wrapper_1aa24_123 .ag-filter-apply-panel .ag-filter-apply-panel-button:hover {
-  color: var(--color-primary);
+._wrapper_a9qvr_123 .ag-filter-apply-panel .ag-filter-apply-panel-button:hover {
+  color: var(--color--primary);
   background: transparent;
 }
-._grid-container_1aa24_269 {
+._grid-container_a9qvr_269 {
   position: relative;
   display: flex;
   width: 100%;
   min-height: 500px;
   flex-direction: column;
-  gap: var(--spacing-m);
+  gap: var(--spacing--md);
   align-items: center;
 }
-._footer_1aa24_279 {
+._footer_a9qvr_279 {
   display: flex;
   width: 100%;
   justify-content: flex-end;
-  margin-bottom: var(--spacing-l);
-  padding-right: var(--spacing-xl);
+  margin-bottom: var(--spacing--lg);
+  padding-right: var(--spacing--xl);
 }
-._footer_1aa24_279 .el-pagination__sizes {
+._footer_a9qvr_279 .el-pagination__sizes {
   height: 100%;
   position: relative;
   top: -1px;
 }
-._footer_1aa24_279 .el-pagination__sizes input {
+._footer_a9qvr_279 .el-pagination__sizes input {
   height: 100%;
   min-height: 28px;
 }
-._footer_1aa24_279 .el-pagination__sizes .el-input__suffix {
-  width: var(--spacing-m);
+._footer_a9qvr_279 .el-pagination__sizes .el-input__suffix {
+  width: var(--spacing--md);
 }
-._footer_1aa24_279 .el-pager .more {
+._footer_a9qvr_279 .el-pager .more {
   background: transparent !important;
 }
-._footer_1aa24_279 .el-pager .more svg {
+._footer_a9qvr_279 .el-pager .more svg {
   z-index: -1;
 }/* BEM support Func
  -------------------------- */
@@ -1292,7 +1292,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._data-store-details-view_a2zz6_123 {
+._data-table-details-view_1sxsb_123 {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1300,26 +1300,26 @@
   box-sizing: border-box;
   align-content: start;
 }
-._header-loading_a2zz6_132 div {
+._header-loading_1sxsb_132 div {
   height: 2em;
 }
-._header_a2zz6_132 {
+._header_1sxsb_132 {
   display: flex;
-  gap: var(--spacing-l);
+  gap: var(--spacing--lg);
   align-items: center;
 }
-._header_a2zz6_132,
-._header-loading_a2zz6_132 {
-  padding: var(--spacing-s);
+._header_1sxsb_132,
+._header-loading_1sxsb_132 {
+  padding: var(--spacing--sm);
 }
-._saving_a2zz6_147 {
+._saving_1sxsb_147 {
   display: flex;
   align-items: center;
-  gap: var(--spacing-3xs);
-  margin-top: var(--spacing-5xs);
+  gap: var(--spacing--3xs);
+  margin-top: var(--spacing--5xs);
 }
-._actions_a2zz6_154 {
+._actions_1sxsb_154 {
   display: flex;
-  gap: var(--spacing-3xs);
+  gap: var(--spacing--3xs);
   margin-left: auto;
 }