@nl-rvo/css-table 1.9.2 → 1.10.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 (11) hide show
  1. package/dist/table.css +1 -0
  2. package/dist/table.css.map +1 -0
  3. package/package.json +15 -16
  4. package/src/{index.scss → table.scss} +1 -1
  5. package/CHANGELOG.md +0 -108
  6. package/README.mdx +0 -59
  7. package/design-tokens.json +0 -148
  8. package/dist/index.css +0 -98
  9. package/dist/index.min.css +0 -1
  10. package/dist/index.mjs +0 -1
  11. package/dist/index.mjs.d.ts +0 -2
package/dist/table.css ADDED
@@ -0,0 +1 @@
1
+ .rvo-table{border-collapse:collapse;border-spacing:0;inline-size:100%;table-layout:fixed}.rvo-table--responsive{inline-size:100%;overflow-x:auto}.rvo-table .rvo-caption,.rvo-table__caption{font-size:var(--rvo-caption-font-size);padding-block-end:var(--rvo-caption-padding-block-end);text-align:start}.rvo-table-header,.rvo-table__header{background-color:var(--rvo-table-header-background-color);border-block-end-color:var(--rvo-table-header-border-bottom-color);border-block-end-style:var(--rvo-table-header-border-bottom-style);border-block-end-width:var(--rvo-table-header-border-bottom-width);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--numeric,.rvo-table__header--numeric{text-align:end}.rvo-table-header--active-sort,.rvo-table__header--active-sort{text-decoration:var(--_rvo-table-header-color, underline);text-underline-offset:30%}.rvo-table-header--sortable:hover,.rvo-table__header--sortable:hover{background-color:var(--rvo-table-header-sortable-hover-background-color)}.rvo-table-header--sortable:focus,.rvo-table__header--sortable:focus{background-color:var(--rvo-table-header-sortable-focus-background-color)}.rvo-table-header--xs,.rvo-table__header--xs{inline-size:var(--rvo-table-header-size-xs)}.rvo-table-header--sm,.rvo-table__header--sm{inline-size:var(--rvo-table-header-size-sm)}.rvo-table-header--md,.rvo-table__header--md{inline-size:var(--rvo-table-header-size-md)}.rvo-table-header--lg,.rvo-table__header--lg{inline-size:var(--rvo-table-header-size-lg)}.rvo-table-header--xl,.rvo-table__header--xl{inline-size:var(--rvo-table-header-size-xl)}.rvo-table-header__sortable-container,.rvo-table__header__sortable-container{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:var(--rvo-table-header-font-weight);gap:var(--rvo-space-sm);padding-inline:0}.rvo-table-header__sortable-container--numeric,.rvo-table__header__sortable-container--numeric{float:inline-end}.rvo-table-header__sortable-button,.rvo-table__header__sortable-button{min-inline-size:0;padding:0}.rvo-table-header__sorting-icon,.rvo-table__header__sorting-icon{block-size:var(--rvo-icon-md-height);display:flex;inline-size:var(--rvo-icon-md-width)}.rvo-table-cell,.rvo-table__cell{border-block-end-color:var(--rvo-table-cell-border-bottom-color);border-block-end-style:var(--rvo-table-cell-border-bottom-style);border-block-end-width:var(--rvo-table-cell-border-bottom-width);overflow-wrap:break-word;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);vertical-align:baseline}.rvo-table-cell--numeric,.rvo-table__cell--numeric{text-align:end}/*# sourceMappingURL=table.css.map */
package/dist/table.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/table.scss"],"names":[],"mappings":"AAMA,WACE,yBACA,iBACA,iBACA,mBAEA,uBACE,iBACA,gBAGF,4CAEE,uCACA,uDACA,iBAGF,qCAEE,0DACA,mEACA,mEACA,mEACA,oCACA,gDACA,4DACA,gEACA,8DACA,kEACA,iBAEA,uDACE,eAGF,+DACE,0DACA,0BAGF,qEACE,yEAGF,qEACE,yEAIA,6CACE,4CADF,6CACE,4CADF,6CACE,4CADF,6CACE,4CADF,6CACE,4CAIJ,6EACE,mBACA,gBACA,YACA,eACA,aACA,oBACA,kBACA,gDACA,wBACA,iBAEA,+FACE,iBAIJ,uEACE,kBACA,UAGF,iEACE,qCACA,aACA,qCAIJ,iCAEE,iEACA,iEACA,iEACA,yBACA,0DACA,8DACA,4DACA,gEACA,wBAEA,mDACE","file":"table.css"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.9.2",
2
+ "version": "1.10.0",
3
3
  "author": "Community for NL Design System",
