Skip to content

Commit

Permalink
feat: remove group haeders from documentation
Browse files Browse the repository at this point in the history
  • Loading branch information
@kostasdano
kostasdano committed Apr 19, 2024
1 parent c5bbfa6 commit a5336af
Show file tree
Hide file tree
Showing 4 changed files with 78 additions and 127 deletions.
140 changes: 53 additions & 87 deletions src/__storyshots__/Updated Components/Table/Table-ColumnChooser.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,24 +121,6 @@
}

.emotion-8 {
width: 300%;
height: 2.75rem;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
box-sizing: border-box;
padding: 8px 16px;
border-bottom: 1px solid rgba(200,206,255,0.70);
border-right: 1px solid rgba(200,206,255,0.70);
color: #52567a;
font-family: Roboto;
font-weight: 400;
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0.015625rem;
}

.emotion-9 {
width: 150%;
height: 2.75rem;
-webkit-align-content: center;
Expand All @@ -156,7 +138,7 @@
letter-spacing: 0.015625rem;
}

.emotion-15 {
.emotion-12 {
height: 2.75rem;
padding: 8px 16px;
border-bottom: 1px solid rgba(200,206,255,0.70);
Expand All @@ -166,7 +148,7 @@
align-content: center;
}

.emotion-16 {
.emotion-13 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand Down Expand Up @@ -230,40 +212,24 @@
<tr>
<th
class="emotion-8"
colspan="2"
>
Personal Details
</th>
<th
class="emotion-9"
colspan="1"
/>
<th
class="emotion-9"
colspan="1"
/>
</tr>
<tr>
<th
class="emotion-9"
colspan="1"
>
First Name
</th>
<th
class="emotion-9"
class="emotion-8"
colspan="1"
>
Last Name
</th>
<th
class="emotion-9"
class="emotion-8"
colspan="1"
>
Age
</th>
<th
class="emotion-9"
class="emotion-8"
colspan="1"
>
Job
Expand All @@ -273,227 +239,227 @@
<tbody>
<tr>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Rachel
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Berry
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
30
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Fashion Executive
</div>
</td>
</tr>
<tr>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Ross
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Geller
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
32
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Paleontologist
</div>
</td>
</tr>
<tr>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Monica
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Geller
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
31
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Chef
</div>
</td>
</tr>
<tr>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Chandler
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Bing
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
32
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
?
</div>
</td>
</tr>
<tr>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Joey
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Tribbiani
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
30
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Actor
</div>
</td>
</tr>
<tr>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Phoebe
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Buffay
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
31
</div>
</td>
<td
class="emotion-15"
class="emotion-12"
>
<div
class="emotion-16"
class="emotion-13"
>
Massage Therapist
</div>
Expand Down
14 changes: 1 addition & 13 deletions src/components/Table/Table.mdx
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,7 @@
import { Meta, Canvas, ArgTypes } from '@storybook/blocks';
import Table from './Table';
import * as TableStories from './Table.stories';
import {
GroupColumnStory,
DisplayColumnStory,
ColumnsConfigType,
} from './utils/TableStoryComponents';
import { DisplayColumnStory, ColumnsConfigType } from './utils/TableStoryComponents';

<Meta of={TableStories} />

Expand All @@ -27,10 +23,6 @@ A universal Table component that applies Orfium basic usages.

<ArgTypes of={Table} />

## GroupColumn Type

<ArgTypes of={GroupColumnStory} />

## DisplayColumn Type

<ArgTypes of={DisplayColumnStory} />
Expand All @@ -54,10 +46,6 @@ This type includes all the configuration for the columns

<Canvas of={TableStories.ColumnAndRowSizing} />

### Column Groups

<Canvas of={TableStories.ColumnGroups} />

### Column Chooser

<Canvas of={TableStories.ColumnChooser} />
Loading

0 comments on commit a5336af

Please sign in to comment.