@genesislcap/pbc-reporting-ui 15.19.0 → 15.19.1

package/src/new/main/report-destinations/report-destinations.template.ts

@@ -1,39 +0,0 @@
-import { ColDef } from '@ag-grid-community/core';
-import { html } from '@genesislcap/web-core';
-import { Permissions } from '../../types';
-import { permissionGuard, permissionTemplateGuard } from '../../utils';
-import type { ReportDestinations } from './report-destinations';
-
-const colDef: ColDef[] = [
-  { field: 'ID', headerName: 'ID', minWidth: 150, flex: 1, cellStyle: { display: 'flex' } },
-  { field: 'NAME', headerName: 'Name', minWidth: 150, flex: 1, cellStyle: { display: 'flex' } },
-  { field: 'TOPIC', headerName: 'Topic', minWidth: 150, flex: 1, cellStyle: { display: 'flex' } },
-];
-
-const viewTemplate = html<ReportDestinations>`
-  <entity-management
-    enable-search-bar
-    design-system-prefix="rapid"
-    resourceName="NOTIFY_DESTINATIONS"
-    title="Report destinations"
-    updateEvent="${(x) =>
-      permissionGuard(x, Permissions.ReportDestinationUpdate)
-        ? 'EVENT_NOTIFY_DESTINATION_UPDATE'
-        : ''}"
-    createEvent="${(x) =>
-      permissionGuard(x, Permissions.ReportDestinationUpdate)
-        ? 'EVENT_NOTIFY_DESTINATION_INSERT'
-        : ''}"
-    deleteEvent="${(x) =>
-      permissionGuard(x, Permissions.ReportDestinationDelete)
-        ? 'EVENT_NOTIFY_DESTINATION_DELETE'
-        : ''}"
-    :createFormUiSchema=${(x) => x.getUISchema}
-    :updateFormUiSchema=${(x) => x.getUISchema}
-    :columns=${() => colDef}
-  ></entity-management>
-`;
-
-export const template = html<ReportDestinations>`
-  ${(x) => permissionTemplateGuard(x, Permissions.ReportDestinationView, viewTemplate)}
-`;

package/src/new/main/report-destinations/report-destinations.ts

@@ -1,63 +0,0 @@
-import { Connect } from '@genesislcap/foundation-comms';
-import { ConnectedRenderersOptions, UiSchema } from '@genesislcap/foundation-forms';
-import { User } from '@genesislcap/foundation-user';
-import { logger } from '@genesislcap/foundation-utils';
-import { customElement, GenesisElement, observable, volatile } from '@genesislcap/web-core';
-import { showNotificationToast } from '../../utils';
-import { template } from './report-destinations.template';
-
-@customElement({
-  name: 'report-destinations',
-  template,
-})
-export class ReportDestinations extends GenesisElement {
-  @Connect private connect: Connect;
-  @observable topics: string[] = [];
-
-  @User user!: User;
-
-  async connectedCallback() {
-    super.connectedCallback();
-    await this.setNotifyRouteTopics();
-  }
-
-  @volatile
-  get getUISchema(): UiSchema {
-    return {
-      type: 'VerticalLayout',
-      elements: [
-        { type: 'Control', scope: '#/properties/NAME' },
-        {
-          type: 'Control',
-          scope: '#/properties/TOPIC',
-          options: <ConnectedRenderersOptions>{
-            data: this.topics.map((item) => ({ value: item, label: item })),
-            valueField: 'value',
-            labelField: 'label',
-            allowCustomOptions: true,
-          },
-        },
-      ],
-    };
-  }
-
-  public async setNotifyRouteTopics() {
-    try {
-      const response = await this.connect.request('REQ_NOTIFY_ROUTE_TOPICS', {
-        REQUEST: { NOTIFY_ROUTE_ID: '' },
-      });
-      if (response.MESSAGE_TYPE === 'REP_NOTIFY_ROUTE_TOPICS') {
-        this.topics = response.REPLY ? response.REPLY[0].TOPICS : [];
-      } else {
-        const error = response?.ERROR?.length ? response.ERROR[0].TEXT : '';
-        showNotificationToast({
-          title: 'Report Destination',
-          body: ` Topics were not fetched due to following error "${error}"`,
-          toast: { type: 'critical' as any },
-        });
-      }
-    } catch (err) {
-      logger.error(err);
-    }
-  }
-}