4
4
  "license": "CC0-1.0",
5
5
  "name": "@nl-rvo/css-table",
@@ -9,27 +9,26 @@
9
9
  "css",
10
10
  "table"
11
11
  ],
12
+ "repository": {
13
+ "type": "git+ssh",
14
+ "url": "git@github.com:nl-design-system/rvo.git",
15
+ "directory": "components/table/style"
16
+ },
12
17
  "files": [
13
- "src/index.scss",
14
- "dist/",
15
- "design-tokens.json",
16
- "*.md"
18
+ "src/",
19
+ "dist/"
17
20
  ],
18
- "main": "dist/index.css",
21
+ "exports": {
22
+ ".": "./dist/table.css",
23
+ "./dist/*": "./dist/*"
24
+ },
19
25
  "publishConfig": {
20
26
  "access": "public",
21
27
  "provenance": true
22
28
  },
23
- "repository": {
24
- "type": "git+ssh",
25
- "url": "git@github.com:nl-design-system/rvo.git",
26
- "directory": "components/table"
27
- },
28
- "devDependencies": {
29
- "@nl-rvo/build-utils-css": "0.1.0"
30
- },
31
29
  "scripts": {
32
- "build": "build-css-package",
33
- "clean": "rimraf dist"
30
+ "build": "sass --pkg-importer=node --style=compressed ./src/:./dist/",
31
+ "watch": "sass --pkg-importer=node --style=compressed --watch ./src/:./dist/",
32
+ "clean": "rimraf ./dist/"
34
33
  }
35
34
  }
package/src/{index.scss → table.scss} RENAMED
@@ -2,7 +2,7 @@
2
2
  * @license CC0-1.0
3
3
  * Copyright (c) 2021 Community for NL Design System
4
4
  */
5
- @use "../../../packages/component-library-css/src/collections/sizes.scss" as *;
5
+ @use "../../../../packages/component-library-css/src/collections/sizes.scss" as *;
6
6
 
