@entur/table 4.9.14-beta.9 → 4.9.15

package/dist/DataCell.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { VariantType } from '@entur/utils';
+import { default as React } from 'react';
+import { VariantType } from '../../utils';
 /** @deprecated use variant="information" instead */
 declare const info = "info";
 /** @deprecated use variant="negative" instead */

package/dist/EditableCell.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { VariantType } from '@entur/utils';
-import './EditableCell.scss';
+import { default as React } from 'react';
+import { VariantType } from '../../utils';
 /** @deprecated use variant="information" instead */
 declare const info = "info";
 /** @deprecated use variant="negative" instead */

package/dist/ExpandRowButton.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './ExpandRowButton.scss';
+import { default as React } from 'react';
 export type ExpandRowButtonProps = {
     open: boolean;
     onClick: (e: React.MouseEvent) => void;

package/dist/ExpandableRow.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type ExpandableRowProps = {
     /** Antall kolonner tabellraden er */
     colSpan: number;

package/dist/HeaderCell.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ExternalSortConfig } from '.';
-import './HeaderCell.scss';
 export type HeaderCellProps = {
     /** Kolonneoverskrift */
     children: React.ReactNode;

package/dist/Table.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type TableProps = {
     /** Ekstra klassenavn */
     className?: string;

package/dist/TableBody.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type TableBodyProps = {
     /** Tabellrader */
     children: React.ReactNode;

package/dist/TableFooter.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type TableFooterProps = {
     /** Tabellrader */
     children: React.ReactNode;

package/dist/TableHead.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type TableHeadProps = {
     /** Kolonneoverskrifter */
     children: React.ReactNode;

package/dist/TableRow.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type TableRowProps = {
     /** Tabellceller */
     children: React.ReactNode;

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import './index.scss';
 export * from './Table';
 export * from './TableHead';
 export * from './TableBody';

package/dist/styles.css

@@ -1,110 +1,5 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-table__header-cell {
-  color: var(--components-table-standard-text);
-  font-size: 1rem;
-  font-weight: 600;
-  text-align: left;
-  height: 3rem;
-  padding: 0 1.5rem;
-}
-.eds-table--middle .eds-table__header-cell, .eds-table--small .eds-table__header-cell {
-  padding: 0 1rem;
-}
-.eds-contrast .eds-table__header-cell {
-  color: var(--components-table-contrast-text);
-  border-bottom-color: var(--components-table-contrast-stroke);
-}
-.eds-table__header-cell--padding-checkbox {
-  width: 3rem;
-  padding: 0 0 1rem 1.25rem;
-}
-.eds-table__header-cell--padding-radio {
-  width: 3rem;
-  padding: 0 0 1rem 1.25rem;
-}
-.eds-table__header-cell--padding-overflow-menu {
-  width: 3rem;
-  padding: 1rem 0.75rem;
-}
-.eds-table__header-cell--sortable:focus-visible {
-  outline: 2px solid #181c56;
-  outline-color: var(--basecolors-stroke-focus-standard);
-  outline-offset: 0.125rem;
-}
-.eds-contrast .eds-table__header-cell--sortable:focus-visible {
-  outline-color: var(--basecolors-stroke-focus-contrast);
-}
-.eds-table__header-cell-button {
-  position: relative;
-  text-align: left;
-  height: 100%;
-  width: 100%;
-  padding: 0;
-  cursor: pointer;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  border: none;
-  background: none;
-  color: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-  font-family: inherit;
-}
-.eds-table__header-cell-button-icon {
-  position: absolute;
-  margin-left: 0.25rem;
-}
-.eds-table__header-cell-button:focus-visible {
-  outline: 2px solid #181c56;
-  outline-color: var(--basecolors-stroke-focus-standard);
-  outline-offset: 0.125rem;
-}
-.eds-contrast .eds-table__header-cell-button:focus-visible {
-  outline-color: var(--basecolors-stroke-focus-contrast);
-}
-.eds-table--sticky-header .eds-table__header-cell {
-  background-color: var(--components-table-standard-header-fill);
-  position: sticky;
-  top: 0;
-}
-.eds-contrast .eds-table--sticky-header .eds-table__header-cell {
-  background-color: var(--components-table-contrast-header-fill);
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-editable-cell {
-  padding: 0.25rem 0.75rem;
-}
-.eds-table--middle .eds-editable-cell {
-  padding: 0.25rem 0.5rem;
-}
-.eds-table--small .eds-editable-cell {
-  padding: 0.125rem 0.5rem;
-}
-.eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) {
-  min-height: 0;
-}
-.eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control {
-  padding: 0.75rem;
-}
-.eds-table--middle .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control {
-  padding: 0.25rem calc(0.5rem - 0.0625rem);
-}
-.eds-table--small .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control {
-  padding: calc(0.25rem - 0.125rem) calc(0.5rem - 0.0625rem);
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-expand-row-button__icon {
-  transition: transform ease-in-out 0.2s;
-}
-.eds-expand-row-button--open .eds-expand-row-button__icon {
-  transform: rotate(180deg);
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -302,7 +197,6 @@
   padding: 1rem 1.5rem;
 }
 .eds-contrast .eds-table__data-cell {
-  border-bottom-color: #8284ab;
   border-bottom-color: var(--components-table-contrast-stroke);
 }
 .eds-table--middle .eds-table__data-cell {
@@ -326,53 +220,41 @@
   padding: 1rem 0.75rem;
 }
 .eds-table__body > .eds-table__row {
-  border-bottom: 0.0625rem solid #e3e6e8;
   border-bottom: 0.0625rem solid var(--components-table-standard-stroke);
 }
 .eds-contrast .eds-table__body > .eds-table__row {
-  border-color: #8284ab;
   border-color: var(--components-table-contrast-stroke);
 }
 .eds-table__body > .eds-table__row:focus-visible {
   outline: 2px solid #181c56;
-  outline-color: #181c56;
   outline-color: var(--basecolors-stroke-focus-standard);
   outline-offset: 0.125rem;
 }
 .eds-contrast .eds-table__body > .eds-table__row:focus-visible {
-  outline-color: #aeb7e2;
   outline-color: var(--basecolors-stroke-focus-contrast);
 }
 .eds-table__body > .eds-table__row--hover:hover {
-  background: #f2f5f7;
   background: var(--components-table-standard-cell-fill-hover);
 }
 .eds-contrast .eds-table__body > .eds-table__row--hover:hover {
-  background: #393d79;
   background: var(--components-table-contrast-cell-fill-hover);
 }
 .eds-table__body > .eds-table__row--active {
-  background: #f2f5f7;
   background: var(--components-table-standard-cell-fill-hover);
 }
 .eds-contrast .eds-table__body > .eds-table__row--active {
-  background: #393d79;
   background: var(--components-table-contrast-cell-fill-hover);
 }
 .eds-table__body > .eds-table__row--error {
-  background: #ffcece;
   background: var(--components-table-standard-fill-negative);
 }
 .eds-contrast .eds-table__body > .eds-table__row--error {
-  background: rgba(255, 148, 148, 0.2);
   background: var(--components-table-contrast-cell-fill-negative);
 }
 .eds-table__head {
-  border-bottom: 0.125rem solid #e3e6e8;
   border-bottom: 0.125rem solid var(--components-table-standard-stroke);
 }
 .eds-contrast .eds-table__head {
-  border-color: #8284ab;
   border-color: var(--components-table-contrast-stroke);
 }
 .eds-table--sticky-header .eds-table__head {
@@ -383,4 +265,104 @@
 .eds-table--sticky-header--active .eds-table__head {
   box-shadow: 0px 10px 8px -10px rgba(0, 0, 0, 0.15);
   border-bottom: none;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-table__header-cell {
+  color: var(--components-table-standard-text);
+  font-size: 1rem;
+  font-weight: 600;
+  text-align: left;
+  height: 3rem;
+  padding: 0 1.5rem;
+}
+.eds-table--middle .eds-table__header-cell, .eds-table--small .eds-table__header-cell {
+  padding: 0 1rem;
+}
+.eds-contrast .eds-table__header-cell {
+  color: var(--components-table-contrast-text);
+  border-bottom-color: var(--components-table-contrast-stroke);
+}
+.eds-table__header-cell--padding-checkbox {
+  width: 3rem;
+  padding: 0 0 1rem 1.25rem;
+}
+.eds-table__header-cell--padding-radio {
+  width: 3rem;
+  padding: 0 0 1rem 1.25rem;
+}
+.eds-table__header-cell--padding-overflow-menu {
+  width: 3rem;
+  padding: 1rem 0.75rem;
+}
+.eds-table__header-cell--sortable:focus-visible {
+  outline: 2px solid #181c56;
+  outline-color: var(--basecolors-stroke-focus-standard);
+  outline-offset: 0.125rem;
+}
+.eds-contrast .eds-table__header-cell--sortable:focus-visible {
+  outline-color: var(--basecolors-stroke-focus-contrast);
+}
+.eds-table__header-cell-button {
+  position: relative;
+  text-align: left;
+  height: 100%;
+  width: 100%;
+  padding: 0;
+  cursor: pointer;
+  appearance: none;
+  border: none;
+  background: none;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  font-family: inherit;
+}
+.eds-table__header-cell-button-icon {
+  position: absolute;
+  margin-left: 0.25rem;
 }
+.eds-table__header-cell-button:focus-visible {
+  outline: 2px solid #181c56;
+  outline-color: var(--basecolors-stroke-focus-standard);
+  outline-offset: 0.125rem;
+}
+.eds-contrast .eds-table__header-cell-button:focus-visible {
+  outline-color: var(--basecolors-stroke-focus-contrast);
+}
+.eds-table--sticky-header .eds-table__header-cell {
+  background-color: var(--components-table-standard-header-fill);
+  position: sticky;
+  top: 0;
+}
+.eds-contrast .eds-table--sticky-header .eds-table__header-cell {
+  background-color: var(--components-table-contrast-header-fill);
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-editable-cell {
+  padding: 0.25rem 0.75rem;
+}
+.eds-table--middle .eds-editable-cell {
+  padding: 0.25rem 0.5rem;
+}
+.eds-table--small .eds-editable-cell {
+  padding: 0.125rem 0.5rem;
+}
+.eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) {
+  min-height: 0;
+}
+.eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control {
+  padding: 0.75rem;
+}
+.eds-table--middle .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control {
+  padding: 0.25rem calc(0.5rem - 0.0625rem);
+}
+.eds-table--small .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control {
+  padding: calc(0.25rem - 0.125rem) calc(0.5rem - 0.0625rem);
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-expand-row-button__icon {
+  transition: transform ease-in-out 0.2s;
+}
+.eds-expand-row-button--open .eds-expand-row-button__icon {
+  transform: rotate(180deg);
+}