package/src/new/store/index.ts

@@ -1,3 +0,0 @@
-export * from './slices';
-export * from './store';
-export * from './types';

package/src/new/store/slices/base-config.ts

@@ -1,50 +0,0 @@
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import { PayloadStateUpdater } from '../../types';
-import { BaseConfig, ReportOutputTypes } from './types';
-
-const initialState: BaseConfig = {
-  DESTINATION_IDS: [],
-  OUTPUT_DIRECTORY: '/reports',
-};
-
-export const baseSlice = createSlice({
-  name: 'baseConfig',
-  initialState,
-  reducers: {
-    updateState(
-      state: BaseConfig,
-      action: PayloadStateUpdater<Omit<BaseConfig, 'DESTINATION_IDS' | 'OUTPUT_FORMAT'>>,
-    ) {
-      const { key, value } = action.payload;
-      (<any>state[key]) = value;
-    },
-    setOutputs(state: BaseConfig, action: PayloadAction<{ ids: string[] }>) {
-      state.DESTINATION_IDS = action.payload.ids;
-    },
-    loadState(_: BaseConfig, action: PayloadAction<BaseConfig>) {
-      return action.payload;
-    },
-    setOutputFormat(state: BaseConfig, action: PayloadAction<{ format: ReportOutputTypes }>) {
-      state.OUTPUT_FORMAT = action.payload.format;
-      baseSlice.caseReducers.deleteTemplate(state);
-    },
-    deleteTemplate(state: BaseConfig) {
-      delete state.DOCUMENT_TEMPLATE_ID;
-    },
-    deleteSchedule(state: BaseConfig) {
-      delete state.SCHEDULE;
-    },
-  },
-  selectors: {
-    // could add additional params if needed
-    getConfig(state: BaseConfig) {
-      return state;
-    },
-    // test showing extra params
-    getConfigTest(state: BaseConfig, test: boolean, test2: boolean) {
-      console.log(test);
-      console.log({ state, test, test2 });
-      return state;
-    },
-  },
-});

package/src/new/store/slices/datasources-config.ts

