@helsenorge/designsystem-react 3.1.5 → 4.1.0

package/components/ServiceMessage/styles.module.scss

@@ -7,6 +7,24 @@
 .service-message {
   font-family: 'Source Sans Pro', Arial, Verdana, sans-serif;
 
+  &__outer-wrapper {
+    &--success {
+      background-color: $kiwi50;
+    }
+
+    &--info {
+      background-color: $blueberry50;
+    }
+
+    &--warn {
+      background-color: $banana50;
+    }
+
+    &--alert {
+      background-color: $cherry50;
+    }
+  }
+
   &__wrapper {
     padding: getSpacer(3xs) getSpacer(xs);
 

package/components/ServiceMessage/styles.module.scss.d.ts

@@ -11,6 +11,10 @@ export type Styles = {
   'service-message__icon--expander': string;
   'service-message__icon--signal': string;
   'service-message__label': string;
+  'service-message__outer-wrapper--alert': string;
+  'service-message__outer-wrapper--info': string;
+  'service-message__outer-wrapper--success': string;
+  'service-message__outer-wrapper--warn': string;
   'service-message__top-row': string;
   'service-message__top-row--container': string;
   'service-message__wrapper': string;

package/components/StatusDot/StatusDot.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+export declare enum StatusDotModes {
+    onwhite = "onwhite",
+    ondark = "ondark"
+}
 export declare enum StatusDotVariant {
     info = "info",
     warning = "warning",
@@ -12,9 +16,14 @@ export declare enum StatusDotVariant {
     attachment = "attachment"
 }
 export interface StatusDotIconProps {
+    /** The variant defines style formatting and what icon to use */
     variant?: keyof typeof StatusDotVariant;
 }
 export interface StatusDotProps {
+    /** id that is placed on the wrapper */
+    id?: string;
+    /** Defines the color mode, onwhite, ondark etc. */
+    mode?: keyof typeof StatusDotModes;
     /** Visual variants for the statusdot */
     variant?: keyof typeof StatusDotVariant;
     /** Text placed to the right of the statusdot */

package/components/StatusDot/StatusDot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../../src/components/StatusDot/StatusDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,UAAU,eAAe;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;CACzC;AAgBD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACxC,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../../src/components/StatusDot/StatusDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,oBAAY,cAAc;IACxB,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,UAAU,eAAe;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;CACzC;AAgBD,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACxC,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2BvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/StatusDot/componentdata.json

@@ -1 +1 @@
-{"props":{"variant":{"defaultValue":null,"description":"Visual variants for the statusdot","name":"variant","parent":{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"},"declarations":[{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"}],"required":false,"type":{"name":"enum","raw":"\"info\" | \"warning\" | \"alert\" | \"cancelled\" | \"active\" | \"transparent\" | \"recurring\" | \"group\" | \"noaccess\" | \"attachment\"","value":[{"value":"\"info\""},{"value":"\"warning\""},{"value":"\"alert\""},{"value":"\"cancelled\""},{"value":"\"active\""},{"value":"\"transparent\""},{"value":"\"recurring\""},{"value":"\"group\""},{"value":"\"noaccess\""},{"value":"\"attachment\""}]}},"text":{"defaultValue":null,"description":"Text placed to the right of the statusdot","name":"text","parent":{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"},"declarations":[{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"}],"required":true,"type":{"name":"string"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"},"declarations":[{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"},"declarations":[{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"}],"required":false,"type":{"name":"string"}}}}
+{"props":{"id":{"defaultValue":null,"description":"id that is placed on the wrapper","name":"id","parent":{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"},"declarations":[{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"}],"required":false,"type":{"name":"string"}},"mode":{"defaultValue":null,"description":"Defines the color mode, onwhite, ondark etc.","name":"mode","parent":{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"},"declarations":[{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"}],"required":false,"type":{"name":"enum","raw":"\"onwhite\" | \"ondark\"","value":[{"value":"\"onwhite\""},{"value":"\"ondark\""}]}},"variant":{"defaultValue":null,"description":"Visual variants for the statusdot","name":"variant","parent":{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"},"declarations":[{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"}],"required":false,"type":{"name":"enum","raw":"\"info\" | \"warning\" | \"alert\" | \"cancelled\" | \"active\" | \"transparent\" | \"recurring\" | \"group\" | \"noaccess\" | \"attachment\"","value":[{"value":"\"info\""},{"value":"\"warning\""},{"value":"\"alert\""},{"value":"\"cancelled\""},{"value":"\"active\""},{"value":"\"transparent\""},{"value":"\"recurring\""},{"value":"\"group\""},{"value":"\"noaccess\""},{"value":"\"attachment\""}]}},"text":{"defaultValue":null,"description":"Text placed to the right of the statusdot","name":"text","parent":{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"},"declarations":[{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"}],"required":true,"type":{"name":"string"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"},"declarations":[{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"},"declarations":[{"fileName":"src/components/StatusDot/StatusDot.tsx","name":"StatusDotProps"}],"required":false,"type":{"name":"string"}}}}

package/components/StatusDot/index.js

@@ -1,2 +1,2 @@
-import{S as o}from"../../StatusDot.js";import{a as j}from"../../StatusDot.js";import"react";import"classnames";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../constants.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"./styles.module.scss";export{j as StatusDotVariant,o as default};
+import{S as o}from"../../StatusDot.js";import{a as h,b as j}from"../../StatusDot.js";import"react";import"classnames";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../constants.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"./styles.module.scss";export{h as StatusDotModes,j as StatusDotVariant,o as default};
 //# sourceMappingURL=index.js.map

package/components/StatusDot/styles.module.scss

@@ -1,5 +1,7 @@
-@import '../../scss/palette';
+@use 'sass:map';
 @import '../../scss/spacers';
+@import '../../scss/breakpoints';
+@import '../../scss/palette';
 @import '../../scss/font-settings';
 @import '../../scss/screen-reader';
 
@@ -7,9 +9,14 @@
   position: relative;
   display: inline-flex;
   align-items: center;
-  font-size: $font-size-sm;
+  font-size: $font-size-xs;
+  line-height: $lineheight-size-xs;
   font-weight: 400;
-  line-height: $lineheight-size-sm;
+
+  @media (min-width: map.get($grid-breakpoints, sm)) {
+    font-size: $font-size-sm;
+    line-height: $lineheight-size-sm;
+  }
 
   &--cancelled {
     color: $cherry600;
@@ -56,5 +63,9 @@
     &--icon {
       margin-left: getSpacer(m);
     }
+
+    &--on-dark {
+      color: $white;
+    }
   }
 }

package/components/StatusDot/styles.module.scss.d.ts

@@ -9,6 +9,7 @@ export type Styles = {
   'statusdot__dot--transparent': string;
   'statusdot__dot--warning': string;
   'statusdot__label--icon': string;
+  'statusdot__label--on-dark': string;
   'statusdot--cancelled': string;
 };
 

package/components/Step/componentdata.json

@@ -1 +1 @@
-{"props":{"stepper":{"defaultValue":null,"description":"Stepper viser fremdriften","name":"stepper","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"}],"required":false,"type":{"name":"ReactElement<StepperProps, string | JSXElementConstructor<any>>"}},"children":{"defaultValue":null,"description":"Innhold i steget","name":"children","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},{"fileName":"s/node_modules/@types/react/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactNode"}},"backButton":{"defaultValue":null,"description":"Knapp for å gå tilbake. Vises med \"outline\" variant.","name":"backButton","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"}],"required":false,"type":{"name":"ReactElement<ButtonProps, string | JSXElementConstructor<any>>"}},"forwardButton":{"defaultValue":null,"description":"Knapp for å gå videre. Vises med \"fill\" variant.","name":"forwardButton","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"}],"required":false,"type":{"name":"ReactElement<ButtonProps, string | JSXElementConstructor<any>>"}},"additionalButtons":{"defaultValue":null,"description":"Ekstra knapper. Valgfritt utseende.","name":"additionalButtons","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"}],"required":false,"type":{"name":"ReactElement<ButtonProps, string | JSXElementConstructor<any>>[]"}},"cancelButton":{"defaultValue":null,"description":"Knapp for å avbryte eller fortsette senere. Vises med \"borderless\" variant.","name":"cancelButton","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"}],"required":false,"type":{"name":"ReactElement<ButtonProps, string | JSXElementConstructor<any>>"}}}}
+{"props":{"stepper":{"defaultValue":null,"description":"Stepper viser fremdriften","name":"stepper","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"}],"required":false,"type":{"name":"ReactElement<StepperProps, string | JSXElementConstructor<any>>"}},"children":{"defaultValue":null,"description":"Innhold i steget","name":"children","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactNode"}},"backButton":{"defaultValue":null,"description":"Knapp for å gå tilbake. Vises med \"outline\" variant.","name":"backButton","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"}],"required":false,"type":{"name":"ReactElement<ButtonProps, string | JSXElementConstructor<any>>"}},"forwardButton":{"defaultValue":null,"description":"Knapp for å gå videre. Vises med \"fill\" variant.","name":"forwardButton","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"}],"required":false,"type":{"name":"ReactElement<ButtonProps, string | JSXElementConstructor<any>>"}},"additionalButtons":{"defaultValue":null,"description":"Ekstra knapper. Valgfritt utseende.","name":"additionalButtons","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"}],"required":false,"type":{"name":"ReactElement<ButtonProps, string | JSXElementConstructor<any>>[]"}},"cancelButton":{"defaultValue":null,"description":"Knapp for å avbryte eller fortsette senere. Vises med \"borderless\" variant.","name":"cancelButton","parent":{"fileName":"src/components/Step/Step.tsx","name":"StepProps"},"declarations":[{"fileName":"src/components/Step/Step.tsx","name":"StepProps"}],"required":false,"type":{"name":"ReactElement<ButtonProps, string | JSXElementConstructor<any>>"}}}}

