npm - @tcn/ui - Versions diffs - 0.13.1 → 0.15.0 - Mend

@@ -1,40 +0,0 @@
-import React from 'react';
-import { clsx } from 'clsx';
-import { Box, type BoxProps } from '../../stacks/box/box.js';
-import styles from './body.module.css';
-export interface BodyProps extends Omit<BoxProps, 'as'> {}
-/**
- * The Body component will fill the available space in in a flex container.
- * It is typically used within a Scaffold or Rail component.
- * And typically will return a Scaffold or Rail component to determine the scroll behavior of the body
- * Example:
- * <Body>
- *   <Scaffold>
- *     <VerticalContent />
- *   </Scaffold>
- * </Body>
- * or
- * <Body>
- *   <Rail>
- *     <HorizontalContent />
- *   </Rail>
- * </Body>
- */
-export const Body = React.forwardRef<HTMLElement, BodyProps>(function Body(
-  { children, className, ...props }: BodyProps,
-  ref
-) {
-  return (
-    <Box
-      ref={ref}
-      as="div"
-      className={clsx(styles['body'], className, 'tcn-body')}
-      {...props}
-    >
-      {children}
-    </Box>
-  );
-});

@@ -1,14 +0,0 @@
-@layer tcn-system {
-  .rail {
-    :where(.rail-stack) {
-      width: 100%;
-      height: 100%;
-      overflow: auto;
-      > :global(.tcn-body) {
-        height: 100%;
-        width: auto;
-        overflow-x: auto;
-      }
-    }
-  }
-}

@@ -1,5 +0,0 @@
-@layer tcn-system {
-  :where(.row) {
-    padding-block: 4px;
-  }
-}

@@ -1,15 +0,0 @@
-import React from 'react';
-import { HStackProps, HStack } from '../../stacks/h_stack.js';
-import { clsx } from 'clsx';
-import styles from './row.module.css';
-export const Row = React.forwardRef<HTMLDivElement, HStackProps>(function Row(
-  { children, className, as = 'div', ...props },
-  ref
-) {
-  return (
-    <HStack ref={ref} className={clsx(className, styles.row, 'tcn-row')} {...props}>
-      {children}
-    </HStack>
-  );
-});

@tcn/ui 0.13.1 → 0.15.0