testio-tailwind 3.10.0 → 3.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/assets/stylesheets/components/tables.css +22 -11
  3. package/src/pages/components/tables-cellstyle.pug +2 -2
  4. package/src/pages/components/tables-grid.pug +7 -7
  5. package/src/pages/components/tables_cells.pug +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "testio-tailwind",
3
- "version": "3.10.0",
3
+ "version": "3.11.0",
4
4
  "description": "Tailwind based design system for Test IO",
5
5
  "scripts": {
6
6
  "clean": "del dist --force",
package/src/assets/stylesheets/components/tables.css CHANGED
@@ -2,13 +2,20 @@
2
2
  .table {
3
3
  @apply w-full mb-spacing;
4
4
 
5
- th,
5
+ th {
6
+ @apply py-xs dark:py-md px-sm align-middle border-t border-bordercolor dark:border-0 dark:bg-appbody dark:text-base dark:uppercase;
7
+ }
8
+
6
9
  td {
7
- @apply py-xs px-sm align-middle border-t border-bordercolor;
10
+ @apply py-xs dark:py-md px-sm align-middle border-t border-bordercolor dark:border-0 dark:bg-black;
11
+ }
12
+
13
+ tr {
14
+ @apply dark:border-b-4 dark:border-appbody;
8
15
  }
9
16
 
10
17
  thead th {
11
- @apply text-left align-bottom border-b border-bordercolor;
18
+ @apply text-left align-bottom border-b border-bordercolor dark:text-base;
12
19
  }
13
20
 
14
21
  tbody + tbody {
@@ -17,17 +24,17 @@
17
24
  }
18
25
 
19
26
  .table-bordered {
20
- @apply border border-bordercolor;
27
+ @apply border dark:border-2 border-bordercolor dark:border-appbody;
21
28
 
22
29
  th,
23
30
  td {
24
- @apply border border-bordercolor;
31
+ @apply border dark:border-0 border-bordercolor dark:border-appbody;
25
32
  }
26
33
 
27
34
  thead {
28
35
  th,
29
36
  td {
30
- @apply border-b border-bordercolor;
37
+ @apply border-b border-bordercolor dark:border-appbody;
31
38
  }
32
39
  }
33
40
  }
@@ -67,7 +74,7 @@
67
74
 
68
75
  .table th,
69
76
  .table thead th {
70
- @apply py-xxs text-label font-semibold border-b border-bordercolor;
77
+ @apply py-xxs dark:py-md text-label font-semibold border-b border-bordercolor dark:text-base dark:font-normal dark:leading-5;
71
78
  }
72
79
 
73
80
  .table tr:first-child td,
@@ -113,6 +120,10 @@
113
120
  @apply w-full;
114
121
  }
115
122
 
123
+ .table-standard tbody {
124
+ @apply border-0;
125
+ }
126
+
116
127
  .table-standard th, .table-standard td {
117
128
  @apply text-left w-0 md:whitespace-nowrap last:w-auto align-top;
118
129
  }
@@ -126,11 +137,11 @@
126
137
  }
127
138
 
128
139
  .table-standard tr {
129
- @apply border-t first:border-0;
140
+ @apply border-t first:border-0 dark:border-t-0;
130
141
  }
131
142
 
132
143
  .table-standard tfoot {
133
- @apply border-t;
144
+ @apply border-t dark:border-bordercolor;
134
145
  }
135
146
 
136
147
  .table-standard tfoot.sum {
@@ -164,7 +175,7 @@ td.action-cell,
164
175
  }
165
176
 
166
177
  .table-cellstyle th {
167
- @apply relative align-middle pl-2.5 pr-0.5 py-1 text-sm font-normal;
178
+ @apply relative align-middle pl-2.5 pr-0.5 py-1 text-sm font-normal dark:text-base dark:uppercase;
168
179
  }
169
180
 
170
181
  .table-cellstyle th.missing,
@@ -223,7 +234,7 @@ td.action-cell,
223
234
  }
224
235
 
225
236
  .table-cellstyle td.inprogress {
226
- @apply pr-9 italic bg-gray-200;
237
+ @apply pr-9 italic bg-gray-200 dark:bg-gray-800;
227
238
  }
228
239
 