package/components/Table/Table.d.ts

@@ -10,6 +10,10 @@ export declare enum ResponsiveTableVariant {
     /** Collapse to two columns. */
     block = "block"
 }
+export declare enum ModeType {
+    compact = "compact",
+    normal = "normal"
+}
 export interface BreakpointConfig {
     /** Breakpoint at which responsive behaviour will be applied. The table component uses a "desktop first" approach. */
     breakpoint: keyof typeof Breakpoint;
@@ -29,6 +33,8 @@ export interface Props {
     className?: string;
     /** Sets the content of the table. Use TableHead and TableBody */
     children: React.ReactNode;
+    /** For display with less space. Discouraged to use together with interactive elements. */
+    mode?: ModeType;
 }
 export declare const defaultConfig: BreakpointConfig[];
 export declare const simpleConfig: BreakpointConfig[];

package/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,UAAU,EAAiB,MAAM,2BAA2B,CAAC;AAMtE,oBAAY,sBAAsB;IAChC,iDAAiD;IACjD,IAAI,SAAS;IACb,6FAA6F;IAC7F,gBAAgB,qBAAqB;IACrC,sEAAsE;IACtE,gBAAgB,qBAAqB;IACrC,+BAA+B;IAC/B,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,qHAAqH;IACrH,UAAU,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,oEAAoE;IACpE,OAAO,EAAE,MAAM,OAAO,sBAAsB,CAAC;IAC7C,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;CACvD;AAED,MAAM,WAAW,KAAK;IACpB,gBAAgB;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IACzD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,gBAAgB,EAM3C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAAgB,EAW1C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+CjC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,UAAU,EAAiB,MAAM,2BAA2B,CAAC;AAMtE,oBAAY,sBAAsB;IAChC,iDAAiD;IACjD,IAAI,SAAS;IACb,6FAA6F;IAC7F,gBAAgB,qBAAqB;IACrC,sEAAsE;IACtE,gBAAgB,qBAAqB;IACrC,+BAA+B;IAC/B,KAAK,UAAU;CAChB;AACD,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AACD,MAAM,WAAW,gBAAgB;IAC/B,qHAAqH;IACrH,UAAU,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,oEAAoE;IACpE,OAAO,EAAE,MAAM,OAAO,sBAAsB,CAAC;IAC7C,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;CACvD;AAED,MAAM,WAAW,KAAK;IACpB,gBAAgB;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IACzD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0FAA0F;IAC1F,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,gBAAgB,EAM3C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAAgB,EAW1C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+CjC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/components/Table/TableBody/TableBody.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
+import { ModeType } from '../Table';
 export interface Props {
     /** Adds custom classes to the element. */
     className?: string;
     /** Sets the content of the table body. Use TableRows */
     children?: React.ReactNode;
+    /** For display with less space. Discouraged to use together with interactive elements. */
+    mode?: ModeType;
 }
-export declare const TableBody: ({ className, children }: Props) => JSX.Element;
+export declare const TableBody: ({ className, children, mode }: Props) => React.JSX.Element;
 export default TableBody;
 //# sourceMappingURL=TableBody.d.ts.map

package/components/Table/TableBody/TableBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableBody/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,KAAK;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,4BAA+C,KAAK,gBAEzE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableBody/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,KAAK;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0FAA0F;IAC1F,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,kCAAqD,KAAK,KAAG,SAAS,QAO3F,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/Table/TableBody/componentdata.json

@@ -1 +1 @@
-{"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableBody/TableBody.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableBody/TableBody.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the content of the table body. Use TableRows","name":"children","parent":{"fileName":"src/components/Table/TableBody/TableBody.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableBody/TableBody.tsx","name":"Props"}],"required":false,"type":{"name":"ReactNode"}}}}
+{"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableBody/TableBody.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableBody/TableBody.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the content of the table body. Use TableRows","name":"children","parent":{"fileName":"src/components/Table/TableBody/TableBody.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableBody/TableBody.tsx","name":"Props"}],"required":false,"type":{"name":"ReactNode"}},"mode":{"defaultValue":{"value":"ModeType.normal"},"description":"For display with less space. Discouraged to use together with interactive elements.","name":"mode","parent":{"fileName":"src/components/Table/TableBody/TableBody.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableBody/TableBody.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"ModeType","value":[{"value":"\"compact\"","description":"","fullComment":"","tags":{}},{"value":"\"normal\"","description":"","fullComment":"","tags":{}}]}}}}

