@tipp/ui 0.1.6 → 0.1.8

package/dist/index.css

@@ -27759,3 +27759,63 @@ h2.react-datepicker__current-month{
     vertical-align: bottom;
   }
 }
+.expand-table .thead .tr{
+  background-color: var(--accent-2);
+  padding: var(--space-1) var(--space-5);
+  display: flex;
+  align-items: stretch;
+  border-radius: var(--radius-5);
+  overflow: hidden;
+}
+.expand-table .thead .tr .th{
+  padding: var(--space-2) 0;
+}
+.expand-table .thead .tr .th button{
+  padding: 0;
+  background: transparent;
+  border: none;
+  display: inline-block;
+  display: flex;
+  align-items: center;
+}
+.expand-table .tbody{
+  margin-top: var(--space-1);
+}
+.expand-table .tbody .tr-wrapper{
+  border-radius: var(--radius-6);
+  background-color: var(--default-white);
+  box-shadow: var(--shadow-2);
+  overflow: hidden;
+  margin-bottom: var(--space-1);
+}
+.expand-table .tbody .tr-wrapper.expandable{
+  transition: 5s ease-in-out background-color;
+  background-color: transparent;
+}
+.expand-table .tbody .tr-wrapper.expandable :hover{
+  background-color: var(--gray-2);
+}
+.expand-table .tbody .tr-wrapper.expandable .expand-comp-wrapper{
+  width: 100%;
+  height: 100%;
+  border-top: 1px solid var(--gray-3);
+}
+.expand-table .tbody .tr-wrapper .tr{
+  padding: var(--space-5);
+  display: flex;
+  flex-direction: row;
+  background-color: var(--default-white);
+  border: none;
+}
+.expand-table .tbody .tr-wrapper .tr .td{
+  font-size: var(--font-size-2);
+  padding: 0;
+  display: flex;
+  align-items: center;
+}
+.collapse{
+  width: 100%;
+  overflow: hidden;
+  max-height: 0;
+  transition: max-height 0.2s ease-out;
+}

package/dist/index.d.cts

@@ -8,9 +8,13 @@ export { DatePicker, DatePickerProps } from './atoms/date-picker/index.cjs';
 export { Heading, HeadingProps } from './atoms/heading.cjs';
 export { Link, LinkProps } from './atoms/link.cjs';
 export { Text, TextProps } from './atoms/text.cjs';
+export { Collapse, CollapseProps } from './atoms/collapse.cjs';
+export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.cjs';
 export { ThemeProvider } from './theme/theme-provider.cjs';
 import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
 export { index_js as uiProps };
-export { BookmarkIcon, ChatBubbleIcon, DotsHorizontalIcon, ExclamationTriangleIcon, ExitIcon, InfoCircledIcon, MagnifyingGlassIcon, PlusIcon } from '@radix-ui/react-icons';
+export { BookmarkIcon, ChatBubbleIcon, DotsHorizontalIcon, ExclamationTriangleIcon, ExitIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PlusIcon } from '@radix-ui/react-icons';
+export { ExpandComp, OnRowClick } from './molecules/expand-table/row.cjs';
+export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
 import 'react';
 import 'react-datepicker';

package/dist/index.d.ts

@@ -8,9 +8,13 @@ export { DatePicker, DatePickerProps } from './atoms/date-picker/index.js';
 export { Heading, HeadingProps } from './atoms/heading.js';
 export { Link, LinkProps } from './atoms/link.js';
 export { Text, TextProps } from './atoms/text.js';
+export { Collapse, CollapseProps } from './atoms/collapse.js';
+export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.js';
 export { ThemeProvider } from './theme/theme-provider.js';
 import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
 export { index_js as uiProps };
-export { BookmarkIcon, ChatBubbleIcon, DotsHorizontalIcon, ExclamationTriangleIcon, ExitIcon, InfoCircledIcon, MagnifyingGlassIcon, PlusIcon } from '@radix-ui/react-icons';
+export { BookmarkIcon, ChatBubbleIcon, DotsHorizontalIcon, ExclamationTriangleIcon, ExitIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PlusIcon } from '@radix-ui/react-icons';
+export { ExpandComp, OnRowClick } from './molecules/expand-table/row.js';
+export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
 import 'react';
 import 'react-datepicker';