@@ -1,297 +0,0 @@
-import { RuleExpression } from '@genesislcap/foundation-ui';
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import { capitalCase } from 'change-case';
-import { Genesis } from '../../types';
-import { buildDatasourceName } from '../../utils';
-import { getDefaultFormat } from '../../utils/format-utils';
-import {
-  DatasourceConfig,
-  DatasourceGrouping,
-  DatasourceName,
-  DatasourceOutputTypes,
-  deselectedColumns,
-  TransformerConfig,
-} from './types';
-
-export const initialState: DatasourceConfig = {};
-
-export const datasourceSlice = createSlice({
-  name: 'datasourceConfig',
-  initialState,
-  reducers: {
-    initDatasourceConfiguration(
-      state: DatasourceConfig,
-      action: PayloadAction<{
-        base: Pick<DatasourceConfig[DatasourceName], 'KEY' | 'NAME' | 'INPUT_TYPE'>;
-        fields: string[];
-      }>,
-    ) {
-      const { KEY, NAME, INPUT_TYPE } = action.payload.base;
-      const key: DatasourceName = buildDatasourceName(KEY, NAME, INPUT_TYPE);
-      state[key] = {
-        KEY: KEY,
-        INPUT_TYPE: INPUT_TYPE,
-        NAME: NAME,
-        OUTPUT_TYPE: 'TABLE',
-        TRANSFORMER_CONFIGURATION: {},
-        GROUPING_STRATEGY: 'NONE',
-        GROUP_KEY: null,
-      };
-      action.payload.fields.forEach((field) => {
-        datasourceSlice.caseReducers.setColumnRename(state, {
-          ...action,
-          payload: {
-            key,
-            columnFrom: field,
-            columnTo: capitalCase(field),
-            included: true,
-          },
-        });
-        datasourceSlice.caseReducers.setColumnIncluded(state, {
-          ...action,
-          payload: {
-            column: field,
-            key,
-            included: !deselectedColumns.includes(field),
-          },
-        });
-      });
-    },
-    reorderDatasource(
-      state: DatasourceConfig,
-      action: PayloadAction<{ key: DatasourceName; newIndex: number }>,
-    ) {
-      const { key, newIndex } = action.payload;
-      const entries = Object.entries(state);
-      const currentIndex = entries.findIndex(([k]) => k === key);
-
-      if (currentIndex === -1) return state;
-
-      const [item] = entries.splice(currentIndex, 1);
-      entries.splice(newIndex, 0, item);
-
-      return Object.fromEntries(entries) as DatasourceConfig;
-    },
-    renameDatasource(
-      state: DatasourceConfig,
-      action: PayloadAction<{ key: DatasourceName; newName: string }>,
-    ) {
-      const { key: oldKey, newName } = action.payload;
-      const datasource = state[oldKey];
-      if (!datasource) {
-        return;
-      }
-      const newKey = buildDatasourceName(newName, datasource.NAME, datasource.INPUT_TYPE);
-      if (state[newKey] && newKey !== oldKey) {
-        return;
-      }
-
-      return Object.fromEntries(
-        Object.entries(state).map(([k, v]) => {
-          if (k === oldKey) {
-            return [newKey, { ...v, KEY: newName }];
-          }
-          return [k, v];
-        }),
-      ) as DatasourceConfig;
-    },
-    updateDatasourceOutputType(
-      state: DatasourceConfig,
-      action: PayloadAction<{ key: DatasourceName; newType: DatasourceOutputTypes }>,
-    ) {
-      state[action.payload.key].OUTPUT_TYPE = action.payload.newType;
-    },
-    deleteDatasource(state: DatasourceConfig, action: PayloadAction<{ key: DatasourceName }>) {
-      delete state[action.payload.key];
-    },
-    setColumnRename(
-      state: DatasourceConfig,
-      action: PayloadAction<{
-        key: DatasourceName;
-        columnFrom: string;
-        columnTo: string;
-        included: boolean;
-      }>,
-    ) {
-      const { key, columnFrom, columnTo, included } = action.payload;
-      if (included) {
-        state[key].TRANSFORMER_CONFIGURATION.COLUMN_RENAMES = {
-          ...state[key].TRANSFORMER_CONFIGURATION.COLUMN_RENAMES,
-          [columnFrom]: columnTo,
-        };
-      } else {
-        if (state[key].TRANSFORMER_CONFIGURATION?.COLUMN_RENAMES) {
-          delete state[key].TRANSFORMER_CONFIGURATION.COLUMN_RENAMES![columnFrom];
-        }
-      }
-    },
-    /**
-     * Will also clean up data associated with this field, such as rename transformers
-     */
-    setColumnIncluded(
-      state: DatasourceConfig,
-      action: PayloadAction<{
-        key: DatasourceName;
-        column: string;
-        included: boolean;
-        type?: Genesis.GenesisFieldTypes;
-        setDefaultFormat?: boolean;
-      }>,
-    ) {
-      const { key, column, included, type, setDefaultFormat = true } = action.payload;
-      if (included) {
-        state[key].TRANSFORMER_CONFIGURATION.INCLUDE_COLUMNS = [
-          ...(state[key].TRANSFORMER_CONFIGURATION.INCLUDE_COLUMNS ?? []),
-          column,
-        ];
-        const defaultFormat = getDefaultFormat(type);
-        if (defaultFormat && setDefaultFormat) {
-          datasourceSlice.caseReducers.setColumnFormat(state, {
-            ...action,
-            payload: {
-              key,
-              column,
-              format: defaultFormat,
-            },
-          });
-        }
-      } else {
-        state[key].TRANSFORMER_CONFIGURATION.INCLUDE_COLUMNS = (
-          state[key].TRANSFORMER_CONFIGURATION.INCLUDE_COLUMNS ?? []
-        ).filter((col) => col !== column);
-
-        datasourceSlice.caseReducers.deleteColumnTransform(state, {
-          ...action,
-          payload: {
-            key,
-            column,
-          },
-        });
-        datasourceSlice.caseReducers.deleteColumnFormat(state, {
-          ...action,
-          payload: {
-            key,
-            column,
-          },
-        });
-      }
-
-      datasourceSlice.caseReducers.setColumnRename(state, {
-        ...action,
-        payload: {
-          key,
-          columnFrom: column,
-          columnTo: !included ? column : capitalCase(column),
-          included,
-        },
-      });
-    },
-    setFieldsOrder(
-      state: DatasourceConfig,
-      action: PayloadAction<{
-        key: DatasourceName;
-        fields: string[];
-      }>,
-    ) {
-      state[action.payload.key].TRANSFORMER_CONFIGURATION.INCLUDE_COLUMNS = action.payload.fields;
-    },
-    setRowFilter(
-      state: DatasourceConfig,
-      action: PayloadAction<{
-        key: DatasourceName;
-        expression: RuleExpression.Expression['PredicateExpression'];
-      }>,
-    ) {
-      const { key, expression } = action.payload;
-      state[key].TRANSFORMER_CONFIGURATION.ROW_FILTERS = expression;
-    },
-    setColumnTransform(
-      state: DatasourceConfig,
-      action: PayloadAction<{
-        key: DatasourceName;
-        column: string;
-        expression: Required<TransformerConfig>['COLUMN_TRANSFORMS'][string];
-      }>,
-    ) {
-      const { key, column, expression } = action.payload;
-      state[key].TRANSFORMER_CONFIGURATION.COLUMN_TRANSFORMS = {
-        ...state[key].TRANSFORMER_CONFIGURATION.COLUMN_TRANSFORMS,
-        [column]: expression,
-      };
-    },
-    deleteColumnTransform(
-      state: DatasourceConfig,
-      action: PayloadAction<{
-        key: DatasourceName;
-        column: string;
-      }>,
-    ) {
-      const { key, column } = action.payload;
-      const { [column]: _, ...rest } =
-        state[key].TRANSFORMER_CONFIGURATION?.COLUMN_TRANSFORMS ?? {};
-      state[key].TRANSFORMER_CONFIGURATION.COLUMN_TRANSFORMS = rest;
-    },
-    loadState(_: DatasourceConfig, action: PayloadAction<DatasourceConfig>) {
-      return action.payload;
-    },
-    setColumnFormat(
-      state: DatasourceConfig,
-      action: PayloadAction<{
-        key: DatasourceName;
-        column: string;
-        format: string;
-      }>,
-    ) {
-      const { key, column, format } = action.payload;
-      state[key].TRANSFORMER_CONFIGURATION.COLUMN_FORMATS = {
-        ...state[key].TRANSFORMER_CONFIGURATION.COLUMN_FORMATS,
-        [column]: format,
-      };
-    },
-    deleteColumnFormat(
-      state: DatasourceConfig,
-      action: PayloadAction<{
-        key: DatasourceName;
-        column: string;
-      }>,
-    ) {
-      const { key, column } = action.payload;
-      const { [column]: _, ...rest } = state[key].TRANSFORMER_CONFIGURATION?.COLUMN_FORMATS ?? {};
-      state[key].TRANSFORMER_CONFIGURATION.COLUMN_FORMATS = rest;
-    },
-    setGrouping(
-      state: DatasourceConfig,
-      action: PayloadAction<{
-        key: DatasourceName;
-        grouping: Exclude<DatasourceGrouping, { GROUPING_STRATEGY: 'NONE' }>;
-      }>,
-    ) {
-      const { key, grouping } = action.payload;
-      state[key].GROUPING_STRATEGY = grouping.GROUPING_STRATEGY;
-      state[key].GROUP_KEY = grouping.GROUP_KEY;
-    },
-    deleteGrouping(state: DatasourceConfig, action: PayloadAction<{ key: DatasourceName }>) {
-      const { key } = action.payload;
-      state[key].GROUPING_STRATEGY = 'NONE';
-      state[key].GROUP_KEY = null;
-    },
-  },
-  selectors: {
-    getAllConfigSet(state: DatasourceConfig) {
-      return state;
-    },
-    getDatasource(state: DatasourceConfig, key: keyof DatasourceConfig) {
-      return state[key];
-    },
-    getRowFilterExpression(state: DatasourceConfig, key: DatasourceName) {
-      return state[key].TRANSFORMER_CONFIGURATION.ROW_FILTERS;
-    },
-    getRowTransform(state: DatasourceConfig, key: DatasourceName, column: string) {
-      const transforms = state?.[key]?.TRANSFORMER_CONFIGURATION?.COLUMN_TRANSFORMS;
-      if (!transforms || !(column in transforms)) {
-        return null;
-      }
-      return transforms[column];
-    },
-  },
-});