package/components/Table/TableBody/index.js

@@ -1,2 +1,2 @@
-import{a}from"../../../TableBody.js";import{T as m}from"../../../TableBody.js";import"react";export{m as TableBody,a as default};
+import{a as r}from"../../../TableBody.js";import{T as g}from"../../../TableBody.js";import"react";import"classnames";import"../styles.module.scss";import"../../../Table.js";import"../../../constants.js";import"../../../hooks/useBreakpoint.js";import"../../../theme/grid.js";import"../../../hooks/useLayoutEvent.js";import"../../../utils/debounce.js";import"../../../HorizontalScroll.js";import"../../../hooks/useIsVisible.js";import"../../../hooks/useIntersectionObserver.js";import"../../../hooks/useSize.js";import"../../HorizontalScroll/styles.module.scss";import"../../../utils/device.js";export{g as TableBody,r as default};
 //# sourceMappingURL=index.js.map

package/components/Table/TableCell/TableCell.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ModeType } from '../Table';
 export declare enum TextAlign {
     left = "left",
     center = "center",
@@ -15,7 +16,11 @@ export interface Props {
     className?: string;
     /** Sets the content of the table cell */
     children: React.ReactNode;
+    /** For display with less space. Discouraged to use together with interactive elements. */
+    mode?: ModeType;
+    /** For test purposes */
+    testId?: string;
 }
-export declare const TableCell: ({ nowrap, textAlign, dataLabel, children, className }: Props) => JSX.Element;
+export declare const TableCell: ({ nowrap, textAlign, dataLabel, children, className, testId, mode, }: Props) => React.JSX.Element;
 export default TableCell;
 //# sourceMappingURL=TableCell.d.ts.map

package/components/Table/TableCell/TableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableCell/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,0DAAsG,KAAK,gBAchI,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableCell/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0FAA0F;IAC1F,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,yEAQnB,KAAK,KAAG,SAAS,QAenB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/Table/TableCell/componentdata.json

@@ -1 +1 @@
-{"props":{"dataLabel":{"defaultValue":null,"description":"Label used for small viewport block","name":"dataLabel","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":true,"type":{"name":"string"}},"textAlign":{"defaultValue":{"value":"TextAlign.left"},"description":"text align in cell","name":"textAlign","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"TextAlign","value":[{"value":"\"left\"","description":"","fullComment":"","tags":{}},{"value":"\"center\"","description":"","fullComment":"","tags":{}},{"value":"\"right\"","description":"","fullComment":"","tags":{}}]}},"nowrap":{"defaultValue":{"value":"false"},"description":"nowrap for white space","name":"nowrap","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":false,"type":{"name":"boolean"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the content of the table cell","name":"children","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":true,"type":{"name":"ReactNode"}}}}
+{"props":{"dataLabel":{"defaultValue":null,"description":"Label used for small viewport block","name":"dataLabel","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":true,"type":{"name":"string"}},"textAlign":{"defaultValue":{"value":"TextAlign.left"},"description":"text align in cell","name":"textAlign","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"TextAlign","value":[{"value":"\"left\"","description":"","fullComment":"","tags":{}},{"value":"\"center\"","description":"","fullComment":"","tags":{}},{"value":"\"right\"","description":"","fullComment":"","tags":{}}]}},"nowrap":{"defaultValue":{"value":"false"},"description":"nowrap for white space","name":"nowrap","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":false,"type":{"name":"boolean"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the content of the table cell","name":"children","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":true,"type":{"name":"ReactNode"}},"mode":{"defaultValue":{"value":"ModeType.normal"},"description":"For display with less space. Discouraged to use together with interactive elements.","name":"mode","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"ModeType","value":[{"value":"\"compact\"","description":"","fullComment":"","tags":{}},{"value":"\"normal\"","description":"","fullComment":"","tags":{}}]}},"testId":{"defaultValue":null,"description":"For test purposes","name":"testId","parent":{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableCell/TableCell.tsx","name":"Props"}],"required":false,"type":{"name":"string"}}}}

package/components/Table/TableCell/index.js

@@ -1,2 +1,2 @@
-import{b as e}from"../../../TableCell.js";import{T as p,a as i}from"../../../TableCell.js";import"react";import"classnames";import"../styles.module.scss";export{p as TableCell,i as TextAlign,e as default};
+import{b as r}from"../../../TableCell.js";import{T as A,a as c}from"../../../TableCell.js";import"react";import"classnames";import"../styles.module.scss";import"../../../Table.js";import"../../../constants.js";import"../../../hooks/useBreakpoint.js";import"../../../theme/grid.js";import"../../../hooks/useLayoutEvent.js";import"../../../utils/debounce.js";import"../../../HorizontalScroll.js";import"../../../hooks/useIsVisible.js";import"../../../hooks/useIntersectionObserver.js";import"../../../hooks/useSize.js";import"../../HorizontalScroll/styles.module.scss";import"../../../utils/device.js";export{A as TableCell,c as TextAlign,r as default};
 //# sourceMappingURL=index.js.map

package/components/Table/TableExpandedRow/TableExpandedRow.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ModeType } from '../Table';
 export interface Props {
     /** Row is expanded. */
     expanded: boolean;
@@ -12,7 +13,9 @@ export interface Props {
     className?: string;
     /** Sets the content of the expanded row.  */
     children: React.ReactNode;
+    /** For display with less space. Discouraged to use together with interactive elements. */
+    mode?: ModeType;
 }
-export declare const TableExpandedRow: ({ numberOfColumns, expanded, hideDetailsText, toggleClick, children, className, }: Props) => JSX.Element;
+export declare const TableExpandedRow: ({ numberOfColumns, expanded, hideDetailsText, toggleClick, children, className, mode, }: Props) => React.JSX.Element;
 export default TableExpandedRow;
 //# sourceMappingURL=TableExpandedRow.d.ts.map

package/components/Table/TableExpandedRow/TableExpandedRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableExpandedRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableExpandedRow/TableExpandedRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,KAAK;IACpB,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,uDAAuD;IACvD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,sFAO1B,KAAK,gBAyBP,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"TableExpandedRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableExpandedRow/TableExpandedRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,KAAK;IACpB,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,uDAAuD;IACvD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0FAA0F;IAC1F,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,4FAQ1B,KAAK,KAAG,SAAS,QA2BnB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/components/Table/TableExpandedRow/componentdata.json

@@ -1 +1 @@
-{"props":{"expanded":{"defaultValue":null,"description":"Row is expanded.","name":"expanded","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":true,"type":{"name":"boolean"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns in table.","name":"numberOfColumns","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":true,"type":{"name":"number"}},"hideDetailsText":{"defaultValue":null,"description":"Text for hide button.","name":"hideDetailsText","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":true,"type":{"name":"string"}},"toggleClick":{"defaultValue":null,"description":"When hide button inside expanded row is clicked.","name":"toggleClick","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":true,"type":{"name":"() => void"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the content of the expanded row.","name":"children","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":true,"type":{"name":"ReactNode"}}}}
+{"props":{"expanded":{"defaultValue":null,"description":"Row is expanded.","name":"expanded","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":true,"type":{"name":"boolean"}},"numberOfColumns":{"defaultValue":null,"description":"Number of columns in table.","name":"numberOfColumns","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":true,"type":{"name":"number"}},"hideDetailsText":{"defaultValue":null,"description":"Text for hide button.","name":"hideDetailsText","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":true,"type":{"name":"string"}},"toggleClick":{"defaultValue":null,"description":"When hide button inside expanded row is clicked.","name":"toggleClick","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":true,"type":{"name":"() => void"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the content of the expanded row.","name":"children","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":true,"type":{"name":"ReactNode"}},"mode":{"defaultValue":{"value":"ModeType.normal"},"description":"For display with less space. Discouraged to use together with interactive elements.","name":"mode","parent":{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpandedRow/TableExpandedRow.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"ModeType","value":[{"value":"\"compact\"","description":"","fullComment":"","tags":{}},{"value":"\"normal\"","description":"","fullComment":"","tags":{}}]}}}}

package/components/Table/TableExpandedRow/index.js

@@ -1,2 +1,2 @@
-import{a as p}from"../../../TableExpandedRow.js";import{T as v}from"../../../TableExpandedRow.js";import"react";import"classnames";import"../../../Button.js";import"../../Icons/Icon.js";import"../../../constants.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../../hooks/useBreakpoint.js";import"../../../theme/grid.js";import"../../../hooks/useHover.js";import"../../../hooks/useIcons.js";import"../../../hooks/useSize.js";import"../../../utils/debounce.js";import"../../../theme/currys/color.js";import"../../../theme/index.js";import"../../../theme/palette.js";import"../../../theme/spacers.js";import"../../Icons/ArrowRight.js";import"../../Button/styles.module.scss";import"../../Icons/ChevronUp.js";import"../styles.module.scss";export{v as TableExpandedRow,p as default};
+import{a as p}from"../../../TableExpandedRow.js";import{T as F}from"../../../TableExpandedRow.js";import"react";import"classnames";import"../../../Button.js";import"../../Icons/Icon.js";import"../../../constants.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../../hooks/useBreakpoint.js";import"../../../theme/grid.js";import"../../../hooks/useHover.js";import"../../../hooks/useIcons.js";import"../../../hooks/useSize.js";import"../../../utils/debounce.js";import"../../../theme/currys/color.js";import"../../../theme/index.js";import"../../../theme/palette.js";import"../../../theme/spacers.js";import"../../Icons/ArrowRight.js";import"../../Button/styles.module.scss";import"../../Icons/ChevronUp.js";import"../styles.module.scss";import"../../../Table.js";import"../../../hooks/useLayoutEvent.js";import"../../../HorizontalScroll.js";import"../../../hooks/useIsVisible.js";import"../../../hooks/useIntersectionObserver.js";import"../../HorizontalScroll/styles.module.scss";import"../../../utils/device.js";export{F as TableExpandedRow,p as default};
 //# sourceMappingURL=index.js.map

package/components/Table/TableExpanderCell/TableExpanderCell.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
+import { ModeType } from '../Table';
 export interface Props {
     /** Adds custom classes to the element. */
     className?: string;
@@ -10,7 +11,9 @@ export interface Props {
     hideDetailsText: string;
     /** Text for show button used for aria label. */
     showDetailsText: string;
+    /** For display with less space. Discouraged to use together with interactive elements. */
+    mode?: ModeType;
 }
-export declare const TableExpanderCell: ({ expandableRowId, hideDetailsText, showDetailsText, expanded, className, }: Props) => JSX.Element;
+export declare const TableExpanderCell: ({ expandableRowId, hideDetailsText, showDetailsText, expanded, className, mode, }: Props) => React.JSX.Element;
 export default TableExpanderCell;
 //# sourceMappingURL=TableExpanderCell.d.ts.map

package/components/Table/TableExpanderCell/TableExpanderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableExpanderCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableExpanderCell/TableExpanderCell.tsx"],"names":[],"mappings":";AAUA,MAAM,WAAW,KAAK;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,iBAAiB,gFAM3B,KAAK,gBAgBP,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"TableExpanderCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableExpanderCell/TableExpanderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,KAAK;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,iBAAiB,sFAO3B,KAAK,KAAG,SAAS,QAkBnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/components/Table/TableExpanderCell/TableExpanderCellMobile.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Props } from '../TableRow/TableRow';
-type TableExpanderCellMobileProps = Pick<Props, 'expanded' | 'onClick' | 'hideDetailsText' | 'showDetailsText'>;
+type TableExpanderCellMobileProps = Pick<Props, 'expanded' | 'onClick' | 'hideDetailsText' | 'showDetailsText' | 'mode'>;
 declare const TableExpanderCellMobile: React.FC<TableExpanderCellMobileProps>;
 export default TableExpanderCellMobile;
 //# sourceMappingURL=TableExpanderCellMobile.d.ts.map

package/components/Table/TableExpanderCell/TableExpanderCellMobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableExpanderCellMobile.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableExpanderCell/TableExpanderCellMobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,KAAK,4BAA4B,GAAG,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,GAAG,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;AAEhH,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAYnE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"TableExpanderCellMobile.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableExpanderCell/TableExpanderCellMobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,KAAK,4BAA4B,GAAG,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,MAAM,CAAC,CAAC;AAEzH,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAmBnE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/components/Table/TableExpanderCell/componentdata.json

@@ -1 +1 @@
-{"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"expanded":{"defaultValue":null,"description":"Row is expanded.","name":"expanded","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":true,"type":{"name":"boolean"}},"expandableRowId":{"defaultValue":null,"description":"Id for expanded row.","name":"expandableRowId","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":true,"type":{"name":"string"}},"hideDetailsText":{"defaultValue":null,"description":"Text for hide button used for aria label.","name":"hideDetailsText","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":true,"type":{"name":"string"}},"showDetailsText":{"defaultValue":null,"description":"Text for show button used for aria label.","name":"showDetailsText","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":true,"type":{"name":"string"}}}}
+{"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"expanded":{"defaultValue":null,"description":"Row is expanded.","name":"expanded","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":true,"type":{"name":"boolean"}},"expandableRowId":{"defaultValue":null,"description":"Id for expanded row.","name":"expandableRowId","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":true,"type":{"name":"string"}},"hideDetailsText":{"defaultValue":null,"description":"Text for hide button used for aria label.","name":"hideDetailsText","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":true,"type":{"name":"string"}},"showDetailsText":{"defaultValue":null,"description":"Text for show button used for aria label.","name":"showDetailsText","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":true,"type":{"name":"string"}},"mode":{"defaultValue":{"value":"ModeType.normal"},"description":"For display with less space. Discouraged to use together with interactive elements.","name":"mode","parent":{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableExpanderCell/TableExpanderCell.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"ModeType","value":[{"value":"\"compact\"","description":"","fullComment":"","tags":{}},{"value":"\"normal\"","description":"","fullComment":"","tags":{}}]}}}}

