@genesislcap/pbc-reconciliation-ui 0.0.46 → 14.339.0

package/dist/esm/components/configurations-panel/configurations-panel.styles.js

@@ -1,353 +1,353 @@
 import { css } from '@genesislcap/web-core';
-import { badgeTag, buttonTag, dividerTag, segmentedItemTag, selectTag, textFieldTag, } from '../../tags';
 import { scrollbarStyles } from '../../styles/scrollbar.styles';
-const common = css `
-  .data-source-record {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    padding: 0 calc(var(--design-unit) * 4px);
-    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
-    height: calc(var(--base-height-multiplier) * 4px);
-    color: var(--neutral-foreground-hint);
-    background-color: var(--neutral-layer-2);
-    color: var(--neutral-foreground-rest);
-    display: flex;
-  }
-
-  .data-source-record-disabled {
-    cursor: not-allowed;
-    opacity: var(--disabled-opacity);
-  }
-
-  .data-source-record-delete {
-    display: flex;
-    margin-left: auto;
-    /* margin-right: calc(var(--design-unit) * 2px); */
-    cursor: pointer;
-  }
-
-  .data-source-record-name {
-    font-size: var(--type-ramp-minus-1-font-size);
-    font-weight: 700;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    width: 100%;
-  }
-
-  .data-source-record-name-label {
-    width: 100%;
-    margin: 0 calc(var(--design-unit) * 1px);
-  }
+import { badgeTag, buttonTag, dividerTag, segmentedItemTag, selectTag, textFieldTag, } from '../../tags';
+const common = css `
+  .data-source-record {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    padding: 0 calc(var(--design-unit) * 4px);
+    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    height: calc(var(--base-height-multiplier) * 4px);
+    background-color: var(--neutral-layer-2);
+    color: var(--neutral-foreground-rest);
+  }
+
+  .data-source-record-disabled {
+    cursor: not-allowed;
+    opacity: var(--disabled-opacity);
+  }
+
+  .data-source-record-delete {
+    display: flex;
+    margin-left: auto;
+
+    /* margin-right: calc(var(--design-unit) * 2px); */
+    cursor: pointer;
+  }
+
+  .data-source-record-name {
+    font-size: var(--type-ramp-minus-1-font-size);
+    font-weight: 700;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    width: 100%;
+  }
+
+  .data-source-record-name-label {
+    width: 100%;
+    margin: 0 calc(var(--design-unit) * 1px);
+  }
 `;
-const configuration = css `
-  .configuration {
-    display: flex;
-    flex-direction: column;
-    flex: 1 1 80%;
-    min-height: 0;
-  }
-
-  .configuration-content {
-    display: flex;
-    height: 100%;
-    min-height: 0;
-  }
-
-  .configuration-name-and-data-sources {
-    display: flex;
-    flex-direction: column;
-    border-right: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
-    flex: 1 1 30%;
-    max-width: 30%;
-  }
-
-  .configuration-name-and-data-sources-fields {
-    display: flex;
-    flex-direction: column;
-    padding: calc(var(--design-unit) * 4px);
-    gap: calc(var(--design-unit) * 3px);
-  }
-
-  .configuration-name {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--design-unit) * 2px);
-  }
-
-  .configuration-name-label,
-  .data-sources-label {
-    font-weight: bold;
-  }
-
-  .current-data-source-label {
-    padding: 0 calc(var(--design-unit) * 4px);
-    margin-bottom: calc(var(--design-unit) * 3px);
-  }
-
-  /* #region Data Sources */
-  .data-sources {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--design-unit) * 3px);
-  }
-
-  .data-source-list {
-    display: flex;
-    flex-direction: column;
-    overflow: auto;
-  }
-
-  .new-data-source-label,
-  .current-data-source-label,
-  .select-dictionary,
-  .match-null-value,
-  .data-source-name-label {
-    font-weight: bold;
-    color: var(--neutral-foreground-hint);
-  }
-
-  .data-source-types {
-    margin: 0;
-    width: 100%;
-  }
-
-  .data-source-types::part(positioning-region) {
-    width: 100%;
-  }
-
-  .datasources-list-header {
-    display: flex;
-    justify-content: space-between;
-    width: 95%;
-  }
-
-  .file-type {
-    color: var(--success-color);
-  }
-
-  .file-type[aria-checked='true'] {
-    background-color: var(--success-color);
-    color: var(--neutral-foreground-rest);
-    border-color: var(--success-color);
-  }
-
-  .datapipeline-type {
-    color: var(--error-color);
-  }
-
-  .datapipeline-type[aria-checked='true'] {
-    background-color: var(--error-color);
-    color: var(--neutral-foreground-rest);
-    border-color: var(--error-color);
-  }
-
-  .datapipeline-select {
-    width: 100%;
-  }
-  ${badgeTag}::part(control) {
-    font-weight: 700;
-  }
-
-  ${segmentedItemTag} {
-    margin: 0;
-    flex: auto;
-    place-content: center;
-    font-size: var(--type-ramp-minus-1-font-size);
-  }
-
-  ${segmentedItemTag}[disabled] {
-    cursor: not-allowed;
-  }
-
-  /* #region Data Sources */
-
-  /* #region Reconciliation Rules */
-  .reconciliation-rules {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--design-unit) * 3px);
-    width: 100%;
-    flex: 1 1 70%;
-    max-width: 70%;
-    height: 100%;
-    min-height: 0;
-  }
-
-  .reconciliation-rules-fields {
-    display: flex;
-    flex-direction: row;
-  }
-
-  .reconciliation-rules-label {
-    font-weight: bold;
-    margin: calc(var(--design-unit) * 4px) calc(var(--design-unit) * 4px) 0;
-  }
-
-  .rule-dictionary {
-    display: flex;
-    flex-direction: column;
-    padding: 0 calc(var(--design-unit) * 4px);
-    gap: calc(var(--design-unit) * 2px);
-  }
-
-  .recon-rule-row,
-  .recon-rule-row-grid {
-    display: flex;
-    gap: calc(var(--design-unit) * 3px);
-    align-items: center;
-    padding: 0 calc(var(--design-unit) * 4px);
-    font-size: var(--type-ramp-minus-2-font-size);
-  }
-
-  .recon-rule-row-grid {
-    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
-    padding: calc(var(--design-unit) * 4px);
-  }
-
-  .recon-rule-subheader-label {
-    font-size: var(--type-ramp-minus-2-font-size);
-    padding: 0 calc(var(--design-unit) * 4px);
-    font-weight: 700;
-  }
-
-  .recon-rules {
-    display: flex;
-    flex-direction: column;
-    overflow: hidden auto;
-    height: 100%;
-    gap: calc(var(--design-unit) * 2px);
-  }
-
-  .reconciliation-rules-list {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--design-unit) * 2px);
-    height: 100%;
-    flex: 1;
-    min-height: 0;
-  }
-
-  .reconciliation-rules-list ${dividerTag} {
-    margin: 0;
-  }
-
-  .header-col-label {
-    font-weight: 700;
-    font-size: var(--type-ramp-minus-2-font-size);
-    color: var(--neutral-foreground-hint);
-  }
-
-  .col-width {
-    width: 20%;
-  }
-
-  .col-width-5 {
-    width: 5%;
-  }
-
-  .col-width-30 {
-    width: 30%;
-  }
-
-  .col-center {
-    display: flex;
-    justify-content: center;
-  }
-
-  .rule-match-null-value {
-    display: flex;
-    flex-direction: column;
-    margin-left: auto;
-    padding: 0 calc(var(--design-unit) * 4px);
-    gap: calc(var(--design-unit) * 2px);
-  }
-  /* #endregion Reconciliation Rules */
-
-  .configuration-footer {
-    display: flex;
-    flex-direction: row-reverse;
-    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
-    padding: calc(var(--design-unit) * 4px);
-    gap: calc(var(--design-unit) * 2px);
-  }
+const configuration = css `
+  .configuration {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 80%;
+    min-height: 0;
+  }
+
+  .configuration-content {
+    display: flex;
+    height: 100%;
+    min-height: 0;
+  }
+
+  .configuration-name-and-data-sources {
+    display: flex;
+    flex-direction: column;
+    border-right: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    flex: 1 1 30%;
+    max-width: 30%;
+  }
+
+  .configuration-name-and-data-sources-fields {
+    display: flex;
+    flex-direction: column;
+    padding: calc(var(--design-unit) * 4px);
+    gap: calc(var(--design-unit) * 3px);
+  }
+
+  .configuration-name {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--design-unit) * 2px);
+  }
+
+  .configuration-name-label,
+  .data-sources-label {
+    font-weight: bold;
+  }
+
+  .current-data-source-label {
+    padding: 0 calc(var(--design-unit) * 4px);
+    margin-bottom: calc(var(--design-unit) * 3px);
+  }
+
+  /* #region Data Sources */
+  .data-sources {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--design-unit) * 3px);
+  }
+
+  .data-source-list {
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+  }
+
+  .new-data-source-label,
+  .current-data-source-label,
+  .select-dictionary,
+  .match-null-value,
+  .data-source-name-label {
+    font-weight: bold;
+    color: var(--neutral-foreground-hint);
+  }
+
+  .data-source-types {
+    margin: 0;
+    width: 100%;
+  }
+
+  .data-source-types::part(positioning-region) {
+    width: 100%;
+  }
+
+  .datasources-list-header {
+    display: flex;
+    justify-content: space-between;
+    width: 95%;
+  }
+
+  .file-type {
+    color: var(--success-color);
+  }
+
+  .file-type[aria-checked='true'] {
+    background-color: var(--success-color);
+    color: var(--neutral-foreground-rest);
+    border-color: var(--success-color);
+  }
+
+  .datapipeline-type {
+    color: var(--error-color);
+  }
+
+  .datapipeline-type[aria-checked='true'] {
+    background-color: var(--error-color);
+    color: var(--neutral-foreground-rest);
+    border-color: var(--error-color);
+  }
+
+  .datapipeline-select {
+    width: 100%;
+  }
+  ${badgeTag}::part(control) {
+    font-weight: 700;
+  }
+
+  ${segmentedItemTag} {
+    margin: 0;
+    flex: auto;
+    place-content: center;
+    font-size: var(--type-ramp-minus-1-font-size);
+
+    &[disabled] {
+      cursor: not-allowed;
+    }
+  }
+
+  /* #region Data Sources */
+
+  /* #region Reconciliation Rules */
+  .reconciliation-rules {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--design-unit) * 3px);
+    width: 100%;
+    flex: 1 1 70%;
+    max-width: 70%;
+    height: 100%;
+    min-height: 0;
+  }
+
+  .reconciliation-rules-fields {
+    display: flex;
+    flex-direction: row;
+  }
+
+  .reconciliation-rules-label {
+    font-weight: bold;
+    margin: calc(var(--design-unit) * 4px) calc(var(--design-unit) * 4px) 0;
+  }
+
+  .rule-dictionary {
+    display: flex;
+    flex-direction: column;
+    padding: 0 calc(var(--design-unit) * 4px);
+    gap: calc(var(--design-unit) * 2px);
+  }
+
+  .recon-rule-row,
+  .recon-rule-row-grid {
+    display: flex;
+    gap: calc(var(--design-unit) * 3px);
+    align-items: center;
+    padding: 0 calc(var(--design-unit) * 4px);
+    font-size: var(--type-ramp-minus-2-font-size);
+  }
+
+  .recon-rule-row-grid {
+    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    padding: calc(var(--design-unit) * 4px);
+  }
+
+  .recon-rule-subheader-label {
+    font-size: var(--type-ramp-minus-2-font-size);
+    padding: 0 calc(var(--design-unit) * 4px);
+    font-weight: 700;
+  }
+
+  .recon-rules {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden auto;
+    height: 100%;
+    gap: calc(var(--design-unit) * 2px);
+  }
+
+  .reconciliation-rules-list {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--design-unit) * 2px);
+    height: 100%;
+    flex: 1;
+    min-height: 0;
+  }
+
+  .reconciliation-rules-list ${dividerTag} {
+    margin: 0;
+  }
+
+  .header-col-label {
+    font-weight: 700;
+    font-size: var(--type-ramp-minus-2-font-size);
+    color: var(--neutral-foreground-hint);
+  }
+
+  .col-width {
+    width: 20%;
+  }
+
+  .col-width-5 {
+    width: 5%;
+  }
+
+  .col-width-30 {
+    width: 30%;
+  }
+
+  .col-center {
+    display: flex;
+    justify-content: center;
+  }
+
+  .rule-match-null-value {
+    display: flex;
+    flex-direction: column;
+    margin-left: auto;
+    padding: 0 calc(var(--design-unit) * 4px);
+    gap: calc(var(--design-unit) * 2px);
+  }
+
+  /* #endregion Reconciliation Rules */
+
+  .configuration-footer {
+    display: flex;
+    flex-direction: row-reverse;
+    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    padding: calc(var(--design-unit) * 4px);
+    gap: calc(var(--design-unit) * 2px);
+  }
 `;
