@transferwise/components 0.0.0-experimental-9f96230 → 0.0.0-experimental-9b505c9

package/src/radio/__snapshots__/Radio.rtl.spec.tsx.snap

@@ -34,12 +34,10 @@ exports[`Radio shows the avatar when supplied 1`] = `
         class="np-radio__avatar m-l-auto"
       >
         <div
-          class="np-circle d-flex align-items-center justify-content-center tw-avatar tw-avatar--48 tw-avatar--initials np-text-title-body"
-          style="--circle-size: 48px;"
+          class="tw-avatar tw-avatar--48 tw-avatar--initials np-text-title-body"
         >
           <div
-            class="np-circle d-flex align-items-center justify-content-center tw-avatar__content"
-            style="--circle-size: 48px;"
+            class="tw-avatar__content"
           >
             HD
           </div>

package/src/statusIcon/StatusIcon.css

@@ -1,9 +1,3 @@
-.status-icon > svg {
-  height: 32px;
-  height: var(--size-32);
-  width: 32px;
-  width: var(--size-32);
-}
 .status-circle .light {
   color: var(--color-contrast);
 }
@@ -19,20 +13,6 @@
 .np-theme-personal .status-circle.pending .status-icon {
   color: var(--color-dark);
 }
-.status-circle-sm .status-icon > svg {
-  height: 14px;
-  height: var(--size-14);
-  width: 14px;
-  width: var(--size-14);
-}
-@media (max-width: 320px) {
-  .status-circle-sm .status-icon > svg {
-    width: 24px;
-    width: var(--size-24);
-    height: 24px;
-    height: var(--size-24);
-  }
-}
 .status-circle.negative,
 .status-circle.error {
   background-color: var(--color-sentiment-negative);

package/src/statusIcon/StatusIcon.less

@@ -1,8 +1,3 @@
-.status-icon > svg {
-  height: var(--size-32);
-  width: var(--size-32);
-}
-
 .status-circle {
   .light {
     color: var(--color-contrast);
@@ -22,18 +17,6 @@
       }
     }
   }
-
-  &-sm {
-    .status-icon > svg {
-      height: var(--size-14);
-      width: var(--size-14);
-
-      @media (--screen-400-zoom) {
-        width: var(--size-24);
-        height: var(--size-24);
-      }
-    }
-  }
 }
 
 .status-circle.negative,

package/src/statusIcon/StatusIcon.spec.tsx

@@ -1,16 +1,12 @@
 import { Sentiment, Size } from '../common';
 import { render, cleanup, screen, mockMatchMedia } from '../test-utils';
 
-import StatusIcon, { StatusIconProps } from '.';
+import StatusIcon, { type StatusIconProps } from '.';
 
 mockMatchMedia();
 
 describe('StatusIcon', () => {
-  const renderStatusIcon = (props?: {
-    sentiment?: StatusIconProps['sentiment'];
-    size?: StatusIconProps['size'];
-    iconLabel?: StatusIconProps['iconLabel'];
-  }) => {
+  const renderStatusIcon = (props?: StatusIconProps) => {
     return render(
       <StatusIcon
         sentiment={props?.sentiment || Sentiment.NEUTRAL}
@@ -27,23 +23,8 @@ describe('StatusIcon', () => {
 
     expect(screen.getByTestId('status-icon')).toHaveClass('neutral');
     expect(screen.getByTestId('status-icon')).toHaveClass('status-circle');
-    expect(screen.getByTestId('status-icon')).toHaveClass('status-circle-md');
   });
 
-  it.each([
-    [Size.SMALL as const, 'status-circle-sm'],
-    [Size.MEDIUM as const, 'status-circle-md'],
-    [Size.LARGE as const, 'status-circle-lg'],
-  ])(
-    "if prop 'size' equals '%s' is passed, renders the status icon with class '%s'",
-    (size, expectedClass) => {
-      renderStatusIcon({ size });
-
-      expect(screen.getByTestId('status-icon')).toHaveClass(expectedClass);
-      cleanup();
-    },
-  );
-
   it.each([
     [Sentiment.NEGATIVE, Sentiment.NEGATIVE],
     [Sentiment.NEUTRAL, Sentiment.NEUTRAL],

package/src/statusIcon/StatusIcon.story.tsx

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 
-import { Size, Sentiment } from '../common';
+import { Sentiment, Size } from '../common';
 
 import StatusIcon from './StatusIcon';
 
@@ -29,6 +29,37 @@ export const Presentational: Story = {
 };
 
 export const Variants: Story = {
+  render: () => (
+    <span style={{ display: 'flex', justifyContent: 'space-between', maxWidth: '400px' }}>
+      {[
+        Sentiment.POSITIVE,
+        Sentiment.NEGATIVE,
+        Sentiment.WARNING,
+        Sentiment.NEUTRAL,
+        Sentiment.PENDING,
+      ].map((sentiment) => {
+        return (
+          <span
+            key={sentiment}
+            style={{
+              display: 'flex',
+              justifyContent: 'space-between',
+              flexDirection: 'column',
+              minHeight: '150px',
+              alignItems: 'center',
+            }}
+          >
+            {([16, 24, 32, 40, 48, 56, 72] as const).map((size) => {
+              return <StatusIcon key={size} size={size} sentiment={sentiment} />;
+            })}
+          </span>
+        );
+      })}
+    </span>
+  ),
+};
+
+export const LegacySizes: Story = {
   render: () => (
     <span style={{ display: 'flex', justifyContent: 'space-between', maxWidth: '400px' }}>
       {[

package/src/statusIcon/StatusIcon.tsx

@@ -8,9 +8,14 @@ import { useMedia } from '../common/hooks/useMedia';
 
 import messages from './StatusIcon.messages';
 
+/**
+ * @deprecated use `16 | 24 | 32 | 40 | 48 | 56 | 72` component instead
+ */
+type LegacySizes = SizeSmall | SizeMedium | SizeLarge;
+
 export type StatusIconProps = {
-  sentiment: `${Sentiment}`;
-  size: SizeSmall | SizeMedium | SizeLarge;
+  sentiment?: `${Sentiment}`;
+  size?: LegacySizes | 16 | 24 | 32 | 40 | 48 | 56 | 72;
   /**
    * Override for the sentiment's-derived, default, accessible
    * name announced by the screen readers. <br />
@@ -25,11 +30,7 @@ const mapLegacySize = {
   [String(Size.LARGE)]: 48,
 } satisfies Record<string, CircleProps['size']>;
 
-const StatusIcon = ({
-  sentiment = 'neutral',
-  size: sizeProp = 'md',
-  iconLabel,
-}: StatusIconProps) => {
+const StatusIcon = ({ sentiment = 'neutral', size: sizeProp = 40, iconLabel }: StatusIconProps) => {
   const intl = useIntl();
 
   const iconMetaBySentiment: Record<
@@ -77,13 +78,13 @@ const StatusIcon = ({
 
   const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';
   const isTinyViewport = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);
-  const size = sizeProp === Size.SMALL && isTinyViewport ? 32 : mapLegacySize[sizeProp];
+  const size = mapLegacySize[sizeProp] ?? sizeProp;
   return (
     <Circle
       as="span"
-      size={size}
+      size={isTinyViewport && size < 40 ? 32 : size}
       data-testid="status-icon"
-      className={clsx('status-circle', `status-circle-${sizeProp}`, sentiment)}
+      className={clsx('status-circle', sentiment)}
     >
       <Icon
         className={clsx('status-icon', iconColor)}

package/build/styles/table/Table.css

@@ -1,300 +0,0 @@
-.np-table {
-  width: 100%;
-  background-color: transparent;
-}
-.np-table-outer-container {
-  border-radius: 16px;
-  border-radius: var(--radius-medium);
-}
-.np-table-outer-container:focus {
-  outline: none;
-}
-.np-table-outer-container:focus-visible {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
-.np-table-outer-container:focus-visible {
-  outline-offset: 0;
-}
-.np-table-outer-container--center {
-  margin-right: auto;
-  margin-left: auto;
-}
-@media (max-width: 767px) {
-  .np-table-outer-container--center {
-    width: 100%;
-  }
-}
-.np-table-outer-container--full-width {
-  width: 100%;
-}
-.np-table-container {
-  padding: 8px;
-  padding: var(--size-8);
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-  border-radius: inherit;
-}
-.np-table-container--loading .np-table-inner-container {
-  background-image: none;
-}
-.np-table-inner-container {
-  background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
-  background-position: left center, right center, left center, right center;
-  background-repeat: no-repeat;
-  background-color: var(--color-contrast-overlay);
-  background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
-  background-attachment: local, local, scroll, scroll;
-  overflow-x: auto;
-  border-radius: 10px;
-}
-.np-theme-personal--dark .np-table-inner-container {
-  background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, #000000, rgba(0, 0, 0, 0)), linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
-}
-.np-table-row:last-child .np-table-cell:first-child {
-  border-bottom-left-radius: 10px;
-}
-.np-table-row:last-child .np-table-cell:last-child {
-  border-bottom-right-radius: 10px;
-}
-.np-table-row--clickable .np-table-cell {
-  position: relative;
-}
-.np-table-row--clickable .np-table-cell:before {
-  display: none;
-  content: "";
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-  background-color: var(--color-background-screen-hover);
-}
-.np-table-row--clickable .np-table-cell:first-child:before,
-.np-table-row--clickable .np-table-cell:last-child:before {
-  width: calc(100% - 8px);
-  width: calc(100% - var(--size-8));
-}
-.np-table-row--clickable .np-table-cell:first-child:before {
-  left: 8px;
-  left: var(--size-8);
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.np-table-row--clickable .np-table-cell:last-child:before {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.np-table-row--clickable:hover .np-table-cell:before {
-  display: block;
-}
-.np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before,
-.np-table-row--clickable:hover:focus-visible .np-table-cell:last-child:before {
-  width: 100%;
-}
-.np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before {
-  left: 0;
-}
-.np-table-row--clickable:focus {
-  outline: none;
-}
-.np-table-row--clickable:focus-visible {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
-.np-table-row--clickable:focus-visible {
-  outline-offset: -2px;
-  border-radius: 6px;
-}
-.np-table-row--cosmetic .np-table-cell {
-  height: 8px;
-  height: var(--size-8);
-  padding: 0;
-}
-.np-table-header,
-.np-table-cell {
-  padding: 0;
-}
-.np-table-header:first-child,
-.np-table-cell:first-child {
-  padding-left: 16px;
-  padding-left: var(--size-16);
-}
-.np-table-header:first-child .np-table-header-content,
-.np-table-cell:first-child .np-table-header-content,
-.np-table-header:first-child .np-table-cell-content,
-.np-table-cell:first-child .np-table-cell-content {
-  padding-left: 0;
-}
-.np-table-header:last-child,
-.np-table-cell:last-child {
-  padding-right: 16px;
-  padding-right: var(--size-16);
-}
-.np-table-header:last-child .np-table-header-content,
-.np-table-cell:last-child .np-table-header-content,
-.np-table-header:last-child .np-table-cell-content,
-.np-table-cell:last-child .np-table-cell-content {
-  padding-right: 0;
-}
-.np-table-header .np-table-text-secondary,
-.np-table-cell .np-table-text-secondary {
-  color: #768e9c;
-  color: var(--color-content-tertiary);
-  font-size: 0.75rem;
-  font-size: var(--font-size-12);
-  font-style: normal;
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  line-height: 1.125rem;
-  line-height: var(--line-height-18);
-}
-.np-table-header.np-table-header--right > .np-text-body-default,
-.np-table-cell.np-table-cell--right > .np-text-body-default {
-  text-align: right;
-}
-.np-table-header.np-table-header--right + .np-table-header:not(.np-table-header--right),
-.np-table-cell.np-table-cell--right + .np-table-cell:not(.np-table-cell--right) {
-  padding-left: calc(8px + 12px);
-  padding-left: calc(var(--size-8) + var(--size-12));
-}
-.np-table-header.np-table-header--right .np-table-header-content,
-.np-table-cell.np-table-cell--right .np-table-content {
-  justify-content: end;
-}
-.np-table-header-content,
-.np-table-content {
-  display: flex;
-  align-items: center;
-  justify-content: start;
-}
-.np-table-header {
-  min-width: 160px;
-  padding-right: 8px;
-  padding-right: var(--size-8);
-  padding-bottom: 8px;
-  padding-bottom: var(--size-8);
-  padding-left: 8px;
-  padding-left: var(--size-8);
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-  color: var(--color-interactive-primary);
-}
-.np-table-header-content {
-  padding-top: 5px;
-  padding-bottom: 5px;
-  white-space: nowrap;
-  line-height: 1.375rem;
-  line-height: var(--line-height-22);
-  letter-spacing: 0.0125em;
-  letter-spacing: var(--letter-spacing-sm);
-}
-.np-table-header--error {
-  color: var(--color-sentiment-negative);
-}
-.np-table-header--action {
-  min-width: 0;
-  padding: 0;
-}
-.np-table-cell {
-  padding: 16px 8px;
-  padding: var(--size-16) var(--size-8);
-  position: relative;
-}
-.np-table-cell--cosmetic {
-  padding: 0;
-}
-.np-table-cell--primary {
-  min-width: 200px;
-}
-.np-table-cell--currency .np-text-body-default {
-  white-space: nowrap;
-}
-.np-table-cell--status .status-circle {
-  width: 24px;
-  height: 24px;
-}
-.np-table-cell--status .status-circle .status-icon > svg {
-  width: 21px;
-  height: 21px;
-}
-.np-table-cell .tw-chevron {
-  margin-left: 8px;
-  margin-left: var(--size-8);
-}
-.np-table-cell-separator {
-  margin-top: 4px;
-  margin-top: var(--size-4);
-  margin-bottom: 4px;
-  margin-bottom: var(--size-4);
-  height: 1px;
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-  padding: 0;
-}
-.np-table-cell .np-text-body-default {
-  line-height: 1.375rem;
-  line-height: var(--line-height-22);
-  letter-spacing: 0.01em;
-  letter-spacing: var(--letter-spacing-xs);
-}
-.np-table-cell .np-text-body-default-bold {
-  display: flex;
-  align-items: center;
-  color: #37517e;
-  color: var(--color-content-primary);
-  white-space: nowrap;
-}
-.np-table-cell .np-table-content--success {
-  color: var(--color-sentiment-positive);
-}
-.np-table-cell .np-table-content--error {
-  color: var(--color-sentiment-negative);
-}
-.np-table-cell .tw-loader {
-  margin: 150px auto;
-}
-@media (max-width: 320px) {
-  .np-table-cell .tw-loader {
-    margin-top: 70px;
-    margin-bottom: 70px;
-  }
-}
-.np-table-content {
-  gap: 12px;
-  gap: var(--size-12);
-}
-.np-table-content--success,
-.np-table-content--error {
-  gap: 4px;
-  gap: var(--size-4);
-}
-.np-table-content--success .np-table-content-text,
-.np-table-content--error .np-table-content-text {
-  line-height: 155%;
-}
-.np-table-content-media {
-  flex-shrink: 0;
-}
-.np-table-content-body {
-  display: flex;
-  flex-direction: column;
-  font-size: 0.75rem;
-  font-size: var(--font-size-12);
-  color: #768e9c;
-  color: var(--color-content-tertiary);
-}
-.np-table-content--reversed {
-  flex-direction: row-reverse;
-}
-.np-table-content--reversed .np-table-content-body {
-  align-items: end;
-}
-.np-table-empty-data {
-  display: flex;
-  align-items: center;
-}
-.np-table-empty-data .status-circle {
-  margin-right: 12px;
-  margin-right: var(--size-12);
-}

package/build/types/table/Table.d.ts

@@ -1,24 +0,0 @@
-import { TableHeaderType } from './TableHeader';
-import { TableRowClickableType, TableRowType } from './TableRow';
-export interface TableProps {
-    'aria-labelledby'?: string;
-    data: {
-        headers?: TableHeaderType[];
-        rows?: TableRowType[] | TableRowClickableType[];
-        onRowClick?: (rowData: TableRowType | TableRowClickableType) => void;
-    };
-    loading?: boolean;
-    className?: string | undefined;
-    fullWidth?: boolean;
-    error?: {
-        message?: string;
-        action?: {
-            href?: string;
-            text?: string;
-        };
-    };
-    onRetry?: () => void;
-}
-declare const Table: React.FC<TableProps>;
-export default Table;
-//# sourceMappingURL=Table.d.ts.map

package/build/types/table/Table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAoB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAiB,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAU3E,MAAM,WAAW,UAAU;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,EAAE;QACJ,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;QAC5B,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,qBAAqB,EAAE,CAAC;QAChD,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,GAAG,qBAAqB,KAAK,IAAI,CAAC;KACtE,CAAC;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE;YACP,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmI/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/build/types/table/Table.messages.d.ts

@@ -1,24 +0,0 @@
-declare const _default: {
-    loading: {
-        id: string;
-        defaultMessage: string;
-    };
-    loaded: {
-        id: string;
-        defaultMessage: string;
-    };
-    emptyData: {
-        id: string;
-        defaultMessage: string;
-    };
-    refreshPage: {
-        id: string;
-        defaultMessage: string;
-    };
-    actionHeader: {
-        id: string;
-        defaultMessage: string;
-    };
-};
-export default _default;
-//# sourceMappingURL=Table.messages.d.ts.map

package/build/types/table/Table.messages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.messages.d.ts","sourceRoot":"","sources":["../../../src/table/Table.messages.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,wBAqBG"}

package/build/types/table/TableCell.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-interface TableCellTypeProp {
-    type: 'leading' | 'text' | 'currency' | 'status';
-}
-interface TableCellTextProps {
-    primaryText?: string;
-    secondaryText?: string;
-}
-interface TableCellStatusProp {
-    status?: 'error' | 'success';
-}
-export interface TableCellLeading extends TableCellTypeProp, TableCellTextProps, TableCellStatusProp {
-    avatar?: {
-        src?: string;
-        fullName?: string;
-        backgroundColorSeed?: string;
-    };
-}
-export interface TableCellText extends TableCellTypeProp, TableCellStatusProp {
-    text?: string;
-}
-interface Currency {
-    value: string | number;
-    currency: string;
-}
-export interface TableCellCurrency extends TableCellTypeProp, TableCellStatusProp {
-    primaryCurrency?: Currency;
-    secondaryCurrency?: Currency;
-}
-export interface TableCellStatus extends TableCellTypeProp, TableCellTextProps {
-    sentiment?: 'negative' | 'neutral' | 'positive' | 'warning' | 'pending';
-}
-export interface TableCellType {
-    cell?: TableCellLeading & TableCellText & TableCellCurrency & TableCellStatus;
-    alignment?: 'right';
-}
-export interface TableCellProps extends TableCellType {
-    className?: string;
-    colSpan?: number;
-    children?: React.ReactNode;
-}
-declare const TableCell: ({ cell, alignment, className, colSpan, children }: TableCellProps) => React.JSX.Element;
-export default TableCell;
-//# sourceMappingURL=TableCell.d.ts.map

package/build/types/table/TableCell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/table/TableCell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,iBAAiB;IACzB,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;CAClD;AAGD,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,gBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,mBAAmB;IACrB,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;CACH;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,mBAAmB;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,EAAE,mBAAmB;IAC/E,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,iBAAiB,CAAC,EAAE,QAAQ,CAAC;CAC9B;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,EAAE,kBAAkB;IAC5E,SAAS,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;CACzE;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,gBAAgB,GAAG,aAAa,GAAG,iBAAiB,GAAG,eAAe,CAAC;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAGD,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,sDAAuD,cAAc,sBAoGnF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/types/table/TableHeader.d.ts

@@ -1,13 +0,0 @@
-export interface TableHeaderType {
-    header?: string;
-    className?: string;
-    alignment?: 'right';
-    status?: 'error';
-    width?: string;
-}
-export interface TableHeaderProps extends TableHeaderType {
-    isActionHeader?: boolean;
-}
-declare const TableHeader: React.FC<TableHeaderProps>;
-export default TableHeader;
-//# sourceMappingURL=TableHeader.d.ts.map

package/build/types/table/TableHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/table/TableHeader.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/types/table/TableRow.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { TableCellProps } from './TableCell';
-export interface TableRowType {
-    cells?: TableCellProps[];
-}
-export interface TableRowClickableType extends TableRowType {
-    id: number | string;
-}
-export interface TableRowProps {
-    rowData?: TableRowType | TableRowClickableType;
-    hasSeparator?: boolean;
-    children?: React.ReactNode;
-    onRowClick?: (rowData: TableRowType | TableRowClickableType) => void;
-}
-declare const TableRow: ({ rowData, hasSeparator, children, onRowClick }: TableRowProps) => React.JSX.Element;
-export default TableRow;
-//# sourceMappingURL=TableRow.d.ts.map

package/build/types/table/TableRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAKxD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,YAAY,GAAG,qBAAqB,CAAC;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,GAAG,qBAAqB,KAAK,IAAI,CAAC;CACtE;AAED,QAAA,MAAM,QAAQ,oDAA6D,aAAa,sBA2CvF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/types/table/TableStatusText.d.ts

@@ -1,9 +0,0 @@
-export interface TableStatusTextProps {
-    text: string;
-    className?: string;
-    status?: 'success' | 'error';
-    typography?: 'default' | 'default-bold';
-}
-declare const TableStatusText: React.FC<TableStatusTextProps>;
-export default TableStatusText;
-//# sourceMappingURL=TableStatusText.d.ts.map

package/build/types/table/TableStatusText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableStatusText.d.ts","sourceRoot":"","sources":["../../../src/table/TableStatusText.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACzC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/build/types/table/index.d.ts

@@ -1,6 +0,0 @@
-export { default } from './Table';
-export type { TableProps } from './Table';
-export type { TableRowType, TableRowClickableType } from './TableRow';
-export type { TableHeaderType } from './TableHeader';
-export type { TableCellLeading, TableCellText, TableCellCurrency, TableCellStatus, TableCellType, } from './TableCell';
-//# sourceMappingURL=index.d.ts.map

package/build/types/table/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,aAAa,GACd,MAAM,aAAa,CAAC"}