package/components/Table/TableExpanderCell/index.js

@@ -1,2 +1,2 @@
-import{a as o}from"../../../TableExpanderCell.js";import{T as y}from"../../../TableExpanderCell.js";import"react";import"classnames";import"../../../Button.js";import"../../Icons/Icon.js";import"../../../constants.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../../hooks/useBreakpoint.js";import"../../../theme/grid.js";import"../../../hooks/useHover.js";import"../../../hooks/useIcons.js";import"../../../hooks/useSize.js";import"../../../utils/debounce.js";import"../../../theme/currys/color.js";import"../../../theme/index.js";import"../../../theme/palette.js";import"../../../theme/spacers.js";import"../../Icons/ArrowRight.js";import"../../Button/styles.module.scss";import"../../Icons/ChevronDown.js";import"../../Icons/ChevronUp.js";import"../styles.module.scss";export{y as TableExpanderCell,o as default};
+import{a as o}from"../../../TableExpanderCell.js";import{T as H}from"../../../TableExpanderCell.js";import"react";import"classnames";import"../../../Button.js";import"../../Icons/Icon.js";import"../../../constants.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../../hooks/useBreakpoint.js";import"../../../theme/grid.js";import"../../../hooks/useHover.js";import"../../../hooks/useIcons.js";import"../../../hooks/useSize.js";import"../../../utils/debounce.js";import"../../../theme/currys/color.js";import"../../../theme/index.js";import"../../../theme/palette.js";import"../../../theme/spacers.js";import"../../Icons/ArrowRight.js";import"../../Button/styles.module.scss";import"../../Icons/ChevronDown.js";import"../../Icons/ChevronUp.js";import"../styles.module.scss";import"../../../Table.js";import"../../../hooks/useLayoutEvent.js";import"../../../HorizontalScroll.js";import"../../../hooks/useIsVisible.js";import"../../../hooks/useIntersectionObserver.js";import"../../HorizontalScroll/styles.module.scss";import"../../../utils/device.js";export{H as TableExpanderCell,o as default};
 //# sourceMappingURL=index.js.map

