playbook_ui_docs 13.19.0.pre.alpha.PBNTR211tablekitsubcomponentsreact2318 → 13.19.0.pre.alpha.play1141iconkitusinglibrary2264
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_table/docs/_table_side_highlight.jsx +25 -24
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_table/docs/index.js +0 -3
- data/dist/playbook-doc.js +10 -10
- metadata +2 -8
- data/app/pb_kits/playbook/pb_table/docs/_table_div.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_div.jsx +0 -47
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx +0 -47
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx +0 -48
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 936e8ee804d7efa806eb0201fe38ce302d4ba5de0e91b94ad80baca0fc0af684
|
4
|
+
data.tar.gz: 1e44f49da5b663f002d48a47c28cdc1cf571c6b39912305c395bc12b2e521db2
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 7f25ed0f6d1e41a8921225fdb80a6a271a3528414dd065d45e2186ce4f3f0470e8f8bb339c11e42a65ca49e30944d8eca4799527ccd1a84ee34ee3bf4f8c5305
|
7
|
+
data.tar.gz: 5f77993dacb64a84dcdfe660fff1f0b03b4ef843cbbfcf47b079c3190c454b3b48c755ef999639417e48964dab228d905c0e26184d607b6a58a83f4ac5046ffd
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import React from 'react'
|
2
2
|
|
3
3
|
import Table from '../_table'
|
4
|
+
import TableRow from '../_table_row'
|
4
5
|
|
5
6
|
const TableSideHighlight = (props) => {
|
6
7
|
return (
|
@@ -19,7 +20,7 @@ const TableSideHighlight = (props) => {
|
|
19
20
|
</tr>
|
20
21
|
</thead>
|
21
22
|
<tbody>
|
22
|
-
<
|
23
|
+
<TableRow
|
23
24
|
sideHighlightColor="product_1_highlight"
|
24
25
|
{...props}
|
25
26
|
>
|
@@ -28,8 +29,8 @@ const TableSideHighlight = (props) => {
|
|
28
29
|
<td>{'Value 3'}</td>
|
29
30
|
<td>{'Value 4'}</td>
|
30
31
|
<td>{'Value 5'}</td>
|
31
|
-
</
|
32
|
-
<
|
32
|
+
</TableRow>
|
33
|
+
<TableRow
|
33
34
|
sideHighlightColor="product_2_highlight"
|
34
35
|
{...props}
|
35
36
|
>
|
@@ -38,8 +39,8 @@ const TableSideHighlight = (props) => {
|
|
38
39
|
<td>{'Value 3'}</td>
|
39
40
|
<td>{'Value 4'}</td>
|
40
41
|
<td>{'Value 5'}</td>
|
41
|
-
</
|
42
|
-
<
|
42
|
+
</TableRow>
|
43
|
+
<TableRow
|
43
44
|
sideHighlightColor="product_3_highlight"
|
44
45
|
{...props}
|
45
46
|
>
|
@@ -48,8 +49,8 @@ const TableSideHighlight = (props) => {
|
|
48
49
|
<td>{'Value 3'}</td>
|
49
50
|
<td>{'Value 4'}</td>
|
50
51
|
<td>{'Value 5'}</td>
|
51
|
-
</
|
52
|
-
<
|
52
|
+
</TableRow>
|
53
|
+
<TableRow
|
53
54
|
sideHighlightColor="none"
|
54
55
|
{...props}
|
55
56
|
>
|
@@ -58,7 +59,7 @@ const TableSideHighlight = (props) => {
|
|
58
59
|
<td>{'Value 3'}</td>
|
59
60
|
<td>{'Value 4'}</td>
|
60
61
|
<td>{'Value 5'}</td>
|
61
|
-
</
|
62
|
+
</TableRow>
|
62
63
|
</tbody>
|
63
64
|
</Table>
|
64
65
|
|
@@ -78,7 +79,7 @@ const TableSideHighlight = (props) => {
|
|
78
79
|
</tr>
|
79
80
|
</thead>
|
80
81
|
<tbody>
|
81
|
-
<
|
82
|
+
<TableRow
|
82
83
|
sideHighlightColor="success"
|
83
84
|
{...props}
|
84
85
|
>
|
@@ -87,8 +88,8 @@ const TableSideHighlight = (props) => {
|
|
87
88
|
<td>{'Value 3'}</td>
|
88
89
|
<td>{'Value 4'}</td>
|
89
90
|
<td>{'Value 5'}</td>
|
90
|
-
</
|
91
|
-
<
|
91
|
+
</TableRow>
|
92
|
+
<TableRow
|
92
93
|
sideHighlightColor="warning"
|
93
94
|
{...props}
|
94
95
|
>
|
@@ -97,8 +98,8 @@ const TableSideHighlight = (props) => {
|
|
97
98
|
<td>{'Value 3'}</td>
|
98
99
|
<td>{'Value 4'}</td>
|
99
100
|
<td>{'Value 5'}</td>
|
100
|
-
</
|
101
|
-
<
|
101
|
+
</TableRow>
|
102
|
+
<TableRow
|
102
103
|
sideHighlightColor="error"
|
103
104
|
{...props}
|
104
105
|
>
|
@@ -107,8 +108,8 @@ const TableSideHighlight = (props) => {
|
|
107
108
|
<td>{'Value 3'}</td>
|
108
109
|
<td>{'Value 4'}</td>
|
109
110
|
<td>{'Value 5'}</td>
|
110
|
-
</
|
111
|
-
<
|
111
|
+
</TableRow>
|
112
|
+
<TableRow
|
112
113
|
sideHighlightColor="none"
|
113
114
|
{...props}
|
114
115
|
>
|
@@ -117,7 +118,7 @@ const TableSideHighlight = (props) => {
|
|
117
118
|
<td>{'Value 3'}</td>
|
118
119
|
<td>{'Value 4'}</td>
|
119
120
|
<td>{'Value 5'}</td>
|
120
|
-
</
|
121
|
+
</TableRow>
|
121
122
|
</tbody>
|
122
123
|
</Table>
|
123
124
|
|
@@ -137,7 +138,7 @@ const TableSideHighlight = (props) => {
|
|
137
138
|
</tr>
|
138
139
|
</thead>
|
139
140
|
<tbody>
|
140
|
-
<
|
141
|
+
<TableRow
|
141
142
|
sideHighlightColor="category_1"
|
142
143
|
{...props}
|
143
144
|
>
|
@@ -146,8 +147,8 @@ const TableSideHighlight = (props) => {
|
|
146
147
|
<td>{'Value 3'}</td>
|
147
148
|
<td>{'Value 4'}</td>
|
148
149
|
<td>{'Value 5'}</td>
|
149
|
-
</
|
150
|
-
<
|
150
|
+
</TableRow>
|
151
|
+
<TableRow
|
151
152
|
sideHighlightColor="category_2"
|
152
153
|
{...props}
|
153
154
|
>
|
@@ -156,8 +157,8 @@ const TableSideHighlight = (props) => {
|
|
156
157
|
<td>{'Value 3'}</td>
|
157
158
|
<td>{'Value 4'}</td>
|
158
159
|
<td>{'Value 5'}</td>
|
159
|
-
</
|
160
|
-
<
|
160
|
+
</TableRow>
|
161
|
+
<TableRow
|
161
162
|
sideHighlightColor="category_3"
|
162
163
|
{...props}
|
163
164
|
>
|
@@ -166,8 +167,8 @@ const TableSideHighlight = (props) => {
|
|
166
167
|
<td>{'Value 3'}</td>
|
167
168
|
<td>{'Value 4'}</td>
|
168
169
|
<td>{'Value 5'}</td>
|
169
|
-
</
|
170
|
-
<
|
170
|
+
</TableRow>
|
171
|
+
<TableRow
|
171
172
|
sideHighlightColor="none"
|
172
173
|
{...props}
|
173
174
|
>
|
@@ -176,7 +177,7 @@ const TableSideHighlight = (props) => {
|
|
176
177
|
<td>{'Value 3'}</td>
|
177
178
|
<td>{'Value 4'}</td>
|
178
179
|
<td>{'Value 5'}</td>
|
179
|
-
</
|
180
|
+
</TableRow>
|
180
181
|
</tbody>
|
181
182
|
</Table>
|
182
183
|
</div>
|
@@ -1,8 +1,5 @@
|
|
1
1
|
examples:
|
2
2
|
rails:
|
3
|
-
- table_with_subcomponents: Table with Sub Components (Table Elements)
|
4
|
-
- table_with_subcomponents_as_divs: Table with Sub Components (Divs)
|
5
|
-
# - table_div: Div
|
6
3
|
- table_sm: Small
|
7
4
|
- table_md: Medium
|
8
5
|
- table_lg: Large
|
@@ -29,7 +26,6 @@ examples:
|
|
29
26
|
- table_striped: Striped Table
|
30
27
|
|
31
28
|
react:
|
32
|
-
# - table_div: Div
|
33
29
|
- table_sm: Small
|
34
30
|
- table_md: Medium
|
35
31
|
- table_lg: Large
|
@@ -53,6 +49,3 @@ examples:
|
|
53
49
|
- table_with_background_kit: Table With Background Kit
|
54
50
|
- table_vertical_border: Vertical Borders
|
55
51
|
- table_striped: Striped Table
|
56
|
-
- table_with_subcomponents: Table with Sub Components (Table Elements)
|
57
|
-
- table_with_subcomponents_as_divs: Table with Sub Components (Divs)
|
58
|
-
|
@@ -21,6 +21,3 @@ export { default as TableAlignmentShiftData } from './_table_alignment_shift_dat
|
|
21
21
|
export { default as TableWithBackgroundKit } from './_table_with_background_kit.jsx'
|
22
22
|
export { default as TableVerticalBorder } from './_table_vertical_border.jsx'
|
23
23
|
export { default as TableStriped } from './_table_striped.jsx'
|
24
|
-
export { default as TableDiv } from './_table_div.jsx'
|
25
|
-
export { default as TableWithSubcomponents } from './_table_with_subcomponents.jsx'
|
26
|
-
export { default as TableWithSubcomponentsAsDivs } from './_table_with_subcomponents_as_divs.jsx'
|