package/src/new/store/slices/index.ts

@@ -1,3 +0,0 @@
-export * from './base-config';
-export * from './datasources-config';
-export * from './types';

package/src/new/store/slices/types.ts

@@ -1,90 +0,0 @@
-// DATA SOURCE CONFIG
-
-import { RuleExpression } from '@genesislcap/foundation-ui';
-
-// All columns are automatically included in the output report when a datasource is first
-// configured, except field names defined in this array
-export const deselectedColumns = ['RECORD_ID', 'TIMESTAMP'];
-
-export const datasourceInputs = ['REQ_REP', 'DATA_PIPELINE'] as const;
-export type DatasourceInputTypes = (typeof datasourceInputs)[number];
-
-// TODO: temporarily disabled RECORD_STREAM
-export const datasourceOutputs = [
-  // 'RECORD_STREAM',
-  'TABLE',
-] as const;
-export type DatasourceOutputTypes = (typeof datasourceOutputs)[number];
-
-export const datasourceGroupingStrategies = ['NONE', 'MULTI_SHEET', 'LOOKUP_TABLE'] as const;
-export type DatasourceGroupingStrategy = (typeof datasourceGroupingStrategies)[number];
-export type DatasourceGrouping =
-  | {
-      GROUPING_STRATEGY: Extract<DatasourceGroupingStrategy, 'NONE'>;
-      GROUP_KEY: null;
-    }
-  | {
-      GROUPING_STRATEGY: Extract<DatasourceGroupingStrategy, 'MULTI_SHEET' | 'LOOKUP_TABLE'>;
-      GROUP_KEY: string;
-    };
-
-/**
- * Server KEY => This is an alias (this needs to be unique). This is presented as "Name" input on the UI, rapid-text-field
- * Server NAME => The name of the datasource (matches req_rep). This is presented as rapid-select
- * DatasoureName to uniquely identify each data source, must be keyed on the input type as
- * the names are not unique between the different data sources
- */
-export type AliasKey = string;
-export type ServerDatasourceName = string;
-export type DatasourceName = `${DatasourceInputTypes}_${ServerDatasourceName}_${AliasKey}`;
-
-export type TransformerConfig = {
-  COLUMN_RENAMES?: { [k: string]: string };
-  /**
-   * Columns to include in the report. The order is respected in the generated report.
-   */
-  INCLUDE_COLUMNS?: string[];
-  ROW_FILTERS?: RuleExpression.Expression['PredicateExpression'];
-  COLUMN_TRANSFORMS?: {
-    [k: string]:
-      | RuleExpression.Expression['BinaryExpression']
-      | RuleExpression.Expression['MethodExpression'];
-  };
-  COLUMN_FORMATS?: {
-    [k: string]: string;
-  };
-};
-
-export type DatasourceConfig = {
-  [k: DatasourceName]: {
-    KEY: string;
-    NAME: string;
-    INPUT_TYPE: DatasourceInputTypes;
-    OUTPUT_TYPE: DatasourceOutputTypes;
-    TRANSFORMER_CONFIGURATION: TransformerConfig;
-  } & DatasourceGrouping;
-};
-
-// BASE-CONFIG
-
-export const reportOutputFormats = ['CSV', 'PDF', 'XLSX'] as const;
-
-export type ReportOutputTypes = (typeof reportOutputFormats)[number];
-
-export type Schedule = {
-  CRON_EXPRESSION: string;
-  TIME_ZONE: string;
-};
-
-export type BaseConfig = {
-  ID?: string;
-  NAME?: string;
-  DESCRIPTION?: string;
-  OUTPUT_FORMAT?: ReportOutputTypes;
-  FILE_NAME?: string;
-  AUTO_DISPATCH?: boolean;
-  DESTINATION_IDS: string[];
-  DOCUMENT_TEMPLATE_ID?: string;
-  SCHEDULE?: Schedule;
-  OUTPUT_DIRECTORY: string;
-};