package/components/Table/TableHead/TableHead.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ModeType } from '../Table';
 export declare enum HeaderCategory {
     normal = "normal",
     transparent = "transparent",
@@ -11,7 +12,9 @@ export interface Props {
     className?: string;
     /** Sets the content of the thead. Add table rows  */
     children: React.ReactNode;
+    /** For display with less space. Discouraged to use together with interactive elements. */
+    mode?: ModeType;
 }
-export declare const TableHead: ({ category, className, children }: Props) => JSX.Element;
+export declare const TableHead: ({ category, className, children, mode }: Props) => React.JSX.Element;
 export default TableHead;
 //# sourceMappingURL=TableHead.d.ts.map

package/components/Table/TableHead/TableHead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHead/TableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,oBAAY,cAAc;IACxB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,KAAK;IACpB,kCAAkC;IAClC,QAAQ,EAAE,cAAc,CAAC;IACzB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,sCAAyD,KAAK,gBAYnF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHead/TableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,oBAAY,cAAc;IACxB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,KAAK;IACpB,kCAAkC;IAClC,QAAQ,EAAE,cAAc,CAAC;IACzB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0FAA0F;IAC1F,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,4CAA6C,KAAK,KAAG,SAAS,QAiBnF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/Table/TableHead/componentdata.json

@@ -1 +1 @@
-{"props":{"category":{"defaultValue":null,"description":"Header category for styling","name":"category","parent":{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"}],"required":true,"type":{"name":"enum","raw":"HeaderCategory","value":[{"value":"\"normal\"","description":"","fullComment":"","tags":{}},{"value":"\"transparent\"","description":"","fullComment":"","tags":{}},{"value":"\"sortable\"","description":"","fullComment":"","tags":{}}]}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the content of the thead. Add table rows","name":"children","parent":{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"}],"required":true,"type":{"name":"ReactNode"}}}}
+{"props":{"category":{"defaultValue":null,"description":"Header category for styling","name":"category","parent":{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"}],"required":true,"type":{"name":"enum","raw":"HeaderCategory","value":[{"value":"\"normal\"","description":"","fullComment":"","tags":{}},{"value":"\"transparent\"","description":"","fullComment":"","tags":{}},{"value":"\"sortable\"","description":"","fullComment":"","tags":{}}]}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the content of the thead. Add table rows","name":"children","parent":{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"}],"required":true,"type":{"name":"ReactNode"}},"mode":{"defaultValue":null,"description":"For display with less space. Discouraged to use together with interactive elements.","name":"mode","parent":{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHead/TableHead.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"ModeType","value":[{"value":"\"compact\"","description":"","fullComment":"","tags":{}},{"value":"\"normal\"","description":"","fullComment":"","tags":{}}]}}}}