229
240
  .table-cellstyle td.inprogress::after {
package/src/pages/components/tables-cellstyle.pug CHANGED
@@ -38,7 +38,7 @@ title: Tables - Cell style
38
38
  td Key
39
39
  td.wrap
40
40
  | Add
41
- code.bg-gray-200 .wrap
41
+ code.bg-tag .wrap
42
42
  | to allow line breaks within a cell.
43
43
  | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
44
44
  td.missing Missing
@@ -208,7 +208,7 @@ title: Tables - Cell style
208
208
  .cell-content-editable
209
209
  p
210
210
  | Add
211
- code.bg-gray-200 .wrap
211
+ code.bg-tag .wrap
212
212
  | to allow line breaks within a cell.
213
213
  | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
214
214
  td.missing.cell-editable.wrap
package/src/pages/components/tables-grid.pug CHANGED
@@ -5,9 +5,9 @@ title: Tables - Grid
5
5
 
6
6
  .space-y-5
7
7
  p
8
- | You need to set inline styles with the number of columns: <code class="bg-gray-200">grid-template-columns: repeat({NUMBER OF COLUMNS}, minmax(12rem, 1fr));</code>
8
+ | You need to set inline styles with the number of columns: <code class="bg-tag">grid-template-columns: repeat({NUMBER OF COLUMNS}, minmax(12rem, 1fr));</code>
9
9
  <br>
10
- | Example: <code class="bg-gray-200">grid-template-columns: repeat(6, minmax(12rem, 1fr));</code>
10
+ | Example: <code class="bg-tag">grid-template-columns: repeat(6, minmax(12rem, 1fr));</code>
11
11
  .overflow-x-auto
12
12
  table.table-standard.table-cellstyle.table-grid(style="grid-template-columns: repeat(6, minmax(12rem, 1fr));")
13
13
  thead
@@ -50,7 +50,7 @@ title: Tables - Grid
50
50
  tr
51
51
  td.pre
52
52
  | Add
53
- code.bg-gray-200 .pre
53
+ code.bg-tag .pre
54
54
  | to show preformatted white space.
55
55
  | Multi
56
56
  | Line
@@ -65,9 +65,9 @@ title: Tables - Grid
65
65
 
66
66
  h2.pt-5 Table cellstyle, grid, with checkboxes
67
67
  p
68
- | You need to set inline styles with the number of columns: <code class="bg-gray-200">grid-template-columns: repeat({NUMBER OF COLUMNS}, minmax(12rem, 1fr));</code>
68
+ | You need to set inline styles with the number of columns: <code class="bg-tag">grid-template-columns: repeat({NUMBER OF COLUMNS}, minmax(12rem, 1fr));</code>
69
69
  <br>
70
- | Example: <code class="bg-gray-200">grid-template-columns: repeat(6, minmax(12rem, 1fr));</code>
70
+ | Example: <code class="bg-tag">grid-template-columns: repeat(6, minmax(12rem, 1fr));</code>
71
71
  .overflow-x-auto
72
72
  table.table-standard.table-cellstyle.table-grid(style="grid-template-columns: repeat(6, minmax(12rem, 1fr));")
73
73
  thead
@@ -151,9 +151,9 @@ title: Tables - Grid
151
151
 
152
152
  h2.pt-5 Table cellstyle, grid, with editable cells
153
153
  p
154
- | You need to set inline styles with the number of columns: <code class="bg-gray-200">grid-template-columns: repeat({NUMBER OF COLUMNS}, minmax(12rem, 1fr));</code>
154
+ | You need to set inline styles with the number of columns: <code class="bg-tag">grid-template-columns: repeat({NUMBER OF COLUMNS}, minmax(12rem, 1fr));</code>
155
155
  <br>
156
- | Example: <code class="bg-gray-200">grid-template-columns: repeat(6, minmax(12rem, 1fr));</code>
156
+ | Example: <code class="bg-tag">grid-template-columns: repeat(6, minmax(12rem, 1fr));</code>
157
157
 
158
158
  .overflow-x-auto
159
159
  table.table-standard.table-cellstyle.table-grid(style="grid-template-columns: repeat(6, minmax(12rem, 1fr));")
package/src/pages/components/tables_cells.pug CHANGED
@@ -5,7 +5,7 @@ title: Table cells
5
5
 
6
6
  p.mb-heading
7
7
  | Using the class
8
- code.bg-gray-lighter.mx-xxs table-standard
8
+ code.bg-tag.mx-xxs table-standard
9
9
  | enables more table cell behaviors.
10
10
 
11
11
  .space-y-10
@@ -26,18 +26,18 @@ p.mb-heading
26
26
  tr
27
27
  td.cell-full-width
28
28
  | Add
29
- code.bg-gray-200 .cell-full-width
29
+ code.bg-tag .cell-full-width
30
30
  | to let a cell take all the available space.
31
31
  td.wrap.min-w-12
32
32
  | Add
33
- code.bg-gray-200 .wrap
33
+ code.bg-tag .wrap
34
34
  | to allow line breaks within a cell.
35
35
  td Another cell content
36
36
  td € 40.00
37
37
  tr
38
38
  td.cell-full-width.pre
39
39
  | Add
40
- code.bg-gray-200 .pre
40
+ code.bg-tag .pre
41
41
  | to show preformatted white space.
42
42
  | Multi
43
43
  | Line
@@ -45,7 +45,7 @@ p.mb-heading
45
45
  | Cat and dog
46
46
  td.wrap.min-w-spacing-2xl
47
47
  | Wrapping cells need a
48
- code.bg-gray-200 .min-w
48
+ code.bg-tag .min-w
49
49
  | rule to not be squished.
50
50
  td Another cell content
51
51
  td € 999.00