package/src/new/store/store.ts

@@ -1,36 +0,0 @@
-import { createStore } from '../lib/redux-store';
-import { baseSlice, datasourceSlice } from './slices';
-import { ReportingConfig } from './types';
-
-export const reduxBlankState: ReportingConfig = {
-  baseConfig: {
-    DESTINATION_IDS: [],
-    OUTPUT_FORMAT: 'CSV',
-    OUTPUT_DIRECTORY: '/reports',
-  },
-  datasourceConfig: {},
-};
-
-export const {
-  store,
-  actions,
-  rootReducer,
-  selectors,
-  subscribe,
-  dispatch,
-  getState,
-  subscribeKey,
-} = createStore([baseSlice, datasourceSlice], reduxBlankState);
-
-export type State = ReturnType<typeof getState>;
-export type AppDispatch = typeof dispatch;
-
-export const writeReduxState = (state: ReportingConfig) => {
-  actions.baseConfig.loadState(state.baseConfig);
-  actions.datasourceConfig.loadState(state.datasourceConfig);
-};
-
-export const readReduxState = (): ReportingConfig => ({
-  datasourceConfig: selectors.datasourceConfig.getAllConfigSet(),
-  baseConfig: selectors.baseConfig.getConfig(),
-});

package/src/new/store/types.ts