package/components/Table/TableHead/index.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../../TableHead.js";import{H as d,T as i}from"../../../TableHead.js";import"react";import"classnames";import"../styles.module.scss";export{d as HeaderCategory,i as TableHead,e as default};
+import{a as o}from"../../../TableHead.js";import{H as C,T as c}from"../../../TableHead.js";import"react";import"classnames";import"../styles.module.scss";import"../../../Table.js";import"../../../constants.js";import"../../../hooks/useBreakpoint.js";import"../../../theme/grid.js";import"../../../hooks/useLayoutEvent.js";import"../../../utils/debounce.js";import"../../../HorizontalScroll.js";import"../../../hooks/useIsVisible.js";import"../../../hooks/useIntersectionObserver.js";import"../../../hooks/useSize.js";import"../../HorizontalScroll/styles.module.scss";import"../../../utils/device.js";export{C as HeaderCategory,c as TableHead,o as default};
 //# sourceMappingURL=index.js.map

package/components/Table/TableHeadCell/TableHeadCell.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ModeType } from '../Table';
 export declare enum SortDirection {
     asc = "asc",
     desc = "desc"
@@ -14,7 +15,9 @@ export interface Props {
     className?: string;
     /** Sets the content of the td element.  */
     children?: React.ReactNode;
+    /** For display with less space. Discouraged to use together with interactive elements. */
+    mode?: ModeType;
 }
-export declare const TableHeadCell: ({ sortable, onClick, className, children, sortDir }: Props) => JSX.Element;
+export declare const TableHeadCell: ({ sortable, onClick, className, children, sortDir, mode }: Props) => React.JSX.Element;
 export default TableHeadCell;
 //# sourceMappingURL=TableHeadCell.d.ts.map

package/components/Table/TableHeadCell/TableHeadCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeadCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHeadCell/TableHeadCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,oBAAY,aAAa;IACvB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,MAAM,WAAW,KAAK;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,wDAA+E,KAAK,gBA0C7G,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TableHeadCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHeadCell/TableHeadCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,oBAAY,aAAa;IACvB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,MAAM,WAAW,KAAK;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0FAA0F;IAC1F,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,8DAAiF,KAAK,KAAG,SAAS,QA4C3H,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/components/Table/TableHeadCell/componentdata.json

@@ -1 +1 @@
-{"props":{"sortable":{"defaultValue":null,"description":"Sets if column for head cell should be sortable","name":"sortable","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"boolean"}},"sortDir":{"defaultValue":null,"description":"Sort direction","name":"sortDir","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"SortDirection","value":[{"value":"\"asc\"","description":"","fullComment":"","tags":{}},{"value":"\"desc\"","description":"","fullComment":"","tags":{}}]}},"onClick":{"defaultValue":null,"description":"Function that is called when clicked","name":"onClick","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"(() => void)"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the content of the td element.","name":"children","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"ReactNode"}}}}
+{"props":{"sortable":{"defaultValue":null,"description":"Sets if column for head cell should be sortable","name":"sortable","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"boolean"}},"sortDir":{"defaultValue":null,"description":"Sort direction","name":"sortDir","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"SortDirection","value":[{"value":"\"asc\"","description":"","fullComment":"","tags":{}},{"value":"\"desc\"","description":"","fullComment":"","tags":{}}]}},"onClick":{"defaultValue":null,"description":"Function that is called when clicked","name":"onClick","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"(() => void)"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the content of the td element.","name":"children","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"ReactNode"}},"mode":{"defaultValue":{"value":"ModeType.normal"},"description":"For display with less space. Discouraged to use together with interactive elements.","name":"mode","parent":{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableHeadCell/TableHeadCell.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"ModeType","value":[{"value":"\"compact\"","description":"","fullComment":"","tags":{}},{"value":"\"normal\"","description":"","fullComment":"","tags":{}}]}}}}