7
7
  .rvo-table {
8
8
  border-collapse: collapse;
package/CHANGELOG.md DELETED
@@ -1,108 +0,0 @@
1
- # `@nl-rvo/css-table`
2
-
3
- ## 1.9.2
4
-
5
- ### Patch Changes
6
-
7
- - 084a230: Ensure package is published with provenance
8
-
9
- ## 1.9.1
10
-
11
- ### Patch Changes
12
-
13
- - 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
14
-
15
- ## 1.9.0
16
-
17
- ### Minor Changes
18
-
19
- - fa36e07: Project structure updates
20
-
21
- - Moved all Storybook stories to the /stories directory.
22
- - Moved all documentation files to the /docs directory.
23
- - Removed React components from library-component-react and moved them into this package.
24
- - Update all .stories imports to the right react package "component-library-react"
25
- - Fix all Redundant / PascalCase lint warnings for .stories files.
26
-
27
- ## 1.8.0
28
-
29
- ### Minor Changes
30
-
31
- - 13f0d9c: Update scss and fix right font for wrapped button insde <th>.
32
-
33
- ## 1.7.1
34
-
35
- ### Patch Changes
36
-
37
- - 11eb258: Update imports to support storybook v10
38
-
39
- ## 1.7.0
40
-
41
- ### Minor Changes
42
-
43
- - 09b1d14: Change vertical alignment to `baseline` for `.rvo-table-cell`.
44
-
45
- ## 1.6.0
46
-
47
- ### Minor Changes
48
-
49
- - 8d7dddf: Table column headers are now buttons and be able to be read and interactived with through screenreaders
50
-
51
- ## 1.5.0
52
-
53
- ### Minor Changes
54
-
55
- - 6e7620a: Add 'overflow-wrap: break-word' to table cells.
56
-
57
- ## 1.4.0
58
-
59
- ### Minor Changes
60
-
61
- - d9727b9: Table columns now have a optional size field allowing for default set widths
62
-
63
- ## 1.3.2
64
-
65
- ### Patch Changes
66
-
67
- - 72cde9a: Remove inline styling for table header
68
-
69
- ## 1.3.1
70
-
71
- ### Patch Changes
72
-
73
- - ba6a672: Fixed table header issues and design tokens updated
74
-
75
- ## 1.3.0
76
-
77
- ### Minor Changes
78
-
79
- - 6c75ec9: Improved Table styling
80
-
81
- ## 1.2.2
82
-
83
- ### Patch Changes
84
-
85
- - 1c0c2da: Made table description optional
86
-
87
- ## 1.2.1
88
-
89
- ### Patch Changes
90
-
91
- - 8e0a35f: Made table description optional
92
-
93
- ## 1.2.0
94
-
95
- ### Minor Changes
96
-
97
- - 0cdf4eb: Remove utrecht-components-css reference and include utrecht css per component when needed
98
-
99
- ## 1.0.0
100
-
101
- ### Major Changes
102
-
103
- - daa0537: Create npm package for each component.
104
-
105
- ## Pre-releases
106
-
107
- _@nl-rvo/component-library-css@1.0.0-alpha.139_:
108
- Added component
package/README.mdx DELETED
@@ -1,59 +0,0 @@
1
- Met tabellen toon en organiseer je data in rijen en kolommen.
2
-
3
- ## Wanneer gebruik je een tabel?
4
-
5
- Je gebruikt een tabel wanneer er data getoond wordt die vergeleken met elkaar moet kunnen worden.
6
-
7
- ## Anatomie
8
-
9
- Een tabel bestaat uit:
10
-
11
- 1. Caption: deze beschrijft de inhoud van de tabel.
12
- 2. Table header: deze bevat de titel van de kolom.
13
- 3. Table cell: bevat data.
14
- 4. Table column: bevat een verticale representatie van tabel cellen.
15
- 5. Table row: bevat een horizontale representatie van tabel cellen.
16
-
17
- ## Richtlijnen
18
-
19
- - Een tabel toont altijd een collectie tonen van gestructureerde data.
20
- - Plaats een duidelijke en logische header boven een kolom.
21
- - Gebruik een caption om de tabel te beschrijven.
22
- - Kolommen worden getoond op volgorde van belangrijkheid waarbij de belangrijkste kolom als eerst geplaatst wordt.
23
- - Zorg ervoor dat de context altijd bewaard blijft door gebruik te maken van headers die vast geplakt blijven wanneer de gebruiker naar beneden scrolt.
24
- - Spreek menselijke taal: laat alleen relevante kolommen zien die waarde hebben. Dus geen nietszeggende referentienummers.
25
- - Maak de tabel horizontaal scrolbaar wanneer er onvoldoende ruimte is op het scherm om de tabel volledig te tonen.
26
- - Lijn data in tabelcellen aan de bovenkant uit om de scanbaarheid te vergroten.
27
- - Verander de layout niet wanneer tabellen op een kleiner scherm getoond moet worden. Hierdoor verdwijnt de onderliggende semantiek van de tabel.
28
- - Lijn tekst altijd links uit.
29
- - Lijn getallen die een grootte vertegenwoordigen (bijvoorbeeld een geldbedrag of aantal inwoners) altijd rechts uit zodat deze beter te vergelijken zijn met andere data in dezelfde rij.
30
- - Gebruik een monospaced font voor getallen zodat elk cijfers dezelfde ruimte innemen. Hierdoor zijn getallen die onder elkaar staan makkelijker te vergelijken.
31
- - Lijn de header van de kolom hetzelfde uit als de data die eronder staat. Als de data rechts uitgelijnd staat, zorg er dan voor dat de header ook rechts uitgelijnd staat.
32
- - Hou als richtlijn aan dat een rij maximaal 3 regels hoog mag zijn.
33
- - Kader data af met een ellipsis wanneer deze te groot is om op 2 regels te passen.
34
- - Headers starten met een hoofdletter en eindigen niet met een komma, puntkomma of punt.
35
- - Neem meeteenheden (zoals € or m2) op in de table header. Dan hoeft dat niet telkens in de kolom. **Prijs (€)**
36
- - Tekst in een cell begint met een hoofdletter
37
- - Data in een cell bevat geen meeteenheid. Die zet je in de header.
38
- - Wees consistent in het gebruik van decimalen.
39
- - De sortering wordt toegepast op alle items en over alle pagina's als er paginering is
40
- - Kolommen die gesorteerd kunnen worden hebben een sorteer icoon.
41
-
42
- ## Rijkshuisstijl
43
-
44
- De Rijkshuisstijl kent geen specifieke voorschriften wat betreft tabellen.
45
-
46
- ## Bronnen
47
-
48
- - <a
49
- href="https://web.archive.org/web/20220315222659/https://inclusive-components.design/data-tables/"
50
- class="rvo-link"
51
- >
52
- Data Tables
53
- </a>
54
- - <a
55
- href="https://web.archive.org/web/20211221193450/https://www.uxmatters.com/mt/archives/2020/07/designing-mobile-tables.php"
56
- class="rvo-link"
57
- >
58
- Designing Mobile Tables - Steven Hoober
59
- </a>
package/design-tokens.json DELETED
@@ -1,148 +0,0 @@
1
- {
2
- "rvo": {
3
- "caption": {
4
- "font-size": {
5
- "css": {
6
- "syntax": "<number>",
7
- "inherits": true
8
- }
9
- },
10
- "padding-block-end": {
11
- "css": {
12
- "syntax": "<length>",
13
- "inherits": true
14
- }
15
- }
16
- },
17
- "table": {
18
- "header": {
19
- "background-color": {
20
- "css": {
21
- "syntax": "<color>",
22
- "inherits": true
23
- }
24
- },
25
- "color": {
26
- "css": {
27
- "syntax": "<color>",
28
- "inherits": true
29
- }
30
- },
31
- "font-weight": {
32
- "css": {
33
- "syntax": "*",
34
- "inherits": true
35
- }
36
- },
37
- "padding-block-end": {
38
- "css": {
39
- "syntax": "<length>",
40
- "inherits": true
41
- }
42
- },
43
- "padding-block-start": {
44
- "css": {
45
- "syntax": "<length>",
46
- "inherits": true
47
- }
48
- },
49
- "padding-inline-end": {
50
- "css": {
51
- "syntax": "<length>",
52
- "inherits": true
53
- }
54
- },
55
- "padding-inline-start": {
56
- "css": {
57
- "syntax": "<length>",
58
- "inherits": true
59
- }
60
- },
61
- "sortable": {
62
- "hover": {
63
- "background-color": {
64
- "css": {
65
- "syntax": "<color>",
66
- "inherits": true
67
- }
68
- }
69
- },
70
- "focus": {
71
- "background-color": {
72
- "css": {
73
- "syntax": "<color>",
74
- "inherits": true
75
- }
76
- }
77
- }
78
- },
79
- "size": {
80
- "xs": {
81
- "syntax": "<length>",
82
- "inherits": true
83
- },
84
- "sm": {
85
- "syntax": "<length>",
86
- "inherits": true
87
- },
88
- "md": {
89
- "syntax": "<length>",
90
- "inherits": true
91
- },
92
- "lg": {
93
- "syntax": "<length>",
94
- "inherits": true
95
- },
96
- "xl": {
97
- "syntax": "<length>",
98
- "inherits": true
99
- }
100
- }
101
- },
102
- "cell": {
103
- "border-bottom-width": {
104
- "css": {
105
- "syntax": "<length>",
106
- "inherits": true
107
- }
108
- },
109
- "border-bottom-style": {
110
- "css": {
111
- "syntax": "*",
112
- "inherits": true
113
- }
114
- },
115
- "border-bottom-color": {
116
- "css": {
117
- "syntax": "<color>",
118
- "inherits": true
119
- }
120
- },
121
- "padding-block-end": {
122
- "css": {
123
- "syntax": "<length>",
124
- "inherits": true
125
- }
126
- },
127
- "padding-block-start": {
128
- "css": {
129
- "syntax": "<length>",
130
- "inherits": true
131
- }
132
- },
133
- "padding-inline-end": {
134
- "css": {
135
- "syntax": "<length>",
136
- "inherits": true
137
- }
138
- },
139
- "padding-inline-start": {
140
- "css": {
141
- "syntax": "<length>",
142
- "inherits": true
143
- }
144
- }
145
- }
146
- }
147
- }
148
- }
package/dist/index.css DELETED
@@ -1,98 +0,0 @@
1
- /**
2
- * @license CC0-1.0
3
- * Copyright (c) 2021 Community for NL Design System
4
- */
5
- .rvo-table {
6
- border-collapse: collapse;
7
- border-spacing: 0;
8
- inline-size: 100%;
9
- table-layout: fixed;
10
- }
11
- .rvo-table--responsive {
12
- inline-size: 100%;
13
- overflow-x: auto;
14
- }
15
- .rvo-table .rvo-caption, .rvo-table__caption {
16
- font-size: var(--rvo-caption-font-size);
17
- padding-block-end: var(--rvo-caption-padding-block-end);
18
- text-align: start;
19
- }
20
- .rvo-table-header, .rvo-table__header {
21
- background-color: var(--rvo-table-header-background-color);
22
- border-block-end-color: var(--rvo-table-header-border-bottom-color);
23
- border-block-end-style: var(--rvo-table-header-border-bottom-style);
24
- border-block-end-width: var(--rvo-table-header-border-bottom-width);
25
- color: var(--rvo-table-header-color);
26
- font-weight: var(--rvo-table-header-font-weight);
27
- padding-block-end: var(--rvo-table-header-padding-block-end);
28
- padding-block-start: var(--rvo-table-header-padding-block-start);
29
- padding-inline-end: var(--rvo-table-header-padding-inline-end);
30
- padding-inline-start: var(--rvo-table-header-padding-inline-start);
31
- text-align: start;
32
- }
33
- .rvo-table-header--numeric, .rvo-table__header--numeric {
34
- text-align: end;
35
- }
36
- .rvo-table-header--active-sort, .rvo-table__header--active-sort {
37
- text-decoration: var(--_rvo-table-header-color, underline);
38
- text-underline-offset: 30%;
39
- }
40
- .rvo-table-header--sortable:hover, .rvo-table__header--sortable:hover {
41
- background-color: var(--rvo-table-header-sortable-hover-background-color);
42
- }
43
- .rvo-table-header--sortable:focus, .rvo-table__header--sortable:focus {
44
- background-color: var(--rvo-table-header-sortable-focus-background-color);
45
- }
46
- .rvo-table-header--xs, .rvo-table__header--xs {
47
- inline-size: var(--rvo-table-header-size-xs);
48
- }
49
- .rvo-table-header--sm, .rvo-table__header--sm {
50
- inline-size: var(--rvo-table-header-size-sm);
51
- }
52
- .rvo-table-header--md, .rvo-table__header--md {
53
- inline-size: var(--rvo-table-header-size-md);
54
- }
55
- .rvo-table-header--lg, .rvo-table__header--lg {
56
- inline-size: var(--rvo-table-header-size-lg);
57
- }
58
- .rvo-table-header--xl, .rvo-table__header--xl {
59
- inline-size: var(--rvo-table-header-size-xl);
60
- }
61
- .rvo-table-header__sortable-container, .rvo-table__header__sortable-container {
62
- align-items: center;
63
- background: none;
64
- border: none;
65
- cursor: pointer;
66
- display: flex;
67
- font-family: inherit;
68
- font-size: inherit;
69
- font-weight: var(--rvo-table-header-font-weight);
70
- gap: var(--rvo-space-sm);
71
- padding-inline: 0;
72
- }
73
- .rvo-table-header__sortable-container--numeric, .rvo-table__header__sortable-container--numeric {
74
- float: inline-end;
75
- }
76
- .rvo-table-header__sortable-button, .rvo-table__header__sortable-button {
77
- min-inline-size: 0;
78
- padding: 0;
79
- }
80
- .rvo-table-header__sorting-icon, .rvo-table__header__sorting-icon {
81
- block-size: var(--rvo-icon-md-height);
82
- display: flex;
83
- inline-size: var(--rvo-icon-md-width);
84
- }
85
- .rvo-table-cell, .rvo-table__cell {
86
- border-block-end-color: var(--rvo-table-cell-border-bottom-color);
87
- border-block-end-style: var(--rvo-table-cell-border-bottom-style);
88
- border-block-end-width: var(--rvo-table-cell-border-bottom-width);
89
- overflow-wrap: break-word;
90
- padding-block-end: var(--rvo-table-cell-padding-block-end);
91
- padding-block-start: var(--rvo-table-cell-padding-block-start);
92
- padding-inline-end: var(--rvo-table-cell-padding-inline-end);
93
- padding-inline-start: var(--rvo-table-cell-padding-inline-start);
94
- vertical-align: baseline;
95
- }
96
- .rvo-table-cell--numeric, .rvo-table__cell--numeric {
97
- text-align: end;
98
- }
package/dist/index.min.css DELETED
@@ -1 +0,0 @@
1
- .rvo-table{border-collapse:collapse;border-spacing:0;inline-size:100%;table-layout:fixed}.rvo-table--responsive{inline-size:100%;overflow-x:auto}.rvo-table .rvo-caption,.rvo-table__caption{font-size:var(--rvo-caption-font-size);padding-block-end:var(--rvo-caption-padding-block-end);text-align:start}.rvo-table-header,.rvo-table__header{background-color:var(--rvo-table-header-background-color);border-block-end-color:var(--rvo-table-header-border-bottom-color);border-block-end-style:var(--rvo-table-header-border-bottom-style);border-block-end-width:var(--rvo-table-header-border-bottom-width);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--numeric,.rvo-table__header--numeric{text-align:end}.rvo-table-header--active-sort,.rvo-table__header--active-sort{text-decoration:var(--_rvo-table-header-color,underline);text-underline-offset:30%}.rvo-table-header--sortable:hover,.rvo-table__header--sortable:hover{background-color:var(--rvo-table-header-sortable-hover-background-color)}.rvo-table-header--sortable:focus,.rvo-table__header--sortable:focus{background-color:var(--rvo-table-header-sortable-focus-background-color)}.rvo-table-header--xs,.rvo-table__header--xs{inline-size:var(--rvo-table-header-size-xs)}.rvo-table-header--sm,.rvo-table__header--sm{inline-size:var(--rvo-table-header-size-sm)}.rvo-table-header--md,.rvo-table__header--md{inline-size:var(--rvo-table-header-size-md)}.rvo-table-header--lg,.rvo-table__header--lg{inline-size:var(--rvo-table-header-size-lg)}.rvo-table-header--xl,.rvo-table__header--xl{inline-size:var(--rvo-table-header-size-xl)}.rvo-table-header__sortable-container,.rvo-table__header__sortable-container{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:var(--rvo-table-header-font-weight);gap:var(--rvo-space-sm);padding-inline:0}.rvo-table-header__sortable-container--numeric,.rvo-table__header__sortable-container--numeric{float:inline-end}.rvo-table-header__sortable-button,.rvo-table__header__sortable-button{min-inline-size:0;padding:0}.rvo-table-header__sorting-icon,.rvo-table__header__sorting-icon{block-size:var(--rvo-icon-md-height);display:flex;inline-size:var(--rvo-icon-md-width)}.rvo-table-cell,.rvo-table__cell{border-block-end-color:var(--rvo-table-cell-border-bottom-color);border-block-end-style:var(--rvo-table-cell-border-bottom-style);border-block-end-width:var(--rvo-table-cell-border-bottom-width);overflow-wrap:break-word;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);vertical-align:baseline}.rvo-table-cell--numeric,.rvo-table__cell--numeric{text-align:end}
package/dist/index.mjs DELETED
@@ -1 +0,0 @@
1
- export default ".rvo-table{border-collapse:collapse;border-spacing:0;inline-size:100%;table-layout:fixed}.rvo-table--responsive{inline-size:100%;overflow-x:auto}.rvo-table .rvo-caption,.rvo-table__caption{font-size:var(--rvo-caption-font-size);padding-block-end:var(--rvo-caption-padding-block-end);text-align:start}.rvo-table-header,.rvo-table__header{background-color:var(--rvo-table-header-background-color);border-block-end-color:var(--rvo-table-header-border-bottom-color);border-block-end-style:var(--rvo-table-header-border-bottom-style);border-block-end-width:var(--rvo-table-header-border-bottom-width);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--numeric,.rvo-table__header--numeric{text-align:end}.rvo-table-header--active-sort,.rvo-table__header--active-sort{text-decoration:var(--_rvo-table-header-color,underline);text-underline-offset:30%}.rvo-table-header--sortable:hover,.rvo-table__header--sortable:hover{background-color:var(--rvo-table-header-sortable-hover-background-color)}.rvo-table-header--sortable:focus,.rvo-table__header--sortable:focus{background-color:var(--rvo-table-header-sortable-focus-background-color)}.rvo-table-header--xs,.rvo-table__header--xs{inline-size:var(--rvo-table-header-size-xs)}.rvo-table-header--sm,.rvo-table__header--sm{inline-size:var(--rvo-table-header-size-sm)}.rvo-table-header--md,.rvo-table__header--md{inline-size:var(--rvo-table-header-size-md)}.rvo-table-header--lg,.rvo-table__header--lg{inline-size:var(--rvo-table-header-size-lg)}.rvo-table-header--xl,.rvo-table__header--xl{inline-size:var(--rvo-table-header-size-xl)}.rvo-table-header__sortable-container,.rvo-table__header__sortable-container{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:var(--rvo-table-header-font-weight);gap:var(--rvo-space-sm);padding-inline:0}.rvo-table-header__sortable-container--numeric,.rvo-table__header__sortable-container--numeric{float:inline-end}.rvo-table-header__sortable-button,.rvo-table__header__sortable-button{min-inline-size:0;padding:0}.rvo-table-header__sorting-icon,.rvo-table__header__sorting-icon{block-size:var(--rvo-icon-md-height);display:flex;inline-size:var(--rvo-icon-md-width)}.rvo-table-cell,.rvo-table__cell{border-block-end-color:var(--rvo-table-cell-border-bottom-color);border-block-end-style:var(--rvo-table-cell-border-bottom-style);border-block-end-width:var(--rvo-table-cell-border-bottom-width);overflow-wrap:break-word;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);vertical-align:baseline}.rvo-table-cell--numeric,.rvo-table__cell--numeric{text-align:end}";
package/dist/index.mjs.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const css: string;
2
- export default css;