@nl-rvo/css-table 1.3.0 → 1.3.1

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 (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.css +9 -0
  3. package/dist/index.min.css +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/package.json +1 -1
  6. package/src/index.scss +9 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # `@nl-rvo/css-table`
2
2
 
3
+ ## 1.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - ba6a672: Fixed table header issues and design tokens updated
8
+
3
9
  ## 1.3.0
4
10
 
5
11
  ### Minor Changes
package/dist/index.css CHANGED
@@ -41,6 +41,10 @@
41
41
  gap: var(--rvo-space-sm);
42
42
  }
43
43
 
44
+ .rvo-table-header__sortable-container--numeric {
45
+ justify-content: end;
46
+ }
47
+
44
48
  .rvo-table-header__sortable-button {
45
49
  min-inline-size: 0;
46
50
  padding-block-end: 0;
@@ -55,6 +59,11 @@
55
59
  width: var(--rvo-icon-md-width);
56
60
  }
57
61
 
62
+ .rvo-table-header--active-sort {
63
+ text-decoration: var(--_rvo-table-header-color, underline);
64
+ text-underline-offset: 30%;
65
+ }
66
+
58
67
  .rvo-table-header--sortable:hover {
59
68
  background-color: var(--rvo-table-header-sortable-hover-background-color);
60
69
  cursor: pointer;
package/dist/index.min.css CHANGED
@@ -1 +1 @@
1
- .rvo-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}.rvo-table--responsive{overflow-x:auto;width:100%}.rvo-caption{font-size:var(--rvo-caption-font-size);padding-block-end:var(--rvo-caption-padding-block-end);text-align:start}.rvo-table-header{background-color:var(--rvo-table-header-background-color);border-bottom:var(--rvo-table-header-border-bottom-width) var(--rvo-table-header-border-bottom-style) var(--rvo-table-header-border-bottom-color);color:var(--rvo-table-header-color);font-weight:var(--rvo-table-header-font-weight);padding-block-end:var(--rvo-table-header-padding-block-end);padding-block-start:var(--rvo-table-header-padding-block-start);padding-inline-end:var(--rvo-table-header-padding-inline-end);padding-inline-start:var(--rvo-table-header-padding-inline-start);text-align:start}.rvo-table-header__sortable-container{align-items:center;display:flex;gap:var(--rvo-space-sm)}.rvo-table-header__sortable-button{min-inline-size:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.rvo--table-header__sorting-icon{display:flex;height:var(--rvo-icon-md-height);width:var(--rvo-icon-md-width)}.rvo-table-header--sortable:hover{background-color:var(--rvo-table-header-sortable-hover-background-color);cursor:pointer}.rvo-table-header--sortable:focus{background-color:var(--rvo-table-header-sortable-focus-background-color)}.rvo-table-cell{border-bottom:var(--rvo-table-cell-border-bottom-width) var(--rvo-table-cell-border-bottom-style) var(--rvo-table-cell-border-bottom-color);padding-block-end:var(--rvo-table-cell-padding-block-end);padding-block-start:var(--rvo-table-cell-padding-block-start);padding-inline-end:var(--rvo-table-cell-padding-inline-end);padding-inline-start:var(--rvo-table-cell-padding-inline-start)}.rvo-table-cell--numeric,.rvo-table-header--numeric{text-align:end}
1
+ .rvo-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}.rvo-table--responsive{overflow-x:auto;width:100%}.rvo-caption{font-size:var(--rvo-caption-font-size);padding-block-end:var(--rvo-caption-padding-block-end);text-align:start}.rvo-table-header{background-color:var(--rvo-table-header-background-color);border-bottom:var(--rvo-table-header-border-bottom-width) var(--rvo-table-header-border-bottom-style) var(--rvo-table-header-border-bottom-color);color:var(--rvo-table-header-color);font-weight:var(--rvo-table-header-font-weight);padding-block-end:var(--rvo-table-header-padding-block-end);padding-block-start:var(--rvo-table-header-padding-block-start);padding-inline-end:var(--rvo-table-header-padding-inline-end);padding-inline-start:var(--rvo-table-header-padding-inline-start);text-align:start}.rvo-table-header__sortable-container{align-items:center;display:flex;gap:var(--rvo-space-sm)}.rvo-table-header__sortable-container--numeric{justify-content:end}.rvo-table-header__sortable-button{min-inline-size:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.rvo--table-header__sorting-icon{display:flex;height:var(--rvo-icon-md-height);width:var(--rvo-icon-md-width)}.rvo-table-header--active-sort{text-decoration:var(--_rvo-table-header-color,underline);text-underline-offset:30%}.rvo-table-header--sortable:hover{background-color:var(--rvo-table-header-sortable-hover-background-color);cursor:pointer}.rvo-table-header--sortable:focus{background-color:var(--rvo-table-header-sortable-focus-background-color)}.rvo-table-cell{border-bottom:var(--rvo-table-cell-border-bottom-width) var(--rvo-table-cell-border-bottom-style) var(--rvo-table-cell-border-bottom-color);padding-block-end:var(--rvo-table-cell-padding-block-end);padding-block-start:var(--rvo-table-cell-padding-block-start);padding-inline-end:var(--rvo-table-cell-padding-inline-end);padding-inline-start:var(--rvo-table-cell-padding-inline-start)}.rvo-table-cell--numeric,.rvo-table-header--numeric{text-align:end}
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- export default ".rvo-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}.rvo-table--responsive{overflow-x:auto;width:100%}.rvo-caption{font-size:var(--rvo-caption-font-size);padding-block-end:var(--rvo-caption-padding-block-end);text-align:start}.rvo-table-header{background-color:var(--rvo-table-header-background-color);border-bottom:var(--rvo-table-header-border-bottom-width) var(--rvo-table-header-border-bottom-style) var(--rvo-table-header-border-bottom-color);color:var(--rvo-table-header-color);font-weight:var(--rvo-table-header-font-weight);padding-block-end:var(--rvo-table-header-padding-block-end);padding-block-start:var(--rvo-table-header-padding-block-start);padding-inline-end:var(--rvo-table-header-padding-inline-end);padding-inline-start:var(--rvo-table-header-padding-inline-start);text-align:start}.rvo-table-header__sortable-container{align-items:center;display:flex;gap:var(--rvo-space-sm)}.rvo-table-header__sortable-button{min-inline-size:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.rvo--table-header__sorting-icon{display:flex;height:var(--rvo-icon-md-height);width:var(--rvo-icon-md-width)}.rvo-table-header--sortable:hover{background-color:var(--rvo-table-header-sortable-hover-background-color);cursor:pointer}.rvo-table-header--sortable:focus{background-color:var(--rvo-table-header-sortable-focus-background-color)}.rvo-table-cell{border-bottom:var(--rvo-table-cell-border-bottom-width) var(--rvo-table-cell-border-bottom-style) var(--rvo-table-cell-border-bottom-color);padding-block-end:var(--rvo-table-cell-padding-block-end);padding-block-start:var(--rvo-table-cell-padding-block-start);padding-inline-end:var(--rvo-table-cell-padding-inline-end);padding-inline-start:var(--rvo-table-cell-padding-inline-start)}.rvo-table-cell--numeric,.rvo-table-header--numeric{text-align:end}";
1
+ export default ".rvo-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}.rvo-table--responsive{overflow-x:auto;width:100%}.rvo-caption{font-size:var(--rvo-caption-font-size);padding-block-end:var(--rvo-caption-padding-block-end);text-align:start}.rvo-table-header{background-color:var(--rvo-table-header-background-color);border-bottom:var(--rvo-table-header-border-bottom-width) var(--rvo-table-header-border-bottom-style) var(--rvo-table-header-border-bottom-color);color:var(--rvo-table-header-color);font-weight:var(--rvo-table-header-font-weight);padding-block-end:var(--rvo-table-header-padding-block-end);padding-block-start:var(--rvo-table-header-padding-block-start);padding-inline-end:var(--rvo-table-header-padding-inline-end);padding-inline-start:var(--rvo-table-header-padding-inline-start);text-align:start}.rvo-table-header__sortable-container{align-items:center;display:flex;gap:var(--rvo-space-sm)}.rvo-table-header__sortable-container--numeric{justify-content:end}.rvo-table-header__sortable-button{min-inline-size:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.rvo--table-header__sorting-icon{display:flex;height:var(--rvo-icon-md-height);width:var(--rvo-icon-md-width)}.rvo-table-header--active-sort{text-decoration:var(--_rvo-table-header-color,underline);text-underline-offset:30%}.rvo-table-header--sortable:hover{background-color:var(--rvo-table-header-sortable-hover-background-color);cursor:pointer}.rvo-table-header--sortable:focus{background-color:var(--rvo-table-header-sortable-focus-background-color)}.rvo-table-cell{border-bottom:var(--rvo-table-cell-border-bottom-width) var(--rvo-table-cell-border-bottom-style) var(--rvo-table-cell-border-bottom-color);padding-block-end:var(--rvo-table-cell-padding-block-end);padding-block-start:var(--rvo-table-cell-padding-block-start);padding-inline-end:var(--rvo-table-cell-padding-inline-end);padding-inline-start:var(--rvo-table-cell-padding-inline-start)}.rvo-table-cell--numeric,.rvo-table-header--numeric{text-align:end}";
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.3.0",
2
+ "version": "1.3.1",
3
3
  "author": "Community for NL Design System",
4
4
  "license": "CC0-1.0",
5
5
  "name": "@nl-rvo/css-table",
package/src/index.scss CHANGED
@@ -40,6 +40,10 @@
40
40
  gap: var(--rvo-space-sm);
41
41
  }
42
42
 
43
+ .rvo-table-header__sortable-container--numeric {
44
+ justify-content: end;
45
+ }
46
+
43
47
  .rvo-table-header__sortable-button {
44
48
  min-inline-size: 0;
45
49
  padding-block-end: 0;
@@ -54,6 +58,11 @@
54
58
  width: var(--rvo-icon-md-width);
55
59
  }
56
60
 
61
+ .rvo-table-header--active-sort {
62
+ text-decoration: var(--_rvo-table-header-color, underline);
63
+ text-underline-offset: 30%;
64
+ }
65
+
57
66
  .rvo-table-header--sortable:hover {
58
67
  background-color: var(--rvo-table-header-sortable-hover-background-color);
59
68
  cursor: pointer;