package/components/Table/TableHeadCell/index.js

@@ -1,2 +1,2 @@
-import{a as r}from"../../../TableHeadCell.js";import{S as x,T as C}from"../../../TableHeadCell.js";import"react";import"classnames";import"../../Icons/Icon.js";import"../../../constants.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../Icons/ArrowDown.js";import"../../Icons/ArrowUp.js";import"../styles.module.scss";export{x as SortDirection,C as TableHeadCell,r as default};
+import{a as r}from"../../../TableHeadCell.js";import{S as k,T as q}from"../../../TableHeadCell.js";import"react";import"classnames";import"../../Icons/Icon.js";import"../../../constants.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../Icons/ArrowDown.js";import"../../Icons/ArrowUp.js";import"../styles.module.scss";import"../../../Table.js";import"../../../hooks/useBreakpoint.js";import"../../../theme/grid.js";import"../../../hooks/useLayoutEvent.js";import"../../../utils/debounce.js";import"../../../HorizontalScroll.js";import"../../../hooks/useIsVisible.js";import"../../../hooks/useIntersectionObserver.js";import"../../../hooks/useSize.js";import"../../HorizontalScroll/styles.module.scss";import"../../../utils/device.js";export{k as SortDirection,q as TableHeadCell,r as default};
 //# sourceMappingURL=index.js.map