@@ -1,10 +0,0 @@
-import { BaseConfig, DatasourceConfig } from './slices';
-
-export enum StorageKey {
-  ReportingConfig = 'report-config',
-}
-
-export type ReportingConfig = {
-  baseConfig: BaseConfig;
-  datasourceConfig: DatasourceConfig;
-};

package/src/new/styles/constraints.styles.ts

@@ -1,32 +0,0 @@
-import { cssPartial as css } from '@genesislcap/web-core';
-
-/**
- * Set the `--constrained-height` and `-constrained-width` css variables in a cssPartial
- * which can be used to size `display: block` contents within bounds.
- *
- * Variable allows you to specify the height of the content from the top of the PBC to the content,
- * allowing the content to be sized correctly
- *
- * Looks at `--app-top-height` which let's the PBC user specify extra pixel height (e.g. they have their
- * own nav)
- */
-export const constrainedDimensions = ({ navToContentPx }: { navToContentPx: number }) => css`
-  /* the height of the stepper footer (back/next buttons) */
-  --footer-height: 62px;
-
-  --app-top-height: 60px; /* can be used to account for main app header, in this case the extra height taken up by the tabs to select between the beta */
-
-  /* the height from the top of the reporting PBC (tabs with configure/destinations/etc.) to the top of the slotted section */
-  --reporting-header-to-content-height: ${navToContentPx.toString()}px;
-
-  /* total height from the page we want to subtract from the total height to give to the slot contents */
-  --taken-height: calc(
-    var(--footer-height) + var(--reporting-header-to-content-height) + var(--app-top-height, 0px)
-  );
-
-  /* the height/max height we want to set on the component - the calculated space for the content */
-  --constrained-height: calc(100vh - var(--taken-height));
-
-  /* the width/max width we want to set on the component - 98% of the view width, bounded at most 1200px */
-  --constrained-width: min(1200px, 98vw);
-`;

package/src/new/styles/forms.styles.ts

@@ -1,38 +0,0 @@
-import { accentColor, css } from '@genesislcap/web-core';
-
-export const optionMessageBubble = (dataAttr: string = 'data-bubble-content') => css`
-  rapid-multiselect::part(option-label)::after,
-  rapid-option.message-bubble::after {
-    background-color: var(--accent-fill-rest);
-    border-radius: calc((var(--control-corner-radius) + 1) * 1px);
-    color: var(--neutral-foreground-rest);
-    content: attr(${dataAttr});
-    font-size: var(--type-ramp-minus-2-font-size);
-    padding: calc((var(--design-unit) - 2) * 1px) calc(var(--design-unit) * 2px);
-    position: absolute;
-    right: 0;
-    transform: translateX(-6px);
-    white-space: nowrap;
-  }
-
-  rapid-option.message-bubble:hover::after {
-    display: none;
-  }
-
-  rapid-multiselect::part(option-label)::after,
-  rapid-option.message-bubble[data-color='red']::after {
-    background-color: ${accentColor};
-  }
-`;
-
-export const formLabel = css`
-  .label {
-    display: block;
-    padding-bottom: calc(var(--design-unit) * 2px);
-    color: var(--neutral-foreground-hint);
-    margin: 0;
-    cursor: pointer;
-    font-size: var(--type-ramp-base-font-size);
-    line-height: var(--type-ramp-base-line-height);
-  }
-`;

package/src/new/styles/index.ts

@@ -1,3 +0,0 @@
-export * from './forms.styles';
-export * from './misc.styles';
-export * from './constraints.styles';