package/dist/index.js

@@ -1,3 +1,24 @@
+import {
+  useThemeContext
+} from "./chunk-MMGP4GEQ.js";
+import {
+  uiProps
+} from "./chunk-NVKNDAIN.js";
+import "./chunk-WWCWPFEJ.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "./chunk-76NL7K3Z.js";
+import "./chunk-ZE5G2S34.js";
+import "./chunk-BSTJBBEX.js";
+import "./chunk-NDUKDKGB.js";
+import {
+  ThemeProvider
+} from "./chunk-PL3Q4UVY.js";
+import "./chunk-WN3DQQSJ.js";
+import {
+  DatePicker
+} from "./chunk-IIBITN2G.js";
 import {
   TextField
 } from "./chunk-JPIZP2PZ.js";
@@ -7,12 +28,6 @@ import {
 import {
   Tooltip
 } from "./chunk-ACVANQJ4.js";
-import {
-  uiProps
-} from "./chunk-NVKNDAIN.js";
-import {
-  DatePicker
-} from "./chunk-IIBITN2G.js";
 import {
   Select
 } from "./chunk-355MU6BH.js";
@@ -61,9 +76,6 @@ import {
 import {
   SegmentedControl
 } from "./chunk-TVDKGMBI.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
 import {
   Heading
 } from "./chunk-HLOY6BIP.js";
@@ -86,11 +98,8 @@ import {
   Popover
 } from "./chunk-5AVBYDPB.js";
 import {
-  Checkbox
-} from "./chunk-JEHDCZQU.js";
-import {
-  Code
-} from "./chunk-OHMOP5PV.js";
+  Collapse
+} from "./chunk-OCJNQGHN.js";
 import {
   Container
 } from "./chunk-Q37G2GS6.js";
@@ -110,11 +119,8 @@ import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
-  Badge
-} from "./chunk-ALOPZ54P.js";
-import {
-  Blockquote
-} from "./chunk-YGL6SWKN.js";
+  Grid
+} from "./chunk-EGEQY3KT.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -133,6 +139,12 @@ import {
 import {
   CheckboxGroup
 } from "./chunk-IQEEPHOY.js";
+import {
+  Checkbox
+} from "./chunk-JEHDCZQU.js";
+import {
+  Code
+} from "./chunk-OHMOP5PV.js";
 import {
   BookmarkIcon,
   ChatBubbleIcon,
@@ -141,14 +153,9 @@ import {
   ExitIcon,
   InfoCircledIcon,
   MagnifyingGlassIcon,
+  MixerHorizontalIcon,
   PlusIcon
-} from "./chunk-UVZ6CCUI.js";
-import {
-  ThemeProvider
-} from "./chunk-PL3Q4UVY.js";
-import {
-  useThemeContext
-} from "./chunk-MMGP4GEQ.js";
+} from "./chunk-W4OUB7S7.js";
 import {
   AlertDialog
 } from "./chunk-J242TTFH.js";
@@ -158,6 +165,12 @@ import {
 import {
   Avatar
 } from "./chunk-CZEGRZBK.js";
+import {
+  Badge
+} from "./chunk-ALOPZ54P.js";
+import {
+  Blockquote
+} from "./chunk-YGL6SWKN.js";
 import "./chunk-N552FDTV.js";
 export {
   AlertDialog,
@@ -175,6 +188,7 @@ export {
   CheckboxCards,
   CheckboxGroup,
   Code,
+  Collapse,
   Container,
   DataList,
   DatePicker,
@@ -184,6 +198,7 @@ export {
   Em,
   ExclamationTriangleIcon,
   ExitIcon,
+  ExpandTable,
   Flex,
   Grid,
   Heading,
@@ -194,6 +209,7 @@ export {
   Kbd,
   Link,
   MagnifyingGlassIcon,
+  MixerHorizontalIcon,
   PlusIcon,
   Popover,
   Progress,
@@ -216,6 +232,7 @@ export {
   TextField,
   ThemeProvider,
   Tooltip,
+  createColumnHelper,
   uiProps,
   useThemeContext
 };