package/components/Table/TableRow/TableRow.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ModeType } from '../Table';
 export interface Props {
     /** Sets if expanded row can be expanded */
     expandable?: boolean;
@@ -16,6 +17,8 @@ export interface Props {
     className?: string;
     /** Sets the cells of the table row element.  */
     children?: React.ReactNode;
+    /** For display with less space. Discouraged to use together with interactive elements. */
+    mode?: ModeType;
 }
 export declare const TableRow: React.FC<Props>;
 export default TableRow;

package/components/Table/TableRow/TableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRow/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,KAAK;IACpB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgCpC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRow/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,MAAM,WAAW,KAAK;IACpB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0FAA0F;IAC1F,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkCpC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/components/Table/TableRow/componentdata.json

@@ -1 +1 @@
-{"props":{"expandable":{"defaultValue":null,"description":"Sets if expanded row can be expanded","name":"expandable","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"boolean"}},"expanded":{"defaultValue":null,"description":"Sets if expanded row is expanded","name":"expanded","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"boolean"}},"onClick":{"defaultValue":null,"description":"When hide/show button for expanded row is clicked.","name":"onClick","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"(() => void)"}},"hideDetailsText":{"defaultValue":null,"description":"Text for expanded row hide button.","name":"hideDetailsText","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"showDetailsText":{"defaultValue":null,"description":"Text for expanded row show button.","name":"showDetailsText","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"rowKey":{"defaultValue":null,"description":"Key attribute for row","name":"rowKey","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the cells of the table row element.","name":"children","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},{"fileName":"s/node_modules/@types/react/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactNode"}}}}
+{"props":{"expandable":{"defaultValue":null,"description":"Sets if expanded row can be expanded","name":"expandable","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"boolean"}},"expanded":{"defaultValue":null,"description":"Sets if expanded row is expanded","name":"expanded","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"boolean"}},"onClick":{"defaultValue":null,"description":"When hide/show button for expanded row is clicked.","name":"onClick","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"(() => void)"}},"hideDetailsText":{"defaultValue":null,"description":"Text for expanded row hide button.","name":"hideDetailsText","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"showDetailsText":{"defaultValue":null,"description":"Text for expanded row show button.","name":"showDetailsText","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"rowKey":{"defaultValue":null,"description":"Key attribute for row","name":"rowKey","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"string"}},"children":{"defaultValue":null,"description":"Sets the cells of the table row element.","name":"children","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactNode"}},"mode":{"defaultValue":{"value":"ModeType.normal"},"description":"For display with less space. Discouraged to use together with interactive elements.","name":"mode","parent":{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"},"declarations":[{"fileName":"src/components/Table/TableRow/TableRow.tsx","name":"Props"}],"required":false,"type":{"name":"enum","raw":"ModeType","value":[{"value":"\"compact\"","description":"","fullComment":"","tags":{}},{"value":"\"normal\"","description":"","fullComment":"","tags":{}}]}}}}

package/components/Table/TableRow/index.js

@@ -1,2 +1,2 @@
-import{a as r}from"../../../TableRow.js";import{T as z}from"../../../TableRow.js";import"react";import"classnames";import"../styles.module.scss";import"../../../Button.js";import"../../Icons/Icon.js";import"../../../constants.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../../hooks/useBreakpoint.js";import"../../../theme/grid.js";import"../../../hooks/useHover.js";import"../../../hooks/useIcons.js";import"../../../hooks/useSize.js";import"../../../utils/debounce.js";import"../../../theme/currys/color.js";import"../../../theme/index.js";import"../../../theme/palette.js";import"../../../theme/spacers.js";import"../../Icons/ArrowRight.js";import"../../Button/styles.module.scss";import"../../Icons/ChevronDown.js";import"../../Icons/ChevronUp.js";export{z as TableRow,r as default};
+import{a as r}from"../../../TableRow.js";import{T as G}from"../../../TableRow.js";import"react";import"classnames";import"../styles.module.scss";import"../../../Table.js";import"../../../constants.js";import"../../../hooks/useBreakpoint.js";import"../../../theme/grid.js";import"../../../hooks/useLayoutEvent.js";import"../../../utils/debounce.js";import"../../../HorizontalScroll.js";import"../../../hooks/useIsVisible.js";import"../../../hooks/useIntersectionObserver.js";import"../../../hooks/useSize.js";import"../../HorizontalScroll/styles.module.scss";import"../../../utils/device.js";import"../../../Button.js";import"../../Icons/Icon.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../../hooks/useHover.js";import"../../../hooks/useIcons.js";import"../../../theme/currys/color.js";import"../../../theme/index.js";import"../../../theme/palette.js";import"../../../theme/spacers.js";import"../../Icons/ArrowRight.js";import"../../Button/styles.module.scss";import"../../Icons/ChevronDown.js";import"../../Icons/ChevronUp.js";export{G as TableRow,r as default};
 //# sourceMappingURL=index.js.map