-const fields = css `
-  label {
-    display: flex;
-  }
-
-  .bold {
-    font-weight: bold;
-  }
-
-  ${textFieldTag} {
-    display: flex;
-    margin: 0;
-  }
-
-  ${textFieldTag}::part(root) {
-    width: 100%;
-  }
-
-  ${buttonTag} {
-    display: flex;
-    margin: 0;
-  }
-
-  ${buttonTag}.add::part(control) {
-    padding: 0;
-  }
-
-  ${selectTag} {
-    width: 20%;
-  }
-
-  .field-label {
-    font-weight: bold;
-    color: var(--rapid-ag-header-foreground-color);
-  }
-
-  rapid-switch::part(label) {
-    margin-inline-end: 0;
-  }
-
-  .add-datasource {
-    display: flex;
-    background-color: rgba(122, 204, 121, 0.5);
-  }
-
-  ${buttonTag}.add-datasource::part(control) {
-    padding: 0;
-  }
-
-  ${textFieldTag}.data-source-record-name-edit {
-    margin: 0 calc(var(--design-unit) * 1px);
-  }
+const fields = css `
+  label {
+    display: flex;
+  }
+
+  .bold {
+    font-weight: bold;
+  }
+
+  ${textFieldTag} {
+    display: flex;
+    margin: 0;
+  }
+
+  ${textFieldTag}::part(root) {
+    width: 100%;
+  }
+
+  ${buttonTag} {
+    display: flex;
+    margin: 0;
+  }
+
+  ${buttonTag}.add::part(control) {
+    padding: 0;
+  }
+
+  ${selectTag} {
+    width: 20%;
+  }
+
+  .field-label {
+    font-weight: bold;
+    color: var(--rapid-ag-header-foreground-color);
+  }
+
+  rapid-switch::part(label) {
+    margin-inline-end: 0;
+  }
+
+  .add-datasource {
+    display: flex;
+    background-color: rgb(122 204 121 / 50%);
+  }
+
+  ${buttonTag}.add-datasource::part(control) {
+    padding: 0;
+  }
+
+  ${textFieldTag}.data-source-record-name-edit {
+    margin: 0 calc(var(--design-unit) * 1px);
+  }
 `;
-export const ConfigurationsPanelStyles = css `
-  :host {
-    display: flex;
-    height: 100%;
-    width: 100%;
-  }
-
-  .configurations-panel {
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-  }
-  ${scrollbarStyles}
-  ${common}
-  ${configuration}
-  ${fields}
-
-  .excel-icon {
-    color: #48d745;
-  }
+export const ConfigurationsPanelStyles = css `
+  :host {
+    display: flex;
+    height: 100%;
+    width: 100%;
+  }
+
+  .configurations-panel {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+  }
+  ${scrollbarStyles}
+  ${common}
+  ${configuration}
+  ${fields}
+
+  .excel-icon {
+    color: #48d745;
+  }
 `;
 //# sourceMappingURL=configurations-panel.styles.js.map